/* general styles */
/* ========================================================================== */

html, body
{
    margin: 0px;
    padding: 0px;
}

body
{
    display:block;
    float:none;
    font-family: arial;
    font-size: 11px;
    color: #000000;
    background: #F2F5F7;
    margin:0px;
    padding: 0px;
}

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

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

a
{
    color: blue;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
    color: blue;
}


/*
    Header and menu styles
*/
.headerDiv
{
    display: block;
    float: left;
    width: 100%;
    margin: 0px;
}
.menuDiv
{
    /* Menu container (for normal horizontal view only)  		- think of the container of the new menu control. SW11381 05/07/2010      */
    height: 23px;
    vertical-align: top;
    float: left;
    width: 100%;
    background-color: #3A637A;
    overflow: hidden;
}
.MenuDiv a
{
    text-decoration: none;
    font-family: Arial;
}
.MenuDivVertical
{
    /* Menu container (for vertical menu only)         - think of the container of the new menu control. SW11381 05/07/2010      */
    vertical-align: top;
    float: left;
    height: 100%;
    background-color: #3A637A;
    max-width: 10%;
    min-height: 100%;
}

/*
    Portal Floating menu
*/

.floatMenuDiv
{
    display:block;
    float:left;
    position: fixed;
    width:100%;
    clear:both;
    top:0px;
    right:0px;
    z-index:500;
}

.floatUnderlay
{
    display:block;
    float:left;
    width:100%;
    clear:both;
    height:130px;
    margin:0px;
    padding:0px;
    clear:left;
}



/* 
   
Portal heading style elements

*/

h2, .headerDiv
{
    display: inline-block;
    float: none;
    width: 100%;
    background-color: #3A637A;
    vertical-align: top;
    text-align: left;
    text-indent: 5px;
    color: #FFFFFF;
    font-size: 11px;
    vertical-align: bottom;
    background-image: url(../Images/triangw.gif);
    background-repeat: no-repeat;
    background-position: right top;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    clear: both;
    margin-top:0px;
}
.headerDiv label
{
    display:inline-block;
    float:left;
    width:auto;
}
h2.tableHead, headerDiv.tableHead
{
    margin-bottom:0px;
    padding-left:2px;
}
.headerDiv span
{
    display:inline-block;
    float:right;
    font-size:10px;
    color:White;
    margin-right: 25px; 
}
.SubHeaderDiv
{
    display:block;
    float:left;
    width:100%;
    height:auto;
    background-color:#DCDCDC;
    border-left:1px solid #9F9F9F;
    border-right:1px solid #9F9F9F;
}



