/* -----------------------------------------------------*/
/* Unique ID */
/* -----------------------------------------------------*/
#GrayBlockFitLeft{
    display:block; 
    width:53%; 
    height:30px;
    float:left;
}
#GrayBlockFitRight{
    display:block; 
    width:42%; 
    height:30px;
    float:right;
    margin-right:8px;
}
#GuestLoginSpacer{
    display: none;
    width:100%;
    height:1px;
}
/* -----------------------------------------------------*/
/* Login*/
/* -----------------------------------------------------*/

.LoginPanel{
    display:block;
    width:100%;
    height:100%;
}
.CustomBackground{
    background-size: cover;
    background-position:center;
    height:100vh;
    position:relative;
    z-index: 1;
    margin:0px;
    padding:0px;
    width: 100%;
}
.BKGImage1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    background-image: url(../../../images/online/backgrounds/bkgtheme1.jpg);
    height: 1000px;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
}
.BKGImage2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    background-image: url(../../../images/online/backgrounds/bkgtheme2.jpg);
    height: 1000px;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
}
.BKGImage3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    background-image: url(../../../images/online/backgrounds/bkgtheme3.jpg);
    height: 1000px;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
}
.BKGImage4 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    background-image: url(../../../images/online/backgrounds/bkgtheme4.jpg);
    height: 1000px;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
}
.BKGImage5 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    background-image: url(../../../images/online/backgrounds/bkgtheme5.jpg);
    height: 1000px;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
}
.BKGImage6 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    background-image: url(../../../images/online/backgrounds/bkgtheme6.jpg);
    height: 1000px;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
}
.BKGImage7 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    background-image: url(../../../images/online/backgrounds/bkgtheme7.jpg);
    height: 1000px;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
}
.BKGImage8 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    background-image: url(../../../images/online/backgrounds/bkgtheme8.jpg);
    height: 1000px;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
}
.LoginCheckClusterArea{
    display: inline-block;
    float:left;
    width:100%;
    height:30px;
    margin-right:0px;
    text-align: center;
}
.LoginInputCheckText{
    display: inline-block;
    float:left;
    margin-top:-3px;
    cursor:pointer;
}
.LoginControl{
    display: inline-block;
    height:500px;
    width:360px;
    z-index:99;
    background-color: transparent;
    position:absolute;
    margin: 0% auto;
    top:20%;
    left: 0;
    right: 0;
    overflow:auto;
}

.LoginControlTaller{
    display: inline-block;
    height:615px;
    width:360px;
    z-index:99;
    background-color: transparent;
    position:absolute;
    margin: 0% auto;
    top:20%;
    left: 0;
    right: 0;
    overflow:auto;
}
.LoginLogoSpace{
    display:block;
    height:138px;
    width:360px;
    padding:8px;
    background-color:#fff;
}

.LoginLogoSpaceTaller{
    display: block;
    height:240px;
    width:360px;
    padding:8px;
    background-color:#fff;
}
.LoginLogoImage{
    display:block;
    width: auto;
    max-width: 344px;
    height:auto;
    max-height: 122px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left:auto;
    margin-right:auto;
}


.LoginBlock{
    display: block;
    height:216px;
    width:360px;
    background-color:#fff;
    padding-top:8px;
}
.LoginBlockUpdatePwd{
    display: block;
    height:335px;
    width:360px;
    background-color:#fff;
    padding-top:8px;
}
.LoginBlockPwdChanged{
    display: block;
    height:100px;
    width:360px;
    background-color:#fff;
    padding-top:8px;
}
.LoginRowStyle{
    height:40px;
    margin-top:4px;
    margin-left:4px;
    margin-right:4px;
    margin-bottom:11px;  
}
.LoginInputStyle{
    display:inline-block;
    float:right;
    width:210px;
    height:30px;
    margin-right:8px;
    border: 1px solid #cdcdcd;
    border-radius: 0px;
}
.LoginButtonRowStyle{
   display: inline-block;
    height:52px;
    width:360px;
    padding-top:11px;
    padding-right:11px;
    padding-left:8px;
}
.NewAccountRowStyle{
   display: inline-block;
    float:left;
    height:32px;
    width:360px;
    background-color:#fff;
    padding-top:7px;
    padding-right:11px;
    padding-Left:11px;
    
}
.GuestBlock{
    display: block;
    height:52px;
    width:360px;
    background-color:#efefef;
    padding-top:11px;
    padding-right:11px;
}
.LoginQuickIcon{
    display:inline-block;
    float:left;
    color:#fff;
    font-size:28px;
    padding:0;
    margin-left:16px;
    margin-top: 8px;
}
#LoginTextSpacer{
    display:block;
    width:100%;
    height:50px;
    padding-left:18px;
}
/* -----------------------------------------------------*/
/*Variable Pop Up Controls */
/* -----------------------------------------------------*/
 .RegUserWindow {
        display: none;
        z-index:1002;
        overflow: auto;
        height:480px;
        width:450px;
        position:fixed;
        margin: 0% auto;
        top:190px;
        left: 0;
        right: 0;
        background-color: #fff;
    }  
