@import "menu.css";

#body-wrapper {
	width: 85em;
	margin: 0 auto;
	background-color: #FFF;
	padding: 0 .7em !important;
}

#body {
	margin: 5em 0 1em 0 !important;
	padding:0 !important;
}

#anchor{
	padding:.25em;
	text-align:right
	}

#head-wrapper{
	height: 8.2em;
	width: 85em;
	background-color: #fff;
	margin: 0;
	padding:0;
	position: relative;
	z-index:3
}

#header {
	height: 8.7em;
	width: 85em;
	border-top: 1px solid #fff;
	border-left: .65em solid #fff;
	border-right: .65em solid #fff;
	margin-left:-.65em;
	background-color: #202670;
	/***
	position: fixed;
	z-index:3;
	***/
}

#logo {
	background: url(/graphics/ico_logo.gif) 0 0 no-repeat;
	display: block;
	width: 145px;
	height: 61px;
	position: absolute;
	top: .55em;
	left: .6em;
	z-index: 1;
}

#toolbar-top {
	/***
	position: fixed;
	
	***/
	position:absolute;
	z-index:4;
	top: 1.5em;
	text-align: right;
	margin-left: 20em;
	width: 63.8em;
	
}

#toolbar-top ul,
#toolbar-bottom ul {
	margin: 0;
	padding: 0;
}

#toolbar-top ul li,
#toolbar-bottom ul li {
	display: inline;
}

#toolbar-top,
#toolbar-top a,
#toolbar-bottom,
#toolbar-bottom a {
	color: #FFFDF4;
}

#toolbar-top ul li,
#toolbar-bottom ul li {
	border-right: 1px solid #555F94;
	padding: 0 .4em;
}

#toolbar-top ul li.last,
#toolbar-bottom ul li.last {
	border-right: 0;
	padding-right: 0;
}

#toolbar-top form {
	margin-top: 2.5em;
}

#toolbar-top form fieldset{
	border:none	
}

#toolbar-top form fieldset input.button {
	background-color: #FBFCFE;
	border: 0;
	padding: .3em .7em;
	font-size: 95%;
	cursor: pointer;
}

#toolbar-top form fieldset input.text {
	margin-right: .2em;
}

#footer {
	background-color: #202670;
}

#toolbar-bottom ul {
	float: right;
}

#toolbar-bottom {
	padding: 1em;
	margin: 0 0 0 .7em;
}

#toolbar-bottom p.last {
	margin-bottom: 0;
}

#column-1 {
	width: 62.45em;
	float: right;
}

#column-1-1 {
	width: 39.7em;
	float: left;
}

#column-1-2 {
	width: 20.7em;
	float: right;
}

#column-2 {
	width: 20.6em;
	float: left;
}

#breadcrumbs {
	border-bottom: 1px solid #EEF1F8;
	padding: .6em 0;
	margin-bottom: 2.45em;
}

#breadcrumbs ul {
	padding: 0;
	margin: 0;
}

#breadcrumbs ul li {
	display: inline;
}

#breadcrumbs #page-utils {
	float: right;
	margin-top: 1.5em;
}

#breadcrumbs #page-utils li {
	padding-right: 1.2em;
}


.email {
	padding-left: 1.95em;
	background: url(/graphics/ico_email.gif) left center no-repeat;
}

.print {
	padding-left: 1.95em;
	background: url(/graphics/ico_print.gif) left center no-repeat;
}


form.standard,
div#presideform form {
	margin-bottom: 1em;
}
div#presideform form span.note{
display:block !important;
}

div#presideform form span.note strong{
	position:relative;
	display:block !important;
	margin:-0.55em -1em !important;
	padding:0.55em 1em !important;
	font-weight:normal;
	color:#fff;
	background-color:#202670 !important;
	overflow:visible !important;
}

form.standard fieldset h3 {
	background-color: #202670;
	font-size: 100%;
	color: #FDFCFF;
	padding: .6em 1em;
	margin: 0;
}


