/******************************************************************************************************
    Default Styles
*******************************************************************************************************/
/*
    SELECTION COLOR: #2b4e7f
*/
html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #f2f2f2;
    min-width: 1000px;
}

body {
    color: #000000;
}

.body {
    color: #000000;
    background-color: #f2f2f2;
}

body.whiteBackground {
    background-color: #FFF;
}

input, select, body, .body {
    font-family: arial;
    font-size: 11px;
}

    input:enabled, select:enabled {
        color: #000000;
    }

hr {
    height: 1px;
    color: #000000;
}

a {
    color: #5B5B5B; /* #515862; */
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

h3 {
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #313131;
    padding: 0px;
    margin: 2px 0px 2px 0px;
}

/*
    Allow the contents of a div to be scrolled.
    Use inline styles of overrides to set height and width.
*/

div .scroll {
    min-height: 120px;
    min-width: 200px;
    overflow: auto;
    border: 1px solid #E3E3E3;
    padding: 8px;
}

/******************************************************************************************************
    Custom Styles
*******************************************************************************************************/
.btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

.marginCenter {
    /*margin: 4px auto;*/
    vertical-align: middle;
}

.spaced_span {
    padding-right: 20px;
    color: Black;
}

.alt_bdy {
    background-color: White;
}

.brdr_tbl {
    border: solid 1px #6A7E99;
    padding: 3px; /* was 10px; */
    background-color: White;
}

.login_brdr_tbl {
    border: solid 1px #6A7E99;
    padding: 10px;
    background-color: White;
}

.brdr_back_tbl {
    background-color: #EBEDF0;
    border: solid 1px #6A7E99;
    padding: 10px;
}
/* All title divs. SW5639 27/08/09 */
.title_div {
    font-weight: bold;
    font-size: 11px;
    background-color: #2B4E7F; /* Changed from #6A7E99; SW9214 27/08/09 */
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 3px;
    padding-left: 3px;
    color: White;
}
/* Login title div - on login screen only. SW5639 27/08/09 */
.login_title_div {
    font-weight: bold;
    font-size: 12px;
    background-color: #2B4E7F; /* Changed from #6A7E99; SW9214 27/08/09 */
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.ttl_cell {
    padding-right: 10px;
    color: White;
}

.lnk_mnu {
    font-weight: bold;
    text-decoration: none;
    color: #B3BBC5;
}

.lnk_mnu_slct {
    font-weight: bold;
    text-decoration: none;
    color: white;
}

.form_back {
    background-color: white; /* SW 01/10/09 changed from #EBEDF0;	*/
}

.ttl_lbl {
    color: White;
}

.red_lnk {
    color: #A14444;
}

.div_welcome_company_logo {
    /* position: absolute;     bottom: 10px;*/
    clear: both;
}

.div_mn_welcome {
    /* 	background-color: black; */
}

.div_welcome_to_syn {
    vertical-align: top;
    text-align: left;
    clear: both;
    padding-left: 3px;
}

.multi_line_text_box {
    font-family: arial;
    font-size: 11px;
    width: 100%;
}

.studentResultsAllStudents {
    height: 100%;
}

    .studentResultsAllStudents .resultsEnrolledOrPrintFlag, .studentResultsAllStudents .resultsEnrolledOrPrintFlagReadOnly,
    .studentResultsAllStudents .resultClassificationDropDown,
    #classFastGridContainer .resultsResultClassification, #classFastGridContainer .resultsPrintFlag {
        float: right;
        width: auto;
    }

    .studentResultsAllStudents .resultDropDown, .studentResultsAllStudents .resultsViewDateTime,
    #classFastGridContainer .resultsResult, #classFastGridContainer .resultsDateInput, #classFastGridContainer .resultsResultClassification {
        float: left;
    }

#classFastGridContainer .resultsDateInput {
    clear: left;
}

#classFastGridContainer .resultsResultClassification {
    margin-top: 5px;
}

#classFastGridContainer .unsavedResultControl {
    border-color: red;
}

#classFastGridContainer .resultsViewDateTime {
    margin-top: 5px;
}

.studentResultsAllStudents .dxgvTable td.dxgv {
    vertical-align: top;
}

.studentResultsCommentBox .textboxComment_ {
    width: 100%;
}

.studentResultsCommentBox .textboxRow {
    width: 100%;
}

.OverallCommentContainer .studentResultsCommentBox .textboxRow .textboxComment textarea {
    height: 80px;
}

.TopicCommentContainer .studentResultsCommentBox .textboxRow .textboxComment textarea {
    height: 80px;
}

.studentResultsCommentBox .infoBar {
    margin: 1EX 0.5EX 0 0;
    display: none;
}

.studentResultsCommentBox .icons {
    float: right;
}

.studentResultsCommentBox .infoBox {
    display: none;
    float: left;
}

.boxsizingBorder textarea {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 100%;
    *width: 99%;
    overflow: auto;
}

.topic_comments_container, .class_comments_container_table,
.studentResultsAllStudents .resultsEnrolledOrPrintFlag, .studentResultsAllStudents .resultsEnrolledOrPrintFlagReadOnly,
.studentResultsAllStudents .resultClassificationDropDown, .studentResultsAllStudents .resultDropDown {
    margin-bottom: 5px;
}

.topic_comments_container {
    /* Actual Table (container) that contains the textbox in the left cell then the icons in the right container */
    width: 200px;
    padding-left: 0px;
}

.topic_comments_textbox_cell {
    /* left cell which holds the topic comment textbox. SW9671 12/01/2010 */
    width: 160px;
    padding-left: 0px;
    margin-left: 0px;
    text-align: left;
    overflow: visible;
}

.topic_comments_textbox {
    /* textbox cell in all students maint. SW9671 12/01/2010 */
    font-family: arial;
    font-size: 11px;
    width: 100%;
    height: 1em; /* width: 100%; */
}

.topic_comments_copypastelinks_cell {
    /* Container for the (Copy/Paste/SpellCheck/CommntBank) links. SW8321 29/04/09  	float: right; 	text-align: right; 	vertical-align: middle; 	padding-left: 10px; */
    width: 40px;
    padding-left: 10px;
    white-space: nowrap;
    vertical-align: middle;
}

.class_comments_container_table {
    width: 600px;
    padding: 0px 0px 0px 0px;
}

.class_comments_textbox_cell {
    /* class Comments are now on their own line. SW9671 12/01/2010 */
    float: left;
    z-index: -1;
    width: 100%;
}

.class_comments_textbox {
    /* Actual textBox for the class comment - multiline mode. SW9671 12/01/2010  	width: 100%;     */
    font-family: arial;
    font-size: 11px;
    height: 3em;
    width: 100%;
}
/*.class_comments_only_container_table
{
    width: 600px;
    padding: 0px 0px 0px 0px;
}*/
.class_comments_only_textbox_cell {
    /* class Comments are now on their own line. SW9671 12/01/2010 */
    float: left;
    z-index: -1;
    width: 100%;
}

.class_comments_only_textbox {
    /* Actual textBox for the class comment - multiline mode. SW9671 12/01/2010  	width: 100%;     */
    font-family: arial;
    font-size: 11px;
    height: 3em;
    width: 500px;
}

.bulksetresults_headinglabel_cell, .centreAlign {
    /* Bulk set results header labels - right aligned. SW9671 01/02/2010 */
    text-align: right;
}

.bulksetresults_headingvalue_cell {
    /* Bulk set results header label value - left aligned and left padded. SW9671 01/02/2010 */
    text-align: left;
    padding-left: 25px;
}

.stud_results_single_studentLink td {
    /* Single students student list on left hand side - the link button that sits in a devexpress td cell contains the student hyperlink. SW11255 22/06/2010 */
    white-space: nowrap;
    text-decoration: none;
    color: #5B5B5B;
}

.stud_results_single_studentLink td {
    /* Single students student list on left hand side - the link button that contains the student hyperlink. SW11255 22/06/2010 */
    white-space: nowrap;
    text-decoration: none;
    color: #5B5B5B;
}

.stud_results_single_studentLink_left_school td {
    /* Single students student list on left hand side - the table cell that contains the student hyperlink. SW11255 22/06/2010 */
    white-space: nowrap;
    color: Red;
    text-decoration: none;
}

.stud_results_single_studentLink_selected_cell td {
    /* Single students student list on left hand side - the table cell that contains the student hyperlink. SW11255 22/06/2010 */
    white-space: nowrap;
    font-weight: bold;
    color: #2b4e7f;
    text-decoration: none;
}

.stud_results_single_studentLink_left_school_selected_cell td, .student_left_school {
    /* Single students student list on left hand side - the table cell that contains the student hyperlink. SW11255 22/06/2010 */
    font-weight: bold;
    color: Red !important;
    text-decoration: none;
}

tbody {
    color: Black;
}

table {
    color: Black;
}

td.vertical_top_cell {
    vertical-align: top;
}

td.topic_comments_cell {
    height: 3em;
    width: 100%;
}

.stud_results_studentname_header_cell {
    /* Header cells in inline results entry on the grid - all students. SW9635 25/11/09 */
    background-color: Gray;
    color: White;
    font-weight: bold;
}

.stud_results_resultscell {
    /* result dropdown or textbox */
    background-color: White;
}

.stud_results_results_and_topicomment_cell {
    /* result dropdown or textbox - that has a topic comment */
    background-color: Red;
}

.stud_results_stuleft {
    color: Red;
}

.stud_results_nonassessablestudent {
    color: Gray;
    font-style: italic;
}

.stud_results_submitted_label {
    color: Blue;
}

.studentLinkDiv {
    display: inline-block;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-right: 10px;
}

/* Alpha control */
/* ========================================================================== */
.alpha_tbl {
    font-weight: bold;
    font-size: 12px;
    background-color: #f2f2f2;
    padding-bottom: 1px;
    padding-top: 1px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.alpha_cell {
    font-weight: bold;
    text-decoration: none;
    color: #1E3695;
    padding-right: 3px;
    padding-left: 3px;
}
/* custom objects */
/* ========================================================================== */
.errorDiv {
    font-family: Arial;
    font-size: 11px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    color: Red;
    line-height: 18px;
}

.infoDiv {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 18px;
    line-height: 18px;
    background: url('../Images/grid_form_ok.png') no-repeat;
}

.err_con {
    color: Red;
}

.err_mes {
    color: red !important;
    font-family: Arial;
    font-size: 11px;
}

.debug_mes {
    display: none;
}

/* tables */
.tbl_hdr {
    display: table;
    float: none;
    position: relative;
    width: 100%;
    background-color: #1A0B72;
    z-index: 9999;
    border: 0px;
    min-width: 1260px;
}

    .tbl_hdr .menuItems {
        display: table-cell;
        float: left;
        min-width: 700px;
    }

    .tbl_hdr .systemMessages {
        display: table-cell;
        float: left;
        min-width: 40px;
        height: 22px;
        vertical-align: middle;
    }

        .tbl_hdr .systemMessages input {
            margin-top: 4px;
        }

.tbl_hdr_no_colour {
    /* title Header table - used when the user has configured a nmenu colour in the xml file eg wants to specify their own header colour. SW9214 28/08/09 */
    border: 0px;
    width: 100%;
}

.manda {
    color: Red;
    font-weight: bold;
}

.tbl_mnu_dl {
    background-color: #221144;
    width: 100%;
    border-top: white solid 1px;
}

.lnk_mnu_slkt:hover {
    text-decoration: underline;
}

.lnk_mnu:hover {
    text-decoration: underline;
}

.cll_mnu {
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
}

.cll_mnu_div {
    border-left: white 1px solid;
}

.cll_hdr_underline {
    font-weight: bold;
    border-bottom: black 1px solid;
}

.green_text {
    color: Green;
}

.regred_text {
    color: Red;
}

.blackitalic_text {
    color: Black;
    font-style: italic;
}

.gray_text {
    color: Gray;
}

.blueitalic_text {
    color: Blue;
    font-style: italic;
}

.medicalinc_text {
    color: Maroon;
    font-style: normal;
}

.smallred_text {
    color: Red;
    font-size: 9px;
}

.hdng_res_text {
    color: maroon;
    font-weight: bold;
}

.hdr_txt {
    font-weight: bold;
    font-size: 12px;
}

/* reg table */
.tab_reg {
    border: 0;
    border-top: solid 1px black;
    padding-top: 2px;
}

.tab_exprt {
    border: solid 1px black;
}

/* Table Cells*/
.cll_sup_hdr {
    font-weight: bold;
    font-size: 12px;
    color: White;
    background-color: #221144;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.cll_sup_hdr_cl {
    font-weight: bold;
    font-size: 12px;
    color: #221144;
    background-color: White;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-top: solid 1px #221144;
    border-left: solid 1px #221144;
    border-right: solid 1px #221144;
}

.cll_hdr {
    font-weight: bold;
    font-size: 12px;
    background-color: #CAD0D8;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-style: none;
}

.cll_marg {
    /*     padding-right: 5px;     padding-left: 5px;*/
}

.cll_CssUndrln {
    padding-bottom: 5px;
    padding-right: 1px;
    padding-left: 5px;
    padding-top: 5px;
    border-bottom: 1px dotted black;
}

.cll_undrln {
    padding-bottom: 1px;
    padding-right: 1px;
    padding-left: 5px;
    padding-top: 1px;
    background: url(../images/dotted.gif) repeat-x bottom;
}

.cll_undrln_solid {
    padding-bottom: 1px;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 1px;
    border-bottom: solid 1px black;
}

.cll_undrln_subfldr {
    padding-bottom: 1px;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 1px;
    background: url(./images/dotted.gif) repeat-x bottom;
}

.cll_clr {
    padding-bottom: 1px;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 1px;
}

.cll_undrln_fixedwidth /* Used for the Today Column in AttendanceManager. SW 25/1/08 */ {
    padding-bottom: 1px;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 1px;
    background: url(images/dotted.gif) repeat-x bottom;
    font-family: Courier New;
    font-size: smaller;
}

.cll_CssUndrln_fixedwidth /* Used for the Today Column in AttendanceManager. SW 25/1/08 */ {
    padding-bottom: 1px;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 1px;
    border-bottom: 1px dotted black;
    font-family: Courier New;
    font-size: smaller;
}

.acrobat_div {
    float: right;
}

/* common staff */
.lb_ttl {
    font-size: 18px;
    font-weight: bold;
    color: #374572;
}

.lb_ttl_smll {
    font-size: 12px;
    font-weight: bold;
}

.div_mn {
    display: block;
    width: 100%;
    float: none;
}

.cll_rs10 {
    padding-right: 20px;
}

.sub_hdr_row {
    border-bottom: 1px black solid;
}

.sub_menu_txt {
    color: Black;
    font-weight: bold;
}

.sub_menu {
    background-color: #E4E4E4;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 3px;
}

.huge_cell {
    vertical-align: top;
    height: 100%;
    width: 100%;
}

.menu_txt_cl {
    color: Black;
    text-align: right;
    vertical-align: middle;
}

.hdr_lbl_bld {
    color: #FF8585;
    font-weight: bold;
}

.disabled_sturesvalue_control {
    background-color: #D7D7D7;
    border-style: inset;
    border-color: Black;
    border-width: 1px;
}

.disabled_label {
    color: Gray; /* #D7D7D7; */
}

.disabled_textbox {
    background-color: #D7D7D7;
}
/* Edit Config File screen */
/* =========================================================================*/
.editcfg_txt {
    /* the text boxes created dynamically in Edit config Screen. SW 16/4/09 */
    width: 300px;
    text-align: left;
}

.editcfg_lbl {
    /* the labels created dynamically in Edit config Screen. SW 16/4/09 */
    text-align: right;
}

/* menu */
/* ========================================================================== */
.menu_row {
    background: #000000;
    height: 25px;
}

.menu_spacer_row {
    background-image: url(../images/header-spacer.gif);
    background-repeat: repeat;
    height: 1px;
}

.menu_item {
    color: white;
    background: #000000;
    padding: 5px;
    text-decoration: none;
}

    .menu_item:hover {
        color: #000000;
        background: #A7A7A7;
        text-decoration: none;
    }

.home_menu_cell {
    /* new little home menu gif table cell. SW9635 25/11/09 */
    padding-left: 5px;
}

.tree_node_parent {
    color: Black;
    text-decoration: none;
    font-weight: bold;
}

.vercont {
    font-size: 8px;
}
/* Clear any previous div (and elements) layout; float:left and right. SW7622 15/01/09 */
.ClearFloatDiv {
    clear: both;
}

/* Email Page. SW7622 20/01/09
/* ======================================================================== */
.EmailGridDiv /* Email Grid container */ {
    width: 350px;
    float: left;
}

.EmailGapDiv /* Gap between the Email grid and the Compose and SEttings Div */ {
    width: 10px;
    float: left;
}

.EmailComposeAndSettingsDiv /* Compose and settings Div */ {
    width: 400px;
    float: left;
}

.EmailComposeDiv /* Compose Email Message container */ {
    border: solid 1px gray;
}

.EmailSettingsDiv /* mail Settings container */ {
    border: solid 1px #6A7E99;
}

.EmailComposeBodyDiv /* the body div under the title div on the right hand Compose body side. SW7622 19/01/09 */ {
    padding: 5px 5px 5px 5px;
}

.EmailLabelCaptionDiv {
    width: 80px;
    text-align: right;
    float: left;
    padding-right: 5px;
    padding-top: 2px;
}

.EmailLabelValueDiv {
    text-align: left;
    float: left;
    padding-right: 5px;
    padding-top: 2px;
}

.EmailTextBoxDiv {
    width: 300px;
    text-align: left;
    float: left;
}

.EmailAttachmentsDiv {
    width: 300px;
    float: left;
}

.EmailErrorLabel {
    color: Red;
}

.EmailToTextBoxMultipleRecipients {
    color: Gray;
}

#uploadedFilesContainer .item {
    clear: both;
}

