@CHARSET "ISO-8859-1";

/* reset default css stuff across browsers  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* general typography */
body{font:10px 'Liberation Sans', Helvetica,Arial,FreeSans,sans-serif}
a:hover{text-decoration: none}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
table, td, th {vertical-align:top}


/* Custom Content */

/* General Page Elements */
body {background: url(images/header_background.png) repeat-x top}
#header {height: 60px; text-align: center; }
#container {margin-left: 0px; margin-right: 0px}
#wrapper{float:left;width:100%}
#content{margin: 0 160px 0 350px; padding: 0 0px 0 0px;}
#left {float:left;width:350px;margin-left:-100%; overflow: auto; position: relative;}
#right {float:left;width:160px;margin-left:-160px; overflow: auto; position: relative;}
#footer{clear:left;width:100%; height: 16px; position: relative; z-index: 10}
#right-collapse {width: 15px; float: right; position: relative; z-index: 2; }
#left-collapse {width: 15px; position: relative; z-index: 2; }

.environment_div {border-bottom: 1px solid #cccccc;} 

/* typography */
#footer p{margin:0;padding:5px 10px}
#footer a {color: #BCB5AD;}
h5 { padding: 0px; margin: 0px; padding-top: 8px; font-size: 11px; }
input, select {font-size: 10px; border:1px solid gray; padding: 0px; margin: 0px;}
.datatable { padding: 0; margin: 0; font-size: 10px; width: 100%; text-align: left; border-collapse: collapse; margin-left: auto; margin-right: auto; border: 1px solid #cccccc}
.datatable th { font-size: 12px;font-weight: normal;padding: 3px;padding-left: 2px; border-bottom:1px solid #cccccc}
.datatable td { padding: 2px;}
.datatable tfoot tr td {font-size: 12px;}
.datatable td.tdlast {text-align: right;}
.accordion_msg {font-size: 10px;}
.accordion_moreinfo {font-size: 9px; padding-top: 15px; line-height: 1.4;}
.activeSearch{  background: #ddeff6;  border: 1px solid #0099d4; }

/* Map Related Stuff */
#map { position: relative; background: #eee url(images/map_tile.gif); top: -16px; border: 1px solid grey; }
.olControlOverviewMapElement { padding: 0; border: 1px solid darkgray;}
.olFramedCloudPopupContent {padding: 5px;font-size: 11px;text-align: left;}
.olFramedCloudPopupContent {padding: 5px;font-size: 11px;text-align: left;}
#MSVE_obliqueNotification {visibility: hidden;}
#theopacity {width: 80%}
#opacitydll {margin-bottom: 10px;}
.olControlLoadingPanel { background:url(images/ajax-loader.gif) bottom center no-repeat; }

/* Tool Tips */
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 1em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/* Autocomplete Stuff */
.ac_results { 	padding: 0px; 	border: 1px solid WindowFrame; background-color: Window; overflow: hidden; z-index: 100; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0;	margin: 0; }
.ac_results iframe { display:none; display:block; position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; }
.ac_results li { margin: 0px;	padding: 2px 5px; cursor: pointer;	display: block; width: 100%; font: menu; font-size: 11px; overflow: hidden; }
.ac_loading { background : Window url('images/indicator.gif') right center no-repeat; }
.ac_over { background-color: Highlight; color: HighlightText; }

/* For ajax Loading */
.dataLoading { 
float: right; 
position: absolute; 
top: 16px;
right:2px; 
width:200;
z-index:999;
background-position: right center;
height:20; 
background-image:url('images/ajax-loader-flower-sm.gif'); 
background-repeat:no-repeat;opacity: .9;
}
#debugmsg {float: right; position: relative; right: 2px;}
#copyr {float: left; position: relative;left:2px;}
#maphelp {float: right; position: relative;right:2px;}
.slogan {float: left; position: relative; left: 45px; top:8px; font-style: Italic; font-size: 1.1em;}