@charset "utf-8";
/* CSS Document */
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; outline: 0; list-style: none; text-decoration: none; letter-spacing: normal; margin: 0; }

ol, ul { list-style: none; }

a:focus { outline: none; }

body { background: #E8E3E8; padding: 60px 0 0px 0; font-size: 14px; color: #636363; font-family: Arial, Helvetica, sans-serif; height: 100%; }

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0px 0px 0px; /* the bottom margin is the negative value of the footer's height */ }

.footer, .push { height: 30px; /* .push must be the same height as .footer */ }

#skip_link { left: -50%; position: absolute; width: auto; }
/**************** Start Header *****************/
#header { width: 1024px; margin: 0 auto; }

#footer { width: 1024px; margin: 0 auto; }

#search_block { width: 198px; float: left; padding: 16px 0 0 0; }

#search_block input { border: 0; box-shadow: none; padding: 0; margin: 0; border-radius: 0; font-size: 11px; color: #666666; font-weight: bold; }

#search_block input.search_block { background: url(../img/search_input_bg.png) no-repeat left top; width: 104px; height: 18px; border: 0; box-shadow: none; padding: 0; margin: 0; float: left; padding: 3px 18px 3px 2px; }

#search_block input.search_button { background: url(../img/search_button.png) no-repeat left top; width: 23px; height: 24px; float: left; }

#search_panel { width: 137px; height: 85px; position: absolute; left: 885px; top: 41px; display: block; background-color: #4C2177; display: none; padding: 10px; }

#search_panel input[type=checkbox] { margin: 0; }

#search_panel .content-field { color: #ffffff; font-size: 12px; }

#copyrights_block { color: #FFFFFF; font-size: 8pt; padding: 6px 0 0; width: 1024px; }

#version_block { float: right; padding: 0 0 0 7px; }

#copyrights_text { margin: 0; padding: 0; text-align: left; float: left; }

#help { width: 25px; height: 25px; float: left; padding: 16px 0 0 5px; }

.mousearea { padding-bottom: 15px; }

.loginBlock { float: right; width: 370px; }

#login_block { width: 120px; float: right; text-align: right; position: relative; padding: 18px 8px 0 0; }

#login_block a.login-link { color: #fff; text-decoration: none; font-size: 12px; }

#login_block a.login-link:hover { text-decoration: underline; cursor: pointer; }

#login_block span.login-link { color: #fff; text-decoration: none; font-size: 12px; text-transform: capitalize; }

#login_block span.login-link:hover { text-decoration: underline; cursor: pointer; }

#login_block .head_ico { width: 26px; height: 26px; position: absolute; top: 14px; left: 0; }

#login_block span { background: url("../img/bottom_aerrow.png") no-repeat scroll right 11px transparent; color: #FFFFFF; cursor: pointer; display: block; font-size: 12px; padding: 1px 14px 0 0; text-decoration: underline; }

#login_block .mark_list { left: -110px; top: 45px; display: none; width:230px!important}

#login_block .mark_list #loginlinks ul#schoolList { border-top: 1px solid #646262; max-height: 250px; overflow-y: scroll;}

#login_block .mark_list ul li a { font-size: 11px; padding: 0 5px 0 10px; font-weight: bold; }

#login_block .mark_list .mark_list_top { left: 96%; }

#login_block .mark_list ul li img { width: 16px; height: 16px; }


/**************** End Header *****************/

/**************** Main Container *****************/
#main_container { margin: 0 auto; padding: 30px 0; width: 1024px; height: 100%; min-height: 462px; }

#EmailIcon { background: transparent url('email-icon.png') no-repeat 0 0;}

body > #main_containerr { height: auto; min-height: 100%; }

.padding-top15 { padding-top:15px;}

.toglehide { display: none; }

.togleshow { display: block; }

.absenceSmsText { width: 340px!important; height: 100px!important; resize: none; margin-bottom: 0px!important; font-family: verdana; }

.absenceKey { padding: 5px 5px 12px 50px;}

.absenceKeyIds { width: 50px; text-align: left; float: left;padding: 0 30px 0 50px;}

.absenceKeyIdNames { width: 200px; text-align: left; float:right; }

.my_school_detail { width: 1024px; padding: 0 0 1px 0; }

.my_school_detail .logo_ico { width: 83px; float: left; padding: 0 0 0 4px; min-height: 58px; }

.my_school_detail .logo_ico img { width: 60px; height: 58px; }

.my_school_detail .school_name { width: 936px; float: left; padding: 19px 0 0 0; }

/*********** Top Nav ***********/
#top_nav { width: 934px; background: #4c2177; border: 1px solid #000; border-bottom: 0 none; border-top-left-radius: 6px; border-top-right-radius: 6px; margin: 0 0 0 87px; height: 29px; }

#top_nav ul { padding: 1px 20px 0 31px; }

#top_nav ul li { float: left; padding: 0 12px 0 0; position: relative; }

#top_nav ul li a { font-size: 12px; color: #fff; display: block; font-weight: bold; padding: 4px 10px; }

#top_nav ul li a:hover { background: #6f4d90; }

#top_nav ul li a.active { background: #6f4d90; }

#top_nav ul li.last { float: right; }

#top_nav ul li.last .mark_list { left: -35px; top: 27px; }

#top_nav ul li.last a { padding: 4px 23px 4px 10px; }

#top_nav ul li.last a span { position: absolute; width: 13px; height: 13px; top: 4px; right: 17px; }

#top_nav ul li.right { float: right; }

#top_nav ul li.last ul { padding: 0; }

#top_nav ul li.last ul li { float: none; padding: 0; }

#top_nav ul li.last ul li a { font-size: 11px; font-weight: bold; background: none; color: #646262; padding: 6px 5px 2px 10px; }

#top_nav ul li.last ul li a:hover { text-decoration: underline; }

#top_nav ul li.last ul li a.active { }
/**************** Start Left Block *****************/
#left_block { width: 87px; float: left; padding: 31px 0 0 0; position: relative; }

.left_nav { width: 87px; position: relative; }

.left_nav ul { padding: 0; margin: 0; }

.left_nav ul li { margin: 0 0 5px 0; width: 86px; position: relative; padding: 6px 0 0 0; }