.radio_button {
    font-size: 11px;
    font-family: Arial;
}
/*
.tabpage_contentdiv
{
	float: right;
	width: 90%;
}
*/
.tabpage_table_container {
    width: 100%;
    border-width: 0px;
    border-style: none;
    padding-top: 3px;
}

.maint_title_cell {
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    height: 20px;
    border-color: Gray;
}

/* Refactor - The following should probably live in Maintenance.css - TG 03/03/15 */

.maintenanceHeader .title {
    display: inline-block;
    float: left;
    height: 20px;
    width: auto;
    line-height: 20px;
}

.maintenanceHeader .buttonsFloatRight {
    display: inline-block;
    float: right;
    margin-left: 5px;
}

.maintenanceHeader .headerStats {
    display: block;
    float: left;
    height: 20px;
    width: 960px;
}

.maintenanceHeader .titleText {
    float: left;
    padding-top: 0.5em;
    padding-left: 0.3em;
}

.maintenanceHeader .sportsHeaderDiv {
    height: 30px;
    display: inline-block;
    float: left;
}

    .maintenanceHeader .sportsHeaderDiv img {
        margin-left: 7px;
        margin-top: 3px;
    }

.maintenanceHeader .sportsHeaderLabelDiv {
    height: 30px;
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}

/* End Refactor */

.tabpage_iframe_cell {
    vertical-align: top;
}

.maint_tabs_cell {
    height: 100%;
    vertical-align: top;
}

.line_spacer {
    height: 3px;
}

.student_flag_cell {
    padding-left: 5px;
}
/*
.current_grid_record    -- now handled in CDAGridView. Currently selected record in the maint grids. SW9214 27/08/09
{
    color: red;
    font-weight: bold;
}
*/
.markbook_dialog_button {
    padding-bottom: 0.5em;
    height: 2em;
    width: 10em;
}

.markbook_dialog_button_order_up {
    background: #DCDCDC url(../Images/sorta.gif) no-repeat center center;
    width: 2em;
    height: 2em;
}

.markbook_dialog_button_order_down {
    background: #DCDCDC url(../Images/sort.gif) no-repeat center center;
    width: 2em;
    height: 2em;
}

.markbook_dialog_button_order_up[disabled] {
    visibility: hidden;
}

.markbook_dialog_button_order_down[disabled] {
    visibility: hidden;
}
/* Scheduler style SJ9304*/
.table_with_border {
    margin-left: 5px;
    width: 100%;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #888888;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #888888;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #888888;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
}

.table_scheduler {
    width: 100%;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #888888;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #888888;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
}

.td_scheduler {
    height: 40px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #888888;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
    background-color: #FFFFD5;
}

.table_scheduler_date {
    width: 100%;
    border-style: solid;
    border-color: #888888;
    border-width: 1px;
}

.td_scheduler_date {
    height: 40px;
    background-color: #DCDCDC;
    text-align: center;
}

.td_scheduler_header {
    height: 40px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #888888;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
    background-color: #DCDCDC;
    text-align: center;
}

.td_scheduler_booking {
    height: 40px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #888888;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
    background-color: #CCFFFF;
    text-align: center;
}

.td_scheduler_booking_date_view {
    height: 40px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #888888;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #888888;
}

.td_scheduler_booking_wait_list {
    height: 40px;
    border-right-style: solid;
    border-right-width: 3px;
    border-right-color: #B36465;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
    background-color: #CCFFFF;
    text-align: center;
}

.td_scheduler_my_booking {
    height: 40px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #888888;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
    background-color: #D5ECBC;
    text-align: center;
}

.td_scheduler_my_booking_wait_list {
    height: 40px;
    border-right-style: solid;
    border-right-width: 3px;
    border-right-color: #B36465;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
    background-color: #D5ECBC;
    text-align: center;
}

.td_scheduler_timetable_booking {
    height: 40px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #888888;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
    background-color: #f2f2f2;
    text-align: center;
}

.td_scheduler_timetable_booking_wait_list {
    height: 40px;
    border-right-style: solid;
    border-right-width: 3px;
    border-right-color: #B36465;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
    background-color: #f2f2f2;
    text-align: center;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalBackground_level2 {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.popup_form_header {
    height: 25px;
    background-color: #DCDCDC;
    font-size: 11px;
    width: 500px;
    color: #313131;
    padding-left: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
}

.popup_form {
    /*height: 100%;*/
    width: 500px;
    background-color: White;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #888888;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #888888;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888888;
}

.nowrap {
    white-space: nowrap;
}

.error {
    color: Red;
}

.excelUploadFileName {
    color: Green;
}

.excelResultsImportError {
    background: Pink;
}

.rpt_criteria_lbl {
    width: 150px;
    text-align: right;
}
/* Scheduler style*/

.Submitted_Label {
    /* Successfull message */
    font-family: Arial;
    font-size: 11px;
    color: Blue;
}

.preferenceMessage {
    color: Red;
}

.successMessage {
    color: Blue;
}
/* Added standardControl to be used for ASPxTextbox too, but you need to manually add the property */
.standardControl, .standardControl input {
    border-color: #9F9F9F;
    border-style: solid;
    border-width: 1px;
    font-size: 11px;
    font-family: Arial;
    padding: 1px 1px 1px 1px;
}

.comment_icon, .cursor_pointer, .icon {
    cursor: pointer;
}

.cursor_move {
    cursor: move;
}

.cursor_cell {
    cursor: cell;
}

.grid_edit_icons {
    cursor: pointer;
    padding-left: 8px;
    padding-right: 8px;
}

ul.buttonbar {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.buttonbar > li {
        float: left;
        padding-right: 0.5em;
        padding-top: 0.2em;
    }

/* TAB BAR
   ========================================================================== */

ul.tabBar {
    list-style: none;
    margin: 0;
    float: left;
    background-color: #F7F7F7;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: solid 1px #CCC;
    padding-left: 10px;
}

    ul.tabBar > li {
        float: left;
    }

    ul.tabBar .StandardButton:not(.tabBarButton) {
        border: none;
        background: none;
        font-size: 11px;
        padding: 1.2em;
        height: auto;
        font-weight: bold;
        color: #666;
        border-bottom: inherit;
    }

        ul.tabBar .StandardButton:not(.tabBarButton):hover,
        ul.tabBar .StandardButton.tabBarSelected {
            color: #009AEA;
            border-bottom: solid 1px #009AEA;
        }

    ul.tabBar .StandardButton.tabBarSelected {
        background: #EEE;
    }

.tabBarHint {
    display: block;
    line-height: 1;
    color: #666;
    font-style: italic;
    margin: 1.25em 1em 0 1em;
    float: right;
}

.tabBarButton {
    margin: .75em .75em .75em 0;
}

/* End Tab Bar */

#timesheetsApproval ul.buttonbar {
    margin-top: 5px;
    margin-bottom: 5px;
}

    #timesheetsApproval ul.buttonbar li {
        display: none;
    }

#timesheetsApproval .liLegendItem {
    display: none;
}

.gridViewEditFormLabel {
    text-align: right;
}

.gridViewLinkButton:hover {
    text-decoration: underline;
}

.colLabel {
    float: left;
    text-align: right;
    width: 10em;
    vertical-align: middle;
    padding-top: 0.2em;
    color: #2B4E7F;
}

.colLabelReadOnly {
    float: left;
    text-align: right;
    width: 10em;
    color: #2B4E7F;
    vertical-align: middle;
}

span.colValue {
    float: left;
    text-align: left;
    width: 10em;
    vertical-align: middle;
    padding-left: 0.2em;
}

div.detailRow {
    clear: both;
    padding-top: 0.5em;
}

.company_image {
    float: right;
}

.update_progress_panel {
    width: 100px;
    height: 40px;
    margin-top: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    background-color: #E3E3E1;
}
/* ASP button style to look similar to Devexpress ASPXButton */
.StandardButton {
    font-weight: normal;
    font-size: 11px;
    font-family: Arial;
    vertical-align: middle;
    border: solid 1px #7F7F7F;
    background: #EAE9E5 url(../images/ASPXButton.gif) repeat-x center center;
    padding: 0px 7px 2px 7px;
    padding-top: 2px\9;
    cursor: pointer;
    height: 23px;
    text-align: center;
    vertical-align: top;
}

    .StandardButton:hover {
        background: #F5F5F5 url(../images/ASPXButtonHover.gif) repeat-x center center;
    }
/* ASP button style */

.spellChecker {
    cursor: pointer;
}

.required_field_label {
    /* Just think the * in Docman edit (and other places where there are required fields - needed due to the htmlfielupload control losing the text after a postback. SW11865 30/08/2010 */
    color: red;
}

/* These classes are used in Synweb user forms
 - we recommend them to users in the SynWebUserFormTestWebSite documentation. SW11443 17/08/2010 */
table.formTable {
    border-width: 1px;
    border-style: solid;
    border-color: #8B8B8B;
}

.formHeader {
    vertical-align: top;
    text-align: right;
    white-space: nowrap;
    padding-top: 7px;
}

.formAltRow {
    background-color: #E2DED6;
}

.center {
    text-align: center;
}

.div_logo_welcomepage {
    padding-top: 100px;
    text-align: center;
}

.div_logo_aboutpage {
    padding-top: 0px;
    text-align: center;
}

.div_grid_aboutpage {
    text-align: center;
}

hr {
    color: #888888;
}

.labelCell {
    text-align: right;
    color: #313131;
    vertical-align: top;
    white-space: nowrap;
}
/* Added this for Create Community Wizard */
.labelCellMid {
    text-align: right;
    color: #313131;
    white-space: nowrap;
}

.valueCell {
    color: #2B4E7F;
    vertical-align: top;
}

.LabelHyperLink {
    cursor: pointer;
    text-decoration: underline;
    width: 100px;
    color: #5B5B5B;
    font-family: Arial;
    font-size: 11px;
}

.WhereIsCommentLabel {
    padding: 4px 4px 4px 4px;
    background-color: #5A83B5;
    color: white;
}

.WhereIsStudentNameLabel {
    color: Blue;
    font-size: 13;
}

.navbarGroupHeader {
    font-family: arial;
    font-size: 11px;
    cursor: pointer;
    color: #000000;
}

.resultsOverallComment {
    height: 80px;
}

.gridViewCommandColumn a {
    margin: 0px 3px 0px 0px;
    color: #0d45b7;
}

    .gridViewCommandColumn a:hover {
        color: #5494ea;
    }

    .gridViewCommandColumn a:visited {
        color: #5494ea;
    }

.gridViewTitlePanel {
    float: left;
    font-family: Arial;
    font-size: 11px;
    color: Black;
}
/*
	View Student Results
*/
.no_padding_margin {
    background-color: #efefef;
    margin: 0px;
    padding: 0px;
}
/* Results maintenance class assessment and class menu styles */
div.resultMaintMenuContainer {
    position: relative;
    width: 100%;
    text-align: center;
}

div.resultMaintMenuIconContainer {
    float: left;
    text-align: center;
    background-color: transparent;
    padding-left: 7px;
    vertical-align: top;
}

.resultsMaintMenuHeading {
    text-align: center;
    height: 45px;
    vertical-align: top;
}

td.resultsMaintMenuIcons {
    padding-top: 4px;
    text-align: center;
    vertical-align: bottom;
    height: 100%;
    min-height: 100%;
}

    td.resultsMaintMenuIcons .iconsDiv {
        height: 100%;
        min-height: 100%;
    }

