@import url("warningstyle2.css");

/* Common Elements */
/*
	div#container a:link,
div.width600 a:link
{
	color:#669900;
}
*/
div.gcinits {
	margin-right:10px;
}
h1#c1 {
	clear:right;
	width:95%;
}
.h11 {
	clear:right;
	width:95%;
        font-size:18px;
        color:#000000;
}
#container {
	position:relative;
}
.gecko-fix-right {
	clear:right;
	line-height:0;
}
.gecko-fix-both {
	clear:both;
	line-height:0;
}

div#citycondition dl.rightCol dd.dd1,
div#citycondition dl.leftCol dd.dd1,
dd.dd1
{
	font-size:0.1em;
	width:100%;
	margin:0;
	padding: 1px;
	height:0;
}

div#historicaldata dl.leftCol dt.spacer,
div#historicaldata dl.leftCol dd.spacer
{
	line-height:0;
	width:0;
	margin:0;
	padding:0;
}

.hidden {
	height:0! important;
	margin:0! important;
	padding:0! important;
	display:none;
}
p.notavailable {
	margin:5px 0 5px 5px;
	border:0;
	font-size:100%;
	height: 40px;
}
span.subscript {
	font-size:0.9em;
}
div div.toprow {
	width:597px;	
}
div div.toprow div.middleCol {
	margin:0;
	padding-top:3px;
	text-align:center;
	font-size:0.9em;
}
.lefttab {
	float:left;	
	font-weight:bold;
	font-size:1.3em;
	color:#669900;
	margin-top:0;
	margin-bottom:0;
}
.righttab {
	float:right;
}
/*
.fancytab {
	background:#6699cc;
	border-top:1px solid #557198;
	border-right:1px solid #557198;
	border-left:1px solid #557198;
}
*/
.error {
	color:red;
	font-weight:bold;
}

/* Forecast Quick Link */
form#quickLinkForm {
	margin-bottom:15px;
}
fieldset#quickLink {
	padding:3px;
	margin-left:300px;
	width:390px;
	text-align:center;	
}
fieldset#quickLink legend {
	font-weight:bold;
        font-family:ubuntu;
        font-size:14px;
	color:#4C60B6;
	margin:0 0 0 40px;
	padding:0 10px 0;
}
fieldset#quickLink select {
	width:155px;
}
fieldset#quickLink input {
	padding:1px;
}

/* Current Conditions Layout */
div#conditionscontainer {
	float:left;
	margin-bottom:15px;
	width:594px; /* for N8-JS off - English (FF mode) */
}
div#conditionscontainer div#currentcond {
	border: 1px solid #557198;
	padding:0;
	margin:0;
	float:left;
	width:594px;
}
div#conditionscontainer div#currentcond-left {
	float:left;
	margin:0;
	width:118px;
	text-align:center;
}
div#conditionscontainer div#currentcond-left .temperature {
	font-size:2.5em;
	margin:0;
}
div#conditionscontainer div#currentcond-left sup {
	font-size:11pt;
	vertical-align:text-top;
}
div#conditionscontainer div#currentcond-left #currentimg {
	padding:10px 0;
}
div#conditionscontainer div#currentcond-left .noConditionIcon {
	line-height:20px;
}
div#conditionscontainer div#currentcond-content {
	margin-left:118px;
	border-left: 1px solid #557198;
	width:475px;
	font-size:0.95em;
}
div#cityobserved {
	margin:0;
	padding:0;
	width:455px;
}
div#cityobserved dl {
	margin:0;
	padding:5px;
}
div#cityobserved dl dt {
	width:9em;
	float:left;
}
div#cityobserved dl dd {
	margin-left:9em;
	padding:0;	
	font-weight:bold;
}
div#citycondition {
	border-top:1px solid #557198;
	margin:0;
	padding: 5px;
	width:466px;
}
div#citycondition dl {
	padding: 0;
	margin:0;
}
div#citycondition ul li.leftList {
	padding:0;
	margin:0;
