/* ------------------------------------------------------ */
/*        Custom definitions from DLE for Korowa          */
/* ------------------------------------------------------ */


/*

Corporate Colours
=================

Cherry Red:     #af0a2c     rgb(175,10,44)      rgba(175,10,44,1)
Light Grey:     #878787     rgb(135,135,135)    rgba(135,135,135,1)
Pale Pink:      #fbd2d4     rgb(251,210,212)    rgba(251,210,212,1)
Royal Blue:     #002366     rgb(0,35,102)       rgba(0,35,102,1)

Lighter shades of grey:
    #cfcfcf	#dbdbdb	#e7e7e7	#f3f3f3

Darker shades of pink:
	 #f9b9bc  #f7a1a5   #f58a8f


     
Note
====

Some classes (prefixed with KOROWA_ ) are inserted using JQuery in stures.aspx.
- DLE
 
Some of this was pre-existing. Not sure who created it. I have cleaned up portions of it
but left most intact, preferring to override than make sweeping changes without knowing
how far those changes will reach. 
- DLE
  
      
*/


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

/* DLE Fonts 'borrowed' from Public Website */
@font-face{
font-family:"HelveticaNeueW01-65Medi";
src:url("https://fast.fonts.net/dv2/14/3600b37f-2bf1-45f3-be3a-03365f16d9cb.woff2?d44f19a684109620e484157fa490e818d3d094ff82d849bed5a0bc0833b7f9ab1fb16847aa3dc723beb5dcbb4076424f8c2035d44e2615940a70d3667b12597e6e4bac32bd11efc15ce02d08040a8ec0444583d76db61c13188d9133b12761abd8680bcb81cd798e1cd25f65799123ed6fd5ebfa1d3f8ee84418e024fe2a08a05b042f1630fce8f47676e6e7ef6af453de4ac0f44bb140b9e5127116868944dbd062c9&projectId=e62d42d5-f989-4165-bb41-ef1f311a9ce0") format('woff2');}
@font-face{
font-family:"Helvetica LT W01 Light";
src:url("https://fast.fonts.net/dv2/14/37953885-0443-4c72-a693-9152a9f5a901.woff2?d44f19a684109620e484157fa490e818d3d094ff82d849bed5a0bc0833b7f9ab1fb16847aa3dc723beb5dcbb4076424f8c2035d44e2615940a70d3667b12597e6e4bac32bd11efc15ce02d08040a8ec0444583d76db61c13188d9133b12761abd8680bcb81cd798e1cd25f65799123ed6fd5ebfa1d3f8ee84418e024fe2a08a05b042f1630fce8f47676e6e7ef6af453de4ac0f44bb140b9e5127116868944dbd062c9&projectId=e62d42d5-f989-4165-bb41-ef1f311a9ce0") format('woff2');}
@font-face{
font-family:"Helvetica LT W01 Roman";
src:url("https://fast.fonts.net/dv2/14/89294146-207c-4803-91fe-338f0d0094bd.woff2?d44f19a684109620e484157fa490e818d3d094ff82d849bed5a0bc0833b7f9ab1fb16847aa3dc723beb5dcbb4076424f8c2035d44e2615940a70d3667b12597e6e4bac32bd11efc15ce02d08040a8ec0444583d76db61c13188d9133b12761abd8680bcb81cd798e1cd25f65799123ed6fd5ebfa1d3f8ee84418e024fe2a08a05b042f1630fce8f47676e6e7ef6af453de4ac0f44bb140b9e5127116868944dbd062c9&projectId=e62d42d5-f989-4165-bb41-ef1f311a9ce0") format('woff2');}



/* DLE */
*
{
    box-sizing: border-box;
}



/* Overrides */
.bodytext *,
.body_text *
{
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif !important;
}



html,
body
{
    height: 100%;
    margin: 0px;
    padding: 0px;
}


/*
    Header and menu styles
*/

.headerDiv
{
    margin: 0px;
}


h2,
.headerDiv
{
    display: inline-block;
    float: none;
    width: 100%;
    vertical-align: top;
    text-align: left;
    text-indent: 5px;
    color: #fff;
    font-size: 11px;
    vertical-align: bottom;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    clear: both;
    margin-top:0px;
    background-color: #af0a2c;
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
}


