html, body {
  margin: 0;
  padding: 0;
  width:100%;
  height: 100%;
  font-family: Verdana, Geneva, sans-serif;
}

#map_canvas {
    height: 570px;
    width: 100%;
    top: 0px;
    margin:0 auto;  }


#locate {
    height: auto;
	width: 100%;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	background-color: #86BF7A;
	padding: 2px 2px;
	text-align: center;
    z-index: 2;
    }
    

    
#data {
position: absolute;
top: 46px;
left: 10px;
background: white;
opacity: 0.8;
width: 93%;
height: 80%;
padding: 10px;
font-size: 12px;
overflow-y:scroll;
color: black;
z-index: 2700;
}

#data a, a:visited{
color:#206312;
}

#credits {
position: absolute;
top: 46px;
left: 10px;
background: white;
opacity: 0.8;
width: 430px;
height: auto;
padding: 10px;
font-size: 12px;
overflow-y:scroll;
color: black;
z-index: 2700;
}

#clickme {
font-size: 18px;
font-weight: bold;
float: right;
cursor: pointer;
padding-right: 5px;
}

#clickmecredits {
font-size: 18px;
font-weight: bold;
float: right;
cursor: pointer;
padding-right: 5px;
}


#locate button{
width: 100px;
height: auto;
cursor: pointer; 
border: #575757 2px solid;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 10px 15px;
color: #EDE2CC;
text-transform: uppercase;
font-weight: bold;
text-align: center;
background-color: #509442;
font-size: 11px;
font-weight: bold;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
}   

#content {
	position: absolute;
    height: auto;
    left: 5px;
	padding: 5px 0;
	top: 0px;
	width: 100%;
	text-align: center;
    z-index: 3;
    }


#content button{
width: auto;
height: auto;
cursor: pointer; 
border: #575757 2px solid;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 10px 5px;
color: #EDE2CC;
text-transform: uppercase;
font-weight: bold;
text-align: center;
background-color: #509442;
font-size: 11px;
font-weight: bold;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
}

#content button:hover {
background-color: #FFA15D;
}

#content button:active {
background-color: #FFA15D;
}


#content button:visited {
background-color: #FFA15D;
}

#locate button:hover {
background-color: #FFA15D;
}

#locate button:active {
background-color: #FFA15D;
}


#locate button:visited {
background-color: #FFA15D;
}
    



#tooltip {
  position:absolute;
  width:120px;
  height:auto;
  padding:15px;
  z-index:1000;
cursor: default; 
  display:none;
  opacity: 0.8;
  -moz-border-radius: 15px;
border-radius: 15px;
  background:#FFA15D;
  color:#333;
  border: 2px solid #DE8945!important;
  font:normal 12px Arial!important;
}

#hover home_name{
}

    
   
#tooltip label {
float: right;
font-weight: bold;
font-size: 15px;
color: #00400D;
cursor: pointer; 
padding-left: 5px;
}


#hover {
position:absolute;
  width:auto;
  height:auto;
  padding:10px;
  z-index:100;
  display:none;
  opacity: 1;
  background:#FFA15D;
  border: 2px solid #DE8945!important;
  font:normal 12px Arial!important;
  color:#333;
}

#tooltip a {
color: green;
text-decoration: underline;
}





#tooltip market {font-weight:bold;
color:#00400D;
font-size: 14px;
width: 100px;
  line-height: 100%;
padding-right: 5px;
text-align: center;
-webkit-font-smoothing: antialiased;
}

.my-legend_rate {
position: absolute;
bottom: 55px;
		right: 0px;
	background-color:#fff;
		opacity: 1;
		padding: 5px;}

.my-legend {
position: absolute;
bottom: 55px;
		right: 0px;
	background-color:#fff;
		opacity: 1;
		border: 1px solid #333;
		padding: 5px;}

.legend-title {
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 75%;
    }
.legend-scale ul {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    float: left;
    list-style: none;
    }
.legend-scale ul li {
    font-size: 70%;
    list-style: none;
    margin-left: 0;
    line-height: 18px;
    margin-bottom: 2px;
    }
 ul.legend-labels li span {
   display: block;
    float: left;
    height: 16px;
    width: 30px;
    margin-right: 5px;
    margin-left: 0;
    border: 1px solid #999;
    }