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

#coursewareLayer {
	display:none;
}
#coursewareLayerNew {
	display:block;
}
.lessonListcss{ 
	font-size:12px; 
	line-height:27px; 
	padding-left:39px; 
	background:url(../courseImages/bg14.gif) 12px 5px no-repeat;}
}
.playwrapper ol, ul {
	list-style: none;
	margin:0;
	padding:0;
}


input,textarea,select       { font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select       { *font-size:100%;}
p                           { line-height:18px; font-size:12px; }

.clear-block:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-block
{ display: inline-block;}
* html .clear-block
{ height: 1%;}
.clear-block
{ display: block;}

.no-display	{ display:none;}
.currentLesson {font-weight:bold}

.playwrapper	{ width:1000px;  margin:0 auto;}/******************/
.playwrapper .playclose	{ height:19px; padding-right:10px;}
.playwrapper .playclose img	{ display:block; float:right; }
.playwrapper .close {
	background-image:url(../images/k_red.gif);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:15px;
	width:15px;
}
.playwrapper .playmain,
.playwrapper .playmain2,
.playwrapper .playmain3,
.playwrapper .playmain4	{ height:641px; }/******************/
.playwrapper .playmain	{ background:#d0cfcf url(../courseImages/bg_left_top.gif) left top no-repeat;}
.playwrapper .playmain2	{ background:url(../courseImages/bg_right_top.gif) right top no-repeat;}
.playwrapper .playmain3	{ background:url(../courseImages/bg_right_bottom.gif) right bottom no-repeat;}
.playwrapper .playmain4	{ background:url(../courseImages/bg_left_bottom.gif) left bottom no-repeat;}
.playwrapper .playmain .playleft	{ width:246px; float:left; clear:left;}
.playwrapper .playmain .playleft	{ display:inline; margin-left:8px; margin-top:8px;}
.playwrapper .playmain .playleft .teachervideo	{ width:240px; height:160px; background:#ccc; margin:0; border:2px solid #707070; overflow:hidden;position:relative;}
#teacherPic {width:240px; height:160px;}
.playwrapper .playmain .playleft .teachervideo .teacherSwitcher{
	right:0px;
	background-color:#999;
	position:absolute;
	width: 48px;
	height: 15px;
	overflow:hidden;
	z-index:2;
}
.playwrapper .playmain .playleft .teachervideo .videoOn {
	width:96px;
	position:relative;
	cursor: pointer;
}

.playwrapper .playmain .playleft .teachervideo .videoOff {
	left:-48px;
}
.playwrapper .playmain .playleft .teachervideo .maskWindow {
	position:relative;
	z-index:1;
}
.playwrapper .playmain .playleft .teachervideo .maskWindowPic {
	top:-160px;
}
.playwrapper .playmain .playleft .lessonstate	{ width:243px; height:490px; border:1px solid #b2c9d7; background:#fff; margin-top:4px;}
.playwrapper .playmain .playleft .lessonstate	{ height:453px;}
.playwrapper .playmain .playleft .lessonstate .lessontab	{ }
.playwrapper .playmain .playleft .lessonstate .lessontab ul	{ }
.playwrapper .playmain .playleft .lessonstate .lessontab ul li	{ width:81px; height:24px; float:left; font:normal 12px arial;}
.playwrapper .playmain .playleft .lessonstate .lessontab ul li a.nav	{ width:80px; height:24px; color:#1e50a2; text-align:center; text-decoration:none; background:url(../courseImages/bg3.gif) left top repeat-x; line-height:24px; border-bottom:1px solid #b2c9d7;  display:block;}
.playwrapper .playmain .playleft .lessonstate .lessontab ul li a.lessonList	{ border-right:1px solid #b2c9d7;}
.playwrapper .playmain .playleft .lessonstate .lessontab ul li a.lessonIntroduce	{ border-right:1px solid #b2c9d7;}
.playwrapper .playmain .playleft .lessonstate .lessontab ul li a.techerIntroduce	{ }
.playwrapper .playmain .playleft .lessonstate .lessontab ul li a.active	{ border-bottom:1px solid #fff; font-weight:bold; background:url(../courseImages/bg2.gif) left top repeat-x;}
.playwrapper .playmain .playleft .lessonstate .lessontab ul li a:hover	{ }
.playwrapper .playmain .playleft .lessonstate .lessonlist	{ padding-top:10px; overflow-y:auto; height:409px;}
.playwrapper .playmain .playleft .lessonstate .lessonlist ul	{ }
.playwrapper .playmain .playleft .lessonstate .lessonlist ul li	{ font-size:12px; line-height:27px; padding-left:39px; background:url(../courseImages/bg14.gif) 12px 5px no-repeat;}
.lessonListcss	{ font-size:12px; line-height:27px; padding-left:39px; background:url(../courseImages/bg14.gif) 12px 5px no-repeat;}
.playwrapper .playmain .playleft .lessonstate .lessonlist ul li a	{ color:#333; text-decoration:none;}
.playwrapper .playmain .playleft .lessonstate .lessonintroduce	{ padding:10px; font-size:12px; text-indent:24px; line-height:20px;overflow-y:auto; height:409px;}
.playwrapper .playmain .playleft .lessonstate .techerintroduce	{ padding:10px; font-size:12px;  line-height:20px; text-indent:24px;overflow-y:auto; height:409px;}
.playwrapper .playmain .playleft .lessonstate .techerintroduce img	{ display:block; margin:0 10px 10px 0; float:left;}
.playwrapper .playmain .playright	{ width:748px; float:right; clear:right;}
.playwrapper .playmain .playright	{ width:740px; margin-top:8px;}
.playwrapper .playmain .playright .player	{ }
.playwrapper .playmain .playright .player .topbar	{ width:745px; height:13px; background:url(../courseImages/bg4.gif) left top no-repeat;}
.playwrapper .playmain .playright .player .middel	{ }
.playwrapper .playmain .playright .player .middel .leftbar	{ width:13px; height:576px; float:left; background:url(../courseImages/bg6.gif) left top no-repeat;}
.playwrapper .playmain .playright .player .middel .video	{ width:720px; height:576px; float:left; background:#7aa682;}
.playwrapper .playmain .playright .player .middel .video	{ display:inline; margin-left:3px; border:3px solid #707070;}
.playwrapper .playmain .playright .player .middel .rightbar	{ width:12px; height:576px; float:left; background:url(../courseImages/bg7.gif) left top no-repeat;}
.playwrapper .playmain .playright .player .bottombar	{ width:745px; height:14px; background:url(../courseImages/bg5.gif) left top no-repeat;}
.playwrapper .playmain .playright .player .playbar	{ }
.playwrapper .playmain .playright .download	{ margin-top:10px; margin-left:3px;}
.playwrapper .playmain .playright .download	.d1 { background:url(../courseImages/bg8.gif) 5px 5px no-repeat; text-indent:28px;}
.playwrapper .playmain .playright .download	.d2 { background:url(../courseImages/bg9.gif) 5px 6px no-repeat; text-indent:28px;}
.playwrapper .playmain .playright .download	.d3 { background:url(../courseImages/bg10.gif) 5px 6px no-repeat; text-indent:28px;}
.playwrapper .playmain .playright .download	.d4 { background:url(../courseImages/bg11.gif) 5px 6px no-repeat; text-indent:28px;}
.playwrapper .playmain .playright .download	.d5 { background:url(../courseImages/bg12.gif) 5px 5px no-repeat;  text-indent:28px;}
.playwrapper .playmain .playright .download	.d6 { background:url(../courseImages/bg13.gif) 13px 6px no-repeat;  text-indent:38px;}
.playwrapper .playmain .playright .download table	{ background:#628eab;}
.playwrapper .playmain .playright .download table td	{ background:#fff; text-align:left; width:120px; color:#aaa;}/******************/
.playwrapper .playmain .playright .download table td a	{ font:normal 12px/28px arial; text-align:left; text-decoration:none; color:#333;}
.playwrapper .playmain .playright .download table td a.no	{ color:#aaa;}