/*	margin-left: 0px;*/
/*	padding-left: 0px;*/
}
div#citycondition dl.leftCol {
	float:left;
	margin-right:10px;
	width:243px;
}
div#citycondition dl.rightCol {
	float:right;
	padding:0;
	width:210px;
}
div#citycondition dl dt {
	float:left;
}
div#citycondition dl.leftCol dt {
	width:105px;
}
div#citycondition dl dd {
	font-weight:bold;
}
div#citycondition dl.leftCol dd {
	margin-left:105px;
}
div#citycondition dl.rightCol dt {
	clear:both;
	float:left;
	margin:0;
	overflow:hidden;
	/* width:137px; */
	white-space:nowrap;
}
div#citycondition dl.rightCol dd {
	/* float:right; */
	text-align:right;
	margin:0pt;
}
div#citycondition dl dd.longContent {
	/* text-align:right; */
}
div#citycondition ul {
	list-style:none;
	padding:0;
	margin:0;
}
div#citycondition ul li.footer {
	clear:both;
	height:0;
	line-height:0;
}

dl.airquality dt
{
	float:left;
	padding:0 0 5px 15px;
	margin-right:5px;
}

dl.airquality dd {
	margin:0;
}

/* CSS Forecast Table Layout */
div#mainContent {
	padding-top:2px;
	/* float:left; causes footer shift problem for Netscape 8 */ 
}
div#mainContent ul#forecastRow {
	padding:0;
	margin-bottom:0;
}	
div#forecastData {
	float:left;
	width:596px;
	margin-bottom:15px;
}
div#cityf {
	float:left;
}
div#mainContent div#cityf ul {
	padding:0;
	margin:0;
}
div#mainContent ul#periodRow li {
	border-width:1px 0 1px 1px;
	font-weight:bold;
}
div#mainContent ul.forecastRow li {
	border-width:0 0 0 1px;
}
div#mainContent div#cityf ul li.low {
	color:blue;	
	cursor:default;
}
div#mainContent div#cityf ul li.high {
	color:red;	
	cursor:default;
}
div#mainContent div#cityf ul li.pop{
	cursor:default;
}
div#mainContent div#cityf ul li span.abnTrend {
   color:black;
   cursor:default;
}
div#mainContent ul.lastRow li {
	border-width:0 0 1px 1px;
}
div#mainContent ul#periodRow li.last,
div#mainContent ul.forecastRow li.last,
div#mainContent ul.lastRow li.last
{
	border-right:1px;
	border-color: #557198;
	border-style: solid;
}
div#mainContent ul#periodRow li,
div#mainContent ul.forecastRow li,
div#mainContent ul.lastRow li
{
	float:left;
	list-style:none;
	width:118px;
	margin:0;
	text-align:center;
	border-color: #557198;
	border-style: solid;
}
div.noforecast {
	border:1px solid #557198;
	width:594px;
}

/* Historical Data Styling */
div#historicaldata {
	max-width:800px;
	min-width:596px;
	margin-bottom:15px;
	float:left;
}
div#historicaldata div#data {
	border-top: 1px solid #557198;
	border-left: 1px solid #557198;
	border-bottom: 1px solid #557198;
	float:left;
	width:595px;
    height:100%;

}
div#historicaldata dl {
	margin:0;
	padding:0 0 7px 0;
	float:left;
	height:4.95em;
	border-right:1px solid #557198;
}
div#historicaldata dl.tallCol {
}
div#historicaldata dl.leftCol {
	width:40%;
	margin-bottom:0;
}
div#historicaldata dl.middleCol {
	width:155px;
}

div#historicaldata dl.rightCol {
	width:199px;
}
div#historicaldata dl.leftCol dt.colHeading,
div#historicaldata dl.middleCol dt.colHeading,
div#historicaldata dl.rightCol dt.colHeading {
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #557198;
	width:100%;
	padding:0;
	margin:0;
	height:1.3em;
}
div#historicaldata dl dt {
	float:left;
	clear:left;
}
div#historicaldata dl dd {
	font-weight:bold;
	margin:0;
	text-align:right;
}
div#historicaldata dl.leftCol dt {
	width:30%;
	margin:0 5% 0 10%;
