﻿/* GCLE Login CSS*/

/*LogIn page*/
#loginDiv #mainFormHeaderTXTCenter {display:none;}
#LoginErrorDiv {height:20px; width: 280px; background-color:#FFEBE8; border: 1px solid #DD3C10; font-size: 12px; margin-bottom:20px; margin-top:20px; display:none; padding:10px; font-weight:bold; line-height:20px;}
#Loader {float:right; margin-top:26px; margin-right:20px; display:none;}



/* Login Content */

#MainDiv {width: 100%; height: 100%; background: #fff;}
#ContentDiv {width: 1160px; height: auto; margin: 0; padding: 77px 0 30px 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #7b7b7b;}
.header {margin-bottom: 52px; font-size: 24px; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; text-transform: uppercase; color: #1f3a5f; letter-spacing: 4px;}
#formWrapper {width: 440px; height: auto; padding: 61px 50px 48px 50px; background: #f5f5f5; margin-bottom: 38px;}
input[type="text"], input[type="email"], input[type="password"] {width: 100%; height: 32px; border: 1px solid #b7b7b7; background: #fff; padding: 5px; padding-left: 10px; outline: none; font-size: 16px;}  
#userName {margin-bottom: 20px;}
#password {margin-bottom: 30px;}
#RememberMeBox {display: inline-block; width: 100%; height: 14px; line-height: 14px; font-size: 14px; margin-bottom: 40px;}
#RememberMe {float: left; margin-right: 10px;}
#rememberLabel {font-size: 14px;}
#linksBox {float: right;}
#submitBTN {width: 117px; height: 32px; background: #ba252f; color: #fff; font-size: 16px; border: 0; outline: none; cursor: pointer; margin-bottom: 15px;}
#forgotLink {text-decoration: underline; cursor: pointer;}
#loginParagraph {width: 440px; height: auto; font-size: 14px;}
#loginHeader, #loginParagraph{padding-left:20px;}
/* Forgot Form Content */

#ForgotForm, #ForgotForm2 {display: none;}
#forgotForm1Wrapper {width: 440px; height: auto; padding: 61px 50px 48px 50px; background: #f5f5f5; margin-bottom: 38px; font-size: 14px;}
#VerificationEmail {margin-bottom: 30px;}
#Forgot {margin-bottom: 20px; font-size: 14px;}
#submitBTNForgot {width: 117px; height: 32px; background: #ba252f; color: #fff; font-size: 16px; border: 0; outline: none; cursor: pointer; float: right;}
#ProductsLoginDiv{overflow:hidden; padding-left:20px;float:left;}
 
 #GCLogin{float:left; background: #09f;width:270px; height:175px;border-radius:2px; margin-right:30px; padding-top:28px;margin-bottom:20px;}
 
 #USALogin{float:left; background: #09f;width:270px; height:175px;border-radius:2px;padding-top:28px;}
 
 #GCLoginText, #USALoginText{font-family:Arial; color:White; font-size:22px; font-weight:400;text-align:center;}
 
 #GCLoginButton, #USALoginButton{width:153px;height:41px;background:white;box-shadow:0 3px #006eb7;font-family:Arial; font-size:20px;font-weight:400; color:#09f;text-align:center;margin:auto; margin-top:20px;line-height:41px;cursor:pointer;}
 
 #UsafisLogInForm{float:left;}


@media (max-width:1199px) {
    
    #ContentDiv {width: 940px; padding: 48px 0 55px 0;}
    #formWrapper, #forgotForm1Wrapper {margin-bottom: 39px;}
}

@media (max-width:991px) {
    
    #ContentDiv {width: 720px; padding: 49px 0 55px 0; margin: 0;}
    #formWrapper, #forgotForm1Wrapper {margin-bottom: 40px;}
        
}

@media (max-width:779px) {
    
    #ContentDiv {width: 320px; padding: 28px 15px 49px 15px;}
    #formWrapper {width: 290px; padding: 61px 10px 45px 10px; margin-bottom: 36px;}
    #loginParagraph {width: 290px;}
    #password {margin-bottom: 25px;}
    
    #forgotForm1Wrapper {width: 290px; padding: 61px 10px 45px 10px; margin-bottom: 36px;}
    
    #password-error {margin-top: -15px; padding-left: 2px;}
}
