/* Weather Styles */
	
	#weatherNav UL{
		padding:0px;}
	#weatherNav LI{
		display:inline-block;
		list-style:none;}
		
	#weatherNav{
		height: 27px;
		border-bottom:solid 1px #203877;
		margin-bottom: 10px;}
	#weatherNav .current{
		background-color:#5675ba;}
		
	#weatherNav LI A{
		text-decoration:none;
		padding:10px;
		background-color:#203877;
		-webkit-border-top-left-radius: 15px;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		color:white;}
		
	#currentConditions{
		float:left;}
	#weatherBox{
		width:298px;
		overflow:auto;
		background-color: #fff;
		border: 1px solid #091a52;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
		
	#weatherBox UL{
		list-style: none;
		padding: 0 10px;}
	#forecast{
		clear:both;}
	
	#weatherBox A{
		text-decoration:none;}
				
	#currentWeatherTop{
		padding: 10px;
		background: rgb(51,106,175); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(51,106,175,1) 0%, rgba(31,54,117,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,106,175,1)), color-stop(100%,rgba(31,54,117,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(51,106,175,1) 0%,rgba(31,54,117,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(51,106,175,1) 0%,rgba(31,54,117,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(51,106,175,1) 0%,rgba(31,54,117,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(51,106,175,1) 0%,rgba(31,54,117,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336aaf', endColorstr='#1f3675',GradientType=0 ); /* IE6-9 */
		color:#fff;
		font-size:10px;}
		
	#currentWeatherTop H3{
		color:#fff;}
	#todayHiLow{
		float:right;
		clear: right;
		font-size:14px}
		
	#temp{
		font-size:40px;}
		
	#weatherThumb{
		display:block;}
		
	#mapLayers img{
		position:absolute;}
		
	#currentSkies{
		float:right;
		text-align:right;
		font-size:14px;}
		
	#weatherBox H3{
		margin:0;}
		
	.forecastDay{
		text-align:center;
		font-size: 12px;
		display:inline-block;
		background-color:#fff;
		border:1px solid #091a52;
		width: 120px;
		vertical-align: top;
		height: 290px;
		margin-bottom: 15px;}
		
	.todaysForecast{
		background-color:#dcf5ff;}	
		
	.dateImg{
		padding:4px;
		background: rgb(51,106,175); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(51,106,175,1) 0%, rgba(31,54,117,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,106,175,1)), color-stop(100%,rgba(31,54,117,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(51,106,175,1) 0%,rgba(31,54,117,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(51,106,175,1) 0%,rgba(31,54,117,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(51,106,175,1) 0%,rgba(31,54,117,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(51,106,175,1) 0%,rgba(31,54,117,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336aaf', endColorstr='#1f3675',GradientType=0 ); /* IE6-9 */
		color:#fff;
		line-height: 20px;
	}
	.tempStats{
		padding:4px;
	}
	.conditionDetails{
		padding:4px;
		line-height: 20px;
	}
	
	
	.dayTag{
		font-size:18px;}	
	.dateTag{
		font-size:14px;}
	.dateImg{
		height: 98px;}
	.conditions{
		font-size:18px;
	}	
	.highTemp{
		font-size:36px;
		color:#7F0002;}
	.lowTemp{
		font-size:28px;
		color:#0c305b;}
	.highTemp2 {
		font-size: 28px;
		color:#7F0002;
	}
	
	.lowTemp2 {
		font-size: 28px;
		color:#0c305b;
	}
	.forecastDay IMG{
		width:auto;
		margin:0 auto;}
	#radarIMG{
		float:left;
		width:650px;}
	
	#radarIMG IMG{
		max-width:100%;
		height:auto;}
		
	#currentConditions, #radarIMG, #forecast{
		margin-bottom:15px;}
		
	#weatherAlerts div{
		padding:10px;
		border: 1px solid #091a52;}
	#weatherAlerts .alert_S{
		background-color:#dcf5ff;}
	#weatherAlerts .alert_W, #weatherAlerts .alert_A{
		background-color:#FF9FA0;}
	#weatherAlerts .alert_Y{
		background-color:#FFF29B;}
		
/* Hourly Weather */

#conditionList .lastUpdated{
	font-size:10px;}
#WeatherHourly {
	padding:0;
	margin:0;}

#WeatherHourly UL{
	padding:0;
	margin:0;
	display:block;
	height:auto;
	width:100%;
	list-style:none;
	margin-bottom:5px;
	border-bottom:1px solid #CDCDCD;}

#WeatherHourly UL LI{
	display:inline-block;
	height:50px;
	padding:5px;
	vertical-align: top;}

.WHTime {
	font-size:16px;
	font-weight:bold;
	color: #232323;
	width:75px;}

.WHCondition {
	width:150px !important;
	font-size:12px;
	color: #232323;}
	
#WeatherHourly #hourlyDetails{
	display: inline-block;}
	
.WHCondition img {
	/*float:left;*/
	padding-right:5px;
	padding-bottom:15px;}
	
.WHCondition div{
	font-size:12px;
	color: #232323;}
	
.WHCondition strong{
	font-size:24px;
	color: #232323;}

.WHDetail {
	font-size:12px;
	color: #232323;
	width:75px;}

.WHDetail div{
	font-size:12px;
	color:#888888;}
	
.WHWind {
	font-size:12px;
	color: #232323;
	width:90px;}

.WHWind div{
	font-size:12px;
	color:#888888;}
	
#windDirectionCircle{
	float:right;
	width: 80px;
    height: 80px;
    margin-top: 8px;}

#windDirectionCircle IMG{
	position:absolute;
	transform-origin: 40px;}
	
#windDirectionCircle2{
	width: 160px;
    height: 160px;
	}

#windDirectionCircle2 IMG{
	width:160px;
	height:160px;
	transform-origin:80px;
	position:absolute;}	
	
#windDirectionText2{
	position: absolute;
    z-index: 160;
    padding-top: 60px;
	padding-left:35px;
    text-align: center;
    width: 95px;
    font-size: 16px;
	color:#203877;}

#windDirectionText{
	position: absolute;
    z-index: 100;
    padding-top: 32px;
    text-align: center;
    width: 80px;
    font-size: 12px;
	color:#203877;}
	
#currentConditionsDetail {
		overflow:auto;
		background-color: #fff;
		border-right: 1px solid #091a52;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
		
#currentConditionsDetail .conditionLabel{
	width:160px;
	display: inline-block;
	font-size:14px;
	color:#666 !important;}
		
#currentConditionsDetail #CurrentImage{
	display: inline-block;
	vertical-align:top;
	height:160px;
	width:25%;
	border-right:1px solid #000000;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#3E3E3E;
}

#currentConditionsDetail #CurrentImage img{
	width:auto;
	text-align:left;}

