#header			{	position:relative;
			height:	100px;	background:url("../image/header.jpg") no-repeat;	background-size:980px 100px;	}
#header #subtitle	{	clear:both;	float:left;	font-size: 16px;	color:#051039;	text-align:left; padding:5px;	margin-top:0px;	margin-bottom:20px;}

/*#maincontents	{	padding:10px;	float:none;		font-size:10pt;	line-height:1.1em;	width:auto;		}*/


table	{	width:95%;	font-size:10pt;	}
.colorline	{	background-color:#efefef;	}

table tr td	{	/*white-space:nowrap;*/	font-weight:normal;	}
table tr th , table tr td	{	border:solid 1px #aaa;	}
table.certificate tr th {	background-color:#efefef;	}

table tr td.remark	{	width:200px; overflow:hidden;	padding-left:0;	padding-right:0;	font-size:9pt;	text-align:right;	}
td.remark div	{	min-height:1em;	text-align:left;	padding-left:0.2em;	}
td a:hover	{	color:#f00;	}


div#login		{	font-size:10pt;		padding-left:100px;	text-align:center;	width:20em;	*float:left;	*margin-top:40px;}
div#login div	{	border-left:solid 5px #051039;	text-align:left;	padding-left:1em;	line-height:1.5em;	}

div#login table			{	text-align:left;	}
div#login table tr th	{	width:10em;	}
div#login table tr th , div#login table tr td	{		border:none;	}
div#login table	input	{	height:1.2em;	line-height:1.2em;	width:10em;	}
div#login table	input#submit	{	height:2em;	width:6em;	border:solid 2px #aaa;	background-color:#eee;	}

@media print{
	*				{	margin:0;	padding:0;	clear:both;	color:#000;	font-size:9pt;	}
	html , body , #pagebuilding	{	width:200mm;	}
	#header , #submenu , #subcontents , #footer	{	display:none;	}
	#contents		{	padding:0;	margin:0;	}
	#maincontents	{	margin:0;	padding:0;	}
	table#portschedule td	{	min-width:10em;	}
	table#portschedule td.remark div	{	width:auto;	height:auto;	overflow:visible;	}	

}

a#tstlink	{	margin-top: 5px;	position: static;	margin-right: 30px;}

#controlnavi	{	float:left;	margin-top:-35px; *margin-top:15px;	*margin-left:-40px;}
#controlnavi ol	{	padding-left:0px;	}
#controlnavi ol li	{	font-weight:normal;	float:left;	width:110px;	/*height:20px;*/	list-style:none;
				background-color:#eee;	margin-right:10px;	text-align:center;	padding:5px;	}
#controlnavi ol li:hover	{	background-color:#ccc;	}
#controlnavi ol li.grayout, #controlnavi ol li.grayout:hover	{	background-color:#eee;	}
#controlnavi ol li.grayout a	{	color:#ccc;	cursor:default;	}
#controlnavi ol li.active	{	background-color:#051039;	}
#controlnavi ol li.active a	{	color:#fff;	}
/*#controlnavi ol li.logout	{	width:70px;	font-size:12px;	background-color: #d5eaff ;	}
#controlnavi ol li.logout:hover	{	background-color:  #eaf4ff ;	}*/
#contents	{	font-size:10pt;	}
h1	{	clear:both;	font-size:20px;	text-align:left;	*margin-top:40px;	margin:0px;}

#searchbox li#port	{	float:right;	margin-right:160px;	/*margin-top:-5px;*/	}
#searchbox li#voyage	{	clear:both;	float:left;	margin-top:10px;	}
#searchbox li#arrival	{	float:right;	margin-right:160px;	margin-top:10px;	margin-left:0px;	}
#searchbox li dl dd	{	text-align:left;	padding-left:60px;	margin-top:-18px;	width:170px;}

#searchbox li#port dl dd	{	padding-left:0px;}

#searchbox	{	padding:10px;float:left;	margin-left:0px;	margin-right:0px;	font-weight:normal;	*float:left;	height:70px;	width:770px;	font-size:80%;	}
#searchbox ul	{	 list-style:none;	padding:0;	}
#searchbox li dl dd	{	padding-left:0px;	}
#searchbox li#port dl dd	{	width:120px;	}
#searchbox li#proformaeta dl dd	{	padding-left:30px;	}
#searchbox li#arrival dl dd	{	padding-left:30px;	}
#searchbox li#service dl dd,#searchbox li#type dl dd	{	width:100px;	}
#searchbox li dl dd input#PROFORMAETAFM,#searchbox li dl dd input#ARRIVALFM 	{	width:70px;	*margin-left:-40px;	}
#searchbox li dl dd input#PROFORMAETATO,#searchbox li dl dd input#ARRIVALTO	{	width:70px;	}
#searchbox li dl dd select#PORT,#searchbox li dl dd select#SERVICE,#searchbox li dl dd select#TYPE {	width: 100px;	}
#searchbox li#port	{	margin-right:0px;	float:left;	}
#searchbox li#arrival, #searchbox li#service{	margin-top:10px;	float:left;	margin-right:0px;	}
#searchbox li#proformaeta, #searchbox li#type	{	margin-right:0px;	margin-top:0px;	float:left;	}
#searchbutton_main	{	clear:both;	float:right;	margin-right:40px;	width:80px;	height:28px;	margin-top:-20px;	}

#ratebox	{	float:right;	/*border:1px #cccccc solid;*/	width:180px;	height:80px;	margin-top:10px;	font-weight:normal;	margin-right:20px;	}
#ratebox p	{	*padding-bottom:5px;	}
#ratebox input#ratedate2	{	 width:80px;	}
#ratebox a#link_manual{	 color:#0070c0;	text-decoration:underline;	}
#addbutton	{	 clear:both;	float:left;	margin-bottom:10px;	background-color:#dceaf8;	font-weight:bold;	padding:5px;	}

#searchboxdl	{	margin-left:0px;	margin-right:0px;	font-weight:normal;	background-color:#eee;	width:960px; *margin-top:5px;*padding-top:20px;*float:left;
			height:80px;	margin-bottom:10px;	padding:10px;	}
#pagetop	{	float:right;	padding-top:5px;	margin-top:5px;	margin-right:5px;	font-weight:normal;}

#searchbox_pdf	{	float:inherit;	margin-bottom:10px;	background-color:#eee;	}
#searchbox_pdf ul	{	 list-style:none;	}
#searchbox_pdf li dl{	margin:0;	}
#searchbox_pdf li#title	{	float:left;	/*margin-top:-5px;*/	}
#searchbox_pdf li#filename	{	clear:both;	float:left;	margin-top:10px;	}
#searchbox_pdf li#vessel	{	float:left;	/*margin-top:-5px;*/	}
#searchbox_pdf li#port	{	float:right;	margin-right:160px;	/*margin-top:-5px;*/	}
#searchbox_pdf li#voyage	{	clear:both;	float:left;	margin-top:10px;	}
#searchbox_pdf li#arrival	{	float:right;	margin-right:160px;	margin-top:10px;/*margin-top:-10px;*/	}
#searchbox_pdf li dl dt	{	text-align:left;	}
#searchbox_pdf li dl dd	{	text-align:left;	padding-left:60px;	margin-top:-18px;	width:170px;}
#searchbox_pdf li dl dd select	{	width:150px;	}
#searchbox_pdf li dl dd input	{	width:145px;	}
#searchbox_pdf	{	padding-top:0px;float:left;	margin-left:0px;	margin-right:0px;	font-weight:normal;	*float:left;	height:80px;	width:690px;	}
#searchbox_pdf li dl dd input#ARRIVALFM	{	width:70px;	*margin-left:-40px;	}
#searchbox_pdf li dl dd input#ARRIVALTO	{	width:70px;	}
#searchbox_pdf li dl dd select#PORT {	width: 160px;	}
#searchbox_pdf li#port	{	margin-right:100px;	}
#searchbox_pdf li#arrival	{	margin-right:100px;	}
#resultmsgpdf	{	clear:both;	margin-left: 0px;	color:red;	text-align:left;	}

#detailform	{	height:600px;	}
#detailtable tr td	{	border:none;	}
#detailtable tr td.firstrow	{	border-top: #aaa 1px solid; background-color:#ccc;	vertical-align:top; font-weight:bold;}
#detailtable tr td.itemname	{	border-left: #aaa 1px solid;	border-right: #aaa 1px solid; width:180px; border-bottom: #eee solid 1px;}
#detailtable tr td.itemdata	{	border-right: #aaa 1px solid; width:285px; border-bottom: #eee solid 1px;	font-size:90%;}
#detailtable tr td.bgcolorgray	{	background-color: #eee;}
#detailtable tr td.whitespace	{	white-space:normal;	}
#detailtable tr td.lastrow	{	border-bottom: #aaa 1px solid; height:40px;vertical-align:top;}
#detail_search	{	float:right;width:260px;height:20px;text-align:center;padding-top:5px;margin-top:5px;margin-right:5px;	}
.datebox	{	width:70px;	}
.timebox	{	width:50px;	}
#detail_userbox	{	clear:both;	float:left;	text-align:left;	font-weight:normal;	margin-left:10px;	}

#detailtable td div div.d1{	min-width: 80px;	white-space:nowrap;	height:2em;	display: block;	float: left;	}
#detailtable td div div.d2{	min-width: 150px;	white-space:nowrap;	height:2em;	display: block;	float: left;	}
#detailtable td div div input.rate{	width: 80px;	}


#searchresult table	{ margin:0;	width:960px;	*clear:both;}
#searchresult td.service input	{	width:70px;	}
#searchresult td.resultremark textarea	{	width:600px;	height:50px;}
#searchresult td.resultremark {	border-left:none;	vertical-align:middle;}
#searchresult .ratedate	{	width:70px;	}
#searchresult .center {	text-align:center;	}
#searchresult .main2editvoy	{	width:35px;	}
#searchresult .main2editberth	{	width:90px;	}
#searchresult tr td.to_edit	{	cursor:pointer;	}
#searchresult tr td.to_edit:hover{	color:#00f;	}
#searchresult tr td.portcol	{	white-space:nowrap;	}
#searchresult tr td.portcol span div.tooltips_s,#searchresult tr td.portcol span div.tooltips_s_written	{	word-break:break-all;	white-space:normal;		}

#detaillink	{	margin-bottom:10px;	}

#resultmsg,#resultmsgad	{	color:red;	text-align:left;	margin-left: 150px;	}
#resultmsgad	{	margin-left: 0px;	}
#msg1	{	 text-align:left;	font-weight:normal;	margin-bottom:40px;	}
#upfile,#rateaddbox input#upfile	{	 width:300px;	}
#msg2	{	 clear:both;	text-align:left;	font-weight:normal;	margin-bottom:5px;	}
#adfilelist	{	 width:900px;	margin:0;	}
#adfilelist .adfilelisttitle	{	 background-color:#eeeeee;	font-size:12px;	}
#adfilelist tr td img	{	 max-width:500px;	}
#adfilelist tr td	{	 word-break:break-all;	white-space:normal;	}
div#ulad1	{	float:left;}
div#ulad2	{	float:right;	background-color:#eee;	margin-right:30px;	}
div#ulad2 ul li	{	text-align:left;	}


#searchresult #jumptop	{	margin-right:30px;	}

#updatebox	{	 /*float:left;*/	width:960px;	background-color:#eee;	text-align:left;	margin-bottom:5px;	padding:2px;	font-weight:normal;	*margin-left:35px;}
#updatebox{	 clear:both;	}
#updatebox input {    width: 110px;    margin: 5px;    height: 25px;	border:#888 2px solid;	}

#notes2box,#notes2box_only	{	 margin-left: 0px;	clear:both;	text-align:left;	background-color:#d8e7f6;	width:600px;	padding:10px;	margin-bottom:10px;	position: relative;	display: none;		z-index: 0;	border-radius: 10px;	}
#notes2box:before,#notes2box_only:before {	content: "";	position: absolute;	top: -8px; left: 185px;	margin-left: -9px;	display: block;	width: 0px;	height: 0px;	border-style: solid;	border-width: 0 9px 9px 9px;	border-color: transparent transparent #d8e7f6 transparent;	z-index: 0;	}
#notes2boxtextarea	{	width:550px;	height:50px;	margin-bottom:10px;	}
#notes2box_only{	margin-left: -350px;	}
#notes2box_only:before {	left: 110px;	}

.notes2	{	color:#369;	}
#issuedatebox	{	 margin-left: 205px;	clear:both;	text-align:left;	background-color:#d8e7f6;	width:200px;	padding:10px;	margin-bottom:10px;	position: relative;	display: none;		z-index: 0;	border-radius: 10px;	font-weight: normal;	}
#issuedatebox:first-line {	font-weight: bold;	}
#issuedatebox:before {	content: "";	position: absolute;	top: -8px; left: 130px;	margin-left: -9px;	display: block;	width: 0px;	height: 0px;	border-style: solid;	border-width: 0 9px 9px 9px;	border-color: transparent transparent #d8e7f6 transparent;	z-index: 0;	}
#issuedatebox #issuestatus	{	width:150px;	margin-bottom:10px;	}

#impratebox	{	 margin-left: -180px;	clear:both;	text-align:left;	background-color:#d8e7f6;	width:200px;	padding:10px;	margin-bottom:10px;	position: relative;	display: none;		z-index: 0;	border-radius: 10px;	font-weight: normal;	}
#impratebox:first-line {	font-weight: bold;	}
#impratebox:before {	content: "";	position: absolute;	top: -8px; left: 75px;	margin-left: -9px;	display: block;	width: 0px;	height: 0px;	border-style: solid;	border-width: 0 9px 9px 9px;	border-color: transparent transparent #d8e7f6 transparent;	z-index: 0;	}
#impratebox #importratedate	{	width:80px;	margin-bottom:10px;	}

#expratebox	{	 margin-left: 0px;	clear:both;	text-align:left;	background-color:#d8e7f6;	width:200px;	padding:10px;	margin-bottom:10px;	position: relative;	display: none;		z-index: 0;	border-radius: 10px;	font-weight: normal;	}
#expratebox:first-line {	font-weight: bold;	}
#expratebox:before {	content: "";	position: absolute;	top: -8px; left: 110px;	margin-left: -9px;	display: block;	width: 0px;	height: 0px;	border-style: solid;	border-width: 0 9px 9px 9px;	border-color: transparent transparent #d8e7f6 transparent;	z-index: 0;	}
#expratebox #exportratedate	{	width:80px;	margin-bottom:10px;	}

#cargoinbox	{	 margin-left: 355px;	clear:both;	text-align:left;	background-color:#d8e7f6;	width:300px;	padding:10px;	margin-bottom:10px;	position: relative;	display: none;		z-index: 0;	border-radius: 10px;	font-weight: normal;	}
#cargoinbox:first-line {	font-weight: bold;	}
#cargoinbox:before {	content: "";	position: absolute;	top: -8px; left: 230px;	margin-left: -9px;	display: block;	width: 0px;	height: 0px;	border-style: solid;	border-width: 0 9px 9px 9px;	border-color: transparent transparent #d8e7f6 transparent;	z-index: 0;	}
#cargoinbox #cargoin_date	{	width:80px;	margin-bottom:10px;	}

.pdftooltiptitle	{	font-weight:bold;	color:#f00;	}

span.written	{	color:#f0f;	}
span.written a	{	color:#f0f;	}
span.written2	{	color:#0070c0;	}
td.written	{	background-color:#fdf;	}

table#voydetail{	font-size:12pt;	width:800px;	margin:auto;	clear:both;	}
a#archive_detail_return{	 margin-top:20px;	margin-bottom:10px;	margin-right:100px;	font-size:12pt;	}

input.grayout_button	{	background-color:#bbb; color:#999;	}

#ratesearchbox	{	float:left;	padding:10px;	width:450px;	margin-left:auto;	margin-right:auto;	margin-top:10px;	*padding-top:20px;	margin-bottom:10px;	background-color:#eee;	}
#ratesearchbox ul	{	 float:left;	list-style:none;	}
#ratesearchbox li dl{	margin:0;	}
#ratesearchbox li dl dt	{	text-align:left;	}
#ratesearchbox li dl dd	{	text-align:left;	padding-left:30px;	margin-top:-18px;	width:170px;}
#ratesearchbox li dl dd input	{	width:70px;	}
#ratesearchbutton	{	float:right;	margin-right:70px;	margin-top:10px;	width: 80px;	height: 28px;}

#rateaddbox	{    display: none;    padding: 10px;    position: absolute;    z-index: 100;    left: 120px;    top: 250px;    width: 750px;    height: 400px;    overflow-y: scroll;    background-color: #fff;    border: 2px solid #ccc;	}
#rateaddboxtitle{	padding:5px;	margin-left:2px;	text-align:left;	font-weight:bold;	font-size:10pt;	}
#rateaddboxclose	{	 float:right;	font-weight:bold;	font-size:12pt;	margin-right:5px;	cursor:pointer;	}
#rateaddboxclose:hover	{	color:gold;	}
#rateaddbox table	{	margin-bottom:10px;	}
#rateaddbox table tr td	{		font-weight:bold;	}
#rateaddbox input	{	width:140px	}
#rateaddbox input#newratedate	{	width:100px;	}
#rateaddbox input#rate	{	width:60px	}
#rateaddbutton,#pdfaddbutton	{	 clear:both;	float:left;	margin-bottom:10px;	font-weight:bold;	padding:5px;	}

#ratesearchresult	{	clear:both;	*margin-left:-35px;}
#ratesearchresult table, #rateinputform table	{ margin:0;	clear:both;	*margin-top:20px;}
#ratesearchresult td, #rateinputform td	{	padding:1px;	font-size:12px;	line-height:14px;	border:1px solid #aaa; height:28px;	font-weight:normal;	}
#ratesearchresult .tabletitle	{	background-color:#d9d9d9;	font-size:12px;	white-space:nowrap;	}
#ratesearchresult .tabletitle td {	height:14px;	}
#ratepagenavi	{	float:left;	text-align:center;	width:960px;	margin-right:0px;	}
#ratedlbox	{	 float:left;	margin-top:20px;	margin-left:10px;	}
#ratedlbox input	{	 width:80px;	}

#useridbox{	float:right; margin-right:40px;	width:160px;	text-align:left;	}

.circle {	margin-top:-10px;	display: inline-flex;	justify-content: center;	align-items: center;	border-radius: 50%;	flex-flow: column; 	vertical-align: top;	background-color:navy;	cursor:pointer;	width: 25px;	height: 25px;	}
.circlechar {	font-size: 1.4em;	line-height: 0.4em;	color: #fff;	}
.tooltips_legend	{	position:relative;	word-break: break-all;	color:#333;	font-size:12px;	font-weight:normal;	text-align:left;	margin-left:-320px;	width:300px;	height:120px;	position:absolute;	z-index:9999;	padding:0.3em 0.5em;	background:#fff;	border:1px solid #ccc;	border-radius:0.5em;		line-height:1.25em;}

#importrate,#exportrate{ width:75px; margin-bottom:10px; }