#map_canvas { width: 800px; height:550px; }

.map {
    width: 800px; height: 550px;	
    /* The following are required to allow absolute positioning of the  
     * info window at the bottom right of the map, and for it to be hidden  
     * when it is "off map"  
     */  
    position: relative;  
    overflow: hidden;  
}  

#map_bar {
	position: absolute;
	top: 0px;
	left: 100px;
	padding: 15px 20px;
	font: 12px/1.4 Arial,Helvetica,sans-serif;
	color: #ffffff;
	background-color: rgba(0,0,0,0.8);  
    font-size: 14px;
}

/*.map a.locButton {
    background: green;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
    margin-left: 20px;
    text-decoration: none;
}*/

.map a.locButton {
    margin-left: 20px;
    text-decoration: none;
    color: #ffffff;
    padding: 5px 15px;
    background: -moz-linear-gradient(
        top,
        #219c29 0%,
        #0f4713);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#219c29),
        to(#0f4713));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 5px;
    border: 1px solid #145724;
    -moz-box-shadow:
        0px 1px 3px rgba(61,61,61,0.5),
        inset 0px 0px 1px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 1px 3px rgba(61,61,61,0.5),
        inset 0px 0px 1px rgba(255,255,255,1);
    box-shadow:
        0px 1px 3px rgba(61,61,61,0.5),
        inset 0px 0px 1px rgba(255,255,255,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.7),
        0px 1px 0px rgba(255,255,255,0.3);
}


.map a.locButton:hover {
    background: darkgreen;
    cursor: pointer;
}

#map_details {  
    /* Place the div off the bottom right of the map */  
    position: absolute;  
    width: 210px;
	height: 250px;	
    bottom: 0;  
    right: -250px;  
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 12px; 
	line-height:17px;
    padding-left: 10px;  
    padding-right: 10px;  
	padding-top: 10px;
	padding-bottom: 10px;
    /* Semi-transparent background */  
    background-color: rgba(0,0,0,0.8);  
    color: white;   
    /* Rounded top left corner */  
    border-top-left-radius: 15px;  
    -moz-border-radius-topleft: 15px;  
    -webkit-border-top-left-radius: 15px;  
}

#map_details h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;

}  

  
#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;
}