* { 
    font-family: 'Open Sans', sans-serif;
    font-size:14px;}

body 
{ 
    margin-top:0; 
    background-color:#e9e9e9; 
	/*IE6 hack*/ _background:#ccc; 
}

#header  
{
    width:75%;
    min-width:1005px;
    background-color:White;    
}
.languageSelector {
    position:absolute;
    right: 1%;
    background-color: white;
    font-weight:bold;
    padding-top: 5px;
    min-width: 180px;
}
.languageSelector a {
    text-decoration: none;
    color: black;
    padding: 10px;
    
}
.languageSelectorDropdown {
    display: none;
}
    .languageSelectorDropdown.active {
        display: block;
    }
.languageSelectorDropdown a {
    display: block;
}
    .languageSelectorDropdown a:hover {
        background-color: #3B72B3;
        color:white;
        text-decoration:none;
    }
div, h1, h2, h3 { margin:0 auto; }
h1 { font-size:200% !important; font-weight:bold; color:#377FBD ; }
h2 { font-size:130%; font-weight:bold; color:#377FBD; }
h3 { font-size:120%; font-weight:bold; color:#377FBD; }


.center {
    text-align: center;
}


li.info { height:40px;min-height:30px;line-height:30px; padding-bottom:5px; list-style:none; }

#mainlogo { background:url(../../images/logo.png); }
#splashlogo { background:url(../../images/maingraphic.png) ; width:839px; height:130px; margin-top:50px; }

    #topmenu { text-align:left; }
	#topmenu ul { margin:0; padding:0; list-style-type:none; list-style-image:none; margin-top:60px; }
	#topmenu li { display:inline; }	
	#topmenu a { text-decoration:none; font-weight:bold; margin:4px; }	
	#topmenu a:hover { color:#369; }	
	#topmenu2 { text-align:left; padding-bottom:12px; padding-top: 12px; }
	#topmenu2 ul { margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:right;}
	#topmenu2 li { display:inline; }
	#topmenu2 a { text-decoration:none; color:#555555; font-weight:bold; margin: 15px; font-size: 14px; }	
	#topmenu2 a:hover { color:#369; }
        #topmenu2 > h1 {
            font-weight: 300;
           
        }

.alignleftoverride {
    text-align: left;
}

.error-msg{padding:10px;}

.row { clear:both; padding:4px 0;}
.label { float:left; width:45%; font-weight:bold; }
.data { float:right; width:50%;}
.label2 { float:left; width:35%; font-weight:bold; }
.data2 { float:right; width:65%; }
.button 
{ 
    font-size:16px;
    font-weight:bold;
    width:180px;
    border: 1px solid #CCCCCC;    
    padding: 8px;
    background-color:#377FBD;
    color: #FFFFFF;  
    cursor:pointer;
    margin-right: 10px;
}

.disabledButton 
{ 
    font-size:16px;
    font-weight:bold;
    width:180px;
    border: 1px solid #CCCCCC;    
    padding: 8px;
    cursor:pointer;
    margin-right: 10px;
    background-color:#999999;
    color: #FFFFFF;   
} 



.buttonExtended 
{ 
    font-size:120%;
    font-weight:bold;
    width:250px;
    border: 1px solid #CCCCCC;    
    padding: 0.25em;
    background-color:#555555;
    color: #FFFFFF;  
}
.homepage_infoinput {
    width: 600px;
}
#lastName, #referenceNumber,#emailAddress, #confirmEmailAddress, #airline, #finalDestAirport
{
    width:600px; 
    font-size: 20px;
    height: 30px;
    background-color:#EBEBEB;   
    border: 1px solid #CCCCCC;    
    padding: 0.45em;    
}

#holdTime, #holdDate {
    width: 80%;
    height: 40px;
    font-size: 30px;
}

.dropDown  
{
    width:200px; 
    background-color:#EBEBEB;
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #CCCCCC;    
    padding: 0.25em;    
}
div.errorContainer { color:Red; text-align:center; }

div.alertContainer { color:Red; text-align:center;padding-right:40px;}

#main { 
padding-top: 25px;
min-height: 700px;
background-image: url("../images/planebg.png");
background-size: 100% 100%;
padding-bottom: 5%;
}


