#logo {
    width: 383px;
    margin: 0 auto;
    display: block
}

.outer-container {
    width: 383px;
    margin: 0 auto
}

#login-container {
    background: url("../../images/design/blue_background.png");
    color: #fff;
    margin: 0 auto;
    width: 345px;
    padding: 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#login-container h1 {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 1.5em;
    text-align: center;
    font-weight: normal
}

#login-container label {
    width: 4.75em;
    display: inline-block
}

#login-container .field-container {
    padding: 0.25em 0;
    margin-left: 0.5em
}

#login-container .field-container input {
    padding: 0.5em
}

#key-image {
    width: 383px
}

#login-button {
    border-radius: 35px;
    background-color: #fff;
    background: -ms-linear-gradient(top, #fff 0%, #E5ECF0 100%);
    background: -moz-linear-gradient(top, #fff 0%, #E5ECF0 100%);
    background: -o-linear-gradient(top, #fff 0%, #E5ECF0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #E5ECF0));
    background: -webkit-linear-gradient(top, #fff, #E5ECF0);
    background: linear-gradient(to bottom, #fff 0%, #E5ECF0 100%);
    -pie-background: linear-gradient(#fff, #E5ECF0);
    behavior: url(/scripts/css/PIE.php);
    border: 1px solid #D5E2E8;
    text-align: left;
    padding: 0.5em 1.5em;
    float: right;
    width: 70%;
    margin: 5% 15%;
    /* margin-right: 2em; */
    /* margin-top: 0.5em; */
    outline: 0
}

#login-button:hover {
    background-color: #fff;
    background: -ms-linear-gradient(top, #fff 0%, #b4c9d4 100%);
    background: -moz-linear-gradient(top, #fff 0%, #b4c9d4 100%);
    background: -o-linear-gradient(top, #fff 0%, #b4c9d4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #b4c9d4));
    background: -webkit-linear-gradient(top, #fff, #b4c9d4);
    background: linear-gradient(to bottom, #fff 0%, #b4c9d4 100%);
    -pie-background: linear-gradient(#fff, #b4c9d4);
    behavior: url(/scripts/css/PIE.php)
}

#login-button:focus {
    background: #E5ECF0
}

#login-button .button-header {
    color: #1771A5;
    display: block
}

#login-button .button-subtext {
    font-size: 0.7em;
    color: #848484;
    display: block;
    margin-top: -0.25em
}

.error {
    text-align: center;
    display: block
}

@media (min-width: 280px) and (max-width:991px){
    .main-body{
        width: auto;
        margin-top: 25px;
    }
}