html, body { height: 100%; }
body { background: #C0CBD3; overflow: auto; min-height: 500px; min-width: 600px; position: relative; }

.widget-head { text-align: center; }
.widget-title { font-size: 1.4em; left: 30px; }
#login-credentials { margin: 30px auto 0; width: 310px; }
#login-credentials li { height: 34px; }

#login-credentials label {
    display: block;
    color: #395C6D;
    font-weight: bold;
    text-align: right;
    width: 110px;
    float: left;
    margin-right: 8px;
}

#login-credentials input { display: block; width: 160px; font-size: 9pt; float: left; padding: 2px; }
.error { text-align: center; margin: 0; }

#header { height: 100px; background: url('../images/base/header-login.png') repeat-x left top; position: static; min-width: 600px; }
#login { width: 500px; height: 260px; left: 50%; top: 50%; margin-left: -250px; margin-top: -100px; position: absolute; z-index: 999; }
#login-logo { background: transparent url('../images/base/logo.svg') no-repeat center -30px; background-size: 202px 113px; height: 100px; margin-left: 16px; /* Margin to compensate for new STORM logo not being centred */}

#build_no {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 10pt;
    opacity: .7;
    margin: 0 auto;
}

#login_language {
    display: block;
    position: absolute;
    bottom: 7px;
    right: 5px;
    z-index: 1;
}
#login_language > span {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    padding: 10px;
}
#login_lang {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    font:14px/1.6em "Segoe UI", Verdana, sans-serif;
    padding: 8px 30px 8px 8px;
    margin: 0;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}