@charset "utf-8";
/* CSS Document */
#boxd01,
#boxh01{
	width:676px;
	float:left;
	margin-bottom:8px;
	overflow:hidden;
}
#boxh01 .doctt{
	width:676px;
	height:25px;
	float:left;
	margin-bottom:5px;
}
#boxh01 .doctt .cap{
	font:700 20px/25px "Times New Roman", Times, serif;
	color:#0077ca;
}
#boxh01 .doctt .fright{
	width:130px;
}
#boxh01 .doctt .constatus{
	height:8px;
	overflow:hidden;
	padding:8px 0;
	float:left;
}
#boxh01 .doctt .constatus img{
	background-color:#FFFFFF;
	margin-right:5px;
}
#boxh01 .doctt .constatus img.active{
	background-color:#ffa000;
}
#boxh01 .doctt .conbtn{
	float:right;
	padding:1px 1px 1px 0;
	background:#9f9f9f;
}
#boxh01 .doctt .conbtn img{
	margin-left:1px;
	float:left;
}
#boxd01 .topc,
#boxh01 .topc{
	height:5px;
	width:100%;
	overflow:hidden;
	float:left;
	font-size:1px;
	background:url(images/graphics/boxh01top676x5.gif) no-repeat 0 0;
}
#boxh01 .cont{
	width:674px;
	float:left;
	border-left:solid 1px #cdcdcd;
	border-right:solid 1px #cdcdcd;
	overflow:hidden;
}
#boxh01 .cont .listpix{
	width:674px;
	float:left;
	padding:8px 0;
	height:168px;
	overflow:hidden;
}
#boxh01 .cont .listpix li{
	background:url(images/graphics/frame147x171.gif) no-repeat 0 0;
	width:141px;
	height:167px;
	float:left;
	overflow:hidden;
	padding:4px 0 0 6px;
	margin-left:17px;
	display:inline;
}
#boxh01 .cont .listpix li a{
	float:left;
	display:block;
	width:135px;
	height:160px;
	position:relative;
	text-align:center;
}
#boxh01 .cont .listpix li a span{
	width:135px;
	height:32px;
	background-color:#000;
	display:block;
	position:absolute;
	bottom:0px;
	left:0;
	filter:alpha(opacity=60);
	opacity:0.6;
	z-index:1;
}
#boxh01 .cont .listpix li a:hover{
	text-decoration:none;
}
#boxh01 .cont .listpix li a label{
	width:125px;
	height:32px;
	padding:0 5px;
	display:block;
	position:absolute;
	bottom:0px;
	left:0;
	overflow:hidden;
	z-index:2;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
}
.listpix li .vipdoc{
	position:absolute;
	right:0;
	top:0;
	background:url(http://static.tailieu.vn/images/icons/icon_star_small.png) no-repeat 0 0;
	display:block;
	height:19px;
	width:18px;
	overflow:hidden;
}
* html .listpix li .vipdoc{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.tailieu.vn/css/images/icons/icon_star_small.png', sizingMethod='crop');
}
#boxd01 .botc,
#boxh01 .botc{
	height:4px;
	width:100%;
	overflow:hidden;
	float:left;
	font-size:1px;
	background:url(images/graphics/botc676x4.gif) no-repeat 0 0;
}
/*======================================*/
#boxh02{
	width:432px;
	height:178px;
	overflow:hidden;
	padding:12px 0 0 244px;
	float:left;
	margin-bottom:8px;
	background:url(images/graphics/bgboxh2_676x190.jpg) no-repeat 0 0;
}
#boxh02 .listcate{
	width:415px;
	padding:23px 0 0 17px;
	font-size:11px;
	height:100px;
}
#boxh02 .listcate li{
	width:170px;
	height:16px;
	float:left;
	display:inline;
	overflow:hidden;
	padding-left:15px;
	padding-right:10px;
	margin-right:5px;
	background:url(images/icons/ico8x8.gif) no-repeat 0 3px;
	margin-bottom:4px;
}
#boxh02 .listcate li span{
	padding-left:3px;
}
#boxh02 .listcate li.end{
	padding-left:0px;
	margin-right:5px;
	background:none;
}
#boxh02 .olink{
	padding:8px 0 0 15px;
	overflow:hidden;
	float:left;
	height:16px;
}
#boxh02 .olink span{
	margin-right:15px;
}
/*------------------------------*/
#boxh03{
	float:left;
	margin-bottom:8px;
}
#boxh03 .boxcont{
	background:#fcfcfc;
}
#boxh03 .boxcont .listdoc01{
	width:674px;
	float:left;
	overflow:hidden;
	padding:15px 0 0;
}
#boxh03 .boxcont .listdoc01 li{
	padding:5px 10px 15px 5px;
	height:155px;
	width:95px;
	margin-left:15px;
	margin-right:8px;
}
/*-------------------------------------------*/
#boxh05{
	float:left;
	margin-bottom:8px;
}
#boxh05 .boxcont .listdoc01{
	width:664px;
	float:left;
	height:160px;
	overflow:hidden;
	padding:10px 0 0 10px;
}
#boxh05 .boxcont .listdoc01 li{
	padding:5px 5px 0px 0px;
	width:100px;
	margin-right:5px;
}
#boxh05 .boxcont .listdoc01 li p{
	clear:both;
}
/*-----------------------------------------------------------*/
#boxh06 .listuser{
	height:260px;
	overflow:hidden;
	width:auto;
}
#boxh06 ul.listuser li{
	width:33%;
	height:115px;
	float:left;
	padding-top:12px;
	padding-bottom:2px;
	text-align:center;
}
#boxh06 ul.listuser img{
	border:1px solid #ccc;
	padding:1px;
}
#boxh06 ul.listuser p.desc{
	padding-top:3px;
	color:#515151;
	line-height:18px;
}
/*-------------------------------------------*/
#boxh07 ul.listgroup{
	overflow:hidden;
	height:255px;
	padding:5px 10px 0 10px;
}
#boxh07 ul.listgroup li{
	clear:both;
	border-bottom:1px dotted #ccc;
	float:left;
	width:100%;
	height:74px;
	padding:8px 0 8px;
}
#boxh07 ul.listgroup img{
	border:1px solid #ccc;
	padding:1px;
	float:left;
	margin-right:8px;
}
#boxh07 p.group_decs{
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#515151;
	display:block;
	padding-left:82px;
}
#boxh07 ul.listgroup li.after{
	border-bottom:0;
	padding-bottom:0;
}
/*------------------------------------------------------------*/
#boxh08 .listbooks1{
	padding:15px 0 0 0px;
	height:500px;
	overflow:hidden;
}
#boxh08 .listbooks1 li{
	padding:0 2px 0 16px;
	display:inline;
	height:170px;
	width:116px;
	margin-bottom:10px;
}
/*-------------------------------------*/
#boxh09{
	width:190px;
	height:80px;
	overflow:hidden;
	padding:10px 10px 0 100px;
	background:url(images/graphics/bgbox09.jpg) no-repeat 0 0;
	float:left;
}