.iconsDiv .tableIcons, .iconsDiv .tableIcons .iconsDivRow {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.resultsMaintMenuIcons table {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.resultsMaintMenuTable /*, .resultsMaintMenuTable **/ {
    height: 100%;
    min-height: 100%;
    margin: auto;
    clear: both;
}

.iconsDivRow td {
    text-align: center;
}

.resultsMaintMenuIcons img {
    height: 16px;
    width: 16px;
}

.bulkSetResultsPopup {
    position: absolute !important;
    /*left: 50% !important;
    top: 50% !important;*/
}

/*  buttonRow, series of buttons in a row. Example: StaffScheduler.aspx Attendances popup */
.buttonRow {
    width: 100%;
    float: left;
    min-height: 10px;
    margin-top: 2px;
}

    .buttonRow .button, .buttonRow .btn {
        display: inline-block;
        float: right;
        margin: 0px 2px;
    }

    .buttonRow .checkbox {
        display: inline-block;
        float: left;
        margin: 0px 2px;
        font-size: 11px;
        height: 28px;
        font-weight: normal;
        margin-top: 2px;
    }

.staffSchedulerSelection {
    background-image: url('../images/StaffSchedularOverlay.png');
    background-repeat: repeat;
}

.dxeListBoxItem {
    font-family: arial;
    font-size: 11px;
}

/*
    Class Maintenance - Tables
*/
.editCell {
    vertical-align: top;
}
/*
Reduce the height of navbar
*/

.dxnbGroupHeader_CDANavBar, .dxnbGroupHeaderCollapsed_CDANavBar, .dxnbItem_CDANavBar, .dxnbItemHover_CDANavBar, .dxnbItemSelected_CDANavBar, .dxnbBulletItem_CDANavBar, .dxnbBulletItemHover_CDANavBar, .dxnbBulletItemSelected_CDANavBar {
    height: 16px;
}

.dxmMenuItemWithImage_CDAMenu a {
    text-decoration: none;
}

.gridViewCommunityRowHover {
    /*display: block;*/ /*color:Red;*/
}

    .gridViewCommunityRowHover:hover {
        background-color: Gray;
    }

.radioList, .radioList table td, .radioList .dxeRadioButtonList td.dxe, .checkBoxList .dxeCheckBoxList td.dxe {
    padding: 0px;
}

    .radioList label {
        min-height: inherit !important;
    }

/*
    System Messages
*/

.sysMessages {
    display: inline-block;
    float: left;
    width: 340px;
    clear: left;
    min-height: 150px;
    padding: 0px;
    margin: 0px;
}

    .sysMessages .message {
        display: block;
        float: left;
        width: inherit;
        min-height: 24px;
        clear: both;
        padding: 0px;
    }

        .sysMessages .message h1 {
            display: block;
            float: left;
            width: inherit;
            min-height: 16px;
            font-size: 14px;
            line-height: 16px;
            margin: 0px;
            padding: 0px;
        }

        .sysMessages .message h2 {
            display: block;
            float: left;
            width: inherit;
            min-height: 12px;
            font-size: 10px;
            line-height: 12px;
            margin: 0px 0px 10px 0px;
            padding: 0px;
            color: Gray;
            text-indent: 2px;
        }

        .sysMessages .message p {
            display: block;
            float: none;
            width: 290px;
            font-size: 11px;
            font-family: Arial;
            line-height: 15px;
            padding: 5px;
            padding-bottom: 0px;
            margin-top: 0px;
        }

        .sysMessages .message .shutdownMessage {
            color: Red;
            padding: 5px;
        }

    .sysMessages .logOut {
        display: block;
        float: left;
        width: inherit;
        min-height: 24px;
    }

        .sysMessages .logOut .countDownRow {
            display: block;
            float: left;
            width: inherit;
            height: 35px;
            line-height: 35px;
            margin-bottom: 10px;
            text-align: center;
        }

            .sysMessages .logOut .countDownRow .textSpan {
                display: inline-block;
                float: none;
                height: 35px;
                line-height: 24px;
            }

            .sysMessages .logOut .countDownRow .countContainer {
                display: inline-block;
                float: none;
                height: 35px;
                width: 24px;
            }

            .sysMessages .logOut .countDownRow .counter {
                display: inline-block;
                float: none;
                height: 35px;
                width: 24px;
                text-align: center;
                line-height: 24px;
                color: Red;
            }

        .sysMessages .logOut .ButtonRow {
            display: inline-block;
            float: left;
            width: inherit;
            min-height: 24px;
            text-align: center;
        }

            .sysMessages .logOut .ButtonRow .button {
                display: inline-block;
                float: none;
                margin-right: 2px;
                margin-left: 2px;
            }

    .sysMessages .rotator {
        display: inline-block;
        float: left;
        margin: 0px;
    }

        .sysMessages .rotator .messageControls {
            display: inline-block;
            float: left;
            width: inherit;
            height: 18px;
            line-height: 18px;
        }

            .sysMessages .rotator .messageControls label, .sysMessages .rotator .messageControls label {
                display: inline-block;
                float: left;
                height: 18px;
                line-height: 18px;
                margin-right: 6px;
            }

        .sysMessages .rotator ul {
            display: block;
            float: left;
            width: 340px;
            list-style: none;
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
        }

            .sysMessages .rotator ul li {
                list-style: none;
                overflow: scroll;
                overflow-x: hidden;
                min-height: 100px;
                max-height: 200px;
                border: 1px solid grey;
                padding: 5px;
                background-color: #EDF3FF;
            }

                .sysMessages .rotator ul li p {
                    display: block;
                    float: none;
                    width: inherit;
                    clear: both;
                }

    .sysMessages .extraControls {
        display: block;
        width: 100%;
        float: left;
    }

    .sysMessages .messageNavControls {
        display: block;
        float: none;
        height: 16px;
        line-height: 16px;
    }

        .sysMessages .messageNavControls label {
            display: inline-block;
            float: none;
            height: 16px;
            margin: 0px;
            line-height: 16px;
            font-size: 11px;
            margin-left: 5px;
        }

    .sysMessages .rotator .nextButton {
        display: inline-block;
        float: left;
        height: 16px;
        width: 16px;
        background-image: url(../Images/black-arrow-right.gif);
        background-repeat: no-repeat;
        opacity: 0.6;
        margin-left: 5px;
        cursor: pointer;
    }

    .sysMessages .rotator .previousButton {
        display: inline-block;
        float: left;
        height: 16px;
        width: 16px;
        background-image: url(../Images/black-arrow-left.gif);
        background-repeat: no-repeat;
        opacity: 0.6;
        cursor: pointer;
    }

        .sysMessages .rotator .previousButton:hover, .sysMessages .rotator .nextButton:hover {
            opacity: 1;
        }

    .sysMessages .rotator .nextButtonDisabled {
        height: 16px;
        width: 16px;
        background-image: url('/Images/grey-arrow-right.gif');
        background-repeat: no-repeat;
    }

    .sysMessages .rotator .previousButtonDisabled {
        height: 16px;
        width: 16px;
        background-image: url('/Images/grey-arrow-left.gif');
        background-repeat: no-repeat;
    }

    /* Student Alert Messages extends sysMessages */
    .sysMessages .StudentAlertMessages {
        display: inline-block;
        float: left;
    }

        .sysMessages .studentAlertMessages label {
            display: inline-block;
            float: left;
            margin-right: 5px;
            color: Gray;
            font-size: 11px;
        }

/* Student search panel*/
.searchPanel {
    display: inline-block;
    float: left;
    width: 100%;
    min-height: 50px;
    clear: both;
}

    .searchPanel .column {
        display: inline-block;
        float: left;
        width: 350px;
        margin-right: 10px;
    }

    .searchPanel .columnOne {
        width: 425px;
    }

    .searchPanel .column .clear {
        margin-bottom: 2px;
    }

    .searchPanel .column .Row {
        display: inline-block;
        float: left;
        width: 350px;
        min-height: 20px;
    }

/* Student Pastoral Care Modification*/
.PastoralCareButton {
    display: inline-block;
    float: left;
    margin: 0px;
    margin-left: 4px;
    vertical-align: top;
    height: 16px;
    clear: none;
}

    .PastoralCareButton > .dxb {
        padding-top: 0px !important;
    }

.synWebForm .fx7 .row label + span {
    width: auto !important;
}

/*
.dxeButtonEdit td.dxic
{
    padding: 0px;
    margin: 0px;
    height: 16px;
}*/

/*
.dxeButtonEdit td.dxic .dxeEditArea, .dxeButtonEdit td.dxic .dxeEditAreaSys, .dxeButtonEdit td.dxic
{
    _margin-left: 1px !important;
    _margin-bottom: 1px !important;
    _margin-top:1px !important;
}*/

.dxeButtonEdit td.dxic {
    height: 16px;
}

.dxeButtonEdit, .dxeButtonEdit td.dxeButtonEditButton {
    border-collapse: separate !important;
}

/************************************************************************************************************************************

    CSS Grid Systems

*************************************************************************************************************************************/

/* global styling to apply to all columns */
.sg-4, .sg-6, .sg-8, .sg-10, .sg-12, .sg-14, .sg-16, .sg-18, .sg-20 {
    line-height: 18px;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    padding: 0;
    margin: 0px 8px 4px 0px;
    float: left; /* for RTL change float to 'right' */
}

/* if you want to have a div as a parent with divs inside - add this class to parent div */
.sgParent {
    margin: 0px;
}

/* essential: width for all columns */
.sg-4 {
    width: 64px;
}

.sg-6 {
    width: 96px;
}

.sg-7 {
    width: 112px;
}

.sg-8 {
    width: 128px;
}

.sg-9 {
    width: 144px;
}

.sg-10 {
    width: 160px;
}

.sg-11 {
    width: 176px;
}

.sg-12 {
    width: 192px;
}

.sg-13 {
    width: 208px;
}

.sg-14 {
    width: 224px;
}

.sg-15 {
    width: 240px;
}

.sg-16 {
    width: 256px;
}

.sg-17 {
    width: 272px;
}

.sg-18 {
    width: 288px;
}

.sg-19 {
    width: 304px;
}

.sg-20 {
    width: 320px;
}

.right {
    text-align: right;
    margin-left: 0px;
}

.bdr {
    background: red;
}

/************************************

    Div Layout - two cols

Copy/Paste the following, but replace the 'x' with percent or pixels
So you can have 50%/50% or 20%/80%

Example:
<div class="wrapper">
    <div class="left" width="x"></div>
    <div class="right" width="x"></div>
</div>

In some cases you may want left side extact and right side fluid, so
make the left div e.g. 300px and the right div blank, but call it class='left'

Example:
<div class="wrapper">
    <div class="left" width="x"></div>
    <div class="left" width="x"></div>
</div>

************************************/
div.wrapper {
    clear: both;
    width: 100%;
}

div.search_wrapper {
    clear: both;
    width: 100%;
    /*background-color: Lime;*/
}

    div.wrapper div.left, div.search_wrapper div.left {
        padding: 0;
        margin: 0;
        float: left;
    }

    div.left{
        width:100%;
    }

    div.wrapper div.right, div.search_wrapper div.right {
        padding: 0;
        margin: 0;
        float: right;
    }

    div.search_wrapper div.left {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 18px;
        margin-bottom: 5px;
        text-align: right;
    }

    div.search_wrapper div.right {
        padding-right: 10px;
        line-height: 18px;
        margin-bottom: 5px;
    }

/*
    Find and replace popup styles.
 */

.far_message {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
}

.far_disclaimer {
    display: block;
    margin: 0px;
    margin-top: 5px;
    font-size: 10px;
    float: left;
}

.far_previewPanel {
    display: block;
    float: left;
    width: 480px;
    height: auto;
    margin-bottom: 5px;
}

    .far_previewPanel label {
        display: block;
        float: left;
        height: 16px;
        line-height: 16px;
        width: 80px;
        margin-bottom: 2px;
    }

    .far_previewPanel .liveEditlnk {
        display: inline-block;
        float: right;
        height: 16px;
        line-height: 16px;
        width: 20px;
        text-align: right;
        margin-bottom: 2px;
    }

    .far_previewPanel .previewInHTML {
        display: block;
        float: left;
        width: 462px;
        height: 45px;
        overflow: auto;
        border: 1px solid #A8A8A8;
        font-size: 11px;
        font-family: Arial;
        color: Gray;
        padding: 3px;
    }

    .far_previewPanel .liveTextEdit {
        display: block;
        float: left;
        width: 100%;
        height: 40px;
        overflow: auto;
        border: 1px solid #A8A8A8;
        font-size: 11px;
        font-family: Arial;
        color: Gray;
        padding: 5px;
    }

    .far_previewPanel .previewInHTML strong, .textBlack {
        color: black;
    }

.far_ledgend {
    display: inline-block;
    float: left;
    width: 140px;
    padding-left: 5px;
    margin: 0px;
    list-style-type: none;
}

    .far_ledgend li {
        display: block;
        float: left;
        width: 115px;
        height: 15px;
        line-height: 15px;
        font-size: 11px;
        font-family: Arial;
        margin-bottom: 3px;
    }

    .far_ledgend p {
        display: inline-block;
        float: left;
        width: auto;
        height: 15px;
        margin: 0px;
        padding: 0px;
        clear: none;
    }

    .far_ledgend div {
        display: inline-block;
        float: left;
        width: 13px;
        height: 13px;
        border: 1px solid black;
        margin: 0px 2px;
        clear: none;
    }

.far_checkboxsList {
    display: inline-block;
    float: left;
    width: 160px;
    margin: 0px;
    padding-left: 5px;
    list-style-type: none;
}

    .far_checkboxsList li {
        display: block;
        float: left;
        width: 160px;
        height: 15px;
        line-height: 15px;
        font-size: 11px;
        font-family: Arial;
        margin-bottom: 3px;
    }

.far_highlighting {
    display: inline-block;
    float: left;
    width: 160px;
    padding-left: 5px;
    margin: 0px;
}

    .far_highlighting.li {
        line-height: 15px;
    }

.far_Options {
    display: block;
    float: left;
    height: auto;
    width: 502px;
    line-height: 15px;
    border: 1px solid #A8A8A8;
    padding-top: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    font-family: Arial;
}

    .far_Options label {
        display: inline-block;
        float: left;
        width: auto;
        text-align: right;
        margin-left: 5px;
    }

    .far_Options .check {
        display: inline-block;
        float: left;
        width: auto;
        text-align: right;
        margin-left: 5px;
    }

/*
    Maintenance Icon Notfications.
*/

.alertIcons {
    display: inline-block;
    float: none;
    height: 18px;
}

    .alertIcons span {
        margin-left: 5px;
    }

    .alertIcons img {
        display: inline-block;
        float: left;
        opacity: 0.7;
        width: 16px;
        height: 16px;
        margin-right: 5px;
        margin-top: 1px;
    }

        .alertIcons img:hover {
            opacity: 1;
            cursor: pointer;
        }

/* CDA override */
.bodytext, .bodytext .dxgvEditFormCell *,
.dxtcTab, .ui-datepicker *,
.dxtcActiveTab td.dxtc, .dxtcActiveTabWithTabPositionBottom td.dxtc,
.dxtcActiveTabWithTabPositionLeft td.dxtc, .dxtcActiveTabWithTabPositionRight td.dxtc,
.dxtcTab, .dxeRadioButtonList, .dxeRadioButtonList table, .dxeCheckBoxList, .dxeCheckBoxList table, .dxeListBoxItem, .dxgvControl, .dxgvDisabled,
.dxpControl, .dxeBase, .bodytext .dxeEditArea, .dxeCalendarDay, .dxeCalendarDayHeader, .dxeCalendarButton td.dx, .dxeCalendarHeader, .dxscTimeRulerMinuteItem,
.dxscDateHeader, .dxscAlternateDateHeader, .dxscDayHeader, .dxscDateCellHeader, .dxscTodayCellHeader, .dxscTimelineDateHeader,
.dxscHorizontalResourceHeader, .dxscVerticalResourceHeader, .dxbButton, .bodytext .dxmLite ul.dx, .bodytext .dxeMemoEditArea,
.bodytext .dxpLite, .bodytext .dxtcLite > .dxtc-stripContainer .dxtc-text, .bodytext .dxtcLite > .dxtc-stripContainer .dxtc-leftIndent,
.bodytext .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent, .bodytext .dxtcLite > .dxtc-content,
.bodytext .dxucEditArea, .bodytext input[type="text"].dxucEditArea, .bodytext .resultsTopicComment, .resultsOverallComment,
.bodytext .dxpc-content, .dxgvEditFormTable, .dxflFormLayout, .dxflGroupBoxCaption {
    font-family: Arial !important;
    font-size: 11px !important;
}

    .bodytext .dxgvEditFormCaption {
        text-align: right;
    }

.graphContainer {
    margin-top: 10px;
}

.graph {
    margin-top: 10px;
    height: 475px;
    max-width: 100%;
}

    .graph table.jqplot-table-legend {
        margin: 0 10px 0 10px;
    }

.inlineBoxControl {
    display: inline-block;
    float: left;
    white-space: nowrap;
}

.selectedRow, .selectedRowNoBold {
    background-color: #DCDCDC;
}

.selectedRow {
    font-weight: bold;
}

.totalRow, .financial .dxgvFooter td.dxgv {
    border-top: 6px double #aaa !important;
    font-weight: bold;
}

.clr {
    clear: both;
}

.formGroup.last {
    margin-right: 0 !important;
}

.alignLabelsLeft table label {
    text-align: left;
    width: auto;
}

.displayNone {
    display: none;
}

/*Financial*/
.financial .dxgvFooter td.dxgv {
    text-align: right;
    border-right: 1px solid #aaa;
}

.hideVisibility {
    visibility: hidden !important;
}

.hideVisibilityAndHeight {
    visibility: hidden !important;
    height: 1px !important;
    min-height: 1px !important;
}

/*End Financial*/

.smallDetails .detail {
    float: left;
    margin-right: 10px;
}

/* Staff Kiosk */

.saveInfo {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}

/* End Staff Kiosk*/

.commentBox {
    position: absolute;
    /*visibility: hidden; */
    width: auto;
    height: auto;
    /*overflow:hidden; */
    white-space: nowrap;
    display: none;
    clear: both;
}

.previewBtnContainer {
    position: relative;
}

    .previewBtnContainer .preview {
        position: absolute;
        /*left:-100%;*/
        padding: 1EM;
        background-color: #DCDCDC;
    }

        .previewBtnContainer .preview .closeButton {
            position: absolute;
            right: -10px;
            top: -16px;
        }

.closeButton {
    background-image: url(../Images/icon-close.png);
    width: 32px;
    height: 32px;
}

/* Jquery datepicker overrides */
.ui-datepicker {
    background-color: #fff;
    border: 1px solid #000;
}

.ui-datepicker-header {
    background-color: #DCDCDC;
    padding: 4px 7px;
}

.ui-datepicker-week-end {
    color: #C00000;
}

.ui-datepicker-calendar th {
    border-bottom: 1px solid #CFCFCF;
}

.ui-state-active, .ui-state-default .ui-state-highlight, .ui-state-hover {
    background-color: #8D8D8D;
    color: White;
}

.ui-datepicker-calendar td span, .ui-datepicker-calendar td a {
    text-align: center;
}

.ui-datepicker-next-hover, .ui-datepicker-prev-hover {
    background-color: transparent;
}

.ui-datepicker-header a {
    cursor: pointer;
}

/* End jquery datepicker overrides */

.floatingCalendar {
    position: absolute;
    z-index: 12000;
    visibility: hidden;
}

.labelButtons {
    float: right;
    margin: 0;
    padding: 0;
}

    .labelButtons li {
        list-style-type: none;
        float: left;
        margin-right: 5px;
    }

    .labelButtons .last {
        margin-right: 0;
    }

.floatLeft {
    float: left;
}

.meter-wrap {
    position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 155px;
    height: 10px;
}

.meter-wrap {
    background: #bdbdbd;
}

.meter-value {
    background: rgb(77, 164, 243);
    width: 0%;
}

.meter-text {
    position: absolute;
    top: -2px;
    left: 0;
    /* padding-top: 5px;*/
    color: #fff;
    text-align: center;
    width: 100%;
}

/* #region
=============================================================================
 # Subject Assessment area - Search Criteria popup
============================================================================= */

.subjectAssessmentSearchCriteria .search_wrapper .left, .subjectAssessmentSearchCriteria .fileYearSemesterContainer .fileYearSemester span {
    text-align: right;
}

.subjectAssessmentSearchCriteria .search_wrapper .left, .subjectAssessmentSearchCriteria .fileYearSemesterContainer .fileYearSemester td {
    width: 120px;
}

.subjectAssessmentSearchCriteria .fileYearSemesterContainer .fileYearSemester span {
    display: block;
}

.subjectAssessmentSearchCriteria .fileYearSemesterContainer .fileYearSemester td.nowrap {
    padding-left: 10px;
}

.subjectAssessmentSearchCriteria .search_wrapper .fileYearSemester {
    float: right;
}

.subjectAssessmentSearchCriteria .fileYearSemesterContainer {
    margin-bottom: 5px;
}
/* #endregion */

/* #region
=============================================================================
 # Subject Assessment area - Materials tab
============================================================================= */

/* fix cutting off Materials popup inside tab controls in FF */
@-moz-document url-prefix() {
    #divSubjectAssessmentAreaMaint .areaTabs .dxtc-content {
        overflow: visible;
    }

    #divSubjectAssessmentAreaMaint .dxtcLite > .dxtc-stripContainer, .dxtcLite > .dxtc-stripContainer .dxtc-strip {
        position: inherit;
    }
}