form.standard fieldset ol,
div#presideform form fieldset ol {
	margin:0;
	padding:0;
	list-style:none;
}

form.standard fieldset ol li,
div#presideform form fieldset ol li {
	display:block;
	background-color: #E9E9F1;
	margin: 1px 0 0 0;
	padding: .55em 1em;	
	clear:left;
}
form.standard fieldset p {
	background-color: #E9E9F1;
	margin: 1px 0 0 0;
	padding: .55em 1em;
}

form.standard fieldset p.content {
	background:none;
}

form.standard fieldset ol li p{
	
	margin:0;
	padding:.55em 0;
	border:0;
	background:none	
}

form.standard fieldset ol li span.error {
	display:block;
	clear:both;
	color:#c00;
	padding-bottom:.4em	
}

div#presideform em {
	color:#c00;
}

form.standard fieldset p.button {
	text-align: center;
	padding: .6em 1em;
}

form.standard fieldset input.button,
div#presideform fieldset input.button,
div#presideform fieldset input.submit {
	background-color: #202670;
	border: 1px solid #FFF;
	color: #FAFFFF;
	font-size: 95%;
	padding: .25em .9em;
	cursor: pointer;
}

div#presideform fieldset input.button,
div#presideform fieldset input.submit {
	margin-left: 180px;
}	
	
form.standard fieldset label,
div#presideform fieldset label {
	width: 10.1em;
	float: left;
	margin-top: .3em;
}

div#presideform fieldset h4 {
	width: 9.95em;
	float: left;
	margin-top: .3em;
}

form.standard fieldset label em.required {
	color:#2C3379
}

form input.text,
form input.password,
form select,
form textarea,
div#presideform .inputtext
{
	width:18em;	
}

div#presideform fieldset ul,
div#presideform fieldset ul li {
	margin: 0!important;
	padding: 0!important;
}

div#presideform fieldset ul li .checkbox,
div#presideform fieldset ul li .radio {
	margin-left: -4px;
}

div#presideform fieldset .checkbox {
	margin-left: 0;
}

div#presideform fieldset ul {
	float: left;
	list-style: none;	
}

div#presideform .textarea,
div#presideform .textareabig {
	width: 18.5em!important;	
}

div#presideform .select {
	width: 18.35em;	
}


fieldset label.overlabel{
/**	display:none; **/
	padding:0 0 .25em 0;
	font-size:105%;
	color:#000
}

fieldset label.overlabel-apply {
	position: absolute;
	z-index:3;
	padding:0.1em 0.5em;
}

.pagination {
	border-top: 1px solid #EFF0F2;
	border-bottom: 1px solid #EFF0F2;
	padding: .6em 0;
	margin: 0;
}

.pagination.bottom {
	margin-bottom: 1em;
}

.pagination .summary{
	display:block;
	float:left;
	}

.pagination .pages {
	display:block;
	float: right;
}
/***
.general-listing ol {
	margin: 0;
	padding: 0;
}

.general-listing ol li {
	list-style-type: none;
	border-bottom: 1px solid #F4F4F6;
	padding-top: .9em;
}

.general-listing ol li.last {
	border-bottom: 0;
}

.general-listing ol li h4 {
	font-size: 100%;
}

.general-listing ol li .bar {
	color: #BEC7D0;
}

.general-listing ol li .green {
	color: #01AC88;
}

.general-listing ol li a.pdf {
	background: url(/graphics/ico_pdf.gif) 0 0 no-repeat;
	padding-left: 1.25em;
}
***/

.subscribe-email {
	background-color: #009F89;
	color: #FCFFFF;
	padding: .8em 1em;
	margin-top: 2.6em;
}

.subscribe-email form fieldset h3 {
	font-size: 110%;
	margin-bottom: .8em;
}

.subscribe-email form fieldset h4 {
	font-size: 100%;
}

