/* marine.css */

li.radio{list-style-image:url(/marine/images/thumbnails/radio.png); margin-left:.4em;}
li.radio a{padding-left:.2em;}
a.radio{ 
background-image:url(/marine/images/thumbnails/radio.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
}

/* forecasts.shtml observations.shtml*/
#statelist ul{list-style-image:none;}
#statelist ul ul{list-style:none; list-style-image:url(/watl/images/symbols/bullet-sub.gif); margin-bottom:0.6em;}
/*used in marine warnings page*/
#statelist ul {font-weight:bold;}
#statelist a{font-weight:normal;display:inline;}
#statelist ul ul{margin-bottom:1.0em;font-weight:normal;}

/* averages-trends.shtml */
#averages { margin-top: 1em; }
#averages table.table-text tr{text-align:center;}
#averages table.table-text a{text-decoration:none;}

/*marine-service-changes.shtml*/
#service-changes h2{font-size:1.1em;margin-top:1.6em;padding-top:0.4em;border-top:solid 1px #efefef;}
#service-changes h2 span.date{font-size:90%;color:#999;display:block;} 

/* marine-weather-hf-radio.shtml */
#hf-radio .vmc{background-color:#8BD6A6; padding:0.1em;line-height:1.6em;}
#hf-radio .vmw{background-color:#9CC1DB; padding:0.1em;line-height:1.6em;}

/*marine-weather-vhf-radio-providers.shtml*/
#vhf-providers p{margin-bottom:0;padding-bottom:0;}

/* definitions.shtml */
#definitions dfn{font-weight: bold; font-style:normal;}

/*product-sample pages - could be service generic */
#product-sample h2{font-size:1.0em; color:#666;}
#product-sample	.highlight {color:#000;}

.altversion {float:right; text-align:right;}
		
/* warnings map */
.warnings{z-index:1;}
#warningmap1, #warningmap2, #warningmap3,#warningmap4,#warningmap5,#warningmap6,#warningmap7{visibility:hidden; position:absolute; left:0; top:0;}
#warningmap, #warningmapTop{
	position:absolute;
	left:0;
	top:0;
	visibility: visible;
}

#warningmapTop img{border:none;}
#warningmap{z-index:1;}
#warningmapTop{z-index:10;}
#warningmap1{z-index:2;} 
#warningmap2{z-index:3;}
#warningmap3{z-index:4;}
#warningmap4{z-index:5;}
#warningmap5{z-index:6;}
#warningmap6{z-index:7;}
#warningmap7{z-index:8;}
@media screen{#mapcontainer {position:relative; height:154px;}}
	
#m-warnings{color:#000;}		
		
/* separate second menu in left bar - oceanography */
.menu a{padding-left:14px; background-image:url(/watl/images/symbols/dot.gif); background-repeat:no-repeat; background-position:left;}

#content-block div.checklist{position:relative;}
#content-block div.checklist ul{ list-style-image: none;}
#content-block div.checklist li{background-image:url(/watl/images/symbols/checbox.gif); background-repeat:no-repeat; background-position:0 0; padding-left:20px;padding-bottom:0.6em; padding-right:0.2em;
}
@media print{#content-block div.checklist li{ list-style-image:url(/watl/images/symbols/checbox.gif);
margin-left:0.4em; padding-left:0.2em; margin-bottom:0; padding-bottom:0.3em;
}}

/*****************************/
/*added or merged Jan/Feb 2011 hk*/
/*****************************/
#content { margin-top: 0.5em; }
#page-info { padding-top: 0px; padding-left: 20px; background-position: 0 0.1em; }
#floatie {
	width:auto; 
	float:right; 
	border:2px solid #ccc; 
	margin-right:25px; 
	background-color:#fff;
	background-image:url(/marine/images/content-item-bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top-right-radius:7px;
	-moz-border-radius-topright:7px;
	}
#floatie p {
	margin: 7px 15px 9px 0; 
	padding: 0 0 0 24px; 
	background-repeat:no-repeat; 
	background-position:7px 4px; 
	background-image:url('../images/comment-icon.gif');
	}

