/* ================= Login Form ================= */ body{ font-family:"Trebuchet MS","Myriad Pro",Arial,sans-serif; } .loginform{ width:360px; margin:0px auto; margin-top: 140px; box-shadow:0px 4px 90px #EEEEEE; } .title{ background:url(../images/login-title.png) no-repeat; text-align:center; height:69px; } .form_wrapper{ padding:23px 29px 40px 29px; background:url(../images/login-form-body-bg.png) repeat-x bottom;} #password{ border:none; font:19px Arial, Helvetica, sans-serif; color:#ccc; width:250px; border:1px solid #CED3D8; border-radius:3px; border-top:1px solid #A0A4A9; padding:10px; padding-left:40px; margin-bottom:19px; background:url(../images/password-input.png) repeat-x top;} .login-input-pass-active{ border:none; font:19px Arial, Helvetica, sans-serif; color:#999; width:250px; border:1px solid #CED3D8; border-radius:3px; border-top:1px solid #A0A4A9; padding:10px; padding-left:40px; margin-bottom:19px; background:url(../images/password-input.png) repeat-x top;} #username{ border:none; font:19px Arial, Helvetica, sans-serif; color:#ccc; width:250px; border:1px solid #CED3D8; border-radius:3px; border-top:1px solid #A0A4A9; padding:10px; padding-left:40px; margin-bottom:19px; background:url(../images/username-input.png) repeat-x top;} .login-input-user-active{ border:none; font:19px Arial, Helvetica, sans-serif; color:#999; width:250px; border:1px solid #CED3D8; border-radius:3px; border-top:1px solid #A0A4A9; padding:10px; padding-left:40px; margin-bottom:19px; background:url(../images/username-input.png) repeat-x top;} .loginform .log-lab{ color:#A4AAB2; font-size:14px; font-weight:bold; display:block; padding-bottom:11px;} .button{ width:300px; height:49px; font:bold 16px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/login-button.png) no-repeat 0px 0px; border:none; cursor:pointer; } .button:hover{ background:url(../images/login-button.png) no-repeat 0px -50px;} .button:active{ background:url(../images/login-button.png) no-repeat 0px -100px;} .form_wrapper a.forgot { color: #FFA800; float: right; font-style: italic; line-height: 24px; text-shadow: 1px 1px 1px #FFFFFF; font-size:14px; font-weight:bold; } label.error { display:inline; color:#B70000; font-size:11px; font-family:"Comic Sans MS", cursive; } input.error{ border: 1px solid #F00 !important;} select.error{ border: 1px solid #F00 !important;} textarea.error{ border: 1px solid #F00 !important;}