.fl{
	float: left;
	display: inline-block;
}

.fr{
	float: right;
	display: inline-block;
}

div.learning-warp,div.footer{
    margin: 0 auto;
    min-width: 1000px;
    width: 100%;
}

#LearningContent{
    margin: 0 auto;
    max-width: 1079px;
    min-width: 1000px;
    position: relative;
    padding-top: 10px;
}


#breadcrumbs{
	height: 30px;
	width: 100%;
	background-color: #F6F6F6;
	cursor: default;
}

#breadcrumbs .nav-text{
	height: 30px;
	line-height: 30px;
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
}

#tcs{
	width: 100%;
	border: 1px solid #E2E2E2;
	margin: 10px 0 10px 0;
	cursor: default;
}

#tcs ul{
	padding: 5px 20px;
}

#tcs ul li{
	border-top: 1px dotted #E5E5E5;
	font-size: 16px;
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 6px;
}

#tcs ul li span{
	padding-right: 15px;
	height: 20px;
	display: inline-block;
	float: left;
	line-height: 20px;
	font-size: 14px;
	margin-top: 6px;
}

#tcs ul li a{
	display: inline-block;
	float: left;
	height: 20px;
	padding: 0 5px;
	margin: 6px 5px 0 5px;
	text-decoration: none;
	line-height: 20px;
	font-size: 12px;
	color: #666666;
	white-space:nowrap;
}
#tcs ul li a:HOVER,#tcs ul li a.click{
	background-color: #15A0E1;
	color: #FFF;
}

#tcs div{
	margin-left: 50px;
}

#scs{
    background-color: #f6f6f6;
    float: left;
    height: 1140px;
    width: 290px;	
}

#ContentsName{
	line-height: 50px;
	font-size: 24px;
	cursor: default;
	text-align: center;
	line-height: 35px;
	/*padding: 10px;*/
	height: 10px
}

#nav_list{
	background-color: #F6F6F6;
	height: 1060px;
}

ul.nav-unit-items{
	height: 100%;
	position: relative;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

ul.nav-unit-items li{
	width: 100%;
	display: block;
	position: relative;
	padding: 2px 0;
}

ul.nav-unit-items li div{
	position: absolute;
	height: 30px;
	width: 2px;
	top: 0;
	left: 14px;
	background-color: #D2D2D2;
}

ul.nav-unit-items li div em{
	display: block;
	width: 4px;
	background-color: #15A0E1;
	height: 14px;
	top: 8px;
	left: -1px;
	position: relative;
}

ul.nav-unit-items li span{
	height: 26px;
	line-height: 26px;
	width: 250px;
	cursor: default;
	display: block;
	padding-left: 30px;
	font-size: 14px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

li span.node-name.click,li span.node-name.hover{
	background-color: #6ac3ec;
}

ul.nav-unit-items li span em{
	position: relative;
	float: left;
	height: 15px;
	width: 15px;
	top: 6px;
	margin-right: 4px;
	background: url("../images/bksk/preparLesson.png") transparent no-repeat -10px -170px scroll;
}

ul.nav-unit-items li span.click em{
	background-position: -25px  -170px;
}

ul.second-items li.second-item span{
	padding-left: 50px;
	width: 230px;
}

ul.third-items li.third-item span{
	padding-left: 70px;
	width: 210px;
}


div.resources-type,div.resources-search,div.resources-data{
	width: 100%;
	position: relative;
}

div.resources-type{
	height: 35px;
	border-bottom: 1px solid #DCDCDC;
	margin-bottom: 15px;
}

div.resources-search{
	height: 100px;
	background-color: #F6F6F6;
	cursor: default;
	border: 1px solid #E2E2E2;
	margin-bottom: 15px;
}

div.resources-data{
	margin-bottom: 15px;
}

div.resources-type ul{
	height: 100%;
	width: 100%;
	display: block;
}

div.resources-type ul li{
	display: inline-block;
	float: left;
	height: 100%;
}

div.resources-type a{
	display: block;
	height: 34px;
	padding: 0 30px;
	line-height: 35px;
	font-size: 17px;
	text-decoration: none;
	color: #333;
	background-color: #F6F6F6;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #DCDCDC;
}

div.resources-type li.click a{
	color: #FFF;
	background-color: #15A0E1;
	border-color: #15A0E1;
}

#upload_doc{
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #F6F6F6;
	border: 1px solid #DCDCDC;
	color: #333;
	border-bottom: 0 none;
}

#upload_doc:HOVER{
	background-color: #15A0E1;
	border: 1px solid #15A0E1;
	color: #FFF;
}



