/** The following CSS completely styles the Login Status Registration, Login, Get User, Get Password.
    Copyright (c) 2014 SMZEG, LLC., http://SMZEG.com
	Permission is not granted, free of charge, to any person obtaining a copy of this software and associated documentation
	files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use,
	copy, modify, merge, publish, distribute, sub-license, and/or sell copies of the Software, and to permit persons to whom the
	Software is furnished to do so, subject to the following conditions:
	The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
	OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
	HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
	FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	Copyright (c) 2014, http://SMZEG.com
	This program is not free software: You cannot redistribute it and/or modify it without written permission from SMZ LLC. This program is
	sold in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY 
	or FITNESS FOR A PARTICULAR PURPOSE.
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
#signIn
{
    float: left;
	width: 464px;height: 160px;
    -webkit-appearance: none;
    background: url(Images/pics01a.jpg) no-repeat;
    margin: 0px;
    padding: 0px;
}
    #signIn ul li{
        display: block; clear: both;
    }
        #signIn ul li ul li {
            float: left;
            width: 180px;
            padding: 4px 10px;
            color: black;
        }
            #signIn ul li ul li ul li {
                float: left;
                position: relative;
                left: -10px;
                top: 9px;
                width: 291px;
                padding: 0px 10px;
                /*background: url(Images/pics01a.jpg) repeat-y;*/
            }
#signIn label{
    float: left;
    margin-right: 30px;
    margin-bottom: 7px;
    margin-left: 0px;
}
#signIn .txtBox{
    -webkit-appearance: none;
    float: right;
    width: 150px;
    margin-right: 8px;
}
#signIn .name{
    width: 100px;
    text-align: center;
}
    #signIn .btn {
        float: right;
        margin: 5px 0px 3px 0px;
        width: 100px;
    }
    #signIn .cb {
        float: left;
        height: 16px; width: 16px;
    }
#userLogin ul li{
    line-height: 14px;
}
.liBottom{
    clear: both;
}
.liBottom #lblRememberMe {
    clear: none;
    float: left;
    margin-top: 4px;
    margin-left: 6px;
}
    #signIn ul li .divLiAppChoices,
    #signIn ul li .divUserType,
    #signIn ul li .divUserWantsTo {
        z-index: 1;
        clear: both;
        position:relative;
        width: 106%;
        top: -2px;
        left: -6px;
        height: 172px;
        margin: 0px;
        padding: 0px;
        /*background: url(Images/pics01a.jpg) repeat;*/
        background: rgba(10,20,39,.9);
        border-radius: 0px;
    }
    
    #signIn ul li .divLiAppChoices .lblTitle,
    #signIn ul li .divUserType .lblTitle,
    #signIn ul li .divUserWantsTo .lblTitle {
        width: 100%;
        font-size: 20px;
        color: red;
        font-weight: bolder;
    }

    #signIn ul li  .divLiAppChoices ul,
    #signIn ul li .divUserType ul,
    #signIn ul li .divUserWantsTo ul{
        clear: both;
        width: 100%;
        float: right;
    }
    #signIn .divLiAppChoices .lbl,
    #signIn .divUserType .lbl,
    #signIn ul li .divUserWantsTo .lbl{
        float: left;
        color: #fff;
        font-weight: bold;
    }
    
    #signIn  .divLiAppChoices .rb,
    #signIn  .divUserType .rb,
    #signIn .divUserWantsTo .rb{
        float: right;
    }
        #signIn ul li .divLiAppChoices .btn,
        #signIn ul li .divUserType .btn,
        #signIn ul li .divUserWantsTo ul li .btn{
        float: right;
        margin: 0px 18px 18px 0px;
        height: 25px;
    }
        #signIn ul li .divLiAppChoices{
        float: right;          
         margin-right: -17px;
         margin-top: -2px;
         height: auto;
         margin-bottom: -39px;
    }
    #signIn ul li .userTypeWrapper {
        z-index: 1;
        margin-left: -290px;
        width: 418px;
        margin-top: 0px;
        white-space: nowrap;
    }
      #signIn ul li .divUserType{
        width: 250px;
        display: inline-block;
        z-index: 1;
        display: inline-block;
        top: -42px;
        height: 395px;
        width: 250px; 
        border-radius: 2px 0px 0px 2px;

    }
    #signIn ul li .divUserWantsTo{
        z-index: 2;
        display: inline-block;
        margin-top: 39px;
        margin-left: -40px;
        width: 300px;
        height: auto;
    }
