body {
 font:-apple-system;
 font-family:arial, sans-serif;
 background:#e7f5fb;
 margin:0;
 padding:0;
}

div.page_header {
 display:block;
 height:90px;
}

div.sun {
 z-index:0;
 width:50px;
 height:50px;
 background:url('/images/sun.png') no-repeat;
 position:absolute;
}

div.clouds {
 width:100%;
 height:90px;
 background:url('/images/cloud_banner.png');
 z-index:10;
 top:0;
 left:0;
 position:absolute;
}

div.menu {
 background-color:transparent;
 font:-apple-system;
 font-family:sans-serif;
 font-size:18px;
 display:block;
 position:absolute;
 top:90px;
 right:10px;
 height:20px;
 margin-right:10px;
}

* div.menu {
 position:static;
 z-index:2;
 float:right;
 border:none;
}

a.menu {
 color:#FFF;
 text-decoration:none;
 background-color:transparent;
 padding-left:0.25em;
}

span.menu {
 color:#092;
 padding-left:0.25em;
}

a.menu:link,a.menu:visited {
 color:#009;
 background-color:transparent;
}

a.menu:hover {
 color:#f50;
/*color: #09F;*/
 background-color:transparent;
}

div#summary {
 padding-top:1em;
 clear:both;
}

div.footer_rule {
 clear:both;
 background-color:transparent;
}

div.modified_tag {
 font-size:12px;
 font-style:italic;
 text-align:right;
 float:right;
}

div.validator {
 float:left;
}

div.validator img {
 border: none;
}

a.a {
 text-decoration: none;  
}

a.path {
 color:#039;
 text-decoration:none;
 background-color:transparent;
 padding-left:0.25em;
}

div.footer {
 float:left;
 display:inline;
 border:solid 1px;
 vertical-align:bottom;
}

hr.footer {
 height:4px;
}

div.page {
 max-width:1170px;
 width:expression(document.body.clientWidth > 1170? "1170px": "auto" );
}

div.content {
 position:relative;
 top:110px;
 clear:inherit;
 background:#e7f5fb;
 padding:20px 1em 1em;
}

* div.content {
 position:static;
}

div.news {
 background:#fdd;
 width:45%;
 border:solid 2px red;
 float:right;
 padding:0.5em;
}

div.main_left {
 overflow:hidden;
}

div.factoids {
 font-size:10pt;
 text-align:justify;
 width:100%;
}

div.wsymbol {
 background:#ddf;
 width: 108px;
 height:158px;
 margin:4px;
 float:left;
 font-size:10px;
}

