/* project: internet center template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 12px/1.6em Verdana,Arial,SimSun,sans-serif,'宋体';
	line-height: 1.5em;
	background: #fff; 
	color: #333; 
}

a {
	color: #185DA0;
	background: inherit;
}

a:hover {
	color: #f60;
	background: inherit;	
}

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	font: bold 2em Verdana,Arial,SimSun,sans-serif,'宋体';
	letter-spacing: -1px; 
	padding: 7px 0 0 8px;
	margin: 0;
}

h1 a, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #FF6600;
	background: #FFF;
}


h2 { 
	margin: 0; 
	padding: 0; 
	font: bold 1.7em Verdana,Arial,SimSun,sans-serif,'宋体';
	letter-spacing: -1px;
}

h2 { 
	font-size: 16px;
	margin-bottom: 5px; 
	color: #000; 
	background: inherit;
}

p {	
	margin: 0 0 5px 0;
	
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0; 
}

input.search { 
	width: 160px; 
	height: 20px;
	border: none;
	background: url(input.gif); 
	padding: 0px; 
}

input.login { 
	width: 75px;
	height: 20px;
	border: none; 
	background: url(login_input.gif); 
	padding: 0px;
}
.red {
	color: red;
}
.green {
	color: green;
}
.blue {
	color: blue;
}
.hint {
	color: #999;
}
.input_2 {
	cursor:default;
	height:20px;
	width:50px;			
	border:1px solid #84c1ff;
	padding-top: 2px;
	background: #cae4ff;
}

/* layout
   ------ */

.content { 
	margin: 5px auto;
	width: 860px; 
}

.header { 
	height: 60px;
	margin:0px;
}
.logo {
	width:180px;
	border:none;
}
.top_info {
	float: right;
	width: 650px;
	border-bottom: 1px solid #eee;
}

	.top_info_left {
		width: 310px;
		float: left;
		line-height: 1.8em;
		padding-top: 10px;
		padding-left: 10px;
	}

	.top_info_right {
		float: right;
		width: 280px;
		padding: 5px 0 0 30px;
		color: #390;
		border-left: 1px solid #eee;
	}
	.top_info_right1 {
		float: right;
		width: 290px;
		padding:0px;
		border-left: 1px solid #eee;
	}
.slogan {
	float:left;
	width: 200px; height: 30px;margin-right: 10px;
	background: url(bar_left.gif) left no-repeat;
}


.bar { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	margin: 0px;
	background: url(bar_bg.gif) repeat-x;
}
	.bar li {
		padding: 6px 5px;
		color: #fff;
		float: left; 
		background: url(bar_bg.gif) repeat-x;
	}
	
	.bar li.active { 
		/*background: #FFF url(bar.gif) no-repeat center bottom; */
		color: #9EC068;
		font-weight: bold; 
		/*padding-bottom: 8px; */
	}

	.bar a {
		padding-top: 10px;
		padding-bottom: 7px;
		padding-left: 5px;
		padding-right: 4px;
		font-weight: bold;
		color: #fff;
		text-decoration: none; 
	} 
	.bar a:hover { 
		background: url(bar_hover1.gif) center center no-repeat;
		color: #ff6; 
	} 

.search_field { 
	background: #DCF2B8 url(barbg.gif) repeat-x; 
	color: #000;
	border-top: 1px solid #9EC068;
	border-bottom: 1px solid #9EC068;
	clear: both;
	text-align: center; 
	padding: 10px 0 5px 0;
}

.banner {
	margin: 3px 0 5px 0;
	padding: 2px;
	background: #f4f4f4 url(subheaderbg.gif) repeat-x;
}

/* left side
   --------- */