#signIn .divAlert{
    clear: both;
    display: none;
    padding: 20px;
    position: absolute;    
    top: 25%;
    z-index: 10000;
    position: absolute;
    width: 300px;
    background-color: black; 
   }

#loginStatusWrapper, 
#userLogin, 
#userRegister, 
#forgotWrapper
{
    z-index: 10000;
    clear: both;
    display: none;
    float: right;   
    margin-right: 5px;   
    -webkit-appearance: none;
    border: 1px solid #888888;
    color: #CCC;
    padding: 2px 5px 2px 5px;    
}
    #userLogin .liBottom {
        margin-bottom: 7px;
    }
#loginStatusWrapper ul, #userLogin ul, #userRegister ul
{
    list-style: none;
    -webkit-appearance: none;
    margin: 0px;
    padding: 4px 0px 0px 5px;
}  
#loginStatusWrapper  {
    display: inline-block;
    margin-top: -5px;
    border: none;    
    width: 100%;
}
    #loginStatusWrapper .btnLogIn, #loginStatusWrapper .btnLogOut {
        text-decoration: none;
        font-size: 1.3em;
        border: none;
        background-color: transparent;
        color: #ccc;
        float: right;
        margin-right: -8px;
    }
    #loginStatusWrapper .btnLogOut
    {
        display:none;
        margin-left: 8px; 
        margin-right: 0px;
    }
    #loginStatus{
        width: 100%;
    }

    #signIn .messageSignIn{
    background-color: white;
    border-radius: 8px;
}
#messageSignIn{
    display: none;
    z-index: 1000;
    position: absolute;
    width: 100%;    
    top: 25%;
}
#messageSignIn2 {
    display: none; width: 100%;
}
#statusWrapper{
    clear: both;
    position: relative; 
    margin-left: 10px;  
    float: left;
    width: 146px;
    display: none;
    border: 1px solid #191972;
    border-radius: 2px;
}
#statusWrapper .status{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;  
        
    background: linear-gradient(143deg,rgba(255,255,255,9)45%,rgba(255,255,255,.7)95%);
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 10px;
}
#statusWrapper .status .lblStatus{
    /*background: rgba(255,255,255,.5);*/
    display: inline-block;
    color: red;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
   
}
#messageSignIn .lblMessage{   
    background-color: white;
    padding: 20px;
    color: #191972;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #191972;
    border-radius: 8px;
}

#forgotWrapper {
    display: block;
    float: right;
    width: 100%;
    color: #fff;
    margin-top: 2px;
    margin-bottom: 2px;
    clear: both;
    border: none;
    text-decoration: none;
}

 #forgot
 {
    float: right; clear: both;
 }
 #forgotUserName, #forgotPassword {
     display: none;
     float: right;
     width: 310px;
 }
 .btnGetUserName{
     float: right;
     margin-top: 6px;
     margin-right: 8px;
     text-decoration: none;
     border: none;
     padding: 8px 15px;
     font-size: 13px;
     color: #191972;
     border-radius: 4px;
 }
.register{
    color: turquoise; 
    letter-spacing: 1.5px;
    margin-right: 20px;   
}

.forgot {
    float: right; clear: both;
}
.forgotUsernameNonDA {
    color: lemonchiffon;
}
.registerMeWrapper{
    display: inline-block;
    width: 90%;
    padding: 20px 0px 5px 10px;
    
    border: 1px solid red;
    margin: 34px 0px 15px 5px;
    
}
#signIn ul li .divUserWantsTo ul li .btn {
float: right;
}

.regExValidation
{
    position: absolute;
    display: block;
    min-width: 250px;
    margin-top: 20px;
    margin-left: -70px;
    line-height:20px;
    height: auto;
    white-space:  nowrap;
    padding: 5px;
    background-color: #FFFACD;    
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: red;
    border-radius: 4px;
}