img.wsymbol {
 width:100px;
 height:100px;
 border:0;
 padding:4px;
}
div.current_obs {
 background:#ddf;
 float:right;
 text-align:center;
 margin-left:0.5em;
 margin-right:0.5em;
 width:22em;
 font-size:12px;
 padding:0.5em;
}
table.current_obs {
 background:#fff;
 border-collapse:collapse;
 margin-top:0.5em;
 height:16em;
 width:100%;
 font-size:10pt;
}
table.current_obs td {
 vertical-align:middle;
}
table.current_obs td.rh {
 text-align: right;
}
table.current_obs td.lh {
 text-align: center;
}
table.current_obs td.smaller {
 height:0.25em;
}
table.ohp {
 width:100%;
}
.small {
 font-size:small;
}
.smaller {
 font-size:x-small;
 color:#666;
}
.pale {
 color:#aaa;
}
.larger {
 font-weight:bolder;
}
span.reverse {
/*  background:#cdf;*/
/*  color:#333;*/
/*  padding:2px 5px 2px 5px;*/
}
div.realtime {
 float:none;
 border:solid 2px #000;
 background:#ddf;
 margin-bottom:0.5em;
 height:27em;
 padding:0.5em 0 0;
}
p.realtime {
 text-align:center;
 margin:0.25em;
}
div.station_list {
 float:left;
 background:#ddf;
 padding:10px;
 margin-top:1em;
 width:30em;
}
div.station_table {
 float:left;
 border:solid 1px blue;
 background:#ddf;
 padding:5px;
 width:30em;
}
table.station_table {
 background:#e7f5fb;
 font-size:10pt;
 width:30em;
 float:left;
}
div.station_droplist {
 background:#ddf;
 padding-left:10px;
 border:solid 1px blue;
 width:25em;
 float:left;
 margin:10px;
}
div.station_form {
 float:left;
 background:#ddf;
 padding-left:10px;
 border:solid 1px #007;
 width:20em;
 margin:10px;
}
div.plot,div.smlplot,div.medplot {
 margin-top:5px;
 border:solid 1px blue;
 background:#ddf;
 height:490px;
 width:650px;
 float:left;
}
div.smlplot {
 height:250px;
 width:330px;
 margin-left:5px;
}
div.medplot {
 width:660px;
 height:370px;
 margin-left:5px;
}
div.lrgplot {
 width:860px;
 height:570px;
 margin-left:5px;
}
div.stnphot {
 margin:10px;
 width:325px;
 padding:10px;
 border:solid 1px blue;
 background:#ddf;
}
img.plot,img.smlplot {
 border:0;
 margin:5px;
}
div.plot_types {
 width:100%;
/* height:2em;*/
 float:left;
 clear:both;
 text-align:center;
 background:#ddf;
 margin:5px;
 padding:5px;
}
div.disclaimer {
 border:dotted 1px red;
 float:left;
 padding:1em;
}
div.map {
 margin-left:5px;
 margin-top:5px;
 width:740px; 
 height:740px; 
 border:solid 1px black;
}
div.map2 {
 margin-left:50px;
 margin-top:5px;
 width:1000px; 
 height:1000px; 
 border:solid 1px black;
}
span.form_tag {
 border:solid 1px green;
 background:#fee;
}
table.extreme {
 border:solid 1px;
 border-collapse:collapse;
 margin-right:5%;
 margin-left:5%;
}
table.extreme tr {
 height:2em;
}
table.extreme td {
 padding-right:4px;
 padding-left:5px;
 padding-top:10px;
 border-right:solid 1px #000;
}
table.extreme th {
 padding:10px;
}
table.extreme .noframe td {
 border-right:none;
}
table.extreme .centre td {
 text-align:center;
}
table.extreme td.left {
 text-align:left;
}
table.extreme td.right {
 text-align:right;
}
table.extreme td.noframe {
 border-right:none;
}
table.extreme th.noframe {
 border-right:none;
}
span.red {
 color:#aa0000;
}
span.blue {
 color:#0000aa;
}
span.orange {
 color:#f90;
}
table.extreme td.red {
 background:#f36;
 text-align:center;
}
table.extreme td.blue {
 background:#63f;
 text-align:center;
}
table.extreme span.space {
 width:4em;
 display: block;
}
table.extreme .rbold {
 border-right: solid black 2px;
}
table.extreme .noborder {border:0;}
.odd {
 background:#eff8fb;
}
.even {
 background:#fff;
}
.tint {
 background:#dddcff;
}
.warning {
 color:#ff4c4c;
}
table.extreme tr.threelines,td.threelines {height:4em;vertical-align:middle;}
table.summary tr,td{height:1.75em;}
.bold {
 font-weight:bold;
}
.centre {
 text-align:center;
}
th.uv,td.uv {
 border-bottom: solid 1px #000;
}
tr.uv {
 background: #fff;
}
span.up {
 color:#0a0;
 font-size:10px;
}
span.down {
 color:red;
 font-size:10px;
}
table.extreme .month {
 color:#000;
 font-weight:bolder;
}
table.extreme .unit {
 color:#00f;
 font-size:small;
 display:block;
}
table.extreme .date {
 color:#777;
 font-size:small;
 float:right;
}
table.yesterday {
 border:solid 1px;
 border-collapse:collapse;
 margin-right:5%;
 margin-left:5%;
 font-size:12px;
}
table.yesterday td {
 padding-right:4px;
 padding-left:4px;
 padding-top:1px;
 border-right:solid 1px #000;
}
div.station a {
 text-decoration:none;
 color:#777;
 font-size:small;
 float:left;
}
div.error {
 border:solid 1px red;
 background-color:#ff0;
 color:red;
 font-size:small;
 max-width:500px;
 width:expression(document.body.clientWidth > 1100? "800px": "auto" );
 padding:2px;
 margin-left:5px;
 margin-top:5px;
 clear: right;
 z-index:100;
}
div.special {
 padding-top: 10px;
 padding-bottom: 10px;
 font-style:italic;
}
div.special_message {
 background-color:#ff0;
 color:#000;
 text-align:center;
}
div.warning {
 background-color:#ff0;
 color:#000;
 text-align:center;
}
div.standard_block {
 padding-left:5px;
 padding-right:5px;
 margin-top:10px;
 margin-left:10px;
 max-width:800px;
 width:expression(document.body.clientWidth > 1100? "800px": "auto" );
 text-align:left;
}
div.wider {
    max-width:1300px;
}
div.shaded {
 background:#ddf;
 padding:5px;
}
div.top-space {
  margin-top: 15px;
}
.border {
 border: solid 1px black;
}
div.yellow {
 background-color:#ff0;
 color:#000;
 text-align:center;
}
div.standard_block_forecast {
 font-family:courier;
 font-size:8pt;
 padding-left:5px;
 padding-right:5px;
 margin-top:10px;
 margin-left:10px;
 max-width:800px;
}
div.movie {
 text-align:center;
 background:#fff;
 width:80%;
 margin-left:10%;
 margin-right:10%;
 padding:1em;
}
.footnote {
 font-size:x-small;
 color:#777;
 text-align:right;
 margin-right:5%;
 padding-left:1em;
 clear:left;
}
th.footnote {
 margin-right:0%;
 padding-left:0em;
}
ul.wide_ul {
 list-style-type:none;
 text-align:left;
 padding-top:5px;
 margin-left:-1em;
}
ul.wide_ul li {
 border:2px solid #007;
 background-color:#ddf;
 margin-bottom:10px;
 padding:5px 5px 4px;
}
ul.wide_ul li img {
 border:solid 1px blue;
 margin:5px;
 float:right;
}
ul.wide_ul li div {
 width:100%;
}
img.photo {
 border:solid 3px #000;
 margin:5px;
}
img.photo_small {
 width:400px;
}
img.small {
 width:175px;
 float:right;
}
img.img1024 {
 width:1024px;
}
img.img400 {
 width:400px;
}
div.wide_ul {
 clear: both;
 overflow:hidden;
}
div.caption {
 margin:10px;
}
div.front_page_plot {
 border:1px solid #000;
 margin-left:10px;
 margin-bottom:10px;
 width:650px;
 background:#ddf;
}
div.wide_plot {
 width:1160px;
 border:solid 1px #000;
 background:#ddf;
 margin-bottom:10px;
}
div.plot_1024 {
 width:1034px;
 height:778px;
 border:solid 1px #000;
 background:#ddf;
 margin-bottom:10px;
}
div.plot_400 {
 width:410px;
 height:310px;
}
div.really_wide_plot {
  width:2010;
  height:1210;
}
table.clouds {
 width:100%;
}
div.tooltip {
 padding-left:3px;
 padding-right:3px;
 background-color:#ddf;
 font-weight:700;
 border:1px solid blue;
}
span.bold,table.extreme .value {
 font-weight:bolder;
}
table.extreme thead,table.yesterday thead,table.extreme tfoot, table.extreme td.shaded {
 background:#ccc;
}
table.extreme th,table.yesterday th {
 border-right:solid 1px;
}
td.right {
 text-align:right;
}
td.flagged,span.flagged {
 color: #00b;
}
td.centre {
 text-align:center;
}
ul.faq {
 list-style-type:none;
}
.faq p {
 margin-left:1em;
}
.faq img {
 float:right;
}
div.timing {
/* display: none;*/
 clear:both;
 margin:10px;
 font-size:x-small;
}
div.float_left {
 float:left;
}
div.float_right {
 float:right;
}
table.centred {
 margin-left: auto;
 margin-right: auto;
 width:95%;
 border-collapse:separate; 
}
table.centred td {
 text-align:center;
}
table.centred a img {
 float:none;
}
table.alignright td {
 text-align:center;
}
span.highlight {
 color:#7E2217;
}
span.inactive {
  color: #777;
}
span.old {
  color:red;
}
span.new {
 color:#7E2217;
 text-transform:uppercase;
}
span.message {
 font-size: large;
 font-weight:bolder;
}
span.shide {
 visibility: hidden;
}
span.right {
  text-align:right;
/*  vertical-align:bottom;*/
  display:inline-block;
  overflow:hidden; 
  width:100%;
/*  height:425px;*/
}
div.station_options {
 padding:6px;
 float:left; 
 width:60%;
 max-width:60%;
 margin: 2px;
}