.heading_cell /* need to phase heading cells out.. convert to h2 or headDiv*/
{
    display: block;
    float: left;
    min-height: 20px;
    width: 100%;
    background-color: #3A637A;
    text-align: left;
    color: #FFFFFF;
    font-size: 11px;
    text-indent: 5px;
    background-image: url(../Images/triangw.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-position: top right;
    line-height: 20px;
    padding-left: 1px;
}
.heading_cell span
{
    display:inline-block;
    float:left;
    margin-right: 25px;
}


/* heading labels (students, classes, results). SW 26/2/08 */
.heading_label /* tab_hdr */
{
    font-size: 14px;
    font-weight: bold;
}

.heading_cell .showResultsButtons
{
    display: inline-block;
    float: left;
    width: 100px;
    margin-right: 25px;
}

.heading_cell .showResultsButtons input
{
    margin-left: 30px;
}

/*
    Page Layout styles
*/
.pageDiv
{
    /* Outer page container - think of the entire form. SW11381 05/07/2010 */
    display:block;
    float:left;
    width:100%;
    background-color:#F2F5F7;
    padding-top: 0px;
    margin:0px;
}
.upperBody
{
    display:block;
    float:left;
    height:120px;
    width:100%;
}
.bodyDiv
{
    display:inline-block;
    float: left;
    width: 100%;
    vertical-align: top;
    text-align: left;
    border: 0px;
    margin:none;
    background-color: #F2F5F7;
    margin-top:10px;
}

.leftColumn
{
    display:table-cell;
    float:none;
    min-width:760px;
    width:auto;
    padding:0px  5px 10px 10px;
    overflow:hidden;
}

.leftColumn .customHTML
{
    display:inline-block;
    float:left;
    min-width: 600px;
    width:100%;
    margin-top:10px;
    margin-bottom:20px;
    clear:both;
}

.rightColumn
{
    display:table-cell;
    float:right;
    width:200px;
    max-width:190px;
    padding:5px;
    padding-top:10px;
    vertical-align:top;
}
/* 
    Portal column framwork for left column elements.
*/
.column_one, .column_two, .column_three, .column_four, .column_five,column_six,column_seven,column_Max
{
    display:inline-block;
    float:left;
    margin:0px;
    clear:none;
    margin-right:5px;
    margin-left:5px;
}
.column_two{width:200px;}
.column_three{width:300px;}
.column_four{width:400px;}
.column_five{width:500px;}
.column_six{width:600px;}
.column_seven{width:700px;}
.column_MaxMinWdith{width:750px;}
.column_Max{width:100%;}
.column_one h2, .column_two h2, .column_three h2, .column_four h2, .column_five h2,column_six h2,column_seven h2,column_Max h2
{width:100%;}

.alpha{ margin-left:0px;}
.omega{ margin-right:0px;}

/* columns with the Omega class  get an extra 60 pixes so we make the most of our space. */
.column_two.omega{width:250px;}
.column_three.omega{width:350px;}
.column_four.omega{width:450px;}
.column_five.omega{width:550px;}
.column_six.omega{width:650px;}
.column_seven.omega{width:750px;}




.columnVertDivider /* Space out regions verticly*/
{
    display:block;
    float:none;
    clear:both;
    width:auto;
    margin-bottom:10px;
}


/* Local system messages style */

.localSystemMessage
{
    display: block;
    float: none;
    width: 200px;
    min-height: 20px;
    line-height: 20px;
    margin: 0px auto;
}

.localSystemMessage .heading_cell
{
    background-color: #990000;
}


.localSystemMessage ul
{
    margin: 0px;
    text-align: left;
    padding-left: 12px;
    padding-top: 5px;
}
.localSystemMessage ul li
{
    margin-bottom: 5px;
}

.localSystemMessage .messageBox
{
    display: block;
    float: none;
    width: auto;
    min-height: 20px;
    line-height: 15px;
    border: 1px solid #990000;
    background-color: White;
    color: #990000;
    font-size: 11px;
    padding: 5px;
    clear: both;
    text-align: center;
    margin-bottom: 10px;
}


/*
    LoginPage Sytles
*/
.loginPageContainer
{
    display:block;
    float:left;
    width:100%;
    height:auto;
}
.loginPageContainer .centerPanel
{
    display:block;
    float:none;
    width:600px;
    height:400px;
    margin:0px auto;
}



.BodyDivVertical
{
    /* Body container (for vertical menu only) 		- think of the body of the web page eg if a client turns off header and menu then this is all that will be displayed. SW11381 05/07/2010  	*/
    float: left;
    vertical-align: top;
    height: 100%;
    text-align: left;
    border: 0px;
    background-color: #F2F5F7;
    width: 90%;
}


/* Entire Page Container - now sitting inside the BodyDiv */
.page_tbl_container /* gnrl_tbl */
{
    width: 100%;
}

/* header container: used for the container of the customhtml and the student names */
.hdr_tbl_container /* hdr_tbl */
{
    width: 100%;
    height: 100%;
    border: 0px;
}

/* Body Container Everything under the Header and Error Areas - used in contacts, email, fin, login, pti, stures, tmtbl */
.body_tbl_outer_container /* hdr_btm */
{
    height: 100%;
    width: 100%;
    vertical-align: top;
    background-color: #F2F5F7;
}


.body_tbl_outer_container_loginPanel
{
    display:block;
    float:none;
    width:auto;
    margin:auto auto;
}



/* Top Menu Button (is actually a TableCell. SW 19/2/08 */
.mnu_btn_cell /* lnk_drk_row */
{
    background-color: #3A637A;
}

/* Table row above the Top Menu Buttons (is a TableCell). SW 19/2/08 */
.mnu_btn_cell_top /* lnk_drk_row_top */
{
    background-color: #3A637A;
    font-size: 1px;
}

/* header area - used in hdr1.html. SW 26/2/08 */
.html_hdr_top /* hdr_top */
{
    background-color: #D3E2E6;
    vertical-align: top;
    text-align: center;
}

/* highlighted student name eg. Mandy Adamski, Guy Adamski on top right hand corner. SW 26/2/08 */
.selected_student_name
{
    background-color: #3A637A;
    vertical-align: top;
    text-align: left;
    color: #FFFFFF;
    font-size: 11px;
    vertical-align: inherit;
    padding-right: 5px;
    padding-left: 5px;
}


.right_body_container
{
    min-width: 450px;
    width: 1em;
    color:Green;
}

/* In the Results and contacts pages - everything under the headings (eg. information and calender). SW 26/2/08 */
.tableBlackTopBorder /* cla_tab */
{
    border: 0;
    border-top: black solid 1px;
    padding-top: 2px;
    width:100%;
}





/************************* 
	Weekly Timetable
*************************/
#TimetableWeekly
{
    width: 100%;
}
#TimetableWeekly table
{
    border-collapse: collapse;
    border-spacing: 2px 2px;
    font-family: arial;
    font-size: 11px;
    padding-top: 2px;
    width: 100%;
}
#TimetableWeekly table tr th
{
    background-color: #E4E4E4;
    font-size: 12px;
    padding: 5px;
}
#TimetableWeekly table tr td
{
    background: url(../images/dotted.gif) repeat-x bottom;
    height: 30px;
    padding: 2px 5px 2px 5px;
    vertical-align: inherit; /*word-break: break-all;*/
    text-align: center;
}

#Timetable_CustomHTML
{
}

/* Weekly Timetable - Header Cells */
.time_whc_cell
{
    color: Red;
    text-align: center;
    background: url("../images/dotted.gif") repeat-x scroll center bottom transparent;
}
.time_wh_cell
{
    color: #000000;
    text-align: center;
    background: url("../images/dotted.gif") repeat-x scroll center bottom transparent;
    font-weight: bold;
    background-color: #E4E4E4;
}

/* Weekly Timetable - Regular Cells */
.time_wtc_cell
{
    font-weight: bold;
    background-color: #EBECED;
}
.time_wdc_cell
{
    background-color: #EBECED;
}
.time_wt_cell
{
    font-weight: bold;
}

.time_wd_cell
{
}

.res_tab, fin_tab
{
    border: 0;
    border-top: black solid 1px;
    padding-top: 2px;
}


.res_tab_nl, .fin_tab_nl
{
    border: 0;
    padding-top: 2px;
    position: relative;
}

.res_tab, .res_tab_nl
{
    width: 100%;
}


/* Textual Hyperlink on each Tab eg Results, Interviews, Contact Us ... */
.lnk_btn
{
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
}

/* The current page Textual Hyperlink on each Tab eg Results, Interviews, Contact Us ... */
.lnk_btn_highlight
{
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    color: #BCFBFF; /* light blue */
}

.lnk_btn:hover
{
    text-decoration: none;
}

/*
    Error Message styles
*/

.portalErrorMessage
{
    display: block;
    float: left;
    width: 100%;
    height:auto;
    text-align: center;
    background-color: #F2F5F7;
    margin: 10px 0px;
    color: red;
    font-weight: bold;
}
.portalErrorMessage.big
{
    color: white;
    background-color: Red;
    font-weight: bold;
}

/*
    OLD error message styles, PHASE OUT!
*/
.error_message_div
{
    display: block;
    float: left;
    width: 100%;
    height:auto;
    text-align: center;
    background-color: #F2F5F7;
    margin: 10px 0px;
}

.err_mes
{
    color: red;
    font-weight: bold;
}

.err_mes_big
{
    color: white;
    background-color: Red;
    font-weight: bold;
}
.portal_booking_closed_msg
{
    /* Change the Web booking closed message in PTI. SW8921 10/09/2010 */
    color: white;
    background-color: Red;
    font-weight: bold;
}
.pti_err_mes
{
    /* Now that I have made the messages configurable - they may also want to change the styling on error label at top of page. SW8085 10/09/2010 */
    color: red;
    font-weight: bold;
}
/* result cells */
/* ================================================================================ */

/* used in tchr lables etc. */
.gray_lbl
{
    color: gray;
    font-size: 10px;
}

.blnk_rght_cell
{
    width: 20px;
}

.blnk_lft_cell /* the blank Cell to the left of the Assessment Area. SW 28/11/08 */
{
    width: 20px;
}

/* Student name Cell in Results when showing all students. SW 29/2/08 */
.name_cell
{
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
}

/* Class Assessment area Table Cell (in Information section). SW 29/2/08 */
.class_type_cell
{
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
}
.prepost_hdr_cell
{
    /* Pre and Post reports header (results page) - by default they are the same as the Class type cells eg Academic, Sports, Arts [class_type_cell]. SW 26/5/09 */
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
}

/* When showing all students - the colour of the Class type Cell (in Information Section). SW 29/2/08 */
.class_type_cell_allstudents
{
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    background-color: white; /* #E4E4E4; */
    padding: 3px;
}


.hdr_type_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
}

