body { font-family: "helvetica"; margin: 0; }

.flip {
	position:absolute;
	top: 20px;
	right: 15px;
	width:13px;
	height:13px;
}

#flip {
	opacity:0;
	background: url(Images/ibutton/white_i.png) no-repeat top left;
	z-index:8000;
}

#fliprollie {
	display:none;
	opacity:0.25;
	background: url(Images/ibutton/white_rollie.png) no-repeat top left;
	z-index:7999;

}
.LINK:hover { opacity: 0.5; cursor: hand; }
#front { display: block; } 
#back { display: none; } 


#WIDGET { position:absolute; z-index:100; width:210px; }
#BACKGROUNDIMAGE { position: absolute; top: 0px; left: 0px; }
#BACKGROUNDIMAGEREVERSE { position: absolute; top: 0px; left: 0px; }

#LOCATION {
	font: 22px "helvetica";
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 210px;
	font-weight: bold;
	text-shadow:2px 2px 2px #000000;
	text-transform: capitalize;
	font-variant: small-caps;
}

#WEATHER_IMAGE { position: absolute; top: 52px; left: 20px;  }
#WARNING0 { position: absolute; top: 71px; right: 40px; }
#WARNING1 { position: absolute; top: 71px; right: 12px; }
#WARNING2 { position: absolute; top: 91px; right: 40px; }
#WARNING3 { position: absolute; top: 91px; right: 12px; }

.CURRENT_FORECAST_IMG { position:absolute; left:0px; margin-top:14px; height:30px; width:30px; border:1px solid #000000; cursor:hand;}
.WARNING_IMAGE { cursor:hand; width:25px; height:16px;}

#TEMPERATURE_HOLDER {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 44px;
	width: 95px;
	height:80px;
}

#TEMPERATURE {
	position: absolute;
	top: 0px;
	width: 95px;
	text-align: center;
	font: 65px "helvetica";
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
	text-shadow:2px 2px 2px #000000
}

#TEMPERATURE_SYMBOL {
	position:absolute;
	top:0px;
	left:75px;
	font: 36px "helvetica";
	color: #FFFFFF;
	text-shadow:2px 2px 2px #000000
}

#TODAY_DAY { font-size: 12px; font-variant: small-caps; }
#TODAY { position: absolute; top: 50px; left:155px; color:#FFFFFF; font-weight: bold; font-size:12px;}


#WEATHER {
	position: absolute;
	font-size: 12px;
	top: 112px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 170px;
	color:#FFFFFF;
	font-weight: bold;
}

#EXTENDED_WIDGET {
	display:none;
	position: absolute;
	width:210px;
	z-index:1;
	background-image:url('Images/Extension.png');
	padding-top:6px;
	top: 128px;
	left:0px;
	background-repeat: no-repeat;
}

#EXTENDED_WIDGET2 {
	display:none;
	position: absolute;
	width:210px;
	z-index:2;
	background-image:url('Images/Extension2.png');
	padding-top:6px;
	top: 196px;
	left:0px;
	background-repeat: no-repeat;
}

#RADAR_IMAGE {
padding:14px 15px 16px 15px;
background-image:url('Images/radar_loading.gif');
background-repeat:no-repeat;
background-position:center; 
}

#FORECAST_LIST{
	width:210px;
	margin:0px;
	padding:0px;
	margin-top:10px;
	list-style:none;
	margin-left:2px;
	
}

#FORECAST_LIST li { display:inline-block; width:28px; }
.EXTENSION { position:relative; height:75px; font-size: 10px;  padding:0px; }
.DATE_FORECAST { position:absolute; top:1px;  left:9px; width:28px; text-align:center; font-size: 11px; font-weight:bold; font-variant: small-caps; color:#FFFFFF;}
.TEMP_FORECAST { position:absolute; top:42px;  left:10px; width:28px; font-size: 10px; font-weight:bold; color:#FFFFFF; }
.FORECAST_IMG { position:absolute; left:0px; margin-top:14px; height:25px; width:25px; border:1px solid #000000; cursor:hand;}

#langform { font-size: 11px; width:110px;}
#districtform { font-size: 11px;  width:110px;}
#BACKHOLDER { position: absolute;   width: 210px; font-family: "helvetica"; height:118px; padding-top:10px; z-index:101;}
#WIDGETNAME { color: #FFFFFF; font-size: 14px; font-weight: bold; }
#VERSION { color: #FFFFFF; font-size: 10px; }
#DEVELOPER { color: #FFFFFF; font-size: 10px; font-weight: bold; }
#PREFERENCES { position:absolute; margin:5px 14px 0px 14px; font-size:10px; font-weight: bold; text-align:right; color:#FFFFFF; top:48px; right:10px;}
#SEVEN_DAY { position:absolute; top:95px; left:5px; font-size: 11px; margin-left:10px; font-weight: bold; color: #FFFFFF;}
#RADAR { position:absolute; top:95px; left:73px; font-size: 11px; margin-left:10px; font-weight: bold; color: #FFFFFF;}


#NOTIFYUPDATE { position: absolute; bottom: 5px; left:22px; color: #CCCCCC; font-size: 10px; width:100px; }
#DONE_BUTTON { position: absolute; bottom: 1px; right: 15px; cursor: hand; }