#sc_header {
	width:944px;
	margin:0px auto;
	height:64px;
	background-image: url(../images/header_nav_bg_white.png);
	background-repeat: no-repeat;
	position:relative;
}

#header_logo {
	width:144px;
	height:54px;
	margin-top:3px;
	margin-right:23px;
	_margin-right:18px;
	margin-left:5px;
	float:left;
}

#header_logo a {
	width:144px;
	height:54px;
	display:block;
}

#header_nav li {
	float:left;
}


#header_nav li a {
	display:block;
	width:110px;
	height:0px;
	padding-top:64px;
	overflow:hidden;
	background-image: url(../images/header_nav_bg_white.png);
	background-repeat: no-repeat;
}

#sc_header_custom {
	width:944px;
	margin:0px auto;
	height:64px;
	background-image: url(../images/header_nav_bg_white_custom.png);
	background-repeat: no-repeat;
	position:relative;
}

#header_logo_custom {
	width:144px;
	height:58px;
	margin-top:3px;
	margin-right:23px;
	_margin-right:18px;
	margin-left:5px;
	float:left;
}



#header_logo_custom a {
	width:144px;
	height:58px;
	display:block;
}

#header_logo_custom a img {
	border:0;
}

.header_logo_partner_iilc {
	width:350px;
	height:58px;
	display:block;
	margin-top:3px;
	margin-right:5px;
	_margin-right:5px;
	margin-left:5px;
	float:right;
}

.header_logo_partner_iilc a {
	width:350px;
	height:58px;
	display:block;
	background:url(../images/header_nav_custom_logo_iilc.png) no-repeat left top;
}

.header_logo_partner_narrow_iilc {
	width:280px;
	height:40px;
	display:block;
	margin-top:9px;
	margin-right:5px;
	_margin-right:5px;
	margin-left:5px;
	float:right;
}

.header_logo_partner_narrow_iilc a {
	width:350px;
	height:40px;
	display:block;
	background:url(../images/header_nav_custom_logo_iilc_narrow.png) no-repeat left top;
}

#header_nav_custom li {
	float:left;
	background-image: url(../images/header_nav_bg_white_custom.png);
	background-repeat: no-repeat;
	background-position:-52px 0px;
	padding-right:1px;
}

#header_nav_custom li a {
	display:block;
	height:44px;
	width:119px;
	line-height:40px;
	padding:20px 0 0;
	overflow:hidden;
	font-family:\5fae\8f6f\96c5\9ed1;
	color:#FFF;
	text-shadow: 0 1px #000;
	text-decoration:none;
	text-align:center;
	font-size:14px;
/*	background-image: url(../images/header_nav_bg_white_custom.png);
	background-repeat: no-repeat;*/
}

#header_nav_custom li a:hover {
	background-image: url(../images/header_nav_bg_white_custom.png);
	background-repeat: no-repeat;
	background-position:-172px -64px;
}

/* link */

#header_nav li#hn_center a { background-position: -172px 0;}
#header_nav li#hn_plan a {  background-position: -282px 0;}
#header_nav li#hn_analytics a { background-position: -392px 0;}
#header_nav li#hn_resource a { background-position: -502px 0;}
#header_nav li#hn_order a { background-position: -612px 0;}

/*  hover  */

#header_nav li#hn_center a:hover { background-position: -172px -64px; }
#header_nav li#hn_plan a:hover {  background-position: -282px -64px; }
#header_nav li#hn_analytics a:hover { background-position: -392px -64px;}
#header_nav li#hn_resource a:hover { background-position: -502px -64px;}
#header_nav li#hn_order a:hover { background-position: -612px -64px;}

/* active */

#header_nav li#hn_center a:active { background-position: -172px -128px; }
#header_nav li#hn_plan a:active {  background-position: -282px -128px; }
#header_nav li#hn_analytics a:active { background-position: -392px -128px;}
#header_nav li#hn_resource a:active { background-position: -502px -128px;}
#header_nav li#hn_order a:active { background-position: -612px -128px;}

/* selected */

#header_nav.center_s li#hn_center a { background-position: -172px -192px !important; cursor:default; }
#header_nav.plan_s li#hn_plan a { background-position: -282px -192px !important; cursor:default; }
#header_nav.analytics_s li#hn_analytics a { background-position: -392px -192px !important; cursor:default; }
#header_nav.resource_s li#hn_resource a { background-position: -502px -192px !important; cursor:default; }
#header_nav.order_s li#hn_order a { background-position: -612px -192px !important; cursor:default; }




#header_menu {
	color:#888;
	text-align:right;
	line-height:1.6em;
	font-size:12px;
	font-family:Verdana;
	position:absolute;
	right:2px;
	top:0px;
}

#header_menu a {
	text-decoration:none;
}

#header_menu span {
	float:right;
}

#language_switch a {
	display:block;
	width:60px;
	height:15px;
	background-image:url(../images/language_switch.png);
	background-repeat:no-repeat;
	background-position:left 1px;
}

#language_switch a.en:link { background-position:left -29px;}
#language_switch a.en:visited { background-position:left -29px;}
#language_switch a.en:hover { background-position:left -43px;}

#language_switch a.zh:link { background-position:left 1px;}
#language_switch a.zh:visited { background-position:left 1px;}
#language_switch a.zh:hover { background-position:left -13px;}


