@charset "UTF-8";
/* CSS Document */

#weather-widget {
	background:url(../images/bg.jpg) no-repeat scroll top left;
	height:142px;
	width:320px;
	overflow:visible;
}

#weather-widget-empty {
	background:url(../images/bg_blank.jpg) no-repeat scroll top left;
	width:320px;
	height:142px;
	overflow:hidden;
}

#condition_image {
	height:100%;
	width:100%;
	background: url(/assets/ar/modules/weather/images/icons/3200.jpg) scroll no-repeat top left;
}

#city-container {
	float:right;
	padding-top:20px;
	width:119px;
	height: 65px;
}

#city {
	color:white;
	font-family:arial;
	font-size:25px;
	font-weight:bold;
	padding-bottom:5px;
	padding-right:3px;
	padding-top:10px;
	text-align:right;
	text-shadow:1px 1px 1px #75317F;
	width:240px;
}

#customize, #customize a {
	color:#75307E;
	font-family:tahoma;
	font-size:12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #c2d9ed;
	display: inline-block;
	width: auto;
	line-height: 20px;
}
/*
#detailslink, #changeplacelink, #customize a  {
	border: solid 1px #000;
	
}*/

#customize {
	position: relative;
}

#weatherdetails {
	color:#727272;
	font-family:tahoma;
	font-size:13px;
	font-weight:normal;
	text-align:right;
	border-top:1px solid #E4E4E4;
	width:210px;
	padding:5px;
	position: absolute;
	top: 25px;
	left: -112px;
	z-index: 2;
}

#degree-container {
	float:right;
	height:100px;
	margin-right:20px;
	margin-top:22px;
	width:50px;
	text-shadow:1px 1px 1px #75317f;
}

#degree-type {
	color:white;
	direction:ltr;
	float:right;
	font-family:arial;
	padding-top:30px;
}

#degree {
	clear:right;
	color:white;
	float:right;
	font-family:arial;
	font-size:27px;
	font-weight:bold;
	padding-top:13px;
	text-align:center;
	width:50px;
}

#extra-container {
	color:white;
	font-family:tahoma;
	font-size:11px;
	text-align:right;
	clear: left;
	*clear: none;
	float: left;
	width:236px;
}

#today-container {
	border-left:1px dotted white;
	float:right;
	height:37px;
	width:117px;
}

#today {
	color:#75317F;
	padding:5px 3px;
	text-shadow:1px 1px 0px #c2d9ed;
}

.degrees {
	padding-right:3px;
	text-shadow:1px 1px 1px #75317f;
	line-height: 12px;
}

#tomorrow-container {
	float:right;
	height:37px;
	width:117px;
}

#tomorrow {
	color:#75317F;
	padding:5px 3px;
	text-shadow:1px 1px 0px #c2d9ed;
}

.button {
	display:block;
	height:20px;
}

#cancel {
	width:30px;
	background:url(../images/button.gif);
	float:left;
	margin-left:3px;
}

#cancel:hover {
	background:url(../images/button.gif) repeat scroll 0px 22px transparent;
	width:30px;
}

#change-city {
	background:url("../images/button.gif") repeat scroll 76px 0 transparent;
	float:left;
	margin-left:14px;
	width:77px;
}

#change-city:hover {
	background:url("../images/button.gif") repeat scroll 76px 22px transparent;
	width:77px;
}

.weather-details-row {
	padding-bottom:1px;
}

.weather-bullet {
	background-color:#666666;
	display:inline-block;
	height:4px;
	width:4px;
	margin-top: 10px;
	margin-left: 3px;
	margin-left: 5px;
	clear: right;
	float: right;
}

.weather-details-label {
	display:inline-block;
	width:110px;
	float:right;
	padding: 0 2px;
}

.weather-details-figues {
	direction: ltr;
	float: right;
	padding: 0 2px;
}

.weather-details-figues-unit {
	float: right;
}

#searchbox {
	width:270px;
	float:right;
	margin-right:25px;
	direction: ltr;
}

#weatherbox {
	width:320px;
	height: 169px;
	margin:0;
	padding:0px;
	margin-top: 10px;
	background: url('../images/bg_blank.jpg') no-repeat scroll 0 27px transparent;
	position:relative;
	overflow: visible;
}

div#weatherbox div.left-box-container {
	overflow: visible;
	display: block;
	position: relative;
	height: 169px;
	margin:0;
}

#overlay {
	text-align: center;
	background: url('../images/bg_blank.jpg') no-repeat scroll 0 27px transparent;
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	height: 169px;
}