/*******************************************************************************
* IMPERIA 9
* Login / Logout CSS
* Autor Marina Popova
*******************************************************************************/

/*******************************************************************************
* GLOBAL
*******************************************************************************/

body {
    background: #5a87a1 none;
    text-align: center;
    font-family: 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif;
    color: #444749;
    margin: 0;
    padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img,
blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}
a, ul, ol, li, img {
    border: 0;
    list-style: none;
}
a {text-decoration: none;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/*******************************************************************************
* Login Box
*******************************************************************************/
.logo {margin: 10px auto 15px auto;}
.imperia_login_all {
    width: 383px;
    margin: 15% auto 0 auto;

}
div.imperia_login_top {
    background: transparent url('/imperia/images/gui/login_top.png') no-repeat;
    height: 15px;
}
div.imperia_login_middle {
    background: transparent url('/imperia/images/gui/login_middle.png') repeat-y;
    padding: 0 7px;
}
div.imperia_login_bottom {
    background: transparent url('/imperia/images/gui/login_bottom.png') no-repeat;
    height: 11px;
}
div.login_form {
    background: #fff url('/imperia/images/gui/login_gradient.jpg') repeat-x;
    font-size: 14px;
    padding: 30px 2px 30px 2px;
}
.input_container {
      background: transparent url('/imperia/images/gui/login_input_left.gif') no-repeat top left;
      height: 23px;
      width: 180px;
      margin: 10px auto;
      padding-left: 5px;
}
.input_container_right {
      background: transparent url('/imperia/images/gui/login_input_right.gif') no-repeat top right;
      height: 23px;

}
.input_container  label, .input_container input {float: left;}
.input_container  label {
    padding: 2px 7px 0 4px;
    vertical-align: middle;
    color: #7e7f7f;
    width: 60px;

    text-align: left;
}
.input_container input {
    border: none 0px;
    margin-top: 2px;
    font-size: 12px;
    color: #444749;
    width: 103px;
}
.submit_button {
    float: right;
    margin-top: -32px;
    margin-right: 60px;
}
.message_container {
    color: #3275a8;
    padding-top: 7px;
}
.message_container a.forgot_password {
    font-size: 12px;
    color: #7E7F7F;
}
p.forgot_password_instructions {
    font-size: 12px;
    color: #444749;
    line-height: 16px;
    text-align: left;
    margin: -10px 20px 20px 20px;
}
.message_container a:hover.forgot_password {
    text-decoration: underline;
}
.message_container span.error{
    color: #f84c4c;
    font-weight: bold;
    font-size: 12px;
}