/* global styles */
#MGwx {
	width: 753px;
	margin-left: auto;
	margin-right: auto;
	font: normal normal normal 11px "Arial",sans-serif;
	color: #000;
	margin-top: -28px;
}
#MGwx div { }



#MGwx p, #MGwx ol, #MGwx ul {
	margin: 0;
	padding: 0;
}
#MGwx li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#MGwx li ul {
	margin: 0;
}

#MGwx img {
	border: 0;
}
#MGwx a {
	color: #000;
	text-decoration: none;
}
#MGwx a:hover {
	text-decoration: underline;
	color: #333;
}
#MGwx form {
	margin: 0;
}
#MGwx select, #MGwx input, #MGwx button {
	font-size: 10px;
	background: #fff;
	border: 1px solid #999;
	color: #000;
}
/* ie<7 png24 bg fix */
#MGwx * { 
	behavior: url('./iepngfix.htc');
}

#MGwx #content-wrapper #content {
	width: 753px;
	margin-top: 20px;
}

#MGwx #content #left {
	float: left;
	clear: left;
	padding-right: 5px;
}
#MGwx #content #center {
	float: left;
	clear: none;
	padding: 0 5px;
}
#MGwx #content #right {
	float: left;
	clear: right;
	padding-left: 5px;
}
#MGwx #content #full {
	clear: both;
	width: 753px;
	padding: 0;
}

#MGwx #content div.block {
	padding-bottom: 10px;
}


/* wrappers */
#MGwx #topnav {
	width: 753px;
	height: 22px;
	background: #003366;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	top: 0;
}
#MGwx #topsearch {
	width: 753px;
	height: 110px;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
}
#MGwx #content-wrapper {
	width: 753px;
}
#MGwx #locadv {
	width: 753px;
	height: 49px;
}
#MGwx #locheader {
	position: relative;
	width: 753px;
	height: 58px;
	background: #fff url('/images/locheader_bg.png') no-repeat top left;
}
#MGwx #locheader #nav {
	position: absolute;
	top: 36px;
	left: 0;
	width: 753px;
	height: 35px;
	overflow: hidden;
	background: transparent url('/images/locnav_bg.png') repeat-x top left;
}
#MGwx #locfooter {
	clear: both; 
	position: relative;
	width: 753px;
	height: 58px;
	background: #fff url('/images/locfooter_bg.png') no-repeat top left;
}
#MGwx #locfooter div.credit {
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
	~width: 340px;
	margin: 9px 0 5px 10px;
	text-align: left;
	color: #fff;
}
#MGwx #locfooter a:hover {
	color: #fff;
}
#MGwx #locfooter a {
	color: #fff;
	text-decoration: none;
}
/* main header styles */
#MGwx #topnav-subbar {
	height: 4px;
	min-height: 4px;
	background: #4b75c1;
	overflow: hidden;
}
#MGwx #topnav a {
	display: block;
	color: #fff;
}
#MGwx #topnav li {
	float: left;
	text-align: center;
	padding: 5px 10px;
	border-right: 1px solid #a7b4c8;
}
#MGwx #topnav li a:hover {
	color: #fff;
}
#MGwx #topnav li a.selected {
	color: #fff;
	text-decoration: none;
}
#MGwx #topsearch {
	position: relative;
}
#MGwx #topsearch div.left {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 18px;
	margin: 17px 0 0 5px;
	padding: 0;
}
#MGwx #topsearch div.right {
	position: absolute;
	top: 0;
	left: 335px;
	width: 300px;
	height: 20px;
	margin: 12px 5px 0 0;
	text-align: right;
}

/* local header styles */
#MGwx #locheader {
	position: relative;
}
#MGwx #locheader div.locname {
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
	~width: 340px;
	margin: 9px 0 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
#MGwx #locheader div.locinfo {
	position: absolute;
	top: 30px;
	left: 0;
	width: 390px;
	~width: 390px;
	margin: 0 0 0 10px;
	font-size: 9px;
	font-weight: normal;
	color: #fff;
}
#MGwx #locheader div.loclinker {
	position: absolute;
	top: 30px;
	left: 440px;
	width: 190px;
	~width: 190px;
	margin: 0 10px 0 0;
	font-size: 10px;
	color: #fff;
	text-align: right;
}
#MGwx #locheader a {
	color: #fff;
}
#MGwx #locheader #nav ul {
	margin-top: 14px;
}
#MGwx #locheader #nav li {
	float: left;
	margin-left: 2px;
	padding: 5px 0 4px 3px;
	border-right: 1px solid #4381b7;
}
#MGwx #locheader #nav li a {
	padding: 5px 8px 4px 3px;
	font-size: 11px;
	font-weight: bold;
	color: #a2bace;
}
#MGwx #locheader #nav li a:hover {
	color: #fff;
	text-decoration: underline;
}
#MGwx #locheader #nav li.selected {
	background: transparent url('/images/locnav_tabon_l.png') no-repeat left top;
	border: 0;
}
#MGwx #locheader #nav li.selected a {
	background: url('/images/locnav_tabon_r.png') no-repeat right top;
	color: #00305a;
	text-decoration: none;
}
#MGwx #locheader #nav li.selected a:hover {
	text-decoration: none;
	color: #00305a;
}

