html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
}

body {
	font-family:Verdana, Arial, Helvetica, "宋体";
	font-size:12px;
	font-weight:normal;
	background-color:#F3F3F3;
}

.clear_float {
	clear:both;
}

.center_align {
	text-align:center;
}

.right_align {
	text-align:right;
}

.float_left {
	float:left;
	margin-right:10px;
}

.float_right {
	float:right;
	margin-left:10px;
}

#sc_wrapper {
	width:960px;
	margin:0px auto;
}

ul {
	list-style-type:none;
}

ol {
	list-style-position:outside;
	margin-left:30px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

h1 {
	font-size:18px;
}

h2 {
	font-size:16px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:14px;
	font-weight:normal;
}

h5 {
	font-size:12px;
}

h6 {
	font-size:12px;
	font-weight:normal;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}

hr {
	height:1px;
	line-height:1px;
	color:#FFF;
	border-bottom:1px solid #ccc;
	margin:5px 0px;
	*margin:3px 0px;
}

.red_font1 {
	color:#F30;
}

.orange_font {
	color:#F37B03;
}

.gray_font1 {
	color:#999;
}

blockquote {
	padding:10px;
}

p.normal {
	margin-bottom:1.2em;
	line-height:1.6em;
}

.p_style1 p {
	font-size:12px;
	line-height:1.6em;
	margin:0px 0 15px 10px;
}

.p_style2 p {
	font-size:14px;
	line-height:1.6em;
	margin:0px 0 15px 10px;
}

.link_arrow {
	padding-left:8px;
	background:url(../images/li_stuff.gif) no-repeat left -1261px;
}

.renren_user {
	background:url(../images/renrenlogo.png) no-repeat right center;
	padding-right:18px;
}


/* form.css ### This form file is for the form styling. */


label {
}

fieldset {
	padding:15px;
	margin:10px 0;
	border:1px solid #CCC;
}

legend {
	font-weight:bold;
	font-size:14px;
	padding:0 5px;
}

input[type="text"], input[type="password"], textarea {
	padding:2px;
	border:1px solid #CCC;
	background-color:#FFF;
	margin:1px 5px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border:1px solid #666;
}

select {
	margin:1px 5px;
}

input.text {
	padding:2px;
	border:1px solid #CCC;
	background-color:#FFF;
	margin:1px 5px;/* this is for ie6, you have to give a class to the input tag */
}

.formError {
	font-weight:bold;
	color:#FF3300;
	display:inline;
}

.fieldWithErrors {
	display:inline;
}

.fieldWithErrors input {
	border:1px solid #FF3300 !important;
	background-color:#FFF3F7 !important;
}

a:link {
	color:#3366CC;
	text-decoration:underline;
}

a:visited {
	color:#3366CC;
	text-decoration:underline;
}

a:hover {
	color:#3366CC;
	text-decoration:none;
}

a.btn_close, a.lbAction {
	background:url(../images/li_stuff.gif) no-repeat -2px -721px;
	width:11px;
	height:11px;
	display:block;
	overflow:hidden;
}

a.btn_close:hover, a.lbAction:hover {
	background-position: -2px -732px;
}

a.btn_close:active, a.lbAction:active {
	background-position: -2px -743px;
}

a.add_to_cart_btn, a.direct_buy_btn {
	width:55px;
	height:21px;
	display:block;
	padding-left:20px;
	line-height:21px;
	overflow:hidden;
	background:url(../images/order_btn.png) no-repeat;
	margin:3px auto;
	text-decoration:none !important;
	color:#000 !important;
	font-family:Arial;
}

a.add_to_cart_btn:link { background-position: -75px 0px;}
a.add_to_cart_btn:visited { background-position: -75px 0px;}
a.add_to_cart_btn:hover { background-position: -75px -21px; }

a.direct_buy_btn:link { background-position: 0px 0px; }
a.direct_buy_btn:visited { background-position: 0px 0px; }
a.direct_buy_btn:hover { background-position: 0px -21px; }
a.direct_buy_btn:active { background-position: 0px -42px; }

a.lesson_btn {
	width:59px;
	height:21px;
	line-height:21px;
 	*line-height:23px;
	_line-height:21px;
	padding-left:30px;
	display:block;
	margin-top:6px;
	background-image: url(../images/lesson_btn.png);
	_background-image: url(../images/lesson_btn.gif);
	background-repeat: no-repeat;
	color:#000000 !important;
	text-decoration:none !important;
	overflow:hidden;
	font-size:12px !important;
	cursor:pointer !important;
}

a.play:link { background-position: 0px 0px;}
a.play:visited { background-position: 0px 0px;}
a.play:hover { background-position: 0px -21px;}
a.play:active {background-position: 0px -42px;}

a.replay:link {background-position: -89px 0px;}
a.replay:visited {background-position: -89px 0px;}
a.replay:hover {background-position: -89px -21px;}
a.replay:active {background-position: -89px -42px;}

a.review:link {background-position: -178px 0px;}
a.review:visited {background-position: -178px 0px;}
a.review:hover {background-position: -178px -21px;}
a.review:active {background-position: -178px -42px;}

a.extra_play { width:54px; padding-left:0; margin-top:4px; }
a.extra_play:link {background-position: -267px 0px;}
a.extra_play:visited {background-position: -267px 0px;}
a.extra_play:hover {background-position: -267px -21px;}
a.extra_play:active {background-position: -267px -42px;}

a.add {
	width:54px;
	padding-left:0px;
}

a.add:link {background-position: -267px 0px;}
a.add:visited {background-position: -267px 0px;}
a.add:hover {background-position: -267px -21px;}

a.add_done {
	width:54px;
	padding-left:0px;
	background-position: -267px -42px;
	cursor:default;
}

a.buy_first:link {background-position: 0px -63px;}
a.buy_first:visited {background-position: 0px -63px;}
a.buy_first:hover {background-position: -89px -63px;}
a.buy_first:active {background-position: -178px -63px;}

a.down_mp3 {
	background: url(../images/li_stuff.gif) no-repeat 3px -303px;
	padding-left:20px;
	padding-bottom:1px;
}

a.input_button, a.input_button_gray, a.input_button_yellow, a.input_button_left, a.input_button_orange {
	width:160px;
	height:36px;
	line-height:36px;
	display:block;
	text-align:center;
	background: url(../images/input_button.gif) no-repeat;
	text-decoration:none !important;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	color:#000 !important;
}

a.input_button:link, a.input_button_gray:link, a.input_button_yellow:link, a.input_button_left:link, a.input_button_orange:link {background-position: 0px 0px;}
a.input_button:visited, a.input_button_gray:visited, a.input_button_yellow:visited, a.input_button_left:visited, a.input_button_orange:visited {background-position: 0px 0px; }
a.input_button:hover, a.input_button_gray:hover, a.input_button_yellow:hover, a.input_button_left:hover, a.input_button_orange:hover {background-position: 0px -36px; }

a.input_button:active, a.input_button_gray:active, a.input_button_yellow:active, a.input_button_left:active, a.input_button_orange:active {
	background-position: 0px -72px; 
	padding-top:1px;
	height:35px;
	line-height:35px;
}

a.input_button_orange {background-image: url(../images/input_button_orange.gif);}

a.input_button_cash {
	width:100px;
	height:36px;
	line-height:36px;
	display:block;
	padding-left:60px;
	background: url(../images/input_button_cash.png) no-repeat;
	text-decoration:none !important;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	margin:0px auto;
}

a.input_button_cash:link {background-position: 0px 0px;}
a.input_button_cash:visited {background-position: 0px 0px;}
a.input_button_cash:hover {background-position: 0px -36px;}

a.input_button_cash:active {
	background-position: 0px -72px;
	padding-top:1px;
	height:35px;
	line-height:35px;
}

input.input_button {
	width:160px;
	height:36px;
	line-height:36px;
	display:block;
	text-align:center;
	background: url(../images/input_button.gif) no-repeat;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#000;
	border:0px;
	cursor:pointer;
	font-family:Verdana, Geneva, sans-serif;
}

input.input_button:link {background-position: 0px 0px;}
input.input_button:visited {background-position: 0px 0px;}
input.input_button:hover {background-position: 0px -36px;}
input.input_button:active {background-position: 0px -72px;}

.percent_bar {
	margin:5px;
}

.pb_green, .pb_yellow, .pb_green_big, .percent_bar span {background:url(../images/percentbar_white.gif) no-repeat;}

.pb_green {
	width:184px;
	height:20px;
	margin:0px auto;
	background-color:#FFFFFF;
	overflow:hidden;
}

.pb_yellow {
	width:104px;
	height:18px;
	margin:0px auto;
	background-color:#FFFFFF;
	overflow:hidden;
}

.pb_green_big {
	width:364px;
	height:20px;
	background-color:#FFFFFF;
	overflow:hidden;
}

.percent_bar span {
	font-size:10px;
	font-weight:bold;
	display:block;
	text-align:center;
}

.pb_green span {
	width:184px;
	height:20px;
	line-height:20px;
	background-position:-90px 0px;
}

.pb_yellow span {
	width:104px;
	height:18px;
	line-height:18px;
	background-position:-130px -20px;
}

.pb_green_big span {
	width:364px;
	height:20px;
	line-height:20px;
	background-position:0px -38px;
}


.last_step {
	/*	border-top:1px dotted #D2DFFF;*/
	border-top:1px solid #E6EDFF;
	margin:5px;
	padding-top:5px;
	text-align:center;
	clear:both;
}

.last_step .input_button {
	margin:0px auto;
}

.center {
	margin:0px auto;
}

.text_bg1 {
	background-color:#F2F5FB;
	border-bottom:1px dotted #D2DFFF;
	font-weight:bold;
	font-size:14px;
	padding:5px 10px;
}

p.congratulation {
	margin:10px;
	text-align:center;
	padding:5px 20px;
	color:#F37B03;
	font-weight:bold;
	font-size:14px;
	line-height:1.6em;
}

p.congratulation1 {
	margin:10px;
	text-align:center;
	padding:5px 20px;
	color:#B57A00;
	font-weight:bold;
	font-size:14px;
}

p.congratulation2 {
	margin:10px;
	text-align:center;
	padding:5px 20px;
	color:#000;
	font-weight:bold;
	font-size:14px;
}

.congratulation3 {
	background-color:#FBEFB9;
	border-bottom:1px dotted #F37B03;
	font-weight:bold;
	font-size:14px;
	padding:5px 10px;
	color:#DB6300;
	line-height:20px;
}


.error_content {
	padding:40px;
}

.error_mark {
	background-image:url(../images/error_mark.png);
	background-repeat:no-repeat;
}

.error_message {
	float:left;
	margin-left:50px;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
}

.error_service {
	font-size:12px;
	border-top:1px solid #E6EDFF;
	padding-top:5px;
}

#mark404 {
	width:75px;
	height:208px;
	background-position:left top;
	float:left;
	margin-left:10px;
}

