#ocn_left{width:216px; float:left; padding:5px 9px 5px 10px;}
* html #ocn_left{ padding:5px 6px 5px 10px;}
#ocn_mid{ background:url(../Master/images/OnlineClassroom_images/ocn/middle.gif) repeat-y;}
#ocn_mid a{ color:#11617c; font-size:14px; text-decoration:none; line-height:25px;}
#ocn_mid a:hover{ text-decoration:underline;}
#ocn_middle{ background:#fff; padding:10px 5px;}
#ocn_right{ width:698px; float:right; padding:10px 4px 10px 13px;}
* html #ocn_right{ padding:10px 4px 10px 0px;}
#ocn_student_left{ padding:2px; border:#afafaf solid 1px; float:left; width:50px; margin:10px 10px 30px 8px;}
#ocn_student_left img{ border:none;}
#ocn_student_right{ float:left; width:120px; margin:5px 10px 0 0; color:#000; font-size:11px; line-height:13px;}
#ocn_student_right span{ color:#e70000; font-weight:bold;}
#ocn_student_right a{ font-size:12px; font-weight:bold; color:#093f67; text-decoration:none;}
#ocn_student_right a:hover{ text-decoration:underline;}
#ocn_student_right span a{ color:#e70000; font-size:11px; text-decoration:underline;}
#ocn_student_right span a:hover{ text-decoration:none;}
#learn_mid{ background:url(../Master/images/OnlineClassroom_images/ocn/learn_mid.gif) repeat-y; padding:3px 10px;}
#learn_mid span{ float:left;}
#learn_mid img{ border:none; float:left;}
.learn_font{ margin:10px 15px; color:#7f7774; font-size:11px;}
#test_input{ background:#edf4fa; width:150px; float:left; width:170px; margin:3px 5px;}
#live_worktime{ background:url(../Master/images/OnlineClassroom_images/ocn/live_pic_03.gif) no-repeat; width:133px; height:87px; padding:5px 30px; color:#bc6900; font-size:11px; line-height:18px;}
#ocn_mid_01{ background:url(../Master/images/OnlineClassroom_images/ocn/middle_01.gif) repeat-x; height:129px; padding:20px 15px 15px 20px;}
#pinyin_left{ float:left; width:80px; color:#11617c; font-weight:bold;}
#pinyin_lister{ background:url(../Master/images/OnlineClassroom_images/ocn/pinyin_listen_bg.gif) no-repeat; height:30px; line-height:30px; padding:3px 10px 0 60px; width:113px; margin:0 0 0 -5px;}
#pinyin_lister img{ margin:0 6px; border:none;}
#unlogin_left{ float:left; width:50px; color:#000101; font-size:11px; text-align:right; margin:0px 5px; line-height:35px;}
#unlogin_right{ float:left; width:130px; font-size:11px; color:#9cb3c3;}
#unlogin_right img{ float:left; margin-top:5px;}
#unlogin_right a{ color:#8c5b16; font-size:11px; text-decoration:underline; font-weight:bold;}
#unlogin_right a:hover{ text-decoration:none;}
#unlogin_right span a{ color:#9cb3c3; font-size:11px; font-weight:normal; text-decoration:none;}
#unlogin_right span a:hover{ text-decoration:underline;}
.login_input{ width:120px; border:#7e9db9 solid 1px;}
#wrong{text-align:center; position:absolute; color:#e70000; font-size:18px; font-weight:weight; width:220px; padding-top:30px;}

/*Aql 2009-9-8*/
#Pinyin2_con{ background:url(../OnlineClassroom/Ocimg/Pinyin2_bord_mid.gif) repeat-y; padding:10px; margin-top:-5px; color:#7e7878; font-size:14px; line-height:30px;}
#Pinyin2_con_tit{ color:#083d58; font-size:16px; font-family:Microsoft Sans ...; padding-left:10px; line-height:20px; font-weight:bold;}
.Pinyin1_over{ float:left; width:113px; background:url(../OnlineClassroom/Ocimg/Pinyin1_over.gif) no-repeat; width:113px; height:25px;text-align:center;  }
.Pinyin1_link{float:left; width:113px;background:url(../OnlineClassroom/Ocimg/Pinyin1_link.gif) no-repeat; width:113px; height:25px;text-align:center; }

/*Aql 2009-9-8*/

/*prac begin by winki*/
#prac_bg{ background:url(../Master/images/OnlineClassroom_images/ocn/prac_bg_01.gif) no-repeat; width:169px; height:25px; line-height:25px; padding:0 10px 0 15px; margin:10px 0 0 0;}
#prac_bg a{ color:#032a3d; text-decoration:none; font-size:12px;}
#prac_bg a:hover{ text-decoration:underline;}
#prac_bg_over{ background:url(../Master/images/OnlineClassroom_images/ocn/prac_bg_02.gif) no-repeat; width:169px; height:25px; line-height:25px; padding:0 10px 0 15px; margin:10px 0 0 0;}
#prac_bg_over a{ color:#e70000; text-decoration:none; font-size:12px;}
#prac_bg_over a:hover{ text-decoration:underline;}
#prac_over_mid{ background:url(../Master/images/OnlineClassroom_images/ocn/prac_over_mid_bg.gif) repeat-y; width:166px; padding:5px; margin-left:9px; color:000; line-height:25px;}
#prac_over_mid span{ color:#e70000;}
#prac_over_mid a{color:000; text-decoration:none; font-size:12px;}
#prac_over_mid a:hover{ text-decoration:underline;}
/*prac end by winki*/