html, body, form
{    
    width: 100%;
    height: 100%;    
    margin: 0;
    padding: 0;    
    font-family: Calibri,Tahoma,sans-serif;    
}


div {
    border: 0;
}

.placeholder {
    font-family: Calibri,Tahoma,sans-serif;
    color: #808080;    
}

#companyLogo {    
    width: 309px;
    height: 105px;
}

/* Login */
.loginBox {
    display: inline;
    float: left;
    width: 310px;
    color: #FFFFFF;
    background-color: #4A4849;
    border-radius: 10px;    
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.loginTitle {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    padding: 20px;
    background-color: #60A320;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#93D359), to(#60A320));
    background: -moz-linear-gradient(top, #93D359,#60A320);   
}

.loginTitleKPD {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    padding: 20px;
    background-color: #1E66C6;
    border-radius: 10px;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#93D359), to(#60A320));
    background: -moz-linear-gradient(top, #93D359,#60A320);*/
    background: -webkit-gradient(linear, left top, left bottom, from(#6395D8), to(#1E66C6));
    background: -moz-linear-gradient(top, #6395D8,#1E66C6);     
}

.loginTitleLFXMYG {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    padding: 20px;
    background-color: #A8000D;
    border-radius: 10px;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#93D359), to(#60A320));
    background: -moz-linear-gradient(top, #93D359,#60A320);*/
    background: -webkit-gradient(linear, left top, left bottom, from(#DD1010), to(#A8000D));
    background: -moz-linear-gradient(top, #DD1010,#A8000D);     
}

.loginTitleTNT {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    padding: 20px;
    background-color: #E7511C;
    border-radius: 10px;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#93D359), to(#60A320));
    background: -moz-linear-gradient(top, #93D359,#60A320);*/
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6600), to(#E7511C));
    background: -moz-linear-gradient(top, #FF6600,#E7511C);     
}

.loginTitleQATAR {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    padding: 20px;
    background-color: #660033;
    border-radius: 10px;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#93D359), to(#60A320));
    background: -moz-linear-gradient(top, #93D359,#60A320);*/
    background: -webkit-gradient(linear, left top, left bottom, from(#660033), to(#660033));
    background: -moz-linear-gradient(top, #660033,#660033);     
}

.loginInputDiv {
    display: inline;
    float: left;
    width: 280px;
    height: 30px;
    margin-left: 30px;
    padding: 0;        
}

.loginBox label {
    display: inline;
    float: left;
    padding-top: 5px;
}

.loginBox input[type=checkbox] {
    float: left;
    position: relative;
    top: 5px;    
}

.loginBox input[type=text], .loginBox input[type=password] {   
    display: inline; 
    float: left;
    width: 236px;
    height: 19px;    
    line-height: 19px;
    border: 1px solid #cccccc;      
    padding: 4px 6px;
    font-size: 16px;    
}

.loginBox td {
    border-collapse: collapse;
    border: 0;
}

.loginBtn {
    display: inline-block;    
    width: 270px; 
    margin: 10px;
    padding: 10px;
    background-color: #60A320;   
    font-size: 1.1em;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#93D359), to(#60A320));
    background: -moz-linear-gradient(top, #93D359,#60A320);    
}

.loginBtnKPD {
    display: inline-block;    
    width: 270px; 
    margin: 10px;
    padding: 10px;
    background-color: #1E66C6;   
    font-size: 1.1em;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#6395D8), to(#1E66C6));
    background: -moz-linear-gradient(top, #6395D8,#1E66C6);
}

.loginBtnLFXMYG {
    display: inline-block;    
    width: 270px; 
    margin: 10px;
    padding: 10px;
    background-color: #A8000D;   
    font-size: 1.1em;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#A8000D));
    background: -moz-linear-gradient(top, #FF0000,#A8000D);
}

.loginBtnTNT {
    display: inline-block;    
    width: 270px; 
    margin: 10px;
    padding: 10px;
    background-color: #E7511C;   
    font-size: 1.1em;
    color: #FFFFFF;
    cursor: pointer;    
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6600), to(#E7511C));
    background: -moz-linear-gradient(top, #FF6600,#E7511C);
}


.loginBtnQATAR {
    display: inline-block;    
    width: 270px; 
    margin: 10px;
    padding: 10px;
    background-color: #E7511C;   
    font-size: 1.1em;
    color: #FFFFFF;
    cursor: pointer;    
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#660033), to(#660033));
    background: -moz-linear-gradient(top, #660033,#660033);
}

.loginBtn:hover {    
    position: relative;
    background-color: #93D537;
    background: -webkit-gradient(linear, left top, left bottom, from(#93E859), to(#60A32B));
    background: -moz-linear-gradient(top, #93E859, #60A32B);
}

.loginBtnKPD:hover {
    position: relative;
    background-color: #1E66FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#63B2FF), to(#1560C4));
    background: -moz-linear-gradient(top, #63B2FF, #1560C4);
}

.loginBtnLFXMYG:hover {
    position: relative;
    background-color: #DD1010;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#A8000D));
    background: -moz-linear-gradient(top, #FF0000, #A8000D);
}

.loginBtnTNT:hover {
    position: relative;
    background-color: #E7511C;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6600), to(#E7511C));
    background: -moz-linear-gradient(top, #FF6600, #E7511C);
}

.field-validation-error {  
    text-align: left; 
    color: #FF0000;
}

.login-microsoft {
    background: url(/img/microsoft_logo.png) no-repeat left center;
    width: 270px;
    margin: 10px;
    padding: 10px;
    background-color: white;
    font-size: 1.1em;
    color: #42526E !important;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    font-weight: bold;
    background-position-x: 10px;
    display: none;
}