/* Defaults */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}


body {
  background: #fff;
  color: #000000;
  font-family: Helvetica,Arial,Helvetica,sans-serif;
  font-size: 76%;
  max-width:800px;
}

h1 {
  color: #11569B;
  text-align: left;
  background-color: #fff;
  padding:4px;
  font-size:large;
  font-family:Georgia,"Times New Roman",Times,serif;
}

h2 {

  margin-bottom: 1px;
  background-color: #11569B;
  color: #006685;
  font-size: medium;
  text-align: left;
  padding-left:7px;
}

h3 {
  margin-top: 2px;
  background-color: #11569B;
  color: #ffffff;
  font-size: small;
  text-align: left;
  padding:3px 7px;

}

h4 {
  margin: 5px 0px;
  padding:0 3px;
  background-color: transparent;
  color: #11569B;
  font-size: small;
  font-weight:bold;

}

h5 {
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: transparent;
  color: #006685;
  text-align: left;
}

p {
  margin-top: 2px;
  margin-bottom: 10px;
}

ul {
  list-style-type: none;
  margin-bottom: 2px;
  margin-left: 0;
  padding-left: 0px;
}

li {
  margin-top: 1px;
  margin-bottom: 1px;
}

small{
  font-size:0.9em; 
}
#header{
  background: #fff;
  height: 29px;
  overflow:hidden;  
  padding: 5px;    
  border-bottom:1px solid #ddd;
}
#header h1{
  background-color:transparent;
}
#header a.Logo{
  background: url(../images/graphics/weatherzone_logo.jpg) no-repeat;
  height: 33px;
  text-indent:-99999px;
  display:block;
  width:100px;
  margin:1px 0 0 2px;
}


#content{
  background:#fff;
  margin-top:-5px;
}      
.wrapper{
  padding:5px;
}
input{padding:4px;}
input.submitButton{
  font-weight:bold;
  padding:2px;
}
img{max-width:640px;}

/* White space and lines */

div.space {
  margin-top: 10px;
}

hr.hline {
  width: 100%;
  border-style: solid;
  border-top-width: 1px;
  border-color: #006685;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.heading {
  display: block;
  margin-left: auto;
  margin-right: auto
}

img.tab {vertical-align: bottom}

/* Links */

/* Set to 'none' to turn off underlining for all links */
a {text-decoration: underline;}
/* No underlining on tab links - it adds whitespace */
a.tab {text-decoration: none;}
a:link {color: #11569B;background-color: transparent;}
a:visited {color: #11569B;background-color: transparent;}
.heading {background-color: #11569B;color: #ffffff;}
.alt {background-color: #ebf2f6;}

/* Data */
.attribute{font-weight: normal;padding-left:5px;}
.attribute small {display:block;}
.value {font-weight: bold;}
/* Footer */
h3.footer{padding:0;}
h3.footer span{
  display:block;
  background-image: url(../images/graphics/weatherzone_logo-sml.jpg);
  background-repeat:no-repeat;
  background-position: 98% center;
  padding:6px;
}

.footerLinks{clear:both;}
.footerLinks li{
  border-top:1px solid #555555;
  color:#ECECEC;
  background:none repeat scroll 0 0 #333333
}
 .footerLinks li a, .footerLinks li div {
  color:#ECECEC;
  display:block;
  padding:8px 6px;
  text-decoration:none;
}
.footerLinks li div{
  font-size:0.8em;
}

/* Table formatting */

table {
  margin: 1px;
  width: 99%;
  border-spacing: 0;
}

th {
  padding: 2px;
  font-weight:bold;
  font-size:0.9em;
  background-color:#B8DDF7;
  color:#11569B;
  text-align: left;
  vertical-align: middle;
}

td {
  padding: 1px 2px;
  vertical-align: middle;
}


th.TableDate, th.TablePast24{
  font-weight:bold;
  font-size:1.1em;
  border-top:1px solid #EBF2F6;
  background-color:#B8DDF7;
  color:#11569B;
}
th.TableDate .TableMonth{
  font-size:0.6em;
  color:#000;
}

.right {text-align: right;}
.center {text-align: center;}
.middle {vertical-align: middle;}
.odd {background-color: #ebf2f6;}
.even {background-color: #ffffff;}
.DayBreak th, .DayBreak td{border-top:2px solid #11569B !important;}
ul.hotList{border-top:1px dashed #CCCCCC;margin-bottom:0;}
ul.hotList li{margin:0;}
ul.hotList li a.hotLink{border-bottom:1px dashed #ccc;font-weight:bold;}
a.hotLink{
  text-decoration:none;  
  display:block;
  padding:4px;
}
.hotLink:hover,.hotLink:active{background-color:#EBF2F6;}
.hotLink p{color:#666;font-weight:normal;}

.content p,.content li{margin-bottom:10px;}

table .hotLink:hover,table .hotLink:active{background-color:none !important;}

.webCam{
  margin:5px 5px 10px 5px;
  background-color:#11569B;
  padding:5px;
  max-width:640px;
}
.webCam p{margin:0 0 5px 0;color:#fff;}

.temp,.rh{
  display:block;
  text-align:center;
  padding:5px;
  white-space:nowrap;
  width:60px;
}

.temp_-25,.temp_-20,.temp_-15,.temp_-10 {background-color:#FFFFFF;}
.temp_-05 {background-color:#E1F6FB;}
.temp_00 {background-color:#BCEEFB;}
.temp_05 {background-color:#B9ECD8;}
.temp_10 {background-color:#CADB92;}
.temp_15 {background-color:#FFEB88;}
.temp_20 {background-color:#FBC25E;}
.temp_25 {background-color:#FF9933;}
.temp_30 {background-color:#FF7B33;}
.temp_35 {background-color:#CD5B12;}
.temp_40 {background-color:#FF3C1C;}

.rh{color:#fff;}
.rh_75{background-color:#000;}
.rh_50{background-color:#060;}
.rh_25{background-color:#393;}
.rh_0{background-color:#00CC00;}

.liftOpen{color:green;}
.liftClosed{color:red;}