#sc_header_narrow {
	width:100%;
	margin:0px auto;
	height:53px;
	background-image: url(../images/header_nav_bg_narrow_white.png);
	background-repeat: repeat-x;
	background-position:right -212px;
}

.extend_narrow {
	height:53px;
	background-image: url(../images/header_nav_bg_narrow_white.png);
	background-repeat: no-repeat;
	background-position:-284px;
}

#header_logo_narrow {
	width:120px;
	height:40px;
	margin-top:9px;
	margin-right:52px;
	float:left;
}

#header_logo_narrow a {
	width:120px;
	height:40px;
	display:block;
}

#header_nav_narrow li {
	float:left;
}

#header_nav_narrow li a {
	display:block;
	width:110px;
	height:0px;
	padding-top:53px;
	overflow:hidden;
	background-image: url(../images/header_nav_bg_narrow_white.png);
	background-repeat: no-repeat;
}

#sc_header_narrow_custom {
	width:100%;
	margin:0px auto;
	height:53px;
	background-image: url(../images/header_nav_bg_narrow_white_custom.png);
	background-repeat: repeat-x;
	background-position:right -106px;
}

.extend_narrow_custom {
	height:53px;
	background-image: url(../images/header_nav_bg_narrow_white_custom.png);
	background-repeat: no-repeat;
	background-position:-284px top;
}

#header_logo_narrow_custom {
	width:121px;
	height:40px;
	margin-top:9px;
	margin-right:52px;
	float:left;
}

#header_logo_narrow_custom a {
	width:120px;
	height:40px;
	display:block;
}

#header_logo_narrow_custom a img {
	border:0;
}

#header_nav_narrow_custom li {
	float:left;
	background-image: url(../images/header_nav_bg_narrow_white_custom.png);
	background-repeat: no-repeat;
	background-position:-337px 0px;
	padding-right:1px;
}

#header_nav_narrow_custom li a {
	display:block;
	width:119px;
	height:34px;
	line-height:30px;
	padding-top:19px;
	overflow:hidden;
	font-family:\5fae\8f6f\96c5\9ed1;
	color:#FFF;
	text-shadow: 0 1px #000;
	text-decoration:none;
	text-align:center;
	font-size:14px;
}

#header_nav_narrow_custom li a:hover {
	background-image: url(../images/header_nav_bg_narrow_white_custom.png);
	background-repeat: no-repeat;
	background-position:-457px -53px;
}

/* link */

#header_nav_narrow li#hn_center a { background-position: -456px 0;}
#header_nav_narrow li#hn_plan a {  background-position: -566px 0;}
#header_nav_narrow li#hn_analytics a { background-position: -676px 0;}
#header_nav_narrow li#hn_resource a { background-position: -786px 0;}
#header_nav_narrow li#hn_order a { background-position: -896px 0;}

/*  hover  */

#header_nav_narrow li#hn_center a:hover { background-position: -456px -53px; }
#header_nav_narrow li#hn_plan a:hover {  background-position: -566px -53px; }
#header_nav_narrow li#hn_analytics a:hover { background-position: -676px -53px;}
#header_nav_narrow li#hn_resource a:hover { background-position: -786px -53px;}
#header_nav_narrow li#hn_order a:hover { background-position: -896px -53px;}

/* active */

#header_nav_narrow li#hn_center a:active { background-position: -456px -106px; }
#header_nav_narrow li#hn_plan a:active {  background-position: -566px -106px; }
#header_nav_narrow li#hn_analytics a:active { background-position: -676px -106px;}
#header_nav_narrow li#hn_resource a:active { background-position: -786px -106px;}
#header_nav_narrow li#hn_order a:active { background-position: -896px -106px;}

/* selected */

#header_nav_narrow.center_s li#hn_center a { background-position: -456px -159px !important; cursor:default; }
#header_nav_narrow.plan_s li#hn_plan a { background-position: -566px -159px !important; cursor:default; }
#header_nav_narrow.analytics_s li#hn_analytics a { background-position: -676px -159px !important; cursor:default; }
#header_nav_narrow.resource_s li#hn_resource a { background-position: -786px -159px !important; cursor:default; }
#header_nav_narrow.order_s li#hn_order a { background-position: -896px -159px !important; cursor:default; }


/*---------------------lesson_progress---------------------*/

.lesson_progress {
	margin:10px 0px;
}

.lesson_progress span, a.extend_open, a.extend_close {
	background-image:url(../images/lesson_progress.gif);
	background-repeat:no-repeat;
}

.progress_preparation { background-position:left 0px; padding-left:20px;}
.progress_interaction { background-position:left -15px; padding-left:20px;}
.progress_review { background-position:left -30px; padding-left:20px;}
.progress_extra { background-position:left -45px; padding-left:20px;}

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

a.extend_open {
	background-position:left -180px;
	display:block;
	height:0px;
	overflow:hidden;
	padding-top:15px;
	width:15px;
}

a.extend_open:hover {
	background-position:left -195px;
}


/*---------------------footer---------------------*/


#sc_footer {
	border-top:1px solid #DFDFDF;
	margin:0px 8px 5px 8px;
	padding-top:5px;
	text-align:center;
	color:#999;
	font-size:12px;
}

#sc_footer p {
	line-height:1.6em;
}

#sc_footer a {
	text-decoration:none;
}


.kaoyala_header {
	background:url(../images/kaoyala_header.jpg) no-repeat left top;
	width:944px;
	height:80px;
	position:absolute;
	left:8px;
	z-index:100;
}