.time_h_cell /* The Daily Timetable header Cells */
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 5px;
}


.time_wh_cell_sub
{
    font-weight: bold;
    font-size: 12px;
    background-color: #EDEDED;
    padding: 5px;
    text-align: center;
}
.time_wh_non_aca /* Weekly Timetable, colourise non-academic classes */
{
    color: Blue;
}

.pti_inac
{
    color: #808080;
}

.pti_lnk
{
    color: #8DAD78;
    text-decoration: none;
}

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

.pti_green
{
    color: #8DAD78;
}
.pti_red
{
    color: red;
}

.pti_red_bold
{
    color: red;
    font-weight: bold;
}

.pti_conf_red /* Cancel message in PTI page. SW8085 10/09/2010 */
{
    color: red;
    font-weight: bold;
    font-size: 15px;
}

.pti_clash_msg /* Clash message in PTI page. SW8085 10/09/2010 */
{
    color: red;
    font-weight: bold;
    font-size: 15px;
}

.pti_conf /* Confirm message in PTI page. SW8085 10/09/2010 */
{
    font-weight: bold;
    font-size: 15px;
}

.upsize
{
    font-size: 15px;
}

.pti_lnk_app, .pti_lnk_app_thn
{
    color: red;
    text-decoration: none;
}

.pti_lnk_app:hover, .pti_lnk_app_thn:hover
{
    text-decoration: underline;
}

.pti_print_button
{
    margin: 5px;
}

#pti_ConfirmLabel
{
    text-align: center;
    padding-top: 20px;
}

#pti_ConfirmYesNoButtons
{
    text-align: center;
}

/* Print and Close buttons on the 'Print PTI List' screen */
#PTIPrintAndClose
{
    text-align: right;
}

#PTIPrintPrint, #PTIPrintClose
{
}



.hdr_cell
{
    width: 100%;
    font-weight: bold;
}

.time_t_cell /* the time cell of the Daily Timetable HTMLTable */
{
    font-weight: bold;
    padding: 5px;
    background: url(../images/dotted.gif) repeat-x bottom;
    width: 60px;
}

.time_d_cell /* the other cells of the daily timetable HTMLTable */
{
    padding: 5px;
    background: url(../images/dotted.gif) repeat-x bottom;
}






.rands_w
{
    color: gray;
    font-size: 10px;
}

.time_tr_cell
{
    font-weight: bold;
    padding: 5px;
    background: url(../images/dotted.gif) repeat-x bottom;
    width: 60px;
    color: red;
}

.time_dr_cell
{
    padding: 5px;
    background: url(../images/dotted.gif) repeat-x bottom;
    color: red;
}

.desc_cell
{
    width: 100%;
    text-align: justify;
    padding-bottom: 5px;
}

#TimetableCalendar
{
    float: left;
}

#TimetableDaily
{
    display: inline-block;
    float: none;
    padding-left: 10px;
    width: 100%;
}

#TimetableWeekly
{
    padding-top: 20px; /*clear: both;*/
}

/* Student Results Page (stures) Styles */

#res_CustomHTML
{
    display:inline-block;
    float:left;
    min-width: 600px;
    width:100%;
    margin-bottom:20px;
}

#res_LeftMenu
{
    float: left;
}

#res_ClassesTable
{
    float: none;
    min-width: 250px;
    padding-right: 20px;
}



#res_ResultsTable
{
    display: inline-block;
    float: left;
    min-width: 450px;
}

#res_Results
{
    display: block;
    float: left;
    clear: both;
    width: 100%;
}




#res_HeadingCell
{
    float: left;
}



.res_ttl_cell /* Results Maintenance: Assessment Area description cell with dotted underline */
{
    padding-bottom: 1px;
    border-bottom:1px dotted black;
}



.res_grd_cell /* Results Maintenance: Grade/Actual Result Cell. SW7447 28/11/08 */
{
    font-weight: bold;
    width: 50px;
}
.res_date_cell /* Result date cell after result cell in Results Maintenance. SW7447 28/11/08 */
{
    font-weight: normal;
}
.res_last_printed /* Last printed string (under pdf) in Results screen. SW7447 27/11/08 */
{
    color: gray;
    font-size: 10px;
}
.res_syllabus_ctrl /* results Syllabus Text Control */
{
    font-weight: normal;
    color: Black;
    font-size: 11px;
    padding-left: 20px;
    text-align: left;
}
.comnt_cell
{
    width: 100%;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 5px;
}
.comnt_txt /* Results Maintenance: Topic comment text under the Assessment Area. SW7447 28/11/08 */
{
    font-style: italic;
    font-weight: normal;
    color: maroon;
    margin-left: 10px;
    margin-right: 10px;
}

.class_cell /* Results Maintenance: Class Heading on right Hand Results side. SW7447 27/11/08 */
{
    width: 100%;
    font-weight: bold;
    color: maroon;
    border-bottom: #000000 solid 1px;
}
.class_overview_cell
{
    width: 100%;
    color: maroon;
}

.overall_comm_cell
{
    padding: 20px;
}

.overall_comm
{
    border: #000000 solid 1px;
    padding: 5px;
}
.markbook_heading_cell
{
    width: 100%;
    font-weight: bold;
}
.top_brd_cell
{
    border-top: black solid 1px;
}

.tt_no_students_class /* green_text */
{
    color: Green;
}

.tt_subst_teach_class /* regred_text */
{
    color: Red;
}

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

