body
{
    direction: rtl;
    background: #fff url("../images/login-page-bg.png") repeat-x scroll;
    text-align: center;
}

.form {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    border-top: 5px solid #cbb43b;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    margin: 5px auto 0;
    padding: 40px;
    position: relative;
    width: 285px;
}

    .form input, .form select
    {
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        box-sizing: border-box;
        color: #000;
        display: block;
        font-family: "Roboto";
        font-size: 14px;
        margin: 0 0 20px;
        outline: medium none;
        padding: 10px 15px;
        transition: all 0.3s linear 0s;
        width: 100%;
    }

    .form h2
    {
        color: #4c9ccc;
        font-size: 18px;
        font-weight: 400;
        line-height: 1;
        margin: 0 0 20px;
        text-align: center;
        font-family: Tahoma;
    }

    .form input:focus, .form select:focus {
        border: 1px solid #cbb43b;
        color: #cbb43b;
    }

    .form .Login_Button {
        background: #cbb43b none repeat scroll 0 0;
        border: 0 none;
        border-radius: 3px;
        color: #ffffff;
        cursor: pointer;
        font-family: "Roboto";
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 15px;
        padding: 10px 15px;
        transition: all 0.3s linear 0s;
        width: 100%;
    }

        .form .Login_Button:hover {
            background: #97883e none repeat scroll 0 0;
        }

    .form footer
    {
        background: #f2f2f2 none repeat scroll 0 0;
        border-radius: 0 0 3px 3px;
        color: #666666;
        font-size: 12px;
        -margin: 0 0 -40px -40px;
        margin: 0 -40px -40px 0;
        padding: 15px 40px;
        text-align: center;
        width: 100%;
    }

        .form footer a
        {
            color: #333333;
            text-decoration: none;
        }

.copyright
{
    text-align: center;
    font-size: 11px;
    color: #000;
    margin-top: 10px;
    direction: ltr;
}

    .copyright a
    {
        color: #000;
        text-decoration: none;
    }

#lblMessage
{
    font-size: 12px;
    color: #D8000C;
    font-family: Tahoma;
    margin-bottom: 10px;
    display: inline-block;
}


input[type=checkbox]
{
    display: none;
}

    input[type=checkbox] + label
    {
        background-color: #fafafa;
        border: 1px solid #cacece;
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
        display: inline-block;
        padding: 9px;
        position: relative;
        float: right;
    }

        input[type=checkbox] + label:active, input[type=checkbox]:checked + label:active
        {
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
        }

    input[type=checkbox]:checked + label
    {
        background-color: #e9ecee;
        border: 1px solid #adb8c0;
        color: #99a1a7;
    }

        input[type=checkbox]:checked + label::after
        {
            color: #99a1a7;
            content: "✔";
            font-size: 14px;
            left: 3px;
            position: absolute;
            top: 0;
        }

.checkboxText
{
    color: #666666;
    font-size: 12px;
    float: right;
    padding-right: 5px;
}

.checkbox
{
    margin-bottom: 10px;
}