/* #endregion */

/* #region
=============================================================================
 # User Preferences
============================================================================= */

/* fix cutting off year & term inside tab controls in FF */
@-moz-document url-prefix() {
    .PageControlUserPreferences .dxtc-content {
        overflow: visible;
    }
}
/* #endregion */

/*
 Subject Assessment area - markbook
*/

.importBookMark .importDetailRow .item .yearTerm span {
    margin-right: 0;
}

.importBookMark .importDetailRow .item {
    margin-right: 1EM;
    float: left;
    margin-bottom: 5px;
}

    .importBookMark .importDetailRow .item span {
        margin-right: 10px;
    }

        .importBookMark .importDetailRow .item span.colValue, .importBookMark .importDetailRow .item span.importColValue {
            margin-right: 0;
        }

    .importBookMark .importDetailRow .item .CDAComboBox {
        width: 100px;
    }

/*
 End Subject Assessment area - markbook
*/

/*Subject assessment area - forumlas */

#subjectAssessmentAreaForumla .functions {
    margin-left: 2EM;
}

.importColLabel {
    float: left;
    text-align: left;
    /* width: 10em; */
    vertical-align: middle;
    padding-top: 0.2em;
}

span.importColValue {
    float: left;
    text-align: left;
    /* width: 10em; */
    vertical-align: middle;
    padding-left: 0.2em;
}

div.importDetailRow {
    clear: both;
}

/* End Subject assessment area - formulas */

.subjectAssessmentAreaCreate .btn {
    margin-bottom: 0;
}

.gridEditRemoveButton {
    display: block;
    float: none;
    border: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

    .gridEditRemoveButton: hover {
        width: 16px;
        height: 16px;
    }

.cmShowHide {
    text-decoration: none;
}

.SynRolloverFadeIn {
    opacity: 0.6;
    cursor: pointer;
}

    .SynRolloverFadeIn:hover {
        opacity: 1;
        cursor: pointer;
    }

/*mimic the cdatextbox styling*/
.cdaTextboxMimic {
    border-color: #E3E9EF;
    border-top-color: #ABADB3;
    padding: 2px;
}

    .cdaTextboxMimic input {
        padding: 2px;
        width: auto !important;
    }

    .cdaTextboxMimic:hover {
        border-color: #C7E2F1;
        border-top-color: #5794BF;
    }

.dynamicRoundPanel {
    margin-bottom: 1.1EM !important;
}

.CDAGridView .gridHeaderResults {
    vertical-align: top;
    height: 90px;
    height: auto\9;
}

.helpIcon {
    float: right;
}

.helpIconLink img {
    margin-top: 1px;
}

.CreateWebServiceHeader {
    padding-left: 5px;
}

.excelHeader {
    position: fixed;
    border-collapse: collapse;
    padding: 0;
    z-index: 80;
}

.excelHeaderContainer {
    position: relative;
}

    .excelHeaderContainer table td,
    .excelVerticalColumnTable table td {
        padding: 0;
    }

.excelVerticalColumnTable {
    position: fixed;
    left: 0;
    top: 0;
    /*z-index: 400;*/
    border-spacing: 0;
    border-collapse: collapse;
}

.excelVerticalColumn {
    font-size: 11px;
}

    .excelVerticalColumn input {
        /*display:none;*/
    }

    #classFastGridContainer .toolTipPhoto, #classFastGridContainer a, #classPTIGridContainer .toolTipPhoto, #classPTIGridContainer a,
    .excelVerticalColumn a, .excelVerticalColumn input, .excelVerticalColumn .toolTipPhoto {
        float: left;
    }

#classPTIGridContainer a {
    line-height: 1.5;
    margin-left: 0.5em;
}

#classFastGridContainer a,
.excelVerticalColumn a {
    margin: 0;
    padding: 0;
    display: block;
}

#classFastGridContainer .studentPhoto {
    clear: both;
}

#classFastGridContainer .toolTipPhoto, #classFastGridContainer .printPdfReport, #classPTIGridContainer .toolTipPhoto, #classPTIGridContainer .printPdfReport,
.excelVerticalColumn .toolTipPhoto, .excelVerticalColumn .printPdfReport {
    margin-right: 2px;
    cursor: pointer;
}

.excelVerticalColumnTable a, .excelVerticalColumnTable input {
    /*letter-spacing: -0.1px;*/
}

.td.excelVerticalColumn, td.excelVerticalColumn table, td.excelVerticalColumn tbody, td.excelVerticalColumn tr, td.excelVerticalColumn td {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.excelVerticalColumn .studentPhoto {
    clear: both;
}

.excelVerticalColumn input {
    padding-right: 1px;
}

.excelVerticalColumnTablePreviewCol, .studentResultsAllStudents .dxgvTable .excelVerticalColumnTablePreviewCol {
    padding: 0 !important;
}

.excelVerticalColumn table {
    border-spacing: 0;
    border-collapse: collapse;
}

.studentResultsAllStudents .bufferCell,
.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
    overflow: hidden;
    border-bottom: 1px Solid #CFCFCF;
    border-right: 1px Solid #CFCFCF;
    border-top-width: 0;
    border-left-width: 0;
    padding: 3px 6px 4px;
}

div .resultsplaceholder {
	position: relative;
}

/* Vert Alignment for grids - short term fix, should be refactored as a grid setting/helper style - TG */
#CareerPanel .dxgvDataRow td.dxgv,
#ServicesPanel .dxgvDataRow td.dxgv {
    vertical-align: top !important;
}

.historyResults .radioButtonList {
    border-collapse: collapse;
}

    .historyResults .radioButtonList td {
        padding: 0;
        border-width: 0;
    }

.excelImportDialog .uploaderTD {
    vertical-align: top;
}

/*
    StaffPortal.CSS
*/
div#staffPortalTimeTableDiv {
    padding: 10px 0px 0 10px;
    position: relative;
    float: left;
    width: 250px; /* IE8 compatibility mode doesn't like it if I leave the width as auto (default / not set) */
    height: 10%;
}

div#staffPortalEventsDiv {
    padding: 10px 0px 0 10px;
    float: left;
    width: 25%;
}

div#staffPortalClassesDiv {
    padding: 10px 0 0 10px;
    float: left;
    width: 25%;
}
/*
 --------------------------------------------------
    modalPopup.css
 --------------------------------------------------
*/
.popupDialog {
    display: block;
    float: left;
    width: 450px;
    background-color: White;
    border: 1px solid #888888;
    font-size: 11px;
    font-family: Arial;
    margin-right: 15px;
}

    .popupDialog.borderless {
        border: none;
    }

    .popupDialog .head {
        display: inline-block;
        width: 100%;
        min-height: 22px;
        margin-bottom: 10px;
        background-color: #DCDCDC;
        clear: both;
        border-bottom: 1px solid #888888;
    }

        .popupDialog .head h2 {
            float: none;
            font-size: 11px;
            line-height: 24px;
            min-height: 24px;
            width: 96%;
            margin: 0px auto;
            font-weight: normal;
        }

    .popupDialog .contentWrap {
        display: inline-block;
        width: inherit;
        height: auto;
        float: left;
    }

        .popupDialog .contentWrap .label {
            display: inline-block;
            float: left;
            width: 60px;
            height: 20px;
            margin-right: 10px;
            text-align: right;
            font-weight: bold;
        }

        .popupDialog .contentWrap .field {
            display: inline-block;
            float: left;
            height: 20px;
        }

        .popupDialog .contentWrap h2 {
            float: none;
            font-size: 11px;
            line-height: 24px;
            min-height: 24px;
            width: 100%;
            margin: 0px auto;
            font-weight: bold;
        }

.floatingMenu {
    /* Floating menu for iframes */
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    min-height: 30px;
    vertical-align: middle;
    background: #DCDCDC;
    text-align: center;
    border-bottom: 1px solid #888888;
}

.floatingFooter {
    /* Floating footer for iframes */
    bottom: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    min-height: 24px;
    vertical-align: middle;
    background: #DCDCDC;
    text-align: center;
    border-top: 1px solid #888888;
    padding-top: 4px;
}

.popupDialog .footer {
    display: inline-block;
    width: inherit;
    float: left;
    min-height: 20px;
    margin-top: 8px;
    clear: both;
    vertical-align: middle;
}

.popupDialog iframe {
    width: 100%;
    border: none;
    height: 340px;
    padding: 0px;
    border-left: none;
    border-bottom: none;
}

.popupDialog .buttonRow, .floatingMenu .buttonRow {
    display: block;
    width: 100%;
    float: left;
    height: auto;
    clear: both;
    min-height: 10px;
}

.floatingMenu .buttonRow {
    margin-bottom: 0px;
}

    .popupDialog .buttonRow .button, .floatingMenu .buttonRow .button, .popupDialog .footer .button {
        display: inline-block;
        float: right;
        margin: 0px 2px;
    }

    .floatingMenu .buttonRow .button {
        margin-top: 4px;
    }

        .floatingMenu .buttonRow .button.left {
            float: left;
        }

    .floatingMenu .buttonRow .checkbox {
        display: inline-block;
        float: right;
        margin: 0px 2px;
        font-size: 11px;
        height: 28px;
        font-weight: normal;
        margin-top: 2px;
        margin-right: 10px;
    }

.popupDialog .footer .warning {
    min-height: 1px;
    color: Red;
}

/* Row headers */
.popupDialog .rowHeader {
    position: relative;
    width: 100%;
    min-height: 18px;
    font-size: 11px;
    margin-bottom: 8px;
    clear: both;
}

    .popupDialog .rowHeader hr {
        float: right;
        min-width: 390px;
        margin-top: 9px;
    }

    .popupDialog .rowHeader h3 {
        position: absolute;
        top: -2px;
        left: 0px;
        min-height: 18px;
        line-height: 18px;
        background-color: #FFF;
        padding: 0px 8px;
        font-weight: normal;
    }

/* (rmsar) Results maintenance - Sorting and Ranking styles*/
.rmsar {
}

    .rmsar .dropDownlist {
        display: inline-block;
        float: left;
        margin-left: 20px;
        min-width: 200px;
    }

    .rmsar .radioButtonList {
        margin-top: -12px;
        display: inline-block;
        padding: 0px;
        float: right;
        margin-right: 20px;
        min-height: 40px;
    }

    .rmsar .formLabel {
        display: inline-block;
        float: left;
        height: 24px;
        line-height: 24px;
    }

    .rmsar .formCheckBox {
        display: inline-block;
        float: left;
        margin-left: 20px;
        height: 24px;
    }

/* Column Styles*/

.popupColumn {
    display: inline-block;
    float: left;
    min-width: 70px;
}

    .popupColumn label {
        width: 100%;
        margin-bottom: 2px;
        float: left;
    }

    .popupColumn.floatRight {
        float: right;
    }

    .popupColumn.popupColumnThinColumn .button {
        margin: 5px auto;
    }
/*
-----------------------------------
    emailSys.css
-----------------------------------
*/
/*
    EnmaiSys.aspx styles/Classes
*/

.emailForm {
    display: inline-block;
    float: left;
}

    .emailForm .templateItemsMergList {
        display: inline-block;
        float: right;
        width: 220px;
        min-height: 100px;
    }

    .emailForm .label {
        display: inline-block;
        float: left;
        width: 80px;
        height: 20px;
        line-height: 24px;
        text-align: right;
        margin-right: 5px;
    }

    .emailForm .field {
        display: inline-block;
        float: left;
    }

        .emailForm .field .addMargin10px {
            margin-left: 10px;
        }

    .emailForm .validation {
        display: inline-block;
        float: left;
        clear: both;
        margin-left: 210px;
    }

    .emailForm .leftColumn {
        display: inline-block;
        float: left;
        width: 680px;
        min-height: 100px;
    }

    .emailForm .rightColumn {
        display: inline-block;
        float: left;
        width: 220px;
        min-height: 100px;
        margin-right: 5px;
    }

        .emailForm .rightColumn .label {
            text-align: left;
            width: auto;
        }

    .emailForm .recipientEditorDiv {
        display: inline-block;
        float: left;
        margin-left: 85px;
        margin-top: 10px;
    }

    .emailForm .attachmentsDiv {
        display: inline-block;
        float: left;
        width: 100%;
    }

        .emailForm .attachmentsDiv .roundPanel {
            display: inline-block;
            float: left;
            width: 100%;
        }

