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

  TITLE:        NBC_WEATHER.CSS
  VERSION:      0.19
  LAST UPDATED: 09/10/2009 
  UPDATED BY:   John Kamoosi
  
********************************************* */

/* @release 9-10-09 john */

/* forecast css */

.weather {
  font-family: georgia;
}

.weather select{
  font-family: georgia;
}

#weather_wrap {
  background-color: #ffffff;
  float: left;
  margin: 5px; 
  *margin: 0px;
  width: 650px;
}

.weather #graphContainer {
  float: left;
  margin: 10px 0 0 5px;
  width: 645px;
}

.weather #weather_top {
  background-color: #FFFFFF;
  float: left;
  height: 15px;
  margin: 10px 0 0 2px;
  padding: 30px 0 0;
  position: relative;
  width: 645px;
}

#weather_searchWrap {
  margin: -18px 0 0 0;
}

#weather_top #weather_location {
  
}

#weather_top #nbc_weather_current_wrp {
  
}

#weather_top #nbc_weather_current_title

/*change form*/
#weather_more_wrp {
  float: left;
}

#weather_more_wrp a {
  width: 110px;
  float: left;
  font-size: 11px;
  position: relative;
  top: 7px;
  left: 10px;
  color: #afb0af;
}

#weather_more_wrp .search_wrp {
  float: right;
  display: none;
  background-color: #fff;
  left: 0px;
  position: absolute;
  top: 8px;
}

#weather_more_wrp .search_wrp form {
  border: 1px solid #b6b2b2;
  float: left;
  padding: 1px;
  width: 500px;
  /* margin:-16px 0 0 -2px; */
}

#weather_more_wrp .search_wrp input {
  font-size: 20px;
  border: 1px solid #fff;
  font-family: georgia;
}

#weather_more_wrp .weather_search_box {
  width: 459px; *
  width: 450px;
  float: left;
  line-height: 24px;
}

#weather_more_wrp .weather_search_btn {
  float: right;
}

