#prompt, #login {background-color: #FF8800; width: 75%; margin: auto; text-align: center; border-radius: 5px; margin-top: -1em; padding-top:1.5em; border-bottom: 1px solid rgba(0,0,0,0.8); box-shadow: 0px 0px 5px rgba(0,0,0,0.75);} #prompt img {width: 33%;} #prompt p, #login h1 {background-color: #FF8800; box-shadow: 0px 0px 5px rgba(0,0,0,0.75); width: 102%; margin-left:-1%; border-radius: 5px; padding-top: 1em; padding-bottom: 1em; letter-spacing: 0.5em; border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(0,0,0,0.66);} #login {margin-top: 1em; padding-top:0em; margin-bottom: -2.2em; padding-bottom: 2.5em; border-top: 1px solid rgba(255,255,255,0.5);} #login h1 { font-size:0.9em; } #login fieldset {width: 80%; margin: auto; text-align: left;} #login label { margin-right: 1%; text-align: right; display:inline-block; } ul.checkbox_li { width:100%; padding-left: 0 1em; } li.checkbox_li { width:100%; } #login label.check { text-align:left; display:inline-block; margin-left: 1%; } #login ul {list-style-type: none; text-align: left;} #login .framed .engraved {text-align: left; margin: 1em;} #login .error, #login .success, #login .info {margin: 1em; width: auto; border-radius: 5px;} @media screen and (max-width: 659px) { #login fieldset {width: 90%; text-align: right;} /*#login label {width: auto; float: left;}*/ #login label, input {width: 90%; } ul.checkbox_li { width:90%; padding-left: 1em; } }