﻿
#WeatherWidget
{
    /*/width:380px;*/
    width: 99%;
}

.widgetLeft
{
    /*float: left;
    width: 175px;
	margin-top: 20px;*/

    float: left;
    width: 45%;
    margin-top: 20px;
}

.widgetRight
{
    /*width:200px;
    margin-top: 20px;
    float: right;
    background: url(gb-expirience-vertical-heading.gif) repeat-y;
    background-position: top left;
    text-align:center;*/


    width: 55%;
    margin-top: 20px;
    float: right;
    background: url(gb-expirience-vertical-heading.gif) repeat-y;
    background-position: top left;
    text-align: center;
}

.weatherIcon
{
    width:100%;
    text-align:center;

}

.widgetRight img
{
	border:none !important;

}

.clear
{
    clear:both;
}


.horizontalSpacer
{
      background: url(bg-section-box-heading.gif) repeat-x;  
      /*width:145px; */
	width:90%;  
}

.verticalSpacer
{
      background: url(gb-expirience-vertical-heading.gif) repeat-y;
      height:195px;
}

#weatherOtherOptions
{
    width:100%;
}

.weatherExtendedForecast
{
    float:left;
    width:50%;
}

.weatherExtendedForecast a
{
    color: white !important;
    background-color: #526BB1;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;	
}

.weatherDriving
{
    width: 50%;
    float: right;

}
.weatherDriving a:link, 
.weatherDriving a:hover, 
.weatherDriving a:visited
{
  background: #AF4E42 url(car.png) no-repeat;
  background-position: 10px !important;


    border-radius: 5px;
    padding: 10px 10px 10px 45px;
	color: white !important;
}

/*#526BB1*/
/*#AF4E42*/

.weatherCurrentTime
{
	font-size:12px;
	height:40px;
}

#wct
{
	font-size:24px;
	margin: auto !important;
}
.weatherCurrentTime span
{
	  position: relative;
  margin: auto;
  top: -15px;
  left: 80px;
  float: left;
}

.HighLabel
{
    width: 90%;
    text-align: right;
}

.HighLabel span
{
	font-size:24px;
}

.LowLabel
{
    width: 90%;
    text-align: right;
}

.LowLabel span
{
	font-size:24px;
}

@media only screen and (max-width: 1000px)
{

.weatherDriving
{
    width: 60%;
    float: right;
	margin-top:-18px;

}


}





