/*  *  * Theme of Handbook created by Cyril 2011 10 08 * Addon to theme/itschool *  *  */
/* general */
select{margin:0;}
html{margin:0;padding:0;outline:0;border:0 none;font-family:Arial,Helvetica,sans-serif;overflow-y:scroll;}
html,body{color:#292929;font-size:13px;}
html *{outline:0 none;}
img{display:block;overflow:hidden;border:0 none;}
body{margin:0;padding:0;outline:0;border:0 none;font-style:normal;font-weight:500;line-height:1.6;height:100%;}
a{color:#2786bd;text-decoration:none;}
a:hover{color:#20558a;text-decoration:none;}
p,a,h1,h2,h3,h4,ul,ol{margin:0;}
ul,ol{padding:0;}
input,textarea,select{padding:0;margin:0;}
.styled_frame{overflow:hidden;position:relative;}
.styled_frame .ssSelect{background:url(../../../images/btn/ele_select.png) no-repeat right bottom;height:27px;padding-right:24px;}
.styled_frame .ssSelect_tail{cursor:pointer;height:27px;line-height:27px;padding-left:24px;background:url(../../../images/btn/ele_select.png) no-repeat left top;}
.styled_frame .fakeCkb{cursor:default;display:inline-block;height:11px;width:11px;border:1px solid #bdbdbd;position:relative;bottom:-1px;*bottom:0;background-color:#fff;}
.styled_frame .fakeCkb>.fakeVal{cursor:default;height:15px;top:-3px;left:0;width:15px;outline:0;position:relative;display:block;}
.styled_frame .fakeCkb.fakeOver,.styled_frame .fakeCkb::selection{cursor:default;border-color:#7a8e9f;background-color:#fff;}
.styled_frame .fakeCkb>.fakeVal.fakeVal_isChecked{background:url(../../../images/btn/checkmark.png) no-repeat center;}
.styled_frame.date_btn>input.styled{background:url(../../../images/icon/16/icon_cal.png) no-repeat 98% 50% #fff;border-color: #a9a9a9;border-style:solid;border-width:1px;cursor:default;width:100px;padding:2px;font-family:Verdana;}
/* independent styling page */
#independent{background:url(../../../images/bg/bg_body_version_PAGE.png) repeat 0 0;}
#independent .pageFrame_shadow{background:url(../../../images/bg/bottom_contn_version_PAGE.png) no-repeat center top;margin:0 auto;min-height:8px;overflow:hidden;}
#independent .pageFrame_shadow .powered{text-align:right;display:block;color:#607489;font-size:12px;padding-right:10px;margin:5px auto;font-family:serif;width:995px;}
#independent .pageFrame{padding:0;margin:0 auto;background:url(../../../images/bg/bg_contn_version_PAGE.png) repeat-y center top;}
#independent .pageFrame>.section{width:995px;margin:0 auto;}
#independent #barFunc{border-radius:0;border-top:0 none;padding:0 15px;}
#independent #barFunc .classFunc{float:left;margin-top:25px;margin-left:0;}
#independent .pageBlock{border-radius:0;}
#independent .barSchool_logo_contn{background:url("../../../images/icon/big_icon_homework_zh.png") no-repeat right center transparent;}
#independent .barSchool_logo{float:left;display:inline-block;margin-right:20px;}
#independent .barSchool_logo img{max-height:70px;margin-top:5px;}
#independent .asideLogo{background:url(../../../images/logo/logo_myit-school_grey.png) no-repeat 0 0;width:125px;position:relative;margin:5px auto;height:40px;}
/* ============ Basement structure with defined sample classes ============ */
/* wrap:Usage is make a box that contains inner elements,it's a outline of inner-box */
.wrap{text-align:left;font-size:inherit;overflow:hidden;word-wrap:break-word;}
/* inner:Usage is make a virtual space to contains objects,use padding only */
.inner{padding:0;margin:0 !important;}
/* contn:container stands for Floating object container,left & right must be inside the box-model container and clear */
.contn{overflow:hidden;}
/* clear:clear is a fix to box-model background,make it no explode and contains object correctly */
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clear{clear:both;padding:0;}
.clear{display:inline-block;}
.clear{display:block;}
* html .clearfix{height:1%;}
/* hacks for IE 7 */
/* right,left:right stands for Floating object right,and left stands for Floating object left */
/* REMARK:relative float object will conflict(overlay) with relative ground objects if floated element set z-index=0 */
.right{float:right;display:inline-block;}
.left{float:left;display:inline-block;}
.center{margin:0 auto;position:relative;}
/* first and last:for the first element and the last element basic margin zero */
.first{margin-left:0 !important;}
.last{margin-right:0 !important;}
/* hidden and hide:hidden means hide the elements from screen */
.hidden{display:none;}
.hide{visibility:hidden;left:-5000px;position:absolute;}
/* nowrap:for a set of box which one ellipsis too long to fit */
.nowrap{width:auto;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
/* ground:this is a relative background div behind a floated element,always inside .contn */
.contn .ground{position:relative;z-index:-1;display:block;}
/* side or menu:for wrap navigation usage */
div.side,div.menu{display:block;z-index:1;position:relative;}
/* cols and col:used to columns working (cols equal width columns layout) */
.cols{overflow:hidden;position:relative;}
.cols .col{float:left;display:inline;width:48%;margin-left:4%;}
.cols3 .col{width:30%;margin-left:5%;}
.cols4 .col{width:22%;margin-left:4%;}
.col1,.col2,.col3,.col4{display:inline;float:left;}
.col1{margin-left:0 !important;clear:left;}
/* nav:this is a navigation bar defined */
ul.nav li{display:inline;overflow:hidden;}
ul.nav li span{font-size:inherit;}
/* nav>a.btn & nav>span.tail:they are styled button css defined */
ul.nav li.btn>a,ul.nav li>span.tail{float:left;}
ul.nav li.btn{background-repeat:no-repeat;overflow:hidden;}
ul.nav li.btn>a{background-repeat:repeat-x;padding:0 5px;}
ul.nav li>span.tail{background-repeat:no-repeat;min-width:0;}
ul.nav li:first-child,.first{margin-left:0;margin-top:0;}
ul.nav li:last-child,.last{margin-right:0;margin-bottom:0;}
/* list:for listing belonging items & fix the margin 3 px issue of IE7 */
ul.list{overflow:hidden;}
ul.list li{display:block;float:none;*vertical-align:bottom;}
ul.list>li>div{*vertical-align:bottom;}
ul.list li>a{display:block;}
ul.list li>span.tail{display:block;}
/* pager:pager style,inline center in a div pager,fix the margin li 3 px */
.pager ul{text-align:center;cursor:default;}
.pager li{position:relative;cursor:default;letter-spacing:-4px}
.pager li a{display:inline;letter-spacing:normal;cursor:pointer;}
/* beveled:this is a styled like beveled box,but not support with IE 7 */
.beveled{border-top:1px solid #FFF;outline:1px solid #DDD;}
/* For input typing effects */
.placeholder{font-family:"Segoe UI",sans-serif;font-size:inherit;color:darkGray;}
.placeholder.typing,.typing{color:#454545;}
/* tweak for IE 7 */
a>span{cursor:pointer;vertical-align:middle;}
a,a:hover,a:active{outline:0 none !important;}
.ti{text-indent:-9999px;text-align:left;display:inline-block;z-index:10;}
/* * calendar -------------------------------*/
#cal_displayPanel{padding:10px;}
#cal_displayPanel .show_day{display:block;border-radius:5px;background:#fcfdfd;border-bottom:1px solid #cdd4dd;position:relative;padding:10px 5px;}
#cal_displayPanel .show_today{position:relative;margin-bottom:10px;}
#cal_displayPanel .show_day .date{font-size:20px;color:#2786bd;text-align:center;display:block;position:relative;line-height:22px;font-family:icon;}
#cal_displayPanel .show_day .week{display:block;position:relative;color:#7290a9;text-align:center;font-size:13px;line-height:15px;font-family:icon;}
#cal_displayPanel .show_today .cal_next,#cal_displayPanel .show_today .cal_prev{position:absolute;width:10px;height:57px;}
#cal_displayPanel .show_today .cal_next{background:url(../../../images/btn/cal_next.png) no-repeat 5px center;right:0;padding:0 5px;margin:0;border-radius:0 5px 5px 0;}
#cal_displayPanel .show_today .cal_next:hover{background-color:#fff;box-shadow:0 0 1px 1px #bbb;}
#cal_displayPanel .show_today .cal_prev{background:url(../../../images/btn/cal_prev.png) no-repeat 5px center;left:0;padding:0 5px;margin:0;border-radius:5px 0 0 5px;}
#cal_displayPanel .show_today .cal_prev:hover{background-color:#fff;box-shadow:0 0 1px 1px #bbb;}
#cal_displayPanel .show_today .cal_prev:active{box-shadow:inset 0 0 1px 1px #bbb,0 0 1px 1px #dfe6ec;background-color:#fefefe;}
#cal_displayPanel .show_today .cal_next:active{box-shadow:inset 0 0 1px 1px #bbb,0 0 1px 1px #dfe6ec;background-color:#fefefe;}
#calendar{display:block;overflow:hidden;border-top:1px solid #bfccd5;}
#calendar_title{border-bottom:1px solid #fff;margin-bottom:10px;}
#calendar_title>.contn{border-bottom:1px solid #bfccd5;}
#calendar_title .cal_title{color:#50718d;text-shadow:0 1px 1px #fff;}
#calendar .calendar_table li.active a{color:#5278a0;}
#calendar .calendar_table li.active a:hover{background:#5278a0;color:#fff;}
#calendar .calendar_table li.selected{background-color:#9dd3e9;}
#calendar .calendar_table li.selected.display_d1{background-color:#9dd3e9;}
#calendar .calendar_table li.selected.display_d2{background-color:#9fd7ed;}
#calendar .calendar_table li.selected.display_d3{background-color:#a2dcf2;}
#calendar .calendar_table li.selected.display_d4{background-color:#a6e0f7;}
#calendar .calendar_table li.selected.display_d5{background-color:#a9e5fc;}
#calendar .calendar_table li.selected.display_d6{background-color:#abe7ff;}
#calendar .calendar_table li.selected.display_d7{background-color:#b0e9ff;}
#calendar .calendar_table{overflow:hidden;width:160px;display:block;margin:0 auto;padding:0;}
#months_mover{position:relative;}
#calendar .mover_next,#calendar .mover_prev{position:absolute;width:10px;height:20px;}
#calendar .mover_next{background:url(../../../images/btn/btn_month_mover_next.png) no-repeat right center;right:5px;}
#calendar .mover_prev{background:url(../../../images/btn/btn_month_mover_prev.png) no-repeat left center;left:5px;}
#calendar .show_month{position:relative;text-align:center;height:20px;padding:0 5px;}
#calendar .show_month .month{line-height:20px;text-align:center;font-size:15px;color:#4b4e50;font-family:icon;}
#calendar .calendar_table ol{padding:0;margin:0;}
#calendar .calendar_table li{list-style:none;text-align:center;*display:inline;margin-bottom:1px;}
#calendar #monthweek a{cursor:default;font-weight:700;}
#calendar .calendar_table li a{color:#32353c;display:block;line-height:20px;text-decoration:none;font-size:11px;text-align:center;font-weight:500;}
#calendar .calendar_table li a:hover{color:#1c1e1c;}
/* * Day styles -------------------------*/
#calendar .calendar_table li li{width:20px;height:20px;float:left;padding:1px;overflow:auto;*display:inline;}
/* * Day content (UL/OL & P) -------------------------*/
#calendar .calendar_table li li p{display:block;}
#calendar .calendar_table li li ol{width:auto;}
#calendar .calendar_table li li ul li,#calendar .calendar_table li li ol li{display:block;height:auto;width:auto;margin:0;padding:1px 0;float:none;border:0;}
/* * Today class -------------------------*/
#calendar .calendar_table li.today{background:#f2cf7a;}
#calendar .calendar_table li.today a{}
/* * Inactive months -------------------------*/
#calendar .calendar_table li#lastmonth li a,#calendar .calendar_table li#nextmonth li a{color:#939393;cursor:default;}
/* * page conditions -------------------------*/
.isStudent #barFunc{border-top:1px solid #ADCDEA;padding:0 15px;border-radius:4px 4px 0 0}
.isStudent #barFunc .classFunc{width:100%;background:url(../../../images/icon/big_icon_homework_zh.png) no-repeat right center;margin:0;}
.isHandbook_add .pageBlock{background:transparent;padding:0;border-bottom:0 none;}
.isHandbook_late .pageBlock{background:transparent;padding:0;border-bottom:0 none;}
.isHandbook_late #barLatehw{background:url(../../../images/bg/bg_tab_under.png) repeat-x left top #f4f6fa;min-height:50px;padding:0 15px;}
.isHandbook_late #barFunc{border-top:1px solid #d1dee6;}
.isHandbook_setting .pageBlock{background-position:-64px 100%;padding-left:153px;}
.isHandbook_setting #leftAside{margin-left:-153px;width:153px;}
.isHandbook_setting .section .inside{padding:0;}
.isHandbook_setting .pageBlock .aside_deco{left:150px;}
.isHandbook_setting .classFunc_switch .class_btn .btn_body span{background-image:none!important;padding-right:0;}
#fullPanel .section .inside{padding:0;min-width:829px;}
.isHandbook_add #barSettinghw,.isHandbook_setting #barSettinghw{background:url(../../../images/bg/bg_tab_under.png) repeat-x left top #f4f6fa;padding:0 15px;border-bottom:1px solid #d1dee6;}
/* * general decoration bg -------------------------- */
.section{margin:0;}
body .section:first-child{margin-top:0;}
.tabContent_handbook{overflow-x:auto;overflow-y:hidden;}
.tabContent_handbook>.inside{min-width:583px;}
.pageBlock{position:relative;padding-left:217px;}
.pageBlock .aside_deco{display:block;width:5px;height:100%;position:absolute !important;left:214px;background:url(../../../images/bg/deco_page_gap.png) repeat-y 0 0;z-index:1;}
.pageBlock .notice_pop{display:block;width:100%;height:30px;background:#D7F0B2;border-bottom:1px solid #EAF1DD;display:none;}
.pageBlock .notice_pop p{color:#5FA66C;font-size:13px;text-align:center;display:block;line-height:31px;width:5em;padding-left:18px;background:url(../../../images/icon/16/icon_notice.png) no-repeat left center;margin:0 auto;}
#pageTabs{background:url(../../../images/bg/bg_tab_bar.png) repeat-x left bottom;border-bottom:1px solid #adcdea;position:relative;border-radius:4px 4px 0 0;z-index:2;}
#pageTabs .pageTabs_contn{padding:0 15px;}
#pageTabs .pageTabs_contn .nav{padding:0;position:relative;bottom:-1px;z-index:90;overflow:hidden;background:url(../../../images/icon/big_icon_homework_zh.png) no-repeat right 61%;}
#pageTabs .pageTabs_contn .nav li{float:left;display:inline-block;}
.pageTabs_contn li{background:url(../../../images/bg/sep_tab.png) no-repeat right bottom;height:39px;line-height:39px;margin:0;padding:0 5px;}
.pageTabs_contn li.cur_page:first-child{left:0;}
.pageTabs_contn li.cur_page{background:url(../../../images/btn/btn_tab_bg.png) repeat-x left top #fff;padding:0;position:relative;left:-2px;border-radius:4px 4px 0 0;}
.pageTabs_contn li span{color:#5278a0;}
.pageTabs_contn .pageTabs_btn:hover span,.pageTabs_contn li.cur_page span{color:#4b5c6e;}
#pageTabs li .pageTabs_btn{padding:0 20px;display:block;line-height:45px;*line-height:40px;font-size:13px;height:40px;}
#pageTabs li.cur_page .pageTabs_btn{padding:0 25px;border-radius:4px 4px 0 0;border-top:1px solid #cdd6dd;border-left:1px solid #cdd6dd;border-right:1px solid #cdd6dd;height:40px;line-height:43px;*line-height:37px;display:block;}
#barFunc{background:url(../../../images/bg/bg_tab_under.png) repeat-x left top #f4f6fa;min-height:44px;border-bottom:1px solid #d1dee6;position:relative;padding:0 15px;}
#barFunc .classFunc{}
#barFunc .groupFunc{}
#barFunc .styled_frame{padding:10px 0;margin:0 5px;*padding:0;}
#barFunc select.styled>option{width:100%;}
#barFunc select.styled{border:1px solid #c8c8c8;background:#f8f8f8;color:#000;padding:2px;width:auto;}
#barFunc>.contn{line-height:44px;color:#4b5c6e;}
#barFunc .classFunc_switch{display:block;overflow:hidden;position:relative;margin:0 0 10px;float:none;clear:both;}
.classFunc_switch .class_btn{float:left;padding:0 13px 0 10px;border-left:1px solid #cbd8e9;margin:5px 10px 0 0;}
.classFunc_switch .class_btn:first-child{border-left:1px solid transparent;}
.classFunc_switch .class_btn .btn_body{padding:0 0 0 13px;height:29px;float:left;}
.classFunc_switch .class_btn.cur{float:left;padding:0 13px 0 10px;background:url(../../../images/btn/btn_tab_class_over.png) no-repeat right bottom;}
.classFunc_switch .class_btn.cur .btn_body{padding:0 0 0 13px;height:29px;float:left;background:url(../../../images/btn/btn_tab_class_over.png) no-repeat left top;}
.classFunc_switch .class_btn .btn_body span{line-height:29px;padding-right:23px;background:url(../../../images/icon/16/icon_tick_empty.png) no-repeat right center;font-family:Tahoma;}
.classFunc_switch .class_btn.tick .btn_body span{background:url(../../../images/icon/16/icon_tick.png) no-repeat right center;}
.classFunc_switch .class_btn.checkAll .btn_body span{background-image:none;padding-right:0;font-weight:700;}
.pageBlock{display:block;overflow:hidden;background:url(../../../images/bg/bg_left_aside.png) repeat-y left bottom;border-bottom:1px solid #b3ccdb;border-radius:0 0 4px 4px;}
#sort_by{border-bottom:1px solid #f9fafb;}
#sort_by .styled_frame{margin:2px 0;}
#sort_by .styled_frame select{width:100%;}
.pageFrame{padding:15px;}
.section .inside{padding:15px;}
.grid_border{border-top:1px solid #f9fafb;border-bottom:1px solid #bfccd5;padding:10px 0;}
.class_header{padding:0 10px;}
.blockType_default .class_header{border-top:1px solid #9eb9dc;background:#d4e6f9;border-bottom:1px solid #c2d5e8;}
.blockType_overdue .class_header{border-top:1px solid #deafb1;background:#fbebed;border-bottom:1px solid #f4dadb;}
.blockType_soon .class_header{border-top:1px solid #e8cb92;background:#fef1cc;border-bottom:1px solid #ede1cf;}
.blockType_overdue .td_date span{color:#bd4961;}
.tbodyAtt{display:none;}
.blockMore{margin:15px 0;}
.picture_block{background:#c4dbec;padding:10px 15px;line-height:34px;}
.picture_block span{color:#4b5c6e;}
.picture_block>.left{margin-right:10px;text-align:right;color:#4b5c6e;}
.uploadPicture_contn>.left{margin-right:10px;}
.getUrl_block,.submit_block,.groupEdit_functions_block,.subjectEdit_functions_block{padding:10px 15px;}
.submit_block{margin:5px 0;}
.submit_block>.actions_contn.left{padding:2px 0;}
.getUrl_block>.left{line-height:34px;color:#4b5c6e;}
.getUrl_block .styled_frame{margin:6px 0;*margin:0;}
.getUrl_block>.left>.left{margin-right:10px;}
.getUrl_block .btn_big,.submit_block .btn_big{margin-left:10px;display:inline-block;float:left;}
.getUrl_block>.right{}
.withDatePicker{overflow:visible;height:34px;}
#barImport{background:#e5e8ee;border-bottom:1px solid #bdcee0;padding:10px 15px;}
#barImport_batch{background:#e5e8ee;border-bottom:1px solid #bdcee0;padding:10px 15px;}
#barImport_batch .uploadExcel_contn{border-left:1px solid #b3ccdb;color:#4b5c6e;line-height:34px;margin-left:20px;}
#barImport_batch .uploadExcel_contn .uploadExcel_title{padding:0 20px;}
#barImport .left{padding:6px 0;min-width:50%}
#barImport .left>span{color:#4b5c6e;}
#barLatehw>h3{line-height:51px;color:#4b5c6e;font-weight:700;font-size:13px;}
#barLatehw .latehw_contn{padding:9px 0 7px 0;}
#barLatehw_review{background:#e5e8ee;border-bottom:1px solid #bdcee0;padding:0 15px;}
#barLatehw_review>.contn{padding:10px 0;}
#barLatehw_review>.contn:first-child{padding:10px 0 0;}
#barLatehw_review.isLatehw_entry>.contn{padding:10px 0;}
.late_review_student,.late_review_dateR,.late_review_dateE{padding:5px 0;min-width:250px;margin-right:15px;}
.late_review_subject,.late_review_hw{padding:5px 0;min-width:250px;}
#barLatehw_review .label_text,.latehwExport_block .label_text{display:inline-block;min-width:65px;text-align:right;color:#4b5c6e;padding-right:10px;}
.latehwExport_block .block_title{background:#cee3f5;padding:0 15px;}
.latehwExport_block .block_title h3{background:#cee3f5;line-height:25px;font-size:13px;color:#4b5c6e;}
.latehwExport_block{background:#f4f6fa;border:1px solid #a8c2d9;margin:15px 0;}
.latehwExport_block>.contn{border-top:1px solid #b9cbde;padding:10px 15px;}
.hwSetting_block{}
.hwSetting_block .block_title{background:#e5e8ee;border-bottom:1px solid #d1dee6;padding:0 15px;}
.hwSetting_block .block_title h3{color:#4b5c6e;font-weight:700;font-size:13px;}
.hwSetting_block .block_title.subjectEdit_head{min-height:50px;}
.hwSetting_block .block_title.subjectEdit_head h3{line-height:51px;}
.blockType_floated .item_s{height:16px;cursor:pointer;border-bottom:1px solid #e0e4e9;padding:20px 0;*padding:20px 0 15px;display:inline-block;float:left;margin:0;min-width:25%;*white-space:nowrap;position:relative;}
.blockType_floated .item_s .styled_frame{display:inline-block;position:relative;overflow:visible;*overflow:hidden;left:15px;}
.blockType_floated .item_s .styled{position:relative;*top:-4px;bottom:-2px;}
.blockType_floated .item_s .s_name{position:relative;color:#454545;display:inline-block;float:none;text-indent:25px;line-height:16px;text-align:left;font-size:13px;}
.blockType_floated .item_s .mark_fc{color:#558DBD;}
.blockType_floated .item_s:hover .s_name{font-weight:500;color:#4B5C6E;text-decoration:underline;}
.blockType_floated>.contn{padding:0;margin:0;overflow:hidden;position:relative;clear:both;max-width:1080px;margin:0 auto;}
#barSettinghw>h3{line-height:51px;color:#4b5c6e;font-weight:700;font-size:13px;}
#barSettinghw .barSetting_back{padding:9px 0 7px 0;}
#barSettinghw .classFunc{padding:15px 0;}
.blockType_subjectTeacher .subject_head{height:30px;}
.blockType_subjectTeacher .subject_head h3{line-height:31px;}
.blockType_subjectTeacher .item_t{padding:20px 0;*padding:20px 0 15px;display:inline-block;float:left;margin:0;min-width:25%;*white-space:nowrap;position:relative;overflow:hidden;}
.blockType_subjectTeacher .t_name{position:relative;color:#292929;display:inline-block;float:left;text-indent:0;line-height:20px;text-align:left;font-size:13px;padding-left:15px;}
.blockType_subjectTeacher .item_t .styled_frame{display:inline-block;position:relative;overflow:visible;*overflow:hidden;left:15px;*width:auto;}
.blockType_subjectTeacher .item_t .blank_input{width:100px;max-width:100px;text-align:left;height:20px !important;*height:22px !important;}
.blockType_subjectTeacher .item_t .styled{position:relative;max-width:100px;display:block;position:relative;max-width:100px;height:16px;padding:0;width:auto;}
.blockType_subjectTeacher>.contn{padding:0;margin:0;overflow:hidden;position:relative;clear:both;max-width:1080px;margin:0 auto;}
.mark_block{padding:15px;border-top:1px solid #E5E8EE;background-color:transparent;}
.mark_block>.contn{padding:10px;}
.mark_block p{color:#000;}
.mark_block ol{list-style:inside decimal;padding:0 10px;}
.mark_block .sample_block table{background-color:#F4F6FA;}
.excel_block .block_title{background:#cee3f5;padding:0 15px;}
.excel_block .block_title h3{background:#cee3f5;line-height:25px;font-size:13px;color:#4b5c6e;}
.excel_block{background:#f4f6fa;border:1px solid #a8c2d9;border-bottom:0 none;margin:0;}
.excel_block>.contn{border-top:1px solid #b9cbde;padding:10px 15px;}
.excel_block.mark_help{padding:5px 15px;}
.excel_block .uploadExcel_contn{border-left:1px solid #b3ccdb;color:#4b5c6e;line-height:34px;margin-left:20px;}
.excel_block .uploadExcel_contn .uploadExcel_title{padding:0 20px;}
.blockType_groupEdit .groupEdit_head{min-height:50px;background:#d4e6f9;border-bottom-color:#c2d5e8;overflow:hidden;}
.blockType_groupEdit .groupEdit_head h3{line-height:51px;color:#336699;}
.blockType_groupEdit .groupEdit_head label{border-left:1px solid #B3CCDB;padding:0 10px;color:#4b5c6e;}
.groupEdit_functions_block{margin:5px 0;}
.groupEdit_functions_block .btn_big{margin-left:10px;display:inline-block;float:left;}
.groupEdit_functions_block .actions_contn{padding:2px 0;width:65%;}
.groupEdit_functions_block .actions_contn>.btn_gen{margin-right:10px;}
.groupEdit_functions_block .actions_contn .btn_gen>a>span{padding:0 5px 0 10px}
.groupEdit_functions_block .actions_contn>.btn_checkAll{}
.blockType_subjectManage .subjectManage_head{height:30px;background:#d4e6f9;border-bottom-color:#c2d5e8;border-top:1px solid #BDCEE0;}
.blockType_subjectManage .subjectManage_head h3{line-height:31px;color:#336699;}
.blockType_subjectEdit .subjectName_contn{margin:0 10px;padding:15px 10px;}
.blockType_groupEdit .subjectName_contn,.blockType_groupEdit .selectGroupClass_contn,.blockType_groupEdit .subjectResponse_contn{margin:0 10px;padding:15px 10px;max-width:40%;}
.blockType_groupEdit .subjectResponse_contn>a{color:#4B5C6E;font-size:13px;cursor:default;padding-right:5px;line-height:20px;}
.blockType_groupEdit .subjectResponse_contn .notConfirmed{}
.blockType_subjectEdit .subjectName_contn label{border-left:1px solid #B3CCDB;padding:0 10px;color:#4b5c6e;}
.blockType_groupEdit .subjectName_contn label{border-left:1px solid #B3CCDB;padding:0 10px;color:#4b5c6e;}
.assign_block .assign_block_head{padding:0 15px;color:#788DA4;font-size:12px;border-bottom:1px solid #C7D3E0;}
.blockType_floated .assign_block .item_s .s_name{padding-right:23px;}
.blockType_floated .assign_block .item_s .btn_del{width:16px;height:16px;z-index:9;margin:0;*margin:0 0 0 10px;}
.blockType_floated .assign_block .item_s .btn{float:none;display:inline-block;position:absolute;right:0;top:0;}
.subjectEdit_functions_block .btn_big{margin-left:10px;display:inline-block;float:left;}
.subjectEdit_functions_block{margin:5px 0;}
.subjectEdit_functions_block .actions_contn{padding:2px 0;width:60%;}
.blockType_presetEdit .presetDate_contn{margin:0 10px;padding:15px 10px;}
.blockType_presetEdit .presetDate_contn .icon_selection{margin-left:10px;}
.blockType_presethw .block_title{height:30px;}
.blockType_presethw .block_title h3{line-height:31px;}
.explain_block{padding:10px 10px 0;}
.mark_block > .explain_block{padding:10px 10px 0;}
.explain_block fieldset{margin-bottom:10px;border:1px solid #788da4;padding:0 15px 10px;}
.explain_block legend{color:#788da4;font-weight:700;font-size:15px;}
.explain_block ul li{display:list-item;color:#44687d;vertical-align:middle;}
.explain_block p{color:#788da4;font-size:13px;font-family:Tahoma;padding:5px 0;display:inline-block;}
.explain_block .list{list-style-type:square;list-style-position:inside;margin:0;padding:0;}
.explain_block strong{font-weight:700;font-size:15px;margin:0;color:#788da4;}
.sample_block{padding:0 10px;}
/* * table homework -------------------------- */
.hw_tb{border-spacing:0;border-collapse:collapse;table-layout:fixed;width:100%;}
.hw_tb thead td{border-bottom:1px solid #c7d3e0;}
.hw_tb thead .tbodyDiv{}
.hw_tb thead span{padding:0 15px;}
.hw_tb.tb_import_homework_sample thead span{padding:0 10px;}
.hw_tb tbody td{border-top:1px solid #e0e4e9;}
.hw_tb .tbodyDiv{padding:15px}
.tb_empty{text-align:center;padding:20px 10px;}
.tb_empty a:hover{color:#b41;}
.hw_tb tbody tr:first-child td{border-top:0 none;}
.hw_tb thead td span{color:#788da4;font-size:12px;}
.hw_tb .overdue{color:#bd4961;}
.hw_tb .in3days{color:#D87700;}
.tb_entry_homework tfoot{background:#e5f0f8;border-bottom:1px solid #bdcee0;border-top:1px solid #e0e4e9;}
.tb_entry_homework.tb_with_head thead{display:table-header-group;}
.tb_entry_homework thead{display:none;}
.tb_entry_homework td:first-child{text-align:right;}
.tb_entry_latehomework td:first-child{text-align:right;}
.tb_list_group td:first-child{text-align:right;}
.tb_entry_homework .td_remainder span{color:#6688a6;}
.tb_entry_homework .td_subject_name{font-weight:700;}
.tb_entry_homework .td_category .styled{max-width:100%;width:70%;}
.width_td_status{width:300px;}
.width_td_single{width:100px;}
.td_status{white-space:nowrap;}
.td_status .label_text{line-height:16px;margin-left:15px;font-size:13px;color:#292929;}
.td_status .label_text:first-child{margin-left:0;}
.td_status .label_text>.styled_frame{margin-left:2px;*margin-left:0;}
.tb_entry_latehomework tbody td,.tb_list_latehomework tbody td{border-bottom:1px solid #E0E4E9;border-top:0 none;}
.tb_list_group .td_group_name{font-weight:700;}
.tb_list_group .btn_del{margin:0 10px;height:34px;background:url(../../../images/icon/16/icon_del.png) no-repeat center center;width:20px;display:block;}
.tb_list_group .width_td_actions{width:160px;}
.tb_list_group .tbodyDiv{padding:12px 10px;}
.tb_manage_subject .tbodyDiv{padding:12px 15px;}
.tb_manage_subject tbody td:first-child{font-weight:700;}
.tb_manage_subject tfoot .btn_plus{padding:0 15px;background:#E5F0F8;border-top:1px solid #E0E4E9;}
.tb_manage_subject .width_td_actions{width:250px;}
.tb_manage_subject #inputtext_assign_code{width:50%;}
.tb_manage_subject tbody td{border-bottom:1px solid #E0E4E9;border-top:0 none;}
.tb_manage_subject .td_actions .contn>.btn_gen{margin-left:10px;}
.tb_manage_subject .td_actions .btn_gen>a>span{padding:0 5px 0 10px}
.tb_manage_subject .td_actions .contn>.btn_gen:first-child{margin-left:0;}
.tb_manage_subject .width_td_preset_name{width:80%;}
.tb_manage_subject .cate_icon{display:inline-block;position:relative;bottom:1px;*margin-right:3px;}
.tb_import_homework_sample tbody td{padding:0 10px;color:#292929;font-size:12px;font-weight:500;}
.tb_import_homework_sample{border-width:0 0 1px 1px;border-style:solid;border-color:#E0E4E9;}
.tb_import_homework_sample td{border-width:1px 1px;border-style:solid;border-color:#E0E4E9;}
/* * buttons --------------------------------------*/
.btn>a,.btn>a>span,.btn span{display:block;overflow:hidden;text-align:center;font-family:"????";}
.btn_more>a:hover,.btn_more>a:hover>span{background-image:url(../../../images/btn/btn_more_over.png);}
.btn_more{display:block;width:152px;margin:0 auto;overflow:hidden;}
.btn_more>a{background:url(../../../images/btn/btn_more.png) no-repeat right bottom;padding-right:5px;height:33px;}
.btn_more>a>span{background:url(../../../images/btn/btn_more.png) no-repeat left top;padding-left:40px;padding-right:35px;line-height:33px;}
.btn_gen>a:hover,.btn_gen>a:hover>span{background-image:url(../../../images/btn/btn_gen_over.png);}
.btn_gen>a{background:url(../../../images/btn/btn_gen.png) no-repeat right bottom;padding-right:5px;height:34px;}
.btn_gen>a>span{background:url(../../../images/btn/btn_gen.png) no-repeat left top;padding-left:20px;padding-right:15px;line-height:34px;color:#4b5c6e;}
.btn_plus{line-height:30px;height:30px;}
.btn_plus>a{width:100%;display:block;overflow:hidden;}
.btn_plus>a:hover{width:99.5%;padding-left:0.5%;}
.btn_plus>a>span{font-size:12px;color:#4a6e94;}
.btn_plus>a:hover>span{color:#558dbd;}
.btn_big{height:38px;line-height:38px;}
.btn_reset>a:hover,.btn_reset>a:hover>span{background-image:url(../../../images/btn/btn_big_grey_over.png);}
.btn_reset>a{background:url(../../../images/btn/btn_big_grey.png) no-repeat right bottom;padding-right:5px;height:38px;}
.btn_reset>a>span{background:url(../../../images/btn/btn_big_grey.png) no-repeat left top;padding-left:30px;padding-right:25px;line-height:38px;color:#5d5d5d;}
.btn_submit>a:hover,.btn_submit>a:hover>span{background-image:url(../../../images/btn/btn_big_submit_over.png);}
.btn_submit>a{background:url(../../../images/btn/btn_big_submit.png) no-repeat right bottom;padding-right:5px;height:38px;}
.btn_submit>a>span{background:url(../../../images/btn/btn_big_submit.png) no-repeat left top;padding-left:30px;padding-right:25px;line-height:38px;color:#2786bd;}
.btn_submit span{font-weight:700;font-size:15px;}
.btn_del{margin:0 10px;height:34px;background:url(../../../images/icon/16/icon_del.png) no-repeat center center;width:20px;display:block;}
.btn_add{margin:0 10px;height:34px;background:url(../../../images/icon/16/icon_add.png) no-repeat center center;width:20px;display:block;}
.btn_inputFile{z-index:-1;width:0;height:0;line-height:0;padding:0;margin:0;max-width:0;visibility:hidden;}
/* * Aside decoration --------------------- */
#leftAside{width:217px;background:url(../../../images/bg/bg_left_aside.png) repeat-y right top;float:left;display:inline-block;position:relative;margin-left:-217px}
#rightPanel{background:url(../../../images/bg/bg_right_panel.png) repeat-y left top #fff;position:relative;box-shadow:inset 1px 0 4px 3px #eee;}
/* * TB header --------------------------------------*/
.class_header h3,.class_header a{line-height:30px;font-size:15px;margin:0;}
.blockType_default .class_header h3{color:#5278a0;}
.blockType_overdue .class_header h3{color:#bb5156;}
.blockType_soon .class_header h3{color:#c55b1a;}
#alert_onoff span,#sort_by span{color:#50718d;line-height:20px;text-shadow:0 1px 1px #fff;}
#alert_onoff .label_text{padding-left:23px;background:url(../../../images/icon/16/cal_bell.png) no-repeat 0 0;}
/* * icon setup --------------------------------- */
.icon_s{padding-left:23px;display:inline-block;overflow:hidden;background-repeat:no-repeat;background-position:left center;font-family:"????";}
.icon_b{padding-left:25px;display:inline-block;overflow:hidden;background-repeat:no-repeat;background-position:left center;}
.icon_attachment{background-image:url(../../../images/icon/16/icon_attachment.png);}
.icon_exclamation{background-image:url(../../../images/icon/16/icon_exclamation.png);}
.icon_import{background-image:url(../../../images/icon/16/icon_import.png);}
.icon_plus{background-image:url(../../../images/icon/16/icon_plus.png);}
.icon_pic{background-image:url(../../../images/icon/16/icon_picture.png);}
.icon_tickb{background-image:url(../../../images/icon/16/icon_tick_blue.png);}
.icon_export{background-image:url(../../../images/icon/16/icon_export.png);}
.icon_back{background-image:url(../../../images/icon/16/icon_back.png);}
.icon_del{background-image:url(../../../images/icon/16/icon_del.png);}
.icon_edit{background-image:url(../../../images/icon/16/icon_edit.png);}
.icon_add{background-image:url(../../../images/icon/16/icon_add.png);}
.icon_cross{background-image:url(../../../images/icon/16/icon_cross.png);}
.icon_files{background-image:url(../../../images/icon/16/icon_files.png);}
.icon_person{background-image:url(../../../images/icon/16/icon_person.png);}
.icon_check{background-image:url(../../../images/icon/16/icon_check.png);}
.icon_preset{background-image:url(../../../images/icon/16/icon_bag.png);}
/* * icon defined bg ---------------------------- */
.cate_icon{background-repeat:no-repeat;background-position:left center;width:20px;}
.icon_cate1{background-image:url(../../../images/icon/icon_1.png);height:20px}
.icon_cate2{background-image:url(../../../images/icon/icon_2.png);height:20px}
.icon_cate3{background-image:url(../../../images/icon/icon_3.png);height:20px}
.icon_cate4{background-image:url(../../../images/icon/icon_4.png);height:20px}
.icon_cate5{background-image:url(../../../images/icon/icon_5.png);height:20px}
.icon_cate6{background-image:url(../../../images/icon/icon_6.png);height:20px}
.icon_cate7{background-image:url(../../../images/icon/icon_7.png);height:20px}
.icon_cate8{background-image:url(../../../images/icon/icon_8.png);height:20px}
.icon_cate9{background-image:url(../../../images/icon/icon_9.png);height:20px}
/* * Ads --------------------------------------- */
.asidePromo{position:relative;padding:20px 0;}
.promo125{width:125px;min-height:125px;border:1px solid #9bc6d9;margin:0 auto 15px;display:block;}
.insidePromo{position:relative;padding:20px 0;}
.promo468{width:468px;min-height:60px;border:1px solid #9bc6d9;margin:0 auto 15px;display:block;}
/* * setting page aside -------------------------------- */
.asideMenu ul.list{margin:15px 0;}
.asideMenu .btn_asideMenu.cur{position:relative;top:-3px;}
.asideMenu .btn_asideMenu span{font-weight:700;line-height:40px;background:transparent;background-image:none;color:#50718d;display:block;text-align:center;}
.asideMenu .btn_asideMenu:hover span,.asideMenu .btn_asideMenu.cur span{color:#358ec1;}
.asideMenu .btn_asideMenu.cur span{line-height:42px;}
.asideMenu .btn_body{overflow:hidden;position:relative;clear:both;padding-left:10px;}
.asideMenu .btn_body a{height:41px;display:inline-block;float:left;width:90%;background:url(../../../images/btn/border_btn_asideMenu.png) repeat-x bottom left;}
.asideMenu .btn_asideMenu.cur .btn_body{padding-left:0;}
.asideMenu .btn_asideMenu.cur .btn_body a{background:#ffffff;text-indent:10px;border-bottom:1px solid #a0b2c1;}
.asideMenu .btn_asideMenu .btn_body .tail{height:42px;float:left;display:inline-block;width:9px;}
.asideMenu .btn_asideMenu.cur .btn_body .tail{background:url(../../../images/btn/tail_settings_tab_btn.png) no-repeat bottom right;height:42px;float:left;display:inline-block;}