/* Login Box */
#loginWrapper {
	margin: 20px 20px 0 0;
}
#loginContent {
	width: 845px;
	height: 500px;
	margin: 0px auto -1px auto; 
}
* html #loginContent {
	width: 870px !important;
	margin: 35px auto;
}
#loginContent #leftImage {
	float:left;
	width: 260px;
	display: inline;
	padding:25px 10px 0 0;
}
#loginContent #middleBox {
	float:left;
	width: 315px;
	display: inline;
}
#loginContent #rightImage {
	float:left;
	width: 250px;
	display: inline;
	padding:25px 0 0 10px;
}
#loginContent #tagline {
	clear: left;
	padding: 10px 0 0 0;
}
#loginContent #tagline b, #loginContent #tagline em {
	font-weight:normal;
}
#loginContent #tagline a {
	text-decoration:none;
	color:#666;
}
#loginContent #tagline a:hover {
	text-decoration:underline;
}
#loginContent #tagline p {
	padding: 0 0 5px 0;
}
#loginContent #tagline p.fine {
	color:#666;
	font-size:10px;
	padding: 0;
}

#loginBox li {
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-topright:15px;
	padding:15px 15px 7px;
	width: 25em;
	height: 237px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	border: 2px dotted #000;
	background:#DFE9FF none repeat scroll 0 0;
	list-style: none;
}
#loginBox li p, #loginBox li label {
	text-align: left;
	padding: 0 0 3px 30px;
	float: left;
	clear: left;
	font-size: 12px;
	width: 330px;
}
#loginBox input {
	float: left;
	clear: left;
	font-size: 12px;
}
#loginBox li span {
	float:left;
	clear:none;
	padding: 0 0 0 20px;
	font-size: 11px;
	width: 120px;
}
#loginBox li span a {
	color:gray;
	font-size:11px;
}
#loginBox h1 {
	clear:left;
	float:left;
	text-align:center;
	width:302px;
}
#loginBox h2 {
	clear:left;
	float:left;
	text-align:center;
	width:302px;
	border-bottom:1px dotted #CCCCCC;
	font-size:14px;
	font-weight:normal;
	padding:2px 0 8px 0;
}


/* Bad Login */
div.badLoginContent {
	color:#CC0000;
	font-size:0.9em;
	font-weight:bold;
	margin:10px auto -40px;
	width:600px;
}


/* Forgot Password Box */
#forgotContent {
	width: 75%;
	margin: 100px auto;

}
#forgotContent #forgotBox li {
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-topright:15px;
	padding:15px 15px 7px;
	top: -50px;
	width: 25em;
	height: 257px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	border: 2px dotted #000;
	background:#DFE9FF none repeat scroll 0 0;
	list-style: none;
}
#forgotContent #forgotBox li p, #forgotBox li label {
	text-align: left;
	padding: 0 0 3px 30px;
	float: left;
	clear: left;
	font-size: 12px;
	width: 330px;
}
#forgotContent #forgotBox input {
	float: left;
	clear: left;
	font-size: 12px;
}
#forgotContent #forgotBox li span {
	float:left;
	clear:none;
	padding: 0 0 0 20px;
	font-size: 11px;
	width: 120px;
}
#forgotContent #forgotBox li span a {
	color:gray;
	font-size:11px;
}
#forgotContent #forgotBox h2 {
	border-bottom:1px dotted #CCCCCC;
	font-size:14px;
	font-weight:normal;
	margin:5px 5%;
	padding:0 0 5px;
}
#forgotContent #forgotBox h3 {
	border-bottom:1px dotted #CCCCCC;
	font-size:12px;
	font-weight:normal;
	margin:5px 5%;
	padding:0 0 5px;
}
#forgotContent #forgotBox div.btn-container {
	margin: 10px 0;
}
#forgotContent #forgotBox table.btn-outer {
	margin:0 5px 0 0;
}
#forgotContent #forgotBox div.btn-container-center {
	margin:10px 0 0 80px;
}