/*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 {
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  color:#292929;
  float:none;
  left:-2px;
  *left:-504px;
  margin:0;
  padding:1px 0 15px;
  position:absolute;
  top:-5px;
  *top:2px;
  width:502px;
  z-index:1;
}

.search_overlay 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;
}

.search_overlay a.s_overlay_link:hover {
  text-decoration: underline;
  color: #000;
  background-color: #333;
  color: #eee;
}

.weather_form_close_arrow {
  color:#B6B2B2;
  border: 1px solid;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  left: 510px;
  line-height: 8px;
  padding: 1px 2px 4px;
  position: absolute;
  top: 8px;
}

#weather_top h3 {
  font-size: 22px;
  font-weight: normal;
  color: #006699;
  float: left;
}

#weather_currentLocation {
  margin-left: 5px;
} 

#weather_top #wc_logo {
  position: absolute;
    top: -5px;
  right: 0px;
}

#weather_top .currentLocation {
  color: #006699;
  *zoom: 0 !important;
}

#weather_top #changeLoc {
  color: #999999;
  font-size: 11px;
  margin: 0px 0 0 10px;
}

#weather_top #fc {
  color: #006699;
  display: block;
  float: right;
  font-size: 18px;
  position: relative;
  top: -7px;
  right: 45px;
}

#weather_top #fc a {
  color: #006699;
}

#weather_top  #fc a.tempOff{
  color: #999999;
}

#weather_top #fc #Fswitch {
  padding: 0 5px 0 0; 
}

#weather_tabs {
  float: left;
  margin:0 0 10px 0;
  *margin: 10px 0 10px 0;
}

#weather_tabs ul {
  float: left;
  margin: 5px 0 0 5px;
}

#weather_tabs ul li {
  float: left;
  display: block;
  border: 1px solid #d5d5d5;
  border-left: 0;
}

#weather_tabs ul li a {
  display: block;
  height: 31px;
  float: left;
}

#weather_tabs #w_forecast {
  background:
    url(http://media.nbcnewyork.com/designimages/hdr_weather_forecast.gif) 0
    0 no-repeat;
  width: 124px;
}

#weather_tabs #w_maps {
  background:
    url(http://media.nbcnewyork.com/designimages/hdr_weather_maps.gif) 0 0
    no-repeat;
  width: 87px;
}

#weather_tabs #w_swa {
  background:
    url(http://media.nbcnewyork.com/designimages/hdr_weather_severe.gif) 0 0
    no-repeat;
  width: 238px;
}

#weather_tabs #w_sc {
  background:
    url(http://media.nbcnewyork.com/designimages/hdr_weather_closings.gif) 0
    0 no-repeat;
  width: 186px;
}

.weather #weather_tabs .selected {
  background-position: 0px -31px !important;
}

.weather #weather_tabs ul li a:hover {
  background-position: 0px -31px !important;
}

.weather #weather_tabs .first {
  border-left: 1px solid #d5d5d5;
}

.weather #map {
  display: block;
}

.weather #map img{
  display: block;
  position: absolute;
}

#wtab_target {
  float: left;
  height: 250px;
  margin: 0 0 0 5px;
  width: 640px;
  border-bottom: 1px dotted #999999;
}

.weather #current_tempTab {
  float: left;
  margin: 10px;
  position: absolute;
}

#temp_data {
  float: left;
  width: 320px;
}

#current_tempTab #currentImageTab {
  float: left;
}

#current_tempTab #currentTemperatureTab {
  color: #797979;
  float: left;
  font-size: 38px;
  font-weight: bold;
  left: 25px;
  position: relative;
  top: 0;
}

#current_tempTab #currentSkyConditionsTab {
  color: #797979;
  float: left;
  font-size: 18px;
  font-weight: bold;
  left: 25px;
  position: relative;
  top: 7px;
  width: 160px;
}

#current_tempTab #currentFeelTab {
  color: #999999;
  float: left;
  font-size: 11px;
  font-weight: bold;
  left: 25px;
  position: relative;
  top: 15px;
  width: 160px;
}

#current_tempTab #currentRecommedation {
  color: #999999;
  float: left;
  font-size: 11px;
  font-weight: bold;
  left: 25px;
  position: relative;
  top: 20px;
  width: 160px;
}

#current_tempTab #currentRecommedation strong {
  color: #797979;
}

.weather #weather_map_wrp {
  border: 1px solid;
  height: 200px;
  *height: 202px;
  left: 340px;
  position: relative;
  top: 5px;
  width: 300px; *
  float: right; *
  left: 3px; *
  top: -60px;
}

.weather #intRad {
  float: left;
  margin-left: 270px;
  color: #006699;
  font-size: 11px;
}

.weather .intRadLink {
  position:relative;
  left:175px;
    top:7px;
    *top: -60px;
}

.weather #intRad:hover{
  text-decoration: underline;
}

.weather #temp_techData {
  left: 10px;
  position: relative;
  top: 160px;
  width: 320px;
}

.weather #temp_techData ul {
  
}

.weather #temp_techData li {
  color: #999999;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 0 3px 0 0;
  padding: 2px 0 0;
  width: 151px;
}

#temp_techData .values {
  color: #797979;
}

.weather #weather_mid {
  float: left;
  background-color: #ffffff;
  width: 650px;
}

.weather #graph_header {
  color:#797979;
  font-weight:bold;
  margin:10px 0 0 10px;
}

.weather #temp_graph {
  margin: 0 0 0 40px;
  *margin: 0 0 0 45px;
}

.weather #temp_table {
    width:625px;
}

.weather #graph_legend{
  font-size: 10px;
  float: left;
}

.weather .temp_proj {
  
}

.weather .temp_proj td {
  font-size: 11px;
  padding: 2px 7px 4px 5px; 
  *padding: 0px 0px 0px 15px; 
  *margin-right:10px;
  white-space:nowrap;
  width: 50px;
  border: 1px;
}

.weather .temp_proj td.title {
  padding: 0;
}

.weather #weather_btm {
  width: 650px;
  margin: 5px;
  background-color: #ffffff;
}

.weather #detailed_fiveDay {
  color: #006699;
  font-size: 11px;
  margin: 20px 0 10px 5px;
  float: left; *
  float: none;
  width: 640px;
  border-bottom: 1px dotted #999999;
}

.weather #detailed_fiveDay a{
  color:#006699;
}

.weather #detailed_fiveDay a:hover{
  text-decoration: underline;
} 

#weather_first_5 {
  color:#999999;
  float:left;
  font-size:10px;
  font-weight:bold;
  width:635px;
}

.weather #fivedayforecast_wrp {
  margin: 0 0 0 3px;
}

.weather #fivedayforecast_header {
  color:#797979;
  float:left;
  font-weight:bold;
  margin:0 0 15px;
  
}

.weather .fivedayforecast {
  float: left;
  width: 125px;
  margin-right: 2px;
}

* html .weather .fivedayforecast {
  *width: 115px;
}

.weather .five_day_summary {
  float: left;
  font-size: 16px;
  margin: 0 20px 0 7px;
  color: #797979;
}

.weather #tenDayLinks {
  border-bottom:1px dotted #999999;
  color:#006699;
  float:left;
  font-size:11px;
  margin:20px 0 10px 0;
  width:635px;
}

.weather #tenDayLinks a {
  color:#006699;
  margin: 0 15px 0 0;
}

.weather #tenDayLinks a:hover {
  text-decoration: underline;
}

.weather #condition {
  font-size: 10px;
  margin: 2px 30px 0 7px;
}

.weather .humidity {
  float: left;
  margin: 7px 7px 0px 7px; *
  margin: 7px 3px 0px 3px;
}

.weather .humidity b {
  color: #797979;
}

.weather .description {
  float: left;
  font-size: 10px;
  font-weight: normal;
  margin: 7px; *
  margin: 3px;
}

.weather .weather_next_5_day {
  width: 125px;
}

.weather .weather_next_5_day h4{
  float: right;
}

.weather .weather_next_5_day_icon {
  float: left;
}

.weather .forecast_icon img{
  float: left;  
} 

.weather .weather_next_5_day_day{
  color: #999999;
  float: left;
  font-size: 11px;
  margin: 5px; *
  margin: 0 0px 0 0;
}

/* maps css */