.p-id { margin-top: 0; }
.box-feature-marine {padding:0.4em;width:500px;}
.box-feature-marine h2 {color:#c00;font-size: 1em;}
.box-feature-marine h2 a {color:#c00;font-size: 1em;text-decoration:none;}
.box-feature-marine h2 a:hover {text-decoration:underline;}
.box-feature-marine span {font-weight:normal; word-spacing:0.35em;}
h2.marine { font-size: 1em; margin-top: 1em; margin-left: 0.7em;}

#marine .tabberlive .tabbertab {
 border-right:2px solid #ccc;
 border-bottom:2px solid #ccc;
 }

#marine div.tabbertab ul { margin-left:0; }
div.tabbertab li {
	list-style-image:url(/watl/images/symbols/bullet.gif);
	padding-right:1.5em;
	}

#marine div.tabbertab {
	height: 12em;
	min-height:12em;
	height:auto; background-color: #f0f0f0; }

@media screen {
/* hide from selected handhelds */
/* TABBER OVERRIDES */
#marine {width:770px;} 
#marine .tabbernav li.tabberactive a {
	background-color:#f0f0f0 !important;
	border-bottom-color:#f0f0f0 !important;
	}

#marine ul.tabbernav {border-bottom:1px dotted #999; font-size:14px; padding-top:9px;}
#marine ul.tabbernav li a {
	padding: 6px 20px 5px 17px;
	margin-left: 7px;
	border: 2px solid #ccc;
	border-bottom: none;
	background:#fff;
	text-decoration: underline;
	font-size: 0.9em;
	}
#marine ul.tabbernav li a:link, #marine ul.tabbernav li a:visited {color:#06C; text-decoration:underline;}
#marine ul.tabbernav li a:hover {border-color:#06C; border-bottom:none;}
#marine ul.tabbernav li.tabberactive a {color:#000; text-decoration:none; padding-bottom: 6px;}
#marine ul.tabbernav li.tabberactive a:hover {border-color:#ccc; cursor:default;}

/* TRI-COLUMN WARNING PART */
#marine .content-item .warning {color:#C00; background-color:#FCF3F3; border-bottom:2px solid #F5C6BA;}
#marine .content-item .fc-head {color:#06C; background-color:#E7F0F7; border-bottom:2px solid #B5CDE6;}
#marine .content-item .obs-head {color:#517700; background-color:#EFF1D3; border-bottom:2px solid #C4CFA0;}

/* TRI-COLUMN CONTENT ITEM PARTS */
#marine .content-item {
	width:31%;
	height:auto;
	min-height:150px;
	float:left;
	padding:0.3em;
	margin:4px 5px 0 5px;
	background-color:#fff;
	background-image:url(/marine/images/content-item-bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border:none;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	}

#marine .content-item h4 {
	letter-spacing:0.1em;
	margin: 0;
	margin-bottom:0.5em;
	padding:5px 0 0.35em 1.3em;
	text-transform:uppercase;
	color:#000;
	}

#marine .content-item h4 img {margin:0; padding:0 0.5em; line-height:0;}

#marine .content-item ul { list-style-position:outside; }
#marine .content-item ul ul { padding:0; }
#marine .content-item li {
	margin-left:2em;
	padding:0.25em 0.25em 0.25em 0;
	border-bottom:1px dotted #ccc;
	}

	#marine .content-item li:hover, 
	#marine .content-item p:hover,
	#marine .content-item li:hover a, 
	#marine .content-item p:hover a
	{color:#000; background-color:#f5f5f5;}
	
	#marine .content-item li:hover a, 
	#marine .content-item p:hover a
	{text-decoration:underline;}
	
	#marine .content-item li li, #marine .content-item li li li {
	border-bottom:none
	}

#marine .content-item p {
	text-indent: -1.75em;
	margin: 0 0 0 1.75em;
	padding:0.25em;
	border-bottom:1px dotted #ccc;
	}
#marine .content-item p.list-title {
	text-indent: 0;
	border: none;
	font-weight: bold;
	color: #333;
	padding: 0 0 0 3px;
	margin: 0;
	}
#marine .content-item p.list-title:hover {
	background-color: transparent;
}
#marine .content-item .indent { padding-left: 24px; }
#marine .content-item li.last {border-bottom:none;}
#marine .content-item p.last {border-bottom:none;}
#marine .content-item hr {border:none;border-top: 1px dotted #999; margin: 4px 0 4px 3px;}
#marine a.map { padding-left: 1.75em; }
#marine a.fe-nsw { padding-left: 1.75em; background-image: url(/images/general/icon-fe-nsw.gif); background-repeat:no-repeat; }
#marine a.fe-vic { padding-left: 1.75em; background-image: url(/images/general/icon-fe-vic.gif); background-repeat:no-repeat; }
#marine a.fe-tas { padding-left: 1.75em; background-image: url(/images/general/icon-fe-tas.gif); background-repeat:no-repeat; }
/* TRI-COLUMN IMAGES */
#top-row {}
#col1 h2,#col2 h2,#col3 h2 {text-align:center;}
#col2 h2,#col3 h2 {width:200px; margin:0 7px;}
#col1,#col2,#col3 {
	float:left;
	text-align:center;
	margin:4px 0;
	background-color:#fff;
	background-image:url(/marine/images/content-item-bg-rev.png);
	background-position:top;
	background-repeat:repeat-x;
	}

