* {
    margin  : 0;
    padding : 0;
}

body {
    font        : 10pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    line-height : 1em;
}

html, body, #bg, #bg table, #bg td, #cont {
    height   : 100%;
    width    : 100%;
    overflow : hidden;
}

input:focus label, input:active label {
    text-decoration : underline;
}

input[type=text], input[type=password] {
    padding : 8px !important;
}

.clear {
    clear : both;
}

.message {
    display     : block;
    float       : none;
    font-weight : normal;
    margin      : 2em 0 2em 80px;
}

#bg div {
    height   : 200%;
    left     : -50%;
    position : absolute;
    top      : -50%;
    width    : 200%;
}

#bg td {
    text-align     : center;
    vertical-align : middle;
}

#bg img {
    margin     : 0 auto;
    min-height : 50%;
    min-width  : 50%;
}

#lang-switcher {
    position         : absolute;
    top              : 0;
    left             : 0;
    text-align       : right;
    right            : 0;
    background-color : #848d9b;
    padding          : 0 2em 0 0;
}

#lang-switcher a {
    display         : inline-block;
    position        : relative;
    margin          : 0 1em 0 0;
    padding         : 0.5em 1em;
    text-transform  : uppercase;
    text-decoration : none;
    font-weight     : normal;
    color           : #fff;
}

#lang-switcher a.active {
    font-weight      : bold;
    color            : #1d2f3c;
    pointer-events   : none;
    background-color : #c7cbcf;
}

#loginform {
    display          : none;
    width            : 600px;
    height           : 350px;
    padding          : 0;
    position         : absolute;
    left             : 50%;
    top              : 50%;
    margin           : -300px auto 0 -300px;
    background-color : #dfe3e7;
    overflow         : visible;
    box-shadow       : 0 1px 1px rgba(0, 0, 0, .2);
}

#loginform form {
    padding : 0 32px 2em 160px;
}

#loginform form p {
    display       : block;
    float         : none;
    margin-bottom : .5em;
}

.show {
    display : inline;
}

.formcont {
    margin   : 0;
    position : relative;
    overflow : visible;
}

.formfooter {
    background : url(/img/footer.png) no-repeat center top;
    margin     : 0;
    padding    : 0;
    height     : 13px;
}

label {
    display       : inline-block;
    text-align    : right;
    padding-right : 1em;
    width         : 80px;
}

#signin_menu p {
    margin  : 10px 0 10px;
    *margin : 5px 0 5px;
    clear   : both;
}

#signin_menu a {
    color : #6AC;
}

h2 {
    background-color : #C52436;
    font-size        : 24px;
    line-height      : 64px;
    color            : #fff1e8;
    font-weight      : normal;
    height           : 64px;
    padding          : 0 0 0 1em;
    position         : relative;
    margin           : 0;
}

.user_form h2 {
    color         : #5c616e;
    display       : block;
    float         : none;
    background    : #cfd3d7 url(/img/user_login.png) no-repeat 8px center;
    border-bottom : 2px solid #7f8796;
}

#signin_error {
    padding          : 4px 8px;
    background-color : maroon;
    color            : #fff;
}

#user_copy {
    position   : absolute;
    bottom     : -20px;
    left       : 0;
    right      : 0;
    text-align : center;
    color      : #7f8796;
    font-size  : 8pt;
}

#old_logo {
    position         : fixed;
    right            : 16px;
    bottom           : 80px;
    background-image : url(/img/old_logo_hdr.png?v=2);
    width            : 200px;
    height           : 101px;
}

#form_end {
    padding-bottom : 2.5em;
    margin-bottom  : 1.3em;
    margin-left    : -160px;
    margin-right   : -32px;
    border-bottom  : 1px solid #a8abaf;
}

#remember_for_month {
    display        : block;
    float          : left;
    text-align     : left;
    margin         : 0 0 0 -84px;
    line-height    : 32px;
    vertical-align : middle;
}

#submit {
    float      : right;
    text-align : right;
}

#remember_for_month label {
    width      : 200px;
    text-align : left;
}