.messageTypeDiv {
    display: inline-block;
    float: right;
    width: 220px;
}

/* Email body/message editor*/
.dxheContentArea_msgBody {
    padding: 1px;
    background-color: white;
    border: 1px solid black;
    margin: 0px;
    font: 11px Arial;
}

.dxheHtmlViewArea_msgBody, .dxheDesignViewArea_msgBody, .dxhePreviewArea_msgBody {
    text-align: left;
    font-size: smaller;
    font: 11px Arial;
}

.checkboxSettings {
    display: inline-block;
    float: left;
    height: 20px;
    line-height: 20px;
}

.authenticationSettings {
    display: inline-block;
    float: left;
    width: 100%;
}

    .authenticationSettings .clear {
        margin-bottom: 10px;
    }

    .authenticationSettings .label {
        display: inline-block;
        float: left;
        width: 100px;
        height: 20px;
        line-height: 20px;
        text-align: right;
        margin-right: 5px;
    }

    .authenticationSettings .field {
        display: inline-block;
        float: left;
    }

    .authenticationSettings .fieldBox {
        display: inline-block;
        float: left;
    }

/* Menu Items*/

.dxmMenu_sysEmail, .dxmVerticalMenu_sysEmail {
    font: 11px Arial;
    padding: 0px;
}

.dxmSubMenu_sysEmail {
    font: 11px Arial;
    padding: 1px 1px 1px 1px;
    border: 1px solid grey;
    background-color: #F7F7F7;
}

.emailSysMenuItem {
    display: block;
    float: none;
    width: 400px;
    padding: 8px;
}

    .emailSysMenuItem .row {
        display: block;
        float: left;
        min-width: 400px;
        min-height: 24px;
        margin-bottom: 10px;
        clear: both;
    }

        .emailSysMenuItem .row h2 {
            width: 100%;
            clear: both;
            margin: 0xp;
            padding: 0px;
            font-size: 14px;
        }

        .emailSysMenuItem .row .column {
            display: inline-block;
            float: left;
            width: 200px;
            min-height: 24px;
        }

        .emailSysMenuItem .row label {
            display: Inline-block;
            float: left;
            width: 120px;
            height: 24px;
            margin-bottom: 4px;
            text-align: right;
            margin-right: 10px;
            line-height: 24px;
        }

        .emailSysMenuItem .row .input {
            display: Inline-block;
            float: left;
            width: 260px;
            margin-bottom: 4px;
            clear: right;
        }

        .emailSysMenuItem .row .radioButtonList {
            display: inline-block;
            width: 260px;
            float: left;
        }

            .emailSysMenuItem .row .radioButtonList .dxeBase {
                width: 100px;
                line-height: 24px;
            }

                .emailSysMenuItem .row .radioButtonList label, .emailSysMenuItem .row .radioButtonList .dxeBase input {
                    display: inline-block;
                    float: left;
                    clear: none;
                    width: auto;
                    height: 24px;
                    text-align: left;
                }

                .emailSysMenuItem .row .radioButtonList .dxeBase label {
                    display: none;
                }

            .emailSysMenuItem .row .radioButtonList label {
                padding-top: 4px;
                margin-left: 10px;
            }

            .emailSysMenuItem .row .radioButtonList .dxeBase input {
                margin-left: 0px;
            }

/* message / BodyEditor  styles*/
.messageBodyEditor {
    display: inline-block;
    float: left;
    width: 100%;
    min-height: 348px;
    padding: 2px;
}

    .messageBodyEditor fieldset {
        display: inline-block;
        float: none;
        min-height: 345px;
        margin: 0px;
        padding-top: 5px;
        padding-bottom: 10px;
    }

/* EnableFieldMergingBoundingBox merging styles */

.enableFieldMergingBoundingBox {
    /* Nothing here*/
}

    .enableFieldMergingBoundingBox .pasteOptions {
        display: inline-block;
        float: left;
        width: 100%;
    }

    .enableFieldMergingBoundingBox .fieldListbox {
        margin: 5px 0px;
    }

    .enableFieldMergingBoundingBox .pasteOptions .pasteButton {
        float: left;
    }

    .enableFieldMergingBoundingBox .pasteOptions .radioButtons {
        display: inline-block;
        float: left;
        padding: 0px;
        margin-left: 0px;
    }

    .enableFieldMergingBoundingBox .pasteOptions .copyBox {
        display: inline-block;
        float: left;
        Height: 24px;
        Width: 140px;
        margin-left: 5px;
        padding: 0px;
    }

        .enableFieldMergingBoundingBox .pasteOptions .copyBox input {
            line-height: 18px;
            height: 18px;
            width: 135px;
            font: 11px Arial;
            margin: 1px;
            border: none;
        }

        .enableFieldMergingBoundingBox .pasteOptions .copyBox .dxeDisabled {
            color: black;
            font-weight: normal;
            font-size: 11px;
        }

/* attachments zone styles*/
.attachments {
    display: inline-block;
    float: left;
    width: 480px;
    min-height: 100px;
}

    .attachments .attachmentsAddAndRmove {
        display: inline-block;
        float: left;
        width: 100px;
    }
/* Settings zone styles*/
.tileTemplate_Settings {
    display: inline-block;
    float: left;
    width: 960px;
}

.floatCheckboxLeft {
    display: inline-block;
    width: auto;
    min-height: 24px;
    float: left;
}

.authenticationSettings {
    display: inline-block;
    float: left;
    width: 500px;
    min-height: 160px;
}

.advancedSetttings {
    display: inline-block;
    float: right;
    width: 200px;
    background-color: Red;
    min-height: 160px;
}

.studentParentDiv {
    display: block;
    float: left;
}

.emailCopyToYourself {
    display: inline-block;
    float: right;
    width: 250px;
    clear: right;
}

.basicEmailParams {
    display: inline-block;
    float: left;
    padding: 5px;
    width: 550px;
}

.emailForm .buttonRow {
    display: inline-block;
    float: right;
    width: 678px;
}

    .emailForm .buttonRow .editorStatusBar {
        display: inline-block;
        float: left;
        width: 400px;
        font-size: 11px;
        text-align: left;
    }

    .emailForm .buttonRow .floatButtonsRight {
        display: inline-block;
        float: right;
        width: 180px;
    }

        .emailForm .buttonRow .floatButtonsRight .button {
            display: inline-block;
            float: right;
            margin-bottom: 5px;
        }

.ErrorList {
    margin: 0px;
    padding-left: 20px;
}

    .ErrorList li {
        margin-bottom: 8px;
    }

.singleError li {
    display: inline-block;
    float: left;
    width: 200px;
    list-style: none;
    margin-bottom: 8px;
}

.recipientlistFooter {
    display: inline-block;
    float: left;
    width: 520px;
    min-height: 20px;
    background-color: #DCDCDC;
    border: 1px solid #9F9F9F;
    border-top: none;
    padding-top: 5px;
}

    .recipientlistFooter .column {
        display: inline-block;
        float: left;
        width: auto;
        height: 20px;
        padding: 0px 5px;
    }

.emailNote div {
    line-height: 25px;
}

.recipientsRow {
    display: block;
    float: left;
    width: 100%;
    height: 25px;
    clear: both;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    font-family: Arial;
    border-bottom: 1px solid grey;
}

    .recipientsRow td {
        display: block;
        float: left;
        height: 21px;
        border-right: 1px solid grey;
        line-height: 21px;
        padding: 2px;
        list-style: none;
        margin: 0px;
        overflow: hidden;
    }

        .recipientsRow td.alpha {
            border-left: px solid grey;
        }

        .recipientsRow td.omega {
            border-right: 0px;
        }
/*
----------------------------------------------------------------------------
    kiosk.css
----------------------------------------------------------------------------
*/

a.lnkSubmit {
    /* margin: 0px 0px 0px 0px; */
    background: url(/Images/16x16PDF.gif) left center no-repeat;
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 1em;
    padding: 0.2em 1em 0.2em 20px;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0px;
    color: #336699;
    border: 1px solid;
    background-color: black;
    border-color: #0066FF #0066FF #0066FF #0066FF;
    border-style: none;
}

a.lnkDetails {
    background: url(../Images/kiosk/16x16details.png) left center no-repeat;
}

a.lnkLeave {
    background: url(../Images/kiosk/16x16leaves.png) left center no-repeat;
}

a.lnkBank {
    background: url(../Images/kiosk/16x16bank.png) left center no-repeat;
}

a.lnkPD {
    background: url(../Images/kiosk/16x16brainstorming.png) left center no-repeat;
}

a.lnkPayslip {
    background: url(../Images/kiosk/16x16payslip.png) left center no-repeat;
}

a.lnkTask {
    background: url(../Images/kiosk/16x16task.png) left center no-repeat;
}

a.lnkTimesheet {
    background: url(../Images/kiosk/16x16timesheet.png) left center no-repeat;
}

a.lnkSubmit:active {
    font-weight: bold;
}

a.lnkActive {
    font-weight: bold;
}

a.lnkSubmit:link {
}

a.lnkSubmit:visited {
}

a.lnkSubmit:hover {
    color: #000000;
}

.header_Leave {
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 2em;
}

.column {
    float: left;
    padding: 5px 5px 5px 5px;
}

.dateColumn {
    float: left;
    padding: 5px 5px 5px 5px;
}

.buttonColumn {
    float: left;
    position: relative;
    top: -2px;
}
/*
-----------------------------------------------------
	UctrlStaffScheduler.css
-----------------------------------------------------
*/

/*
    Scheduler Legend
*/

.scedulerLegend {
    display: inline-block;
    float: left;
    width: 516px;
    height: auto;
    margin: 0px;
    padding: 2px;
    list-style: none;
    font-size: 11px;
    font-family: Arial;
    background-color: #F7F7F7;
    border: none;
}

    .scedulerLegend LI {
        display: block;
        float: left;
        height: 15px;
        clear: right;
        margin-bottom: 4px;
        line-height: 18px;
        padding: 0px;
        margin-right: 5px;
    }

        .scedulerLegend LI .colourBox {
            display: inline-block;
            float: left;
            height: 15px;
            width: 15px;
            margin-right: 5px;
            background-color: #f2f2f2;
            border: 1px solid #E0DEDE;
            border-bottom: none;
            font-size: 11px;
            font-family: Arial;
        }

.attendancesRegionDiv {
    display: block;
    float: left;
    width: 930px;
    background-color: aqua;
}

.gridViewClass_visibility {
    display: table-cell;
}

.gridViewStudents_visibility {
    display: table-cell;
}

.gridViewScheduledStudents_visibility {
    display: table-cell;
}
/*
------------------------------------------
	UctrlTimesheets.css
-----------------------------------------
*/
img.timesheet_status_pending {
    background-image: url('../Images/16x16diamond_amber.png');
}

img.timesheet_status_more_information {
    background-image: url('../Images/16x16diamond_purple.png');
}

img.timesheet_status_approved {
    background-image: url('../Images/16x16diamond_green.png');
}

img.timesheet_status_more_information_submitted, img.timesheet_status_submitted {
    background-image: url('../Images/16x16diamond_blue.png');
}

img.timesheet_status_deny {
    background-image: url('../Images/16x16diamond_red.png');
}
/*
----------------------------------------------
	tagList.css
----------------------------------------------
*/
/*
    Styles for tag list (sysTag.aspx)
*/

.tagList {
    display: inline-block;
    float: none;
    width: 580px;
    min-height: 400px;
}

    .tagList .tagListButtonList {
        display: inline-block;
        float: right;
        width: 82px;
        min-height: 100px;
        margin-right: 5px;
    }

    .tagList .tagListOptions {
        display: inline-block;
        width: 200px;
        float: right;
        margin-right: 10px;
    }

    .tagList .tagListGridView {
        display: inline-block;
        float: left;
        margin-right: 10px;
    }

.CDARoundPanelTitle {
    display: inline-block;
    float: left;
    width: 100px;
    font-family: Arial;
    font-size: 11px;
}

.enableMultiSelectionFloatRight {
    display: inline-block;
    float: right;
    font-family: Arial;
    font-size: 11px;
}
/*
----------------------------------------------------------
	SubjectAssessmentResultsDone.css
----------------------------------------------------------
*/
.zero_percent, .onesix_percent, .threethree_percent, .fivezero_percent, .sixsix_percent, .eightthree_percent, .hundred_percent, .hundred_percent_gray {
    font-weight: normal;
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    text-align: center;
}

.zero_percent {
    background-image: url('../Images/16x16circle000.png');
}

.onesix_percent {
    background-image: url('../Images/16x16circle016.png');
}

.threethree_percent {
    background-image: url('../Images/16x16circle033.png');
}

.fivezero_percent {
    background-image: url('../Images/16x16circle050.png');
}

.sixsix_percent {
    background-image: url('../Images/16x16circle066.png');
}

.eightthree_percent {
    background-image: url('../Images/16x16circle083.png');
}

.hundred_percent {
    background-image: url('../Images/16x16circle100.png');
}

.hundred_percent_gray {
    background-image: url('../Images/16x16circle100gray.png');
}

#developersLocalisation .searchBar, #developersLocalisation .buttonRow,
#objTaskMaint .searchBar, #objTaskMaint .buttonRow {
    float: left;
}

.AlphabetSearchConto; {
    display: inline-block;
    float: none;
    height: 16px;
    width: auto;
}

#developersLocalisation .buttonRow,
#objTaskMaint .buttonRow {
    margin-left: 1EM;
    margin-top: 0;
    width: auto;
}

.AlphabetSearchContol span {
    display: inline-block;
    float: left;
    height: 16px;
    width: 12px;
    line-height: 16px;
    text-align: center;
}

    .AlphabetSearchContol span:hover {
        background-color: #f2f2f2;
    }

    .AlphabetSearchContol span a {
        cursor: pointer;
        text-decoration: none;
        font-weight: bold;
    }

#developersLocalisation .buttonRow .btn, #objTaskMaint .buttonRow .btn {
    margin-top: 0;
}

#developersLocalisation .searchBar .dxeTextBox, #objTaskMaint .searchBar .dxeTextBox {
    float: left;
}

/*SSRS embed in Results Maintenance*/
.ssrsEmbedContainer, .toggleShowGraph,
.ssrsContainer .graphType {
    margin-left: 10px;
}

.singleStudentResultContainer {
}

.ssrsContainer {
    margin-left: 5px;
}

.ssrsReportContainer {
    height: 100%;
}

.toggleShowGraph {
    margin-bottom: 1EX;
    display: block;
    width: 100px;
}

#singleStudentResult_container {
    width: 400px;
}

#singleStudentResult_resultDiv .headingDiv {
    margin-bottom: 1ex;
}

.buttonClientDeleteCmd {
    cursor: pointer;
}

.GridViewNewButton {
    display: inline-block;
    float: right;
    height: 24px;
}

.gridViewbuttonClientCmd {
    display: inline-block;
    float: none;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
    opacity: 1;
}

    .gridViewbuttonClientCmd.disabled {
        cursor: not-allowed;
        opacity: 0.7;
    }

    .gridViewbuttonClientCmd:hover {
        opacity: 1;
    }

.signaturesEdit .grid {
    margin-top: 1EM;
    margin-bottom: 1EM;
}

.conflict {
    background-color: red;
    color: white;
    font-weight: bold;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
    color: white;
}

.savingOverlay {
    position: absolute;
    background-color: black;
    color: white;
    z-index: 10000;
}

