/*Advert placement positioning
Affects the index page layout severely.
*/
#content {float:left;width:100%;margin-right:-100%;}
#content-inner {float:none;margin-left: 0; margin-right: 168px;}
.column {float:left;}
.right{float:right; width: 168px; }
#footer{clear:both;text-align:center; margin-top:8px;}
/* */

a:focus { outline:none }
#map {
	background:#c7bfc1;
	float:left;
	width:100%;
	height:616px;
}
#mapBox {
	background-color: #c7bfc1;
	padding-top: 0px;
	height: 616px;
	width: 100%;
}
#load {
	font-weight:bold;
	color:#000;
}
p {
	padding: 2px 0px;
	margin:2px 0px;
}
.selected {
	background:#000!important;
}
.playpause {
	float:left;
	width: 33px;
	height: 30px;
	margin: 4px 6px;
	cursor: pointer;
}
#play {
	background: url(../template/buttons/anim.png) 0px 0px no-repeat;
}
#pause {
	background: url(../template/buttons/anim.png) 0px -30px no-repeat;
}
#tileLoading {
	float:left;
	width: 16px;
	height: 16px;
	margin: 11px 14px;
	background: url(../images/loadingSmall.gif) no-repeat;
}
#play a:hover {
	background: transparent url(../template/buttons/anim.png) -33px -0px no-repeat;
}
#pause a:hover {
	background: transparent url(../template/buttons/anim.png) -33px -30px no-repeat;
}
.showLayer {
	font-weight:700;
	color:#000;
	background-color:#ccc;
	-moz-border-radius-bottomright:1em;
	-moz-border-radius-topright:1em;
	-webkit-border-bottom-right-radius: 1em;
	-webkit-border-top-right-radius: 1em;
}
#info {color:#fff;}
.styled {margin-left:7px;}
#tlPanel {width:350px;height:45px;padding-left:3px;border:1px solid #cf3;background-color:#000;-moz-border-radius:6px;-webkit-border-radius: 6px;}
.tlPos {float:left;background-color:#cf3;height:13px;width:12px;border:2px solid #000;padding:2px 0px;margin: 0px 0px 0px 0px;color:#000;}
.tlPeriod {float:left;height:40px;background-color:#ccc;}
.tlTime {padding:0;line-height:1.5em;display:none;}

/* NEW LAYERS MENU (OPTIONS)*/
.item {height:20px;padding: 2px;border-bottom:1px solid #fff;background-color:#000;}
.item.unavailable label span {color:gray;}
.item input {float:left;}
.item label {float:left;display:block;padding:2px 0px 2px 2px;color:#fff;font-weight:700;font-size:8pt;line-height:1.2em;cursor:pointer;}
.headerbar {color: #cf3;font-size:14px;font-weight:700;padding:5px;background: #000 url(../template/minus.gif) no-repeat right;border-bottom:1px solid #CCC;}
.selClosed {background-image:url(../template/plus.gif)!important;}
.layerKey {display:none;background-color:#666;}
.radiob{cursor:pointer;}

h2{padding:2px;margin:0px;color:#cf3;font-weight:bold;font-family:Arial, Verdana;}
h3{padding:2px;color:#cf3;font-weight:bold;font-family:Arial, Verdana;}
h4{padding:2px 2px 2px 2px;color:#cf3;font-weight:bold;font-family:Verdana, Arial;font-size:14px;text-align:left;margin:0px;}

/* Loading box styling */
#loadingBox {
	margin-bottom:5px; 
	width:500px;
	position:absolute;
	top:212px;
	left:71px;
	background-color:#000;
	color:#fff;
	border:2px solid #FFF;
	height:389px;
	opacity:0.9; 
	filter:alpha(opacity=90);
	padding:1em;
	z-index:9000;
}
#loadingBox p {
	font-size:1.5em;
	line-height:2em;
	margin-top:1.5em;
	margin-left:8px;
}
#loadingBox #loading {
	position:absolute;
	top:180px;
	left:20px;
	display:inline;
	float:left;
}


/* Error box styling */
.errorBox {
	margin-bottom:5px; 
	width:500px;
	position:absolute;
	top:252px;
	left:71px;
	background-color:#000;
	color:#fff;
	border:2px solid #FFF;
	height:100px;
	opacity:0.9; 
	filter:alpha(opacity=90);
	padding:1em;
	display:none;
	z-index:9000;
}
.errorBox p {
	font-size:1.3em;
	line-height:1.5em;
	margin-top:1.5em;
	margin-left:8px;
}
.errorBox p em {
	color:red; 
	font-weight:bold;
	font-style:normal;
}


/*___________*/
/*TEXT FORECAST*/
.forecastBar {
	border-bottom:0px solid #777777;
	color:#CCFF33;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	padding:0;
	padding-top:0.5em;
	padding-right: 0.5em;
	height:24px;
}
.popup {z-index:9000;}
.popupSel{z-index:9999;}
#textFCBox {
	margin-bottom:5px; 
	width:500px;
	position:absolute;
	top:212px;
	left:71px;
	background-color:#000;
	color:#fff;
	border:2px solid #FFF;
	height:469px;
	opacity:0.9; 
	filter:alpha(opacity=90);
	display:none;
}
#textFCtitle, #textWarningtitle {margin-bottom:5px; text-align: center;}
#mainFCText, #mainWarningText {
	clear:both;
	padding:8px;
	overflow:auto;
	height:400px;
}

.crossImage{position:relative; float:right;cursor:pointer;}
.minImage{position:relative; float:right;cursor:pointer;}
.FCTitle{float:left;}
#FCForm{float:right;position:relative;right:15px;top:2px;}

#FCForm {margin:0;}
#fcTabs {margin-left:15px;}
#fcTabs li {
	float:left;
	border:2px solid #777777;
	border-bottom-width:0;
	list-style-type:none;
	margin:0 0.5em 0 0;
	padding:0.25em 0.5em 0.25em 0.5em;
	position:relative;
	top:2px;
	-webkit-border-radius-topleft:0.2em;
	-webkit-border-radius-topright:0.2em;
	-moz-border-radius-topleft:0.2em;
	-moz-border-radius-topright:0.2em;
	opacity:1; 
	filter:alpha(opacity=100);
	background-color:#777777;
}

#fcTabs li.hovered {
	background-color:black;
}

#fcTabs li a {
	text-decoration:none;
	color:#CCFF33;
}

#fcTabs li.selected {
	background-color:black;
}
#mainFCText, #mainWarningText {
	border-top:2px solid #777777;
	margin-top:0;
}

