/****************************************
*********** Version 2.0.6 ***************
	Pun		19/09/2011		16:00
	pun		04/11/2011		13:10
****************************************/

html {
	font-family: Verdana, Arial, sans-serif;  
	font-size: 14px; 
	font-weight: Normal;
}

#AMLversion{
	/*float:right;*/
	display:none;
}

#globalVersion{
	float:right;	
}

#wrapper{
	margin:5%;
	padding:5px;
	top:5%;
	border-color:#000000;
}

#header
{
	top:0px;
	position:absolute;
	width:90%;
	height:90px;
	background-color:#ffffff;
	font-size:25px;
}

#logoImg
{
	background-image:url('../logo/AML_LOGO.jpg');
	width:96px;
	height:30px;
	float:left;
}

#msgAlert
{
	background-image:url('../images/message.gif');
	width:30px;
	height:30px;
	float:right;
	margin: 0px 5px;
	cursor:pointer;
	
}

#systemHeader{
	font-family: Verdana, Arial, sans-serif;  
	font-size: 22px; 
	font-weight: bold;
	float:left;
}

#menu
{
	width:90%;
	height:30px;
	position:fixed;
	top:30px;
	z-index:6;
}

#mainBody
{
	position:fixed;
	height:90%;
	width:90%;
	top:60px;
	margin:0px auto;
}

.navigationBar{
	text-align:left;
	text-decoration:none;	
	color:#6993C7;
	position:relative;
	font-family: Verdana, Arial, sans-serif;  
	font-size: 16px; 
	font-weight:bold;
}

/* message table */
#notificationTable{
	width: 60%;
}

.notificationDt{
	width: 30%;
	text-align:left;
	background-color:#EEEEEE;
}

.notificationContent{
	width: 70%;
	text-align:left;
	background-color:#EEEEEE;
}
/* end of message table*/

/* filterDiv */
#filterDiv{
	top:120px;
	position:fixed;
	background-color:#FFFFFF;
	z-index:9;
}

#filterBox{
	border:1px solid #000000;
	width:900px;
	max-height:350px;
	padding:8px;
	text-align:left;
	overflow:auto;
}

#filterTitle{
	font-size: 16px; 
	font-weight: Bold;
	float:left;
	text-align:left;
	padding:5px;
}

#filterBoxHeader
{
	background-color:#00CCFF;
	color:#00000;
	text-align:right;
	height:30px;
	width:918px;
}

#closeBtn{
	cursor:pointer;
}
/* end of filterDiv */

/* buttonDiv */
.buttonDiv
{
	width:100%;
	height:45px;
	margin:15px auto;
}

.pageActionDiv
{
	margin:0px auto;
	float:left;
}

#pageNoBox
{
	text-align:center;
}

.pageActionDiv input[type="button"]
{
	width:25px;
}

.actionDiv
{
	float:left;
	width:35%;
}
/* end of buttonDiv */

/* summary */
.recordList
{
	/*top:70px;
	position:absolute;*/
	position:relative;
	height: 85%;
	width:100%;
	overflow:auto;
	font-family: Verdana, Arial, sans-serif;  
	font-size: 12px; 
	font-weight: Normal;
	text-align:left;
}

#summaryTable
{
	width:100%;
	background-color:#B6DDE8;
}

.rowData{
	margin:1px 0px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background-color:#EFEFEF;
	
	cursor : pointer;
}

.rowDataNoPointer{
	margin:1px 0px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background-color:#EFEFEF;	
}

.rowData span{
	margin:1px 0px;
	border:1px solid #DDDDDD;
}
/* end if summary */

/* alertBox */
.bgDiv{
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#AAAAAA;
	z-index:8;
}

.detailBgDiv{
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#AAAAAA;
	z-index:9;
}

.msgDiv{
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#AAAAAA;
	z-index:11;
}

.alertDiv{
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#AAAAAA;
	z-index:13;
}

.alertBox{
	position:fixed;
	top:35%;
	left:35%;
	width:350px;
	height:150px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	z-index:14;
}

.alertTitle{
	font-size: 16px; 
	font-weight: Bold;
	float:left;
	text-align:left;
	padding:5px;
}

.alertBoxContent{
	padding:8px;
	height:85px;
	width:330px;
	position:relative;
	overflow:auto;
	text-align:center;
}

.alertBoxHeader
{
	background-color:#00CCFF;
	color:#000000;
	text-align:right;
	height:30px;
	position:relative;
}

.alertBoxFooter
{
	position:relative;
	top:-5px;
	margin:0px auto;
	background-color:#FFFFFF;
	height:19px;
	width:330px;
	text-align:center;
}

.closeAlertBtn{
	cursor:pointer;
}
/* end of alertBox */

/* previewBox */

.previewDiv{
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#AAAAAA;
	z-index:13;
}

/* ching 20131129 amlmos-510 */
.previewBox{
	position:fixed;
	top:35%;
	left:30%;
	width:570px;
	height:270px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	z-index:14;
}
/* ching 20131129 amlmos-510 */

.previewTitle{
	font-size: 16px; 
	font-weight: Bold;
	float:left;
	text-align:left;
	padding:5px;
}

/* ching 20131129 amlmos-509,510 */
.previewBoxContent{
	padding:8px;
	height:200px;
	width:553px;
	position:relative;
	overflow:auto;
	text-align:left;
}
/* ching 20131129 amlmos-509,510 */

.previewBoxHeader
{
	background-color:#00CCFF;
	color:#000000;
	text-align:right;
	height:30px;
	position:relative;
}

.previewBoxFooter
{
	position:relative;
	top:-5px;
	margin:0px auto;
	background-color:#FFFFFF;
	height:19px;
	width:330px;
	text-align:center;
}

.closePreviewBtn{
	cursor:pointer;
}
/* end of preview Box */

/* confirm box*/
.confirmBox{
	position:fixed;
	top:35%;
	left:35%;
	width:350px;
	height:150px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	z-index:12;
}

.confirmTitle{
	font-size: 16px; 
	font-weight: Bold;
	float:left;
	text-align:left;
	padding:5px;
}

.confirmBoxContent{
	padding:8px;
	height:85px;
	width:330px;
	position:relative;
	overflow:auto;
	text-align:center;
}

.confirmBoxHeader
{
	background-color:#00CCFF;
	color:#000000;
	text-align:right;
	height:30px;
	position:relative;
}

.confirmBoxFooter
{
	position:relative;
	top:-5px;
	margin:0px auto;
	background-color:#FFFFFF;
	height:19px;
	width:330px;
	text-align:center;
}

.closeConfirmBtn{
	cursor:pointer;
}
/* end of confirm box*/

/* detail div */
.detailBox{
	position:fixed;
	width:96%;
	height:87%;
	top:5%;
	left:2%;
	background-color:#FFFFFF;
	border:1px solid #000000;
	z-index:10;
}

.detailDiv
{
	position:relative;
	width:98%;
	height:90%;
	overflow:auto;
	background-color:#FFFFFF;
	padding:1%;
	z-index:10;
}

.detailHeaderDiv{
	background-color:#00CCFF;
	color:#000000;
	text-align:right;
	height:32px;
	position:relative;
	border-bottom-style:solid;
	border-bottom-color:#000000;
	border-bottom-width:1px;
}

.detailTitle
{
	font-size: 16px; 
	font-weight: Bold;
	float:left;
	text-align:left;
}

.closeDetailBtn{
	cursor:pointer;
}

.bottomDiv[isshow="Y"]{
	background-color:#CCCCCC;
	position:fixed;
	left:2%;
	top:93%;
	width:95%;
	height:5%;
	padding-left: 1%;
	border:1px solid #000000;
	z-index:10;
}
/* end of detail div */

/* stage */
#stageDiv
{
	position:relative;
	width:90%;
	height:99%;
	overflow:auto;
	background-color:#FFFFFF;
	margin:auto auto;
	
}

.formBox{
	border:1px solid #000000;
	margin:5px;
	padding:10px;
}

.detailActionDiv{
	position:relative;
	display: inline-block;
	width:100%;
	text-align:right;
}

#stagePervious{
	position:fixed;
	top:50%;
	background:url('../images/previous.png') no-repeat scroll 0 0 transparent;
	height:32px;
	width:32px;
}

#stageNext{
	position:fixed;
	right:15%;
	top:50%;
	background:url('../images/next.png') no-repeat scroll 0 0 transparent;
	height:32px;
	width:32px;
}
/* end of stage*/

.blockTitle{
	font-size: 18px; 
	font-weight: bold;
}
.title{
	font-size: 14px; 
	font-weight: bold;
}

.content{
	
}



/* button class */
.button{
	width:85px;
}

input.longButton{
	width:130px;
}

input.longestButton{
	width:160px;
}
/* default button setting */
input[type="button"], input[type="submit"]
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#000000;
   background-color:#00CCFF;
   border-top-style:solid;
   border-top-color:#000000;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#000000;
   border-bottom-width:2px;
   border-left-style:solid;
   border-left-color:#000000;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#000000;
   border-right-width:2px;
   /*width:85px;*/
   cursor:pointer;
}


/* default input field setting */
input[type="text"],input[type="password"],select{
	width:325px;
}

input {
	width: expression((this.type=="radio" || this.type=="checkbox") ?"25px":"style");
}

input {
	width: expression((this.type=="text" || this.type=="password") ?"250px":"style");
}
/* end of default input field setting */

/* input field class */
input[jread="1"]
{
	border:0px;
	background:url('../images/blankField.jpg');
}

input.content{
	width:325px;
}

input.optionField{
	width:100px;
}

input.textField{
	width:325px;
}

.maxLoadingTextField{
	width:125px!important;
}

input.longTextField{
	width:485px;
}

input.longestTextField{
	width:550px;
}

input.shortTextField{
	width:125px;
}

input.shortestTextField{
	width:65px;
}

input.dateField{
	width:125px;
}

input.weightField, input.moistureField{
	width:125px;
}

input.shortWeightField{
	width:65px;
}

input.specField{
	width:65px;
}

input.moneyField{
	width:125px;
}

input.shortMoneyField{
	width:65px;
}
/* end of input field class */

/* Default selection box*/
select{
	width:330px;
}

/* selection box class */

select.content{
	width:330px;
}

select.selection{
	width:330px;
}

select.longestSelection{
	width:690px;
}

select.longSelection{
	width:490px;
}

select.middleSelection{
	width:255px;
}

select.halfSelection{
	width:160px;
}

select.shortSelection{
	width:130px;
}

select.optionSelection{
	width:100px;
}

select.shortestSelection{
	width:70px;
}

select.currencySelection{
	width:70px;
}

select.unitSelection{
	width:70px;
}
/* end of selection box class */

/* textarea */
textarea{
	height:150px;
	width:485px;
}
/* end of textarea */

/* checkbox*/
.checkElement{
	color:#999999;
	cursor:pointer;
}

.selectOpt{
	cursor:pointer;
}

.checkItem{
	cursor:pointer;
}
/* end of checkbox */

/* Date picker */
.datePicker{
	width:140px;
}

/* noticeText*/
.noticeText{
	color:#FF0000;
	font-weight:bold;
}

#bgDiv_ajax{
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#AAAAAA;
	z-index:98;
}

#loadingDiv{
	position:fixed;
	top:2%;
	left:50%;
	background-image:url('../images/loadingAnimation.gif');
	z-index:99;
	height:13px;
	width:208px;
}

#login_header{
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#errorMsg{
	color:#ff0000;
	text-align:center;
}

.errMsg{
	color:#ff0000;
}

.boxHeader{
	font-size:20px;
}

/* system setting */
#systemSetting{
	position:relative;
	width:100%;
	height:80%;
	overflow:auto;
}

#systemSetting li{
	list-style-type:none;
}

.systemSettingBox{
	width:280px;
	height:300px;
	float:left;
	border:1px solid #000000;
}

.paymentSettingTitle{
	width:325px; 
	display: inline-block;
	font-weight:bold;
}

/* end of system setting */


.onerror{
	background:url("../images/check_error.gif") no-repeat scroll 2px 2px transparent;
	clear:both;
	padding:2px 2px 2px 22px;
}

body{
	font:Arial;
}


/*summaryTable*/

a.thickbox:link {
	color:#FFFFFF;
	text-decoration:none;
	background:#FF0000;
	margin-left:3px;
	margin-right:3px;
	border-width:2px;
	border-left-color:#E8E8E8;
	border-top-color:#E8E8E8;
	border-right-color:#500000;
	border-bottom-color:#500000;
	border-style:outset;
	padding-left:10px;
	padding-right:10px;
}
a.thickbox:visited {
	color:#FFFFFF;
	text-decoration:none;
	background:#FF0000;
	margin-left:3px;
	margin-right:3px;
	border-width:2px;
	border-left-color:#E8E8E8;
	border-top-color:#E8E8E8;
	border-right-color:#500000;
	border-bottom-color:#500000;
	border-style:outset;
	padding-left:10px;
	padding-right:10px;
}

.actionBtn{
	background:#FF0000;
	color:#FFFFFF;
	margin-left:3px;
	margin-right:3px;
	border-width:2px;
	border-left-color:#E8E8E8;
	border-top-color:#E8E8E8;
	border-right-color:#500000;
	border-bottom-color:#500000;
	border-style:outset;
	cursor:pointer;
	padding-left:10px;
	padding-right:10px;
}

.actionCell{
	padding:8px;
}

.tableBottom{
	background:#D8D8D8;
}

/*Bill*/
input.amountTextField{
	width:180px;
}


/* Andrew */
.bodyCommon {
	font-family: Verdana, Arial, sans-serif;  
	font-size: 12px; 
	font-weight: Normal;
}

.tableHeader {
	font-family: Verdana, Arial, sans-serif;  
	font-weight: Bold;
	font-size:14px;
	text-align:left;
	margin:0px 1px;
}

.summaryButton {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px; 
	font-weight: Normal;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
}

/* Contact List Summary*/

span[jname="contact_companyName"]{
	display:inline-block;
	width:40%;
	text-align:left;
}

span[jname="contact_region"]{
	display:inline-block;
	width:10%;
	text-align:left;
}

span[jname="contact_country"]{
	display:inline-block;
	width:15%;
	text-align:left;
}

span[jname="contact_companyType"]{
	display:inline-block;
	width:30%;
	text-align:left;
}

/* END of Contact List*/

/* admin summary*/
span[jname="user_username"]{
	display:inline-block;
	width:30%;
	text-align:left;
}

span[jname="user_name"]{
	display:inline-block;
	width:25%;
	text-align:left;
}

span[jname="user_position"]{
	display:inline-block;
	width:25%;
	text-align:left;
}

span[jname="user_status"]{
	display:inline-block;
	width:10%;
	text-align:left;
}

/* end of admin summary*/

/* admin detail*/
.permissionName{
	display:inline-block;
	margin:0px 8px;
	width:200px;
	font-weight: Bold;
}

.permissionLevelDesc{
	display:inline-block;
}