body
{
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    height: 100%;
    background-color: #e7e7e7;
}


input,
select,
td
{
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#000000;
}


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


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


a:hover
{
    text-decoration:underline;
}


/* Outer page container - think of the entire form. SW11381 05/07/2010 */
.PageDiv
{
	padding-top: 0px;
	background-color: #F2F5F7;
	height: 100%;
}


/* the menu and body container div - so the MenuDiv and BodyDiv sit inside this. SW11381 06/07/2010 */
.MenuBodyOuterDiv
{
	width: 100%;
	height:100%;
}


/* Menu container (for normal horizontal view only)
    - think of the container of the new menu control. SW11381 05/07/2010
*/
.menuDiv
{
    vertical-align: top;
	float: left;
	width: 100%;
	background-color: #878787;
}


/* New from DLE*/
.adminPanel
{
	background-color: #878787;
    height: 24px;
}


/* Body container (for normal horizontal view 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
*/
.BodyDiv
{
    clear: both;
	float: left;
	vertical-align: top;
    height: 100%;
	text-align: left;
    border: 0px;
    background-color: #F2F5F7;
    width: 100%;
}


/* Menu container (for vertical menu only)
    - think of the container of the new menu control. SW11381 05/07/2010
*/
.MenuDivVertical
{
    vertical-align: top;
	float: left;
	height: 100%;
	background-color: #3A637A;
	max-width: 10%;
	min-height: 100%;
}


/* 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
*/
.BodyDivVertical
{
	float: left;
	vertical-align: top;
    height: 100%;
	text-align: left;
    border: 0px;
    background-color: #F2F5F7;
    width: 90%;
}


/* Entire Page Container */
.page_tbl_container
{
    width:100%;
    height:100%;
    border:0px;
    background-color: #F2F5F7;
}


/* header container: Image/Menu area */
.hdr_tbl_container
{
    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
{
    height:100%;
    vertical-align:top;
    background-color: #F2F5F7;
    width: 100%;
}


/* Body Container (padded) sits inseide the body_tbl_outer_container - Table area under Header. SW 19/2/08 */
.body_tbl_inner_container
{
    margin-left:20px;
    margin-right:20px;
    margin-top:5px;
    margin-bottom:20px;
    width: 95%;
}
 /* This causes the table (or Cell) to go past the browser window width and then the right margin of 20 doesn't work
 width: 100%;
 */


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


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


/* DLE*/
#cla_table a
{
    color: #af0a2c; /* Cherry Red */
}


/* DLE*/
#cla_table .res_ttl_cell:not([align="right"]) a:hover
{
    color: #000;
    background-color: #fbd2d4; /* Pink */
    text-decoration: none;

    padding-top:2px;
    padding-bottom:2px;
    padding-left: 5px;
    padding-right: 5px;
}


/* highlighted student name eg. Mandy Adamski, Guy Adamski on top right hand corner. SW 26/2/08 */
#cla_table a.selected_student_name
{
    background-color:  #878787; /* Grey */
    vertical-align:    top;
    text-align:        left;
    color:             #fff;
    font-size:         14px;
    vertical-align:    bottom;
    padding-right:     5px;
    padding-left:      5px;
    padding-top:       2px;
    padding-bottom:    2px;

}


#cla_table a.selected_student_name:hover
{
 color:#fff;
}


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


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


/* Table cell between each Menu Cell. SW 19/2/08 */
.mnu_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  {
 background: url(../images/mnu_lst.gif);
 width:21px;
 height:21px;
}


/* Header Cell Styles */
.HeaderHTML
{
	width:100%;
	margin:0px;
	padding:0px;
	height:80px;
	background-color:#af0a2c; /* DLE Corporate Cherry Red */
}


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


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


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


.HeaderTitle
{
	font-size:36px;
}



/* heading cell eg. Student Name, Results, Information in stures. SW 26/2/08 */
.heading_cell
{
    background-color: #af0a2c; /* Corporate Cherry Red */
    vertical-align: top;
    text-align: left;
    color: #fff;
    font-size: 11px;
    vertical-align: bottom;
    padding-right: 5px;
    padding-left: 5px;
}


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


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


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


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


/* 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;
}


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


.err_mes_big
{
    color: white;
    background-color: Red;
    font-weight: bold;
}


/* Change the Web booking closed message in PTI. SW8921 10/09/2010 */
.portal_booking_closed_msg
{
    color: white;
    background-color: Red;
    font-weight: bold;
}


/* 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 */
.pti_err_mes
{
    color: red;
    font-weight: bold;
}


/* result cells */

/* used in tchr lables etc. */
.gray_lbl
{
    color: #878787;
    font-size: 11px;
}


.blnk_rght_cell
{
    width: 20px;
}


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


.rubric_tab {
    margin-left: 24px;
    margin-bottom: 4px;
}


/* 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:transparent;
    padding: 3px 3px 7px 0;
}


/* 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 */
.prepost_hdr_cell {
    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: #fff;
    padding: 3px;
}


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


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


/* The Weekly Timetable header Cells */
.time_wh_cell
{
    font-weight: bold;
    font-size: 12px;
    background-image: none;
    background-color: #E4E4E4;
    padding: 5px;
    text-align: center;
}


.time_wh_cell_sub
{
    font-weight: bold;
    font-size: 12px;
    background-color: #EDEDED;
    padding: 5px;
    text-align: center;
}


.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;
}


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


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


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


