@charset "utf-8";
/*
** (C)2008 dascom inc. **
** 书香门第 **
*/
@import url("../style/style.css");
/*
********************************************* global全局 *************************************************
*/


body {color:#444;background:#fff;} /* 页面内容居中 */


/*
********************************************* layout框架 *************************************************
*/

/* 总体框架 */


/*
********************************************* font字体 *************************************************
*/


/* 文字字体设置 */

/* 文字颜色设置 */


/*
********************************************* link链接 *************************************************
*/

a:link, a:visited { color:#9D8050; }
a:hover, a:active { color:#f60;}

/*
********************************************* button按钮 *************************************************
*/


/*
********************************************* header头部 *************************************************
*/

/*= Top navigation =*/

#top_nav {background:transparent url(top_nav_bg.gif) repeat-x;}
#top_nav ul li a:hover {color:#9D8050;}
#top_nav .top_help a:link,#top_nav .top_help a:visited{ color:#f60;}


/*= Logo Banner =*/







/*= Position =*/
#position {	border:1px solid #ddd;background:#fff url(position_bg.gif) repeat-x 0 100%; }
#position .position-label {background:url(position_home.gif) no-repeat;}
#position .position-label:hover {background:url(position_home_hover.gif) no-repeat;}



/*
********************************************* container内容 *************************************************
*/

/*= Page Nav =*/

/*= Page Bar =*/
.pagebar a, .pagebar strong{background-color:#FFFFFF;border:1px solid #FFFFFF;color:#333333;background:url(pagebar_bg.png) repeat-x scroll 0 0 #FFFFFF;border-color:#E0E7ED #9FB3C6 #92A8BF #DCE4EB;color:#6699CC;}
.pagebar a.pre, .pagebar a.pre:hover {background:url(pagebar_arw.png) no-repeat scroll 0 100% #FFFFFF;border:medium none;}
.pagebar a.next, .pagebar a.next:hover {background:url(pagebar_arw.png) no-repeat scroll 0 0 transparent;border:medium none;}



#forum {border:1px #ddd solid;}
/*= Forum Homepage =*/
.forum-toptext { border-bottom:1px #ddd solid;}
.forum-toptext .line {  border-left:1px #ddd solid;}

.forum-panel {background:url(forum_panelfoot.gif) no-repeat scroll 0 100% transparent;}
.forum-panel .category {background:url(forum_panelfootr.gif) no-repeat scroll 100% 100% transparent;}
.forum-panel .category hr.dashed{background:none repeat scroll 0 0 transparent;border-color:#E6E7E1;border-right:medium none;border-style:dashed none none;border-width:1px medium medium;}

.forum-panel .forumunit dt a{color:#333; }
.forum-panel .forumunit em strong{color:#9D8050;}
.forum-panel .forumunit .description{color:#666666;}
.forum-panel .forumunit .last a{ color:#9D8050;}

.forum-bottom .legend  {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E3E3E3;}

/*= Forum List Toptext=*/
.forum-list-toptext .forum-info .banzhu a{color:#369;}
.forum-list-toptext .forum-rules h2{color:#369;}


/*= Forum List Bottom=*/
.forum-list-bottom .legend  {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E3E3E3;}

/*= Tab Bar =*/
.tabbar{background:url(tabbar_bg.gif) no-repeat scroll 0 0 transparent; border:1px #dbdbdb solid;    color:#676767;  }

/*= Thread 	List =*/
.thread-list .topics .title a{ color:#333;}
.thread-list td,.thread-list th{border-bottom:1px solid #EEEEEE;}
.thread-list .topics th, .topics td {background:none repeat scroll 0 0 #edeac0;border-top:1px solid #A19E64;}
.thread-list td em, .thread-list td em a {color:#999999;}
.thread-list cite a{color:#333333;}
.thread-list .title a{ color:#333;}
.thread-list .page a {color:#444444;}
.thread-list .page a:hover {color:#007CD5; background:#F5F5F5;}


/*= Thread 	Detail =*/
.post-gaptable .col-left {border-bottom:1px solid #DEDFE0;border-right:1px solid #DEDFE0; background:#FAF8F1;}
.post-gaptable .col-right {border-bottom:1px solid #DEDFE0;}
.post-stats .numeric {color:#333333; }
.post-stats .label {color:#888888; }
.thread-body .post-table td.post-author{background:none repeat scroll 0 0 #E2E1D8;border-right:1px #DAD09B solid;;border-bottom:5px #CFCB94 solid;}
.thread-body .authorinfo-inner .useridentity { border-bottom:1px dashed #fff;}
.thread-body .authorinfo-inner .useridentity .user-name {color:#333;}
.thread-body .user-maindata .user-role a {color:#9D8050;}
.thread-body .user-maindata .user-avatar  img {background:url(forum_midavt_shadow.gif) repeat-x scroll 0 100% #FFFFFF;}
.thread-body .post-heading .post-profile {color:#999999;}
.thread-body .post-meta {border-bottom:1px dashed #DDDDDD;color:#666666;}
.thread-body .post-meta .textresize a.label em {background:url(forum_textresize.png) no-repeat scroll 0 0 transparent;}
.thread-body .post-meta .textresize-list {background:none repeat scroll 0 0 #FFFFFF;border-color:-moz-use-text-color #64ADCD #64ADCD;border-right:1px solid #64ADCD;border-style:none solid solid;border-width:0 1px 1px;}
.thread-body .post-status {background:none repeat scroll 0 0  #edeac0;color:#A19E64;}

.thread-body .post-table .postmain-signature {border-bottom:5px #CFCB94 solid;}
.thread-body .post-table .post-signature {background:url(forum_post_signature.gif) no-repeat scroll 0 0 transparent;color:#666666;}
.thread-bottom{ border-bottom:1px dotted #ccc; }

/*= Publish Thread =*/
.publish-form-caption h3 {  background:url(forum_folder_new.gif) no-repeat scroll 8px 50% transparent;   }
.topic-moodicon a.dropdown-trigger, .topic-category a.dropdown-trigger { background:url(forum_dropdown_trigger.gif) no-repeat scroll 100% -18px transparent;  color:#444444 !important; }
.topic-moodicon { background:none repeat scroll 0 0 #FFFFFF; border-color:#B4B4B4 #E8E8E8 #E8E8E8 #B4B4B4; border-style:solid; border-width:1px;   }
.dropdownmenu-wrap { background:url(forum_shadow.png) repeat scroll 0 0 transparent; }
.topic-moodicon-list .dropdownmenu {width:145px;background:none repeat scroll 0 0 #FFFFFF;}
.dropdownmenu-list, .dropdownmenu-inner {border-color:#BBBBBB #AAAAAA #AAAAAA #BBBBBB;border-style:solid;border-width:1px;}
.topic-title input.text:focus,.webeditor .textarea:focus{border-color:#CFCB94;color:#333;-moz-box-shadow:0 0 5px #CFCB94;}
.webeditor .textarea{; color:#000;}
.forum_publish{background:url(forum_publish.gif) no-repeat; border:none;  }
.forum_reply_confirm{background:url(forum_reply_confirm.gif) no-repeat; border:none; }
.forum_preview{background:url(forum_preview.gif) no-repeat; border:none; }


#news {border:1px #ddd solid;}
#news .right-col-style{border-left: 1px solid #ddd;}

/*= Focus Box =*/
.focus-box {border:1px #E8E8E8 solid;}
.focus-box .num li { color: #FF7300;  border: 1px solid #FF7300; background-color: #fff; }
.focus-box .num li.on { color: #fff;  background-color: #FF7300; }


/*= News Rank =*/
.news-rank {  border:1px #E8E8E8 solid; background:#fff; }
.news-rank .title{background:none repeat scroll 0 0 #9D8050;  }
.news-rank .title h3{ color:#fff;  }
.news-rank .title span {border-color:#9D8050 #FFFFFF #FFFFFF;border-style:solid;border-width:7px 7px 0; }
.news-rank .top10  {background:url(news_top10.gif) no-repeat scroll 0px 6px transparent;}
.news-rank .top10 li a:hover { color:#9D8050;}


/*= Hot Title =*/
.hot-title { background:url(news_hottitle_bg.gif) repeat-x scroll transparent;border-bottom:1px #ccc dashed; }
.hot-title h2 a, .hot-title h2 a:visited { color:#9D8050; }
.hot-title h2 a:active, .hot-title h2 a:hover { color:#000;  }
.news-list a:hover { color:#9D8050; }



/*= Scroll Pic =*/
.scroll-pic {   background:#fff;   }
.scroll-pic .fixtitle a:link {	color: #fff; }
.scroll-pic .fixtitle a:visited {	color: #fff; }
.scroll-pic .fixtitle {background:#9D8050;   }
.scroll-pic .fixtitle h3 { color: #fff; }
.scroll-pic .fixtitle strong{border-color:#9D8050 #FFFFFF #FFFFFF;border-style:solid;border-width:7px 7px 0; }
.scroll-pic .rollbox {	border:1px #E8E8E8 solid;}
.scroll-pic .rollbox .LeftBotton {	background: url(news_ca_hz_002.gif) no-repeat 0px 0px; }
.scroll-pic .rollbox .RightBotton { background: url(news_ca_hz_002.gif) no-repeat -11px 0px; }
.scroll-pic .rollbox .box img {	border: #DDDBD2 1px solid;   background: #fff;}
.scroll-pic .rollbox .box a:hover img {	border: #D6D6D6 1px solid;}
.scroll-pic .rollbox .box p a:hover { color:#9D8050;}


/*= News Title  =*/
.news-title { background:url(news_hottitle_bg.gif) repeat-x scroll transparent; border-bottom:1px #ccc dashed; color:#7E7E7E;}
.news-title h2 { color:#000000;}
.news-content a:hover{ color:#9D8050;}

#news-view {border:1px #ddd solid;}
#news-view .right-col-style{ border-left: 1px solid #ddd;}
.news-pic-show li img  {border:1px solid #C6C6C6;}

/*= News Bottom Pic =*/
.news-bottom-pic { background:#fff;}
.news-bottom-pic .fixtitle a:link {	color: #fff; }
.news-bottom-pic .fixtitle a:visited {	color: #fff; }
.news-bottom-pic .fixtitle {background:#9D8050;   }
.news-bottom-pic .fixtitle h3 { color: #fff; }
.news-bottom-pic .fixtitle strong{border-color:#9D8050 #FFFFFF #FFFFFF;border-style:solid;border-width:7px 7px 0;}
.news-bottom-pic .rollbox {	border:1px #E8E8E8 solid;}
.news-bottom-pic .rollbox .box img {	border: #DDDBD2 1px solid;  background: #fff;}
.news-bottom-pic .rollbox .box a:hover img {	border: #D6D6D6 1px solid; }
.news-bottom-pic .rollbox .box p a:hover { color:#9D8050;}



/*= Chat Room =*/
#chatroom {border:1px #ddd solid;}
#chatroom .icon{ background:url(chatroom_icon.gif) no-repeat;}
#chatroom .icon h2{color:#9B7E4E;}
#chatroom .table{color:#000;}
#chatroom .table td ,#chatroom .table th{border:#D3CB9A solid 1px;  }
#chatroom .table tr.firstbg{ background-color:#fff;}
#chatroom .table tr.secondbg{ background-color:#fffdf4;}
#chatroom .table th{ background-image:url(chatroom_table_bg.gif);color:#000;}
#chatroom .table a{ color:#9B7E4E;}
#chatroom .font-a{color:#444; }
#chatroom .font-b{ color:#444;}


/*= Vote  =*/
#vote{border:1px #ddd solid;}
.vote-body .post-table .post-author{background:none repeat scroll 0 0 #E2E1D8;border-right:1px #fff solid;border-bottom:5px #CFCB94 solid; }
.vote-body .authorinfo-inner .useridentity {border-bottom:1px dashed #fff;}
.vote-body .authorinfo-inner .useridentity .user-name a{color:#333;}
.vote-body .authorinfo-inner .useridentity .user-userid {color:#999999;}
.vote-body .user-maindata .user-avatar  img {background:url(forum_midavt_shadow.gif) repeat-x scroll 0 100% #FFFFFF;}
.vote-body .post-table .postmain {border-bottom:5px solid #CFCB94;}
.vote-body .post-table .postmain .postmain-inner .post-head {border-bottom:1px dashed #DDDDDD;}
.vote-body .post-status {background:none repeat scroll 0 0 #F2FFCF;color:#669900;}
.vote-body .post-content .vote-info {  color:#999999; }
.vote-body .post-content .chart-status {  background:url(vote_option_bg.png) repeat-x scroll 0 0 transparent;  }
.vote-body .post-content .pollchart {  background-image:url(vote_option_bg.png);  }



/*=Common FAQ list =*/
#commonfaq {width:1001px;border:1px #ddd solid;}
#commonfaq .faq_list .flow-num  {background:url(commonfaq_sprites_icons.png) no-repeat scroll 0 0 #FFFFFF;}
#commonfaq .faq_list .question{border-bottom:1px solid #E6E7E1; }
#commonfaq .faq_list .question h1{ background:url(ask_common_small_icon.gif.gif) no-repeat; }
#commonfaq .faq_list .question span  {color:#666;}

#commonfaq .faq_list .answer { border-bottom:1px dashed #E6E7E1; }

/*= FAQ list =*/
#faq {border:1px #ddd solid; }
#faq .right-col-style{ border-left: 1px solid #ddd;}
#faq a:hover{ color:#9D8050;}
#faq .ask_button  .questions { background:url(ask_button_icon.gif) no-repeat 0 5px;  } 

#faq .waiting-question .title{border-top: 1px #D7CF96 solid; border-bottom: 1px #D7CF96 dashed;background:url(ask_left_title_bg.gif) repeat-x;  }
#faq .waiting-question .title h1{background:url(ask_waiting_icon.gif) no-repeat; color:#444;}
#faq .waiting-question ul li{background:url(ask_question_small_icon.gif) no-repeat; }
#faq .common-question{}
#faq .common-question .title{border-top: 1px #D7CF96 solid; border-bottom: 1px #D7CF96 dashed;background:url(ask_left_title_bg.gif) repeat-x;   }
#faq .common-question .title h1{background:url(ask_common_icon.gif) no-repeat; color:#444;}
#faq .common-question ul li{background:url(ask_common_small_icon.gif.gif) no-repeat;}

#faq .question_list{   border-bottom:1px #ddd dashed; }
#faq .question_brief h1 {  background:url(ask_question_icon.gif) no-repeat; }
#faq .question_brief .contents .time{ color:#908F8F;}
#faq .author{color:#908F8F; }
#faq .author .name {color:#9D8050;}
#faq .author strong{color:#9D8050;}
#faq .author strong em{color:#9D8050; }



/*=FAQ View =*/
#faq-view .qbox .title{ background:#EEEDE8; border-bottom:2px #9D8050 solid;}
#faq-view .qbox .title .solved{ background:url(ask_solved_icon.gif) no-repeat left 6px;}
#faq-view .qbox .title .no-solved{ background:url(ask_question_small_icon.gif) no-repeat left 6px;}
#faq-view .reward{  color:#908F8F; }
#faq-view .fbox .title { background:#ded5a5; border-bottom:2px #9D8050 solid;  }
#faq-view .fbox .title h1{ color:#000;}
#faq-view .fbox .title .system-answer{ background:url(ask_system_answer.gif) no-repeat center left;}
#faq-view .fbox .title2 { background:#EEEDE8; border-bottom:2px #9D8050 solid;  }
#faq-view .fbox .title2 .other-answer{ background:url(ask_other_answer.gif) no-repeat center left;}
#faq-view .fbox .dashed{  border-bottom:1px #CFCFCF dashed; }
#faq-view .abox .title{ background:#DED5A5; border-bottom:2px #9D8050 solid;  }
#faq-view .abox .title .my-answer{ background:url(ask_my_answer.gif) no-repeat center left;}
#faq-view .abox .title .no-solved{ background:url(ask_question_small_icon.gif) no-repeat;}
#faq-view .abox .contents .textarea{ color:#000; }

/*=User Defined =*/
#user-defined {border:1px #ddd solid; }
#user-defined .right-col-style{ border-left: 1px solid #ddd;}
#user-defined .changemode .info {background-color: #FFFDD2;padding:2px;border: 1px solid #E7E7E7;  }
#user-selfpage {border:1px #ddd solid; }
 

/* 
** leftmenu_xx **
*/
#menu_xx { margin:0; padding:0; list-style:none;float:left; width:100%; overflow:hidden;}
#menu_xx li { display:block; margin:0; padding:0; background-color:#EFF4F7;text-align:left; }
#menu_xx a { width:100%; margin:0; padding:8px 0 0 20px;float:left;}
#menu_xx .x1{ margin:0; padding:0;background:url(leftmenu_xx.gif) repeat-x; float:left; line-height:26px;width:100%;overflow-y:visible; display:none;}
#menu_xx .x1 a{background:url(leftmenu_xx_icon.gif) no-repeat 6px 12px;color:#00508E; font-weight:bolder; height:24px;}
#menu_xx .x1 a:link   { color:#00508E; text-decoration:none;}
#menu_xx .x1 a:visited{ color:#00508E;text-decoration:none;}
#menu_xx .x1 a:hover  { color:#FFFFFF;text-decoration:none;}

#menu_xx .x2,#menu_xx .x3,#menu_xx .x4,
#menu_xx .x5{margin:0;padding:0;display:block;}

#menu_xx .x2 a{float:left;margin:0;color:#728486; font-weight:bold; background:#f7f3e1 url(leftmenu_x1.gif) no-repeat 2px 9px; padding:5px 0 0 14px; border-bottom:1px solid #D0D9E0;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
#menu_xx .x3 a{float:left;margin:0;color:#728486; font-weight:normal; background:#f2f2f2 url(leftmenu_x2.gif) no-repeat 9px 7px; padding:5px 0 0 18px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
#menu_xx .x4 a{float:left;margin:0;color:#728486; font-weight:normal; background:#f2f2f2 url(leftmenu_x3.gif) no-repeat 14px 7px; padding:5px 0 0 22px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
#menu_xx .x5 a{float:left;margin:0;color:#728486; font-weight:normal; background:#f2f2f2 url(leftmenu_x4.gif) no-repeat 19px 7px; padding:5px 0 0 26px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}

#menu_xx .x2 a:hover,#menu_xx .x3 a:hover,#menu_xx .x4 a:hover,
#menu_xx .x5 a:hover{float:left;margin:0;background-color:#DAD09B; color:#9D8050;text-decoration:none;}

#menu_xx ul, 
#menu_xx li.hover ul ul,
#menu_xx li.hover li.hover ul ul,
#menu_xx li.hover li.hover li.hover ul ul,
#menu_xx li.hover li.hover li.hover li.hover ul ul{margin:0; padding:0;display:block;}

#menu_xx_current {color:#9D8050;font-weight:bolder;}
#menu_xx_current a:link   {background-color:#fff; color:#9D8050; text-decoration:none;}
#menu_xx_current a:visited{background-color:#fff; color:#9D8050;text-decoration:none;}
#menu_xx_current a:hover  {background-color:#fff;color:#999999;text-decoration:none;}



/*
** Downlist Menu **
*/

.downlist-menu { border: 1px solid #A19E64; background:#fff url(popupMenu_bg.gif) repeat-x 0 1px;  }
.downlist-menu li a{ color: #000000;   }
.downlist-menu li a:hover{background:#EDEAC0; color: #874C00; }

/*
** popupMenu **
*/
table.popupMenuTable    { border: 3px solid #999966; background-color: #DED3B3; }
tr.popupMenuMouseOver   { background-color: #FEF2D0; color: #000000; }
tr.popupMenuMouseOut    { background-color: #DED3B3; color: #000000; }
td.popupMenuHrShadow    { background-color: buttonshadow;}
td.popupMenuHrHighLight { background-color: buttonhighlight;}



/* 
**
Subbase View
*/

.basic-info-box .left-list{background:#FEFFFF url(subbase_view_box_bg.gif) repeat-x left bottom;border:1px solid #DAD09B;}
.basic-info-box .left-list .left-title{ background:url(subbase_view_title_bg.gif) repeat-x;    border-bottom:1px solid #9D8050;   color:#9D8050; }
.basic-info-box .left-list ul li{ border-bottom:1px dotted #ccc;}
.basic-info-box .right-list .thumb{background:url(subbase_view_thumb_bg.gif) no-repeat left top;  }
.other-info-box {border:1px solid #DAD09B;  }
.other-info-box .other-info-title{ background:url(subbase_view_title_bg.gif) repeat-x;    border-bottom:1px solid #DAD09B;   color:#9D8050; }

.description-box{border:1px solid #DAD09B;}
.description-box .description-box-left{ border-right:1px solid #DAD09B;}
.description-box .description-box-left .description-title{background:url(subbase_view_title_bg.gif) repeat-x;    border-bottom:1px solid #DAD09B;   color:#9D8050;  }
.description-box .description-box-left .description-content{background:#FEFFFF url(subbase_view_box_bg.gif) repeat-x left bottom; }
.description-box .description-box-right .related-title{     color:#9D8050; background:#E9E2BE; }
.description-box .description-box-right li{   border-bottom:1px dotted #ccc; }
.description-box .description-box-right li a{ color:#000;}
.comments-box .comments-box-stat em{color:#F00;}
.comments-box .comments-box-list .list{   border:1px solid #DAD09B;}
.comments-box .comments-box-list .list .title-bg{ background:url(subbase_view_title_bg2.gif) repeat-x;  border-bottom:1px solid #DAD09B;}
.comments-box .comments-box-list .list th{ border:1px solid #DAD09B;   color:#9D8050;}
.comments-box .comments-box-list .list td{  border-bottom:1px dotted #ccc; }
.comments-box .comments-box-list .list em{ color:#F00;}
.comments-box .comments-box-form .form li em{ color:#F00;}
.comments-box .comments-box-form .form li select { border:1px solid #DAD09B;}
.comments-box .comments-box-form .form li textarea { border:1px solid #DAD09B;}
.comments-box .comments-box-form .form li .button{background:url(subbase_view_button.gif) no-repeat; color:#fff;  }

#subbaseview-02 .basic-info-box .left-list .thumb{background:url(subbase_view_thumb_bg.gif) no-repeat left top;    }
#subbaseview-02 .basic-info-box .right-list{  border:1px solid #DAD09B;}
#subbaseview-02 .basic-info-box .right-list .description-title{background:url(subbase_view_title_bg.gif) repeat-x;   border-bottom:1px solid #DAD09B;   color:#9D8050;  }
#subbaseview-02 .basic-info-box .right-list .description-content{  background:#FEFFFF url(subbase_view_info_bg.gif) repeat-x left bottom;}

#subbaseview-02 .comments-box .comments-box-left{border:1px solid #DAD09B;}
#subbaseview-02 .comments-box .comments-box-left .related-title{ color:#9D8050; background:#DAD09B; }
#subbaseview-02 .comments-box .comments-box-left li{ border-bottom:1px dotted #ccc; }
#subbaseview-02 .comments-box .comments-box-left li a{ color:#000;}

#subbaseview-03 .basic-info-box .basic-info-box-left .thumb{background:url(subbase_view_thumb_bg2.gif) no-repeat left top; }
#subbaseview-03 .basic-info-box .left-list .left-title{  border-bottom:1px solid #DAD09B;   color:#9D8050; }
#subbaseview-03 .basic-info-box .left-list ul li{ border-bottom:1px dotted #ccc; }

#subbaseview-03 .basic-info-box .basic-info-box-right{border:1px solid #DAD09B;}
#subbaseview-03 .basic-info-box .basic-info-box-right .right-title-top{background:url(subbase_view_title_bg.gif) repeat-x bottom;     border-bottom:1px solid #DAD09B; color:#9D8050;  }

.other-info-list .right-list-l{  background-color:#DAD09B; border:1px solid #fff;  color:#505050;}
.other-info-list .right-list-r{   background-color:#EEEDE8; border:1px solid #fff;  color:#505050; }

#subbaseview-03 .basic-info-box .right-box-related{border:1px solid #DAD09B;}
#subbaseview-03 .basic-info-box .right-box-related .related-title{     color:#9D8050; background:#DAD09B; }
#subbaseview-03 .basic-info-box .right-box-related li{   border-bottom:1px dotted #ccc; }
#subbaseview-03 .basic-info-box .right-box-related li a{ color:#000;}
#subbaseview-03 .other-info-box .other-info-content{  background:#FEFFFF url(subbase_view_box_bg.gif) repeat-x left bottom; }


#subbaseview-04 .basic-info-box .basic-info-box-left .thumb{background:url(subbase_view_thumb_bg2.gif) no-repeat left top;  }

#subbaseview-04 .basic-info-box .basic-info-box-right{border:1px solid #DAD09B; }
#subbaseview-04 .basic-info-box .basic-info-box-right .right-title-top{ background:url(subbase_view_title_bg3.gif) repeat-x top;    color:#9D8050;   }
#subbaseview-04 .basic-info-box .basic-info-box-right .right-title-top  h3 {color:#9D8050; }
#subbaseview-04 .basic-info-box .basic-info-box-right .right-title-top  h3.hover {background:url(subbase_view_title_hover.gif) no-repeat;color:#fff; }

#subbaseview-04 .basic-info-box .basic-info-box-right .basic-info-box-right-content ul li{ border-bottom:1px dotted #ccc; }

#subbaseview-05 .basic-info-box .basic-info-box-left{border:1px solid #DAD09B; }
#subbaseview-05 .basic-info-box .basic-info-box-left .right-title-top  h3 {color:#9D8050; background:url(subbase_view_title_on.gif) no-repeat;}
#subbaseview-05 .basic-info-box .basic-info-box-left .right-title-top  h3.hover {background:url(subbase_view_title_hover2.gif) no-repeat;color:#fff;}
#subbaseview-05 .basic-info-box .basic-info-box-left .basic-info-box-left-content ul li{ border-bottom:1px dotted #ccc; }
#subbaseview-05 .basic-info-box .basic-info-box-right .thumb{background:url(subbase_view_thumb_bg2.gif) no-repeat left top;   }

/* 
**parentTable list**
*/
#parentTable .list th,#blockCatalogContentID .list th{ color:#000; background-color:#E5E3DE;  border: 1px solid #FAF8F1;}
#parentTable .list2,#blockCatalogContentID .list2{BACKGROUND-COLOR: #A0C0EB}
#parentTable th.list1,#blockCatalogContentID th.list1{color:#333333;BORDER-BOTTOM: #78A0E6 1px dashed;background-color:#EFF9FA;}
#parentTable th.list2,#blockCatalogContentID th.list2{color:#333333;BORDER-BOTTOM: #78A0E6 1px dashed;background-color:#EFF9FA;}

#parentTable td.listheader1,#blockCatalogContentID td.listheader1{background-color:#f1f3f4}
#parentTable td.list1,#blockCatalogContentID td.list1{color:#000000;BORDER-BOTTOM: #78A0E6 1px dotted}
#parentTable td.list2,#blockCatalogContentID td.list2{color:#000000;BORDER-BOTTOM: #78A0E6 1px dotted}
#parentTable tr.listAlt,#blockCatalogContentID tr.listAlt{ BACKGROUND-COLOR: #FAF8F1}
#parentTable tr.listAlt td,#blockCatalogContentID tr.listAlt td{BACKGROUND-COLOR: #FAF8F1}
#parentTable tr.listBas,#blockCatalogContentID tr.listBas{ BACKGROUND-COLOR: #fff}
#parentTable tr.listBas td,#blockCatalogContentID tr.listBas td{BACKGROUND-COLOR: #fff}
#parentTable tr.listHlt,#blockCatalogContentID tr.listHlt{  background-color: #fff;}
#parentTable tr.listHlt tr,#blockCatalogContentID tr.listHlt tr{ background-color:#fff;}
#parentTable td.listfoot1,#blockCatalogContentID td.listfoot1{color:#000000;}
#parentTable td.listfoot2,#blockCatalogContentID td.listfoot2{color:#000000;}



/*
** layout / layout_two  **
*/

td.layout_two_left  { background: #F5F3F3 url(left_line.gif) repeat-y right;}
td.layout_two_right {background-color: #FFFFFF;}



#course-order .left-box .more a{ color:#9D8050;}
#course-order .left-box .left-box-top{background:url(course_order_left_t1.gif) no-repeat; }
#course-order .left-box .left-box-t3{background:url(course_order_left_t3.gif) no-repeat; }
#course-order .left-box .left-box-mid{background:#fff; border-left:1px #D2DBD0 solid;border-right:1px #D2DBD0 solid; }
#course-order .left-box .left-box-end{background:url(course_order_left_end.gif) no-repeat;}
#course-order .left-box li{  border-bottom:1px dotted #7d7d7d; }
#course-order .left-box .left-box-mid li a{color:#939292; }
#course-order .left-box .left-box-mid li a:hover{color:#518FD1; }
#course-order .left-box .top {background:url(course_order_left_topicon.gif) no-repeat 10px 10px;}
#course-order .block-rc span{   background-image:url(course_order_block_bg.gif);}

#course-order .right-block{ border:1px solid #EEEDE8; background:#fff; }
#course-order .right-block .block-wrapper{  background:#fff;}
#course-order .right-block .block-title {background:url(course_order_blocktitle_bg.gif) repeat-x;  color:#1F2022;border-bottom:1px solid #9D8050; }
#course-order .right-block .block-title h3 {color:#646464;border-top:5px solid #F4F9FB; }
#course-order .right-block .block-title h3.hover {background:#fff;color:#9D8050; border-top:5px solid #9D8050;}

#course-order .right-block .list td{color:#A3A1A1; }
#course-order .right-block .list th{ background:#D2DBD0; color:#000;  border:1px #fff solid;}
#course-order .right-block .list .greens th{background:#EFFEF2;}
#course-order .right-block .list .name{color:#484848;}
#course-order .right-block .list .options a{  color:#44A5D9;}
#course-order .right-block .list .options a:hover{ color:#FF9C01; }
#course-order .right-block .list .listbg { background:#F6F8F9;}
#course-order .right-block .list .listbg2 { background:#fff;}
#course-order .right-block .list .hover{background:#F6F8F9; }
#course-order .right-block .list .hover td{color:#39aafd; }

/*
** Loading style**
*/
table.loading { background-color: #FFB7B7; }


/*
********************************************* footer底部 *************************************************
*/
#footer{ background:url(footer_bg1.gif) repeat-x left top;color:#fff;border-top:none;padding-top:16px; float:left; width:983px; margin-top:5px;}
#footer #copyright{background:url(footer_bg2.gif) repeat-x;padding:10px; float:left; width:983px; margin-left:-10px;}
/*
** body **
*/
body      {  background-color:#A5A5A5; }

/*
** input button select textarea **
*/
input.submit { color: #593600; background: #FFF url(button_bg.gif); border: 1px solid #EBA63D; border-right-color: #8F4800; border-bottom-color: #8F4800;  }
input.cancel { color: #593600; background: #FFF url(button_bg.gif);  border: 1px solid #EBA63D; border-right-color: #8F4800; border-bottom-color: #8F4800;  }
input.button { color: #593600; background: #FFF url(button_bg.gif);  border: 1px solid #EBA63D; border-right-color: #8F4800; border-bottom-color: #8F4800;  }
input.border { color:#666666;height: 20px; margin: 0; padding: 0;border: 1px solid #CCCCCC; }
input.button_2{color:#666666;background:url(button_bg.gif);border:1px solid #B0B0B0;border-right-color:#7B7B7B; border-bottom-color:#7B7B7B; }
select        {border:1px solid #CCCCCC;  color:#666666;}

/* menu2 */
.preload1 {background: url(menu2_1.gif);}
.preload2 {background: url(menu2_1a.gif);}

#nav {width:100%;height:auto !important;height:28px; min-height:28px;overflow:visible; float:left; margin:0;}
#nav li{ overflow:visible;font-size:100%;font-weight:normal; float:left; text-align:left;}
#nav li.top{ background:none;}
#nav li a.top_link{ margin-top:0;}

#nav {padding:0; margin:0; list-style:none; height:28px; background:url(topmenu_bg.gif) repeat; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.line{display:block; float:left; height:28px; width:1px; background:none;}
#nav li.left{  float:left; height:28px; width:2px; background:none;}
#nav li.right{  float:left; height:28px; width:2px; background:none;}
#nav li.top {display:block; float:left; height:28px; }
#nav li a.top_link {display:block; float:left; height:28px; line-height:28px;color:#fff; text-decoration:none; padding:0 0 0 8px; cursor:pointer; background: url(topmenu_l.gif) left top no-repeat;  font-weight:bold;}
#nav li a.top_link span {float:left; display:block; padding:0 8px 0 0px; height:28px; line-height:28px; background: url(topmenu_r.gif) no-repeat right top;white-space:nowrap;}
#nav li a.top_link span.down {float:left; display:block; padding:0 8px 0 0px; height:28px;white-space:nowrap;background: url(topmenu_r.gif) no-repeat right top; }

#nav li.hover a.top_link ,#nav li a.current{color:#9D8050; font-weight:bold; background: url(topmenu_lAlt.gif) left top no-repeat; line-height:28px;}
#nav li.hover a.top_link span ,#nav li a.current span{ background:url(topmenu_rAlt.gif) no-repeat right top; line-height:28px;}
#nav li.hover a.top_link span.down,#nav li a.current span.down { line-height:28px;background:url(topmenu_rAlt.gif) no-repeat right top; }

#nav li.hover {position:relative; z-index:200;}
#nav li.hover ul.sub
{left:1px; top:25px; background-color:#E9E9E9; padding:3px; border:1px solid #B5B5B5; white-space:nowrap; width:137px; height:auto; z-index:300;}
#nav li.hover ul.sub li
{display:block; height:20px; position:relative; float:left; font-weight:normal;}
#nav li.hover ul.sub li a
{display:block; font-size:11px; height:18px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #E9E9E9;width:137px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#nav li ul.sub li a.fly
{background:#E9E9E9 url(arrow.gif) no-repeat right;}
#nav li.hover ul.sub li a:hover 
{background-color:#CCCCCC; color:#333333; border-color:#fff;}
#nav li.hover ul.sub li a.fly:hover
{background-color:#CCCCCC url(arrow_over.gif) no-repeat right; color:#333333;}

#nav li.hover li.hover ul,
#nav li.hover li.hover li.hover ul,
#nav li.hover li.hover li.hover li.hover ul,
#nav li.hover li.hover li.hover li.hover li.hover ul
{left:137px; top:-4px; background-color:#E9E9E9; padding:3px; border:1px solid #B5B5B5; white-space:nowrap; width:137px; z-index:400; height:auto;}

#nav ul, 
#nav li.hover ul ul,
#nav li.hover li.hover ul ul,
#nav li.hover li.hover li.hover ul ul,
#nav li.hover li.hover li.hover li.hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:137px; height:0; margin:0; padding:0; list-style:none; }

#nav li.hover li.hover a.fly,
#nav li.hover li.hover li.hover a.fly,
#nav li.hover li.hover li.hover li.hover a.fly,
#nav li.hover li.hover li.hover li.hover li.hover a.fly
{background:#CCCCCC url(arrow_over.gif) no-repeat right; color:#333333; border-color:#fff;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} 

#nav li.hover li.hover li a.fly,
#nav li.hover li.hover li.hover li a.fly,
#nav li.hover li.hover li.hover li.hover li a.fly
{background:#E2E1E1 url(arrow.gif) no-repeat right; color:#333333;} 


/*
** layout / layout_two  **
*/
table.layout { background-color: #fff;color:#666666; }

td.layout_two_left  { background: #F5F3F3 url(left_line.gif) repeat-y right;}
td.layout_two_right { background-color:#FFF;}

/*
** index **
*/

/*
** prity_layout **
*/


/*
** block **
*/
tr.boxSelected { background-color: #D3DBE8;  }
td.boxTitle01_02 { background: url(left_r1_02.gif) left bottom; }

td.boxTitle02_02 { background: url(left_r2_02.gif) left bottom; }

td.boxTitle03_02 { background: url(middle_r1_02.gif) left bottom; }

td.boxbg_01 { background-color: #F1F1F1;}
td.boxbg_02 { background-color: #F1F1F1;}
td.boxbg_03 { background-color: #F1F1F1; }


td.boxLeft  {  background-color: #F1F1F1;}
td.boxRight {  background-color: #F1F1F1;}

td.middle_boxLeft  { background-color: #F1F1F1;}
td.middle_boxRight { background-color: #F1F1F1;}


.boxtitle_icon  { background: url(dropUp.gif) no-repeat center center; }
.boxtitle_icon2 { background: url(dropDown.gif) no-repeat center center;}

font.boxTitle, span.boxTitle {    color: #000000; }
.boxTitle a:link    { color: #000000; }
.boxTitle a:visited { color: #000000; }
.boxTitle a:hover   { color: #000000;  }

font.winTitle, span.winTitle { 	  color: #000000; }
.winTitle a:link    { color: #000000; }
.winTitle a:visited { color: #000000; }
.winTitle a:hover   { color: #000000;  }

/*
** block space between **
*/


/*
** boxExt **
*/
table.boxExtCanvas { background-color: #81807C; }
table.boxExt { background-color: #CCCCCC; }
tr.boxExt { background-color: #FFFFFF; color: #999999; }
td.boxExt { background-color: #FFFFFF; }

/*
** textFlex **
*/
.textFlex {    background-color: transparent; color:#666666; }


/**Common Button Style**
/* Link Button Submit  add at 2012-03-12 **/ 
.btna-submit a:link,.btna-submit a:visited { background:url(comm_btnas_l.gif) no-repeat left top;   }
.btna-submit a:hover { background:url(comm_btns_l.gif) no-repeat left top;   }
.btna-submit a:link b,.btna-submit a:visited b { background:url(comm_btnas_r.gif) no-repeat right top;    color:#000;   }
.btna-submit a:hover b {background:url(comm_btns_r.gif) no-repeat right top; }

/* Link Button Reset */
.btna-reset a:link,.btna-reset a:visited { background:url(comm_btnar_l.gif) no-repeat left top;      }
.btna-reset a:hover { background:url(comm_btnr_l.gif) no-repeat left top; }
.btna-reset a:link b,.btna-reset a:visited b { background:url(comm_btnar_r.gif) no-repeat right top;  color:#000;   }
.btna-reset a:hover b {background:url(comm_btnr_r.gif) no-repeat right top;}

/* Button Submit */
.btn-submit b { background:url(comm_btns_l.gif) no-repeat left top;  }
.btn-submit b button,.btn-submit b input {  background:url(comm_btns_r.gif) no-repeat right top;   color:#000;     }

/* Button Apply */
.btn-apply b { background:url(comm_btnp_l.gif) no-repeat left top;      }
.btn-apply b button,.btn-apply b input {  background:url(comm_btnp_r.gif) no-repeat right top;   color:#000;     }

/* Button Reset */
.btn-reset b { background:url(comm_btnr_l.gif) no-repeat left top;     }
.btn-reset b button,.btn-reset b input {  background:url(comm_btnr_r.gif) no-repeat right top;    color:#000;    }


/**Common Form Style**/
/* form table*/
.form-border { border:1px solid #DCDCDC; background-color:#F2F8FD;}

/* form */

.all-form .form select { border:1px solid #AFAFAF; }
.all-form .form textarea { border:1px solid #CECECE; background:url(comm_input_bg2.gif) no-repeat left top; color:#333; }
.all-form .form input[type="text"] { border:1px solid #CECECE; background:url(comm_input_bg.gif) no-repeat left top; color:#333;} 
.all-form .form input[type="password"] { border:1px solid #CECECE; background:url(comm_input_bg.gif) no-repeat left top; color:#333;} 
.all-form .form h2 {   color:#f60;}
.all-form .form .font-red { color:#f00; }
.all-form .form .mark { color:#f00;   }


/**Common List Style**/
.all-list .list {background:#fff; border:1px solid #bbd8e8;}
.all-list .list th{background:#ecf8fe;  border:1px solid #bbd8e8;  color:#333; }
.all-list .list tr.listAlt    {  background-color:#f6f6f6;}
.all-list .list tr.listAlt tr {  background-color:#f6f6f6;}
.all-list .list tr.listBas    {  background-color: #F5F5F5; color:#999999;}
.all-list .list tr.listBas tr {  background-color: #F5F5F5; color:#999999;}
.all-list .list tr.listHlt    {  background-color:#FFFDD7; }
.all-list .list tr.listHlt tr {  background-color:#FFFDD7; }
.all-list .list tr.Inside		{  background-color: #FFFFFF; }
.all-list .list tr.Inside tr	{  background-color: #FFFFFF; }
.all-list .list tr.InsideAlt	{  background-color: #FFFFFF; }
.all-list .list tr.InsideAlt tr {  background-color: #FFFFFF; }
.all-list .list th a:link    { color: #016EC6;  }
.all-list .list th a:visited { color: #016EC6;  }
.all-list .list th a:hover   { color: #3c3c3d;  }
.all-list .list td a:link	 { color: #016EC6;  }
.all-list .list td a:visited { color: #016EC6;  }
.all-list .list td a:hover { color: #f60;  }
.all-list .list tr.listBas a:link    { color: #999999;  }
.all-list .list tr.listBas a:visited { color: #999999;  }
.all-list .list tr.listBas a:hover   { color: #999999;  }
.all-list .list .iFont {  color:#f60;  }

/**Common Validation Style**/
.validation-ok { background:#e2f1d8 url(comm_icon_ok.gif) no-repeat 5px 5px; border:1px solid #a3cc87; color:#555555;   }
.validation-tip { background:#ECF6F9 url(comm_icon_tip.gif) no-repeat 5px 5px; border:1px solid #ADD0E4; color:#555555;    }
.validation-info { background:#FFFAE6 url(comm_icon_info.gif) no-repeat 5px 5px; border:1px solid #FFE8B3; color:#555555;    }
.validation-error { background:#FFEAE7 url(comm_icon_error.gif) no-repeat 5px 5px; border:1px solid #F3A696; color:#555555;   }

/**Common Alter and Info Style**/
.all-info .alter {background-color: #FFFDD2; border: 1px solid #FFD0D0;}
.all-info .alter h3 { color:#FF0000;}

.all-info .info { background:#FEFFE5;border: 1px solid #ede69b; }
.all-info .info h3 {   color:#f60; }
.all-info .info ul li{ color:#aa811f;  }
.all-info .info ul li .font_red {color:#333333;padding-left:2em;} 


/*=Skills Inside =*/

.left-box .more a{ color:#000;}
.left-box .left-box-top{background:url(skills_course_left_t1.gif) no-repeat; }
.left-box .left-box-t2{background:url(skills_course_left_t2.gif) no-repeat; }
.left-box .left-box-t3{background:url(skills_course_left_t3.gif) no-repeat; }
.left-box .left-box-t4{background:url(skills_course_left_t4.gif) no-repeat; }
.left-box .left-box-t5{background:url(skills_course_left_t5.gif) no-repeat; }
.left-box .left-box-mid{background:#fff; border-left:1px #D0D6D5 solid;border-right:1px #D0D6D5 solid; }
.left-box .left-box-end{background:url(skills_course_left_end.gif) no-repeat; }
.left-box li{  border-bottom:1px dotted #7d7d7d; }
.left-box .left-box-mid li a{background:url(skills_iconb.gif) no-repeat left center; color:#939292; }
.left-box .left-box-mid li a.current{background:url(skills_iconc.gif) no-repeat left center;color:#9D8050; }
.left-box .left-box-mid li a:hover{background:url(skills_iconf.gif) no-repeat left center;color:#9D8050; }
.left-box .green li a.current{background:url(skills_icona.gif) no-repeat left center;color:#72BC23;}
.left-box .top {background:url(skills_course_left_topicon.gif) no-repeat 10px 10px;}



.right-box{ border:1px solid #E4E2D6; background:#fff;}
.right-box-green {border:1px solid #E2E1D8;}
.right-box-green .block-rc span{background-image:url(skills_block_bg2.gif);}
.right-box .right-box-title{background:url(skills_course_title_bg.gif) no-repeat; }
.right-box .title-green{background:url(skills_course_title_bg2.gif) no-repeat;}
.right-box .right-box-title .title{ color:#9D8050;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #9D8050; }
.right-box .right-box-title .main {border-bottom:4px solid #9D8050;   }
.right-box .green .title{color:#9D8050;background:url(skills_icone.gif) no-repeat left center; border-bottom:1px solid #9D8050;}
.right-box .green .main{border-bottom:4px solid #9D8050;}
.right-box .right-box-mid{background:#fff;}
.right-box .return a{ color:#9D8050;  }

.right-box .list td{color:#A3A1A1; }
.right-box .list th{ background:#e9e2be; color:#000;  border:1px #fff solid;}
.right-box .list .greens th{background:#ECEBE3;}
.right-box .list .name{color:#484848;}
.right-box .list .options a{  color:#9D8050;}
.right-box .list .options a:hover{ color:#9D8050; }
.right-box .list .listbg { background:#F6F8F9;}
.right-box .list .listbg2 { background:#fff;}
.right-box .list .hover{background:#F6F8F9; }
.right-box .list .hover td{color:#39aafd; }


#skills-inside .search-area { background:url(skills_search_bg.gif) no-repeat right top; }
#skills-inside .search-input { background:url(skills_index_search_input.gif) no-repeat;  }
#skills-inside .search-input input { color:#424242; background:none repeat scroll 0 0 transparent;}
#skills-inside .search-button { background:url(skills_index_search_bt.gif) no-repeat;color:#fff; }

.courses-left-box-title{ background:url(courses_left_box_title.gif) no-repeat; }
.courses-left-box-title h1{   color:#694404;}
.courses-left-box-mid{ border-left:2px solid #DCE2E0; border-right:2px solid #DCE2E0; }
.courses-left-box-mid li a{background:url(courses_left_left_box_li.gif) repeat-x; color:#939292; }
.courses-left-box-mid li a:hover,.courses-left-box-mid li a.current{background:url(courses_left_left_box_lih.gif) no-repeat;color:#fff; }
.courses-left-box-mid #cat-depth-1 a{background:url(courses_left_left_box_li.gif) repeat-x; color:#939292; }
.courses-left-box-mid #cat-depth-1 a:hover{background:url(courses_left_left_box_li.gif) repeat-x; }
.courses-left-box-mid #cat-depth-1 a span.close{ background:url(courses_left_cat_close.gif) no-repeat left center ;}
.courses-left-box-mid #cat-depth-1 a span.expansion{ color:#333;background:url(courses_left_cat_open.gif) no-repeat left center ;}
.courses-left-box-mid #cat-depth-1 dl dd a{ color: #000;padding-right:17px;border-top:1px solid #fff; border-bottom:1px solid #fff; }
.courses-left-box-mid #cat-depth-1 dl dd a:hover,.courses-left-box-mid #cat-depth-1 dl dd a.current{ background:#E0DAC8 url(courses_left_cat.gif) 162px center no-repeat;  border-top:1px solid #C9B57A; border-bottom:1px solid #C9B57A;}

.courses-left-box-end{ background:url(courses_left_box_end.gif) no-repeat; }

.courses-center-center .search-area { background:url(skills_search_bg.gif) no-repeat right top;}
.courses-center-center .search-input input { color:#424242;  border:1px solid #ccc;  }
.courses-center-center .search-button { background:url(skills_index_search_bt.gif) no-repeat; color:#fff; }

.courses-right-box-top{background:url(courses_right_box_top.gif) no-repeat; }
.courses-right-box-t1{background:url(courses_right_box_t1.gif) no-repeat;}
.courses-right-box-t1 h2{  color:#694404;}
.courses-right-box-t2{background:url(courses_right_box_t2.gif) no-repeat;}
.courses-right-box-t2 h2{  color:#694404; }
.courses-right-box-t3{background:url(courses_right_box_t2.gif) no-repeat;}
.courses-right-box-t3 h2{  color:#694404;}
.courses-right-box-t3 .more a{ color:#fff;}
.courses-right-box-end{background:url(courses_right_box_end.gif) no-repeat;}


.courses-right-box ul{background:#fff;  border-left:2px solid #D0D6D5; border-right:2px solid #D0D6D5;}
.courses-right-box li{  border-bottom:1px dotted #7d7d7d; }
.courses-right-box li a{background:url(skills_iconb.gif) no-repeat left center; color:#939292;  }
.courses-right-box li a.current{background:url(skills_iconc.gif) no-repeat left center;color:#9D8050; }
.courses-right-box li a:hover{background:url(skills_iconf.gif) no-repeat left center;color:#9D8050; }
.courses-right-box .green li a.current{background:url(skills_icona.gif) no-repeat left center;color:#72BC23;}
.courses-right-box .top {background:url(skills_course_left_topicon.gif) no-repeat 10px 10px;}

.introduce{ background:url(skills_course_view_bg.gif) no-repeat right top; }
.introduce .intro-left li {color:#939292;   border-bottom:1px dotted #ccc;}
.introduce .intro-left .intro-img img{ border:2px solid #ABAAAA;}

.introduce .intro-right .box-title .title{ color:#9D8050;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #9D8050; }
.introduce .intro-right .box-title .main {border-bottom:4px solid #9D8050;   }
.introduce .intro-right .information{background:url(skills_couse_view_info.gif) no-repeat;}



.principal { background:url(skills_course_title_bg.gif) no-repeat right 32px;}
.principal .box-title .title{ color:#9D8050;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #9D8050;}
.principal .box-title .main {border-bottom:4px solid #9D8050;   }
.principal .principal-left .person-img{background:url(skills_couse_view_proson.jpg) no-repeat left top;}
.principal .principal-right .person-info span{  color:#9D8050; }
.principal .principal-right .person-intro{ background:#ECEBE3; color:#9D8050;   border:1px solid ##9D8050;}


/*=Skills Inside =*/
#skills-inside .left-box .more a{ color:#000;}
#skills-inside .left-box .left-box-top{background:url(skills_course_left_t1.gif) no-repeat; }
#skills-inside .left-box .left-box-t2{background:url(skills_course_left_t2.gif) no-repeat; }
#skills-inside .left-box .left-box-t3{background:url(skills_course_left_t3.gif) no-repeat; }
#skills-inside .left-box .left-box-t4{background:url(skills_course_left_t4.gif) no-repeat; }
#skills-inside .left-box .left-box-t5{background:url(skills_course_left_t5.gif) no-repeat; }
#skills-inside .left-box .left-box-t14{background:url(skills_course_left_t14.gif) no-repeat; }
#skills-inside .left-box .left-box-t15{background:url(skills_course_left_t15.gif) no-repeat; }
#skills-inside .left-box .left-box-mid{background:#fff; border-left:1px #D0D6D5 solid;border-right:1px #D0D6D5 solid; }
#skills-inside .left-box .left-box-end{background:url(skills_course_left_end.gif) no-repeat;}
#skills-inside .left-box li{  border-bottom:1px dotted #7d7d7d; }
#skills-inside .left-box .left-box-mid li a{background:url(skills_iconb.gif) no-repeat left center; color:#939292;  }
#skills-inside .left-box .left-box-mid li a.current{background:url(skills_iconc.gif) no-repeat left center;color:#9D8050; }
#skills-inside .left-box .left-box-mid li a:hover{background:url(skills_iconf.gif) no-repeat left center;color:#9D8050; }
#skills-inside .left-box .green li a.current{background:url(skills_icona.gif) no-repeat left center;color:#72BC23;}
#skills-inside .left-box .top {background:url(skills_course_left_topicon.gif) no-repeat 10px 10px;}



#skills-inside .right-box{ border:1px solid #E4E2D6; background:#fff;}
#skills-inside .right-box-green {border:1px solid #E2E1D8;}
#skills-inside .right-box-green .block-rc span{background-image:url(skills_block_bg2.gif);}
#skills-inside .right-box .right-box-title{background:url(skills_course_title_bg.gif) no-repeat;}
#skills-inside .right-box .title-green{background:url(skills_course_title_bg2.gif) no-repeat;}
#skills-inside .right-box .right-box-title .title{ color:#9D8050;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #9D8050; }
#skills-inside .right-box .right-box-title .main {border-bottom:4px solid #9D8050;   }
#skills-inside .right-box .green .title{color:#9D8050;background:url(skills_icone.gif) no-repeat left center; border-bottom:1px solid #9D8050;}
#skills-inside .right-box .green .main{border-bottom:4px solid #9D8050;}
#skills-inside .right-box .right-box-mid{background:#fff;}
#skills-inside .right-box .return a{ color:#9D8050;  }
#skills-inside .right-box .list td{color:#A3A1A1; }
#skills-inside .right-box .list th{ background:#e9e2be; color:#000;  border:1px #fff solid;}
#skills-inside .right-box .list .greens th{background:#ECEBE3;}
#skills-inside .right-box .list .name{color:#484848;}
#skills-inside .right-box .list .options a{  color:#9D8050;}
#skills-inside .right-box .list .options a:hover{ color:#9D8050; }
#skills-inside .right-box .list .listbg { background:#F6F8F9;}
#skills-inside .right-box .list .listbg2 { background:#fff;}
#skills-inside .right-box .list .hover{background:#F6F8F9; }
#skills-inside .right-box .list .hover td{color:#39aafd; }


.courses-block {  background:#FFFFFF;border: 1px solid #E4E2D6;}
.courses-block-mid {background:#fff;}
.courses-block-title {background:url(skills_course_title_bg.gif) no-repeat; }
.courses-block-title .title{ color:#9D8050;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #9D8050; }
.courses-block-title .main{border-bottom:4px solid #9D8050;   }
.courses-block-content .return a{ color:#5EB203;  }
.courses-block .list td{color:#A3A1A1; }
.courses-block .list th{ background:#e9e2be; color:#000;  border:1px #fff solid;}
.courses-block .list .greens th{background:#ECEBE3;}
.courses-block .list .name{color:#484848;}
.courses-block .list .options a{  color:#9D8050;}
.courses-block .list .options a:hover{ color:#9D8050; }
.courses-block .list .listbg { background:#F6F8F9;}
.courses-block .list .listbg2 { background:#fff;}
.courses-block .list .hover{background:#F6F8F9; }
.courses-block .list .hover td{color:#39aafd; }


.courses-right-box-top{background:url(courses_right_box_top.gif) no-repeat;}
.courses-right-box-t1{background:url(courses_right_box_t1.gif) no-repeat;}
.courses-right-box-t1 h2{  color:#694404;}
.courses-right-box-t2{background:url(courses_right_box_t2.gif) no-repeat; }
.courses-right-box-t2 h2{  color:#694404;}
.courses-right-box-t3{background:url(courses_right_box_t2.gif) no-repeat;}
.courses-right-box-t3 h2{  color:#694404;  }
.courses-right-box-t3 .more a{ color:#fff;}
.courses-right-box-end{background:url(courses_right_box_end.gif) no-repeat; }


.courses-right-box ul{ background:#fff;  border-left:2px solid #D0D6D5; border-right:2px solid #D0D6D5; }
.courses-right-box li{  border-bottom:1px dotted #7d7d7d; }
.courses-right-box li a{background:url(skills_iconb.gif) no-repeat left center; color:#939292;  }
.courses-right-box li a.current{background:url(skills_iconc.gif) no-repeat left center;color:#9D8050; }
.courses-right-box li a:hover{background:url(skills_iconf.gif) no-repeat left center;color:#9D8050; }
.courses-right-box .green li a.current{background:url(skills_icona.gif) no-repeat left center;color:#72BC23;}
.courses-right-box .top {background:url(skills_course_left_topicon.gif) no-repeat 10px 10px;}

.introduce{ background:url(skills_course_view_bg.gif) no-repeat right top; }
.introduce .intro-left li {color:#939292;   border-bottom:1px dotted #ccc;}
.introduce .intro-left .intro-img img{ border:2px solid #ABAAAA; }


.introduce .intro-right .box-title .title{ color:#9D8050;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #9D8050; }
.introduce .intro-right .box-title .main {border-bottom:4px solid #9D8050;   }
.introduce .intro-right .information{background:url(skills_couse_view_info.gif) no-repeat;}



.principal { background:url(skills_course_title_bg.gif) no-repeat right 32px;}
.principal .box-title .title{ color:#9D8050;background:url(skills_icond.gif) no-repeat left center; border-bottom:1px solid #9D8050;}
.principal .box-title .main {border-bottom:4px solid #9D8050;   }
.principal .principal-left .person-img{background:url(skills_couse_view_proson.jpg) no-repeat left top;}
.principal .principal-right .person-info span{ color:#9D8050; }
.principal .principal-right .person-intro{ background:#ECEBE3; color:#9D8050;  border:1px solid ##9D8050;}


/*
** search barea**
*/
.search-barea-upl { background:url(search_area_lbg.jpg) no-repeat;}
.search-barea-upr { background:url(search_area_rbg.jpg) no-repeat;}
.search-barea-upc { background:#E1E3E2; }
.search-barea-condition { background:#f7f7f7;  border:1px solid #dddfdd;  }
.search-barea-condition a:link,.search-barea-condition a:visited { color:#666;}
.search-barea-condition a:hover {  color:#267DCE;}
.search-barea-condition .active, .search-barea-condition a.active:hover { background:url(search_area_condition.gif) no-repeat right center;}
.search-barea-upcin .condihover { background:#f7f7f7;border:1px solid #fdfdfd; }
.search-barea-input input {  color:#424242; background:url(search_area_inputbg.jpg) repeat-x left top; }
.search-barea-button {background:url(search_area_btn.jpg) repeat-x;  color:#5C4215;  }
.search-barea-toggle {  color:#9D8050;   }
.search-barea-toggle em.down { background:url(search_area_toggledown.gif) no-repeat; }
.search-barea-toggle em.up { background:url(search_area_toggleup.gif) no-repeat; }
.search-barea-down {   background:#f7faff; border:2px solid #E1E3E2; }
/*
** advanced  search **
*/

table.filter { background:#f5f5f5; border:2px solid #7b827c; color: #0C3D5B;  }
.filter td a:link    { color: #3c3c3d;  }
.filter td a:visited { color: #3c3c3d;  }
.filter td a:hover   { color: #3c3c3d;  }
.filter select { border:1px solid #AFAFAF; }
.filter textarea { border:1px solid #CECECE; background:url(comm_input_bg2.gif) no-repeat left top; color:#333;}
.filter input[type="text"] { border:1px solid #CECECE; background:url(comm_input_bg.gif) no-repeat left top; color:#333;} 
.filter input[type="password"] { border:1px solid #CECECE; background:url(comm_input_bg.gif) no-repeat left top; color:#333;} 


/*
** seachlist **
*/

table.seachlist {background:#fff;   border:1px solid #DDDDDD;}
table.seachlist th{background:#E1E3E2;  border:1px solid #ADCDED;  color:#333;  border: 1px solid #fff; border-right:1px solid #DDDDDD; border-bottom:1px solid #fff;}
table.seachlist tr.listAlt    {  background-color:#f6f6f6;}
table.seachlist tr.listAlt tr {  background-color:#f6f6f6;}
table.seachlist tr.listBas    {  background-color: #F5F5F5; color:#999999;}
table.seachlist tr.listBas tr {  background-color: #F5F5F5; color:#999999;}
table.seachlist tr.listHlt    {  background-color:#FFFDD7; }
table.seachlist tr.listHlt tr {  background-color:#FFFDD7; }
table.seachlist tr.Inside		{  background-color: #FFFFFF; }
table.seachlist tr.Inside tr	{  background-color: #FFFFFF; }
table.seachlist tr.InsideAlt	{  background-color: #FFFFFF; }
table.seachlist tr.InsideAlt tr {  background-color: #FFFFFF; }
table.seachlist th a:link    { color: #9D8050;  }
table.seachlist th a:visited { color: #9D8050;  }
table.seachlist th a:hover   { color: #9D8050;  }
table.seachlist td a:link	 { color: #9D8050;  }
table.seachlist td a:visited { color: #9D8050;  }
table.seachlist td a:hover { color: #f60;  }
table.seachlist tr.listBas a:link    { color: #999999;  }
table.seachlist tr.listBas a:visited { color: #999999;  }
table.seachlist tr.listBas a:hover   { color: #999999;  }
table.seachlist .iFont {  color:#f60; }

.questionnaire { background:#f7fcff url(questionnaire_bg.jpg) no-repeat left bottom;}
.questionnaire-roll { border:1px solid #d9dada;  background:#fff;}
.questionnaire-roll-title {  background:#e5e7e8; border:1px solid #fff;}
.questionnaire-roll-title h2{   color:#9D8050;   background:url(questionnaire_icon.gif) no-repeat 5px center;}
.questionnaire-roll-describe {  border-top:1px solid #d9dada; color:#878787;}
.questionnaire-roll-bottom {   background:#fbfbfb;}
.questionnaire-roll-bottom .info { color:#ff5400;  }


/* 资讯文章 */
.zxwz-left-header p{ background:#004276;color:#FFF; }
.zxwz-left-box-header{ background: url(zxwz_left_box_header.gif) no-repeat scroll 0 0;border:1px #dadada solid; }
.zxwz-left-box-content{ border:1px solid #dadada;}
.zxwz-left-box-content h4 a{ color:#666;  }
.zxwz-left-box-content h4 a:link,.zxwz-left-box-content h4 a:visited{ color:#666; }
.zxwz-right-news{ border:1px #dadada solid; }
.zxwz-right-news h5{ background:url(zxwz_right_news_header_bg.gif) no-repeat scroll 0 0;color:#666;  }

/*前台优秀作业查看*/
#teaching-inside .center-info-list{color:#1F2022;border:1px solid #DAD09B; }
#teaching-inside .center-info-list .comments-box-list .list{   border:1px solid #DAD09B;}
#teaching-inside .center-info-list .comments-box-list .list .title-bg{ background:url(subbase_view_title_bg2.gif) repeat-x;  border-bottom:1px solid #DAD09B;}
#teaching-inside .center-info-list .comments-box-list .list th{ border:1px solid #DAD09B;   color:#9D8050;}
#teaching-inside .center-info-list .comments-box-list .list td{  border-bottom:1px dotted #ccc; }
#teaching-inside .center-info-list .comments-box-list .list em{ color:#F00;}
#teaching-inside .center-info .comments-box-form .form li em{ color:#F00;}
#teaching-inside .center-info .comments-box-form .form li select { border:1px solid #DAD09B;}
#teaching-inside .center-info .comments-box-form .form li textarea {border:1px solid #DAD09B;}
#teaching-inside .center-info .comments-box-form .form li .button{background:url(subbase_view_button.gif) no-repeat; color:#fff; }


/*vedio*/
.contbox-vediopage-left{border:1px solid #d6ebf2; }
.page-vedio{ border:1px solid #dedede; }
.page-caption h3{  border-bottom:1px solid #dbe8e2;}
.vedio-pingjia{ border:1px solid #dfdede;}
.vedio-pingjia a{ background:url(button_01_bg.jpg) no-repeat scroll 0 0;color:#fff; }
.vedio-infor h4{ background:url(vedio_infor.jpg) repeat-x scroll 0 0;  border:1px solid #cacaca; }
.vedio-infor .vedio-infor-box ul{width:100%;padding:0;}
.vedio-infor .vedio-infor-box ul li{  float:left;width:100%;background:#f1f1f1;line-height:25px;}
.vedio-infor .vedio-infor-box span{ border-bottom:1px dashed #fff;}
.vedio-text{ background: url(vedio_pinglun_bg.jpg) repeat-x scroll 0 0; border:1px solid #e9e9e9; }
.vedio-text em{  background:url(icon_01.jpg) no-repeat scroll;  }
.vedio-text a{ background:url(button_01.jpg) no-repeat scroll;  color:#fff;}
.vedio-pinglun ul{ border:1px solid #d6dcde;}
.vedio-pinglun ul li{ border-bottom:1px dotted #dddddd;}

.contbox-vediopage-right{ border:1px solid #d5ebf2;}
.contbox-vediopage-right h5{ background:url(xgsp_h5_bg.jpg) repeat-x scroll ; }

/* pic */

.pic-box{ border:1px solid #c4c3c3;}
.pic-box .scrollbox .leftbutton { background:url(simg_sroll_left.jpg) no-repeat scroll 0 0;  }
.pic-box .scrollbox .rightbutton { background:url(simg_sroll_right.jpg) no-repeat scroll 0 0;  }

/*下载资源*/
.content_one_yh {border-top:1px solid #c5dce8; }
.content_one_yh .ul_one { border-right:1px dashed #e2e6e7;}
.content_one_yh ul li label{background:#f1f1f1;  border-right:1px solid #f1f1f1; }
.content_one_yh ul li span{border-bottom:1px dashed #e2e6e7;   }
.content_one_yh ul .li_one { background:#f1f1f1;}
.content_one_yh ul .li_three { background:#f1f1f1;}
.content_two_yh h3 { background:#f0f0f0; border:1px solid #cfcfcf;    }
.contbox_right_one_yh ul .li_five span { background:#f3fbfe;  color:#83d0e9; }
.contbox_right_one_yh ul .li_six .li_img_text { background:#edfaf5; border:1px solid #e3f3ed; }
.contbox_right_two_yh h5 { background: url(doc_h5_bg.jpg) repeat-x scroll; border:1px solid #cfcfcf;}
.contbox_right_two_yh .right_two_contbox { border:1px solid #d5ebf2;}

/*document*/
.document-box{ border:1px solid #e1ede9;}
.document-header{ background:url(doc_header_bg.jpg) repeat-x scroll 0 0; }
.document-header a{ color:#6a9d7f;}
.document-header .icon_01{ background:url(icon01.jpg) no-repeat scroll 0 0;}
.document-header .icon_02{ background:url(icon02.jpg) no-repeat scroll 0 0;}
.document-header .icon_03{ background:url(icon03.jpg) no-repeat scroll 0 0;}
.document-footer{ background:url(doc_footer_bg.jpg) repeat-x scroll;  }
.document-footer a{   color:#6a9d7f; }
.document-footer .icon_04{ background:url(icon04.jpg) no-repeat scroll 0 0;}
.document-footer .icon_05{ background:url(icon05.jpg) no-repeat scroll 0 0;}
.document-footer .icon_06{ background:url(icon06.jpg) no-repeat scroll 0 0;}
.document-footer .icon_07{ background:url(icon07.jpg) no-repeat scroll 0 0;}
.document-footer .icon_08{ background:url(icon08.jpg) no-repeat scroll 0 0;}
.document-footer .icon_09{ background:url(icon09.jpg) no-repeat scroll 0 0; }
.document-footer .icon_10{ background:url(icon10.jpg) no-repeat scroll 0 0;}
.document-content p{ background:url(doc_cont_bg.jpg) repeat-y scroll 0 0; }
.contbox_right_two_yh label{ color:#727272;}
.document-right h6{ color:#2d64b3;   border-bottom:1px solid #f5f5f5;}
.document-right .doc-caption{  background:url(icon_doc.jpg) no-repeat scroll 0 3px;}
/*数字化门户  课程中心和班级门户*/

/*
** tab **
*/
table.tab   { border-bottom: #8e8e8e 0px solid;}
td.tab_1    { background: url(tab_alt_r.gif) no-repeat right 50%;}
td.tab_2    { background: url(tab_r.gif) no-repeat right 50%;}
td.tab_3    { background: url(tab_alt_l.gif) no-repeat right 50%;}
td.tab_4    { background: url(tab_end.gif) no-repeat right 50%;}
td.tab_5    { background: url(tab_alt_end.gif) no-repeat right 50%;}
span.tab    {  background: url(tab_bg.gif);  color: #3c3c3d; }
span.tab_alt{  background:url(tab_alt_bg.gif);  color:#ffffff;   }
#SSTabSubDiv1{ background: url(tab.gif);}
.tab_1 span.tab{  background:url(tab_alt_bg.gif);  color:#ffffff;   }
#SSTabSubDiv1{ background: url(tab.gif);}
.tab_5 span.tab{  background:url(tab_alt_bg.gif);  color:#ffffff;   }
#SSTabSubDiv1{ background: url(tab.gif);}

/*
** form  style**
*/
table.form{background-color:#fff; }
.form th {color:#555555;}
.form tr   { background-color:#f1f1f1;}
.form th   {color:#555;}

/*================================================