.alertPermissName{
	display:inline-block;
	margin:0px 8px;
	font-weight: Bold;
}
/* end of admin detail*/

/* admin permission*/
.permissionHeader{
	display:inline-block;
	margin:0px 8px;
	width:200px;
	font-weight: Bold;
}
.permissionLevelHeader{
	display:inline-block;
	margin:0px 8px;
	font-weight: Bold;
}

.permissionDesc{
	display:inline-block;
	margin:0px 8px;
	width:200px;
}

.permissionLevel{
	display:inline-block;
	margin:0px 8px;
	width:200px;
}

/* end of admin permission*/

/* */
div#alertTypeLevel .checkElement{
	width: 220px;
	display:inline-block;
}
/* */

/* department Setting*/
span[jname="department_name"]{
	display:inline-block;
	width:60%;
	text-align:left;
}

span[jname="department_subsidiary"]{
	display:inline-block;
	width:35%;
	text-align:left;
}
/* end of department Setting*/

/* inquiry summary*/
span[jname="inquiry_inquiryID"]{
	display:inline-block;
	width:8%;
	text-align:left;
}

span[jname="inquiry_customer"]{
	display:inline-block;
	width:22%;
	text-align:left;
}

span[jname="inquiry_commodity"]{
	display:inline-block;
	width:8%;
	text-align:left;
}

span[jname="inquiry_quantity"]{
	display:inline-block;
	width:9%;
	text-align:left;
}

span[jname="inquiry_quantityUnit"]{
	display:inline-block;
	width:4%;
	text-align:left;
}

span[jname="inquiry_validDt"]{
	display:inline-block;
	width:12%;
	text-align:left;
}

span[jname="inquiry_deadline"]{
	display:inline-block;
	width:13%;
	text-align:left;
}

span[jname="inquiry_status"]{
	display:inline-block;
	width:20%;
	text-align:left;
}

/*endof inquiry summary*/

/* po summary*/
span[jname="po_showID"]{
	display:inline-block;
	width:12%;
	text-align:left;
}

span[jname="po_supplier"]{
	display:inline-block;
	width:30%;
	text-align:left;
}

span[jname="po_commodity"]{
	display:inline-block;
	width:8%;
	text-align:left;
}

span[jname="po_quantity"]{
	display:inline-block;
	width:9%;
	text-align:left;
}

span[jname="po_category"]{
	display:inline-block;
	width:5%;
	text-align:left;
}

span[jname="po_quantityUnit"]{
	display:inline-block;
	width:5%;
	text-align:left;
}

span[jname="po_unlinkQty"]{
	display:inline-block;
	width:9%;
	text-align:left;
}

span[jname="po_issueDt"]{
	display:inline-block;
	width:8%;
	text-align:left;
}

span[jname="po_status"]{
	display:inline-block;
	width:10%;
	text-align:left;
}

/* end of PO summmary*/

/* So summary*/
span[jname="so_showID"]{
	display:inline-block;
	width:12%;
	text-align:left;
}

span[jname="so_supplier"]{
	display:inline-block;
	width:30%;
	text-align:left;
}

span[jname="so_commodity"]{
	display:inline-block;
	width:8%;
	text-align:left;
}

span[jname="so_quantity"]{
	display:inline-block;
	width:9%;
	text-align:left;
}

span[jname="so_category"]{
	display:inline-block;
	width:5%;
	text-align:left;
}

span[jname="so_quantityUnit"]{
	display:inline-block;
	width:5%;
	text-align:left;
}

span[jname="so_unlinkQty"]{
	display:inline-block;
	width:9%;
	text-align:left;
}

span[jname="so_issueDt"]{
	display:inline-block;
	width:8%;
	text-align:left;
}

span[jname="so_status"]{
	display:inline-block;
	width:10%;
	text-align:left;
}

/* end of SO summmary*/

/* Shipment Summary */
.shipmentSummary{
	position:relative;
	width:100%;
	height:80%;
	overflow:auto;
}
/* end of Shipment summary */

/* PO Detail*/
.detail_frameData_title{
	font-weight: Bold;
}

.detail_frameData_detail{
	
}

.detail_additionalInfo_title{
	font-weight: Bold;
}

.detail_additionalInfo_detail{
	
}
/* end of PO Detail */

/* PO Edit*/
.additionalInfoTitle{
	font-weight: Bold;
	display:block;
	margin: 5px 0px;
}

.frameContractDataTitle{
	font-weight: Bold;
	display:block;
	margin: 5px 0px;
}
/* end of PO Edit*/

.selectedIndicator{
	background-color:rgb(170, 0, 0);
}

.unselectedIndicator{
	background-color: rgb(153, 153, 153);
}

/* Inquiry Detail */
.detailHeader{
	/*display: block; */
	font-size: 16px; 
	font-weight: bold;
}

.detailDivTitle{
	display: inline-block; 
	font-size: 14px; 
	font-weight: bold;
	width:200px;
	margin: 0px 8px;
	vertical-align: top;
}

.detailContent{
	
}

.detailContent table{
	display:inline-table;
}

.specDetailDiv{
	/*padding:3px;
	margin:3px;
	background-color: #EFEFEF;*/
}

.specElementDetail{
	display: inline-block; 
	width: 100px; 
	text-align: left;
}

.specValDetail{
	display: inline-block; 
	width: 150px; 
	text-align: left;
}

.specTypicalValDetail{
	display: inline-block; 
	width: 150px; 
	text-align: left;
}

.mappingDetailDiv{

}

.mappingRecordDetailDiv{
	padding:3px;
	margin:3px;
	background-color: #EFEFEF;
}

/* edit page */
.specEditSpan{
	display: inline-block; 
	width: 100px; 
	font-weight: bold;
	text-align: left;
}
.sizingEditSpan{
	display: inline-block; 
	width: 100px; 
	font-weight: bold;
	text-align: left;
}
.packingEditSpan{
	display: inline-block; 
	width: 100px; 
	font-weight: bold;
	text-align: left;
}
.deliveryEditSpan{
	display: inline-block; 
	width: 100px; 
	font-weight: bold;
	text-align: left;
}
.qtyEditSpan{
	display: inline-block; 
	width: 100px; 
	font-weight: bold;
	text-align: left;
}

.paymentTermDetailViewDiv{
	margin: 0px 15px;
}
/* Inquiry detail 
span[jname="deatil_element"]{
	display: inline-block; 
	width: 100px; 
	text-align: left;
}

span[jname="deatil_maxVal"]{
	display: inline-block; 
	width: 55px; 
	text-align: left;
}

span[jname="deatil_minVal"]{
	display: inline-block; 
	width: 55px; 
	text-align: left;
}

span[jname="deatil_singleVal"]{
	display: inline-block; 
	width: 55px; 
	text-align: left;
}
span[jname="deatil_valOption"]{
	display: inline-block; 
	width: 70px; 
	text-align: left;
}
span[jname="deatil_typicalVal"]{
	display: inline-block; 
	width: 50px; 
	text-align: left;
}

div #shipmentHeader{
	width:600px;
	background-color:#EEEEEE;
}

span[jname="specHeader"]{
	display: inline-block; 
	width: 125px; 
	font-weight: Bold;
}


span[jname="sizingHeader"]{
	display: inline-block; 
	width: 85px; 
	font-weight: Bold;
}

span[jname="packingHeader"]{
	display: inline-block; 
	width: 85px; 
	font-weight: Bold;
}

span[jname="deliveryHeader"]{
	display: inline-block; 
	width: 125px; 
	font-weight: Bold;
}

span[jname="qtyHeader"]{
	display: inline-block; 
	font-weight: Bold;
}

div #shipmentChildElement{
	width:600px;
}

span[jname="deatil_specOptions"]{
	display: inline-block; 
	width: 125px; 
}

span[jname="deatil_sizingIdx"]{
	display: inline-block; 
	width: 85px; 
}

span[jname="deatil_packingIdx"]{
	display: inline-block; 
	width: 85px; 
}

span[jname="deatil_deliveryIdx"]{
	display: inline-block; 
	width: 125px; 
}
/*
div #shipmentChildElement span[jname="deatil_qtyUnit"]{
	display: inline-block; 
	width: 25px; 
}
*/

/* Inquiry Edit
div[elementtype="deliveryPeriodDiv"]{
	width: 450px;
	height: 30px;
	text-align:left;
}
/* end of Inquiry Edit*/

/* Report */
.reportDiv{
	top:50px;
	position:absolute;
	height: 85%;
	width:102%;
	overflow:auto;
	/*font-family: Verdana, Arial, sans-serif;  
	font-size: 12px; 
	font-weight: Normal;*/
	text-align:left;
}

.reportInventoryDiv{
	top:50px;
	position:absolute;
	height: 85%;
	width:100%;
	overflow:auto;
	text-align:left;
}

.reportDiv1 table{
	width:100%;
}

.reportTableHalf{
	width:50%;
}

.remarksSpan_1{
	display:block;
	/*background-color: #00FFFF;*/
}

.remarksSpan_0{
	display:block;
	/*background-color: #FF00FF;*/
}

.reportHeader {
    background-color: #c8bbbe;
}

.reportTotalField {
    background-color: #CCCCCC;
}
.reportQtyField {
    color: #6993C7;
}

/*ching eidt 30/8/2011*/
.soReport_unit{
	float : right;
	margin : 0px 20px;
}

#purchaseAnalysisObj
{
	 border-width: 1.5px;
	 border-style: solid; 
	 width : 55%;
}

#SOAnalysisObj
{
	border-width: 1.5px;
	 border-style: solid; 
	 width : 55%;
}

.reportTitle
{
	font-weight : bold;
	font-size : 25px;
}


/* End of Report */

.floatingDetail[isshow="Y"]{
	background: none repeat scroll 0 0 #FFFFFF;
    border-width:2px;
	border-left-color:#E8E8E8;
	border-top-color:#E8E8E8;
	border-right-color:#500000;
	border-bottom-color:#500000;
	border-style:outset;
    left: 40%;
    padding: 5px;
    position: fixed;
    top: 40%;
	z-index: 90;
}

/********************************/
/********************************/
/**** Inland version V2.0.1 *****/
/********************************/
/********************************/

/*    Inland Summary     */
#inlandMainBody
{
	position : relative;
	bottom : 35px;
}

.dataTitle
{
	background-color : #B6DDE8;
	width : 100%;
}

.vesselTxtHeader
{
	margin:1px 0px;
	border:1px solid #DDDDDD;
	font-weight : bold;
	font-size : 10px;
	/*width : 10%;*/
}

.inlandTxtHeader
{
	margin:1px 0px;
	border:1px solid #DDDDDD;
	font-weight : bold;
	font-size : 12px;
	width : 10%;
}

.vesselTxt
{
	font-size : 9px;
	/*width : 10%*/
}

.inlandTxt
{
	font-size : 12px;
	width : 10%
}

/*------  shipment Linking  ------*/
/* ----- start - larry 16/9 /Inland/inlandSummary.php ----- */
span[jname='shipSummary-poID']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipSummary-soID']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipSummary-seller']
{
	display : inline-block;
	width : 13%;
}

span[jname='shipSummary-invName']
{
	display : inline-block;
	width : 18%;
}

span[jname='shipSummary-to']
{
	display : inline-block;
	width : 18%;
}

span[jname='shipSummary-commodity']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipSummary-qty']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipSummary-type']
{
	display : inline-block;
	width : 8%;
}
/* ----- end - larry 16/9 /Inland/inlandSummary.php ----- */
/*--------------------------------*/

/*------  shipment Mapping  ------*/
span[jname='shipMapping-transport']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipMapping-showStarting']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipMapping-showDestination']
{
	display : inline-block;
	width : 11%;
}

span[jname='shipMapping-poID']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipMapping-qty']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipMapping-netWeight']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipMapping-etd']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipMapping-eta']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipMapping-departureDt']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipMapping-arrivalDt']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipMapping-states']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipMapping-remain']
{
	display : inline-block;
	width : 10%;
}

/*--------------------------------*/

/*   shipment detail    */
/* ----- start - larry 16/9 /Inland/inlandShipmentDetail.php ----- */
span[jname='shipDetail-type']
{
	display : inline-block;
	width : 5%;
}

span[jname='shipDetail-transport']
{
	display : inline-block;
	width : 6%;
}

span[jname='shipDetail-showStarting']
{
	display : inline-block;
	width : 15%;
}

span[jname='shipDetail-showDestination']
{
	display : inline-block;
	width : 15%;
}

span[jname='shipDetail-weightAndRemain']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipDetail-portName']
{
	display : inline-block;
	width : 8%;
}
span[jname='shipDetail-etd']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipDetail-departureDt']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipDetail-eta']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipDetail-arrivalDt']
{
	display : inline-block;
	width : 8%;
}

span[jname='shipDetail-states']
{
	display : inline-block;
	width : 5%;
}
/* ----- end - larry 16/9 /Inland/inlandShipmentDetail.php ----- */
/*    inspection detail     */
#inspHeaderCompanyName,
[jname="sorDelayedDepartureShipDetail-inspection-companyName"],
[jname="sorDelayedArrivalShipDetail-inspection-companyName"],
[jname="sorShipDetail-inspection-companyName"]
{
	display : inline-block;
	width : 15%;
}

#inspHeaderAssignedDt,
[jname="sorDelayedDepartureShipDetail-inspection-assignedDt"],
[jname="sorDelayedArrivalShipDetail-inspection-assignedDt"],
[jname="sorShipDetail-inspection-assignedDt"]
{
	display : inline-block;
	width : 10%;
}

#inspHeaderPort,
[jname="sorDelayedDepartureShipDetail-inspection-port"],
[jname="sorDelayedArrivalShipDetail-inspection-port"],
[jname="sorShipDetail-inspection-port"]
{
	display : inline-block;
	width : 10%;
}

#inspHeaderWeight,
[jname="sorDelayedDepartureShipDetail-inspection-weightSelected"],
[jname="sorDelayedArrivalShipDetail-inspection-weightSelected"],
[jname="sorShipDetail-inspection-weightSelected"]
{
	display : inline-block;
	width : 8%;
}

#inspHeaderSize,
[jname="sorDelayedDepartureShipDetail-inspection-specSelected"],
[jname="sorDelayedArrivalShipDetail-inspection-specSelected"],
[jname="sorShipDetail-inspection-specSelected"]
{
	display : inline-block;
	width : 8%;
}

#inspHeaderSpec,
[jname="sorDelayedDepartureShipDetail-inspection-sizeSelected"],
[jname="sorDelayedArrivalShipDetail-inspection-sizeSelected"],
[jname="sorShipDetail-inspection-sizeSelected"]
{
	display : inline-block;
	width : 8%;
}

span[jname='shipDetail-inspection-companyName']
{
	display : inline-block;
	width : 15%;
}

span[jname='shipDetail-inspection-assignedDt']
{
	display : inline-block;
	width : 15%;
}

