/*		
 *	Stylesheet to define font size and layout elements for the Generic Interim Report.
 *  	Properties defined in this stylesheet may only be modified. Removing properties will
 *  	cause the report to Error or function incorrectly.
 *
 *	Properties and correct syntax guide:
 *	
 *	height: 		100pt; 	   		(In Points (pt). Typically used for defining max height of an embedded image)
 *  	width: 			100pt; 	   		(In Points (pt). Typically used for defining max width of an embedded image)	
 *  	padding-top: 		5pt; 	   		(In Points (pt). Typically used for defining the top padding of content such as table content)
 *  	padding-bottom:   	5pt;		 	(In Points (pt). Typically used for defining the bottom padding of content such as table content)	
 *  	padding-left: 		5pt;		 	(In Points (pt). Typically used for defining the left padding of content such as table content)
 *  	padding-right: 		5pt;		 	(In Points (pt). Typically used for defining the right padding of content such as table content)
 *	font-size:		10pt;		 	(In Points (pt). Size of font)
 *	font-weight:		bold;		 	(Defined as text. Font Weight (normal or bold))
 *  	font-style:          	italic;     		(Can be used to force text to print in italics (italic, strikethru, underline))
 *  	font:			Arial;		 	(Defined as Text. Case sensitive Font Name)
 *  	color: 			#000000;	   	(Color in HEX. Color of Font)
 * 	background-color:   	#CCCCCC;	   	(Color in HEX. Color of background. Typically used for Table background colors).
 *  	display:             	inline;     		(Used to hide certain style items from printing on the report (none or inline).
 *  	valign:              	middle;     		(used to align elements vertically in a table structure (top, middle, bottom)
 *  	min-height:            	20pt;     		(In Points (pt). Used to define the row height for all rows in a table)
 *  	width:                  50%;     		(Used to control the amount of horizontal page space a certain column may use in a relative percentage value)
 *  	content: 		"User defined text"     (The content tags can be used to place additional wording on the page. If not required leave empty quotes).
 *	
 * 	Each Style items properties are defined between the open and close curley brackets.
 */

/* ADDRESS LABEL */
.addresslabel 
{
	font-family:		Arial;
	font-size:		12pt;
	color:			#000000;
	font-weight:		normal;
}

.addresslabel .parentname
{
	font-family:		Arial;
	font-size:		12pt;
	color:			#000000;	
	font-weight:		normal;
	left:			80pt;
	bottom:			450pt;
	width:			530pt;
	height:			200pt;
	text-align:		left;
}

.addresslabel .address
{
	font-family:		Arial;
	font-size:		12pt;
	color:			#000000;	
	font-weight:		normal;
	left:			80pt;
	bottom:			415pt;
	width:			530pt;
	height:			200pt;
	text-align:		left;
}

.addresslabel .address_barcode
{
	font-size:		38pt;
	color:			#000000;	
	font-weight:		normal;
	left:			80pt;
	bottom:			475pt;
	width:			530pt;
	height:			200pt;
	text-align:		left;
}

.addresslabel .studentname
{
	font-family:		Arial;
	font-size:		12pt;
	color:			#000000;	
	font-weight:		normal;
	left:			80pt;
	bottom:			350pt;
	width:			530pt;
	height:			200pt;
	text-align:		left;
}

/* Default Landscape formatting of a page border */
.pageborder 
{
	border:			1pt solid #000000;
	left:			26pt;
	bottom:			27pt;
	width:			795pt;
	height:			545pt;
}

/* Style for Image that appears at the top of the report. */
.logoImage
{
	height:			50pt;
	width:			50pt;	
	padding-top:		-25pt;
	padding-bottom:		10pt;
	padding-left: 		-720pt;
}

/* Always Controls second logo only */ 
.logoImage2
{
	height:			70pt;
	width:			70pt;	
	padding-top:		-50pt;
	padding-bottom:		10pt;
	padding-left: 		720pt;
}