.customiseTabs {
    font-family: Arial;
    font-size: 11px;
}

    .customiseTabs label.headLabel {
        display: block;
        clear: both;
        float: none;
        width: 100%;
        text-align: left;
        text-indent: 5px;
        background-color: #d9d9d9;
        border-bottom: solid 2px #676767;
        color: #303030;
        line-height: 22px;
    }

    .customiseTabs .tabBox {
        display: block;
        width: 240px;
        clear: both;
        float: none;
        border: solid 1px #D1D1D1;
        height: 360px;
        border-top: none;
        overflow-y: scroll;
    }

        .customiseTabs .tabBox label.tab {
            display: block;
            float: left;
            width: 100%;
            text-indent: 5px;
            line-height: 20px;
            background-color: #F7F7F7;
            color: black;
            border-bottom: solid 1px #b9b9b9;
        }

            .customiseTabs .tabBox label.tab.userform {
            }

            .customiseTabs .tabBox label.tab span {
                display: inline-block;
                float: left;
                width: 4px;
                height: 20px;
                border-right: dotted 1px black;
                background-color: #7373fe;
            }

            .customiseTabs .tabBox label.tab.userform span {
                background-color: aqua;
            }

            .customiseTabs .tabBox label.tab:hover {
                cursor: pointer;
                background-color: #fbdba0;
            }

        .customiseTabs .tabBox .tab.selectedTab {
            background-color: #fbdba0;
        }

    .customiseTabs .button {
        margin-left: 5px;
        margin-right: 5px;
    }

.customiseTabs {
    margin-top: 5px;
    margin-bottom: 5px;
}

.vButton {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.customiseTabs .buttonContainer {
    display: block;
    float: none;
    height: 22px;
    line-height: 22px;
    clear: both;
}

.synLedgend {
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    line-height: 16px;
}

    .synLedgend li {
        display: inline-block;
        float: left;
    }

        .synLedgend li span {
            display: block;
            float: left;
            height: 16px;
            width: 16px;
            margin-left: 5px;
            margin-right: 3px;
            color: #5B5B5B;
        }

            .synLedgend li span.red {
                background-color: red;
            }

            .synLedgend li span.yellow {
                background-color: yellow;
            }

            .synLedgend li span.orange {
                background-color: orange;
            }

            .synLedgend li span.standardTab {
                background-color: #7373fe;
                width: 8px;
            }

            .synLedgend li span.userformTab {
                background-color: aqua;
                width: 8px;
            }

.customiseTabs.toolTipContainer {
    display: block;
    float: left;
    width: 100%;
    height: 18px;
    line-height: 18px;
    background-color: #FFF;
    margin-bottom: 5px;
    font-size: 11px;
    color: #5B5B5B;
}

    .customiseTabs.toolTipContainer .canvas {
        display: none;
        width: 100%;
        line-height: 18px;
    }

        .customiseTabs.toolTipContainer .canvas label {
            display: inline-block;
            background-color: gray;
            color: white;
            padding-left: 6px;
            padding-right: 6px;
            margin-right: 3px;
            font-weight: bold;
            float: left;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            margin-left: 5px;
        }

        .customiseTabs.toolTipContainer .canvas span {
            display: inline-block;
            float: left;
        }

            .customiseTabs.toolTipContainer .canvas span strong.tabSelection {
                color: orange;
            }

/* Student Awards */
#studentAwards .awardButtons {
    float: right;
    margin-bottom: 10px;
}

.studentGrid .dxgvHeader {
    text-align: center;
}

ul.buttonbar.studentBulk > li > table {
    width: 105px;
}

/************************************************************************************************************************************
    Standard web form classes
     - Used in Student Maint Search Criteria Page
*************************************************************************************************************************************/

.studentSearchForm {
    font-size: 11px;
    font-family: Arial;
    line-height: 14px;
}

    .studentSearchForm label {
        display: inline-block;
        float: left;
        width: 133px;
        min-height: 16px;
        text-align: right;
        padding: 2px 0px;
        margin-right: 10px;
    }

    .studentSearchForm input {
        display: inline-block;
        float: none;
        /*padding: 0px;*/
    }

        .studentSearchForm input[type="text"] {
            height: *16px;
            margin: *0px !important;
        }

    .studentSearchForm .synWebfield {
        display: inline-block;
        float: left;
        min-height: 16px;
        /*padding: 0px;*/
    }

    /* SynWeb Form: Checkbox*/
    .studentSearchForm .synWebfieldCheckbox {
        width: 20px;
    }

    .studentSearchForm .buttonRow {
        display: inline-block;
        float: left;
        width: 100%;
        min-height: 20px;
    }

        .studentSearchForm .buttonRow .button {
            display: inline-block;
            float: left;
            min-width: 60px;
            min-height: 20px;
        }

    .studentSearchForm .closeNavBar input {
        float: left;
    }

    .studentSearchForm .closeNavBar label {
        text-align: left;
        margin-left: 5px;
    }

.roundPanelPadding {
    display: block;
    float: left;
    width: auto;
    padding: 10px;
}

/*
    Community Portal Maint
*/

.StudentMaintLink {
    margin-left: 10px;
}

.StudentMaintLink, .CommunityMaintLink {
    color: orange;
}

.CommunutyIDColumn {
    /*background-color:lightgray;
     color:green;*/
}

    .CommunutyIDColumn .CommunityMaintLink,
    .infoText {
        color: blue;
    }

.infoText {
    margin-bottom: 10px;
}

span.communityID {
    font: bold;
}

.trMenuContainer {
    min-width: 960px;
}

    .trMenuContainer .backIconContainer {
        padding-left: 5px;
        width: 15px;
    }

    /*Synweb floating menu class*/
    .trMenuContainer.floatMenu {
        display: table;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999;
        width: 100%;
        min-width: 1260px;
        background: #2B4E7F !important;
    }
}

.searchCommunityButtonRow {
    white-space: nowrap;
}

    .searchCommunityButtonRow .buttonRow {
        width: auto;
    }

    .searchCommunityButtonRow .errorDiv {
        float: left;
        margin: 0 0 0 97px;
    }

.validationSummary {
    color: red;
    margin-bottom: 10px;
}

/*
    Grid view filter controls/buttons
*/
.gridViewSettingsBottom {
    display: inline-block;
    float: left;
    height: 21px;
    margin-left: 16px;
}

    .gridViewSettingsBottom .synGridToolsButton {
        display: inline-block;
        float: left;
        height: 16px;
        position: relative;
        border: 1px solid #9F9F9F;
        background-color: #DCDCDC;
        padding: 2px 12px 2px 8px;
        cursor: pointer;
    }

        .gridViewSettingsBottom .synGridToolsButton:hover {
            background-color: #a8a8a8;
        }

        .gridViewSettingsBottom .synGridToolsButton > img {
            display: inline-block;
            float: left;
            height: 16px;
            margin-right: 8px;
        }

        .gridViewSettingsBottom .synGridToolsButton label {
            display: inline-block;
            float: left;
            height: 16px;
            line-height: 16px;
            font-size: 11px;
            font-family: Arial;
            color: black;
            cursor: pointer;
        }

        .gridViewSettingsBottom .synGridToolsButton .formContainer {
            padding: 10px; /* give the rollover effect some extra space to stay alive */
            position: absolute;
            display: none;
            z-index: 1000;
            bottom: 10px;
            /* you may want to adjust left and bottom with in line styles.*/
        }

            .gridViewSettingsBottom .synGridToolsButton .formContainer .toolsForm {
                background-color: #FFF;
                border: 1px solid #9F9F9F;
                -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
                box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
            }

                .gridViewSettingsBottom .synGridToolsButton .formContainer .toolsForm h2 {
                    margin: 0px;
                    background-color: #DCDCDC;
                    border-bottom-color: #C9C9C9;
                    border-bottom-style: solid;
                    border-bottom-width: 1px;
                    border-collapse: separate;
                    color: rgb(64, 64, 64);
                    cursor: move;
                    display: block;
                    font-family: Arial;
                    font-size: 11px;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: normal;
                    height: 16px;
                    line-height: normal;
                    padding-bottom: 2px;
                    padding-left: 12px;
                    padding-right: 2px;
                    padding-top: 2px;
                    visibility: visible;
                    margin-bottom: 8px;
                }

        .gridViewSettingsBottom .synGridToolsButton:hover .formContainer {
            display: block;
        }

.CDAAspxTextBox,
.CDAAspxSpinEdit,
.CdaComboboxm,
.CDAAspxMemo,
.CDADateTimeEdit,
.cdaDropDownEdit {
    font-family: Arial !important;
    font-size: 11px !important;
}

#taskbarDiv {
    bottom: 0px;
    right: 0;
    position: fixed;
    height: auto;
    padding: 0.75em 0;
    color: #222;
    width: 100%;
    z-index: 9999;
    background-color: #2B4E7F;
}

#spacerDivNeededForFloatingStatusBar {
    height: 30px;
}

.divCommunityMenuInfo {
    display: inline-block;
    float: none;
    margin-left: 8px;
}

.tdStudentSelector, .tdStaffSelector {
    position: relative;
    padding-left: 10px !important;
}

/*
    System tag indicators
*/
div.divSysMemberIndicator {
    display: inline-block;
    float: left;
    width: 6px;
    height: inherit;
    background-color: #DCDCDC;
    position: relative;
    z-index: 9999;
    left: 0px;
    top: 0px;
    border: solid 1px #bebebe;
    border-left: none;
}

    div.divSysMemberIndicator div.divSysToolbox {
        display: none;
        float: none;
        overflow: hidden;
        height: inherit;
    }

    div.divSysMemberIndicator:hover {
        width: 30px;
    }

        div.divSysMemberIndicator:hover div.divSysToolbox {
            width: 20px;
            display: inline-block;
        }

    div.divSysMemberIndicator div.divSysIndicator {
        display: inline-block;
        width: 6px;
        height: inherit;
        float: right;
    }

        div.divSysMemberIndicator div.divSysIndicator.tagged {
            display: inline-block;
            background-color: #00f366;
        }

    div.divSysMemberIndicator div.divSysToolbox div.tool {
        display: inline-block;
        float: right;
        width: 16px;
        height: 16px;
        margin-left: 2px;
        vertical-align: central;
        opacity: 0.7;
    }

        div.divSysMemberIndicator div.divSysToolbox div.tool:hover {
            opacity: 1;
        }

        div.divSysMemberIndicator div.divSysToolbox div.tool.divTagMember {
            background-image: url('images/TagEd16x16.png');
        }

            div.divSysMemberIndicator div.divSysToolbox div.tool.divTagMember:hover {
                background-image: url('images/TagAdd16x16.png');
            }

            div.divSysMemberIndicator div.divSysToolbox div.tool.divTagMember.tagged {
                background-image: url('images/TagEd16x16.png');
            }

                div.divSysMemberIndicator div.divSysToolbox div.tool.divTagMember.tagged:hover {
                    background-image: url('images/TagRemove16x16.png');
                }

        div.divSysMemberIndicator div.divSysToolbox div.tool.divEmailMember {
            background-image: url('images/16x16Email.gif');
        }

        div.divSysMemberIndicator div.divSysToolbox div.tool.divSMSMember {
            background-image: url('images/smsPhone16x16.png');
        }

/*span.spanSysTag.isTagged
{
    display:inline-block;
    float:left;
    height:16px;
    width:16px;
    background-image:url('images/TagEd16x16.png');
}
span.spanSysTag.isTagged:hover
{
    background-image:url('/images/TagRemove16x16.png');
}

span.spanSysTag.unTagged
{
    display:inline-block;
    float:left;
    height:16px;
    width:16px;
    background-image:url('images/TagEd16x16.png');
    opacity:0.5;
}
span.spanSysTag.unTagged:hover
{
    opacity:1;
    background-image:url('/images/TagAdd16x16.png');
}*/
.norm {
    border: 1px solid transparent;
    background-color: transparent;
    cursor: default;
}

.over {
    border: 1px solid rgb(51,102,153);
    background-color: rgb(221,238,247);
    cursor: pointer;
}

/* Syn.Dialog styles */
div.dialogBackground {
    display: table-cell;
    position: fixed;
    vertical-align: middle;
    top: 0px;
    left: 0px;
    /*  IMPORTANT
        Use RGB so child element don't inherit opacity
    */
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    z-index: 99999;
}

    div.dialogBackground div.dialogBase {
        display: block;
        z-index: 100000;
        float: none;
        width: 400px;
        height: 100px;
        margin: 0px auto;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -200px;
        margin-top: -150px;
    }

div.dialogBase div.dialogHeader {
    display: block;
    clear: both;
    float: left;
    color: #404040;
    background-color: #DCDCDC;
    padding: 4px 12px 4px 12px;
    border-bottom: 1px solid #C9C9C9;
    width: 100%;
}

    div.dialogBase div.dialogHeader div.dialogImageButtonClose {
        background-color: orange;
    }

div.dialogBase div.dialogContent {
    display: block;
    clear: both;
    float: left;
    background-color: white;
    width: 100%;
    height: auto;
    padding: 4px 12px 4px 12px;
    border-top: none;
}

div.dialogBase div.dialogButtonRow {
    display: block;
    float: left;
    background-color: white;
    padding: 4px 12px 8px 12px;
    width: 100%;
    height: 26px;
}

    div.dialogBase div.dialogButtonRow input[type=button] {
        display: inline-block;
        float: right;
        cursor: pointer;
        margin-left: 8px;
        height: 26px;
        padding: 4px 16px 4px 16px;
        border: solid 1px #7F7F7F;
    }

        div.dialogBase div.dialogButtonRow input[type=button]:hover {
        }

/* Notifications Maint*/
.notificationsMaint #divTasks {
    bottom: 0px;
    right: 0;
    position: fixed;
    height: 32px;
    color: #111111;
    width: 100%;
    z-index: 99;
    background-color: #2b4e7f;
    padding: 5px 3px 3px 3px;
}

.notificationsMaint .dxtc-content {
    margin-bottom: 32px;
}

.notificationsMaint #divTasks .btn {
    float: left;
    padding-left: 10px;
}

.notificationsMaint #divError {
    padding-top: 5px;
    color: #FFF;
}

.notificationsMaint .synWebForm div {
}

.notificationsMaint .synWebForm .smsProvider {
    visibility: hidden;
}

.notificationsMaint .configureSMS {
    margin-left: 5px;
}

.notificationsMaint .detailRow .label {
    color: black;
    white-space: nowrap;
    width: 5%;
    text-align: right;
    float: left;
    padding-bottom: 10px;
    padding-right: 5px;
}

.notificationsMaint .detailRow .control {
    float: right;
    width: 94%;
    padding-bottom: 10px;
}

.notificationsMaint .filters {
    float: left;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 10px;
}

/* End Notifications maint*/

table.dxeButtonEdit img {
    display: block;
}

.logoutPosition {
    top: 0px !important;
    right: 0px !important;
}

.marginFix {
    margin: 0px !important;
}

/* #region
=============================================================================
 # ICON
============================================================================= */

.iconDev {
    height: 20px;
    width: 20px;
    background-image: url('../Images/devExpress_icons.png'); /*your location of the image may differ*/
}

.undo {
    background-position: 91px 48px;
}

.checkBoxTickIcon {
    background-position: 114px 70px;
    width: 15px;
}

.checkBoxCrossIcon {
    background-position: 99px 70px;
    width: 15px;
}

.checkBoxBlankIcon {
    background-position: 129px 70px;
    width: 15px;
}

.iconCheckBoxTick,
.iconCheckBoxCross,
.iconCheckBoxBlank,
.iconArrowGreyUp,
.iconArrowGreyDown,
.iconSettingsCogWheel {
    width: 16px;
    height: 16px;
}