.tt_recess_lunch_class /* gray_text */
{
    color: Gray;
}

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

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

/* PTI */
/* ================================================================================ */
/* PTI screen classes */
.kid_lbl
{
    color: red;
    font-size: 10px;
}

.kid_lbl_bld
{
    color: red;
    font-size: 12px;
    font-weight: bold;
}

.kid_lbl_up
{
    color: gray;
    font-size: 10px;
}

/* Rubric */
/* ================================================================================ */
/* rubric classes */
.rubric_tab
{
}

.rubric_hdr_cell
{
    border: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;
    background-color: #E4E4E4;
}

.rubric_cell
{
    border: 1px solid black;
    padding-right: 10px;
    padding-left: 10px;
}
/* when have Assessment area of RUBRIC+COMMENT then RUBRIC we must show an extra column "Topic Comment" then show topiComment for line 1 but blank for line 2 - this is the styling for line 2. SW8507 01/06/09 */
.rubric_noTopicComment_cell
{
    /*   border:1px solid black;  background-color: Gray;  */
    border-left: 1px solid black;
    border-bottom: none;
    border-right: none;
    border-top: none;
    padding-right: 10px;
    padding-left: 10px;
}

/* Table cell between each Menu Cell. SW 19/2/08 */
.mnu_mid_img_cell /* mid_img_cell */
{
    background: url(../images/mnu_mid.gif);
    width: 21px;
    height: 21px;
}
/* End Table cell after all Menu Cells. SW 19/2/08 */
.mnu_end_img_cell /* end_img_cell */
{
    background: url(../images/mnu_lst.gif);
    width: 21px;
    height: 21px;
}
/* right hand Cell after HeaderCell eg Available Results/Information. SW 19/2/08 */
.tbl_hdr_end_img_cell /* triang_cell */
{
    background: url(../images/triang.gif);
    width: 21px;
    height: 21px;
}
.vercont
{
    font-size: 8px;
}
/* Top right TableCell of each page (New Container for the StudentNames). SW 29/07/08 */
.stuNamesContainer
{
    display:block;
    float:left;
    width:190px;
    vertical-align:top;
}
/* CustomHTML top left TableCell of each page (where the CustomHTML is displayed). Note the StuNamesContainer is the right hand cell roughly 20% */
.CustomTopHTMLContainer
{
    vertical-align: top;
}
/* Contact details html table in the MyAccount page. SW6818 13/8/08 */
.contact_details_table
{
    color: Black;
    width: 500px;
}
/* The Contact details label cell in the MyAccount page. SW6818 13/8/08 */
.contact_label_cell
{
    color: Fuchsia;
}
.contact_textbox_cell
{
    width: 600px;
}
/* The Contact details textbox cell in the MyAccount page. SW6818 13/8/08 */
.contact_textbox
{
    width: 200px;
}
/* sinlge line Freetext textbox eg Notes in the MyAccount page. SW6818 14/08/08 */
.contact_freetext_textbox
{
    width: 500px;
}
/* multiline Freetext textbox eg Notes in the MyAccount page. SW6818 14/08/08 */
.contact_freetextmultiline_textbox
{
    font-family: arial;
    font-size: 11px;
    color: #000000;
    width: 500px;
    height: 80px;
}
/* Label that says "an email with your contact details has been sent to support@cda.com.au" */
.contact_email_notify_lbl
{
    color: Blue;
}

#acc_CustomHTMLTop, #acc_emailResponseLabel, #acc_customHTMLBottom
{
}

#acc_DetailsPlaceHolder
{
    margin-top: 10px;
}


.abs_asptable /* Absences HTML/ASPTable that contain all the Absence headings and Absence records. SW7447 01/12/08*/
{
    border: 0;
    border-top: black solid 1px;
    padding-top: 2px;
}
.abs_grd_hdr_cell /* Absences HTML/ASPTable header cells. SW7447 01/12/08 */
{
    /* width:100%; */
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
}
.abs_grd_hdr_eventtype_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    width: 80px;
}
.abs_grd_hdr_out_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    width: 90px;
}
.abs_grd_hdr_in_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    width: 90px;
}
.abs_grd_hdr_type_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    width: 100px;
}
.abs_grd_hdr_reason_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    width: 70px;
}
.abs_grd_hdr_comment_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    width: 150px;
}
.abs_grd_hdr_approved_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    width: 20px;
}
.abs_grd_hdr_late_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    width: 20px;
}
.abs_grd_hdr_note_cell
{
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    width: 40px;
}

.abs_grd_eventtype_cell /* Absences Grid: Event Type cell. SW7447 01/12/08 */
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: url(../images/dotted.gif) repeat-x bottom; /* width:20px; */
}
.abs_grd_out_cell /* Absences Grid: Out cell. SW7447 01/12/08 */
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: url(../images/dotted.gif) repeat-x bottom; /* width:15px; */
}
.abs_grd_in_cell /* Absences Grid: In cell. SW7447 01/12/08 */
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: url(../images/dotted.gif) repeat-x bottom; /* width:15px; */
}
.abs_grd_type_cell /* Absences Grid: Type cell. SW7447 01/12/08 */
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: url(../images/dotted.gif) repeat-x bottom; /* width:20px; */
}
.abs_grd_reason_cell /* Absences Grid: reason cell. SW7447 01/12/08 */
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: url(../images/dotted.gif) repeat-x bottom; /* width:30px; */
}
.abs_grd_eventcomment_cell /* Absences Grid: event comment cell. SW7447 01/12/08 */
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: url(../images/dotted.gif) repeat-x bottom; /* width:60px; */
}
.abs_grd_approved_cell /* Absences Grid: approved cell. SW7447 01/12/08 */
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: url(../images/dotted.gif) repeat-x bottom; /* width:10px; */
}
.abs_grd_late_cell /* Absences Grid: late cell unticked. SW7447 01/12/08 */
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: url(../images/dotted.gif) repeat-x bottom; /* width:10px; */
}
.abs_grd_note_cell /* Absences Grid: note cell. SW7447 01/12/08 */
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: url(../images/dotted.gif) repeat-x bottom; /* width:10px; */
}

#abs_AbsenceTable
{
    margin-top: 10px;
}



