@charset "UTF-8";
/* CSS Document */		

/* @group All columns */

.leftColumn .colBlock,
.rightColumn .colBlock {
	margin-top: 0px;
	width: 220px;
	}

/* @end */

/* @group Left column */

/* @group Search by keywords */

.mailList p {
	margin: 0; padding: 0 0 10px;
	}
.searchKeywords p {
	margin: 0;
	padding: 0;
	}

/* @end */

/* @group List style: orange ball */

.csCoursecntr ul, .latestAdded ul, .recentJoined ul, .Coursehistory ul, .Peoplesuggest ul, .Alsotaking ul, .Courselist ul,
.licServicelist, .licCourselist {
	margin: 0;
	padding: 0 0 0 5px;
	
	list-style-type: none;
	
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.licCourselist ul {
		list-style-type: none;
		padding: 0 1.5em;
		}
.csCoursecntr li, .latestAdded li, .recentJoined li, .Coursehistory li, .Peoplesuggest li, .Alsotaking li,
.licCourselist li, .licCourselist ul li, .licServicelist li {
	padding-left: 18px;
	margin: 5px 0;
	}
.csCoursecntr li, .latestAdded li, .recentJoined li{
	background: url(../images/icn_reccolm_smll.gif) no-repeat left 4px;
	}
.Coursehistory li, .Courselist .title {
	background: url(../images/icn_list_star.jpg) no-repeat left top;
	}
.Peoplesuggest li, .Alsotaking li, .licCourselist li {
	background: url(../images/icn_crscntr_persmnu.jpg) no-repeat left 2px;
	}
.licServicelist, .licCourselist {
	margin-left: 20px;
	}
.licCourselist ul li {
	background: url(../images/icn_listarrw_rgt.gif) no-repeat left;
	}

.licServicelist li {
	background: url(../images/icn_sqr_drkred.jpg) no-repeat left 2px;
	}

.Courselist ul {
	padding: 0;
	}
.Courselist .title,
.Courselist .comment {
	padding-left: 18px;
	}
	.Courselist a {
		display: block;
		padding: 4px;
		}
	.Courselist a:hover {
		text-decoration: none;
		background: url(../images/bg_mycourse_hover.gif) no-repeat left -36px;
		}
.Courselist .title {
	font-weight: bold;
	}
.Courselist .comment {
	font-size: 10px;
	}

/* @end */

/* @group Recent joined users */

.recentJoined .userName {
	font-weight: bold;
	}
	.recentJoined .userJoindate {
		font-size: 10px;
		}

/* @end */



/* @end */

/* @group Center column */

/* @group Course header */

.Courseheader {
	background: url(../images/img_crshead_12chinpron.jpg) no-repeat left top; }
.CourseheaderLng {
	background: url(../images/img_crshead_idioms_lng.jpg) no-repeat left top; }
.Courseheader h1, .CourseheaderLng h1 {
	margin: 0;
	padding: 17px 15px 18px;
	text-shadow: #333 3px 3px 2px;
	color: #FFF;
	font: bold 22px Verdana, Arial, Helvetica, sans-serif; }

/* @end */
.courseview, .productview {
	padding: 0; margin: 0;
	list-style-type: none;
	clear: both;
	}
.courseview {
	float: right;
	}
	.courseview li, .productview li {
		display: inline;
		font-family: Arial, Helvetica, sans-serif;
		}

.blckHead h1 {
		margin-top: 0;
		}
.container .centerColumn .blckCont {
	padding: 10px 5px;
	}
.container2col .centerColumn .blckCont {
	padding: 10px;
	}
	* HTML .centerColumn .blckCont {
		height: 10px;
		}
				
	.recColmn hr {
		margin: 0; padding: 0;
		border: 0;
		height: 0;
		visibility: hidden;
		clear: both;
		}
.centerColumn p {
	margin-top: 5px;
	}
.centerColumn .cccLevels p {
	border: 1px solid #F30;
	background: #FEF9EC;
	margin: 5px auto 10px;
	padding: 5px 10px;
	
	font-weight: bold;
	text-align: center;
	}
	.centerColumn .lvlMenu {
		list-style-type: none;
		padding: 0; margin: 0;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: center;
		
		}
		.centerColumn .lvlMenu li {
			width: 84px;
			display: block;
			float: left;
			padding: 2px 0;
			margin: 0 5px 10px;
			background: url(../images/bg_crscntr_lvlbtns.gif) no-repeat top;
			}
		.centerColumn .lvlMenu li a {
			font-weight: normal;
			width: 84px;
			}
	.centerColumn .cccColmn h2, .centerColumn .cccLevels h2 {
		font-size: 16px;
		color: #F60;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	.centerColumn .crsDescr hr {
		height: 1px;
		border: 0;
		margin: 5px 0; padding: 0;
		background: #F60;
		color: #F60;
		}
		.centerColumn .crsDescr .next {
			display: inline;
			margin-right: 25px;
			}
		.centerColumn .crsDescr h4 {
			font-size: 14px;
			margin: 0; padding: 0;
			}
		.centerColumn .crsDescr img {
			margin-right: 10px;
			}
		.centerColumn .crsDescr .progBar {
			float: right;
			margin-top: -28px;
			}

/* @group Overview type */

.Brevoverview h4 a, .Brevoverview h4 a:visited,
	.Listoverview h4 a, .Listoverview h4 a:visited {
		text-decoration: none;
		color: #000;
		}
	.Brevoverview h4 a:hover, .Brevoverview h4 a:visited:hover,
	.Listoverview h4 a:hover, .Listoverview h4 a:visited:hover {
		text-decoration: underline;
		}
	.Listoverview h4 a, .Listoverview h4 a:visited {
		padding-right: 20px;
		background: url(../images/icn_droplistarrow_right.gif) no-repeat right;
		}
		.Listoverview h4 a.dropped, .Listoverview h4 a.dropped:visited {
			background: url(../images/icn_droplistarrow_down.gif) no-repeat right;
			}
		.Listoverview h4 a:hover, .Listoverview h4 a:visited:hover {
			background: url(../images/icn_droplistarrow_down.gif) no-repeat right;
			}
		.Listoverview h4 span, .Brevoverview h4 span {
			background: url(../images/icn_headerdarkred.jpg) no-repeat left;
			padding: 4px 0 4px 30px;
			}
		.Listoverview .crsDescr ul {
			padding: 0; margin-left: 30px;
			list-style-type: none;
			}
			.Listoverview .crsDescr li a, .Listoverview .crsDescr li a:visited {
				text-decoration: none;
				color: #000;
				background: url(../images/icn_listbullit_darkred.gif) no-repeat left;
				padding-left: 17px;
				}
			.Listoverview .crsDescr li a:hover, .Listoverview .crsDescr li a:visited:hover {
				text-decoration: underline;
				}
	.Brevoverview p {
		padding-left: 10px;
		}
		.Brevoverview .crsDescr p {
			padding: 5px 0;
			}
			.Brevoverview .crsDescr p .trnsl {
				white-space: nowrap;
				}
			.Brevoverview .crsDescr p .trnsl img {
				vertical-align: text-bottom;
				margin: 0 1px;
				}
	.Brevoverview h5 {
		margin: 0;
		color: #FF6600;
		}
	.Brevoverview blockquote {
		margin-left: 25px;
		}
	.Brevoverview .timeind {
		background: url(../images/bg_crscntr_timeind.gif) no-repeat center;
		font-size: 10px;
		display: block;
		float: right;
		margin: -15px 30px 0 0;
		padding: 2px 0;
		width: 84px;
		text-align:center;
		}

/* @end */
	.centerColumn .comment {
		font-size: 10px;
		}

.lessonbrowse table {
	height: 25px;
	}
.lessonbrowse td {
	vertical-align: middle;
	}
.lessonbrowse form {
	font-size: 12px;
	margin: 0; padding: 0;
	}
.lessonbrowse .next, .lessonbrowse .previous {
	display: inline;
	font-size: 12px;
	}

a.vwtype {
	font-size: 10px;
	color: #000;
	text-align: center;
	text-decoration: none;
	
	display: block;
	float: left;
	width: 58px;
	padding: 1px 0 2px;
	margin: 0 2px;
	background: url(../images/bg_lssnovervwtype.gif) no-repeat left top;
	}
	a.vwtype:hover {
		background: url(../images/bg_lssnovervwtype.gif) no-repeat left -14px;
		color: #F9F4E5;
		}
	a.active {
		background: url(../images/bg_lssnovervwtype.gif) no-repeat left -14px;
		color: #F9F4E5;
		}

/* @group Planning calendar */

.planCalndr {
		margin: 0 0 0 10px;
		}
		.planCalndr .prev, .planCalndr .curr, .planCalndr .nxt {
			border-bottom: 1px solid #F60;
			}
		.planCalndr .prev, .lssn {
			background: url(../images/bg_lssnplanhead.gif) no-repeat left top;
			padding-left: 5px;
			}
		.planCalndr .curr {
			text-align: center;
			}
		.planCalndr .curr, .time, .visits {
			background: url(../images/bg_lssnplanhead.gif) no-repeat top;
			}
			.planCalndr .curr h4 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 16px;
				padding: 0; margin: 0;
				}
			.planCalndr h4, .month a.previous, .month a.next, .lssn, .time, .visits {
				color: #FFF;
				}
			.planCalndr h4, .planCalndr a.previous, .planCalndr a.next {
				display: inline;
				}
			.planCalndr a.previous, .planCalndr a.next {
				font-size: 12px;
				}
		.planCalndr .nxt {
			text-align: right;
			}
		.planCalndr .nxt, .spacer {
			background: url(../images/bg_lssnplanhead.gif) no-repeat right top;
			padding-right: 5px;
			}

