/*Universal Styles*/
body{font-family: 'Source Sans Pro', sans-serif; background-color:#10253F; margin: auto; height:100%; width:100%; font-weight:300;}
a{text-decoration:none; color:#CC6600;}
a:hover {text-decoration:underline; cursor:pointer;}
h2 {font-weight:300}

/*General Layout*/
#body{margin:auto;}
#left-console { float: left; }
#right-console{ width:350px; float:right; padding:none;}
#map_canvas {width: 100%; border:1px solid #dbdbdb;}
#streetview {width: 100%; border:1px solid #dbdbdb; background:#F0F2F2;}
#help {width: 100%; border:1px solid #dbdbdb; background:#F0F2F2; overflow:auto;}

/*Data Table*/
.dtable {width:100%; border-collapse:collapse; border:0px; padding:0; margin:0;}
.drow {border-bottom: 1px dotted #ACB3B3; width:100%; float:left;}
.dlabel{border:none; font-size:12px; color:#707070 ; vertical-align:top; text-align:right; padding: 5px; width:75px; float:left;}
.dvalue{border:none; font-size:12px; vertical-align:top; padding: 5px 15px 5px 5px; float:left; width:173px;}

/*Header*/
#header{height:105px; width:100%; overflow:hidden; position:relative;}
.title {height:85px; float:left; overflow:hidden; z-index:2}
#tiles{background-image:url('tiles2.jpg'); width:100%; background-size: auto 100px; opacity: 0.55;
position:absolute;z-index:-2; border-bottom: 10px solid #C2B6B6; height:80px;}
a.plogo{float:right; margin-right:5px; height:42px; padding:4px; background:no-repeat center; background-size: auto 40px; background-color:silver; background-color: rgba(0,0,0,0.5)}
a.plogo:hover{background-color:black; background-color: rgba(0,0,0,1.0);}

/*Controls*/
#controls{margin-bottom:10px; height:35px; border-bottom:1px dotted #ddd;}
a.controls{text-decoration: none;color: #5f5f5f;display: block; outline: none; font-size:14px; line-height:20px; padding:5px; display: block;}
a.controls:hover {background-color: rgb(173,173,173); background-color: rgba(173,173,173,0.75); color:#FFF;}
.legend {position:absolute; z-index:2; height:30px; top:10px; border: 2px solid gray; overflow:hidden;
background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.80); box-shadow: 2px 2px 12px black;}
#legend{width: 125px;}
#linner{padding:5px; font-size:11px;}
#patches{padding:0px; border-collapse:collapse;}
.patches{vertical-align:center;}
.patch{width:30px; height:10px; border: 1px solid silver; float:left; opacity:0.7;}
.plabel{padding-left:5px;}
#return{display:none;}

/*Info*/
#icontainer {position:absolute; top:0; left:0; z-index:100; width:232px; display:none}
#info_box {width: 200px; border: 2px solid gray; background: rgb(255, 255, 255); float:left;
background: rgba(255, 255, 255, 0.92); padding:10px 10px 15px 10px; font-size:11px; box-shadow: 2px 2px 12px black;}
a.infob{display:block; text-align:center; background:#dddddd; width:20px; height:20px; border-radius:20px; color:#fff;
-moz-border-radius:20px; /* Firefox 3.6 and earlier */}
a.infob:hover{background:#303030 ; text-decoration:none;}
.info, .noinfo{vertical-align:top; padding: 5px; width:20px; float:left;}
.defs {width:0px; display:none;}
.arrowb {width:0; height:0; float:left; margin-top:8px;
border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid gray;}
.arrowi {width:0; height:0; float:left; margin-top:9px; margin-left:-10px;
border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid white;}


/*Tabbed interface*/
.container {width:100%; margin:0px 10px 10px 10px 10px auto;}
ul.tabs {margin:0px; padding:0; float:left; list-style:none; height:32px; border-bottom:2px solid #fff;}
ul.tabs li {float:left; margin:0px 5px 0px 0px; padding:0; height:30px; line-height:30px; border:2px solid #fff; margin-bottom:-2px; background:#B2B2B2; overflow:hidden; position:relative;}
ul.tabs li a {text-decoration:none; color:#5f5f5f; display:block; padding:0 15px; outline:none;}
ul.tabs li a:hover {background: #878787; color:#FFF;}
html ul.tabs li.active, html ul.tabs li.active a:hover  {background:#EEECE1; border-bottom:2px solid #EEECE1; color:#5f5f5f;;}
.tab_container {border:2px solid #fff; border-top:none; clear:both; float:left; width:100%; background:#EEECE1; position:relative;}
.tab_content {position: absolute; top:15px; left:15px;}
.tab_content h2 {padding-bottom:10px; border-bottom:1px dotted #ddd;}
.tab_content h3 a{color:#254588;}

/*Right Tabs*/
ul.tabs_right {margin:6px 0px 0px 0px; padding:0; float:left; list-style:none; height:26px; border-bottom:2px solid #fff; width:100%;}
ul.tabs_right li {float:left; margin:0px 5px 0px 0px; padding:0; height:24px; line-height:24px; border:2px solid #fff; margin-bottom:-2px; background:#B2B2B2; overflow:hidden;}
ul.tabs_right li a {text-decoration:none; color:#5f5f5f; display:block; padding:0 10px; outline:none; font-size:14px;}
ul.tabs_right li a:hover {background:#878787; color:#FFF;}
html ul.tabs_right li.active, html ul.tabs_right li.active a:hover  {background:#EEECE1; border-bottom:2px solid #EEECE1; color:#5f5f5f;}
.tab_container_right {border:2px solid #fff; border-top:none; clear:both; float:left; width:100%; background:#EEECE1; overflow:hidden; position:relative;}
.tab_content_right {position:absolute; top:10px; left:10px;}

/*Vertical Tabs*/
ul.vtabs {margin:0px; padding:0px; list-style:none; height:25px;}
ul.vtabs li {padding:0px; height:25px; line-height:25px; background:#e0e0e0; overflow:hidden;}
ul.vtabs li a {text-decoration:none; color:#5f5f5f; display:block; padding: 0 10px; outline:none; font-size:13px;}
ul.vtabs li a:hover {background:#ccc;}
html ul.vtabs li.active, html ul.vtabs li.active a:hover {background:white;}
.vcontent {border:1px solid #c0c0c0; margin-bottom:2px; background: #e0e0e0; overflow:hidden;}
.vcontent_active { border:1px solid #c0c0c0; margin-bottom:2px; background:white; overflow:hidden;}
.vinner{overflow-x:hidden; overflow-y:auto; width: 100%; border-top:1px solid #c0c0c0; background:#F0F2F2; margin-bottom:0px}
.blank {font-size:48px; color: #C2C2C2; margin:15px}

/*Landing Pop-Up*/
#pcontainer {position:absolute; width:100%; height:100%; z-index:20; left:0px; top:0px;}
#background {width:100%; height:100%; background:black; display:none;
opacity:0.75; filter:alpha(opacity=75);}
#pboxbig {width: 400px; height:300px; background:white; border:5px solid #EEECE1; display: none; z-index:1; position: absolute; padding: 20px; box-shadow: 4px 4px 20px black;}
a.xbutton{height:50px; width:50px; position: relative; left: 405px; top: -45px; background-image:url(xbutton.png); display:block; background-repeat:no-repeat; background-position: -10px -5px;}
a.xbutton:hover {background-image:url(xbutton2.png)}

/*Instructions*/
.instruct{position:absolute; z-index:1; background:#F0F2F2; border:1px solid #c0c0c0; width:330px;}

/*Thematics*/
.otitle{margin: 5px 0px 5px 0px; color:black; font-weight:normal; width:100%; float:left; font-size:18px;}
.options{list-style:none; padding:0px; margin:0px}
.options a{text-decoration: none;color: #5f5f5f;display: block; font-size:14px; line-height:15px; padding:5px; 
	display: block; border: 1px solid silver; background-color:#fff; margin:0px 5px 5px 0px; float: left;
	border-radius:5px; -moz-border-radius:5px; /* Firefox 3.6 and earlier */}
.options a:hover{background-color: rgb(173,173,173); color:#FFF;}
.options a.active, .options a.active:hover{background-color:#E9952B; color:#FFF;}

/*Print*/
#printer a{background-color:#798FAB; color:#fff; height:25px; display:block; text-decoration:none; color:white; 
	line-height:25px; padding:0px 10px; font-size:13px; border:1px solid #c0c0c0}
#printer a:hover{background-color:#425B7A;}