.upsize
{
    font-size: 15px;
}


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


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


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


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


.time_whc_cell
{
    font-weight: bold;
    font-size: 12px;
    background-image: none;
    background-color: #E4E4E4;
    padding: 5px;
    text-align: center;
    /* color: red; */
    color: #af0a2c;
}


/* TODO:L Doesn't work! */
#calendar1 tr ts:nth-of-type(6)
/*****
    #ctl00_masterPageContentPlaceHolder_calendar1 tr ts:nth-of-type(6) 
*****/
{
     color: #af0a2c;   
}


.hdr_cell
{
    width: 100%;
    font-weight: bold;
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
}


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


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


.time_wt_cell
{
    font-weight: bold;
}


.time_wd_cell
{
    height: 60px;
    padding: 5px;
    background: url(../images/dotted.gif) repeat-x bottom;
}


.time_wtc_cell
{
    font-weight: bold;
    background-color: #EBECED;
}


.time_wdc_cell
{
    height: 60px;
    padding: 5px;
    background: url(../images/dotted.gif) repeat-x bottom;
    background-color: #EBECED;
}


.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;
}


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


/* Results Maintenance: Grade/Actual Result Cell. SW7447 28/11/08 */
.res_grd_cell  {
    font-weight: bold;
}


/* Result date cell after result cell in Results Maintenance. SW7447 28/11/08 */
.res_date_cell {
    font-weight: normal;
}


/* Last printed string (under pdf) in Results screen. SW7447 27/11/08 */
.res_last_printed {
    color: gray;
    font-size: 10px;
}


/* results Syllabus Text Control */
.res_syllabus_ctrl  {
    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;
}


/* Results Maintenance: Topic comment text under the Assessment Area. SW7447 28/11/08 */
.comnt_txt {
    font-style: italic;
    font-weight: normal;
    color: #af0a2c;
    margin-left: 10px;
    margin-right: 10px;
}


/* Results Maintenance: Class Heading on right Hand Results side. SW7447 27/11/08 */
.class_cell
{
    width: 100%;
    font-weight: bold;
    /* font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif; */
    font-size: 18px;
    color: #af0a2c;
    border: none;
    padding-top: 0;
    padding-bottom:8px;
}


.class_overview_cell
 {
    color: #000; /* #af0a2c; */
    line-height: 125%;
    /* font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;  */
    padding: 4px 18px;
    font-size: 13px;
}


.overall_comm_cell
{
    padding: 0;
}


.overall_comm
{
    /* padding-left: 30px; */
    /* padding-right: 32px; */
    /* padding-top: 4px; */
    /* padding-bottom: 4px; */
    /* font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif; */
    border: none;
    font-size: 14px;
    line-height: 125%;
}


.overall_comm::before
{
    content: "Comment: ";
    font-weight: bold;
}


