html { overflow: hidden; }

html, body {
     margin: 0;
     padding: 0;
     height: 100%;
	 background-color:#E0DFE2;

}


.style1 {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-align:left;
}

.style2 {
	font-size: 12px;
	color: #990066;
}


body { margin: 10px;
		background-color:#E0DFE2;
		 }

#content {
     margin-top: 10px;
     position: relative;
}

#map {
     position: absolute;
     top: 0;
     left: 0;
	 margin-left:10px;
     width: 610px;
     height: 440px;
	 border-left:4px solid #89AEE7;
	 border-top:4px solid #CFDAF5;
	 border-right:4px solid #CFDAF5;
	 border-bottom:4px solid #89AEE7;
-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
 -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
 box-shadow: 5px 5px rgba(0,0,0,0.5);
}


#map-wrapper {
     position: relative;
     height: 500px;
	 
}

#sidebar {
     position: absolute;
	 background-color:#F2F1F3;
     top: 0;
     width: 290px;
     height: 500px;
     overflow: auto;
	 cursor: default;
	 background-color:#F2F1F3;
	 margin-right:10px;

}

#sidebar p {
     margin: 10px;
}



#sidebar ul#sidebar-list {
     list-style: none;
     padding: 0;
     margin: 0;

}

#sidebar ul#sidebar-list li a {
     display: block;
	 border-left:3px solid #CFDAF5;
	 border-top:3px solid #CFDAF5;
	 border-right:3px solid #89AEE7;
	 border-bottom:3px solid #89AEE7;
     background: #EFEFEF;
     margin: 5px;
     padding: 4px;
     font: 12px Helvetica, sans-serif;
     text-decoration: none;
     color: #000066;
-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
 -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
 box-shadow: 5px 5px rgba(0,0,0,0.5);

}


#sidebar ul#sidebar-list li a:hover {
     background: #EFF3F8;
     color: #FF0000;
	 cursor:hand;
}
#sidebar ul#sidebar-list li a:active {
     background: #FFFFFF;
     color: #990000;
	 cursor:hand;
}


#sidebar ul#sidebar-list li a strong {
     display: block;
	 cursor:hand;
}
#sidebar ul#sidebar-list li a span {
     font-style: italic;
     font-size: 11px;
	 cursor:hand;
}

body.sidebar-right #map-wrapper { margin-right: 300px; }
body.sidebar-right #sidebar { right: 0; }

body.nosidebar #map-wrapper { margin: 0; }
body.nosidebar #map {
     position: absolute;
     top: 0;
     left: 0;
     width: 900px;
     height: 500px;
	 border-left:4px solid #89AEE7;
	 border-top:4px solid #CFDAF5;
	 border-right:4px solid #CFDAF5;
	 border-bottom:4px solid #89AEE7;
}
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

#toolbar {
	background: white;
	padding: 4px;
	 border-left:3px solid #CFDAF5;
	 border-top:3px solid #CFDAF5;
	 border-right:3px solid #89AEE7;
	 border-bottom:3px solid #89AEE7;
	position: relative;
	background-color: #EFEFEF;
-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
 -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
 box-shadow: 5px 5px rgba(0,0,0,0.5);
}


/* holly hack for IE to get position:bottom right
   see: http://www.positioniseverything.net/abs_relbugs.html
 \*/
* html #toolbar { height: 1px; }
/* */

#toolbar h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

#toolbar ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

#toolbar ul#sidebar-controls li {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#toolbar ul li {
     display: inline;
}

#toolbar ul li a {
     padding: 3px 6px;
     color: #990000;
	 font-weight:bold;
     text-decoration: none;
     font-size: 12px;
}

#toolbar ul li a:hover {
     color: #FF0000;
     background: #E8E8E8;
	 border-left:2px solid #CFDAF5;
	 border-top:2px solid #CFDAF5;
	 border-right:2px solid #89AEE7;
	 border-bottom:2px solid #89AEE7;
}
/* [listing 6-17] */
#alert {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;   
     display: none;
}

#alert p {
     width: 150px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
}

#bottom_frames {
height:
     width: 800px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: #EFEFEF;
	 border-left:2px solid #CFDAF5;
	 border-top:2px solid #CFDAF5;
	 border-right:2px solid #89AEE7;
	 border-bottom:2px solid #89AEE7;

	 
}
#iframe {
     width: 800px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: #EFEFEF;
	
	 
}
/* [listing 6-17 end] */

body.loading #alert { display: block; }

div#commentForm{  margin: 0px 20px 0px 20px;  
display: none;
background-color:#EBEBEB;
}
#detailmap {

	 padding: 0;
margin: 0;
}
.shadowcss{
position: relative;
top: -5px;
left: -5px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#B9B9B9', Positive='true');
}
body{scrollbar-face-color: #89AEE7;
scrollbar-shadow-color: #000066;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color: #EAEAEA;
scrollbar-darkshadow-color: #000066;
scrollbar-track-color: #CFDAF5;
scrollbar-arrow-color: #FF0000;

}

.query_popup:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 150px;
top: -110px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 100px;/*position where enlarged image should offset horizontally */
z-index:1000;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=16);
}