.left_nav ul li.active { width: 87px; background: #fff; border: 1px solid #708090; border-right: 0 none; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.left_nav ul li:hover { }

.left_nav ul li.active { }

.left_nav ul a li { font-size: 9px; color: #4c2177; text-align: center; width: 80px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.left_nav ul a li:hover { text-decoration: none; }

.left_nav ul a li span { display: block; position: relative; top: -3px; text-transform: uppercase; }

.left_nav ul li a { font-size: 9px; color: #4c2177; text-align: center; width: 80px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.left_nav ul li a:hover { text-decoration: none; }

.left_nav ul li a span { display: block; position: relative; top: -3px; text-transform: uppercase; }

/**************** End Left Block *****************/
#main_content { background: #fff; width: 934px; float: left; border: 1px solid #708090; }

#main_content .content_block { width: 870px; padding: 30px 30px 30px 34px; position: relative; min-height: 300px; }

#main_content .content_block .title { background: #4c2177; height: 22px; border: 1px solid #000; border-bottom: 0 none; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 7px 0 0 5px; }

#main_content .content_block .title h2 { font-size: 14px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }

#main_content .content_block .title-ces { height: 22px; border-bottom: 0 none; padding: 14px 0 0px 20px; }

#main_content .content_block .title-ces h2 { font-size: 14px; color: #636363; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }

#main_content .content_block .block_content_area { border: 1px solid #708090; overflow: hidden; }

#main_content .content_block .block_content_area h3.no-content { font-size: 12px; color: #636363; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: center; padding-top: 30px; }

#main_content .content_block .title table tr td div h2 { font-size: 14px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; padding-bottom: 7px; }

#main_content .content_block .title table tr td a img.teaching-group-icons { float: right; height: 16px; padding: 0 0 7px 135px; width: 18px; cursor: pointer; }

#main_content .content_block .title table tr td a img.teaching-group-all-icons { float: right; height: 16px; padding: 0 7px 7px 5px; width: 18px; cursor: pointer; }

#main_content .content_block .block_content_area #tblAssignedRoleGroups h3.no-content { font-size: 12px; color: #636363; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: center; padding-top: 30px; }

#main_content .content_block .block_content_area #tblAllRoleGroups h3.no-content { font-size: 12px; color: #636363; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: center; padding-top: 30px; }

#main_content .content_block .title table tr td div.unexplained { width: 440px; }

#main_content .content_block .title table tr td div.unexplained h2 { font-size: 14px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; padding-bottom: 15px; }

#main_content .content_block .title table tr td button img.list-icons-img { float: right; padding: 0 0 0px 0px; width: 16px !important; height: 16px !important; position: absolute; }

#main_content .content_block .block_content_area #tblcurrentdateabsence h3.no-content { font-size: 12px; color: #636363; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: center; padding-top: 30px; }

#main_content .content_block .block_content_area #tblpastdateabsence h3.no-content { font-size: 12px; color: #636363; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: center; padding-top: 30px; }

#main_content .content_block .title table tr td button#Currentabsence { background-color: transparent; border: medium none; float: left; height: 16px; position: relative; width: 16px; padding-bottom: 16px; padding-right: 14px; outline: none; }

#main_content .content_block .title table tr td button#Pastabsence { background-color: transparent; border: medium none; float: left; height: 16px; position: relative; width: 16px; padding-bottom: 16px; padding-right: 14px; outline: none; }

#main_content .content_block .title table tr td button#FutureEvents { background-color: transparent; border: medium none; float: right; height: 16px; position: relative; width: 16px; padding-bottom: 16px; padding-right: 14px; outline: none; }

/********* Home Page ***********/
.loader {
        background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///0pISOTk5N3d3e/v705MTEpISGpoaKalpY6MjM3NzWJgYH59fauqqpCPj9DQ0GRjY0xKSoF/f+zs7OPi4vb29nFwcOXl5fX19crKyru6utnY2PLy8gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
        height: 11px;
        width: 16px;
    }

div .home_widget_area {
        height: 185px;
        overflow: auto;
        overflow-x: hidden;
    }

#main_content .content_block a.more { font-size: 11px; color: #fff; background: #029c8a; text-align: center; border-radius: 3px; padding: 1px 5px 1px 5px; font-weight: bold; text-transform: capitalize; }

.task_block { width: 510px; float: left; margin: 0 0 30px 0; overflow: hidden; }

.task_block .task_row { min-height: 29px; font-size: 14px; color: #636363; overflow: hidden; width: 508px; }

.task_block .gray { background: #d3d3d3; }

.task_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; overflow: hidden; border: 1px solid #708090; border-bottom: 0 none; font-size: 13px; }

.task_block .task_row .type { width: 82px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.task_block .task_row .details { width: 265px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.task_block .task_row .details span { word-wrap: break-word; }

.task_block .task_row .date { width: 77px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.task_block .task_row .info { width: 53px; float: left; border-left: 1px solid #708090; padding: 4px 0 4px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.task_block .scroll-pane { height: 116px !important; overflow: hidden; }

.teaching_block { width: 340px; float: right; margin: 0 0 30px 20px; overflow: hidden; }

.teaching_block .teaching_row { min-height: 29px; font-size: 14px; color: #636363; width: 338px;height: 33px;}

.teaching_block .gray { background: #d3d3d3; }

.teaching_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; overflow: hidden; border: 1px solid #708090; border-bottom: 0 none; font-size: 13px; }

.teaching_block .teaching_row .class { width: 315px; float: left; padding: 4px 0 5px 5px; min-height: 20px; position: relative; margin-bottom: -2000px; padding-bottom: 2000px; }

.teaching_block .teaching_row .mark { width: 25px; height: 25px; position: relative; right: 5px; top: 0px; float: right; }

.teaching_block .teaching_row a.mark_link { background: url(../img/sub_grid_ico.png) no-repeat left top; width: 17px; height: 15px; text-indent: -9999px; position: absolute; }

.teaching_block .teaching_row a.mark_link:hover { background: url(../img/sub_grid_ico.png) no-repeat left bottom; }

.teaching_block .teaching_row .room { width: 62px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.teaching_block .scroll-pane { height: 116px !important; overflow: hidden; }

.timetable_block { width: 869px; margin: 0 0 30px 0; }

.timetable_block .block_content_area { /*background:url(../img/tiem_tbl_bg.jpg) repeat-y 1px top; min-height:230px;*/ }

.timetable_block .timetable_content_block { text-align: center; float: left; position: relative; border-right: 1px solid #708090; height: 100%; margin-left: 1px; }

.timetable_block .timetable_content_block .mark { width: 17px; height: 15px; position: absolute; right: 7px; bottom: 13px; }

.timetable_block .timetable_content_block a.mark_link { background: url(../img/sub_grid_ico.png) no-repeat left top; width: 17px; height: 15px; text-indent: -9999px; position: absolute; right: 0; }

.timetable_block .timetable_content_block a.mark_link:hover { background: url(../img/sub_grid_ico.png) no-repeat left bottom; }

.timetable_block .period_title { min-height: 55px; line-height: 18px; }

.timetable_block .period_title .period { display: block; font-weight: bold; padding: 9px 0 0 0; font-family: Arial, Helvetica, sans-serif; }

.timetable_block .period_title .period_time { display: block; }

.timetable_block .period_detail { line-height: 16px; padding: 5px 5px; width: 162px; }

.timetable_block .period_detail p { }

.timetable_block .p1 { width: 172px; }

.timetable_block .p2 { width: 172px; }

.timetable_block .p3 { width: 172px; }

.timetable_block .p4 { width: 172px; }

.timetable_block .p5 { width: 172px; }

.timetable_block .p6 { width: 172px; }

.timetable_block .p7 { width: 172px; }

.timetable_block .pgray { width: 172px; }

.timetable_block .pgray .period_title { background: #D3D3D3; }

.event_block { width: 510px; float: left; margin: 0 0 30px 0; overflow: hidden; }

.event_block .event_row { min-height: 29px; font-size: 14px; color: #636363; overflow: hidden; width: 508px; }

.event_block .gray { background: #d3d3d3; }

.event_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; overflow: hidden; border: 1px solid #708090; border-bottom: 0 none; font-size: 13px; }

.event_block .event_row .date { width: 80px; float: left; border-right: 1px solid #708090; padding: 4px 0 6px 5px; min-height: 20px; line-height: 21px; margin-bottom: -2000px; padding-bottom: 2000px; }

.event_block .event_row .time { width: 75px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.event_block .event_row .event { width: 130px; float: left; border-left: 1px solid #708090; padding: 4px 0 6px 5px; min-height: 20px; line-height: 21px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.event_block .event_row .owner { width: 125px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.event_block .event_row .info { width: 53px; float: left; border-left: 1px solid #708090; padding: 4px 0 4px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.event_block .scroll-pane { height: 116px !important; overflow: hidden; }

.absentees_block { width: 340px; float: left; margin: 0 0 30px 20px; overflow: hidden; }

.absentees_block .absentees_row { min-height: 29px; font-size: 14px; color: #636363; overflow: hidden; width: 338px; }

.absentees_block .dual { }

.absentees_block .gray { background: #d3d3d3; }

.absentees_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; overflow: hidden; border: 1px solid #708090; border-bottom: 0 none; font-size: 13px; }

.absentees_block .absentees_row .year { width: 66px; float: left; padding: 4px 0 5px 5px; min-height: 20px; text-align: left; margin-bottom: -2000px; padding-bottom: 2000px; }

.absentees_block .absentees_row .students { width: 185px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.absentees_block .absentees_row .info { width: 70px; float: left; border-left: 1px solid #708090; padding: 4px 0 4px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.absentees_block .scroll-pane { height: 116px !important; overflow: hidden; }

.unexplained_block { width: 545px; float: left; margin: 0 0 30px 0px; overflow: hidden; }

.hiddentd { display: none; }

div.ui-datepicker{ font-size:13px; }

.unexplained_block .unexplained_row { min-height: 29px; font-size: 14px; color: #636363; width: 543px; overflow: hidden; }

.unexplained_block .gray { background: #d3d3d3; }

.unexplained_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; overflow: hidden; border: 1px solid #708090; border-bottom: 0 none; font-size: 13px; }

.unexplained_block .unexplained_row .date { width: 75px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.unexplained_block .unexplained_row .year { width: 55px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.unexplained_block .unexplained_row .students { width: 150px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.unexplained_block .unexplained_row .rollgroup { width: 120px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; position: relative; word-wrap: break-word; }

.unexplained_block .unexplained_row .session { width: 110px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.unexplained_block .unexplained_row_buttons .date { width: 75px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.unexplained_block .unexplained_row_buttons .year { width: 55px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.unexplained_block .unexplained_row_buttons .students { width: 150px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.unexplained_block .unexplained_row_buttons .rollgroup { width: 120px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; position: relative; word-wrap: break-word; }

.unexplained_block .unexplained_row_buttons .session { width: 110px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; word-wrap: break-word; }

.unexplained_block .scroll-pane { height: 116px !important; overflow: hidden; }

.unmarked_block { width: 545px; float: left; margin: 0 0 30px 0px; overflow: hidden; }

.unmarked_block .unmarked_row { min-height: 29px; font-size: 14px; color: #636363; width: 543px; overflow: hidden; }

.unmarked_block .gray { background: #d3d3d3; }

.unmarked_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; overflow: hidden; border: 1px solid #708090; border-bottom: 0 none; font-size: 13px; }

.unmarked_block .unmarked_row .date { width: 75px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.unmarked_block .unmarked_row .session { width: 220px; float: left; border-left: 1px solid #708090;; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.unmarked_block .unmarked_row .name { width: 180px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.unmarked_block .unmarked_row .rollgroup { width: 120px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; position: relative; }

.unmarked_block .unmarked_row .email { width: 25px; float: left; border-left: 1px solid #708090; padding: 3px 0 3px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

/*.unmarked_block .unmarked_row .sms { width: 25px; float: left; border-left: 1px solid #708090; padding: 3px 0 3px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }*/

.unmarked_block .unmarked_row .mobile { width: 60px; float: left; border-left: 1px solid #708090; padding: 4px 0 3px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.unmarked_block .unmarked_row_buttons .date { width: 75px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.unmarked_block .unmarked_row_buttons .year { width: 55px; float: left; border-left: 1px solid #e4e4e4; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.unmarked_block .unmarked_row_buttons .students { width: 150px; float: left; border-left: 1px solid #e4e4e4; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.unmarked_block .unmarked_row_buttons .rollgroup { width: 120px; float: left; border-left: 1px solid #e4e4e4; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; position: relative; }

.unmarked_block .unmarked_row_buttons .session { width: 110px; float: left; border-left: 1px solid #e4e4e4; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.unmarked_block .scroll-pane { height: 116px !important; overflow: hidden; }

.shortcut_widget_block { width: 305px; float: left; margin: 0 0 30px 20px; overflow: hidden; }

.shortcut_widget_block .first { margin-top: 5px; }

.shortcut_widget_block .shortcut_widget_row { min-height: 25px; font-size: 14px; color: #636363; overflow: hidden; width: 303px; }

.shortcut_widget_block .dual { }

.shortcut_widget_block .gray { background: #d3d3d3; }

.shortcut_widget_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; overflow: hidden; border: 1px solid #708090; border-bottom: 0 none; font-size: 13px; }

.shortcut_widget_block .scroll-pane { height: 147px !important; overflow: hidden; }

.attendancereport_widget_block { width: 305px; float: right; margin: 0 0 30px 0px; overflow: hidden; }

.attendancereport_widget_block .first { margin-top: 5px; }

.attendancereport_widget_block .shortcut_widget_row { min-height: 25px; font-size: 14px; color: #636363; overflow: hidden; width: 303px; }

.attendancereport_widget_block .dual { }

.attendancereport_widget_block .gray { background: #d3d3d3; }

.attendancereport_widget_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; overflow: hidden; border: 1px solid #708090; border-bottom: 0 none; font-size: 13px; }

.attendancereport_widget_block .scroll-pane { height: 147px !important; overflow: hidden; }


/********* Mark list *********/
.mark_list { background: #fff; width: 180px; position: absolute; left: -60px; top: 15px; z-index: 25; display: none; border-radius: 5px; border: 3px solid #dedede; }

.mark:hover .mark_list { display: block; }

.mark:hover > .mark_list { display: block; }

.mark_list .mark_list_top { background: url(../img/top_aerrow_pointer.png) no-repeat left top; width: 8px; height: 8px; position: absolute; margin: 0 auto; left: 47%; top: -10px; }

.mark_list .mark_list_bg { }

.mark_list ul { }

.mark_list ul li { position: relative; display: block; padding: 2px 0; text-align: left; }

.mark_list ul li:hover { background: #d3d3d3; }

.mark_list ul li img { width: 25px; height: 16px; position: absolute; top: 3px; left: 10px; }

.mark_list ul li a { display: block; padding: 0 0 0 45px; color: #646262; font-size: 9px; text-transform: capitalize; }

/********* End Mark list *********/


/************** Left Content and Student Info Page ***************/
#left_content { width: 533px; float: left; }

.students_heading_row { color: #636363; font-size: 12px; min-height: 29px; overflow: hidden; height: 30px; }

.block_content_area table { width: 100% !important; }

#grid tr th { padding: 0 1px 0 5px; text-align: left; color: #7B7B7B; }

#grid tr th a { color: #7B7B7B; text-decoration: none; }

#grid tr th a:hover { cursor: pointer; text-decoration: underline; }

#grid tr td { padding: 0 1px 0 5px; }

#grid .firstname { width: 19%; }

#grid .preferredname { width: 19%; }

#grid .surname { width: 19%; }

#grid .gender { width: 7%; }

#grid .dob { width: 10%; }

#grid .rollgroup { width: 10%; }

#grid .house { width: 10%; }

#grid tr td img { display: inline; text-align: center; width: 16px; height: 16px; }

#photogrid tr td { color: #636363; width: 20%; }

#photogrid #tr1 { width: 80%; }

#photogrid #tr2 { width: 20%; }

#photogrid_inner tr td { text-align: center }

.students_row:hover { cursor: pointer; background: none repeat scroll 0 0 #BAD473; }

.select_row { background: none repeat scroll 0 0 #D0E6B6; position: relative; }

.webgrid td { float: left; margin-bottom: -2000px; min-height: 20px; padding: 4px 0 2000px 5px; width: auto; border-left: 1px solid #E4E4E4; }

.hiddenColumn { position: fixed; text-indent: -9999px; width: 10px; }

.photoview-container { width: auto; padding: 20px 20px 5px 20px; }

.photogrid img.hover { border: solid; border-color: #4D2178; cursor: pointer; }

.selected-photo-title { color: #636363; font-size: 12px; height: 37px; line-height: 18px; overflow: hidden; font-weight: bold; }

.photo-title { color: #636363; font-size: 12px; height: 37px; line-height: 18px; overflow: hidden; font-weight: normal; }

.studentInfo_block #ListView { width:25px; height: 24px; background-color: transparent; border: none; float: left; position: relative; }

.studentInfo_block #ListView img.list-icons-img { cursor: pointer; width: 25px !important; height: 24px !important; position: absolute; left: 0; top: 0; }

.studentInfo_block #GridView { width: 25px; height: 24px; background-color: transparent; border: none; float: left; position: relative; }

.studentInfo_block #GridView img.list-icons-img { cursor: pointer;  width: 25px !important;  height: 24px !important; position: absolute;  left: 0; top: 0; }

.studentInfo_block #printReport {  width: 25px; height: 24px;  background-color: transparent; border: none;   float: left; position: relative; margin-left: 10px; }

.studentInfo_block #printReport img.list-icons-img-print {  cursor: pointer; width: 25px !important;  height: 24px !important; position: absolute; left: 0; top: 0;  }

#grid tr td img.info {  display: inline; text-align: center; width: 16px;  height: 13px; }

.student-left-indicator { color: red; float: left;  }

.student-name-indicator { color: #636363; float: left; } 

/********** Search page **********/
.students_block { width: 533px; float: left; margin: 0 0 30px 0; }

.students_block .students_row { min-height: 29px; font-size: 12px; color: #636363; overflow: hidden; height: 30px; }

.students_block .gray { background: #d3d3d3; }

.students_block .gray_row { background: #f5f5f5; }

.students_block .heading { text-transform: capitalize; color: #636363; padding: 1px 0 0 0; height: 30px; }

.staff_block { width: 533px; float: left; margin: 0 0 30px 0; }

.staff_block .staff_row { min-height: 29px; font-size: 12px; color: #636363; overflow: hidden; }

.staff_block .gray { background: #d3d3d3; }

.staff_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; }

.staff_block .staff_row .name { width: 142px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.staff_block .staff_row .staff_title { width: 124px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.staff_block .staff_row .house { width: 63px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.staff_block .staff_row .position { width: 179px; float: left; border-left: 1px solid #708090; padding: 4px 0 4px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.room_block { width: 533px; float: left; margin: 0 0 30px 0; }

.room_block .room_row { min-height: 29px; font-size: 12px; color: #636363; overflow: hidden; }

.room_block .gray { background: #d3d3d3; }

.room_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; }

.room_block .room_row .code { width: 83px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.room_block .room_row .code { width: 83px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.room_block .room_row .room_title { width: 170px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.room_block .room_row .disc { width: 178px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.room_block .room_row .seating { width: 75px; float: left; border-left: 1px solid #708090; padding: 4px 0 4px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.classes_block { width: 533px; float: left; margin: 0 0 30px 0; }

.classes_block .classes_row { min-height: 29px; font-size: 12px; color: #636363; overflow: hidden; }

.classes_block .gray { background: #d3d3d3; }

.classes_block .heading { text-transform: capitalize; font-weight: bold; color: #636363; padding: 1px 0 0 0; }

.classes_block .classes_row .code { width: 83px; float: left; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.classes_block .classes_row .class { width: 90px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.classes_block .classes_row .disc { width: 161px; float: left; border-left: 1px solid #708090; padding: 4px 0 5px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.classes_block .classes_row .teacher1 { width: 87px; float: left; border-left: 1px solid #708090; padding: 4px 0 4px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }

.classes_block .classes_row .teacher2 { width: 81px; float: left; border-left: 1px solid #708090; padding: 4px 0 4px 5px; min-height: 20px; margin-bottom: -2000px; padding-bottom: 2000px; }
/********** End Search page **********/

/************** End Left Content ***************/
#CreateNoteBlock .jspHorizontalBar { visibility: hidden; }

#EditNoteBlock .jspHorizontalBar { visibility: hidden; }

#ExpectedAbsenceBlock .jspHorizontalBar { visibility: hidden; }
/************** Right Content ***************/
#right_content { width: 300px; float: right; margin: 0 0 30px 0; }

#right_content .pullout_block { width: 298px; border: 1px solid #708090; min-height: 638px; }
/************** End Right Content ***************/

/**************** End Container *****************/

/************** Left Content ***************/
.left_content { width: 540px; float: left; padding-bottom: 20px; }

.left_content_large { width: 865px;height: 540px;  float: left; padding-bottom: 20px; }

.left_content_individual { width: 100%; float: left; padding-bottom: 20px; }

/********** Search page 100% **********/
.bigger_left_content { width: 868px; float: left; }

.bigger_left_content .students_block { width: 870px; }

.bigger_left_content .staff_block { width: 870px; }

.bigger_left_content .staff_block .staff_row .name { width: 262px; }

.bigger_left_content .staff_block .staff_row .staff_title { width: 184px; }

.bigger_left_content .staff_block .staff_row .house { width: 123px; }

.bigger_left_content .staff_block .staff_row .position { width: 239px; }

.bigger_left_content .room_block { width: 870px; }

.bigger_left_content .room_block .room_row .code { width: 103px; }

.bigger_left_content .room_block .room_row .room_title { width: 210px; }

.bigger_left_content .room_block .room_row .disc { width: 378px; }

.bigger_left_content .room_block .room_row .seating { width: 95px; }

.bigger_left_content .classes_block { width: 870px; }

.bigger_left_content .classes_block .classes_row .code { width: 143px; }

.bigger_left_content .classes_block .classes_row .class { width: 150px; }

.bigger_left_content .classes_block .classes_row .disc { width: 221px; }

.bigger_left_content .classes_block .classes_row .teacher1 { width: 147px; }

.bigger_left_content .classes_block .classes_row .teacher2 { width: 141px; }

/********** End Search page **********/
.left_content .select_row { background: #d0e6b6; position: relative; }

.left_content .select_row span { background: url(../img/select_aerrow.png) no-repeat left top; width: 23px; height: 30px; position: absolute; right: -23px; top: 0; display: block; z-index: 555; }
/************** End Left Content ***************/

/************** Right Content ***************/
.new_right_content { width: 324px; float: right; }

.right_content_communications { width: 260px;float: right; }

.actionPopup input[type="submit"] { background-image: none;background: #029C8A; border: 1px solid #029C8A;color: #ffffff; }

#saveBtn { background-image: none;background: #029C8A; border: 1px solid #029C8A;color: #ffffff; }

#cancelbtn { background-image: none;background: #fff; border: 1px solid #e2e0e0;color: #636363; }

.hiddenCommentBox #messageText { height: 80px; width: 278px;margin: 0;  border-left: medium solid #E64A48; }

.hiddenCommentBox { padding-top: 10px; }

#hiddenArea { display: none; }

.hiddenUnactioned { display: none; padding-bottom: 10px;}

#hiddenAreaBtns { display: none; }

.subviewtd { width: 100px; padding:4px 10px 4px 5px; vertical-align: top;}

.messagePopUpDiv1 { overflow: auto;height: auto; display: block;}

.messagePopUpDivV1 { overflow: auto;height: 110px; display: block;}

.messagePopUpDiv2 { overflow: auto;height: auto; display: block;}

.messagePopUpDivV2 { overflow: auto;height: 110px; display: block;}

#titleMsgPop { font-weight: bold;}

.msgBottom { padding-bottom: 20px;}

.rowBold { border-top: 1px solid #708090; height: 30px; }

.rowBold2 { border-top: 1px solid #708090; }

#icon1 { float: left; padding-right: 20px; }

#icon2 { float: left; }

.subViewtable { width: 400px;}

.search_right_header { width: 324px; float: right; height: 22px; }

.absences_right_header { width: 324px; float: right; height: 5px; }

.expected_right_header { width: 324px; float: right; height: 5px; }

.detention_right_header { width: 324px; float: right; height: 42px; }

.daily_right_header { width: 324px; float: right; height: 5px; }

#emailSingle a:visited {  color: #0000FF; }

#emailSingle { color: #0000FF; }
        
#emailParent a:visited { color: #0000FF; }
        
#emailParent { color: #0000FF; }
         
#smsSingle a:visited { color: #0000FF; }
        
#smsSingle { color: #0000FF; }

#smsParent a:visited { color: #0000FF; }

#smsParent { color: #0000FF; }
 
.right_content { width: 324px; float: right; margin: 0 0 30px 0; background: white; }

.right_content_Mini { width: 324px; float: right; margin: 0 0 30px 0; background: white; }

.right_content_invisible{ display: none;}

.right_content_Mini .pullout_ico { border: 1px solid #708090; border-right: 0 none; position: absolute; top: 80px; right: 0; display: none; background-color: #d3d3d3; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 0px solid #807C7C; }

.right_content_Mini .pullout_ico a { display: block; padding: 0 0 3px 0px; width: 28px; }

.right_content .pullout_block { width: 324px; border: 1px solid #708090; }

.pullout_block .pullout_button { border-bottom: 1px solid #708090; padding: 0 0 3px 5px; background-color: #d3d3d3; }

.pullout_block .student_detail { padding: 12px 9px; width: 275px; position: relative; }
/*.pullout_block .student_detail .student_img {float:left; width:60px; height:60px; background:#f5f5f5; padding:5px 0 0 5px;}*/
.pullout_block .student_detail .student_img { float: left; width: 60px; height: 60px; padding: 5px 0 0 5px; }

.pullout_block .student_detail .student_disc { margin: 0 0 0 10px; width: 175px; float: left; }

.pullout_block .student_detail .student_disc p { color: #4c2177; line-height: 16px; font-size: 12px; }

.pullout_block .student_detail .student_disc p span { display: block; font-weight: bold; padding: 0 0 10px 0; font-size: 14px; }

.selected-photo { border: 1px solid #808080; padding: 2px; background-color: #D0E6B6; }

.selected-photo:hover { background: none repeat scroll 0 0 #BAD473; cursor: pointer; }

.nonselected-photo { border: 1px solid #808080; padding: 2px; }

.nonselected-photo:hover { background: none repeat scroll 0 0 #BAD473; cursor: pointer; }

.student_dtl_nav { width: 17px; top: 14px; right: 18px; }

.student_dtl_nav ul li { height: 16px; padding: 17px 0 0px }

/*.student_dtl_nav ul li a { background: url(../img/icon-calander.png) no-repeat left top; position: relative; text-indent: -9999px; width: 25px; height: 24px; display: block; }*/

.student_dtl_nav ul li.calender a { background-position: 0 0; background: url(../img/icon-calander.png) no-repeat left top / 25px 27px transparent; position: relative; text-indent: -9999px; width: 29px; height: 26px; display: block; }

.student_dtl_nav ul li.reporting a { background-position: 0 -23px; background: url(../icons/assessment_ico_miniview.png) no-repeat left top / 25px 27px transparent; position: relative; text-indent: -9999px; width: 29px; height: 26px; display: block;}

.student_dtl_nav ul li.mark_book a { background-position: 0 -49px; }

/*.student_disc label {
         color:#080808;
        }*/

.student_disc_nav { width: 270px; margin: 8px 0 0 5px; }

.student_disc_nav ul li { float: left; height: 31px; margin: 10px 0 0 0px; }

.student_disc_nav ul li a { display: block; text-indent: -9999px; }

.student_disc_nav ul li.health a { width: 24px; }

.student_disc_nav ul li.notes a { width: 24px; background-position: -35px 0; height: 24px;}

.student_disc_nav ul li.learner a { width: 20px; background-position: -69px -2px;}

.student_under_line { border-top: 1px solid #708090; height: 4px; }

.student_disc_nav ul li img { width: 25px; height: 24px; margin-left: 5px;padding-left: 5px;}

.emailSmsTeachers { padding-top: 8px; width:90px; }

.emailTeacher { height: 22px; width:26px; float: left; padding-left: 5px; border: 0px; }

.smsTeacher{ height: 22px; width:26px; float: right; padding-left: 10px; border: 0px; }

.emailTeacherNone { display:none; }

/*********** Tabs Content ***********/
.tabular_data { }

#tabContainer { width: 324px !important; border: 0px; padding: 0 0 4px 0; }

#tabs { height: 25px; /*overflow:hidden;*/ position: relative; overflow: hidden; border: 0px; }

#tabs > ul { font: 1em; list-style: none; border-left: 0 none; border-right: 0 none; border-top: 0 none; border-bottom: 1px solid #708090; }

#tabs > ul > li { margin: 0 4px 1px 4px; padding: 3px 5.3px; display: flexbox; float: left; color: #4c2177; border: 1px solid #708090; -webkit-user-select: none; -moz-user-select: none; user-select: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; /*background-color: #d3d3d3;*/ font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 13px; }

#tabs > ul > li:hover { background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */ cursor: pointer; color: #333; }

#tabs > ul > li.tabActiveHeader { background: #FFFFFF; /* old browsers */ cursor: pointer; height: 17px; border-bottom: 0 none; }

#tabscontent { padding: 10px 0px 4px 3px; background: #FFFFFF; /* old browsers */ margin: 0; color: #333; border-left: 0 none; border-right: 0 none; border-bottom: 0 none; width: 321px; }

#notestable { width: 314px !important; overflow: hidden !important; }

#tabscontent table { font-size: 12px; color: #636363; line-height: 16px; padding: 15px 14px 14px 14px; width: 100%; }


#tabscontent table tr td span.Notetitle { font-weight: bold; font-size: 12px; color: #636363; line-height: 16px; }

#tabscontent p.small_content_block { border-bottom: 1px solid #708090; padding: 8px 14px 8px 0px; font-weight: bold; font-size: 12px; color: #636363; line-height: 16px; }

#tabscontent p.small_content_block_attendance { padding: 8px 14px 8px 0px; font-weight: bold; font-size: 12px; color: #636363; line-height: 16px; }

.tdnew { padding: 2px 0; border-width: 1px 0; border-bottom: 0px; border-color: #708090; border-style: solid; }

#tabscontent table tr td p { border-bottom: 1px solid #708090; padding: 8px 94px 8px 0px; width: 184px; font-weight: bold; }

#tabscontent table tr td p.content-title { border-bottom: 1px solid #708090; padding: 8px 94px 8px 0px; width: 68%; font-weight: bold; }

#tabscontent table tr td p a { color: #636363; }

#tabscontent table tr td { color: #080808; }

#tabscontent table tr td span { color: #636363; }

#tabscontent table tr td p a:hover { text-decoration: underline; }

#tabscontent table tr td p span { display: block; padding: 0 0 8px 0; font-weight: bold; }

#tabscontent table tr td p span .bold { display: block; font-weight: bold; }

/************** End Right Content ***************/

/**************** End Container *****************/

/***********************Teacher Time Table Page **********************/
.time_table_block { margin: 0 0 30px 30px; }

.time_table_block select { height: 26px; line-height: 26px; background: #f3f3f3; font-size: 12px; font-weight: bold; color: #636363; margin: 0; width: 245px; }

.tt_header { width: 835px; padding: 0 0 65px 0px; }

.tt_header .teacher_block { width: 240px; float: left; margin: 0 10px 0 0; }

.tt_header .date_selector { width: 260px; float: left; }

.tt_header_links { width: 300px; float: left; margin: 0 0 0 13px; }

.tt_header_links ul { padding: 4px 0 0 0; }

.tt_header_links ul li { height: 16px; float: left; padding: 0 6px 0 0; }

.tt_header_links .printReport { padding-left: 200px; }

.tt_header_links ul li a { }

.teacher_block input:focus { outline: none; }

.tt_header_links ul li.previous_week { padding: 2px 0 0 0; cursor: pointer; }

.tt_header_links ul li.previous_week input { display: block; background: url(../img/left_aerrow.png) no-repeat left top; position: relative; text-indent: -9999px; width: 8px; height: 12px; border: none; cursor: pointer; outline: none; }

.tt_header_links ul li.next_week { padding: 2px 0 0 5px; cursor: pointer; }

.tt_header_links ul li.next_week input { display: block; background: url(../img/right_aerrow.png) no-repeat left top; position: relative; text-indent: -9999px; width: 8px; height: 12px; border: none; cursor: pointer; outline: none; }

.tt_header_links ul li.calender { padding: 2px 0 0 10px; cursor: pointer; }

.tt_header_links ul li.calender input { display: block; background: url(../img/icon_sprite_2.png) no-repeat left top; position: relative; text-indent: -9999px; width: 8px; height: 12px; border: none; cursor: pointer; outline: none; }

.time_table_content { overflow-x: auto; overflow-y: hidden; width: 834px; border: 1px solid #708090; border-top-right-radius: 6px; border-top-left-radius: 6px; }

.time_table_content_area { background: url(../img/time_table_data_bg.jpg) repeat left -70px; height: auto; position: relative; width: 835px; }

.time_table_content_area h3.no-content { font-size: 12px; color: #636363; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: center; padding-top: 50px; padding-bottom: 1726px; }

.time_table_content .heading { text-align: center; background: #4c2177; color: #fff; height: 42px; font-weight: bold; padding: 7px 0 0 0; line-height: 18px; text-transform: capitalize; }

.time_table_content .heading span { display: block; font-weight: normal; }

.time_table_content .monday { width: 166px; float: left; height: 100%; position: relative; }

.time_table_content .tuesday { width: 166px; float: left; height: 100%; position: relative; }

.time_table_content .wednesday { width: 166px; float: left; height: 100%; position: relative; }

.time_table_content .thursday { width: 166px; float: left; height: 100%; position: relative; }

.time_table_content .friday { width: 166px; float: left; height: 100%; position: relative; }

.time_table_content .saturday { width: 166px; float: left; height: 100%; position: relative; }

.time_table_content .sunday { width: 166px; float: left; height: 100%; position: relative; }

.time_table_columnborder { border-right: 1px solid #708090; }

.time_table_content .jspContainer .jspHorizontalBar { height: 7px; }

.time_table_content .period_block { width: 146px; border: 1px solid #708090; margin-left: 9px; background: #fff; position: absolute; height: 145px; }

.time_table_content .period_block_blank { width: 146px; border: none; position: absolute; height: 145px; }

.time_table_content .period_block .period_title { font-size: 12px; font-weight: bold; line-height: 14px; min-height: 18px; padding: 2px 0 0 4px; }

.time_table_content .period_block .color_style_1 { background: #c0e6e2; }

.time_table_content .period_block .color_style_2 { background: #fbcfcc; }

.time_table_content .period_block .color_style_3 { background: #f9c8e1; }

.time_table_content .period_block .color_style_4 { background: #A2D9FF; }

.time_table_content .period_block .color_style_5 { background: #CFE894; }

.time_table_content .period_block .color_style_6 { background: #FBE077; }

.time_table_content .period_block .color_style_7 { background: #CE7D62; }

.time_table_content .period_block .period_detail { padding: 4px; }

.time_table_content .period_block .period_detail p { font-size: 12px; line-height: 16px; }

.time_table_content .period_block .mark { width: 17px; height: 15px; position: absolute; right: 5px; top: 2px; }

.time_table_content .period_block img.mark_link { background: url(../img/sub_grid_ico.png) no-repeat left top; width: 17px; height: 15px; text-indent: -9999px; position: absolute; right: 0; }

.time_table_content .period_block img.mark_link:hover { background: url(../img/sub_grid_ico.png) no-repeat left bottom; }

.day_timing { width: 33px; position: absolute; left: 25px; }

.day_timing ul { padding: 40px 0 0 0; }

.day_timing ul li { font-size: 11px; height: 175px; padding-top: 5px; position: relative; text-align: right; color: #636363; }

.day_timing ul li span { color: #333333; }
/*********************** End Time Table Page **********************/

/**************** Start Finance Page *****************/
h1.formHeading { font-size: 16px; color: #636363; font-weight: bold; }

.form_content { padding: 5px 5px 5px 20px; }

.form_content table { }

.form_content table tr { margin: 5px 0 5px 0; height: 22px; }

.form_content table tr td { }

.form_content table tr td.content_title { padding: 10px 0 10px 5px; font-weight: bold; }

.form_content table tr td span.login-error-message { color: #be4a48; }

.form_content .password-successful { font-size: 13px; color: #468847; text-align: center; font-weight: bold; }

.form_content table tr td.align-right { padding-bottom: 10px; padding-left: 55px; vertical-align: bottom; }

.form_content span { font-size: 13px; color: #636363; position: relative; /*top:-7px;*/ padding: 0 0 0 5px; }

.form_content span.validationMessage { font-size: 13px; color: red; position: relative; /*top:-7px;*/ padding: 0 0 0 5px; }

.form_content .left { float: left; }

.form_content label.left { position: relative; margin: 1px 0px 0px 5px; }

.form_content label.left label { }

.form_content input.gray { background: #e7e7e7; border: 1px solid #e2e0e0; border-radius: 4px; padding: 6px 11px; }

.form_content input.button_top { margin: -2px 0 0 0; }

.form_content .inline_form { padding: 63px 0; }

.form_content input.small_inpute { width: 86px; }

.form_content label.rightText { text-align: right; padding: 2px 18px 0 0; }

.form_content label.rightTextBold { text-align: right; padding: 2px 18px 0 0; font-weight: bold; }

.form_content span.rightText { text-align: right; padding: 8px 18px 0 0; margin: 0; display: block; }

.form_content input.focused { border-color: rgba(82, 168, 236, 0.8); margin: 0 0 18px 0; outline: 0; color: #333333; width: 266px; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

.form_content input.disabled_checkbox { margin: 5px 0 18px 0; }

.form_content input.uneditable { border: 0 none; color: #666666; margin: 0 0 18px 0; }

.form_content input.disabled { background: #f5f5f5; border-top: 1px solid #d6d6d6; margin: 0; width: 266px; }

.form_content span.disabled_checkbox_span { padding: 8px 0 0 5px; line-height: 8px; }

.form_content input.medium { width: 206px; margin: 0 0 18px 0; }

.form_content .warning { color: #c09867; }

.form_content .success { color: #468847; }

.form_content select.success { background: #e7e7e7; }

.form_content .button_slide { background: #f5f5f5; width: 200px; border-top: 1px solid #dddddd; margin: 70px 0 0 0; min-height: 46px; padding: 17px 0 0 350px; }

.form_content .button_slide td { float: left; padding: 0 5px 0 0; }

.form_content input.save_button { background: #0082cc; border: 1px solid #249ed3; border-radius: 4px; padding: 6px 11px; color: #fff; cursor: pointer; margin: 10px 0px 10px 0px; width: 80px; }

.form_content input.save_button_large { background: #0082cc; border: 1px solid #249ed3; border-radius: 4px; padding: 6px 11px; color: #fff; cursor: pointer; margin: 10px 0px 10px 0px; width: 130px; }

.form_content input.cancel_button { background: #fff; border: 1px solid #e2e0e0; border-radius: 4px; padding: 6px 11px; cursor: pointer; width: 80px; color: #636363; }

.form_content input.standard_button { background: #c8c8c8; border: 1px solid #e2e0e0; border-radius: 4px; padding: 6px 11px; cursor: pointer; min-width: 80px; color: black; }

.attendanceright { float: right; }

.saveButtonBlock { width: 100%; float: left;  }

.attendanceright input.save_button { background: #0082cc; border: 1px solid #249ed3; border-radius: 4px; padding: 6px 11px; color: #fff; cursor: pointer; margin: 10px 0px 10px 0px; width: 80px; }

.attendanceleft{ float: left; }

.attendanceleft input.save_button { background: #0082cc; border: 1px solid #249ed3; border-radius: 4px; padding: 6px 11px; color: #fff; cursor: pointer; margin: 10px 0px 10px 0px; width: 80px; }


/**************** Start Finance2 Page *****************/
.form_content input.text_input { width: 266px; margin: 0 0 10px 0; }

.form_content select.select_block { margin: 0 0 10px 0; }

.form_content .multiple_select_block { display: inline-block; vertical-align: top; overflow: hidden; border: 1px solid #E2E0E0; width: 220px; border-radius: 3px; margin: 0 0 18px 0; }

.form_content .multiple_select { padding: 10px; margin: -5px -20px -5px -5px; width: 245px; }

.form_content .file_upload { margin: 0 5px 18px 0; width: 250px; display: block; float: left; overflow: hidden; height: 32px; position: relative; border-radius: 3px; }

.file_upload input { position: absolute; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 2; cursor: pointer; }

.file_upload .button { background: #f5f5f5; padding: 10px 15px 5px; display: block; }

.file_upload span.uploadspace { position: absolute; top: 0; left: 105px; width: 140px; background: #fff; height: 24px; padding: 4px 0 0 5px; }

.form_content textarea { width: 266px; height: 54px; margin: 0 0 18px 0; }

.form_content input.span1 { width: 70px; min-height: 28px; }

.form_content input.span2 { width: 170px; min-height: 28px; }

.form_content input.span3 { width: 270px; min-height: 28px; }

.form_content select.select1 { width: 70px; min-height: 28px; border: 1px solid #708090; }

.form_content select.select2 { width: 170px; min-height: 28px; border: 1px solid #708090; }

.form_content select.select3 { width: 270px; min-height: 28px; border: 1px solid #708090; }

.form_content select.select4 { width: 210px; min-height: 28px; border: 1px solid #708090; }

.form_content span.prepended_text { background: #f5f5f5; display: inline-block; padding: 3px 9px 5px; color: #999999; margin-top: 7px; float: left; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.form_content .prependedInput { margin: 0 0 7px 0; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 240px; }

.form_content p { padding: 0 0 15px 0; }

.form_content .appendedInput { margin: 0 0 7px 0; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 240px; float: left; }

.form_content span.appended_text { background: #f5f5f5; display: inline-block; padding: 3px 9px 5px; color: #999999; margin-top: 7px; float: left; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.form_content table tr td.inline { float: left; margin: 0 0 20px 0; }

.form_content table tr td.inline label { padding: 3px 15px 0 4px; }

.form_content table tr td.simple_check { float: left; }

.form_content table tr td.simple_check label { padding: 3px 15px 0 4px; }

.form_content table tr td.radio { float: left; }

.form_content table tr td.radio label { padding: 3px 15px 0 4px; }

.form_content #MessageBox .container{padding: 10px 10px 10px 3px;width: 99%;}

.form_content #MessageBox .error{background-color: #f4eded; border: solid 1px #d19090; color: #762933;padding: 15px 15px 15px 15px;}

/**************** End Container *****************/

/* Styles specific to this particular page */
.scroll-pane { height: 146px; overflow: auto; }

.only_horizontal { height: inherit; overflow: hidden; }

.horizontal-only { }
/*.scroll-pane{height:146px; overflow:auto;}
.horizontal-only {height:auto; max-height:200px;}*/

#AssociateNoteBlock .jspHorizontalBar { display: none; }

/*********************** Student Time Table Page **********************/
.stud_time_table_block { margin: 0 0 30px 0; }

.stud_time_table_block select { height: 26px; line-height: 26px; background: #f3f3f3; font-size: 12px; font-weight: bold; color: #636363; margin: 0; width: 245px; }

.stud_tt_header { width: 835px; padding: 0 0 20px 33px; }

.stud_tt_header .teacher_block { width: 240px; float: left; margin: 0 10px 0 0; }

.stud_tt_header .date_selector { width: 260px; float: left; }

.stud_tt_header_links { float: left; margin: 5px 0 5px 70px; width: 820px; }

.stud_tt_header_links ul { padding: 4px 0 0 0; }

.stud_tt_header_links ul li { height: 16px; float: left; padding: 0 6px 0 0; }

.stud_tt_header_links ul li a { }

.stud_tt_header_links ul li.previous_week { padding: 5px 0 0 5px; cursor: pointer; }

.stud_tt_header_links ul li.previous_week input { display: block; background: url(../img/left_aerrow.png) no-repeat left top; position: relative; text-indent: -9999px; width: 8px; height: 12px; border: none; cursor: pointer; outline: none; }

.stud_tt_header_links ul li.next_week { padding: 5px 0 0 5px; cursor: pointer; }

.stud_tt_header_links ul li.next_week input { display: block; background: url(../img/right_aerrow.png) no-repeat left top; position: relative; text-indent: -9999px; width: 8px; height: 12px; border: none; cursor: pointer; outline: none; }

.stud_tt_header_links ul li.week_info { padding: 5px 0 0 10px; width: 500px; }

.stud_tt_header_links ul li.week_info span { bottom: 5px; font-size: 12px; height: 21px; position: relative; }

.stud_tt_header_links ul li.title { padding: 1px 0 0 5px; width: 225px; font-size: 12px; }

.stud_time_table_content { padding: 20px 0 0 100px; width: 850px; }

.stud_time_table_content_area { border: 1px solid #708090; background: url(../img/time_table_data_bg.jpg) repeat left -60px; height: 575px; border-top-right-radius: 6px; border-top-left-radius: 6px; position: absolute; width: 835px; }

.stud_time_table_content_area h3.no-content { font-size: 12px; color: #636363; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: center; padding-top: 50px; padding-bottom: 225px; }

.stud_time_table_content .heading { text-align: center; background: #4c2177; color: #fff; height: 25px; font-weight: bold; padding: 5px 0 0 0; line-height: 18px; text-transform: capitalize; }

.stud_time_table_content .monday { width: 166px; float: left; height: 100%; position: relative; }

.stud_time_table_content .monday .heading { border-top-left-radius: 6px; }

.stud_time_table_content .tuesday { width: 166px; float: left; border-left: 1px solid #708090; height: 100%; position: relative; }

.stud_time_table_content .wednesday { width: 166px; float: left; border-left: 1px solid #708090; height: 100%; position: relative; }

.stud_time_table_content .thursday { width: 166px; float: left; border-left: 1px solid #708090; height: 100%; position: relative; }

.stud_time_table_content .friday { width: 167px; float: left; border-left: 1px solid #708090; height: 100%; position: relative; }

.stud_time_table_content .saturday { width: 165px; float: left; border-left: 1px solid #708090; height: 100%; position: relative; }

.stud_time_table_content .friday .heading { border-top-right-radius: 6px; }

.stud_time_table_content .period_block { width: 146px; margin-left: 5px; position: absolute; height: 90px; }

.stud_time_table_content .period_block_blank { width: 146px; border: none; position: absolute; height: 90px; }

.stud_time_table_content .period_block .period_title { font-size: 12px; font-weight: bold; line-height: 14px; min-height: 18px; padding: 2px 0 0 4px; }

.stud_time_table_content .period_block .color_style_1 { background: #c0e6e2; }

.stud_time_table_content .period_block .color_style_2 { background: #fbcfcc; }

.stud_time_table_content .period_block .color_style_3 { background: #f9c8e1; }

.stud_time_table_content .period_block .color_style_4 { background: #A2D9FF; }

.stud_time_table_content .period_block .color_style_5 { background: #CFE894; }

.stud_time_table_content .period_block .color_style_6 { background: #FBE077; }

.stud_time_table_content .period_block .color_style_7 { background: #CE7D62; }

.stud_time_table_content .period_block .period_detail { padding: 13px 2px 2px 2px; }

.stud_time_table_content .period_block .period_detail p { font-size: 12px; line-height: 16px; }

.stud_time_table_content .period_block .mark { width: 17px; height: 15px; position: absolute; right: 5px; top: 2px; }

.stud_time_table_content .period_block img.mark_link { background: url(../img/sub_grid_ico.png) no-repeat left top; width: 17px; height: 15px; text-indent: -9999px; position: absolute; right: 0; }

.stud_time_table_content .period_block img.mark_link:hover { background: url(../img/sub_grid_ico.png) no-repeat left bottom; }

.stud_day_timing { left: -105px; position: absolute; width: 100px; }

.stud_day_timing ul { padding: 25px 0 0 0; }

.stud_day_timing ul li { font-size: 11px; height: 90px; padding-top: 0px; position: relative; text-align: right; color: #636363; }

.stud_day_timing ul li.period { font-size: 11px; height: 22px; padding-top: 6px; position: relative; text-align: right; color: #636363; }

.stud_day_timing ul li span { color: #333333; }

.stud_day_timing ul li span.periods { color: #333333; font-weight: bold; }
/*********************** End Time Table Page **********************/

/************************Start Student Attendance Code style***************************************************************/
.AttendanceCode { color: #000; font-weight: bold; font-size: 14px; }
/************************End Student Attendance Code style***************************************************************/

/************************ 25/12/2012 Homepage Timeable block ***************************************************************/

.timetable_block .jspHorizontalBar { bottom: -8px; }

/******************** Attendance Page *******************/
.attendance_block { width: 319px; overflow: hidden; position: relative; }

.attendance_container .name_col { width: 219px !important; display: block; float: left; border-bottom: 1px solid #708090; }

.attendance_container .name_col td { height: 26px; padding: 4px 0 0 8px; width: 209px; display: block; }

.attendance_container .name_col td.first_col { padding-left: 0; height: 120px; width: 100%; border-bottom: 1px solid #708090; border-right: 1px solid #708090; }

.attendance_container .name_col td.first { height: 63px; padding: 0; }

.attendance_container .name_col td.gray { background: #f5f5f5; }

.attendance_container .name_col td.gray:hover { background: #BAD473; }

.attendance_container .name_col td.white { background: #fff; }

.attendance_container .name_col td.white:hover { background: #BAD473; }

.attendance_container .name_col tr.gray { background: #f5f5f5; }

.attendance_container .name_col tr.gray:hover { background: #BAD473; }

.attendance_container .name_col tr.white { background: #fff; }

.attendance_container .name_col tr.white:hover { background: #BAD473; }

.KeyTable tr.gray { background: #f5f5f5; }

.KeyTable tr.white { background: #fff; }

.attendance_container .name_col td.active { background: #d0e6b6; }

.attendance_container td.active { background: #d0e6b6 !important; }

/******* TD Border *********/
.attendance_container td.left_border { /*border-left:1px solid #708090;*/ }

.attendance_container td.first_left { border-left: 1px solid #708090; }

.attendance_container td.top_border { border-top: 1px solid #708090; }

.attendance_container td.bottom_border { border-bottom: 1px solid #708090; }

.attendance_container td.right_border { border-right: 1px solid #708090; }

.attendance_container td.left_border_name { border-left: 1px solid #708090; }
/******* End TD Border *********/
.left_content .attendance_block .jspTrack { width: 319px !important; }

.bigger_left_content .attendance_block { width: 649px !important; }

.bigger_left_content .attendance_block .jspTrack { width: 647px !important; }

.attendance_deta_block { width: 500px; /*padding:0 0 25px 0;*/ }

.attendance_deta_block td.first { height: 63px; width: 219px; }

.attendance_deta_block td.top_heading { border-bottom: 1px solid #708090; height: 45px; font-size: 12px; padding: 4px 0 0 0; color: #636363; line-height: 15px; text-align: center; border-right: 1px solid #708090; min-width: 128px; }

.attendance_deta_block .gray { background: #f5f5f5; }

.attendance_deta_block .white { background: #fff; }

.attendance_block .name_col { width: 199px; float: left; height: 26px; padding: 4px 0 0 20px; }

.attendance_deta_block .ico_td { width: 39px; border-right: 1px solid #708090; text-align: center; font-size: 11px; line-height: 11px; color: #999999; height: 25px; padding: 5px 0 0; }

.attendance_deta_block .active { background: #d0e6b6; }

.attendance_deta_block td.day_block { height: 40px; padding: 5px 0 0 0; font-weight: bold; border-right: 1px solid #708090; color: #999999; font-size: 11px; line-height: 11px; text-align: center; width: 39px; }

.attendance_deta_block td.day_block_all { height: 26px; padding: 1px 0 0 0; font-weight: bold; border-right: 1px solid #708090; color: #999999; font-size: 11px; line-height: 26px; text-align: center; width: 39px; border-bottom: 1px solid #708090; border-top: 1px solid #708090; }

/******* Attendance Block TD Border *********/
.attendance_container .attendance_block td.left_border { border-left: 0 none; }

.attendance_block td.top_border { border-top: 1px solid #708090; }

.attendance_block td.bottom_border { border-bottom: 1px solid #708090; }

.attendance_block td.right_border { border-right: 1px solid #708090; }
/******* End TD Border *********/

.attendance_list { color: #636363; }

.attendance_list select.attendance_listbox { background: #f6f6f6; border: 1px solid #c8c8c8; width: 195px; font-size: 11px; font-weight: bold; height: 28px; line-height: 25px; }

.attendance_list select:focus { outline: none; }

#studentattendacne { /*border-bottom: 1px solid #708090;*/ border-top: 1px solid #708090; }

.attendance_block .jspHorizontalBar { height: 10px !important; }
/******************** End Attendance Page *******************/

/******************** Custom Reorts *******************/

.customdelete { padding-right: 10px;}

#reportsGrid {padding: 5px 5px 5px 20px; width:675px; float:left; margin:0;}

#editReports {padding: 5px 5px 5px 2px; width:675px; float:left; margin:0; display:none; padding-bottom: 20px}

.hiddenreports {  display: none; }

.content_reports {width:675px; float:left; margin:0;padding-bottom: 15px;}

.content_reports tr {font-size:13px; color:#636363;overflow: hidden;}

 .k-filename { display: inline-block; min-width: 120px; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.width25 { width: 25%;}

.width40 { width: 40%;}

.width30 { width: 30%;}

.content_reports tr td { padding:10px 10px 10px 20px}

.content_reports tr td span { padding: 0 0 0 0;}

.content_reports tr td label { text-align: right; }

.content_reports tr td .addItems{ text-align: center;}

.content_reports tr td.align-left-title label{ text-align:left; color:#636363; font-size: 13px; position: relative;}

.content_reports tr td input.required_text_input { margin:5px 0 5px 0;border-left: solid #E64A48;  height: 70%; width: 90%;}

.content_reports tr td .required_selection { margin:5px 0 5px 0; border-left:solid #E64A48 }

.content_reports tr td .k-upload-button { width: 140px!important;}

.content_reports tr td .k-dropzone { padding-left: 1px !important;}

.popUp_reports { width:420px; float:left; margin:0; padding-bottom: 30px; }

.popUp_reports tr {font-size:13px; color:#636363;overflow: hidden;}

.popUp_reports tr td { padding:10px 10px 10px 20px}

.popUp_reports tr td label { text-align: right; }

.popUp_reports tr td input.required_text_input { margin:5px 0 5px 0;border-left: solid #E64A48;  height: 70%; width: 90%;}

.popUp_report #MessageBoxAdd .container{padding: 10px 10px 10px 3px;width: 99%;}

.popUp_report #MessageBoxAdd .error{background-color: #f4eded; border: solid 1px #d19090; color: #762933;padding: 15px 15px 15px 15px;}

.ReportsErrorBox { padding-left: 20px;}

.AttachedReport { display: none;}

.AttachedReport #chkUploadString { padding-left: 20px;padding-top: 5px;}

.AttachedReport #ckUpload { float:left;}

.error_label { font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;color: #E64A48;}

/******************** End Custom Reorts *******************/



.attendance_deta_block_ampm { width: 500px; /*padding:0 0 25px 0;*/ }

.attendance_deta_block_ampm .top_heading_ampm { border-bottom: 1px solid #708090; height: 32px; font-size: 12px; padding: 4px 0 0 0; color: #636363; line-height: 15px; text-align: center; border-right: 1px solid #708090; min-width: 190px; }

.attendance_deta_block_ampm td.day_block_ampm { height: 40px; padding: 5px 0 0 0; font-weight: bold; border-right: 1px solid #708090; border-bottom: 1px solid #708090; color: #999999; font-size: 11px; line-height: 11px; text-align: center; }

.attendance_deta_block_ampm .ico_td_ampm { width: 39px; border-right: 1px solid #708090; text-align: center; font-size: 11px; line-height: 26px; color: #999999; height: 26px; padding: 4px 0 0; }

.attendance_deta_block_ampm td.day_block_ampm_ampm { height: 25px; padding: 5px 0 0 0; font-weight: bold; border-right: 1px solid #708090; border-bottom: 1px solid #708090; color: #999999; font-size: 11px; line-height: 11px; text-align: center; }

.attendance_container .name_col td.first_col_ampm { padding-left: 0; height: 138px; width: 100%; border-bottom: 1px solid #708090; border-right: 1px solid #708090; }

.attendance_deta_block_ampm td.day_block_all { height: 26px; line-height: 26px; padding: 1px 0 0 0; font-weight: bold; border-right: 1px solid #708090; color: #999999; font-size: 11px; text-align: center; width: 39px; border-bottom: 1px solid #708090; border-top: 1px solid #708090; }

/******************** Widgets *******************/

.widget_heading { background: #4c2177; height: 22px; border: 1px solid #000; border-bottom: 0 none; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 0 0 8px 5px; color: #fff; }

.widget_heading_title { float: left; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 28px; }

.widget_heading_menu { float: right; line-height: 28px; }

.widget_heading_menu a { float: right; color: #fff; font-size: 12px; padding: 0 4px 0 4px; }

.widget_heading_menu a:hover { background: rgb(111, 77, 144); }
/******************** Widgets *******************/

/******************** Search ********************/
div.result { width: 100%; }

div.result div { float: left; width: inherit; }

div.result .container { height: 200px; width: inherit; overflow: auto; border: 1px solid #708090; }

div.result .header { background: #d3d3d3; font-weight: bold; font-size: 13px; padding: 3px 0px 3px 0px; min-height: 20px; color: #636363; border-left: 1px solid #708090; border-right: 1px solid #708090; border-top: 1px solid #708090; }

div.result .oddrow { background: none repeat scroll 0 0 #F5F5F5; }

div.result .itemrow { min-height: 26px; cursor: pointer; }

div.result .itemrow:hover { background: none repeat scroll 0 0 #bad473; }

div.result .itemrow_selected { background: none repeat scroll 0 0 #D0E6B6; }

div.result .title_header { height: 22px; border-bottom: 0 none; }

div.student .firstname { width: 15%; padding: 2px; word-wrap: break-word; }

div.student .preferredname { width: 13%; padding: 2px; min-height: 1px; word-wrap: break-word; }

div.student .surname { width: 20%; padding: 2px; word-wrap: break-word; }

div.student .gender { width: 9%; padding: 2px; word-wrap: break-word; }

div.student .year { width: 9%; padding: 2px; word-wrap: break-word; }

div.student .rollgroup { width: 13%; padding: 2px; word-wrap: break-word; }

div.student .house { width: 15%; padding: 2px; word-wrap: break-word; }

div.student .adjustwidth { width: 14%; }

div.staff .firstname { width: 19%; padding: 2px; word-wrap: break-word; }

div.staff .surname { width: 19%; padding: 2px; word-wrap: break-word; }

div.staff .preferredname { width: 19%; padding: 2px; min-height: 1px; word-wrap: break-word; }

div.staff .assignment { width: 19%; padding: 2px; word-wrap: break-word; }

div.staff .house { width: 18%; padding: 2px; word-wrap: break-word; }

div.staff .adjustwidth { width: 19%; }

div.room .roomname { width: 28%; padding: 2px; word-wrap: break-word; }

div.room .roomdesc { width: 70%; padding: 2px; word-wrap: break-word; }

div.room .adjustwidth { width: 28%; }

div.class .localid { width: 16%; padding: 2px; word-wrap: break-word; }

div.class .shortname { width: 16%; padding: 2px; word-wrap: break-word; }

div.class .classname { width: 16%; padding: 2px; word-wrap: break-word; }

div.class .classno { width: 14%; padding: 2px; word-wrap: break-word; }

div.class .classnocontent { width: 11%; padding: 2px; word-wrap: break-word; margin-left: 3.7%; }

div.class .teacherone { width: 16%; padding: 2px; word-wrap: break-word; }

div.class .teachersec { width: 16%; padding: 2px; word-wrap: break-word; }

div.class .adjustwidth { width: 15%; }

div.nomatch { width: 100%; height: inherit; text-align: center; padding-top: 90px; }

div.clear { clear: both; }

.handcursor { cursor: pointer; }
.center_align { text-align: center; }
div.detention_suspention { width: 100%; }

#moreButton { display: none;}

div.detention_suspention div { float: left; width: inherit; }

div.detention_suspention .container { height: 200px; width: inherit; overflow: auto; border: 1px solid #708090; }

div.detention_suspention .header { background: #d3d3d3; font-weight: bold; font-size: 13px; padding: 3px 0px 3px 0px; min-height: 20px; color: #636363; border-left: 1px solid #708090; border-right: 1px solid #708090; border-top: 1px solid #708090; }

div.detention_suspention .oddrow { background: none repeat scroll 0 0 #F5F5F5; }

div.detention_suspention .itemrow { min-height: 26px; cursor: pointer; }

div.detention_suspention .itemrow:hover { background: none repeat scroll 0 0 #bad473; }

div.detention_suspention .itemrow_selected { background: none repeat scroll 0 0 #D0E6B6; }

div.detention_suspention .title_header { height: 22px; border-bottom: 0 none; }

div.detention .studentname { width: 25%; padding: 2px; word-wrap: break-word; }

div.detention .year { width: 10%; padding: 2px; word-wrap: break-word; }

div.detention .rollgroup { width: 15%; padding: 2px; word-wrap: break-word; }

div.detention .teacher { width: 25%; padding: 2px; word-wrap: break-word; }

div.detention .session { width: 20%; padding: 2px; word-wrap: break-word; }

div.suspension .studentname { width: 21%; padding: 2px; word-wrap: break-word; }

div.suspension .year { width: 7%; padding: 2px; word-wrap: break-word; }

div.suspension .rollgroup { width: 14%; padding: 2px; word-wrap: break-word; }

div.suspension .teacher { width: 17%; padding: 2px; word-wrap: break-word; }

div.suspension .startdate { width: 18%; padding: 2px; word-wrap: break-word; }

div.suspension .enddate { width: 18%; padding: 2px; word-wrap: break-word; }

div.detention .hstudentname { width: 25%; padding: 2px; word-wrap: break-word; text-align: left; }

div.detention .hyear { width: 10%; padding: 2px; word-wrap: break-word; text-align: left; }

div.detention .hrollgroup { width: 15%; padding: 2px; word-wrap: break-word; text-align: left; }

div.detention .hteacher { width: 25%; padding: 2px; word-wrap: break-word; text-align: left; }

div.detention .hsession { width: 20%; padding: 2px; word-wrap: break-word; text-align: left; }

div.suspension .hstudentname { width: 21%; padding: 2px; word-wrap: break-word; text-align: left; }

div.suspension .hyear { width: 7%; padding: 2px; word-wrap: break-word; text-align: left; }

div.suspension .hrollgroup { width: 14%; padding: 2px; word-wrap: break-word; text-align: left; }

div.suspension .hteacher { width: 17%; padding: 2px; word-wrap: break-word; text-align: left; }

div.suspension .hstartdate { width: 18%; padding: 2px; word-wrap: break-word; text-align: left; }

div.suspension .henddate { width: 18%; padding: 2px; word-wrap: break-word; text-align: left; }

div.detention .hstudentname:hover { cursor: pointer; text-decoration: underline; }

div.detention .hyear:hover { cursor: pointer; text-decoration: underline; }

div.detention .hrollgroup:hover { cursor: pointer; text-decoration: underline; }

div.detention .hteacher:hover { cursor: pointer; text-decoration: underline; }

div.detention .hsession:hover { cursor: pointer; text-decoration: underline; }

div.suspension .hstudentname:hover { cursor: pointer; text-decoration: underline; }

div.suspension .hyear:hover { cursor: pointer; text-decoration: underline; }

div.suspension .hrollgroup:hover { cursor: pointer; text-decoration: underline; }

div.suspension .hteacher:hover { cursor: pointer; text-decoration: underline; }

div.suspension .hstartdate:hover { cursor: pointer; text-decoration: underline; }

div.suspension .henddate:hover { cursor: pointer; text-decoration: underline; }

/******************** Event Information Popup ********************/
.eventtabular_data { }

#eventtabContainer { width: 432px !important; }

#eventtabs { height: 25px; /*overflow:hidden;*/ position: relative; }

#eventtabs > ul { font: 1em; list-style: none; }

#eventtabs > ul > li { margin: 0 4px 0 4px; padding: 4px 4px; display: flexbox; float: left; color: #636363; border: 1px solid #708090; -webkit-user-select: none; -moz-user-select: none; user-select: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; /*background-color: #d3d3d3;*/ font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 13px; }

#eventtabs > ul > li:hover { background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */ cursor: pointer; color: #333; }

#eventtabs > ul > li.tabActiveHeader { background: #FFFFFF; /* old browsers */ cursor: pointer; height: 17px; border-bottom: 0 none; }

/**********************Student attendance header****************************/
.att_header_links_previous { width: 10px; float: left; margin: 0 0 0 13px; }

.att_header_links_previous ul { padding: 4px 0 0 0; }

.att_header_links_previous ul li { height: 16px; float: left; padding: 0 1px; }


.att_header_links_previous ul li.left_term { padding: 4px 0 0 0; }

.att_header_links_previous ul li.left_term input { display: block; background: url(../img/left_aerrow.png) no-repeat left top; position: relative; text-indent: -9999px; width: 8px; height: 12px; border: none; cursor: pointer; outline: none; }


.att_header_links_next { width: 10px; float: left; margin: 0 0 0 -3px; }

.att_header_links_next ul { padding: 4px 0 0 0; }

.att_header_links_next ul li { height: 16px; float: left; padding: 0 1px; }

.att_header_links_next ul li.right_term { padding: 4px 0 0 5px; }

.att_header_links_next ul li.right_term input { display: block; background: url(../img/right_aerrow.png) no-repeat left top; position: relative; text-indent: -9999px; width: 8px; height: 12px; border: none; cursor: pointer; outline: none; }

.termpadding{ padding-top: 4px}
/********************************** Detention Attendance ***************************************/
#detention_attendance_table { float: left; margin: 0px; border: 1px solid #708090; width: 700px; }

#detention_attendance_table tr.grid_heading_row { text-align: left; color: #636363; font-size: 12px; min-height: 29px; overflow: hidden; height: 30px; }

#detention_attendance_table tr.grid_row { min-height: 29px; font-size: 12px; color: #636363; overflow: hidden; height: 30px; }

#detention_attendance_table tr.grid_row:hover { cursor: pointer; background: none repeat scroll 0 0 #BAD473; }

#detention_attendance_table tr.gray { background: #d3d3d3; }

#detention_attendance_table tr.gray_row { background: #f5f5f5; }

#detention_attendance_table tr.gray_row:hover { cursor: pointer; background: none repeat scroll 0 0 #BAD473; }

#detention_attendance_table tr.heading { text-transform: capitalize; color: #636363; padding: 1px 0 0 0; height: 30px; }

#detention_attendance_table tr th { padding: 0px 0px 0px 5px; text-align: left; border-right: 1px solid; }

#detention_attendance_table tr td { padding: 0px 0px 0px 5px; border-right: 1px solid; }

#detention_attendance_table .studentname { width: 200px; font-weight: bold; }

#detention_attendance_table .other { width: 120px; text-align: center; }

#detention_attendance_table .topborder { border-top: 1px solid; }

#detention_attendance_table .commentRow { background-color: #F5F5F5; }

#detention_attendance_table .spacing { padding: 4px; }

#supervisorcomment { width: 680px; height: 40px; resize: none; margin: 5px 0 5px 0; }

#detention_attendance_table .errormsg { color: red; }
/********************************** Detention Attendance ***************************************/

/*********************************** Note Type autocomplete box ***********************************/

.dropdown { color: #555; margin: 3px -22px 0 0; width: 218px; position: relative; text-align: left; }
.submenu { background: #fff; position: absolute; top: -12px; left: -20px; z-index: 1000000; width: 210px; min-height: 200px; display: none; margin-left: 10px; padding: 5px; box-shadow: 1px 0 7px rgba(0, 0, 0, 0.5); }
.submenu .notify { font-size: 12px; color: #636363; font-family: Arial, Helvetica, sans-serif; margin: 3px; }
.submenu input[type=text] { margin: 3px 3px 7px 3px; width: 190px; -moz-appearance: none; }
.submenu .closeimg { opacity: 0.5; margin-top: -23px; float: right; cursor: pointer; }
.root { list-style: none; margin: 0; padding: 0; font-size: 11px; padding: 11px 0 0 0; border-top: 1px solid #dedede;overflow: hidden; }
.root span { font-size: 12px; }
.root img { cursor: pointer;float: right; }
.arrow_box { position: relative; background: #ffffff; }
.arrow_box:after {  bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 16px; left: 70%; margin-left: -16px;margin-bottom: 2px;}

/*********************************** Note Type autocomplete box ***********************************/

.email-parent {word-wrap: break-word;width: 310px;}

#changepassword {display: none;}