#ctl00_masterPageContentPlaceHolder_yearTextBox
{
    width: 50px;
    margin-right: 15px;
}


.abs_CriteriaSelection
{
    display: block;
    float: none;
    margin-bottom: 5px;
}

.absencesAspTable
{
    display: block;
    float: left;
    width: 740px;
}
#ctl00_masterPageContentPlaceHolder_absencesAspTable
{
    width: 740px;
}

.att_asptable /* Attendances -- layout based on Absences YS8568 21/07/09 16:12*/
{
    border: 0;
    border-top: black solid 1px;
    padding-top: 2px;
}

.dxgvHeader
{
    /*    font-weight: bold;     font-size:12px;     background-color:#E4E4E4;      padding:3px;      border:0;*/
}

.dxgvGroupRow
{
    background: #FAFAFA;
    border: none;
}

.dxgvLoadingPanel
{
    border: solid 1px #9F9F9F;
    background-color: #E3E3E1;
    font: 9pt Tahoma;
    color: #303030;
}
.dxgvLoadingPanel td
{
    white-space: nowrap;
    text-align: center;
    padding: 12px 12px 12px 12px;
}
.dxgvLoadingPanelStatusBar
{
    background-color: Transparent;
    font: 9pt Tahoma;
}
.dxgvLoadingPanelStatusBar td
{
    white-space: nowrap;
    text-align: center;
    padding: 0px 2px 0px 2px;
}

/* Login Page- DIV sections */

.Login_Panel
{
    width: 300px;
    margin: auto;
}

.Login_HeaderMessage_Label, .Login_FooterMessage_Label
{
}

.Login_Panel_Username_Label, .Login_Panel_Password_Label, .Login_Panel_NewPassword_Label, .Login_Panel_ConfirmNewPassword_Label
{
    width: 50px;
    float: left;
    line-height: 22px;
    margin: 5px;
    text-align: right;
}

.Login_Panel_Username_TextBox, .Login_Panel_Password_TextBox, .Login_Panel_NewPassword_TextBox, .Login_Panel_ConfirmNewPassword_TextBox
{
    width: 190px;
    float: left;
    height: 16px;
    margin: 5px;
}

.Login_Panel_LoginButton
{
    width: 100px;
    margin: 10px;
}

#Login_Panel_ChangeOrForgotPassword .alink
{
    display: inline-block;
    padding: 0px 10px;
}

#Login_HeaderMessage, #Login_FooterMessage
{
    width: 350px;
    margin: auto;
    margin-bottom: 10px;
}

#Login_Panel_Username, #Login_Panel_Password
{
}

#Login_Panel_ChangeOrForgotPassword
{
    text-align: center;
}

#Login_Panel_NewPassword, #Login_Panel_ConfirmNewPassword
{
}

#Login_Panel_LoginButtonDiv
{
    text-align: center;
}

#clear
{
    clear: both;
}


/*
    System Messages login page.
*/
.systemMessagesDiv
{
    display: block;
    float: none;
    width: 600px;
    margin: 10px auto;
    min-height: 60px;
    padding-right: 55px;
    font-size: 11px;
    font-family: Arial;
}

.systemMessagesDiv ul
{
    margin: 0px;
    list-style: none;
}
.systemMessagesDiv li
{
    padding: 0px;
    margin-bottom: 4px;
    text-align: center;
}
.systemMessagesDiv li.systemMessagesHead
{
    font-size: 11px;
    color: Red;
    text-align: center;
}

/*
    System messages into page.
*/
.introSystemMessages ul
{
    padding-left: 10px;
}
.introSystemMessages ul li
{
    margin-bottom: 3px;
}
.introSystemMessages li.systemMessagesHead
{
    font-size: 11px;
    color: Red;
    list-style: none;
    padding: 0px;
    margin-left: 0px;
    margin-left: -12px;
}

/* Attendances - DIV sections */

/* Attendances - Headers */

#att_GridHeader
{
    width: 220px;
}

.att_grd_hdr
{
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    border: 0;
}

.att_grd_hdr_Date
{
    width: 180px;
}
.att_grd_hdr_Period
{
    width: 20px;
}
.att_grd_hdr_Attended
{
    width: 20px;
}
.att_grd_hdr_Class
{
    width: 50px; /*	display:none;*/
}
.att_grd_hdr_ClassDescription
{
    width: 200px;
}
.att_grd_hdr_PossDescription
{
    width: 20px;
}
.att_grd_hdr_Reason
{
    width: 200px;
}
.att_grd_hdr_LateArrive
{
    width: 20px;
}
.att_grd_hdr_Time
{
    width: 20px;
}
.att_grd_hdr_EarlyDepart
{
    width: 20px;
}
.att_grd_hdr_Homework
{
    width: 20px;
}
.att_grd_hdr_DressCode
{
    width: 20px;
}
.att_grd_hdr_FullDayAbsentCount
{
    width: 50px;
}

/* Attendances - Cells */
.att_grd_cell
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 10px;
    border-bottom:1px dotted black !important;
    
}

.att_grd_cell_Date, .att_grd_cell_Period, .att_grd_cell_Attended, .att_grd_cell_Class, .att_grd_cell_ClassDescription, .att_grd_cell_Reason, .att_grd_cell_FullDayAbsentCount
{
}

/* Attendance Summary Headers*/
.att_grd_hdr_summary, .att_grd_hdr_summary_Class, .att_grd_hdr_summary_ClassDescription, .att_grd_hdr_summary_AbsentCount
{
}

/* Attendance Summary Cells*/

.att_grd_cell_summary
{
}

.att_grd_cell_summary_Class
{
    width: 50px;
}
.att_grd_cell_summary_ClassDescription
{
    width: 200px;
}
.att_grd_cell_summary_AbsentCount
{
}

/* Attendance DIVs */

#att_Selection
{
}

#att_YearOption
{
    float: left;
}

#att_SemesterOption
{
    padding-left: 10px;
    float: left;
}

#att_ClassOption
{
    padding-left: 10px;
    float: left;
    display: none;
}

#att_CheckBoxes
{
    padding-left: 10px;
    float: left;
}

#att_CheckBox_Label
{
    padding-left: 10px;
    float: left;
}

#att_CheckBox_Attended
{
}

#att_CheckBox_NotAttended
{
}

#att_RefreshOption
{
    padding-left: 10px;
    float: left;
}