.midspacer {
			background: url(../images/bg_lssnplanhead.gif) no-repeat top;
			}
		.planCalndr .day {
			height: 60px; width: 64px;
			border-left: 0px solid #F60;
			border-bottom: 0px solid #F60;
			background: url(../images/bg_lssnclndr_day.gif) no-repeat top right;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-align: right;
			vertical-align: top;
			color: #F60;
			padding: 2px; margin: 0;
			}
			.planCalndr .old {
				color: #FDAA72;
				}
			.planCalndr .left, .historylist .left, .licenseinfo .left {
				border-left: 1px solid #F90;
				}
			.planCalndr .right, .historylist .right, .licenseinfo .right {
				border-right: 1px solid #F90;
				}
			.planCalndr .plan {
				padding: 1px 2px; margin: 2px 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #FFF;
				background: #F60;
				text-align: left;
				clear: both;
				display: block;
				text-decoration: none;
				}
				.planCalndr .plan:hover {
					text-decoration: underline;
					}

/* @end */

/* @group History info */

.historylist, .licenseinfo {
			border-bottom: 1px solid #F90;
			margin-bottom: 5px;
			}
		.historylist .left {
			padding-left: 4px;
			}
			.historylist .left a, .historylist .left a:visited {
				color: #000;
				text-decoration: none;
				}
				.historylist .left a:hover, .historylist .left a:visited:hover {
					text-decoration: underline;
					}
		.licenseinfo .left {
			padding-left: 4px;
			}
		.historylist .right, .licenseinfo .right {
			padding-right: 4px;
			}
		.historylist .right {
			text-align: center;
			}
		.visits {
			text-align: center;
			}
		.lssn, .time, .visits, .catHead {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			height: 20px;
			font-weight: bold;
			color: #FFF;
			}
			.sublssn {
				background: url(../images/icn_listarrw_rgt.gif) no-repeat left;
				padding-left: 13px;
				margin-left: 5px;
				}
			.rows {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				}
				.odd, .licenseinfo .left, .licenseinfo .right, .licenseinfo .mid {
					background-color: #FEF7F2;
					}
				.even {
					background-color: #FAEADD;
					}
				.rows td {
					padding: 4px 0;
					vertical-align: middle;
					}
				.total td {
					border-top: 2px solid #F90;
					}
				.mid img {
					margin: 0 2px;
					}