/* local adv block */
#MGwx #locadv div.top {
	height: 20px;
	background: url('/images/adv_top.png') no-repeat left top;
}
#MGwx #locadv div.content {
	height: 15px;
	~height: 15px;
	padding: 7px 10px;
	background: url('/images/adv_bg.png') repeat-x right top;
	font-size: 11px;
	color: #fff;
	vertical-align: middle;
	font-weight: bold;
}
#MGwx #locadv div.content a {
	color: #fff;
	text-decoration: none;
}
#MGwx #locadv div.content a:hover {
	text-decoration: none;
}

/* common element styles */
#MGwx #content div.sectitle {
	height: 17px;
	background: url('/images/secbar_bg.png') repeat-x left top;
	font-size: 11px;
	font-weight: bold;
	color: #0e487b;
	padding: 4px 0 0 3px;
}
#MGwx #content div.sectitle span.detail {
	font-weight: normal;
}
#MGwx #content p.prg {
	margin: 0 0 7px 0;
}
#MGwx #content #right img.sidebar {
	width: 207px;
	height: 155px;
	margin-bottom: 8px;
}
#MGwx #content img.inner-left {
	margin: 0 5px 5px 0;
}
#MGwx #content img.inner-right {
	margin: 0 0 5px 5px;
}

/* content/block specific styles */
#MGwx #content div.curblock, #MGwx #content div.astroblock {
	padding: 3px;
	background: url('/images/block_bluegrad_bg.png') no-repeat left top;
}
#MGwx #content div.curbase, #MGwx #content div.astrobase {
	margin-bottom: 10px;
}
#MGwx #content div.outlookblock, #content div.genblock, #MGwx #content div.detblock {
	margin-bottom: 10px;
	padding: 0;
	background: url('/images/block_bltowhgrad_bg.png') repeat-x left top;
}
#MGwx #content div.detblock {
	padding: 5px;
	font-size: 10px;
}
#MGwx #content div.detblock span.headline {
	font-weight: bold;
	font-size: 11px;
}
#MGwx #content div.detblock span.caption {
	font-weight: bold;
	font-size: 10px;
}
#MGwx #content div.warnblock span.title {
	display: block;
	margin: 5px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
	color: #880000;
}
#MGwx #content div.warnblock span.title span.detail {
	font-size: 10px;
	color: #666;
	font-weight: normal;
}
#MGwx #content div.warnblock span.valid {
	display: block;
	margin: 0 0 3px 0;
	font-size: 9px;
	color: #999;
}
#MGwx #content pre {
	font-family: "Arial",sans-serif;
	font-size: 11px;
}

/* table styles */
#MGwx #content table tr.hr-black td {
	padding: 0;
	height: 1px;
	background: url('/images/hr_blk.png') repeat-x left top;
	border: 0;
}
#MGwx #content table tr.hr-black td.left {
	background: url('/images/hr_blk_l.png') no-repeat left top;
	_background: url('/images/hr_blk.png') repeat-x left top;
}
#MGwx #content table tr.hr-black td.right {
	background: url('/images/hr_blk_r.png') no-repeat right top;
	_background: url('/images/hr_blk.png') repeat-x left top;
}
}
#MGwx #content table tr.hr-white td {
	padding: 0;
	height: 1px;
	background: url('/images/hr_wht.png') repeat-x left top;
	border: 0;
}
#MGwx #content table tr.hr-white td.left {
	background: url('/images/hr_wht_l.png') no-repeat left top;
	_background: url('/images/hr_wht.png') repeat-x left top;
}
#MGwx #content table tr.hr-white td.right {
	background: url('../images/hr_wht_r.png') no-repeat right top;
	_background: url('/images/hr_wht.png') repeat-x left top;
}
#MGwx #content table tr.linker td {
	font-size: 9px;
	padding-top: 2px;
	text-align: right;
}
#MGwx #content table tr.linker td a {
	color: #666;
}
#MGwx #content table.currents td, #MGwx #content table.almanac td {
	padding: 2px;
	font-size: 11px;
	text-align: center;
}
#MGwx #content table.currents img.icon {
	width: 55px;
}
#MGwx #content table.almanac img.moon {
	width: 30px;
	height: 30px;
}
#MGwx #content table.currents td.temp {
	font-size: 26px;
	font-weight: bold;
	vertical-align: middle;
}
#MGwx #content table.currents td.wx {
	font-size: 12px;
	font-weight: bold;
}
#MGwx #content table.currents td.label, #MGwx #content table.almanac td.label {
	font-weight: normal;
	text-align: left;
	font-size: 10px;
}
#MGwx #content table.currents td.value, #MGwx #content table.almanac td.value {
	font-weight: bold;
	text-align: right;
}
#MGwx #content table.currents td.detail, #MGwx #content table.almanac td.detail {
	font-size: 9px;
	font-weight: normal;
	text-align: right;
}