.iconCheckBoxTick {
    background-image: url('../Images/16x16GreenTick.bmp');
}

.iconCheckBoxCross {
    background-image: url('../Images/16x16RedCross.bmp');
}

.iconCheckBoxBlank {
    background-image: url('../Images/16x16Blank.bmp');
}

.iconArrowGreyUp {
    background-image: url('../Images/arrow_grey_up.png');
}

.iconArrowGreyDown {
    background-image: url('../Images/arrow_grey_down.png');
}

.iconSettingsCogWheel {
    background-image: url('../Images/settingsCogWheel.png');
}

.ui-iconsSprite {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: block;
}

.ui-BlueSprite {
    background-image: url(../Images/ui-icons_2e83ff_256x240.png);
}

.ui-iconsSprite.WestArrowThick {
    background-position-x: -112px;
    background-position-y: -48px;
}

.ui-iconsSprite.EastArrowThick {
    background-position-x: -32px;
    background-position-y: -48px;
}

.ui-iconsSprite.EastWestArrowThick {
    background-position-x: -112px;
    background-position-y: -80px;
}

.hourglass_go {
    background-image: url(../Images/hourglass-go-icon.png);
}
/* #endregion */

/* Action Centre/Messages */
.ActionCentreTilePlaceholder {
    position: relative;
    width: 24px;
    height: 24px;
}

    .ActionCentreTilePlaceholder .notifyCounter {
        background-color: #FFF;
        position: absolute;
        padding-left: 2px;
        padding-right: 2px;
        bottom: 0px;
        right: -4px;
        font-weight: bold;
    }

.noFlag {
    background-image: url(../Images/ActionCentre/flagGrey24.png);
}

.messageFlag /*blue*/ {
    background-image: url(../Images/ActionCentre/flagBlue24.png);
}

.messageAndTaskFlag /* blue and green*/ {
    background-image: url(../Images/ActionCentre/flagBlueGreen24.png);
}

.messageAndAlertFlag /* blue and red*/ {
    background-image: url(../Images/ActionCentre/flagBlueRed24.png);
}

.taskFlag /*green*/ {
    background-image: url(../Images/ActionCentre/flagGreen24.png);
}

.taskAndAlertFlag /*green and red*/ {
    background-image: url(../Images/ActionCentre/flagGreenRed24.png);
}

.alertFlag /*red*/ {
    background-image: url(../Images/ActionCentre/flagRed24.png);
}

.messageAndTaskAndAlertFlag /*blue, green and red*/ {
    background-image: url(../Images/ActionCentre/flagBlueGreenRed24.png);
}

.ActionCentreTilePlaceholder .interactionBox {
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    cursor: pointer;
}

.actionCentreSummaryPanel .messageTypeRow .icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.actionCentreSummaryPanel .template {
    display: none;
}

.actionCentreSummaryPanel .messageTypeRow {
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
    border-bottom: 1px solid #cfcfcf;
}

    .actionCentreSummaryPanel .messageTypeRow .icon, .actionCentreSummaryPanel .messageTypeRow .messages {
        float: left;
    }

    .actionCentreSummaryPanel .messageTypeRow .messages {
        width: 90%;
    }

    .actionCentreSummaryPanel .messageTypeRow.Alert .icon {
        background-image: url(../Images/ActionCentre/alert25.bmp);
    }

    .actionCentreSummaryPanel .messageTypeRow.Info .icon {
        background-image: url(../Images/ActionCentre/info25.bmp);
    }

    .actionCentreSummaryPanel .messageTypeRow.Task .icon {
        background-image: url(../Images/ActionCentre/task25.bmp);
    }

    .actionCentreSummaryPanel .messageTypeRow.Workflow .icon {
        background-image: url(../Images/ActionCentre/task25.bmp);
    }

#actionCentreMaint .AlertIcon,
#actionCentreMaint #messageDetails #detail label.alert {
    background-image: url(../Images/ActionCentre/alert16.bmp);
}

#actionCentreMaint .InfoIcon,
#actionCentreMaint #messageDetails #detail label.info {
    background-image: url(../Images/ActionCentre/info16.bmp);
}

#actionCentreMaint .TaskIcon,
#actionCentreMaint #messageDetails #detail label.task {
    background-image: url(../Images/ActionCentre/task16.bmp);
}

#actionCentreMaint .WorkFlowIcon,
#actionCentreMaint #messageDetails #detail label.workflow {
    background-image: url(../Images/ActionCentre/task16.bmp);
}

#actionCentreMaint .AlertDetailIcon {
    background-image: url(../Images/ActionCentre/alert48.png);
}

#actionCentreMaint .InfoDetailIcon {
    background-image: url(../Images/ActionCentre/info48.png);
}

#actionCentreMaint .TaskDetailIcon {
    background-image: url(../Images/ActionCentre/task48.png);
}

#actionCentreMaint .WorkflowDetailIcon {
    background-image: url(../Images/ActionCentre/task48.png);
}

.actionCentreSummaryPanel .buttonRow {
    margin-top: 5px;
    margin-bottom: 5px;
}

#actionCentreMaint #filters {
    float: left;
    width: 325px;
    border-right: 2px solid #a9a9a9;
    padding-right: 15px;
    margin-right: 10px;
}

    #actionCentreMaint #filters .synWebForm {
        margin-bottom: 0;
    }

    #actionCentreMaint #filters .filter {
        float: none;
        width: 100%;
    }

        #actionCentreMaint #filters .filter .synWebForm {
            float: none;
            display: block;
        }

    #actionCentreMaint #filters #subscriptTypeCheckboxes .rowSlot label,
    #actionCentreMaint #filters #displayCheckboxes .rowSlot label {
        width: 0;
        min-width: 0;
    }

    #actionCentreMaint #filters #displayCheckboxes .rowSlot {
        width: 150px;
    }

#actionCentreMaint #messageTaskTypeFilters {
    height: 100%;
}

#actionCentreMaint .filter {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
}

#actionCentreMaint #messageDetailDescription .selectedIcon,
#actionCentreMaint #messageDetailDescription .selectedDescription {
    float: left;
}

#actionCentreMaint #messageDetailDescription .launchLink {
    float: right;
}

#actionCentreMaint .summaryCount .markAllButtons,
#actionCentreMaint .summaryCount .markAllButtons .rowSlot {
    float: right;
}

    #actionCentreMaint .summaryCount .markAllButtons .rowSlot {
        margin-left: 5px;
    }

#actionCentreMaint .summaryCount .row label + span {
    border-bottom: none;
}

#actionCentreMaint .messageTypeIcon div,
#actionCentreMaint #messageList .icon {
    width: 16px;
    height: 16px;
}

#actionCentreMaint .messageHeaderTypeIcon div {
    width: 48px;
    height: 48px;
}

#actionCentreMaint .fixedWidthFont {
    font-family: 'Courier New' !important;
}

#actionCentreMaint #messageDetails {
    padding-top: 10px;
    border-top: 2px solid #a9a9a9;
}

#actionCentreMaint #subscriptTypeCheckboxes .row,
#actionCentreMaint #subscriptTypeCheckboxes .rowSlot,
#actionCentreMaint #displayCheckboxes .row,
#actionCentreMaint #displayCheckboxes .rowSlot {
    margin-bottom: 0;
}

#actionCentreMaint .synWebForm {
    margin-bottom: 0px !important;
}

    #actionCentreMaint .synWebForm .fullWidth,
    #actionCentreMaint .synWebForm .fullWidth .row {
        width: 100%;
        float: none;
        display: block;
    }

#actionCentreMaint #allocatedToFilter,
#actionCentreMaint #linkToFilter {
    width: 48%;
}

#actionCentreMaint .messageTypeIcon {
    float: left;
}

#messageDetails .dxtcLite ul {
    width: 100% !important;
}

#messageDetails .dxtc-rightIndent {
    width: auto !important;
    height: 0px !important;
}

#messageDetails .dxtc-leftIndent {
    border: none !important;
}

.refActionMessageSummaryGridRows, .refActionMessageSummaryGridRows tr td.dxgv {
    background-color: lightyellow;
    color: black;
}

    .refActionMessageSummaryGridRows .dxgvSelectedRow td.dxgv, .refActionMessageSummaryGridRows .dxgvFocusedRow td.dxgv {
        overflow: hidden;
        border-bottom: 1px Solid #CFCFCF;
        border-right: 1px Solid #CFCFCF;
        border-top-width: 0px;
        border-left-width: 0px;
        padding: 3px 6px 4px;
        background-color: #8D8D8D;
    }

#messageDetails a.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

#messageDetails .CDAAspxSpinEdit .dxic {
    width: 100% !important;
}

#messageDetails .actionCentreDocManReq {
    color: red;
    padding-right: 4px;
}

/* End Action Centre/Messages */

.maintenanceHeader .maintenanceButtonsRegion {
    display: inline-block;
    float: right;
}

.timesheetGrid .dxgvCSD {
    width: auto !important;
}

div.KeyPad {
    display: none;
    position: fixed;
    z-index: 99999;
    bottom: 40px;
    right: 40px;
    padding: 2px;
    width: 152px;
    height: 120px;
    background-color: white;
    border: 1px solid black;
}

    div.KeyPad div.Key {
        display: inline-block;
        float: left;
        height: 24px;
        width: 24px;
        margin: 2px;
        background-color: #f2f2f2;
        border: solid 1px #DCDCDC;
    }

        div.KeyPad div.Key label {
            display: block;
            float: left;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            line-height: 24px;
            width: 24px;
        }

.eventsBulkAddDelete .synWebForm {
    margin-bottom: 0;
}

.eventsBulkAddDelete .dxflGroup tr:last-child > .dxflGroupCell > .dxflGroupBox {
    padding-bottom: 0;
}

.dxflGroupBoxCaption, .dxeCaptionCell {
    font-family: Arial;
}

.eventsBulkAddDelete .checkboxFields {
    margin-top: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dxeErrorFrameSys .dxpcDropDown, .dxeDropDownWindow {
        top: 20px !important;
        left: 0px !important;
    }
}
}

.eventsBulkAddDelete .synWebForm .row table.CDAAspxCheckBox label,
.eventsBulkAddDelete .synWebForm .row span.vGroup table.CDAASPxRadioButton label,
.eventsBulkAddDelete .synWebForm .row table.CDAAspxCheckBox td,
.eventsBulkAddDelete .synWebForm .row span.vGroup table.CDAASPxRadioButton td,
.eventsBulkAddDelete .synWebForm .row table.CDAAspxCheckBox,
.eventsBulkAddDelete .synWebForm .row span.vGroup table.CDAASPxRadioButton {
    height: auto;
}

.eventsBulkAddDelete .synWebForm .rowSlot {
    margin-right: 5px;
}

.eventsBulkAddDelete .dxflGroupCell,
.eventsBulkAddDelete .dxpcLite .dxpc-content {
    padding: 0;
    margin: 0;
}

.eventsBulkAddDelete .synWebForm .row .rowSlot.useFutureStudentApplicationData label {
    width: 210px;
}

.eventsBulkAddDelete .dxflGroupBox {
    padding-bottom: 0;
    margin-bottom: 0;
}

.popupCurrentAttendeesBulkAddDelete .dxpc-contentWrapper {
    background-color: white;
}

.eventsBulkAddDelete .radiobuttonListEventsBulkAddSameConstit,
.eventsBulkAddDelete .radiobuttonListEventsBulkAddDifferentConstit,
.noBorder {
    border: none;
}

    .eventsBulkAddDelete .radiobuttonListEventsBulkAddSameConstit .dxe {
        padding-bottom: 0;
    }

.CDAAspxPopUp .dxpc-contentWrapper .synWebForm.marginBottom {
    margin-bottom: 20px;
}

#EventsBulkAddPanel .buttonRow {
    float: right;
}

#EventsBulkAddPanel.maintPanel .panel {
    min-width: 0;
}

#EventsBulkAddPanel fieldset.panel {
    margin: 0;
    padding: 0;
}

.attenddeeGridContainer {
    margin-bottom: 10px;
}

    .attenddeeGridContainer .grid, .attenddeeGridContainer .rightHand {
        float: left;
    }

    .attenddeeGridContainer .rightHand {
        margin-left: 5px;
    }

        .attenddeeGridContainer .rightHand .buttonRow {
            margin-bottom: 5px;
        }

.topContainer .synWebForm .row label {
    width: auto;
}

/*.currentAttendeeMaintPanel .attenddeeGridContainer .rightHand label
{
    text-align: right;
}*/

.dxflRadioButtonListItemSys .dxflVATSys.dxflCaptionCell,
.dxeCaptionCell.dxeCaptionHALSys.dxeRadioButtonListCTypeSys,
.dxeCaptionCell.dxeCaptionHALSys.dxeCheckBoxListCTypeSys {
    padding-top: 0;
    font-size: 11px;
}

.dxeCaptionCell.dxeCaptionVATSys.dxeRadioButtonListCTypeSys {
    padding-top: 0;
}

.eventsBulkAddDelete h2,
.dxflGroupBoxCaption {
    left: 0;
    color: #000;
}

.eventsBulkAddDelete .whenAddingSpouseColumns .dxflGroupCell {
    padding: 5px;
}

.pageControlEvents .maintPanel fieldset.panel {
    min-width: 0;
}

/* Start IndividualPlansPanel */
.IndividualPlansPanel .synWebForm fieldset, .IndividualPlansPanel fieldset {
    border-width: 0px !important;
}

.IndividualPlansPanel .row {
    min-height: 20px;
}

.IndividualPlansPanel .dxtcLite {
    width: 804px;
}

.IndividualPlansPanel .dxtc-content {
    width: 780px !important;
}

.IndividualPlansPanel .LevelValueWidth .CDAAspxTextBox, .IndividualPlansPanel .LevelValueWidth .dxeErrorFrame {
    width: 50px;
}

.IndividualPlansPanel .LevelValueWidth table.CDAAspxTextBox input[type="text"] {
    width: 50px !important;
}

.IndividualPlansPanel .synWebForm .fxILP .CDAAspxMemo {
    width: 456px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .synWebForm .fxILP .CDAAspxMemo {
        width: 454px;
    }
}

.IndividualPlansPanel .reasonWidth, .reasonWidth .dxic input[type="text"] {
    width: 562px !important;
}

.IPDetalsMemo {
    width: 450px;
}

.IndividualPlansPanel .offset {
    top: 172px;
    left: 27px;
}

@-moz-document url-prefix() {
    .IndividualPlansPanel .offset {
        top: 115px;
        left: 15px;
    }
}

/* End IndividualPlansPanel */

.controlGroupHeader {
    font-weight: bold;
    color: #666;
}

.noMarginTop, .synWebForm div.noMarginTop {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.synWebForm.labelAlignLeft .row label {
    text-align: left;
    width: auto !important;
    min-width: 0 !important;
}

input#btnEnroll.StandardButton {
    margin-top: 0px;
    margin-left: 5px;
}

.studentClassElective {
    width: 40%;
    border-collapse: collapse;
    border-collapse: separate;
    float: left;
}

/* Sports Styling Start */
.sports_medical_grid_div {
    cursor: pointer;
    font-weight: bold;
}

    .sports_medical_grid_div.medicaldiv {
        float: left;
        padding-top: 2px;
        clear: both;
    }

    .sports_medical_grid_div.medicalimg {
    }

    .sports_medical_grid_div.restricteddiv {
        float: left;
    }

    .sports_medical_grid_div.restrictedimg {
        float: left;
    }

    .sports_medical_grid_div.restricteddate {
        float: left;
        color: black;
        padding-left: 3px;
        padding-top: 2px;
    }

#divGroupsFiltersRoundPanelDiv .shiftingToLeft {
    left: -50px;
    position: relative;
}