#res_type ul{
	height: 100%;
	position: relative;
	display: block;
	width: 100%;
	height: 75px;
	padding: 2px 0 3px 0;
}

#res_type ul li{
	height: 25px;
	display: block;
}

#res_type ul li label,#res_type ul li a{
	display: inline-block;
	height: 25px;
	line-height: 25px;
	float: left;
}

#res_type ul li label{
	width: 50px;
	text-align: left;
}

#res_type ul li a,#smalltabtype a{
	text-decoration: none;
	color: #333;
	padding: 0 5px;
	margin-right: 10px;
}

#res_type ul li a.click,#smalltabtype a.click{
	color: #41B0E4;
}

#res_count,#res_type,#res_search{
	position: relative;
	display: inline-block;
	float: left;
	height: 75px;
	padding: 10px 0;
}

#res_count{
	/*width: 80px;*/
	padding-top: 15px;
	margin: 0 10px;
}

#res_type{
	padding-left: 20px;
	padding-right: 20px;
}

#res_search{
	height: 30px;
	padding: 5px 0;
	margin-right: 20px;
	position: absolute;
	top: 18px;
	right: 0px;
}

#res_search span{
	background-color: #FFF;
	display: block;
	height: 100%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border: 1px solid silver;
	overflow: hidden;
	padding-right: 30px;
}

#res_type a,#smalltabtype a{
	color: #333333;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
}

#smalltabtype a{
	padding: 5px 10px;
	margin: 0 20px;
}

#res_type a:HOVER,#res_type a.click,#smalltabtype a.click,#smalltabtype a:HOVER{
	color: #00B7FF;
}

#smalltabtype a:HOVER,#smalltabtype a.click{
	border-bottom: 2px solid #00B7FF; 
}

#res_search input{
	border: 0 none;
	height: 26px;
	line-height: 24px;
	padding: 2px 5px;
	width: 160px;
}

#res_search label{
	display: block;
	height: 26px;
	position: absolute;
	top: 9px;
	left: 5px;
	color: #999999;
	line-height: 26px;
	cursor: text;
}

#res_search em{
	height: 24px;
	width: 24px;
	display: block;
	position: absolute;
	top: 10px;
	right: 4px;
	background: url("../images/bksk/preparLesson.png") transparent no-repeat -10px -185px scroll;
	cursor: pointer;
}

#scs_data{
	margin-left: 300px;
	height: 1140px;
	width: 700px;
}

#resources-ul li{
	padding: 10px 0;
	height: 70px;
	border-bottom: 1px solid #dcdcdc;
}

div.data-description,div.data-action{
	padding: 5px;
	height: 60px;
}

div.data-description{
	overflow: hidden;
	/* min-width: 360px; */
	max-width: 380px;
}

div.data-description label,div.data-action label{
	margin-left: 10px;
	line-height: 30px;
	cursor: default;
	color: #333;
}

div.data-action label{
	line-height: 40px;
}

div.data-icon{
	width: 52px;
	margin-right: 10px;
	height: 60px;
	margin: 5px 10px 0 0;
}

div.data-icon img{
	width: 100%;
    height: 100%;
}

div.data-description div,div.data-action div{
	/*line-height: 30px;overflow: hidden;*/
}

div.data-description div.title a{
	font-size: 16px;
	color: #17a27e;
	font-weight: normal;
}

div.data-description div.title a:HOVER{
	color: #f90;
}

div.data-action{
	/* border-left: 1px solid #d7d7d7; */
}

div.data-action a{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 3px 10px;
	display: inline-block;
	color: #fff;
	line-height: 20px;
	margin: 0 5px;
	text-align: center;
	text-decoration: none;
}

