﻿.kfcleft{float:left; background:url(Images/kfc_left.gif); width:15px; height:328px;}
.kfcright{float:right; background:url(Images/kfc_right.gif); width:15px; height:328px;}
.kfccenter{float:left; text-align:left; height:313px; background:url(Images/kfc_bg.gif) repeat-x; width:612px; padding:10px 0 5px 8px;}
.kfctool{text-align:left; overflow:hidden;}
.kfctool img{padding:0 9px 0 0;}
.kfctips{background:url(Images/kfc_tip_bg.gif) no-repeat; width:600px; height:158px; position:relative;}
.kfctips2{background:url(Images/kfc_tip_bg2.gif) no-repeat; width:600px; height:158px; position:relative;}
.kfctips3{background:url(Images/kfc_tip_bg3.gif) no-repeat; width:600px; height:158px; position:relative;}
.kfctips4{background:url(Images/kfc_tip_bg4.gif) no-repeat; width:600px; height:158px; position:relative;}
.kfctips5{background:url(Images/kfc_tip_bg5.gif) no-repeat; width:600px; height:158px; position:relative;}
.kfctipimg{left:10px; top:16px; position:absolute;}
.kfctipline{left:115px; top:30px; position:absolute;}
.kfctipintro{left:115px; padding:30px 20px 20px 20px; position:absolute; line-height:24px;}
.kfctipintro strong{color:#ea0202; display:block; font-size:14px;}
.kfctipintro div{padding:0px 0 0 0;}

.SoftDiv{margin:10px 10px 10px 0px;}

.newscenter{float:left; background:url(Images/news_panel.gif) no-repeat; width:290px; height:318px; padding:10px 10px 0 10px; text-align:left;}
.newspanel{width:244px; height:250px; margin:45px 0 0 15px; padding:10px;}
.newspanel li{background:url(Images/arrow.gif) no-repeat 0px 8px; padding:0 0 0 8px; line-height:23px;}
.newspanel li a{float:left;}
.newspanel li div{float:right;color:#18abde;}
.newsmore{text-align:right; color:#ff5021;padding-top:2px;}
.newsmore a{color:#ff5021;}
.newsmore a:hover{color:#e00000; text-decoration:none;}
.newspic{width:100%; padding:0 0 15px 0;}
.newspic img{border:1px #666 solid;}
.newspiclist{float:left; padding:0 0 0 2px;}
.newspiclist a{display:block; padding:0 0 3px 0;}

.sayleft{float:left; background:url(Images/sayleft.gif); width:10px; height:91px;}
.sayright{float:right; background:url(Images/sayright.gif); width:10px; height:91px;}
.saycenter{float:left; background:url(Images/saycenter.gif) repeat-x; height:91px; width:630px; position:relative;}
.saybuddy{left:0; top:-6px; position:absolute; background:url(Images/saybuddy.gif); width:189px; height:92px;}
.sayword{right:20px; top:15px; background:url(Images/saybody.gif); width:381px; height:66px; position:absolute; text-align:left; line-height:24px;}
.sayword strong{display:block; font-size:16px; color:#fe4f24; padding:8px 0 0 55px;}
.sayword span{display:block; font-size:14px; color:#010101; padding:4px 0 0 55px;}

/*Calendar*/
.Calendar {line-height:20px;background-color:#FFF;}
.Calendar span {color:#17AADD;line-height:20px;}
.Calendar td {background-color:#F5F5F5;}
.Calendar td img {float:left;margin:5px 5px 5px 0;}
.CalendarScheduleDiv {overflow:auto;height:75px;}
.CalendarScheduleDiv img {padding:2px 2px 0 0;}
.CalendarScheduleHoverDiv {overflow:auto;position:absolute;width:200px;background-color:#EEEEEE;border:1px #AFD4F1 solid;padding:5px;display: none;}
.CalendarScheduleHoverDiv img {padding:0px 5px 0 0;}
.Calendar_DateTitle {color:#2F6EBD;font-size:14px;font-weight:bolder;text-align:center;padding:5px 0 5px 0;}
.Calendar_WeekTitle {}
.Calendar_WeekTitle td {font-size:12px;font-weight:bold;TEXT-DECORATION:none;color:#17AADD;height:30px;background-color:#FFF;}
.Calendar_TodayCell {background-color:#BDE3EE;}
.Calendar_TodayCell table {background-color:#BDE3EE;}
.Calendar_TodayCell td {background-color:#BDE3EE;}
.Calendar_Detail {position:absolute;border:1px solid #D4D4D4;width:230px;text-align:left;background-color:#FFF;padding:8px 10px 8px 10px;}
.Calendar_Detail ul {list-style:none;margin:0px;padding:0px;}
.Calendar_Detail li {height:24px;}
.Calendar_DetailEntity {overflow:auto;}
.Calendar_DetailEntity_NO {width:16px;float:left;text-align:center; color:#fff; line-height:16px;background-color:#FF7200;}
.Calendar_DetailEntity_Content {float:left; padding:0 0 0 10px;line-height:16px;}
.Calendar_DetailEntity_Content span {color:#FF7200;}
.Calendar_Detail_Close {text-align:right;color:#FF7200;line-height:16px;height:16px;}
.Calendar_Detail_Close a {text-align:right;color:#FF7200;line-height:16px;}

/*importantinfo*/
.infoDIV{font-size:16px; border:1px solid #e8e8ea; line-height:80px; color:#ef7118; font-weight:bold;text-align:center;padding:10px;margin:5px 0px 5px 0;text-align:center;height:80px;}

/*Tip Div*/
.tipDiv {font-weight:bolder; padding:0 10px 0px 10px; line-height:28px; text-align:left;border-bottom:1px #efefef solid; font-size:14px;}
.tipShow {width:100%;}
.tipShow span {float:left;width:80px;height:24px;line-height:24px;padding:10px 0 0 10px;font-size:14px;font-weight:bolder;color:#1a4770;}
.tipShow div {float:left;width:100px;height:21px;line-height:21px; padding:10px 0 0 0;}
.tipShow .clear {float:none;height:0;line-height:0;padding:0;margin:0;font-size:0;}

/*Course List*/
.CourseGroupTitle {font-weight:bolder; padding:0 10px 0px 10px; line-height:28px; text-align:left;border-bottom:1px #efefef solid; font-size:14px;color:#17AADD;}
.CourseGroupTitle span {font-size:12px;line-height:20px;padding-left:5px;font-weight:normal;color:#999;}
.CourseGroupContent {padding:5px 10px 10px 10px;}
.CourseGroupContent dl {margin:0px;padding:0px;}
.CourseGroupContent dt {margin:0px;padding:5px 0 0 0;height:24px;line-height:24px;font-size:14px;color:#ff5021;font-weight:bolder; cursor:pointer; }
.CourseGroupContent dt span {font-size:12px;line-height:20px;padding-left:5px;font-weight:normal;color:#999;}
.CourseGroupContent dd {margin:0px;padding:2px 0px 2px 0;height:24px;line-height:24px;padding-left:5px; border-bottom:1px #efefef dotted;}
.courseIndex {float:left;color:#fff; border:1px #ff8700 solid; background-color:#FF5A00; width:22px; height:20px; line-height:20px; text-align:center; font-weight:bold;}
.courseSerialNumber {float:left;width:auto;padding-left:20px; padding-right:5px;height:22px; line-height:22px;}
.courseName {float:left;height:auto; line-height:24px;width:300px;}
.courseName span {font-size:12px;line-height:22px;padding-left:5px;font-weight:normal;}
.courseRuntime {float:left;width:180px;}
.courseCompleted {float:left;}
.courseCompletedProgress {float:left;overflow:auto;/*height:24px;*/padding:5px 0 7px 5px;}

/*Progress*/
.showProgressContainer {height:10px;border:1px solid #424242;line-height:12px;overflow:hidden;width:71px;background:url(Images/progressBG.gif) repeat-x;}
.showProgressFilter {float:right;background-color:#FFF;overflow:hidden;}

/*OfflineCourse*/
.offlinetable{width:100%;}
.offlinetable th{padding:0 10px; line-height:28px; text-align:left;border-bottom:1px #efefef solid; font-size:14px;}
.offlinetable td{line-height:28px;padding:0 10px;}
.offlinetableBottomTD {border-bottom:1px #efefef dotted;}
.offlinetable td strong{color:#fe4f24;padding:0 5px 0 0; font-weight:normal;font-size:14px;font-weight:bolder;}
.offlinetable td span{color:#17aadd;}

/* CSS Document */
.KCcontent {width:100%;text-align:left;}
.KCcontent ul{margin:0; padding:0; list-style:none;}
.KCcontent li{float:left;width:200px;padding:0 10px 10px 0;}
.KCcontent li div {padding:0 0 10px 0;}

/*Testing*/
.ubarcenter div.ubcleft{background:url(Images/time123.gif) 0 -5px no-repeat; padding-left:125px; font-size:48px; line-height:70px; padding-right:50px; color:#FF6600; float:left;}
.ubarcenter div.ubcright{padding:17px 20px 0 0; float:left;}

.testlist{height:465px;}
.testlist div.center{float:left; padding:10px; padding-right:0; width:287px; text-align:left; background:url(Images/testcontent_bg.jpg) repeat-x;  }
.testlistcontent{background:#FFF; width:250; height:382px; overflow-y:auto; margin-top:12px; padding:10px 0 10px 5px;}
.testlistcontent li{float:left; margin:1px; text-align:center; }
.testlistcontent li a{display:block;width:45px;line-height:45px; font-size:18px; color:#8b8b8b; border:1px solid #fff;}
.testlistcontent li a:hover{border:1px solid #ffe2e2; color:#f60; text-decoration:none;}
.testlistcontent li a.current{background:url(Images/currentbg.jpg) no-repeat; color:#f60; border:1px solid #ffe2e2;}
.testlistcontent li a.marked{background:url(Images/markedbg.jpg) no-repeat; border:1px solid #ffe2e2;}
.testlistcontent li a.marked2{background:url(Images/markedbg.jpg) no-repeat; border:1px solid #ffe2e2; color:#f60;}
.testlistcontent li a.marked3{border:1px solid #ffe2e2; color:#f60;}
.testlistcontent li a.marked4{border:1px solid #ffe2e2;}
.testlistcontent li a:active{color:#f60;}

.testcontent{ height:465px;}
.testcontent div.center{float:left;width:610px; padding:10px;background:url(Images/testcontent_bg.jpg) repeat-x;}
.btnarea{margin-top:12px;}
.btncenter{text-align:center; width:410px; float:left;}
.testcontenttitle{background:url(Images/tt01.jpg) no-repeat; padding-left:40px;text-align:left; line-height:30px; font-size:18px; font-family:"微软雅黑" "黑体","宋体"; font-weight:bold; letter-spacing:5px;}

.testbar{background-color:#fff; margin-top:12px; text-align:left; overflow-y:auto; height:320px; padding:20px;}
.testbar table{width:550px;}
.testbar th{vertical-align:top; text-align:right; width:50px;}
.testbar td img{padding-top:10px;}

.clear{clear:both;}

/*Content*/
.ContentTitle {font-weight:bolder; line-height:28px; text-align:left;border-bottom:1px #efefef solid; font-size:14px;color:#17AADD;margin-bottom:5px;padding-left:10px; float:left;}
.ContentTable {border:0px;}
.ContentTable tr {height:22px;}
.ContentTable th {border-bottom:1px #efefef dotted;font-size:14px;font-weight:bolder;color:#ff4e24;height:22px;line-height:22px;}
.ContentTable th a {font-size:14px;font-weight:bolder;color:#ff4e24;height:22px;line-height:22px; text-decoration:none;}
.ContentTable td {height:22px;line-height:22px;}
.ContentTable span {font-weight:normal;color:#2F6EBD;}
.ContentTable strong {font-weight:bolder;color:#ff4e24;}
.ContentTableIndex {float:left;color:#fff; border:1px #ff8700 solid; background-color:#FF5A00; width:22px; height:20px; line-height:20px; text-align:center; font-weight:bold;}

/*CertList*/
.CertList {width:100%;}
.CertList li {float:left;padding-right:20px;padding-bottom:10px;}
.certBG {background-image:url(Images/Cert_BG.jpg);width:600px;height:415px;}
.certBG div {font-size:16px;font-weight:bolder;line-height:200%;}