/* Weather Module CSS */

.skyline {
	height: 384px;
}
	.skyline .title {
		height: 30px;
		margin-bottom: 4px;
		background-color: #ccc;
	}
	
		.skyline .title .titletabs {
			float: left;
			height: 30px;
			line-height: 30px;
			text-transform: uppercase;
			color: #fff;
			font-size: 16px;
		}
		
			.skyline .title .titletabs li {
				display: block;
				float: left;
				border-right: 1px solid #eee;
			}
			
				.skyline .title .titletabs li a {
					padding-left: 50px;
					padding-right: 20px;
					display: block;
					text-decoration: none;
				}
					
				.skyline .title .titletabs li .sevenday {
					background: transparent url(/hive/images/weather02/tab01Background.png) 10px 0 no-repeat;
					_background-image: none;
					_padding-left: 20px;
				}
				
				.skyline .title .titletabs li .localradar {
					background: transparent url(/hive/images/weather02/tab02Background.png) 10px 0 no-repeat;
					_background-image: none;
					_padding-left: 20px;
				}
		
		.skyline .title .weatherLocations {
			height: 30px;
			font-size: 14px;
			z-index: 2000;
			padding-left: 10px;
		}
			
			.skyline .title .weatherLocations .currentLocation {
				float: right;
				line-height: 30px;
				color: #fff;
				background: transparent url(/hive/images/weather02/locationBackground.png) no-repeat scroll right 12px;
				_background: transparent url(/hive/images/weather02/locationBackground.gif) no-repeat scroll right 12px;
			}
			
			.skyline .title .weatherLocations .locationList {
				top: 30px;
				padding: 8px 0;
			}
			
			.skyline .title .weatherLocations .locationList li {
				padding: 0 10px;
				line-height: 20px;
			}
			
				.skyline .title .weatherLocations .locationList li .zipField {
				}
			
					.skyline .title .weatherLocations .locationList li .zipField .weatherZipSearch {
						width: 50px;
						margin-top: 20px;
					}
			
	.skyline .forecasttab {
		position: relative;
		height: 350px;
	}
	
		.skyline .rightnow {
			position: absolute;
			width: 212px;
			left: 0;
		}
		
		.skyline .plus01 {
			position: absolute;
			width: 124px;
			left: 216px;
		}
		
		.skyline .plus02 {
			position: absolute;
			width: 124px;
			left: 344px;
		}
		
		.skyline .plus03 {
			position: absolute;
			width: 124px;
			left: 472px;
		}
		
		.skyline .plus04 {
			position: absolute;
			width: 124px;
			left: 600px;
		}
		
		.skyline .plus05 {
			position: absolute;
			width: 124px;
			left: 728px;
		}
		
		.skyline .plus06 {
			position: absolute;
			width: 124px;
			left: 856px;
		}
		
		.skyline .plus07 {
			display: none;
		}

			.skyline .day {
				height: 260px;
				z-index: 1;
			}
					
			.skyline .lightblue {
				background: transparent url(/hive/images/weather02/skyBackground.png) 0 0 repeat-x;
			}
			
			.skyline .blue {
				background: transparent url(/hive/images/weather02/skyBackground.png) 0 -260px repeat-x;
			}
			
			.skyline .darkblue {
				background: transparent url(/hive/images/weather02/skyBackground.png) 0 -520px repeat-x;
			}
			
			.skyline .lightgray {
				background: transparent url(/hive/images/weather02/skyBackground.png) 0 -780px repeat-x;
			}
			
			.skyline .gray {
				background: transparent url(/hive/images/weather02/skyBackground.png) 0 -1040px repeat-x;
			}
			
			.skyline .red {
				background: transparent url(/hive/images/weather02/skyBackground.png) 0 -1300px repeat-x;
			}
			
			.skyline .night {
				background: transparent url(/hive/images/weather02/nighttime.png) 0 0 no-repeat;
			}
			
			.skyline .nightmini {
				background: transparent url(/hive/images/weather02/nighttimemini.png) 0 0 no-repeat;
			}
			
		.skyline .nowdata {
			height: 86px;
			width: 212px;
			top: 298px;
			margin-top: 4px;
			z-index: 1000;
			background-color: #ccc;
			overflow: hidden;
		}
		
			.skyline .nowdata h3 {
				margin-left: 8px;
				padding-top: 8px;
				height: 27px;
			}
		
			.skyline .nowdata h4 {
				float: left;
				margin: 0 8px 8px;
				font-weight: normal;
				font-size: 11px;
				height: 24px;
				line-height: 12px;
				overflow: hidden;
				_margin-left: 4px;
			}
		
			.skyline .nowdata h5 {
				float: right;
				margin-right: 8px;
				margin-top: 18px;
				font-size: 24px;
			}
			
		.skyline .data {
			position: absolute;
			top: 260px;
			margin-top: 4px;
			height: 86px;
			width: 124px;
			z-index: 1000;
			background-color: #ccc;
			overflow: hidden;
		}
		
		.skyline #data01 {
			left: 216px;
		}
		
		.skyline #data02 {
			left: 344px;
		}
		
		.skyline #data03 {
			left: 472px;
		}
		
		.skyline #data04 {
			left: 600px;
		}
		
		.skyline #data05 {
			left: 728px;
		}
		
		.skyline #data06 {
			left: 856px;
		}
		
		.skyline #data07 {
			display: none;
		}
				
			.skyline .data p {
				clear: both;
				font-size: 10px;
				text-align: center;
				padding: 0 8px;
			}
				.skyline .data .hilo {
					font-size: 14px;
				}
				.skyline .data .hitemp {
					padding-right: 8px;
				}
			
				.skyline .data .lowtemp {
					padding-left: 8px;
				}
			
			.skyline .data h3 {
				margin: 0 8px;
				padding-top: 8px;
				height: 27px;
			}
		
			.skyline .data h4 {
				float: left;
				margin: 0 8px 8px;
				font-weight: normal;
				font-size: 11px;
				height: 24px;
				line-height: 12px;
				overflow: hidden;
			}
				
			.skyline .data img {
				margin: 10px 0 10px 15px;
				height: 80px;
			}
							
			.skyline .data .wind, .skyline .data .sunset {
				margin-bottom: 8px;
			}
						
		.skyline .skylineimage {
			position: absolute;
			z-index: 500;
			left: 0;
		}
							
	.skyline .radartab {
		height: 350px;
	}
	
	