#currentConditionsDetail #CurrentTemp{
	display:inline-block;
	height:160px;
	width:35%;
	border:none;
	font-size:12px;
	text-align:center;
	padding-top:20px;
}

#currentConditionsDetail #CurrentTemp H2{
	font-size:36px;
	font-weight:normal;
}

#currentConditionsDetail #CurrentWind{
	display:inline-block;
	vertical-align:top;
	alignment-adjust:central;
	width:30%;
	border-left:1px solid #000000;
	font-size:12px;
	padding-left:5px;
}

#currentConditionsDetail #CurrentWind #windtext {
	margin-top:0px;
	margin-bottom:5px;
	text-align:center;
	}

#currentConditionsDetail .highTemp {
	font-size:13px;
	font-weight:bold;
	color:#7F0002}

#currentConditionsDetail .lowTemp {
	font-size:13px;
	font-weight:bold;
	color:#0c305b;}
	
#currentConditionsDetail #CurrentMoon{
	float:right;
	width:50%;
	vertical-align:top;
	}
		
#currentConditionsDetail #CurrentSun{
	float:left;
	width:50%;
	vertical-align:top;
	}

#ForecastDetails {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #B4B4B4;
	border-bottom:1px solid #B4B4B4;
}

/* Weather general stylings */
#CurrentWeather{
	list-style:none;
	padding:0;
	margin:0;}
	
#currentConditionsDetail #CurrentWeather table {
	text-align:left;
	width:100%;
}

#currentConditionsDetail #CurrentWeather th {
	text-align:left;
	font-style:normal !important;
	font-size:14px;
	color:#666 !important;
	width:175px;
}

#currentConditionsDetail #CurrentWeather td {
	font-style:normal;
	font-size:14px;
}






/* Astronomy */

.sunUp {
	padding-left:45px;
	background-image: url(/media/weather/icon_sunrise.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.sunDwn {
	padding-left:45px;
	background-image: url(/media/weather/icon_sunset.png);
	background-repeat: no-repeat;
	background-position: left bottom;}
	
.moonIcon {
	height:20px;
	width:30px;
	display:inline-block;
	vertical-align:top;
	}
		
.MoonFull {
	background-image: url(/media/weather/icon_moon_full.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.MoonWaningCrescent {
	background-image: url(/media/weather/icon_moon_waning_crescent.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.MoonWaxingCrescent {
	background-image: url(/media/weather/icon_moon_waxing_crescent.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.MoonWaningGibbous {
	background-image: url(/media/weather/icon_moon_waning_gibbous.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.MoonWaxingGibbous {
	background-image: url(/media/weather/icon_moon_waxing_gibbous.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.MoonNew {
	background-image: url(/media/weather/icon_moon_new.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.MoonFirstQuarter {
	background-image: url(/media/weather/icon_moon_waxing_crescent_half.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.MoonLastQuarter {
	background-image: url(/media/weather/icon_moon_waning_crescent_half.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* Ten Day Details */

#TenDayDetailForecast {}

#TenDayDetailForecast table{
	width:98%;
	padding:0;
	margin:0;
	border-bottom:1px solid #8E8E8E;
	border-collapse:collapse;
	}

#TenDayDetailForecast table td{
	padding:4px;
	color:#3D3D3D;
	font-size:14px;}

#TenDayDetailForecast td.day {
	width:100px;
}

#TenDayDetailForecast td.ForecastDetail {
	padding-bottom:7px;
}

#TenDayDetailForecast td.DayRow {
	background-color:#FFFFFF;
}
#TenDayDetailForecast td.NightRow {
	background-color:#E1E1E1;
}

.day {text-align:center;}

.day .day {
	font-size:14px;
	font-weight:normal;
}

.day p {
	margin:3px;
}
.day .date {
	font-size:14px;
	font-weight:normal;
	padding:3px;}


.day .highTemp {
	font-size:14px;
	font-weight:bold;}
	
.day .lowTemp {
	font-size:14px;
	font-weight:bold;
}