@import url('inc_menuOnLeft.css');

#content.weatherMap {
	width: 535px;
}

#content.weatherDetails {
	width: 750px;
}

#content1.weatherMap {
	width: 535px;
}

#content1.weatherDetails {
	width: 750px;
}

#colRight {
	float: right;
	width: 215px;
	margin-top: 15px;
}

#colRight .tabBox {
	background-image: url("../../images/new_farmer/gradient_v_green_long.jpg");
}

#colRight ul {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 130%;
}
#colRight select {
	width: 180px;
	margin-bottom: 5px;
}
#colRight h5 {
	font: bold 10px Verdna, sans-serif;
	background-color: #fff;
	border-bottom: 1px solid #999;
	padding: 2px;
	margin: 10px 0; 
}
#colRight ul li a {
	color: #000;
	font-weight: bold;
	display: block;
	width: 160px;
}
#colRight ul li a:hover {
	color: #f00;
	text-decoration: none;
}
#colRight ul li a.selected {
	color: #f00;
	border-bottom: 1px solid #f00;
}
#colRight .explanation {
	font: 9px Verdana, sans-serif;
	text-align: right;
	padding-right: 10px;
}


#content .regionSelector {
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}

#content h1 {
	background-color: #E6EEC1;
	color: #315A0C;
	padding: 2px 10px;
	font: bold 16px/24px Trebuchet MS, sans-serif;
}
#content h2 {
	font: bold 14px Arial, sans-serif;
	color: #315A0C;
	margin-bottom: 15px;
}

#content .map {
	text-align: center;
	padding: 25px 0	;
}
#content .map img {
	border: none;
}
#content .dateNav {
	background-color: #EBF2CE;
	text-align: center;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
}
#content .dateNav .prev {
	float: left;
	font-weight: bold;
} 
#content .dateNav .next {
	float: right;
	font-weight: bold;
} 

.weatherData .dayIcon {
	background-color: #9CBA41;
	border: 1px solid #315A0C;
	float: left;
	padding: 15px;
	
	margin-right: 20px;
}
.weatherData .nightIcon {
	background-color: #457398;
	border: 1px solid #2D4B64;
	float: left;
	padding: 15px;
	
	margin-right: 20px;
}
.weatherData table {
	float: left;
	margin-right: 40px;
}
.weatherData table th {
	padding: 0 2px 10px;
}
.weatherData table td {
	padding: 0 2px;
}
.weatherData table tr.even {
	background-color: #EBF2CE;
}
.weatherData table td img {
	vertical-align: top; 
}

.forecast, .averages {
	margin-top: 30px;
}

#content .forecast h2, #content .averages h2 {
	font: bold 12px Arial, sans-serif;
	color: #000;
}
#content .averages h2 {
	text-align: center;
}

.forecast table, .averages table {
	width: 100%;
}

.forecast table td, .forecast table th, .averages table td, .averages table th {
	text-align: center;
	padding: 3px;
} 
.forecast table tr.night, .forecast table tr.head, .averages table tr.night, .averages table tr.head {
	background-color: #F1F5DC;
}
.averages .explanation {
	font: 9px Verdana, sans-serif;
}


#content1 .regionSelector {
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}

#content1 h1 {
	background-color: #E6EEC1;
	color: #315A0C;
	padding: 2px 10px;
	font: bold 16px/24px Trebuchet MS, sans-serif;
}
#content1 h2 {
	font: bold 14px Arial, sans-serif;
	color: #315A0C;
	margin-bottom: 15px;
}

#content1 .map {
	text-align: center;
	padding: 25px 0	;
}
#content1 .map img {
	border: none;
}
#content1 .dateNav {
	background-color: #EBF2CE;
	text-align: center;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
}
#content1 .dateNav .prev {
	float: left;
	font-weight: bold;
} 
#content1 .dateNav .next {
	float: right;
	font-weight: bold;
} 
#content1 .forecast h2, #content .averages h2 {
	font: bold 12px Arial, sans-serif;
	color: #000;
}
#content1 .averages h2 {
	text-align: center;
}