#MGwx #content table.outlook {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	table-layout: auto;
	empty-cells: show;
	border-spacing: 0;
}

#MGwx #content table.outlook td {
	padding: 2px;
	text-align: center;
	font-size: 11px;
	border: 1px solid #fff;
	border-top: 0;
	border-bottom: 0;
}
#MGwx #content table.outlook tr.header td {
	width: 25%;
	color: #fff;
	font-weight: bold;
	padding: 1px 3px 3px 3px;
	background: url('/images/trhead_bg.png') repeat-x left top;
}
#MGwx #content table.outlook td.left  {
	border-left: 0;
}
#MGwx #content table.outlook td.right {
	border-right: 0;
}
#MGwx #content table.outlook tr.header td.left {
	background: url('/images/trhead_l_bg.png') repeat-x left top;
}
#MGwx #content table.outlook tr.header td.right {
	background: url('/images/trhead_r_bg.png') repeat-x right top;
}
#MGwx #content table.outlook td span {
	display: block;
}
#MGwx #content table.outlook td span.wx {
	font-weight: bold;
	padding-top: 4px;
}
#MGwx #content table.outlook td span.temp {
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0;
}
#MGwx #content table.outlook td span.wind {
	font-size: 10px;
	padding-bottom: 5px;
}
#MGwx #content table.outlook img.icon {
	margin-top: 5px;
	width: 50px;
	height: 50px;
}
#MGwx #content table.nearbyloc td {
	font-size: 9px;
	font-weight: normal;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}
#MGwx #content table.nearbyloc td.name {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}
#MGwx #content table.nearbyloc td span.temp {
	font-size: 18px;
	font-weight: bold;
}
#MGwx #content table.nearbyloc img.icon {
	width: 35px;
	height: 36px;
}
#MGwx #content table.hourly td {
	width: 48px;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}
#MGwx #content table.hourly tr.header td {
	height: 20px;
	background: url('/images/trhead_bar_bg.png') repeat-x left top;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 0 7px;
	text-align: left;
}
#MGwx #content table.hourly tr.subheader td {
	background: #666;
	border: 1px solid #fff;
	font-size: 9px;
	color: #eee;
}
#MGwx #content table.hourly td.left {
	width: 80px;
	background: #eee;
	font-weight: bold;
}
#MGwx #content table.hourly td.right {
	width: 80px;
}
#MGwx #content table.hourly img.icon {
	width: 50px;
	height: 50px;
}
#MGwx #content table.hourly td.icon {
	width: 50px;
}
#MGwx #content table.hourly td.wx {
	width: 80px;
	font-size: 10px;
}
#MGwx #content table.hourly td.temp {
	font-size: 11px;
	font-weight: bold;
}
#MGwx #content table.detailedfcst td.summary {
	width: 40px;
	text-align: center;
}
#MGwx #content table.detailedfcst td.spacer {
	width: 10px;
}
#MGwx #content table.detailedfcst img.icon {
	width: 34px;
	height: 35px;
}
#MGwx #content table.detailedfcst span.hitemp {
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}
#MGwx #content table.detailedfcst span.lotemp {
	font-size: 14px;
	font-weight: bold;
	color: #005af7;
}
#MGwx #content table.detailedfcst tr.header td {
	height: 20px;
	background: url('/images/trhead_bar_bg.png') repeat-x left top;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0 0 5px;
	text-align: left;
}

#MGwx #content table.extfcst {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	table-layout: auto;
	empty-cells: show;
	border-spacing: 0;
}

#MGwx #content table.extfcst td {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-collapse: collapse;
	text-align: center;
}
#MGwx #content table.extfcst tr.header td {
	color: #fff;
	width: 25%;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 3px 3px 3px;
	background: url('/images/trhead_bg.png') repeat-x left bottom;
	text-align: center;
}
#MGwx #content table.extfcst tr.header td.left {
	background: url('/images/trhead_l_bg.png') repeat-x left bottom;
	border-left: 0;
}
#MGwx #content table.extfcst tr.header td.right {
	background: url('/images/trhead_r_bg.png') repeat-x right bottom;
	border-right: 0;
}
#MGwx #content table.extfcst img.icon {
	width: 50px;
	height: 50px;
	margin-top: 5px;
}
#MGwx #content table.extfcst td.wx {
	padding: 10px 0;
	font-size: 9px;
	color: #333;
	text-align: center;
}
#MGwx #content table.extfcst span.hitemp {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
}
#MGwx #content table.extfcst span.lotemp {
	font-size: 16px;
	font-weight: bold;
	color: #005af7;
}
#MGwx #content table.extfcst td.left  {
	border-left: 0;
}
#MGwx #content table.extfcst td.left {
	border-right: 0;
}

