.login-page
{
    background: url('/Content/img/login-bg.jpg');
    font-family: "Helvetica Neue",Helvetica,Aria,sans-serif;
    height: 100%;
}

.login-page .logo {
    margin-left: 40px;
    padding-top: 40px;
}

.login-page .logo img {
    width: 435px;
}

.login-page .alert {
    width: 550px;
    margin-left: -275px;
    left: 50%;

    position: absolute;

    margin-top: 80px;
}

.login-form-container {
    margin: auto;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    width: 490px;
    height: 300px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
    -moz-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.85);
    -webkit-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.35);
    border-radius: 4px;
}

@media (max-height: 505px) {
    .login-page .logo {
        padding-top: 5px;
    }

    .login-form-container {
        position: static;
    }
}

.login-form {
    padding: 20px 50px;
}

    .login-form h1
    {
        margin-top: 10px;
        margin-bottom: 20px;
        font-weight: 200;
        font-size: 29px;
    }

    .login-form .input-group {
        margin: 20px 0;
    }

    .login-form .input-group .input-group-addon i {
        font-size: 18px;
    }

    .login-form .login-button
    {
        font-size: 18px;
        font-weight: 300;
        height: 35px;
        width: 130px;

        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #76b704;
        background-image: -moz-linear-gradient(top, #76b704, #619840);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#76b704), to(#619840));
        background-image: -webkit-linear-gradient(top, #76b704, #619840);
        background-image: -o-linear-gradient(top, #76b704, #619840);
        background-image: linear-gradient(to bottom, #76b704, #619840);
        background-repeat: repeat-x;
        border-color: #639a3c;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff76b704', endColorstr='#ff619840', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #ffffff;
    }

    .login-form .login-button:hover, .login-form .login-button:focus {
        background: #619840;
        background: -moz-linear-gradient(top, #619840 0%, #76b704 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#619840), color-stop(100%,#76b704));
        background: -webkit-linear-gradient(top, #619840 0%,#76b704 100%);
        background: -o-linear-gradient(top, #619840 0%,#76b704 100%);
        background: -ms-linear-gradient(top, #619840 0%,#76b704 100%);
        background: linear-gradient(to bottom, #619840 0%,#76b704 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff619840', endColorstr='#ff76b704',GradientType=0 );
        color: #ffffff;
    }

    .login-form .login-button i {
        margin-right: 15px;
    }

    .login-form .input-group-lg .input-group-addon {
        padding: 0 16px;
        height: 44px;
    }