#main > div {
    background-color: white;
    width: 90%;
    /*width: 50%;*/    
    /*Tuyen*/
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-top:1%;
     /*Tuyen*/
    /*height:500px;
    padding-left:5%;
    padding-right:1%;*/
}
    #main > div > div {
        background-color: white;
         border-radius: 10px;        
    }

    .contentUC{
    background-color: white;
    /*width: 90%;*/
    width: 50% !important;    
    /*Tuyen*/
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-top:1%;
     /*Tuyen*/
    height:500px;
    padding-left:5%;
    padding-right:1%;
}
.hasPlaceholder {
	color: #777;
}


#content { width:1000px;}

.optionsUl
{
    text-align:left;
    width:100%;
    list-style-type:none;
    list-style-image:none;
}

.customerinfo
{
    width: 50%; 
    float: left; 
    padding: 8px 12px 8px 12px;  
    margin-top:10px;
   
}
.driver-info{ width:350px;}

.bdoinfo
{
    width: 43%;
    float: right; 
    padding: 8px 12px 23px 12px;  
    margin-top:10px;
}


.options, #instructions, #TOC
{
    background-color:white;
    padding-bottom: 20px;
    padding-left: 1%;
    padding-right:1%;
     -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.shadowBottom 
{
  -webkit-box-shadow: 0px 10px 12px rgba(200, 200, 200, 0.82);
-moz-box-shadow:    0px 10px 12px rgba(200, 200, 200, 0.82);
box-shadow:         0px 10px 12px rgba(200, 200, 200, 0.82);
}

.blackShadowBottom {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .5);

}

.shadowTop 
{
 -webkit-box-shadow: 0px 10px 12px rgba(200, 200, 200, 0.82);
-moz-box-shadow:    0px 10px 12px rgba(200, 200, 200, 0.82);
box-shadow:         0px 10px 12px rgba(200, 200, 200, 0.82);
/*[Tuyen Truong: 09/25/2017] : # 20302 - WMS Site - Chrome not loading home page in full*/
/*height: 100%;*/
}


.statustext_green {
    color: #138f09;
}

#homepage_tagline {
background-color:transparent !important;
color: white;
font-size: 150%;
font-weight:bold;
margin-bottom: 20px;
width: 80% !important;
}

#homepage_partners {
width: 80%;
padding-bottom: 40px;
margin-top: 20px;
}

    #homepage_partners > tbody > tr > td {
        border: thin solid white;
    }
    #homepage_partners > tbody > tr > td:hover {
        border: thin solid #3B72B3;
         -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    #homepage_partners > tbody > tr > td > a {
        text-decoration:none;
    }
    #homepage_partners > tbody > tr > td > a > img {
        margin: 0 auto;
        display:block;
        width: 200px;
        padding-top: 20px;
        padding-bottom:20px;
        border:none;
    }


#faq_maincontent {
padding-left: 3%;
}

#contactus_maincontent {
    padding-bottom: 20px;
    word-wrap: break-word;
}

/**on 7/19/2016 adede by jaskran as per ticket Ticket: 14698 - Fix Style on /Vendor/Main */ 
#vendor_maincontent {
    padding-bottom: 20px;
    word-wrap: break-word;
}


/*Add a thin horizontal rule below titles*/
.bdoinfo > h1, .customerinfo > h1 {
    border-bottom: thin solid rgb(204, 204, 204);
    padding-bottom: 8px;
    margin-bottom:20px;
}




/*This is only visibile on mobile*/
#homepage_partners_mobile {
    display: none;
}