div.data-action a.disabled{
	cursor: default!important;
	background-color: #c9c9c9!important;
	border: 1px solid #c9c9c9!important;
}

div.data-action a.preparation,div.data-action a.teaching,div.data-action a.preview{
	background-color: #4fc1e9;
	border: 1px solid #4fc1e9;
}
div.data-action a.preparation:HOVER,div.data-action a.teaching:HOVER,div.data-action a.preview:HOVER{
	background-color: #3caed6;
	border: 1px solid #3caed6;
}

div.data-action a.download{
	background-color: #37bc9b;
	border: 1px solid #37bc9b;
}
div.data-action a.download:HOVER{
	background-color: #2aad8d;
	border: 1px solid #2aad8d;
}
div.data-action a.edit{
	background-color: #a1d36e;
	border: 1px solid #a1d36e;
}
div.data-action a.edit:HOVER{
	background-color: #8bc054;
	border: 1px solid #8bc054;
}
div.data-action a.favorites,div.data-action a.preview-video{
	background-color: #5d9cec;
	border: 1px solid #5d9cec;
}
div.data-action a.favorites:HOVER,div.data-action a.preview-video:HOVER{
	background-color: #4a89da;
	border: 1px solid #4a89da;
}

div.data-action a.delete,div.data-action a.complaints{
	background-color: #fc6e51;
	border: 1px solid #fc6e51;
}
div.data-action a.delete:HOVER,div.data-action a.complaints:HOVER{
	background-color: #ed593b;
	border: 1px solid #ed593b;
}

/*
*/
#upload_resources{
	width: 590px;
	position: relative;
	padding: 5px;
}

#upload_resources div.div-table{
	height: 100%;
	width: 100%;
	position: relative;
	font-size: 14px;
}

#upload_resources div.div-tr{
	position: relative;
	width: 100%;
	vertical-align: top;
	clear: both;
}
#upload_resources div.div-td{
	position: relative;
}

#upload_resources div.div-cell{
	line-height: 100%;
	padding: 5px 10px;
	position: relative;
}

#upload_resources div.div-td.td-label{
	width: 100px;
	text-align: left;
	height: 24px;
	line-height: 24px;
	cursor: default;
	float: left;
	top: 5px;
}

#upload_resources div.div-td.td-field{
	margin-left: 100px;
}

#select_file,#select_imgs{
	display: inline-block;
	margin-right: 30px;
	padding-right: 10px;
	cursor: pointer;
	width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 24px;
	line-height: 24px;
}

#select_file a,#select_imgs a,#select_file span,#select_imgs span{
	display: inline-block;
	line-height: 24px;
}

#upload_resources select,#upload_resources input.text,#upload_resources textarea{
	height: 26px;
	line-height: 26px;
	padding: 2px 3px;
	border: 1px solid #DCDCDC;
	margin-right: 10px;
}

#upload_resources input.text{
	margin: 0;
	height: 20px;
	line-height: 20px;
	width: 300px;
	padding: 2px 5px;
}

#upload_resources textarea{
	margin: 0;
	height: 50px;
	width: 450px;
	resize: none;
}

#btn_upload{
	padding: 3px 20px;
	line-height: 26px;
	background-color: #15A0E1;
	color: #FFF;
	margin-right: 20px;
	font-size: 14px;
	display: inline-block;
	width: 70px;
	text-align: center;
	text-decoration: none;
}

#btn_upload:HOVER{
	background-color: #3481f6;
}

#select_imgs,#hidden_chapter,#hidden_lesson{
	display: none;
}

#win_comment,#win_complaints{
	height: 265px;
	width: 400px;
	position: relative;
}

div.warp-content{
	height: 220px;
	width: 100%;
	position: relative;
}

div.win-btn{
	height: 35px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 0 10px 0;
}

 div.win-btn a.btn-ok{
 	background-color: #3399FF;
 	height: 25px;
 	padding: 5px 20px;
 	text-align: center;
 	color: #FFF;
 	line-height: 25px;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	display: inline-block;
 	float: right;
 	margin-right: 10px;
 	font-size: 14px;
 }
 
 div.win-btn a.btn-ok:HOVER {
	background-color: #1177CC;
}

