body {background: #ccb; text-align: center;}
#wrap {margin: 100px auto 0 auto; text-align: left; width: 625px;}

/*content area*/
#content {background: #ccb url(../images/bg-login.jpg) no-repeat; width: 625px; height: 290px; position: relative;}
#maintenance #content { background: #ccb url(../images/bg-maintenance.jpg) no-repeat; }
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

#content #frmLogin #lblWcaId {width: 80px; height: 14px; top: 125px; left: 200px; position: absolute; cursor: pointer;}
#content #frmLogin #txtWcaId {background: #fff; color: #666; width: 120px; top: 118px; left: 287px; position: absolute; border: 1px solid #fff; font-size: 1em; margin: 2px 0 0 0;}
#content #frmLogin #lblPssWrd {width: 80px; height: 14px; top: 153px; left: 200px; position: absolute; cursor: pointer;}
#content #frmLogin #txtPssWrd {background: #fff; color: #666; width: 120px; top: 147px; left: 287px; position: absolute; border: 1px solid #fff; font-size: 1em; margin: 2px 0 0 0;}
#content #frmLogin #btnSgnN {width: 71px; height: 18px; top: 178px; left: 345px; position: absolute;}
#content p {background: transparent; color: #036; top: 207px; right: 210px; position: absolute; width: 100%; text-align: right;}
#content p a {background: transparent; color: #fff; font-size: 1.1em; text-decoration: none;}
#content p a:hover {text-decoration: underline;}

#maintenance #message { position: absolute; width:500px; top:100px; left: 50px; height:auto; color: #fff; font-size: 1em; }
#maintenance #message p { position:relative; top:auto; text-align:left; font-size:1.2em; color:#fff; padding: 0 0 1em; }
/* messages */
#login .error {
  position:relative; top: -30px; border:1px solid #881A1A; background: #cc5e5e; color: #fff; font-size:1em; padding:4px; margin: 0 20px;
}