/* MASTERPAGE */
html, body
{
	width: 100%; height: 100%; margin: 0em; padding: 0em; 
	background-color: #F0F0F0; 
}

body
{
	visibility: hidden; 
	font-size: 62.5%;
	color: #000000; 
	font-family: Verdana, Arial, Sans-Serif; 
}

table.body
{
	margin: 0em auto; 
	border: 0.1em solid #CCCCCC; 
}

.ajax__colorPicker_container
{
	width:auto; height:auto;margin:0em;padding:0em;
}
.ajax__colorPicker_container table
{
}
.ajax__colorPicker_container table td
{
	padding:0.1em !important; 
}
.ajax__colorPicker_container table td div
{
	cursor:pointer !important;
}


td.contentSpacer{width: 80.6em;}
td.contentSpacerCharts{padding: 0em;}
td.contentBody{width: 76.6em; padding-left: 2em; padding-right: 2em; padding-top: 1em; padding-bottom: 1em;}

td.banner_EN, td.banner_NL, td.banner_FR, td.banner_DE, td.banner_ES
{width: 80.8em; height: 8.5em !important; display: block !important; background-repeat: no-repeat;padding: 0em;} 

td.banner_EN{background-image: url(../img/nav/banner_EN.gif);}
td.banner_NL{background-image: url(../img/nav/banner_NL.gif);}
td.banner_FR{background-image: url(../img/nav/banner_FR.gif);}
td.banner_DE{background-image: url(../img/nav/banner_DE.gif);}
td.banner_ES{background-image: url(../img/nav/banner_ES.gif);}