#scheduleFiltersRoundPanelDiv .shiftingToLeft {
    left: -32px;
    position: relative;
}

.gridInfoDiv {
    margin-top: 5px;
    color: black;
    margin-bottom: 2px;
}

.restrictedActivitiesSummaryLabel {
    color: red;
    font-family: arial;
    font-size: 11px;
}

[id*="activityGrid"].dxgvControl{
    width:100%;
}

.sportsEditClassDate {
    width: 100px !important;
}
/* Sports Styling End */

.excursionCreateBulkAbsences .buttonRow {
    margin-top: 10px;
}

.excursionRiskLevels {
    color: black !important;
    border-bottom: none !important;
}

.marginBottom {
    margin-bottom: 5px;
}

.notificationPopupButtons {
    height: 22px !important;
}

.textAlignLeft {
    text-align: left !important;
}

/* #region
=============================================================================
#NOTIFICATIONS
============================================================================= */

/**
 * Notifications display an block of text to the user as a side note, usually
 * in addition to the main content/controls.
 *
 * Introduced for Excursions > Notifications to show last message sent.
 *
 */

.notificationsPanel {
    max-width: 950px;
}

.notify {
    display: block;
    line-height: 1.4;
    margin-bottom: 1em;
    box-sizing: border-box;
}

.notificationsPanel textarea {
    line-height: 1.4;
}

.notifyMsg {
    margin: 0;
    width: 90%;
    display: inline-block;
}

.notifyHead {
    margin: .3em 0;
    display: block;
}

.notifyDetail {
    margin: .3em 0;
    color: #666;
}

.notifyIcon {
    float: right;
    text-align: right;
    top: 0;
    width: 5%;
}

/* Modifiers */

.notifyPlain {
    color: #444;
    border: solid 1px #dddddd;
    background: inherit;
    padding: .7em 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* #endregion */

.CustomliveSpinner {
    position: absolute;
    z-index: 10000;
    display: none;
}

    .CustomliveSpinner .spinImg {
        opacity: 0.25;
        background-color: black;
        position: absolute;
        z-index: 10000;
        width: 100%;
        height: 100%;
        line-height: 100%;
    }

    .CustomliveSpinner .text {
        text-align: center;
        z-index: 10001;
        width: 100%;
        height: 100%;
    }

.blueNotificationLabel {
    color: #0074D9 !important;
}

/* #region
=============================================================================
 # SCROLL BARS
============================================================================= */

/* Width */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #eee;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #aaa;
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #bcbcbc;
    }

/* #endregion */

.resultsCDARoundPanelDiv {
    margin: 10px;
    clear: both;
}

/* #region
=============================================================================
 # Result Maint > PTI
============================================================================= */

#PTIExcelUpload .ExcelUpload {
    padding: 6px;
}

    #PTIExcelUpload .ExcelUpload:hover {
        cursor: pointer;
    }

#classPTIGridContainer .dxgvHSDC {
    height: 40px;
}

#classPTIGridContainer .CDAGridView .gridHeaderResults {
    height: auto;
}

#classPTIGridContainer .resultsMaintMenuHeading {
    height: auto;
}
/* #endregion */

/* #region
=============================================================================
 # Bread Crumbs
============================================================================= */

.crumbDiv:after {
    content: "\00BB";
    margin: 0 .5em 0 .25em;
    color: #777;
}
/* #endregion */

/* #region
=============================================================================
 # Data Picker
============================================================================= */

/* The following are overriding to the jQuery custom : jquery-ui-1.12.1 */

.ui-datepicker {
    background-color: #FFF;
    border: 1px solid #D0D0D0;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4);
    width: auto;
    padding: 0;
}

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: inherit;
        width: auto;
        height: auto;
        top: inherit;
    }

        .ui-datepicker .ui-datepicker-prev span,
        .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: inherit;
            left: 0;
            margin: 0;
            top: 0;
        }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: auto;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: auto;
    }

    .ui-datepicker .ui-datepicker-next {
        right: auto;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: auto;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: auto;
    }

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: 1em;
    }

    .ui-datepicker .ui-icon {
        text-indent: 0;
    }

    .ui-datepicker thead th {
        padding: 5px 10px;
    }

.ui-datepicker-calendar {
    border-collapse: collapse;
}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-next {
    float: right;
}

    .ui-datepicker-prev.ui-state-hover,
    .ui-datepicker-next.ui-state-hover {
        color: #222;
    }

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-calendar {
    width: 200px;
    padding: 0;
    height: 140px;
}

.ui-datepicker-header {
    height: 15px;
}

.ui-datepicker-calendar td a {
    text-align: center;
    display: block;
    height: 20px;
    width: 25px;
    padding-top: 5px;
}

    .ui-datepicker-calendar td a:hover {
        color: #fff;
    }

.ui-datepicker-header {
    background-color: #EEE;
    padding: 10px;
}

.ui-datepicker-trigger {
    position: relative;
    right: 19px;
    top: 2px;
}

/* #endregion */

.studentMedicalIcon,
.studentRestrictedIcon {
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
}

.maintenanceHeader .details a.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #5b5b5b;
}

/* #region
=============================================================================
 # Calendar
============================================================================= */

.calendarPanels .CDAGridView {
    width: 100%;
    background-color: White;
    border-width: 0;
    border-collapse: separate !important;
    overflow: hidden;
}

.calendarPanels .startDateGroupBreak td {
    border-bottom: 1px solid #CCC !important;
}

.calendarPanels {
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
}

    .calendarPanels .dxgvDataRow .dxgv {
        padding-bottom: 10px;
    }

    .calendarPanels .panel {
        background-color: #fafafa;
        display: block;
        padding: 20px 20px 10px 20px;
        margin: 15px auto;
        padding: 15px;
        margin: 10px auto;
        float: left;
        width: 100%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
    }

    .calendarPanels .dxgvTable {
        background-color: inherit;
        overflow: visible;
        padding-bottom: 15px;
    }

    .calendarPanels .panel.textFont .dxgv {
        font-size: 15px;
    }

        .calendarPanels .panel.textFont .dxgv.large,
        .calendarPanels .large,
        .calendarPanels .large span,
        .calendarPanels .panel .row .large label {
            font-family: Arial, sans-serif;
            font-size: 18px;
            color: #222;
        }

.divCalendarIcon {
    float: right;
    margin-right: 2px;
}

    .divCalendarIcon #menuCalendarIcon {
        text-align: center;
        font-weight: bold;
        background-color: #424242;
    }

        .divCalendarIcon #menuCalendarIcon .container {
            width: 24px;
            height: 20px;
            padding: 2px;
            cursor: pointer;
        }

        .divCalendarIcon #menuCalendarIcon #calendarIconMonthName {
            background-color: #800000;
            color: #fff;
            padding: 0 0;
            font-size: 8px;
        }

        .divCalendarIcon #menuCalendarIcon #calendarIconMonthDate {
            background-color: #fffbf0;
            color: #000;
            font-size: 8px;
            padding: 1px 0;
        }
/* #endregion */

.maintenanceHeader .details a.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #5b5b5b;
}

#divCommunityWizard .notification {
    width: 94%;
}

/*
    StaffSchedAttPopup: Attendances Staff Schedule
*/

.StaffSchedAttPopup .nameSpan, .alertSpan {
    display: block;
    float: right;
    height: 16px;
    width: 100%;
    line-height: 16px;
    clear: both;
    text-align: left;
    font: 12px;
    font-weight: bold;
}

.StaffSchedAttPopup .alertSpan {
    height: 18px;
}

    .StaffSchedAttPopup .alertSpan .alertIcons {
        float: left;
    }

.StaffSchedAttPopup div.details {
    display: inline-block;
    float: left;
    height: 32px;
    min-width: 180px;
    margin-left: 4px;
}

.StaffSchedAttPopup .dxgvSelectedRow {
    background-color: #FFFFEF;
    color: navy;
}

.StaffSchedAttPopup div.StudentPhoto {
    display: inline-block;
    float: left;
    height: 60px;
    overflow: hidden;
    width: 60px;
}

    .StaffSchedAttPopup div.StudentPhoto img {
        display: block;
        float: none;
        height: 60px;
    }

    .StaffSchedAttPopup div.StudentPhoto.Hidden {
        display: block;
        float: left;
        height: 0px;
        width: 0px;
        overflow: hidden;
    }

.addressValidationCheckBox {
    position: relative;
    top: 3px;
}

.addressValidationStatus {
    padding-top: 5px;
    margin-bottom: -10px;
}

/* This has been added to make all disabled input and textarea fields more visible.Added by: BB 17/01/2017*/
body input:disabled,
body textarea:disabled {
    color: #333 !important;
}

.repmeg-comment-checkbox-group {
    margin-right: 20px;
}

.versionInfo {
    line-height: 12px;
    height: 36px;
    z-index: 1;
    float: right;
    padding-right: 30px;
    margin: 0px auto;
    font-size: 11px;
    background-color: #464646;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid black;
    padding: 0px;
}

    .versionInfo tbody {
        color: #dddddd;
    }

    .versionInfo .Fresh {
        color: #00e900;
    }

        .versionInfo .Fresh.isLogin {
            -webkit-animation: LargeToSmallFresh 2s;
            transform: scale(1);
        }

    .versionInfo .Ok {
        color: greenyellow;
    }

        .versionInfo .Ok.isLogin {
            -webkit-animation: LargeToSmallOk 2s;
            transform: scale(1);
        }

    .versionInfo .Stale {
        color: yellow;
    }

        .versionInfo .Stale.isLogin {
            animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            perspective: 1000px;
        }

    .versionInfo .GoneBad {
        color: #e04b00;
    }

        .versionInfo .GoneBad.isLogin {
            animation: shake 2s cubic-bezier(.36,.07,.19,.97) both;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            perspective: 1000px;
        }

@-webkit-keyframes LargeToSmallFresh {
    from {
        -webkit-transform: scale(1.05);
        color: #00a100;
    }

    to {
        -webkit-transform: scale(1);
        color: #00e900;
    }
}

@-webkit-keyframes LargeToSmallOk {
    from {
        -webkit-transform: scale(1.05);
        color: #00e900;
    }

    to {
        -webkit-transform: scale(1);
        color: greenyellow;
    }
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-2px, 0, 0);
        -webkit-transform: scale(1.1);
    }

    20%, 80% {
        transform: translate3d(4px, 0, 0);
        -webkit-transform: scale(1.2);
    }

    30%, 50%, 70% {
        transform: translate3d(-8px, 0, 0);
        -webkit-transform: scale(1.2);
    }

    40%, 60% {
        transform: translate3d(8px, 0, 0);
        -webkit-transform: scale(1.1);
    }
}

.versionInfo tbody td {
    padding-right: 10px;
}

    .versionInfo tbody td.deployed {
        color: white;
    }

.versionInfo label {
    font-weight: bold;
    text-align: right;
    float: right;
    color: white;
}

.button.margin-Left {
    margin-left: 10px;
}

.nofinancePermissionDiv {
    padding: 10px 10px 10px 10px;
}

.nofinancePermisionLabel {
    color: blue;
    font-weight: bold;
}

/* Repmig */
#repmig-page #directionArrowsAndLastSaveDiv {
    float: left;
    padding-left: 15px;
    padding-top: 5px;
    height: 100%;
    vertical-align: top;
}

#repmig-page #taskbarcontentButtonsDiv {
    float: left;
    height: 100%;
    padding: 5px 3px 3px 3px;
}

#repmig-page #taskbarContentResultsCalcdDiv {
    float: right;
    padding-top: 5px;
}

#repmig-page .Result_Grid_Cell_Parent {

}


#repmig-page .Cell-Status-header-bar {
    position:relative;
    top:-2px;
    left:5px;
    display: block;
    width: 100%;
    height: 8px;
    padding: 0px;
}

#repmig-page .Cell-Status-header-bar .status-icon {
    margin:0px;
    float:right;
}


#repmig-page .Cell-Status-header-bar.float-image-right .status-icon {
    margin: 0px;
    float: right;
}

#repmig-page .status-icon.error {
        cursor: pointer;
    }

#repmig-page .rpt_criteria_synmainonly_lbl {
    color: darkslategrey;
}

.dotted-underline-help {
    text-decoration:underline;
    text-decoration-style: dotted;
    cursor:help;
}

.docManFilePathLabel {
    margin-top: 0px !important;
    margin-bottom: 5px;
}

.synapi_info_label {
    color: Blue;
    font-style: italic;
    padding-left: 10px;
}

/* Confirmation of Details tabs in Community Maint and Student Maint */
#CommunityConfirmDetailsPanel label, #ConfirmDetailsPanel label {
    width: 85px;
}

#CommunityConfirmDetailsPanel .confirmDetailsButtons, #ConfirmDetailsPanel .confirmDetailsButtons {
    margin-left: 20px;
}

#AddConfirmationConfirm .confirmPopupWrapper, #RemoveConfirmationConfirm .confirmPopupWrapper {
    font-size: 11px;
    width: 100%;
}

#AddConfirmationConfirm .confirmPopupColumn, #RemoveConfirmationConfirm .confirmPopupColumn {
    margin-left: 25px;
}

#AddConfirmationConfirm .confirmPopupRow, #RemoveConfirmationConfirm .confirmPopupRow {
    margin-left: 50px;
}

#AddConfirmationConfirm .confirmationPopupButtonRow, #RemoveConfirmationConfirm .confirmationPopupButtonRow {
    padding-top: 15px;
}

#AddConfirmationConfirm .addGroup {
    padding-top: 10px;
    margin-left: 25%;
    list-style-type: disc;
}

#CommunityConfirmDetailsPanel .confirmationGroups, #ConfirmDetailsPanel .confirmationGroups {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 950px;
}

.confirmDetailsMedical, .confirmDetailsPersonal, .confirmDetailsAbilities,
.confirmDetailsAddress, .confirmDetailsImmHC, .confirmDetailsLegal,
.confirmDetailsOccupation, .confirmDetailsReqs, .confirmDetailsCensus {
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 0px 5px 5px 0px;
}

#RemoveConfirmationConfirm .removeConfirmationConfirm {
    margin-top: 10px;
}

#RemoveConfirmationConfirm .removalItem {
    padding-left: 18px;
    list-style-type: disc;
}

#RemoveConfirmationConfirm .popupDiv, #AddConfirmationConfirm .popupDiv {
    margin-top: 10px;
}

.REMOVE input {
    text-transform: uppercase;
}

#LocationPanel .excursionLocationBtn {
    margin-top: 0px;
    margin-left: 20px;
}

#LocationPanel .checkboxExcursionLocationDisplayCommPort {
    margin-left: 123px;
}

.menuImageTop * {
    padding-top: 0px !important;
}
.buttonMargin {
    display:block;
    float:right;
    margin:0px 4px;
}



a.dxgvCommandColumnItem img[title="Edit"] {
    width: 16px;
    height: 16px;
    background-image: url('../App_Sprites/Icons/sprite0.png');
    background-position: -496px 0px;
}
a.dxgvCommandColumnItem img[title="Delete"] {
    width: 16px;
    height: 16px;
    background-image: url('../App_Sprites/Icons/sprite0.png');
    background-position: -547px 0px;
}

a.dxbButtonSys img[title="Update"] {
    width: 16px;
    height: 16px;
    background-image: url('../App_Sprites/Icons/sprite0.png');
    background-position: -530px 0px;
}

a.dxbButtonSys img[title="Cancel"] {
    margin-left:10px;
    width: 16px;
    height: 16px;
    background-image: url('../App_Sprites/Icons/sprite0.png');
    background-position: -513px 0px;
}

a.dxbButtonSys img[title="New"] {
    width: 16px;
    height: 16px;
    background-image: url('../App_Sprites/Icons/sprite0.png');
    background-position: -479px 0px;
}