.left {
	float: left;
	width: 600px;
	margin: 0 0 10px 0;
}
	.left_flashpic {
		float:left;
		width:240px;
		margin-right:10px;
	}

	.left_jiaodian {
		height: 180px;
		padding:3px 3px 0px 3px;
		margin: 0px 0 10px 0;
		border:1px solid #dedede;
	}
	.left_jiaodian li a{
		display: block;
		padding-left: 15px;
		height: 20px;
		background: url(bullet_orange.gif) 4px 6px no-repeat;
	}
	.left_jiaodian li a:hover{
		color: #f60;
		background: #F1F8EF url(bullet_blue.gif) 4px 6px no-repeat;
	}
	.left_jiaodian h2{
		font-size: 1.2em;
		height: 18px;
		line-height: 18px;
		padding-top: 2px;
		padding-left: 14px;
		background: #ccc url(index_news_bg.gif) left no-repeat;
	}
	.left_jiaodian h2 a{
		color: #fff;
	}
	.left_jiaodian h2 a:hover{
		color: #ff3;
		background: #f60;
	}
	.left_about {
		height: 180px;
		border: 1px solid #dedede;
		margin: 0 0 10px 0;
		/*background: #fff url(questionmark.gif) no-repeat center left;*/
		color: #454545; 
	}
	.left_about p {
		padding: 0 15px;
	}
	.left_about img {
		float: right;
		width: 180px;
		height: 120px;
		margin-left: 5px;
		margin-bottom: 10px;
		border: 2px #996 solid;
	}	
	.left_about:hover {
		border: 1px solid #ccc;
	}
	.left_about h3 {
		color: #fff;
		height: 25px;
		background: #fff url(about_h3_title.gif) no-repeat left center;
		border-bottom: 2px #c60 solid;
	}	
		.left_side {
			float: left;
			width: 180px;
		}
		
		.right_side {
			float: right;
			width: 200px;
			border-left: 1px solid #eee;
			padding: 0 0 0 20px;
		}
		
	.left_works {
		clear: both;
		height: 100%;
		background: #f0f9ff;
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.left_works h3 {
		font-size: 1.2em;
		color: #fff;
		height: 25px;
		background: #fff url(works_h3_title.gif) no-repeat left center;
		border-bottom: 2px #09c solid;
	}
	.left_works li{
		float: left;
		list-style-type: none;
		text-align: center;
		margin: 0 9px 0 9px;
	}
	.left_works img{
		width: 120px;
		height: 100px;
		border: 3px #dedede solid;
	}
	.left_link {
		clear: both;
		border: 1px solid #ccc;
		margin: 0;
		padding-bottom: 10px;
	}
	.left_link img{
		border: 1px solid #dedede;
		margin-left: 5px;
		margin-bottom: 10px;
	}
	.left_link h4{
		font-size: 14px;
		height: 20px;
		padding: 4px 2px 0px 30px;
		background: #dedede url(index_link.gif) 5px no-repeat;
		margin-bottom: 10px;
	}
/* more links */
.more,.more1 {
	font-size: 12px;
	float: right;
	padding-left: 15px;
}
.more a, .more1 a {
	text-decoration: none;
}
.more {
	margin-right: 10px;
	padding-top: 5px;
	background: #fff url(ico_more.gif) no-repeat 0px 8px;
}
.more1 {
	background: url(ico_more1.gif) no-repeat 0px 3px;
}
.more1 a {
	color: #f60;
}
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 250px;
	margin: 0 0 10px 0;
}

	.right_message {
		/*padding: 10px;*/
		margin: 0 0 10px 0;
		background: #fffcf7;
		color: #246088;
		border: 1px solid #BCD6E7;
	}
	.right_message h4 {
		font-size: 14px;
		height: 23px;
		margin: 0px;
		padding: 3px 15px;
		background: #f8ffdf;
		border-bottom: 1px solid #BCD6E7;
	}
#icefable1, #icefable2 {
	margin-top: 5px;
	margin-bottom: 10px;
	padding:10px;
	}
	.right_articles {
		border: 1px solid #ccc;
		/*padding: 8px;	*/
		margin: 0 0 10px 0;
		line-height: 20px;
	}
	.right_articles img {
		border: none;
	}
	.right_articles h4 {
		font-size: 14px;
		height: 23px;
		margin: 0px;
		padding: 3px 15px;
		background: #f0f8ff;
		border-bottom: 1px #ccc solid;
	}
	.right_articles h4 a{
		text-decoration: none;
	}
	.right_articles ul {
		padding: 5px 5px 10px 15px;
	}
	.right_articles li a{
		color: blue;
		padding-left: 10px;
		background: url(arrow.gif) 0px 4px no-repeat;
	}
	.right_articles li a:hover{
		background: url(arrow_hover.gif) 0px 4px no-repeat;
	}
			
.image {
	float: right;
	margin: 0 9px 3px 0;
}

/* 明细页样式
   ---------------------- */