/* Warnings styling */
.warning {
	width:100%;
	margin-bottom:15px;
}
.warning tr {vertical-align:top;}
.warning tr.filler td {
	padding:0px;
	height:0px;
	width:15%;
}
.warningType {
	border-bottom:1px solid #777777;
	border-right:1px solid #777777;
	padding:10px;
	height:22px;
	width:60%;
	background-color:#425796;
	-moz-border-radius-topLeft:4px;
	-webkit-border-radius-topLeft:4px;
}
.warningType h2 {
	margin:0;
	color:#FFF;
}
.warningValidity {
	border-bottom:1px solid #777777;
	padding:10px;
	height:22px;
	background-color:#425796;
	color:#FFF;
	-moz-border-radius-topRight:4px;
	-webkit-border-radius-topRight:4px;
}
.warningText {
	padding:10px;
	border-right:1px solid #777777;
	background-color:#C0C7DC;
}
.warningText p {}
.warningText p.issued {
	font-weight:bold;
}
.warningSuppInfo {
	padding:10px;
	background-color:#C0C7DC;
}
.warningSuppInfo h2 {
	font-size:110%;
}
.warningSuppInfo p {}
.warningSuppInfo ul {
	list-style-type:none;
}
.warningSuppInfo ul li {}

#headerWarn {margin-top:10px;}

/*_____________*/
/*DATETIME*/
#time{padding: 3px 5px 3px 3px;font-weight:bold;font-size:100%}
#date{padding: 3px 10px 3px 3px;font-weight:bold;font-size:100%}
#prodTitle{padding: 3px 10px 3px 3px;font-weight:bold;font-size:100%}
/*________*/
/*TIMELINE*/
/* this colour should match the #tlContainer li a:hover colour. */
.tooltipInProgress {color:lightblue;}
#leftTl {height:38px;width:345px;float:left;}
#rightTl {height:38px;width:36px;float:left;display:none;}
#frameNav {
background: #000;
opacity:0.9;
filter:alpha(opacity=90);
border:2px solid #f0f0f0;
-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;
width:390px;
padding:4px 4px;
font-size: 12px;
}
#tlDiv {margin-top:2px;}
#tlContainer{padding:0px;list-style:none;display:inline;margin:0px;line-height:12px;}
#tlContainer li{
display: inline-block;
list-style-type: none;
padding:0px;
height:12px;
border-width:1px 1px 4px 0px;
border-style:solid;
border-color:#000;
border-bottom:4px solid #cf3;
float:left;
background:#909090;
margin:0px;
cursor:pointer;
}
.tlobs{border-bottom:4px solid #fff!important;}
#tlContainer li a{color:#cf3;text-decoration:none;display:block}
.current{background:#cf3!important;}
/* This is the color for hovered items in the timeline, and should match the tooltipInProgress class */
#tlContainer li a:hover,#tlContainer li:hover {background-color:lightblue;}
#textFC {padding-bottom:20px;}
#warnGMap {
	margin:auto;
	padding:5px;
	width:225px;
	background:#000;color:#fff; border:0px solid #cf3;
-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;

}

#warnFCMaps {
	margin:0px;
	border:0px;
	padding:0px;
}

#warnings {
	background:#e7e7e7;
	padding:3px;
	float: left;
	text-align:center;
	width:533px;
}
	
#warnings img{
	border:1px solid #000;

}

.warnimglink{
	display:inline!important;float:left;padding:2px;
	
}

#warningsBox{
	width:100%;
}