#message404 {
	height:30px;
	width:300px;
	background-position:-78px top;
}

#message_error {
	height:30px;
	width:300px;
	background-position:-78px -40px;
}

#lightbox {
	position: absolute;
	top:40%;
	left:50%;
	z-index:999;
	width:656px;
	margin:-160px 0 0 -328px;
	background:#FFF;
	padding-bottom:6px;
	background:url(../images/scp_border_white.gif) no-repeat -1644px bottom;
	overflow:hidden;
}

#lightbox[id] {
	position:fixed;
}

#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:500;
	background-color:#000;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}

#overlay[id] {
	position:fixed;
}

#lightbox.done #lbLoadMessage {
	display:none;
}

#lightbox.done #lbContent {
	display:block;
}

#lightbox.loading #lbContent {
	display:none;
}

#lightbox.loading #lbLoadMessage {
	display:block;
}

#lbContent .title {
	font-weight:bold;
	background:url(../images/scp_title_bg.png) no-repeat left -96px;
	height:28px;
	line-height:28px;
	padding-left:10px;
}

#lbContent .body {
	background:url(../images/scp_bg_white.gif) repeat-y -1866px top;
	padding:10px;
}

#lbContent .scp_course_list {
	margin:0;
	padding:0;
}

#lbContent .title a.lbAction {
	margin-top:7px;
	margin-right:7px;
}