.curr_nav {
	margin-top: 2px;
	margin-bottom: 2px;
	height: 18px;
	padding: 3px 10px;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
}
.class_box {
	float: left;
	width: 180px;
	border: 1px #eee solid;
	padding: 5px;
}
.class_box li{
	height: 30px;
}
.class_tbox {
	border-left: 1px #bc1414 solid;
	border-right: 1px #bc1414 solid;height: 50px;
}
.about_class {
	border-left: 1px #4d7126 solid;
	border-right: 1px #4d7126 solid;height: 50px;
}
.green_class {
	border-left: 1px #68970e solid;
	border-right: 1px #68970e solid;height: 50px;
}
.blue_class, .keclass {
	border-left: 1px #167cab solid;
	border-right: 1px #167cab solid;height: 50px;
}
.green_bottom {
	clear: both;
	height: 13px;
	background: #eee url(green_bottom.gif) center top no-repeat;
}
.blue_bottom {
	clear: both;
	height: 13px;
	background: #eee url(blue_bottom.gif) center top no-repeat;
}
.about_bottom {
	clear: both;
	height: 13px;
	background: #eee url(about_bottom.gif) center top no-repeat;
}
.class_bottom {
	clear: both;
	height: 13px;
	background: #eee url(news_bottom.gif) center top no-repeat;
}
.class_tbox li, .about_class li, .green_class li, .blue_class li {
	float: left;
	display: block;
	width: 60px;
	height: 20px;
	margin-left: 8px;
	padding-left: 13px;
	background: url(class.gif) 0px 4px no-repeat;
}
.keclass, .about_class, .class_tbox, .good_box, .blue_class, .green_class {height: 100%;}
.keclass li {
	height: 30px;
	margin-left: 8px;
	padding-left: 13px;
	background: url(class.gif) 0px 4px no-repeat;
}
.good_box {
	margin-top: 10px;
	border-left: 1px #ca5d05 solid;
	border-right: 1px #ca5d05 solid;
}
.good_box li{
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 100%;
	padding-left: 12px;
	background: url(hot_li.gif) left 6px no-repeat;
}
/* ----------- 列表页Left Box H4 公共样式
          --------------------------- */
