/* Begin Layered styles */
.weatherLayer {position: absolute; z-index:1; visibility:visible;}
.timestampLabel {z-index:2; color: White;font-family: Arial, Sans-Serif, Verdana, Helvetica;filter: shadow(color:black, strength:4, direction:135);font-size: 12px;font-weight: bold;position: absolute;text-align:right;visibility:visible;}
.drillDownLayer {position: absolute;z-index:3;visibility:visible;}
.blankLayer {position: absolute;z-index:4;visibility:visible;}
.navigationLayer {position: absolute;z-index:5;visibility:visible;}
.hiddenLayer {position: absolute;z-index:-1;}
.mapLayer { 
	width: 640px;
    height: 480px;
    position: absolute;
    padding:0px;
    margin: 0px;
    visibility:visible;
}
.mapImage {
    width: 640px;
    height: 480px;
    position: absolute;
    padding:0px;
    margin: 0px;
    visibility:visible;
}
/* End Layered styles */

.BlackText {
	font-family : "Arial, Verdana, Geneva, sans-serif";
	font-size : 9pt; 
	color : #000000; 
	font-weight : lighter;
}
.GenericFontSmall {
    font-family: "Arial, San-Serif, Verdana, Helvetica";
    font-size: 9pt;
}
.GenericFontSmallBold {
    font-family: "Arial, San-Serif, Verdana, Helvetica";
    font-size: 9pt;
    font-weight: bold;
}
.GenericFontMedium {
    font-family: "Arial, San-Serif, Verdana, Helvetica";
    font-size: 12pt;
}
.GenericFontMediumBold {
    font-family: "Arial, San-Serif, Verdana, Helvetica";
    font-size: 12pt;
    font-weight: bold;
}
.GenericFontLarge {
    font-family: "Arial, San-Serif, Verdana, Helvetica";
    font-size: 14pt;
}
.GenericFontLargeBold {
    font-family: "Arial, San-Serif, Verdana, Helvetica";
    font-size: 14pt;
    font-weight: bold;
}
.trademarkSmall {
    font-family: "Arial, San-Serif, Verdana, Helvetica";
    font-size: 7pt;
    vertical-align: top;
}
TABLE.localConditionsMonitor {
	font-family : "Arial, Verdana, Geneva, sans-serif";
	font-size : 9pt; 
	color : #000000;
	background-color : #C8C8C8;
    padding:1px;
	font-weight : lighter;
}

TR.localConditionsMonitor {
	font-family : "Arial, Verdana, Geneva, sans-serif";
	font-size : 9pt; 
	color : #000000;
	background-color : White;
    border-width:0px;
    padding:1px;
	font-weight : lighter;
}
A.nav {
    font-family : "Arial, San-Serif, Verdana, Helvetica";
    font-size : 9pt;
    color : #000000;
    text-decoration:none;
}

a.nav:link {
    font-family : "Arial, San-Serif, Verdana, Helvetica";
    font-size : 9pt;
    color: black;
    text-decoration: none;
}
a.nav:visited {
    font-family : "Arial, San-Serif, Verdana, Helvetica";
    font-size : 9pt;
    color: black;
    text-decoration: none;
}
a.nav:active {
    font-family : "Arial, San-Serif, Verdana, Helvetica";
    font-size : 9pt;
    color: black;
}
a.nav:hover {
    font-family : "Arial, San-Serif, Verdana, Helvetica";
    font-size : 9pt;
    color: black;
    text-decoration: underline;
}
.highTemp {
	font-family : "Arial, Verdana, Geneva, sans-serif";
	font-size : 10pt;
	color : #990000;
}

.lowTemp {
	font-family : "Arial, Verdana, Geneva, sans-serif";
	font-size : 10pt;
	color : #000099;
}
.CityObservedData {
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;
    text-decoration:none;
    background-color:#E7E3E0;
    padding:0px;    
    border:solid #E7E3E0 1px;
    border-width:1px;
    border-style:solid;
    border-color:#E7E3E0;
}

