/***********************************************************
/* Current Conditions Control
/***********************************************************/

.WeatherCurrentConditions
{
	border: solid 1px #999999;
	font-weight: bold;
	font-size: 14px;
}

.WCCHead
{
	background-color: #AECCF5;
	border-bottom: solid 1px #A1C3E8;
	padding: 3px;
}

.WCCMain
{
	background-color: #5690D9;
	color: White;
	font-weight: bold;
	padding: 5px;
	height: 100px;
}

.WCCDetails
{
	border-top: solid 1px #BED6F2;
	border-bottom: solid 1px #E8F0F3;
	background-color: #AECCF5;
	background-image: url('/images/gradients/vertical/lightblue130.gif');
	padding: 7px;
	font-weight: bold;
	height: 90px;
}

/******************/

.WCCMainLeft
{
	float: left;
	text-align: right;
	width: 120px;
}

.WCCMainRight
{
	text-align: right;
}

.WCCDetailsLeft
{
	float: left;
	width: 150px;
}

.WCCDetailsRight
{
	float: right;
}

/******************/

.WCCTemp
{
	padding-top: 15px;
	font-size: 24px;
}

.WCCCondition
{
	font-size: 12px;
}

.WCCHighLow
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	padding-top: 20px;
	font-size: 11px;
}

/******************/

.WCCDetailsLeft table td
{
	padding: 0px 10px 0px 0px;
}

.WCCFC
{
	text-align: right;
}

/***********************************************************
/* Hourly Forecast
/***********************************************************/

.HourlyForecastBody
{
	background-color: #DDE5F0;
	background-image: url('/images/gradients/vertical/hourlyforecast.gif');
}

.HourlyForecastBody table,
.HourlyForecastBody table tr,
.HourlyForecastBody table tr td
{
	border-style: none;
	padding: 0;
	margin: 0;
}

.HourlyForecastHour
{
	width: 75px;
	height: 115px;
}

.HourlyForecastHour img
{
	margin: 5px 0 5px 0;
}

.HourlyForecastHour .HFHConditions
{
	padding: 5px 0 15px 0;
}

/***********************************************************
/* Local Forecast / National/World Conditions
/***********************************************************/

.YourForecastTabBox .TabBoxBody,
.YourForecastTabBox .TabContent
{
	padding-top: 0px;
}

.YourForecastTabBox table
{
	width: 100%;
}

.YourForecastTabBox .TabBoxHeader ul li.SelectedTab a,
.YourForecastTabBox .TabBoxHeader ul li.SelectedTab a:link,
.YourForecastTabBox .TabBoxHeader ul li.SelectedTab a:hover,
.YourForecastTabBox .TabBoxHeader ul li.SelectedTab a:active,
.YourForecastTabBox .TabBoxHeader ul li.SelectedTab a:visited
{
	/* Properties for selected tab */
	background-color: #5690D9;
	border-bottom: 1px solid #5690D9;
	color: #FFFFFF; 
}

.LocalForecast td,
.CityConditionsView td
{
	border-left: solid 1px #5690D9;
}

.LocalForecast td.FirstItem,
.CityConditionsView td.FirstItem
{
	border-left-style: none;
}

