body,html 
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;

}

body
{
	font-family: "Arial","Verdana","sans-serif";
    font-size: 10px;
}
img
{
	border-width:0px;
	padding:0;
	margin:0;
}

.infoWinHead
{  
    font-family:Verdana;
	font-weight:bold;
	color:#444;
}
.infoWinFoot
{  
	
    font-size:0.9em;
    font-family:"Arial";
    line-height:1.25;
	color:#888888;
	width:190px;
}
.infoWinTable
{
	font-family:Verdana;
	color:#222222;
	border-collapse: collapse;
	border:solid 1px #DDDDDD;
	width:100%;
}
.infoWinTable th
{
	font-weight:bold;
	color:#333333;
	background-color:#DDDDDD;
	padding-right:4px;
}
.infoWinTable td
{
	text-align:right;
	padding-right:6px;
	border:solid 1px #eeeeee;
}

/*
.ui-layout-pane-north 
{
	border:solid 1px #FFFFFF;
	
}
*/
#lnkViewLargerWhenEmbedded
{
	position:absolute;
	bottom:40px;
	right:10px;
	z-index:1000;
	background:#444444;
	padding:1px 3px 3px 3px;
	border-radius:4px;
	opacity:0.9;
	border:solid 1px #D0D0D0;
	display:none;
}
#lnkViewLargerWhenEmbedded a
{
	font-weight:bold;
	color:#FFBB77;
}

#gcAttribution
{
	position:absolute;
	left:20px;
	bottom:40px;
	z-index:100;
	opacity:0.9;
}
#gcAttribution img
{
	border-radius:5px;
	border:solid 2px #F0F0F0;
}


#OpenLayers_Control_Attribution_Left
{
    font-size: smaller; 
    left: 60px!important; 
    bottom: 1.5em; 
    position: absolute; 
    display: block;
}
.olControlPanZoom
{
	top:55px!important;
}

.tooltip {
    -moz-box-shadow: 0 0 10px #000000;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    padding: 10px 15px;
    text-align: left;
    width: 220px;
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("../images/h300.png") repeat-x scroll 0 0 #111111; 
    z-index:99999;
}
.tooltip-title
{
	font-weight:bold;
	margin-bottom:4px;
	font-size:13px;
	color:#ffa500;
}

/*
.tooltip {
	display:none;
	background:transparent url(../images/black_big.png);
	font-size:12px;
	height:140px;
	width:210px;
	padding:25px;
	color:#fff;	
	z-index:999999;
}
*/
/* override the arrow image of the tooltip */
/*
.tooltip.bottom {
	background:url(../images/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(../images/black_arrow_bottom.png);
}
*/

.olTileReplacing {
    display: block!important; 
}

.olImageLoadError 
{
   background-color: transparent;
   opacity: 0.0!important;
   filter: alpha(opacity=0)!important;
}


.olPopupCloseBox
{
	background: url( "../images/close.gif" ) no-repeat !important;
	cursor: pointer;
}
/*
.olControlAttribution {
    font-size: smaller; 
    left: 3px!important; 
    bottom: 4.5em; 
    position: absolute; 
    display: block;
}
*/
.olPopup{pointer-events:none;}
.olFramedCloudPopupContent, .olPopupCloseBox{pointer-events:auto;}

#popup_FrameDecorationDiv_0,
#popup_FrameDecorationDiv_1,
#popup_FrameDecorationDiv_2,
#popup_FrameDecorationDiv_3{pointer-events:auto;}
#popup_FrameDecorationDiv_4{pointer-events:none;}


.data-increase
{
	color:#009900;
}
.data-decrease
{
	color:#dd0000;
}


.panel 
{
z-index:100000;
position: absolute;
/*top: 122px;*/
right: 0;
display: none;
background: #ffffff;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-radius:20px 0 0 20px;
width: auto;
height: auto;
padding: 8px 15px 10px 15px;
filter: alpha(opacity=95);
opacity: .95;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger
{

z-index:100000;
position: absolute;
text-decoration: none;
/*top: 128px; right: 0px;*/
font-size: 17px;
letter-spacing:0.5px;
/*font-family: verdana, helvetica, arial, sans-serif;*/
color:#333333;
padding: 10px 7px 10px 13px;
font-weight: 700;
background:#EEEEEE;
border:1px solid #444444;
border-right:1px solid #EEEEEE;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-radius:10px 0 0 10px;
display: block;
}
a.trigger#trgrLegend
{
z-index:10001;
top: 175px; 
right: 0px;
width:60px;
}
.panel#pnlLegend
{
z-index:10001;
top: 168px;
}
a.trigger#trgrLayers
{
z-index:10000;	
top: 178px; 
right: 0px;
width:60px;
}
.panel#pnlLayers
{
z-index:10000;
top: 172px;
width:200px;
padding-top:50px;
padding-bottom:20px;
font-size:12px;
font-weight:bold;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
/*top: 128px; right: 0;*/
font-size: 17px;
/*letter-spacing:-1px;*/
/*font-family: verdana, helvetica, arial, sans-serif;*/
color:#111111;
padding: 10px 12px 10px 13px;
font-weight: 700;
background:#ffffff;
border:1px solid #444444;
border-right:1px solid #ffffff;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}



#olLayers li:hover {background: #DDDDDD;}
#olLayers .ui-selected { background: #F39814; color: #ffffff; }
#olLayers .ui-selected:hover {background: #F39814;}
#olLayers .ui-selecting,  #olLayers .ui-selecting:hover,  #olLayers .ui-selected .ui-selecting { background: #FECA40; }
#olLayers { list-style-type: none; margin: 0; padding: 0; }
#olLayers li {margin: 3px; padding: 0.4em; height: 14px; cursor:pointer; background:#eeeeee;}
	
/*
.ui-tabs .ui-tabs-hide { position: absolute;
        left: -10000px; }
*/


#radMapType .ui-button-text 
{
	padding: 0.4em 0;
	font-weight:normal;
	
}



/*COPIED FROM UI-DARKNESS. CHANGED THE HOVER COLOR AND BORDER COLOR; AND ACTIVE BORDER COLOR AND ACTIVE BORDER TOP WIDTH*/
#radMapType .ui-state-default, #radMapType.ui-widget-content .ui-state-default, #radMapType .ui-widget-header .ui-state-default { border: 1px solid #666666; background: #555555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }

#radMapType .ui-state-hover, #radMapType .ui-widget-content .ui-state-hover, #radMapType .ui-widget-header .ui-state-hover, #radMapType .ui-state-focus, #radMapType .ui-widget-content .ui-state-focus, #radMapType .ui-widget-header .ui-state-focus { border: 1px solid #777777; background: #777777 url(images/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }

#radMapType .ui-state-active, #radMapType .ui-widget-content .ui-state-active, #radMapType .ui-widget-header .ui-state-active { border: 1px solid #f58400; border-top-width:2px; background: #f58400 url(images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; font-weight: bold; font-size:1.2em; color: #ffffff; }


/* FIXES WEIRD CHROME BUG. MIGHT CASUE ACCESSIBILITY PROBLEMS, BUT WHAT CAN I DO...*/
.ui-helper-hidden-accessible {
    display: none;
    
}