#lbContent .title a.lbAction img {
	display:none !important;
}




/*----------------------profile-------------------------*/
sup {
	color:red;
	font-weight:bold;
	margin:0 2px 0 0;
}

fieldset {
	border-color:#D2DFFF #FFF #FFF;
	padding:0px;
}

legend {
	color:#417AC9;
	margin-left:30px;
}

label {
	cursor:default;
}

#register_form {
	width:640px;
	margin:0px auto;
}

#error_msg {
	margin-left:155px;
	margin-bottom:10px;
}

.reg_area {
	margin:10px auto;
	width:500px;
}

.input_button, .input_button_orange {
	margin:0px auto;
}

.reg_button {
	border-top:1px solid #D2DFFF;
	padding-top:10px;
}

ul.reg_list {
	clear:both;
}

ul.reg_list li {
	float:left;
	height:30px;
	line-height:30px;
}

ul.reg_list li span {
	vertical-align:middle;
}

ul.reg_list li.reg_left {
	text-align:right;
	width:80px;
}

ul.reg_list li.left_padding {
	padding-left:5px;
}

ul.reg_list li span.valid {
	background:url(../images/li_stuff.gif) no-repeat left -183px;
	color:#59A429;
	padding-left:20px;
}

ul.reg_list li span.invalid {
	background:url(../images/li_stuff.gif) no-repeat left -243px;
	color:#FF3333;
	padding-left:20px;
}