#boxh10{
	float:left;
	margin-bottom:8px;
}
#boxh10 .listscourse{
	width:288px;
	padding:10px 0 0 10px;
}
#boxh10 .listscourse li{
	width:268px;
}

#boxh11{
	float:left;
	margin-bottom:8px;
}
#boxh11 .listdoc02{
	padding:10px;
	padding-bottom:0;
	float:left;
	width:268px;
}
#boxh11 .listdoc02 li{
	width:268px;
	float:left;
	font-size:11px;
	line-height:18px;
	margin-bottom:8px;
}
#boxh11 .listdoc02 li a{
	color:#333;
}
#boxh11 .listdoc02 li img{
	float:left;
	margin-right:5px;
}

#boxh12{
	float:left;
	margin-bottom:8px;
}

#boxh13{
	float:left;
	margin-bottom:8px;
}
#boxh13 .conplayer278{
	clear:both;
	width:278px;
	height:auto;
	overflow:hidden;
	margin:auto;
}
#boxh13 .cont{
	padding:5px 10px 10px 10px;
	background:url(images/graphics/bg1x106.gif) repeat-x bottom;
}
#boxh13 .doctt{
	background:url(images/graphics/ttbox2_1x22.gif) repeat-x top;
	padding:0;
	margin:0;
	height:22px;
	line-height:22px;
	width:298px;
	border:solid 1px #CCCCCC;
	border-bottom:none;
}
#boxh13 .listclip{
	padding:10px 0 0 0;
}
#boxh13 .listclip li{
	background:url(images/icons/dot2x2.gif) no-repeat 0 6px;
	padding-left:8px;
	font-size:11px;
}
#boxh13 .listclip li a{
	color:#333;
}
#boxh13 .cap{
	text-align:center;
	padding-bottom:3px;
}
/*-------------------------------------------*/
#boxh14 .cont_1{
	padding:10px;
	float:left;
	width:278px;
}
#boxh14 .cont_1 .w140{
	width:135px;
}
#boxh14 .btn76{
	width:76px;
	float:left;
	border:0;
	padding:2px 0;
	background:url(images/buttons/btn76x21.gif) no-repeat 0 0;
	font:700 11px/14px arial;
	color:#fff;
	cursor:pointer;
}
#boxh14 .cont_2,
#boxh14 .cont_3{
	background:#fff;
	padding:10px;
	padding-top:0;
	float:left;
	width:278px;
}
/*----------------------------------------------*/
#boxhmember{
	width:650px;
	height:auto;
	overflow:hidden;
	padding:10px 0 10px 15px;
	float:left;
}
#boxhmember .item{
	float:left;
	border:solid 1px #fff;
	width:70px;
	height:70px;
	overflow:hidden;
}
#boxhmember .fitem{
	width:278px;
	height:17px;
	float:left;
	overflow:hidden;
	background:url(images/graphics/bg170x48.gif) no-repeat 0 0;
	padding:55px 10px 0 0;
	text-align:right;
}
#boxhmember .litem{
	width:360px;
	height:72px;
	float:left;
	overflow:hidden;
}
/*------------------------------*/
#boxm13{
	margin-bottom:8px;
	float:left;
}
#boxm13 .plist{
	width:282px;
	float:left;
	padding:8px 8px 0px 8px;
}
#boxm13 .plist li{
	width:262px;
	float:left;
	margin-bottom:10px;
	background:url(images/icons/q14x14.gif) no-repeat 0 2px;
	padding-left:20px;
}