#disclaimer {
	background:#CF3;
	padding:3px;
	clear:left;
	text-align:center;#
	width:auto;
	margin-top:12px;
	font-weight:bold;
}


#bound {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}


.regswitch {
background-image:url(/lib/template/bt_arw.gif);
background-repeat:no-repeat;
position:relative;
text-decoration:none;
top:2px;
}
.regswitch:hover {
background-image:url(/lib/template/bt_arwmo.gif);
}

.spsy{height:5px;clear:left;}
.spmy{height:10px;clear:left;}
.sply{height:20px;clear:left;}
.spsx{width:5px;height:5px;float:left;}
.spmx{width:10px;height:10px;float:left;}
.splx{width:20px;height:10px;float:left;}
#bc{height:20px;clear:left;overflow:hidden;}
#bc a,#bc a:visited{font-size:0.95em;font-weight:700;color:#333;tmargin-right:6px;padding-left:3px;padding-right:8px;background-image:url("/public/pws/lib/template/bt_arb.gif");background-repeat:no-repeat;background-position:right center;}
#bc a:hover,#bc a:focus,#hstog a:hover,#hstog a:focus,#footer a:hover,#footer a:focus{text-decoration:underline;color:#00ADD0!important}
#here {color:#777;}

.tooltip {
	background-color:#000;
	color:#FFF;
	border: 2px solid #FFF;
	padding: 3px;
	font-size:12px;
	opacity:0.9;
	filter:alpha(opacity=90);
	font-weight:bold;

}

.slideBox{margin-bottom:5px;width:175px;font-weight:bold;background-color:#000;color:#fff;border:2px solid #FFF;font-size:12px;overflow:auto;}
.slideBox a{color:#cf3;}
#favs{display:none;overflow:auto;height:165px;overflow:hidden;}
.slideTop{padding:2px 5px;background: url(../template/minus.gif) no-repeat right;cursor:pointer;}
.slideBottom {border-top:1px solid #CCC;}
#addFav{overflow:auto; padding:0px 5px 5px 5px; line-height:1.3em;height:160px;overflow:hidden;}
#nameFav{display:none; height:180px;overflow:auto;line-height:1.3em; padding:5px;}
.favIcon{cursor:pointer;float:right;margin:4px;}
.favIconLeft{position:absolute;left:10px;bottom:10px;cursor:pointer;}
.starIcon{float:left;}
.deleteIcon{float:right;}
.favText{float:left;margin-left:2px;}
.listStyle {cursor:pointer;border-bottom:1px solid;padding:4px;height:18px;}
#favCb {float:left;border:none;margin:6px;padding:0;}
#hideText{float:left;margin-top:6px;}

#wBox{
	margin-bottom:5px; width:175px;height:210px;position:absolute;top:380px;right:0px;font-weight:bold;background-color:#000;color:#fff;border:2px solid #FFF;font-size:12px;opacity:0.9; filter:alpha(opacity=90);overflow:auto;}
#wBox a{color:#cf3;}
#wContent{display:none; height:130px;overflow:auto;line-height:0.3em; padding:5px;}
.wTop{padding:2px 5px; border-bottom:1px solid #CCC;background: url(../template/minus.gif) no-repeat 155px 5px;}


/*___________*/
/* HELP */

#helpIcon {cursor:pointer;z-index:9000;}

#helpBox {
	margin-bottom:5px; 
	width:500px;
	position:absolute;
	top:248px;
	left:119px;
	background-color:#000;
	color:#fff;
	border:2px solid #FFF;
	height:469px;
	opacity:0.9; 
	filter:alpha(opacity=90);
	display:none;
	z-index:9000;
}

.helpBar {
	border-bottom:0px solid #777777;
	color:#CCFF33;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	padding:0;
	padding-top:0.5em;
	padding-right: 0.5em;
	height:24px;
}

#helpTabs {margin-left:15px;}
#helpTabs li {float:left;
	border:2px solid #777777;
	border-bottom-width:0;
	list-style-type:none;
	margin:0 0.5em 0 0;
	padding:0.25em 0.5em 0.25em 0.5em;
	position:relative;
	top:2px;
	-webkit-border-radius-topleft:0.2em;
	-webkit-border-radius-topright:0.2em;
	-moz-border-radius-topleft:0.2em;
	-moz-border-radius-topright:0.2em;
	opacity:1; 
	filter:alpha(opacity=100);
	background-color:#777777;
}

#helpTabs li a {
	text-decoration:none;
	color:#CCFF33;
}

#helpTabs li.selected {
	background-color:black;
}

#helpTabs li.hovered {
	background-color:black;
}

#mainHelpText {
	clear:both;
	padding:8px;
	overflow:auto;
	height:400px;
	border-top:2px solid #777777;
	margin-top:0;
}

#mainHelpText h2 {margin-bottom:5px; text-align: center;}

#mainHelpText dl {}
#mainHelpText dt {color:#ccff33;margin-bottom:0.25em;font-weight:bold;}
#mainHelpText dd {margin-bottom:1em;}