.good_box h4, .class_tbox h4, .about_class h4, .green_class h4, .blue_class h4, .keclass h4 {
	margin: 0 0 5px 0;
	font-size: 12px;
	letter-spacing: 2px;
	color: #fff;
	height: 24px;
	line-height: 24px;
	padding-left: 25px;
	padding-top: 2px;
}
/* --------------------------------- */
.good_box h4 {
	background: #eee url(hot_title.gif) no-repeat;
}
.class_tbox h4 {
	background: #eee url(news_title.gif) no-repeat;
}
.about_class h4 {
	background: #eee url(about_title.gif) no-repeat;	
}
.green_class h4 {
	background: #eee url(green_title.gif) no-repeat;	
}
.blue_class h4, .keclass h4 {
	background: #eee url(blue_title.gif) no-repeat;	
}
.good_bottom {
	clear: both;
	height: 20px;
	background: #eee url(hot_bottom.gif) center bottom no-repeat;
}
.content_box {
	float: right;
	color: #000;
	margin-bottom: 10px;
	width: 600px;
	padding: 0px 20px 10px 20px;
	border: 1px #eee solid;
}
.content_box p {
	line-height: normal;
	margin-bottom: 5px;
}
.content_box img {
	max-width:600px; /* 内容图片最大宽度 */
	max-height:900px; /* 内容图片最大高度 */
	width: expression(this.width > 600 && this.width / 600 >= this.height / 900 ? 600 : true);
	height: expression(this.height > 900 && this.width / 600 < this.height / 900 ? 900 : true);
}
.content_box h4 {
	margin: 0 0 5px 0;
	font-size: 14px;
	letter-spacing: 2px;
	height: 24px;
	line-height: 24px;
	padding-left: 25px;
	padding-top: 5px;
	background: #eee url(new.gif) 5px center no-repeat;
	border-bottom: 1px #ccc solid;
}
.content_box li {
	height: 100%;
	margin-left: 10px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(dot_b.gif) bottom repeat-x;
}
.list_date {
	color: #666;
}
.content_info {
	border-bottom: 1px #dedede solid;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}
.content_bottom {
	text-align: right;
	padding: 2px;
	border: 1px #eee solid;
	background: #eee;
}
.page_sel {
	text-align: center;
	padding: 3px;
	color: #336;
}
.ash {
	color: #336;
}
.inpage {
	width: 30px;
	height: 15px;
	color: #06c;
	padding-bottom: 2px;
	border: 1px #06c solid;	
}
.inso {
	height: 15px;
	color: #06c;
	padding-bottom: 2px;
	border: 1px #06c solid;	
}
.button {
	height: 20px;
	color: #fff;
	padding-bottom: 2px;
	background: #09c;
	border: 1px #06c solid;
}

/* 学员推荐作品
    ------------------------- */
.good_pic {
	float: right;
	color: #000;
	margin-bottom: 10px;
	width: 600px;
	height: 300px;
	padding: 0px 20px 10px 20px;
	border: 1px #eee solid;
}
.good_pic h4 {
	margin: 0 0 5px 0;
	font-size: 14px;
	letter-spacing: 2px;
	height: 24px;
	line-height: 24px;
	padding-left: 25px;
	padding-top: 5px;
	background: #eee url(new.gif) 5px center no-repeat;
	border-bottom: 1px #ccc solid;
}
.good_pic li{
	float: left;
	list-style-type: none;
	text-align: center;
	margin: 0 9px 10px 9px;
}
.good_pic img{
	width: 120px;
	height: 100px;
	border: 3px #dedede solid;
}

/* 下载信息
   ---------------------- */
.downinfo, .downinfo_1, .downinfo_2 {
	margin-top: 5px;
	margin-bottom: 20px;
	border: 1px #dedede solid;
}
.downinfo_1 {padding-bottom: 26px;}
.downinfo h3, .downinfo_1 h3, .downinfo_2 h3 {
	margin: 0 0 5px 0;
	font-size: 12px;
	padding-left: 25px;
	padding-top: 5px;
}
.downinfo h3 {
	background: #eee url(down3.gif) 5px center no-repeat;
}
.downinfo_1 h3 {
	background: #eee url(down2.gif) 5px center no-repeat;
}
.downinfo_2 h3 {
	background: #eee url(down1.gif) 5px center no-repeat;
}

.downinfo p, .downinfo_1 p, .downinfo_2 p {
	margin-left: 20px;
}
.leftimg {
	position: absolute;
	left: 700px;
	top: 200px;
}
.hr {
	heihgt: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
	border-bottom: 1px #ccc dotted;
}
/* Member Style
   ----------------------- */
.msg {
	font-size: 16px;
	margin: 50px;
	padding: 50px;
	border: 1px #dedede solid;
	font-weight: bold;
	text-align: center;
}
input.login1, input.userinput { 
	width: 133px;
	height: 19px;
	border: none; 
	padding-left: 25px;
	padding-top: 4px;
}
input.login1 {
	background: url(pass_input1.gif); 
}
input.userinput {
	background: url(name_input1.gif); 
}
.button1 {
	width: 70px;
	height: 21px;
	color: #fff;
	padding-bottom: 2px;
	background: #e0eedf url(loginin.gif) no-repeat;;
	border: none;
}
.mainbox {
	padding: 30px;
	height: 100%;
}
.mainboxleft {
	color: green;
	float: left;
	width: 200px;
	padding: 15px 10px 15px 80px;
	border: 3px #e0eedf double;
	background: #edffc8;
}
.mainboxleft h3 {
	font-size: 14px;
	padding-left: 35px;
	padding-top: 15px;
	height: 30px;
	background: url(012.gif) left center no-repeat;
}
.mainboxright {
	padding-top: 30px;
	padding-left: 50px;
	padding-bottom: 170px;
	float: right;
	width: 400px;
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
}
.member_side, .member_side1 {
	float: left;
	width: 150px;
	border: 1px #dedede solid;
	margin: 10px;
	padding-top: 10px;
}
.member_side h4, .member_side1 h4 {
	background: url(msnico.gif) 5px 0px no-repeat;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px #ccc dotted;
}
.member_side li{
	height: 30px;
	padding-left: 30px;
}
.member_side1 li, .member_box1 li{
	height: 30px;
	padding-left: 10px;
}
.member_side1 {
	background: #FEFDEF;
}
.member_box, .member_box1 {
	float: right;
	margin: 10px;
	width: 550px;
	border: 1px #eee solid;
}
.member_box {
	color: green;
	padding: 10px;	
}
.member_box1 {
	padding: 20px;
}
.member_box1 label {
	float: left;
	width: 70px;
	color: #069;
	padding-right: 5px;
	text-align: right;
}
.member_box1 h4 {
	height: 30px;
	color: #06f;
	line-height: 30px;
	border-bottom: 1px #ccc dotted;
}
.text {
	height: 16px;
	border: 1px #9FD9D5 solid;
}
.center {
	text-align: center;
}
#ck_username {
	color: red;
	line-height: 20px;
	margin-left: 80px;
}
/* footer
   ------ */

