#login-container{text-align:left;font-family:Arial, Verdana, Helvetica, sans-serif;color:#444;position:absolute;top:50%;left:50%;margin-left:-300px;margin-top:-250px;width:600px;height:500px}@media screen and (max-width: 600px){#login-container{position:relative;top:0;left:0;width:100%;height:100%;margin-left:0;margin-top:0}}#login-container div#login-north{top:0;width:100%;height:100px;border-bottom:1px solid #ccc;color:#515054;text-align:center;position:absolute}@media screen and (max-width: 600px){#login-container div#login-north{position:static;display:block;width:100%;height:auto}}#login-container div#login-north h1{font-weight:700;font-size:1.2em;margin:0 0 0.5em 0}#login-container div#login-north div.remark{width:100%;text-align:left}#login-container div#login-west{padding-top:20px;top:100px;width:150px;left:0;height:350px;position:absolute}@media screen and (max-width: 600px){#login-container div#login-west{text-align:center}}@media screen and (max-width: 600px){#login-container div#login-west{position:static;display:block;width:100%;height:auto}}#login-container div#login-east{padding-top:20px;top:100px;max-width:450px;right:0;height:350px;position:absolute}@media screen and (max-width: 600px){#login-container div#login-east{text-align:center}}@media screen and (max-width: 600px){#login-container div#login-east{position:static;display:block;width:100%;height:auto}}#login-container div#login-south{bottom:0;width:100%;height:30px;font-size:0.8em;text-align:center;position:absolute}@media screen and (max-width: 600px){#login-container div#login-south{position:static;display:block;width:100%;height:auto}}#login-container div.imgWrapper{margin-top:1em;max-width:150px;max-height:150px}#login-container div.imgWrapper img{max-height:100%;max-width:100%}#login-container div.imgWrapper img.qleo{max-height:60%;max-width:60%}@media screen and (max-width: 600px){#login-container div.imgWrapper{max-width:100px;display:inline}#login-container div.imgWrapper img{max-width:100px !important}#login-container div.imgWrapper img.qleo{max-width:60px !important}}#login-container ul{list-style-type:none;padding:0;margin:0}#login-container ul li.keyValue label{display:inline-block;width:120px;font-size:1em}#login-container ul li.keyValue input{display:inline-block;width:310px;border:1px solid #000;padding-bottom:5px;padding-top:5px}#login-container ul li.keyValue div{display:inline-block;width:310px;box-sizing:border-box}#login-container li.centered{text-align:center}#login-container label{font-size:1.2em;padding:0}#login-container input{padding:3px;width:230px;border:1px solid #ccc;margin-bottom:10px}#login-container .submit-button{background-color:#389b25;background:linear-gradient(to bottom, #389b25, #73c961);border-color:#758fba #6c84ab #5c6f91;border-style:solid;border-width:1px;border-radius:8px;box-shadow:0 1px 0 0 #aec3e5 inset;color:#fff;padding:5px 0;text-align:center;text-shadow:0 -1px 1px #64799e;margin-top:5px;margin-bottom:20px;width:238px !important}@media screen and (max-width: 600px){#login-container .submit-button{margin-right:50px}#login-container .submit-button :before{content:'\A'}}#login-container .valMessage{font-size:0.8em;color:crimson;display:block;margin-top:-5px;margin-bottom:5px}img{border:none}