/*
*	CLWEB CMS
*/

/*body.head	{
	font-family: Tahoma, Arial;
	font-size: 0.9em;
	background: #FFFFFF url("img/top.gif") top left repeat-x;
	color: #000000;
	text-align: left;
	margin: auto;
	width:auto;
	_width:100%;
	padding-top:0px;
}*/

body	{
	font-family: Tahoma, Arial;
	font-size: 0.9em;
	color: #000000;
	text-align: left;
	margin: auto;
	width:auto;
	_width:100%;
/*	padding-top:10px;*/
	background: #FFFFFF;
	overflow: scroll !important;
}

p	{font-size:0.8em;}

body.ifr	{	background:white;padding:0;width:auto;	}

form	{	display:inline;		}

div.hr	{	border-top: 1px solid #6E91B6; font-size:0.1em;margin-bottom:5px;	}
hr	{	color: #1B487F; height: 1px;	}

textarea	{
	text-decoration: none;
	border: 1px #808080 solid;
	font-style: normal;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial;
	font-size: 1em;
	color: #000000;
	width:450px;
	height:100px;
}

input	{
	font-size: 11px;
	height:18px;
	padding:0px;
/*	margin:0px;*/
/*	_height:16px;
	_padding-top:0px;
	_padding-bottom:0px;
	_line-height:12px;*/
	width:auto;
}

input.butt	{	height:20px;	}

select	{font-size:9px;}

a				{ text-decoration: none;  }
a:link			{ text-decoration: none;  }
a:visited		{ text-decoration: none;  }
a:active		{ text-decoration: none;  }
a:hover			{ text-decoration: none; }

img	{	border-color: #1F2F40;	}

/*
*	CMS login
*/

#login_table {		background:#FFFFFF url('img/top.gif') top center repeat-x;width:100%;height:500px;	}
#login_table tr td	table	{	margin:auto;/*text-align:left;*/	}
#login_form .text {	font-size:11px; font-weight:bold; font-style:italic; color:#000000;	}
#login_form .input {	font-size:11px; width:100px; height:18px; margin:0px; padding:0px; text-align:left;	}
#login_form .submit {	padding-top:8px;	}

/*
h1			{	color:#457aad;font-weight:normal;letter-spacing:1px;margin:0px;padding:0px; margin-bottom:5px;margin-top:0px;border-bottom: 1px solid #6E91B6;font-size:1.7em;text-transform:none;width:100%;}
h1 span		{	font-size:11px;color:black;font-weight:bold;	}
*/

h1			{	color:#457aad;font-weight:normal;letter-spacing:1px;margin:0px;padding:0px; margin-bottom:5px;margin-top:0px;border-bottom: 1px solid #6E91B6;font-size:1.7em;text-transform:none;width:100%;background:#fff;}

h1.tr			{	position:absolute;top:0px;left:0px;color:#457aad;font-weight:normal;letter-spacing:1px;margin:0px;padding:0px; margin-bottom:0px;margin-top:0px;border-bottom: 1px solid #6E91B6;font-size:1.7em;text-transform:none;width:100%;background:#fff;}
h1 span			{	font-size:11px;color:black;font-weight:bold;	}


.transportsHead	{	position:absolute;top:67px;left:0px;width:100%;height:37px;	} 


a#wPrev:link	{	border:1px solid #c0c0c0; font-size:12px; font-weight:bold;color:#457aad;	}
a#wPrev:active	{	border:1px solid #c0c0c0; font-size:12px; font-weight:bold;color:#457aad;	}
a#wPrev:visited	{	border:1px solid #c0c0c0; font-size:12px; font-weight:bold;color:#457aad;	}
a#wPrev:hover	{	border:1px solid #c0c0c0; color:#00468D;background:#e8ecf2;	}

a#wNext:link	{	border:1px solid #c0c0c0; font-size:12px; font-weight:bold;color:#457aad;	}
a#wNext:active	{	border:1px solid #c0c0c0; font-size:12px; font-weight:bold;color:#457aad;	}
a#wNext:visited	{	border:1px solid #c0c0c0; font-size:12px; font-weight:bold;color:#457aad;	}
a#wNext:hover	{	border:1px solid #c0c0c0; color:#00468D;background:#e8ecf2;	}

h1 a:link		{	color:#457aad;	}
h1 a:visited	{	color:#457aad;	}
h1 a:active		{	color:#457aad;	}
h1 a:hover		{	color:black;	}

h2			{	margin:0px;padding:0px;font-size:1.5em;margin-bottom:10px;margin-top:0px;text-transform:none;width:100%;color:#000;	}
h2 span		{	float:right;	}

h3	{	margin:0px;padding:0px;font-size:12px;margin-top:5px;border-bottom: 1px solid #6E91B6;color:#d56400;width:100%;	}


.list_grid	{	width:100%;border-collapse:collapse;padding:0px;margin:0px;border:0px;font-size:11px;	}
.list_grid td	{	padding:3px;text-align:center;border:1px solid #f0f0f0;}


.list	{	width:100%;border-collapse:collapse;padding:0px;margin:0px;border:0px;font-size:11px;	}

.list th,
.list_grid th	{
	border-bottom:1px solid #e0e0dd;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	white-space:nowrap;
	font-weight:normal;
	text-transform:none;
	color: #fff;
	background: #535a5c;
	padding-right: 4px;
	padding-left: 4px;
}

.list_grid td.noborder,
.list_grid td.clear-col		{	border:0 !important;	}

.list td	{	padding-left:3px;padding-right:3px;text-align:center;line-height:18px;}

.list tr.bd		{	background:#fff;	}

.hist	{	background:#e9e9e9 !important;	}

.list tr.bd	td	{	border-bottom:1px solid #e0e0dd;	border-right:1px solid #e4e4e4;  cursor:pointer; 	}

/*.list td.separator	{font-size:4px; 	}*/

.center	{margin:15px auto !important;width:80% !important;}

.list th a:link,
.list th a:visited,
.list th a:active,
.list_grid th a:link,
.list_grid th a:visited,
.list_grid th a:active		{	color:#fff;text-decoration:none;	}

.list th a:hover,
.list_grid th a:hover		{	color:#fff;text-decoration:none;	}

.list td.tr-separator	{font-size: 1px;line-height: 1px;border-bottom:2px solid #5b99d4;height: 1px;	}

.click	{	background:#e9e9e9 !important;	}
.hvr	{	background:#f3f3f3 !important;	}

.list tr.cancel		{	background:#e0e0e0;	}
.list td.cancel		{	background:#9c9c9c !important;	}

.list tr.urgent		{	background:#ffc4c4;	}
.list td.urgent		{	background:#ff6868 !important;	}


.list tr.unloading_arrival	{	background:#c4e3ff;	}
.list tr.loading_leave		{	background:#ffc45c;	}
.list tr.loading_arrival	{	background:#fcffc4;	}
.list tr.carrier			{	background:#c8ffc4;	}



.rowTable	{	border-collapse:collapse;padding:0px;margin:auto;background:#fff;font-size:12px;	}

.rowTable th	{border-bottom:1px solid #CDCDCD;text-align:left;	background:#ebebe9;	color:#4d4d4d;	padding:6px;font-weight:bold;white-space:nowrap;}
.rowTable td	{border-bottom:1px solid #CDCDCD;padding:2px;}

.rowTable td textarea	{	width:100%;	}


.vlist		{	width:98%;border-collapse:collapse;padding:0px;margin:auto;	}

.vlist th	{	border-bottom:1px solid #cdcdcd;text-align:left; width:220px;font-weight:normal;background:#f4f4f2;	color:#2c2c2c;	padding:4px;padding-left:8px;	font-size:1.1em;	}

.vlist th.separator	{	background:#cdcdcd;padding:2px;font-size:.9em;font-weight:bold;text-align:center;	}

.vlist td	{	border-bottom:1px solid #cdcdcd;padding:4px;padding-left:8px;/*font-size:1.1em;*/	}


.vlist tr.hvr td:nth-of-type(1),
.rowTable tr td.hvr	{	background:#fbfbfb !important;	}


.vlist tr.hvr th,
.rowTable tr .hvr	{	font-weight:bold;	}

.vlist td a				{font-size:1em;}
.vlist td a:hover		{font-size:1em;color:#F97A26;}
.vlist td a:link		{font-size:1em;}
.vlist td a:visited		{font-size:1em;}
.vlist td a:active		{font-size:1em;}

.holder	{	width:100%;	}

.header	{
	display:none;
}

.header a	{}

.header div.menu	{ float:right;padding-right:10px;/*margin-bottom:10px;*/margin-top:25px;}

.header div.menu a:link			{color:#457aad;text-transform:uppercase;font-weight:bold;letter-spacing:1px;}
.header div.menu a:visited		{color:#457aad;text-transform:uppercase;font-weight:bold;letter-spacing:1px;}
.header div.menu a:active		{color:#457aad;text-transform:uppercase;font-weight:bold;letter-spacing:1px;}
.header div.menu a:hover		{color:black;text-transform:uppercase;font-weight:bold;letter-spacing:1px;}

.header div.userInfo	{/*float:right;width:400px;*/text-align:right;margin-bottom:5px;}

.header div.userInfo a:link			{color:#457aad;text-transform:none;letter-spacing:0px;font-weight:normal;}
.header div.userInfo a:visited		{color:#457aad;text-transform:none;letter-spacing:0px;font-weight:normal;}
.header div.userInfo a:active		{color:#457aad;text-transform:none;letter-spacing:0px;font-weight:normal;}
.header div.userInfo a:hover		{color:black;text-transform:none;font-weight:normal;}


.logo	{	margin-top:40px;	}

.main	{
/*	margin-left:11px;
	margin-right:11px;*/
	font-size:0.8em;
/*	width:99%;*/
	/*position:relative;*/
	/*padding-top:30px;*/
}

.holder_content	{
/*	overflow:auto;*/
/*	height:100%;*/
/*	padding-top:30px;*/
} 

.ifr .main	{
	margin-left:0px;
	margin-right:0px;
	font-size:0.8em;
	width:99%;
}

p	{margin:0px;padding:0px;padding-bottom:5px;}

button	{/*position:absolute;*/margin:0px;padding:0px;width:22px;height:22px;}


div.splitMenu		{float:left;width:150px; /*position:absolute;top:10px;left:10px;width:150px;padding:0px;*/}
div.splitMenu h1	{margin:0px;padding:0px;}

div.splitMenu a			{display:block;padding:5px;border-bottom:1px solid #6E91B6;border-left: 1px solid #C9DBF1;border-right: 1px solid #C9DBF1;}
div.splitMenu a:link	{color:#457aad;}
div.splitMenu a:visited	{color:#457aad;}
div.splitMenu a:active	{color:#457aad;}
div.splitMenu a:hover	{border-bottom:1px solid black;background:#F8F8F8;font-weight:bold;color:#457aad;}

div.splitMenu a.mCurr	{background:#F8F8F8;font-weight:bold;color:#457aad;}

div.splitContent	{margin-left:165px;}

/*
div.splitMenu		{position:absolute;top:10px;left:10px;width:150px;padding:0px;}
div.splitMenu h1	{margin:0px;padding:0px;}

div.splitMenu a			{display:block;padding:5px;border-bottom:1px solid #6E91B6;border-left: 1px solid #C9DBF1;border-right: 1px solid #C9DBF1;}
div.splitMenu a:link	{color:#457aad;}
div.splitMenu a:visited	{color:#457aad;}
div.splitMenu a:active	{color:#457aad;}
div.splitMenu a:hover	{border-bottom:1px solid black;background:#F8F8F8;font-weight:bold;color:#457aad;}

div.splitMenu a.mCurr	{background:#F8F8F8;font-weight:bold;color:#457aad;}

div.splitContent	{position:relative;margin-left:160px;width:100%;}*/

/*.addFormLink			{	height:35px;	}*/

.addFormLink a			{	border:1px solid #6E91B6; display:block; width:150px;height:16px;float:left;padding:2px;margin:2px;margin-left:5px;font-weight:bold;	}
.addFormLink a:link		{	color:#457aad;	}
.addFormLink a:visited	{	color:#457aad;	}
.addFormLink a:active	{	color:#457aad;	}
.addFormLink a:hover	{	color:#00468D;background:#e8ecf2;	}

.addFormLink a.act	{background:#d7dde4;}

.addFormLink span	{	border:1px solid #6E91B6; display:block; width:150px;height:20px;float:left;padding:2px;margin:2px;	}

#addForms			{	/* holder only */ /*width:100%;*/ /*margin-top:35px;*/ overflow:auto; padding-left:5px;padding-right:5px;}

#addForms h2		{	font-weight:bold;font-size:1.2em;margin-left:0px;padding-left:2px;margin-top:5px;	}

.addForm			{		}

.oSort		{background:url('img/def.gif') top left no-repeat;font-size:10px;}
.oSortDesc	{background:url('img/desc.gif') top left no-repeat;font-size:10px;}
.oSortAsc	{background:url('img/asc.gif') top left no-repeat;font-size:10px;}

td.multipleActions	{text-align:left;padding-left:20px;color:#4d4d4d;font-weight:bold;font-size:0.5em;}

a.headLink			{	color:#4d4d4d;text-decoration:none;background:none;	}
a.headLink:link		{	color:#4d4d4d;	}
a.headLink:visited	{	color:#4d4d4d;	}
a.headLink:active	{	color:#4d4d4d;	}
a.headLink:hover	{	color:#457aad;text-decoration:underline;	}

div#tabsHolder	{	text-align:left;width:100%;margin-top:35px;margin-bottom:2px;height:35px;	}

div#tabsHolder span {float:right;}

div#tabsHolder a:link		{font-weight:bold;color:#457aad;}
div#tabsHolder a:visited	{font-weight:bold;color:#457aad;}
div#tabsHolder a:active		{font-weight:bold;color:#457aad;}
div#tabsHolder a:hover		{font-weight:bold;color:black;}

#headc,
#heade,
#headj,
#headl	{	position:absolute;top:0px;left:0px;	}

/*
*	Filters
*/

.filters	{
	position:absolute;
	top:4px;left:470px;
	width:290px;height:18px;
	text-align:left;
	background:white;
	border:1px solid gray;

	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;

	color:black;
	font-weight:normal;
	font-family:Arial;
	font-size:.75em;
	overflow:hidden;
	z-index:2000;
} 

div.filtersTitle	{
	font-size:11px;
	font-weight:bold;
	position:absolute;
	top:0px;left:0px;
	cursor:pointer;
	width:360px;
	height:18px;
	padding-top:2px;
	z-index:2010;
}

.closeFilters	{
	display:block;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	color:red;
	position:absolute;
	top:0px;right:0px;
	width:30px;
	height:18px;
	text-align:center;
	z-index:2020;
}
/*a.closeFilters:hover	{	background:red;color:#FFF;	}*/


a.expandFilters:link,
a.expandFilters:active,
a.expandFilters:visited,
a.expandFilters:hover	{
	display:block;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	position:absolute;
	top:0px;left:0px;
	width:360px;
	height:18px;
	z-index:2020;
	color:#457aad;
}

a.green:link,
a.green:active,
a.green:visited,
a.green:hover	{color:green;}


.del-info			{	text-align:center;	background-color: #FDE5DD; border: 1px solid #FBCBBC;margin-bottom:5px;padding:5px;	}

a.del-x				{	display:block;float:right;background:#FDE5DD;border: 1px solid #FBCBBC;width:18px;height:18px;_height:20px;text-align:center;font-weight:bold;color:#000;margin-bottom:2px;	}
a.del-x:hover		{	background:#ffb59c;border: 1px solid #f97850; color:#fff;	}

a.file-info			{	display:block;_float:left;height:18px;line-height:18px;_width:240px; background-color: #f0f0f0;	border: 1px solid #c5c5c5;padding-left:2px;color:#000;margin-bottom:2px;	}
a.file-info:hover	{	background:#d3e6f1;border: 1px solid #9ebed1;	}

.w100	{	width:100%;	} 

.printMode	{	display:none;	}


.font-bold	{	font-weight:bold;	} 

.red		{color:red;}
.green		{color:green;}



.cd-nav	{	display:none;	}
.cd-main-header	{	display:none;	}

#addForms	{		overflow: scroll !important;height:auto !important;	}

#addFormLink	{		}

.filter-content {	display:none;	}