.weather #weather_maps_map_wrp {
  border:1px solid;
  height:480px;
  left:5px;
  position:relative;
  top:10px;
  width:640px;
}

.weather #weather_map_lrg {
  width: 640px;
  height: 480px;
}

.weather #maps_map {
  
}

.weather #dropdown {
  margin:75px 5px 0px 5px;
  *margin-top:45px;
} 


/* school closing css */

.weather #schoolForecast {
  background: #eaf2f7; 
  width:642px;
  height: 200px;
  float:left;
  margin: 5px;
  *margin-right: -3px;
}

.weather #schoolForecast h3{
    margin:  40px 0px 40px 220px;
}

.weather #schoolOpen{
  width: 415px; 
  margin-top: -30px; 
  margin-left: 130px;
}

.weather #schoolOpen a{
  color:#006699;  
} 

/* right rail css */

.weather #rightRail {
  float:right;
  margin-left:10px;
  padding:23px 0 0 0;
  width:300px;
}

#weather_signup_rr {
  margin:-18px 5px 10px 0;
}

.weather #ad_rr_1 {
  margin:5px 2px 10px 0;
  float:left;
}


.weather #rightRail h5 a{
  color: #006699; 
} 

.weather #rightRail .signUp{
  background:transparent url(http://media.nbclocalmedia.com/designimages/sign_up_weather.gif) no-repeat scroll 0 0;
  display:block;
  height:70px;
  width:299px;
}

.weather #rightRail .signUp:hover{
  background-position: 0px -70px !important;
}


/* weather stories */

.weather #weatherStories {
  margin: 5px 0px 0px -4px;
}

