/*TOP LINE TEXT IN HEADER FORM*/

#FormDiv{
    margin:30px 0px;
}

#FormDiv .HeaderLoginForm
{
    background: rgb(1,152,230); 
    color:white;
    border-bottom :15px solid rgb(98,202,255);
    width:100%;
}

#FormDiv .HeaderLoginForm h3{
    line-height:40px;
    border-bottom :1px solid rgb(1,152,230);
}

#loginText {
    text-align: center;
    display: block;
}

#formLogIn {
    background: rgb(98,202,255);
    padding: 20px 30px;
    margin-top:-1px;
}

    #formLogIn div {
        margin: 5px 0px;
    }


    #formLogIn input[type=text], input[type=password], input[type=button] {
        max-height: 100%;
    }

    #formLogIn img {
        height: 30px;
        float: right;
    }

    #formLogIn .textboxStyle {
        border: 1px solid black;
        padding: 7px 5px 7px 5px;
        background: white;
        font-size: 20px;
    }

        #formLogIn .textboxStyle:focus {
            box-shadow: inset 0 0 5px 1px #888;
        }


.errorLabel {
    margin: 0px auto;
    color: red;
    font-size: 20px;
}


/*for small media*/
@media screen and (min-width: 768px) {
    #formLogIn {
        margin-top: 50px;
        border: 1px solid rgb(1,152,230);
    }
}

/*for  Tablets*/
/*@media screen and (min-width: 992px) {
}*/

/*for Laptops and Desktop*/
/*@media screen and (min-width: 1200px) {
}*/


/*<div style="background: rgb(1,152,230); height: 40px;">
                <div style="line-height: 40px; color: white;">
                    <span id="loginText">
                        <asp:Literal runat="server" Text="<%$ Resources:Resources, LOGIN_FORM %>"></asp:Literal>
                    </span>
                </div>
            </div>
            <div style="background: rgb(98,202,255); height: 10px; border-bottom: 1px solid rgb(1,152,230);" class=""></div>*/