﻿.tab-post-weather 
{
  font-size: 80%;
  position: relative;
  left: 0px;
  margin: -20px -10px -10px !important;
  background-color: #fff;
}
.tab-post-weather .weather-period
 { 
  position: inherit;
  left: 0px;
 }
 
.tab-post-weather .title,
 .weather-period .label
 {
    color:#000;
    font-weight:bold;
 }
  
.tab-post-weather .title
 { 
    background-color:#FFFFE0;
    font-size:16px;
    width:500px;
    font-size:11px;
    padding:8px;
    padding-left:10px;
    margin-top:15px;
    height:15px;
    
 }
.tab-post-weather div.title,
.tab-post-weather .title td
 {
    text-align:left;
 }
 .tab-post-weather .weather-period table
 {
    border-bottom:1px solid #EDF8FF;
    border-left:1px solid #EDF8FF; 
 }
 .tab-post-weather .weather-period tr.even
 {
   background-color:#fff;
 }

 .tab-post-weather .weather-period td 
 {
   text-align:center;
   padding:2px;
   border-top: solid 1px #EDF8FF; 
   border-right: solid 1px #EDF8FF; 
   background-color:#FFFFF0;
 }
  
.tab-post-weather .weather-period tr.odd td
 {
   background-color:#fff;
 } 
  
 .tab-post-weather .weather-period td.summary
 {
    border-right:none;
    background:#fff;
 } 
  
 .tab-post-weather .weather-period td.label
 {
   text-align:left;   
    background:#fff;
 }  
 
 /* 
  * To fix html validation errors, id tr-summary has been replaced by class tr-summary.
  * See SWPF-55, SWPF-70
  */
 .tab-post-weather .weather-period tr.tr-summary > td:last-child
 {
	border-right: 1px solid #EDF8FF;
 }
 
 .tab-post-weather .weather-period .symbol
 { 
   margin:auto;
   height:75px;
   width:82px;
  } 
  
    
  .tab-post-weather div.not-available
  {
	padding:7px;
	border:1px solid #EDF8FF;
	border-top:none;
	width:500px;
	background-color:#fff;
  }
  
  .tab-post-weather .weather-period .cloudy,
  .weather-promo .cloudy
  {
     background: transparent url(../images/weathersymbols/cloudy.png) no-repeat center center;
     width:60px;    
  }
  
  .tab-post-weather .weather-period .fog,
  .weather-promo .fog
  {
     background: transparent url(../images/weathersymbols/fog.png) no-repeat center center;
     width:60px;
  }
  
  .tab-post-weather .weather-period .lightning,
  .weather-promo .lightning
  {
     background: transparent url(../images/weathersymbols/lightning.png) no-repeat center center;
     width:60px;
     
  }
  
  .tab-post-weather .weather-period .partly_cloudy,
  .weather-promo .partly_cloudy
  {
     background: transparent url(../images/weathersymbols/partly_cloudy.png) no-repeat center center;      
     width:60px;
  }
  
  .tab-post-weather .weather-period .rain,
  .weather-promo .rain
  {
     background: transparent url(../images/weathersymbols/rain.png) no-repeat center center; 
     width:60px;
  }
  
  .tab-post-weather .weather-period .snow,
  .weather-promo .snow
  {
     background: transparent url(../images/weathersymbols/snow.png) no-repeat center center;
     width:60px;
  }
  
  .tab-post-weather .weather-period .sunshine,
  .weather-promo .sunshine,
  .symbol .sunshine
  {    
     background: transparent url(../images/weathersymbols/sunshine.png) no-repeat center center;
     width:60px;
  }
  
  .weather-promo .symbol
  {
	height: 62px;
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
  }
  
  .weather-promo .temp
  {
    color: #FF2200;
	font-size: 24px;
	text-align:center;
	margin-top: 0;
  }
  
  .weather-promo .avgtemp 
  {
      margin-top: 1em;
      text-align: center;
  }
  
  div.weather-promo-tomorrow
  {
	color: #660033;
	text-align:center;
  }
  
   div.regular
   {
	 font-weight:bold;
	 margin-top:10px;
   }