.NewAcctWindow {
        display: none;
        z-index:1002;
        overflow: auto;
        height:740px;
        width:450px;
        position:fixed;
        margin: 0% auto;
        top:5%;
        left: 0;
        right: 0;
        background-color: #fff;
    }  

    .GuestWindow {
        display: none;
        z-index:1002;
        overflow: auto;
        height:660px;
        width:450px;
        position:fixed;
        margin: 0% auto;
        top:10%;
        left: 0;
        right: 0;
        background-color: #fff;
    }
    .ForgotPasswordWindow{
        display: none;
        z-index:1003;
        overflow: auto;
        height:220px;
        width:450px;
        background-color: #fff;
        position:fixed;
        margin: 0% auto;
        top:240px;
        left: 0;
        right: 0;
    }
    .NewAccountRegUser{
        display: none;
        z-index:1003;
        height:442px;
        width:450px;
        background-color: #fff;
        position:fixed;
        margin: 0% auto;
        top:10%;
        left: 0;
        right: 0;
        
}
.LoginInputArea{
    display:inline-block;
    height:40px;
    width:100%;
}
/* -----------------------------------------------------*/
/* MEDIA */
/* -----------------------------------------------------*/
@media screen and (max-width: 768px) {

    .LoginInputCheckText{
        font-size:16px;
        margin-top:-3px;
        
    }
    .LoginRowStyle{
        margin:0px;
        height:89px;
    }
    .LoginInputArea{
        height:90px;
        width:100%;
    }
    .LoginInputStyle{
        margin-right:2%;
        margin-left:2%;
        margin-top:4px;
        margin-bottom:4px;
        width:96%;
        height:45px;
    }
     #GuestLoginSpacer{
    display: inline-block;
        margin-bottom:40px;
    }
    .GuestBlock{
        height:66px;
    }
    .LoginQuickIcon{
        display:none;
    }
    .NewAccountRowStyle{
        padding-top:14px;
        height:80px;
        width:100%;
    }
    .BKGImage1{
        display: none;
    }
    .BKGImage2{
        display: none;
    }
    .BKGImage3{
        display: none;
    }
    .BKGImage4{
        display: none;
    }
    .BKGImage5{
        display: none;
    }
    .BKGImage6{
        display: none;
    }
    .BKGImage7{
        display: none;
    }
    .BKGImage8{
        display: none;
    }
    .LoginLogoSpace{
        width:100%;
        max-height:100px;
        margin-bottom:18px;

}
    .LoginLogoSpaceTaller{
        width:100%;
        max-height:100px;
        margin-bottom:18px;

}
        .LoginLogoImage{
       max-width:174px;
        max-height:82px;
    }

    .GuestBlock{
        width:100%;
    }
    .LoginButtonRowStyle{
        width:100%;
        padding-right:2%;
        padding-left:2%;
        height:65px;
    }
    .LoginBlock{
        width: 100%;
        height:333px;
    }
    .LoginBlockUpdatePwd{
        width: 100%;
        height:333px;
    }
    .LoginBlockPwdChanged{
        width: 100%;
        height:333px;
    }
    
     .LoginControl{
        position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    margin-top:0px;
    }
     .LoginControlTaller{
        position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    margin-top:0px;
    }
    .NewAccountRegUser{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    margin-top:0px; 
    }
    .ForgotPasswordWindow{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    margin-top:0px;
    }
    .GuestWindow{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    margin-top:0px;
    }
    .NewAcctWindow{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    margin-top:0px;
    }
     .RegUserWindow{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    margin-top:0px;
    }
}