/*
=====================================================
=	P R I N T --- V E R S I O N
=
=	1) BASE SETTINGS
=====================================================
*/

html, body 
{
    font-family: arial,verdana,helvetica,sans-serif;    
    color: #333;
    font-size: small;
}

/* Default - switch everything off */

* {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* Anchors  */
a
{
    color: #666; 
    
}

a:hover
{
    color: #090909;
}

.clear /* for forcing nested divs to display in FF */
{
    clear: both;
}

/*
=====================================================
=	2) PAGE TEMPLATE - EVERY PAGE GETS THESE BITS
=====================================================
*/

/* ************************************************** */
/* ***** CENTERING MAIN OUTER CONTAINER         ***** */
/* ************************************************** */

div#outercontainer 
{
	width: 800px;
	height: 100%;
	margin: 0 auto;
	/* border: 1px solid yellow; */	
}

/* **************************************** */
/* ***** HEADER / BANNER BLOCK / MENU ***** */
/* **************************************** */

div#bannerbox
{
	display: none;			
}


#menubarbottombox
{
	display: none;
}

/* ******************** */
/* ***** FOOTER ******* */
/* ******************** */

#footerbarbottombox
{	
	display: none;	
}


div#footer-leftgraphic
{
	display: none;	 
}

/* ******************************************************* */
/* ***** WORKING AREA                                ***** */
/* *****   graphic used for single pixel grey border ***** */
/* *****   left and right                            ***** */
/* *****   Canvas with space around it               ***** */
/* *****   apart from bottom						 ***** */
/* ******************************************************* */

div#workingareawrapper-leftborder
{	
			 
}

div#workingareawrapper-rightborder
{	
		 
}

div#workingarea-canvas /* excludes 1 px border left & right */
{	
	margin: 0 1px 0 1px;	
    background-color: #EFECF4; 
    /* background-color: yellow; */    
    /* border: 2px dotted black; */  
}

div#workingarea-canvas2 /* HEAD TEACHER */
{	
	margin: 0 1px 0 1px;	
    background-color: #EEF1E8;    
}

div#workingarea-canvas3 /* ADMIN */
{	
	margin: 0 1px 0 1px;	
    background-color: #FBF3E7;   
}	

/*
=====================================================
=	3) PAGE (FORM) COMMON ELEMENTS
=====================================================
*/

.workrow
{	 
	clear: both;
	width: 96%;	 /* DON'T add to 100 use 99 - ie6 rounding bug */		
	float: left;
	display: inline;
	margin-left: 1.5%;
	margin-right: 1%;
	margin-top: .5em;	
	/* border: 1px solid orange; */  	
}

.workline
{	 
	clear: both;
	width: 100%;	  	
	float: left;
	display: inline;	
	margin-top: .5em;	
	/* border: 1px solid purple; */ 	
}

.rjbutton /* compromise between ie & firefox here */
{
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	width:auto;
	overflow:visible;

}

.workcol,
.workcol-right
{
	display: inline;
	padding-bottom: 0px;
	/* overflow: hidden; */
	/* border: 1px solid green; */      
}

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

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

.tabstrip-css
{	
	clear: both;
	float: right;
	width: auto;
	display: inline;
	overflow: hidden;	
	/* border: 5px dotted yellow; */  
}

 .workcol select,
 .workcol-right select /* want select box to fill div */
{	
	width: 100%; 
	display: inline;
	padding: 0;
	margin: 0;
	/* border: 1px solid blue; */
}

 .workcol input,
 .workcol-right input 
{
	margin: 0px;
}


.workrow h2,
.workcol h2,
.workcol-right h2
{
	color: #00678F;
	font-size: small;
	font-weight: normal;
	padding: 0px 0px .1em 0px;
}

/* Heading styles */

h2.sectionheading
{
    font-weight: normal;
    font-size: large;
}

.myhr
{
	width: 100%;
	min-width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border-bottom: 1px solid gray;
}

.formlabel
{
	font-size: small;
	color: #00678F;
	float: left;
}

.formtable td
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;
}

