* {
    margin: 0;
    padding: 0;
}

html {
    background: #DDD url(../images/layout/login/bghtml.gif) center center repeat;
    text-align: center;
}

body {
    font: 13px "Undotum", "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Tahoma", sans-serif;
    margin: auto;
    margin-top: 80px;
    text-align: left;
    width: 315px;
}

div.clear {
    clear: both;
}

#logo {
    margin-bottom: 20px;
}

#page {
    background: #FFF;
    padding: 20px;
}

#page form {
    margin-bottom: -10px;
}

    #page form label {
        color: #666;
        display: block;
        margin-bottom: 10px;
    }

    #page form label input {
        display: block;
        font: 18px "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Tahoma", sans-serif;
        margin-top: 5px;
        padding: 6px;
        width: 255px;
    }
    
    #page form button {
        background: url(../images/layout/login/buttonlogin.gif) top left no-repeat;
        border: 0;
        float: left;
        height: 27px;
        line-height: 0;
        text-indent: -9999px;
        width: 72px;
    }
    
    #page form button:focus {
        background-position: bottom left;
    }
    
p.error {
    background: #C00;
    color: #FFF;
    margin-bottom: 10px;
    padding: 10px 20px;
}

    p.error strong {
        display: block;
    }