/* 
  TITLE:        nbc_weather.css
  VERSION:      1.105
  LAST UPDATED: 11/04/2008 
  UPDATED BY:   Toby Spinks


/*NBC WEATHER STYLES*/

/*body tag background*/
.fairDay {background:#92DAFD url(bg_body_fair_day.jpg) no-repeat scroll center top;}
.fairNight {background:#294873 url(bg_body_fair_night.jpg) no-repeat scroll center top;}
.cloudyDay {background:#5EB4E5 url(bg_body_cloudy_day.jpg) no-repeat scroll center top;}
.cloudyNight {background:#2E4E66 url(bg_body_cloudy_night.jpg) no-repeat scroll center top;}
.rainDay {background:#A3B3C9 url(bg_body_rain_day.jpg) no-repeat scroll center top;}
.rainNight {background:#2E4D66 url(bg_body_rain_night.jpg) no-repeat scroll center top;}
.sleetDay {background:#CBDDEB url(bg_body_sleet_day.jpg) no-repeat scroll center top;}
.sleetNight {background:#2E4C66 url(bg_body_sleet_night.jpg) no-repeat scroll center top;}
.snowDay {background:#E0E9EF url(bg_body_snow_day.jpg) no-repeat scroll center top;}
.snowNight {background:#2E4D66 url(bg_body_snow_night.jpg) no-repeat scroll center top;}
.thunderDay {background:#6C90B9 url(bg_body_thunder_day.jpg) no-repeat scroll center top;}
.thunderNight {background:#525E6D url(bg_body_thunder_night.jpg) no-repeat scroll center top;}
.fogDay {background:#98AEC8 url(bg_body_fog_day.jpg) no-repeat scroll center top;}
.fogNight {background:#2E4D66 url(bg_body_fog_night.jpg) no-repeat scroll center top;}
.smokeDay {background:#CBDDEB url(bg_body_smoke_day.jpg) no-repeat scroll center top;}
.smokeNight {background:#2E4C66 url(bg_body_smoke_night.jpg) no-repeat scroll center top;}
.overcastDay {background:#9BB9D1 url(bg_body_overcast_day.jpg) no-repeat scroll center top;}
.overcastNight {background:#2E4C66 url(bg_body_overcast_night.jpg) no-repeat scroll center top;}

/*fivedayforecast*/
#fivedayforecast_wrp .embedbody { height:auto;}
#fivedayforecast_wrp{ margin-right:10px; /*to be removed*/}
#fivedayforecast_wrp .fivedayforecast{ float:left; width: 131px; border-right: 1px dotted #4884bc; padding-bottom:15px; cursor:pointer;}
#fivedayforecast_wrp .weather_lastday {border-right: 1px dotted #fff;}
#fivedayforecast_wrp .fivedayforecast h4{ font-size:16px; color:#696969; margin:5px 15px 3px 15px; font-weight: bold; }
span.weather_hint{position:relative; top:5px; left:10px; font-size:10px; color:#041c32;}
#fivedayforecast_wrp .fivedayforecast p{ margin:0 15px; color:#696969;}
#fivedayforecast_wrp .fivedayforecast img{ margin-left:6px;}
#fivedayforecast_wrp .embedheader .next_five_days { float:right; color:#7A7A7A; position:relative; top: 8px;}
#fivedayforecast_wrp .embedbody{padding:15px 0px 5px 5px}
#fivedayforecast_wrp .fivedayforecast .forecast{font-weight:bold; height:35px; margin-top:5px;}
#fivedayforecast_wrp .fivedayforecast .humidity{font-size:11px;  line-height:140%;}
#fivedayforecast_wrp .weather_today h4, #fivedayforecast_wrp .weather_today p { color:#333;}
#fivedayforecast_wrp .weather_today{ background:transparent url(nbc_weather_current_day.gif) repeat-x  bottom; border-right: 1px solid #fff;}
#weather_next_5{display:none;}

/*top module*/
#nbc_weather_current_wrp{ border:1px solid #e5e6e4; padding:5px; margin-right:10px; /*to be removed*/ margin-bottom:10px;
background:transparent url(nbc_weather_temp2.gif) repeat-x  bottom;}
#nbc_weather_current_title{border-bottom:1px solid #e5e6e4; padding:10px; margin-bottom:10px;}
#nbc_weather_current_title h3{ float:left; font-size:25px; font-weight:bold; color:#696969; line-height:26px;}
#nbc_weather_current_wrp #nbc_weather_current_title p{ float:right; width:68px; position:relative; top:7px;}
#nbc_weather_current_wrp #nbc_weather_current_title p a.far{border-right: 1px dotted #999; padding-right:10px; font-size:18px; line-height:18px; color:#999; text-decoration:none; width:20px; display:block; float:left; font-weight:bold;}
#nbc_weather_current_wrp #nbc_weather_current_title p a.cel{ margin-left:10px; font-size:18px; line-height:18px; color:#999; text-decoration:none; width:20px; display:block; float:left; font-weight:bold;}
#nbc_weather_current_wrp #nbc_weather_current_title p a.current{color:#414040}
#current_conditions_wrp{ float:left; width:330px;}
#weather_map_wrp{ float:right; width: 310px;height:221px;}
#current_tep_wrp img{ float:left;}
#current_teps{float:right; width:200px; margin-top:20px; position:relative; left:15px;}
#current_teps .currentTemperature{ line-height:48px; display:block;display: inline; height: auto;width:auto; font-size:40px;color:#444 }
#current_teps .currentSkyConditions, #current_teps .currentFeel{font-size:11px; display:block; width:90px;}
#current_wind_wrp{border-bottom:1px solid #e5e6e4; margin-bottom:10px; padding:10px;}
#current_wind_wrp .currentWindDirection{border-right:1px solid #e5e6e4; display:block; float:left;  margin-right:10px; padding-right: 10px;}
#current_wind_wrp .currentHumidity{
border-right:1px solid #e5e6e4; display:block; float:left;
margin-right:10px; padding-right: 10px; display:block; display: inline; border:none;}
#current_conditions_wrp p{ color:#696969; margin:10px; line-height:130%;}
#current_conditions_wrp a{ color:#333; font-weight: bold;}
#nbc_weather_current_wrp, #nbc_weather_severe_main_wrp{margin-top:5px;}

/*search form home page style*/
#nbc_weather_embed_wrp .search_overlay{margin-top:1px; width:150px;}
#nbc_weather_embed_wrp .search_overlay p{padding:1px; border:1px solid #fff;}
#nbc_weather_embed_wrp .search_wrp{width:115px; float:right; position:relative; z-index:100;}
#nbc_weather_embed_wrp .search_wrp input {font-size:9px; border:1px solid #fff; padding-left:5px;}
#nbc_weather_embed_wrp .weather_search_box{width:75px; float:left;}
#nbc_weather_embed_wrp .weather_search_btn{float:right;}
#nbc_weather_embed_wrp{ background:#fff url(article1.jpg) no-repeat -2px -2px; margin:0px; padding:10px; height:185px;}
* html #nbc_weather_embed_wrp { /*background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://media.nbcnewyork.com/designimages/nbc_weather_embeded_bc.png',sizingMethod='scale');*/ }
#nbc_weather_embed_wrp h4 a{ font-weight: normal; font-size:16px; color:#444; line-height:20px; text-decoration:none; font-weight:700;}
#nbc_weather_embed_wrp a{color:#665a67;}
#nbc_weather_embed_wrp .weather_embed_left_wrp{ float:left; width:155px; margin-top: 10px;}
#nbc_weather_embed_wrp .weather_embed_right_wrp{ float:right; width:120px;  margin-top: 10px;}
#nbc_weather_embed_wrp #current_weather{float:left; width:80px;}
#nbc_weather_embed_wrp #current_teps{float:right; width:65px; margin:0; position:static;}
#siteContainer #nbc_weather_embed_wrp .currentTemperature{font-size:30px; line-height:30px;}
#siteContainer #nbc_weather_embed_wrp .current_currently{font-size: 12px; display: block; margin-top:5px;}
#current_weather .temp_hight, #current_weather .temp_low{ float:left; width:30px; text-align:center; font-weight:bold; color:#5f717c; font-size:14px;}
#current_weather .temp_hight{color:#ECA154;}

/*next day*/
.weather_embed_right_wrp .weather_next_day{width:60px; float:left;text-align:center;}
.weather_embed_right_wrp .weather_next_day p{text-align:left; margin-left:10px; font-weight:bold;}
.weather_embed_right_wrp .weather_next_day .temp_hight, .weather_embed_right_wrp .weather_next_day .temp_low{float:left; width:30px; text-align:center; font-size:12px; font-weight:bold; color:#eca154;}
.weather_embed_right_wrp .weather_next_day .temp_low{color:#64747d;}
#weather_graph_wrp{ margin-top:10px;}

/*change form*/
#weather_more_wrp{ width:220px;  float:left;}
#weather_more_wrp a {width:60px; float:left; font-size:11px; position:relative; top:7px; left:10px; color:#afb0af; text-transform:uppercase;}
#weather_more_wrp .search_wrp { width:150px; float:right; display:none;}
#weather_more_wrp .search_wrp form { border:1px solid #b6b2b2; float:right; padding:1px; width:145px; position:absolute;}
#weather_more_wrp .search_wrp input { font-size:9px; border:1px solid #fff;}
#weather_more_wrp .weather_search_box { width:105px; float:left;}
#weather_more_wrp .weather_search_btn { float:right;}

/*severe weather*/
#nbc_weather_severe_main_wrp{ margin-right:10px; /*to be deleted*/}
#nbc_weather_severe_main_wrp #nbc_weather_current_title {border:1px solid #E5E6E4;margin-bottom:10px;padding:10px 15px;}
#nbc_weather_severe_main_wrp .embedbody { padding:5px; height:auto; }
#nbc_weather_severe_main_wrp .embedbox {margin-bottom:5px;}
#nbc_weather_severe_main_wrp .embedbody p {line-height:18px;}
#nbc_weather_severe_main_wrp p.weather_severe_item {color:#333;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:16px;font-weight: bold;margin:0;padding:5px 5px 5px 25px;
background:#dcdfdc url(ico_arrow_green_left.gif) no-repeat 5px center; 
}
#nbc_weather_severe_main_wrp p.alt { background-color:#fff;}
.weather_severe_message_wrp{ padding:5px 10px 20px 10px; border-bottom:1px solid #dcdfdc; margin-top:5px; margin-bottom:20px;}
#nbc_weather_severe_main_wrp h5 { font-size:16px; font-weight:bold; color:#e70a0a; margin-bottom:10px;margin-top:10px;}

#weather_severe_radar_wrp{ float:left; width:330px; text-align:center;}

#weather_severe_radar_wrp .embedbody {height:220px;}
#weather_severe_traffic_wrp .embedbody {height:220px;}

#weather_severe_traffic_wrp{ float:right; width:330px;}
#weather_severe_radar_wrp .embedbody div, #weather_severe_traffic_wrp .embedbody div{margin:10px 0 10px 10px;}
#weather_severe_radar_wrp .embedbody div a{ display:block;}

/*severe alert*/
.weather_severe_alert {background-color:#ec7600; font-size:12px; padding:10px; margin:2px 0px 5px 0; line-height:5px; height: 5px;}

#weather .weather_severe_alert {background-color: #ec7600;}
#weather .weather_severe_alert a {color: #fff;}


.weather_severe_alert a:link, .weather_severe_alert a:visited  {color:#fff; text-decoration:none;}
.weather_severe_alert a:hover, .weather_severe_alert a:active {text-decoration:underline; color:#fff;}

.embedbox .weather_severe_alert {margin:0; padding:10px;}
.weather_severe_alert strong { text-transform:uppercase; font-weight:normal;}
#nbc_weather_severe_main_wrp h5 { font-size:16px; font-weight:bold; color:#e70a0a; margin-bottom:10px;margin-top:10px;}
#weather_severe_radar_wrp{ float:left; width:330px;}
#weather_severe_traffic_wrp{ float:right; width:330px;}
#fivedayforecast_wrp .embedheader h3{float:left;}
#weather_map_wrp a {display:block; height:221px;}
#fivedayforecast_wrp{margin-bottom:10px;}
#todayConditions_wrp{ margin-right:10px;}

/*tooltip*/
.search_overlay{position:absolute; margin-top:20px; width:145px; background-color:#eee; color:#000; display:block;}
#nbc_weather_current_wrp #nbc_weather_current_title .search_overlay p {  padding:1px; border:1px solid #ccc; margin:0; float:none; width:auto; position: static; top:0; left:0;}
#siteContainer a.s_overlay_link {display:block; float: none;font-size:11px;font-weight: normal;text-decoration:none;width: auto; color:#333;display:block; padding:5px 10px; position:static;}
#siteContainer a.s_overlay_link:hover {text-decoration: underline; color:#000; background-color: #333; color:#eee;}