﻿body
{
    background: url("/Images/LoginBG.jpg") repeat scroll left top transparent;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    line-height: 22px;
    min-height: 100%;
    position: relative;
    color: #333;
    font-size: .8em;
}

.loginBlock
{
    background-color: #ffffff;
    border: 10px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100px;
}

.field-validation-error
{
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

td
{
    padding: 5px;
}

input, textarea
{
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    padding: 5px;
}


    input[type="submit"]
    {
        cursor: pointer;
        width: 100px;
    }

        input[type="submit"]:hover
        {
            background-color: #E6F2FA;
            border-color: #92C0E0;
            color: #444444;
        }

    input[type="checkbox"]
    {        
        border: 0 none;        
    }

    input:focus, textarea:focus
    {
        border: 1px solid #7ac0da;
    }


#divLoginLeft
{
    float: left;
    padding: 30px 20px 10px 10px;
}

#divLoginRight
{
    float: right;
    padding: 10px;
    border-left: 1px solid #ccc;
}

.ui-icon-log-in {
    background: url(../Images/unlock-icons-grey-8px.png) no-repeat 5px 5px;
}
