/* 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 Sep/Oct 2017 oeh*/
/*****************************/
div#columns div#container div#content table.odd {width: 100%; }
div#columns div#container div#content table.odd {border-top: solid #F79646 1.0pt; border-bottom: solid #F79646 1.0pt; } 
div#columns div#container div#content table.odd thead tr th,
div#columns div#container div#content table.odd tbody tr td {padding: 5px; } 
div#columns div#container div#content table.odd thead tr th{border-bottom: solid #F79646 1.0pt; } 

div#columns div#container div#content table.odd tbody tr.odd {background-color:#FDE4D0; }

/*****************************/
/*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; }
.page-info { padding-top: 0px; padding-left: 20px; background-position: 0 0.1em; background-image: url(/watl/images/symbols/about.gif); background-repeat: no-repeat;background-position: 0 0.3em;padding: 0.3em 0 0.4em 18px;font-size: 0.9em; color: #666666; line-height: 1.8em;}
#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;}

p.warning {
    display: block;
    position: relative;
    width: auto;
    padding: 0.8em 0 0.7em 45px;
    margin: 0 0 0.7em;
    background-color: #FBE983;
    background-image: url('/images/ui/state/warning-icon.gif');
    background-repeat: no-repeat;
    background-position: 6px center;
    font-size: 1.25em;
    font-weight: normal;
    line-height: normal;
    color: #000;
 }

p.warning a {
    color: #000;
    text-decoration: none;
 }

p.warning a:hover {
    text-decoration: underline;
}

p.no-warnings {
    padding: 1em 12px;
    border: none;
    background-color: #e4e4e4;
    margin: 0 0 0.9em;
}

/* 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.app-fe { padding-left: 1.75em; background-image: url(/images/ui/fe-icon-small.png); background-repeat:no-repeat; background-position: 1px 1px; }
/* 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;
	}
}


#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; }

.grey { color: #333333; }

/*Video Thumbnail CSS*/
.marine-vid-thumbnail{
	float: right;
	position: relative;
	z-index: 1;
	margin-top: 2px;
	margin-bottom: 2px;
}

.marine-vid-icon{
	position: relative;
	font-size: 32px !important;
	float: right;
}
.marine-vid-text{
	position: absolute;
	color: rgba(5,171,221,1.00);
	background-color: rgba(255,255,255,0.75);
	z-index: 10;
	top: 80px;
	left: 45px;
	background-color: rgba(255,255,255,0.75);
	border-radius: 10px;
	font-size: 24px;
	margin: 4px;
	padding: 10px;
}