/*********************
 * Google Map Styles *
 *********************/

#map {
  width: 509px; 
  margin: 0px; 
}

.logo_overlay {
display: none;
  float: right;
  opacity: 0.5;
  position: relative;
  right: 7px;
  top: -115px;
  margin-bottom:-115px;
  filter:alpha(opacity=50);
}

.tooltip {
  background: #000000;
  color: #FFFFFF;
  font-size: 13px;
  font-family:Arial,Helvetica,sans-serif;
  opacity: 0.6;
  filter:alpha(opacity=60);
  padding: 2px 5px;
  white-space: nowrap;
}

#mapframe {
  height: 600px;
  width: 508px;
  background-image: url('/images/loading.gif');
  background-position: center;
  background-repeat: no-repeat;
}


/* Directions */
.googledir div table {
  font-weight: bold;
  background-color: #DCDEC8!important;
  border: 1px solid #D3D2C2!important;
  color: #000!important;
}
#cleardirections {
 cursor: pointer;
 text-decoration: underline;
}

#directionsbox {

 overflow-x: hidden;
 width: 489px;
 margin-top: 22px;

 padding-bottom: 10px; 
}

#directionsbox h2 {
  border: 1px solid #D3D2C2;
  margin: 10px 5px;
  font-family:sans-serif;
  font-size:14px;
  font-weight:bold;
  height:24px;
  line-height:24px;
  padding:0px 7px;
  background-color: #DCDEC8!important;
  color: #000!important;
}
#directionsPanel div {
  margin: 10px 5px;
}
.googledir div div table {
  background: transparent!important;
  opacity: 1;
}
	    
.googledir div div table a {
  color: #fff!important;
  text-decoration: none!important;
}

#directions {
  background-color: #EAEBDD;
  font-size: 14px;
  font-family:sans-serif;
  margin-top: 30px;
  z-index:1;
  border-bottom: 1px solid #D3D2C2;

}

.close {
  display:block; 
  float:right; 
}

* html .close {
}

#directionsPanel {
 /*overflow-y: scroll;
  height:400px; */
  color: #000!important;
  background-position:center;
  background-repeat:no-repeat;
}

.drivingdirections {

  text-align: center; 
  font-family: Arial, sans-serif; 
  font-size: 14px;
  padding: 5px 0px;
  color: #fff;
  background: #000;
  font-weight: bold;
  height:12px;
}

#drivingdirections h2 {
  margin: 0px;
  padding: 0px;
  font-size: 14px; 
}

#drivingdirections a {
  color: #fff;
}

.directions {
  background-color:#ffffff;
  border-top: 1px solid #d1d2c0;
  width: 100%;
  color:#000;
  font-family:sans-serif;
  font-size:12px;
  text-decoration: underline;
  text-align: right;
  height:21px;
  line-height:21px;
  padding:0px 7px;
  cursor: pointer;
  float: right;
}

#legend {
  margin-top: 30px;
}

#legendtext {
  font-size: 12px;
  text-align: center;
  color: #000; 
  background-color: #dcdec8;
  padding:10px 10px; 
  text-align:left; 
  font-family: Arial, sans-serif;

}

#legendtitle {
  float:left;
  margin-top: -22px;
  margin-left: -10px;
  height: 21px;
  line-height: 21px;
  font-weight: bold;
  border-right: 1px solid #d1d2c0;
  border-top: 1px solid #d1d2c0;
  background-color: #eaebdd;
  color: #bb613e;
  padding: 0px 10px;
}

* html #legend img {
 behavior: url(/css/maps/iepngfix.htc);
 }
 


.closelegend {
  display:block; 
  float:right; 
  margin-right:-10px; 
  margin-top:-10px; 
  cursor: pointer;
}

* html .closelegend {
  float:right;
  margin-right: -5px;
  margin-top: -10px;
}


#legend h2 {
  margin: 2px; padding: 2px; font-size: 14px; font-family: Arial, sans-serif; 
  text-align: center; font-weight: none;
}

#interest {
 background-color: #eaebdd;
  padding: 5px; 
  border-top: 1px solid #D3D2C2;  

}

#interest th {
  font-size: 10px;
}

#interest td {
  text-align: center;
  width: 53px;
}

#directionform {
  margin: 0px 15px;
}

* html #directionform {
  display: inline;
  margin: 0px 5px;
}

// hide later tabs so box height is calculated properly
#tab1_content, #tab2_content, #tab3_content {
 display: none;
 visibility: hidden;
 }
 
 #tabs_header {
  height: 0px;
 }
 
.clear {
  clear: both;
  visibility: hidden;
  position: relative;
}

#logocontrol {
 bottom: 25px!important;
 }
 
.mappage #logocontrol {
 bottom: 0px!important;
  }
  

#maptabs {
 margin: 0px;
 height: 20px!important;
 float: left!important;
 position: relative;
 top: -20px;
 margin-bottom:-20px;	    
 padding: 0px;
 background-color: #E2DFBC;
}

#maptabs li {
 float:left;
 list-style-type: none;
 height: 20px;
 line-height: 20px;
 padding: 0px;
 margin: 0px;
 border-right: 1px solid #d3d1c2;
border-top: 1px solid #d3d1c2;
 text-align: center;
 color: #394959;
 font-size: 12px;
  cursor: pointer;
 background: #fff;
}

#maptabs li.inactive {
  text-decoration: underline;
  color: #fff;
  background-color: #c8ced3;
  border-bottom: 1px solid #d3d1c2;
}
  
  #legend, #directions, #directionsbox {
   margin-top: 0px;
   }