/*
Weather
Extends the style in the Weather Underground iframe
css/modules/weather.css
*/

/* Reset ---------------------------------------------------------------------------------------- */

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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {line-height: 1.5;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img {border: none;}


/* Site style ----------------------------------------------------------------------------------- */

body {font-size:75%;font-family:Verdana, sans-serif;}

input, select, option, textarea {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

h1, h2, h3, h4 {font-family:"Helvetica Neue", Helvetica, sans-serif;font-weight:bold;color:#111;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
a:link, a:visited { color: #08478d; text-decoration: none; }
a:hover, a:active { color: black; text-decoration: underline; }

/* Weather content ------------------------------------------------------------------------------ */

body * {font: normal 1em Verdana, sans-serif;}

td {vertical-align: top;}

tr.vaTop td {     /* National Weather Service alerts */
  width: 630px;
  padding-bottom: 10px;
  color: #999;
  background: url('http://ux.hearstdigitalnews.com/img/utils/rule_dots.gif') left bottom repeat-x;
}

#left,
#right {padding-top: 10px;}

h2 {
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
#left h2 {font-size: 1.17em;}
#right h2 {font-size: 1.09em; margin-bottom: 3px;}

#left h2 {display: inline; float: left; clear: left;}

#conditions-top {float: right; margin-right: 15px;}
#conditions-top td {display: inline; float: right;}
#conditions-top img {border: 1px solid black;}
#conditions-top span.temp {margin-right: 5px; font-weight: bold;}

#conditions-more {clear: both; width: 100%; margin-top: 5px;}

#minimap table {width: 300px !important;}

#conditions-more font {font-size: 1em !important;}
#conditions-more i {
  display: block;
  font-size: .92em;
  font-style: normal;
  color: #666;
  padding-top: 5px;
}

#cookie {margin-bottom: 10px; }
#cookie a {font-size: .92em;}
#cookie a:link,
#cookie a:visited {color: #08478d !important; text-decoration: none;}
#cookie a:hover,
#cookie a:active {color: #08478d !important; text-decoration: underline;}

#minimap .on,
#minimap .off {
  width: 145px !important;
  border-top:2px solid #ddd !important;
  border-right:2px solid #999 !important;
  border-bottom:2px solid #999 !important;
  border-left:2px solid #ddd !important;
}
#minimap .off {
  background-color: #ccc !important;
  color: #333 !important;
}
#minimap .on {
  background-color: #2a4461 !important;
  color: white !important;
}
#layers {
  height: 346px !important;
  border-top: 1px solid #666;
  background: url('http://ux.hearstdigitalnews.com/img/utils/rule_dots.gif') left bottom repeat-x;
  margin-bottom: 10px;
}
#layers img {margin-bottom: 3px;}

#epa {
clear: both;
margin-top: 5px;
width: 100%;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
margin-bottom: 2px;
}

#epa td {
  font-size: .92em;
  padding-bottom: 2px;
}
#epa h5 {
  text-align: center;
  padding-bottom: 4px;
}

#left {
  padding-bottom: 2px;
  /* border-bottom: 1px solid #ddd; */
  border-right: 10px solid white;
}

#search {
}

#search input {
  font-size: 1em;
  margin-top: 5px;
  border: 1px solid #999;
  padding: 0;
}

#forecast {
padding-top: 5px;
}

#forecast #warning {
  width: 316px;
  margin: 0 0 10px 0;
  border: 1px solid black;
  background-color: #FFFFb2;
  color: black;
  font-weight: normal;
  padding: 5px 0 0 0;
}

#forecast #warning div {
  padding: 0 5px 5px 5px;
  font-size: .92em;
}

#forecast table {
  border-collapse: collapse;
  border: 0;
  border-top: 1px solid #b4b4b4 !important;
}

#forecast td {
border: none;
font-size:11px !important;
padding:2px !important;
text-align:center !important;
vertical-align:top !important;
width:19.5% !important;
}

#forecast .on {
background: white url('/img/pages/weather/on-tile.gif') repeat-y;
border-bottom:1px solid #FFFFFF;
cursor:default !important;
}

#forecast .off {
background: #e9e9e9 url('/img/pages/weather/off-tile.gif') repeat-y;
}

#forecast .on div,
#forecast .off div {font: .92em "Helvetica Neue", Helvetica, sans-serif;}
#forecast .on span,
#forecast .off span {font: bold .92em "Helvetica Neue", Helvetica, sans-serif;}
#forecast div.click a {font-family: "Helvetica Neue", Helvetica, sans-serif;}

#forecast div.click a:link,
#forecast div.click a:visited { color: #08478d; text-decoration: none; }
#forecast div.click a:hover,
#forecast div.click a:active { color: #000; text-decoration: underline; }

#details {
  margin-top: -1px;
  border-right: 1px solid #b4b4b4 !important;
  border-bottom: 1px solid #b4b4b4 !important;
  border-left: 1px solid #b4b4b4 !important;
}

#details span,
#details p {font-size: .92em;}


#right h2 {          /* for forecast and followers */
  margin-top: 10px;
  background: url('http://ux.hearstdigitalnews.com/img/utils/rule_dots.gif') left top repeat-x;
  padding-top: 8px;
}

#search h2 {
  margin-top: 0;
  background: none;
  padding-top: 0;
}


#astronomy {margin-bottom: 10px;}

#astronomy td {
  font-size: .84em !important;
  padding-right: 8px;
}

#moon-phases {
  width: 100%;
  margin-bottom: 5px;
}
#moon-phases td {
  padding: 3px 0 0 0 !important;
  text-align: left !important;
}

#almanac {
  width: 100%;
}
#almanac td {
  font-size: .92em !important;
  padding: 5px 8px 0 0;
}


#uv-outer {
width: 100% !important; margin-right: 10px;
border-bottom: 1px solid #ddd;
margin-bottom: 3px;
}

#wu-watcheswarnings {
	width: 628px !important;
	height: 398px !important;
	border: 1px solid #666;
	overflow: scroll;
}

/* end css/modules/weather.css */