@font-face {
    font-family: Exo 2;
    src: local("Exo 2 Light"), local("Exo2-Light"), url(http://fonts.gstatic.com/s/exo2/v3/EQGCzOtu9l-EccvwYvrg0vesZW2xOQ-xsNqO47m55DA.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Exo 2;
    src: local("Exo 2"), local("Exo2-Regular"), url(http://fonts.gstatic.com/s/exo2/v3/4r5rSejI5vKJC_3VjN5dtw.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Exo 2;
    src: local("Exo 2 Medium"), local("Exo2-Medium"), url(http://fonts.gstatic.com/s/exo2/v3/HyHsVN-SiPSnDK_kSpoG2PesZW2xOQ-xsNqO47m55DA.woff) format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Exo 2;
    src: local("Exo 2 Semi Bold"), local("Exo2-SemiBold"), url(http://fonts.gstatic.com/s/exo2/v3/QU_X3ShCsxsx-QVcV8kQtPesZW2xOQ-xsNqO47m55DA.woff) format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: Exo 2;
    src: local("Exo 2 Bold"), local("Exo2-Bold"), url(http://fonts.gstatic.com/s/exo2/v3/IeZjMQ8PVV7l1YDJ3molmvesZW2xOQ-xsNqO47m55DA.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}

html, body, div, span, h1, form, label {
    font: inherit;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    vertical-align: baseline;
    font-size-adjust: inherit;
    font-stretch: inherit;
}

html, body, input {
    font-family: "Exo 2", sans-serif;
    font-size: 16px;
}

body {
    background: white;
}

#logo-big {
    margin: 50px auto 20px;
    width: 374px;
    height: 96px;
    display: block;
    background-image: url("logo_big.png");
}

h1 {
    margin: 50px;
    text-align: center;
    color: #959595;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 300;
}

a {
    color: #0068B3;
    text-decoration: none;
}

form {
    background: #F5F9FF;
    margin: auto;
    padding: 50px;
    border: 1px solid #E3E3E3;
    border-image: none;
    width: 280px;
    color: #959595;
}

.label {
    padding-bottom: 10px;
}

.form_field.submit, .password .label {
    padding-top: 30px;
}

.error {
    color: #FC8186;
}

input.submit {
    background: #509ED7;
    border-radius: 3px;
    border: currentColor;
    border-image: none;
    width: 100%;
    height: 50px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    line-height: 50px;
    font-size: 20px;
    font-weight: 700;
}

input.password {
    border-radius: 3px;
    border: 1px solid #E3E3E3;
    border-image: none;
    width: 100%;
    height: 50px;
    color: #959595;
    line-height: 50px;
    text-indent: 20px;
}

input.text {
    border-radius: 3px;
    border: 1px solid #E3E3E3;
    border-image: none;
    width: 100%;
    height: 50px;
    color: #959595;
    line-height: 50px;
    text-indent: 20px;
}

input.form_error {
    border: 1px solid #FC8186;
    border-image: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 75%;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    margin: 0 auto;
}

    table tr:nth-child(even) {
        background: #f6f6f6;
    }

    table th {
        text-transform: uppercase;
        font-weight: 700;
        text-align: left;
        border-bottom: 2px solid #000;
    }

    table td, th {
        padding: 5px 10px;
        vertical-align: middle;
    }

    table table {
        width: 100%;
        margin: 0;
    }