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

div#container{
	width: 1008px;
	display: block;
	margin: 0 auto;
}
div.header{
	width: 1008px;
	height: 139px;
	display: block;	
}
div.headertext {
	text-indent: -99999px;
	position:absolute;
	left:-99999px;
	top:-99999px;
}
div.mainCol{
	width: 984px;
	background: url(/images/container-middle.gif) repeat-y;
	clear: both;
	padding: 10px 12px;
	float: left;
}
* html div.mainCol{
	width: 1008px;
	background: url(/images/container-middle.gif) repeat-y;
	clear: both;
	padding: 10px 12px;
	float: left;
}
div.leftCol{
	width: 230px;
	clear: none;
	float: left;
}
div.leftCol ul li a img{
	border: none;
	margin: 12px 0 0 0;
}

div.rightCol{
	width: 740px;
	clear: none;
	float: right;
}
div.rightCol div.search{
	display: block;
	background: url(/images/search-grad.gif) repeat-x;
	border: 1px solid #d9d7d7;
	padding: 5px 5px 5px 0;
	text-align:right;
	height:18px;
}
div.search form.searchForm{
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
}
div.search form.searchForm label{
	font-size: 0.9em;
	padding: 0 0 0 10px;
	margin: 0;
}
div.search select#dtg {
	border:medium none;
	margin:-2px 0 0 3px;
	padding:1px;
	clear:none;
	float:left;
	font-size:17px;
}
div.search div#controls {
	clear:none;
	float:left;
	padding:3px 0 0;
	width:69px;
}
div.search div#refresh_control {
	clear:none;
	float:left;
	padding:0 1px 0 0;
	width:24px;
}
div.search div#powered {
	padding:5px 0 0;
	width:560px;
	float:right;
	font-size:0.9em;
}
div#myGoogleMap{
	display: block;
	height: 834px;
	background: #333;
}
div.key{
	display: block;
	margin: 13px 0 0;
	background: url(/images/key-grad2.gif) repeat-x;
	border: 1px solid #d9d7d7;
	padding: 17px 5px;
}
div.key ul li{
	display: inline;
}
div.key ul li.header{
	font-weight: bold;
	padding-right: 20px;
	font-size:10px;
}
div.key ul li.yellow1{
	background: url(/images/li-yellow1.gif) no-repeat 0px 1px;
	padding: 0 25px 0 20px;
}
div.key ul li.yellow2{
	background: url(/images/li-yellow2.gif) no-repeat 0px 1px;
	padding: 0 25px 0 20px;
}
div.key ul li.orange{
	background: url(/images/li-orange.gif) no-repeat 0px 1px;
	padding: 0 25px 0 20px;
}
div.key ul li.pink{
	background: url(/images/li-pink.gif) no-repeat 0px 1px;
	padding: 0 25px 0 20px;
}
div.key ul li.red1{
	background: url(/images/li-red1.gif) no-repeat 0px 1px;
	padding: 0 20px 0 20px;
}
div.key ul li.red2{
	background: url(/images/li-red2.gif) no-repeat 0px 1px;
	padding: 0 20px 0 20px;
}
div.key table {
    font-size:10px;
    font-weight:bold;
    margin:0 auto;
}
div.weather{
	display: block;
	background: #fff;
	padding: 10px 10px;
	float: left;
	width: 213px;
}
div.weather h2{
	font-size: 1.0em;
	font-weight: bold;
}
div.weather ul{
	float: left;
}
div.weather ul li{
	background: url(/images/weather-tab.gif) no-repeat;
	padding: 2px 0 5px 5px;
	font-size: 0.9em;
	width: 208px;
	float: left;
	margin: 5px 5px 0 4px;
}
div.weather ul li dl{
	display: block;
	padding: 5px 0;
}
div.weather ul li dl dt{
	width: 37px;
	float: left;
	clear: none; 
	padding: 0 2px;
}
div.weather ul li dl dd{
	width: 152px;
	float: left;
	clear: none;
	padding: 7px 0 0 3px;
}
div.leftCol div#citySearchDiv {
	width:230px;
	float:left;
}
div.leftCol div#citySearchDiv div.citySearch{
	margin: 10px 0;
	width:230px;	
}
div.leftCol div#citySearchDiv div.citySearch_inner{
	margin: 0 0 0 20px;
	width:230px;	
}
* html div.leftCol div#citySearchDiv div.citySearch_inner{
	margin:0px;
	width:230px;	
}
div.leftCol div#citySearchDiv div.citySearch h3{
	font-size: 1.0em;
	font-weight: bold;
}
div.leftCol div#citySearchDiv div.citySearch p{
	padding: 7px 0 7px 0;
	font-size: 0.9em;
	clear:left;
	width:100%;
}
div.leftCol div#citySearchDiv div.citySearch div.cityentry {
	float:left;
	margin:1px 0 1px 41px;
	width:131px;
}
* html div.leftCol div#citySearchDiv div.citySearch div.cityentry {
	margin:1px 0 1px 15px;
}
html>body div.leftCol div#citySearchDiv div.citySearch div.cityentry {
     margin:4px 0 0 0;
	 padding:0 0 0 20px;
}
div.leftCol div#citySearchDiv div.citySearch div.cityentry input.text{
	margin: -2px 0 0 0;
	padding: 3px 0;
	background: url(/images/cSearch.gif) repeat-x top left;
	border: none;
	font-size: 0.9em;
	padding: 2px 5px;
	height: 14px;
	border: 1px solid #cccaca;
}
* html div.leftCol div#citySearchDiv div.citySearch div.cityentry input.text{ 
	padding: 2px;
	height: 20px;
}
div.leftCol div#citySearchDiv div.citySearch div.citybutton {
	float:left;
	width:22px;
}
div.leftCol div#citySearchDiv div.citySearch div.citybutton input.go{
	background: transparent url(/images/cSearch-go.gif) no-repeat top center;
	border: none;
	width: 22px;
	height: 20px;
	padding:2px 0 0 0;
	outline: none;
	cursor: pointer;
}
img.go{
	border: none;
	width: 22px;
	height: 20px;
	padding:2px 0 0 0;
	outline: none;
	cursor: pointer;
}
div.leftCol div#citySearchDiv div.citySearch h4{
	font-size: 0.9em;
	clear:left;
	font-weight: bold;
	padding-top: 3px;
	margin-top: 7px;
	text-align: center;
}
div.leftCol ul.banners {
	padding:0 0 0 17px;
}
div.footer{
	display: block;
	clear: both;
	background: url(/images/container-foot2.gif) no-repeat top;
	padding: 2px 0 5px 0;
	height: 22px;
}
div.footer dl{
	padding: 5px 0 0 0;
	display: block;
	width: 100%;
	height: 17px;
}
div.footer dl dt{
	font-weight: bold;
	color: #30676F;
	display: inline;
	float: left;
	padding-left: 10px;
}
div.footer dl dd{
	display: inline;
	padding-right: 10px;
	text-align: right;
	float: right;
}
div#facebook_container {
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
	padding:10px;
	text-align:center;
	width:213px;
	float:left;
	clear:left;
}
div#comments_container {
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
	padding:10px;
	text-align:center;
	width:213px;
	float:left;
	clear:left;
	font-size:0.9em;
}
div#comments_container h4 {
	font-size:1em;
	font-weight:bold;
}
div#comments_container h5 {
	font-size:0.9em;
	font-weight:normal;
}
div#comments_container img.quotes {
	float:left;
}
div#comments_container img.quotes_closed {
	float:right;
}
div#comments_container ul {
	float:left;
}
div#comments_container li.author {
	font-weight:bold;
}
div#facebook_header {
	width:213px;
}
div#facebook_container div#facebook_header_left {
	float:left;
	width:48px;
}
div#facebook_container div#facebook_header_right {
	float:left;
	font-size:0.9em;
	width:165px;
}
div#facebook_container ul {
	clear:left;
	float:left;
}
div#facebook_container ul li.facebook_li {
	font-size:0.9em;
	padding:7px 10px 0 29px;
}

