#mapid {
    width: 100%;
    height: 100%;
    position: absolute; 
    top: 30px;
    margin: 0px;
    left: 0px;    
    z-index: 1; 
}

#thelegend {
    position: absolute;
    z-index: 2;    
    left: 0px;
    top: 120px;    
    width: 275px;
    /*height: 300px;*/
    border: 20 px;
    background-color: white;
}   

#floorspace_info {
    position: absolute;
    z-index: 1000;    
    left: 0px;
    bottom: 60px;    
    width: 270px;
    /*height: 300px;*/
    border: 20 px;
    background-color: gray;
}



.leg_head_text1 {
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 30px 5px 5px;     
}
.leg_head_text2 {
    font-size: 1em; 
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 30px 5px 5px;  
}	
.leg_head_text3 {
    font-size: 3em; 
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 30px 5px 5px;  
}
.leg_head_text4 {
    font-size: -0.2em; 
    font-family: Arial, Helvetica, sans-serif;
	
    margin: 5px 30px 5px 5px;  
}

#slider {
    width: 270px;
    margin: 5px 30px 5px 5px;
    background-color: #fff;
}
.ui-slider-range.ui-widget-header {
    background:  #FF0000;
}
#slider .ui-slider-handle {
    background:#ffcccb;
}