body #bg_containter
{
	background-repeat: no-repeat;
	background-attachment: fixed;
}
html, form
{
	margin: 0;
	padding: 0;
	border: 0;
}
h1
{
	margin: 0;
	padding: 0;
	border: 0;
	color: #424242;
	font-size: 16px;
}
img
{
	border: 0;
}
body
{
	text-align: center;
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #85a0d4;
}

#container
{
	margin: 0 auto;
	width: 774px;
	text-align: left;
	padding-top: 60px;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #4a4a4a;
	font-weight: normal;
}
.content
{
	
}
.content_top
{
	background-image: url("/images/content_top.png");
	background-repeat: no-repeat;
	background-position: left top;
	height: 59px;
	padding: 17px 27px 0 20px;
}
.content_center
{
	background-image: url("/images/content_center.png");
	background-repeat: repeat-y;
	padding: 5px 13px 6px 13px;
	
}
.content_center h1
{
	padding-left: 16px;
	padding-bottom: 10px;
}
.content_bottom
{
	background-image: url("/images/content_bottom.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 35px;
}
#hideDetailsDiv
{
	height: 35px;
	width: 100%;
	background: url("/images/hide.jpg") no-repeat center 3px;
	cursor: pointer;
}
#showDetailsDiv
{
	height: 35px;
	width: 100%;
	background: url("/images/show.jpg") no-repeat center 3px;
	cursor: pointer;
}
.content1
{
	padding-bottom: 100px;
}
.content1_top
{
	background-image: url("/images/content1_top.png");
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	padding: 15px 0 0 27px;
	font-weight: normal;
	
}
.content1_center
{
	background-image: url("/images/content1_center.png");
	background-repeat: repeat-y;
	padding: 5px 13px 4px 13px;
}

.content1_bottom
{
	background-image: url("/images/content1_bottom.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 43px;
	line-height: 35px;
	padding-left: 27px;
	color: white;
}
.content1_bottom a
{
	color: white;
	text-decoration: none;
}

#logo
{
	display: block;
	width: 79px;
	height: 52px;
	background: url("/images/logo.jpg") no-repeat left top;
	float: left;
	
}
.content_top select
{
		float: left;
		margin-left: 10px;
		margin-top: 13px;
		font-size: 16px;
}
#current_condition_title
{
	float: right;
	text-align: right;
	font-size: 14px;
	color: #424242;
}
.date
{
	font-family: Arial;
	font-size: 12px;
	padding-top: 7px;
}
#current_condition_main
{
	background: url("/images/current_condition_main.png") no-repeat left top;
	height: 120px;
	width: 748px;
	margin: 0;
	padding: 0;
	border: 0;
}
#current_condition_main1
{
	width: 231px;
	padding-left: 18px;
}
#current_condition_main2
{
	font-size: 12px;
	padding-left: 15px;
}
#current_condition_main3
{
	font-size: 16px;
	padding-left: 14px;
	vertical-align: middle;
	width: 235px;
}
#current_condition_main1 img
{
	float: left;
	margin-right: 17px;
	margin-top: 3px;
}
#current_condition_main2 span
{
	font-size: 14px;
}
#current_condition_main3 img
{
	float: left;
	margin-right: 10px;
}
#current_condition_main3 div
{
	float: left;
	padding-top: 10px;
	width: 150px;
}
#current_condition_main3 span
{
	font-size: 14px;
}
.main_temp
{
	font-size: 36px;
	color: #ff3000;
}
.main_condition
{
	font-size: 16px;
	float: left;
	width: 180px;
}
#current_condition_details
{
	height: 140px;
	line-height: 150%;
	margin-top: 6px;
	background: url("/images/current_condition_details.jpg") repeat-x left top;
	
}
#current_condition_details .image-container
{
	background: url('/images/tdStatusImage.jpg') no-repeat right top; 
	width: 105px;
	height: 60px; 
	float: left;
}
#current_condition_details .content
{
	float: left; 
	padding-left: 10px;
	width: 110px;
}
#current_condition_details span
{
	float: left; 
	clear: left;
}
#current_condition_details .by-hour
{
	font-size: 16px;
}
#current_condition_details table
{
	width: 100%;
	height: 100%;
	background: url("/images/current_condition_details0.jpg") no-repeat left top;
}
#current_condition_details1
{
	background: url("/images/current_condition_details1.jpg") no-repeat right top;
	width: 234px;
	padding-left: 15px;
}
#current_condition_details2
{
	background: url("/images/current_condition_details1.jpg") no-repeat right top;
	padding-left: 15px;
	
}
#current_condition_details3
{
	background: url("/images/current_condition_details2.jpg") no-repeat right top;
	width: 230px;
	padding-left: 15px;
}
.week
{
	margin-top: 5px;
}
.week td, th
{
	text-align: center;
	width: 107px;
}
.week th
{
	text-align: center;
	width: 107px;
	background: url("/images/weekTh.jpg") no-repeat left top;
	height: 25px;
	line-height: 25px;
	color: white;
}

.week th.firstDay
{
	background: url("/images/weekThFirst.jpg") no-repeat left top;
}
.week th.lastDay
{
	background: url("/images/weekThLast.jpg") no-repeat left top;
}

.statusImage td
{
	background: url("/images/tdStatusImage.jpg") no-repeat left top;
	height: 61px;
}
.statusImage td.firstDay
{
	background: url("/images/tdStatusImageFirst.jpg") no-repeat left top;
}
.statusImage td.lastDay
{
	background: url("/images/tdStatusImageLast.jpg") no-repeat left top;
}
.status td
{
	background: white url("/images/tdStatus.jpg") no-repeat left bottom;
	padding: 4px 2px;
}
.status td.firstDay
{
	background: white url("/images/tdStatusFirst.jpg") no-repeat left bottom;
}
.status td.lastDay
{
	background: white url("/images/tdStatusLast.jpg") no-repeat left bottom;
}
.temp td
{
	background: white url("/images/tdTemp.jpg") no-repeat left top;
	height: 39px;
}
.temp td.firstDay
{
	background: white url("/images/tdTempFirst.jpg") no-repeat left top;
}
.temp td.lastDay
{
	background: white url("/images/tdTempLast.jpg") no-repeat left top;
}
.min_temp_extended
{
	float: left;
	padding-left: 29px;
	font-size: 12px;
	font-weight: bold;
}
.max_temp_extended
{
	float: right;
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;	
}
.week img
{
	width: 104px;
	height: 58px;
	border: 0;
}
#traficIcon
{
	float: right;
	padding: 4px 31px 0 0;
}
#temp_Thermometer
{
	float: left;
	margin-right: 17px;
	margin-top: 3px;
}
.footer_right
{
	float: right;
	padding-right: 27px;
}
.footer_left
{
	float: left;
}