﻿@charset "utf-8";

/**********Forgot Password popup css ***************************/
.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=85);
    opacity: 0.8;      
}   
.modalPopup 
{        
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid; 
    border-color: black; 
    padding:0px;       
    width: 420px;         
   /* height: 300px;  */
    margin:0 auto;   
}
#mpeHeadstrip
{
    background-color:#d82123;                
    width:100%;
    height:20px;
    padding:0px;
    margin:0 auto;
    color:#2E2E2E;                         
}
.mpeHeadLnkButton
{
    color:#2E2E2E;                
    font:0.9em Arial, Helvetica, sans-serif;                                  
    font-weight:600;
    float:right;	
    padding:0px 5px 0px 0px;
    margin:0 auto;    
}
#mpeMain
{
     width:390px;      
     border-style:none;
     padding:5px 0px 5px 0px;
     margin-top:20px;
     clear:both;		
}
#mpeMain h4
{
    font:1.25em/1.5 Arial, Helvetica, sans-serif;                          
    font-weight:bold;
    color:#2E2E2E;                                    
    float:left;
    padding:5px 0px 0px 30px;
    margin:0 auto;
}
#mpeMain h6
{
    font:.75em Arial, Helvetica, sans-serif;                                                
    font-weight:bold;
    color:#828080;
    text-align:left;
    float:left;
    padding:0px 0px 15px 30px;
    margin:0 auto;
}
#mpelblUser
{
    width:100px;
    color:#2E2E2E;                           
    font-weight:500;
    text-align:left;
    padding:10px 0px 2px 30px;
    margin:0 auto;
    float:left;
    clear:both;   
}
#mpetxtPsw
{
    width:175px;
    color:#2E2E2E;                    
    font-weight:500;
    text-align:left;
    padding:10px 0px 2px 0px;
    margin:0 auto;
    float:left;    
}
#mpeSubmit
{
    padding:0px 0px 25px 175px;
    margin:0 auto;
    float:left;    
}
#mpeMsg
{	
    font:0.9em Arial, Helvetica, sana-serif;                               
    font-weight:600;
    text-align:left;	
    color:#828080;	
    padding:10px 0px 20px 30px;
    margin:0 auto;
    clear:both;
}

#mpeMsg1
{	
    font:0.8em Arial, Helvetica, sana-serif;                               
    font-weight:500;
    text-align:left;
    font-style:italic; 	
    color:#d82123;     /*#828080;	*/
    padding:5px 0px 0px 30px;
    margin:0 auto;
    clear:both;   
   
}

/***************************User Role popup css *********************************************/
.mpeUserRoleBackground
{
    background-color: Black;
    filter: alpha(opacity=85);
    opacity: 0.8;  
}   
.mpeUserRolePopup 
{        
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid; 
    border-color: black; 
    padding-top: 0px;        
    padding-left: 0px;      
    width: 400px;  
    height: 250px;  
    margin:0 auto;    

}
#mpeUserRoleHeadstrip
{
    background-color:#d82123;                       
    width:100%;
    height:20px;
    margin:0 auto;
    color:#2E2E2E;                       
}
#mpeUserRoleMain
{
     width:400px; 	
     border-style:none;
     padding:5px 0px 5px 0px;
     margin-top:20px;
     clear:both;		
}
#mpeUserRoleMain h4
{
    font:1.25em/1.5 Arial, Helvetica, sans-serif;               
    font-weight:bold;
    color:#2E2E2E;               
    float:left;
    padding:10px 0px 0px 30px;
    margin:0 auto;
}
#mpeUserRoleMain h6
{
    font:.75em Arial, Helvetica, sans-serif;                        
    font-weight:bold;
    color:#828080;
    text-align:left;
    float:left;
    padding:5px 10px 15px 30px;
    margin:0 auto;
}
#mpelblUserRole
{
    width:90px;
    color:#2E2E2E;              
    font-weight:500;
    text-align:left;
    padding:10px 0px 2px 30px;
    margin:0 auto;
    float:left;
    clear:both;   
}
#mpeDDLUserRole
{
    width:175px;
    color:#2E2E2E;                      
    font-weight:500;
    text-align:left;
    padding:10px 0px 2px 0px;
    margin:0 auto;
    float:left;    
}
#mpeUserRoleSubmit
{
    padding:5px 0px 5px 125px;
    margin:0 auto;
    float:left;    
}

/***************************End of User Role popup css *************************************/