#weatherStories {
  margin:5px 0;
  width:310px;
}

#weatherStories .story {
  padding:10px;
  width:290px;
}

#weatherStories .story .category {
  padding-left:44px;
}

.weather #weatherStories .story .category a { 
background:transparent url(http://media.nbclocalmedia.com/designimages/cat_weather.gif) no-repeat scroll 0 3px !important;
height:15px !important;
width:43px !important;  
}

#weatherStories .summary {
  font: normal 13px/18px Georgia, serif;
}

#weather #offleads .summary {
  font: normal 13px/18px Georgia, serif;
}

#weatherStories .summary a{
  color: #666666;
}

#weatherStories h2 {
background:transparent url('http://media.nbcnewyork.com/designimages/hdr_weather_stories_3.gif') no-repeat scroll 50% 15px;
display:block;
height:45px;
text-align:center;
}

#weatherStories h2 span {
display:none;
}

.weather #rightRail #offleads, .weather #rightRail #dontMiss {
  margin-left:-6px;
  background: none !important;
  padding-top: 0px !important;
}     

.weather #weather_stories_header {
  display:block;
  margin:13px 0 0 18px;
}

/* weasther module css */

#weatherMod {
background:transparent url(http://media.nbclocalmedia.com/designimages/weather_center.gif) repeat-x scroll 0 0;
float:left;
height:90px;
width: 250px;
overflow:hidden;
}

#weatherMod #weather_icon {
left:2px;
*left: -105px;
position:relative;
top:16px;
width:32px;
}

#weatherMod #weather_icon #weatherModIcon{

}

#weatherMod #current_temp {
font-family:georgia;
font-size:34px;
position:relative;
left:39px;
*left:-70px;
top:-27px;
*top:-30px;
width:20px;
}

#weatherMod #f {
display:block;
font-size:14px;
font-weight:bold;
left:45px;
position:relative;
top:-31px;
}

#weatherMod #location {
font-family:helvetica;
font-size:11px;
font-weight:bold;
left:125px;
*left:71px;
overflow:hidden;
position:relative;
text-transform:uppercase;
text-align: left;
top:-73px;
white-space:nowrap;
width:123px;
}

#weatherMod #high_low {
font-family:helvetica;
font-size:11px;
font-weight:bold;
left:115px;
*left:59px;
position:relative;
text-transform:uppercase;
width:120px;
top:-67px;
*top:-73px;
}

#weatherMod #traffic_selector {
font-family:helvetica;
font-size:11px;
font-weight:bold;
height:20px;
position:relative;
left:0px;
top:12px;
width:250px;
}

* html #weatherMod #traffic_selector {
top: -58px;
left: -14px;
}

#weatherMod #traffic_in{
display:inline;
left:5px;
position:relative;
top:8px;
}

#weatherMod #traffic_selector select{
border:1px solid #DDDDDD;
font-family:georgia;
font-size:11px;
}

#weatherMod #traffic_go{
left:188px;
position:relative;
top:-8px;
width:20px;
}

#header #userTools {
background: none;
width:260px;
height:88px;
position:absolute;
right:3px;
top:0px;
}

#weatherMod_left {
background: url('http://media.nbcnewyork.com/designimages/weather_corner_left.gif') no-repeat top left;
width:5px;
height:89px;
float:left;
}

#weatherMod_right {
background: url('http://media.nbcnewyork.com/designimages/weather_corner_right.gif') no-repeat top right;
width:5px;
height:89px;
float:right;
}

#weatherMod a{
color:#000000;
cursor:pointer;
display:block;
height:55px;
width:218px;
}


#weatherMod #wlink a{
background: none transparent;
}

#weatherMod #wlink a:hover{
text-decoration: none;
}

/* severe map css */

#severe_map_wrap{
margin:0 0 0 6px;
/* background: url('http://media.nbcnewyork.com/designimages/severe-weather-map-loading.gif') no-repeat 50% 50%; */
} 

* html #severe_map {
margin:0 0 0 12px;    
}