/* Weather page CSS  */

.weatherDetails {
background-image:url(../images/weather/weather-bg.gif);
background-repeat:no-repeat;
width:322px;
height:180px;
padding:15px 15px 15px 15px;
}


.weatherGraphs {
width:465px;
}

.ChartBackground {
background-image:url(../images/weather/weather-chart-bg.gif);
background-repeat:no-repeat;
width:465px;
height:245px;
margin-left:40px;
}

h5 {
text-align:center;
color:#1e3a71;
padding:10px 0px 10px 0px;
}


.GraphsPictures {
margin-left:69px;
margin-bottom:9px;
}


.WeaatherButtons {
margin-left:32px;
}

.selectTime  {
margin-left:17px;
margin-top:60px;
}


.WeaatherButtons ul, .selectTime ul {
display:inline;
margin:0px;
padding:0px;
}

.WeaatherButtons ul li, .selectTime ul li {
float:left;
list-style:none;
font-weight:bold;
letter-spacing:-1px;
}

.WeaatherButtons a {
padding-top:5px;
}

.WeaatherButtons a:hover {
color:#000000;
}

.WindSpeed a, .WindDirection a, .outsideTeprature a, .WindSpeedCurrent a, .WindDirectionCurrent a, .outsideTepratureCurrent a {
display:block;
width:109px;
height:23px;
text-align:center;
}

.WindSpeed a:hover {
background-image:url(../images/weather/wind-speed.gif);
}

.WindSpeedCurrent a {
background-image:url(../images/weather/wind-speed.gif);
color:#000000;
}

.WindDirection a, .WindDirectionCurrent a {
width:142px;
}

.WindDirection a:hover {
background-image:url(../images/weather/wind-direction.gif);
}

.WindDirectionCurrent a {
color:#000000;
background-image:url(../images/weather/wind-direction.gif);
}



.outsideTeprature a, .outsideTepratureCurrent a {
width:147px;
}

.outsideTeprature a:hover {
background-image:url(../images/weather/outside-temprature.gif);
}

.outsideTepratureCurrent a {
background-image:url(../images/weather/outside-temprature.gif);
color:#000000;
}


.weatherLeftArrow a, .weatherRightArrow a , .weatherLeftArrowDisabled a , .weatherRightArrowDisabled a {
display:block;
width:73px;
height:67px;
background-image:url(../images/weather/weather-left-arrow.gif);
background-repeat:no-repeat;
}

.weatherLeftArrowDisabled a {
background-image:url(../images/weather/weather-dark-icon-left.gif);
}

.weatherRightArrowDisabled a {
background-image:url(../images/weather/weather-dark-icon-right.gif);
}

.weatherLeftArrow a:hover {
background-image:url(../images/weather/weather-left-arrow-over.gif);
}

.weatherRightArrow a {
background-image:url(../images/weather/weather-right-arrow.gif);
}

.weatherRightArrow a:hover {
background-image:url(../images/weather/weather-right-arrow-over.gif);
}

.weatherTime {
width:283px;
height:47px;
background-image:url(../images/weather/select-time-slice.gif);
background-repeat:repeat-x;
text-align:center;
padding-top:20px;
font-size:22px;
}

.verticalSpacer
{
    height: 3px;
}