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

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


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


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

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