.checkB
{
    position: relative;
    top: -2px;
}

.checkB label
{
    position: relative;
    top: -3px;
}

#att_Custom
{
}

#att_Selection
{
    display:block;
    float:left;
    height:25px;
    
}
#att_Selection .floatOptionLeft
{
    display:inline-block;
    float:left;
    height:25px;
    width:auto;
    clear:none;
}

#att_MainColumnsToolTip
{
}

#att_Main
{
    float: left;
    padding-bottom: 20px;
}

#att_Summary
{
    float: left;
}

#att_Summary_Header
{
    font-weight: bold;
}

#att_Summary_Body
{
}

#att_SummaryFullDayAbsentCount
{
}

#att_SummaryFullDayAbsentCount_Header
{
}

#att_SummaryFullDayAbsentCount_Body
{
}


/* Finance Page- Tabulated Classes */

.fin_UserIDCell
{
    text-decoration: underline;
    font-weight: bold;
}

.fin_InstallmentModificationHeader
{
    font-weight: bold;
}
.fin_InstallmentSelect
{
}
.fin_InstallmentTuition
{
}
.fin_InstallmentTuitionSaveButton
{
}

.fin_TotalOwingHeader, .fin_ChargesNotYetNotifiedHeader, .fin_OverallBalanceHeader, .fin_PrepaidHeader, .fin_InstalmentsNotChargedHeader, .fin_LastStatementDateHeader, .fin_LastStatementAmountHeader
{
}

.fin_TotalOwingCell, .fin_ChargesNotYetNotifiedCell, .fin_OverallBalanceCell, .fin_PrepaidCell, .fin_InstalmentsNotChargedCell, fin_LastStatementDateCell, fin_LastStatementAmountCell
{
}

.fin_ReceiptDateHeader, .fin_ReceiptNumberHeader, .fin_ReceiptAmountHeader, .fin_ReceiptDescriptionHeader, .fin_ReceiptPrintHeader, .fin_StatementDateHeader, .fin_StatementNumberHeader, .fin_StatementDueDateHeader, .fin_StatementBalanceHeader, .fin_StatementDescriptionHeader, .fin_StatementPrintHeader
{
    background-color: #E4E4E4;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
}


.fin_ReceiptDateHeader, .fin_ReceiptAmountHeader, .fin_StatementDateHeader, .fin_StatementDueDateHeader, .fin_StatementBalanceHeader
{
    width: 120px;
}

.fin_ReceiptNumberHeader, .fin_StatementNumberHeader
{
    width: 50px;
}

.fin_ReceiptDescriptionHeader, .fin_StatementDescriptionHeader
{
    width: 250px;
}

.financeTableRow
{
    display: table-row;
    background: url("../images/dotted.gif") repeat-x scroll center bottom transparent;
    height: 18px;
    line-height: 18px;
}
.financeTableRow:hover
{
    background-color: #cccccc;
    color: blue;
}
.financeTableRowHeader
{
    background-color: #E4E4E4;
}

.fin_ReceiptDateHeader, .fin_ReceiptNumberHeader, .fin_ReceiptAmountHeader, .fin_StatementDateHeader, .fin_StatementNumberHeader, .fin_StatementDueDateHeader, .fin_StatementBalanceHeader
{
    text-align: center;
}

.fin_ReceiptDateCell, .fin_ReceiptNumberCell, .fin_ReceiptAmountCell, .fin_ReceiptDescriptionCell, .fin_ReceiptPrintCell, .fin_StatementDateCell, .fin_StatementNumberCell, .fin_StatementDueDateCell, .fin_StatementBalanceCell, .fin_StatementDescriptionCell, .fin_StatementPrintCell
{
    padding-bottom: 1px;
}

.fin_ReceiptDateCell, .fin_ReceiptNumberCell, .fin_ReceiptAmountCell, .fin_StatementDateCell, .fin_StatementNumberCell, .fin_StatementDueDateCell, .fin_StatementBalanceCell
{
    text-align: center;
}

.fin_ReceiptDateHeader, .fin_ReceiptNumberHeader, .fin_ReceiptAmountHeader, .fin_StatementDateHeader, .fin_StatementNumberHeader, .fin_StatementDueDateHeader, .fin_StatementBalanceHeader
{
    width: 80px;
}

.fin_ReceiptDescriptionHeader, .fin_StatementDescriptionHeader
{
    display: inline-block;
    width: 300px;
}
.fin_StatementNumberCell .dxeHyperlink, .fin_StatementNumberCell .dxeHyperlink:visited
{
    color: blue;
}
.lastViewed, .reportIconLink
{
    display: table-cell;
    float: none;
    clear: none;
    text-align: center;
}
.lastViewed
{
    width: 50px;
}
.reportIconLink
{
    width: 60px;
}

/* Finance Page- DIV sections */

#fin_Overview
{
    width: 300px;
}

#fin_ReceiptHistory
{
}


.sectionHeadings label
{
    font-size: 14px;
    font-weight: bold;
}

#fin_ReceiptHistoryHeader
{
    float: none;
    min-width: 180px;
}
#fin_ReceiptHistoryHeader select, .selectionHeadings select
{
    float: right;
    margin-top: 1px;
    margin-right: 4px;
}
#fin_ReceiptHistoryHeader input
{
    float: right;
}

#fin_StatementHistory
{
    margin-top: 10px;
}

#fin_StatementHistoryHeader
{
    float: none;
    min-width: 180px;
}
#fin_StatementHistoryHeader select, .selectionHeadings select
{
    float: right;
    margin-top: 1px;
    margin-right: 4px;
}


#fin_TransactionHistoryHeader
{
    float: none;
    min-width: 180px;
    background-color: red;
}

#fin_TransactionHistoryHeader select, .selectionHeadings select
{
    float: right;
    margin-top: 1px;
    margin-right: 4px;
}


#fin_LastDebtorStatementButton
{
    width: 145px;
    margin: 5px;
}

#fin_PaymentWindow
{
    font-size: 11px;
    font-family: Arial;
    width: 400px;
    font-size: 11px;
}

#fin_MakePaymentLabel
{
    margin-top: 15px;
    float: left;
    text-align: right;
    line-height: 18px;
}

#fin_MakePaymentTextbox
{
    margin-top: 15px;
    float: left;
}