.subscribe-email form fieldset input.button {
	background-color: #F8F9FD;
	border: 1px solid #FFF;
	font-size: 95%;
	padding: .2em .5em;
	cursor: pointer;
}

.subscribe-email form fieldset ul {
	margin: .8em 0 .4em 0;
	padding: 0;
}

.subscribe-email form fieldset ul li {
	list-style-type: none;
	padding: .25em 0;
}

.subscribe-email form fieldset ul li input.checkbox {
	margin-bottom: 0;
}

.subscribe-email form fieldset p label {
	margin: .5em 0;
	display: block;
}

.subscribe-email form fieldset p.button {
	padding: .2em 0 .6em 0;
	margin-bottom: 0;
}


.standard-listing {
	margin: 0;
	padding: 0;
}

.standard-listing li {
	list-style-type: none;
	border-top: 1px solid #F0F0F0;
	padding: .5em 0 .5em 0;
}

.standard-listing li p {
	margin-bottom: .4em;
}

.standard-listing li h4 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: .4em;
}

.standard-listing li h4 span{
	color:#1D2764 !important
}

.standard-listing li .bar {
	color: #BEC7D0;
}

.standard-listing li .green {
	color: #01AC88;
}

.standard-listing li .normal {
	font-weight:normal
}

.standard-listing li.first {
	border:none	
}

.standard-listing li.last {
	border-bottom: 1px solid #F0F0F0;
}

/*** reusable CSS ***/

.float-left{
	float:left	
}
.float-right{
	float:right
}

.access-facility{
	display:none	
}

a.close{
	
	color:white;
	font-weight:bold	
}

 a span.pdf {
	background: url(/graphics/ico_pdf.gif) 0 0 no-repeat;
	padding-left: 1em;
}

span.memberonly{
	background: url(/graphics/ico_padlock.jpg) 0 0 no-repeat;
	padding-left: 1em;
}

.green {
	color: #01AC88;
}

.arrow-left{
	background: url(/graphics/ico-arrow-left.gif) 0 0 no-repeat;
	padding-left: 1.5em;
}

.arrow-right{
	background: url(/graphics/ico-arrow-left.gif) 0 0 no-repeat;
	padding-left: 1.5em;
}

.highlight{
	width:auto;
	padding:.5em;
	background-color:#e9f8f5
}

	.highlight h4{
		color:#00c5ac !important
	}
	
	.highlight img{
		float:right;
	}
	
.even{
	background-color:#f1f5f9
}

.listing{
	list-style:none;
	padding:0;
	margin:0
}

	.listing li{
		padding:.25em
	}
	
.feature{
	padding:.25em .5em;
	margin:0;
	background-color:#009F89
	
}

	.feature h4, .feature a{
		color:#fff !important
	}

.column-1-content{
	padding-right:1em;	
}

.icon-yes{
	display:block;
	padding-left:1.8em;
	height:1.8em;
	background:transparent url(/graphics/ico_tick.gif) no-repeat center;	
}
.icon-no{
	display:block;
	padding-left:1.8em;
	height:1.8em;
	background:transparent url(/graphics/ico_cross.gif) no-repeat center;	
}

.center{
	margin:0 auto;
	text-align:center	
}

/***** show hide feature *****/

.collapse.arrow, .collapse .arrow{
	padding-left:1.8em;
	background-image:url(/graphics/ico_white-arrow-collapse.gif);
	background-repeat: no-repeat;
	background-position:.6em center;
}

.expand.arrow, .expand .arrow{
	padding-left:1.8em;
	background-image:url(/graphics/ico_white-arrow-expand.gif);
	background-repeat: no-repeat;
	background-position:.4em center;
}


