/*  CUSTOM CSS FOR SIGNUP -------------------------------------------------------- */

h1 { margin-top:0px; color:#28285d;}

/*  PAGE STRUCTURE -------------------------------------------------------- */
.flash{
width:800px;
margin:auto;
}
#login_here { float:right; margin-right:32px}
#login_input {
width:200px;
background-color:#F2F4FA;
border:4px solid #DAE0F5;
margin-top:5px;
padding:3px 3px 8px 8px;
}
#signup_form { margin:5px 0; padding:8px; border:4px solid #dae0f5; background-color:#f2f4fa; width:740px }

/*  SECTION SPECIFIC -------------------------------------------------------- */

/*  --/-- CONTACT FORM -------------------------------------------------------- */

#year_text { width:60px; font-size:12px; padding:3px 5px; }
#signup_form .form_error { font-size:12px; color:#ff0000; font-weight: bold;}
#signup_form fieldset { padding:0 10px 5px 10px; margin:0; }
#signup_form legend { margin:0; padding:5px 0px; display:block; color:#000; font-size:2em; color:#2263bf; font-weight: bold; }
#signup_form label { display:block; margin:3px 0 3px 0; color:#000; font-size:13px; font-weight: bold; }
#signup_form #signup_email { width:300px; font-size:12px; padding:3px 5px;}
#signup_form #card_code { width:300px; font-size:12px; padding:3px 5px;}
#signup_form #signup_realname { width:300px; font-size:12px;padding:3px 5px;}
#signup_form #signup_username { width:300px; font-size:12px;padding:3px 5px;}
#signup_form #signup_password1 { width:300px; font-size:12px;padding:3px 5px;}
#signup_form #signup_password2 { width:300px; font-size:12px;padding:3px 5px;}
#signup_form #signup_toeic_table { margin-bottom:5px; background-color:#bbb; width:100%;}
	#signup_form #signup_toeic { width:50px; padding:10px;}
	#signup_form #signup_toeic_listening { width:50px;}
	#signup_form #signup_toeic_reading { width:50px;}

#signup_form #signup_submit { font-size:9px; margin-top:20px; padding:10px 20px; }

#signup_form p {font-size:13px; margin:2px 0 8px 0; color:#222222;}

#signup_form input { background-color:#f2f4fa;}
#signup_form select { background-color:#f2f4fa;}
#signup_form option { background-color:#f2f4fa;}

#signup_form .signup_required { background-color:#c8dbf3; border:4px solid #2263bf; padding:10px; padding-top:7px; width:440px;}
#signup_form .signup_required select { margin-bottom: 10px; }
#signup_form .signup_optional { background-color:#fff; border:4px solid #bbb; padding:5px;}
*html #signup_form .signup_optional { background-color:#fff; border:4px solid #bbb; padding:5px; position:fixed;}
#signup_form .signup_complete { background-color:#aff0c6; border:4px solid #2e8e4b; padding:10px; padding-top:0px; padding-bottom:4px; width:440px;margin-bottom:5px;}

#signup_form .notice { float:right; width:240px; }
#signup_form .note  { font-size:1.3em; padding-left:30px; background:url(/images/note_exclamation.gif) left top no-repeat; }

#signup_form #signup_toeic_table td { padding:5px; text-align:center;}
#signup_form #signup_toeic_table td input { text-align: center; width:90px;}
#signup_form .signup_complete p { font-size:1.3em; margin-top: 15px;}
#signup_form .signup_complete p input { margin-left:5px; padding:5px; font-size:16px; }


.form {padding:0px;margin:0px;background-color:#EDECDC;}
.form li {width:190px;margin:3px;padding:5px 5px 5px 5px; list-style:none;position:relative;}
*html .form li {left:-15px;}
.form li img {position:absolute;left:5px;}
.form .error {border:1px solid #A90000;padding:4px 4px 4px 29px;background-color:#F8E5E5;}
.form .success {border:1px solid #74F019;padding:4px 4px 4px 29px;background-color:#DEF8CA;}
.form .selected {border:1px solid #1AA8E1;padding:4px 4px 4px 29px;background-color:#8DD8F7;}
#login_table .pad {padding:15px;}
.form input.login {padding:2px 7px;width:auto;}
.form input {width:300px;}




.tipsbox .tipsbox_top_left{
	background : url('/images/form_top_left.png') no-repeat;
	_background : url('/images/form_top_left.gif') no-repeat;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_top{
	background : url('/images/form_top.png') repeat-x;
	height : 17px;
	_background : url('/images/form_top.gif') repeat-x;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_top_right{
	background : url('/images/form_top_right.png') no-repeat;
	_background : url('/images/form_top_right.gif') no-repeat;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_left{
	background : url('/images/form_left.png') repeat-y;
	width : 17px;
	_background : url('/images/form_side.gif') repeat-y;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_right{
	background : url('/images/form_right.png') repeat-y;
	width : 22px;
	_background : url('/images/form_side.gif') repeat-y;
	_width : 9px;
}

.tipsbox .tipsbox_bottom_left{
	background : url('/images/form_bottom_left.png');
	_background : url('/images/form_bottom_left.gif') no-repeat;
	_background-position : 9px 0px;
}

.tipsbox .tipsbox_mark{
	background : url('/images/form_mark.png') no-repeat;
	height : 36px;
	_background : url('/images/form_mark.gif') no-repeat;
}

.tipsbox .tipsbox_bottom_right{
	background : url('/images/form_bottom_right.png');
	_background : url('/images/form_bottom_right.gif') no-repeat;
}

.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
	background : url('/images/form_inner.png');
}

.tipsbox .tipsbox_inner_ie6 {
	padding : 4px;	
}

.tipsbox .tipsbox_error {
	background : url('/images/form_error.png') no-repeat;
	_background : url('/images/form_error.gif') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
}

.tipsbox .tipsbox_error:hover {
	background : url('/images/form_error_close.png') no-repeat;
	_background : url('/images/form_error_close.gif') no-repeat;
}

.tipsbox p, .tipsbox {
	font-size: 1em;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.tipsbox p {
	padding-left: 55px;
	line-height: 15px;
}

.tipsbox p span {
	font-size: 1em;
	font-weight: bold;
	color: red;
	line-height: 35px;
}


.error_f {
	border : 1px dotted #666;
	margin-top : 5px;
	background-color : #EAEAEA;
}

.error_f p {
	margin : 5px;
	color : #A00;
}

.error_f p span {
	font-size : 1.1em;
	color : #000;
	margin : 5px 0px 0px 0px;
}