.formError {
	display:inline;
	background:url(../images/li_stuff.gif) no-repeat left -240px;
	padding-left:20px;
}

.fieldWithErrors {
	display:inline;
}

input.text {
	width:200px;
	font-family:Verdana;
}

input.text1 {
	width:120px;
	font-family:Verdana;
}

input.checkbox {
	margin-left:5px;
    *margin:3px 0 0 0;
}

#login_stuff {
	width:200px;
	float:left;
	padding:20px 10px 0px 10px;
	height:280px;
	margin:20px 40px;
	_margin:20px;
	background:url(../images/login_left_bg.png) no-repeat;
}

#login_stuff h4, #login_form h4, a.register_now {
	background:url(../images/login_title.png) no-repeat;
	height:0px;
	padding-top:25px;
	overflow:hidden;
}

a.register_now {
	display:block;
}

a.register_now:link {background-position:20px -50px;}
a.register_now:visited {background-position:20px -50px;}
a.register_now:hover {background-position:20px -75px;}


.login_stuff_inner {
	padding:15px;
}

.login_stuff_inner p {
	font-size:12px !important;
	margin:0 !important;
	line-height:2em !important;
	text-align:center;
}

#login_stuff h4 {
	background-position:20px 0;
}

#login_form h4 {
	background-position:left -25px;
	margin-bottom:20px;
	margin-top:20px;
}

#login_form {
	width:500px;
	float:left;
	margin:20px 30px 40px 50px;
	_margin:20px 30px 40px 60px;
}

.login_table {
	width:460px;
	margin:0px auto;
	border-collapse:collapse;
}

.login_table td {
	padding:5px;
}

.login_table th {
	text-align:right;
	font-weight:normal;
}

.login_table .input_button {
	margin:0 !important;
}

.setting_table {
	width:500px;
	margin:10px auto;
	border-collapse:collapse;
}

.setting_table td, .setting_table th {
	padding:6px 3px;
}

.setting_table th {
	text-align:right;
	font-weight:normal;
}

.setting_table td img {
	float:left;
	margin-left:5px;
	margin-right:5px;
	width:60px;
	height:60px;
}

.setting_table td span.valid {
	background:url(../images/li_stuff.gif) no-repeat left -183px;
	color:#59A429;
	padding-left:20px;
}

.setting_table td span.invalid {
	background:url(../images/li_stuff.gif) no-repeat left -243px;
	color:#FF3333;
	padding-left:20px;
}

.setting_uploadhint {
	color:#999;
	float:left;
	margin-top:5px;
}

.setting_fixed {
	color:#000;
	margin-left:5px;
	line-height:20px;
}


/* ============ only login ============= */


#login_promo_only {
	float:left;
	width:420px;
	padding:0px 30px;
	margin:40px 0;
}

#login_promo_ielts_teacher {
	float:left;
	background:url(../images/login_promo_ielts_teacher.png) no-repeat left top;
	width:460px;
	height: 440px;
	padding:0;
	margin:0 0 0 20px;
	position: relative;
}

#login_promo_ielts_teacher_inner {
	position: absolute;
	top: 170px;
	left: 225px;
	width: 200px;
}

.alertbox_only {
	background:url(../images/li_stuff.gif) no-repeat left -243px;
	color:#FF3333;
	padding-left:20px;
}

#error_msg_only {
	margin-left:120px;
	margin-bottom:10px;
}


#login_form_only h4 {
	background:url(../images/login_title.png) no-repeat;
	height:0px;
	padding-top:25px;
	overflow:hidden;
	background-position:left -25px;
	margin-bottom:20px;
	margin-top:20px;
}

#login_form_only {
	width:300px;
	float:left;
	margin:30px 0px 30px 40px;
	border:1px solid #ccc;
	padding:20px 20px 40px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.login_table_only {
	width:280px;
	margin:0px auto;
	border-collapse:collapse;
}

.login_table_only td {
	padding:5px;
}

.login_table_only th {
	text-align:right;
	font-weight:normal;
}

.login_table_only .input_button {
	margin:0 !important;
}


.land_co_logos2 {
	width:900px;
	height:70px;
	background:url(../images/landing_logos2.png) no-repeat -20px top;
	margin:10px 0 0;
}