.CityForecastData {
    text-decoration:none;
    border:solid #E7E3E0 1px;
    border-width:1px;
    border-style:solid;
    border-color:#E7E3E0;    
    
}
TABLE.settingsForecastOdd {
	background-color:white;
    border:solid #C8C8C8 1px;
    border-width:1px;
    border-style:solid;
    border-color:#C8C8C8;
    padding:0px;
    width:50px;
    text-align:center;  
	font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;    
	  
}
TABLE.settingsForecastEven {
	background-color:#FFF4E4;
    border:solid #C8C8C8 1px;
    border-width:1px;
    border-style:solid;
    border-color:#C8C8C8;
    padding:0px;
    width:50px;
    text-align:center;   
	font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;    
	 
}


.CityForecastDataQOP {
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;
    text-decoration:none;
    border:solid #E7E3E0 1px;
    border-width:1px;
    border-style:solid;
    border-color:#E7E3E0;    
    padding:0px;
}
.CityForecastDataSmall {
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 7pt;
    text-decoration:none;
}
TR.CityForecastData {
    height:30px;
}

TR.CityForecastWeatherData {
    height:35px;
}
TR.CityForecastDataQOP {
    height:45px;
}

TR.CityWeatherData {
    height:45px;
}

.CityWeatherData {
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;
    text-decoration:none;
    border:solid #E7E3E0 1px;
    border-width:1px;
    border-style:solid;
    border-color:#E7E3E0;    
    padding:0px;
}

.CFscrollable {
    overflow: auto;
    width: 700px;
    height: 425px;
    padding:0px;
    margin: 0px;
}
.TextScrollable {
    overflow: auto;
    width: 680px;
    height: 480px;
    padding:0px;
    margin: 0px;
}
TABLE.settingsObservedData {
    background-color:#ECEDEF;  
    border:solid #E7E3E0 1px;
    border-width:1px;
    border-style:solid;
    border-color:#E7E3E0;
	padding : 0px;
 	text-align:center;
	font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;
   
}

.CityForecastDataHeader {
    border:solid #E7E3E0 1px;
    border-width:1px;
    border-style:solid;
    border-color:#E7E3E0;
    padding:0px;
    width:115px;
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;
    text-decoration:none;
    text-align:center;    
}

.CityForecastPageHeading {
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 14pt;
    text-decoration:none;
    font-weight: bold;
}

.CityForecastDataBoldLarge {
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 11pt;
    text-decoration:none;
    font-weight: bold;
}
.inputlabel {
    background:transparent;
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 10pt;
    color: darkSlateGray;
    font-weight: bold;    
    white-space: nowrap;
}
SELECT.CitySelector {
	background-color : white;
	width: 195px;
    padding : 0px;
}
TABLE.cityListFrame {
	background-image:url('map-state.gif');
	background-color:#ECEDEF;
	padding : 0px;
    border:2px solid #D2D0D7;
}
TR.CityForecastHiLo {
    height:40px;
}
.CityForecastHiLo {
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;
    text-decoration:none;
    border:solid #E7E3E0 1px;
    border-width:1px;
    border-style:solid;
    border-color:#E7E3E0;    
    padding:0px;
}
TR.CityForecastWC {
    height:48px;
}
.CityForecastWC {
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;
    text-decoration:none;
    border:solid #E7E3E0 1px;
    border-width:1px;
    border-style:solid;
    border-color:#E7E3E0;    
    padding:0px;
}

TD.cityForecast {
    font-family : Arial, Sans-Serif, Verdana, Helvetica;
    font-size : 9pt;
    font-weight: bold;
    color: black;
    text-decoration: none;
    
}

TD.ObservedQOP {
	background: #D3D3D3;
}