span[jname='shipDetail-inspection-port']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipDetail-inspection-weightSelected']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipDetail-inspection-sizeSelected']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipDetail-inspection-specSelected']
{
	display : inline-block;
	width : 10%;
}
/* End---inspection detail */

/*  START---inspection result   */
.inspectionOutSpec
{
	display:inline-block;
	left:330px;
	position:relative;
	font-weight : bold;
	color : red;
}

.inspectionOutWeight
{
	font-weight : bold;
	color : red;
}

.inspTitle
{
	font-weight : bold;
	width : 150px;
}

.inspCheckTypeTitle
{
	font-weight : bold;
	font-size : 16px;
	text-decoration : underline;
}

.Version
{
	left: 550px;
	position: relative;
}

.remarkInpsection
{
	display:inline-block;
	width : 200px;
}

.remarkInpsectionUser
{
	display:inline-block;
	width : 100px;
}

.remarkInpsectionData
{
	display:inline-block;
	width : 500px;
}
/*  END---inspection Result   */

/* --------Shipment Vessel Assign------- */
span[jname='shipVesselAssign-container-forwarding']
{
	display : inline-block;
	width : 20%;
}

span[jname='shipVesselAssign-container-maxLoadingQty']
{
	display : inline-block;
	width : 12%;
}

span[jname='shipVesselAssign-container-numOfContainer']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipVesselAssign-container-loadingPt']
{
	display : inline-block;
	width : 15%;
}

span[jname='shipVesselAssign-container-dischargePt']
{
	display : inline-block;
	width : 15%;
}

span[jname='shipVesselAssign-container-etd']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipVesselAssign-container-status']
{
	display : inline-block;
	width : 10%;
}


span[jname='shipVesselAssign-bulk-vesselName']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipVesselAssign-bulk-shipOwner']
{
	display : inline-block;
	width : 15%;
}

span[jname='shipVesselAssign-bulk-forwarding']
{
	display : inline-block;
	width : 18%;
}

span[jname='shipVesselAssign-bulk-loadingPt']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipVesselAssign-bulk-dischargePt']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipVesselAssign-bulk-laycanDtFr']
{
	display : inline-block;
	width : 12%;
}

span[jname='shipVesselAssign-bulk-laycanDtTo']
{
	display : inline-block;
	width : 12%;
}

span[jname='shipVesselAssign-bulk-status']
{
	display : inline-block;
	width : 8%;
}

/******END - Shipment Vessel Assign******/

/*   booking detail   */
span[jname='bookDetail-poID']
{
	display : inline-block;
	width : 8%;
}

span[jname='bookDetail-soID']
{
	display : inline-block;
	width : 8%;
}

span[jname='bookDetail-seller']
{
	display : inline-block;
	width : 13%;
}

span[jname='bookDetail-invName']
{
	display : inline-block;
	width : 18%;
}

span[jname='bookDetail-to']
{
	display : inline-block;
	width : 23%;
}

span[jname='bookDetail-commodity']
{
	display : inline-block;
	width : 8%;
}

span[jname='bookDetail-qty']
{
	display : inline-block;
	width : 8%;
}

span[jname='bookDetail-type']
{
	display : inline-block;
	width : 8%;
}

/**********************************/

/*   not assign shipment detail   */
span[jname='bookAssign-poID']
{
	display : inline-block;
	width : 8%;
}

span[jname='bookAssign-soID']
{
	display : inline-block;
	width : 8%;
}

span[jname='bookAssign-seller']
{
	display : inline-block;
	width : 13%;
}

span[jname='bookAssign-invName']
{
	display : inline-block;
	width : 18%;
}

span[jname='bookAssign-to']
{
	display : inline-block;
	width : 23%;
}

span[jname='bookAssign-commodity']
{
	display : inline-block;
	width : 8%;
}

span[jname='bookAssign-qty']
{
	display : inline-block;
	width : 8%;
}

span[jname='bookAssign-type']
{
	display : inline-block;
	width : 8%;
}

/*******************************/

/*    inland assign         */
#assignHeaderTransport
{
	display : inline-block;
	width : 10%;
}

#assignHeaderStarting
{
	display : inline-block;
	width : 25%;
}

#assignHeaderDestination
{
	display : inline-block;
	width : 25%;
}

#assignHeaderETD
{
	display : inline-block;
	width : 10%;
}

#assignHeaderETA
{
	display : inline-block;
	width : 10%;
}

span[jname='shipAssign-transport']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipAssign-showStartingPt']
{
	display : inline-block;
	width : 25%;
}

span[jname='shipAssign-showDestination']
{
	display : inline-block;
	width : 25%;
}

span[jname='shipAssign-etd']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipAssign-eta']
{
	display : inline-block;
	width : 10%;
}
/********** End of Inland ***********/

/************************************/
/**************Vessel****************/
/************************************/

th.vesselTableTitle
{
	text-align : left; 
}

input.dateInput
{
	width : 150px;	
}

/* -------Port Setting ------------*/
.portSetInfo
{
	display : inline-block;
	width : 180px;
	text-align : center;
}
 .portSettingSel
 {
 	width : 180px;
 }
 
.portSettingTitle
{
	width : 180px;
}
/* *******End Port Setting******* */

/* -------Vessel Summary -----------*/
/*----- start larry 15/9 -----*/
span[jname='vesselSummary-container-vesselName']
{
	display : inline-block;
	width : 12%;
}

span[jname='vesselSummary-container-forwarding']
{
	display : inline-block;
	width : 15%;
}

span[jname='vesselSummary-container-qty']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselSummary-container-loadingPt']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselSummary-container-dischargePt']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselSummary-container-port']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselSummary-container-estimateDt']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselSummary-container-realDate']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselSummary-container-status']
{
	display : inline-block;
	width : 8%;
}

/*------------- bulk ---------------*/
span[jname='vesselSummary-bulk-vesselName']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselSummary-bulk-shipOwner']
{
	display : inline-block;
	width : 6%;
}

span[jname='vesselSummary-bulk-forwarding']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselSummary-bulk-qty']
{
	display : inline-block;
	width : 5%;
}

span[jname='vesselSummary-bulk-laycanDtFr']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselSummary-bulk-laycanDtTo']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselSummary-bulk-loadingPt']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselSummary-bulk-dischargePt']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselSummary-bulk-port']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselSummary-bulk-estimateDt']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselSummary-bulk-realDate']
{
	display : inline-block;
	width : 6%;
}

span[jname='vesselSummary-bulk-status']
{
	display : inline-block;
	width : 6%;
}
/*----- end larry 15/9 -----*/
/* ********End - VesselSummary  ********* */

/* ------------Vessel Detail------------- */

#VesselDetailHeaderPOID
{
	display : inline-block;
	width : 8%;
}

#VesselDetailHeaderSOID
{
	display : inline-block;
	width : 8%;
}

#VesselDetailHeaderSeller
{
	display : inline-block;
	width : 13%;
}

#VesselDetailHeaderInv
{
	display : inline-block;
	width : 13%;
}

#VesselDetailHeaderTo
{
	display : inline-block;
	width : 13%;
}

#VesselDetailHeaderLoadingPort
{
	display : inline-block;
	width : 8%;
}

#VesselDetailHeaderDischargePort
{
	display : inline-block;
	width : 8%;
}

#VesselDetailHeaderCommodity
{
	display : inline-block;
	width : 8%;
}

#VesselDetailHeaderQty
{
	display : inline-block;
	width : 5%;
}

#VesselDetailHeaderType
{
	display : inline-block;
	width : 8%;
}
span[jname='vesselDetail-poID']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselDetail-soID']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselDetail-seller']
{
	display : inline-block;
	width : 13%;
}

span[jname='vesselDetail-invName']
{
	display : inline-block;
	width : 13%;
}

span[jname='vesselDetail-to']
{
	display : inline-block;
	width : 13%;
}

span[jname='vesselDetail-loadingPort']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselDetail-dischargePort']
{
	display : inline-block;
	width : 8%;
}
span[jname='vesselDetail-commodity']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselDetail-qty']
{
	display : inline-block;
	width : 5%;
}

span[jname='vesselDetail-type']
{
	display : inline-block;
	width : 8%;
}

/* *********End-Vessel Detail************ */

/* ------------Vessel Assign------------- */

span[jname='vesselAssign-poID']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselAssign-soID']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselAssign-seller']
{
	display : inline-block;
	width : 13%;
}

span[jname='vesselAssign-invName']
{
	display : inline-block;
	width : 18%;
}

span[jname='vesselAssign-to']
{
	display : inline-block;
	width : 23%;
}

span[jname='vesselAssign-commodity']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselAssign-qty']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselAssign-type']
{
	display : inline-block;
	width : 8%;
}

/* ************End-Vessel Assign************ */

/* ------------Vessel Assign Port------------- */
#vesselAssignPortHeaderPOID
{
	display : inline-block;
	width : 8%;
}

#vesselAssignPortHeaderSOID
{
	display : inline-block;
	width : 8%;
}

#vesselAssignPortHeaderSeller
{
	display : inline-block;
	width : 13%;
}

#vesselAssignPortHeaderInv
{
	display : inline-block;
	width : 13%;
}

#vesselAssignPortHeaderTo
{
	display : inline-block;
	width : 13%;
}

#vesselAssignPortHeaderLoadingPort
{
	display : inline-block;
	width : 8%;
}

#vesselAssignPortHeaderDischargePort
{
	display : inline-block;
	width : 8%;
}

#vesselAssignPortHeaderCommodity
{
	display : inline-block;
	width : 8%;
}

#vesselAssignPortHeaderQty
{
	display : inline-block;
	width : 5%;
}

#vesselAssignPortHeaderType
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselAssignPort-poID']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselAssignPort-soID']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselAssignPort-seller']
{
	display : inline-block;
	width : 13%;
}

span[jname='vesselAssignPort-invName']
{
	display : inline-block;
	width : 13%;
}

span[jname='vesselAssignPort-to']
{
	display : inline-block;
	width : 13%;
}


span[jname='vesselAssignPort-loadingPort']
{
	display : inline-block;
	width : 8%;
}


span[jname='vesselAssignPort-dischargePort']
{
	display : inline-block;
	width : 8%;
}


span[jname='vesselAssignPort-commodity']
{
	display : inline-block;
	width : 8%;
}

span[jname='vesselAssignPort-qty']
{
	display : inline-block;
	width : 5%;
}



span[jname='vesselAssignPort-type']
{
	display : inline-block;

	width : 8%;
}


/* ************End-Vessel Assign Port************ */


/* ------------Vessel Assign------------- */

span[jname='vesselAssign-poID']
{
	display : inline-block;

	width : 8%;
}



span[jname='vesselAssign-soID']
{
	display : inline-block;
	width : 8%;
}



span[jname='vesselAssign-seller']
{
	display : inline-block;
	width : 13%;
}



span[jname='vesselAssign-invName']
{
	display : inline-block;

	width : 18%;
}



span[jname='vesselAssign-to']
{
	display : inline-block;
	width : 23%;
}



span[jname='vesselAssign-commodity']
{
	display : inline-block;
	width : 8%;
}



span[jname='vesselAssign-qty']
{
	display : inline-block;
	width : 8%;
}



span[jname='vesselAssign-type']
{
	display : inline-block;

	width : 8%;
}

/* ************End-Vessel Assign************ */

/************************************
*********** invoice area ************
Patrick 14/06
************************************/

.invoiceAreaDiv{
	border:1px solid #000000;
	margin:5px;
	padding:10px;
}

input.invoiceField{
	width:250px;
}

span.invoiceAreaField{
	width:142px;
	display:inline-block;
	font-weight:bold;
}

.invoiceUnitPriceAreaField {
    width: 274px;
    display: inline-block;
    font-weight: bold;
}

.invoiceUnitPriceAreaFieldNoBold {
    width: 274px;
    display: inline-block;
}

input.invoiceAreaField{
	width:136px;
}

span.invoiceAreaCombineField{
	width:302px;
	display:inline-block;
	font-weight:bold;
}

input.invoiceAreaCombineField{
	width:300px;
}

span.invoiceAreaInputField{
	width:142px;
	display:inline-block;
}

span.invoiceAreaShortInputField{
	width:100px;
	display:inline-block;
}

span.invoiceLongAreaField{
	width:526px;
	display:inline-block;
	font-weight:bold;
}

/* Pun 14/06 */
/* Invoice summary*/
span[jname="invoice_showID"]{
	display:inline-block;
	width:12%;
	text-align:left;
}

span[jname="invoice_supplier"]{
	display:inline-block;
	width:27%;
	text-align:left;
}

span[jname="invoice_commodity"]{
	display:inline-block;
	width:8%;
	text-align:left;
}

span[jname="invoice_quantity"]{
	display:inline-block;
	width:10%;
	text-align:left;
}

/*ching add 18/8 for invoice_remainder */
span[jname="invoice_remainder"]{
	display:inline-block;
	width:10%;
	text-align:left;
}

span[jname="invoice_quantityUnit"]{
	display:inline-block;
	width:5%;
	text-align:left;
}

span[jname="invoice_issueDt"]{
	display:inline-block;
	width:8%;
	text-align:left;
}

span[jname="invoice_status"]{
	display:inline-block;
	width:10%;
	text-align:left;
}

/*chun 14/6 */
span[jname="invoice_paymentType"]{
	display:inline-block;
	width:10%;
	text-align:left;
}

span[jname*="invoice_noOf"]{
	display:inline-block;
	width:4%;
	text-align:left;
}

/* end of Invoice summmary*/

/* Invoice detail*/
/* ching 20130409 AMLMOS-179 */
span[jname="detail-invoiceNO"]{
	display:inline-block;
	/* ching 20130408 AMLMOS-174 */
	width:10%;
	/* ching 20130408 AMLMOS-174 */
	text-align:center;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 3px;
	vertical-align: middle ;
}

span[jname="detail-issueDt"]{
	display:inline-block;
	/* ching 20130408 AMLMOS-174 */
	width:10%;
	/* ching 20130408 AMLMOS-174 */
	text-align:center;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 3px;
	vertical-align: middle;
}

span[jname="detail-amount"]{
	display:inline-block;
	/* ching 20130408 AMLMOS-174 */
	width:10%;
	/* ching 20130408 AMLMOS-174 */
	text-align:center;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 3px;
	vertical-align: middle;
}

/* ching 20130408 AMLMOS-174 */
span[jname="detail-amountTotal"]{
	display:inline-block;
	width:10%;
	text-align:center;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 3px;
	vertical-align: middle;
}
/* ching 20130408 AMLMOS-174 */

span[jname="detail-type"]{
	display:inline-block;
	/* ching 20130408 AMLMOS-174 */
	width:5%;
	/* ching 20130408 AMLMOS-174 */
	text-align:center;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 3px;
	vertical-align: middle;
}

