﻿.section-edit .input-msg { font-size: 12px; margin-top: 4px; }
.section-edit .input-msg .icon { padding: 0px; height: auto; background: url("/Common/images/tipicon.gif") no-repeat scroll -100px 0 transparent; }
.section-edit .input-msg.error .icon { padding: 3px 3px 3px 22px; background-position: 0px -20px; margin: 0px; }
.section-edit .input-msg.tip .icon { padding: 3px 3px 3px 22px; background-position: 0px -92px; margin: 0px; }
.section-edit .input-msg.right .icon { padding: 3px 3px 3px 22px; background-position: 0px -45px; margin: 0px; }
.section-edit .input-msg.tip .msg { color: #999; }
.section-edit .input-msg.error .msg { color: #DA0000; }

.schedule-body #container { width: 1220px; padding: 0px 10px; margin-top: 26px; }
.schedule-body #header {  }
.schedule-body #footer { width: 1220px; margin-top: 100px; }
.schedule-body #header ul.nav { }

#container .day-nav { height: auto; }

.schedule-nav { background: #FAFAFA; padding: 16px 0px 20px; position: relative; }
.schedule-nav .nav { margin: 0px auto; width: 1220px; height: 40px; line-height: 40px; padding: 0px 10px; }
.schedule-nav .nav a { margin-right: 22px; font-size: 14px; padding: 2px 6px 3px; }
.schedule-nav .nav a.current { background: #0088cc; color: #FFF; }
.schedule-nav .nav a.home { }

.schedule-nav .nav a.schoolname { font-size: 22px; margin-right: 36px; color: #de533c; margin-top: -0px; border-radius: 2px 2px 2px 2px; font-weight: bold; padding: 0px; }
.schedule-nav .nav a.schoolname:hover { background: none; }

.schedule-nav a.action.new { padding: 0px 6px; float: right; line-height: 24px; background: FCEFE3; border-bottom: none; margin: 0px; margin-top: 6px; }
.schedule-nav a.action.new:hover { background: #FF8800; color: #FFF; }
.schedule-nav a.action.new:hover span { color: #FF8800; }
.schedule-nav span.un { padding: 1px 12px; border: 1px solid #e6e6e6; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.13); border-bottom: none; cursor: pointer; display: block; }
#un_lessons_holder { float: right; margin: 6px 30px 0 0px; line-height: 24px; }

.course-nav { }
.course-nav ul { }
.course-nav ul.cnt li { height: 282px; margin-bottom: 4px; padding: 0px 6px; border: 1px solid #f1f1f1; float: none; border-top:1px solid #fff; background: #FFF; border-top:none; }

#oclock { padding-top: 0px; font-size:12px; color:#ccc; }

.course-nav ul.cnt li div.addup { text-align: left; border-bottom: none; height: auto; }
.course-nav ul.cnt li div.addup.pop { display: none; }
.course-nav ul.cnt li div.teacher { font-size: 12px; text-align: left; position: relative; }
.course-nav ul.cnt li div.class { font-size: 12px; text-align: left; position: relative; }

a#export_courses:link { color: #ccc; }

#courses_nav.pop li { border-right: 1px solid #EE7B33; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.075); }
.course-nav ul.cnt li.tit { height: 28px; padding: 3px 6px; line-height: 30px; text-align: center; background: #fff; color: #000; margin-bottom: 0px; border-bottom: none; border-top: 1px solid #f1f1f1; background:#f8f8f8; }
.course-nav { z-index: 20; font-size: 12px; position: absolute; left: 0px; top: 0px; width: 90px; }
.course-nav .name { padding-top:10px; }

.course-nav ul.cnt li.tit a.action { padding: 0px 3px; }

.ui-separator-pd { color: #B2B2B2; padding: 0 5px; }

#courses_holder { padding-left: 94px; position: relative; }
#courses_holder .calendar { }
.day-nav { }
.day-nav { text-align: center; color: #000; font-size: 12px; margin-bottom: 0px; }
.day-nav ul { height: 35px; }
.day-nav li { float: left; width: 152px; margin-right: 0px; background: #f8f8f8; padding: 3px 0px; height: 28px; line-height: 28px; border-right: 1px solid #f1f1f1; border-left: none; border-bottom: none; border-top: 1px solid #f1f1f1; }
.day-nav li.Friday { margin-right: 4px; }
#courses_holder ul.cnt li.first { border-left: 1px solid #f1f1f1; }
#courses_holder ul.cnt li.Monday { border-left: 1px solid #f1f1f1; }
#courses_holder ul.cnt li.Sunday { margin-right: 1px; }
#courses_holder ul.cnt li.last { border-right: 1px solid #f1f1f1; }
.day-nav ul.cnt li.last { border-right: 1px solid #f8f8f8; margin-right: 0px; }
.day-nav ul.cnt li.Saturday, .day-nav ul.cnt li.Sunday { background: #f8f8f8; }
.day-nav ul.cnt li.Sunday { border-left: 0px solid #FFF; }
.day-nav ul.cnt li.last.Saturday { border-left: 1px solid #f1f1f1; }
.day-nav ul.cnt li.Saturday a:link, .day-nav ul.cnt li.Sunday a:link { color: #999; }
.day-nav ul.cnt li.Saturday a:hover, .day-nav ul.cnt li.Sunday a:hover { color: #fff; }
.day-nav ul.cnt li.today { color: #EE7B33; }
.day-nav ul.cnt li.today a { color: #EE7B33; }
#days_nav.pop li { border-top: 0px solid #EE7B33; border-bottom: 1px solid #EE7B33; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.075); }

#courses_holder .calendar li { margin-bottom: 4px; }

#course_body #container { }
#course_body #container .main { width: 900px; margin-left: 0px; margin-right: 6px; }
#course_body .content { position: relative; }



.radio-sex-holder { margin-top: 6px; display: inline-block; font-size: 12px; }
.radio-sex-holder label { width: 50px; text-align: left; float: left; }

.section-edit.rows li { display: block; }
.section-edit { margin-bottom: 20px; padding-bottom: 16px; border: 1px solid #f1f1f1; border-radius: 4px 4px 0 0; }
.section-edit h3 { font-size: 16px; font-weight: normal; margin-bottom: 4px; padding: 6px 12px; text-align: left; border-bottom: 1px dotted #E8E8E8; }
.section-edit h3 a { float: right; font-size: 12px; margin-top: 4px; color: #444; }
.section-edit h3 a:hover { color: #FFF; }
.section-edit h3 span { font-size: 12px; color: #444; }
.section-edit .item { padding: 3px 12px; margin-top: 6px; }
.section-edit label { display: block; }
.section-edit label span { color: #999; font-size: 11px; }
.section-edit input.text { margin-top: 6px; width: 232px; }
.section-edit select { width: 96%; margin-top: 6px; height: 24px; padding: 3px 0px; }
.section-edit textarea.text { margin-top: 6px; width: 232px; }
.section-edit li { display: inline-block; margin-right: 6px; font-size: 12px; margin-bottom: 3px; }
.section-edit .item .addtype { color: #999; }
.section-edit .item .addtype:hover { color: #FFF; }

.namelist-holder { padding: 0px 10px; }
.namelist-edit { margin-bottom: 20px; width: 280px; float: left; }
.section-cnt .namelist-edit h3 { color: #5B6772; font-size: 14px; font-weight: normal; margin: 10px 0 5px; }
.namelist-edit h3 span { color: #AAB5C1; font-size: 12px; margin-left: 5px; }
.namelist-edit textarea.text { width: 248px; margin-top: 6px; margin-bottom: 8px; height: 180px; padding: 3px 6px; }
.namelist-edit .hint { color: #825D5B; margin-bottom: 8px; font-size: 12px; display: none; }


.namelist-other { float: left; width: 479px; margin-top: 5px; }
.namelist-other .tit { margin: 0px; padding: 10px 0px 4px 0px; border-bottom: 1px dotted #e4e4e4; border-radius: 2px 2px 0 0; font-size: 14px; }
.namelist-other .tit span { font-size: 12px; }
.namelist-other .others { border: 1px solid #F8f8f8; padding: 8px; height: 170px; border-radius: 2px 2px 0 0; border-top: none; }
.namelist-other .others span.action { cursor: pointer; margin: 0px 5px 5px 0px; display: inline-block; border: 1px dotted #B7B9BC; background: #FFF; color: #444; padding: 0px 3px; line-height: 20px; }

.namelist-other .paginator { text-align: left; margin-top: 6px; }
.namelist-other .paginator span { margin-right: 2px; padding: 2px 10px; cursor: pointer; border: 1px solid #83BF73; }
.namelist-other .paginator span.current { background: #83BF73; color: #FFFFFF; }

.namelist-other .others span { font-size: 11px; margin: 0px 5px 5px 5px; padding: 0px 3px; cursor: pointer; line-height: 20px; display: inline-block; color: #FFF; background: #B7B9BC; }

.section-lists { }
.section-lists .item { }
.section-lists h3 { font-size: 13px; font-weight: normal; border-bottom: 1px solid #fff; text-align: left; display: block; padding: 6px 0px 6px 12px; background: #ececec; }
.section-lists ul { font-size: 12px; }
.section-lists li { padding: 0px 0px; margin: 0px 0px; text-align: left; border-bottom: 1px solid #fff; }
.section-lists li a { display: block; padding: 8px 0px 8px 12px; border-bottom: 1px dotted #f1f1f1; }
.section-lists li a:hover { background: #f8f8f8; color: #0088CC; border-left: 2px solid #0088CC; }
.section-lists li a:hover span { color: #0088CC; }
.section-lists li.current { }
.section-lists li.current a { color: #0088CC; border-left: 2px solid #0088CC; background: #f8f8f8; }
.section-lists li.current span { color: #0088CC; }

.section-lists .more-li { position: relative; }
.section-lists .more-li a { color: #999; }
.section-lists .more-div { position: absolute; left: 122px; width: 280px; z-index: 100; background: #FFF; top: 0px; display: none; border: 1px solid #F1f1f1; }
.section-lists .more-div a { width: 122px; float: left; }

.section-lists li span { color: #999999; float: right; font-family: "Proxima N W15 Smbd" ,Helvetica,Arial,Sans-Serif; padding-right: 10px; }
.section-cnt { padding-bottom: 120px; }
.section-cnt h3 { color: #5B6772; font-size: 14px; font-weight: normal; margin: 15px 0 5px; }
.section-cnt h3 span { color: #AAB5C1; font-size: 12px; margin-left: 5px; }
.section-cnt .tit.addup { position: relative; }
.section-cnt .tit.addup .export-ajax { top: 17px; }
.section-cnt .tit.addup a.current { text-decoration: underline; }
.section-cnt span.name { color: #EE7B33; }

.addup h3 { width: 360px; float: left; }
.addup .nav { float: right; display: inline-block; margin: 18px 120px 5px 0px; font-size: 12px; }

table.classs-subject { font-size: 12px; }

.relation-cels { margin-top: 20px; font-size: 12px; }
.relation-cels textarea { width: 140px; height: 20px; margin-top: 5px; font-size: 12px; }
.relation-cels div { display: inline-block; margin: 0px; line-height: 38px; }
.relation-cels li { border-top: 1px dotted #E4E4E4; position: relative; height: 38px; padding: 0px 0px; padding-left: 70px; }
.relation-cels div.cel1 { width: 70px; text-align: center; position: absolute; left: 0px; top: 0px; }
.relation-cels li.tit { padding-top: 0px; height: 38px; }
.relation-cels li.tit div.cel1 { top: 0px; }

.relation-edit-cels { font-size: 12px; }
.relation-edit-cels textarea { width: 140px; height: 20px; margin-top: 5px; font-size: 12px; }
.relation-edit-cels div { display: inline-block; margin: 0px; line-height: 38px; }
.relation-edit-cels li { border-top: 1px dotted #E4E4E4; position: relative; height: 38px; padding: 0px 0px; }
.relation-edit-cels div.cel1 { width: 70px; text-align: center; position: absolute; left: 0px; top: 0px; }
.relation-edit-cels li.tit { padding-top: 0px; height: 38px; }
.relation-edit-cels li.tit div.cel1 { top: 0px; }

.relation-rows { margin-top: 20px; padding: 0px 20px; font-size: 12px; }
.relation-rows textarea { width: 95%; margin-top: 5px; font-size: 12px; }
.relation-rows div { margin: 0px; }
.relation-rows li { border-top: 1px dotted #E4E4E4; position: relative; padding: 10px 0px; }
.relation-rows div.cel1 { text-align: left; }
.relation-rows li.tit { padding-top: 10px; }
.relation-rows li.tit div.cel1 { }

.course-add { margin-top: 10px; text-align: left; padding-left: 10px; }

#calendar_holder { background: #FFF; }
#calendar_holder.pop #calendar_content { background: #FFF; border: 0px solid #ccc; width: 780px; }
#calendar_holder.pop .calendar-nav { padding: 10px 0px; background: #FFF; border: 0px solid #ccc; }

#calendar_holder .tit { margin-bottom: 0px; }

#calendar_holder a.schedule { cursor: pointer; display: block; width: 100%; height: 100%; color: #999; text-align: left; letter-spacing: 1px; }
#calendar_holder a.schedule:hover { background: url(/Common/images/add-3.png) no-repeat center center #FAE9DA; }

#calendar_holder a.schedule-place { cursor: pointer; display: block; width: 100%; height: 100%; color: #999; text-align: left; letter-spacing: 1px; }
#calendar_holder a.schedule-place:hover { background: url(/Common/images/add-3.png) no-repeat center center #FAE9DA; }

.calendar-holder a.schedule { cursor: pointer; display: block; width: 100%; height: 100%; color: #aaa; text-align: left; line-height:30px; text-align:center; font-size:12px;}
.calendar-holder a.schedule:hover { background: url(/Common/images/add-3.png) no-repeat center center #FAE9DA; color: #999; }
.calendar-holder span.schedule { display: block; width: 100%; height: 100%; color: #aaa; text-align: center; line-height:30px; }

.calendar-nav { padding: 10px; margin: 0px 0px; text-align: center; font-size: 14px; }

.calendar-nav a.close { }
.calendar-nav a:link { color: #0088cc; }
.calendar-nav a:hover { color: #fff; }

.calendar-nav span.tit { }
.calendar-nav span.today { float: left; }
.calendar-nav span.nav { float: right; }

.takeoff-nav span.today { float: left; }
.takeoff-nav span.nav { float: right; }

.calendar ul { display: block; }

.calendar ul.cnt li { float: left; width: 152px; padding: 0px 0px; border: 1px solid #f1f1f1; border-right: none; margin-right: 0px; text-align: left; margin-bottom: 1px; position: relative; background: #f8f8f8; }
.calendar ul.cnt li.Friday { margin-right: 3px; border-right: 1px solid #f1f1f1; }
.calendar ul.cnt li.pre, .calendar ul.cnt li.next { color: #ccc; }
.calendar ul.cnt li.Sunday .num, .calendar ul.cnt li.Saturday .num {  }

.calendar ul.cnt li.Sunday { border-right: 1px solid #f1f1f1; margin-right: 0px; }
.calendar ul.cnt li.Saturday { }
.calendar ul.cnt li.current { color: #EE7B33; }
.calendar ul.cnt li.current .num { background: #EE7B33; color: #FFF; }


.calendar ul.cnt li div.num { font-size: 12px; height: 25px; padding-top: 6px; border-bottom: 1px solid #e6e6e6; text-align: center; background: #FFF; }
.calendar ul.cnt li div.period { font-size: 11px; text-align: left; line-height: 11px; position: relative; background: #fff; }
.calendar ul.cnt li div.period .span { width: 100%; position: absolute; background: #FFF; }
.calendar ul.cnt li div.period .span.first { border-top: none; }
.calendar ul.cnt li div.period .span.last { border-bottom: none; }
.calendar ul.cnt li div.period.last { border-bottom: none; margin-bottom: 0px; }
.calendar ul.cnt li div.period { border-bottom: 1px solid #f1f1f1; margin-bottom: 2px; border-top: 1px solid #f1f1f1; background:url('/common/images/bk_sch.jpg') }
.calendar ul.cnt li div.period.time_period1 { border-top: 0px; }

.calendar span.sbj u, .calendar-day span.sbj u { background: #3386D1; padding: 0px 2px; color: #FFF; text-decoration: none; line-height: 12px; font-size: 10px; display: inline-block; margin-left: 2px; }

.calendar .calendar ul.cnt li div.period.vacation { background: #000; color: #FFF; }

.calendar .lesson a.cose { border-right: none; }

.pop-lessons { position: absolute; padding: 18px 18px 18px 18px; background: #FFF; display: none; width: 340px; border: 1px solid #e6e6e6; box-shadow: 0px 1px 3px 0.5px rgba(0, 0, 0, 0.13); z-index: 11; left: 100px; }
.pop-lessons .lesson-holder { position: static; }
.pop-lessons .lesson .cose { padding: 4px; }
.pop-lessons .lesson-holder { margin-bottom: 5px; }

.lesson-holder { position: absolute; width: 100%; background: #F8F8F8; }
.lesson { position: relative; width: 100%; background: #F8F8F8; }
.lesson.vocation a.cose { border-left: 2px solid #CCC; }
.lesson span.time { color: #444; font-size: 11px; line-height: 14px; display: block;}
.lesson span.class { font-size: 11px; line-height: 11px; color: #3386D1; display: block; margin-top:2px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lesson span.tch { font-size: 11px; line-height: 11px; color: #007722; }
.lesson span.sbj { color: #EE7B33; line-height: 14px; font-size: 11px; display: block; }
.lesson span.desc { font-size: 11px; color: #999; display: block; line-height: 14px;}
.lesson span.grade { font-size: 11px; color: #999; display: block; line-height: 14px;}

.lesson.horizontal span.time { color: #444; font-size: 11px; line-height: 14px; display: inline-block; margin-right:20px; }
.lesson.horizontal span.class { font-size: 11px; line-height: 14px; color: #3386D1; display: inline-block;  margin-top:0px; overflow:visible; word-break: break-all;white-space:normal; }
.lesson.horizontal span.tch { font-size: 11px; line-height: 14px; color: #007722; display: inline-block; }
.lesson.horizontal span.sbj { color: #EE7B33; line-height: 14px; font-size: 11px; display: inline-block; }
.lesson.horizontal span.grade { color: #3386D1; line-height: 14px; font-size: 11px; display: inline-block; }
.lesson.horizontal span.desc { color: #999; line-height: 14px; font-size: 11px; display: inline-block; }
.lesson.horizontal span.pct { color: #fff; line-height: 14px; font-size: 11px; display: inline-block; background:#3386D1;}
.lesson.horizontal span.coseid { top:7px; bottom:auto; height:18px; }
.lesson.horizontal span.input-msg { top: 1px; right: 30px; }

.lesson.horizontal.long a.cose { padding:4px; }
.lesson.horizontal.long span.class { width:120px; }
.lesson.horizontal.long span.time { width:160px; }
.lesson.horizontal.long span.sbj { width:70px; }
.lesson.horizontal.long span.tch { width:60px; }
.lesson.horizontal.long span.desc { width:220px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:4px; float:right; margin-right:20px; text-align:right; }
.lesson.horizontal.long span.hint { margin-right:8px; margin-bottom:0px; }

.lesson.horizontal.long-tr { background:inherit; }

.course-everyday .lesson span.hint { margin-right:2px; margin-top:0px; margin-bottom:0px; padding:0px 2px; }
.lesson .hint { font-size:11px; margin-right:2px; padding:0px 1px 1px 1px; display: inline-block; margin-bottom:0px; background:#3386D1; color:#ffffff;}
.lesson .hint.cg { background:#3386D1; color:#ffffff; }
.lesson .hint.hj { background:#3386D1; color:#ffffff; }
.lesson .hint.cj { background:#3386D1; color:#ffffff; }
.lesson .hint.del { font-size:10px; margin-right:2px; background:#3386D1; color:#ffffff; }
.lesson .hint.tvac { font-size:10px; margin-right:2px; background:#000000;  color:#ffffff; }
.lesson .hint.svac { font-size:10px; margin-right:2px; background:#aaaaaa; color:#000000; }
.lesson .hint.yes { font-size:10px; margin-right:2px; background:#009372;  color:#ffffff;}
.lesson .hint.no { font-size:10px; margin-right:2px; background:#ff8d3b; color:#ffffff; }

.lesson span.coseid { position: absolute; right: 0px; bottom: 0px; font-size: 9px; background: #ccc; color: #fff; padding: 0px 2px 0px 2px; z-index: 100; line-height: 12px; }
.lesson span.input-msg { position: absolute; right: 1px; top: 12px; padding-right: 0px; padding-left: 0px; z-index: 100; width: 18px; margin: 0px; }
.lesson u { background: #3386D1; padding: 0px 2px; color: #FFF; text-decoration: none; line-height: 12px; font-size: 11px; display: inline-block; margin-left: 2px; }
.lesson .btn { background: #444; height: 26px; position: absolute; bottom: 0px; width: 100%; text-align: center; display: none; }
.lesson .btn a { font-size: 12px; color: #444; display: inline-block; width: 40px; line-height: 16px; height: 16px; margin: 5px 4px 0px; text-align: center; background: #FFF; border-radius: 4px 4px 4px 4px; }
.lesson .btn a:hover { background: #0088CC; color: #FFF; }

.lesson-holder.lesson-03 a.cose { border-left: 2px solid #009372; }
.lesson-holder.lesson-03 span.class { color:#009372; }

.lesson-holder.lesson-05 a.cose { border-left: 2px solid #ff8d3b; }
.lesson-holder.lesson-05 span.class { color:#ff8d3b; }

.lesson a.cose { display: block; font-size: 12px; background: #F8f8f8; border: 1px solid #E6E6E6; border-left: 2px solid #3386D1; padding: 0px; }
.lesson span.cose { display: block; font-size: 12px; background: #F8f8f8; border: 1px solid #E6E6E6; border-left: 2px solid #3386D1; padding: 0px; }
.lesson div.cose { display: block; font-size: 12px; background: #F8f8f8; border: 1px solid #E6E6E6; border-left: 2px solid #3386D1; padding: 0px; }
.lesson a.cose:hover { background: #EBF3FB; color: #336699; }

.lesson.conflict span.coseid { position: inherit; }
.lesson.conflict a.cose { padding: 0px 4px; }

.calendar-day { display: none; }
.calendar-day.current { display: block; }
.calendar-day div.tit { position: absolute; left: 0px; top: 0px; }
.calendar-day div.cnt { }
.calendar-day .cnt li { border: 1px dotted #E8E8E8; }
.calendar-day .cnt li { margin-bottom: 4px; }
.calendar-day .cnt li.last { margin-bottom: 0px; }

.calendar-day .lesson { margin-bottom: 5px; }
.calendar-day .lesson a.cose { padding: 4px; }
.calendar-day span.time { color: #444; font-size: 12px; line-height: 14px; }
.calendar-day span.class { color: #3386D1; font-size: 12px; }
.calendar-day span.cls { color: #3386D1; font-size: 12px; }
.calendar-day span.tch { color: #007722; font-size: 12px; }
.calendar-day span.sbj { display: inline-block; color: #EE7B33; font-size: 12px; }
.calendar-day .lesson span { margin: 0px 0px; }

.calendar-day .stus { color: #985D3E; font-size: 11px; display: inline-block; }
.calendar-day .stus span { margin: 1px 2px 1px 1px; height: 14px; line-height: 14px; }
.calendar-day .stus a:link { margin: 1px 2px 1px 1px; height: 14px; line-height: 14px; color: #FFF; }
.calendar-day .stus a:visited { color: #FFF; }
.calendar-day .stus a:hover { color: #FFF; }

.calendar-day .tit { }
.calendar-day .tit li { width: 46px; text-align: center; margin-bottom: 4px; border: 1px dotted #E8E8E8; border-right: none; }
.calendar-day .tit li.last { margin-bottom: 0px; }

.calendar-day h3 { color: #494949; font-size: 14px; font-weight: normal; margin: 15px 0 15px; }

.calendar-week-nav { display: block; font-size: 14px; font-weight: normal; text-align: center; padding: 10px 0px; }
.calendar-week-nav span.today { float: left; }
.calendar-week-nav span.nav { float: right; }

.calendar-day-nav { margin-bottom: 8px; height: 31px; line-height: 31px; background: #f8f8f8; border-top: 1px solid #f1f1f1; padding-left: 60px; }
.calendar-day-nav li { float: left; width: 90px; margin: 0px 0px; border-bottom: none; border-radius: 4px 4px 0 0; border-right: 1px solid #f1f1f1; }
.calendar-day-nav li.last { margin-right: 0px; }
.calendar-day-nav li.first { border-left: 1px solid #f1f1f1; }
.calendar-day-nav li.today { width: 104px; }
.calendar-day-nav li.today a { }
.calendar-day-nav li.current { height: 31px; line-height: 31px; background: #FFF; }
.calendar-day-nav li.current a { color: #444; font-weight: bold; }
.calendar-day-nav li.current.today a { }
.calendar-day-nav li.current.today a:hover { }
.calendar-day-nav li.current a:hover { background: none; color: #444; }
.calendar-day-nav li a { display: block; text-align: center; font-size: 12px; color: #444; }
.calendar-day-nav li a:hover { background: #f8f8f8; color: #444; }
.calendar-day-cnt { position: relative; }
.calendar-day-cnt h3 { background: #f8f8f8; padding: 4px; }

.export-ajax { position: absolute; right: 10px; top: 0px; color: #999; font-size: 12px; }

span.export-span { font-size: 12px; padding: 0px; margin-top: 4px; margin-right: 10px; display: inline-block; color: #999999; }
h2 span.export-span { float: right; padding: 0px; margin-top: 4px; margin-right: 10px; }
h2 span.hint { padding: 0px; margin-top: 4px; margin-right: 10px; font-size: 12px; color: #999999; }
.course-nav li span.export-span { position: absolute; right: 0px; margin-top: 0px; margin-right: 0px; }

.period-nav { border-bottom: 1px solid #E8E8E8; height: 38px; background:#fff; padding:6px 10px;}
.period-nav a { margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; margin-top: 0px; height: 24px; line-height: 24px; font-size: 14px; }
.period-nav a:hover { color: #ee7633; }
.period-nav a.current { color: #444; height: 34px; font-size: 20px; line-height: 27px; font-weight: bold; border-bottom: 4px solid #000; }
.period-nav a.current:hover { color: #ee7633; }

.setting-nav { border: 1px solid #F1F1F1; height: 36px; border-radius: 4px 4px 0 0; line-height: 36px; }
.setting-nav .nav { margin-left: 15px; }
.setting-nav .nav span { font-size: 16px; color: #999; }
.setting-nav a { margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; display: inline-block; margin-top: 0px; height: 24px; line-height: 24px; font-size: 16px; }
.setting-nav a:hover { background: #FFF; color: #444444; }
.setting-nav a.current { height: 27px; font-size: 16px; line-height: 27px; color: #444; font-weight: bold; }
.setting-nav a.first { }

.setting-nav a.action.new { padding: 0px 6px; float: right; line-height: 24px; background: none; margin-top: 9px; border-bottom: none; border-radius: 2px 2px 0 0; }
.setting-nav a.action.new:hover { background: #FCEFE3; }

.class-nav { border-bottom: 0px solid #f1f1f1; height: 34px; margin-bottom: 16px; background: #f1f1f1; padding-left: 10px; clear: both; }
.class-nav a { margin: 0px 0px 0px 10px; padding: 0px 10px 0px; display: inline-block; margin-top: 6px; height: 28px; font-size: 14px; color: #444; line-height:28px; }
.class-nav a:hover { background: #FFF; color: #444444; }
.class-nav a.current { background: #FFF; color: #999; }

.class-nav a.action.new { padding: 0px 6px; float: right; line-height: 24px; background: none; margin-top: 9px; border-bottom: none; border-radius: 2px 2px 0 0; }
.class-nav a.action.new:hover { background: #FCEFE3; }

.class-info { }
.class-info .class { margin-bottom: 20px; border: 1px solid #e8e8e8; padding-bottom: 12px; }
.class-info .class div.tit { color: #999; padding: 3px 10px; margin-bottom: 6px; display: block; border-bottom: 1px dotted #e8e8e8; }
.class-info .class div.tit a { }
.class-info .class div.item { margin-bottom: 6px; }
.class-info .class a.edit { float: right; font-size: 12px; }
.class-info .class h3 { font-size: 14px; font-weight: normal; color: #999; margin-bottom: 12px; padding: 8px 10px; background: #F8f8f8; }
.class-info ul { padding: 0px 10px; }
.class-info ul li { display: inline-block; letter-spacing: normal; margin-bottom: 5px; vertical-align: top; margin-right: 14px; margin-left: 0px; padding: 3px 8px 3px 0px; }
.class-info ul li.null { background: none; }


.class-students-holder, .class-info-tit, .students-holder { position: relative; }
.class-students-holder h3, .class-info-tit h3, .students-holder h3 { padding-bottom: 6px; color: #999; font-size: 14px; }
.class-students-holder h3 span, .class-info-tit h3 span, .students-holder h3 span { font-size: 14px; font-weight: normal; }

.section.alternate { background: #f8f8f8; }

textarea.relation-desc { height: 20px; }

#setting_body .section { margin-top: 10px; }
#setting_body .main { }

#setting_body div.tit { font-size: 14px; margin-bottom: 20px; }
#setting_body div.tit span { font-size: 12px; color: #999; }

#setting_body .main .section h3 { margin-bottom: 10px; }
#setting_body .main .section-edit { border: 1px solid #F8f8f8; margin-right: 3px; padding-bottom: 16px; float: left; width: 196px; padding: 6px 13px; }
#setting_body .main .section-edit.last { margin-right: 0px; }
#setting_body .main .section-edit h3 { margin-bottom: 4px; padding-left: 0px; font-size: 14px; text-align: left; }
#setting_body .main .section-edit textarea { margin-top: 8px; height: 100px; font-size: 12px; width: 190px; }
#setting_body .main .section-edit input.text { margin-top: 8px; width: 190px; }
#setting_body .main .section-edit .item { padding: 8px 0px; }
#setting_body .right-side textarea { height: 160px; }
#setting_body .right-side .section-edit { }
#setting_body .section .hint { margin-top: 10px; }
#setting_body .submit-button { margin-top: 10px; width: 100px; }

.section-preview { margin-top: 20px; width: 500px; }
#setting_body .section-preview div.tit { text-align: left; background: #FFF; border-bottom: 1px solid #f1f1f1; padding: 8px 0px 8px 0px; font-size: 14px; color: #555555; margin-bottom: 0px; }
.section-preview .preview { text-align: left; background: #FFF; }
.section-preview h3 { font-weight: normal; }
.section-preview select { width: 180px; }
.section-preview label { }
.section-preview .item { padding: 8px 20px; }

.timetable-example { margin-bottom: 20px; }
.timetable-example h3 { margin-bottom: 12px; }

#setting_body .sub-nav { font-size: 14px; margin-top: 30px; }
#setting_body .sub-nav a.current { font-size: 18px; color: #494949; }
#setting_body .sub-nav a.current:hover { background: none; color: #494949; }

table.rgside { width: 100%; }
table.rgside td, table.rgside th { font-weight: normal; border-right: none; border-left: none; border-top: none; padding: 6px 8px 6px 8px; background: #f8f8f8; border-bottom: 1px dotted #e8e8e8; text-align: center; }
table.rgside td.cel1, table.rgside th.cel1 { border-right: 1px dotted #e8e8e8; }
table.rgside th.name { width: 70px; }

table.mgside { width: 100%; }
table.mgside td, table.mgside th { font-weight: normal; padding: 6px 3px 6px 3px; background: #f8f8f8; text-align: center; border-style: dotted; border-width: 1px; border-color: #e8e8e8; }
table.mgside td.cel1, table.mgside th.cel1 { }
table.mgside td { background: #FFF; }
table.mgside td.desc { text-align: left; }

table.mgside.subject th.name { width: 100px; }
table.mgside.subject th.times { width: 80px; }
table.mgside.subject th.minutes { width: 80px; }

.addup table { width: 100%; }
.addup table td { padding: 0px; border: none; text-align: left; font-size: 11px; padding: 1px 0px; border-bottom: 0px dotted #e8e8e8; }
.addup table td.cel1 { width: 34px; }

.calendar-addup { margin-bottom: 20px; background: #f8f8f8; border: 1px solid #f8f8f8; padding: 20px; color: #999; position: relative; }
.calendar-addup h3 { border-bottom: 1px dotted #E8E8E8; padding-bottom: 6px; font-size: 14px; font-weight: normal; margin: 0px; }
.calendar-addup h3 span { font-size: 14px; font-weight: normal; }
.calendar-addup table { width: 100%; }
.calendar-addup table td { padding: 0px; border: none; height: 30px; text-align: left; background: none; font-size: 12px; padding: 4px 10px; border-bottom: 1px dotted #e8e8e8; }
.calendar-addup table td.cel1 { width: 260px; border-right: 0px dotted #e8e8e8; padding: 4px 0px; }

table.course-one { width: 100%; }
table.course-one td { border: none; text-align: left; height: 30px; }
table.course-one td.cel1 { width: 60px; text-align: right; padding-right: 10px; padding-left: 0px; }
table.course-one .cose-desc-textarea { width: 500px; height: 100px; font-size: 12px; }

table.course-one .cose-desc { padding-top: 6px; }

table.classs-subject-info { margin-top: 10px; }
table.classs-subject-info td { border: none; text-align: left; padding: 8px 0px 8px 0px; }
table.classs-subject-info td.cel1 { width: 70px; text-align: right; padding-right: 20px; }
table.classs-subject-info .jselect.teacher { margin: 0px; width: 100px; }
table.classs-subject-info .jselect .menu { min-width: 100px; }
table.classs-subject-info textarea { width: 620px; height: 80px; font-size: 12px; }

table.timetable2 td.cel1 { width: 50%; border-left: none; border-right: 1px solid #f8f8f8; }
table.timetable2 td.tit { background: #f8f8f8; }
table.timetable2 td { border-right: none; border-bottom: 1px solid #f8f8f8; }

table.timetable { margin-bottom: 10px; }
table.timetable td, table.timetable th { border-color: #f1f1f1; text-align: center; }
table.timetable td.cel1 { border-left: 1px solid #f1f1f1; width: 50px; }
table.timetable td.cel2 { width: 80px; }
table.timetable td.cel3, table.timetable th.cel3, table.timetable th.cel4, table.timetable td.cel4 { text-align: left; padding: 10px 20px 10px 20px; }
table.timetable input { width: 60px; }
table.timetable textarea { font-size: 12px; }
table.timetable .hint { letter-spacing: 0px; font-size: 11px; }
.timetable-example table.timetable td.cel2 { width: 60px; }
.timetable-example table.timetable td.cel1 { width: 45px; }

table.timetable .hint .tm { font-size: 11px; display: block; border-bottom: 1px dotted #f1f1f1; }

textarea.dotted-underline { background: url("/Common/images/td_dotted.png"); line-height: 22px; border: 1px solid #F1f1f1; padding: 2px 6px; border-radius: 2px 2px 2px 2px; font-size: 12px; }

table.settingtype { margin-bottom: 10px; }
table.settingtype td, table.settingtype th { border-color: #f1f1f1; text-align: center; }
table.settingtype td.cel1 { border-left: 1px solid #f1f1f1; width: 50px; }
table.settingtype td.cel2 { width: 80px; }
table.settingtype td.cel3, table.settingtype th.cel3 { text-align: left; padding: 10px 0px 10px 20px; width: 230px; }
table.settingtype td.cel4 { text-align: left; padding: 10px 0px 10px 20px; }
table.settingtype input { width: 60px; }
table.settingtype textarea { font-size: 12px; }
table.settingtype select { width: 232px; margin-top: 6px; }
table.settingtype label { display: block; }
table.settingtype .hint { letter-spacing: 0px; }

table.classs-subject-course { }
table.classs-subject-course td, table.classs-subject-course th { font-weight: normal; padding: 6px 3px 6px 3px; background: #f8f8f8; text-align: center; border: 1px dotted #e8e8e8; }
table.classs-subject-course td.cel1, table.classs-subject-course th.cel1 { width: 50px; }
table.classs-subject-course td { background: #FFF; height: 36px; }
table.classs-subject-course td.type { width: 90px; }
table.classs-subject-course td.teacher { width: 90px; }
table.classs-subject-course td.time { text-align: left; padding-left: 18px; }
table.classs-subject-course .action.icon.cose-del { margin-left: 10px; }
table.classs-subject-course td.last { width: 80px; }
table.classs-subject-course .jselect { margin: 0px auto; }
table.classs-subject-course .jselect .menu { min-width: 80px; }

table.timeperiod td.cel1 { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; text-align: center; }
table.timeperiod th.cel1 { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; text-align: center; width: 80px; }
table.timeperiod th { font-size: 14px; background: #f8f8f8; border-right: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; border-bottom-style: solid; text-align: left; height: 26px; border-color: #e8e8e8; }
table.timeperiod td { border-right: 1px solid #e8e8e8; border-top: none; border-bottom-style: solid; background: #FFF; text-align: left; height: 26px; border-color: #e8e8e8; }

.course-time-holder { line-height: 36px; }
.course-time-holder table { width: 506px; }
.course-time-holder .course-time td { padding: 0px 0px; border: none; }
.course-time-holder td.date { width: 380px; padding: 0px; }
.course-time-holder td.date input.text { width: 370px; margin: 0px; }
.course-time-holder td.msg { width: 40px; }
.course-time-holder td.single { width: 43px; text-align: right; }
.course-time-holder td.multi { width: 43px; text-align: right; }
.course-time-holder .jselect { margin: 0px; width: 100%; }
.course-time-holder .cose-btn-a { height: 28px; }
.course-time-holder .warning { cursor: pointer; }
.course-time-holder .input-msg { display: inline-block; padding-left: 10px; }
.course-time-holder table.mini { width: 260px; }
.course-time-holder table.mini input.text { width: 160px; text-align: left; padding: 1px; height: 24px; line-height: 24px; }
.course-time-holder table.mini td.date { width: 170px; }



th.num { width: 40px; }
th.name { width: 60px; }
th.code { width: 40px; }
th.sex { width: 40px; }
th.mobile { width: 60px; }
th.email { width: 80px; }
th.date { width: 120px; }

th.w40 { width: 40px; }
th.w50 { width: 50px; }
th.w60 { width: 60px; }
th.w70 { width: 70px; }
th.w80 { width: 80px; }
th.w90 { width: 90px; }
th.w100 { width: 100px; }
th.w110 { width: 110px; }
th.w120 { width: 120px; }
th.w130 { width: 130px; }
th.w140 { width: 140px; }
th.w150 { width: 150px; }
th.w160 { width: 160px; }

table.mgside textarea.relation-desc { width: 90%; }

table.mgside.classes th.name { width: 120px; }
th.state { width: 100px; }

.takeoff-holder { margin-bottom: 20px; }
.takeoff-holder h3 { font-weight: normal; font-size: 14px; padding-bottom: 4px; margin-bottom: 5px; padding-left: 20px; }

.takeoff-holder textarea { height: 20px; margin-top: 5px; width: 290px; }
.takeoff-holder li a.yellow-button { line-height: 20px; float: right; margin-top: 6px; margin-right: 10px; }
.takeoff-holder a.new { margin-top: 10px; }

.takeoff-nav { font-size: 14px; padding: 10px; }

.action.icon, .action.icon span.icon { background: url("/Common/images/icon2362.png") no-repeat scroll 0 0 transparent; display: inline-block; }
.action.icon.cose-del { background-position: -72px -20px; line-height: 20px; margin-top: 0px; color: #FFF; text-indent: -9999px; height: 20px; width: 20px; }
.action.icon.cose-del:hover { background-position: -96px -20px; }

.action.icon.new { font-size: 12px; padding: 3px 6px 3px 6px; border: 1px solid #FAE9DA; border-radius: 2px 2px 2px 2px; background: #FCEFE3; color: #666; }
.action.icon.new span.icon { background-position: -172px -267px; line-height: 20px; width: 20px; color: #FCEFE3; }

.form .jselect { width:200px; margin:inherit; }
.jselect { position: relative; height: 30px; width: 90%; line-height: 24px; height: 26px; margin: 0px auto; font-size: 12px; border: 1px solid #E6E6E6; border-radius: 2px; cursor: pointer; text-align: left; display:inline-block; }
.jselect div { line-height: 24px; }
.jselect .value { white-space: nowrap; display: block; overflow:hidden;}
.jselect .select { line-height: 24px; border: 0px Inset #666; border-radius: 2px; overflow: hidden; padding: 0px 20px 0px 6px; height: 100%;  }
.jselect .action.icon { background-position: -75px -75px; height: 20px; width: 14px; line-height: 20px; color: #FFF; }
.jselect .action.icon:hover { background-position: -100px -75px; }
.jselect .action.icon.hover { background-position: -100px -75px; }
.jselect .arrow { position: absolute; right: 3px; top: 7px; }

.jselect .menu { display: none; background-color: #FFFFFF; border-radius: 2px; font: 12px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); color: #0188CC; position: absolute; top: 26px;width: 100%; right: 0px; z-index: 1000; line-height: 24px; }

.jselect .menu li.item { border-left: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; cursor: pointer; padding: 3px; position: relative; text-align: right; margin: 0px; width: auto;border-bottom: 1px dotted #C4C4C4;  }
.jselect .menu li.first { border-radius: 0px 0px 0 0; border-top: 1px solid #C4C4C4; }
.jselect .menu li.last { border-bottom: 1px solid #C4C4C4; border-radius: 0 0 3px 0px; }
.jselect .menu li.last.add { border-top: 1px solid #f1f1f1; background: url("/Common/images/mini_add.gif") no-repeat scroll 26px 10px #FFF; font-size: 11px; }
.jselect .menu li.last.add a { text-align: center; color: #444; }
.jselect .menu li.last.add a:hover { background: url("/Common/images/mini_add.gif") no-repeat scroll 26px 10px #EE7B33; color: #FFF; }
.jselect .menu li.last.first { border-radius: 0px 0px 3px 0px; }

.jselect .menu li.first > a { border-radius: 0px 0px 0 0; height: 28px; line-height: 28px; }
.jselect .menu li.last > a { border-radius: 0 0 3px 3px; height: 28px; line-height: 28px; }

.jselect .menu li.item a { display: block; padding-left: 10px; padding-right: 10px; text-align: left; white-space: nowrap; }
.jselect .menu li.item a:hover { background: #EE7B33; color: #FFF; }

.jselect i { margin-right:2px; }

.jselect .menu-right { left: 100%; top: 0%; position: absolute; background:#FFF; display:none; }

.state-jselect { font-size: 12px; padding: 0px; margin-top: 4px; margin-right: 10px; display: inline-block; color: #999999; float: right; padding: 0px; margin-top: 4px; margin-right: 10px; position: relative; width: 130px; }
.state-jselect .tit { width: 50px; float: left; text-align: right; }
.state-jselect .jselect { position: absolute; right: 0px; top: -3px; border: none; }
.jselect.state { width: 80px; border: none; }
.jselect.state .menu { min-width: 80px; }

.pop-confirm { text-align: left; width: 330px; }
.pop-confirm .pop-confirm-cnt { margin-top: 12px; text-align: left; }
.pop-confirm .pop-confirm-cnt span { color: #000; margin-right: 10px; background: none repeat scroll 0 0 #FFFFFF; border: 1px dotted #B7B9BC; color: #444444; display: inline-block; line-height: 20px; margin: 0 5px 5px; padding: 0 3px; }
.pop-confirm .pop-confirm-btn { margin-top: 12px; text-align: left; }

.class-subject-nav { padding-left: 0px; background: #f8f8f8; border-top: 1px solid #f1f1f1; }
.class-subject-nav a { margin: 0px 6px; display: inline-block; float: left; height: 26px; line-height: 26px; padding: 0px 16px; }
.class-subject-nav a:hover { color: #3386D1; background: #f6f6f6; }
.class-subject-nav a.current { background: #FFF; color: #444; font-size: 14px; }

#side_schedule .min-calendar { margin-top:0px; }
.min-calendar ul.cnt { height: 32px; }
.min-calendar { }
.min-calendar .tit li { font-size: 14px; height: 20px; line-height: 20px; text-align: center; background: #F8f8f8; float: left; width: 56px; padding: 4px 0px; border: 1px solid #FFF; border-right: none; border-bottom: none; }
.min-calendar .tit li.Friday { border-right: 4px solid #fff; width:52px; }
.min-calendar .cnt li { position: relative; float: left; border: 1px solid #FFF; border-right: none; border-bottom: none; width: 56px; height: 46px; text-align: center; font-size: 12px; background: #f1f1f1; }
.min-calendar .cnt li.pre, .min-calendar .cnt li.next { background: #f8f8f8; font-size: 10px; }
.min-calendar .cnt li.conflict a { color: #ff0000; }
.min-calendar .cnt li.Friday { border-right: 4px solid #fff; width:52px; }
.min-calendar ul.pre li { border-bottom: 1px solid #FFF; }
.min-calendar li.pre, .min-calendar li.next { color: #ccc; }
.right-side .min-calendar li { margin: 0px; }
.min-calendar li.Sunday { border-right: 1px solid #FFF; }
.min-calendar li.Monday { border-left: 0px solid #FFF; }
.min-calendar .cnt li.current { }
.min-calendar .cnt li.current .num a { border: 1px solid #00c1e2; border-radius: 24px 24px 24px 24px; width: 24px; height: 24px; line-height: 24px; text-decoration: underline; display: block; margin: 0px auto; }
.min-calendar .cnt li.current .num a:hover { background: none; }
.min-calendar .cnt li.today .num a { border: 1px solid #ff8d3b; border-radius: 24px 24px 24px 24px; width: 24px; height: 24px; line-height: 24px; text-decoration: underline; display: block; margin: 0px auto; }
.min-calendar .cnt li.today.current .num a { border-color:#00c1e2; }

.min-calendar.print .cnt li { height: 26px; }
.min-calendar.print ul.cnt { height: 28px; }

.min-calendar .nav { padding-bottom: 10px; padding-top:10px; height: 20px; text-align:center; background:#fff; }
.min-calendar .nav a { color: #336699; }
.min-calendar .nav a:hover { color: #ff8d3b; background: none; }
.min-calendar .nav a:hover i { color: #ff8d3b;}
.min-calendar-hint { font-size:10px; color:#ccc; }

.min-calendar .num a { display: block; color: #999; line-height: 26px; }
.min-calendar .next .num a, .min-calendar .pre .num a { display: block; color: #ccc; }
.min-calendar .num a.ob { font-weight: bold; font-size: 14px; color: #336699; }
.min-calendar .pre .num a.ob, .min-calendar .next .num a.ob { font-size: 12px; color: #336699; font-weight: normal; }
.min-calendar .num a:hover { background: #FFF6ED; color: #666999; }
.min-calendar-pop span.sbj u { margin-left: 4px; background: #3386D1; padding: 0px 2px; color: #FFF; text-decoration: none; line-height: 12px; font-size: 10px; display: inline-block; }

.min-calendar-pop .lesson { margin: 0px 0px 5px 0px; float: left; max-width: 500px; }
.min-calendar-pop .lesson a.cose { display: block; font-size: 12px; background: #F8f8f8; border: 1px solid #E6E6E6; border-left: 2px solid #3386D1; padding: 2px; }
.min-calendar-pop .lesson a.cose:hover { background: #EBF3FB; color: #336699; }
.min-calendar-pop { position: absolute; z-index: 100; text-align: left; padding: 18px 18px 18px 18px; background: #FFF; display: none; width: 340px; border: 1px solid #e6e6e6; box-shadow: 0px 1px 3px 0.5px rgba(0, 0, 0, 0.13); }
.min-calendar-pop.one { }
.min-calendar-pop .tit { margin-bottom: 8px; border-bottom: 1px dotted #e6e6e6; padding-bottom: 4px; }

.lesson-mini-pop { position: absolute; z-index: 100; text-align: left; padding: 20px; background: #FFF; display: none; width: 240px; border: 1px solid #ccc; box-shadow: 0px 1px 3px 0.5px rgba(0, 0, 0, 0.13); filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95;}
.lesson .lesson-mini-pop span { margin-bottom:6px; display:block; }


.related-essons { margin-top: 40px; }
.related-essons h4 { font-size: 15px; margin: 40px 0 10px; padding-bottom: 8px; font-weight: normal; color: #072; }

.un-lessons { width: 162px; padding: 14px; position: absolute; left: 925px; background: #FFF; border: 1px solid #e6e6e6; box-shadow: 0px 1px 3px 0.5px rgba(0, 0, 0, 0.13); top: 49px; border-top: none; z-index: 100; display: none; }
.un-lessons .lesson { width: 162px; margin: 6px 0px; }
.un-lessons .lesson a.cose { padding: 4px; width: 150px; }
.un-lessons .lesson span { display: block; margin: 3px 0px; }

#courseone_holder { position: relative; }
#courseone_holder .conflict-holder { position: absolute; right: 0px; top: 0px; width: 400px; padding: 4px; background: url("/Common/images/layer_bg.png") repeat scroll 0 0 transparent; z-index: 10; }
#courseone_holder .conflict { border: 1px solid #A0A0A0; border-radius: 3px 3px 3px 3px; background: #FFF; }
#courseone_holder .conflict h3 { color: #5B6772; padding: 20px 30px; font-size: 14px; font-weight: normal; margin-left: 10px; margin: 0px; padding-bottom: 10px; border-bottom: 1px dotted #e6e6e6; }
#courseone_holder .conflict h3 .close { float: right; }
#courseone_holder .conflict .course { padding: 6px 30px 30px; }
#courseone_holder .conflict td.cel1 { width: 40px; text-align: right; }
#courseone_holder .conflict td { padding: 3px 4px; }

.course-edit-holder { margin-top: 20px; }
.course-one { margin-left: 0px; }
.course-one span.time { color: #444; }
.course-one a.class { color: #3386D1; }
.course-one a.tch { color: #007722; }
.course-one a.sbj { display: inline-block; color: #EE7B33; }
.course-one a:hover { color: #FFF; }
.course-one span.coseid { font-size: 12px; position: inherit; margin-right: 8px; }
.course-one .item { margin: 4px 0px; }
.course-one u { background: #3386D1; padding: 0px 2px; color: #FFF; text-decoration: none; line-height: 14px; font-size: 12px; display: inline-block; margin-left: 6px; }
.course-one .jselect.cose-tch { width: 120px; margin: 0px; }
.course-one .jselect.cose-cls { width: 120px; margin: 0px; }
.course-one .jselect.cose-sbj { width: 120px; margin: 0px; }
.course-one .jselect.cose-type { width: 120px; margin: 0px; }
.course-one .jselect .menu { min-width: 120px; }

.course-one .date-holder { padding-top: 10px; }

.jselect.state .menu { min-width: 80px; }

.course-one .stus span { margin-right: 10px; }
.course-one .jselect { }


.autosave-tip { font-size: 12px; color: #999999; margin: 25px 0px 15px 0px; }

#course_move_spirit { display: none; }
#course_move_spirit .lesson .cose { padding: 4px; }
#course_move_spirit .lesson span { margin: 2px 0px; }


.classes-holder { }
.state-nav { height: 36px; padding-top: 10px; }
.state-nav a { }
.state-nav a.current { color: #999; }
.state-nav a.current:hover { background: none; }
.state-nav span.line { margin: 0px 12px; color: #E6E6E6; }

.sort-nav { height: 36px; color: #999; }
.sort-nav .item { float: left; margin-right: 10px; }
.sort-nav label { line-height: 26px; display: inline-block; }
.sort-nav select { width: 100px; vertical-align: middle; }

.appointment-period-list {  }
.appointment-period-item { padding-bottom:4px; }
.appointment-period-list .select { height:26px; width:100px; }
.appointment-period-list .text-date { height:26px; width:94px; }



