/*MAIN APP LOGIN*/

body {
    font-family:Arial, Helvetica, sans-serif;
}

    .loginHeader {
        display:block;
        position:relative;
        margin:0 auto;
        padding:0;
        width:100%;
        max-width:750px;
        min-width:180px; 
        font-size:12px;
    }

    .clientLogo {
        border:0;
    }

    .bigClientLogo {
        width:100%;
    }


     .loginMainContainer {
        position:relative;
        max-width: 900px;
        margin: 0 auto;
    }
    
    .loginMainWrapper {
        float:left;
        padding:30px 4%;
        width:92%;
    }

     .mainAppLogin {
        position:relative;
        float:left;
        width:100%;
    }

    .mainAppLogin, .mainAppLogin * {
        white-space:normal !important;
    }
   
    .loginMainContainer .h2Title {
        padding: 5px 0 10px 0 !important;
        margin: 0px !important;
        font-weight:bold;
        color:#666;
        }

    .leftBox {

        float:left;
        
         max-width: 290px;
    }
     .loginBox {
        position:relative;
        
        padding:6%;
        margin:0 auto;
         /*width:88%;*/
       
        font-size:12px;
        border:1px solid #CCC;
        transition: all 0.5s ease;
        -webkit-transition:  all 0.5s ease;
        -moz-transition:  all 0.5s ease;
        -o-transition:  all 0.5s ease;
        transition:  all 0.5s ease;
    }
     
    .loginBox:hover {
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    }

    .loginBox fieldset {
        margin:0;
        padding:0;
        border:0;
        }

    .loginBox input {
        display:block !important;
        padding:5px 4.8% !important;
        width:90% !important;
        margin:0 !important;
        font-size:16px !important;
        line-height:16px !important;
    }

    .loginBox input.btnLogon, .loginBox input.btnLogon:link, .loginBox input.btnLogon:visited {
        width:100% !important;
        padding:8px 0 !important;
        margin:13px 0 2px 0 !important;
        background:#1f3b6f !important;
        border:1px solid #182b50;
        color:#FFF !important;
        font-size:14px !important;
    }

    .loginBox input.btnLogon:hover, .loginBox input.btnLogon:active, .loginBox input.btnLogon:focus{
        background:#182b50 !important;
        color:#FFF !important;
    }

    .loginBox label {
        display:block;
        font-size:14px;
        font-weight:normal;
        padding:0 0 3px 0;
        margin-top:5px;
        color:#666;
    }

    .divloginText p{
        font-size:12px !important;
        line-height:18px;
        margin:0;
        padding:0;
    }

    .divloginText p:first-child img:first-child{
        margin:0 0 20px 0;
    }
    
    .divloginText p img{
        display:block;
        clear:both;
        margin:20px 0;
    }

    .loginNewsBox img {
        width:100%;
    }

    .loginBox p{
        float:left;
        width:100%;
        margin:0;
        padding:0;
        color:#666;
    }

.loginBox a {
    color:#1F3B6F;
}

    .loginBox a:hover {
        text-decoration: underline;
    }

    .loginAssistance {
        text-decoration:none;
        cursor:pointer;
        font-size:12px !important;
    }

    .loginAssistance:hover, .loginAssistance:active {
         text-decoration:underline;
         color:#1e3a6f;
        }

    .newLoginPage {
        float: left;
        margin: 30px 0 0 0;
    }
    
    .divHelp {
        float:left;
        margin: 0;
    }

    .divHelp .loginAssistanceTxt {
        display:none;
        position:absolute;
        top:15px;
        left:120px;
        padding:10px 16px;
        background:#FFF;
        border:1px solid #ccc;
        font-size:11px !important;
        color:#666;
        line-height:14px;
        width:auto;
        min-width:100px;
        z-index:99999999999999999999;
    }

    

    .loginNewsBox p {
        line-height:130% !important;
    }

