body {
    background: #333 url("/img/backgrounds/background-image.jpg") center center fixed;
    background-size: cover
}

#app-container {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 15px;
    margin: 10% auto 0;
    max-width: 500px
}

.client-logo {
    background: url(/icon/client-medium-logo.png) no-repeat center center;
    width: 100%;
    max-width: 480px;
    height: 175px;
    margin: 0 auto 10px auto

}

.client-login-block {
    clear: both;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

    .client-login-block input[type=text],
    .client-login-block input[type=password] {
        margin-bottom: 10px;
        text-align: center
    }


.app-container-small {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 15px;
    margin: 2.5% auto 0;
    max-width: 1000px;
    color:whitesmoke;
}

#policyDisplay {
    padding-top:15px;
    font-size:small;
    font-style:italic;
}
#policyDisplayCAS {
    padding-top: 15px;
    font-size: small;
    font-style: italic;
    color:white;
}

.user-policy-link {
    cursor: pointer;
    text-decoration: underline;
}

    .user-policy-link:hover {
        text-decoration: none;
        text-shadow: 1px 1px 1px #555;
    }

.acceptable-use {
    max-height: 600px;
    overflow-y: scroll;
}