/* Button classes */
div.btn-container {
	padding: 0 0 0 30px;
	float: left;
	width: 74px;
}
table.btn-outer {
	float: left;
	clear: none;
	width: 75px;
}
td.btn-sprite-left, td.btn-sprite-right {
	height: 21px;
	width: 3px;
	font-size:1px;
	line-height:1px;
}
td.btn-sprite-left {
	background: transparent url(/images/btn-sprite.gif) no-repeat scroll 0 0;
}
td.btn-sprite-centre {
	width:75px;
	background: transparent url(/images/btn-sprite.gif) repeat-x scroll 0 -42px; cursor:pointer;
	text-align: center;
	font-size: 0.8em;
	color:#000;
}
td.btn-sprite-right {
	background: transparent url(/images/btn-sprite.gif) no-repeat scroll 0 -21px;
}
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;
}


/* Main layout styles */
div#container {
	text-align: left;
}
div#top {
	position: relative;
	background: #EEEEEE none repeat scroll 0 0;
	padding: 5px 5px 0px 5px;
	height: 185px;
}
div#top div#group_logo {
	float:left;
	clear:left;
	width:321px;
	text-align: center;
	margin:20px 0 0 0;
}
div#top h1 {
	float: left;
	clear: left;
	width:321px;
	text-align: center;
}
div#top h1 a {
	color:#001A3F;
	font-size: 1.5em;
	text-decoration: none;
}
div#top span#loggedin {
	float: left;
	clear: left;
	width: 300px;
	margin:2px 5px;
	text-align: center;
	font-size:0.9em;
}
div#top span#loggedin a {
	text-decoration: underline;
	color: #000;
}
div#top div#selectstationcontainer {
	float: left;
	clear: left;
	width: 300px;
	margin:2px 5px;
	text-align: center;
	font-size:0.9em;
}
div#top .btn-container .btn-sprite-centre {
	font-size: 9px !important;
}
div#top div#selectstation {
	margin: 3px 0 0 0;
}
div#top .btn-container {
	padding: 0px !important;
	width:auto !important;
	margin:0 0 0 4px !important;
}
div#top select {
	font-size:0.9em;
}

/* Top menu - alerts */
div#alertsouter {
	border: 1px dashed #ccc;
	height: 70px;
	left: 320px;
	position: absolute;
	top: 5px;
	width: 650px;
	margin: 3px 0 0 5px;
}
div#alertsinner {
	margin: 3px;
	background: #ffffff;
	height:93%;
	font-size: 1em;
	background-color:#ffffff;
	background-image:url('/images/alerts-bg.gif');
	background-repeat:no-repeat;
	background-position:center; 
}

/* Top menu - synopsis */
div#synopsisouter {
	border: 1px dashed #ccc;
	height: 93px;
	left: 320px;
	position: absolute;
	top: 85px;
	width: 650px;
	margin: 3px 0 0 5px;
}
div#synopsisinner {
	margin: 3px;
	height:87px;
	background-color:#ffffff;
	background-image:url('/images/synopsis-bg.gif');
	background-repeat:no-repeat;
	background-position:center; 
}
div#synopsis {
	padding:3px;
	font-size: 10px;
}
div#synopsis a {
	text-decoration: none;
	color:#000;
}
div#synopsis span.updated {
	font-size: 8px;
	font-weight:bold;
	width:300px;
}

div#synopsis_zoom {
	padding:3px;
	font-size: 10px;
	color:#000;
}
div#synopsis_zoom span.updated {
	font-size: 8px;
	font-weight:bold;
	width:300px;
}


div#wrapper {
	float:right;
	margin-left:-210px;
	width:100%;
}
* html div#wrapper {
	clear: left;
}
div#content {
	margin:0 0 10px 210px;
	padding: 8px;
}
div#menuwrapper {
	width:202px;
	padding:10px 0 0 7px;
	background:#eee;
	position: relative;
	float:left;
	top:0px;
	left:0;
}
div#footer {
	clear:both;
	background: #EEEEEE none repeat scroll 0 0;
	color: #000;
	width: 100%;
	height: 15px;
	padding: 5px;
	text-align: right;
}
div#footerinner {
	margin: 0 10px;
}
div#footerinner a {
	color:#000;
	text-decoration:none;
}
div#footerinner a.selected {
	border-bottom: 1px dashed #000;
}

/* Menu styles */
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 190px;
}
ul#menu a {
  display: block;
  text-decoration: none;	
}
ul#menu li {
  margin: 0;
  padding: 0;
  width: 190px;
  background:#eee;
}
ul#menu li a {
  background: #07449D;
  color: #fff;	
  padding: 0.5em;
  width: 190px;
}
ul#menu li a.selected {
  border-left: 5px #000 solid;
  padding-left: 15px;
  font-weight:bold;
}
ul#menu li a:hover {
  background: #000;
}
ul#menu li ul li a {
  background: #eee;
  color: #000;
  width:175px;
  padding-left: 20px;
}
ul#menu li ul li a:hover {
  background: #ccc;
  border-left: 5px #07449D solid;
  padding-left: 15px;
}

