html { min-width: 950px; }
html, body, form {height:100%;font-family:'Palatino Linotype',serif;}
body {margin:0;padding:0;}
#map_canvas {width:100%;height:100%;}
img {border:0;}
a {border:0;}

h2 {margin:0;font-size:1.2em;font-family:Arial Black;}
.inline {display:inline;}
span.filter-label {text-decoration:underline;}

#filter-dialog {display:none;}
.filter-group optgroup option { padding-left: 3px; }
select.filter-item { width: 100%; }

#tt {position:absolute;padding: 5px; font-size: .8em; background: transparent url(../images/tipsy.gif) no-repeat top center; opacity: 0.95; filter: alpha(opacity=95); }
#tt .inner { padding: 5px 8px 4px 8px; color: #fff; max-width: 450px; text-align: left; white-space: nowrap; font-weight: normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
#tt .inner h4 { white-space: normal; }
#tt h4 { padding: 0; margin: 0; font-size: 1em; }
#tt table, #tt table td, #tt table tr { padding: 0; margin: 0; border: none; }
#tt table th, #tt table td { padding-right: 3px; }
/* Tooltip style for Active marker */

.ttA {background-color:#067706;}
/* Tooltip style for Inactive marker */
.ttI {background-color:#7c6c03;}
/* Tooltip style for Decommissioned marker */
.ttD {background-color:#840d02;}
/* Tooltip style for Non-Realtime marker */
.ttH {background-color:#044077;}

.ttStatus { float:right; }

.infowindow {height:285px;font-size:.9em;font-family:Tahoma,sans-serif}
.infowindow h3 {font-weight:bold;margin:7px 0 2px 0;padding:0;font-size:1.05em;background-color: #d8eff8; border: solid 1px #555; text-align: center;}
.infowindow p { margin: 0; padding: .05em; }
.infowindow .details span {font-weight:bold;}
.infowindow p#disclaimer {font-size:0.8em;}
/*.infowindow div#most-recent-data { height: 90px; overflow: auto; }*/
table#most-recent-table {width:100%;}
table#most-recent-table { border: solid 1px #bfbfbf; border-width: 1px 0 0 1px; width: 98%; margin: 3px 5px 3px 0; padding: 0; }
table#most-recent-table th { text-align: center; font-weight: bold; padding: 2px; background-color: #d8eff8; color: #3f3f3f; border: solid 1px #bfbfbf; border-width: 0px 1px 1px 0px;  }
table#most-recent-table td { padding: 2px; text-align: center; border: solid 1px #bfbfbf; border-width: 0px 1px 1px 0px; }
table#most-recent-table td.row_label { font-weight: bold; padding-left: 10px; text-align: left; width: 200px; }
table#most-recent-table tr { background-color: #fff; }
table#most-recent-table tr.odd { background-color: #eee; }

#mapHelp ul { list-style-type: none; margin: 0; padding: 0; }
#mapHelp ul li { padding-top: 6px; }
#mapHelp img { float: left; padding-right: 7px; }

/* Social Media Toolbar */
#social-tools{position:absolute;top:95px;left:5px;width:260px;text-align:center;}
.addthis_toolbox {padding:5px 0;}
.addthis_separator {position:relative;top:-3px;}
.at300bs {display:-moz-inline-stack;display:inline-block !important;zoom:1;*display:inline !important;*margin-right:3px;vertical-align:top;}
.at300bs:hover {opacity:1.0 !important;}
.at300m {vertical-align:top;}
.at15t_expanded {margin-right:3px;}
#___plusone_0 {zoom:1;*display:inline !important;*margin-right:3px !important;}
/* End Social Media Toolbar */

#accordion-container {position:absolute;top:130px;left:5px;width:260px;height:510px;margin:0;padding:0;font-size:.9em !important;}
.ui-accordion-content {margin:0 !important;padding:2px 5px !important;font-size: .85em;}
.ui-accordion-header { font-size: .8em; line-height: 1.15em; }
.ui-accordion-header.ui-state-active {border-bottom:1px solid #666;}
.ui-accordion-header.ui-state-active a {background-color:#ccc;color:#000;font-weight:bold;}

#station-list {font-size:0.85em;}
#station-list ul {padding:0; margin:0;}
#station-list a {text-decoration:none;padding:3px 2px;display:block;}
#station-list a:hover {text-decoration:underline;background-color:#ccc;}
#station-list ul li {list-style-type: none;border-top:solid 1px #ccc;}
#station-list ul li.header { background-color: #d8eff8; text-align: center; font-weight: bold; padding: 3px 0; }

#the-filter { padding: 5px; width: 95%;}

#overlay-help div { z-index: 1002; display: none; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius: 25px; }
#overlay-help #help-left { position:absolute;top:275px;left:275px;background-color:#ffc;padding:10px;width:350px;height:auto;border:solid 3px #990; }
#overlay-help #help-top { position:absolute;top:35px;right:90px;background-color:#ffc;padding:10px;width:350px;height:auto;border:solid 3px #990; }
#overlay-help #help-close { position:absolute;top:525px;left:275px;background-color:#ffc;padding:10px;width:350px;height:auto;border:solid 3px #990;text-align:center; }

#loadingStatus { padding: 10px; position: absolute; bottom: 10px; right: 10px; border: solid 1px #000; background-color: #ffc; display: none; }
#loadingStatus h3 { padding: 0; margin: 0; }
#moreData { padding: 3px; position: absolute; bottom: 40px; left: 5px; border: solid 1px #000; background-color: #acf; display: none; line-height: 2em; }
#moreData img { float: left; }
#moreDataLearnMore { width: 400px; display: none; }
#moreDataLearnMore .mdlegend { line-height: 2em; font-weight: bold; }
#moreDataLearnMore .mdlegend img { float: left; padding-right: 20px; }
#viewDetailsLink { width: 90px; height: 48px; background: #fff url(../images/graph.jpg) no-repeat; float: right; padding-left: 50px; margin-right: 5px; }

a.extlink { background: #fff url(/images/images_standard/page_white_world.png); text-decoration: none; width: 16px; display: inline-block; }