.top_brd_cell
{
    border-top: black solid 1;
}


.tt_no_students_class {
    color: Green;
}


.tt_subst_teach_class  {
    color: Red;
}


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


.tt_recess_lunch_class {
    color: Gray;
}


.tt_staff_schedule_class {
    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_hdr_cell {
    font-weight: normal;
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
    color: #fff;
    background-color: #878787;
    border: none;
    /* padding-top: 2px; */
    /* padding-bottom: 2px; */
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 6px;
    padding-left: 6px;
}


.rubric_cell {
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
    border: none;
    border-bottom: 1px solid #878787;
    padding: 2px 6px 4px 6px;
}


/* 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
{
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
    border: none;
    border-bottom: 1px solid #878787;
    padding-right: 6px;
    padding-left: 6px;

}


/* right hand Cell after HeaderCell eg Available Results/Information. SW 19/2/08 */
.tbl_hdr_end_img_cell {
    width: 21px;
    height: 21px;
}


.vercont {
    font-size: 8px;
}


/* Top right TableCell of each page (New Container for the StudentNames). SW 29/07/08 */
.StuNamesContainer {
    width: 100px;
    vertical-align: top;
    text-align: right;
}


/* 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;
}


.error_message_div {
    height: 14px;
    text-align: center;
    background-color: #F2F5F7;
}


/* Absences HTML/ASPTable that contain all the Absence headings and Absence records. SW7447 01/12/08*/
.abs_asptable {
    border: 0;
    padding-top: 2px;
}


/* Absences HTML/ASPTable header cells. SW7447 01/12/08 */
.abs_grd_hdr_cell  {
    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: 20px;
}


/* Absences Grid: Event Type cell. SW7447 01/12/08 */
.abs_grd_eventtype_cell  {
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: none;
}


/* Absences Grid: Out cell. SW7447 01/12/08 */
.abs_grd_out_cell {
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: none;
}


/* Absences Grid: In cell. SW7447 01/12/08 */
.abs_grd_in_cell {
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: none;
}


/* Absences Grid: Type cell. SW7447 01/12/08 */
.abs_grd_type_cell {
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: none;
}


/* Absences Grid: reason cell. SW7447 01/12/08 */
.abs_grd_reason_cell {
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: none;
}


/* Absences Grid: event comment cell. SW7447 01/12/08 */
.abs_grd_eventcomment_cell {
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: none;
}


/* Absences Grid: approved cell. SW7447 01/12/08 */
.abs_grd_approved_cell  {
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: none;
}


/* Absences Grid: late cell unticked. SW7447 01/12/08 */
.abs_grd_late_cell {
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: none;
}

/* Absences Grid: note cell. SW7447 01/12/08 */
.abs_grd_note_cell
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 3px;
    background: none;
}


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

.dxgvHeader
{
}

.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;
}

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

.att_grd_hdr_Date
{
    width: 40px;
}

.att_grd_hdr_Period
{
    width: 20px;
}

.att_grd_hdr_Attended
{
    width: 20px;
}

.att_grd_hdr_Class
{
    width: 20px;
}

.att_grd_hdr_ClassDescription
{
    width: 20px;
}

.att_grd_hdr_PossDescription
{
    width: 20px;
}

.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_cell
{
    font-weight: normal;
    text-align: left;
    padding-bottom: 1px;
    padding-left: 10px;
    background: url(../images/dotted.gif) repeat-x bottom;
}

/* Styling for the docman grid and the columns. SW7012 30/06/09 */
 /* Docman GridView header cells. SW7012 30/06/09 */