/*SKYLINEMINI OVERWRITES*/

.mini .rightnow {
	width: 180px;
	left: 0;
}

.mini .plus01 {
	width: 106px;
	left: 184px;
}

.mini .plus02 {
	width: 106px;
	left: 294px;
}

.mini .plus03 {
	width: 106px;
	left: 404px;
}

.mini .plus04 {
	width: 106px;
	left: 514px;
}

.mini .plus05 {
	display: none;
}

.mini .nowdata {
	width: 180px;
}

.mini .data {
	width: 106px;
}

.mini #data01 {
	left: 184px;
}

.mini #data02 {
	left: 294px;
}

.mini #data03 {
	left: 404px;
}

.mini #data04 {
	left: 514px;
}

.mini #data05 {
	display: none;
}

.mini .data p {
	padding: 0 4px;
}
	.mini .data .hitemp {
		padding-right: 4px;
	}

	.mini .data .lowtemp {
		padding-left: 4px;
	}

.mini .data h3 {
	margin: 0 4px;
}

.mini .data h4 {
	margin: 0 4px 10px;
	_margin-left: 2px;
}
	
.mini .data img {
	margin: 10px 0 10px 5px;
}


/* Base Weather Module Styles */
    .weather_header { width: 100%; }
    .module .weather_header div.moduleSponsor {margin-top:0px;}
    .weather_header .titleContainer { float: left;margin-bottom:5px; }
    div.weather div.clear { background: transparent url('/hive/images/weather02/icons/01.png') top left no-repeat; }
    div.weather div.drizzle { background: transparent url('/hive/images/weather02/icons/08.png') top left no-repeat; }
	div.weather div.rain { background: transparent url('/hive/images/weather02/icons/08.png') top left no-repeat; }
	div.weather div.snow { background: transparent url('/hive/images/weather02/icons/11.png') top left no-repeat; }
	div.weather div.fog { background: transparent url('/hive/images/weather02/icons/07.png') top left no-repeat; }
	div.weather div.sleet { background: transparent url('/hive/images/weather02/icons/12.png') top left no-repeat; }
	div.weather div.sunny { background: transparent url('/hive/images/weather02/icons/01.png') top left no-repeat; }
	div.weather div.thunderstorms { background: transparent url('/hive/images/weather02/icons/13.png') top left no-repeat; }
	div.weather div.cloudy { background: transparent url('/hive/images/weather02/icons/04.png') top left no-repeat; }
	div.weather div.flurries { background: transparent url('/hive/images/weather02/icons/11.png') top left no-repeat; }
	div.weather div.hazy { background: transparent url('/hive/images/weather02/icons/06.png') top left no-repeat; }
  div.night div.clear, div.weather .night div.clear { background: transparent url('/hive/images/weather02/icons/16.png') top left no-repeat; }
	div.night div.sunny, div.weather .night div.sunny { background: transparent url('/hive/images/weather02/icons/16.png') top left no-repeat; }
	div.night div.cloudy, div.weather .night div.cloudy { background: transparent url('/hive/images/weather02/icons/19.png') top left no-repeat; }
	div.night div.hazy, div.weather .night div.hazy { background: transparent url('/hive/images/weather02/icons/21.png') top left no-repeat; }
	.weather .slider-container { margin-bottom: 10px; }
    .weather_header .titleContainer { width:100%; }
    .weatherLocations { width:130px !important; }
    .skyline .title .weatherLocations { width:200px !important; }
    .titled .weatherLocations { margin-top: -30px; }
    div.left_side, div.right_side { font-size:0.85em;line-height:1; max-width:140px; overflow:hidden; }
    div.temperature div.current_temp { margin-left:22px; }