.LocalForecast table,
.LocalForecast table tr,
.LocalForecast table td,
.CityConditionsView table,
.CityConditionsView table tr,
.CityConditionsView table td
{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

.LocalForecast
{
	background-image: url('/images/gradients/vertical/yourforecast-local.gif');
}

.CityConditionsView tr.Body
{
	background-image: url('/images/gradients/vertical/yourforecast-cities.gif');
}

.CityConditionsView tr.Header
{
	background-color: #5492DC;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

.CityConditionsView tr.Header td
{
	padding: 5px 0 5px 0;
}

.LocalForecastDay
{
	height: 170px;
	width: 94px;
}

.CityConditionsBlock
{
	height: 150px;
	width: 94px;
}

.LFDImage
{
	padding: 3px;
}

.LFDDetails
{
	padding: 0 3px 0 3px;
}

.LFDDay
{
	margin-top: 5px;
}

.LFDCondition
{
	padding: 14px 0 14px 0;
	height: 36px;
}

.CCBImage
{
	padding: 10px 0 10px 0;
}

.CCBCondition
{
	height: 50px;
}

/***********************************************************
/* City Customization
/***********************************************************/

.CustomizeCities
{
	height: 150px;
	background-image: url('/images/gradients/vertical/yourforecast-customize.gif');
}

.CustomizeCities .NationalCities
{
	width: 150px;
}

.CustomizeCities .InternationalCities
{
	width: 130px;
}

.CustomizeCities .EditPanel
{
	width: 190px;
}

.CustomizeCities div.Header
{
	padding: 10px 0 10px 5px;
	font-weight: bold;
	color: #FFFFFF;
}

.CustomizeCities div.Body
{
	padding: 5px;
}

/***********************************************************
/* Map Viewer
/***********************************************************/

.MapViewer
{
	background-image: url('/images/gradients/vertical/weathermaps.gif');
}

.MapViewer .Map
{
	float: left;
}

.MapViewer .MapMenu
{
	height: 240px;
	margin-left: 320px;
}

.MapMenuLinks
{
	padding: 16px 2px 6px 2px;
	height: 166px;
	overflow-y: auto;
	overflow: auto;
}

.MapMenuLinks a,
.MapMenuLinks a:link,
.MapMenuLinks a:visited,
.MapMenuLinks a:active,
.MapMenuLinks a:hover
{
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
}

.MapMenuLinks a.Selected,
.MapMenuLinks a:hover
{
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #DEE6F1;
	padding-top: 3px;
	padding-bottom: 3px;
}

.MapMenuButtons div.MapEnlargeButton,
.MapMenuButtons div.MapAnimateButton
{
	padding: 3px 0 3px 6px;
	float: left;
}

.MapMenuButtons div.MoreMapsButton
{
	padding: 3px 0 3px 85px;
}

.MapMenuButtons a,
.MapMenuButtons a:link,
.MapMenuButtons a:visited,
.MapMenuButtons a:active,
.MapMenuButtons a:hover
{
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

.MapMenuButtons img
{
	vertical-align: middle;
}

/***********************************************************
/* Hurricanes
/***********************************************************/

.HurricaneList .EvenRow
{
	background-color: #EEEEEE;
}

.HurricaneList .HeadingRow
{
	background-color: #DDDDDD;
	font-weight: bold;
}

/***********************************************************
/* Hourly Detail
/***********************************************************/

.HourlyForecastDetails tr.Shaded
{
	background-color: #EEEEEE;
}

.HourlyForecastDetails tr.Heading,
.HourlyForecastDetails td.RowHeading,
.HourlyForecastDetails tr.Hours
{
	font-weight: bold;
}

.HourlyForecastDetails td
{
	text-align: center;
	width: 74px;
}

.HourlyForecastDetails td.RowHeading
{
	text-align: left;
}

/***********************************************************
/* Short Term Forecast
/***********************************************************/

.ShortTermForecast .Icon
{
	float: left;
}

.ShortTermForecast .Details
{
	margin: 1em 0 1em 85px;
}

.ShortTermForecast .Time
{
	font-weight: bold;
}



/***********************************************************
/* Long Forecast
/***********************************************************/

.LongForecast .Date
{
	font-weight: bold;
}

/***********************************************************
/* Weather Tease Control
/***********************************************************/

.WeatherTease 
{
	font-weight: bold;
	font-size: 14px;
	background-color: #5690D9;
	color: White;
	border: solid 1px #777788;
	margin-bottom: 1em;
}

.WeatherTease .WTHead
{
	background-color: #AECCF5;
	color: Black;
	padding: 3px 0.5em 3px 0.5em;
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
}

.WeatherTease .WTMainLeft
{
	float: left;
	text-align: right;
	width: 120px;
	height: 100px;
}

.WeatherTease .WTMainRight
{
	text-align: right;
	height: 100px;
}

/******************/

.WeatherTease .WTTemp
{
	padding-top: 15px;
	font-size: 24px;
}

.WeatherTease .WTCondition
{
	font-size: 12px;
}

.WeatherTease .WTHighLow
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	padding-top: 20px;
	font-size: 11px;
}

.WeatherTease .WTBottom
{
	background-color: #AECCF5;
}

.WeatherTease .WTDetails
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	padding: 5px 0 4px 5px;
	font-size: 11px;
}

.WeatherTease .WTFC
{
	text-align: right;
	padding: 4px;
	float: right;
}

.WeatherAlert table tr td
{
	border-style: none;
}

/***********************************************************
/* WeatherTease2
/***********************************************************/

div.WeatherTease2
{
	margin-bottom: 1em;
}

div.WeatherTease2 table tr td
{
	vertical-align: middle;
	padding: 2px;
}

div.WT2SearchQuickNav
{
	margin-top: 0.5em;
	height: 20px;
}

div.WeatherTease2 div.QuickNav
{
	float: right;
	height: 20px;
}

div.WeatherTease2 div.Search
{
	float: left;
	height: 20px;
}

div.WeatherTease2 select.QuickNav
{
	width: 80px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	font-size: 10px;
	font-family: Lucida Sans, Arial, Sans-Serif;
}


/***********************************************************
/* Mini City Search
/***********************************************************/

.WeatherMiniCitySearch
{
	width: 90px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}

.WeatherMiniCitySearch input
{
	width: 60px;
	height: 12px;
	font-size: 10px;
	font-family: Lucida Sans, Arial, Sans-Serif;
}

.WeatherMiniCitySearch a,
.WeatherMiniCitySearch a:link,
.WeatherMiniCitySearch a:active,
.WeatherMiniCitySearch a:visited,
.WeatherMiniCitySearch a:hover
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
}