/* Generic padding class */
div.padme {
	padding: 5px;
}


/* IFrame Styles */
div#content iframe#radar_frame {
	margin: 10px;
	float: left;
	clear: left;
}


/* Top-menu Alert Styles */
div#scrollup {
   position: relative;
   overflow: hidden;
   height: 60px;
   width: 638px;
}
div#scrollup a {
	text-decoration:none;
	color:#000;
}
div#scrollup div.headline {
   position: absolute;
   top: 100px;
   left: 5px;
   width:100%;
   height:100%;
}
div#scrollup span.warning {
	border:1px solid #000;
	padding:0px 3px;
	background-color:#FFFF99;
	float:left;
	clear:none;
	margin:7px 5px 0 0;
}
div#scrollup span.urgent {
	border:1px solid #000;
	color:#fff;
	padding:0px 3px;
	background-color:#FF8C66;
	float:left;
	clear:none;
	margin:1px 5px 0 0;
}
div#scrollup span.critical {
	border:1px solid #000;
	padding:0px 3px;
	background-color:#FF6666;
	color:#fff;
	float:left;
	clear:none;
	margin:7px 5px 0 0;
}
div#scrollup div.headline span.alert {
	float: left;
	clear: none;
	width: 567px;
}
div#scrollup div.headline span.updated {
	clear:left;
	float:left;
	font-size:0.85em;
	margin:2px 0 0 0px;
	width:300px;
}

/* Static information files */
div#static {
	margin:5px;
	padding: 0 3px;
	clear:left;
	float:left;
	width:99%;
}
div#static h1 {
	border-bottom:1px dashed #000000;
	font-size:1.5em;
	margin:0 0 10px 0;
}
div#static p {
	margin: 0 0 10px 0;
}

div#satellite {
	padding: 5px;
}


/* Lightning Maps */
div#lightning_content {
	padding: 5px;
	width:750px;
	position:relative;
}
div#lightning_regions {
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #AAAAAA;
	clear:left;
	float:left;
	padding:5px;
	width:742px;
}
div#lightning_regions ul li {
	border:1px dashed #AAAAAA;
	clear:none;
	float:left;
	font-size:1.2em;
	margin:0 1px;
	padding:5px;
}
div#lightning_regions ul li a {
	border-bottom:none;
	text-decoration:none;
	color:#000;
}
div#lightning_regions ul li a:hover {
	border-bottom:1px dashed #000;
}
div#lightning_regions ul li a.selected {
	border-bottom:1px dashed #000;
}
div#lightning_content div#lightning_link {
	float: left;
	clear: left;
	width: 500px;
}
div#lightning_content div#lightning_link ul {
	padding: 5px;
	border:1px dashed #000;
	margin: 5px 0 0 0;
}
div#lightning_content div#lightning_link ul li a {
	text-decoration: none;
	color: #000;
}
div#lightning_content div#lightning_link ul li a:hover {
	text-decoration: underline;
}
div#lightning_key {
	clear:left;
	float:left;
	font-size:0.85em;
	padding:5px;
	width:730px;
}
div#lightning_key ul li {
	border-right:1px solid #000000;
	clear:none;
	float:left;
	font-size:1.1em;
	margin:0 10px 3px 0;
	padding-right:10px;
}
div#lightning_key ul li.last {
	border-right:none;
}
div#lightning_map {
	float: left;
	clear: left;
}


/* Breadcrumb */
div#breadcrumb {
	float: left;
	clear: left;
	background-color:#EEEEEE;
	border: 1px solid #aaa;
	padding: 5px;
	margin: 5px;
	width: 742px;
}
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;
}

/* Generic menu pages */
div#menu_page_container {
	clear:left;
	float:left;
	padding:5px;
	width:754px;
}
div#menu_page_container li {
	border: 1px solid #eee;
	padding: 5px;
}
div#menu_page_container li a {
	color: #000;
	text-decoration: none;
}
div#menu_page_container li a:hover {
	text-decoration: underline;
}


