html, body {
    min-height: 100%;
}


body {
    background: no-repeat left top;
    background-size: cover;
    overflow: hidden;
}

#contents {
    margin-top: 10px;
}

#loginForm {
    margin-top: 10px;
    width: 400px;
}


#loginForm {
    margin-top: 10px;
    width: 400px;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

#loginForm > * {
    background: none ! important;
}

#loginForm td {
    text-align: center;
}

#loginForm input, #loginForm button {
    background: rgba(255, 255, 255, 0.5) !important;
    border-width: 2px;
    border-color: white;
}

#loginForm button {
    width: 180px;
}

.login-flags {
    margin-top: 5px;
}

.login-flags button {
    margin-right: 15px;
    padding: 0px;
    width: 28px;
    height: 28px;
    border: none ! important;
    background: none;
}

.login-flags button span.ui-icon {
    position: static;
    margin: auto;
}

.login-flags button:last-child {
    margin-right: 0px;
}

html, body {
    height: 95%;
}

#footer {
    width: 98%;
    position: absolute;
    bottom: 5px;
}

td[colspan="2"] {
    text-align: center;
}

tr, td[role=gridcell] {
    border: none ! important;
}


.loginPageLogo {
    height: 300px;
    background: no-repeat center -60px;
    background-image: url("/pages/javax.faces.resource/img/logo/sonatina_black.png?ln=default&v=1_7");
}