span[jname="detail-status"]{
	display:inline-block;
	/* ching 20130408 AMLMOS-174 */
	width:5%;
	/* ching 20130408 AMLMOS-174 */
	text-align:center;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 3px;
	vertical-align: middle;
}
/* ching 20130410 AMLMOS-199 */
span[jname="detail-adjBy"]{
	display:inline-block;
	/* ching 20130408 AMLMOS-174 */
	width:5%;
	/* ching 20130408 AMLMOS-174 */
	text-align:center;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 3px;
	vertical-align: middle;
}
/* ching 20130410 AMLMOS-199 */

/* ching 20130408 AMLMOS-174 */
span[jname="detail-remarks"]{
	display:inline-block;
	width:10%;
	text-align:center;
	word-wrap: break-word; 
	word-break: normal; 
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 3px;
	vertical-align: middle;
}
/* ching 20130408 AMLMOS-174 */

span[jname="detail-action"]{
	display:inline-block;
	width:20%;
	text-align:center;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 3px;
	vertical-align: middle;
}
/* ching 20130409 AMLMOS-179 */
/* end of Invoice Detail*/

/* template detail Patrick 14/06*/

span[jname="templateDetail-templateNO"]{
	display:inline-block;
	width:20%;
	text-align:center;
}

span[jname="templateDetail-issueDt"]{
	display:inline-block;
	width:15%;
	text-align:center;
}

span[jname="templateDetail-amount"]{
	display:inline-block;
	width:15%;
	text-align:center;
}

span[jname="templateDetail-type"]{
	display:inline-block;
	width:8%;
	text-align:center;
}

span[jname="templateDetail-status"]{
	display:inline-block;
	width:8%;
	text-align:center;
}

span[jname="templateDetail-action"]{
	display:inline-block;
	width:20%;
	text-align:center;
}

/* end of Invoice Detail*/

/*  Notification history */
span[jname="history_dt"]{
	display:inline-block;
	width:15%;
	text-align:left;
}

span[jname="history_content"]{
	display:inline-block;
	width:50%;
	text-align:left;
}

span[jname="history_readDt"]{
	display:inline-block;
	width:15%;
	text-align:left;
}

span[jname="history_status"]{
	display:inline-block;
	width:10%;
	text-align:left;
}

/*  end of Notification history */

/* Ho 27/6 Edit super approve button position*/
[jname="frameSendSuperApprovalBtn"]
{
	float : right;
	margin : 2px 5px;
}

[jname="spotSendSuperApprovalBtn"]
{
	float : right;
	margin : 2px 5px;
}
/* -------------------End------------------- */
/*ching 30/6 edit PO SO approve History */
.approveGrp{
	display:inline-block;
	width : 250px;
}
.approveUser{
	display:inline-block;
	width : 250px;
}
.approveStatus{
	display:inline-block;
	width : 450px;
}

/* --start larry 3/8-- */
.showInfo{
	width : 100%;
	position : relative;
	top : -21px;
	left : 80px;
}
/* --end larry 3/8-- */

/* --start larry 3/8-- */
/* --start pun 04/11-- */
.billTitle
{
	font-weight : bold;	
	display : inline-block;
	width : 200px;
}
/* --end pun 04/11-- */

/* --start larry 4/8 ./invoiceSummary/invoiceInfo.php */
#invoiceNoHeader
{
	display : inline-block;
	width : 28%;
}

#issueDtHeader
{
	display : inline-block;
	width : 28%;
}

#amountHeader
{
	display : inline-block;
	width : 20%;
}

#typeHeader
{
	display : inline-block;
	width : 20%;
}

span[jname='invoiceInfo-invoiceNo']
{
	display : inline-block;
	width : 28%;
}

span[jname='invoiceInfo-issueDt']
{
	display : inline-block;
	width : 28%;
}

span[jname='invoiceInfo-amount']
{
	display : inline-block;
	width : 20%;
}

span[jname='invoiceInfo-type']
{
	display : inline-block;
	width : 20%;
}
/* --end larry 4/8 */

/* start larry 9/8 ./billLading/billLading.php */
.billLadTitle
{
	display : inline-block;
	width : 300px;
}

select[name='selSL']
{
	width : 500px;
}
/* end larry 9/8 */

/* start larry 11/8 ./billLading/billLadForm.php */
.billLadFormTitle
{
	display : inline-block;
	width : 550px;
}

input.slWeightInput
{
	width:200px;
}

span.slWeightInputTitle
{
	display : inline-block;
	width : 200px;
	text-align : center;
}
/* end larry 11/8 */

/* start larry 12/8 ./Vessel/vesselDetail.php */
#VesselBLHeaderContract
{
	display : inline-block;
	width : 30%;
}

#VesselBLHeaderCommodity
{
	display : inline-block;
	width : 30%;
}

span[jname='vesselDetail-BL_contractID']
{
	display : inline-block;
	width : 30%;
}

span[jname='vesselDetail-BL_commodity']
{
	display : inline-block;
	width : 30%;
}
/* end larry 12/8 */

/* start larry 15/8 ./bill_shipment/billShipDocTemp.php */
.billShipDocTempSel
{
	width : 100px;
}

/* end larry 15/8 */

/* start Pun 18/8*/
span[jname='manageTemp-templateName']
{
	display : inline-block;
	width : 30%;
}
/* end Pun 18/8*/

/* start Pun 18/8 ./invoiceSummary/shipDocDetail.php */
span[jname='shipDocDetail-createDt']
{
	display : inline-block;
	width : 30%;
}

span[jname='shipDocDetail-title']
{
	display : inline-block;
	width : 30%;
}
/* end Pun 18/8 */


/*ching 25/8 edit Management Report */
.managementRrportBack{
	float : right;
	margin : 2px 20px;
}

.managementReportSqTitle{
	font-weight : bold;
	font-size : 16px;
}

.managementReportCommodityGrp{
	display:inline-block;
	text-align:center;
	font-size : 22px;
	width:100%;
}

#managementReport{
	float : center;
	text-align:center;
}

.managerReportHeader{
	font-size : 30px;
}

.managerReportHeader:hover{
	cursor:pointer;
	background:#FF9999;
	font-size : 40px;
	
}
/* -------------------End------------------- */

/* start larry 26/8 ./P&L/PLinterface.php */
.PLtitle
{
	font-weight : bold;
	display : inline-block;
	width : 331px;
}

.rowTitle{
	background-color : #B6DDE8;
	width : 100%
}

.invPOTitle
{
	display : inline-block;
	width : 300px;
}
/* ----- start - larry 15/9 /vessel/vesselDetail.php ----- */
span[jname='vesselDetail-portType']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselDetail-portRegion']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselDetail-portCountry']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselDetail-portName']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselDetail-portETD']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselDetail-portDepartureDt']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselDetail-portETA']
{
	display : inline-block;
	width : 10%;
}

span[jname='vesselDetail-portArrivalDt']
{
	display : inline-block;
	width : 10%;
}
/* ----- end - larry 15/9 /vessel/vesselDetail.php ----- */

/* ----- start - larry 15/9 /inland/inlandBookingDetail.php ----- */
span[jname='bookDetail-blNo']
{
	display : inline-block;
	width : 10%;
}

span[jname='bookDetail-blDt']
{
	display : inline-block;
	width : 10%;
}

span[jname='bookDetail-grossWeight']
{
	display : inline-block;
	width : 10%;
}

span[jname='bookDetail-netWeight']
{
	display : inline-block;
	width : 10%;
}

span[jname='bookDetail-weightUnit']
{
	display : inline-block;
	width : 10%;
}

span[jname='bookDetail-departureDt']
{
	display : inline-block;
	width : 10%;
}

span[jname='bookDetail-arrivalDt']
{
	display : inline-block;
	width : 10%;
}

span[jname='bookDetail-noOfTruck']
{
	display : inline-block;
	width : 10%;
}
/* ----- end - larry 15/9 /inland/inlandBookingDetail.php ----- */

/****************** pun 19/09 start*********************************/
.fileNameTitle
{
	padding-left : 50px;
	display : inline-block;
	width : 32%;
}

.fileTypeTitle
{
	font-weight : bold;
	padding-left : 10px;
	text-align : right; 
	font-size: 16px;
}
/********************* Pun 19/09 end *******************************/

/* ----- start - larry 26/9 ./invoice/invoiceHTML.php ----- */
input.dateFormat
{
	width : 50px;
}
/*
.formatDtPos
{
	position : relative;
	left : 60px;
	float : right;
}

.formatDtWidth
{
	display : inline-block;
	width : 70px;
}
*/
/* ----- end - larry 26/9 ./invoice/invoiceHTML.php ----- */

.oldInquiryDataTitle
{
	font-weight : bold;
	width : 20%;
}

.oldInquiryData
{
	color : brown;
}

.newInquiryData
{
	color : blue;
}

.oldInquiryOpt
{
	font-weight : bold;
	text-decoration : underline;
}

.oldShipMapTitle
{
	font-weight : bold;
	display : inline-block;
	width : 20%;
}

.oldShipMapData
{
	color : brown;
	display : inline-block;
	width : 40%;
}

.newShipMapData
{
	color : blue;
	display : inline-block;
	width : 40%;
}

/* --start pun 04/11-- */
.billGrpTitle
{
	padding-left : 20px;
	display : inline-block;
	width : 50px;
}
/* --end pun 04/11-- */

/* --start pun 15/11-- */
.subPaymentTerm
{
/*	float : right;
	padding-right : 40%;*/
	position : relative;
	color : blue;	
	width : 60%;
}
/* --end pun 15/11-- */

/* --start pun 21/11-- */

.showOldData
{
	padding :0px 0px 0px 30px;
}

/* --end pun 21/11-- */

/* Larry 2012-09-24 (2.0.3) - START */
/*
.blockInvShipLot
{
	display: inline-block;
	width: 150px;
}

.blockInvLoadPort
{
	display: inline-block;
	width: 200px;
}

.blockInvDisPort
{
	display: inline-block;
	width: 200px;
}

.blockInvAssFrom
{
	display: inline-block;
	width: 300px;
}

.invSelBlock
{
	display: inline-block;
	width: 300px;
}
*/
[jname='inventory-selLoadPortRegion'], [jname='inventory-selLoadPortCountry'], [jname='inventory-selLoadPort']
{
	width: 200px;
}

[jname='inventory-selDisPortRegion'], [jname='inventory-selDisPortCountry'], [jname='inventory-selDisPort']
{
	width: 200px;
}

[jname='inventory-selInvArea']
{
	width: 100px;
}

[jname='inventory-selInv']
{
	width: 180px;
}

[jname='linkPo-selPo'], [jname='linkPo-selPoSlID']
{
	width: 200px;
}

.blockLinkPo, .blockLinkSo
{
	display: inline-block;
	width: 250px;
}

[jname="chgSrcPdt-selCommodity"]
{
	display: inline-block;
	width: 150px;
}

[jname="chgSrcPdt-selGrade"]
{
	display: inline-block;
	width: 300px;
}

[jname="chgSrcPdt-historyReasonDt"]
{
	display: inline-block;
	width: 300px;
}
/* Larry 2012-09-24 (2.0.3) - END */




/*------  SOR  SUMMARY   ------*/
/* ----- start - ching 27/9 /SOR/outstandardReportSummary.php ----- */
/* -----------  head  ----------- */
span[jname='sorOutstandardReport-head_soID']
{
	display : inline-block;
	width : 8%;
}

span[jname='sorOutstandardReport-head_lotNumber']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorOutstandardReport-head_stockLocation']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-head_customer']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-head_vesselName']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-head_pol']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-head_pod']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-head_product']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorOutstandardReport-head_qty']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorOutstandardReport-head_remarks']
{
	display : inline-block;
	width : 8%;
}

/* ----------- end of head  ----------- */

span[jname='sorOutstandardReport-contractID']
{
	display : inline-block;
	width : 8%;
}

span[jname='sorOutstandardReport-shipmentLot']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorOutstandardReport-inventory']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-customer']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-vesselName']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-loadingPort']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-dischargePort']
{
	display : inline-block;
	width : 12%;
}

span[jname='sorOutstandardReport-product']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorOutstandardReport-quantity']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorOutstandardReport-remarks']
{
	display : inline-block;
	width : 8%;
}
/* ----- end - ching 27/9 /SOR/outstandardReportSummary.php ----- */

/*   shipment detail    */
/* ----- start - ching 27/9 /SOR/outstandardReportDetail.php ----- */
span[jname='sorShipDetail-type']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorShipDetail-transport']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorShipDetail-showStarting']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorShipDetail-showDestination']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorShipDetail-weightAndRemain']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorShipDetail-portName']
{
	display : inline-block;
	width : 8%;
}
span[jname='sorShipDetail-etd']
{
	display : inline-block;
	width : 7%;
}

span[jname='sorShipDetail-departureDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='sorShipDetail-eta']
{
	display : inline-block;
	width : 7%;
}

span[jname='sorShipDetail-arrivalDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='sorShipDetail-states']
{
	display : inline-block;
	width : 5%;
}

span[jname="sorShipDetail-departure"]
{
	display : inline-block;
	width : 5%;
}

span[jname="sorShipDetail-arrival"]
{
	display : inline-block;
	width : 5%;
}

span[jname="sorShipDetail-routing"]
{
	display : inline-block;
	width : 5%;
}

/* ----- start - ching 27/9 /SOR/outstandardReportDetail.php ----- */
span[jname='sorInTransitShipDetail-type']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorInTransitShipDetail-transport']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorInTransitShipDetail-showStarting']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitShipDetail-showDestination']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitShipDetail-weightAndRemain']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitShipDetail-portName']
{
	display : inline-block;
	width : 8%;
}
span[jname='sorInTransitShipDetail-etd']
{
	display : inline-block;
	width : 7%;
}