div.twitter_container {
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
	padding:10px;
	text-align:center;
	width:213px;
	float:left;
	clear:left;
}
div.twitter_header {
	width:213px;
}
div.twitter_container div.twitter_header_left {
	float:left;
	width:48px;
}
div.twitter_container div.twitter_header_right {
	float:left;
	font-size:0.9em;
	width:165px;
}
div.twitter_container ul {
	clear:left;
	float:left;
	padding:10px 0 0;
	width:213px;
}
div.twitter_container ul li.twitter_li {
	clear:none;
	float:left;
	font-size:0.9em;
	padding:4px 0;
	width:104px;
}
div#google_banners {
	float: left;
	margin:5px 0 0 0;
	width:213px;
}

div.privacy {
	padding: 2px;
}
div.privacy p {
	margin: 10px 0;
	font-size: 11px;
	text-align:left;
}
div.privacy h1 {
	border-bottom:1px solid #000;
	font-size:14px;
	text-align:left;
	padding:5px 0;
}
/* Breadcrumb */
div#breadcrumb {
	float: left;
	clear: left;
	background-color:#EEEEEE;
	border: 1px solid #aaa;
	padding: 5px;
	width: 728px;
}
div#breadcrumbleft {
	float: left;
}
div#breadcrumbright {
	float: right;
}
div#breadcrumbright a {
	color: #000;
	text-decoration: none;
}
div#breadcrumbright a:hover {
	text-decoration: underline;
}
div#breadcrumbleft li {
	clear: none;
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
}
div#breadcrumbleft li a {
	color: #000;
	text-decoration: none;
}
div#breadcrumbleft li a:hover {
	text-decoration: underline;
}
div#static {
	margin:5px 0 0 0;
	float:left;
}