/*	border:1px solid black; */
}
div#historicaldata dl.leftCol dd {
	width:70%;
	margin:0 15% 0 20%;
}
div#historicaldata dl.middleCol dt {
	width:30%;
	margin:0 5% 0 10%;
}
div#historicaldata dl.middleCol dd {
	width:70%;
	margin:0 5% 0 20%;
}
div#historicaldata dl.rightCol dt {
	width:30%;
	margin:0 5% 0 10%;
}
div#historicaldata dl.rightCol dd {
	width:70%;
	margin:0 15% 0 20%;
}
div#historicaldata dl dd.dd1 {
	width:100%;
	height:1em;
}
div#historicaldata dl dd.nodata {
	line-height:0;
	font-size:0;
	margin:0;
	width:0;
	padding:0;
}
div#historicaldata .borderRight {
	border-right:1px solid #557198;
}
div#historicaldata dl.twoColumn {
	width:296.4px;
}
div#historicaldata dl.oneColumn {
	/* border-right:none; */
	width:594px !important;
}
div#historicaldata dl.oneColumn dt.colHeading {
	text-align:left;
	padding-left:30px;
	width:564px;
}
div#historicaldata dl.oneColumn dt {
	width:50px;
	padding-left:30px;
	margin:0;
}
div#historicaldata dl.oneColumn dd {
	margin-left:5%;
	width:200px;	
	text-align:right;
}

/* forecast details */
.cityfbox {border:1px solid #557198; width:594px;  float:left;}
div.fperiod {border-bottom:1px solid #557198; border-right:1px solid #557198; float:left; text-align:center; width:84px;}
div.fperiod ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
div.fperiod ul li {line-height:17px;}
div.fperiod h3 {border-bottom: 1px solid #557198; font-size:1em; margin:0; padding :5px 0;}
div.fperiodlast {border-left:none; border-top:none; border-right:none;}

div.fdetails {clear:both;}	
div.fdetails p {margin-top:5px; margin-bottom:5px;padding:3px;}
div.fdetails p.warningText  {margin:0; padding:0 0 0 3px; font-weight:bold;}
div.fdetails p.fissued {border-bottom:1px solid #557198;width:620px;}
div.fdetails dl {margin: 3px 0 0 0; padding:3px; }
div.fdetails dl dt {width:118px; float:left; font-weight:bold; }
div.fdetails dl dd {width:620px; margin:0;float:left;}
div.fdetails dl dd.dd2 {width:100%;float:left;height:2px;padding:1px 0 1px 1px;}

/* Moreinfo button */
form.dropdown { margin:0;}
div.righttab,  div.lefttab {margin:0;}
div#container div.righttab ul {list-style-type:none; padding:0; margin:0;}
div#container div.righttab li {position:relative; width:130px;}
div#container div.righttab li a {padding:0 0 0 5px;}
div#container div.righttab li.moreinfo {background:#014F8D; }

div#container div.righttab li, div#container div.righttab li a {display:block; line-height:1.6em; text-decoration:none; cursor:pointer; color:#FFFFFF; font-family:arial; font-size:11px;}

div#container div.righttab ul ul li:hover, div#container div.righttab ul ul li a:hover, div#container div.righttab ul ul li a:focus  {background:#F3D673;}


div#container div.righttab h2 {font-size:100%; margin:0; border:1px solid #557198;padding-left:0; padding-right:0;}
div#container div.righttab h2 a {color:#fff;}

div#container div.righttab ul.navmenu  {background-color:#e1efff; width:220px; right:0;z-index:1000;position:absolute; border-bottom:1px solid #557198;border-left:1px solid #557198;  border-right:1px solid #557198;}
div#container div.righttab ul ul li {width:auto; border-top:1px solid #557198; float:none;}
div#container div.righttab ul ul li a {width:97%;}

/* Print settings */
@media print {
	form#quickLinkForm {
		display:none;
	}

	div.righttab { display:none; } 
	dd.dd1 { display:none; }
	div.outerbox { display: none; }
	div.fdetails p.heading {display:none;}
	
	div.fperiod ul li { height:18px; margin-bottom:2px; }
	.spacer { display:none; }
	.cityfbox {width:auto;}
		
} 
/* End print settings */