.pageinfo
{
	color: gray;
	font-size: small;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

.noprint
{
	display: none;
}

.btnBack
{
	display: none;	 
}

/*
=====================================================
=	4) REPORT TABLES - CUSTOM DATAGRID
=====================================================
*/

.div-scrolly 
{
	/* SHOW ALL FOR PRINT */
	/* width: 100%;	
	overflow: visible !important; 
	overflow-y: visible !important; 
	overflow-x: hidden !important; */
	height: auto; 
	width: auto; 
	/* border: 1px solid red; */ 	
}

.ReportTableCont
{    
	width: 100%;	
	/* overflow: auto; */
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: small;
	color: #666;
	float: left;
	border: 1px solid green; 
}

.ReportTableContTabbed
{
	width: 100%;
	height: auto;
	/* overflow: auto; */
	
	margin-top: -1px;
	
	padding: 0px;
	font-size: small;
	color: #666;
	float: left;
	/* border: 1px solid green; */
}

.RepTabStripCont
{    
	margin-top: 0px;
	width: 100%;
	/* border: 2px solid green; */ 
}


.ReportTable 
{
    /* IE 6 BUG -- TABLE SCROLLBAR IS EXTRA TO 100% WIDTH
	/* SO WILL HIDE A BIT OF THE LAST COLUMN IF WIDE
	/* CAN FIX BY ALLOWING SOME WHITESPACE TO RIGHT BUT LOOKS NAFF
	/* HAVEN'T GOT THE TIME TO LOOK FOR BETTER SOLUTION YET
	/* 
    /* border: 1px solid #ccc; */ 
    /* width: 98%; /*
    /* margin-right: 17px; */
    width: 100%;   
}

.ReportTableFull
{
    /* border: 1px solid #ccc; */  
    width: 100%; 
}

.ReportTable th,
.ReportTable td,
.ReportTableFull th,
.ReportTableFull td
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;
}

/*  - Styles for columns in datagrid table -  */

.RightJust
{
    text-align: right;    
}

.RightJustTest1,
.RightJustTest1 a
{
    text-align: right;
    color:Gray;    
}

.LeftJust
{
    text-align: left;    
}

.CenterJust
{
    text-align: center;    
}

.UpHighlight
{
    /* color: Green; /* Was Green now needs bold */
    font-weight: bold;    
}

.DownHighlight
{
    /* color: Red; /* Was Red now needs bold */
    font-weight: bold;    
}


/*
=====================================================
=	5) PAGE - LOGIN
=====================================================
*/

#loginlinks
{
	font-size: x-small;
	list-style: none;
}

#loginlinks li
{
	margin: 0px;
	padding-bottom: 0.3em;
}

.inputline
{
	padding: 2px 0px 2px 0px;		
	float: left;
}

.inputline label
{
	font-size: x-small;
	color: #333;
	float: left;
}

.inputline input
{
	float: right;
	width: 180px;
}

#login-pic 
{
	width: 100%;
	/* margin: -1% -1% 0% -1%; /* negate usual working area pad */
	/* min-height: 300px;
	height: auto !important;*/ 
	height: 300px; 
	float: right;
	background: url(../images/login-pic.png) right top no-repeat;
	background-color: #E9E4D8;    
}

/*
=====================================================
=	6) SCHOOL SETTINGS
=====================================================
*/

#satabsboxcontent /* Fixed size box to match tab controls */
{
	padding: 20px;
	font-size: small;
	color: #666;
	float: left;
	width: 262px;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	margin-top: -1px;
	z-index: 0;
}

.admintab
{
	background-color: yellow; /* as per admin color */
	font-size: small;
	color: #b2b2b2; 
}

.admintabsel
{
	background-color: yellow; /* as per admin color */
	font-size: small;
	color: #00678F; 
}

/*
=====================================================
=	7) POP-UP FLOATING DIVS
=====================================================
*/

.Qbox {
  background-color: white;
  border: 1px solid #000000;
  color: #000000;
  padding-right: 0px;
  position: absolute;
  width: 600px;
  /* border: 1px solid green; */ 
}

.Hbox {
  background-color: white;
  border: 1px solid #000000;
  color: #000000;
  padding-right: 0px;
  position: absolute;
  width: 600px;
  /* border: 1px solid green; */ 
}

.Qbar {
  display: inline; 
  float: left;
  background-color: #CCCCCC;
  color: #666666;
  font-weight: bold;
  padding: 2px 1em 2px 1em;  
}

.Qcontent {
  display: inline; 
  float: left;
  height: auto;
  width: auto;
  overflow: -moz-scrollbars-vertical;
  /* overflow-y: scroll; */
  /* border: 1px solid blue;  */
}