/****************************Specific Piece Shipment/Generic Piece Release popup css **************************************/

.mpeRequestBackground
{
    background-color: Black;
    filter: alpha(opacity=85);
    opacity: 0.8;  
}   
.mpeRequestPopup 
{        
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid; 
    border-color: black; 
    padding-top: 0px;        
    padding-left: 0px;      
    width: 550px;  
    height: 500px;  
    margin:0 auto; 
    overflow:auto;   

}
#mpeRequestHeadstrip
{
    background-color:#d82123;                       
    border-style:none;    
    width:100%;
    height:20px;
    margin:0 auto;
    padding:0px;
    color:#2E2E2E;                       
}
#mpeRequestMain
{
     width:530px; 	
     border-style:none;
     padding:5px 0px 0px 0px;
     margin-top:10px;
     clear:both;		
}
#mpeRequestMain h4
{
    font:1.25em/1.5 Arial, Helvetica, sans-serif;                
    font-weight:bold;
    color:#2E2E2E;               
    float:left;
    padding:0px 0px 3px 30px;
    margin:0 auto;
}
#mpeRequestMain h6
{
    font:.75em Arial, Helvetica, sans-serif;                         
    font-weight:600;
    color: #2E2E2E;         
    text-align:justify;
    float:left;
    padding:15px 25px 15px 30px;
    margin:0 auto;
}
.mpeRequestFields
{
     width:450px;
     padding:0px 0px 0px 30px;
     margin:0 auto;
     float:left;     
}

.mpeRequestFields .ShipToAdd
{
    font:.90em Arial, Helvetica, sans-serif;                         
    font-weight:600;
    color:#828080;    
}

.mpeRequestFields .mpeLabel
{
    width:140px;
    color:#2E2E2E;                      
    font-weight:500;  
    font-size:11pt; 
    text-align:left;
    padding:5px 0px 2px 0px;
    margin:0 auto;
    float:left;    
    clear:both;
}

.mpeRequestFields .mpeText
{
    width:270px;
    color:#2E2E2E;                      
    font-weight:200;
    text-align:left;
    padding:5px 0px 2px 0px;
    margin:0 auto;
    float:left;     
}


#mpeRequestSubmit
{
    padding:10px 0px 5px 190px;
    margin:0 auto;
    float:left;    
}

.noteMandatoryFieldsMain h5
{
    
    font:.70em Arial, Helvetica, sans-serif;                       
    font-weight:bold;
    color:#828080;
    text-align:justify;
    font-style:italic;
    float:left;
    padding:15px 0px 5px 310px;
    margin:0 auto;
    
}

.mpeMsg1
{	
    font:0.8em Arial, Helvetica, sana-serif;                                
    font-weight:500;
    text-align:justify;	
    font-style:italic;    
    color:#d82123;     /*#828080;	*/
    padding:0px 25px 0px 30px;   
    margin:0 auto;
    clear:both;
}
.mpeMsg1 .mpeClose
{    
    padding:10px 0px 20px 160px;    
}

/****************************End of Specific/Generic Piece shipment/release popu css *******************************/

/***************************Specific/Generic Piece pop up css ****************************/

.mpeSpecificPieceBackground
{
    background-color: Black;
    filter: alpha(opacity=85);
    opacity: 0.8;  
}   
.mpeSpecificPiecePopup 
{        
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid; 
    border-color: black; 
    padding-top: 0px;        
    padding-left: 0px;      
    width: 550px;  
    height: 500px;   
    margin:0 auto; 
    overflow:auto;    

}
#mpeSpecificPieceHeadstrip
{
    background-color:#d82123;                       
    border-style:none;    
    width:100%;
    height:20px;
    margin:0 auto;
    padding:0px;
    color:#2E2E2E;                       
}
#mpeSpecificPieceMain
{
     width:530px; 	
     border-style:none;
     padding:5px 0px 0px 0px;
     margin-top:10px;
     clear:both;		
}
#mpeSpecificPieceMain h4
{
    font:1.25em/1.5 Arial, Helvetica, sans-serif;                
    font-weight:bold;
    color:#2E2E2E;               
    float:left;
    padding:0px 0px 3px 30px;
    margin:0 auto;
}
#mpeSpecificPieceMain h6
{
    font:.75em Arial, Helvetica, sans-serif;                         
    font-weight:600;
    color: #2E2E2E;         
    text-align:justify;
    float:left;
    padding:15px 25px 15px 30px;
    margin:0 auto;
}
.mpeSpecificPieceFields
{
     width:450px;
     padding:0px 0px 0px 30px;
     margin:0 auto;
     float:left;     
}