/* Help */
.highslide-body h3 {
	border-bottom: 1px dashed #aaa;
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 0.9em;
}
.highslide-body p {
	font-size: 0.8em;
	margin:5px 0;
}
.highslide-body ul li {
	font-size: 0.8em;
	margin:5px 0;
}


/* Lightning Forecasts */
div#lightning_forecast_content {
	float: left;
	clear: left;
	padding: 5px;
	width: 744px;
	position:relative;
}
div#lightning_forecast_content div#lightning_forecast_heading {
	margin: 5px 0;
	font-weight: bold;
}
div#lightning_forecast_content div#lightning_forecast_today {
	margin: 15px 0;
}
div#lightning_forecast_content div#lightning_forecast_today p.outlook_24h {
	margin:10px 0;
	width:737px;
}
div#lightning_forecast_content div#lightning_forecast_today table#lf_today_table {
	font-size: 1.1em;
	width: 400px;
}
div#lightning_forecast_content div#lightning_forecast_today table#lf_today_table th {
	width: 120px;
	text-align: center;
	background-color: #eee;
}
div#lightning_forecast_content div#lightning_forecast_today table#lf_today_table td {
	width: 120px;
	text-align: center;
}
div#lightning_forecast_content div#lightning_forecast_today table#lf_today_table td.nodefaultcolour {
	background-color:#01EF00;
}
div#lightning_forecast_content div#lightning_forecast_today table#lf_today_table td.green {
	background-color:#01EF00;
}
div#lightning_forecast_content div#lightning_forecast_today table#lf_today_table td.amber {
	background-color:#FF7200;
}
div#lightning_forecast_content div#lightning_forecast_today table#lf_today_table td.red {
	background-color:#FF1F1F;
}
div#lightning_forecast_content div#lightning_forecast_today table#lf_today_table td a {
	width: 100%;
	text-decoration:none;
	cursor:help;
	color:#000;
}
div#lightning_forecast_content div#lightning_forecast_outlook p.outlook {
	margin:10px 0;
	width:737px;
}
div#lightning_forecast_content div#lightning_forecast_outlook table#lf_outlook_table {
	font-size: 1.1em;
	width: 400px;
}
div#lightning_forecast_content div#lightning_forecast_outlook table#lf_outlook_table th {
	width: 200px;
	text-align: center;
	background-color: #eee;
}
div#lightning_forecast_content div#lightning_forecast_outlook table#lf_outlook_table td {
	width: 200px;
	text-align: center;
}
div#lightning_forecast_content div#lightning_forecast_outlook table#lf_outlook_table td.nodefaultcolour {
	background-color:#01EF00;
}
div#lightning_forecast_content div#lightning_forecast_outlook table#lf_outlook_table td.green {
	background-color:#01EF00;
}
div#lightning_forecast_content div#lightning_forecast_outlook table#lf_outlook_table td.amber {
	background-color:#FF7200;
}
div#lightning_forecast_content div#lightning_forecast_outlook table#lf_outlook_table td.red {
	background-color:#FF1F1F;
}
div#lightning_forecast_content div#lightning_forecast_outlook table#lf_outlook_table td a {
	width: 100%;
	text-decoration:none;
	cursor:help;
	color:#000;
}
div#lightning_forecast_content div#lightning_link ul {
	margin: 20px 0 0 0;
	padding: 5px;
	border:1px dashed #000;
}
div#lightning_forecast_content div#lightning_link ul a {
	color: #000;
	text-decoration:none;
}
div#lightning_forecast_content div#lightning_link ul a:hover {
	text-decoration:underline;
}
div#lightning_forecast_content div#lightning_forecast_key {
	margin: 10px 0;
	border-top: 2px dashed #aaa;
}
div#lightning_forecast_content div#lightning_forecast_key p {
	margin: 10px 0;
}
div#lightning_forecast_content div#lightning_forecast_key table {
	font-size: 0.9em;
	width: 400px;
}
div#lightning_forecast_content div#lightning_forecast_key table td {
	padding: 5px;
}
div#lightning_forecast_content div#lightning_forecast_key table td.grey {
	background-color: #eee;
}
div#lightning_forecast_content div#lightning_forecast_key table td.red {
	background-color:#FF1F1F;
}
div#lightning_forecast_content div#lightning_forecast_key table td.amber {
	background-color:#FF7200;
}
div#lightning_forecast_content div#lightning_forecast_key table td.green {
	background-color:#01EF00;
}
div#lightning_forecast_content div#lightning_forecaster {
	margin: 10px 0;
	font-weight:bold;
}
/* Lightning Tooltip */
#lightning_tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}