div._options{
	width: 380px;
	height: 30px;
	padding: 10px 10px 0 10px;
}

div._content{
	height: 160px;
	width: 380px;
	padding: 10px;
	position: relative;
}

div._options div._o_label,div._options div._o_label_c{
	height: 30px;
	position: relative;
}

div._options div._o_label{
	line-height: 30px;
	cursor: default;
	width: 70px;
	float: left;
	font-size: 14px;
}

div._options div._o_label_c{
	margin-left: 70px;
	font-size: 14px;
}

div._options div._o_label_c select{
	height: 24px;
	margin: 3px 0 3px 10px;
	line-height: 24px;
	padding-left: 5px;
}

div._options div._o_label_c select option{
	line-height: 24px;
}

div._options div._o_label_c em{
	height: 30px;
	width: 20px;
	display: inline-block;
	float: left;
	cursor: pointer;
	padding: 0 5px;
}

div._options div._o_label_c.start{
	background: url("../images/comment.png") transparent -5px -210px no-repeat scroll;
	width: 150px;
}

div._o_label_c.start._0,div._o_label_c.start._c0{
	background-position: -5px -90px!important;
}
div._o_label_c.start._1,div._o_label_c.start._c1{
	background-position: -5px -120px!important;
}
div._o_label_c.start._2,div._o_label_c.start._c2{
	background-position: -5px -150px!important;
}
div._o_label_c.start._3,div._o_label_c.start._c3{
	background-position: -5px -180px!important;
}
div._o_label_c.start._4,div._o_label_c.start._c4{
	background-position: -5px -210px!important;
}

 div._content textarea{
 	height: 150px;
 	width: 370px;
 	resize: none;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border: 1px solid #3399FF;
 	font-size: 14px;
 	padding: 5px;
 }
 
 div._content label {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 14px;
	color: #999;
}

/*
*/

#description_div{
	width: 100%;
	border: 1px solid #C4DFFF;
	margin: 20px 0 10px 0;
	cursor: default;
}

#div_resources,#div_download{
	height: 160px;
	width: 535px;
	padding: 20px 0;
}

#div_resources{
	float: left;
	z-index: 10;
}

#div_separator{
	float: left;
	width: 5px;
	margin: 5px 4px;
	height: 190px;
	background: url("../images/comment.png") transparent -160px -5px no-repeat scroll;
}

#div_download{
	margin-left: 545px;
	width: 490px;
	padding-left: 20px;
	padding-right: 20px;
}

#div_download span.welcome{
	width: 100%;
	height: 24px;
	padding: 3px 0;
	line-height: 24px;
	display: block;
	margin: 10px 0 0 10px;
}

#a_download{
	display: block;
	padding: 5px 20px;
	line-height: 30px;
	height: 30px;
	text-align: center;
	width: 80px;
	font-size: 16px;
	background-color: #15A0E1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFF;
	margin: 50px 0 10px 10px;
}

span.declaration{
	display: block;
	padding: 5px 0 5px 0;
	font-size: 14px;
}

#resources_des,#resources_key{
	height: 120px;
	width: 100%;
}

#resources_des label,#resources_key label{
	cursor: default
}

#resources_key{
	height: 30px;
	padding: 15px 10px 15px 20px;
	width: auto;
}

#resources_key label,#resources_key a{
	line-height: 30px;
}

#resources_key a{
	margin-left: 10px;
}

#resources_img{
	height: 100px;
	width: 100px;
	float: left;
	margin: 10px 10px 10px 20px;
}

#resources_img img{
	height: 100px;
	width: 100px;
}

#resources_detail{
	height: 120px;
	margin-left: 130px;
}

div.table-div{
	height: 100%;
	width: 100%;
	font-size: 12px;
}

div.table-tr{
	width: 100%;
	height: 30px;
	position: relative;
}

div.table-td{
	height: 30px;
	float: left;
	display: inline-block;
}

div.table-td label{
	height: 30px;
	display: inline-block;
	line-height: 30px;
	cursor: default;
}

div.table-td.cell-1{width: 40px;}
div.table-td.cell-2{width: 80px;}
div.table-td.cell-3{width: 60px;}
div.table-td.cell-4{width: 60px;}
div.table-td.cell-5{width: 40px;}
div.table-td.cell-6{width: 80px;}


