/* Derived from "Earthquake Map" default style by Dawn Endico - endico@gmail.com 
   Released under Creative Commons License
   http://creativecommons.org/licenses/by-sa/2.5/
*/
@import url(http://www.google.com/uds/css/gsearch.css);

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


#infowindowHTML 
{ 
	padding: 15px 8px 15px 8px;
	background-color: white;
	top:95px;
	max-width:600px;
	max-height:inherit;
	text-align:center;
	font-size:smaller;
	z-index:1000
}


#imagewindowHTML 
{ 
	padding: 15px 8px 15px 8px;
	background-color: white;
	top:95px;
	max-width:850px;
	max-height:inherit;
	text-align:center;
	font-size:smaller;
	z-index:1001
}


#titleBlock
{
	background-color: white;
}

#headerBlock
{
	position: fixed;
	left:0px;
	top:0px;
	right:0px;
	height:90px;
	padding:0;
	z-index:990
}

#overlayLegendBlock
{
	position: fixed;
	left:15px;
	top:115px;
	padding:0;
	z-index:980
}

#overlayInfoWindowBlock
{
	position:absolute;
	right:15px;
	top:95px;
	padding:5px;
	empty-cells:hide;
	visibility:hidden;
	border:1px outset black;
	background-color: #CFF;
	margin:0px auto;
	z-index:985
}

#overlayImageWindowBlock
{
	position:absolute;
	right:15px;
	top:95px;
	padding:5px;
	empty-cells:hide;
	visibility:hidden;
	border:1px outset black;
	background-color: #CFF;
	margin:0px auto;
	z-index:987
}

#errorMessage
{
 	color: #C00;
	font-size:smaller;
}

#loadingMessage
{
	position: absolute;
 	left: 40%;
 	top: 55%;
	width: 380px;
	text-align:center;
	padding:6px;
	border:1px outset black;
	background-color: silver;
	margin:0px auto;
	height:20px;
	opacity: 0.7;                    /* Chrome, Firefox, Safari, Opera */
   	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
   	filter: alpha(opacity=70);       /* IE 4-7 */
	z-index: 100
}

#menuBlock
{	
	position: absolute;
	margin: 0;
	padding: 0;
}

#menuBlock li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial
}

#menuBlock li a
{
	display: block;
	padding: 5px 5px;
	width: 95px;
	background: cornflowerblue;
	color: white;
	text-align: center;
	text-decoration: none
}

#menuBlock li a:hover
{	
	background: #49A3FF
}

#menuBlock div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFF;
	border: 1px solid #5970B2
}

#menuBlock div a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 5px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #FFF;
	color: #2875DE;
	font: 12px arial
}

#menuBlock div a:hover
{	background: #49A3FF;
	color: #FFF
}

#mapCanvas
{ 
	position: absolute;
	height:100%;
	width:100%;
} 

body h1 
{
	font-size: medium;
}

html>body .contentBlock
{
	position:absolute;
	padding:0;
	overflow:auto;
}

.AutoCompleteBackground
{
	background-color: white;
}
.AutoCompleteHighlight
{
	background-color: lime;
}

#tt {position:absolute; width:auto; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; width:auto; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; font-size:10px; width:auto; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; width:auto; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}