span[jname='sorInTransitShipDetail-departureDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='sorInTransitShipDetail-eta']
{
	display : inline-block;
	width : 7%;
}

span[jname='sorInTransitShipDetail-arrivalDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='sorInTransitShipDetail-states']
{
	display : inline-block;
	width : 5%;
}

span[jname="sorInTransitShipDetail-departure"]
{
	display : inline-block;
	width : 5%;
}

span[jname="sorInTransitShipDetail-arrival"]
{
	display : inline-block;
	width : 5%;
}

span[jname="sorInTransitShipDetail-routing"]
{
	display : inline-block;
	width : 5%;
}
/* ----- end - larry 16/9 /Inland/inlandShipmentDetail.php ----- */
/* Larry 2012-09-27 (2.0.3) - START: ./SOR/outstandardReportSplit.php */
[jname='split-selLoadPortRegion'], [jname='split-selLoadPortCountry'], [jname='split-selLoadPort'],
[jname='split-selDisPortRegion'], [jname='split-selDisPortCountry'], [jname='split-selDisPort']
{
	width: 200px;
}

[jname='split-selInvArea']
{
	width: 100px;
}

[jname='split-selInv']
{
	width: 180px;
}
/* Larry 2012-09-27 (2.0.3) - END: ./SOR/outstandardReportSplit.php */
/* Larry 2012-09-27 (2.0.3) - START */ 
/* ./SOR/delayedDepartureReportSummary.php */
[jname="sorDelayedDepartureReport-head_soID"], [jname="sorDelayedDepartureReport-contractID"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureReport-head_lotNumber"], [jname="sorDelayedDepartureReport-shipmentLot"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureReport-head_stockLocation"], [jname="sorDelayedDepartureReport-inventory"]
{
	display: inline-block;
	width: 160px;
}

[jname="sorDelayedDepartureReport-head_customer"], [jname="sorDelayedDepartureReport-customer"] /* ching 20130118 width 80 => 110px */
{
	display: inline-block;
	width: 110px;
}

[jname="sorDelayedDepartureReport-head_vesselName"], [jname="sorDelayedDepartureReport-vesselName"]
{
	display: inline-block;
	width: 100px;
}

[jname="sorDelayedDepartureReport-head_etd"], [jname="sorDelayedDepartureReport-etd"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureReport-head_pol"], [jname="sorDelayedDepartureReport-loadingPort"]
{
	display: inline-block;
	width: 140px;
}

[jname="sorDelayedDepartureReport-head_pod"], [jname="sorDelayedDepartureReport-dischargePort"]
{
	display: inline-block;
	width: 140px;
}

[jname="sorDelayedDepartureReport-head_product"], [jname="sorDelayedDepartureReport-product"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureReport-head_qty"], [jname="sorDelayedDepartureReport-quantity"]
{
	display: inline-block;
	width: 70px;
}

[jname="sorDelayedDepartureReport-head_blID"], [jname="sorDelayedDepartureReport-blID"]  /* ching 20130118 width 60 => 40px */
{
	display: inline-block;
	width: 40px;
}

/* ./SOR/delayedArrivalReportSummary.php */
[jname="sorDelayedArrivalReport-head_soID"], [jname="sorDelayedArrivalReport-contractID"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalReport-head_lotNumber"], [jname="sorDelayedArrivalReport-shipmentLot"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalReport-head_stockLocation"], [jname="sorDelayedArrivalReport-inventory"]
{
	display: inline-block;
	width: 140px;
}

[jname="sorDelayedArrivalReport-head_customer"], [jname="sorDelayedArrivalReport-customer"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalReport-head_vesselName"], [jname="sorDelayedArrivalReport-vesselName"]
{
	display: inline-block;
	width: 100px;
}

[jname="sorDelayedArrivalReport-head_eta"], [jname="sorDelayedArrivalReport-eta"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalReport-head_departureTime"], [jname="sorDelayedArrivalReport-departureTime"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalReport-head_pol"], [jname="sorDelayedArrivalReport-loadingPort"]
{
	display: inline-block;
	width: 100px;
}

[jname="sorDelayedArrivalReport-head_pod"], [jname="sorDelayedArrivalReport-dischargePort"]
{
	display: inline-block;
	width: 100px;
}

[jname="sorDelayedArrivalReport-head_product"], [jname="sorDelayedArrivalReport-product"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalReport-head_qty"], [jname="sorDelayedArrivalReport-quantity"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalReport-head_biID"], [jname="sorDelayedArrivalReport-blID"]
{
	display: inline-block;
	width: 60px;
}

/* ./SOR/delayedDepartureReportDetail.php */
[jname="sorDelayedDepartureShipDetail-transport"]
{
	display: inline-block;
	width: 70px;
}

[jname="sorDelayedDepartureShipDetail-showStarting"]
{
	display: inline-block;
	width: 140px;
}

[jname="sorDelayedDepartureShipDetail-showDestination"]
{
	display: inline-block;
	width: 140px;
}

[jname="sorDelayedDepartureShipDetail-weightAndRemain"]
{
	display: inline-block;
	width: 100px;
}

[jname="sorDelayedDepartureShipDetail-portName"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureShipDetail-etd"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureShipDetail-eta"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureShipDetail-departureDt"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureShipDetail-arrivalDt"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureShipDetail-states"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedDepartureShipDetail-action"]
{
	display: inline-block;
	width: 180px;
}

/* ./SOR/delayedArrivalReportDetail.php */
[jname="sorDelayedArrivalShipDetail-transport"]
{
	display: inline-block;
	width: 70px;
}

[jname="sorDelayedArrivalShipDetail-showStarting"]
{
	display: inline-block;
	width: 140px;
}

[jname="sorDelayedArrivalShipDetail-showDestination"]
{
	display: inline-block;
	width: 140px;
}

[jname="sorDelayedArrivalShipDetail-weightAndRemain"]
{
	display: inline-block;
	width: 100px;
}

[jname="sorDelayedArrivalShipDetail-portName"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalShipDetail-etd"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalShipDetail-eta"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalShipDetail-departureDt"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalShipDetail-arrivalDt"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalShipDetail-states"]
{
	display: inline-block;
	width: 80px;
}

[jname="sorDelayedArrivalShipDetail-action"]
{
	display: inline-block;
	width: 180px;
}
/* Larry 2012-09-27 (2.0.3) - END: ./SOR/delayedDepartureReportSummary.php */


/***************************************/

/*------  POR  SUMMARY   ------*/
/* ----- start - ching 28/9 /SOR/outstandardReportSummary.php ----- */
/* -----------  head  ----------- */
span[jname='porOutstandardReport-head_poID']
{
	display : inline-block;
	width : 8%;
}

span[jname='porOutstandardReport-head_lotNumber']
{
	display : inline-block;
	width : 6%;
}

span[jname='porOutstandardReport-head_stockLocation']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-head_customer']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-head_vesselName']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-head_pol']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-head_pod']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-head_product']
{
	display : inline-block;
	width : 6%;
}

span[jname='porOutstandardReport-head_qty']
{
	display : inline-block;
	width : 6%;
}

span[jname='porOutstandardReport-head_remarks']
{
	display : inline-block;
	width : 8%;
}

/* ----------- end of head  ----------- */

span[jname='porOutstandardReport-contractID']
{
	display : inline-block;
	width : 8%;
}

span[jname='porOutstandardReport-shipmentLot']
{
	display : inline-block;
	width : 6%;
}

span[jname='porOutstandardReport-inventory']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-supplier']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-vesselName']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-loadingPort']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-dischargePort']
{
	display : inline-block;
	width : 12%;
}

span[jname='porOutstandardReport-product']
{
	display : inline-block;
	width : 6%;
}

span[jname='porOutstandardReport-quantity']
{
	display : inline-block;
	width : 6%;
}

span[jname='porOutstandardReport-remarks']
{
	display : inline-block;
	width : 8%;
}
/* ----- end - ching 27/9 /SOR/outstandardReportSummary.php ----- */


/*   shipment detail    */
/* ----- start - ching 27/9 /SOR/outstandardReportDetail.php ----- */
span[jname='porShipDetail-type']
{
	display : inline-block;
	width : 5%;
}

span[jname='porShipDetail-transport']
{
	display : inline-block;
	width : 6%;
}

span[jname='porShipDetail-showStarting']
{
	display : inline-block;
	width : 10%;
}

span[jname='porShipDetail-showDestination']
{
	display : inline-block;
	width : 10%;
}

span[jname='porShipDetail-weightAndRemain']
{
	display : inline-block;
	width : 10%;
}

span[jname='porShipDetail-portName']
{
	display : inline-block;
	width : 8%;
}
span[jname='porShipDetail-etd']
{
	display : inline-block;
	width : 7%;
}

span[jname='porShipDetail-departureDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='porShipDetail-eta']
{
	display : inline-block;
	width : 7%;
}

span[jname='porShipDetail-arrivalDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='porShipDetail-states']
{
	display : inline-block;
	width : 5%;
}

span[jname="porShipDetail-departure"]
{
	display : inline-block;
	width : 5%;
}

span[jname="porShipDetail-arrival"]
{
	display : inline-block;
	width : 5%;
}

span[jname="porShipDetail-routing"]
{
	display : inline-block;
	width : 5%;
}
/* ----- end - larry 16/9 /Inland/inlandShipmentDetail.php ----- */
/* ----- start - ching 27/9 /SOR/outstandardReportDetail.php ----- */
span[jname='porInTransitShipDetail-type']
{
	display : inline-block;
	width : 5%;
}

span[jname='porInTransitShipDetail-transport']
{
	display : inline-block;
	width : 6%;
}

span[jname='porInTransitShipDetail-showStarting']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitShipDetail-showDestination']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitShipDetail-weightAndRemain']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitShipDetail-portName']
{
	display : inline-block;
	width : 8%;
}
span[jname='porInTransitShipDetail-etd']
{
	display : inline-block;
	width : 7%;
}

span[jname='porInTransitShipDetail-departureDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='porInTransitShipDetail-eta']
{
	display : inline-block;
	width : 7%;
}

span[jname='porInTransitShipDetail-arrivalDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='porInTransitShipDetail-states']
{
	display : inline-block;
	width : 5%;
}

span[jname="porInTransitShipDetail-departure"]
{
	display : inline-block;
	width : 5%;
}

span[jname="porInTransitShipDetail-arrival"]
{
	display : inline-block;
	width : 5%;
}

span[jname="porInTransitShipDetail-routing"]
{
	display : inline-block;
	width : 5%;
}
/* ----- end - larry 16/9 /Inland/inlandShipmentDetail.php ----- */
/*    inspection detail     */
/* ching 20130306 AMLMOS-100 start add inTransitShipDetail */
#inspHeaderCompanyName,
[jname="porDelayedDepartureShipDetail-inspection-companyName"],
[jname="porDelayedArrivalShipDetail-inspection-companyName"],
[jname="porShipDetail-inspection-companyName"],
[jname="porInTransitShipDetail-inspection-companyName"]
{
	display : inline-block;
	width : 15%;
}

#inspHeaderAssignedDt,
[jname="porDelayedDepartureShipDetail-inspection-assignedDt"],
[jname="porDelayedArrivalShipDetail-inspection-assignedDt"],
[jname="porShipDetail-inspection-assignedDt"],
[jname="porInTransitShipDetail-inspection-assignedDt"]
{
	display : inline-block;
	width : 10%;
}

#inspHeaderPort,
[jname="porDelayedDepartureShipDetail-inspection-port"],
[jname="porDelayedArrivalShipDetail-inspection-port"],
[jname="porShipDetail-inspection-port"],
[jname="porInTransitShipDetail-inspection-port"]
{
	display : inline-block;
	width : 10%;
}

#inspHeaderWeight,
[jname="porDelayedDepartureShipDetail-inspection-weightSelected"],
[jname="porDelayedArrivalShipDetail-inspection-weightSelected"],
[jname="porShipDetail-inspection-weightSelected"],
[jname="porInTransitShipDetail-inspection-weightSelected"]
{
	display : inline-block;
	width : 8%;
}

#inspHeaderSize,
[jname="porDelayedDepartureShipDetail-inspection-specSelected"],
[jname="porDelayedArrivalShipDetail-inspection-specSelected"],
[jname="porShipDetail-inspection-specSelected"],
[jname="porInTransitShipDetail-inspection-specSelected"]
{
	display : inline-block;
	width : 8%;
}

#inspHeaderSpec,
[jname="porDelayedDepartureShipDetail-inspection-sizeSelected"],
[jname="porDelayedArrivalShipDetail-inspection-sizeSelected"],
[jname="porShipDetail-inspection-sizeSelected"],
[jname="porInTransitShipDetail-inspection-sizeSelected"]
{
	display : inline-block;
	width : 8%;
}

/* ching 20130306 AMLMOS-100 end add inTransitShipDetail */

span[jname='shipDetail-inspection-companyName']
{
	display : inline-block;
	width : 15%;
}

span[jname='shipDetail-inspection-assignedDt']
{
	display : inline-block;
	width : 15%;
}

span[jname='shipDetail-inspection-port']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipDetail-inspection-weightSelected']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipDetail-inspection-sizeSelected']
{
	display : inline-block;
	width : 10%;
}

span[jname='shipDetail-inspection-specSelected']
{
	display : inline-block;
	width : 10%;
}
/* End---inspection detail */


/* Larry 2012-09-27 (2.0.3) - START: ./SOR/outstandardReportSplit.php */
[jname='split-selLoadPortRegion'], [jname='split-selLoadPortCountry'], [jname='split-selLoadPort'],
[jname='split-selDisPortRegion'], [jname='split-selDisPortCountry'], [jname='split-selDisPort']
{
	width: 200px;
}

[jname='split-selInvArea']
{
	width: 100px;
}

[jname='split-selInv']
{
	width: 180px;
}
/* Larry 2012-09-27 (2.0.3) - END: ./SOR/outstandardReportSplit.php */
/* Larry 2012-09-27 (2.0.3) - START */ 
/* ./POR/delayedDepartureReportSummary.php */
[jname="porDelayedDepartureReport-head_poID"], [jname="porDelayedDepartureReport-contractID"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureReport-head_lotNumber"], [jname="porDelayedDepartureReport-shipmentLot"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureReport-head_stockLocation"], [jname="porDelayedDepartureReport-inventory"]
{
	display: inline-block;
	width: 160px;
}

[jname="porDelayedDepartureReport-head_customer"], [jname="porDelayedDepartureReport-supplier"] /* ching 20130118 statr , "porDelayedDepartureReport_customer" => "porDelayedDepartureReport-supplier"*/
{
	display: inline-block;
	width: 110px;
}

[jname="porDelayedDepartureReport-head_vesselName"], [jname="porDelayedDepartureReport-vesselName"]
{
	display: inline-block;
	width: 100px;
}

[jname="porDelayedDepartureReport-head_etd"], [jname="porDelayedDepartureReport-etd"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureReport-head_pol"], [jname="porDelayedDepartureReport-loadingPort"]
{
	display: inline-block;
	width: 140px;
}

[jname="porDelayedDepartureReport-head_pod"], [jname="porDelayedDepartureReport-dischargePort"]
{
	display: inline-block;
	width: 140px;
}

[jname="porDelayedDepartureReport-head_product"], [jname="porDelayedDepartureReport-product"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureReport-head_qty"], [jname="porDelayedDepartureReport-quantity"]
{
	display: inline-block;
	width: 70px;
}

[jname="porDelayedDepartureReport-head_blID"], [jname="porDelayedDepartureReport-blID"]/* ching 20130118 statr , width: 60 --> 40px;*/
{
	display: inline-block;
	width: 40px;
}
/* ./POR/delayedArrivalReportSummary.php */
[jname="porDelayedArrivalReport-head_poID"], [jname="porDelayedArrivalReport-contractID"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalReport-head_lotNumber"], [jname="porDelayedArrivalReport-shipmentLot"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalReport-head_stockLocation"], [jname="porDelayedArrivalReport-inventory"]
{
	display: inline-block;
	width: 140px;
}

[jname="porDelayedArrivalReport-head_customer"], [jname="porDelayedArrivalReport-supplier"] /* ching 20130118 start , change "porDelayedArrivalReport-head_customer"  to "porDelayedArrivalReport-supplier"  */
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalReport-head_vesselName"], [jname="porDelayedArrivalReport-vesselName"]
{
	display: inline-block;
	width: 100px;
}

[jname="porDelayedArrivalReport-head_eta"], [jname="porDelayedArrivalReport-eta"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalReport-head_departureTime"], [jname="porDelayedArrivalReport-departureTime"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalReport-head_pol"], [jname="porDelayedArrivalReport-loadingPort"]
{
	display: inline-block;
	width: 100px;
}

[jname="porDelayedArrivalReport-head_pod"], [jname="porDelayedArrivalReport-dischargePort"]
{
	display: inline-block;
	width: 100px;
}

[jname="porDelayedArrivalReport-head_product"], [jname="porDelayedArrivalReport-product"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalReport-head_qty"], [jname="porDelayedArrivalReport-quantity"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalReport-head_biID"], [jname="porDelayedArrivalReport-blID"]
{
	display: inline-block;
	width: 60px;
}

/* ./SOR/delayedDepartureReportDetail.php */
[jname="porDelayedDepartureShipDetail-transport"]
{
	display: inline-block;
	width: 70px;
}

[jname="porDelayedDepartureShipDetail-showStarting"]
{
	display: inline-block;
	width: 140px;
}

[jname="porDelayedDepartureShipDetail-showDestination"]
{
	display: inline-block;
	width: 140px;
}

[jname="porDelayedDepartureShipDetail-weightAndRemain"]
{
	display: inline-block;
	width: 100px;
}

[jname="porDelayedDepartureShipDetail-portName"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureShipDetail-etd"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureShipDetail-eta"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureShipDetail-departureDt"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureShipDetail-arrivalDt"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureShipDetail-states"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedDepartureShipDetail-action"]
{
	display: inline-block;
	width: 180px;
}

/* ./SOR/delayedArrivalReportDetail.php */
[jname="porDelayedArrivalShipDetail-transport"]
{
	display: inline-block;
	width: 70px;
}

[jname="porDelayedArrivalShipDetail-showStarting"]
{
	display: inline-block;
	width: 140px;
}

[jname="porDelayedArrivalShipDetail-showDestination"]
{
	display: inline-block;
	width: 140px;
}

[jname="porDelayedArrivalShipDetail-weightAndRemain"]
{
	display: inline-block;
	width: 100px;
}

[jname="porDelayedArrivalShipDetail-portName"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalShipDetail-etd"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalShipDetail-eta"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalShipDetail-departureDt"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalShipDetail-arrivalDt"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalShipDetail-states"]
{
	display: inline-block;
	width: 80px;
}

[jname="porDelayedArrivalShipDetail-action"]
{
	display: inline-block;
	width: 180px;
}
/* Larry 2012-09-27 (2.0.3) - END: ./SOR/delayedDepartureReportSummary.php */


/**************  end of POR Report ************/


/***********************************************************************************************************************************************************************************************/
/* ----- start - ching 10/10 /POR/completedShipmentRepot ----- */
/* -----------  head  ----------- */
span[jname='porCompletedShipmentReport-head_poID']
{
	display : inline-block;
	width : 6%;
}

span[jname='porCompletedShipmentReport-head_lotNumber']
{
	display : inline-block;
	width : 5%;
}

span[jname='porCompletedShipmentReport-head_stockLocation']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentReport-head_supplier']
{
	display : inline-block;
	width : 8%;
}

span[jname='porCompletedShipmentReport-head_vesselName']
{
	display : inline-block;
	width : 9%;
}

span[jname='porCompletedShipmentReport-head_deliveryPeriod']
{
	display : inline-block;
	width : 8%;
}

span[jname='porCompletedShipmentReport-head_arrivalTime']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentReport-head_pol']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentReport-head_pod']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentReport-head_product']
{
	display : inline-block;
	width : 5%;
}

span[jname='porCompletedShipmentReport-head_qty']
{
	display : inline-block;
	width : 5%;
}

span[jname='porCompletedShipmentReport-head_blID']
{
	display : inline-block;
	width : 7%;
}

/* ----------- end of head  ----------- */

span[jname='porCompletedShipmentReport-contractID']
{
	display : inline-block;
	width : 6%;
}

span[jname='porCompletedShipmentReport-shipmentLot']
{
	display : inline-block;
	width : 5%;
}

span[jname='porCompletedShipmentReport-inventory']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentReport-supplier']
{
	display : inline-block;
	width : 8%;
}

span[jname='porCompletedShipmentReport-vesselName']
{
	display : inline-block;
	width : 9%;
}


span[jname='porCompletedShipmentReport-deliveryPeriod']
{
	display : inline-block;
	width : 8%;
}

span[jname='porCompletedShipmentReport-arrivalTime']
{
	display : inline-block;
	width : 10%;
}



span[jname='porCompletedShipmentReport-loadingPort']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentReport-dischargePort']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentReport-product']
{
	display : inline-block;
	width : 5%;
}

span[jname='porCompletedShipmentReport-quantity']
{
	display : inline-block;
	width : 5%;
}

span[jname='porCompletedShipmentReport-blID']
{
	display : inline-block;
	width : 7%;
}
/* ----- end - ching 27/9 /POR/completedShipmentRepotSummary.php ----- */



/* ----- start - ching 10/10 /SOR/completedShipmentRepot ----- */
/* -----------  head  ----------- */
span[jname='sorCompletedShipmentReport-head_soID']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorCompletedShipmentReport-head_lotNumber']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorCompletedShipmentReport-head_stockLocation']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorCompletedShipmentReport-head_customer']
{
	display : inline-block;
	width : 8%;
}

span[jname='sorCompletedShipmentReport-head_vesselName']
{
	display : inline-block;
	width : 9%;
}

span[jname='sorCompletedShipmentReport-head_deliveryPeriod']
{
	display : inline-block;
	width : 8%;
}

span[jname='sorCompletedShipmentReport-head_arrivalTime']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorCompletedShipmentReport-head_pol']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorCompletedShipmentReport-head_pod']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorCompletedShipmentReport-head_product']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorCompletedShipmentReport-head_qty']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorCompletedShipmentReport-head_blID']
{
	display : inline-block;
	width : 7%;
}

/* ----------- end of head  ----------- */

span[jname='sorCompletedShipmentReport-contractID']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorCompletedShipmentReport-shipmentLot']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorCompletedShipmentReport-inventory']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorCompletedShipmentReport-customer']
{
	display : inline-block;
	width : 8%;
}

span[jname='sorCompletedShipmentReport-vesselName']
{
	display : inline-block;
	width : 9%;
}


span[jname='sorCompletedShipmentReport-deliveryPeriod']
{
	display : inline-block;
	width : 8%;
}

span[jname='sorCompletedShipmentReport-arrivalTime']
{
	display : inline-block;
	width : 10%;
}



span[jname='sorCompletedShipmentReport-loadingPort']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorCompletedShipmentReport-dischargePort']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorCompletedShipmentReport-product']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorCompletedShipmentReport-quantity']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorCompletedShipmentReport-blID']
{
	display : inline-block;
	width : 7%;
}
/* ----- end - ching 27/9 /SOR/completedShipmentRepotSummary.php ----- */