/* Archive - Lightning Forecast and Alerts */
div#archive_forecast_container, div#archive_alert_container {
	float: left;
	clear: left;
	padding:5px;
	width:748px;
	position:relative;
}
div#archive_forecast_container div#archive_foreword, div#archive_alert_container div#archive_foreword {
	margin: 2px 0 5px 0;
}
div#archive_forecast_container table.calendar, div#archive_alert_container table.calendar {
	float: left;
	clear: none;
	margin:5px 20px;
	width:160px;
	border:2px dotted #bbb;
	height:140px;
}
div#archive_forecast_container table.calendar td, div#archive_alert_container table.calendar td {
	border:1px dotted #ccc;
	text-align:center;
	color:#aaa;
	font-size:12px;
}
div#archive_forecast_container table.calendar td.calendarHeader, div#archive_alert_container table.calendar td.calendarHeader {
	color:#000;
}
div#archive_forecast_container table.calendar td.calendarToday, div#archive_alert_container table.calendar td.calendarToday {
	background-color:#eee;
}
div#archive_forecast_container table.calendar td a, div#archive_alert_container table.calendar td a {
	text-decoration: none;
	color:#000;
}
div#archive_forecast_container table.calendar td a:hover, div#archive_alert_container table.calendar td a:hover {
	text-decoration: underline;
}
div#archive_forecast_container table.calendar td a.link, div#archive_alert_container table.calendar td a.link {
	text-decoration: none;
	color:#000;
	font-weight:bold;
}
div#archive_forecast_container table.calendar td a.link:hover, div#archive_alert_container table.calendar td a.link:hover {
	text-decoration: underline;
}

/* Ensemble Graph Presentation */
div#ensemble_container {
	padding: 5px;
	float: left;
	clear: left;
	width: 740px;
}
div#ensemble_container form#ensembleForm {
	width: 760px;
	position:relative;
	padding: 5px 0 0 0;
}
div#ensemble_container div#ensemble_chart {
	padding: 5px;
}
div#ensemble_container div#ensemble_chart p.ensemble_unavailable {
	margin: 20px 0 0 -5px;
}


/* MOS Graph Presentation */
div#mos_container {
	padding: 5px;
	float: left;
	clear: left;
}
div#mos_container div#pdf, div#ensemble_container div#pdf, div#obs_forecast_table_form_idx div#pdf, div#obs_container form div#pdf, div#maps_page_container div#pdf, div#lightning_forecast_content div#pdf, div#lightning_content div#pdf, div#alerts_page_container div#pdf, div#archive_alert_container div#pdf {
	position:absolute;
	top:0;
	right:0;
	padding: 0 3px 0 0;
}
div#mos_container div#mos_chart {
	padding: 5px;
}
div#mos_container div#mos_chart_key {
	float: left;
	clear: left;
	padding: 5px;
}
div#mos_container div#mos_chart_key div.keycolour {
	float: left;
	clear: none;
	width: 15px;
	border:1px solid #333;
	margin: 0 5px 0 0;
}
div#mos_container div#mos_chart_key div.keyname {
	float: left;
	width: 120px;
}

