@charset "utf-8";

/*common css for ddl, lables and textbox */

.ContainerDiv{
	width:1000px;
	margin:0 auto;
	padding-top:0px;
	clear:both;
}

.ddlLayout
{
    width:100px;
    height:20px;    
}
.txtLayout
{
    width:150px;
    height:16px;
}

.lblLayout
{
    font-size:.85em;
    font-weight:500;  
    color:#2E2E2E;   
}

.txtStyle1
{
	width:150px;
	height:15px;	
	color:#606060;				
}

.txtStyle2
{
	width:100px;
	height:15px;
	color:#606060;	
}

.txtStyle3
{
	width:40px;
	height:15px;
	color:#606060;	
}

.ddlStyle
{
	width:156px;
	height:21px;
	color:#707070;	
}

/*fix for chrome */
 @media screen and (-webkit-min-device-pixel-ratio:0) {.ddlLayout{ width:99px; height:20px; }} 
 @media screen and (-webkit-min-device-pixel-ratio:0) {.ddlStyle{ width:155px; height:21px;	color:#707070;	}}  

/*fix for ie10 */
.ie10 .ddlStyle{ width:154px; height:21px; color:#707070; }

/*end **********************************/

/*common top button **************/
.top_button{
	border:none;
	padding:5px 0px 5px 0px;
	margin:0 auto;
	display:inline;	
	clear:both;	
}
.top_button:hover
{
	background-color:#d82123;  
}

/*end**************************/

/* inventory search form ********/

#searchFields
{
    background-color:#ececec ;
	border:1px solid;
	border-color:#bab7b7;
	color:#2E2E2E;         
	width:998px;
	height:500px; 
	margin:0 auto;	
}

#searchFields h4
{
    font-size: 1.1em;              
	color:#2E2E2E;                 
	font-weight:600;
	padding:7px 0px 5px 10px;
	margin:0 auto;
}

#LeftInvSearchFields
{
    padding:10px 0px 10px 10px;
	width:470px;   
	float:left;
	margin:0 auto;
	clear:both;	
}

#RightInvSearchFields
{
    width:470px;   
	padding:12px 5px 10px 0px;	
	float:left;
	margin:0 auto;
}

.invSearchLeft
{
    width:465px ; 
	padding-top:4px;
	float:left;
	margin:0 auto;
	clear:both;	
}

.invSearchRight
{
    width:465px ; 
	padding-top:4px;
	float:left;
	margin:0 auto;
	clear:both;	 
}

.invSearchLabel
{
    width:130px ; 
	float:left;
	padding-top:2px;  /*to show label in middle of the text box */
	margin:0 auto;		
}

.invSearchText
{
    width:300px;	
	float:left;
	margin:0 auto;
}

.grvLayoutMain
{
    background-color:#bab7b7 ;
	border:1px solid;
	border-color:#bab7b7;
	color:#222222;
	overflow:hidden;
	width:998px;
	height:400px;
	margin:0 auto;	
}

.grvLayoutMain th a
{
	text-decoration:none;
}

.cssPager
{
   height:30px;
   padding:0px 0px 0px 430px;   
   margin:0 auto;  
}

#pageDetail
{
    width:100%;
    height:17px;
    background-color:#bab7b7 ;
    padding-top:5px;
    margin:0 auto;   
    clear:both;    
}
#pageRow
{
    width:300px;
    margin:0 auto;
    float:left;    
}
.pageRowLabel
{
    padding: 0px 0px 0px 30px;
    font-size:.8em;       
}
#pageTotalRows
{
    width:400px;
    margin:0 auto;
    float:left;
   
}
.pageTotalRowLabel
{
    padding: 0px 0px 0px 122px;
    font-size:.8em;  
}
#pageNo
{
    width:270px;
    margin:0 auto;
    float:left;    
}
.pageLabel
{
    padding: 0px 5px 0px 160px;
    font-size:.8em;       
}

/*end of inventory search form ************/

/*Inventory Material Detail form **********/

.searchFieldsInvMatDetail
{
    background-color:#ececec ;
	border:1px solid;
	border-color:#bab7b7;	
	width:998px;
	height:160px; 	
	margin:0 auto;	
}
.searchFieldsInvMatDetail h4
{
    font-size:1.1em;              
	color:#2E2E2E;             
	font-weight:600;
	padding:7px 0px 5px 10px;
	margin:0 auto; 
}

#LeftInvMatDetailTopFields
{
    padding:10px 0px 10px 10px;
	width:320px ; 
	float:left;
	margin:0 auto;	
}

#MidInvMatDetailTopFields
{
    width:320px ; 
	padding:10px 5px 10px 0px;
	float:left;
	margin:0 auto;	
}

#RightInvMatDetailTopFields
{
    width:320px ; 
	padding:10px 5px 10px 0px;
	float:left;
	margin:0 auto;	 
}

.invMatDetailLeft
{    
	width:318px ; 
	padding-bottom:4px;
	float:left;
	margin:0 auto;
	clear:both;
	 
}
.invMatDetailMid
{
    width:318px ; 
	padding-bottom:4px;
	float:left;
	margin:0 auto;	
	clear:both;
}
.invMatDetailRight
{
    width:318px ; 
	padding-bottom:4px;
	float:left;
	margin:0 auto;	 
	clear:both;
}
.invMatDetailLabel
{
    width:120px; 
    padding-top:3px; 	/*to show label in the middle of text box */
	float:left;
	margin:0 auto;   
}
.invMatDetailText
{
    width:190px;
	padding-left:0px;
	float:left;
	margin:0 auto; 
}

#tabContainer
{
    width:1000px;	
	margin:0 auto;
	padding:0px;
	clear:both;
	background-color:#d9d7d7;
}
#tabContainerTable
{
    padding:0;
	margin:0 auto;
	border:1px solid #bab7b7;
	table-layout:fixed;	    
}

.Initial
{
    display: block;    
    padding: 4px 10px 4px 5px;
    float: left;
    background-color:#bab7b7;    
    color:#2E2E2E;                       
    font-weight: bold;
    margin:0 auto;
}
.Initial:hover
{
    color:#2E2E2E;    
    background-color:#d82123;               
    cursor:default;
    cursor:pointer;    
}

.Clicked  
  {
    float: left;
    display: block;
    background-color:#d82123;     
    padding: 4px 10px 4px 10px;    
    font-weight: bold;
    color:#2E2E2E;             
    cursor:default;
    cursor:pointer;  
    margin:0 auto;   
    
  } 
  
.ViewLeft
 {
	padding:15px 0px 10px 10px;
	width:320px ; 
	float:left;
	margin:0 auto;
	clear:both;
 }
 
.ViewMid
{
	width:320px ; 
	padding:15px 5px 10px 0px;
	float:left;
	margin:0 auto;
	
}

.ViewRight
{
	width:320px ; 
	padding:15px 5px 10px 0px;
	float:left;
	margin:0 auto;
	
}

.ViewLeftContainer
{
    width:318px; 
	float:left;
	margin:0 auto;
	padding-bottom:4px;
}

.ViewMidContainer
{
    width:318px; 
	float:left;
	margin:0 auto;
	padding-bottom:4px;
}
.ViewRightContainer
{
    width:318px; 
	float:left;
	margin:0 auto;
	padding-bottom:4px;
}

.ViewContainerLabel
{
    width:120px; 
	padding-top:3px;       /*to show label in the middle of the textbox */
	float:left;
	margin:0 auto;
}

.ViewContainerText
{
    width:175px;
	padding-left:2px;	
	float:left;
	margin:0 auto;
}

#ItemDesc
{
	width:980px;	
	margin:0 auto;
	padding-left:0px;
	clear:both;
}

#ItemDesc .lbl{	
	Font-Size:medium;
	color:#2E2E2E;                  
	font-weight:500;
	padding-bottom:10px;
}

#ItemDesc .txt{
	background-color:#ececec;
	border:1px solid;
	border-color:#bab7b7;
	padding-left:10px;
	margin:0 auto;
}

.ViewGridMainContainer
{
    border-color:#bab7b7;
	width:980px;		
	margin:0 auto;
	padding-top:10px;	
	clear:both;
}

.ViewGridMainContainer .lbl
{
	Font-Size:medium;
	color:#2E2E2E;                    
	font-weight:500;
	padding-bottom:10px;	
}

.ViewGridMainContainer .grvViewGridMainContainer
{
    background-color:#bab7b7 ;
	border:1px solid;
	border-color:#828080;
	color:#222222;
	overflow:hidden;
	width:975px;
	height:250px;
	padding-right:0px;   /*15px;*/
	margin:0 auto;	
}

.ViewGridSubContainer
{
    border-color:#bab7b7;
	width:980px;		
	margin:0 auto;
	padding-top:10px;	
	clear:both;
}
.ViewGridSubContainer .lbl
{
	Font-Size:medium;
	color:#2E2E2E;                    
	font-weight:500;
	padding-bottom:10px;	
}

.ViewGridSubContainer .grvViewGridSubContainer
{
    background-color:#bab7b7 ;
	border:1px solid;
	border-color:#828080;
	color:#222222;
	overflow:hidden;
	width:959px;     
	height:250px;
	padding-right:0px;	
	margin:0 auto;	
}

.ViewGridSubContainer .grvViewGridSubContainer1
{
	background-color:#bab7b7 ;
	border:1px solid;
	border-color:#828080;
	color:#222222;
	overflow:hidden;
	width:959px;
	height:125px;
	padding-right:0px;	/*15px*/
	margin:0 auto;	
}

.textBoxLongCustomerTab
{
    width:470px;
	height:15px;
	margin:0 auto;	
}
.address
{
	width:150px;
	font-size:.70em; 
	color:#222222;
	font-weight:500;
}

.lblNotVisible
{	
	visibility:hidden;	
	font-size:.85em;
    font-weight:500;  
    color:#2E2E2E;  		
}

 .txtNotVisible
{
    width:150px;
    height:15px;	
	visibility:hidden;
}

.ViewContainerSub
{
    border-color:#bab7b7;
	width:990px;		
	margin:0 auto;
	padding-top:10px;	
	clear:both;
}

.pnlDamages
{
	width:100%; 
	padding:5px 0px 5px 0px;
	float:left;
	margin:0 auto;
	clear:both;	
	
}
.pnlDamagesStyle legend
{
	color:#2E2E2E;               
	font-weight:500;
	font-size:14px;	
}

.chkDamages
{
	padding:5px 10px 5px 5px;		
}

.chkDamages label
{
	padding-right:10px;
	font: 14px Times New Roman;
}

.DamageChkBox {
	text-align:left;
}

/*end of inventory material detail form *****/

/*********************************Specific / Generic Piece Request  *************************************************/

#searchFieldsGenericPieceRequest
{
    background-color:#ececec ;
	border:1px solid;
	border-color:#bab7b7;	
	width:998px;
	height:195px; 	
	margin:0 auto;	
}

#searchFieldsGenericPieceRequest h4
{
    font-size:1.1em;              
	color:#2E2E2E;             
	font-weight:600;
	padding:7px 0px 5px 10px;
	margin:0 auto; 
}

#searchFieldsSpecificPieceRequest
{
    background-color:#ececec ;
	border:1px solid;
	border-color:#bab7b7;	
	width:998px;
	height:220px; 	
	margin:0 auto;	
}

#searchFieldsSpecificPieceRequest h4
{
    font-size:1.1em;              
	color:#2E2E2E;             
	font-weight:600;
	padding:7px 0px 5px 10px;
	margin:0 auto; 
}
#LeftPieceSearchFields
{   
	width:320px;    
	padding:10px 5px 10px 10px;
	float:left;
	margin:0 auto;	
}

#MidPieceSearchFields
{
    width:320px;    
	padding:10px 5px 10px 0px;
	float:left;
	margin:0 auto;	
}

#RightPieceSearchFields
{
    width:320px;    
	padding:10px 5px 10px 0px;
	float:left;
	margin:0 auto;	
}

.pieceRequestLeft
{
    width:318px;  
    padding-bottom:4px;
	float:left;
	margin:0 auto;
	clear:both;
}
.pieceRequestMid
{
    width:318px;  
    padding-bottom:4px;	
	float:left;
	margin:0 auto;
	clear:both;
}
.pieceRequestRight
{
    width:318px;  
    padding-bottom:4px;	
	float:left;
	margin:0 auto;
	clear:both;
}

.pieceRequestLabel
{
    width:120px;  
	padding-top:3px;     /*to align label in middle to textbox */
	float:left;
	margin:0 auto;	
}

.pieceRequestText
{
    width:190px;
	padding-left:2px;	
	float:left;
	margin:0 auto; 
}

#PieceGrvMainDiv
{
    background-color:#bab7b7 ;
	border:1px solid;
	border-color:#bab7b7;
	border-bottom-color:#ececec;
	border-bottom-width:4px;
	color:#222222;
	overflow:hidden;
	width:998px;
	height:300px;
	margin:0 auto;	
}
#PieceGrvMainDiv th a{
	text-decoration:none;
}
#PieceGrvSubDiv
{
	background-color:#bab7b7 ;
	border:1px solid;
	border-color:#bab7b7;
	color:#222222;
	overflow:hidden;
	width:998px;
	height:250px;
	margin:0 auto;	
}
#PieceGrvSubDiv th a{
	text-decoration:none;
}


