@charset "utf-8";
/* CSS Document */
.WeatherWarning{
	width:581px;
	height:52px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:3px 0 21px;
	padding:0;
}
	.WeatherWarning h3{
		color:#fff;
		font-size:11px;
		font-weight:bold;
	}
	#WeatherWarningDisplay{
	  width:539px;
	  height:52px;
		overflow:hidden;
	  float:left;
		position:relative;
	  margin-top:0;
		padding:0;
	}
	
	#WeatherWarningDisplay h2{
		position:absolute;
		top:9px;
		left:64px;
		color:#0037a2;
		font-size:14px;
		margin:0;
		padding:0;
	}
	
		#WeatherWarningList{
		  width:1000px;/* add 200px per listing */
			position:absolute;
			top:0;
			left:0;
			margin:32px 0 0 80px;
			padding:0;
			display:none;
		}
	
		#WeatherWarningDisplay li{
		  float:left;
			margin-right:8px;
			border-right:1px solid #eaeaea;
			padding-right:9px;
			padding-left:18px;
		  list-style-type:none;
			background-color:#fff;
			background-position:left 3px;
			background-repeat:no-repeat;
			white-space:nowrap;
		}
		#WeatherWarningDisplay li.lastChild{
			border-right-width:0;
		}
		.WWRed{
			background-image:url('../images/icon_ww_red.gif');
		}
		.WWOrange{
		  background-image:url('../images/icon_ww_orange.gif');
		}
		.WWYellow{
		  background-image:url('../images/icon_ww_yellow.gif');			
		}	
		#WeatherWarningDisplay a{
		  color:#0063b6;
		}		
	#WeatherWarningButtons{
	  width:49px;
		height:40px;
		position:absolute;
		right:0;
		bottom:0;
		background-image: url('../images/bg_ww_buttons.gif');
	}
		#WWHelp{
		  display:block;
		  float:right;
			margin:0px 2px 4px 1px;
		}
		
		#WeatherWarningArrows {
		  width:46px;
		  height:22px;
		  clear:right;
			float:right;
			margin:1px;
		}
		#WWLeftArrow{
		  width:21px;
			height:22px;
			display:block;
			float:right;
			margin:0 1px 0 0;
		  background:transparent url('../images/icon_ww_arrowLeftDisabled.gif') left top no-repeat;		  
		}
		  #WWLeftArrowImg{			  
			 display:none;
			}
		#WWRightArrow{
			width:21px;
			height:22px;
			display:block;
			float:right;
			margin:0 2px 0 1px;
			_margin-right:0;
		  background:transparent url('../images/icon_ww_arrowRightDisabled.gif') left top no-repeat;
		}
		  #WWRightArrowImg{
			 /*
			 display:none;
			 */
			}	
			
	#WeatherWarningLeftCap{
		position:absolute;
		left:0;
		bottom:0;
		height:52px;
    width:81px;
	}		
	
	#RedWarning{
		background:transparent url('../images/bg_ww_right.gif') right bottom no-repeat;
	}
	#RedWarning #WeatherWarningButtons{
	  background-image: url('../images/bg_ww_buttons.gif');
	}
	#RedWarning #WeatherWarningLeftCap{
	  background:transparent url('../images/ww_overlay.gif') top left no-repeat;
	}
	
	#OrangeWarning{
		background:transparent url('../images/bg_ww_right_orange.gif') right bottom no-repeat;
	}
	#OrangeWarning #WeatherWarningButtons{
	  background-image: url('../images/bg_ww_buttons_orange.gif');
	}
	#OrangeWarning #WeatherWarningLeftCap{
	  background:transparent url('../images/ww_overlay_orange.gif') top left no-repeat;
	}
	
	#YellowWarning{
		background:transparent url('../images/bg_ww_right_yellow.gif') right bottom no-repeat;
	}
  #YellowWarning #WeatherWarningButtons{
	  background-image: url('../images/bg_ww_buttons_yellow.gif');
	}
	#YellowWarning #WeatherWarningLeftCap{
	  background:transparent url('../images/ww_overlay_yellow.gif') top left no-repeat;
	}