#appWeather{
width: 60px; 
background-repeat: no-repeat;
background-size: 45%;
background-position: right center;
}

#appWeatherText{
margin-top: 2px;
}

#Weather{
position: absolute;
margin-top: 100px;
z-index: 1000;
display: none;
background: #222;
padding: 5px 3px 5px 5px;
color: #fff;
}

#weatherTop{
height: 170px;
width: 593px;	
background: #3e3e3e;
}

#wtLeft{
float: left;
height: 200px;
width: 296px;
}

#wtCityName{
position: absolute;
margin-left: 20px;
margin-top: 10px;
font-size: 2em;	
}

#wtDate{
position: absolute;	
margin-left: 22px;
margin-top: 45px;
font-size: 0.9em;	
}

#wtImage{
position: absolute;	
margin-left: 20px;
margin-top: 80px;
height:66px;
width: 80px; 
background-repeat: no-repeat;
background-position: center center;
}

#wtTemp{
position: absolute;	
margin-left: 110px;
margin-top: 90px;
font-size: 2.5em;	
}


#wtRight{
float: right;
height: 200px;
width: 250px;
font-size: 0.9em;
}

#wtSun{
margin-top: 20px;	
}

#wtSunrise{
background-image: url('../img/weather/Mostly Sunny.png');	
}

#wtSunset{
background-image: url('../img/weather/night/Clear Night.png');	
}


#wtSunrise, #wtSunset{
width: 15px;
height: 18px;	
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;	
}

#wtSunriseValue, #wtSunsetValue{
margin-left: 25px;
margin-top: -16px;	
}

#wtSunset{
margin-top: 5px;	
}

#wtMoon{
position: absolute;
margin-left: 142px;
margin-top: -37px;	
width: 34px;
height: 34px;	
background-image: url('../img/weather/moon/11.png');
background-repeat: no-repeat;
background-size: 100%;
background-position: left center;
}

#wtPrecipitation{
margin-top: 10px;
}

#wtWind{
margin-top: 10px;	
}

#wtWindDirImage{
position: absolute;
margin-left: 140px !important;
margin-top: -30px !important;
width: 40px;
height: 40px;	
background-image: url('../img/weather/windarrow.png');
background-repeat: no-repeat;
background-size: 100%;
background-position: left center;	
}

#weatherMid{
height: 185px;
width: 593px;	
}

#weatherMidGraphButtons{
height: 25px;
line-height: 25px;
width: 593px;
padding-top: 5px;
}

#weatherMidGraph{
height: 114px;
width: 593px;
background: #3e3e3e;
margin-top: 5px;		
}

.graphBox{
float: left;
height: 114px;
width: 74px;
}

.graphBoxValue{
width: 74px;
height: 29px;
line-height: 29px;
text-align: center;	
}

.graphColorTemp,.graphColorPrec,.graphColorWind{
width: 50px;
height: 85px;
margin-left: 12px;
}

.graphColorTemp{
background: #f22e39;
}

.graphColorPrec{
background: #81cdff;
}

.graphColorWind{
background: #fff;
}

.graphRepaint{
width: 50px;
background: #3e3e3e;	
}

#weatherMidHours{
height: 25px;
line-height: 25px;
width: 593px;
padding: 5px 0px 0px 1px;	
}

.weatherHourBox, .wmg_buttons{
text-align: center;	
float: left;
width: 72px;
height: 25px;
border-right: #222 2px solid;
background: #3e3e3e;
}

.wmg_buttons{
width: 196px;	
}

.wmg_buttons.graphSelected{
background: #6f6f6f;		
}

#wmgb2{
border-right: 0px;
width: 197px;
}

.weatherHourBox:hover,.wmg_buttons:hover{
cursor: hand;
cursor: pointer;
background: #6f6f6f;	
}

.weatherHourBox.hourSelected{
background: #6f6f6f;	
}

#weatherBot{
height: 100px;
width: 595px;	
background: #555;	
}

.weatherDayBox{
font-size: 1em;
float:left;
width: 83px;
height:100px;
background: #3e3e3e;
border-right: #222 2px solid;
text-align: center;
}

.weatherDayBox:hover{
cursor: hand;
cursor: pointer;
background: #6f6f6f;	
}

.weatherDayBox.daySelected{
background: #6f6f6f;	
}

.wdbDay{
margin-top: 7px;	
}

.wdbImg{
margin-top: 10px;
width: 83px;
height: 35px;
background-repeat: no-repeat;
background-size: 45%;
background-position: center top;	
}

.wdbImg.Rain{
background: url('../img/weather/Rain.png'); 
background-repeat: no-repeat;
background-size: 45%;
background-position: center center;
}

.wdbTemp{
margin-top: 5px;	
}

.tempMax{
color: #ff1212;	
}

.tempMin{
color: #81cdff;	
}