div.terms {
	padding: 2px;
}
div.terms p {
	margin: 10px 0;
	font-size: 11px;
	text-align:left;
}
div.terms h1 {
	border-bottom:1px solid #000;
	font-size:14px;
	text-align:left;
	padding:5px 0;
}

/* Button classes */
div.btn-container {
	padding: 6px 0 0 65px;
	float: left;
	width: 74px;
}
table.btn-outer {
	float: left;
	clear: none;
	width: 103px;
}
td.btn-sprite-left, td.btn-sprite-right {
	height: 21px;
	width: 2px;
	font-size:1px;
	line-height:1px;
}
td.btn-sprite-left {
	background: transparent url(/images/btn-sprite.gif) no-repeat scroll 0 0;
	width:3px;
}
td.btn-sprite-centre {
	background: transparent url(/images/btn-sprite.gif) repeat-x scroll 0 -42px; cursor:pointer;
	text-align: center;
	font-size: 10px;
	color:#000;
}
td.btn-sprite-centre a {
	padding:3px 12px;
}
td.btn-sprite-right {
	background: transparent url(/images/btn-sprite.gif) no-repeat scroll 0 -21px;
	width:3px;
}
table.x-btn-over td.btn-sprite-left{
	background-position:0 -63px !important;
}
table.x-btn-over td.btn-sprite-right{
	background-position:0 -84px !important;
}
table.x-btn-over td.btn-sprite-centre{
	background-position:0 -105px !important;
	color:#fff;
}

