html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
body{font:14px/1.5 "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei",simsun,Arial,sans-serif;}
body{*font-family:"Helvetica Neue","Hiragino Sans GB",simsun,Arial,sans-serif;}

a{text-decoration:none;outline:none;color:#222;}
img{vertical-align:middle;}
input:text{outline:none;outline-style:none;-webkit-appearance: none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
s{text-decoration:none;}

body,html{background-color:#E7E8EB;}
.header{width:100%;background-color:#fff;border-top:4px solid #44B549;border-bottom:1px solid #d9dadc;}
.header .inner{width:1200px;height:60px;margin:0 auto;}
.header .inner h1{float:left;line-height:60px;font-size:20px;color:#555;}
.header .inner .account{float:right;}
.header .inner .account a{color:#222;font-size:14px;}
.header .inner .account a:hover{color: #459ae9;text-decoration:underline;}
.header .inner .account .info{float:left;position:relative;}
.header .inner .account .info .avatar{display:inline-block;*display:inline;*zoom:1;margin-top:32px;line-height:18px;position:absolute;left:-45px;top:-18px;}
.header .inner .account .info .nickname{display:inline-block;*display:inline;*zoom:1;margin-top:32px;line-height:18px;}
.header .inner .account .logout{float:right;margin-left:10px;}
.header .inner .account .logout a{padding-left:10px;border-left:1px solid #aaa;line-height:18px;display:inline-block;*display:inline;*zoom:1;margin-top:32px;}
.header .inner .account .login{float:right;margin-left:10px;}
.header .inner .account .login a{padding-left:10px;line-height:18px;display:inline-block;*display:inline;*zoom:1;margin-top:32px;}

#footer{
	margin-top:30px;
	padding: 24px 0;
	color: #f1f1f1;
	text-align: center;
	background-color: #b8b9b9;
	font-size:12px;
}
.body{width:1200px;background:url(../img/d.e7e7eb.png) #fff repeat-y 210px 0;border:1px solid #d9dadc;margin:30px auto 0 auto;zoom:1;overflow:hidden;}
.body .col_side{float:left;width:210px;min-height:500px;}
.body .col_side dl{padding:8px 0;font-size:14px;line-height:34px;border-top:1px solid #d9dadc}
.body .col_side dl.f{border-top-width:0;}
.body .col_side dl:first-child{border-top-width:0;}
.body .col_side dl dt{padding: 0 30px;color:#8d8d8d;}
.body .col_side dl dt.clickable{padding:0;}
.body .col_side dl dt.clickable a{padding-left:30px;display:block;color: #222;}
.body .col_side dl dt.clickable a:hover{background-color: #f4f5f9;}
.body .col_side dl dt.clickable a.on{background-color: #44b549;color:#fff}
.body .col_side dl dd{}
.body .col_side dl dd a{padding-left:63px;display:block;color: #222;}
.body .col_side dl dd a:hover{background-color: #f4f5f9;}
.body .col_side dl dd a.on{background-color: #44b549;color:#fff}

.body .col_side.collapsed dl dt{color: #222;}
.body .col_side.collapsed dl dd{display:none;}

.body .col_main{float:right;width:990px;}

.body.full {background-image:none;}
.body.full .col_main{width:1200px;}

.page-header{border-bottom:1px solid #e7e7eb;}
.page-header span{display:inline-block;*display:inline;*zoom:1;line-height:48px;height:48px;cursor:pointer;font-size:16px;padding:0 30px;font-weight:400;border-bottom:3px solid #44b549;margin-bottom:-1px;}
.page-header .right-button{float:right;margin-top:10px;margin-right:10px;}
.page-body{padding:10px;}


.data-search{vertical-align:middle;}
.data-search .data-tabs{display:inline-block;*display:inline;margin-right:10px;}
.data-search .data-tabs a{padding:0 10px;min-width:50px;}
.data-search .text{line-height:18px;height:18px;padding:2px;vertical-align:middle;}
.data-search .btn{height:24px;line-height:24px;vertical-align:middle;min-width:50px;}

.data-tabs{}
.data-tabs a{text-decoration:none;display:inline-block;min-width:70px;padding:0 20px;line-height:34px;text-align:center;border:1px solid transparent;border-bottom:0;}
.data-tabs a.on{background-color:#f4f5f9;border-color:#e7e7eb;}
.data-tabs a s{color:#fff;font-size:12px;background-color:#f00;min-width:20px;border-radius:20px;text-align:center;padding:0 5px;margin-left:5px;line-height:20px;}

.data-filter{border:1px solid #e7e7eb;border-bottom:0;background: #f4f5f9;padding:10px;zoom:1;overflow:hidden;}
.data-filter .row{margin-bottom:10px;zoom:1;overflow:hidden;}
.data-filter .row-align-left{text-align:left;}
.data-filter .row-align-center{text-align:center;}
.data-filter .row:last-child{margin-bottom:0;}
.data-filter dl{float:left;margin-right:10px;}
.data-filter dl dt{float:left;line-height:32px;margin-right:5px;}
.data-filter dl dd{float:left;}
.data-filter .select{padding:3px;}
.data-filter .text{width:200px;}
.data-filter .btn{margin-left:0;}
.data-filter label{vertical-align: -webkit-baseline-middle;}

.page-message{padding:10px 10px 0 10px;}
.page-message .message{}
.page-message .message-error{background-color:#FDF7F7;color:#B94A48;padding:2px 10px;line-height:26px;border-left:3px solid #EED3D7;}
.page-message .message-succeed{background-color:#DFF0D8;color:#468847;padding:2px 10px;line-height:26px;border-left:3px solid #D6E9C6;}

.highlight_box{padding: 9px 30px;background-color: #f4f5f9;margin-bottom: 20px;line-height: 160%;}
.highlight_box p.desc{color: #8d8d8d;overflow: hidden;font-size:14px;}

.loading_outer{position:fixed;z-index:10000;}
.loading_outer .loading_overlay{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;}
.loading_outer .loading_window{text-align:center;font-size:16px;background-color:#fff;min-width:100px;position:fixed;left:50%;margin-left:-50px;top:50%;margin-top:-25px;padding:20px 40px;}

.btn{outline: 0;
	background-color: #fff;
	background-image: -moz-linear-gradient(top,#fff 0,#fff 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
	background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);
	background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
	background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
	color: #222;
	display: inline-block;
	overflow: visible;
	padding: 0 22px 2px 22px;
	min-width:100px;
	_width:100px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #e6e7ec;
	cursor: pointer;
	margin:0 5px;
	font:14px/1.5 tahoma,arial,'microsoft yahei',simsun;
}
.btn:hover{
	background-color: #e6e7ec;
	background-image: -moz-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#e6e7ec),to(#e6e7ec));
	background-image: -webkit-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
	background-image: -o-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
	background-image: linear-gradient(to bottom,#e6e7ec 0,#e6e7ec 100%);
	border-color: #dadbe0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #000;
}
.btn.primary {
	background-color: #44b549;
	background-image: -moz-linear-gradient(top,#44b549 0,#44b549 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#44b549),to(#44b549));
	background-image: -webkit-linear-gradient(top,#44b549 0,#44b549 100%);
	background-image: -o-linear-gradient(top,#44b549 0,#44b549 100%);
	background-image: linear-gradient(to bottom,#44b549 0,#44b549 100%);
	border-color: #44b549;
	color: #fff;
}
.btn.primary:hover {
	background-color: #2f9833;
	background-image: -moz-linear-gradient(top,#2f9833 0,#2f9833 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#2f9833),to(#2f9833));
	background-image: -webkit-linear-gradient(top,#2f9833 0,#2f9833 100%);
	background-image: -o-linear-gradient(top,#2f9833 0,#2f9833 100%);
	background-image: linear-gradient(to bottom,#2f9833 0,#2f9833 100%);
	border-color: #2f9833;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #fff;
}
.btn.warn {
	background-color: #FF6666;
	background-image: -moz-linear-gradient(top,#FF6666 0,#FF6666 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FF6666),to(#FF6666));
	background-image: -webkit-linear-gradient(top,#FF6666 0,#FF6666 100%);
	background-image: -o-linear-gradient(top,#FF6666 0,#FF6666 100%);
	background-image: linear-gradient(to bottom,#FF6666 0,#FF6666 100%);
	border-color: #FF6666;
	color: #fff;
}
.btn.warn:hover {
	background-color: #FF4848;
	background-image: -moz-linear-gradient(top,#FF4848 0,#FF4848 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FF4848),to(#FF4848));
	background-image: -webkit-linear-gradient(top,##FF4848 0,#FF4848 100%);
	background-image: -o-linear-gradient(top,#FF4848 0,#FF4848 100%);
	background-image: linear-gradient(to bottom,#FF4848 0,#FF4848 100%);
	border-color: #FF4848;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #fff;
}

a.btn{padding:0 10px;min-width:60px;line-height:30px;height:30px;vertical-align:bottom;}

.btn.inner{
}

.data-table{width:100%;border-collapse: collapse;border:1px solid #e7e7eb}
.data-table tr th {border-top: 0;height: 38px;background: #f4f5f9;border-bottom: 1px solid #e7e7eb;padding: 0 10px;line-height: 38px;text-align: left;color: #222;font-weight: 400}
.data-table tr td {
    line-height: 19px;
    padding: 10px 10px;
    color: #666;
    white-space1: nowrap;
    border-top: 1px solid #e7e7eb
}
.data-table tr td.w{
    white-space: nowrap;
}

.data-form{margin:0 auto;padding-top:20px;}
.data-form dl{zoom:1;overflow:hidden;padding:10px 0;}
.data-form dl dt{float:left;width:100px;line-height:30px;}
.data-form dl dd{margin-left:110px;line-height:30px;}
.data-form dl dd .btn{margin-left:0;}
.data-form.style1 dt{text-align:right;width:120px;}
.data-form.style1 dl dd{margin-left:130px;}

.data-form.style2 dt{text-align:right;width:80px;}
.data-form.style2 dl dd{margin-left:90px;}

.data-form.style3 dt{text-align:right;width:100px;}
.data-form.style3 dl dd{margin-left:110px;}

.data-form.style4 dl {border-bottom:1px dotted #eee;}
.data-form.style4 dl.f{border-top:1px dotted #eee;}
.data-form.style4 dl dt{color:#888;}
.data-form.style4 dl dd{margin-left:110px;font-size:16px;}

.data-form.style5 dt{text-align:right;width:130px;}
.data-form.style5 dl dd{margin-left:140px;}

.data-form.style6 dt{display:none;}
.data-form.style6 dl{border:0;}
.data-form.style6 dl dd{margin-left:10px;}

.data-form.data-form-line dl{border-top:1px solid #eee;padding:20px 0;}
.data-form.data-form-line dl.f{border-top:0;}

.data-form .row-2{zoom:1;overflow:hidden;border-bottom:1px solid #eee;}
.data-form .row-2 dl{float:left;width:50%;}
.data-form .row-3{zoom:1;overflow:hidden;border-bottom:1px solid #eee;}
.data-form .row-3 dl{float:left;width:33%;}
.data-form .row-4{zoom:1;overflow:hidden;border-bottom:1px solid #eee;}
.data-form .row-4 dl{float:left;width:25%;}

.data-form.style4 .row-2 dl{border-bottom:0;}

.data-form .row-title{color:#666;margin-top:15px;padding:10px 10px;border-bottom:1px solid #eee;}

.tip{position:relative;display:inline-block;*display:inline;*zoom:1;color:#888;line-height:24px;padding:0 5px;border:1px solid #eee;font-size:12px;margin-left:10px;}
.tip .a1,
.tip .a2{left:0;position: absolute;top: 50%;margin-top: -6px;display: inline-block;*display:inline;*zoom:1;width: 0;height: 0;border-width: 6px;border-style: dashed;border-color: transparent;border-left-width: 0;border-right-color: #fff;border-right-style: solid;}
.tip .a1{left:-6px;border-right-color:#eee;}
.tip .a2{left:-5px;}
.stip{position:relative;display:inline-block;*display:inline;*zoom:1;color:#888;line-height:24px;padding:0 5px;border:1px solid #eee;font-size:12px;}

.table-view{width:900px;margin:0 auto;padding-top:20px;}
.table-view .view-row{border-bottom:1px dotted #eee;}
.table-view .view-row.f{border-top:1px dotted #eee;}

.table-view .view-row dl{zoom:1;overflow:hidden;padding:10px 0;}
.table-view .view-row dl dt{float:left;width:100px;line-height:30px;text-align:right;color:#888}
.table-view .view-row dl dd{margin-left:110px;line-height:30px;}
.table-view .view-row dl dd .btn{margin-left:0;}

.table-view .view-row-2{zoom:1;overflow:hidden;}
.table-view .view-row-2 dl{float:left;width:50%;}

.table-view .view-diff-row dd {zoom:1;overflow:hidden;}
.table-view .view-diff-row dd .left-value{float:left;width:50%;}
.table-view .view-diff-row dd .right-value{float:right;width:50%;}
.table-view .view-diff-row dd .right-value.modified{color:#f00;}

.text{border:1px solid #e7e7eb;width:390px;padding:5px;outline:none;}
.select{border:1px solid #e7e7eb;padding:5px;outline:none;}
.textarea{border:1px solid #e7e7eb;padding:5px;outline:none;}

.article-view{}
.article-view h2{text-align:center;font-weight:400;line-height:60px;font-size:30px;color:#333;}
.article-view .info{text-align:center;color:#999;line-height:22px;padding-bottom:10px;border-bottom:1px solid #eee;}
.article-view .subtitle{padding:20px 20px 0 20px;line-height:180%;font-size:14px;}
.article-view .content{padding:20px;line-height:180%;}
.article-view .download{padding:20px;line-height:180%;}

.pager{margin-top:20px;text-align:center;color:#666;font-size:0;}
.pager a{display:inline-block;*display:inline;*zoom:1;margin:0 3px;padding:0px 6px;line-height:20px;font-size:13px;}
.pager a:hover{color:#fff;background-color:#44b549}
.pager a.current{color:#fff;background-color:#44b549}
.pager span{font-size:13px;margin-left:10px;}

.dialog_overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity:.55;background-color: #000;z-index: 9998;}

.dialog{display:none;position:fixed;z-index:9999;background-color:#fff;left:50%;top:50%;}
.dialog .title{font-size:16px;line-height:50px;padding-left:10px;background-color: #f4f5f9;}

.dialog .title-close{width:40px;height:40px;position:absolute;right:5px;top:5px;cursor:pointer;}
.dialog .title-close span{display:block;width:15px;height:15px;background:url(../img/dialog-close.png) no-repeat 0 0;margin-top:12px;margin-left:12px;}
.dialog .title-close:hover span{background-position:0 -15px;}

.dialog .content{min-width:120px;min-height:50px;}
.dialog .content .select{border:1px solid #e7e7eb;width:100px;padding:4px;outline:none;}
.dialog .content .text{border:1px solid #e7e7eb;width:300px;padding:5px;outline:none;}
.dialog .content .desc{color:#8d8d8d;margin-top:10px;}

.dialog .button{position:absolute;bottom:0;left:0;right:0;padding:10px 0;text-align:center;}
.dialog .button a{color:#333;margin:0 2px;display:inline-block;*display:inline;*zoom:1;line-height:28px;height:28px;padding:0 30px;border-radius:3px;background-color:#fff;border:1px solid #EBEBEB;}
.dialog .button a:hover{border-color:#ADADAD;background-color:#fcfcfc;cursor:pointer;}
.dialog .button a:active{background-color:#ebebeb;}

.dialog .footer{padding: 16px 0;background-color: #f4f5f9;text-align:center;}

.dialog .tabs{overflow:hidden;zoom:1;padding:10px 10px 0 10px;border-bottom:1px solid #e0e0e0;}
.dialog .tabs .tab{display:block;float:left;padding:0 20px;text-align:center;line-height:30px;cursor:pointer;}
.dialog .tabs .tab.on{background-color:#eaeaea;}
.dialog .pages .page{display:none;}
.dialog .pages .page.on{display:block;}

.popover{
	position: absolute;
	background-color:#fff;
	border:1px solid #d9dadc;
	min-width:200px;
	z-index:10010;
}
.popover .popover-inner{
	padding:15px 25px;
}
.popover .popover-button{
	padding:15px 25px;
}
.popover .popover-arrow{
	top:0;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	display: inline-block;*display:inline;*zoom:1;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: dashed;
	border-color: transparent;
	border-top-width: 0;
	border-bottom-color: #d9dadc;
	border-bottom-style: solid;
}
.popover .popover-arrow2{
	top:1px;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	display: inline-block;*display:inline;*zoom:1;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: dashed;
	border-color: transparent;
	border-top-width: 0;
	border-bottom-color: #fff;
	border-bottom-style: solid;
}
.popover .popover-title{line-height:30px;margin-bottom:5px;}
.popover .text{vertical-align: middle;border:1px solid #e7e7eb;width:170px;padding:5px;outline:none;}
.popover .popover-button{
	padding: 15px 0;text-align:center;
}
.popover .popover-button .btn{width:80px;}

.page-filter{zoom:1;overflow:hidden;margin-bottom:20px;padding-top:10px;}
.page-filter .filter-item{float:left;margin-right:20px;}
.page-filter .filter-item label{margin-right:10px;}
.page-filter select{padding:2px;line-height:30px;height:30px;border:1px solid #ccc;outline:none;}

.uploader_preview .preview-item {zoom:1;overflow:hidden;width:100px;}
.uploader_preview .preview-item p{zoom:1;overflow:hidden;}
.uploader_preview .preview-item p .move_up{display:block;float:left;width:33px;height:14px;background:url(arrow_left_12.png) no-repeat center center;}
.uploader_preview .preview-item p .move_down{display:block;float:left;width:33px;height:14px;background:url(arrow_right_12.png) no-repeat center center;}
.uploader_preview .preview-item p .delete{display:block;float:left;width:34px;height:14px;background:url(delete_12.png) no-repeat center center;}



.selected-list{border:1px solid #e7e7eb;overflow:auto;}
.selected-list .selected-item {padding-left:24px;border-bottom:1px solid #eee;position:relative;line-height:30px;}
.selected-list .selected-item:last-child{border-bottom:0;}
.selected-list .selected-item.user{background:url(../img/ico16-person.png) no-repeat 4px center;}
.selected-list .selected-item.tag{background:url(../img/ico16-tag.png) no-repeat 4px center;}
.selected-list .selected-item.class{background:url(../img/ico16-class.png) no-repeat 4px center;}
.selected-list .selected-item.none{background:url(../img/ico16-none.png) no-repeat 4px center;}
.selected-list .selected-item .del{position:absolute;width:20px;height:20px;display:block;right:5px;top:5px;background:url(../img/ico16-delete.png) no-repeat center center;}

.block-form{
    margin-top:20px;
    border:1px solid #EEEEEE;
}
.block-form .block-title{
    background-color:#F4F5F9;
    line-height:40px;
    padding:0 10px;
}
.block-form .block-content{
    min-height:50px;
}
.block-form .block-content .data-form{
    padding-top:0;
}

.stats-view{}
.stat-view{}
.stat-view label{display:block;font-size:16px;line-height:140%;color:#666;text-align:center;}
.stat-view span{display:block;font-size:30px;line-height:150%;color:#000;text-align:center;}

.input_student_select_box{position:absolute;display:none;z-index:10000;width:400px;background-color:#fff;border:1px solid #eee;padding:1px;}
.input_student_select_box .item{padding:0 10px;font-size:14px;line-height:34px;cursor:pointer;}
.input_student_select_box .item:hover{background-color:#eee;}

.input_teacher_select_box{position:absolute;display:none;z-index:10000;width:400px;background-color:#fff;border:1px solid #eee;padding:1px;}
.input_teacher_select_box .item{padding:0 10px;font-size:14px;line-height:34px;cursor:pointer;}
.input_teacher_select_box .item:hover{background-color:#eee;}
input.warn{border-color:#a00;}

.statistics{}
.statistics .statistic{}

.statistics{
    text-align:center;
    padding: 0;
    font-size:0;
}
.statistics .statistic{
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:0 0;
    margin:10px 0;
    border-left:1px solid #BBBBBB;
    width:33.33%;
    box-sizing:border-box;
}
.statistics .statistic.f{
    border-left:0;
}
.statistics .statistic label{
    font-size:16px;
    font-weight:500;
    color:#333;
    line-height:30px;
    margin-bottom:10px;
    display:block;
}
.statistics .statistic span{
    font-size:40px;
    line-height:40px;
    color:#000;
    display:block;
}
.statistics-2 .statistic{
    width:50%;
}
.statistics-3 .statistic{
    width:33.33%;
}