.collapse.plus-minus, .collapse .plus-minus{
	padding-left:1.5em;
	background-image:url(/graphics/ico_plus.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;
}

.expand.plus-minus, .expand .plus-minus{
	padding-left:1.5em;
	background-image:url(/graphics/ico_minus.gif) !important;
	background-repeat: no-repeat;
	background-position:left center;	
}


/***** tabs *****/
.tabs{
	list-style:none;
	padding:0;
	margin:0;
	clear:left
}

.tabs li{
	float:left;
	padding:0;
	margin:0;		
}

.tabs li a{
	display:block;
	padding:.75em 1.25em;
	text-decoration:none;
	border-right:1px solid #fff;
	background-color: #202670;
	color: #fff;
}

.tabs li a.selected{
	background-color:#00A98E	
}

.tab-content{
	clear:both;	
	border: solid 1px #EAEAEC
}

.tab-content .pagination{
	border:none;
	padding-left: .75em	
}


/*** homepage related ***/
#homepage{
	margin:.1em .1em 0 .1em;
}

	#homepage h3, #homepage h4{
		color:#2c347a	
	}
	
	#homepage h4{
		padding: 0 0 .75em 0;
		font-weight:bold;
		font-size:110%;
	}

	#homepage .main-content{
		clear:both;	
		margin:.25em 0 .5em 0;
	}

		#homepage .main-content .article{
			float:left;
			width:50%;
			padding:0 !important;
			margin:0 !important;
		}

		#homepage .main-content .image{
			margin-left:.75em;
			float:right;
			width:49%;
		}
		

		
		#homepage .column-left{
			width:49.5%;
			float:left;
			padding:0 !important;
			margin:0 !important;
		}
		#homepage .column-right{
			width:49.5%;
			float:right;
			padding:0 !important;
			margin:0 !important;
		}
		#homepage .frontpage-box{
			margin-bottom:.5em
		}
		
		#homepage .last{
			padding-bottom:0;
			margin-bottom:0;
		}
		
			#homepage .frontpage-box .title{
				padding:.25em .5em;
				background-color:#009F89
			
			}
				#homepage .frontpage-box .title h3{
					margin:0;
					padding:0;
					font-size:125%;
					font-weight:bold;
					color:#fff
				}
			#homepage .frontpage-box .content{
				padding:.25em .5em 0 .25em;
			}
		
		
		#homepage .member-links .link{
			padding:.5em;
		}
		#homepage #news li{
			padding: .5em .25em;
			color:#cbd1dc
		}	
		#homepage #news	a.type, .news-listing a.type{
			color:#009F89
		}
		
		#homepage #news p{
			padding:  .25em
		}
		#homepage .search{
			height:13.5em;		
		}
		#homepage .search form fieldset{
			border:none
		}
		
		#homepage .search, #homepage .search form li,#homepage .search form p{
			background-color:#009F89
		}
		
		#homepage .search form input.text{
			width:15.4em
		}
		
		 #homepage .search form select{
		 	width:15.6em;
		 	padding:.05em;
		 }
		
		#homepage .search form input.button{
			margin:0;
			padding:.15em .25em;
			color: #36387f;
			background-color:#fefffc;
		}
		
		#homepage .search form p.submit{
			padding-right:1.1em;
			text-align:right
		}
		
		#homepage .search form, #homepage .search form fieldset{
			margin:0;
		}
		
		#homepage .feature{
			color:#2E2E2E;
		}
/***** Correspondent *****/	