.firstTD{width: 28%; border-bottom: 0.1em solid #AAAAAA;}
.midTD{width: 50%; border-right:0.1em solid #AAAAAA; border-bottom: 0.1em solid #AAAAAA;}
.midTD1{width: 50%; border-right:0.1em solid #AAAAAA;}
.lastTD{width: 22%; border-bottom: 0.1em solid #AAAAAA;}
table{background-color: #FFFFFF;}
table.loginTable{background-color: transparent; float: right; margin-right: 0.5em;}

input.langBut, input.langButSelected
{
	background-color: #FFFFFF; 
	font-size: 0.9em !important; 
	margin: 0em; margin-left: 0.3em; margin-top: 0.1em; 
	padding: 0em; padding-left: 0.1em; padding-right: 0.1em; 
	color: #666666; 
	border-width: 0em; 
	cursor: pointer; 
}
input.langButSelected{background-color: #777777; cursor: default; color: #FFFFFF;}
input.login{width: 5.5em; border: 0.1em solid #BBBBBB; height: 1.0em !important;}
h1.seTitle{font-size: 0em !important; margin: 0em !important; padding: 0em !important; margin: 0em !important;display:inline; position: relative; visibility: hidden; }

a.search:visited{color:#990099;}

/* OVERALL CONTENT */

/* classless stuff */
table{border-collapse: collapse; background-color: #FFFFFF;}
input, select, textarea{font-family: Verdana, Arial, Sans-Serif !important; font-size: 1em !important;border: 0.1em solid #CCCCCC;text-decoration: none;}
td{padding: 0em;vertical-align: top;}
a:link, a:active, a:visited{color: #000099; text-decoration: underline;} a:hover{color: #0000FF; text-decoration: none;}
a:link img, a:hover img, a:visited img, a:active img{border: 0em;}
table.radio input{border: 0em; margin: 0em; padding: 0em;}
/* this removes extra padding of firefox */
input::-moz-focus-inner{border: 0.1em; padding: 0em;}


/* class stuff */

table.centeredTable, div.centeredTable, table.ukho{margin: 0 auto;}

.button{border: 0.1em solid #9999FF; padding: 0.3em; color: #000000; background-color: #EEEEFF; cursor: pointer;}
.buttonDis{border: 0.1em solid #AAAAAA; padding: 0.3em; color: #AAAAAA; background-color: #FFFFFF; cursor: default;}
.but{border: 0.1em solid #999999; padding: 0.1em; color: #333333; background-color: #FFFFFF; cursor: pointer;}

.floatLeft{float: left;} .floatRight{float: right;}
.marL15p{margin-left: 1.5em;} .marR15p{margin-right: 1.5em;}
.marL10p{margin-left: 1em;} .marR10p{margin-right: 1em;}

.f16p{font-size: 1.6em !important;} .f14p{font-size: 1.4em !important;}
.f12p{font-size: 1.2em !important;} .f11p{font-size: 1.1em !important;} 
.f9p{font-size: 0.9em !important;} .f0p{font-size: 0em !important;}

.w5{width: 0.5em !important;}		.w10{width: 1em !important;}		.w15{width: 1.5em !important;}
.w18{width: 1.8em !important;}		.w20{width: 2em !important;}		.w25{width: 2.5em !important;}
.w30{width: 3em !important;}		.w32{width: 3.2em !important;}		.w40{width: 4em !important;}
.w50{width: 5em !important;}		.w75{width: 7.5em !important;}		.w100{width: 10em !important;} 
.w125{width: 12.5em !important;}	.w150{width: 15em !important;}		.w175{width: 17.5em !important;}
.w200{width: 20em !important;}		.w225{width: 22.5em !important;}	.w250{width: 25em !important;}
.w275{width: 27.5em !important;}	.w300{width: 30em !important;}		.w350{width: 35em !important;}
.w400{width: 40em !important;}		.w450{width: 45em !important;}		.w500{width: 50em !important;}
.w550{width: 55em !important;}		.w600{width: 60em !important;}		.w650{width: 65em !important;}
.w700{width: 70em !important;}		.w750{width: 75em !important;}		.w800{width: 80em !important;}

.b999{border: 0.1em solid #999999 !important;}
.bAAA{border: 0.1em solid #AAAAAA !important;}
.bCCC{border: 0.1em solid #CCCCCC !important;}
.bDDD{border: 0.1em solid #DDDDDD !important;}
.bF00{border: 0.1em solid #FF0000 !important;}

.grey{color: #666666 !important;} .white{color: #FFFFFF !important;} .red{color: #FF0000 !important;}
.darkgreen{color: #448844;}
.blue{color: #0000FF !important;}
.darkred{color: #990000;}
.orange{color:#FFA000;}
.fuchsia{color:#FF00FF;}

.bold{font-weight: bold;}

.ul{text-decoration:underline;}

.det_lbl{color: #333333;} .det_val{color: #474747;}
.auto{background-image:url(../img/nav/search.gif); background-position:right; background-repeat:no-repeat;}

.noBorder{border: 0em !important;}
table.noBorder input{border: 0em !important;} /* radio button list */

.tAlC{text-align:center;}
.vAlC{vertical-align: middle; }

.centerVH{vertical-align: middle; text-align: center;}

.smallest{padding: 0em; margin:0em; font-size: 0.0em !important;}

.det_sub{color: #333366; font-family: "Futura Md BT", Arial, Verdana; letter-spacing: 0.2em; font-weight: bold; font-size: 1.1em !important;}

td.n, td.ne, td.e, td.se, td.s, td.sw, td.w, td.nw
{vertical-align: top;padding: 0em !important; height: 0.6em !important; width: 0.6em !important; font-size: 0.1em !important;}
td.n{border-top: 0.1em solid #cccccc;} 
td.e{border-right: 0.1em solid #cccccc;} 
td.s{border-bottom: 0.1em solid #cccccc;} 
td.w{border-left: 0.1em solid #cccccc;} 
td.sw, td.se{vertical-align: bottom;}

table.det_subj_tbl{width: 29.2em;}
input.mainTitle, span.mainTitle
{font-family: Georgia, "Times New Roman", Times, "Times NR", Palatino, serif; font-size: 2.2em !important; letter-spacing: 1pt; color: #000000; }
span.mainTitleHidden{font-size: 0em !important; display: none;}
td.relatedCell{vertical-align:middle;padding:0.3em;}

a.silent, a.silent:link, a.silent:visited, a.silent:active ,a.silent:hover, span.silent,
a.dashedSilent, a.dashedSilent:link, a.dashedSilent:visited, a.dashedSilent:active ,a.dashedSilent:hover, span.dashedSilent
{color: #666666; text-decoration: underline; cursor: pointer;}
a.silent:hover, a.dashedSilent:hover{color: #0000FF;}
a.dashedSilent, a.dashedSilent:link, a.dashedSilent:visited, a.dashedSilent:active ,a.dashedSilent:hover, span.dashedSilent
{text-decoration: none !important; border-bottom: 0.1em dashed #666666 !important;}
/*span.dashedSilent{text-decoration: none !important; border-bottom: 0.1em dashed #666666 !important;cursor:default !important;} */

a:link.noteIt, a:visited.noteIt, a:hover.noteIt{font-style: italic; color: #333399; margin-left: 0.4em;}
span.note{font-style: italic;}
span.noteIt{font-style: italic; color: #333399; margin-left: 0.4em;text-decoration:underline;}

a:link.external, a:visited.external, a:active.external, a:hover.external{text-decoration: none;}
a:link.external img, a:visited.external  img,a:active.external img,a:hover.external  img
{border: 0em; text-decoration: none; padding-left: 0.5em; vertical-align: bottom;}
a:link.user, a:active.user, a:visited.user{color: #990000;}

span.errorDiv, div.errorDiv{overflow: auto; padding: 1em; margin-left: 1em; margin-bottom: 2em; color: #EE0000; border: 0.1em solid #999999; background-color: #F9F9E0;display:block;}
div.messageDiv{width: 30em; overflow: auto; padding: 1em; margin-left: 2em; margin-bottom: 2em; color: #333333; border: 0.1em solid #999999; background-color: #E0E0F9;}

input.radio, span.check input,span.radio input, span.google input, span.noBorder input, table.google input{border: 0em;}
table.google td{vertical-align:middle;padding-right:0.6em;}
.error{color: #CC0000;}
.Err{border: 0.1em solid #FF0000; background-color: #FFEEEE;}

/* IMAGE DISPLAY */
.picCom{margin-top: 0.5em; width: 26.3em; height: 9.0em; overflow: auto; padding: 0.5em; }
td.pic_thumb{width: 6.3em; height: 6.3em; }
img.thumbimg{border:0.1em solid #666666 !important;}

/*AutoComplete flyout */
.autocomplete_list 
{
	visibility : hidden; overflow: visible; list-style: none; 
	margin : 0em !important; margin-top: 0.2em !important; 
	padding: 0em !important; 
	background-color : #F7F7F7;	border : 0.1em solid #AAAAAA; 
	z-index: 100; 
}
.autocomplete_item, .autocomplete_item_high 
{
	overflow: visible;  
	padding-left:0.2em !important;
	width:100%; border: 0em; 
	cursor: pointer; z-index: 100; 
	width:99%;
}
.autocomplete_item{	background-color : #F7F7F7; color : #000000;}
.autocomplete_item_high{background-color: #0000BB !important; color: #FFFFFF !important; cursor:pointer;}

/* thumbs browsers */
table.DataGridThumb{background-color: transparent;}
table.DataGridThumb tr.DataGridThumbPager td,  table.DataGridThumb tr.DataGridThumbPager td span,
table.userUpdateGrid tr.DataGridThumbPager td,  table.userUpdateGrid tr.DataGridThumbPager td span
{border-bottom: 0em; vertical-align: middle; padding-left: 0.2em; padding-right: 0.2em; padding-top: 0em; padding-bottom: 0.5em; background-color: transparent;}
table.DataGridThumb tr.DataGridThumbPager td span, table.userUpdateGrid tr.DataGridThumbPager td span
{border: 0.1em solid #9999FF;padding: 0.2em; color: #000000; background-color: transparent;}
table.userUpdateGrid tr{height: 1em;}
tr.DataGridThumbHeader th{padding-bottom: 0em;}
tr.DataGridThumbHeader th, tr.DataGridThumbHeader th a
{font-weight: bold; color: #000099;background-color: transparent; padding-left: 0.3em; 
padding-right: 0.3em;vertical-align: top; text-align: left;border-bottom: 0em;}
table.DataGridThumb tr td{vertical-align: middle; padding-left: 0.3em; padding-right: 0.3em;}


/* WRECK PAGE */
span.wkName {font-family: Georgia, "Times New Roman", Times, Palatino, serif; font-size: 2.2em !important; letter-spacing: 1pt; color: #333366;}
tr.about td span{color: #666666; text-decoration: underline;font-weight: bold;}
span.about{color: #666666; text-decoration: underline;font-weight: bold;}
span.posScram{text-decoration: none; color: #3333AA; cursor: pointer; }

td.wkName{padding-bottom: 1em; padding-top: 1em; border-left: 0.4em solid #333366; padding-left: 1.5em;}
td.detailBlock{	padding-top: 2em;}
table.det_subj_tbl td{padding-top: 0.2em; padding-bottom: 0.2em;}
td.detFir{width: 43% !important;} td.detSec{width: 57% !important;}
.sepa{width: 100%; height: 0.1em; border-top: 0.1em solid #CCCCCC; margin-top: 1em; margin-bottom: 1em;}
table.posTable{margin-top: 1.5em; margin-bottom: 1em; width: 100%; border-collapse: separate; border-spacing: 0.2em;}
table.posTable td{padding-left: 0.3em;}
/* CLASSES FOR THE ITEMS (History, WkToday, etc */

span.itemheader{color: #333399; font-weight: bold; text-decoration: underline;}
span.date{font-size: 0.9em !important;color: #7F7F7F; margin-left: 1em;}
a:link img.itemImage,  a:visited img.itemImage, a:hover img.itemImage,  a:active img.itemImage
{cursor: pointer; border: 0em; float: right; vertical-align: top;}
span.referenceWeb{color: #333399;}
td.center{vertical-align: middle; text-align: center;}
td.vAlignMiddle{vertical-align: middle;}

td.rl{border-left: 0.1em solid #333399;	padding-left: 1.5em; padding-right: 2em; }
/* the print version of td.rl */
/* td.rightColumn{	border-left: 0em; padding-left: 1.5em;} */

img.detSmallNatFlag{height: 1.0em; float: left; margin-right: 0.5em; margin-top: 0.2em; margin-left: 0.2em; border: 0.1em solid #999999;} 

span.itemHeader{margin-bottom: 1em; display: block;}

div.translatedText{color: #999999; border: 0em;}
tr.translate{height: 1.2em;}
tr.translate td{padding: 0em; padding-bottom: 1em;}

table.aussies{border: 0.1em solid #CCCCCC; width:100%;padding:5%;}
table.aussies td{padding-left: 0.2em; padding-right: 0.2em;}
tbody.aussiestbody tr td{font-weight: bold; padding: 0.5em;}

/* table.det_subj_tbl ul{display:block;margin:0em;padding-left:0.6em;list-style-type:none;}*/
table.det_subj_tbl ul{display:block;margin-left:1.5em;margin-top:0em;padding-left:0.6em;} 


/* SUBSCRIPTION */
.subscButton, .subscButtonActive
{color: #333399; margin: 0em; border: 0.1em solid #999999; background-color: #EEEEEE; cursor: pointer; padding: 0.3em;}
input.subscButtonActive{border-bottom-width: 0em;}
.warning{color: #CC0000;margin-left: 0.7em; }
span.smallCheck input{border: 0em; padding: 0em; margin: 0em; width: 1.4em; height: 1.4em;}
input.small{border: 0.1em; padding: 0em; margin: 0em; width: 2.4em; height: 1.4em;}
table.subscriptionTable{width: 68em; margin-left: 2em; }
table.subscriptionTable td{padding-left: 1em; padding-right: 0.5em;}
.subscribeSubTitle{background-color: #FFFFFF;border-bottom: 0em; border-top: 0em; vertical-align: middle; padding-top: 1em; }
td.smallSeparator{border-top: 0.1em solid #BBBBBB;}
input.submit,input.submitDisabled{color: #FF0000; font-weight: bold; cursor: pointer;}
input.submitDisabled{cursor: default;}


/* CASUALTIES */
table.casList td{vertical-align: top !important; padding: 0.2em;}
img.casImg, img.casimg{float: left; margin: 0.3em; border: 0.1em solid #666666; width: 12em;}
img.casNat, img.casnat{height: 1em; border: 0.1em solid #666666;}


/* CHARTS */
input.displayButton{border: 0.1em solid #9999FF; padding: 0.3em; color: #EEEEEE; background-color: #000099; cursor: pointer;text-decoration:none !important;}
/* incompatible pos system on chart */
.syser{	color: #FF0000;}

/* WRECK-SEARCH */
table.report{width:100%;}
table.report td{padding-left: 0.4em; padding-right: 0.4em; padding-top: 0.2em; padding-bottom: 0.2em;}
.dashedTable{border: 0.1em dashed #999999; width: 99%; border-collapse: separate; border-spacing: 0.3em;}

/* Search Wreck Specific  */
table.searchBox{border: 0.1em solid #BBBBBB;background-color: #FFFFFF;}
table.searchBox td{padding: 0.7em; padding-left: 1em;}
span.searchString{color: #333399; font-weight: bold;}

/* ALPHA search */
.alphaButton
{border: 0.1em solid #FFFFFF; color: #333333; background-color: #FFFFFF; cursor: pointer; padding: 0.1em; margin: 0.1em;}
.alphaSelectedButton
{border: 0.1em solid #9999FF; color: #000000; background-color: #EEEEFF; cursor: pointer; padding: 0.1em; margin: 0.1em;}
.IEButton
{padding: 0em; margin: 0em;}

div.advSe1{width: 95%; border: 0.1em #999999 solid; padding: 0.7em;}
div.advSe2{width: 100%; overflow: auto; display: block; z-index: 100;}

/* The Grid styling */
table.DataGridAlpha{background-color: transparent;}
table.DataGridAlpha tr.DataGridAlphaPager td,  table.DataGridAlpha tr.DataGridAlphaPager td span
{border-bottom: 0em; vertical-align: middle; padding-left: 0.2em; padding-right: 0.2em; padding-top: 0.5em; padding-bottom: 0.5em; height: 2em;}

table.DataGridAlpha tr.DataGridAlphaPager td.resultsFound, table.DataGridAlpha tr.DataGridAlphaPager td.resultsFound span
{color: #990000; border: 0em; text-align: left; text-decoration: underline;}
table.DataGridAlpha tr.DataGridAlphaPager td span
{border: 0.1em solid #9999FF; padding: 0.2em; margin: 0.2em; color: #000000; background-color: #FFFFFF;}

tr.DataGridAlphaHeader th{padding-bottom: 0em;}
tr.DataGridAlphaHeader th, tr.DataGridAlphaHeader th a
{font-weight: bold; color: #000099; background-color: transparent; padding-left: 0.3em; padding-right: 0.3em; vertical-align: top; text-align: left; border-bottom: 0em;}
table.DataGridAlpha tr td
{height: 1.7em; vertical-align: middle; padding-left: 0.3em; padding-right: 0.3em; border-bottom: 0.1em solid #DDDDDD;}
/* exception for the search Text styling */
table.DataGridAlpha tr td.wkNameTextSearch{height: 1.7em; vertical-align: top; padding-top: 0.5em; padding-left: 0.7em;padding-right: 0.3em; border-bottom: 0.1em solid #DDDDDD;}


/* MARKS */
table.easyTable{margin: 1.5em; border: 0.1em solid #999999;} 
table.easyTable td, table.easyTable td span, table.easyTable td input{padding: 0.4em; color: #333333;}
table.easyTable td input{padding-top: 0.2em; padding-bottom: 0.2em;}


/* ADMIN pages */
table.trashed td{padding: 0.7em; padding-top: 0.2em; padding-bottom: 0.2em; text-align: center; }

span.T, span.F{color: #00FF00; font-weight: bold; cursor: pointer; padding-right: 0.4em;}
span.F{color: #FF0000; padding-left: 0.4em;}
span.TN, span.FN{color: #999999; font-weight: bold; padding-right: 0.4em;}
span.FN{color: #999999; padding-left: 0.4em;}
div.mergeDiv{border: 0.1em solid #FF0000; padding: 0.5em; background-color: #FFFFFF; width: 30em;}

/* VISITS page */
.visit{padding-left: 0.4em; padding-right: 0.4em; border-right: 0.1em solid #999999; vertical-align: top; white-space: pre-wrap;}


/* STATS VISITS USEREDIT WRECKEDTODAY */
/* the calendar table */
table.calendar{border: 0em; background-color: #F7F7F7; border-collapse: collapse;}
/* the month navigator */
table.calendarTitle{background-color: #F7F7F7;}
table.calendarTitle td, table.calendarTitle td a:link,  table.calendarTitle td a:visited,  table.calendarTitle td a:hover 
{text-decoration: none; padding: 0.2em; color: #000066;}
/* the week days */
th.calendarHeader{text-decoration: none; padding: 0.2em; color: #666666; background-color: #F7F7EE;}
/* the individual days */
td.calendarDay, td.calendarDay a:link,  td.calendarDay a:visited,  td.calendarDay a:hover{text-decoration: none; color: #000066;}
/* today */
td.calendarToday, td.calendarToday a:link,  td.calendarToday a:visited,  td.calendarToday a:hover{text-decoration: none; color: #990000;}
td.calendarSelectedDay, td.calendarSelectedDay a:link,  td.calendarSelectedDay a:visited,  td.calendarSelectedDay a:hover 
{text-decoration: none; color: #DDDDDD; background-color: #9999FF; border-width: 0em;}
select.calendarDrop, select.calendarDrop option{background-color: #F7F7F7;}


/* my statistics page */
table.statTable tr td.item
{padding-left: 0.3em; padding-right: 0.3em; text-align: center; vertical-align: middle; border-right: 0.1em solid #DDDDDD; }
table.statTable tr td.left
{padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; font-weight: bold; border-left: 0.1em solid #999999; 
border-right: 0.1em solid #DDDDDD; text-align: left; vertical-align: middle;}
table.statTable tr td.top
{padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; font-weight: bold; border-right: 0.1em solid #DDDDDD; 
border-top: 0.1em solid #999999; border-bottom: 0.1em solid #DDDDDD; text-align: center; vertical-align: middle; width: 8em; }
table.statTable tr td.arrow
{padding-left: 0.5em; padding-right: 0.5em; padding-top: 1em; padding-bottom: 0.2em; text-align: center; vertical-align: middle;}


/* UKHO */
/*the dynamic div that shows more info on an item in ukho Details */
div.ukhoInfoDiv, div.ukhoInfoDivFix 
{
	display: none; position: absolute; top: 0em; left: 0em; z-index: 10; 
	width: 22em; height: auto; padding: 0em; 
	border: 0.1em solid #999999; background-color: #FFFFFF; 
}
div.ukhoInfoDivFix{width: 44em;}

div.ukhoInfoDiv table, div.ukhoInfoDivFix table{border-collapse: collapse; width: 100%;}
div.ukhoInfoDiv table tr td ,div.ukhoInfoDivFix table tr td{ text-align: left; padding: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em;}
div.ukhoInfoDiv table tr.header , div.ukhoInfoDivFix table tr.header{background-color: #E7E7E7;}
div.ukhoInfoDiv table tr.header td, div.ukhoInfoDivFix table tr.header td
{text-align: left; padding: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; font-weight: bold; border-bottom: 0.1em solid #999999;}
div.ukhoInfoDiv table tr.desc td, div.ukhoInfoDivFix table tr.desc td
{text-align: left; padding: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; border-bottom: 0.1em solid #999999;}

.ukhoHide{cursor: pointer; text-decoration: underline; float: right; margin-right: 0.5em; font-weight: bold;}

.ukho{text-align: left;}

p.custodianPar{text-align: center; color: #999999; margin-top: 1em; border-top: 0.1em solid #DDDDDD;}
a:link.custodianL1,  a:link.custodianL3, a:visited.custodianL1,  a:visited.custodianL3, 
a:active.custodianL1, a:active.custodianL3
{color: #999999; text-decoration: none;}
a:hover.custodianL1, a:hover.custodianL3{color: #0000FF; text-decoration: underline;}
a:link.custodianL2, a:visited.custodianL2, a:active.custodianL2{color: #3333BB; text-decoration: none;}
a:hover.custodianL2{color: #0000FF; text-decoration: underline;}

/* UKHO REPORT */
div.ukhoInfoPage table td{padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em;}
div.ukhoInfoPage table td.b{padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.2em; font-weight: bold;}
div.ukhoInfoPage h1{font-size: 1.1em !important; font-weight: bold; color: #333399; margin-bottom: 0.5em; margin-top: 3.5em; margin-left: 2.5em;}
div.ukhoInfoPage table{border-top: 0.1em solid #BBBBBB; width: 58em; margin-left: 2.5em;}
div.ukhoInfoPage table.note, div.ukhoInfoPage table.note td, div.ukhoInfoPage table.note span{border: 0.1em solid #FFFFFF; width: 58em;}

div.ukhoComments{width: 58em; font-size: 0.9em !important;} 
div.ukhoCommentsSmall{width: 40em;font-size: 0.9em !important;}
div.ukhoCommentsSmaller{width: 18em;font-size: 0.9em !important;}  
div.ukhoCopy{width: 15em; text-align: center; font-size: 0.9em !important; color: #999999;}
table.ukho ul{margin-left: 2em;}
table.ukho span span.falseUnderlineBold{border-bottom: 0em dashed #333399; cursor: pointer; font-weight: bold; display: inline; color: #333333;}
span.ukhoWkName {font: 2.2em Georgia, "Times New Roman", Times, "Times NR", Palatino, serif; letter-spacing: 1pt; color: #333366;}
td.ukhoBold, span.ukhoBold{font-weight: bold; font-size: 0.9em !important; color: #333333;}


/* The Alias table in general Edit */
td.titleAl{color: #333333; font-weight: bold;}
td.nameAl{cursor: pointer; color: #0000BB;}
td.dateAl{color: #0000BB;}
td.mergeAl a{cursor: pointer; color: #0000BB;}


/* SERVICE TABLES */
tr.serviceMainHeader{background-color: #EEEEEE;}
tr.serviceMainHeader td
{font-weight: bold; padding: 0.3em; padding-left: 0.5em; padding-right: 0.5em; border-bottom: 0.1em solid #999999;}
td.serviceTD, td.serviceTDCentered,td.serviceSecondHeader, td.serviceSecondHeaderCentered, td.expiresSoonServiceTD, tr.serviceTD td, span.serviceTD, label.serviceTD
{padding: 0.3em; padding-left: 0.5em; padding-right: 0.5em;}
td.serviceTDCentered{text-align: center;}
td.serviceSecondHeader, td.emptyHeaderSecondCssClass, td.serviceSecondHeaderCentered
{font-weight: bold; border-bottom: 0.1em solid #999999;}
td.expiresSoonServiceTD{color: #FF0000; font-weight: bold;}
td.emptyHeaderSecondCssClass{font-size: 0em !important;}
td.serviceSecondHeaderCentered{text-align: center;}


/* REFERENCE positions Page */
td.refHead{font-weight: bold; border-bottom: 0.1em solid #BBBBBB;cursor: pointer;}
td.refStart{border-left: 0.1em solid #BBBBBB; border-bottom: 0.1em solid #DDDDDD;}
td.refMid{border-bottom: 0.1em solid #DDDDDD;}
td.refEnd{border-right: 0.1em solid #BBBBBB; border-bottom: 0.1em solid #DDDDDD;}
td.refFoot{border: 0.1em solid #BBBBBB;border-top: 0em;}
td.refFoot, td.refStart, td.refMid, td.refEnd, td.refHead
{padding: 0.5em; padding-top: 0.3em; padding-bottom: 0.3em;}


/* USER REQUESTS */
span.react{cursor: pointer;	color: #000099; text-decoration: underline;}
/* UserUpdateList Specific  */
table.DataGrid tr td 
{padding-left: 0.7em; padding-right: 0.7em; background-color: #FFFFFF; border: 0em solid #DDDDDD;}
div.updates div table.userUpdateGrid, table.userUpdateGrid{background-color: transparent; border: 0em; }
table.userUpdateGrid tr th, table.userUpdateGrid tr th a
{font-weight: bold; color: #000099; background-color: transparent; padding-left: 0.4em; 
padding-right: 0.3em; vertical-align: top; text-align: left; }
table.userUpdateGrid tr td 
{padding-left: 0.7em; padding-right: 0.7em; border: 0em; background-color: transparent; }
span.req_checkbox input
{border: 0em; padding: 0em; margin: 0em; width: 1.2em; height: 1.2em;}


/* USERVIEW/PARTNERVIEW Page */
div.referenceTable{overflow: scroll; }
img.faq{border: 0em; padding-right: 0.3em; vertical-align: middle; }
a:link img.faq, a:visited img.faq, a:hover img.faq{border: 0em; text-decoration: none; }
input.but{cursor: pointer;}
table.userView tr td
{padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; height: 1.9em; }
td.trl{border-right: 0em; border-left: 0.1em solid #333399;	padding-left: 1em; }


/* Image Browser Page */
td img.imgBrowse
{border: 0.1em solid #000000; vertical-align: middle;text-align: center;}


/* News Page */
.newsTitle{border-bottom: 0.1em solid #999999; }
.newsSmallLabel{color: #006600;}
.newsSmallValue{color: #666666;}
.newsShortTitle{color: #333399; font-weight: bold; letter-spacing: 0.3em;}
.newsDate{color: #333399; font-size: 0.9em !important;	letter-spacing: 0.2em;}
.newsContent{width: 40em; margin-bottom: 0.8em;}
.newsContentText{width: 40em; overflow: auto; display: inline;}
img.newsImage{width: 12em; border: 0.1em solid #666666;}

/* ARCHIVE IMAGES Page */
td.thumb{border: 0.1em solid #BBBBBB; width: 13em; height: 13em; padding: 0.5em; text-align: center;}
td.thumbFlag{border: 0em solid #BBBBBB; width: 13em; height: auto; padding: 0.5em; text-align: center; vertical-align: top;}
td.thumb a:link span.thumbText, td.thumb a:visited span.thumbText,
td.thumbFlag a:link span.thumbText, td.thumbFlag a:visited span.thumbText
{font-size: 0.9em !important; color: #666699; vertical-align: middle; margin-bottom: 0em; text-decoration: underline;}
td.thumbFlag a:link span.thumbText, td.thumbFlag a:visited span.thumbText
{vertical-align: top !important; }
td.thumbFlag a:link img.noBorder, td.thumbFlag a:visited img.noBorder{text-decoration: none; border: 0em;}
td.thumb a:hover span.thumbText
{font-size: 0.9em !important; color: #3333FF; vertical-align: middle; margin-bottom: 0em; text-decoration: none; }
td.thumbFlag a:hover span.thumbText
{font-size: 0.9em !important; color: #3333FF; vertical-align: top; margin-bottom: 0em; text-decoration: none; }
td.thumb img.thumbImg{cursor: pointer; text-decoration: none;}


/* ON THIS DAY */
table.wkToDay
{
margin-bottom:1em;border-bottom:0.1em solid #AAAAAA;display:block;
}
table.toDayMid
{
margin-bottom:1em;border:0.1em solid #999999;
}
table.toDayLast
{
margin-bottom:0.7em;border:0.1em solid #999999;
}
tr.toDayR
{ 
background-color:transparent; 
}
td.toDayE
{
text-align:left;padding:0.4em;color:#333333;width:28em;
}
td.toDayH
{
text-align:left;padding:0.4em;text-align:left;color:#999999;width:14em;
}
img.toDayImg
{
border:0.1em solid #999999 !important;float:left;padding:0em;margin:0.3em;margin-right:0.6em;margin-left:0em;
}
/* WRECKED - ON - THIS - DAY */
table.toDayFirst2
{
width:56em;margin-left:0em;margin-bottom:0.5em;margin-top:0em;border:0.1em solid #999999;cursor:pointer;
}
table.toDayMid2
{
width:56em;margin-left:0em;margin-bottom:0.5em;margin-top:0.1em;border:0.1em solid #999999;cursor:pointer;
}
table.toDayLast2
{
width:56em;margin-left:0em;margin-bottom:0em;margin-top:0.1em;border:0.1em solid #999999;border-bottom:0.1em solid #999999;padding-bottom:0em;cursor:pointer;
}
tr.toDayR2
{ 
background-color:#F7F7F7;
}
td.toDayE2
{
text-align:left;padding:0.4em;color:#333333;width:56em;
}
td.toDayH2
{
text-align:left;padding:0.4em;text-align:left;color:#999999;width:56em;
}
img.toDayImg2
{
width:11.5em;border:0.1em solid #999999;float:left;padding:0em;margin:0.3em;margin-right:0.6em;
}
.toDayH p, .toDayH2 p
{
color:#999999;
}


/* HOME PAGE */
div.homeMess{border: 0.1em solid #AAAAAA; padding: 0.5em; background-color: #F7F7F7; width: 21.7em;}
table.homeRightPaneSmallTable{border: 0.1em solid #999999; width: 14em; margin-top: 0.4em; height: 12.5em;}

div.news{width: 27em; border: 0.1em solid #999999; color: #999999; padding: 0.3em; margin-top: 1em;}
a:link.news, a:visited.news, a:hover.news{text-decoration: none;color: #333399;cursor: pointer;}
div.updates{border: 0.1em solid #AAAAAA; padding: 0.6em; width: 43em; overflow: auto;}

/* HOME - SCROLLBAR */
.flexcroll{overflow: auto; position: relative;}
.scrollgeneric {line-height: 0.1em; position: absolute; top: 0em; left: 0em;}
.vscrollerbase {width: 1.5em;}
.vscrollerbar { margin-left: 0.2em; padding-top: 1.3em; padding-bottom: 1.3em; width: 0.7em; background-color: #F7F7F7; border: 0.1em solid #BBBBBB; cursor: pointer;}
.vscrollerbasebeg, .vscrollerbaseend{width: 1.5em; height: 1.5em; z-index: 0;}
.vscrollerbasebeg {background: url(../img/nav/scroll_up.gif) no-repeat;}
.vscrollerbaseend {background: url(../img/nav/scroll_down.gif) no-repeat;}

td.quickTd{text-align: center; padding: 0.4em;}
a:link img.quickImg, a:visited img.quickImg,  a:active img.quickImg,  a:hover img.quickImg
{border: 0.1em solid #999999; width: 4.5em;}

a:link.reqUser, a:visited.reqUser, a:active.reqUser, a:hover.reqUser{color: #333333; text-decoration: none;}
span.reqReact{color: #666666;}

input.qsearch
{width: 13.5em; margin-left: 0.2em; margin-right: 0.2em; border: 0.1em solid #BBBBBB; height: 1.2em; }

.title
{text-align: left; background-color: #FFFFFF; color: #666666; padding-top: 0.2em; padding-bottom: 0.2em; font-weight: bold; padding-left: 0.4em; padding-right: 0.4em;}

div.partner
{width: 12em; height: 8em; padding: 0.5em; border: 0.1em solid #DDDDDD;cursor: pointer; margin-bottom: 1em;}

input.video_more
{margin-top: 0em; margin-left: 7em; margin-bottom: 0em; padding-bottom: 0em; vertical-align: bottom; }

td.weathLeft{font-size: 0.9em !important; text-align: left; vertical-align: middle; background-color: #F7F7F7;}
td.weathIt{font-size: 0.9em !important; text-align: center; vertical-align: middle;}


/* FLAGS PAGE */
img.flbo{border: 0.1em solid #666666;height: 3em;}
img.flnobo{border: 0.1em solid #FFFFFF;height: 3em;}
input.flagSelectedButton{border: 0.1em solid #9999FF; padding: 0.3em; color: #000000; background-color: #EEEEFF; cursor: pointer;}
input.flagButton{border: 0.1em solid #BBBBBB; padding: 0.3em; color: #000000; background-color: #FFFFFF; cursor: pointer; }

/* News Page */
table.DataGridNews tr.DataGridAlphaPager td table td span
{border: 0.1em solid #9999FF; padding: 0.2em; color: #000000; background-color: #FFFFFF; display: block; }
table.DataGridNews tr.DataGridAlphaPager td table td{height: 2em; padding: 0.2em; vertical-align: middle;}


/* BUILDERS & OWNERS */
table.builders{margin-top: 0.5em;}
table.builders tr td{border: 0.1em solid #BBBBBB; padding-left: 0.5em;}


/* FAQ  - DISCLAIMER */
ul.grey li
{color: #666666; margin-top: 1.5em; list-style-image: url(../img/nav/bullet_rect_full_grey.gif); }
ul.greyPay li
{color: #666666; list-style-image: url(../img/nav/bullet_rect_full_grey.gif); }
ul.faqIndex li
{color: #7F7F7F; font-weight: bold; margin-top: 2em; list-style-image: url(../img/nav/bullet_rect_light.gif); }
ul.faqIndex li ul.faqSubIndex li
{list-style-image: url(../img/nav/wreck.gif); font-weight: normal; margin-top: 0.5em; }
ul.faqIndex li ul.faqSubIndex li td, ul.faqIndex li p
{color: #7F7F7F; font-weight: normal; }
ul.faqContent
{list-style-image: url(../img/nav/bullet_rect_full_grey.gif); font-weight: normal; margin-top: 0.5em; }
div.faqTitle
{margin-top: 10em; color: #7F7F7F; font-weight: bold; font-size: 1.4em !important;padding: 1em;border: 0.1em solid #333333; width: 40em; background-color: #FFFFFF; }

/* WRECK MOVIES */
li.videoList
{list-style-image: url(../img/nav/bullet_rect_full_lbl.gif);border-bottom: 0.1em solid #BBBBBB; padding: 0.3em;}


/* wreckdiving */
li.rect_full_lbl 
{list-style-image: url(../img/nav/bullet_rect_full_lbl.gif); margin-top: 0.7em; margin-bottom: 0.7em; }
span.bu{font-weight: bold; text-decoration: underline;}
h3{vertical-align: middle;text-decoration: none; color: #333; font-weight: normal; font-size: 1.1em !important; }

/* SEALIFE */
table.wkd td{padding: 1.5em; border: 0em solid #000000; }
table.wkd td img{border: 0.1em solid #000000; }





/* for the list of videos */
table.vidTab
{
	width: 100%; 
	background-color: transparent; 
}
table.vidTab td.wk
{
	width: 25%; 
}
table.vidTab td.mov
{
	 width: 75%; 
}

/* TAXONOMY */
table.sp1pa1{border: 0em; border-collapse: separate; border-spacing: 0.1em;}
img.str{width: 1.6em;height: 1.6em; border-width: 0em;}
img.str2{border-width: 0em;}

/* MARK LIST Page */
td.bBH, td.bB, td.nobB{	padding: 0.3em; padding-top: 0.1em; padding-bottom: 0.1em; border-bottom: 0.1em solid #DDDDDD;}
td.bBH{background-color: #EEEEEE; font-weight: bold; border-bottom: 0.1em solid #AAAAAA;}
td.nobB{border-bottom: 0em solid #DDDDDD;}

/* WARSHIPS */
span.subType{font-weight: bold; letter-spacing: 0.1em; color: #333333; padding: 0.5em; vertical-align: middle; text-decoration: underline; }
table.navyTypeRadio,table.typeRadio,table.subTypeRadio{	width: 100%; }
span.navyTypeRadio input, table.navyTypeRadio input, span.typeRadio input, table.typeRadio input, span.subTypeRadio input, table.subTypeRadio input
{border: 0em; vertical-align: middle; text-indent: 0.2em; text-align: center;}
span.navyTypeRadio label, table.navyTypeRadio label, span.typeRadio label, table.typeRadio label, span.subTypeRadio label, table.subTypeRadio label
{text-align: center; }
table.navyTypeRadio td, table.subTypeRadio td, table.typeRadio td{width: 25%;}


/* LIST FILTERS */
table.filterList{border: 0.1em solid #999999;}
table.filterList td{padding: 1em;padding-top: 0.3em; padding-bottom: 0.3em;}

/* CHART RELATED */
/* FOR THE WK LISTING */
div.wkList span{cursor: pointer;}
div.wkList{padding-left: 0.4em; overflow: auto; }
a.listWk, a.listWk:link, a.listWk:active, a.listWk:visited
{background-color: transparent !important;color: #000000 !important; text-decoration: none;}
a.listWk:hover
{background-color: #000099 !important; color: #FFFFFF !important;text-decoration: none;}
/* FOR THE LEGEND */
span.legendTitle{ font-weight: bold; color: #333333;}
span.legendText, a:link.legendText,a:visited.legendText, p.legendText{color: #333333;}
/* FOR THE MENU */
table.chartMenu{background-color: #EEEEEE; margin-top: 0.2em; border-collapse: separate; border-spacing: 0.3em;}
table.chartGroup{background-color: #EEEEEE; border: 0.1em solid #BBBBBB; margin: 0em; height: 2.2em;border-collapse: collapse;}
.displayDiv{position: absolute; z-index: 23; background-color: #FFFFFF;	border: 0.1em solid #000099; border-bottom: 0.2em solid #000099;}
.displayDiv2{background-color: #FFFFFF; border: 0.1em solid #000099; border-bottom: 0.2em solid #000099;}
.filterDiv{position: absolute; z-index: 23; background-color: #FFFFFF;border-bottom: 0.2em solid #000099;}
td.displayHeaderRow{border-bottom: 0.1em solid #666666; background-color: #000099; padding: 0.3em;}
span.displayTitle{color: #EEEEEE; font-weight: bold;}
span.displaySubTitle{color: #000099; text-decoration: underline;}
span.displayHeaderAlone{color: #000099; text-decoration: underline; vertical-align: middle;}
span.displayCheckBoxAlone, span.displayCheckBoxAlone input{vertical-align: middle; border-width: 0em;}
span.displayCheckBoxAlone label{padding-right: 0.7em;}
a.displayButton
{margin-top: 0.6em; padding-top: 0.3em !important; padding-right: 0.4em!important; 	padding-left: 0.5em!important; padding-bottom: 0.3em !important; 
	cursor: pointer; text-decoration: none !important; border: 0.1em solid #999999; color: #333333; display: block;background-color: #FFFFFF;}
table.det_val_selectsm{margin-top: 0.5em; margin-bottom: 0.7em;}
table.det_val_selectsm tr {height: 1.4em;}
table.det_val_selectsm td label {vertical-align: middle; cursor: pointer;}
table.det_val_selectsm td input {vertical-align: middle; cursor: pointer;}

input.menuImage, img.menuImage, input.menuImageFirst, img.menuImageFirst, input.menuImageLast, img.menuImageLast, input.menuImageFirstLast, img.menuImageFirstLast
{padding: 0.4em !important;	padding-left: 0.2em !important;	padding-right: 0.2em!important;	
 cursor: pointer; border-width: 0em;	margin: 0em !important;}
input.menuImageFirst, img.menuImageFirst, input.menuImageFirstLast, img.menuImageFirstLast
{padding-left: 0.6em!important; }
input.menuImageLast, img.menuImageLast,input.menuImageFirstLast, img.menuImageFirstLast
{padding-right: 0.6em !important;}
img.menuImage, img.menuImageFirst, img.menuImageLast, img.menuImageFirstLast
{padding-bottom: 0.3em !important;}
span.search, input.search, td.search
{color: #333333; background-color: transparent; vertical-align: middle;}

div.markerDiv
{ z-index: 4; border: 0em solid #00FF00; position: relative; top: 0em; left: 0em; width: auto; float: right; padding: 0.5em;}

.noWksClassTooMany
{
	border: 0.1em solid #666666; 
	display: block; 
	margin-left: 0.5em; margin-right: 0.3em; 
	text-align: center; 
	height: 1.4em; 
 	background-color: #FFFFFF; 
	padding: 0.5em; padding-top: 0.2em; padding-bottom: 0.1em; 
	color: #FF0000; 
	font-size: 9em !important; 
}

td.marker
{
	padding-left: 0.5em; padding-right: 0.5em; padding-top: 0em; 
	border-right: 0.1em solid #999999; border-bottom: 0.1em solid #999999; 
	border-top: 0.1em solid #FFFFFF; border-left: 0.1em solid #FFFFFF; 
	background-color: #DDDDDD; 
}              
td.marker table{background-color: transparent;}
.markAll{font-weight: bold;color: #666699;}
td.no
{background-color: #CCCCCC; color: #000000;padding-left: 0.1em; padding-right: 0.1em; vertical-align: middle; text-decoration: none;}

.det_val_selectsm input{border: 0em;} 


table.rosaceTable{background-color: #EEEEEE; margin-top: 0em; margin-left: 1em;}
table.rosaceTable td{font-size: 0em !important;}
table.rosace td img{vertical-align: middle;}

img.imgOut{border: 0.1em solid #666666; z-index: 20;width: 7.5em;}
img.imgOver{border: 0.1em solid #FF0000;z-index: 99999; width: 12em; cursor: pointer;}
div img.imgOver{z-index: 99999;}

/* The subcharts 
	cBo is the styling for sub-chartsWithBorder;
  cBg is the styling for sub-chartsWithBackground; 
	read as follows : 
	E.g.: cBohtinU = C_hart with BO_rder, H_orizontal, T_op, th_IN, U_nhighlighted; 
	E.g.: cBohbckH = C_hart with BO_rder, H_orizontal, B_ottom, thi_CK, H_ighlighted;
*/

/* Especially for IE6, otherwise transparent background doesn't fire events; */
img.IE6gif{	width:100%;	height:100%;}

.cBohtinU,.cBohtinH,.cBohtckU,.cBohtckH,.cBohbinU,.cBohbinH,.cBohbckU,.cBohbckH
{
		position:absolute!important;
		z-index:10! important;
		font-size:0em !important;
		padding:0px !important;
		margin:0px !important;
		cursor:pointer;
		display:block !important;
		background-image:none !important;
		background-color:Transparent !important;
		border-width: 0px;
		border-style: solid !important;
		height: 5px !important;
		overflow:hidden !important;
}
.cBohtinU{border-bottom-width: 1px !important;}
.cBohtinH{border-bottom-width:3px !important;}
.cBohtckU{border-bottom-width: 2px !important;}
.cBohtckH{border-bottom-width: 4px !important;}
.cBohbinU{border-top-width: 1px !important;}
.cBohbinH{border-top-width: 3px !important;}
.cBohbckU{border-top-width: 2px !important;}
.cBohbckH{border-top-width: 4px !important;}

.cBovlinU,.cBovlinH,.cBovlckU,.cBovlckH,.cBovrinU,.cBovrinH,.cBovrckU,.cBovrckH
{
		position:absolute!important;
		z-index:10 !important;
		font-size:0em !important;
		padding:0px !important;
		margin:0px !important;
		cursor:pointer;
		display:block !important;
		background-image:none !important;
		background-color:Transparent !important;
		border-width: 0px;
		border-style: solid !important;
		width:5px !important;
		overflow:hidden !important;
}

.cBovrinU{border-left-width:1px !important;}
.cBovrinH{border-left-width:3px !important;}
.cBovrckU{border-left-width:2px !important;}
.cBovrckH{border-left-width:4px !important;}
.cBovlinU{border-right-width: 1px !important;}
.cBovlinH{border-right-width: 3px !important;}
.cBovlckU{border-right-width: 2px !important;}
.cBovlckH{border-right-width: 4px !important;}

.das{border-style:dashed !important;}

.c0F0{	border-color:#00FF00;}
.cFF0{	border-color:#FFFF00;}
.cF0F{	border-color:#FF00FF;}
.cF84{	border-color:#FF8040;}
.c339{	border-color:#333399;}
.cDDD{	border-color:#DDDDDD;}
.c0FF{	border-color:#00FFFF;}
.c000{	border-color:#000000;}
.cF00{	border-color:#FF0000;}
.c0D0{	border-color:#00DD00;}
.cFFF{	border-color:#FFFFFF;}
.c00F{	border-color:#0000FF;}
.cCF3{	border-color:#CCFF33;}
.cF60{	border-color:#FF6600;}
.cF93{	border-color:#FF9933;}

div.cBginU,div.cBginH,div.cBgckU,div.cBgckH 
{
	position:absolute!important;
	z-index:40 !important;
	font-size:0em !important;
	padding:0px !important;
	margin:0px !important;
	border-width: 1px;
	border-style: solid !important;
	cursor:pointer;
	display:block !important;
	background-color:Transparent !important;
	background-image : url(../img/nav/chartmenu/subchwn.gif) !important;
	background-repeat:repeat !important;
}
.cBginU{border-width: 1px !important;}
.cBginH{border-width: 3px !important;}
.cBgckU{border-width: 2px !important;}
.cBgckH{border-width: 4px !important;}

input.cancelSelect{border: 0.2em solid #FF0000; background-color: #000000; color: #FFFFFF; cursor: pointer; position: relative; float: right;}

div.expDiv{position: absolute; width: auto; overflow: visible; z-index: 999; background-color: #FFFFFF; border: 0.1em solid #333333; padding: 0.3em;}

table.posDis{border-collapse: collapse; width: 97%; margin-left: 0.3em;}

/* The zoomButtons */
input.zoomBNew{vertical-align: bottom; padding: 0em; margin: 0.1em;cursor: pointer;}

div.inforDiv
{float: right; z-index: 10; padding: 0em; position: relative; top: 0em; left: 0em; overflow: auto; background-color: Transparent; 
width: auto; margin-right: 0.5em; margin-top: 0.5em; }

.chartText
{border: 0.1em solid #999999;margin: 0em; padding: 0em; padding-top: 0.3em; text-align: center; 
color: #333333; height: 1.5em; background-color: #FFFFFF; vertical-align: middle; display: block;}

.chartBut
{border: 0.1em solid #999999 !important; margin: 0em; padding: 0em;	margin-right: 0.3em; display: block; height: 1.8em;}

/* remove padding imposed in wreck.aspx on all td elements; */
div.tiles td{padding: 0em !important;}

/************************************************/
/*				WRECKS IN CHARTS				*/
/************************************************/
/* CONTAINING DIV */

/* CONTAINING DIV */

div.wrecks
{ 
	z-index: 1; position: absolute; border: 0em; background-color: Transparent; 
}
div.wrecks div, div.wrecks div.uk, div.wrecks div.ukA, div.wrecks div.ukP,  div.wrecks div.dead,  div.wrecks div.lift
{
	position: absolute; 
	z-index: 1; 
	background-image: url(../img/nav/chartmenu/wreckRed11px.gif); 
	background-repeat: no-repeat; 
	background-color: Transparent; 
	width: 1.1em; 
	height: 1.1em; 
	cursor: pointer; 
}

div.wrecks div.uk{background-image: url(../img/nav/chartmenu/wreckGre11px.gif);}
div.wrecks div.ukA{background-image: url(../img/nav/chartmenu/wreckPur11px.gif);}
div.wrecks div.ukAD{background-image: url(../img/nav/chartmenu/wreckDeadA11px.gif);}
div.wrecks div.ukAL{background-image: url(../img/nav/chartmenu/wreckLiftA11px.gif);}
div.wrecks div.ukP{background-image: url(../img/nav/chartmenu/wreckBlu11px.gif);}
div.wrecks div.ukPL{background-image: url(../img/nav/chartmenu/wreckLiftP11px.gif);}
div.wrecks div.lift{background-image: url(../img/nav/chartmenu/wreckLift11px.gif);}
div.wrecks div.dead{background-image: url(../img/nav/chartmenu/wreckDead11px.gif);}
div.wrecks div.ukPD{background-image: url(../img/nav/chartmenu/wreckDeadP11px.gif);}
div.dead div{color: #333333 !important;}

div.wrecks div div.wkn
{
	margin-left: 1.5em; 
	color: #990000; 
	background-image: none; 
	background-color: #FFFFFF; 
	width: auto; height: auto; 
	font-size: 0.9em !important; 
	white-space:nowrap;
}
div.wzn {z-index: 20; width: 120%;}

/* WK COVERED BY MARK	*/
span.wkc, a.wkc, a:visited.wkc
{
	z-index: 30; 
	font-size: 1.2em !important; 
	font-weight: normal; 
	font-family: Verdana; 
	background-image: none; 
	background-color: #FFFFFF; 
	color: #000099; 
	text-decoration: none; 
	margin-left: 0.3em; 
}

/************************************************/
/*         COMMON FOR OTHER OBJECTS             */
/************************************************/
div.boat, div.guru, div.light, div.tide, div.mark,
div.wk, div.anchor, div.charter
{
	position: absolute; 
	background-color: transparent; 
	cursor: pointer; 
	display: block; 
	background-repeat: no-repeat; 
	margin: 0em !important; 
	padding: 0em !important; 
	z-index: 25 !important; 
}

div.boat div.wkno, div.guru div.wkno,div.light div.wkno, div.tide div.wkno,
div.charter div.wkno, div.mark div.mkn, div.wk div.mkn, div.anchor div.mkn,
div.mark div.mkn, div.mark div.anchor
{
	padding: 0.1em; margin: 0em ; 
	font-size: 0.9em !important; 
	background-image: none; 
	background-color: #EEEEEE !important; 
	cursor: pointer; 
	display: block; 
	width: auto !important; 
	height: auto !important; 
	position: absolute; 
	z-index: 24 !important; /*if there are many, names are covering the symbol */
	white-space:nowrap;
}

/*  HIGHLIGHTED WK  */
div.other div.wk
{background-image: url(../img/nav/chartmenu/wch.gif) !important; width: 1.3em; height: 1.3em;}

div.wk div.mkn, div.wrecks div.wk div.mkn
{top: 0em; margin-left: 1.3em !important; color: #E6065B !important;white-space:nowrap;}

/************************************************/
/*                 MARKS												*/
/************************************************/
div.mark
{background-image: url(../img/nav/chartmenu/wch.gif) !important; height: 1.3em; width: 1.3em !important; z-index: 25; }
div.mark div.mkn, div.wrecks div.mark div.mkn
{top: 0em; margin-left: 1.3em !important; color: #E6065B !important; padding:0.1em;vertical-align:middle;white-space:nowrap; }
/************************************************/
/*                 ANCHOR												*/
/************************************************/
div.anchor
{background-image: url(../img/nav/chartmenu/homeport.gif) !important; width: 2em !important; height: 2em !important; z-index: 999;}
div.anchor div.mkn, div.wrecks div.anchor div.mkn
{top: 0.4em; margin-left: 2.4em !important; color: #333399 !important; background-color: #FFFF00 !important; z-index: 999;	white-space:nowrap;}

/************************************************/
/*                   CHARTERS                   */
/************************************************/
div.charter
{background-image: url(../img/nav/chartmenu/charter.gif) !important; width: 2em !important; height: 2em !important;}
div.charter div.wkno
{top: 0.4em; margin-left: 2.4em !important; color: #E6065B;}
/************************************************/
/*                 BOAT LAUNCH                  */
/************************************************/
div.boat
{background-image: url(../img/nav/chartmenu/launch11px.gif) !important;	width: 1.1em !important; height: 1.1em !important;}
div.boat div.wkno
{top: 0em; margin-left: 1.3em !important; color: #E6065B;}
/************************************************/
/*                   TIDES                      */
/************************************************/
div.tide
{background-image: url(../img/nav/chartmenu/tide18px.gif) !important; width: 1.8em !important; height: 1.8em !important;}
div.tide div.wkno
{top: 0.2em; margin-left: 1.9em !important; color: #E6065B;}
/************************************************/
/*                  WINDGURU                    */
/************************************************/
div.guru
{background-image: url(../img/nav/chartmenu/guru15px.gif) !important; width: 1.5em !important; height: 1.5em !important;}
div.guru div.wkno
{top: 0.2em; margin-left: 1.9em !important; color: #E6065B;}
/************************************************/
/*                LIGHTHOUSES                   */
/************************************************/
div.light
{background-image: url(../img/nav/chartmenu/light15px.gif) !important; width: 1.5em !important; height: 1.5em !important;}
div.light div.wkno
{top: 0.2em; margin-left: 1.9em !important; color: #E6065B;}

/************************************************/
/*                COLLISIONS                   */
/************************************************/
div.mark
{background-image: url(../img/nav/chartmenu/wch.gif) !important; height: 1.3em; width: 1.3em !important; z-index: 25; }
div.mark div.mkn, div.wrecks div.mark div.mkn
{top: 0em; margin-left: 1.3em !important; color: #E6065B !important; padding:0.1em;vertical-align:middle;white-space:nowrap; }


div.collision
{background-image:none !important; width: 1.3em !important; height: 1.3em !important; z-index:25;}
div.collision div.wkn
{top: 0em; margin-left: 1.3em !important; color: #E6065B !important; padding:0.1em;vertical-align:middle;white-space:nowrap; }


/* MERGE FROM > TO */

span.ft, span.tf{z-index: 40; display: inline; font-size: 0.9em !important; font-weight: bold; background-color: #FFFFFF;}
span.ft{color: #FF0000;margin-left: 1.4em;} span.tf{color: #0000FF;margin-left:0em;}

ul.bearInfo
{background-color: #EEEEEE;	border: 0.1em solid #333333; list-style: none; margin: 0em !important; 
padding: 0em !important; width: 9.5em; z-index: 999 !important; display: block;font-family:Courier New; font-size:0.9em;}

ul.bearInfo li{margin: 0em !important; color: #000000; padding: 0.2em 0.4em 0.2em 0.4em; z-index: 999 !important; display: block; }

/* WEATHER FORECAST PAGE */
table.wg{border-collapse: separate; border-spacing: 0.1em;background-color: #DDDDDD;}
table.wg td{background-color: #FFFFFF;vertical-align: middle; text-align: center;}

a:visited{color:#990099;}

/* THE MENU */
tr.menu_tr, td.menu_td{background-color: #4C4C4C;}
tr.menu_tr td.menu_td{border-top: 0.1em solid #FFFFFF;}
.wkMenu ul.wkm{position: relative; z-index: 999;}
.wkMenu ul.wkm, .wkMenu ul.wkm ul{margin: 0; padding: 0; display: block; z-index: 999;}
.wkMenu ul.wkm li
{
    position: relative; 
    list-style: none; 
    float: left; 
    width: 10em; 
    z-index: 999; 
}
.wkMenu ul.wkm span, .wkMenu ul.wkm a
{
    display: block; 
    text-decoration: none; 
    z-index: 999; 
}
.wkMenu ul.wkm ul
{
    position: absolute; 
    visibility: hidden; 
    z-index: 999; 
}

/* ------------------------------ */
/*  POSITIONING OF THE SUBMENUS   */
/* ------------------------------ */
/* 2nd level */
.wkMenu ul.wkm ul { margin-left: 0em; margin-top: 0em;}
/* 3rd-5th level */
.wkMenu ul.wkm ul ul	{margin-left: 15em; margin-top: -2.4em; z-index: 999;} 
.wkMenu ul.wkm ul ul ul { margin-left: 15em; margin-top: -2.4em; z-index: 999;} 
.wkMenu ul.wkm ul ul ul ul { margin-left: 15em; margin-top: -2.4em; z-index: 999;} 


/* all anchors and spans */
.wkMenu ul.wkm a, 
.wkMenu ul.wkm span
{
   height: 100%; 
   padding-top: 0.5em; padding-bottom: 0.5em; 
   background-color: transparent; /* let the block el decide on background */
   z-index: 999; 
}
.wkMenu li.wkm-Lf a, /* leaves */
.wkMenu li.wkm-Lf span
{
    background-image: none !important; 
    z-index: 999; 
}
/* ------------------------------ */
/* SHOWING/HIDING OF THE SUBMENUS */
/* ------------------------------ */
/* hide 2nd - 4th level */
.wkMenu ul.wkm li:hover ul ul, 
.wkMenu ul.wkm li.wkm-Hover ul ul,
.wkMenu ul.wkm ul li:hover ul ul, 
.wkMenu ul.wkm ul li.wkm-Hover ul ul
{
    visibility: hidden; 
    z-index: 999; 
}
/* show  2nd - 4th level on hover */
.wkMenu ul.wkm li:hover ul, 
.wkMenu ul.wkm li.wkm-Hover ul,
.wkMenu ul.wkm ul li:hover ul, 
.wkMenu ul.wkm ul li.wkm-Hover ul,
.wkMenu ul.wkm ul ul li:hover ul, 
.wkMenu ul.wkm ul ul li.wkm-Hover ul
{
    visibility: visible; 
    z-index: 999; 
}


/* ---------------------------------- */
/*  FORMAT OF BLOCK ELEMENTS: NORMAL  */
/* ---------------------------------- */
/* 1st level */
.wkMenu ul.wkm li
{
 text-align: center; z-index: 9999; border-right: 0.1em solid #FFFFFF; 
 width: 10em; background-color: #4C4C4C; z-index: 999; 
}
/* 2nd - 4th levels */
.wkMenu ul.wkm ul li,
.wkMenu ul.wkm ul ul li,
.wkMenu ul.wkm ul ul ul li
{
 text-align: left; z-index: 9999; border: 0.1em solid #999999; text-indent: 0.3em; 
 width: 15em; background-color: #F7F7F7; margin-top: -0.1em; left: 0em; z-index: 999; 
}

/* ---------------------------------- */
/*    HOVERING OF BLOCK ELEMENTS      */
/* ---------------------------------- */
/* 1st level */
.wkMenu ul.wkm li:hover, 
.wkMenu ul.wkm li.wkm-Hover
{
    background-color: #999999; z-index: 999; 
}
/* 2nd - 4th levels */
.wkMenu ul.wkm ul li:hover, 
.wkMenu ul.wkm ul li.wkm-Hover
{
    background-color: #999999; z-index: 999; 
}

/* ---------------------------------- */
/*    FORMAT OF NON HOVERED TEXT			*/
/* ---------------------------------- */
/* 1st level */
.wkMenu ul.wkm li a, 
.wkMenu ul.wkm li span
{
    color: #FFFFFF; z-index: 999; 
}
/* other levels */
.wkMenu ul.wkm ul li.wkm-Lf a, .wkMenu ul.wkm ul li.wkm-Lf span,
.wkMenu ul.wkm ul li.wkm-wich a, .wkMenu ul.wkm ul li.wkm-wich span,
.wkMenu ul.wkm ul ul li.wkm-Lf a, .wkMenu ul.wkm ul ul li.wkm-Lf span,
.wkMenu ul.wkm ul ul li.wkm-wich a, .wkMenu ul.wkm ul ul li.wkm-wich span,
.wkMenu ul.wkm ul ul ul li.wkm-Lf a, .wkMenu ul.wkm ul ul ul li.wkm-Lf span,
.wkMenu ul.wkm ul ul ul li.wkm-wich a, .wkMenu ul.wkm ul ul ul li.wkm-wich span
{
    color: #000000; z-index: 999; 
}

/* ---------------------------------- */
/*       FORMAT OF HOVERED TEXT			  */
/* ---------------------------------- */
/* 1st level */
.wkMenu ul.wkm li:hover a, /* hovered text */
.wkMenu ul.wkm li:hover span,
.wkMenu ul.wkm li.wkm-Hover a,
.wkMenu ul.wkm li.wkm-Hover span,
/* other levels */
.wkMenu ul.wkm ul li:hover a, .wkMenu ul.wkm ul li:hover span,
.wkMenu ul.wkm ul li.wkm-Hover a, .wkMenu ul.wkm ul li.wkm-Hover span,
.wkMenu ul.wkm ul ul li:hover a, .wkMenu ul.wkm ul ul li:hover span,
.wkMenu ul.wkm ul ul li.wkm-Hover a, .wkMenu ul.wkm ul ul li.wkm-Hover span,
.wkMenu ul.wkm ul ul ul li:hover a, .wkMenu ul.wkm ul ul ul li:hover span,
.wkMenu ul.wkm ul ul ul li.wkm-Hover a, .wkMenu ul.wkm ul ul ul li.wkm-Hover span
{
    color: #FFFFFF; 
    z-index: 999; 
}



/* the tier above this one is hovered */
.wkMenu li:hover li a,  
.wkMenu li:hover li span
{
    background: transparent url(../img/nav/arrowRight.gif) right center no-repeat; z-index: 999; 
}


.wkMenu .wkm-Selected /* this tier is selected */
{
    background-color: #999999 !important; 
    z-index: 999; 
}

.wkMenu .wkm-ChildSelected /* a tier below this one is selected */
{
    background-color: #999999 !important; 
    z-index: 999; 
}

.wkMenu .wkm-ParentSelected /* a tier above this one is selected */
{
    background-color: #999999 !important; 
		z-index: 999; 
}

.wkMenu a:link.wkm-Selected,wkMenu a:hover.wkm-Selected, wkMenu a:visited.wkm-Selected,
.wkMenu span.wkm-Selected
{
	color: #FFFFFF !important; 
  background-color: #999999 !important; 
  z-index: 999; 
}
.wkMenu a:link.wkm-ChildSelected,wkMenu a:hover.wkm-ChildSelected, wkMenu a:visited.wkm-ChildSelected,
.wkMenu span.wkm-ChildSelected
{
	color: #FFFFFF !important; 
  background-color: #999999 !important; 
  z-index: 999; 
}