/* Font and Paragraph paddding for the company title. */
.companyName 
{
	font:			verdana;
	font-size: 		15pt;
	font-weight: 		bold;
	color: 			#000000;
	padding-top:		-50pt;
	padding-bottom:		10pt;
}

/* Font and Paragraph paddding for the report title. */
.reportTitle 
{
	
	font-family:		Times New Roman;	
	font-size:		18pt;
	color:			#000000;
	font-weight:		bold;
	left:			420pt;
	bottom:			545pt;
	text-align:		left;
	width:			250pt;
	height:			50pt;
}

.reportTitle  .label
{
        font:                   Times New Roman;
        font-size:              18pt;
        left:                   300pt;
        bottom:                 545pt;
        text-align:             left;
        width:                  250pt;
        height:                 50pt;
        content:                "Interim Report";
}

/* Padding for Name, Year and Form class table row. */
.nameRow 
{
	padding-bottom:		1pt;
	padding-top:		7pt;
}

/* Student Name title Font. */
.nameTitle 
{
	
	font:			Arial;
	font-size:	 	10pt;
	color: 			#000000;
	width:              	50%;
}

/* Student Name Font. */
.nameText 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		bold;
	color: 			#000000;
}

.studCodeText
{
  	font:               	Arial;
  	font-size:          	10pt;
  	font-weight:        	normal;
  	color:              	#000000;
}

/* Year title Font. */
.yearTitle
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;
	font-weight: 		bold;
	content:		" Year: ";
	width:              	50%;
}

/* Year Font. */
.yearText 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
}

/* Class title Font. */
.classTitle 
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;
	font-weight: 		bold;
	display:		inline;
	content:		" Class: ";
}

/* Class Font. */
.classText 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	display:		inline;
}

/* Tutor title Font. */
.tutorTitle 
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;
	font-weight: 		bold;
	display:		inline;
	content:		"Tutor: ";
}

/*Tutor Font. */
.tutorText 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	display:		inline;
}

/* House title Font. */
.houseTitle 
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;
	font-weight: 		bold;
	display:		inline;
	content:		" House: ";
}

/* House Font. */
.houseText 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	display:		inline;
}

/* VSN number font */
.vsn
{
	
	font-family:		Arial;	
	font-size:		12pt;
	color:			#000000;
	font-weight:		normal;
	left:			130pt;
	bottom:			80pt;
	text-align:		left;
	width:			100pt;
	height:			50pt;
}

.vsn .label
{
        font:                   Arial;
        font-size:              12pt;
        left:                   50pt;
        bottom:                 80pt;
        text-align:             left;
        width:                  100pt;
        height:                 50pt;
        content:                "Student VSN:";
}

/* HEADER USER DEFINED */
.header 
{

	font:			Arial;
}

.header .userdef1 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

.header .userdef2 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

.header .userdef3 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

.header .userdef4 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

.header .userdef5 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

.header .userdef6 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

.header .userdef7 
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

.header .userdef8 
{	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

.header .userdef9
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

.header .userdef10
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}

/* Table Header Font and Background color */
.tableHeader
{
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		bold;
	color: 			#000000;	
	background-color: 	#CCCCCC;
	border:			1pt solid #000000;
	text-align:		center;
	padding-top:		10pt;
	padding-bottom:		10pt;
	valign:			middle;
}

/* Subject Description Font */
.subjectDesc
{
	font:			Arial;
	font-size: 		10pt;
	font-weight:	 	normal;
	color: 			#000000;
	min-height:         	30pt;
	valign:             	middle;
	text-align:		left;
	padding-left:		5pt;
	border:			1pt solid #000000;
}

/* Student Subject/Objective Result Font */
.studResult
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;	
	valign:             	middle;
	border:			1pt solid #000000;
	text-align:		center;
}

.subjectcomment
{
	font:			Arial;
	font-weight:	 	normal;
	font-size: 		8pt;
	color: 			#000000;	
	valign:             	middle;
	border:			1pt solid #000000;
	text-align:		justified;
	padding-top:		5pt;
	padding-bottom: 	5pt;
}

