body {
    background  : url('/resources/images/login/backgroundLightning.png') no-repeat top left #d5d5d5;
    font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
    font-size   : 11px;
    font-weight : normal;
    color       : #000000;
}

#loginDialog {
    display               : none;
    position              : absolute;
    display               : block;
    top                   : 50%;
    left                  : 50%;
    width                 : 530px;
    height                : 170px;
    margin                : -75px 0px 0px -285px;
    border                : 1px solid #d8d8d8;
    -moz-border-radius    : 0px 0px 2px 2px;
    -webkit-border-radius : 0px 0px 2px 2px;
    -moz-box-shadow       : 6px 7px 12px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow    : 6px 7px 12px rgba(0, 0, 0, 0.4);
    background-color      : #ffffff;

    padding-right         : 20px;
}

div.infoLabelPicker {
    display : none;
}

div.companyLogo {
    float                 : left;
    width                 : 205px;
    height                : 150px;
    background            : url('/resources/images/templates/logo-login.png') center center no-repeat transparent;
    background-size       : 200px 77px;
    background-position-x : 12px;
}

div.loginContent {
    float     : left;
    height    : 170px;
    min-width : 190px;
}

div.loginContent .error {
    position              : absolute;
    top                   : -32px;
    left                  : -11px;

    height                : 18px;
    width                 : 530px;

    border-style          : solid;
    border-width          : 1px;
    margin                : 0px 10px 10px 10px;
    padding               : 10px 10px 5px 10px;

    -moz-border-radius    : 3px 3px 3px 3px;
    -webkit-border-radius : 3px 3px 3px 3px;

    background-color      : #fdffc2;
    border-color          : #eaecad;

}

div.loginContent .form {
    position : absolute;
    top      : 19px;
    width    : 350px;
}

fieldset {
    border : 0px none;
}

div.notice, div.warning {
    display : none;
}

table.form_table {
    font-size     : 11px;
    border        : 0px solid #e9e6d5;
    width         : 100%;
    margin-bottom : 5px;
}

.form_table th, .form_table td {
    border-bottom : 1px solid #ffffff;
    font-weight   : normal;
    height        : 26px;
    padding       : 0 4px;
    text-align    : left;
}

.form_table th {
    color         : #696969;
    padding-right : 10px;
    text-align    : right;
    width         : 100px;
}

#send {
    margin-top : 3px;

}

input {
    margin-bottom : 2px;
    margin-top    : 2px;
    height        : 25px;
    font-size     : 11px;
    line-height   : 17px;
}

input[type=text], input[type=password], .text, .password, .textbox {
    width                 : 99.5%;
    background-image      : url('/resources/images/application/inputBg.gif');
    background-repeat     : repeat-x;
    -moz-border-radius    : 2px;
    -webkit-border-radius : 2px;
    padding               : 2px;
    border                : 1px solid #d2d2d2;
    border-color          : #d2d2d2 #bdbdbd #bdbdbd #d2d2d2;
}

input[type=button], input[type=submit], .button, .submit {
    cursor   : pointer;
    overflow : visible;
}

.button, .submit {
    -moz-border-radius    : 2px 2px 2px 2px;
    background            : url('/resources/images/form/button/buttonBackground.png') repeat-x scroll 0 0 #e1e1e1;
    border-color          : #d2d2d2 #bdbdbd #bdbdbd #d2d2d2;
    border-style          : solid;
    border-width          : 1px;
    cursor                : pointer;
    height                : 25px;
    line-height           : 22px;
    padding               : 0px 5px 0px 5px;
    margin                : 0px;
    -webkit-border-radius : 2px;
}

form {
    margin-bottom : 0px;
}

div.forgot-password {
    text-align   : right;
    margin-right : 15px;
    margin-left  : 190px;
    position     : relative;
    top          : -32px;
}

div.return-link {
    text-align   : right;
    margin-right : 15px;
    margin-left  : 190px;
}

div.forgot-password a,
div.return-link a,
p.contact a {
    text-decoration : none;
    color           : #999999;
}

div.forgot-password a:hover,
div.return-link a:hover,
p.contact a:hover {
    text-decoration : underline;
    color           : #0976a1;
}

p.contact {
    margin      : 0 20px;
    line-height : 15px;
    color       : #696969;
}

div.footer-version {
    position : absolute;
    bottom   : 10px;
    left     : 50%;
    color    : #aaaaaa;
}