/* ----- start - ching 10/10 /SOR/inTransitRepotSummary ----- */
/* -----------  head  ----------- */
span[jname='sorInTransitReport-head_soID']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorInTransitReport-head_lotNumber']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorInTransitReport-head_stockLocation']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitReport-head_customer']
{
	display : inline-block;
	width : 8%;
}

span[jname='sorInTransitReport-head_vesselName']
{
	display : inline-block;
	width : 9%;
}

span[jname='sorInTransitReport-head_eta']
{
	display : inline-block;
	width : 7%;
}

span[jname='sorInTransitReport-head_departureTime']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitReport-head_pol']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitReport-head_pod']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitReport-head_product']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorInTransitReport-head_qty']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorInTransitReport-head_blID']
{
	display : inline-block;
	width : 7%;
}

/* ----------- end of head  ----------- */

span[jname='sorInTransitReport-contractID']
{
	display : inline-block;
	width : 6%;
}

span[jname='sorInTransitReport-shipmentLot']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorInTransitReport-inventory']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitReport-customer']
{
	display : inline-block;
	width : 8%;
}

span[jname='sorInTransitReport-vesselName']
{
	display : inline-block;
	width : 9%;
}


span[jname='sorInTransitReport-eta']
{
	display : inline-block;
	width : 8%;
}

span[jname='sorInTransitReport-departureTime']
{
	display : inline-block;
	width : 10%;
}



span[jname='sorInTransitReport-loadingPort']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitReport-dischargePort']
{
	display : inline-block;
	width : 10%;
}

span[jname='sorInTransitReport-product']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorInTransitReport-quantity']
{
	display : inline-block;
	width : 5%;
}

span[jname='sorInTransitReport-blID']
{
	display : inline-block;
	width : 7%;
}
/* ----- end - ching 27/9 /SOR/inTransitRepotSummary.php ----- */


/* ----- start - ching 10/10 /SOR/inTransitRepotSummary ----- */
/* -----------  head  ----------- */
span[jname='porInTransitReport-head_poID']
{
	display : inline-block;
	width : 6%;
}

span[jname='porInTransitReport-head_lotNumber']
{
	display : inline-block;
	width : 5%;
}

span[jname='porInTransitReport-head_stockLocation']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitReport-head_supplier']
{
	display : inline-block;
	width : 8%;
}

span[jname='porInTransitReport-head_vesselName']
{
	display : inline-block;
	width : 9%;
}

span[jname='porInTransitReport-head_eta']
{
	display : inline-block;
	width : 7%;
}

span[jname='porInTransitReport-head_departureTime']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitReport-head_pol']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitReport-head_pod']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitReport-head_product']
{
	display : inline-block;
	width : 5%;
}

span[jname='porInTransitReport-head_qty']
{
	display : inline-block;
	width : 5%;
}

span[jname='porInTransitReport-head_blID']
{
	display : inline-block;
	width : 7%;
}

/* ----------- end of head  ----------- */

span[jname='porInTransitReport-contractID']
{
	display : inline-block;
	width : 6%;
}

span[jname='porInTransitReport-shipmentLot']
{
	display : inline-block;
	width : 5%;
}

span[jname='porInTransitReport-inventory']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitReport-supplier']
{
	display : inline-block;
	width : 8%;
}

span[jname='porInTransitReport-vesselName']
{
	display : inline-block;
	width : 9%;
}


span[jname='porInTransitReport-eta']
{
	display : inline-block;
	width : 8%;
}

span[jname='porInTransitReport-departureTime']
{
	display : inline-block;
	width : 10%;
}



span[jname='porInTransitReport-loadingPort']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitReport-dischargePort']
{
	display : inline-block;
	width : 10%;
}

span[jname='porInTransitReport-product']
{
	display : inline-block;
	width : 5%;
}

span[jname='porInTransitReport-quantity']
{
	display : inline-block;
	width : 5%;
}

span[jname='porInTransitReport-blID']
{
	display : inline-block;
	width : 7%;
}
/* ----- end - ching 27/9 /POR/inTransitRepotSummary.php ----- */

/*************************   shipment detail    *************************/
/* ----- start - shipment detail ----- */
span[jname='porCompletedShipmentShipDetail-type'],
span[jname='sorCompletedShipmentShipDetail-type'],
span[jname='sorInTransitReport-type'],
span[jname='porInTransitReport-type']
{
	display : inline-block;
	width : 5%;
}

span[jname='porCompletedShipmentShipDetail-transport'],
span[jname='sorCompletedShipmentShipDetail-transport'],
span[jname='sorInTransitReport-transport'],
span[jname='porInTransitReport-transport']
{
	display : inline-block;
	width : 6%;
}

span[jname='porCompletedShipmentShipDetail-showStarting'],
span[jname='sorCompletedShipmentShipDetail-showStarting'],
span[jname='sorInTransitReport-showStarting'],
span[jname='porInTransitReport-showStarting']