/* Form Block Style */

#MGwx .formblock p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}

#MGwx .formblock label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#MGwx .formblock input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

#MGwx .formblock textarea{
	width: 250px;
	height: 150px;
}

/* maps styles */

#HWmaps {
	width: 753px;
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#HWmaps table.wxmaps td.map-wrapper #contourMapContainer {
	position : relative;
	left : 0;
	top : 0;
	width:640px;
	height:480px;
	font-family: arial;
	font-weight: bold;
	font-size: 10;
	padding:0px;
	cursor: pointer;cursor: hand;

}
#HWmaps table.wxmaps td.map-wrapper #contourMapContainer .point {
	position: absolute;
	cursor: pointer;cursor: hand;
}
#HWmaps table.wxmaps td.map-wrapper #contourMapContainer .point .dot {
	position: absolute;
	top: -2px;
	left: -2px;
}
#HWmaps table.wxmaps td.map-wrapper #contourMapContainer .point .dot img {
	width: 5px;
}
#HWmaps table.wxmaps td.map-wrapper #contourMapContainer .point .textblock {
	position: absolute;
	top: 7px;
	~top: 3px;
	font-size: 10px;
	font-weight: bold;
	color: #ffff03;
	width: 100px;
}
#HWmaps table.wxmaps td.map-wrapper #contourMapContainer .point .textblock .content {
	position: absolute;
	top: 0;
	left: 0;
}
#HWmaps table.wxmaps td.map-wrapper #contourMapContainer .point .textblock .shadow {
	position: absolute;
	top: 2px;
	left: 2px;
	color: #000;
}


#HWmaps table.wxmaps td.map-wrapper #contourMapContainer #mapLoadingStatus {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 200px;
	height: 25px;
	background-color: #EEEEEE;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
}



#HWmaps table.wxmaps td.map-wrapper #contourMapContainer .bigMapHoverArea {
    position: absolute;
    left : 0;
    top : 0;
    width:0;
    height:0;
    border-width:1px;
    border-style: solid;
    border-color:#FFE0E0;

}


#HWmaps table.wxmaps td.map-wrapper #contourMapContainer #mapLoadingStatus {
	position: absolute;
	top: 0;
	left: 0;

	width: 640px;
	height: 480px;
	background-color: #EEEEEE;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
}


#HWmaps table.wxmaps td.map-wrapper #contourMapContainer #mapLoadingStatus .updateText {
	position: relative;
	top: 75;

	background-color: transparent;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;

}

#HWmaps table.wxmaps td.map-wrapper #animControls .animDot {
	width:5px;
	height:5px;
	padding:5px;


	cursor: pointer; cursor: hand;

}

#HWmaps table.wxmaps td.map-wrapper #animControls .detail{
	font-size: 10px;
	font-family: Arial;
}

#HWmaps table.wxmaps td.map-wrapper #animControls .detail a{
	color: #000;
	text-decoration: none;
}

#HWmaps table.wxmaps td.map-wrapper #animControls .detail a:hover {
	text-decoration: underline;
	color: #933;
}

	.navBarAct { font-size:12px; color:#FFCC00; text-decoration:none; font-weight:bold;}
	a.navBarAct:link { font-size:12px; color:#FFCC00; text-decoration:none; font-weight:bold;}
	a.navBarAct:hover {font-size:12px; color:#FFCC00; text-decoration:underline; font-weight:bold;}

	.headerTD {padding: 5px;background: #6699FF; color: #FFFFFF;}
	.headerText {  font-size: 13px; font-weight: bold; color: #FFFFFF;}
	.headerDate {   color:#FFFFFF;  font-size: 11px; font-weight: normal;}
                a.zoneDay { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration:none; font-style: italic;}
	.basicHeaderText{ padding-left: 5px;font-size: 16px; font-weight: bold; }
.fcExpire {font-size: 11px; color: #FF0000;  font-weight:bold;}


	.afd { padding-left: 5px;}

.Key
{
  width: 198px; 
  background-color: #999; 
  border: solid 1px #000;
}

.Key div
{
 overflow: hidden;  
 border-right: solid 1px #000;  
}

.Key img
{
 width: 198px;
 height: 18px; 
}