/*=======================================MOBILE CSS=============================================================================*/
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
    p {
        font-size: 1em;
    }
    a {
        font-size: 1em;
    }
    h1 {
        font-size: 2em;
    }
    h3 {
        font-size: 1.5em;
    }
    #header {
        min-width: 200px;
        width: 100%;
        height: 100% !important;
    }

    #main {
        background-color: #3C72B3;
        background-image: none;
        min-height:100%;
    }
    #content {
        padding-bottom: 20%;
    }


    #topmenu ul {
        margin: 0px;
       
    }
    #topmenu2 {
        padding-top: 0px;
        padding-bottom: 35px;
        min-height: 100px;
    }
    #topmenu2 a {
        text-align:center;
        display: block;
         padding: 20px 0 20px 0;
        font-size: 1em;
    }
    #topmenu2 li {
        display:inherit;
        width: 30%;
        float:left;
    }

    #topmenu2 > h1 {
        width: 100%;
        float:none !important;
        clear:both;
        font-size: 1.4em;
    }

    .button, .disabledButton {
        width: 100%;
        margin-bottom:15%;
        font-size: 24px;

    }


    /*======================HOME PAGE====================================*/
    #homepage_tagline {
        width: 100%;
        font-size:1em;
    }

    #homepage_partners {
        display: none;
    }

    #homepage_partners_mobile {
        display: inline-block;
    }

    #homepage_partners_mobile > a > img {
        width: 90%;
        margin: 10% 5%;
    }
    #infoUnderImage {
        width: 80%;
        font-size: 1.2em;
    }
    .homepage_infoinput {
        width: 80%;
    }
    .homepage_infoinput > input, #lastName, #referenceNumber {
        width: 80% !important;
        height: 30px !important;
        font-size: 20px !important;
    }
    #homepage_submitdiv {
        width: 75% !important;
        margin-left: 12.5%;
        height: 54px;
    }
        #homepage_submitdiv > input {
            height: 100%;
            font-size: 24px
        }

    /*===================BDO DETAILS==================================*/

    .options, #instructions, #TOC {
        padding-left: 3%;
        padding-right: 3%;    
    }

    .customerinfo, .bdoinfo {
        float: none;
        clear:both;
        margin-top: 20px;
        width: 90%;
    }
    #updateCustomerInfo {
        margin-bottom: 20px;
    }

    form .info > *, form .info > * > * {
        font-size: 1em;
        line-height: 20px
    }
    #instructions, #TOC {
        float: none;
        clear: both;
        width: 90%;
    }
    #driverInformation .label, #driverInformation .data {
        width: 100%;
        float: none;
    }

    input[name="holdBags"], input[name="waiveSignature"] {
        width: 100%;
    }

    #bdodetails_smalllabel {
        margin-top: 100px !important;
    }

    /*=========WAIVE SIGNATURE===========*/
    #instructions .label, #instructions .data {
        width: 100%;
        float: none;
    }
    label[for="agree"]{
        font-size: 16px;
    }
    #agree {
        height:20px;
        width: 20px;
    }

    #deliveryMethod, #specialHandling {
        height: 40px;
        font-size: 15px;
        width: 85%;
    }
    #waiveSignatureForm > #TOC {
        font-size: 1em;
    }

    /*=============HOLD DELIVERY=========*/
    #customerInformationContainer, #customerInformationContainer label,  #instructions > li, label[for="agree2"]{
        font-size: 14px;
        word-wrap: break-word;
    }

        #customerInformationContainer h1 {
            font-size: 1.1em;
        }

    #holdBagsForm > #TOC {
        font-size: 1em;
    }

    #holdTime, #holdDate {
        height: 50px;
        font-size: 20px;
    }

    #agree2 {
        height: 20px;
        width: 20px;
    }


    /*=============EDIT INFO POPUP=============*/
    div[aria-labelledby="ui-dialog-title-editCustomerInfo"] {
        width: 90% !important;
        left: 5% !important;
    }

    .ui-widget input {
        width: 100% !important;
    }
    /*===============OTHER PAGES===============*/
    #faq_maincontent {
        width: 90% !important;
        word-wrap: break-word;
    }
    #faq_maincontent > h3, #faq_maincontent > p {
        padding-left:3%;
        padding-right:3%;
    }

}/*end media query*/