/* text hiding */
#login h2 { text-indent: -9999px; }

/* layout */
#login { width: 457px; height: 289px; margin: auto; }
#login form { margin-top: 70px; }
#login li { margin-bottom: 10px; }
#login label { width: 120px;  margin-right: 10px; display: block; float: left; }
#login input.text { width: 237px; height: 17px; padding: 4px 3px; border-width: 0; }
#login .submit input { width: 87px; height: 31px; margin-left: 286px; border-width: 0; }
#login p { margin: 3px 50px; }
#login #forgot-password { margin-left: 130px; }


/* color */
#login { background-image: url(../images/login/bg.png); }
#login input.text { background-image: url(../images/login/field_bg.png); }
#login .submit input { color: white; background: transparent url(../images/login/login_button_bg.png); }


/* type */
#login label { text-align: right; line-height: 25px; }
#login input.text { }
#login .submit input { text-indent: 10px; font-size: 12px; font-weight: bold; }
#login p { font-size: 12px; }
#login #forgot-password { font-size: 12px; }

/* close link */
#login .close { width: 10px; height: 10px; display: block; position: absolute; right: 15px; top: 17px; cursor: pointer }
#login .close { background-image: url('../images/frame/close.png') }
#login span.close:hover { background-image: url('../images/frame/close-hover.png') }