* { box-sizing: border-box; }
html { height: 100%; }
body { background-image: url(); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; }
body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #FFF; padding: 0px; margin: 0px; }
body > .overlay { background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

a, a:hover, a:active { color: #FFA500; text-decoration: none; }
p { margin-top: 5px; margin-bottom: 5px; } 

.outer-frame, .error-frame { position: relative; top: 110px; margin: 0px auto; width: 560px; padding: 50px; background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; box-shadow: 4px 4px 8px -3px #000; color: #FFF; overflow: auto; }
.outer-frame .heading { font-size: 2em; margin-bottom: 15px; text-align: left; }
.outer-frame .form-controls { float: left; width: auto; position: relative; left: -6px; }
.outer-frame .form-info { float: left; width: auto; margin-left: 80px; }
.outer-frame input { border: 0 solid #CCC; border-radius: 0; box-shadow: none; background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; color: #000; text-align: center; 
                     box-shadow: 1px 1px 2px -1px #000 inset; font-family: proxima-nova,sans-serif; margin: 6px; padding: 2px; font-size: 14px; height: 34px; line-height: 1.42857; }
.outer-frame input[type="submit"] { background: rgba(255, 165, 0, 0.5) none repeat scroll 0 0; color: #FFF; font-size: 16px; display: block; width: 202px; }
.outer-frame input[type="submit"]:hover, .outer-frame input[type="submit"]:active, .outer-frame input[type="submit"]:focus { background-color: rgba(255, 165, 0, 0.75); cursor: pointer; }

.error-frame { padding: 10px; margin-top: 10px; }
.error-frame > div {}

.applicationcode { width: 70px; }
.logincode { width: 120px; }