.docman_grd_hdr_cell
{
    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
{

}



/* 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;
}


/* Get rid of default triangw.gif image that comes from portal css - Important!*/
h2,
.headerDiv,
.heading_cell {
    background-image: none;
}


/* Page Structure */


#PortalBody,
#BodyDiv
{
    background-color: #e7e7e7;
}



#abs_AbsenceHeader,
h2#OptionsHeadingText, /* Parent Contacts */
h2#lb_name   /* Student Details */
{
    padding: 8px 0 8px 6px;
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
    /* font-size: 1.3em; */
    font-size: 18px;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
}


h2#OptionsHeadingText
{
    font-size: 14px;
}


#abs_AbsenceHeader > span
{
    font-size: 18px;
}


#divTransactionHistory_dataRows .dataRow
{
    background: none;
}


#divTransactionHistory_dataRows .dataRow:hover
{
    background-color: #fbd2d4; /* Pink */
}


#acc_DetailsPlaceHolder h2,

#fin_TransactionHistoryHeader,
#fin_StatementHistoryHeader,
#fin_ReceiptHistoryHeader,
.heading_cell.res_tab_header,
#bodyPanel .headerDiv,
h2#ContactsGridHeading, /* Parent Contacts - Class list */
#markbookLayoutOverride .headerDiv
{
    padding: 4px 0 4px 6px;
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
}

#fin_ReceiptHistoryHeader 
{
    height: 28px;
}


#fin_TransactionHistoryHeader {
    background-color: #af0a2c;
}


#fin_TransactionHistoryHeader .titleRow {
    background: none;
}


.absencesAspTable td
{
    font-size: 12px;
}


#divTransactionHistory.dataView .columnTitleRows,  /* Column Titles */
#divTransactionHistory.dataView  /* Main container */
{
    max-width: 732px !important;
}


#divTransactionHistory #fin_TransactionHistoryHeader .titleRow span,


span#Label1,
span#lb_name,
span#weeklyTimetable,
label#heading_label,
label#cHeading
/*****
    span#ctl00_masterPageContentPlaceHolder_pageContolTabs_Label1,
    span#ctl00_masterPageContentPlaceHolder_pageContolTabs_lb_name,
    span#ctl00_masterPageContentPlaceHolder_weeklyTimetable,
    label#ctl00_masterPageContentPlaceHolder_heading_label,
    label#ctl00_masterPageContentPlaceHolder_cHeading
*****/
{
    font-size: 18px !important;
}


soan#res_com,
span#for_stu
/*****
    soan#ctl00_masterPageContentPlaceHolder_res_com,
    span#ctl00_masterPageContentPlaceHolder_for_stu
*****/    
{
    font-size: 12px !important; /* Need to override other style */
}


.dxtcLite > .dxtc-content
{
    background-color: transparent;
}


#markbookLayoutOverride .headerDiv label
{
    font-size: 14px;
}


#fin_StatementHistoryHeader
{
    height: 28px;
}


#markbookLayoutOverride .headerDiv span
{
    font-size: 12px;
    margin-right: 12px;
}


select#dropDownEditStatementHistoryYear
{
    margin-right: 14px;
}


span#forLabel
{
    font-size: 12px;
    margin-right: 12px;
    float: right;
}


#markbookLayoutOverride .headerDiv span span
{
    font-size: 12px;
    margin-right: 0;
}


#divTransactionHistory,
#tab_rec,
#fin_StatementHistory,
#TimetableWeekly,
.column_four,
#bodyPanel > .column_three.alpha,
#absenceTable,
div#divParentContactsGrid,
div#divParentContacts,
div.columnVertDivider
{
    background-color: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow:  3px 3px 24px -3px rgba(0,0,0,0.60);
    -moz-box-shadow:  3px 3px 24px -3px rgba(0,0,0,0.60);
    box-shadow:  3px 3px 24px -3px rgba(0,0,0,0.60);
    padding-bottom: 2px;
}


#TimetableWeekly
{
    padding-top: 0;
    margin-top: 20px;
}


#divTransactionHistory,
#fin_StatementHistory
{
    padding-bottom: 0;
}


div.receiptTransactionHistory .dxtcLite > .dxtc-stripContainer .dxtc-activeTab
{
    background-color: #af0a2c;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: none;
    margin-right: 4px;
}


div.receiptTransactionHistory .dxtcLite > .dxtc-stripContainer .dxtc-activeTab .dxtc-link
{
    margin-top: 2px;
    color: #fff;
}


div.receiptTransactionHistory .dxtcLite > .dxtc-stripContainer .dxtc-Tab .dxtc-link
{
    margin-top: 2px;
    color: #000;
}


div.receiptTransactionHistory .dxtcLite > .dxtc-stripContainer .dxtc-tab
{
    background-color: #cfcfcf;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: none;
    margin-right: 4px;
    margin-top: 2px;
}


