body {
    background: #e8e8e8;
    color: #000000;
    font-family: 'Calibri CE', 'Calibri', sans-serif;
    font-size: 12pt;
}

#loginForm {
    position: relative;
    padding: 50px 0 0 0;
    margin: 0 auto;
    margin-top: 70px;
    width: 20em;
    border: 1px solid #cccccc;
    background: #ffffff;
}

#loginForm form {
    display: block;
    margin: 1em;
}

#loginForm input[type=password],
#loginForm input[type=text] {
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: none;
    border: 1px solid #888888;
    padding: 0.5em;
}

#loginForm input[type=submit] {
    padding: 0.5em;
    margin: 0;
    border: 1px solid #1d75b3;
    background: #1d75b3;
    color: #ffffff;
    font-weight: bold;
}

#loginForm input[type=submit]:hover {
    border: 1px solid #000000;
    background: #333333;
    color: #ffffff;
}

#loginForm div.avatar {
    position: absolute;
    top: -50px;
    left: 50%;
    margin: 0;
    margin-left: -50px;
}

#loginForm div.avatar img {
    display: block;
    margin: 0 auto;
    border: none;
    background: #1d75b3;
    border-radius: 50% 50% 50% 50%;
    width: 100px;
    height: 100px;
}

#loginForm div.error img {
    background: #cb0000;
}

#loginForm div.submit {
    margin: 0;
}

#loginForm div.login {
    margin: 0 0 0.5em 0;
    padding: 0;
}

#loginForm div.password {
    margin: 0 0 1em 0;
    padding: 0;
}


#loginForm label {
    margin: 0;
    padding: 0;
    display: block;
    font-weight: bold;
}

ul.error {
    display: block;
    margin: 0 0 1em 0;
    padding: 0 0.5em;
    background: #ffffff;
    color: #cb0000;
    font-weight: bold;
    text-transform: uppercase;
    /*display: none; /*turn off*/
}

ul.error li {
    list-style-type: none;
    list-style-position: outside;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center
}