body {
    background-color: #fefefe;
}

fieldset.container {
    width: 598px;
    margin: 20px auto;
    padding: 32px 8px 14px 40px;
    background-color: #fdfdfd;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

div.login {

}

.login-header {
    margin: 48px 0 48px 0;
    text-align:center;
}

div.box .header h3 {
    padding: 14px 0 12px 10px;
}

.input-row {
 margin: 24px 0 14px 0;
}

legend {
 display: none;
}

p.writing {
 margin-left: 1%;

 font-size: 2em;
}

.input-row input[type=text], .input-row input[type=password] {
    width: 238px;
    height: 2.4em;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-indent: 10px;
    line-height: 2.4em;
}

.login label {
    display: inline-block;
    width: 80px;
    margin: 0 0 0 8px;
    padding: 0;
}

span.checkme {
 margin: 0;
 padding: 2px;
 color: #fff;
 font-weight: bold;
}

#RememberMe {
 margin: 0 4px 0 0;
 vertical-align: middle;
 top: 0;
}

div.checkme {
    margin-left: 200px;
    padding: 0 0 0 8px;
    border-radius: 5px;
}
div.checkme input {
    width: initial;
}
div.checkme label {
    width: 120px;
    text-align: left;
}
div .login-button p {
    margin-left: 240px;
}

p.reset-link {
    margin: 0 10px 4px 0;
    text-align: right;
}

input.btnlogin {
    margin: 0;
    padding: 4px 18px 4px 18px;
    font-size: 12pt;
}

/* #LoginButton {
 font-size: 12pt;
}

#LoginButton::after {
 position: relative;
 display: inline-block;
 content: '';
 width: 22px;
 height: 22px;
 margin: 0 0 0 4px;
 padding: 0 0 0 0;
 background-image: url('/imgs/login.gif');
 background-repeat: no-repeat;
 background-position: 0 0;
 background-size: 22px;
 vertical-align: middle;
}*/

a.register {
 font-family: inherit;
 font-size: 13px;
 text-decoration: none;
}
a.register:hover {
    color: navy;
}

@media screen and ( max-width: 1200px ) {
    div.login {
        width: 42%;
    }
}
@media screen and ( max-width: 800px ) {
    div.login {
        width: 78%;
    }
}
@media screen and ( max-width: 600px ) {
    div.login {
        width: 98%;
    }
}