div.receiptTransactionHistory .dxtcLite > .dxtc-stripContainer .dxtc-tab:hover
{
    background-color: #f7a1a5; /* darker shade of corporate pink */

}


#calendar1 td:hover
/*****
    #ctl00_masterPageContentPlaceHolder_calendar1 td:hover 
*****/
{
    background-color: #fbd2d4; /* Corporate pink */
}


#calendar1 td:hover a
/*****
    #ctl00_masterPageContentPlaceHolder_calendar1 td:hover a
*****/
{
    text-decoration: none;
}


#fin_ReceiptHistoryHeader,
#tab_rec,
#tab_sta,
#fin_StatementHistory
{
    max-width: 748px !important;
}


.docman_grd_hdr_cell,       /* Reports Page */
.financeTableRowHeader,     /* Receipt history, Statement history, Transaction history */
.fin_StatementDateHeader,
.fin_StatementNumberHeader,
.fin_StatementDueDateHeader,
.fin_StatementBalanceHeader,
.fin_StatementDescriptionHeader,
.fin_StatementDateHeader,
.fin_StatementPrintHeader,
.fin_ReceiptDateHeader,
.fin_ReceiptNumberHeader,
.fin_ReceiptAmountHeader,
.fin_PaymentMethodHeader,
.fin_ReceiptDescriptionHeader,
.fin_ReceiptPrintHeader
{
    background-color: #dbdbdb;
}


.financeTableRow:hover
{
    background-color: #fbd2d4;
}


.financeTableRow
{
    background-image: none;
}


.financeTableRow:last-of-type td:first-child
{
    border-radius: 0 0 0 12px;
}


.financeTableRow:last-of-type td:last-child
{
    border-radius: 0 0 12px 0;
}



#divTransactionHistory_dataRows .dataRow:last-of-type
{
    border-radius: 0 0 12px 12px;
}


#fin_TransactionHistoryHeader .columnTitleRows
{
    background-color:  #dbdbdb;
}


#C0
/*****
    #ctl00_masterPageContentPlaceHolder_pageContolTabs_C0 
*****/
{
    padding-left: 8px;
}

#calendar1
/*****
    #ctl00_masterPageContentPlaceHolder_calendar1
*****/
{
    border: none !important;
}


#absencesAspTable tr:first-child td,
#absencesAspTable td:first-child
{
    background-color: #dbdbdb;
    padding-left: 6px;
}


#absencesAspTable tr:first-child td
{
    padding-top:6px;
    padding-bottom:6px;
}


.synWebForm div#divParentContactsGrid
{
    width: 99% !important;
    /* !important needed to override inline CSS */
}


#fin_LastDebtorStatementButton
{
    margin-top: 16px;
}


div#divParentContactsGrid .row
{
    padding-left: 12px;
    padding-right: 12px;
}



/* RESULT content*/

/* nth-child(2) limits the code to just the results page...for now */
td:nth-child(2) div.column_Max
{
    background-color: #fff;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-box-shadow:  3px 3px 24px -3px rgba(0,0,0,0.60);
    -moz-box-shadow:  3px 3px 24px -3px rgba(0,0,0,0.60);
    box-shadow:  3px 3px 24px -3px rgba(0,0,0,0.60);

    padding-bottom: 2px;

    width: 98% !important; /* !important is needed because size is hard-coded in the HTML */
    max-width: 1200px;
    min-width: 300px;
}


#markbookLayoutOverride,
#resultMasterTable,
#cla_table,
#tab_media
{
    margin: 8px 8px 8px 10px;
}


#markbookLayoutOverride .res_ttl_cell,
#cla_table .res_ttl_cell
{
    border: none;
    line-height: 110%;
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
}


#resultMasterTable .res_ttl_cell
{
    border: none;
    line-height: 125%;
}


#markbookLayoutOverride .res_ttl_cell:not([align="right"]),
#cla_table .res_ttl_cell:not([align="right"])
{
    width: 60%;
    font-size: 13px;
    
}