div.hidden {
	display:none;
}
div.header_info {
	background:transparent url(/images/container-middle-facebook.gif) repeat-y scroll 0 0;
	height:12px;
	margin:-2px 0 0 3px;
	padding:3px 0 0;
	font-size:0.9em;
	width:738px;
}
div.header_img {
	margin:-2px 0 0 3px;
	padding:3px 0 0;
	font-size:0.9em;
	width:738px;
}
div.mainCol_facebook{
	background:transparent url(/images/container-middle-facebook.gif) repeat-y scroll 0 0;
	height:823px;
	margin:-2px 0 0 3px;
	padding:12px;
	width:716px;
}
div.mainCol_facebook div.search {
	float:left;
	clear:both;
	width:717px;
}
div.mainCol_facebook div#myGoogleMap {
	float:left;
	clear:both;
	width:100%;	
}
div.mainCol_facebook div.key {
	float:left;
	clear:both;
	width:688px;
}
div.mainCol_facebook div#myGoogleMap{
	height: 654px;
}
div.footer_facebook{
	display: block;
	clear: both;
	background: url(/images/container-foot2-facebook.gif) no-repeat top;
	padding: 2px 0 5px 0;
	height: 22px;
	font-size:0.9em;
}

div#google form {
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
}
* html div#google img {
	margin: 0 0 0 20px;
}
* html div#google #googlesubmit {
	margin: 0 0 0 20px;
}
div.more_weather{
	display: block;
	background: #fff;
	padding: 5px;
	height:190px;
	width: 875px;
}
div.more_weather h2{
	font-size: 1.0em;
	font-weight: bold;
}
div.more_weather ul{
	float: left;
	width:216px;
	clear:none;
}
div.more_weather ul li{
	background: url(/images/weather-tab.gif) no-repeat;
	padding: 2px 0 5px 5px;
	font-size: 10px;
	width: 208px;
	float: left;
	margin: 5px 5px 0 4px;
}
div.more_weather ul li dl{
	display: block;
	padding: 5px 0;
}
div.more_weather ul li dl dt{
	width: 37px;
	float: left;
	clear: none; 
	padding: 0 2px;
}
div.more_weather ul li dl dd{
	width: 152px;
	float: left;
	clear: none;
	padding: 3px 0 0 3px;
}
a.highslide:hover {
	text-decoration:none;
	color:#000;
}
div.explain {
	padding:5px;
	font-size: 10px;
	margin:10px 0 0 0;
}
div.explain b {
	font-weight:normal;
}

.canvas_iframe_util {
	height:950px !important;
}
.canvas_iframe_util div.explain {
	margin:0 0 0 -12px;
	padding:0;
	width:740px;
	background:transparent url(/images/container-middle-facebook.gif) repeat-y scroll 0 0;
	float:left;
	clear:both;
}
div.clear {
	float:left;
	clear:left;
	height:2px;
	width:738px;
}
div#barometer {
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
	padding:3px 10px;
	text-align:center;
	width:213px;
	position:relative;
	float:left;
	clear:left;
}
* html div#barometer {
	margin:0 0 0 7px;
}
div#barometer img {
	clear:left;
}
div.barometer_text {
	clear:left;
	margin:2px 0;
}
div#advert_description {
	font-size:0.9em;
	float:left;
	width:233px;
	text-align:center;
}
div.heat_key_container {
	position:relative;
	z-index:999;
}
div.heat_key {
	position:absolute;
	left:670px;
	top:55px;
	padding:2px;
}
div#dtg_label {
	background-color:#FFFFFF;
	border:1px solid #000000;
	color:#000000;
	font-size:22px;
	height:18px;
	left:851px;
	padding:6px 0 0;
	position:absolute;
	text-align:center;
	top:213px;
	width:198px;
	z-index:99999;
}
div#dtg_label a {
	color:#000;
	font-size:12px;
}
div#twitter_feeds {
	float:left;
	clear:left;
	width:728px;
}
div#twitter_feeds div.feed {
	margin:5px 0 0 0;
	float:left;
	width:50%;
}
div#twitter_feeds div.feed div.tweet_container {
	float:left;	
	margin:5px 0 5px 0;
}
div#twitter_feeds div.feed div.tweet_container div.img {
	float:left;
	border:1px solid #eee;
	padding:2px;
	text-align:center;
}
div#twitter_feeds div.feed div.tweet_container div.tweet {
	float:left;
	width:250px;
	text-align:left;	
	font-size:12px;
	margin:5px 0 0 11px;
}