{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentShipDetail-showDestination'],
span[jname='sorCompletedShipmentShipDetail-showDestination'],
span[jname='sorInTransitReport-showDestination'],
span[jname='porInTransitReport-showDestination']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentShipDetail-weightAndRemain'],
span[jname='sorCompletedShipmentShipDetail-weightAndRemain'],
span[jname='sorInTransitReport-weightAndRemain'],
span[jname='porInTransitReport-weightAndRemain']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentShipDetail-portName'],
span[jname='sorCompletedShipmentShipDetail-portName'],
span[jname='sorInTransitReport-portName'],
span[jname='porInTransitReport-portName']
{
	display : inline-block;
	width : 8%;
}
span[jname='porCompletedShipmentShipDetail-etd'],
span[jname='sorCompletedShipmentShipDetail-etd'],
span[jname='sorInTransitReport-etd'],
span[jname='porInTransitReport-etd']
{
	display : inline-block;
	width : 7%;
}

span[jname='porCompletedShipmentShipDetail-departureDt'],
span[jname='sorCompletedShipmentShipDetail-departureDt'],
span[jname='sorInTransitReport-departureDt'],
span[jname='porInTransitReport-departureDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='porCompletedShipmentShipDetail-eta'],
span[jname='sorCompletedShipmentShipDetail-eta'],
span[jname='sorInTransitReport-eta'],
span[jname='porInTransitReport-eta']
{
	display : inline-block;
	width : 7%;
}

span[jname='porCompletedShipmentShipDetail-arrivalDt'],
span[jname='sorCompletedShipmentShipDetail-arrivalDt'],
span[jname='sorInTransitReport-arrivalDt'],
span[jname='porInTransitReport-arrivalDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='porCompletedShipmentShipDetail-states'],
span[jname='sorCompletedShipmentShipDetail-states'],
span[jname='sorInTransitReport-states'],
span[jname='porInTransitReport-states']
{
	display : inline-block;
	width : 5%;
}

span[jname="porCompletedShipmentShipDetail-departure"],
span[jname="sorCompletedShipmentShipDetail-departure"],
span[jname="sorInTransitReport-departure"],
span[jname="porInTransitReport-departure"]
{
	display : inline-block;
	width : 5%;
}

span[jname="porCompletedShipmentShipDetail-arrival"],
span[jname="sorCompletedShipmentShipDetail-arrival"],
span[jname="sorInTransitReport-arrival"],
span[jname="porInTransitReport-arrival"]
{
	display : inline-block;
	width : 5%;
}

span[jname="porCompletedShipmentShipDetail-routing"],
span[jname="sorCompletedShipmentShipDetail-routing"],
span[jname="sorInTransitReport-routing"],
span[jname="porInTransitReport-routing"]
{
	display : inline-block;
	width : 5%;
}
/* ----- end -  ----- */
/*************************     shipment detail    *************************/

/*************************    inspection detail     ************************/
#inspHeaderCompanyName,
[jname="porCompletedShipmentShipDetail-inspection-companyName"],
[jname="sorCompletedShipmentShipDetail-inspection-companyName"],
[jname="sorInTransitReport-inspection-companyName"],
[jname="porInTransitReport-inspection-companyName"]
{
	display : inline-block;
	width : 15%;
}

#inspHeaderAssignedDt,
[jname="porCompletedShipmentShipDetail-inspection-assignedDt"],
[jname="sorCompletedShipmentShipDetail-inspection-assignedDt"],
[jname="sorInTransitReport-inspection-assignedDt"],
[jname="porInTransitReport-inspection-assignedDt"]
{
	display : inline-block;
	width : 10%;
}

#inspHeaderPort,
[jname="porCompletedShipmentShipDetail-inspection-port"],
[jname="sorCompletedShipmentShipDetail-inspection-port"],
[jname="sorInTransitReport-inspection-port"],
[jname="porInTransitReport-inspection-port"]
{
	display : inline-block;
	width : 10%;
}

#inspHeaderWeight,
[jname="porCompletedShipmentShipDetail-inspection-weightSelected"],
[jname="sorCompletedShipmentShipDetail-inspection-weightSelected"],
[jname="sorInTransitReport-inspection-weightSelected"],
[jname="porInTransitReport-inspection-weightSelected"]
{
	display : inline-block;
	width : 8%;
}

#inspHeaderSize,
[jname="porCompletedShipmentShipDetail-inspection-specSelected"],
[jname="sorCompletedShipmentShipDetail-inspection-specSelected"],
[jname="sorInTransitReport-inspection-specSelected"],
[jname="porInTransitReport-inspection-specSelected"]
{
	display : inline-block;
	width : 8%;
}

#inspHeaderSpec,
[jname="porCompletedShipmentShipDetail-inspection-sizeSelected"],
[jname="sorCompletedShipmentShipDetail-inspection-sizeSelected"],
[jname="sorInTransitReport-inspection-sizeSelected"],
[jname="porInTransitReport-inspection-sizeSelected"]
{
	display : inline-block;
	width : 8%;
}

span[jname='porCompletedShipmentShipDetail-inspection-companyName'],
span[jname='sorCompletedShipmentShipDetail-inspection-companyName'],
span[jname='sorInTransitReport-inspection-companyName'],
span[jname='porInTransitReport-inspection-companyName']
{
	display : inline-block;
	width : 15%;
}

span[jname='porCompletedShipmentShipDetail-inspection-assignedDt'],
span[jname='sorCompletedShipmentShipDetail-inspection-assignedDt'],
span[jname='sorInTransitReport-inspection-assignedDt'],
span[jname='porInTransitReport-inspection-assignedDt']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentShipDetail-inspection-port'],
span[jname='sorCompletedShipmentShipDetail-inspection-port'],
span[jname='sorInTransitReport-inspection-port'],
span[jname='porInTransitReport-inspection-port']
{
	display : inline-block;
	width : 10%;
}

span[jname='porCompletedShipmentShipDetail-inspection-weightSelected'],
span[jname='sorCompletedShipmentShipDetail-inspection-weightSelected'],
span[jname='sorInTransitReport-inspection-weightSelected'],
span[jname='porInTransitReport-inspection-weightSelected']
{
	display : inline-block;
	width : 8%;
}

span[jname='porCompletedShipmentShipDetail-inspection-sizeSelected'],
span[jname='sorCompletedShipmentShipDetail-inspection-sizeSelected'],
span[jname='sorInTransitReport-inspection-sizeSelected'],
span[jname='porInTransitReport-inspection-sizeSelected']
{
	display : inline-block;
	width : 8%;
}

span[jname='porCompletedShipmentShipDetail-inspection-specSelected'],
span[jname='sorCompletedShipmentShipDetail-inspection-specSelected'],
span[jname='sorInTransitReport-inspection-specSelected'],
span[jname='porInTransitReport-inspection-specSelected']
{
	display : inline-block;
	width : 8%;
}
/*************************  end  inspection detail     ************************/ 

/* Larry 2013-02-22 (V2_0_4) - START: SOR report css */
/* Outstanding report */
#sorOutstanding span[jname='sorReport-contractID']
{
	display : inline-block;
	width : 8%;
}

#sorOutstanding span[jname='sorReport-shipmentLot']
{
	display : inline-block;
	width : 6%;
}

#sorOutstanding span[jname='sorReport-inventory']
{
	display : inline-block;
	width : 12%;
}

#sorOutstanding span[jname='sorReport-customer']
{
	display : inline-block;
	width : 12%;
}

#sorOutstanding span[jname='sorReport-vesselName']
{
	display : inline-block;
	width : 12%;
}

#sorOutstanding span[jname='sorReport-loadingPort']
{
	display : inline-block;
	width : 12%;
}

#sorOutstanding span[jname='sorReport-dischargePort']
{
	display : inline-block;
	width : 12%;
}

#sorOutstanding span[jname='sorReport-product']
{
	display : inline-block;
	width : 6%;
}

#sorOutstanding span[jname='sorReport-quantity']
{
	display : inline-block;
	width : 6%;
}

#sorOutstanding span[jname='sorReport-remarks']
{
	display : inline-block;
	width : 8%;
}

/* Delay departure report */
#sorDelayedDeparture [jname="sorReport-contractID"]
{
	display: inline-block;
	width: 80px;
}

#sorDelayedDeparture [jname="sorReport-shipmentLot"]
{
	display: inline-block;
	width: 80px;
}

#sorDelayedDeparture [jname="sorReport-inventory"]
{
	display: inline-block;
	width: 160px;
}

#sorDelayedDeparture [jname="sorReport-customer"]
{
	display: inline-block;
	width: 110px;
}

#sorDelayedDeparture [jname="sorReport-vesselName"]
{
	display: inline-block;
	width: 100px;
}

#sorDelayedDeparture [jname="sorReport-etd"]
{
	display: inline-block;
	width: 80px;
}

#sorDelayedDeparture [jname="sorReport-loadingPort"]
{
	display: inline-block;
	width: 140px;
}

#sorDelayedDeparture [jname="sorReport-dischargePort"]
{
	display: inline-block;
	width: 140px;
}

#sorDelayedDeparture [jname="sorReport-product"]
{
	display: inline-block;
	width: 80px;
}

#sorDelayedDeparture [jname="sorReport-quantity"]
{
	display: inline-block;
	width: 70px;
}

#sorDelayedDeparture [jname="sorReport-blID"]
{
	display: inline-block;
	width: 40px;
}

/* In Transit */
#sorInTransit span[jname='sorReport-contractID']
{
	display : inline-block;
	width : 6%;
}

#sorInTransit span[jname='sorReport-shipmentLot']
{
	display : inline-block;
	width : 5%;
}

#sorInTransit span[jname='sorReport-inventory']
{
	display : inline-block;
	width : 10%;
}

#sorInTransit span[jname='sorReport-customer']
{
	display : inline-block;
	width : 8%;
}

#sorInTransit span[jname='sorReport-vesselName']
{
	display : inline-block;
	width : 9%;
}


#sorInTransit span[jname='sorReport-eta']
{
	display : inline-block;
	width : 8%;
}

#sorInTransit span[jname='sorReport-departureTime']
{
	display : inline-block;
	width : 10%;
}



#sorInTransit span[jname='sorReport-loadingPort']
{
	display : inline-block;
	width : 10%;
}

#sorInTransit span[jname='sorReport-dischargePort']
{
	display : inline-block;
	width : 10%;
}

#sorInTransit span[jname='sorReport-product']
{
	display : inline-block;
	width : 5%;
}

#sorInTransit span[jname='sorReport-quantity']
{
	display : inline-block;
	width : 5%;
}

#sorInTransit span[jname='sorReport-blID']
{
	display : inline-block;
	width : 7%;
}

/* Delay Arrival Report */
#sorDelayedArrival [jname="sorReport-contractID"]
{
	display: inline-block;
	width: 80px;
}

#sorDelayedArrival [jname="sorReport-shipmentLot"]
{
	display: inline-block;
	width: 80px;
}

#sorDelayedArrival [jname="sorReport-inventory"]
{
	display: inline-block;
	width: 160px;
}

#sorDelayedArrival [jname="sorReport-customer"]
{
	display: inline-block;
	width: 110px;
}

#sorDelayedArrival [jname="sorReport-vesselName"]
{
	display: inline-block;
	width: 100px;
}

#sorDelayedArrival [jname="sorReport-etd"]
{
	display: inline-block;
	width: 80px;
}

#sorDelayedArrival [jname="sorReport-loadingPort"]
{
	display: inline-block;
	width: 140px;
}

#sorDelayedArrival [jname="sorReport-dischargePort"]
{
	display: inline-block;
	width: 140px;
}

#sorDelayedArrival [jname="sorReport-product"]
{
	display: inline-block;
	width: 80px;
}

#sorDelayedArrival [jname="sorReport-quantity"]
{
	display: inline-block;
	width: 70px;
}

#sorDelayedArrival [jname="sorReport-blID"]
{
	display: inline-block;
	width: 40px;
}

/* Completed Report */
#sorCompletedShipment span[jname='sorReport-contractID']
{
	display : inline-block;
	width : 6%;
}

#sorCompletedShipment span[jname='sorReport-shipmentLot']
{
	display : inline-block;
	width : 5%;
}

#sorCompletedShipment span[jname='sorReport-inventory']
{
	display : inline-block;
	width : 10%;
}

#sorCompletedShipment span[jname='sorReport-customer']
{
	display : inline-block;
	width : 8%;
}

#sorCompletedShipment span[jname='sorReport-vesselName']
{
	display : inline-block;
	width : 9%;
}


#sorCompletedShipment span[jname='sorReport-deliveryPeriod']
{
	display : inline-block;
	width : 8%;
}

#sorCompletedShipment span[jname='sorReport-arrivalTime']
{
	display : inline-block;
	width : 10%;
}



#sorCompletedShipment span[jname='sorReport-loadingPort']
{
	display : inline-block;
	width : 10%;
}

#sorCompletedShipment span[jname='sorReport-dischargePort']
{
	display : inline-block;
	width : 10%;
}

#sorCompletedShipment span[jname='sorReport-product']
{
	display : inline-block;
	width : 5%;
}

#sorCompletedShipment span[jname='sorReport-quantity']
{
	display : inline-block;
	width : 5%;
}

#sorCompletedShipment span[jname='sorReport-blID']
{
	display : inline-block;
	width : 7%;
}

#sorOutstanding,
#sorDelayedDeparture,
#sorInTransit,
#sorDelayedArrival,
#sorCompletedShipment
{
	max-height: 400px;
	overflow: auto;
}
/* Larry 2013-02-22 (V2_0_4) - END: SOR report css */











/* ----- Man V2.0.4  20130221 Start -----*/
#porOutstanding span[jname='porReport-head_poID']
{
	display : inline-block;
	width : 8%;
}

#porOutstanding span[jname='porReport-head_lotNumber']
{
	display : inline-block;
	width : 6%;
}

#porOutstanding span[jname='porReport-head_stockLocation']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-head_customer']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-head_vesselName']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-head_pol']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-head_pod']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-head_product']
{
	display : inline-block;
	width : 6%;
}

#porOutstanding span[jname='porReport-head_qty']
{
	display : inline-block;
	width : 6%;
}

#porOutstanding span[jname='porReport-head_remarks']
{
	display : inline-block;
	width : 8%;
}

#porOutstanding span[jname='porReport-contractID']
{
	display : inline-block;
	width : 8%;
}

#porOutstanding span[jname='porReport-shipmentLot']
{
	display : inline-block;
	width : 6%;
}

#porOutstanding span[jname='porReport-inventory']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-supplier']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-vesselName']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-loadingPort']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-dischargePort']
{
	display : inline-block;
	width : 12%;
}

#porOutstanding span[jname='porReport-product']
{
	display : inline-block;
	width : 6%;
}

#porOutstanding span[jname='porReport-quantity']
{
	display : inline-block;
	width : 6%;
}

#porOutstanding span[jname='porReport-remarks']
{
	display : inline-block;
	width : 8%;
}

#porDelayedDeparture [jname="porReport-head_poID"], #porDelayedDeparture [jname="porReport-contractID"]
{
	display: inline-block;
	width: 80px;
}

#porDelayedDeparture [jname="porReport-head_lotNumber"], #porDelayedDeparture [jname="porReport-shipmentLot"]
{
	display: inline-block;
	width: 55px;
}

#porDelayedDeparture [jname="porReport-head_stockLocation"], #porDelayedDeparture [jname="porReport-inventory"]
{
	display: inline-block;
	width: 160px;
}

#porDelayedDeparture [jname="porReport-head_customer"], #porDelayedDeparture [jname="porReport-supplier"] 
{
	display: inline-block;
	width: 110px;
}

#porDelayedDeparture [jname="porReport-head_vesselName"], #porDelayedDeparture [jname="porReport-vesselName"]
{
	display: inline-block;
	width: 100px;
}

#porDelayedDeparture [jname="porReport-head_etd"], #porDelayedDeparture [jname="porReport-etd"]
{
	display: inline-block;
	width: 80px;
}

#porDelayedDeparture [jname="porReport-head_pol"], #porDelayedDeparture [jname="porReport-loadingPort"]
{
	display: inline-block;
	width: 118px;
}

#porDelayedDeparture [jname="porReport-head_pod"], #porDelayedDeparture [jname="porReport-dischargePort"]
{
	display: inline-block;
	width: 118px;
}

#porDelayedDeparture [jname="porReport-head_product"], #porDelayedDeparture [jname="porReport-product"]
{
	display: inline-block;
	width: 80px;
}

#porDelayedDeparture [jname="porReport-head_qty"], #porDelayedDeparture [jname="porReport-quantity"]
{
	display: inline-block;
	width: 70px;
}

#porDelayedDeparture [jname="porReport-head_blID"], #porDelayedDeparture [jname="porReport-blID"]
{
	display: inline-block;
	width: 58px;
	word-wrap:break-word;
}


#porDelayedArrival [jname="porReport-head_poID"], #porDelayedArrival [jname="porReport-contractID"]
{
	display: inline-block;
	width: 80px;
}

#porDelayedArrival [jname="porReport-head_lotNumber"], #porDelayedArrival [jname="porReport-shipmentLot"]
{
	display: inline-block;
	width: 55px;
}

#porDelayedArrival [jname="porReport-head_stockLocation"], #porDelayedArrival [jname="porReport-inventory"]
{
	display: inline-block;
	width: 140px;
}

#porDelayedArrival [jname="porReport-head_customer"], #porDelayedArrival [jname="porReport-supplier"]
{
	display: inline-block;
	width: 80px;
}

#porDelayedArrival [jname="porReport-head_vesselName"], #porDelayedArrival [jname="porReport-vesselName"]
{
	display: inline-block;
	width: 100px;
}

#porDelayedArrival [jname="porReport-head_eta"], #porDelayedArrival [jname="porReport-eta"]
{
	display: inline-block;
	width: 80px;
}

#porDelayedArrival [jname="porReport-head_departureTime"], #porDelayedArrival [jname="porReport-departureTime"]
{
	display: inline-block;
	width: 80px;
}

#porDelayedArrival [jname="porReport-head_pol"], #porDelayedArrival [jname="porReport-loadingPort"]
{
	display: inline-block;
	width: 97px;
}

#porDelayedArrival [jname="porReport-head_pod"], #porDelayedArrival [jname="porReport-dischargePort"]
{
	display: inline-block;
	width: 97px;
}

#porDelayedArrival [jname="porReport-head_product"], #porDelayedArrival [jname="porReport-product"]
{
	display: inline-block;
	width: 80px;
}

#porDelayedArrival [jname="porReport-head_qty"], #porDelayedArrival [jname="porReport-quantity"]
{
	display: inline-block;
	width: 80px;
}

#porDelayedArrival [jname="porReport-head_biID"], #porDelayedArrival [jname="porReport-blID"]
{
	display: inline-block;
	width: 56px;
	word-wrap:break-word;
}



#porCompletedShipment span[jname='porReport-head_poID']
{
	display : inline-block;
	width : 7%;
}

#porCompletedShipment span[jname='porReport-head_lotNumber']
{
	display : inline-block;
	width : 5%;
}

#porCompletedShipment span[jname='porReport-head_stockLocation']
{
	display : inline-block;
	width : 10%;
}

#porCompletedShipment span[jname='porReport-head_supplier']
{
	display : inline-block;
	width : 8%;
}

#porCompletedShipment span[jname='porReport-head_vesselName']
{
	display : inline-block;
	width : 8%;
}

#porCompletedShipment span[jname='porReport-head_deliveryPeriod']
{
	display : inline-block;
	width : 7%;
}

#porCompletedShipment span[jname='porReport-head_arrivalTime']
{
	display : inline-block;
	width : 7%;
}

#porCompletedShipment span[jname='porReport-head_pol']
{
	display : inline-block;
	width : 10%;
}

#porCompletedShipment span[jname='porReport-head_pod']
{
	display : inline-block;
	width : 10%;
}

#porCompletedShipment span[jname='porReport-head_product']
{
	display : inline-block;
	width : 5%;
}

#porCompletedShipment span[jname='porReport-head_qty']
{
	display : inline-block;
	width : 5%;
}

#porCompletedShipment span[jname='porReport-head_blID']
{
	display : inline-block;
	width : 7%;
}


#porCompletedShipment span[jname='porReport-contractID']
{
	display : inline-block;
	width : 7%;
}

#porCompletedShipment span[jname='porReport-shipmentLot']
{
	display : inline-block;
	width : 5%;
}

#porCompletedShipment span[jname='porReport-inventory']
{
	display : inline-block;
	width : 10%;
}

#porCompletedShipment span[jname='porReport-supplier']
{
	display : inline-block;
	width : 8%;
}

#porCompletedShipment span[jname='porReport-vesselName']
{
	display : inline-block;
	width : 8%;
}


#porCompletedShipment span[jname='porReport-deliveryPeriod']
{
	display : inline-block;
	width : 7%;
}

#porCompletedShipment span[jname='porReport-arrivalTime']
{
	display : inline-block;
	width : 7%;
}



#porCompletedShipment span[jname='porReport-loadingPort']
{
	display : inline-block;
	width : 10%;
}

#porCompletedShipment span[jname='porReport-dischargePort']
{
	display : inline-block;
	width : 10%;
}

#porCompletedShipment span[jname='porReport-product']
{
	display : inline-block;
	width : 5%;
}

#porCompletedShipment span[jname='porReport-quantity']
{
	display : inline-block;
	width : 5%;
}

#porCompletedShipment span[jname='porReport-blID']
{
	display : inline-block;
	width : 7%;
}


#porInTransitReport span[jname='porReport-head_poID']
{
	display : inline-block;
	width : 7%;
}

#porInTransitReport span[jname='porReport-head_lotNumber']
{
	display : inline-block;
	width : 5%;
}

#porInTransitReport span[jname='porReport-head_stockLocation']
{
	display : inline-block;
	width : 10%;
}

#porInTransitReport span[jname='porReport-head_supplier']
{
	display : inline-block;
	width : 8%;
}

#porInTransitReport span[jname='porReport-head_vesselName']
{
	display : inline-block;
	width : 9%;
}

#porInTransitReport span[jname='porReport-head_eta']
{
	display : inline-block;
	width : 7%;
}

#porInTransitReport span[jname='porReport-head_departureTime']
{
	display : inline-block;
	width : 7%;
}

#porInTransitReport span[jname='porReport-head_pol']
{
	display : inline-block;
	width : 10%;
}

#porInTransitReport span[jname='porReport-head_pod']
{
	display : inline-block;
	width : 10%;
}

#porInTransitReport span[jname='porReport-head_product']
{
	display : inline-block;
	width : 5%;
}

#porInTransitReport span[jname='porReport-head_qty']
{
	display : inline-block;
	width : 5%;
}

#porInTransitReport span[jname='porReport-head_blID']
{
	display : inline-block;
	width : 7%;
}


#porInTransitReport span[jname='porReport-contractID']
{
	display : inline-block;
	width : 7%;
}

#porInTransitReport span[jname='porReport-shipmentLot']
{
	display : inline-block;
	width : 5%;
}

#porInTransitReport span[jname='porReport-inventory']
{
	display : inline-block;
	width : 10%;
}

#porInTransitReport span[jname='porReport-supplier']
{
	display : inline-block;
	width : 8%;
}

#porInTransitReport span[jname='porReport-vesselName']
{
	display : inline-block;
	width : 9%;
}


#porInTransitReport span[jname='porReport-eta']
{
	display : inline-block;
	width : 7%;
}

#porInTransitReport span[jname='porReport-departureTime']
{
	display : inline-block;
	width : 7%;
}



#porInTransitReport span[jname='porReport-loadingPort']
{
	display : inline-block;
	width : 10%;
}

#porInTransitReport span[jname='porReport-dischargePort']
{
	display : inline-block;
	width : 10%;
}

#porInTransitReport span[jname='porReport-product']
{
	display : inline-block;
	width : 5%;
}

#porInTransitReport span[jname='porReport-quantity']
{
	display : inline-block;
	width : 5%;
}

#porInTransitReport span[jname='porReport-blID']
{
	display : inline-block;
	width : 7%;
}



/* ----- Man V2.0.4  20130221 END -----*/

/******************   20130422 ching Logistic Report    **********************/
/******************	logisticOutstanding		****************/
#logisticOutstanding span[jname='logisticReport-contractID']
{
	display : inline-block;
	width : 9%;
}

#logisticOutstanding span[jname='logisticReport-inventory']
{
	display : inline-block;
	width : 9%;
}

#logisticOutstanding span[jname='logisticReport-customer']
{
	display : inline-block;
	width : 10%;
}

#logisticOutstanding span[jname='logisticReport-vesselName']
{
	display : inline-block;
	width : 8%;
}

#logisticOutstanding span[jname='logisticReport-etd']
{
	display : inline-block;
	width : 7%;
}


#logisticOutstanding span[jname='logisticReport-loadingPort']
{
	display : inline-block;
	width : 8%;
}

#logisticOutstanding span[jname='logisticReport-dischargePort']
{	
	display : inline-block;
	width : 8%;
}

#logisticOutstanding span[jname='logisticReport-product']
{
	display : inline-block;
	width : 6%;
}

#logisticOutstanding span[jname='logisticReport-quantity']
{
	display : inline-block;
	width : 6%;
}

#logisticOutstanding span[jname='logisticReport-status']
{
	display : inline-block;
	width : 4%;
}

#logisticOutstanding span[jname='logisticReport-linked']
{
	display : inline-block;
	width : 10%;
	word-wrap: break-word;
}

#logisticOutstanding span[jname='logisticReport-remarks']
{
	display : inline-block;
	width : 8%;
}
/******************	logisticOutstanding		****************/



/******************	logisticInTransit		****************/
#logisticInTransit span[jname='logisticReport-contractID']
{
	display : inline-block;
	width : 9%;
}

#logisticInTransit span[jname='logisticReport-inventory']
{
	display : inline-block;
	width : 9%;
}

#logisticInTransit span[jname='logisticReport-customer']
{
	display : inline-block;
	width : 10%;
}

#logisticInTransit span[jname='logisticReport-vesselName']
{
	display : inline-block;
	width : 7%;
}

#logisticInTransit span[jname='logisticReport-eta']
{
	display : inline-block;
	width : 7%;
}

#logisticInTransit span[jname='logisticReport-departureTime']
{
	display : inline-block;
	width : 7%;
}

#logisticInTransit span[jname='logisticReport-loadingPort']
{
	display : inline-block;
	width : 6%;
}

#logisticInTransit span[jname='logisticReport-dischargePort']
{
	display : inline-block;
	width : 6%;
}	

#logisticInTransit span[jname='logisticReport-product']
{
	display : inline-block;
	width : 7%;
}

#logisticInTransit span[jname='logisticReport-quantity']
{
	display : inline-block;
	width : 6%;
}

#logisticInTransit span[jname='logisticReport-status']
{
	display : inline-block;
	width : 4%;
}

#logisticInTransit span[jname='logisticReport-linked']
{
	display : inline-block;
	width : 8%;
	word-wrap: break-word;
}

#logisticInTransit span[jname='logisticReport-remarks']
{
	display : inline-block;
	width : 6%;
}

/******************	logisticInTransit		****************/


/******************	logisticCompletedShipment		****************/
#logisticCompletedShipment span[jname='logisticReport-contractID']
{
	display : inline-block;
	width : 8%; /* ching 20130424 AMLMOS-223 */
}

#logisticCompletedShipment span[jname='logisticReport-inventory']
{
	display : inline-block;
	width : 9%;
}

#logisticCompletedShipment span[jname='logisticReport-customer']
{
	display : inline-block;
	width : 12%;
}

#logisticCompletedShipment span[jname='logisticReport-vesselName']
{
	display : inline-block;
	width : 8%;
}

#logisticCompletedShipment span[jname='logisticReport-deliveryPeriod']
{
	display : inline-block;
	width : 7%;
}

#logisticCompletedShipment span[jname='logisticReport-arrivalTime']
{
	display : inline-block;
	width : 7%;
}

#logisticCompletedShipment span[jname='logisticReport-loadingPort']
{
	display : inline-block;
	width : 6%;
}

#logisticCompletedShipment span[jname='logisticReport-dischargePort']
{
	display : inline-block;
	width : 6%;
}

#logisticCompletedShipment span[jname='logisticReport-product']
{
	display : inline-block;
	width : 7%;
}

#logisticCompletedShipment span[jname='logisticReport-quantity']
{
	display : inline-block;
	width : 6%;
}

#logisticCompletedShipment span[jname='logisticReport-blID']
{
	display : inline-block;
	width : 6%;
	word-wrap: break-word;
}
/*ching 20130424 AMLMOS-223*/
#logisticCompletedShipment span[jname='logisticReport-status']
{
	display : inline-block;
	width : 5%;
}
/*ching 20130424 AMLMOS-223*/
#logisticCompletedShipment span[jname='logisticReport-linked']
{
	display : inline-block;
	width : 6%; /*ching 20130424 AMLMOS-223*/
	word-wrap: break-word;
}

/******************	logisticCompletedShipment		****************/




/* -----  Logistic repost shipment ----- */
span[jname='logisticShipDetail-transport']
{
	display : inline-block;
	width : 6%;
}

span[jname='logisticShipDetail-showStarting']
{
	display : inline-block;
	width : 10%;
}

span[jname='logisticShipDetail-showDestination']
{
	display : inline-block;
	width : 10%;
}

span[jname='logisticShipDetail-weightAndRemain']
{
	display : inline-block;
	width : 10%;
}

span[jname='logisticShipDetail-portName']
{
	display : inline-block;
	width : 8%;
}
span[jname='logisticShipDetail-etd']
{
	display : inline-block;
	width : 7%;
}

span[jname='logisticShipDetail-departureDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='logisticShipDetail-eta']
{
	display : inline-block;
	width : 7%;
}

span[jname='logisticShipDetail-arrivalDt']
{
	display : inline-block;
	width : 7%;
}

span[jname='logisticShipDetail-states']
{
	display : inline-block;
	width : 5%;
}

/* ----- Logistic report shipment ----- */


/* ----- Logistic report  inspection ----- */
[jname="logisticShipDetail-inspection-companyName"]
{
	display : inline-block;
	width : 15%;
}


[jname="logisticShipDetail-inspection-assignedDt"]
{
	display : inline-block;
	width : 10%;
}


[jname="logisticShipDetail-inspection-port"]
{
	display : inline-block;
	width : 10%;
}


[jname="logisticShipDetail-inspection-weightSelected"]
{
	display : inline-block;
	width : 8%;
}


[jname="logisticShipDetail-inspection-specSelected"]
{
	display : inline-block;
	width : 8%;
}


[jname="logisticShipDetail-inspection-sizeSelected"]
{
	display : inline-block;
	width : 8%;
}

/* ----- Logistic report  inspection ----- */



/******************   20130422 ching Logistic Report    **********************/

/****************** Larry 2013-09-03 (AMLMOS-333) - START ******************/
.poBulk-divDocItem,
.soBulk-divDocItem,
.poContainer-divDocItem,
.soContainer-divDocItem,
.chkItemSpace {
	margin: 10px;
}

.divPacking{
	height: 320px;
}
/****************** Larry 2013-09-03 (AMLMOS-333) - END ******************/

/* Patrick 20130918 */
.currpageID{
	background: none repeat scroll 0 0 #006699 !important;
    color: #FFFFFF;	
}

#tempDataNotice {
    color: #FF0000;
    font-weight: bold;
    left: 48%;
    position: fixed;
    top: 6%;
    z-index: 999;
    display:none;
}


/* ching 20131029 amlmos-458 */
.contractDocumentDetailDiv{
	margin-top: 10px;
}

.systemSetting-flexCode-title {
	display: inline-block;
	width: 200px;
}

input[jname='type4-locationCode'],
input[jname='type4-stockCode'],
input[jname='deliveryTerm-flexCode'] {
	width: 200px;
}

[jname='exportLog-date'],
[jname='exportLog-startTime'],
[jname='exportLog-endTime'],
[jname='exportLog-type'],
[jname='exportLog-noOfInv'],
[jname='exportLog-status'],
[jname='exportLog-remarks']
{
	display: inline-block;
	width: 13%;
}

.type2-dataFactory{
	border: 1px solid #000;
	padding: 15px;
	margin-bottom: 15px;
}

.type2-title{
	width: 150px;
	display:inline-block;
}

.type2-val{
	display:inline-block;
}

.type2-dataBox{
	padding: 5px;
}