#markbookLayoutOverride .res_ttl_cell[align="right"],
#cla_table .res_ttl_cell[align="right"]
{
    padding-right: 24px;
    width: 40%;
    font-weight: bold;
    font-size: 14px;
}


    /* ?? Merge above */
#markbookLayoutOverride .prepost_hdr_cell,    
#cla_table .prepost_hdr_cell
{
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}



#markbookLayoutOverride .res_ttl_cell[align="right"] span.gray_lbl,
#cla_table .res_ttl_cell[align="right"] span.gray_lbl
{
    position: relative;
    top: -12px; /* see line-height for colspan=2 */
    padding: 0;
    margin: 0;
}


#markbookLayoutOverride .res_ttl_cell[align="right"][colspan="2"],
#cla_table .res_ttl_cell[align="right"][colspan="2"]
{
    line-height: 40%;
    
    /* Testing...*/
    top: -10px;
    position: relative;    
    
}



#cla_table .res_ttl_cell[align="right"] img
{
    margin-bottom: 8px;
}


#resultMasterTable .hdr_cell
{
    padding-left: 18px;
    color: #af0a2c;
    font-weight: bold;
}


#resultMasterTable .blnk_lft_cell + .res_ttl_cell
{
    padding-left: 30px;
}


.overall_comm, 
#resultMasterTable .comnt_txt
/*
    #ctl00_masterPageContentPlaceHolder_resultMasterTable .comnt_txt
*/
{
    margin-left: 18px;
    margin-top: 4px;
    padding: 8px 6px;
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
    background-color: #dbdbdb;
    font-style: normal;
    color: #000;
    border-radius: 12px;
    font-size: 14px;
    top: -16px;
    position: relative;
}
.overall_comm {
    margin-top: 16px;
    margin-right: 24px;    
}



#resultMasterTable .res_grd_cell
{
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
    vertical-align: top;
    font-size: 17px;
    padding-top: 4px
}



#resultMasterTable .desc_cell
{
    padding-left: 36px;
}


/* Available results */


/* Displaying the name here seems redundant - so hide this*/
.name_cell
{
    display: none;
}


.synWebForm
{
    font-family: "Helvetica LT W01 Light", Helvetica, Arial, sans-serif;
}


#resultMasterTable table.KOROWA_results_table:not([class*="KOROWA_solo"])
{
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: 98.4% !important;
    border-collapse: separate;
    margin-bottom: 16px;
}


#resultMasterTable table.KOROWA_results_table:not([class*="KOROWA_solo"]) .class_cell
{
    padding-top: 4px;
    padding-left: 8px;
}


/* Rounded shoulders on rubric tables */
.rubric_hdr_cell:first-child
{
    border-radius: 12px 0 0 0;
}


.rubric_hdr_cell:last-child
{
    border-radius: 0 12px 0 0;
}


/* Parent Contacts */
#divParentContactsGrid .parentContactsGridHeader td:first-child
{
    text-decoration: none;
    color: #af0a2c; /* Corporate Cherry Red */
}


#divParentContactsGrid .parentContactsGridHeader td:first-child:hover
{
    text-decoration: none;
    color: #af0a2c; /* Corporate Cherry Red */
}


/* Absences */
#absencesAspTable tr:last-child td:first-child
{
    border-radius: 0 0 0 12px;
}


#absencesAspTable tr:not(:last-child) td
{
    border-bottom: 1px solid #dbdbdb;
}


#absenceTable {
    padding-bottom: 0;
}


/*  Timetables */

#TimetableWeekly table tr td
{
    background-image: none;
}


#TimetableWeekly table tr th,
#calendar1 tr:first-child td
/*****
    #ctl00_masterPageContentPlaceHolder_calendar1 tr:first-child td
*****/
{
    background-color: #dbdbdb !important;
}


.upperBody .subMenuDiv
{
 	background-color: #878787;
}


#LeftColumn,
.body_tbl_outer_container,
.page_tbl_container
{
    background-color: #e7e7e7;
}


.MyDetailsDisclaimer {
    color: #000;
    background-color: #fbd2d4;
    border: none;
    border-radius: 12px;
    
}


/* MyDetails */
.subMenuDiv ul.studentHoz li:hover, 
.subMenuDiv ul.studentHoz li.selected 
{
    background-color: #af0a2c;
    color: #fff;
    border: 1px solid #af0a2c;
}


