@charset "utf-8";
/* CSS Document */

a:hover{
	color: #ff7300!important;
}
strong{
	font-weight: bold;
}

a.wangwang-online-talk{
	display: block;
	width: 74px;
	height: 24px;
	margin: auto;
	margin-bottom: 6px;
	padding-left: 12px;
	color: #333;
	line-height: 2;
	text-decoration: underline;
	background: url(http://static3.alibado.com/1280485289/images/wangwang.gif) no-repeat left center;
}

/*nav/footer margin fix*/
#navigation{
	margin-bottom: 8px;
}

#video{
	padding: 12px 10px 7px 16px;
	background: #444 url(http://static4.alibado.com/1280485289/images/course/block-video-title-top.gif) repeat-x;
	*padding-bottom: 0;
}
#video .title-left{
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 42px;
	background: #444 url(http://static4.alibado.com/1280485289/images/course/block-video-title-side.gif) no-repeat right;
}
#video .title-right{
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 42px;
	background: #444 url(http://static3.alibado.com/1280485289/images/course/block-video-title-side.gif) no-repeat left;
}
#video .left-block{
	float: left;
	width: 374px;
	border-right: #c0bfc3 1px dashed;
}
#video .left-block h2 a{
	color: #a6d0ff;
	font-size: 16px;
	font-weight: bold;
	_line-height: 1.2;
}
#video .left-block img{
	width: 355px;
	height: 250px;
	margin-top: 10px;
	border: #c0bfc3 1px solid;
}
#video .right-block{
	float: right;
	width: 222px;
}
#video .right-block h3{
	margin-left: 8px;
	color: #fff;
	font-weight: bold;
	_line-height: 1.2;
}
/* add by Evan 2010-05-20 */
#video .right-block h3 a {
	float: right;
	color: #fff;
	font-weight: normal;
	>margin-top: -12px;
}
/* evan end */
#video .right-block table{
	width: 100%;
	margin-top: 10px;
}
#video .right-block img{
	display: block;
	width: 93px;
	height: 60px;
	border: #c0bfc3 1px solid;
}
#video .right-block a:hover img{
	width: 91px;
	height: 58px;
	border: #f6ff00 2px solid;
}
#video .right-block a.txt{
	line-height: 2;
	color: #fff;
}
#col-left .cate-outer{
	margin-top: 8px;
	border: #d9e7f3 6px solid;
}
#col-left .cate-inner{
	padding: 10px;
	_padding-bottom: 7px;
	border: #aacbe8 1px solid;
}
#col-left .cate-inner h2{
	color: #1a8bc4;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	padding-left: 25px;
	background: url(http://static2.alibado.com/1280485289/images/course/col-left-cate-icon.gif) no-repeat left center;
	_width: 50%;
	_line-height: 1.2;
}
#col-left .cate-inner a.more{
	float: right;
	position: relative;
	top: -4px;
	color: #4f4f4f;
	_line-height: 1.2;
	_padding-top: 2px;
}
#col-left .cate-inner table{
	width: 100%;
	height: 125px;
	margin-top: 9px;
}
#col-left .cate-inner table img{
	display: block;
	width: 120px;
	height: 90px;
	padding: 4px;
	border: #edebe9 1px solid;
	margin-bottom: 6px;
}

#col-right .block{
	padding: 8px;
	margin-top: 8px;
	border-top: #4d8ac9 2px solid;
	border-left: #bdd4e8 1px solid;
	border-right: #bdd4e8 1px solid;
	border-bottom: #bdd4e8 1px solid;
	background: url(http://static8.alibado.com/1280485289/images/common/block-right-title-1.gif) repeat-x;
}
#col-right .block-first{
	margin-top: 0;
}
#col-right .block h2{
	color: #363636;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
#col-right-block-offline .col-left{
	float: left;
	text-align: center;
}
#col-right-block-offline .col-left img{
	display: block;
	width: 165px;
	height: 135px;
	margin-bottom: 6px;
	padding: 4px;
	border: #edebe9 1px solid;
}
#col-right-block-offline .col-right{
	float: right;
	width: 114px;
	text-align: center;
}
#col-right-block-offline .col-right .top{
	padding: 5px 0;
}
#col-right-block-offline .col-right .middle{
	padding: 12px 0;
	border-top: #c7c7c7 1px dashed;
	border-bottom: #c7c7c7 1px dashed;
	color: #ff7300;
}
#col-right-block-offline .col-right .bottom{
	padding-top: 12px;
}
/* add by Evan 2010-05-20 */
#col-right #col-right-block-offline h2 {
	margin-bottom: 12px;
}
#col-right-block-offline h2 a.more {
	float: right;
	font-size: 12px;
	font-weight: normal;
	>margin-top: -13px;
}
#col-right-block-offline ul li {
	height: 100%;
	margin-bottom: 8px;
	overflow: hidden;
}
#col-right-block-offline ul img {
	float: left;
	border: solid 1px #CECAC1;
}
#col-right-block-offline ul h4 {
	float: left;
	margin: 5px 0 0 17px;
	font-size: 14px;
	font-weight: bold;
}
/*
#col-right-block-offline .col-right .middle dt{
	float: left;
	font-weight: bold;
}
#col-right-block-offline .col-right .middle dd{
	font-family: 宋体;
	white-space: nowrap;
}
*/

#col-right-block-rank li{
	width: 100%;	/*100% width for invoking onmouseover on full li block-area*/
	border-top: #dfdfdf 1px dashed;
	padding: 4px 0;
	padding: 5px 0\9;	/*ie8*/
	*padding: 4px 0\9;	/*ie7*/
	_padding: 6px 0;	/*ie6*/
}
#col-right-block-rank li.first{
	border-top: none;
}
#col-right-block-rank li span.num{
	float: left;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 8px 0 5px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	font-family: 黑体, 宋体;
	font-size: 11px;
	font-weight: bold;
	background: #999;
}
#col-right-block-rank li span.top-rank{
	background: #ff7300;
}
#col-right-block-rank li img{
	display: none;
	float: left;
	border: #d8d8d8 1px solid;
	margin: 0 8px 0 4px;
}
#col-right-block-rank li.hover img{
	display: block;
}
#col-right-block-rank li div.right{
	*float: left;
	_line-height: 1.3;
}
#col-right-block-rank li span{
	display: none;
	color: #747474;
}
#col-right-block-rank li.hover span{
	display: block;
}
#col-right-block-rank li span a{
	color: #747474;
	text-decoration: underline;
	line-height: 2;
}

#col-right-block-tagcloud a{
	margin-left: 18px;
	line-height: 2;
}
#col-right-block-tagcloud a.first{
	margin-left: 0;
}
#col-right-block-tagcloud strong{
	color: #ff7300;
}

#col-right-block-ad.block{
	padding: 0;
	border: none;
	background: none;
}
#col-right-block-ad.block img{
	width: 312px;
	height: 80px;
}
#col-right-block-ad.block a{
	display: block;
	margin-top: 8px;
}
#col-right-block-ad.block a.first{
	margin-top: 0;
}