/***************************************************************
/* Weather Alerts
/***************************************************************/

.WeatherAlerts .Title
{
	font-weight: bold;
	font-size: 16px;
}

div.Details a
{
	font-weight: bold;
}

div.Details a
{
	text-decoration: none;
}

div.Details a:hover
{
	text-decoration: underline;
}

/***************************************************************
/* Weather Alerts Details
/***************************************************************/

div.ShortText
{
	font-size: 16px;
	font-weight: bold;
}

div.Zone
{
	font-size: 16px;
	font-weight: bold;
}

div.Areas a
{
	font-weight: bold;
	text-decoration: none;
}

div.Areas a:hover
{
	text-decoration: underline;
}

div.LongText pre
{
	font-family: Lucida Console;
	font-size: 10px;
}

/***************************************************************
/* Weather Alert Icons
/***************************************************************/

div.WeatherAlerts div.Alert
{
      background-repeat: no-repeat;
      background-position: left top;
      padding-left: 100px;
      margin-bottom: 2em;
      /* min-height hack for IE */
      min-height: 80px; /* for compliant browsers */
      height: auto !important; /* tells compliant browsers to ignore next statement */
      height: 80px; /* for IE */
}

div.WeatherAlerts div.Windchill
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Windchill.jpg) no-repeat;
}

div.WeatherAlerts div.Airstagnation
{
	 background: url(/images/weather/WeatherAlertImages/Icon-AirStagnation.jpg) no-repeat;
}

div.WeatherAlerts div.Avalanche
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Avalanche.jpg) no-repeat;
}

div.WeatherAlerts div.Blizzard
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Blizzard.jpg) no-repeat;
}

div.WeatherAlerts div.Blowingsand
{
	 background: url(/images/weather/WeatherAlertImages/Icon-BlowingSand.jpg) no-repeat;
}

div.WeatherAlerts div.Coastalflood
{
	 background: url(/images/weather/WeatherAlertImages/Icon-CostalFlood.jpg) no-repeat;
}

div.WeatherAlerts div.Excessiveheat
{
	 background: url(/images/weather/WeatherAlertImages/Icon-ExcessiveHeat.jpg) no-repeat;
}

div.WeatherAlerts div.Flood
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Flood.jpg) no-repeat;
}

div.WeatherAlerts div.Fog
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Fog.jpg) no-repeat;
}

div.WeatherAlerts div.Freezeorfrost
{
	 background: url(/images/weather/WeatherAlertImages/Icon-FreezeFrost.jpg) no-repeat;
}

div.WeatherAlerts div.Hurricane
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Hurricane.jpg) no-repeat;
}

div.WeatherAlerts div.Icestorm
{
	 background: url(/images/weather/WeatherAlertImages/Icon-IceStorm.jpg) no-repeat;
}

div.WeatherAlerts div.Marine
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Marine.jpg) no-repeat;
}

div.WeatherAlerts div.Nonprecipitatingalerts
{
	 background: url(/images/weather/WeatherAlertImages/Icon-NonPrecipitatingAlerts.jpg) no-repeat;
}

div.WeatherAlerts div.Redflag
{
	 background: url(/images/weather/WeatherAlertImages/Icon-RedFlag.jpg) no-repeat;
}

div.WeatherAlerts div.Sleet
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Sleet.jpg) no-repeat;
}

div.WeatherAlerts div.Smoke
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Smoke.jpg) no-repeat;
}

div.WeatherAlerts div.Specialweatherstatement
{
	 background: url(/images/weather/WeatherAlertImages/Icon-SpecialWeatherStatement.jpg) no-repeat;
}

div.WeatherAlerts div.Thunderstorm
{
	 background: url(/images/weather/WeatherAlertImages/Icon-ThunderStorm.jpg) no-repeat;
}

div.WeatherAlerts div.Tornado
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Tornado.jpg) no-repeat;
}

div.WeatherAlerts div.Tropical
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Tropical.jpg) no-repeat;
}

div.WeatherAlerts div.Tsunami
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Tsunami.jpg) no-repeat;
}

div.WeatherAlerts div.Volcanicash
{
	 background: url(/images/weather/WeatherAlertImages/Icon-VolcanicAsh.jpg) no-repeat;
}

div.WeatherAlerts div.Wind
{
	 background: url(/images/weather/WeatherAlertImages/Icon-Wind.jpg) no-repeat;
}

div.WeatherAlerts div.Winterweather
{
	 background: url(/images/weather/WeatherAlertImages/Icon-WinterWeather.jpg) no-repeat;
}
div.WeatherAlerts div.Default
{
	 background: url(/images/weather/WeatherAlertImages/Default.jpg) no-repeat;
}

/***********************************************************
/* Weather Alert Registration
/***********************************************************/

div.AlertSelector .Check
{
	font-weight: bold;
	font-size: 12px;
}

div.AlertSelector .Field
{
	margin-top: 3px;
	margin-bottom: 1em;
}