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

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

body
{
 font-family:arial;
 font-size:11px;
 color:#000000;
}

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

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

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

a:hover
{
 text-decoration:underline;
}

/* custom objects */

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

/* header container: Image/Menu area */
.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%; 
 vertical-align:top;  
}

/* Body Container (padded) sits inseide the body_tbl_outer_container - Table area under Header. SW 19/2/08 */
.body_tbl_inner_container /* mn_grid */
{
 margin-left:20px; 
 margin-right:20px; 
 margin-top:5px; /* TD wants less wasted space at top of screen. SW 19/2/08 */
 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%;
 */
}

/* CustomHTML HTML Table cell on the top or bottom of the pages. SW6818 18/07/08 */ 
.body_customhtml_cell
{
	/* this can be used for a table cell to ensure text wordwrap. SW6818 18/07/08
	word-break:break-all; /* ensure the cell text wordwraps when browser window changes
	*/
}

/* 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. SW 26/2/08 */
.selected_student_name /* selection */
{
 font-weight:bold;
 font-size:13px;
}

/* In the Results and contacts pages - the left menu container (eg. information and calender). SW 26/2/08 */
.left_menu_container /* mn_grid_cell */
{ 
 padding-right:20px;
}

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

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

/* heading labels (students, classes, results). SW 26/2/08 */
.heading_label /* tab_hdr */
{	
 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;
}

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

/* 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 /* The Weekly Timetable header Cells */
{
 font-weight:bold;
 font-size:12px;
 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;
}

.pti_conf_red
{
 color:red;
 font-weight:bold;
 font-size:15px;
}

.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-color:#E4E4E4;
 padding:5px;
 text-align:center;
 color:red;
}

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

.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;
}
.res_ttl_cell /* Results Maintenance: Assessment Area description cell with dotted underline */
{
    padding-bottom:1px;
    background: url(../images/dotted.gif) repeat-x bottom;
}

.res_grd_cell /* Results Maintenance: Grade/Actual Result Cell. SW7447 28/11/08 */
{
    font-weight:bold;
}
.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; 
}

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

.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
{
	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; 
/*
	width: 80%
*/
}
/* Contact details html table in the MyAccount page. SW6818 13/8/08 */
.contact_details_table
{
	color: Aqua;
	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: 300px;
}
/* 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;
}
.abs_asptable /* Absences HTML/ASPTable that contain all the Absence headings and Absence records. SW7447 01/12/08*/
{
    border:0;
    border-top:black solid 1; 
    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: 20px;
}

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