#col1 {border:1px solid #ccc; height:auto; min-height:240px; padding:7px 9px; margin-right:1px;}
#col2 {border:1px solid #ccc; height:auto; min-height:240px; padding:7px 10px; margin:4px 9px;}
#col3 {border:1px solid #ccc; height:auto; min-height:240px; padding:7px;}

#col1 img {width:240px; height:190px; border:1px dotted #ccc; margin:5px 0;}
#col2 img {width:207px; height:190px; border:1px dotted #ccc; margin:5px 8px 0 8px;}
#col3 img {width:207px; height:190px; border:1px dotted #ccc; margin:5px 8px 0 8px;}

#col1 h2, #col2 h2, #col3 h2 {color:#000; background-color:#fff; border:1px dotted #ccc; padding:0.35em;}

}

@media print {
#col1,#col1 img,#col2,#col2 img,#col3,#col3 img {
float:none; border:none; 
width:auto; height:auto; 
text-align:left; display:inline;
}
	}



		/*]]*/

/*ul.leftmenu li {
	background-image: url('/watl/images/symbols/dot.gif');
	background-repeat: no-repeat;
	background-position: 2px 4px;
	text-indent: 15px;
	line-height: 1.7em;
}
*/#section-nav li li img {
	display: none !important;
}
#section-nav li li {
	background-image: url('/watl/images/symbols/dot.gif');
	background-repeat: no-repeat;
	background-position: 9px 3px;
	padding-left: 22px;
}
#section-nav li > ul {
	margin-top: 0px;
}
#right-block {
	margin-top: 1em;
}
.right-block, #floatie.right-block {
	float: right;
	clear: none;
	width: 190px;
	border:2px solid #ccc; 
	margin: 0 3px 1em 0;
}
.page-menu ul { margin: 0.2em 0 0.5em 25px; }
.page-menu ul li ul { margin: 0 0 0 18px; }

div.ssta-ri { padding-top: 0.65em; }
div.ssta-ri div.border { border: 1px solid #ccc; width: 188px; padding: 0.5em 0 0.7em; }
div.ssta-ri h2 { font-size: 1.2em; margin: 0.5em 0 0.3em 0; padding: 0; padding-left: 1em; }
div.ssta-ri h2 a { text-decoration: none; }
div.ssta-ri p { font-size: 1em; margin: 0.3em 0.5em 0.4em 0.2em; padding: 0 1em; }

.noscript-warning { margin: 1em; padding: 1em; border: 1px solid red; color: red; }

/* core.css colour overrides */
/*#global-nav { background-color: #C0CDDA;  border-top: 1px solid #C0CDDA; border-bottom: 1px solid #AAA; }
#global-nav ul li a { background-color: #C0CDDA; }
h3.leftmenu { background-color: #DAE1E9; color: #000; }
h3.leftmenu a:link, h3.leftmenu a:visited { background-color: #C0CDDA; color: #000; border-bottom: 1px solid #C0CDDA; }
h3.leftmenu a:hover, h3.leftmenu a:active, h3.leftmenu a:focus{ background-color: #DAE1E9; text-decoration: underline; }
ul.leftmenu li { background-image: url('/images/ui/dot.gif'); }
.leftmenu li.closed { background-image: url('/images/ui/plus.gif'); }
.leftmenu li.open { background-image: url('/images/ui/minus.gif'); }
.leftmenu li { background-color: #DAE1E9; border-bottom: 1px solid #C0CDDA; border-top: 1px solid #DAE1E9; }
.leftmenu li a { color: #036; }
.leftmenu li a:hover { color: #036; }
.leftmenu li a.currentPage { color: #036; }
.leftmenu li li { background-color: #F3F5F8; border-top-color: #C0CDDA; border-bottom: none; background-image: url('/images/ui/dot.gif'); }
.leftmenu li li a { color: #06C; }
.leftmenu li li a:hover { color: #06C; }
#right-block, .callout { border-color: #DAE1E9; }
#right-block h2, .right-block h2, .right-col h2, .callout h2 { background-color: #DAE1E9; }
#right-block h3, .right-block h3, .right-col h3, .callout h3 { background-color: #F3F5F8; border-top: 1px solid #DAE1E9; color: #666; }
*/