html,body{ 
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:13px;
	direction:rtl;
	height:100%;
	color:#7f7f7f;
}

*,*:before,*:after {padding: 0; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

:focus {
  outline-color: transparent;
  outline-style: none; 
}


div#notGooDbrowser{display:none; border:2px solid #900; position:absolute; color:#000; top:25%; left:calc(50% - 240px); width:480px; padding:20px; background:#F5D8D8; font-weight:bold; z-index:5000000;}

.width100{width:100px;}

.jspDrag{min-height:100px !important;}
form{margin:0; padding:0;} 
textarea{padding-top:5px; padding-right:5px;}
select,textarea,input{font-family:Arial; font-size:12px; color:#777777;}
input::-moz-focus-inner { border:0; padding:0 }
input[type=text],input[type=tel],input[type=email],input[type=number],input[type=password],input[type=date]{height:25px; border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-right:5px; color:#777777;}
input[type=text].must,input[type=tel].must,input[type=email].must,input[type=number].must,input[type=password].must,select.must{border-left:1px solid #900;}
input[type=submit]{background-color:#00adee; background-repeat:no-repeat; background-position:5px center; height:25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:none; color:#fff; cursor:pointer; padding-left:30px; padding-right:8px;}
input[type=submit]:hover{background-color:#7f7f7f;}
input[type=email]{direction:ltr; text-align:right;}
a.button{display:inline-block; background-color:#00adee; background-repeat:no-repeat; background-position:5px center; line-height:25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:none; color:#fff; cursor:pointer; padding-left:30px; padding-right:8px;}
a.button:hover{background-color:#7f7f7f;}
a.icon_close_w{background-image:url(../../icon/icon_16_close_w.png);}
a.icon_new_w{background-image:url(../../icon/icon_16_new_w.png);}
a.icon_save_w{background-image:url(../../icon/icon_16_save_w.png);}
a.icon_go_w{background-image:url(../../icon/icon_16_arrow_left_w.png);}
a.icon_form_w{background-image:url(../../icon/icon_16_homework_w.png);}
a.icon_agreement_w{background-image:url(../../icon/icon_16_agreement_w.png);}
a.icon_print_w{background-image:url(../../icon/icon_16_print_w.png);}
a.icon_anvelope_w{background-image:url(../../icon/icon_16_anvelope_w.png);}
a.icon_recycle_w{background-image:url(../../icon/icon_16_recycle_w.png);}
a.icon_transfer_w{background-image:url(../../icon/icon_16_transfer_w.png);}

input[type=submit].icon_go_w{background-image:url(../../icon/icon_16_arrow_left_w.png);}
textarea{border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
select{height:25px; border:1px solid #dcdcdc; background-color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
table{border-collapse:collapse; border-spacing: 0;}

/*
#undefined_head th:last-child{width:0px !important;}
#undefined_body_wrap{width:100% !important;}

.tbodyScroll-outer{width:100%;}
*/

div.tableListDiv{position:absolute; top:0px; height:30px; background:#fff; z-index:100; border-bottom:1px solid #f3f3f3; display:none;}
div.tableListDiv:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.tableListDiv div{float:right; cursor:pointer; text-align:right; margin-left:10px; line-height:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.tableListDiv div.link{text-align:center;}
div.tableListDiv div.center{text-align:center;}
div.tableListDiv div:first-child{margin-right:4px;}
div.tableListDiv div:last-child{margin-left:0px;}
div.tableListDiv div.cursor{cursor:default;}
div.tableListDiv div.arrowdown{background:url(../../icon/icon_22_arrowdown.png) no-repeat right center; background-size:10px 10px; padding-right:13px;}
div.tableListDiv div.arrowup{background:url(../../icon/icon_22_arrowup.png) no-repeat right center; background-size:10px 10px; padding-right:13px;}



a{color:#279FEE; text-decoration:none; cursor:pointer;}
img{margin:0; padding:0; border:none;}
div.ajaxLoaderImage{display:table; width:100%; height:100%;}
div.ajaxLoaderImage div{display: table-cell; vertical-align: middle; text-align:center;}

div#pageView{width:100%; height:100%; overflow:hidden;}

div#pannelHeadTop{width:100%; height:35px; background:#00adef;}
div#pannelHeadTop a.slogen{display:block; float:right; line-height:35px; margin-right:15px; color:#fff; font-weight:bold; font-size:16px;}
div#pannelHeadTop a.imageSiteLink{display:block; float:left; line-height:35px; margin-left:15px; color:#fff; font-weight:bold; font-size:14px; background:url(../../icon/icon_130_home.png) no-repeat left center; padding-left:20px; background-size:16px 16px;}
div#pannelHeadTop a.imageSupportLink{display:block; float:left; line-height:35px; margin-left:15px; color:#fff; font-weight:bold; font-size:14px; background:url(../../icon/icon_100_help_w.png) no-repeat left center; padding-left:20px; background-size:16px 16px;}

div#pannelHeadTop div.systemManagement{float:right; margin-top:5px; margin-right:15px;}
div#pannelHeadTop div.systemManagement:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#pannelHeadTop div.systemManagement a{display:block; float:right; background-color:#fff; color:#7f7f7f; padding-left:5px; padding-right:25px; margin-left:5px; line-height:23px; background-position:95% center; background-repeat:no-repeat; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#pannelHeadTop div.systemManagement a:hover{background-color:#7f7f7f; color:#fff;}
div#pannelHeadTop div.systemManagement a.on{background-color:#f39c12; color:#fff;}
div#pannelHeadTop div.systemManagement a.icon_system_1{background-image:url(../../icon/icon_16_settings.png);}
div#pannelHeadTop div.systemManagement a.icon_system_2{background-image:url(../../icon/icon_16_book.png);}
div#pannelHeadTop div.systemManagement a.icon_system_3{background-image:url(../../icon/icon_16_school.png);}
div#pannelHeadTop div.systemManagement a.icon_system_4{background-image:url(../../icon/icon_16_teacher.png);}
div#pannelHeadTop div.systemManagement a.icon_system_5{background-image:url(../../icon/icon_16_student.png);}
div#pannelHeadTop div.systemManagement a.icon_system_1:hover,
div#pannelHeadTop div.systemManagement a.icon_system_1.on{background-image:url(../../icon/icon_16_settings_w.png);}
div#pannelHeadTop div.systemManagement a.icon_system_2:hover,
div#pannelHeadTop div.systemManagement a.icon_system_2.on{background-image:url(../../icon/icon_16_book_w.png);}
div#pannelHeadTop div.systemManagement a.icon_system_3:hover,
div#pannelHeadTop div.systemManagement a.icon_system_3.on{background-image:url(../../icon/icon_16_school_w.png);}
div#pannelHeadTop div.systemManagement a.icon_system_4:hover,
div#pannelHeadTop div.systemManagement a.icon_system_4.on{background-image:url(../../icon/icon_16_teacher_w.png);}
div#pannelHeadTop div.systemManagement a.icon_system_5:hover,
div#pannelHeadTop div.systemManagement a.icon_system_5.on{background-image:url(../../icon/icon_16_student_w.png);}

form#changeSystemLanguage{display:block; float:left; margin-left:20px; margin-top:5px;}
form#changeSystemLanguage select{padding-left:10px; padding-right:20px; background:#fff url(../../icon/icon_16_language.png) no-repeat; background-position:96% center;}

div#pannelHeadUser{width:100%; height:42px; border-bottom:1px solid #f3f3f3; }
div#pannelHeadUser:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#pannelHeadUser label.rightText{color:#ababab; font-size:18px; display:block; float:right; margin-right:15px; line-height:42px; font-weight:bold;}

div#userInfoBoxBar{float:left; margin-top:7px; margin-left:15px; position:relative; background:#f3f3f3; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;}
div#userInfoBoxBar div.title{color:#ababab; line-height:26px; padding-left:25px; padding-right:11px; cursor:pointer; background:url(../../icon/icon_16_arrow_down.png) no-repeat 5px center;}
div#userInfoBoxBar div.contaner{position:absolute; left:0; width:180px; height:0px; overflow:hidden; z-index:200;}
div#userInfoBoxBar div.contaner a{display:block; line-height:27px; padding-right:28px; border:1px solid #dddddd; border-top:none; color:#ababab; cursor:pointer; background:#fff no-repeat 95% center;}
div#userInfoBoxBar div.contaner a:first-child{border-top:1px solid #dddddd;}
div#userInfoBoxBar div.contaner a:last-child{border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}
div#userInfoBoxBar div.contaner a.icon_Logoff{background-image:url(../../icon/icon_16_logoff.png);}
div#userInfoBoxBar div.contaner a.icon_settings{background-image:url(../../icon/icon_16_settings.png);}
div#userInfoBoxBar div.contaner a.icon_tools{background-image:url(../../icon/icon_16_tools.png);}
div#userInfoBoxBar div.contaner a.icon_users{background-image:url(../../icon/icon_16_users.png);}
div#userInfoBoxBar div.contaner a.icon_board{background-image:url(../../icon/icon_16_board.png);}


div.loginErrText{display:none;}
div.loginSucText{display:none;}

div#loginBox{padding-top:100px; height:100%; overflow:auto;}
div.loginBox{margin:0 auto; width:510px; display: table;
	border:1px solid #dedede; background:#fff;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
div.loginBox div.head{line-height:30px; 
	color:#fff; font-weight:bold; font-size:16px;
	background:url(../../icon/icon_16_connection_w.png) no-repeat 98% center #848588;
	padding-right:35px;
	border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;
}
div.loginBox div.contaner{padding:15px; }
div.loginBox div.contaner:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.loginBox div.tabs{height:31px; border-bottom:1px solid #dedede; position:relative;}
div.loginBox div.tabs:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.loginBox div.tabs div{float:right; border-bottom:1px solid #dedede;}
div.loginBox div.tabs span{color:#fff; display:block; width:160px; line-height:30px; text-align:center; background:#00adee; font-size:14px; font-weight:bold; cursor:pointer; margin-left:1px; margin-right:1px; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;}
div.loginBox div.tabs div:first-child span{border-right:none; margin-right:0px;}
div.loginBox div.tabs div:last-child span{width:150px; margin-left:0px;}
div.loginBox div.tabs div.on{border:1px solid #dedede; border-bottom:none; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;}
div.loginBox div.tabs div.on span{background:#fff; color:#00adee; cursor:default;}

div.loginBox div.foot{border:1px solid #dedede; border-top:none; display:none;}
div.loginBox div.foot:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.loginBox div.errMsg{color:#990033; background:#e1b3b3; padding:25px; clear:both !important; float:none !important; display:none; text-align:center; font-weight:bold;}
div.loginBox div.sucMsg{color:#060; background:#b3d1b3; padding:25px; clear:both !important; float:none !important; display:none; text-align:center; font-weight:bold;}

div.loginBox form{display:none}
div.loginBox form.on{display:table;}

div.loginBox div.body{border:1px solid #dedede; border-top:none; padding:15px; position:relative;}
div.loginBox div.body:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.loginBox  div.homeLogo{position:absolute; width:180px; left:10px; top:10px; text-align:left;}
div.loginBox  div.homeLogo img{width:180px;}


div.loginBox table.registrationTable{width:100%;}
div.loginBox table.registrationTable td{vertical-align:top;}
div.loginBox table.registrationTable td.middle{width:40px;}
div.loginBox table.registrationTable label{display:block; float:right; width:80px !important; line-height:27px;}
div.loginBox table.registrationTable label.title{width:100% !important;}
div.loginBox table.registrationTable input[type=text],
div.loginBox table.registrationTable input[type=email],
div.loginBox table.registrationTable input[type=tel],
div.loginBox table.registrationTable input[type=password]{display:block; float:right; width:120px !important;}
div.loginBox table.registrationTable select{display:block; float:right; max-width:120px !important;}
div.loginBox div.inputRow img.registerBox{left:73px !important;}


div.loginBox div.inputRow{margin-bottom:15px; position:relative;}
div.loginBox div.inputRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.loginBox div.inputRow label{display:block; float:right; width:100px; line-height:27px;}
div.loginBox div.inputRow label.width150{width:150px;}
div.loginBox div.inputRow label.title{border-bottom:1px solid #8D8D8D; font-weight:bold; width:100%; font-size:18px;}
div.loginBox div.inputRow input[type=text],
div.loginBox div.inputRow input[type=email],
div.loginBox div.inputRow input[type=tel],
div.loginBox div.inputRow input[type=password]{display:block; float:right; width:160px;}
div.loginBox div.inputRow select{display:block; float:right; max-width:160px;}
div.loginBox div.inputRow a{display:block; float:left; line-height:28px; margin-left:20px;}
div.loginBox div.inputRow a.button{line-height:25px;}
div.loginBox div.inputRow a.undo{background-image:url(../../icon/icon_16_undo_w.png); background-repeat:no-repeat; background-position:5px center;}
div.loginBox div.inputRow input[type=submit]{background-image:url(../../icon/icon_16_connection_w.png); float:left;}
div.loginBox div.publisherData{display:none;}
div.loginBox div.schoolData{display:none;}
div.loginBox div.displayBlock{display:block !important;}

div.loginBox div.inputRow .must{border-left:1px solid #900 !important;}
div.loginBox div.inputRow .err{background:#990000; color:#fff;}
div.loginBox div.bottomRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.loginBox div.bottomRow a{display:block; float:left;}
div.loginBox div.inputRow img.ajaxLoader{display:none; position:absolute; left: -36px; position: absolute; top: -3px;}
div.loginBox div.message{display:none; font-size:20px; color:#090; margin-bottom: 40px; margin-right: 73px; margin-top: 40px;}

div#page{height:100%; height: calc(100% - 70px); width:100%; overflow:hidden;}
div#page div.homeLogo{width:300px; margin:0 auto; margin-top:15px;}

div#bookData{}

div#head{height:30px; background:url(images/login_head.png) 0px -1px; border-bottom:1px solid #8D8D8D;}

div#publisherHeaderFooter{height:20px; background:url(images/login_head.png) 0px -1px; border-top:1px solid #8D8D8D;}

div#pageContaner{width:100%; height: calc(100% - 70px); overflow:hidden;}
div#pageContaner:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}

#pageTable{width:100%; border-collapse:collapse;}
#pageTable:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}

#rightSide{float:right; background:#fff; position:relative; width:0px; overflow:hidden;}
    
#leftSide{float:left; background:#fff; width:100%; }
#leftSideDiv{overflow:auto; position:relative; /*padding-right:100px;*/}

div#bookList{width:100%; background:#fff; margin-right:0px;}
div#bookList:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#bookList span.book{position:relative; display:block; float:right; width:200px; margin-right:100px; margin-top:60px; margin-bottom:20px;}
div#bookList a.newBook{display:block; height:270px; background:#fff url(images/plus_big.png) no-repeat center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #f3f3f3;}
div#bookList span.title{display:block; text-align:center; margin-top:10px;}
div#bookList a.bookImg{display:block; height:270px; background:#fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #f3f3f3; overflow:hidden;}
div#bookList a.bookImg img{width:198px; height:270px; display:block;}
div#bookList a.edit{display:block; position:absolute; width:22px; height:22px; background:url(../../icon/icon_22_edit.png); top:0px; right:-35px;}
div#bookList a.delete{display:block; position:absolute; width:22px; height:22px; background:url(../../icon/icon_22_delete.png); top:30px; right:-35px;}
div#bookList a.active{display:block; position:absolute; width:22px; height:22px; background-size:22px 22px; top:60px; right:-35px;}
div#bookList a.active_True{background-image:url(../../icon/icon_16_v.png);}
div#bookList a.active_False{background-image:url(../../icon/icon_16_x.png);}

div#rightSideBox{width:300px; border-left:1px solid #f3f3f3;}
div#rightSideBox div.head{text-align:center; line-height:38px; background:#f3f3f3; font-size:18px; color:#848588; position:relative;}
div#rightSideBox div.head a.close{position:absolute; display:block; width:19px; height:19px; background:url(../../icon/icon_19_close.png); right:9px; top:9px;}
div#rightSideBox div.body{overflow:auto; height:100px;}
div#rightSideBox div.body form{padding-top:10px; display:block;}
div#rightSideBox div.foot{}
div#rightSideBox div.inputRow{margin-bottom:8px; position:relative; padding-left:20px; padding-right:20px;}
div#rightSideBox div.inputRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#rightSideBox div.inputRow label{display:block; margin-top:5px;}
div#rightSideBox div.inputRow label.checkbox{float:right; margin-left:10px; font-weight:bold;}
div#rightSideBox div.inputRow input[type=checkbox]{display:block; float:right; margin-top:7px;}
div#rightSideBox div.inputRow input[type=text],
div#rightSideBox div.inputRow input[type=number]{display:block; width:205px;}
div#rightSideBox div.inputRow input[type=file]{display:block;}
div#rightSideBox div.inputRow textarea{display:block; width:205px;}
div#rightSideBox div.inputRow select{display:block; width:209px;}
div#rightSideBox div.inputRow .must{border-left:1px solid #900 !important;}
div#rightSideBox div.inputRow .err{background:#900 !important; color:#fff;}
div#rightSideBox div.inputRow img.ajaxLoader{position:absolute; left:15px; top:-3px; display:none;}
div#rightSideBox div.inputRow input[type=submit]{display:block; float:left; margin-left:30px; background-image:url(../../icon/icon_12_plus_w.png);}
div#rightSideBox div.inputRow input[type=submit].icon_save{background-image:url(../../icon/icon_16_save_w.png);}
div#rightSideBox div.inputRow a.open{position:absolute; display:block; left:7px; top:15px; width:16px; height:16px; background:url(images/icon_view.gif);}
div#rightSideBox div.row{border-bottom:1px solid #8D8D8D;}
div#rightSideBox div.rowTitle{cursor:pointer; border-bottom:1px solid #8D8D8D; padding-right:15px; line-height:26px; background:url(images/login_head.png) 0px -1px; font-size:18px; font-weight:bold; color:#898988; position:relative;}
div#rightSideBox div.rowBody{display:none; }

div#leftSideDiv a.closePdfView{position:absolute; width:26px; height:26px; background:url(images/icon_close.png); top:0px;}
iframe#bookViewFrame{width:100%; height:100%; border:0; margin:0; padding:0;}
embed#bookViewFrame{width:100%; height:100%; border:0; margin:0; padding:0;}

div#pageTitle{margin-right:40px; margin-left:40px; border-bottom:1px solid #f3f3f3; position:relative;}
div#pageTitle:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#pageTitle span.sucMsg{display:block; position:absolute; width:100%; float:right; border:1px solid #060; color:#060; background:#b3d1b3; line-height:30px; padding-right:15px; padding-left:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; z-index:100;}
div#pageTitle h1{background-position:right center; background-repeat:no-repeat; color:#f39c12; display:block; float:right; font-weight:normal; font-size:14pt; line-height:40px; padding-right:35px; margin-right:20px;}
div#pageTitle h1.icon_settings_o{background-image:url(../../icon/icon_22_settings_o.png);}
div#pageTitle h1.icon_tools_o{background-image:url(../../icon/icon_22_tools_o.png);}
div#pageTitle h1.icon_users_o{background-image:url(../../icon/icon_22_users_o.png);}
div#pageTitle h1.icon_user_o{background-image:url(../../icon/icon_16_user_o.png);}
div#pageTitle h1.icon_school_o{background-image:url(../../icon/icon_22_school_o.png);}
div#pageTitle h1.icon_teacher_o{background-image:url(../../icon/icon_22_teacher_o.png);}
div#pageTitle h1.icon_class_o{background-image:url(../../icon/icon_22_class_o.png);}
div#pageTitle h1.icon_student_o{background-image:url(../../icon/icon_22_student_o.png);}
div#pageTitle h1.icon_books_o{background-image:url(../../icon/icon_22_book_o.png);}
div#pageTitle h1.icon_homework_o{background-image:url(../../icon/icon_22_homework_o.png);}
div#pageTitle h1.icon_message_o{background-image:url(../../icon/icon_22_anvelope_o.png);}
div#pageTitle h1.icon_manager_o{background-image:url(../../icon/icon_22_managers_o.png);}
div#pageTitle h1.icon_channel_o{background-image:url(../../icon/icon_22_channel_o.png);}
div#pageTitle h1.icon_board_o{background-image:url(../../icon/icon_22_board_o.png);}
div#pageTitle h1.icon_system_o{background-image:url(../../icon/icon_22_system_o.png);}
div#pageTitle h1.icon_support_o{background-image:url(../../icon/icon_22_support_o.png);}
div#pageTitle h1.icon_transfer_o{background-image:url(../../icon/icon_22_transfer_o.png);}
div#pageTitle h1.icon_budget_o{background-image:url(../../icon/icon_22_budget_o.png);}
div#pageTitle h1.icon_trash_o{background-image:url(../../icon/icon_22_trash_o.png);}
div#pageTitle h1.icon_bank_o{background-image:url(../../icon/icon_22_bank_o.png);}
div#pageTitle h1.icon_report_o{background-image:url(../../icon/icon_22_report_y.png);}
div#pageTitle h1.icon_help_o{background-image:url(../../icon/icon_22_help_o.png);}
div#pageTitle h1.icon_fingerprint_o{background-image:url(../../icon/icon_80_fingerprint_o.png); background-size:22px;}



div#pageTitle a.button{float:left; margin-left:5px; margin-top:7px;}
div#pageTitle a.button:first-child{margin-left:20px;}
div#pageTitle a.icon_send{background-image:url(../../icon/icon_16_send_w.png);}
div#pageTitle a.icon_anvelope{background-image:url(../../icon/icon_16_anvelope_w.png);}


div#pageFormOuter{height:100%; overflow:auto;}

div#settingForm{margin:0 auto; width:780px; margin-top:20px;}
div#settingForm.settingFormFullTextarea{width:780px;}
div#settingForm.classEditBox{width:300px;}



div#settingForm div.body:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#settingForm div.col{float:right; width:300px;}
div#settingForm div.colFullTextarea{float:right; width:100%;}
div#settingForm div.colCenter{float:none; margin:0 auto;}
div#settingForm div.colCenter:last-child{float:none !important;}

div#settingForm div.colFullTextarea label{display:block; float:none !important; line-height:16px !important; margin-bottom:5px; color:#000;}
div#settingForm div.colFullTextarea span.explanation{color:#090;}
div#settingForm div.colFullTextarea div.editor{width:100%; height:277px;}
div#settingForm div.colFullTextarea div.editorHide{display:none;}
div#settingForm div.colFullTextarea input[type="text"],
div#settingForm div.colFullTextarea input[type="date"],
div#settingForm div.colFullTextarea input[type=tel],
div#settingForm div.colFullTextarea input[type=email],
div#settingForm div.colFullTextarea input[type=number],
div#settingForm div.colFullTextarea input[type=password],
div#settingForm div.colFullTextarea input.asNumber{width:100% !important;}
div#settingForm div.colFullTextarea input[type=number],
div#settingForm div.colFullTextarea input.asNumber{width:100px !important; float:none !important;}
div#settingForm div.colFullTextarea textarea{float:left; width:100%; height:100px;}
div#settingForm div.colFullTextarea textarea.must{border-left:1px solid #990000;}
div#settingForm div.colFullTextarea select{float:none !important;}
div#settingForm div.colFullTextarea div.fullText{border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:auto; padding:10px; min-height:300px;}
div#settingForm div.colFullTextarea div.inputRowDate label{float:right !important; margin-left:20px; line-height:22px !important;}
div#settingForm div.colFullTextarea div.inputRowDate input{float:right !important; width:100px !important;}
div#settingForm div.colFullTextarea div.inputRowDate button.datepick-trigger{float:none;}
div#settingForm div.colFullTextarea div.inputRowDate select{float:right; display:inline;}

div#settingForm div.colForTab label{display:block; float:right !important; line-height:27px !important; margin-bottom:0px;}
div#settingForm div.colForTab input[type="text"],
div#settingForm div.colForTab input[type="date"],
div#settingForm div.colForTab input[type=tel],
div#settingForm div.colForTab input[type=email],
div#settingForm div.colForTab input[type=number],
div#settingForm div.colForTab input[type=password]{width:200px !important;}
div#settingForm div.colForTab input[type=number]{width:200px !important; float:left !important;}
div#settingForm div.colForTab select{float:left !important;}
div#settingForm div.colForTab input.datePicker{width:184px !important;}

div#settingForm div.col:last-child{float:left;}
div#settingForm div.middle{width:300px; margin:0 auto;}
div#settingForm div.box{margin-bottom:20px;}
div#settingForm div.subject{background:#848588; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; line-height:30px; padding-right:10px; padding-left:10px; font-size:14px; margin-bottom:15px;}
div#settingForm div.info{background:#FFC; color:#000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; font-size:14px; margin-bottom:15px;}
div#settingForm div.file{}
div#settingForm div.file:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#settingForm div.file input[type="file"]{display:block; float:right;
height:25px; border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#777777; margin-left:5px;
}
div#settingForm div.file .submitUploadFile{margin-left:5px;}
div#settingForm div.subjectErr{color:#F89393; font-weight:bold;}
div#settingForm div.inputRow{margin-bottom:15px;}
div#settingForm div.inputRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#settingForm div.inputRow label{display:block; float:right; line-height:27px;}
div#settingForm div.inputRow label.box{display:block; float:left; line-height:27px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-right:5px; width:200px;}
div#settingForm div.inputRow article{display:block; float:left; width:200px; line-height:25px; height:25px; border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-right:5px; color:#777777;}
div#settingForm div.inputRow article.phone,
div#settingForm div.inputRow article.email{direction:ltr; text-align:right;}
div#settingForm div.inputRow span.msg{display:block; float:left; color:#090; line-height:27px; font-weight:bold;}
div#settingForm div.inputRow input[type="checkbox"]{display:block; float:left; margin-left:188px; margin-top:6px;}
div#settingForm div.inputRow input[type="text"],
div#settingForm div.inputRow input[type="date"],
div#settingForm div.inputRow input[type=tel],
div#settingForm div.inputRow input[type=email],
div#settingForm div.inputRow input[type=number],
div#settingForm div.inputRow input[type=password]{display:block; float:left; width:200px;}
div#settingForm div.inputRow textarea.text{display:block; float:left; width:200px; height:100px;}
div#settingForm div.inputRow input.dolar{background-image:url(../../icon/icon_16_dollar.png); background-repeat:no-repeat; background-position:2px center;}
div#settingForm div.inputRow input.width120{width:120px !important; float:none;}
div#settingForm div.inputRow input.width140{width:140px !important;}
div#settingForm div.inputRow input.datePicker{display:block; float:left; width:184px;}
div#settingForm div.inputRow button.datepick-trigger{float:left; background:none; border:none; background-position:center; height:24px; margin:0; padding:0; width:16px;}
div#settingForm div.inputRow select{display:block; float:left; width:200px;}
div#settingForm div.inputRow select option{color:#000; padding-top:5px; padding-bottom:5px; padding-right:5px;}
div#settingForm div.inputRow div.userImage{border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden; text-align:center; padding:10px;}
div#settingForm div.inputRow div.userImage img{max-width:80%; max-height:80%; display:inline-block;}
div#settingForm div.inputTime label{width:100px;}
div#settingForm div.inputTime select{display:block; float:right; width:45px; margin-left:5px;}


div#settingForm div.inputRow div.innerCol{float:right;}
div#settingForm div.inputRow div.innerCol span{float:right !important; display:block; line-height:21px; margin-left:10px;}
div#settingForm div.inputRow div.innerCol input{width:100px !important; float:right; margin-left:20px;}
div#settingForm div.inputRow div.innerCol select{width:100px !important; float:right !important; margin-left:20px;}
div#settingForm div.inputRow div.innerCol input[type="file"]{width:213px !important; float:right; margin-left:20px;}


div#settingForm.stageSettingForm div.inputRowRequestFile{}
div#settingForm.stageSettingForm div.inputRowRequestFile div.form{margin-bottom:8px;}
div#settingForm.stageSettingForm div.inputRowRequestFile div.form:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#settingForm.stageSettingForm div.inputRowRequestFile div.buttons{margin-bottom:20px;}
div#settingForm.stageSettingForm div.inputRowRequestFile div.buttons:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#settingForm.stageSettingForm div.inputRowRequestFile label{float:right !important; margin-left:10px; line-height:20px !important;}
div#settingForm.stageSettingForm div.inputRowRequestFile input[type="text"]{float:right !important; width:160px !important; margin-left:20px;}
div#settingForm.stageSettingForm div.inputRowRequestFile input[type="file"]{float:right; border: 1px solid #dcdcdc; border-radius: 3px; color: #777777; height: 25px; padding-right:0px; text-align:right; width:200px;}
div#settingForm.stageSettingForm div.inputRowRequestFile a.button{float:right; margin-left:5px;}
div#settingForm.stageSettingForm div.inputRowRequestFile a.buttonLoading{background-image:url(../../icon/ajax-loader.gif);}

/*
div#settingForm div.inputRow select.icon{width:150px; float:right; margin-right:20px;}
*/
div#settingForm div.inputRow select.icon option{background-repeat:no-repeat; background-size:20px 20px; background-position:10px center; height:30px;}
div#settingForm div.inputRow img.icon{display:block; float:right; height:30px; margin-right:10px;}
div.uploadNew{float:right; position:relative; height:27px; width:430px;}
form#uploadForm{display:block; position:absolute; height:27px; width:430px;}
form#uploadForm label{display:block; float:right; margin-top:2px; margin-left:5px;}
form#uploadForm input[type="text"]{width:80px; display:block; float:right; margin-left:5px;}
form#uploadForm input[type="file"]{width:123px; display:block; float:right; margin-left:5px;}
form#uploadForm input[type="submit"]{float:right; display:block; padding-left:8px;}
form#uploadForm div.loading{float:left; display:none;}

form#importForm div.loading{float:left; display:none;}

div#settingForm div.inputRow input.must,
div#settingForm div.inputRow select.must{border-left:1px solid #900;}
div#settingForm div.inputRow select.multiple{height:auto;}
div#settingForm div.inputRow input.err{background-color:#900; color:#fff;}
div#settingForm div.inputRow textarea.err{background-color:#900; color:#fff;}

div#settingForm div.inputRow div.inline input[type=number],
div#settingForm div.inputRow div.inline input.asNumber{float:right !important; margin-left:10px;}
div#settingForm div.inputRow div.inline select{float:right; width:auto;}

div#settingForm div.inputRowBrake{margin-bottom:15px;}
div#settingForm div.inputRowBrake label{display:block; line-height:27px;}
div#settingForm div.inputRowBrake input[type="text"]{display:block; width:100%;}
div#settingForm div.inputRowBrake input.must,
div#settingForm div.inputRowBrake select.must{border-left:1px solid #900;}

div#settingForm div.fullTextareaRow{width:430px;}
div#settingForm div.fullTextareaRow textarea{width:100%; height:193px;}
div#settingForm div.foot{width:140px; margin:0 auto;}
div#settingForm div.foot:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#settingForm div.footClose{width:55px;}
div#settingForm div.footFullTextarea{margin:1px 260px auto;}
div#settingForm input[type="submit"]{float:right; background-image:url(../../icon/icon_16_save_w.png);}
div#settingForm input.send{background-image:url(../../icon/icon_16_send_w.png);}
div#settingForm a.button{float:left; margin-left: 5px; background-image:url(../../icon/icon_16_close_w.png);}
div#settingForm a.buttonNone{background-image:none; padding-left:8px;}
div#settingForm a.buttonDelete{background-image:url(../../icon/icon_16_delete_w.png);}
div#settingForm a.buttonOpen{background-image:none; padding-left:8px;}
div#settingForm a.buttonRight{float:right;}
div#settingForm a.buttonMissing{background-color:#900; background-image:none; padding-left:8px; cursor:default;}
div#settingForm a.buttonUpload{margin-left:0px; background-image:url(../../icon/icon_16_upload_w.png);}
div#settingForm a.buttonLoading{margin-left:0px; background-image:url(../../icon/ajax-loader.gif);}
div#settingForm a.icon_homework{float:none; margin-right:100px; background-image:url(../../icon/icon_16_homework_w.png);}
div#settingForm div.textRow{margin-bottom:10px;}
div#settingForm div.textRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#settingForm div.textRow label{display:block; float:right; font-weight:bold; line-height:15px; width:90px;}
div#settingForm div.textRow span{display:block; float:right; line-height:15px;}
div#settingForm div.textRow span.fullText{border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:100px; width:690px; overflow:auto; padding:10px;}
div#settingForm div.textRow span.boxBorder{float:none; border:1px solid #dddddd; padding:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#settingForm div.textRow img.cover{width:150px;}
div#settingForm div.textRow a.viewBook{display:block; background:url(../../icon/icon_13_search.png); width:13px; height:15px;}
div#settingForm div.textRow .messageBox{border:1px solid #dcdcdc; padding:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:100%; display:block; min-height:200px;}
div#settingForm a.channelButtonSave{float:none; position:absolute; top:21px; right:205px; background-color:#00adee; background-repeat:no-repeat; background-position:5px center; line-height:25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:none; color:#fff; cursor:pointer; padding-left:30px; padding-right:8px;}
div#settingForm a.buttonSave{background-image:url(../../icon/icon_16_save_w.png);}

div.errBox{border:1px solid #990033; color:#990033; background:#e1b3b3; padding:25px; margin-top:20px; margin-right:40px; margin-left:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div.errBox span.title{display:block; font-weight:bold; text-align:center;}
div.errBox div{text-align:center;}

div.sucBox{border:1px solid #060; color:#060; background:#b3d1b3; padding:25px; margin-top:20px; margin-right:40px; margin-left:40px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center;}

div.tollBarPannel{position:relative; margin-top:10px; margin-bottom:10px; margin-left:20px; margin-right:20px; min-height:40px; border-bottom:1px solid #F3F3F3;}
div.tollBarPannel:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.tollBarPannel a.button{float:left; margin-right:4px;}
div.tollBarPannel a.buttonLeft{float:right; margin-left:4px;}
div.tollBarPannel a.icon_send{background-image:url(../../icon/icon_16_send_w.png);}
div.tollBarPannel a.icon_new{background-image:url(../../icon/icon_16_new_w.png);}
div.tollBarPannel a.icon_report{background-image:url(../../icon/icon_16_report_w.png);}
div.tollBarPannel a.icon_search{background-image:url(../../icon/icon_16_search_w.png);}
div.tollBarPannel a.icon_delete{background-image:url(../../icon/icon_16_delete_w.png);}
div.tollBarPannel a.icon_filter{background-image:url(../../icon/icon_16_filter_w.png);}
div.tollBarPannel a.icon_anvelope{background-image:url(../../icon/icon_16_anvelope_w.png);}
div.tollBarPannel a.icon_print{background-image:url(../../icon/icon_16_print_w.png);}
div.tollBarPannel a.icon_save{background-image:url(../../icon/icon_16_save_w.png);}
div.tollBarPannel a.icon_prev{background-image:url(../../icon/icon_16_prev_w.png); background-position:53px center; padding-left: 8px; padding-right: 30px;}
div.tollBarPannel a.icon_next{background-image:url(../../icon/icon_16_next_w.png); background-position:1px center;}
div.tollBarPannel a.icon_import{background-image:url(../../icon/icon_16_import_w.png)}
div.tollBarPannel a.icon_excel{background-image:url(../../icon/icon_16_sheet_w.png);}
div.tollBarPannel a.icon_transfer{background-image:url(../../icon/icon_16_transfer_w.png);}
div.tollBarPannel a.icon_download{background-image:url(../../icon/icon_16_download_w.png);}
div.tollBarPannel a.icon_loading{background-image:url(../../icon/ajax-loader.gif);}

div.tollBarPannel span.sucMsg{display:block; position:absolute; width:100%; float:right; border:1px solid #060; color:#060; background:#b3d1b3; line-height:25px; padding-right:15px; padding-left:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; z-index:100;}
div.tollBarPannel span.errMsg{display:block; position:absolute; width:100%; float:right; border:1px solid #990033; color:#990033; background:#e1b3b3; line-height:25px; padding-right:15px; padding-left:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; z-index:100;}
div.tollBarPannel span.ajaxMsg{display:none; position:absolute; width:100%; float:right; border:1px solid #09F; color:#FFF; line-height:25px; padding-right:15px; padding-left:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; z-index:100;
background:#09F url(images/ajax-loader-w.gif) no-repeat center;
background-position:53% center; /* default, Android, Sf < 6 */
background-position:-webkit-calc(53% - 10px) center; /* Sf 6 */
background-position:right 53% center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */
}

div.tollBarPannel a.newTeacher{position:relative;}
div.tollBarPannel span.info{display:block; float:right; line-height:25px; margin-right:40px; color:#F39C12; font-weight:bold; font-size:16px;}
div.tollBarPannel div.filterTextTitle{display:block; float:right; line-height:23px; margin-right:15px; border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div.tollBarPannel div.filterTextTitle span{display:block; float:right; background:#7f7f7f; color:#fff; padding-right:5px; padding-left:5px; border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px;}
div.tollBarPannel div.filterTextTitle label{display:block; float:right; }
div.tollBarPannel div.filterTextTitle a{display:block; float:right; width:16px; height:23px; background:url(../../icon/icon_16_close.png) no-repeat center; margin-left:5px; margin-right:5px;}
div.tollBarPannel div.filterTextTitle div{float:right; border-left:1px solid #dcdcdc; padding-left:5px; padding-right:5px;}
div.tollBarPannel span.counter{display:block; float:right; margin-right:20px; line-height:23px; border:1px solid #7F7F7F; padding-left:5px; padding-right:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

div#tableView{margin-right:40px; margin-left:40px;}
div#tableView.noPadding{margin-right:0px; margin-left:0px;}
div#tableView table.tableList{width:100%;}
div#tableView table.tableList thead{border-bottom:1px solid #f3f3f3;}
div#tableView table.tableList th{text-align:right; height:30px; padding-left:10px; position:relative; color:#fff;}
div#tableView table.tableList th:first-child{padding-right:10px;}
div#tableView table.tableList td{text-align:right; height:40px; padding-right:0px;}
div#tableView table.tableList td:first-child{padding-right:10px;}
div#tableView table.tableList tr.bold td{font-weight:bold;}
div#tableView table.tableList td.parentCell{border-bottom:1px solid #F3F3F3; padding-right:35px;}
div#tableView table.tableList td.parentCellHide{
background-image:url(../../icon/icon_16_plus.png);
background-repeat:no-repeat;
background-position:97% center; /* default, Android, Sf < 6 */
background-position: -webkit-calc(100% - 8px) center; /* Sf 6 */
background-position: right 8px center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */
}
div#tableView table.tableList td.parentCellShow{
background-image:url(../../icon/icon_16_minus.png);
background-repeat:no-repeat;
background-position:97% center; /* default, Android, Sf < 6 */
background-position: -webkit-calc(100% - 8px) center; /* Sf 6 */
background-position: right 8px center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */
}

div#tableView table.tableList td.report{background-image:url(../../icon/icon_16_report.png); background-repeat:no-repeat; padding-right:30px; 
background-position:97% center; /* default, Android, Sf < 6 */
background-position: -webkit-calc(100% - 10px) center; /* Sf 6 */
background-position: right 10px center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */
}
div#tableView table.tableList tr.hide{display:none;}
div#tableView table.tableList tr.show{display:table-row}
div#tableView table.tableList tr.decisionRow{background:#FFFFD9;}
div#tableView table.tableList tr.categoryRowE0C1FF{background:#E0C1FF;}
div#tableView table.tableList tr.categoryRowB0D8FF{background:#B0D8FF;}
div#tableView table.tableList tr.categoryRowFFD3A8{background:#FFD3A8;}
div#tableView table.tableList td.noResalts{text-align:center; color:#900; background:#e1b3b3; font-weight:bold;}
div#tableView table.tableList td.link{text-align:center; position:relative;}
div#tableView table.tableList td.alignRight{text-align:right;}
div#tableView table.tableList td select option{color:#000; padding-top:5px; padding-bottom:5px; padding-right:5px;}
div#tableView table.tableList td.center{text-align:center;}
div#tableView table.tableList td.width300{max-width:300px;}
div#tableView table.tableList td.width120{width:120px;}
div#tableView table.tableList td.width110{width:110px;}
div#tableView table.tableList td.width100{width:100px;}
div#tableView table.tableList td.width90{width:90px;}
div#tableView table.tableList td.width80{width:80px;}
div#tableView table.tableList td.width70{width:70px;}
div#tableView table.tableList td.width60{width:60px;}
div#tableView table.tableList td.width50{width:50px;}
div#tableView table.tableList td.width40{width:40px;}
div#tableView table.tableList td.width30{width:30px;}
div#tableView table.tableList span.icon{width:16px; height:16px; display:inline-block;}
div#tableView table.tableList span.icon_lock{background-image:url(../../icon/icon_16_lock.png);}
div#tableView table.tableList tbody tr{background-color:#fff;}
div#tableView table.tableList tbody tr:hover{background-color:#f3f3f3; cursor:pointer;}
div#tableView table.tableList td a.icon{display:block; margin:0 auto; background-color:#00adee; width:25px; height:25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-repeat:no-repeat; background-position:center center;}
div#tableView table.tableList td a.icon:hover{background-color:#7f7f7f;}
div#tableView table.tableList td a.students{background-image:url(../../icon/icon_16_student_w.png);}
div#tableView table.tableList td a.teachers{background-image:url(../../icon/icon_16_teacher_w.png)}
div#tableView table.tableList td a.books{background-image:url(../../icon/icon_16_book_w.png);}
div#tableView table.tableList td a.homework{background-image:url(../../icon/icon_16_homework_w.png);}
div#tableView table.tableList td a.preview{background-image:url(../../icon/icon_16_preview_w.png);}
div#tableView table.tableList td img.cover{width:80px;}
div#tableView table.tableList td img.homeworkIcon{height:30px; display:block; margin:0 auto;}
div#tableView table.tableList td label.noHomeworkGoYet{color:#900;}
div#tableView table.tableList td label.allWasChecked{display:block; color:#009900; background:url(../../icon/icon_16_v.png) no-repeat right center; background-size:16px 16px; line-height:40px; padding-right:20px;}
div#tableView table.tableList td span.icon{display:block; width:16px; height:40px; background-position:center; background-repeat:no-repeat; background-size:16px 16px;}
div#tableView table.tableList td span.icon_v{background-image:url(../../icon/icon_16_v.png);}
div#tableView table.tableList td span.icon_x{background-image:url(../../icon/icon_16_x.png);}
div#tableView table.tableList td div.preview{position:relative;}
div#tableView table.tableList td span.preview{display:none; width:300px; height:200px; top:0px; left:0px; position:absolute; z-index:200; background-color:#F7F7F7; border:1px solid #DDDDDD; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
box-shadow: 6px 6px 7px -5px #A69E9E;
-webkit-box-shadow: 6px 6px 7px -5px #A69E9E;
-moz-box-shadow: 6px 6px 7px -5px #A69E9E;
-o-box-shadow: 6px 6px 7px -5px #A69E9E;
}
div#tableView table.tableList td span.preview a.close{display:block; width:16px; height:16px; background:url(../../icon/icon_16_close.png); margin-bottom:10px;}
div#tableView table.tableList td span.preview div{background:#fff; text-align:right; height:150px; overflow:auto; border:1px solid #DDDDDD; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
div#tableView table.tableList a.viewBook{display:block; background:url(../../icon/icon_13_search.png); width:13px; height:15px;}
div#tableView table.tableList td.stusus a{display:block; height:40px; background-position:center; background-repeat:no-repeat; background-size:16px 16px; margin: 0 auto;}
div#tableView table.tableList td.stusus a.stusus_icon_True{background-image:url(../../icon/icon_16_v.png);}
div#tableView table.tableList td.stusus a.stusus_icon_False{background-image:url(../../icon/icon_16_x.png);}
div#tableView table.tableList td.stusus span{display:block; height:40px; background-position:center; background-repeat:no-repeat; background-size:16px 16px; margin: 0 auto;}
div#tableView table.tableList td.backgroundRight span{background-position:center right;}
div#tableView table.tableList td.stusus span.stusus_icon_True{background-image:url(../../icon/icon_16_v.png);}
div#tableView table.tableList td.stusus span.stusus_icon_False{background-image:url(../../icon/icon_16_x.png);}
div#tableView table.tableList span.letter_True{display:block; width:20px; height:20px; background:url(../../icon/icon_25_letter_open.png); background-size:20px 20px;}
div#tableView table.tableList span.letter_False{display:block; width:20px; height:20px; background:url(../../icon/icon_25_letter_close.png); background-size:20px 20px;}
div#tableView table.tableList td.supportStatus_1{color:#90F;}
div#tableView table.tableList td.supportStatus_2{color:#03F;}
div#tableView table.tableList td.supportStatus_3{color:#F60;}
div#tableView table.tableList td.supportStatus_4{color:#090;}
div#tableView table.tableList td.supportStatus_5{color:#900;}
div#tableView table.tableList td.supportStatus_6{color:#900;}
div#tableView table.tableList td.supportStatus_8{color:#900;}
div#tableView table.tableList td.supportStatus_9{color:#D961DC;}
div#tableView table.tableList div.subTable{}
div#tableView table.tableList div.subTable div.row{margin-bottom:10px;}
div#tableView table.tableList div.subTable div.row:first-child{margin-top:10px;}
div#tableView table.tableList div.subTable div.row label{display:inline-block; font-weight:bold; width:75px;}
div#tableView table.tableList div.subTable div.row span{display:inline-block;}
div#tableView table.tableList a.approveRequest{margin-right:10px; padding-left:8px;}
div#tableView table.tableList textarea.text{width:70%; height:30px;}
div#tableView table.tableList tfoot{position:fixed; bottom:5px; z-index:10000; border: 1px solid #848588; background:#F3F3F3;}
div#tableView table.tableList tfoot td{padding-right:10px; font-weight:bold;}

div.homeDashboard{padding-left:40px; padding-top:40px;}
div.homeDashboard:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.homeDashboard a{background-color:#fff; background-repeat:no-repeat; background-position:center 20px; background-size:60px 60px; display:inline-block; position:relative; width:130px; height:130px; margin-bottom:20px; margin-right:20px; border:1px solid #f3f3f3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div.homeDashboard span{ display:block; width:100%; position:absolute; line-height:30px; color:#fff; text-align:center; background:#848588; bottom:0px; border-radius:0px 0px 3px 3px; -moz-border-radius:0px 0px 3px 3px; -webkit-border-radius:0px 0px 3px 3px;}
div.homeDashboard .school{background-image:url(../../icon/icon_130_school.png);}
div.homeDashboard .teachers{background-image:url(../../icon/icon_130_teacher.png);}
div.homeDashboard .classes{background-image:url(../../icon/icon_130_class.png);}
div.homeDashboard .students{background-image:url(../../icon/icon_130_student.png);}
div.homeDashboard .books{background-image:url(../../icon/icon_130_book.png)}
div.homeDashboard .settings{background-image:url(../../icon/icon_80_tools.png);}
div.homeDashboard .users{background-image:url(../../icon/icon_80_users.png);}
div.homeDashboard .anvelope{background-image:url(../../icon/icon_130_anvelope.png);}
div.homeDashboard .homework{background-image:url(../../icon/icon_130_homework.png);}
div.homeDashboard .channel{background-image:url(../../icon/icon_80_channel.png);}
div.homeDashboard .board{background-image:url(../../icon/icon_80_board.png);}
div.homeDashboard .manager{background-image:url(../../icon/icon_80_managers.png);}
div.homeDashboard .system{background-image:url(../../icon/icon_80_system.png);}
div.homeDashboard .support{background-image:url(../../icon/icon_80_support.png);}
div.homeDashboard .transfer{background-image:url(../../icon/icon_80_transfer.png);}
div.homeDashboard .budget{background-image:url(../../icon/icon_80_budget.png);}
div.homeDashboard .trash{background-image:url(../../icon/icon_80_trash.png);}
div.homeDashboard .bank{background-image:url(../../icon/icon_80_bank.png);}
div.homeDashboard .report{background-image:url(../../icon/icon_130_report.png);}
div.homeDashboard .help{background-image:url(../../icon/icon_130_help.png);}
div.homeDashboard .fingerprint{background-image:url(../../icon/icon_80_fingerprint.png);}

div.homeDashboard .school:hover{background-image:url(../../icon/icon_130_school_o.png);}
div.homeDashboard .teachers:hover{background-image:url(../../icon/icon_130_teacher_o.png);}
div.homeDashboard .classes:hover{background-image:url(../../icon/icon_130_class_o.png);}
div.homeDashboard .students:hover{background-image:url(../../icon/icon_130_student_o.png);}
div.homeDashboard .books:hover{background-image:url(../../icon/icon_130_book_o.png)}
div.homeDashboard .settings:hover{background-image:url(../../icon/icon_80_tools_o.png);}
div.homeDashboard .users:hover{background-image:url(../../icon/icon_80_users_o.png);}
div.homeDashboard .anvelope:hover{background-image:url(../../icon/icon_130_anvelope_o.png);}
div.homeDashboard .homework:hover{background-image:url(../../icon/icon_130_homework_o.png);}
div.homeDashboard .channel:hover{background-image:url(../../icon/icon_80_channel_o.png);}
div.homeDashboard .board:hover{background-image:url(../../icon/icon_80_board_o.png);}
div.homeDashboard .manager:hover{background-image:url(../../icon/icon_80_managers_o.png);}
div.homeDashboard .system:hover{background-image:url(../../icon/icon_80_system_o.png);}
div.homeDashboard .support:hover{background-image:url(../../icon/icon_80_support_o.png);}
div.homeDashboard .transfer:hover{background-image:url(../../icon/icon_80_transfer_o.png);}
div.homeDashboard .budget:hover{background-image:url(../../icon/icon_80_budget_o.png);}
div.homeDashboard .trash:hover{background-image:url(../../icon/icon_80_trash_o.png);}
div.homeDashboard .bank:hover{background-image:url(../../icon/icon_80_bank_o.png);}
div.homeDashboard .report:hover{background-image:url(../../icon/icon_130_report_y.png);}
div.homeDashboard .help:hover{background-image:url(../../icon/icon_130_help_y.png);}
div.homeDashboard .fingerprint:hover{background-image:url(../../icon/icon_80_fingerprint_o.png);}

div.homeDashboard a.deleteUser{
	position:static; width:auto; height:auto; margin:0; 
	display:inline-block; 
	background-color:#00adee; background-repeat:no-repeat; background-position:5px center; 
	background-size:16px;
	line-height:25px; border:none; color:#fff; cursor:pointer; padding-left:30px; padding-right:8px;
}
div.homeDashboard a.deleteUser:hover{background-color:#7f7f7f;}
div.homeDashboard a.icon_delete{background-image:url(../../icon/icon_16_delete_w.png);}

div#pageMenuContaner{}
div#pageMenuContaner:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#pageMenuContaner div.pageRightContent{float:right; width:180px; padding-right:10px; padding-top:20px;}
div#pageMenuContaner div.pageLeftContent{float:right; width:750px;}
div#pageMenuContaner div.pageLeftContentInner{padding-right:20px;}
div#pageMenuContaner div.pageMiddleHomeworkContent{float:right; margin-right:20px; margin-top:20px;}
div#pageMenuContaner div.pageLeftHomeworkContent{float:left; width:500px; margin-right:20px; border-right:1px solid #F3F3F3; margin-top:20px;}
div#pageMenuContaner div.pageLeftHomeworkContentBook{width:350px;}



div#pageMenuContaner div#settingForm{}

div#pageRightMenu{width:170px;}
div#pageRightMenu a{color:#7f7f7f; padding-right:5px; display:block; background-color:#f7f7f7; line-height:30px; border:1px solid #dddddd; border-bottom:none;}
div#pageRightMenu a:first-child{border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0;}
div#pageRightMenu a:last-child{border:1px solid #dddddd; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}
div#pageRightMenu a.on{background-color:#f39c12; color:#fff; background-image:url(../../icon/icon_16_arrow_left_w.png); background-repeat:no-repeat; background-position: left center;}
div#pageRightMenu a:hover{background-color:#00adee; color:#fff;}
div#pageRightMenu span{display:block; padding-right:25px; background-repeat:no-repeat; background-position:right center; background-size:16px;}
div#pageRightMenu a span.school{background-image:url(../../icon/icon_16_school.png);}
div#pageRightMenu a span.teachers{background-image:url(../../icon/icon_16_teacher.png);}
div#pageRightMenu a span.classes{background-image:url(../../icon/icon_16_class.png);}
div#pageRightMenu a span.students{background-image:url(../../icon/icon_16_student.png);}
div#pageRightMenu a span.books{background-image:url(../../icon/icon_16_book.png);}
div#pageRightMenu a span.settings{background-image:url(../../icon/icon_16_tools.png);}
div#pageRightMenu a span.users{background-image:url(../../icon/icon_16_users.png);}
div#pageRightMenu a span.homework{background-image:url(../../icon/icon_16_homework.png);}
div#pageRightMenu a span.anvelope{background-image:url(../../icon/icon_16_anvelope.png);}
div#pageRightMenu a span.manager{background-image:url(../../icon/icon_16_managers.png);}
div#pageRightMenu a span.channel{background-image:url(../../icon/icon_16_channel.png);}
div#pageRightMenu a span.board{background-image:url(../../icon/icon_16_board.png);}
div#pageRightMenu a span.system{background-image:url(../../icon/icon_16_system.png);}
div#pageRightMenu a span.support{background-image:url(../../icon/icon_16_support.png);}
div#pageRightMenu a span.transfer{background-image:url(../../icon/icon_16_transfer.png);}
div#pageRightMenu a span.budget{background-image:url(../../icon/icon_16_budget.png);}
div#pageRightMenu a span.trash{background-image:url(../../icon/icon_16_trash.png);}
div#pageRightMenu a span.bank{background-image:url(../../icon/icon_16_bank.png);}
div#pageRightMenu a span.report{background-image:url(../../icon/icon_16_report.png);}
div#pageRightMenu a span.help{background-image:url(../../icon/icon_16_help.png);}
div#pageRightMenu a span.fingerprint{background-image:url(../../icon/icon_80_fingerprint.png);}

div#pageRightMenu a.on span.school,
div#pageRightMenu a:hover span.school{background-image:url(../../icon/icon_16_school_w.png);}
div#pageRightMenu a.on span.teachers,
div#pageRightMenu a:hover span.teachers{background-image:url(../../icon/icon_16_teacher_w.png);}
div#pageRightMenu a.on span.classes,
div#pageRightMenu a:hover span.classes{background-image:url(../../icon/icon_16_class_w.png);}
div#pageRightMenu a.on span.students,
div#pageRightMenu a:hover span.students{background-image:url(../../icon/icon_16_student_w.png);}
div#pageRightMenu a.on span.books,
div#pageRightMenu a:hover span.books{background-image:url(../../icon/icon_16_book_w.png);}
div#pageRightMenu a.on span.settings,
div#pageRightMenu a:hover span.settings{background-image:url(../../icon/icon_16_tools_w.png);}
div#pageRightMenu a.on span.users,
div#pageRightMenu a:hover span.users{background-image:url(../../icon/icon_16_users_w.png);}
div#pageRightMenu a.on span.homework,
div#pageRightMenu a:hover span.homework{background-image:url(../../icon/icon_16_homework_w.png);}
div#pageRightMenu a.on span.anvelope,
div#pageRightMenu a:hover span.anvelope{background-image:url(../../icon/icon_16_anvelope_w.png);}
div#pageRightMenu a.on span.manager,
div#pageRightMenu a:hover span.manager{background-image:url(../../icon/icon_16_managers_w.png);}
div#pageRightMenu a.on span.channel,
div#pageRightMenu a:hover span.channel{background-image:url(../../icon/icon_16_channel_w.png);}
div#pageRightMenu a.on span.board,
div#pageRightMenu a:hover span.board{background-image:url(../../icon/icon_16_board_w.png);}
div#pageRightMenu a.on span.system,
div#pageRightMenu a:hover span.system{background-image:url(../../icon/icon_16_system_w.png);}
div#pageRightMenu a.on span.support,
div#pageRightMenu a:hover span.support{background-image:url(../../icon/icon_16_support_w.png);}
div#pageRightMenu a.on span.transfer,
div#pageRightMenu a:hover span.transfer{background-image:url(../../icon/icon_16_transfer_w.png);}
div#pageRightMenu a.on span.budget,
div#pageRightMenu a:hover span.budget{background-image:url(../../icon/icon_16_budget_w.png);}
div#pageRightMenu a.on span.trash,
div#pageRightMenu a:hover span.trash{background-image:url(../../icon/icon_16_trash_w.png);}
div#pageRightMenu a.on span.bank,
div#pageRightMenu a:hover span.bank{background-image:url(../../icon/icon_16_bank_w.png);}
div#pageRightMenu a.on span.report,
div#pageRightMenu a:hover span.report{background-image:url(../../icon/icon_16_report_w.png);}
div#pageRightMenu a.on span.help,
div#pageRightMenu a:hover span.help{background-image:url(../../icon/icon_16_help_w.png);}
div#pageRightMenu a.on span.fingerprint,
div#pageRightMenu a:hover span.fingerprint{background-image:url(../../icon/icon_80_fingerprint_w.png);}



div.searchBox{float:right;}
div.searchBox input[type="text"]{background:url(../../icon/icon_13_search.png) no-repeat 5px center;}

span#newTeacherBox{position:absolute; z-index:200; left:0px; display:none; top:28px; background-color:#F7F7F7; border:1px solid #DDDDDD; padding-top:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
span#newTeacherBox div.row{padding:15px; padding-top:0px;}
span#newTeacherBox div.row:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
span#newTeacherBox div.row label{display:block; float:right; line-height:27px; padding-left:15px;}
span#newTeacherBox div.row input[type="email"]{display:block; float:left;}
span#newTeacherBox div.newErrMsg{display:none; text-align:center; border-top:1px solid #DDDDDD; color:#990033; background:#e1b3b3; padding:15px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}
span#newTeacherBox div.newSucMsg{display:none; text-align:center; border-top:1px solid #DDDDDD; color:#060; background:#b3d1b3; padding:15px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}

span#newExsistingTeacherBox{position:absolute; z-index:200; left:0px; display:none; top:28px; background-color:#F7F7F7; border:1px solid #DDDDDD; padding-top:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
span#newExsistingTeacherBox div.data{padding:15px; padding-top:0px;}
span#newExsistingTeacherBox div.row{padding:15px; padding-top:0px;}
span#newExsistingTeacherBox div.row:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
span#newExsistingTeacherBox div.newErrMsg{display:none; text-align:center; border-top:1px solid #DDDDDD; color:#990033; background:#e1b3b3; padding:15px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}
span#newExsistingTeacherBox div.newSucMsg{display:none; text-align:center; border-top:1px solid #DDDDDD; color:#060; background:#b3d1b3; padding:15px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}

span#classNewFormBox{position:absolute; z-index:200; left:0px; display:none; top:28px; background-color:#F7F7F7; border:1px solid #DDDDDD; padding-top:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
span#classNewFormBox div.row{padding:15px; padding-top:0px;}
span#classNewFormBox div.row:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
span#classNewFormBox div.row label{display:block; float:right; line-height:27px; width:70px;}
span#classNewFormBox div.row input[type="text"]{display:block; float:right;}
span#classNewFormBox div.row select{display:block; float:right;}
span#classNewFormBox div.newErrMsg{display:none; text-align:center; border-top:1px solid #DDDDDD; color:#990033; background:#e1b3b3; padding:15px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}
span#classNewFormBox div.newSucMsg{display:none; text-align:center; border-top:1px solid #DDDDDD; color:#060; background:#b3d1b3; padding:15px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}

span#filterByClass{position:absolute; z-index:200; left:0px; display:none; top:28px; background-color:#F7F7F7; border:1px solid #DDDDDD; padding-top:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
span#filterByClass div.row{padding:15px; padding-top:0px;}
span#filterByClass div.row:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
span#filterByClass div.row label{display:block; float:right; line-height:27px; width:70px;}
span#filterByClass div.row label.label100{width:100px;}
span#filterByClass div.row select{display:block; float:right; width:100px;}
span#filterByClass div.row input.datePicker{display:block; float:right; width:80px;}
span#filterByClass div.row input[type="submit"]{float:left; margin-right:4px;}
span#filterByClass div.row button.datepick-trigger{background:none; border:none; background-position:center; height:24px; margin:0; padding:0; width:16px;}

span#importStudents{display:none; position:absolute; z-index:200; left:130px; top:28px; background-color:#F7F7F7; border:1px solid #DDDDDD; padding-top:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
span#importStudents div.row{padding-bottom:15px; padding-right:15px; padding-left:15px; padding-top:0px;}
span#importStudents div.row:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
span#importStudents div.row label{display:block; line-height:27px;}
span#importStudents div.row input[type="submit"]{float:left; margin-right:4px;}


div#pageFormOuter div.selectListBox{}
div#pageFormOuter div.selectListBox:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#pageFormOuter div.selectListBox div.selectFromList{float:right; width:141px;}
div#pageFormOuter div.selectListBox div.selecdedFromList{float:left; width:141px;}
div#pageFormOuter div.selectListBox div.selectListBoxTitle{background:#848588; color:#fff; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; line-height:30px; padding-right:10px; padding-left:10px; font-size:14px;}
div#pageFormOuter div.selectListBox div.selectListBoxContaner{border:1px solid #848588; height:200px; overflow:auto;}
div#pageFormOuter div.selectListBox div.selectListBoxContaner a{display:block; border-bottom:1px solid #848588; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; color:#7f7f7f;}
div#pageFormOuter div.selectListBox div.selectListBoxContaner a:hover{background-color:#F7F7F7; background-image:url(../../icon/icon_16_arrow_left.png); background-repeat:no-repeat; background-position:5px center;}
div#pageFormOuter div.selectListBox div.selecdedListBoxContaner{width:150px; margin-top:6px;}
div#pageFormOuter div.selectListBox div.selecdedListBoxContaner:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#pageFormOuter div.selectListBox div.selecdedListBoxContaner a{display:block; float:right; background-color:#DCDCDC; background-image:url(../../icon/icon_16_remove.png); background-size:12px 12px; background-repeat:no-repeat; background-position:5px center; color:#848588; padding-right:5px; padding-left:20px; padding-top:3px; padding-bottom:3px; margin-left:6px; margin-bottom:6px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#pageFormOuter div.selectListBox div.selecdedListBoxContaner a:hover{background-color:#F7F7F7;}
div#pageFormOuter .selectListBoxContaner .jspPane{right:0px !important;}
div#pageFormOuter .selectListBoxContaner .jspVerticalBar{right: 0px !important; }

div.tableBox{border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; display:inline-block; vertical-align:top; margin-left:10px; margin-right:10px; margin-bottom:20px;}
div.tableBox div.head{text-align:right; line-height:30px; 
	color:#fff; font-weight:bold; font-size:14px;
	background-repeat:no-repeat;
	background-position:98% center;
	background-color:#848588;
	padding-right:35px;
	padding-left:20px;
	border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;
}
div.tableBox div.icon_homework{background-image:url(../../icon/icon_16_homework_w.png);}
div.tableBox div.icon_messages{background-image:url(../../icon/icon_16_anvelope_w.png);}
div.tableBox div.icon_users{background-image:url(../../icon/icon_16_users_w.png);}
div.tableBox div.icon_support{background-image:url(../../icon/icon_16_support_w.png);}
div.tableBox div.icon_anvelope{background-image:url(../../icon/icon_16_anvelope_w.png);}

div.tableBox div.body{margin-top:5px; margin-bottom:5px;}
div.tableBox div.body table{margin:10px;}
div.tableBox div.body thead{border-bottom:1px solid #f3f3f3;}
div.tableBox div.body thead th{text-align:right; height:30px; padding-left:10px; position:relative;}
div.tableBox div.body thead th:first-child{padding-right:10px;}
div.tableBox div.body td{text-align:right; height:40px; padding-left:10px;}
div.tableBox div.body td:first-child{padding-right:10px;}
div.tableBox div.body td.number{padding-top:3px;}
div.tableBox div.body tbody tr{background-color:#fff;}
div.tableBox div.body tbody tr:hover{background-color:#f3f3f3; cursor:pointer;}
div.tableBox div.body td img.cover{height:80px;}
div.tableBox div.body td img.icon{height:30px;}
div.tableBox div.theadOver{position:absolute; top:30px; left:10px; height:45px; background:#fff; z-index:100; border-bottom:1px solid #f3f3f3; display:block;}
div.tableBox div.theadOver:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.tableBox div.theadOver div{float:right; text-align:right; margin-left:10px; line-height:50px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.tableBox div.theadOver div:first-child{margin-right:10px;}
div.tableBox div.theadOver div:last-child{margin-left:0px;}
div.tableBox div.body td.supportStatus_1{color:#90F;}
div.tableBox div.body td.supportStatus_2{color:#03F;}
div.tableBox div.body td.supportStatus_3{color:#F60;}
div.tableBox div.body td.supportStatus_4{color:#090;}
div.tableBox div.body td.supportStatus_5{color:#900;}
div.tableBox div.body td.supportStatus_6{color:#900;}
div.tableBox div.body td.supportStatus_8{color:#900;}
div.tableBox div.body td.supportStatus_9{color:#D961DC;}
			
			
div#homeworkWaiting{float:right; margin-left:40px; margin-right:40px;}
div#teacherHomeDashboard:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#teacherHomeDashboard div.homeDashboard{float:right; padding-left:0px;}
div#teacherHomeDashboard div.dashboardRow{text-align:center;}
div#teacherHomeDashboard div.dashboardRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}


div#homeworkFormDiv{padding-right:20px; padding-top:20px; margin-top:5px; margin-left:40px; overflow:auto; position:relative;}
div#homeworkFormDiv div.homeworkRow{margin-bottom:15px;}
div#homeworkFormDiv div.textbox{width:450px; border:1px solid #dcdcdc; padding-top:5px; padding-bottom:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#homeworkFormDiv div.textboxInner{width:420px; padding-right:15px; height:150px; overflow:auto;}
div#homeworkFormDiv div.homeworkRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#homeworkFormDiv div.homeworkRowBorderTop{border-top:1px solid #F3F3F3; padding-top:10px;}
div#homeworkFormDiv label.title{display:block; float:right; width:100px; font-weight:bold;}
div#homeworkFormDiv label.text{display:block; float:right;}
div#homeworkFormDiv label.text span.icon{display:block; width:16px; height:19px; background-position:center; background-repeat:no-repeat; background-size:16px 16px;}
div#homeworkFormDiv label.text span.icon_v{background-image:url(../../icon/icon_16_v.png);}
div#homeworkFormDiv label.text span.icon_x{background-image:url(../../icon/icon_16_x.png);}
div#homeworkFormDiv textarea{width:1%; height:277px;}
div#homeworkFormDiv select{display:block; float:right; width:200px;}
div#homeworkFormDiv option{background-repeat:no-repeat; background-size:20px 20px; background-position:10px center; height:30px;}
div#homeworkFormDiv img.icon{display:block; float:right; height:30px; margin-right:10px;}
div#homeworkFormDiv div.err{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; width:94%; border:1px solid #990033; top:30px; color:#990033; background:#e1b3b3; padding:25px; clear:both !important; float:none !important; text-align:center; font-weight:bold;}
div#homeworkFormDiv div.suc{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; width:94%; border:1px solid #060; top:30px; color:#060; background:#b3d1b3; padding:25px; clear:both !important; float:none !important; text-align:center; font-weight:bold;}


div#bookFields{position:absolute; width:230px; height:310px; border:1px solid #000; left:10px; bottom:10px; background:#fff;}
div#bookFields h1{text-align:center; line-height:20px; border-bottom:1px solid #000; font-size:14px; cursor:pointer; background:url(../../icon/icon-refresh.gif) no-repeat 2px center;}
div#bookFields div.fieldList{height:290px; overflow:auto;}
div#bookFields div.fieldList{padding:10px; direction:ltr}
div#bookFields div.fieldList ul{margin:0; padding:0; list-style:none;}
div#bookFields div.fieldList ul li{margin:0; padding:0; list-style:none;}
div#bookFields div.fieldList span{display:block; line-height:20px}
div#bookFields div.fieldList span.page{background:url(../../icon/icon_page.png) no-repeat left center; padding-left:20px; line-height:20px; cursor:pointer;}
div#bookFields div.fieldList ul li ul{display:none;}
div#bookFields div.fieldList span.field{margin-left:35px; background-repeat:no-repeat; background-position:left center; padding-left:20px; line-height:20px}
div#bookFields div.fieldList span.field:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#bookFields div.fieldList span.field a.delete{display:block; float:left; width:16px; height:16px; background:url(../../icon/icon_16_delete.png); background-size:100% 100%; margin-right:5px; cursor:pointer;}
div#bookFields div.fieldList span.field label{display:block; float:left;}
div#bookFields div.fieldList span.text{background-image:url(../../icon/icon_text.png);}
div#bookFields div.fieldList span.checkbox{background-image:url(../../icon/icon_checkbox.png);}
div#bookFields div.fieldList span.radio{background-image:url(../../icon/icon_radio.png);}
div#bookFields div.fieldList span.list{background-image:url(../../icon/icon_list.png);}
div#bookFields div.fieldList span.drop{background-image:url(../../icon/icon_drop.png);}
div#bookFields div.fieldList span.draw{background-image:url(../../icon/icon_draw.png);}


table.boxTable{width:100%; position:relative;}
table.boxTable th{background:#F3F3F3; height:30px; text-align:right; padding-right:10px; border:1px solid #848588; border-right:none; border-left:none;}
table.boxTable th.icon{padding:0; text-align:center;}
table.boxTable th:first-child{border-right:1px solid #848588;}
table.boxTable th:last-child{border-left:1px solid #848588;}

table.boxTable tfoot td{background:#F3F3F3; height:30px; text-align:right; padding-right:10px; border:1px solid #848588; border-right:none; border-left:none;}
table.boxTable tfoot td:first-child{border-right:1px solid #848588;}
table.boxTable tfoot td:last-child{border-left:1px solid #848588;}


table.boxTable tr.bold td{font-weight:bold;}
table.boxTable tr.click{cursor:pointer;}
table.boxTable td{border-bottom:1px solid #848588; height:30px; text-align:right; padding-right:10px; padding-top:5px; padding-bottom:5px;}
table.boxTable td.icon{padding:0; text-align:center;}
table.boxTable td.icon a{display:inline-block; width:18px; height:18px;}
table.boxTable td.openRow{width:30px; text-align:center;}
table.boxTable tr.openRow{background-color:#fcfcfc; display:none;}
table.boxTable tr.openRow td{padding-left:20px; padding-right:20px;}
table.boxTable tr.openRow td span.attendance_True{display:block; display:block; height:40px; background-image:url(../../icon/icon_16_v.png); background-position:center; background-repeat:no-repeat; background-size:16px 16px; margin: 0 auto;}
table.boxTable tr.openRow td span.attendance_False{display:block; display:block; height:40px; background-image:url(../../icon/icon_16_x.png); background-position:center; background-repeat:no-repeat; background-size:16px 16px; margin: 0 auto;}
table.boxTable tr.openRow table tr:last-child td{border-bottom:none;}
div#settingForm table.boxTable a.openRow{padding:0; margin:0; width:25px; height:25px; background-position:center;}
div#settingForm table.boxTable a.icon_plus{background-image:url(../../icon/icon_16_plus_w.png);}
div#settingForm table.boxTable a.icon_minus{background-image:url(../../icon/icon_16_minus_w.png);}
table.boxTable a.stusus_icon_,
table.boxTable a.stusus_icon_False{background-image:url(../../icon/icon_16_x.png);}
table.boxTable a.stusus_icon_True{background-image:url(../../icon/icon_16_v.png);}
table.boxTable a.delete{background:url(../../icon/icon_16_delete.png); background-size:18px 18px;}
table.boxTable th.icon a.new{background:#848588 url(../../icon/icon_16_new_w.png) no-repeat 5px center; display:inline-block; line-height:22px; color:#fff; width:58px; text-align:right; padding-right:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
table.boxTable div.channelMemberAdd{display:none; position:absolute; border:#DDDDDD 1px solid; background:#fff; top:30px; left:0px;
border-radius: 0px 0px 3px 3px; 
-moz-border-radius: 0px 0px 3px 3px; 
-webkit-border-radius: 0px 0px 3px 3px; 
max-height:130px;
width:170px;
overflow:auto;
}
table.boxTable div.channelMemberAdd a{display:block; font-weight:normal; border-bottom:#DDDDDD 1px solid; line-height:30px; padding-right:10px; padding-left:30px; background:url(../../icon/icon_16_new.png) no-repeat 5px center; color:#7F7F7F; text-align:right;}
table.boxTable div.channelMemberAdd a:last-child{border-bottom:none;}
div#settingForm div.colFullTextarea table.boxTable textarea.text{height:50px; margin-top:6px; margin-bottom:6px; display:block;}
div#settingForm table.boxTable a.infoButton{width:25px; height:25px; padding:0; float:none; background-position:center;}
div#settingForm table.boxTable a.icon_data{background-image:url(../../icon/icon_16_data_w.png);}
div#settingForm table.boxTable a.icon_photo{background-image:url(../../icon/icon_16_photo_w.png);}
div#settingForm table.boxTable a.icon_lock{background-image:url(../../icon/icon_16_lock.png);}
div.lessonContentPopup{display:none;}
div.lessonContentPopup div.text{margin-bottom:20px; width:600px;}
div.lessonContentPopup div.text:last-child{margin-bottom:0;}
div.lessonContentPopup div.text h1{font-size:16px;}
div.lessonContentPopup div.text p{}


div.pageTabHead{margin-bottom:20px;}
div.pageTabHead:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.pageTabHead div.tab{display:block; float:right; background:#00ADEE; line-height:30px; padding-left:15px; padding-right:15px; margin-left:2px; cursor:pointer; color:#fff; font-weight:bold; font-size:14px;
border-radius: 3px 3px 0px 0px; 
-moz-border-radius: 3px 3px 0px 0px; 
-webkit-border-radius: 3px 3px 0px 0px; 
border:1px solid #DEDEDE;
border-bottom:none;
}
div.pageTabHead div.tabOn,
div.pageTabHead div.tab:hover{background:#fff; color:#848588;}
div.pageTabBody{}
div.pageTabBody div.tabBody{display:none;} 
div.pageTabBody div.tabBodyOn{display:block !important;}

div#pannelHeadTop{}
div#pannelHeadTop div.budgetBox{display:block; float:right; margin-right:20px; margin-top:6px;}
div#pannelHeadTop div.budgetBox a{display:block; float:right; background-color:#fff; color:#7f7f7f; padding-left:5px; padding-right:5px; margin-left:5px; line-height:23px; background-position:95% center; background-repeat:no-repeat; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#pannelHeadTop div.budgetBox a span:first-child{display:inline-block; font-weight:bold;}
div#pannelHeadTop div.budgetBox a span:last-child{display:inline-block;}


div#supportRequestPage{margin:0 auto; margin-top:20px; width:800px; position:relative;}
div#supportRequestPage.supportRequestPageAdmin{width:900px;}

div#supportRequestPage a.newNote{display:inline-block !important; background-image:url(../../icon/icon_16_new_w.png); color:#fff !important; 
border-radius:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important;
border:none !important;
margin-bottom:10px !important;
line-height:25px !important;

}
div#supportRequestPage a.newNote:hover{font-weight:normal !important;}
div#supportRequestPage div.notePopup{border:1px solid #DCDCDC; position:absolute; width:228px; background:#F3F3F3;
border-radius:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important;
display:none;
}
div#supportRequestPage div.inner{margin:10px; padding:10px; background:#fff; height:260px; overflow:auto;}
div#supportRequestPage a.closeNote{
	margin-top:10px;
	margin-right:10px;
display:inline-block !important; color:#fff !important; 
border-radius:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important;
border:none !important;
margin-bottom:10px !important;	
background-image:url(../../icon/icon_16_close_w.png);	
}
div#supportRequestPage a.closeNote:hover{font-weight:normal !important;}
div#newRequestNote table{width:100%}
div#newRequestNote table tr{cursor:pointer;}
div#newRequestNote table td{vertical-align:middle; border-bottom:1px solid #DCDCDC; height:30px;}
div#newRequestNote table td.date{font-size:11px;}
div#newRequestNote table tr:hover td{background:#F3F3F3;}

div#newRequestNote{}
div#newRequestNote input[type="text"]{margin-bottom:10px; width:100%;}
div#newRequestNote input[type="submit"]{display:inline-block;}
div#newRequestNote div.checkbox{margin-bottom:10px;}
div#newRequestNote div.checkbox input{}
div#newRequestNote div.checkbox label{}
div#newRequestNote textarea{margin-bottom:10px; width:100%; height:150px;}
div#newRequestNote div.bottons{}
div#newRequestNote div.bottons a{
display:inline-block !important; color:#fff !important; 
border-radius:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important;
border:none !important;
margin-bottom:10px !important;	
line-height:25px !important;
}
div#newRequestNote div.bottons a:hover{font-weight:normal !important;}
div#newRequestNote div.bottons a.icon_save{background-image:url(../../icon/icon_16_save_w.png);}
div#newRequestNote div.bottons a.icon_close{background-image:url(../../icon/icon_16_close_w.png); line-height:25px !important;}
div#newRequestNote input[type="text"].err,
div#newRequestNote textarea.err{color:#fff; background:#900;}


div#supportRequestPage table{}
div#supportRequestPage td{vertical-align:top;}
div#supportRequestPage td.right{width:250px;}
div#supportRequestPage td.center{width:20px;}
div#supportRequestPage td.left{width:530px;}
div#supportRequestPage td.leftAdmin{width:350px;}
div#supportRequestPage div.stageTitle{background:#848588; margin-bottom:10px; line-height:30px; color:#fff; font-size:14px; font-weight:normal; text-align:right; padding-right:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#supportRequestPage div.stageList{border:1px solid #848588; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; overflow:auto; max-height:615px;}
div#supportRequestPage div.stageList a{display:block; border:1px solid #fff; line-height:30px; margin-bottom:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#848588; padding-right:5px;}
div#supportRequestPage div.stageList a:last-child{margin-bottom:10px;}
div#supportRequestPage div.stageList a.on{background:#F7F7F7 url(../../icon/icon_16_arrow_left.png) no-repeat 5px center; border:1px solid #848588; font-weight:bold;}
div#supportRequestPage div.stageList a:hover{font-weight:bold;}
div#supportRequestPage div.stageList a.off{color:#ccc;}
div#supportRequestPage div.stageList a.off:hover{font-weight:normal; cursor:default;}
div#supportRequestPage div.stageList a.err{border:1px solid #990033; color:#990033; background-color:#e1b3b3;}
div#supportRequestPage div.stageBox{display:none;}
div#supportRequestPage div.stageBoxOn{display:block;}
div#supportRequestPage div.stageContaner{border:1px solid #848588; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; max-height:615px;}
div#supportRequestPage div.stageContent{padding:10px; max-height:573px; overflow:auto;}
div#supportRequestPage div.stageButtons{height:40px; background:#F7F7F7; border-top:1px solid #848588; padding-right:7px; padding-left:7px;
border-radius: 0px 0px 3px 3px; 
-moz-border-radius: 0px 0px 3px 3px; 
-webkit-border-radius: 0px 0px 3px 3px;
position:relative; 
}
div#supportRequestPage div.stageButtons a{display:block; line-height:25px; margin-top:7px; background-color:#00ADEE; background-repeat:no-repeat; color:#fff; width:55px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#supportRequestPage div.stageButtons a:hover{background-color:#848588;}
div#supportRequestPage div.stageButtons a.nextPage{float:left; background-image:url(../../icon/icon_16_next_w.png); background-position:1px center; padding-right:4px;}
div#supportRequestPage div.stageButtons a.prevPage{float:right; background-image:url(../../icon/icon_16_prev_w.png); background-position:38px center; text-align:left; padding-left:4px;}
div#supportRequestPage div.stageButtons input[type=submit]{float:left; margin-top:6px; background-image:url(../../icon/icon_16_save_w.png); background-repeat:no-repeat; background-position:5px center;}
div#supportRequestPage div.stageButtons div.centerSubmit{position:absolute; width:405px; height:30px; top:1px; left:63px; text-align:center;}
div#supportRequestPage div.stageButtons div.centerSubmit input{float:none; display:inline-block;}

div#settingForm.stageSettingForm{width:470px; margin-top:0px;}
div#settingForm.stageSettingForm div.inputRow{position:relative;}
div#settingForm.stageSettingForm div.inputRow select{float:none;}
div#settingForm.stageSettingForm div.inputRow input{float:none;}
div#settingForm.stageSettingForm div.inputRow input.width120{width:120px !important;}
div#settingForm.stageSettingForm div.inputRow textarea.must{border-left:1px solid #900;}
div#settingForm.stageSettingForm div.inputRow textarea.height200{height:200px;}
div#settingForm.stageSettingForm div.inputRow textarea.height90{height:90px;}
div#settingForm.stageSettingForm .err{border:1px solid #900; background-color:#E1B3B3; color:#fff;}
div#settingForm.stageSettingForm div.inputRow input.datePicker{width:110px !important;}
div#settingForm.stageSettingForm div.inputRow button.datepick-trigger{position: absolute; right: 85px; top: 22px; float:none;}

div#settingForm.stageSettingForm div.inputFull{min-height:26px; padding-top:4px; padding-bottom:4px; border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-right:5px; color:#777777;}
div#settingForm.stageSettingForm div.dolar{background-image:url(../../icon/icon_16_dollar.png); background-repeat:no-repeat; background-position:2px center; padding-left:18px;}
div#settingForm.stageSettingForm div.width120{width:120px}
div#settingForm.stageSettingForm div.textarea{vertical-align:top; border:1px solid #DCDCDC; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; min-height:100px;}
div#settingForm.stageSettingForm div.date{width:90px;}

div#settingForm.stageSettingForm div.text{border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:auto; padding:10px;}
div#settingForm.stageSettingForm input[type=checkbox]{display:block; float:right !important; margin-left:7px !important;}
div#settingForm.stageSettingForm label.checkbox{display:block; float:right !important; margin-top:2px;}

div#supportRequestPage div.errBox{margin:0; position:absolute; width:100%;}
div#supportRequestPage div.sucBox{margin:0; position:absolute; width:100%;}

div.inputRowTableHeadLight{}
div.inputRowTableHeadLight div.title{font-weight:bold; font-size:16px; margin-bottom:20px;}
div.inputRowTableHeadLight table{width:100%;}
div.inputRowTableHeadLight th{vertical-align:middle; text-align:right; font-weight:normal; height:30px; padding-right:10px; padding-left:10px;}
div.inputRowTableHeadLight td{vertical-align:middle; height:45px; padding-right:10px; padding-left:10px; }
div.inputRowTableHeadLight td:first-child,
div.inputRowTableHeadLight th:first-child{padding-right:0px;}
div.inputRowTableHeadLight td:last-child,
div.inputRowTableHeadLight th:last-child{padding-right:0px;}
div.inputRowTableHeadLight th.num,
div.inputRowTableHeadLight td.num{width:10px;}
div.inputRowTableHeadLight th.date,
div.inputRowTableHeadLight td.date{width:110px;}
div.inputRowTableHeadLight td input[type="text"]{}
div.inputRowTableHeadLight td div.date{position:relative; display:inline-block;}
div.inputRowTableHeadLight input{display:block;}
div#settingForm.stageSettingForm div.inputRowTableHeadLight input.datePicker{width:90px !important;}
div.inputRowTableHeadLight button.datepick-trigger{position:absolute; right:66px; top:1px; background:none; border:none; background-position:center; height:24px; margin:0; padding:0; width:16px;}
div.inputRowTableHeadLight input.dolar{background-image:url(../../icon/icon_16_dollar.png); background-repeat:no-repeat; background-position:2px center;}
                                       
div.boardTable{}
div.boardTable table{width:100%;}
div.boardTable th{border-bottom:1px solid #848588; text-align:right; height:30px; vertical-align:middle; padding-right:10px;}
div.boardTable td{height:30px; padding-right:10px;}
div.boardTable td.status_1{color:#90F;}
div.boardTable td.status_2{color:#03F;}
div.boardTable td.status_3{color:#F60;}
div.boardTable td.status_4{color:#090;}
div.boardTable td.status_5{color:#900;}
div.boardTable td.status_6{color:#900;}
div.boardTable td.status_8{color:#900;}

div.boardBudgetTable{}
div.boardBudgetTable div.channelRow{margin-bottom:40px;}
div.boardBudgetTable div.channelName{line-height:30px; background:#F7F7F7; padding-right:10px; font-size:14px; border:1px solid #DDDDDD; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div.boardBudgetTable div.channelName label{font-weight:bold; display:inline-block !important; float:none; color:#7f7f7f !important; text-decoration:underline;}
div.boardBudgetTable table{width:100%;}
div.boardBudgetTable th{text-align:right; padding-right:10px; line-height:30px; border-bottom:1px solid #DDD;}
div.boardBudgetTable th:first-child,div.boardBudgetTable td:first-child{width:340px;}
div.boardBudgetTable th:last-child,div.boardBudgetTable td:last-child{width:120px;}
div.boardBudgetTable tbody td{text-align:right; padding-right:10px; line-height:30px; border-bottom:1px solid #F7F7F7;}
div.boardBudgetTable tfoot td{text-align:right; padding-right:10px; line-height:30px; font-weight:bold;}

div#tableView table.tableList td.transferStatus_1{color:#C60;}
div#tableView table.tableList td.transferStatus_2{color:#F60;}
div#tableView table.tableList td.transferStatus_3{color:#90F;}
div#tableView table.tableList td.transferStatus_4{color:#090;}  

div#printSupportRequest div.inputRowTableHeadLight td input.dolar{width:75px !important;}
div#printSupportRequest div.inputRowTableHeadLight td input.onlyNumbers{width:75px !important;}


div#printSupportRequest{margin:30px;}
div#printSupportRequest div.stageBox{margin-bottom:20px; border:1px solid #000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#printSupportRequest div.stageBox:last-child{margin-bottom:0px;}
div#printSupportRequest div.stageTitle{background:#000; color:#fff; text-align:center; line-height:30px; font-weight:bold;}
div#printSupportRequest div.stageContaner{color:#000; padding:15px;}

div#printSupportRequest div.inputRow{position:relative; margin-bottom:15px; width:100%;}
div#printSupportRequest div.inputRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#printSupportRequest div.inputRow label{display:block; padding-bottom:4px;}
div#printSupportRequest div.inputRow input{display:block;}
div#printSupportRequest div.inputRow div.textarea{vertical-align:top; border:1px solid #DCDCDC; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}


div#printSupportRequest div.inputRow select{float:none;}
div#printSupportRequest div.inputRow input.width120{width:120px !important;}
div#printSupportRequest div.inputRow textarea.must{border-left:1px solid #900;}
div#printSupportRequest div.inputRow textarea.height200{height:200px;}
div#printSupportRequest div.inputRow textarea.height90{height:90px;}
div#printSupportRequest .err{border:1px solid #900; background-color:#E1B3B3; color:#fff;}
div#printSupportRequest div.inputRow input.datePicker{width:110px !important;}
div#printSupportRequest div.inputRow button.datepick-trigger{position: absolute; right: 85px; top: 22px; float:none;}
div#printSupportRequest div.text{border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:auto; padding:10px;}
div#printSupportRequest input[type=checkbox]{display:block; float:right !important; margin-left:7px !important;}
div#printSupportRequest label.checkbox{display:block; float:right !important; margin-top:2px;}

div#printSupportRequest div.breakhere{page-break-before: always}

div.budgetContaner{overflow:auto; padding-right:10px;}
div.budgetContaner div.budgetRow{}
div.budgetContaner div.budgetRow div.budgetInfo{border:1px solid #DDDDDD; background:#F7F7F7; height:40px; line-height:39px; overflow:hidden;
border-radius: 3px 3px 0px 0px; 
-moz-border-radius: 3px 3px 0px 0px; 
-webkit-border-radius: 3px 3px 0px 0px;
}
div.budgetContaner div.budgetRow div.budgetInfo a.collaps{display:block; float:right; width:40px; line-height:38px; border-left:1px solid #DDDDDD; margin-left:10px; background:#F7F7F7 url(../../icon/icon_16_minus.png) no-repeat center;}
div.budgetContaner div.budgetRow div.budgetInfo a.collapsPlus{background-image:url(../../icon/icon_16_plus.png);}
div.budgetContaner div.budgetRow div.budgetInfo a.icon_edit{background-image:url(../../icon/icon_16_edit_w.png); margin-left:10px;}
div.budgetContaner div.budgetRow div.budgetInfo label{display:inline-block; margin-left:5px;}
div.budgetContaner div.budgetRow div.budgetInfo label:first-child{margin-right:5px;}
div.budgetContaner div.budgetRow div.budgetInfo span{display:inline-block; font-weight:bold; padding-left:10px; margin-left:10px; border-left:1px solid #DDDDDD;}
div.budgetContaner div.budgetRow div.budgetTableContaner{display:block;}
div.budgetContaner div.budgetRow table.budgetTable{width:100%;}
div.budgetContaner div.budgetRow table.budgetTable thead{border-bottom:1px solid #DDDDDD;}
div.budgetContaner div.budgetRow table.budgetTable th{text-align:right; height:40px; padding-right:10px;}
div.budgetContaner div.budgetRow table.budgetTable td{text-align:right; height:40px; padding-right:10px;}
div.budgetContaner div.budgetRow table.budgetTable tfoot{border-top:1px solid #DDDDDD;}
div.budgetContaner div.budgetRow table.budgetTable tbody tr:hover{background-color:#f3f3f3;}
div.budgetContaner div.budgetRow table.budgetTable tr.project{background:#F7F7F7}

div.filterReportPannel{/*border-bottom:1px solid #F3F3F3;*/ height:40px;}
div.filterReportPannel:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.filterReportPannel div.col{float:right; margin-left:15px; position:relative;}
div.filterReportPannel div.col label{float:right; display:block; margin-left:5px; line-height:23px;}
div.filterReportPannel div.col select{float:right; display:block; max-width:100px;}
div.filterReportPannel div.col select option{padding-right:5px; padding-left:5px;}
div.filterReportPannel div.col select.err{background:#900 !important; color:#fff;}
div.filterReportPannel div.col div.hiddenBox{position:absolute; padding-right:15px; padding-left:15px; padding-bottom:15px; z-index:200; right:3px; display:none; top:28px; background-color:#F7F7F7; border:1px solid #DDDDDD; padding-top:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div.filterReportPannel div.col div.hiddenBox:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.filterReportPannel div.col div.hiddenBox input.err{background:#900 !important; color:#fff;}
div.filterReportPannel div.col div.hiddenBox a{}
div.filterReportPannel div.col input.datePicker{display:block; float:right; width:95px;}
div.filterReportPannel div.col button.datepick-trigger{background:none; border:none; cursor:pointer; left:10px; background-position:center; height:24px; margin:0; padding:0; width:16px; position:absolute;}
div.filterReportPannel div.col input[type=checkbox]{float:right; display:block; margin-top:6px;}

div.reportPagePrint{margin:15px; padding:15px;}
div.reportPagePrint div.reportPagePrintTitle{line-height:40px; font-size:20px; font-weight:bold;}

div.channelList{float:right;}
div.channelList a{display:block; line-height:19px; float:right; background-color:#DCDCDC; background-image:url(../../icon/icon_16_remove.png); background-size:12px 12px; background-repeat:no-repeat; background-position:5px center; color:#848588; padding-right:5px; padding-left:20px; padding-top:3px; padding-bottom:3px; margin-right:6px; margin-bottom:6px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div.channelList a:hover{background-color:#F7F7F7;}

div#letterBox{position:absolute; width:600px; border:1px solid #DDDDDD; background-color:#F7F7F7; z-index:100000; left:277px; top:25px; padding:10px; display:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#letterBox div.letterBoxTitle{color:#F39C12; font-size:18px; height:26px; border-bottom:1px solid #DCDCDC;}
div#letterBox div.sendToDiv{margin-top:10px; }

div#letterBox div.inputRow{margin-bottom:10px; position:relative;}
div#letterBox div.inputRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#letterBox div.inputRow label{display:block; line-height:27px;}
div#letterBox div.inputRow label.title{font-weight:bold;}
div#letterBox div.inputRow input[type=text]{display:block; width:100%;}
div#letterBox div.inputRow textarea{display:block; width:100%; height:70px;}
div#letterBox div.inputRow div.editor{width:100%; overflow:hidden;}
div#letterBox div.foot{width:140px; margin:0 auto;}
div#letterBox div.foot:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#letterBox div.foot a.button{float:left; margin-left: 5px; background-image:url(../../icon/icon_16_close_w.png);}
div#letterBox div.foot input[type=submit]{float:left; margin-left: 5px; background-image:url(../../icon/icon_16_send_w.png);}


div.messageAdd{position:relative;}
div.addRequestMessageForm{position:absolute; background:#fff; border:1px solid #848588; 
text-align:right;
font-weight:normal;
left:0px;
top:-27px;
box-shadow: 5px 5px 5px 1px #242424;
-webkit-box-shadow: 5px 5px 5px 1px #242424;
-moz-box-shadow: 5px 5px 5px 1px #242424;
-o-box-shadow: 5px 5px 5px 1px #242424;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
padding:20px;
width:500px;
}


div.approveQuikRequestDiv{position:relative;}
div.approveQuikRequestDiv div.contaner{position:absolute; background:#fff; border:1px solid #848588; 
text-align:right;
font-weight:normal;
left:0px;
top:-52px;
box-shadow: 5px 5px 5px 1px #242424;
-webkit-box-shadow: 5px 5px 5px 1px #242424;
-moz-box-shadow: 5px 5px 5px 1px #242424;
-o-box-shadow: 5px 5px 5px 1px #242424;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
padding:20px;
}
div.approveQuikRequestDiv a.closeQuikApprove{display:block; width:20px; height:20px; background:#00adee url(../../icon/icon_16_close_w.png) no-repeat center; 
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
position:absolute;
right:3px; top:3px;
}
div.approveQuikRequestDiv input{width:90px; margin-bottom:10px; display:block;}
div.approveQuikRequestDiv input.dolar{background-image:url(../../icon/icon_16_dollar.png); background-repeat:no-repeat; background-position:2px center;}
div.approveQuikRequestDiv textarea{margin-bottom:10px; width:350px; height:120px; display:block;}
div.approveQuikRequestDiv label{display:block;}
div.approveQuikRequestDiv input[type=submit]{display:inline-block;}
div.approveQuikRequestDiv bottom{text-align:left;}
div.approveQuikRequestDiv a.icon_save{background-image:url(../../icon/icon_16_save_w.png);}

option.optionE0C1FF{background-color:#E0C1FF;}
option.optionB0D8FF{background-color:#B0D8FF;}
option.optionFFD3A8{background-color:#FFD3A8;}

.reportPagePrint .headRow td{background:#666; padding-right:15px; border:1px solid #666; color:rgb(255,255,255); text-align:right; font-family:arial; font-weight:bold; height:30px;}
.reportPagePrint .bodyRow td{border-bottom:1px solid #666; padding-right:15px; color:#000; text-align:right; font-family:arial; height:30px;}
.reportPagePrint .categoryRowE0C1FF{background:#E0C1FF;}
.reportPagePrint .categoryRowB0D8FF{background:#B0D8FF;}
.reportPagePrint .categoryRowFFD3A8{background:#FFD3A8;}


table.tableEmail{width:100%; border:1px solid #000;}
table.tableEmail th{border:1px solid #000; padding:5px; text-align:right; color:#fff; background-color:#666; font-weight:bold;}
table.tableEmail td{border:1px solid #000; padding:5px; text-align:right;}
table.tableEmail tfoot td{color:#fff; background-color:#666; font-weight:bold;}
table.tableEmail tfoot td.none{background:none;}

div#pagingTable{margin-top:20px;}
div#pagingTable table{margin-left:auto; margin-right:auto;}
div#pagingTable td.pagingLink{}
div#pagingTable a.pagingLink{display:block; min-width:28px; line-height:25px; margin-left:4px; margin-right:4px; border:1px solid #f3f3f3; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#pagingTable a.pagingLink:hover{background-color:#F3F3F3;}
div#pagingTable a.on{background-color:#00ADEF !important; color:#fff !important; border-color:#00ADEF !important;}

div#closeMonthBox{display:none; position:absolute; width:180px; border:1px solid #DDDDDD; background-color:#F7F7F7; z-index:100000; left:65px; top:25px; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div#closeMonthBox div.letterBoxTitle{color:#F39C12; font-size:18px; height:26px; border-bottom:1px solid #DCDCDC;}
div#closeMonthBox div.sendToDiv{margin-top:10px; }
div#closeMonthBox div.inputRow{margin-bottom:10px; position:relative;}
div#closeMonthBox div.inputRow:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#closeMonthBox div.inputRow label{display:block; line-height:27px;}
div#closeMonthBox div.inputRow label.title{font-weight:bold; float:right; margin-left:10px;}
div#closeMonthBox div.inputRow select{display:block; float:right;}
div#closeMonthBox div.inputRow option{padding-top:5px; padding-bottom:5px;}
div#closeMonthBox div.inputRow input[type=text]{display:block; width:100%;}
div#closeMonthBox div.inputRow textarea{display:block; width:100%; height:70px;}
div#closeMonthBox div.inputRow div.editor{width:100%; overflow:hidden;}
div#closeMonthBox div.foot{width:160px; margin:0 auto;}
div#closeMonthBox div.foot:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div#closeMonthBox div.foot a.button{float:left; margin-left: 5px; background-image:url(../../icon/icon_16_close_w.png);}
div#closeMonthBox div.foot input[type=submit]{float:left; margin-left: 5px; background-image:url(../../icon/icon_16_send_w.png);}

div.paymentReportSendBox{display:none; position:absolute; width:215px; border:1px solid #DDDDDD; background-color:#F7F7F7; z-index:100000; left:314px; top:25px; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div.paymentReportSendBox div.letter{margin-bottom:5px;}
div.paymentReportSendBox div.letter:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
div.paymentReportSendBox div.letter input{float:right; margin-left:5px;}
div.paymentReportSendBox div.letter input.err{background:#900; color:#fff;}
div.paymentReportSendBox a.sendReportToEmail{margin-bottom:0; width:60px; line-height:24px;}
div.paymentReportSendBox a{margin-bottom:5px; float:right !important; width:100px; margin-right:0 !important;}
div.paymentReportSendBox select[multiple]{height:100px; width:191px; margin-bottom:5px;}
div#paymentmonthReportBox{}
div#paymentKolelReportBox{left:160px;}
div#paymentStudentReportBox{left:160px;}
div#paymentTreasurerReportBox{left:462px;}

iframe.attendanceIframe{width:100%; height:100%; border:none;}

div.cardErr{width:90%; margin:0 auto;}
div.cardErr div.box{border:1px solid #900; color:#900; font-weight:bold; font-size:16px; background-color:#E1B3B3; padding:20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:20px;}
div.cardErr div.row{color:#000; font-size:14px; margin-top:10px; font-weight:normal;}
div.cardErr div.row a{margin-left:10px;}


@media print{
table.tableEmail th{
font-size:20px;
}


	.reportPagePrint .bodyRow td{border-bottom:2px solid #000;}
	.reportPagePrint .categoryRowE0C1FF{
		-webkit-print-color-adjust: exact;
		background-color:#E0C1FF;
		box-shadow: inset 0 0 0 1000px #E0C1FF;		
	}
	.reportPagePrint .categoryRowB0D8FF{
		-webkit-print-color-adjust: exact;
		background-color:#B0D8FF;
		box-shadow: inset 0 0 0 1000px #B0D8FF;		
	}
	.reportPagePrint .categoryRowFFD3A8{
		-webkit-print-color-adjust: exact;
		background-color:#FFD3A8;
		box-shadow: inset 0 0 0 1000px #FFD3A8;		
	}
}