.footer { 
	clear: both; 
	line-height: 1.8em;
	color: #333;
	background: #DCF2B8 url(barbg.gif) right repeat-x; 
	padding: 5px 40px;
	border-top: 1px solid #9EC068;
	border-bottom: 1px solid #9EC068;
}

.footer a {
	color: blue;
}

.bbs_foot {
	clear: both;
	background: url(bbs_foot_bg.gif) repeat-x;	
}
.bbs_foot_l {
	float: left;
	width: 25px;
	height: 50px;
	background: url(bbs_foot_l.gif) left no-repeat;
}
.bbs_foot_r {
	float: right;
	width: 25px;
	height: 50px;
	background: url(bbs_foot_r.gif) right no-repeat;	
}
.bbs_foot_c {
	height: 50px;
	color: #fff;
	text-align: center;
	line-height: 50px;		
}
.bbs_foot a {
	color: #fff;
}
/* 论坛样式
   ---------------------------------- */
.bbs_box {
	margin-top: 2px;
	/*padding: 5px;*/
	/*border: 1px #ccc solid;*/
}
.bbs_nav {
	height: 18px;
	padding: 3px 10px;
	border: 1px #eee solid;
	background: #eee;
}
.bbs_login {
	margin-bottom: 3px;
	height: 25px;
	padding: 3px 10px;
	border: 1px #eee solid;
}
.bbs_topiclist {
	padding: 0px;
	border: 1px #ccc solid;
}
.bbs_clstitle {
	font-size: 14px;
	font-weight: bold;	
}
.rule_title {
	font-weight: bold;
	color: #c00;
}
.bbs_clstitle, .rule_title {
	margin-top: 8px;
	height: 20px;
	padding: 5px 10px;
	background: #eee url(dot_blue.gif) bottom repeat-x;
}
.bbs_clsbox, .rule_box {
	padding: 3px 10px;
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
.bbs_clsbox_left {
	text-align: center;
	float: left;
	width: 50px;
	padding: 10px;
}	
.bbs_clsbox_right {
	clear: both;
	float: right;
	padding: 10px;
	width: 300px;
}
.bbs_clsbox_c {
	width: 400px;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
}
.clsbox_l {
	padding: 10px;
	width: 290px;
	float: left;
}
.clsbox_r {
	width: 90px;
	float: right;
}
.bbs_page {
	text-align: center;
	border: 1px #ccc solid;
	background: #eee;
}
.bbs_tmp, .bbs_page {
	padding: 5px;
}
/* -------------------------------
    ------------------------------------------------ */
.tda {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.rbline {
	BORDER-RIGHT: #dcdcdc 1px solid; BORDER-BOTTOM: #dcdcdc 1px solid
}
.bline {
	BORDER-BOTTOM: #dcdcdc 1px solid
}

/* --------------------------
	 play page style -------------------------------- */

#play_pagebox {
	width: 100%;
	margin: 2px auto;
}
#playbox {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
.play_top	{
	height: 30px;
	padding-right: 20px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	background: #0C63A3 url(bar_bg.gif) left repeat-x;
}
.play_foot {
	clear: both;
	padding: 3px 20px;
	text-align: right;
	background: #F5F5F5;
	border: 1px #268EC6 solid;
	color: #666;
}
.play_side {
	width: 200px;
	float: left;
}
.play_side ul {
	overflow: auto;
	height: 500px;
}
.play_side ul li {
	margin-left: 12px;
	margin-bottom: 5px;
	padding-left: 12px;
	background: url(bullet_green.gif) left no-repeat;
}
.play_side h3 {
	height: 20px;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 6px;
	background: url(play_ml.gif) 12px center no-repeat;
	border-bottom: 3px #dedede solid;
	font-size: 12px;
	text-align: right;
	color: #C57423;
}
.play_mainbox {
	float: right;
	padding-bottom: 18px;
	border-left: 3px #268EC6 solid;
}
.play_mainbox h4 {
	margin-top: 12px;
	margin-left: 12px;
	background: url(play_ol1.gif) left no-repeat;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
}
.play_mainbox h4 span {
	float: right;
	margin-right: 12px;
}
.playbox {
	background: #fff;
	padding-bottom: 12px;
	border-bottom: 3px #268EC6 solid;
	text-align: center;
}
.play_cont {
	overflow: auto;
	margin-top: 2px;
	text-align: left;
	padding: 10px;
	height: 96px;
}