#comment_div{
	width: 100%;
	margin: 20px 0 10px 0;
	cursor: default;
	height: 600px;
	position: relative;
}

#comment_div_left,#comment_div_right{
	height: 100%;
	border: 1px solid #F6F6F6;
}


div.c_title,div.c_list{
	width: 611px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

div.c_title{
	height: 50px;
}

span.comment_title{
	height: 30px;
	padding: 10px 5px 5px 5px;
	border-bottom: 2px solid #20599E;
	margin-bottom: 3px;
	display: block;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	width: 120px;
	text-align: center;
}

#comment_count{
	position: absolute;
	right: 20px;
	bottom: 0px;
}

div.c_list{
	height: 510px;
}

li.td-items{
	height: 30px;
	width: 100%;
	position: relative;
}

li.td-items *{
	display: inline-block;
	float: left;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}

li.td-items em{
	width: 16px;
	margin: 6px 10px 6px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color: #9B999A;
	color: #FFF;
	text-align: center;
	height: 16px;
	font-style: normal;
	line-height: 16px;
	font-size: 12px;
}

li.td-items.top3 em{
	background-color: #FF6F3D;
}

li.td-items a{
	width: 235px;
}

li.td-items label{
	width: 100px;
	float: right;
}



/*
*/

li.commentator{
	height: 80px;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-bottom: 1px dashed silver;
}

div.commentator-photo,div.commentator-content{
	height: 50px;
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
}

div.commentator-photo{
	width: 50px;
	float: left;
	display: inline-block;
}

div.commentator-content{
	margin-left: 70px;
	width: 541px;
}


div.commentator-title,div.commentator-text{
	width: 100%;
	height: 30px;
	line-height: 30px;	
}

div.commentator-title *{
	height: 24px;
	padding: 3px 0;
	line-height: 24px;
	display: block;
}

div.commentator-title span{
	width: 400px;
	float: left;
}

div.commentator-title label {
	margin-left: 441px;
	width: 100px;
}

.aui-page{}
.aui-page-bd{height: 30px;line-height: 30px;text-align: center;font-size: 12px;}
.aui-page-bd-btn{border: 1px solid #b6bcc1;color: #b6bcc1;margin: 0 2px;padding: 5px 10px;text-decoration: none;font-size: 12px;border-radius: 3px;}
.aui-page-bd-btn.z-sel{background: #15b358;color: #fff;cursor: default;}
.aui-page-bd-btn.z-dis{background: #fff;border-color: #f1f1f1;cursor: default;color: #c0c0c0;}
.aui-page-bd-z-omit{color: #b6bcc1;text-align: center;}


#resources-ul li div.data-description div.title a{display:inline-block;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}

#resources-ul.courseware li div.data-description div.title a{max-width: 100%;}

#resources-ul.material li div.data-description div.title a{max-width: 100%;}

#resources-ul.microlesson li div.data-description div.title a{max-width: 100%;}

#resources-ul.teaching li div.data-description div.title a{max-width: 100%;}

#resources-ul.downloaded li div.data-description div.title a{max-width: 100%;}

#resources-ul.uploaded li div.data-description div.title a{max-width: 100%;}


/*下载提示*/
#downLoadTips{position:fixed;top:50%;right:70px;width:170px;height:200px;background-color:white;}
#downAddress{border:1px solid #bfbfbf;background-color:#fff;}
#downLoadTips #prompt{height:30px;background-color:#32B16c;color:white;line-height:30px;width:100%;overflow:hidden;}
#downLoadTips #tipsTitle{margin-left:10px;font-size:16px;float:left;width:100px;}
#downLoadTips #tipClosed{background:url('../images/rarIcon.png') no-repeat 0 2px;width:19px;height:19px;display:block;float:right;margin-top:5px;cursor:pointer;}
#downLoadTips p{margin:15px 10px;line-height:25px;font-size:14px;}
#downLoadTips a{color:#2e99d4;}
.rarIcon{background:#fff url("../images/rarIcon.png") no-repeat 0 -19px;padding-left:30px;padding-bottom:10px;}