.ShipToAdd
{
    font:.90em Arial, Helvetica, sans-serif;                         
    font-weight:600;
    color:#828080;    
}

.mpeLabel
{
    width:140px;
    color:#2E2E2E;                      
    font-weight:500;  
    font-size:11pt; 
    text-align:left;
    padding:5px 0px 2px 0px;
    margin:0 auto;
    float:left;    
    clear:both;
}

.mpeText
{
    width:270px;
    color:#2E2E2E;                      
    font-weight:200;
    text-align:left;
    padding:5px 0px 2px 0px;
    margin:0 auto;
    float:left;     
}


#mpeSpecificPieceSubmit
{
    padding:10px 0px 5px 190px;
    margin:0 auto;
    float:left;    
}

#mpeMsg
{	
    font:0.9em Arial, Helvetica, sana-serif;                                
    font-weight:600;
    text-align:justify;	
    color:#828080;	
    padding:10px 25px 20px 30px;
    margin:0 auto;
    clear:both;
}
#mpeMsg #mpeClose
{    
    padding:10px 0px 20px 160px;    
}

.noteMandatoryFieldsMain h5
{
    
    font:.70em Arial, Helvetica, sans-serif;                       
    font-weight:bold;
    color:#828080;
    text-align:justify;
    font-style:italic;
    float:left;
    padding:15px 0px 5px 310px;
    margin:0 auto;
    
}
/****************************End Specific/Generic Piece pop up css ********************************/

/****************************Generic Piece No. of Bundles popup ************************************/
.mpeBundlesNoBackground
{
    background-color: Black;
    filter: alpha(opacity=85);
    opacity: 0.8;  
}   
.mpeBundlesNoPopup 
{        
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid; 
    border-color: black; 
    padding-top: 0px;        
    padding-left: 0px;      
    width: 500px;       
    margin:0 auto;    

}
#mpeBundlesNoHeadstrip
{
    background-color:#d82123;                      
    width:100%;
    height:20px;
    margin:0 auto;
    color:#2E2E2E;                      
}
#mpeBundlesNoMain
{
     width:500px; 	
     border-style:none;
     padding:5px 0px 5px 0px;
     margin:20px 0px 40px 0px;
     clear:both;		
}
#mpeBundlesNoMain h4
{
    font:1.25em/1.5 Arial, Helvetica, sans-serif;                
    font-weight:bold;
    color:#2E2E2E;              
    float:left;
    padding:10px 0px 10px 30px;
    margin:0 auto;
}
#mpeBundlesNoMain h6
{
    font:.75em Arial, Helvetica, sans-serif;                         
    font-weight:bold;
    color: #828080; 
    text-align:justify;
    float:left;
    padding:10px 25px 10px 30px;
    margin:0 auto;
}
.mpeBundlesNoFields
{
     width:480px;
     padding:0px 0px 0px 30px;
     margin:0 auto;
     float:left;     
}

#BundlesNoLabel
{
    width:170px;
    color:#2E2E2E;                      
    font-weight:500;
    text-align:left;
    padding:5px 0px 2px 0px;
    margin:0 auto;
    float:left;    
    clear:both;
}

#BundlesNoText
{
    width:200px;
    color:#2E2E2E;                     
    font-weight:500;
    text-align:left;
    padding:5px 0px 2px 0px;
    margin:0 auto;
    float:left;     
}

#mpeBundlesNoSubmit
{
    padding:10px 0px 40px 220px;
    margin:0 auto;
    float:left;    
}

#mpeBundlesNoMsg
{	
    font:0.9em Arial, Helvetica, sana-serif;                               
    font-weight:600;
    text-align:justify;	
    color:#828080;	
    padding:10px 25px 0px 30px;
    margin:0 auto;
    clear:both;
}

/****************************Generic Piece No. of Bundles popup  *******************************/

