html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	}


#map_canvas { width: 100%; height: 93%; }

#legend img {margin-left:20px; margin-right:5px;}

input {position:relative; float:left;}
#date_selection {position:relative; float: left;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}




#tt {
    background: url("http://crocdoc.ifas.ufl.edu/projects/saveyourlogo/map/markers/tooltip_left.gif") no-repeat scroll left top transparent; 
    display: block;
    position: absolute;
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 12px;
}
#tttop {
    background: url("http://crocdoc.ifas.ufl.edu/projects/saveyourlogo/map/markers/tooltip_top.gif") no-repeat scroll right top transparent; 
    display: block;
    height: 5px;
    margin-left: 5px;
    overflow: hidden;
}
#ttcont {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
    display: block;
    margin-left: 5px;
    padding: 2px 12px 3px 7px;
}
#ttbot {
    background: url("http://crocdoc.ifas.ufl.edu/projects/saveyourlogo/map/markers/tooltip_bottom.gif") no-repeat scroll right top transparent; 
    display: block;
    height: 5px;
    margin-left: 5px;
    overflow: hidden;
}