.systemVer {
    padding: 20px 41px;
    font-size: 12px;
    color: #e31c3d;
}
    .systemReq {
        /*float:left;
        position:relative;
        font-size:11px !important;*/
        letter-spacing:normal;
        padding: 25px 0 !important;
    }

    .loginNewsBox .h2Title {
        padding-bottom:16px !important;
    }

    .footerMainLogin {
        position:relative;
        float:left;
        width:92%;
        padding:13px 4% 10px 4%;
        margin:6% 0 0 0;
        border-top:1px solid #CCC;
    }

    

    .mainAppLogin footer p{
        display:inline;
        margin:0;
        padding:0;
        color:#666;
    }
  

    /*RESET PASSWORD OR USERID*/

    
    .ResetPassWrapper {
        position:relative;
        margin:0 auto;
        width:600px;
        font-family:Arial, Helvetica, sans-serif !important;
    }

    .divChgUserNameOrPassword {
        position:relative;
        float:left;
        width:600px;
        margin:30px auto 30px auto;
        padding:0 0 50px 0;
        font-size:12px;
        border:1px solid #CCC;
        transition: all 0.5s ease;
        -webkit-transition:  all 0.5s ease;
        -moz-transition:  all 0.5s ease;
        -o-transition:  all 0.5s ease;
        transition:  all 0.5s ease;
    }
     
    .divChgUserNameOrPassword:hover {
        -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    }

    .tabResetPass {
        float:left;
        width:44%;
        padding:3%;
        text-align:center;
        font-size:14px !important;
        font-weight:bold;
        cursor:pointer !important;
        color:#666;
        background:#e6e6e6;
    }

    .tabResetPass h2 {
        text-align:center;
        font-size:14px !important;
        font-weight:bold;
        cursor:pointer !important;
        color:#666;
        margin:0;
        padding:0;
        font-family:Arila, Helvetic, sans-serif;
    }
    
    .tabResetPass:hover {
        background:#f5f5f5;
        cursor:pointer !important;
    }


    .tabResetPass.active, .tabResetPass.active:hover  {
        background:#FFF;
    }

    .FormContainer{
        float:left;
        margin:0;
        padding:45px 0 0 30px !important;
        background:none !important;
    }

    #divChgPwd{
        float:left;
        position:relative;
        margin:0;
        width:auto !important;
        padding:15px 0 0 65px  !important;
    }

    .ResetPassWrapper .TabDescription {
        font-size:12px;
        text-align:left;
        color:#696969;
        float:left;
        margin:0;
        padding:50px 0 0 128px;
    }

    .ResetPassWrapper .FormContainer input{
        padding:8px 13px !important;
        font-size:14px !important;
        line-height:14px;
        letter-spacing:normal;
    }

    .ResetPassWrapper .FormContainer span{
        font-size:14px !important;
        padding-top:5px;
    }

    .ResetPassWrapper .FormContainer input[type="text"], .ResetPassWrapper .FormContainer input[type="date"], 
    .ResetPassWrapper .FormContainer input[type="password"]{
        width:250px;
        margin:0 5px 0 10px
    }

    #lblPwdUser {
        float:left;
        padding:10px 0 0 0 !important;
        width:55px !important;
        text-align:left;
    }

    .ResetPwdUserError{
    }

    .MsgPwdUserBox {
        float:left;
        position:relative;
        width:300px;
        margin:20px 0 0 140px;
    }

    .MsgPwdUserBox * {
        line-height:18px;
        font-size:12px;
        color:#333;
        margin:0;
        padding:0;
    }

    .btnResetPassword {
        margin:20px 135px 0 0 !important; 
    }

     .footerMainLogin .logo_costar {
        position:relative;
        display:block;
        width:80%;
        margin:0 auto;
        max-width:702px;
        max-height:88px;
        }

  
  .loginNewsBox {
        
        width:88%;
        padding:6%;
        overflow: hidden;
        font-size:12px;
        line-height:normal;
        /*color:#333 !important;*/
    }

    .clientLogo.smallClientLogo {
        float:none;
        display:block;
        position:relative;
        margin:0 auto;
    }


    /*END LOGIN STYLES*/


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 480px){
/* ====================
    MOBILE
   ==================== */

  

}

@media only screen and (min-width: 650px) {

/* ====================
    WIDE
   ==================== */
    
    .loginMainWrapper {
        float:none;
        padding: 30px 0;
        width: 100%;
        max-width: 750px;
        position: relative;
        margin: 0 auto;
    }

    
     .footerMainLogin .logo_costar {
        width:350px;
        }

      .loginBox {
        margin:0;
        max-width:210px;
        padding:20px 40px;
    }
      
    .loginNewsBox {
        padding:20px 0 0 40px;
        width:auto;
    }

    


    .smallClientLogo {
        width:auto !important;
    }


}

@media screen and (max-width: 1140px){

/* ===============
    Maximal Width
   =============== */


    
}

/*END MAIN APP LOGIN*/