/* MOS Table Presentation */
div#mos_container {
	padding: 5px;
	float: left;
	clear: left;
}
div#content div.mos_table {
	width: 1010px;
}
div#mos_container form {
	width: 1010px;
	position:relative;
}
div#mos_container form#mosForm {
	width: 760px;
	position:relative;
	padding: 5px 0 0 0;
}
div#mos_container table#mos_forecast_table {
	float:left;
	clear:left;
	margin: 10px 0 0;
	font-size: 11px;
	width:100%;
}
div#mos_container table#mos_forecast_table input {
	font-size: 11px;
	text-align:center;
}
div#mos_container table#mos_forecast_table input.btn {
	font-size:10px;
	padding:1px;
	width:36px;
}
div#mos_container table#mos_forecast_table td.sub_set {
	border:1px solid #aaa;
	text-align:center;
	background-color:#EEEEEE;
}
div#mos_container table#mos_forecast_table td.header {
	padding: 4px;
	border:1px solid #aaa;
	text-align:center;
	background-color:#EEEEEE;
}
div#mos_container table#mos_forecast_table td.sub_header {
	padding: 4px;
	border:1px solid #aaa;
	text-align:center;
	background-color:#EEEEEE;
}
div#mos_container table#mos_forecast_table td.sub_header a {
	color:#000;
	text-decoration: none;
}
div#mos_container table#mos_forecast_table td.sub_header a:hover {
	text-decoration: underline;
}
div#mos_container table#mos_forecast_table td.day {
	padding: 4px;
	border:1px solid #ccc;
	background-color:#EEEEEE;
	text-align:left;
	font-weight: bold;
}
div#mos_container table#mos_forecast_table td.data {
	padding: 4px;
	border:1px solid #ccc;
	text-align:center;
}
div#mos_container table#mos_forecast_table td.alert {
	border-color:#FF0000;
	background-color:#FFD1B3;
	border-width: 2px;
}
div#mos_container table#mos_forecast_table td.warning {
	border-color:#FF8000;
	background-color:#FFF7B3;
	border-width: 2px;
}
div#mos_container table#mos_forecast_table td.ok {
	border-color:#00FF00;
	border-width: 2px;
	background-color:#E0FFB3;
}
div#mos_container table#mos_forecast_table td.alternate {
	background-color:#EEEEFF;
}
div#mos_container label {
	font-size: 11px;
}
div#mos_container select#sample_period {
	font-size: 11px;
	margin: 0 10px 0 0;
}


/* Obs Table Presentation */
div#obs_container {
	padding: 5px;
	float: left;
	clear: left;
}
div#content div.table {
	width: 1020px;
}
div#obs_container form {
	width: 1030px;
	position:relative;	
}
div#obs_container table#obs_forecast_table {
	margin: 10px 0 0 0;
	font-size: 11px;
}
div#obs_container table#obs_forecast_table input {
	font-size: 11px;
	text-align:center;
}
div#obs_container table#obs_forecast_table input.btn {
	font-size:10px;
	padding:1px;
	width:36px;
}
div#obs_container table#obs_forecast_table td.sub_set {
	border:1px solid #aaa;
	text-align:center;
	background-color:#EEEEEE;
}
div#obs_container table#obs_forecast_table td.header {
	padding: 4px;
	border:1px solid #aaa;
	text-align:center;
	background-color:#EEEEEE;
}
div#obs_container table#obs_forecast_table td.sub_header {
	padding: 4px;
	border:1px solid #aaa;
	text-align:center;
	background-color:#EEEEEE;
}
div#obs_container table#obs_forecast_table td.sub_header a {
	color:#000;
	text-decoration: none;
}
div#obs_container table#obs_forecast_table td.sub_header a:hover {
	text-decoration: underline;
}
div#obs_container table#obs_forecast_table td.day {
	padding: 4px;
	border:1px solid #ccc;
	background-color:#EEEEEE;
	text-align:left;
	font-weight: bold;
}
div#obs_container table#obs_forecast_table td.data {
	padding: 4px;
	border:1px solid #ccc;
	text-align:center;
}
div#obs_container table#obs_forecast_table td.alert {
	border-color:#FF0000;
	background-color:#FFD1B3;
	border-width: 2px;
}
div#obs_container table#obs_forecast_table td.warning {
	border-color:#FF8000;
	background-color:#FFF7B3;
	border-width: 2px;
}
div#obs_container table#obs_forecast_table td.ok {
	border-color:#00FF00;
	border-width: 2px;
	background-color:#E0FFB3;
}
div#obs_container table#obs_forecast_table td.alternate {
	background-color:#EEEEFF;
}
div#obs_container label {
	font-size: 11px;
}
div#obs_container select#sample_period {
	font-size: 11px;
	margin: 0 10px 0 0;
}

/* Maps player */
div#maps_page_container {
	float: left;
	clear: left;
	padding: 0 5px;
	position:relative;
	width:750px;
}
div#maps_page_container div#controls {
	float: left;
	width: 640px;
	padding:10px 0 5px 0;
}
div#maps_page_container div#controls label {
	font-size:11px;
	float: left;
	margin: 5px 5px 0 0;
}
div#maps_page_container div#controls select#dtgs {
	float: left;
	clear: none;
	font-size:11px;
	margin: 3px 0 0 0;
}
div#maps_page_container div#controls div.btn-container {
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
}