.MonitorHeader {
	font-family: Arial, Sans-Serif, Verdana, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color:Black;
	vertical-align:middle;
	text-align:center;
}
.MonitorHeaderLight {
	font-family: Arial, Sans-Serif, Verdana, Helvetica;
	font-size: 10pt;
	color:Black;
	vertical-align:middle;
	text-align:center;
}
.MonitorHeaderBackground {
	background-color:#ECEDEF;
}
.MonitorText {
	font-family: Arial, Sans-Serif, Verdana, Helvetica;
	font-size: 8pt;
	color:Black;
	vertical-align:middle;
	text-align:center;
}
SELECT.Selector {
	background-color : white;
	width: 120px;
    padding : 0px;
}
.historyTableWhite {
	background-color : #FFFFFF;
    border:solid #D2D0D7 1px;
    padding : 0px;
}
.historyTableYellow {
	background-color : #FFF4E4;
    border:solid #D2D0D7 1px;
    padding : 0px;
}

.TreatmentTitle {
	background-color : white;
	border:solid #FFFFFF 1px;
    border-width:1px;
    border-style:solid;
    border-color:#FFFFFF;
    padding:0px;
    width:115px;
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 12pt;
    text-decoration:none;
    text-align:center;    
}
.TreatmentHeader {
	background-color : #F2F2F5;
	border:solid #E7E3E0 1px;
    border-width:1px;
    border-style:solid;
    border-color:#E7E3E0;
    padding:0px;
    width:115px;
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 10pt;
    text-decoration:none;
    text-align:center;    
}
.TreatmentData {
	background-color : #FFFFFF;
	border:solid #FFFFFF 1px;
    border-width:1px;
    border-style:solid;
    border-color:#FFFFFF;
    padding:0px;
    width:115px;
    font-family: Arial, Sans-Serif, Verdana, Helvetica;
    font-size: 8pt;
    text-decoration:none;
    text-align:left;    
}
.CFscrollableMdss {
    overflow: auto;
    width: 700px;
    height: 680px;
    padding:0px;
    margin: 0px;
}
.CFscrollableDOT {
    overflow: auto;
    width: 700px;
    height: 500px;
    padding:0px;
    margin: 0px;
}
.imgInfo {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #FFFFFF;
    background-color: #000000;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
}

.img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

.imgloading {
    position: absolute;
    width: 640px;
    height: 480px;
    z-index: 1;
    background-image: url(http://dtnag.com/dtnag/images/weather/wxconditions/img_loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
.imgTextloading {
    position: absolute;
    width: 640px;
    z-index: 1;
}
.imgloadinglegend {
   left: 700px;
    top: 300px;
}
.noimg {
    position: absolute;
    width: 640px;
    height: 480px;
    background-color: #FFFFFF;
    z-index: 4;
    background-image: url(http://dtnag.com/dtnag/images/weather/wxconditions/no_plume.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

SELECT.pickStationsList {
    background-color : white;
    width: 260px;
    padding : 0px;
}
SELECT.locationDropDown {
    background-color : white;
    width: 200px;
    padding : 0px;
}
TD.ForecastDataRed {
   background: #FFC8C8;
}
TD.ForecastQOPColor1{
   background: #F2F2F5;
}
TD.ForecastQOPColor2{
   background: #DEDDF7;
}
TD.quickPlumeLine{
   background-color: darkGray;
   width: 1px;
}

#current_conditions {
    margin: 5px 5px 5px 5px;
    float:left;
	display:inline;
	font-size:11px;
	font-family:Arial, Sans-Serif, Verdana, Helvetica;
	color: #727272;
	background-color: #FFFFFF;
}

#current_conditions .wx_condition_text {
    font-size:20px;
	font-family:Arial, Sans-Serif, Verdana, Helvetica;
	font-weight: bolder;
    color: #727272;
    text-align: center;
}

#current_conditions #row {
    border-bottom:1px solid rgb(90%, 90%, 90%);
}

#forecast {
    margin: 5px 5px 5px 5px;
    float:left;
	display:inline;
    font-size:9pt;
	font-family:Arial, Sans-Serif, Verdana, Helvetica;
	font-weight: lighter;
	color: #000000;
	background-color: #FFFFFF;
}

#forecast .high_temp {
    margin: 0px;
    font-size:10pt;
	color : #990000;
}

#forecast .low_temp {
    margin: 0px;
    font-size:10pt;
	color : #000099;
}

#forecast .header {
    background-color: #ECEDEF;  
}