.subMenuDiv ul.studentHoz li 
{
    background-color: #cfcfcf;
    color: #000;
    border: 1px solid #cfcfcf;
}


ul.leftVertMenu li.selected 
{
    background-color: #878787;
}

ul.leftVertMenu li.selected a {
    color: #fff;
}


ul.leftVertMenu li:hover 
{
    color: #fff;    
    background-color: #fbd2d4;
}


ul.leftVertMenu li:hover a 
{
    color: #000;
}


ul.leftVertMenu li 
{
    text-shadow: none;
}


ul.leftVertMenu a, 
ul.leftVertMenu span.text
{
    color: #000;
}



/* Prevents horizontal scroll-bar */
.rightColumn
{
    max-width: initial;
}


.KOROWA_areaheading
{

    color: #af0a2c; /* Corporate Cherry Red */
    font-weight: bold;
}


.KOROWA_areaoverview
{
    padding-left: 12px;
    font-size: 13px;
    padding-top: 4px
}


.KOROWA_no_comment
{
    padding-bottom: 16px;
}


.KOROWA_blank_results_table::after
{
    content: "No results currently available";
    font-weight: bold;
    margin-left: 10px;
    line-height: 36px
}


#resultMasterTable .desc_cell
td.KOROWA_personal_development
{
    color: #af0a2c; /* Corporate Cherry Red */
}


.KOROWA_results_align
{
    text-align: right;
}


.KOROWA_semester_report 
{
    padding-bottom: 6px;
}



#cla_table .res_ttl_cell[align="right"][colspan="2"].KOROWA_subsqnt_teacher
{
    line-height: 140%;
}


#cla_table .res_ttl_cell[align="right"][colspan="2"].KOROWA_subsqnt_teacher span.gray_lbl
{ 
    top: -5px;
}


h1.header 
{
    color: #000;
    font-size: 18px !important;
    border: none;
    margin-bottom: 0px;    
}


.synWebForm .formColumnW5 {
    width: 90%;
    max-width: 800px;
}



#CustomHtml span.korowa_message
{
    padding: 10px;
    color: #fff;
    background-color: #af0a2c; /* Corporate Cherry Red */
    border-radius: 12px;    
    
    -webkit-box-shadow:  3px 3px 24px -3px rgba(0,0,0,0.60);
    -moz-box-shadow:  3px 3px 24px -3px rgba(0,0,0,0.60);
    box-shadow:  3px 3px 24px -3px rgba(0,0,0,0.60);    
}


#CustomHtml span a 
{
    color: #fff;
    text-decoration: underline;
}



/* --------------- Additional Functionalty -------------*/

/* Update for Marina: Hide these two rows... */

#divParentContacts div.row:nth-of-type(3),
#divParentContacts div.row:nth-of-type(4)
{
    display: none;
}


/* iPads */
@media all and (max-width: 1025px) 
{
    
    .KOROWA_results_align 
    {
        padding-right: 12px !important;
        font-size: 15px;
    }
    
    
    #resultMasterTable table.KOROWA_results_table:not([class*="KOROWA_solo"])
    {
        width: 95.4% !important; 
    }
    
    
    #resultMasterTable .blnk_lft_cell + .res_ttl_cell
    {
        width: 80%;
    }
    
    #TC     
    /*****
        #ctl00_masterPageContentPlaceHolder_pageContolTabs_TC 
    *****/
    {
        padding-bottom: 24px;
    }
    
}    


/* Laptops and smaller screens */
@media all and (min-width: 1026px) 
{
     .KOROWA_results_align 
    {
        padding-right: 100px !important;
    
    }
    
    
    #resultMasterTable table.KOROWA_results_table:not([class*="KOROWA_solo"])
    {
        width: 97.3% !important; 
    }
    
}


/* Wider screens */
@media all and (min-width: 1300px) 
{
     .KOROWA_results_align 
    {
        padding-right: 204px !important;
    
    }
    
    
    #resultMasterTable table.KOROWA_results_table:not([class*="KOROWA_solo"])
    {
        width: 98.3% !important; 
    }
    
}