/* == oClassroom 样式表 By vr4u.Aobosoft 20090513 == */
/* == 基本样式表 == */
body{ padding:0; margin:0; background-color:#F8F8FA; font-size:12px; font-family:tahoma,Arial,Century Gothic,verdana,Helvetica,sans-serif; color:#333333;}
a{ color:#4253CA; text-decoration:underline;}
a:hover{ color:#3D5F92; text-decoration:none;}
.clear{ clear:both;}
ul,li,form{ margin:0; padding:0;}
li{ list-style:none;}
img{ border:0;}
input,textarea{ font-size:12px; font-family:tahoma,Arial,Century Gothic,verdana,Helvetica,sans-serif;}
span.red{ color:#FF0000;}
span.green{ color:#846600;}
span.blue{ color:#0000FF;}
.geduan{ width:10px; height:10px; overflow:hidden;}

/* == 页面样式表 == */
#Container{ background:#EEEEF2 url(head_bg.png) left top repeat-x; }
	/* ================================== 顶部 开始====================================== */
	#Header{ margin:0 auto; width:970px; height:190px;overflow:hidden;}
		#Header #logo{ height:65px;}
			#Header #logo .logo{ float:left; width:400px; height:55px;}
			#Header #logo .reg{ float:right; margin-top:10px;}
		#Header #links{ height:25px;}
			#Header #links a{ display:block; float:left; margin-right:10px; width:60px; height:25px; line-height:25px; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; color:#E7F1F5; background:url(head_link_bg.png) 0 0 no-repeat;}
			#Header #links a.now{ color:#25728C; background:url(head_link_now.png) 0 0 no-repeat;}
			#Header #links a.now:hover{ color:#25728C;}
			#Header #links a:hover{ color:#FFF;}
		#Header #banner{ width:970px; height:100px; background:url(head_banner.png) 0 0 no-repeat;}
	/* ================================== 页面主体 ====================================== */
	#PageBody{ margin:0 auto; margin-top:10px; width:970px;}
		/* == 左侧主体 == */
		#MainBody{ float:left; width:740px;}
			#MainBody .title{ width:738x; height:25px; line-height:25px; background:url(body_title_bg.png) 0 0 repeat-x; overflow:hidden;}
				#MainBody .title .name{ float:left; padding:3px 0 0 25px; width:100px; font-size:14px; font-weight:bold; color:#357486; background:url(body_tag_btn_now.png) 13px 3px no-repeat;}
				#MainBody .title .more{ float:right; line-height:25px; padding-right:15px;}
					#MainBody .title .more a{ color:#FFF;}
			#MainBody .show{ width:740x; background-color:#FFF;}
			
			#MainBody .ListTitle{ width:740x; height:25px; line-height:25px; background:url(body_title_bg.png) 0 0 repeat-x; overflow:hidden;}
				#MainBody .ListTitle .namel{ float:left; margin:3px 0 0 15px; width:3px; height:22px; background:url(list_t_btn_left.png) 0 0 no-repeat; overflow:hidden; display:inline;}
				#MainBody .ListTitle .name{ float:left; margin:3px 0 0 0; padding:0 15px; font-size:14px; font-weight:bold; color:#357486; background:url(list_t_btn_bg.png) 0 0 repeat-x; display:inline;}
				#MainBody .ListTitle .namer{ float:left; margin:3px 0 0 0; width:3px; height:22px; background:url(list_t_btn_right.png) 0 0 no-repeat; overflow:hidden; display:inline;}

			#MainBody .oi_listdiv{ width:740px;}
				#MainBody .oi_listdiv .oi_listbody{ float:left; padding:10px 0 10px 13px; width:350px; height:110px; position:relative;}
					#MainBody .oi_listdiv .oi_vipimg{ float:left; padding:4px 0 0 0; width:118px; height:86px; overflow:hidden;}
						#MainBody .oi_listdiv .oi_vipimg img{ width:expression(this.width >116 && this.height < this.width ? 116: true); border:solid 1px #525C7A;height: expression(this.height > 116 ? 116: true);}
					#MainBody .oi_listdiv ul{ float:right; width:220px; height:110px; overflow:hidden;}
						#MainBody .oi_listdiv ul li{ color:#666666; line-height:18px;}
						#MainBody .oi_listdiv ul li.link{ position:absolute; left:13px; top:100px;}
						#MainBody .oi_listdiv ul li span{ font-weight:bold; color:#606566;}
				
		/* == 右侧主体 == */
		#SideBar{ float:right; width:220px;}
			#search{ padding:10px 0 10px 10px; width:208px; border:solid 1px #C9DBC3; background:#ECF7EE url(side_search_bg.png) 0 0 repeat-x;}
				#search .topic{ padding-left:20px; font-size:14px; font-weight:bold; color:#505556;background:url(ico_search.gif) 0 0 no-repeat;}
				#search .show{ padding:5px 0;}
					input#search_keywords{ height:16px; line-height:16px; width:130px; border:solid 1px #CCD5D9;}
					#search button{ margin-left:5px; height:21px;}
				#search .hot{ line-height:20px;}
					#search .hot span{ font-weight:bold;}
			/* == 正在课堂 == */			
			#ving{ background:#FFF url(side_ving_topic.png) 0 0 repeat-x;}
				#ving .title{ padding-left:25px; height:25px; line-height:25px; border:none; background:url(dot_topic.gif) 10px 8px no-repeat; font-size:14px; font-weight:bold; color:#846600;}
			#ving .oi_listdiv{ margin:0 auto; width:720px;}
				#ving .oi_listdiv .oi_listbody{ padding:0; padding:10px 0; width:360px; height:120px;}
					#ving .oi_listdiv .oi_vipimg{ float:left; padding:0; width:174px; height:118px; overflow:hidden;}
						#ving .oi_listdiv .oi_vipimg img{ width:172px; border:solid 1px #525C7A;}
					#ving .oi_listdiv ul{ float:right; width:175px; height:118px;}
						#ving .oi_listdiv ul li{ color:#7B7B7B; line-height:20px;}
						#ving .oi_listdiv ul li.link{ display:none;}
						#ving .oi_listdiv ul li.l1 span{ display:none;}
			/* == 课堂分类 == */	
			#Tree{ border:solid 1px #D2D3D2; background:#FFF url(side_will_topic.png) 0 0 repeat-x;}
				#Tree .title{ padding-left:25px; height:25px; line-height:25px; background:url(dot_topic2.gif) 10px 8px no-repeat; font-size:14px; font-weight:bold; color:#544E50;}
				#Tree .show{}
			/* == 即将课堂 == */	
			#will{ border:solid 1px #D2D3D2; background:#FFF url(side_will_topic.png) 0 0 repeat-x;}
				#will .title{ padding-left:25px; height:25px; line-height:25px; background:url(dot_topic2.gif) 10px 8px no-repeat; font-size:14px; font-weight:bold; color:#544E50;}
				#will .show{ text-align:center;}
					#will .show img{ margin:10px 0 5px 0;}
				#will .oi_listdiv{ margin:0 auto; margin-left:10px; width:208px;}
					#will .oi_listdiv .oi_listbody{ padding-top:10px; height:50px;}
						#will .oi_listdiv .oi_vipimg{ float:left; padding:0; width:52px; height:40px; overflow:hidden;}
							#will .oi_listdiv .oi_vipimg img{ width:50px; border:solid 1px #525C7A;}
						#will .oi_listdiv ul{ float:right; width:150px; padding-right:3px;}
							#will .oi_listdiv ul li{ width:143px; height:20px; color:#7B7B7B; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px;}
								#will .oi_listdiv ul li a{ font-size:12px;}
							#will .oi_listdiv ul li.link{ display:none;}
							#will .oi_listdiv ul li span{ display:none;}
	#Footer{ margin:0 auto; margin-top:10px; padding:10px; width:950px; border-top:solid 3px #5DACC4; text-align:center;}
	/* == 分页 == */
	.PageNumbers{ margin:0 auto; padding:15px 0; width:720px; height:25px;}
	.PageNumbers a{ float:left; padding:0 5px 0 5px; margin-left:6px; display:block; border:solid 1px #7D92A8; line-height:15px; height:15px; text-align:center; text-decoration:none; font-size:11px;}
	.PageNumbers a:hover{ border:solid 1px #617992; background-color:#E8ECF0;}
	.PageNumbers span{ float:left; display:block; height:10px; font-weight:normal; margin-left:6px; padding:0 5px 0 5px; border:solid 1px #136A9A; line-height:15px; height:15px; font-size:11px; background-color:#E3E7EC;}
	
	
	/* == 列表页面样式表 == */
	#MainBody .oi_listb{ padding:15px 0 5px 15px; width:710px; height:122px; overflow:hidden;}
		#MainBody .oi_listb .vipimg{ float:left; padding:0; width:180px; border:solid 1px #525C7A;}
			#MainBody .oi_listb .vipimg img{ width:180px;}
		#MainBody .oi_listb ul{ float:right; width:510px;}
			#MainBody .oi_listb ul li{ color:#7B7B7B; line-height:20px;}
			#MainBody .oi_listb ul li.l4{ width:510px; max-height:40px; max-height:40px !important; *height:40px; overflow:hidden;}
			#MainBody .oi_listb ul li span{ font-weight:bold; color:#606566;}
			
		/* == 现场图片 == */
		/* == 图片列表 == */
		.oi_imgstitle{ padding-top:15px; text-align:center; font-size:14px; font-weight:bold;}
		.oi_imgsinfo{ line-height:20px; text-align:center;}
		.oi_imgsnull{ padding:15px 0; text-align:center; color:#0000FF;}
		.oi_imgbody{ float:left; padding:15px 0 0 25px; width:214px; height:174px; overflow:hidden;}
			.oi_imgbody .oi_imgdiv{ width:214px; height:154px; overflow:hidden;}
				.oi_imgbody .oi_imgdiv img{ padding:1px; border:solid 1px #666666; width:210px;}
			.oi_imgbody .oi_title{ width:214px; height:20px; line-height:20px; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
		/* == 单个图片 == */
		.oi_oneimg{ padding:10px;}
			.oi_oneimg .oi_title{ text-align:center; font-size:14px; font-weight:bold; line-height:30px;}
			.oi_oneimg .oi_imgdiv{ text-align:center;}
				.oi_oneimg .oi_imgdiv img{ max-width:717px;}
				*html .oi_oneimg .oi_imgdiv img{ width:expression(this.width>717&&this.width>this.height?717:auto);}
			.oi_oneimg .oi_info{ margin:0 auto; padding:10px; width:600px; line-height:18px; color:#666666;}
		/* == 文字实录 == */
		.oi_txt{ margin:0 auto; width:700px;}
			.oi_txttitle{ font-size:14px; font-weight:bold; line-height:30px; text-align:center;}
			.oi_txtinfo{ line-height:20px; text-align:center;}
			div.oi_txtbody{ padding:15px 0; font-size:14px; line-height:20px; color:#333333; border-bottom:solid 1px #DCE2E4;}
				.oi_uname{ font-weight:bold; color:#0A79D1;}
				span.oi_txtbody{ padding:0 5px;}
				.oi_time{ font-size:11px; color:#999999;}
	
	/* == 课堂页面样式表 == */
	#oi_show{ width:970x;}
		#oi_player{ float:left; width:320px;}
			#oi_player ul li.l0{ width:320px; height:25px; background:#CFDFE4 url(icon_pop.gif) 10px 7px no-repeat; color:#202020; text-indent:30px; line-height:25px; font-weight:bold;}
			#oi_player ul li.l1{ width:320px; text-align:center;}
			#oi_tag{ margin-top:10px; width:320px;}
				.Tagmenu { width:320px; height:25px; background:url(body_title_bg.png) 0 0 repeat-x; text-align:center; overflow:hidden;}
				.Tagmenuon0, .Tagmenuon1, .Tagmenuon2{ float:left; margin:4px 0 0 4px; display:inline; width:80px; height:22px; line-height:22px; background:url(body_tag_btn_now.png) 0 0 no-repeat; cursor:pointer; color:#357486; font-weight:bold;}
				.Tagmenuoff, .Tagmenuoff1, .Tagmenuoff2{ float:left; margin:4px 0 0 4px; display:inline; width:80px; height:22px; line-height:22px; background:url(body_tag_btn_bg.png) 0 0 no-repeat; cursor:pointer; text-align:center; color:#000;}
				.Tag0, .Tag1, .Tag2{ padding:10px; width:300px; line-height:20px; background-color:#FFF;}
				#oi_tag .Tag2 .oi_outline{ width:300px; line-height:normal;}
					#oi_tag .Tag2 .oi_outline a{ color:#4253CA;}
					#oi_tag .Tag2 .oi_outline .oi_outline_li_root{ padding:0 0 5px 0; line-height:16px; word-break:break-all;}
					#oi_tag .Tag2 .oi_outline .oi_outline_li_1{ padding:0 0 5px 10px; word-break:break-all;}
					#oi_tag .Tag2 .oi_outline .oi_outline_li_2{ padding:0 0 5px 10px; word-break:break-all;}
					#oi_tag .Tag2 .oi_outline .oi_outline_li_3{ padding:0 0 5px 10px; word-break:break-all;}
				
				
				#oi_player .showDialog{ width:300px; height:360px; overflow-x:hidden; overflow-y:scroll;}
					#oi_player .showDialog .user{ line-height:18px;}
				
		#oi_info{ float:right; width:640px;}
			#oi_info ul li.l0{ width:640px; height:25px; background:#CFDFE4 url(body_ppt_title_corner.png) right top no-repeat; color:#202020; text-indent:30px; line-height:25px; font-weight:bold;}
				#oi_info ul li.l0 span{ display:block; height:25px; line-height:25px; background:url(icon_ppt.gif) 10px 7px no-repeat; color:#202020; text-indent:30px; line-height:25px;}
			#oi_info ul li.l1{ width:640px;}
			#MsgTxt{ margin-top:10px;}
				#MsgTxt .msgTopic{ width:640px; height:25px; background:url(body_title_bg.png) 0 0 repeat-x; overflow:hidden;}
					#MsgTxt .msgTopic .name{ float:left; margin:3px 0 0 4px; width:80px; height:22px; line-height:22px; background:url(body_tag_btn_now.png) 0 0 no-repeat; text-align:center; font-size:14px; font-weight:bold; color:#357486;}
					#MsgTxt .msgTopic .menu{ float:right; padding-right:10px;}
						#MsgTxt .msgTopic .menu a{ color:#FFF;}
						#MsgTxt .msgTopic .menu select{ font-size:12px;}
				#MsgTxt .msgShow{ width:640px; height:130px; background-color:#FFF; overflow:hidden;}
					#MsgTxt .showDialog{ margin:0 auto; margin-top:5px; width:630px; height:120px; overflow-x:hidden; overflow-y:scroll;}
						#MsgTxt .showDialog .master,
						#MsgTxt .showDialog .suser{ line-height:20px;}
						#MsgTxt .showDialog .master{ color:#FF0000;}
						#MsgTxt .showDialog .suser{ color:#0000FF;}
						
						table#oi_cmttab th{ display:none;}
						textarea#oi_msg{ width:285px; height:55px;}
						
			#oi_teacher{ float:left; margin-top:10px; width:315px;}
				#oi_teacher .msgTopic{ width:315px; height:25px; background:url(body_title_bg.png) 0 0 repeat-x; overflow:hidden;}
					#oi_teacher .msgTopic .name{ margin:3px 0 0 4px; width:80px; height:22px; line-height:22px; background:url(body_tag_btn_now.png) 0 0 no-repeat; text-align:center; font-size:14px; font-weight:bold; color:#357486;}
				#oi_teacher .msgShow{ padding:10px; width:295px; background-color:#FFF; line-height:18px;}
					#oi_teacher .msgShow img{ float:left; margin:0 5px 5px 0; width:100px; max-height:100px;}
			#oi_images{ float:right; margin-top:10px; width:315px;}
				#oi_images .msgTopic{ width:315px; height:25px; background:url(body_title_bg.png) 0 0 repeat-x; overflow:hidden;}
					#oi_images .msgTopic .name{ float:left; margin:3px 0 0 4px; width:80px; height:22px; line-height:22px; background:url(body_tag_btn_now.png) 0 0 no-repeat; text-align:center; font-size:14px; font-weight:bold; color:#357486;}
					#oi_images .msgTopic .menu{ float:right; padding-right:10px; line-height:25px;}
						#oi_images .msgTopic .menu a{ font-size:12px; font-weight:normal; color:#FFF;}
				#oi_images .msgShow{ padding:10px; width:295px; background-color:#FFF;}
				#oi_images .msgShow .oi_moreimgs{}
					#oi_images .msgShow .oi_moreimgs .oi_oneimg{ float:left; margin-bottom:5px; padding:5px 6px 10px 4px; width:64px; height:54px; overflow:hidden;}
						#oi_images .msgShow .oi_moreimgs .oi_oneimg img{ padding:1px; margin:0 5px 5px 0; border:solid 1px #CCC; width:60px; max-height:54px;}

			/* ======== 前台侧边栏 ======= */	
			#oi_classbody{ padding:10px; text-align:left;}
				#oi_classbody .ClassTree img{ vertical-align:middle;}
			.ClassTree .TreeNode{ padding:0; margin:0; height:22px; line-height:22px;}

			.ClassTree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap;}
			.ClassTree img { border: 0px; vertical-align: middle;}
			.ClassTree a {color: #333; text-decoration: none;}
			.ClassTree a.node, .ClassTree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px;}
			.ClassTree a.node:hover, .ClassTree a.nodeSel:hover { color: #333; text-decoration: underline;}
			.ClassTree a.nodeSel { background-color: #EEEEF2;}
			.ClassTree .clip { overflow: hidden;}