div.station_options p {
  margin:0.45em;
  margin-bottom:0.0em;
/*  border:1px solid red;*/
}

div.station_options p.close {
  margin:0.0em 0.45em 0.1em 0.45em;
}

div.station_options a {
 text-decoration:none; 
}

div.station_options a:link {
 color:#0040b0;
}

div.station_options a:visited {
 color:#000090;
}

div.station_options a:hover {
 color:#f50;
}

td.filled {
 background:#bbb;
}

img.movie_ref_image {
 padding:10px;
 margin:10px;
 background:white;
 border:solid 1px black;
 width:300px;
 float:right;
}

div.maincontent {
 float:left;
/* background:#eee;*/
 padding:10px;
}

div.rightbox {
 float:right;
/* border:solid 1px black;*/
 margin-top:88px;
 background:#eee;
}

div.graphdiv {
 width:1000px;
 height:420px;
 border:solid 2px black;
 margin-bottom:15px;
 background:white;
}

div.graphdiv p#graphdiv {
 text-align:center;
 margin-top:200px;
}

div.img_container {
 position:relative;
 text-align:center;
 color:white;
 text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}

div.bottom-left-text {
 position:absolute;
 bottom:8px;
 left:16px;
}

div.keogram-img {
 width:150px;
 height:103px;
 display:inline;
}

img.spark {
 float:right;
}

button {
 -webkit-transition-duration:0.4s;
 transition-duration:0.4s;
}

button:hover {
 background-color: #4CAF50; /* Green */
 color: white;
}

input[type=button] {
 -webkit-transition-duration:0.4s;
 transition-duration:0.4s;
}

input[type=button]:hover {
 background-color: #4CAF50; /* Green */
 color: white;
}

select {
 font-size:1em;
 -webkit-transition-duration:0.4s;
 transition-duration:0.4s;
}

select:hover {
 background-color: #4CAF50; /* Green */
 color: white;
 font-size:1em;
}