#fin_MakePayment
{
    margin-top: 15px;
    float: right;
}

.fin_MakePaymentButton
{
    margin: 5px;
    float: left;
}

/*
    Finance Page - DataView - CSS Framwork.
    The idea is to craete framework to replace the current tables on this page and have a standard set of styles for using across Community Portal.
*/

.dataView
{
    /* Container for div elements that construct a collection of data*/
    display: inline-block;
    float: left;
    width:770px;
    margin-bottom: 10px;
    min-height: 20px;
    line-height: 20px;
    font-family: Arial;
    font-size: 11px;
}
.dataView .tabRow
{
    width: 100%;
    vertical-align: top;
    text-align: left;
    vertical-align: bottom;
}

.dataView .titleRow
{
    width: 100%;
    height: 20px;
    background-color: #3A637A;
    vertical-align: top;
    text-align: left;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    vertical-align: bottom;
    padding-right: 25px;
    padding-left: 5px;
    background-image: url(../Images/triangw.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.dataView .titleRow .smallDetail
{
    font-size: 11px;
    font-weight: normal;
    float: right;
    margin-top: 1px;
    margin-right: 4px;
}


.dataView .titleRow SELECT
{
    float: right;
    margin-top: 1px;
    margin-right: 4px;
}
.dataView .titleRow INPUT
{
    float: right;
    margin-right: 4px;
    height: 20px;
    padding-top: 2px;
}
.dataView .columnTitleRows
{
    display: inline-block;
    width: 100%;
    background-color: #E4E4E4;
    font-size: 12px;
    font: Tahoma;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
}
.dataView .columnTitleRows LABEL
{
    float: left;
    width: 100px;
    margin-right: 8px;
    padding: 0px 4px;
    padding-top: 1px;
    text-align: center;
}
.dataView .dataRow
{
    display: inline-block;
    width: 100%;
    float: left;
    background: url("../images/dotted.gif") repeat-x scroll center bottom transparent;
    font-family: Arial;
    font-size: 11px;
}
.dataView .dataRow LABEL
{
    float: left;
    width: 100px;
    margin-right: 8px;
    padding: 0px 4px;
    text-align: center;
}
.dataView .dataRow:hover
{
    background-color: #cccccc;
    color: blue;
}

/* Styling for the docman grid and the columns. SW7012 30/06/09 */
.docman_grd_hdr_cell /* Docman GridView header cells. SW7012 30/06/09 */
{
    /* width:100%; */
    font-weight: bold;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 3px;
    text-align: left;
}
.docman_gridview
{
    padding: 4;
    color: #333333;
}

.docman_rowstyle
{
    background-color: #F7F6F3;
    color: #333333;
}
.lbl_needs_padding
{
    padding-bottom: 4px;
}

.alt_row
{
    background-color: #E4E4E4;
}

.docman_grd_hdr_nameinternal_cell .docman_grd_hdr_createddate_cell .docman_grd_hdr_classification_cell .docman_grd_hdr_desc_cell .docman_grd_hdr_type_cell .docman_grd_hdr_source_cell
{
}

#docman_StoredDocuments
{
}

#docman_StoredDocumentSelection
{
    margin: 5px;
}

#docman_CustomHTML
{
}


/* Contacts Page Styles */
#ContactsAcademicList, #ContactsOtherList
{
    width: 250px;
    float: left;
    margin-right: 20px;
}
.contactsColumn
{
    display: block;
    float: none;
    clear: both;
}
.EmailLabel
{
    float: left;
    width: 80px;
    text-align: right;
    padding-right: 5px;
}

.EmailField
{
    float: left;
    width: 160px;
}

.EmailFieldSet
{
    clear: both;
}

#EmailFieldSetAll
{
    margin: auto;
    padding-right: 60px;
}

#EmailFieldSetAll input, textarea
{
    width: 400px;
}

#EmailFieldSetAll select
{
    width: 200px;
}

#EmailFieldSetSubmit input
{
    width: 150px;
    margin-top: 280px;
}


/* Payment Receipt Styles */
#PaymentReceiptTable
{
    width: 300px;
    margin-left: 20px;
}

.PaymentReceiptLabel
{
    text-align: right;
    float: left;
    width: 90px;
    margin-top: 4px;
}

.PaymentReceiptField
{
    width: 150px;
    float: left;
    padding-left: 10px;
    margin-top: 4px;
}

.PaymentReceiptRow
{
    height: 25px;
}

#PaymentReceiptMessage, #PaymentReceiptAmount
{
    background-color: #E4E4E4;
}

/* Header Cell Styles */

.HeaderHTML
{
	display:block;
	float:left;
	
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #D3E2E6;
}


.HeaderLeft
{
    float: left;
    width: 20%;
}

.HeaderLeft img
{
    float: left;
    padding: 15px;
    height:80px;
}

.HeaderCentre
{
    float: left;
    width: 60%;
    text-align: center;
    vertical-align: bottom;
}

.HeaderTitle
{
    font-size: 36px;
}

.HeaderRight
{
    float: right;
    width: 20%;
    text-align: left;
}

.HeaderRight img
{
    float: right;
    height:120px;
}



/* New Menu Implementation. SW11381 05/07/2010 */
#MenuListItems a
{
    background: #3A637A url(../images/left-tab.gif) left top no-repeat;
    font-size: 16px;
    text-decoration: none;
    padding-left: 15px;
}

#MenuListItems li span firsttab a
{
    background: #3A637A url(../images/start-tab.gif) left top no-repeat;
    list-style: none;
}

#MenuListItems a span
{
    background: url(../images/right-tab.gif) right top no-repeat;
    padding-right: 15px;
}

#MenuListItems a, #MenuListItems a span
{
    display: block;
    float: left;
}

/* Hide from IE5-Mac \*/
#MenuListItems a, #MenuListItems a span
{
    float: none;
}
/* End hide */

#MenuListItems a:hover
{
    background: #98BBCD url(../images/left-tab.gif) left top no-repeat;
    padding-left: 15px;
}

#MenuListItems a:hover span
{
    background: url(../images/right-tab.gif) right top no-repeat;
    padding-right: 15px;
    text-align: left;
}

#MenuListItems ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: Red;
}

#MenuListItems li
{
    font: Verdana, Geneva, sans-serif;
    list-style: none;
    float: left;
    margin: 0;
}

.MenuListItemClass
{
}

.MenuListItemSpanClass
{
}

/* Make same as MenuListItemClass if MenuListItemClass is used\*/
.MenuListItemCurrentClass
{
}

.MenuListItemLinkClass
{
    color: #ffffff;
}

/* Make same as MenuListItemLinkClass if MenuListItemLinkClass is used\*/
.MenuListItemLinkCurrentClass
{
    color: #000000;
}

.attendance2FocusedRow
{
    font-weight: bold;
    color: black;
    background: #E1F5F7;
}

.financeSubMenu
{
    display: inline-block;
    float: right;
}

/* Style for right hand side sub menus that use list items to format.*/
.ulSideMenu
{
    display: inline-block;
    float: none;
    width: 200px;
    padding-top: 4px;
    padding-left: 0px;
    margin: 0px;
}
.ulSideMenu ul, .ulSideMenu li
{
    margin: 0px;
    padding: 0px;
}
.ulSideMenu li
{
    display: inline-block;
    float: left;
    list-style: none;
    width: 200px;
    height: 16px;
    line-height: 16px;
    text-align: left;
   
}
.ulSideMenu li.head
{
    margin-bottom: 4px;
    border-bottom: solid 1px #000;
}
.ulSideMenu li.althead
{
    margin-bottom: 4px;
    border-bottom: solid 1px #000;
    margin-top: 8px;
}
.ulSideMenu li .selected
{
    background-color: #D4D7D9;
    color: black !important;
}
.ulSideMenu li a.selected
{
    background-color: #D4D7D9;
    color: Black !important;
}
.ulSideMenu li.menuDivider
{
    height: 2px;
    border-bottom: solid 1px #000;
    margin-bottom: 8px;
}
.ulSideMenu li a:link
{
    display: block;
    width: 186px;
    height: auto;
    font-size: 11px;
    line-height: 15px;
    color: blue;
    font-weight: normal;
    margin-bottom: 0px;
    line-height: 16px;
    padding-left: 4px;
}

.ulSideMenu li a:hover
{
    background-color: gray;
    color: white;
    text-decoration: none;
    height: auto;
}

/*
    Dev Xpress overrides
*/
.dxtcPageContent
{
    background-color: Transparent;
    font-size: 11px;
    font-weight: inherit;
    font-family: arial;
    font-weight: normal;
    color: #000000;
}


/*
    System Messages
*/

.sysMessages
{
    display: block;
    float: left;
    width: 300px;
    min-height: 150px;
    padding: 0px;
}
.sysMessages .message
{
    display: block;
    float: left;
    width: 300px;
    width: inherit;
    min-height: 20px;
    padding: 0px;
}
.sysMessages .message h1
{
    display: block;
    float: left;
    width: 300px;
    min-height: 16px;
    font-size: 14px;
    line-height: 16px;
    margin: 0px;
    padding: 0px;
}
.sysMessages .message h2
{
    display: block;
    float: left;
    width: 300px;
    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: 270px;
    font-size: 11px;
    font-family: Arial;
    line-height: 15px;
    padding: 5px;
    padding-bottom: 0px;
    margin-top: 0px;
}
.sysMessages .message
{
    display: block;
    float: left;
    width: 300px;
    min-height: 24px;
    clear: both;
}

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


.sysMessages .logOut
{
    display: block;
    float: left;
    width: 300px;
    min-height: 24px;
}
.sysMessages .logOut .countDownRow
{
    display: block;
    float: left;
    width: 300px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-left: 40px;
    margin-top: 10px;
    padding-left: 12px;
}
.sysMessages .logOut .countDownRow .textSpan
{
    display: inline-block;
    float: left;
    height: 24px;
    line-height: 24px;
}
.sysMessages .logOut .countDownRow .counter
{
    display: inline-block;
    float: left;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 24px;
    color: Red;
}
.sysMessages .logOut .ButtonRow
{
    display: inline-block;
    float: left;
    width: 100%;
    min-height: 24px;
    padding-left: 35px;
}
.sysMessages .logOut .ButtonRow .button
{
    display: inline-block;
    float: left;
    margin-right: 5px;
}

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

.sysMessages .rotator .messageControls
{
    display: inline-block;
    float: left;
    width: 300px;
    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
{
    list-style: none;
    padding: 0px;
}

.sysMessages .rotator ul li
{
    list-style: none;
    overflow: scroll;
    overflow-x: hidden;
    min-height: 100px;
    max-height: 200px;
    width: 280px;
    border: 1px solid grey;
    padding: 5px;
    padding-right: 14px;
}


/* Paging classes not generated by devexpress*/
.sysMessages .rotator .nextButton
{
    height: 17px;
    width: 16px;
    background-image: url('~/DXR.axd?r=1_12');
    background-position: -81px 0;
}

.sysMessages .rotator .previousButton
{
    height: 17px;
    width: 16px;
    background-image: url('~/DXR.axd?r=1_12');
    background-position: -105px -0px;
}

.sysMessages .rotator .nextButtonDisabled
{
    background-image: url('~/DXR.axd?r=1_12');
    background-position: -105px -25px;
    height: 17px;
    width: 16px;
}
.sysMessages .rotator .previousButtonDisabled
{
    background-image: url('~/DXR.axd?r=1_12');
    background-position: -81px -25px;
    height: 17px;
    width: 16px;
}
.adminAboutContainer
{
    display: block;
    float: left;
    margin: 10px 0px 10px 10px;
}



/* 
    Misc Helpers-Overrrides & Extenders 
*/
.floatRight
{
    float: right;
}
.floatLeft
{
    float: left;
}
.inlineBlock
{
    display: inline-block;
}
.clear
{
    display: block;
    float: none;
    clear: both;
    width: 100%;
    min-height: 4px;
}
.clear.content
{
    margin-bottom:10px;
}

.minWidth600
{
    min-width: 600px;
    float: left; /*need to float left so that width values will apply*/
}
.margineLeft20
{
    margin-left: 20px;
}
/* 
  BAD Misc Helpers-Overrrides & Extenders
  Styles here are more one off helperss to override and help clunky css design.
*/
.pagePaddingLeft40
{
    padding-left: 20px;
}


/*
    For admin page
*/

#admin_CustomHTML
{
}