@charset "utf-8"
;

/* CSS Document */
.menuBG {
	background: url(/ShipPorting/images/top_Mid02.jpg);
	width: auto;
	height: 26px;
}

.menuleft {
	background: url(/ShipPorting/images/top_left02.jpg) left no-repeat;
	height: 26px;
}

.menuright {
	background: url(/ShipPorting/images/top_right02.jpg) right no-repeat;
	height: 26px;
	padding-left: 7px;
}


.jusTable {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	empty-cells: show;
	padding: 0px;
	border: solid 1px #ced7dd;
	padding-left: 5px;
	font-size: 12px;
}



.TableFrame {
	border-collapse: collapse;
	width: 100%;
	empty-cells: show;
	padding: 2px;
	border-collapse: collapse;
	border: solid 1px #ced7dd;
	padding-left: 10px;
	font-size: 12px;
}

/*.TableFrame td {*/
/*border-collapse: collapse;*/
/*border: none;*/
/*margin-top: 3px;*/
/*}*/

table.TableFrame td.emphasis {
	background: #FFFFCC;
	color: #03608e;
}

table.TableFrame tfoot td {
	background: #d6f2fe;
	padding: 5px;
}

.TableButtonFrame {
	width: 100%;
	empty-cells: show;
	padding: 2px;
	border-collapse: collapse;
	border: solid 1px #ced7dd;
	padding-left: 10px;
	font-size: 12px;
	background: #d6f2fe;
	padding: 3px;
}

table.TableButtonFrame td.buttontd {
	text-align: left;
	margin-left: 10px;
	background: #d6f2fe;
}

table.TableFrame td {
	padding: 5px;
	background: #fff;
	font-weight: bold;
	/*border: 1px solid #c9f0f8;*/
	border-collapse: collapse;
	border: none;
	margin-top: 3px;
}

.form {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #545353;
	text-decoration: none;
}

.formTitle {
	border-collapse: collapse;
	border: solid 1px #ced7dd;
	color: #03608e;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma, Arial, Technical;
	background: url(/ShipPorting/images/table_top.jpg);
	height: 30px;
	vertical-align: middle;
	text-align: left;
}

table.TableFrame td.formTitle {
	border-collapse: collapse;
	border: solid 1px #ced7dd;
	color: #03608e;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma, Arial, Technical;
	background: url(/ShipPorting/images/table_top.jpg);
	height: 30px;
	vertical-align: middle;
	text-align: left;
}

.form_label {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #545353;
	text-decoration: none;
	text-align: right;
	background-color: #F0FAFF;
	height: 25;
	width: 280;
}

table.TableFrame td.form_label {
	background: #fafafa;
	text-align: right;
	font-weight: normal;
	width: 20%;
}

.form_field {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #545353;
	text-decoration: none;
	text-align: left;
	background: #F0FAFF;
}

table.TableFrame td.form_field {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #545353;
	text-decoration: none;
	text-align: left;
}

table.TableFrame td.form_field_break {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #545353;
	text-decoration: none;
	text-align: left;
	word-wrap: break-word;
}

table.TableFrame td.contentTitle {
	padding: 5px;
	background: url(/ShipPorting/images/table_top.jpg);
	font: bold 1em Tahoma, Arial, Technical;
	text-align: left;
	color: #03608e;
	height: 20px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Tahoma, Arial, Technical;
	BACKGROUND-COLOR: #3366CC;
	font-size: 12px;
}

table.TableFrame td.smallTitle {
	padding: 0px;
	background: url(/ShipPorting/images/table_top.jpg);
	font: bold 1em Tahoma, Arial, Technical;
	text-align: left;
	color: #03608e;
	height: 10px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Tahoma, Arial, Technical;
	BACKGROUND-COLOR: #3366CC;
	font-size: 6px;
}


.form_line {
	background: #fafafa;
	height: 1;
}