/******************************End of Specific/Generic Piece Request**********************************************/
/**************Specific Piece Request running total of the piece ********************************/

#runningTotal
{
    width:998px;
    height:17px;
    background-color:#bab7b7 ;
    padding-top:5px;
    margin:0 auto;   
    clear:both;    
    
    border:1px solid;
	border-color:#bab7b7;
	color:#222222;
}
#totalRow
{
    width:300px;
    margin:0 auto;
    float:left;    
}
.totalRowLabel
{
    padding: 0px 0px 0px 30px;
    font-size:.8em;       
}
#totalWeight
{
    width:600px;
    margin:0 auto;
    float:left;
   
}
.totalWeightLabel
{
    padding: 0px 0px 0px 290px;
    font-size:.8em;  
}


/***end *********************************/
/******************************Confirm Shipment *****************************************************************/

#confirmLogBox{
	width:320px;
	height:180px;	
	border-color:#dbd8d8;
	border-style:groove;
	border-width:medium;		
	margin:60px 0px 40px 350px;
	padding:0px;
	clear:both;		
}

#confirmLogBox h4{	
	font-size:1.4em;
	font-weight:bold;
	color: #2E2E2E;         
	padding:5px 0px 7px 15px;
	margin:0 auto;
}

#confirmData
{
    background-color:#ededed;
	border:1px solid;
	border-color:#bab7b7;	
	width:998px;		
	margin-top:0 auto;
}

#confirmData h4
{
    font-size:1.1em;              
	color:#2E2E2E;             
	font-weight:600;
	padding:10px 0px 10px 10px;
	margin:0 auto; 
}
#error1
{   
    width:180px;
	font-weight:600;
	font-size:.6em;	    
	padding:5px 0px 2px 150px;	
	margin:0 auto;
	float:left;
}    

/******************************End of Confirm Shipment***********************************************************/