a h3, a:hover h3{
	text-decoration:none;
}

	#correspondent-list .pagination{
		background:url(/graphics/bg_pagination.jpg) #fff bottom repeat-x;	
	}
	#correspondent-list a.plus-minus{
		display:block;
		float:left;
		color:#202670	
	}
	
	#correspondent-list h4{
		font-size:125%
	}
	
	#correspondent-list .email{
		float:right
		}
	#correspondent-list ul{
		padding:0 !important;
		margin:0 !important;	
	}

	#correspondent-list ul.result li{
		padding:0 auto !important;
		margin:0 auto !important;
	}
	
		#correspondent-list ul.result li.even{
			background-color:#F0FAF9
		}
		
		#correspondent-list ul.result span.label{
			display:block;
			float:left;
			width:12em;
		}
		
		#correspondent-list p.content{
			margin: .25em !important;
			padding:0 !important;
		}
		
		#correspondent-list ul.result p{
			padding:.25em 0 0 0 !important;
			margin:0 !important;
		}
		
		#correspondent-list ul.result ul.contact{
			display:block;
			margin:0 0 .5em 0 !important;
			padding:0 auto;
			
		}
		
			
			#correspondent-list ul.result ul.contact li{
				padding:.25em 0 !important;
				clear:left;
			}
			
				#correspondent-list ul.result ul.contact li span{
					float:left;
					padding-left:.25em;
				}

		#correspondent-list ul.result li.last, #correspondent-list ul.result li ul li{
			border-bottom: none
		}

	#correspondent-list ul li, #correspondent-list p{
		list-style:none;
		padding:.5em;
		margin:0;	
	}
	
	#correspondent-list ul li li{
		padding:.5em 0;
	}
	
	#correspondent-list #loading{
			position:relative !important;
			width:10em;
			padding:0.5em;
			border: 4px groove #fff;
			background-color: #fff;
			bottom:14.5em;
			left:38%;
			z-index: 100 !important;
			opacity: .75;
			filter: alpha(opacity=75);
			
		}

/***** vessels *****/

#vessel-list .result{
		padding: .6em .75em;
		background-color:#009F89;
		color:#fff;
		border:none
		
	}
#vessel-list .pagination{
		padding: .6em .75em;
		
		background:#EDEEF3 url(/graphics/bg_pagination.jpg) repeat-x top center;
		border:none;
		
	}
		
#vessel-table, .vessel-table{
	border-collapse: collapse;	
	border: solid 1px #EBEBED
}

.vessel-table{
		width:25em;
		margin:1em 0;
	}

	#vessel-table th, #vessel-table td, .vessel-table th, .vessel-table td{
		padding:.4em .75em
	}
	
	#vessel-table th, .vessel-table th{
		font-weight:normal;
		background:#EDEEF3 url(/graphics/bg_pagination.jpg) repeat-x top center;
	}

/***** manager contact *****/
#manager-contact-list ol li{
	clear:both;
	border:none;
	padding:.25em 0;
}

#manager-contact-list ol{
	padding:0;
	margin:0;	
}

#manager-contact-list .image{
	width:30%;
	float:left;
}
#manager-contact-list .content{
	width:69.5%;
	float:left;
}

	#manager-contact-list .label{
		display:block;
		float:left;
		width:8em
		
		
	}
	
/***** contact us *****/
form#contact_us #publication label{
	width:27.1em;
}
form#contact_us #publication input{
	width:3em !important;
		
}
	
/***** sitemap *****/
#sitemap a{
	color:#202670	
}

#sitemap ul {
	padding: .5em 0;
	margin:0;
}

	#sitemap ul li{
		padding:0 0 1em 0;
		margin:0;
		font-weight:bold;
		list-style:none
	}
	
		#sitemap ul li.folder{
			font-weight:bold;	
		}
	
		#sitemap ul li ul li{
			padding:0 .75em;
			margin:0;
			font-weight:normal;
		}
		
			#sitemap ul li ul li a{
				padding-left:1em;
				background:url(/graphics/ico_green-arrow.gif) no-repeat .5em center;
				
			}
			
			
/*** email sent ***/
#emailsent{
	margin:0 auto; 
	clear:both; 
	text-align: center; 
	width:auto;
	margin: .5em 0;
	padding:.5em;
	background:#009F89;
	color:#fff;	
}

#print-stlye-address {
	display: none;	
}

/***** member login ocntent *****/
.login-content a{
	padding-left: .65em;
	background: url('/graphics/ico_arrow_green.gif')left center no-repeat;	
}
div#mb_contents .login-content{
	margin: 0 .6em;	
}

.li-circulars-and-bulletins-type {
	height: 3em;	
}