table.contentall {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.TableFrameAll {
	border-collapse: collapse;
	border: solid 1px #ced7dd;
	margin-top: 0px;
}

.TableFrameAll td {
	border-collapse: collapse;
	border: none;
	margin-top: 3px;
}

table.TableContentFrame {
	width: 100%;
	empty-cells: show;
	border-collapse: collapse;
	border: 1px solid;
	border: 1px solid #ced7dd;
	font-size: 12px;
	line-height: 1.2em;
}

table.TableContentFrame th {
	padding: 5px;
	background: url(/ShipPorting/images/table_top.jpg);
	font: bold 1em Tahoma, Arial, Technical;
	text-align: left;
	color: #03608e;
	height: 20px;
	border: 1px solid #ced7dd;
}

table.TableContentFrame tbody td {
	padding: 5px;
	font-weight: normal;
	border: 1px solid #ced7dd;
	height: 20px;
}

table.TableContentFrame tbody .listtableRowBg {
	background: #eff5f8;
}

table.TableContentFrame tfoot td {
	background: #fff;
	padding: 5px;
}

table.TableContentFrame tbody tr .odd {
	font-family: Tahoma;
	font-size: 11px;
	color: #545353;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
	background: #fafafa;
	text-align: left;
	height: 25;
}

table.TableContentFrame td.table_title {
	padding: 5px;
	background: url(/ShipPorting/images/table_top.jpg);
	font: bold 1em Tahoma, Arial, Technical;
	text-align: center;
	color: #03608e;
	height: 30px;
	border: 1px solid #ced7dd;
}

table.TableContentFrame td.table_button {
	background: #d6f2fe;
	padding: 5px;
}

table.TableContentFrame td.smalltd {
	font-family: Tahoma;
	font-size: 8px;
	color: #545353;
	line-height: 8px;
	text-decoration: none;
	font-weight: normal;
}

.TablePaginationFrame {
	border-collapse: collapse;
	border-spacing: 1;
	width: 99%;
}

.noBolidTable {
	border-collapse: separate;
	border: none;
	margin-top: 0px;
}

.noBolidTable td {
	border-collapse: separate;
	border: none;
	margin-top: 0px;
}

a.TopMenu:link,
a.TopMenu:visited {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #545353;
	text-decoration: none;
}

a.TopMenu:hover {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #fa7600;
	text-decoration: none;
}

a.TopMenuWhite:link,
a.TopMenuWhite:visited {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a.TopMenuWhite:hover {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #fa7600;
	text-decoration: none;
}

a.Navigation:link,
a.Navigation:visited {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #003a7a;
	text-decoration: none;
}

a.Navigation:hover {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #fa7600;
	text-decoration: none;
}

.title {
	font-family: Tahoma;
	font-size: 18px;
	color: #0008ae;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
}

.h2 {
	font-family: Tahoma;
	font-size: 24px;
	color: #0c0a36;
	line-height: 26px;
	text-decoration: none;
	font-weight: bold;
}

.records {
	font-family: Tahoma;
	font-size: 11px;
	color: #545353;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
}

.red_records {
	font-family: Tahoma;
	font-size: 11px;
	color: #ff0000;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
}

.centred_records {
	font-family: Tahoma;
	font-size: 11px;
	color: #545353;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}

.big_records {
	padding: 5px;
	font-family: Tahoma;
	font-size: 11px;
	color: #545353;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
}

.showBox {
	font-family: Tahoma;
	font-size: 11px;
	color: #545353;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
}

.login {
	margin-left: 293px;
	margin-top: 20px;
	height: 100px;
}

.loginFont {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #2e4d73;
}


.contentTitle {
	padding: 5px;
	background: url(/ShipPorting/images/table_top.jpg);
	font: bold 1em Tahoma, Arial, Technical;
	text-align: left;
	color: #ffffff;
	height: 20px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Tahoma, Arial, Technical;
	BACKGROUND-COLOR: #3366CC;
	font-size: 12px;
}

.formTitle_small {
	font-family: Tahoma;
	font-size: 11px;
	color: #03608e;
	line-height: 15px;
	text-decoration: none;
	font-weight: bold;
}

.form_small {
	font-family: Tahoma;
	font-size: 11px;
	color: #545353;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
}

.odd {
	font-family: Tahoma;
	font-size: 11px;
	color: #545353;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
	background: #fafafa;
	text-align: left;
	height: 25;
}

.even {
	font-family: Tahoma;
	font-size: 11px;
	color: #545353;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
	background: #eff5f8;
	text-align: left;
	height: 25;
}

a.form_small:link,
a.form_small:visited {
	font-family: Tahoma, Arial, Technical;
	font-size: 11px;
	font-style: normal;
	color: #545353;
	text-decoration: none;
}

a.form_small:hover {
	font-family: Tahoma, Arial, Technical;
	font-size: 11px;
	font-style: normal;
	color: #fa7600;
	text-decoration: none;
}

.login_bg {
	background: url(/ShipPorting/images/login_bg.jpg) repeat-x;
	width: auto;
	height: 600px;
}

.login_submit {
	margin-left: 80px;
}

.button,
.form-button,
.portlet-form-button {
	/*BACKGROUND-IMAGE: url(../images/lightblue_bg.jpg);*/
	/*BACKGROUND:WHITE;*/
	/*BORDER-BOTTOM: #FFFFFF 1px inset;*/
	/*BORDER-LEFT: #FFFFFF 1px inset;*/
	/*BORDER-RIGHT: #FFFFFF 1px inset;*/
	/*BORDER-TOP: #FFFFFF 1px inset;*/
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	/*FONT-SIZE: 12px;*/
	/*FONT-WEIGHT: bold;*/
	/*HEIGHT: 20px;*/
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.spaceLine {
	background: #fafafa;
	height: 10;
}

.inner_tabel_field {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	color: #545353;
	text-decoration: none;
	text-align: center;
	background: #F0FAFF;
}

.calendar {
	BACKGROUND-IMAGE: url("/ShipPorting/images/icons_calendar.gif");
	BACKGROUND-REPEAT: no-repeat;
	BORDER: 0;
	CURSOR: pointer;
	HEIGHT: 18px;
	VERTICAL-ALIGN: text-bottom;
	WIDTH: 22px;
}

/*for top */
.div_top {
	background: url(/ShipPorting/images/top_Mid.jpg) repeat-x;
	height: 100px;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	border-bottom: solid 1px #5ecaff;
}

.div_top .left {
	background: url(/ShipPorting/images/top_left.jpg) left no-repeat;
	height: 100px;
}

.div_top .right {
	background: url(/ShipPorting/images/top_right.jpg) right no-repeat;
	height: 100px;
}

.logout {
	margin-left: 86%;
	padding-top: 6px;
	width: 170px;
	height: 30px;
}

.text_welcome {
	/*padding-left: 248px;*/
	padding-top: 20px;
	height: 18px;
	width: auto;
	color: #000d9e;
	font-size: 12px;
	font-family: Tahoma, Arial, Technical;
	text-decoration: none;
	font-style: normal;
}

.text_uppercase {
	TEXT-TRANSFORM: uppercase;
}

.menu {
	padding-left: 5px;
	height: 26px;
	color: #000d9e;
	font-size: 12px;
	font-family: Tahoma, Arial, Technical;
	text-decoration: none;
	font-style: normal;
}

.bg_top {
	background-attachment: fixed;
	background-image: url(/ShipPorting/images/@TOP_IMG@);
	background-repeat: no-repeat;
	background-position: left top;
}

a.icon_logout:link,
a.icon_logout:visited {
	font-size: 11px;
	font-family: Tahoma, Arial, Technical;
	color: #004faa;
	text-decoration: none;
	font-weight: bold;
}

a.icon_logout:hover {
	font-size: 11px;
	font-family: Tahoma, Arial, Technical;
	color: #fa7600;
	text-decoration: none;
	font-style: normal;
}

.navigation {
	font-family: Tahoma, Arial, Technical;
	font-size: 14px;
	font-weight: bold;
	color: #fa7600;
	/*	text-decoration:underline;*/
	font-style: normal;
}



input.button {
	font: 12px;
	color: black;
	text-align: center;
	margin-left: 10px;
	margin-top: 5px;
}

.inprogress {
	font: 12px;
	color: blue;
}

.successful {
	font: 12px;
	color: green;
}

.multipleSelectBoxControl span {
	/* Labels above select boxes*/
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}

.multipleSelectBoxControl div select {
	/* Select box layout */
	font-family: arial;
	height: 100%;
	valign: center;
}

.multipleSelectBoxControl input {
	/* Small butons */
	width: 25px;
}

.multipleSelectBoxControl div {
	float: left;
}

.multipleSelectBoxDiv .note {
	font-family: Tahoma, Arial, Technical;
	font-size: 9px;
	font-style: normal;
	color: #545353;
	text-decoration: none;
	text-align: left;
	background: #F0FAFF;
}

.form_label_smms {
	font-family: Tahoma, Arial, Technical;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	width: 90%;
}

.error_title {
	color: #ff0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
}

.error_txt,
.portlet-msg-error {
	BACKGROUND-COLOR: #f0f0f0;
	COLOR: red;
	FONT-FAMILY: verdana, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 260px;
	background-color: yellow;
	color: #ff0033;
	text-align: left;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.tooltip .tooltiptextdull {
	visibility: hidden;
	width: 260px;
	background-color: #80ffff;
	color: #ff0033;
	text-align: left;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.tooltip:hover .tooltiptextdull {
	visibility: visible;
}

.smalltd {
	font-family: Tahoma;
	font-size: 8px;
	color: #545353;
	line-height: 9px;
	text-decoration: none;
	font-weight: normal;
}

.smallcontentTitle {
	padding: 2px;
	background: url(/ShipPorting/images/table_top.jpg);
	font: bold 1em Tahoma, Arial, Technical;
	text-align: left;
	color: #ffffff;
	height: 12px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Tahoma, Arial, Technical;
	BACKGROUND-COLOR: #3366CC;
	font-size: 8px;
}


thead.fixedHeader tr {
	position: relative
}

html>body thead.fixedHeader tr {
	display: block
}


thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}

#myBtn:hover {
	background-color: #555;
}