.Hcontent {
  display: inline; 
  float: left;
  height: 400px;
  width: 574px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; 
  padding: 2px 1em 2px 1em; 
  /* border: 1px solid blue;  */
}

.Qcontent2 {
  /* float: left;
  display: inline; */
  height: auto;
  width: auto;
  overflow: -moz-scrollbars-vertical;
  padding: 2px 1em 2px 1em;
  /* overflow-y: scroll; */
  /* border: 1px solid red; */ 
}

.QTable
{
    border: 1px solid #ccc; 
    width: auto;
}

.QTable th,
.QTable td
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;
}

.QTable th
{
    font-weight: bold;
}

/*
=====================================================
=	8) TEST REPORT
=====================================================
*/

ProfileTable
{
    /* border: 1px solid red; */
}

.ProfileTable th
{
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;  
}

.ProfileTable td
{
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;   
}

.ProfileTable ul
 {
    padding-bottom: 0px;
}
    
.ProfileTable li
 {
    margin-left: 20px;
    margin-bottom: 0px;
    margin-top: 2px;
 }

.LevProbTable
{
    /* border: 1px solid #ccc; */ 

}

.LevProbTable th
{
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;  
}

.LevProbTable td
{
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 1px;   
}

/*
=====================================================
=	9) TASK2 - PIE PANEL STUDENT LIST
=====================================================
*/

.piepanelleft
{
	width: auto;
	height: auto;
	float: left;	
	margin-right: 0px;
	display: inline; 
	/* border: 1px solid red; */ 
}

.piepanelright
{
	width: auto;
	height: auto;
	float: left;	
	margin-right: 0px;
	display: inline;
	/* border: 1px solid green; */ 
}

.piepane
{
	width: auto;
	height: auto;
	/* float: left; */  	
	padding-left: 10px;
	padding-bottom: 10px;
	/* display: inline; */ 
	/* border: 1px solid yellow; */
}

/*
=====================================================
=	10) TASK4 - UNIT HISTORY HIGHLIGHTING
=====================================================
*/

.unitnotvisited
{
    font-size: .85em;
    padding: 2px 2px 2px 2px;
}
.unitcomplete
{
    font-size: .85em;
    padding: 2px 2px 2px 2px;
    background-color: #99FF99;
}
.unitincomplete
{
    font-size: .85em;
    padding: 2px 2px 2px 2px;
    background-color: #FFCC99;
}
/*
=====================================================
=	11) TASK 5 - FIXED LAYOUT TABLE TO LINE-UP HEADER
=====================================================
*/
.T5Name
{
    /* border: 1px solid blue; */ 
    width: 19%;
}
.T5Number
{
    /* border: 1px solid red; */
    text-align: right;  
    width: 9%;
}

#T5Header
{
	width: 100%;
	/* margin-right: 17px; */
	
}

#T5Header th,
#T5Header td
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;
    /* background-color: #AFBFC9; */
    background-color: #A3BFC9;    
    color: #716666;
    font-weight: bold;
    text-align: center;
}

/*
=====================================================
=	12) TASK 6 - SPECIFIC
=====================================================
*/

.T6Table
{
    /* border: 1px solid #ccc; */ 
    margin-top: 10px;
    width: 100%;
}

.T6Table td,
.T6Table th
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;
    text-align: right;
}

/*
=====================================================
=	13) UNIT EDIT STUFF
=====================================================
*/
.refedittable
{
    /*border: 1px solid red;*/  
    width: 98%;
}

.refedittable th,
.refedittable td
{
    font-size: .85em;
    padding: 2px 10px 2px 5px;
}

#refedittabsboxcontent
{
	padding: 2px;
	font-size: small;
	color: #666;
	float: left;
	width: 98%;
	height: 270px;
	overflow: auto; 
	overflow-y: auto; 
	overflow-x: hidden;	
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	margin-top: -1px;
	z-index: -1; 
}

.refrow
{	
	width: 98%;
	height: auto;
	float: left;
	display: inline;
	/* border: 1px solid blue; */  
}

.refitem
{	
	width: auto;	
	float: left;
	display: inline;
	margin-right: 5px;
	padding-bottom: 5px;
	/* border: 1px solid red; */  
}