body {
    background-color: #383838;
}

form legend {
    font-size: 18px;
}

form#login {
    /* Impostare a 'none' se viene applicata un'animazione, ad esempio con: $('#login').show(250); */
    display: block;
    width: 380px;
    border: 1px #e4e4e4 solid;
    margin: 80px auto 0 auto;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 1px 6px #a7a7a7, inset 0 1px 0 #fff;
    background-color: #fff;
}

div#loader {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(40, 40, 40, .7) url(../img/loader.gif) 50% 50% no-repeat;
}

.message {
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 0 1.5rem 0 1.5rem;
    transition: height 300ms ease-out 0s;
    background-color: #a0d3e8;
    color: #626262;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 999;
    overflow: hidden;
    height: 50px;
    line-height: 2.5em;
    margin-top: 50px;
}

.message:before {
    line-height: 0px;
    font-size: 20px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 12px 14px 12px 10px;
    content: "i";
    color: #a0d3e8;
}

.message.error {
    background-color: #C3232D;
    color: #FFF;
}

.message.error:before {
    padding: 11px 16px 14px 7px;
    color: #C3232D;
    content: "x";
}

.message.hidden {
    height: 0;
}