/* Help */
table.help_table {
	margin: 5px;
	font-size: 10px;
	width:550px;
}
table.help_table tr.header_center, table.help_table tr.header {
	background:#eee;
}
table.help_table td {
	border:1px solid #000;
	text-align:center;
	padding:2px;
}

/* Alerts */
div#alerts_page_container {
	padding:5px;
	clear:left;
	float:left;
	position:relative;
}
div#alerts_page_container table#alerts_table {
	border:1px solid #000;
	width:750px;
	font-size:11px;
}
div#alerts_page_container table#alerts_table td {
	padding: 3px;
	border:1px solid #000;
}
div#alerts_page_container table#alerts_table thead {
	font-weight:bold;
}
div#alerts_page_container div#alerts_heading {
	font-size:12px;
	width:500px;
	font-weight:bold;
	margin:0 0 10px 0;
}

/* Home page Forecast */
div#email_forecast_container {
	width:98%;
}
div#email_forecast_container {
	padding:5px;
}
div#email_forecast_container .heading {
	font-weight:bold;
}
div#email_forecast_container table.heading {
	margin: 10px 0;
}
div#email_forecast_container table.heading td {
	font-size:12px;
	text-decoration:underline;
}
div#email_forecast_container table td {
	font-size:11px;
}
div#email_forecast_container table td.chart {
	text-align:center;
}
div#email_forecast_container table.warning_heading {
	margin: 5px 0px;
}
table#email_forecast_header p.email_synop {
	border:1px solid #000;
	margin: 5px 0px;
	padding:5px;
	font-weight: bold;
}
div#email_forecast_container table {
	width:98%;
}
div#email_forecast_container table td {
	text-align:center;
}
div#email_forecast_container table td a {
	text-decoration:none;
	color:#000;
}
div#email_forecast_container table td a:hover {
	text-decoration:underline;
}
div#email_forecast_container p.email_warnings {
	padding:5px;
	font-weight: bold;
	border:1px solid #000;	
}
div#email_forecast_container table#email_forecast_data {
	width:98%;
}
div#email_forecast_container table#email_forecast_data td {
	border: 1px solid #aaa;
	text-align:center;
	padding: 2px;
}
div#email_forecast_container table#email_forecast_data td.left {
	text-align:left;
	padding:0 0 0 5px;
}
div#email_forecast_container table#email_forecast_data tr.last {
	border-bottom:2px solid #666;
}
div#email_forecast_container table#email_forecast_data tr.alt {
	background-color:#eee;
}
div.btn-container td.disabled {
	color:#eee !important;
}


/* Request Form */
div#request_container {
	float: left;
	clear: left;
	width: 700px;
}
div#request_container a {
	color:#000;
	text-decoration:none;
}
div#request_container a:hover {
	text-decoration:underline;
}
div#request_container form#request div.row {
	clear:both;
	font-size:11px;
	padding:5px 0;
}
div#request_container form#request div.row input {
	font-size:11px;
}
div#request_container form#request div.row select {
	font-size:11px;
	float:left;
	margin:0 5px 0 0;
}
div#request_container form#request div.row input.error {
	border:1px solid red;
}
div#request_container form#request div.row textarea {
	font-size:11px;
}
div#request_container form#request div.row .col1 {
	float:left;
	text-align:right;
	width:150px;
}
div#request_container form#request div.row .col1 span.required {
	color:red;
	text-align:left;
}
div#request_container form#request div.row .col2 {
	float:left;
	text-align:left;
	width:500px;
	margin:0 0 0 4px !important;
}
div#request_container form#request div.btn-container {
	margin:5px 0 0 150px;
	padding:0;
	width:50px;
	clear:left;
	float:left;
}
div#request_container form#request div.btn-container table.btn-outer {
	width:80px;
	float:left;
	clear:left;
}
div#request_container form#request input#request_submit {
	margin:5px 0 0 153px;
}
div#request_container form#request div.row .col2 label.error {
	margin:0 0 0 5px;
	color:red;
	font-weight:bold;
}
div#lightning_container {
	float: left;
	clear: left;
	width: 700px;
}
div.frontpage_centre {
	padding:20px;
	width:700px;
	text-align:center;
}

div#mos_container div.issue {
	clear:left;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding:5px 0;
	width:100%;
}

.portcast-website-brand-2013 {
    display: block;
}

.portcast-website-brand-2014 {
    display: none;
}