﻿@CHARSET "UTF-8";

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background: url("../images/login-bg2.jpg");
}

.login-form {
    margin: 0 auto;
    margin-top: 200px;
    margin-bottom: 200px;
    max-width: 460px;
}

    .login-form > section {
        background: rgba(255, 255, 255, .8);
        padding: 35px 35px 25px 35px;
        border-radius: 5px;
    }

    .login-form a {
        color: #054185;
    }

    .login-form img.logo {
        display: block;
        margin: 0 auto;
        margin-bottom: 35px;
    }

form[role=login] {
    font: 13px/2.2em Lato, serif;
    color: #999;
}

    form[role=login] input,
    form[role=login] > button {
        font-size: 16px;
    }

    form[role=login] input {
        color: #777;
        background: #fbfbfb;
        border: 1px solid #c1c1c1;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 1px 1px rgba(150, 150, 150, .1);
        -moz-box-shadow: inset 0 0 1px 1px rgba(150, 150, 150, .1);
        box-shadow: inset 0 0 1px 1px rgba(150, 150, 150, .1);
    }

    form[role=login] > div {
        margin: 25px 0;
    }

        form[role=login] > div button {
            font-weight: bold;
            font-size: 16px;
            line-height: 1.25em !important;
            border: 1px solid #c1c1c1;
            background: #efefef; /* Old browsers */
            background: -moz-linear-gradient(top, #efefef 0%, #d1d1d1 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #efefef 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #efefef 0%,#d1d1d1 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #efefef 0%,#d1d1d1 100%); /* IE10+ */
            background: linear-gradient(to bottom, #efefef 0%,#d1d1d1 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
        }

    form[role=login] > button {
        padding: 5px 40px;
        margin-top: 15px;
        margin-bottom: 15px;
        background: #054185;
    }

.validation-summary-errors ul {
    text-align: left;
    margin: 0;
    padding: 0 10px;    
}