/* Student Subject Teacher Name Font */
.subjectTeacher
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;	
	valign:             	middle;
	border:			1pt solid #000000;
	text-align:		center;
}

/* RESULT LEGEND 
.resultLegend
{
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
}

/* COLUMN 1 
.resultLegend .column1
{
	width:			33%;
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
}

.resultLegend .column1 .header
{
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	border:			1pt solid #000000;
}

.resultLegend .column1 .row1
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}


.resultLegend .column1 .row1 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

.resultLegend .column1 .row1 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

.resultLegend .column1 .row2
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column1 .row2 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

.resultLegend .column1 .row2 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

.resultLegend .column1 .row3
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column1 .row3 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

.resultLegend .column1 .row3 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

.resultLegend .column1 .row4
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column1 .row4 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

.resultLegend .column1 .row4 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

.resultLegend .column1 .row5
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column1 .row5 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

.resultLegend .column1 .row5 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	content:		"";
	text-align:		"left";
}

/* COLUMN 2 
.resultLegend .column2
{
	width:			33%;
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
}

.resultLegend .column2 .header
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	border:			1pt solid #000000;
}

.resultLegend .column2 .row1
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column2 .row1 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column2 .row1 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column2 .row2
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column2 .row2 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column2 .row2 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column2 .row3
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column2 .row3 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column2 .row3 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

/* COLUMN 3 
.resultLegend .column3
{
	width:			33%;
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
}

.resultLegend .column3 .header
{
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	border:			1pt solid #000000;
}

.resultLegend .column3 .row1
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column3 .row1 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column3 .row1 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column3 .row2
{
	font:			Arial;
	font-size: 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column3 .row2 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column3 .row2 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column3 .row3
{
	font:			Arial;
	font-size: 		12pt;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			1pt solid #000000;
}

.resultLegend .column3 .row3 .result
{
	width:			10%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	text-align:		"left";
}

.resultLegend .column3 .row3 .comment
{
	width:			90%;
	font:			Arial;
	font-size : 		12pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#CCCCCC;
	content:		"";
	padding-left:		100pt;
	text-align:		"left";
}	*/

/* General Comments Subject Text Font */
.generalComments
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;	
	padding-bottom:		10pt;
	fixed-leading:    	2.0;
}

/* Days Absent and General Comments Subject Teacher Row Padding */
.daysAbsentAndTeacherRow
{
	font:			Arial;
	padding-top:		10pt;
	padding-bottom:		10pt;	
}

/* Days Absent Font */
.daysAbsent
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;	
}

/* General Comments Subject Teacher Font */
.generalCommentsTeacher
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;	
}

/* Report Date Font */
.reportDate
{
	font:			Arial;
	font-size: 		10pt;
	color: 			#000000;	
}

/* SIGNATORY STYLES */
.signatory 
{
	
	font-family:		Arial;	
	font-size:		12pt;
	color:			#000000;	
	font-weight:		normal;	
	border:			none;
}

.signatory .title
{	
	font-family:		Arial;	
	font-size:		12pt;
}

.signatory .spacer
{
	font-family:		Arial;
	font-size:		12pt;
	min-height:		65pt;
}

.signatory .image
{
	height:			100pt;
	width:			100pt;
}

.signatory .imagecell
{
	vertical-align:		bottom;
	padding-bottom:		2pt;
	border-bottom: 		1pt solid #000000;
}

.signatory .blank
{
	font-family:		Arial;
	font-size:		12pt;
	border-bottom:		1pt none #000000;
}

.signatory .spacing
{
	border:			none;
	padding:		15pt;
	text-align:		center;
}

/* FOOTER USER DEFINED */
.footer 
{
  	padding-bottom:     	1pt;
}

.footer .userdef1 
{
	font:			Arial;
	font-size: 		16pt;
	font-weight: 		bold;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"Tutor Group Comment";
}

.footer .userdef2 
{

	bottom:			35pt;
	font:			Arial;
	font-size: 		10pt;
	font-weight: 		normal;
	color: 			#000000;
	background-color:	#FFFFFF;
	border:			none;
	font-style:		italic;
	content:		"";
}