/* @end */

/* @group License */

.licenseinfo .right {
			vertical-align: middle;
			}
		.licenseinfo p, .renewlic {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
		.licenseinfo p {
			text-align: left;
			padding: 4px 0 8px; margin: 0;
			}
			.licenseinfo p span {
				background: #F60;
				color: #FFF;
				padding: 1px 8px;
				}
			.renewlic {
				display: inline;
				background: url(../images/bg_lssnextlicens.gif) no-repeat left top;
				padding: 1px 15px 1px;
				font-size: 10px;
				text-align: center;
				text-decoration: none;
				color: #FFF;
				}
				.renewlic:hover {	
					background: url(../images/bg_lssnextlicens.gif) no-repeat left -14px;
					color: #000;
					}
			.licenseinfo .lvl, .licenseinfo .crs, .licenseinfo .mid {
				font-family: Arial, Helvetica, sans-serif;
				}
			.licenseinfo .lvl{ 
				font-weight: bold;
				font-size: 14px;
				}
			.licenseinfo .crs, .licenseinfo .mid {
				padding-left: 20px;
				font-size: 12px;
				}

/* @end */
	.productview a {
		padding: 2px 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		color: #F60;
		font-weight: bold;
		}
		.productview a:hover, .productview a.actve {
			background: #F60;
			color: #FFF;
			}

/* @group Idioms */

.Idioms .crsDescr {
			position: relative;
			}
		.Idioms .crsDescr .crsimg {
			float: right;
			padding: 5px;
			margin: 0 0 5px 5px;
			border: 1px solid #F60;
			background: #FFF;
			clear: right;
			}
		.Idioms .crsDescr p {
			padding-top: 5px;
			padding-bottom: 0;
			}
		.Idioms .crsDescr .trnsENG table, .Brevoverview .crsDescr .trnsPY table {
			border-left: 2px solid #F90;
			background-color: #FFF;
			margin: 0 0 0 20px;
			padding: 2px 0 2px 5px;
			}
			.Idioms .crsDescr .trnsENG table td, .Brevoverview .crsDescr .trnsPY table td {
				font-size: 10px;
				}
			.Idioms .crsDescr .trnsENG {
				background: url(../images/icn_translEN.gif) no-repeat 2px top;
				}
			.Idioms .crsDescr .trnsPY {
				background: url(../images/icn_translPY.gif) no-repeat 2px top;
				}
				
				
				
			.Idioms .rating {
				background: url(../images/bg_ratingbar.gif) no-repeat right top;
				width: 165px;
				height: 21px;
				float: right;
				margin: 0;
				
				position: relative;
				}
			.rating .ratethis {
				background: url(../images/btn_ratethis.gif) no-repeat left top;
				display: block;
				margin: 3px 0 0 6px;
				width: 58px; height: 15px;
				text-indent: -9999px;
				}
				.rating .ratethis:hover {
					background: url(../images/btn_ratethis.gif) no-repeat left -15px;
					}
				.rating .ratestars {
					width: 85px;
					float: right;
					margin: 2px 6px 0 0;
					}
					.rating .ratestars img {
						margin: 0 1px;
						}
				.rating .ratepop {
					background: url(../images/bg_ratingpopup.png) no-repeat left top;
					width: 81px; height: 21px;
					position: absolute;
					top: -3px; left: 0px;
					padding: 3px;
					}
					.rating .ratepop .ratingstar {
						background: url(../images/btn_ratingstar.gif) no-repeat left top;
						display: block; float: left;
						width: 15px; height: 15px;
						margin: 0; padding: 0;
						text-indent: -9999px;
						}
						.rating .ratepop .ratingstar:hover {
							background: url(../images/btn_ratingstar.gif) no-repeat left -15px;
							}
						.rating .ratepop .active {
							background: url(../images/btn_ratingstar.gif) no-repeat left -15px;
							}
							
							
				.Idioms .foreignopin {
					background: url(../images/btn_foreignopinion.gif) no-repeat left top;
					width: 146px; height: 21px;
					margin-top: 5px;
					display: block;
					text-indent: -9999px;
					float: right;
					}
					.Idioms .foreignopin:hover {
						background: url(../images/btn_foreignopinion.gif) no-repeat left -21px;
						}
		.Idioms .opinion {
			clear: both; }
		.Idioms .opinion .row1 .col1 {
			background: url(../images/bg_cmmthead.gif) no-repeat left top;
			height: 20px;}
		.Idioms .opinion .row1 .col1,
		.Idioms .opinion .row1 .col1 a {
			color: #FFF;
			padding-left: 5px;
			font-size: 12px;
			text-decoration: none;
			}
			.Idioms .opinion .row1 .col1 a {
				font-weight: bold; }
			.Idioms .opinion .row1 .col2 {
				background: url(../images/bg_cmmthead.gif) no-repeat right top;
				}
		.Idioms .opinion .row2 .col1 {
			background: #FFF;
			border-bottom: 1px solid #FBAA72;
			border-left: 1px solid #FBAA72;
			border-right: 1px solid #FBAA72;
			}
			.Idioms .opinion .row2 .col1 p {
				font-weight: normal;
				padding: 0 10px 5px 10px;
				}
			.Idioms .aboutWriter {
				background: #FBAA72;
				float: right;
				width: 180px;
				margin-left: 10px;
				overflow: auto;
				}
				.Idioms .aboutWriter h6 {
					font-size: 14px;
					font-weight: bold;
					color: #FFF;
					margin: 0; padding: 5px 10px;
					}
				.Idioms .aboutWriter img {
					margin: 0px;
					float: right;
					margin: 5px;	
					}
				.Idioms .aboutWriter p {
					font-size: 10px;
					/*clear: both;*/
					}

/* @end */

/* @group Lesson's tabs */

a.vocabWrd {
		color: #F60;
		text-decoration: none;
		margin: 0 1px;
		padding: 0 1px;
		}
		a.vocabWrd:hover {
			background: #F60;
			color: #FFF;
			font-weight: normal;
			}
	sup.noteWrd a {
		font-size: 8px;
		text-decoration: none;
		margin: 0 2px;
		padding: 1px 2px;
		font-weight: bold;
		background: #F60;
		color: #FFF;
		}
		sup.noteWrd a:hover {
			background: none;
			color: #F60;
			}
	.lssnTabs {
		margin: 0; padding: 0;
		list-style-type: none;
		clear: both;
		border-bottom: 1px solid #FBAA72;
		height: 17px;
		width: 708px;
		}
		.lssnTabs li {
			margin: 0; padding: 0;
			float: left;
			}
			.lssnTabs a {
				display: block;
				width: 73px;
				padding: 2px 0; margin: 0 1px 0;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #FFF;
				text-align: center;
				text-decoration: none;
				
				background: url(../images/btn_lssntabs.gif) no-repeat left top;
				height: 13px;
				font-size: 10px;
				}
			.lssnTabs a:hover, .lssnTabs .active {
				background: url(../images/btn_lssntabs.gif) no-repeat left -17px;
				}

	.Idioms .lssnBlock .row1 {
		}
		.Idioms .lssnBlock {
			padding: 0;
			}

/* @group Discussion */

.discussion .questions {
			margin-top: 5px;
			margin-bottom: 5px;
			}
		.discussion .questions .row1 .col1, .discussion .questions .row1 .col2 {
			color: #FFF;
			font-size: 12px;
			}
		.discussion .questions .row1 .col1 {
			background: url(../images/bg_cmmthead.gif) no-repeat left top;
			width: 210px;
			height: 20px;
			padding-left: 4px;
			}
		.discussion .questions .row1 .col2 {
			background: url(../images/bg_cmmthead.gif) no-repeat right top;
			padding-left: 4px;
			}
		.discussion .questions .row2 .col1 {
			border-left: 1px solid #FBAA72;
			background: #F7D9C3;
			padding: 4px;
			vertical-align: top;
			}
		.discussion .questions .row2 .col2 {
			border-right: 1px solid #FBAA72;
			background: #FFF;
			padding: 4px;
			}
		.discussion .questions .row2 .col1, .discussion .questions .row2 .col2 {
			border-bottom: 1px solid #FBAA72;
			}
			.discussion .questions .row2 .col1 ul {
				list-style-type: none;
				margin: 0; padding: 0;
				}
			.discussion .questions .row2 .col1 li {
				border: 1px solid #F60;
				margin-bottom: 3px;
				}
			.discussion .questions .row2 .col1 li a {
				color: #000;
				text-decoration: none;
				display: block;
				background: url(../images/bg_lssnblck_questarrw.gif) no-repeat right;
				padding: 2px 14px 2px 2px;
				}
			
			.discussion .questions .row2 .col1 li a:hover, .discussion .questions .row2 .col1 li .active {
				background: url(../images/bg_lssnblck_questarrw.gif) no-repeat right #FFF;
				}

	/* Discussion replies */
		.discussion .replies, .discussion .postCmmt {
			clear: both;
			font-family: Arial, Helvetica, sans-serif;
			margin-bottom: 5px;
			margin-top: 5px;
			border-bottom: 1px solid #FBAA72;
			}
			.discussion .replies .row1 td, .comments .row3 td {
				font-size: 10px;
				vertical-align: middle;
				}
			.discussion .replies .row1 .col1 {
				width: 115px; height: 20px;
				background: url(../images/bg_cmmthead.gif) no-repeat left top;
				}
				.discussion .replies .row1 .col1 a, .discussion .replies .row1 .col2 {
					text-decoration: none;
					color: #FFF;
					}
				.discussion .replies .row1 .col1 img, .discussion .postCmmt .row1 .col1 img {
					margin: 0 3px;
					}
				
			.discussion .replies .row1 .col2, .discussion .postCmmt .row1 .col2 {
				background: url(../images/bg_cmmthead.gif) no-repeat right top;
				padding-right: 4px;
				}
			.discussion .replies .row1 .col2, .discussion .replies .row3 .col2 {
				text-align: right;
				}
			.discussion .replies .row2 td, .discussion .postCmmt .row2 td {
				font-size: 12px;
				}
				.discussion .replies .username {
					color: #F30;
					text-decoration: none;
					}
					.discussion .replies span.username {
						font-weight: normal;
						}
					.discussion .replies a.username {
						font-weight: bold;
						}
					.discussion .replies a.username:hover {
						text-decoration: underline;
						}
			.discussion .replies .row2 .col1 {
				background: url(../images/bg_cmmt_leftcol.gif);
				vertical-align: top;
				font-weight: bold;
				padding: 4px;
				}
				.discussion .replies .row2 .col1 img {
					margin-top: 3px;
					}
			.discussion .replies .row2 .col2 {
				padding: 8px 12px;
				background: url(../images/bg_cmmt_cmmtbg.gif) no-repeat right top #FEF8F4;
				}
				.discussion .replies .row2 .col2 p.comment {
					padding: 0; margin: 0;
					}
			.discussion .replies .row3 td {
				height: 21px;
				}
				.discussion .replies .row3 .btnReply {
					background: url(../images/btn_cmmt_reply.gif) no-repeat left top;
					}
					.discussion .replies .row3 .btnReply:hover {
						background: url(../images/btn_cmmt_reply.gif) no-repeat left -22px;
						}
				.discussion .replies .row3 .btnQuote {
					background: url(../images/btn_cmmt_quote.gif) no-repeat left top;
					}
					.discussion .replies .row3 .btnQuote:hover {
						background: url(../images/btn_cmmt_quote.gif) no-repeat left -22px;
						}
					.discussion .replies .row3 .btnReply, .discussion .replies .row3 .btnQuote {
						display: block; float: left;
						width: 57px; height: 22px;
						text-indent: -9999px;
						}
				.discussion .replies .row3 .col2 {
					vertical-align: middle;
					color: #F60;
					}
				.discussion .replies .row3 .btnZhong {
					width: 26px;
					background: url(../images/btn_cmmt_transZH.gif) no-repeat left top;
					}
					.discussion .replies .row3 .btnZhong:hover {
						background: url(../images/btn_cmmt_transZH.gif) no-repeat left -22px;
						}
				.discussion .replies .row3 .btnEng {
					width: 23px;
					background: url(../images/btn_cmmt_transEN.gif) no-repeat left top;
					}
					.discussion .replies .row3 .btnEng:hover {
						background: url(../images/btn_cmmt_transEN.gif) no-repeat left -22px;
						}
					.discussion .replies .row3 .btnZhong, .comments .row3 .btnEng {
						display: block; float: left;
						height: 22px;
						text-indent: -9999px;
						}
				.discussion .replies .row3 .col3 {
					width: 49px;
					white-space: nowrap;
					}
				.discussion .replies .row3 .col1 {
					background: url(../images/bg_cmmt_leftcol.gif) repeat-y left;
					}
				.discussion .replies .row3 .col2, .discussion .replies .row3 .col3 {
					background: url(../images/bg_cmmt_row3bg.gif) repeat-x bottom #FEF8F4;
					}
					
			/* Reply styles */
				.discussion .replies .reply a {
					color: #F60;
					font-weight: bold;
					text-decoration: none;
					}
				.discussion .replies .reply, .discussion .replies .reply p, .discussion .replies .translation p {
					font-size: 10px;
					}
					.discussion .replies .reply p {
						padding: 6px 6px 6px 16px; margin: 0 0 5px;
						border: 1px solid #F60;
						background: url(../images/bg_cmmt_replybgLT.gif) no-repeat left top #FCF0E8;
						}
					.discussion .replies .translation p {
						padding: 5px; margin: 0 0 5px;
						border: 1px solid #F60;
						background: #FCF0E8;
						}
						.translZH, .translEN {
							padding: 0 0 0 18px; margin: 0;
							}
							.translZH {
								background: url(../images/icn_translZH.gif) no-repeat left top #FEF8F4;
								}
							.translEN {
								background: url(../images/icn_translEN.gif) no-repeat left top #FEF8F4;
								}
				.cmmtPages a {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					color: #000;
					text-decoration: none;
					padding: 2px 2px;
					}
					.cmmtPages a:hover {
						text-decoration: underline;
						background-color: #F60;
						color: #FFFFFF;
						}
				a.currPg {
					font-weight: bold;
					font-size: 1.2em;
					}
				hr.ruler {
					clear: both;
					border: 0px;
					background-color: #F60;
					color: #F60;
					height: 1px;
					
					margin: 0 0 5px 0;
					}

/* @end */

/* @end */

/* @group Vocabulary */

.vocab {
			border-bottom: 1px solid #FBAA72;
			margin-top: 5px;
			}
		.vocab .row1 td {
			font-size: 10px;
			color: #FFF;
			height: 16px;
			}
		.vocab .row1 .col1 {
			background: url(../images/bg_cmmthead.gif) no-repeat left top;
			width: 115px;
			}
			.vocab .col1, .vocab .col2, .vocab .col3 {
				text-align: center;
				}
			.vocab .contRow .col1,
			.vocab .lastrow .col1 {
				border-left: 1px solid #FBAA72;
				background: #F7D9C3;
				}
				.vocab .contRow .col1 a {
					font-size: 12px;
					color: #000;
					font-weight: bold;
					text-decoration: none;
					}
					.vocab .contRow .col1 a:hover {
						text-decoration: underline;
						}
		.vocab .row1 .col2, .vocab .row1 .col3, .vocab .row1 .col4 {
			background: url(../images/bg_cmmthead.gif) no-repeat top;
			}
		.vocab .contRow .col2 {
			width: 100px;
			}
		.vocab .contRow .col3 {
			width: 60px;
			}
		.vocab .row1 .lastcol {
			background: url(../images/bg_cmmthead.gif) no-repeat right top;
			}
			.vocab .contRow .col5 {
				width: 250px;
				}
			.vocab .contRow .lastcol, .vocab .lastrow .lastcol {
				border-right: 1px solid #FBAA72;
				}
		.vocab .lastrow .col1 {
			font-size: 10px;
			}
			.vocab .lastrow a.next {
				margin: 0;
				width: auto;
				}
		.vocab ol>li {
			margin-bottom: 5px;
			}
			.vocab ol ul {
				list-style-type: none;
				margin-left: 10px;
				padding-left: 0px;
				}
			.vocab form {
				margin: 4px;
				}

/* @end */

/* @group Character course */

.courseWrap {
	margin-bottom: 5px; }
.courseWrap .icon {
	float: left;
	margin-right: 5px; }
.courseWrap .toolDescript { }
.courseWrap h4 {
	border-bottom: 1px solid #f30;
	margin-left: 60px; }
.courseWrap h4, .courseWrap h4 a, .courseWrap h4 a:visited { 
	padding: 5px 0 2px;
	color: #f30;
	text-decoration: none;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 5px; }
.courseWrap h4 a:hover {
	text-decoration: underline; }
.courseWrap p.nroflessons {
	margin: 3px 0 0;
	padding: 0;
	font-weight: bold; }
.courseWrap .coursedescr {
	clear: both;
	margin: 0;
	padding: 5px 5px 7px;
	line-height: 16px;
	width: 75%; }
.courseWrap .endline {
	border-bottom: 1px solid #FFA366;
	font: 1px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	clear: both;
}

/* @group See lessons Button */

.courseWrap .btnSeelessons {
	background: url(../images/btn_seelessons.jpg) no-repeat 0 0;
	width: 91px;
	height: 20px;
	display: block;
	margin-bottom: 5px; }
.courseWrap .btnSeelessons span {
	display: none; }
.courseWrap .btnSeelessons:hover, .courseWrap .btnSeelessons.active {
	background-position: 0 -24px; }
.courseWrap .btnSeelessons.active:hover {
	background-position: 0 0; }

/* @end */

.courseWrap .lessonWrap {
	border-top: 1px solid #f60;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* @group Single lesson */

.courseWrap .single-lesson {
	background: url(../images/bg_lesson-rect.gif) no-repeat left top;
	width: 210px;
	float: left;
	height: 43px;
	padding: 6px;
	margin-bottom: 5px;
	margin-right: 4px; }
.courseWrap .single-lesson .icon, .courseWrap .single-chapter .icon {
	float: left;
	margin-right: 8px; }
.courseWrap .single-lesson h5, .courseWrap .single-chapter h5 {
	border-bottom: 1px solid #FFB27F;
	margin-left: 47px;
	padding-bottom: 3px;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-top: 3px; }
.courseWrap .single-lesson h5 a, .courseWrap .single-chapter h5 a {
	color: #000;
	text-decoration: none; }
.courseWrap .single-lesson h5 a:hover, .courseWrap .single-chapter h5 a:hover {
	text-decoration: underline; }
.courseWrap .single-lesson p, .courseWrap .single-chapter p {
	font-size: 10px;
	margin: 3px 0 0;
	padding: 0; }

/* @end */

/* @group Single chapter */

.single-chapter {
	margin-bottom: 5px; }
.single-chapter ul {
	margin: 10px 0 10px 66px;
	padding: 0;
	clear: both;
	font: 12px/18px Arial, Helvetica, sans-serif;
	list-style-type: decimal; }
.single-chapter li { }
.single-chapter li a {
	color: #000;
	text-decoration: underline; }
.single-chapter li a:hover {
	text-decoration: none; }

/* @end */

/* @end */

/* @end */

/* @group Right column */

.colBlock {
	margin-bottom: 10px;
	}

/* @group Chinese signs */

.rightColumn .Col02cont ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	.rightColumn .Col02cont {
		padding: 0 5px;
		}
	.rightColumn .Col02cont .userName {
		font-size: 12px;
		font-weight: bold;
		color: #F40;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	.rightColumn .Col02cont p {
		margin: 0 5px 0 0;
		padding: 6px;
		}
	.rightColumn .Col02cont p img {
		float: left;
		margin-right: 10px;
		border: 0px;
		}

/* @end */

/* @end */