/****************************New Address popup*************************************************/
.mpeNewAddressBackground
{
    background-color:black;
    filter: alpha(opacity=85);
    opacity: 0.8;  
}   
.mpeNewAddressPopup 
{        
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid; 
    border-color: black; 
    padding-top: 0px;        
    padding-left: 0px;      
    width: 500px;  
    height:430px;
    margin:0 auto;
    overflow:auto;    

}
#mpeNewAddressHeadstrip
{
    background-color:#d82123;                      
    border-style:none;    
    width:100%;
    height:20px;
    margin:0 auto;
    padding:0px;
    color:#2E2E2E;                       
}
#mpeNewAddressMain
{    
     width:500px; 	
     border-style:none;
     padding:5px 0px 5px 0px;
     margin-top:20px;
     clear:both;		
}
#mpeNewAddressMain h4
{
    font:1.25em/1.5 Arial, Helvetica, sans-serif;                
    font-weight:bold;
    color:#2E2E2E;              
    float:left;
    padding:10px 0px 10px 40px;
    margin:0 auto;
}
#mpeNewAddressMain h6
{
    font:.75em Arial, Helvetica, sans-serif;                        
    font-weight:bold;
    color:#828080;
    text-align:justify;
    float:left;
    padding:5px 25px 15px 40px;
    margin:0 auto;
}
.mpeNewAddressFields
{
     width:400px;
     padding:0px 0px 0px 40px;
     margin:0 auto;
     float:left;     
}

.ShipToAdd
{
    font:.90em Arial, Helvetica, sans-serif;                         
    font-weight:600;
    color:#828080;    
}

.mpeNewAddressLabel
{
    width:150px;
    color:#2E2E2E;                     
    font-weight:500;  
    font-size:11pt; 
    text-align:left;
    padding:8px 0px 2px 0px;
    margin:0 auto;
    float:left;    
    clear:both;
}

.requiredCSS:after 
{
    content: "*";
    font-weight: bold;
    color: red; 
    padding-left:5px;
}

.mpeNewAddressText
{
    width:220px;
    color:#2E2E2E;                      
    font-weight:200;
    text-align:left;
    padding:8px 0px 2px 0px;
    margin:0 auto;
    float:left;     
}

.noteMandatoryFields h5
{
    font:.70em Arial, Helvetica, sans-serif;                       
    font-weight:bold;
    color:#828080;
    text-align:justify;
    font-style:italic;
    float:left;
    padding:10px 0px 5px 290px;
    margin:0 auto;
    
}

#mpeNewAddressSubmit
{
    padding:10px 0px 5px 200px;
    margin:0 auto;
    float:left;    
}

#mpeMsgNewAddress
{	
    font:0.9em Arial, Helvetica, sana-serif;                               
    font-weight:600;
    text-align:justify;	
    color:#828080;	
    padding:10px 25px 20px 40px;
    margin:0 auto;
    clear:both;
}
#mpeMsgNewAddress #mpeNewAddressClose
{    
    padding:10px 0px 20px 200px;    
}

/****************************End of New Address popup*************************************************/

/****************************Message Box popup css **************************************/

.mpeMessageBoxBackground
{
    background-color: Black;
    filter: alpha(opacity=85);
    opacity: 0.8;  
}   
.mpeMessageBoxPopup 
{        
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid; 
    border-color: black; 
    padding-top: 0px;        
    padding-left: 0px;    
    margin:0 auto;    

}

/*fix for ie8 */
.ie8 .mpeMessageBoxPopup 
{
   width:650px; 
   
}
#mpeMessageBoxHeadstrip
{
    background-color:#d82123;                     
    width:100%;
    height:20px;
    margin:0 auto;
    color:#2E2E2E;                      
}

#mpeMessageBoxHeadstrip #msgBoxHeaderLabel
{
    font-size:0.9em;
    font-weight:bold;
    color:#2E2E2E;
    padding:2px 0px 0px 10px;
    margin:0 auto;
    float:left;
}

#mpeMessageBoxMain
{
     width:100%; 	
     border-style:none;    
     margin:0 auto;
     clear:both;		
}

.mpeMessageBoxFields
{
     width:100%;   
     margin:0 auto; 
     font:0.9em Arial, Helvetica, sana-serif;                                
    font-weight:600;
    text-align:left;	
    color:#828080;	
    padding:20px 5px 10px 15px;
    margin:0 auto;
    clear:both;        
}

.mpeMessageBoxFields #imgMsgBox
{
    width: 20px;
    padding: 0px 5px 0px 0px;
    margin-right:15px;
    float:left;
}

.mpeMessageBoxFields #txtMsgBox
{
    padding: 0px 10px 0px 10px;
    margin:0 auto;
    float:left;
}

#mpeMessageBoxSubmit
{
    padding:15px 10px 10px 0px;
    margin:0 auto;
    float:right;  
    clear:both;     
}

/****************************Message Box popup css *******************************/