/* End Base Styles */

/* Hourly  and Daily Modules */
div.weather_behavior { height:85px;width:96px;margin:5px auto; }
div.time, div.temp { text-align:center; }
li.hour_forecast { width:140px;float:left; }
div.no-scroll li.hour_forecast { width:132px; }
div.hourlyForecast { width: 620px; border: 0px solid; }
div.vertical div.weather_behavior { height:85px;width:96px;margin:0px 5px 5px 5px;float:left; }
div.vertical div.time, div.vertical div.cond_container, div.vertical div.additional { float:left; }
div.vertical div.cond_container { float:left;margin-top:5px; }
div.vertical li.hour_forecast { width:620px;float:left;clear:left;margin-bottom:5px; }
div.vertical div.temp, div.vertical span.clouds, div.vertical span.temp { float:left;clear:left; }
div.hourlyForecast div.additional { width:454px;margin-left:10px; }
.twoColumnSplit div.weather div.slider-container { width:534px; }
div.vertical li.hour_forecast div.temp, div.vertical li.hour_forecast div.time { float:left; width:100%; }
div.vertical li.hour_forecast div.temps { clear:left;color:#999999;font-size:1.7em;margin:auto;width:60px; }
div.vertical li.hour_forecast span.clouds { float:left;width:100%; }
div.vertical li.hour_forecast div.time { font-weight:bold;font-size:1.2em; }
div.weather .arrow {z-index:5;}
div.weather div.slider-container { margin-bottom:5px; float:none; }

div.weather .shorter { top:4px !important; }
div.weather div.no_icon li {font-size: 115%;}
div.weather div.no_icon .weather_behavior {display:none;}

div.weather div.no_highlow .high_low {display:none;}
div.weather div.no_highlow .current_temp {font-size:4.35em;}

div.time, div.temp { text-align:center; }
li.daily_forecast { width:132px;float:left; }
div.no-scroll li.daily_forecast { width:132px; }
div.dailyForecast { border: 0px solid; }
div.vertical div.time, div.vertical div.cond_container, div.vertical div.additional { float:left; }
div.vertical div.cond_container { float:left; }
div.vertical li.daily_forecast { width:620px;float:left;clear:left;margin-bottom:10px; }
.narrow div.vertical li.daily_forecast { width:336px; }
div.vertical div.temp, div.vertical span.clouds, div.vertical span.temp { float:left;clear:left; }
div.dailyForecast div.additional { width:384px;margin-left:10px; }
.narrow div.dailyForecast div.additional { width:150px; }
div.dailyForecast div.temp { float:left; width:100%; }
div.dailyForecast div.temps { clear:left;color:#000000;font-size:0.85em;margin:auto;width:60px; }
div.dailyForecast div.temps .high, div.dailyForecast div.temps .low { font-size:2em;width:40px;float:left; }
div.dailyForecast span.clouds { float:left;width:100%; }
div.dailyForecast div.time { font-weight:bold;font-size:1.2em; }
div.weather div.slider-container { margin-bottom:5px; float:none; }
div.dailyForecast div.label { margin-top: 12px; width: 15px;float:left; }
div.vertical li.daily_forecast div.time, div.vertical li.daily_forecast div.temp, div.vertical li.daily_forecast span.clouds, div.vertical li.daily_forecast span.temp { width:120px; }
.narrow div.vertical li.daily_forecast div.time, .narrow div.vertical li.daily_forecast div.temp, .narrow div.vertical li.daily_forecast span.clouds, .narrow div.vertical li.daily_forecast span.temp { width:85px; }
div.vertical li.hour_forecast { margin-bottom:10px; }
div.vertical li.hour_forecast div.additional { margin-top:18px; }
.narrow div.vertical li.hour_forecast div.additional { width:200px; }
.narrow div.weather div.slider { width:3000%;  }
div.weather .arrow {z-index:5;}

.narrow .accordion li.hour_forecast { width:123px; }
/* End Hourly and Daily Modules */

/* Current Conditions Module */
div.currentConditions div.weather_behavior { height:90px;width:96px;margin:0px 5px; float:left; }
div.current_container { height:90px; overflow:hidden; width:620px; color:#999; font-size: 1.5em; }
div.left_side { float: left; clear:left; margin: 0px 10px 0px 0px }
div.right_side { float: left; margin: 0px 10px 0px 0px }
div.temperature, div.conditions, div.wind, div.condition_details { float:left; }
div.conditions, div.wind { border-left: 1px solid #999; }
div.temperature { margin:0px 10px 0px 0px; }
div.temperature div { float: left; clear:left; }
div.temperature div.current_temp { color:#000000;font-size:2.75em;margin-left:13px; }
div.current_container div.condition { float:left; font-size: 1.35em; color:#000; }
div.weather span.descriptive { font-size: .55em; }
div.weather div.wind { width:96px; height: 90px; background:transparent url('/hive/images/weather02/icons/wind_direction.png') no-repeat top left;position:relative; }
div.weather div.wind div.wind_cont {color:#000000;float:left;margin-left:34px;margin-top:21px;position:relative;text-align:center;font-weight:bold; }
div.weather div.wind div.windspeed {font-size:1.5em;float:left;width:30px;}
div.weather div.wind div.mph {font-size:0.65em;margin-top:-5px;position:relative;float:left;clear:left;width:32px;}
div.weather div.wind div.dir_ind {width:13px;height:11px;position:absolute;}
div.weather div.s div.dir_ind {background:transparent url('/hive/images/weather02/icons/wind_sprites.png') 0 -89px no-repeat;left:43px; top:65px;}
div.weather div.n div.dir_ind {background:transparent url('/hive/images/weather02/icons/wind_sprites.png') 0 -37px no-repeat;left:43px; top:15px;}
div.weather div.e div.dir_ind {background:transparent url('/hive/images/weather02/icons/wind_sprites.png') 0 -62px no-repeat;top: 40px;left: 68px;}
div.weather div.w div.dir_ind {background:transparent url('/hive/images/weather02/icons/wind_sprites.png') 0 -12px no-repeat;top: 40px;left: 18px;}
div.weather div.se div.dir_ind, div.weather div.es div.dir_ind, div.weather div.ses div.dir_ind, div.weather div.ese div.dir_ind {background:transparent url('/hive/images/weather02/icons/wind_sprites.png') 0 -76px no-repeat;top: 60px;left: 62px;}
div.weather div.sw div.dir_ind, div.weather div.ws div.dir_ind, div.weather div.sws div.dir_ind, div.weather div.wsw div.dir_ind {background:transparent url('/hive/images/weather02/icons/wind_sprites.png') 0 0 no-repeat;top: 60px;left: 22px;}
div.weather div.ne div.dir_ind, div.weather div.en div.dir_ind, div.weather div.nen div.dir_ind, div.weather div.ene div.dir_ind {background:transparent url('/hive/images/weather02/icons/wind_sprites.png') 0 -48px no-repeat;top: 20px;left: 62px;}
div.weather div.nw div.dir_ind, div.weather div.wn div.dir_ind, div.weather div.nwn div.dir_ind, div.weather div.wnw div.dir_ind {background:transparent url('/hive/images/weather02/icons/wind_sprites.png') 0 -24px no-repeat;top: 20px;left: 24px;}
/* End Current conditions Module*/

/* Three Day Forecast */
div.weather .three_day {float:left;}
div.weather .three_day_cont {float:left; text-align:center;width:96px;}
div.weather .three_day_cont .high_low {font-weight:bold;}
div.weather .three_day_cont .weather_behavior {margin-bottom:0px;}
div.weather .three_day_cont .high {color:#CC0000;}
div.weather .three_day_cont .low {color:#011369}
div.weather .three_day .extended_link {float:left;clear:both;width:314px;}
div.weather .three_day .extended_link a {float:right;}
/* End Three Day Forecast */

/* Todays Forecast */
.todaysForecast .weather_behavior { margin:5px;float:left; }
.todaysForecast .right_now { float:left;}
.todaysForecast .right_now .adjustment {float:left;max-width:125px;min-width:117px;}
.todaysForecast .right_now .weather_cond {float:left;clear:left;width:100%;}
.todaysForecast .right_now .weather_cond .descriptive { font-size: 100%;font-weight:bold; }
.todaysForecast .future { border-left: 1px #999 solid; }
.todaysForecast .future {float:left;}
.todaysForecast .future_cont {float:left;}
.todaysForecast .conditional, .todaysForecast .todays_header, .todaysForecast .cond, .todaysForecast .temp {float:left;}
.todaysForecast .cond, .todaysForecast .temp {clear:left;}
.todaysForecast .additional { clear:both;max-width:250px; }
.todaysForecast .conditional {margin-top:20px;font-weight:bold;}
.todaysForecast .temp_sep {margin-left: 3px;margin-right:5px;font-size:.85em;}
.todaysForecast .todays_desc {float:left;font-size:1.5em;font-weight:bold;margin-left:8px;}
.todaysForecast .temp {color:#999;font-size:1.25em;}
.todaysForecast .descriptive {margin-right:3px;}

.todaysForecast .optional_forecast {float:left;clear:both;margin-top:8px;width:100%;}
.todaysForecast .optional_forecast .todays_header {font-weight:bold;margin-top:8px;}
.todaysForecast .optional_forecast .conditional {clear:left;margin-top:10px;font-weight:normal;border-top:1px #999 solid;width:100%;}
.todaysForecast .optional_forecast .forecast_text {float:left;clear:left;}

/* Radar Enabled */
.radar .radar_map {float:right;}
.radar .right_now {margin-right:15px; }
.radar .future { border-left: 0px #666 none; clear:left;}
.radar .additional {clear:none;float:left;width:150px;margin:20px 0px 15px 35px;	}
/* End Todays Forecast */

.todaysForecast .current_temp { float: left;font-size: 2.5em;clear:left; }
.todaysForecast .radar_map { width:200px;height:250px; }

/* Right Rail Today's Forecast */
.narrow .radar_map { height:135px;width:135px; }
.narrow todays_desc { margin-left:0px; }
.narrow .todaysForecast .weather_behavior { margin-left: 0px;margin-right:0px; }
.narrow .future { clear:both; border: 0px solid #fff;width:336px; }
.narrow .future_cont { width:160px;overflow:hidden;height:85px;margin-top:5px; }
.narrow .future .conditional { font-size:.9em; }
.narrow .future .conditional h2 { font-size:1em; }
.narrow .future h2 { font-size:1em; }
.narrow .future .weather_behavior { clear:left;background-position:-15px top;width:70px; }

.narrow .todaysForecast .todays_desc { font-size:1.25em;margin-left:0px; }

.narrow .future .conditional {font-size:1em;margin-top:12px;}
div.weather .future div.clear { background: transparent url('/hive/images/weather02/icons/01_todays.png') top left no-repeat; }
div.weather .future div.drizzle { background: transparent url('/hive/images/weather02/icons/08_todays.png') top left no-repeat; }
div.weather .future div.rain { background: transparent url('/hive/images/weather02/icons/08_todays.png') top left no-repeat; }
div.weather .future div.snow { background: transparent url('/hive/images/weather02/icons/11_todays.png') top left no-repeat; }
div.weather .future div.fog { background: transparent url('/hive/images/weather02/icons/07_todays.png') top left no-repeat; }
div.weather .future div.sleet { background: transparent url('/hive/images/weather02/icons/12_todays.png') top left no-repeat; }
div.weather .future div.sunny { background: transparent url('/hive/images/weather02/icons/01_todays.png') top left no-repeat; }
div.weather .future div.thunderstorms { background: transparent url('/hive/images/weather02/icons/13_todays.png') top left no-repeat; }
div.weather .future div.cloudy { background: transparent url('/hive/images/weather02/icons/04_todays.png') top left no-repeat; }
div.weather .future div.flurries { background: transparent url('/hive/images/weather02/icons/11_todays.png') top left no-repeat; }
div.weather .future div.hazy { background: transparent url('/hive/images/weather02/icons/06_todays.png') top left no-repeat; }

/* End Right Rail Today's Forecast */

/* Almanac */
.almanac .date {
    font-weight: bold;
    font-size: 115%;
    border-top: none;
    padding: 5px;
    margin: 2px 5px;
}
.almanac .data div {
    display: block;
    padding: 5px;
    border-top: 1px solid #CCC;
    margin: 2px 5px;
}
.almanac .data .label {
    font-weight: bold;
    width: 9em;
    float: left;
}
.almanac .data .value {
    color: #666;
}
.marine .data div {
    width:100%;
}
.marine .data .label {
    font-weight: bold;
    width: 14em;
    float: left;
}