/* This the style sheet used for TimetableAssistanWeb version - similar but different from regular style */
/* This    Is Style of Sheets at NesterenkoSoftware.com  */
/* Changes Made:
Added 
table.QuakerAlt tr.D2 td {    For Total Line 

*/

/* ids must be unique where as class can be applied to many things. In CSS, ids look like #elementID and class elements look like .someClass 

In general, use id whenever you want to refer to a specific element and class when you have a number of things that are all alike. 
For instance, common id elements are things like header, footer, sidebar. Common class elements are things like highlight or external-link.

It's a good idea to read up on the cascade and understand the precedence assigned to various selectors: http://www.w3.org/TR/CSS2/cascade.html

The most basic precedence you should understand, however, is that id selectors take precedence over class selectors. If you had this:

<p id="intro" class="foo">Hello!</p>
and:

#intro { color: red }
.foo { color: blue }
The text would be red because the id selector takes precedence over the class selector.

Where to use an ID versus a class

The simple difference between the two is that while a class can be used repeatedly on a page, an ID must only be used once per page. 
Therefore, it is appropriate to use an ID on the div element that is marking up the main content on the page, as there will only be 
one main content section. In contrast, you must use a class to set up alternating row colors on a table, as they are by definition going to be used more than once.

IDs are an incredibly powerful tool. An element with an ID can be the target of a piece of JavaScript that manipulates the element or its contents in some way. 
The ID attribute can be used as the target of an internal link, replacing anchor tags with name attributes. Finally, if you make your IDs clear and logical, 
they can serve as a sort of “self documentation” within the document. For example, you do not necessarily need to add a comment before a 
block stating that a block of code will contain the main content if the opening tag of the block has an ID of, say, "main", "header", "footer", etc.

An id must be unique in the whole page.

A class may apply to many elements.

Sometimes, it's a good idea to use ids.

In a page, you usually have one footer, one header...

Then the footer may be into a div with an id

<div id="footer" class="...">
and still have a class

*/



body {
    margin: 0;
	/* font-family: "Verdana", Georgia, Serif;  */
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 90%;  */
	/* font-size: .95em;  */
	/* font-size: 1.0em; */
	font-size: 100%;
}

#container { /* #  -  id   */
   /* width: 1100px;  960px Nov 2024 changed from 1100 */ 
	 width: 1300px; /* 960px Nov 2024 changed from 1100 */ 
    margin: 0 auto;
}

#containerManage { /* #  -  id   */
   /* width: 1100px;  960px Nov 2024 changed from 1100 */ 
	 width: 1800px; /* 960px Nov 2024 changed from 1100 */ 
    margin: 0 auto;
}

#container1200 { /* #  -  id   */
    width: 1200px; /* 960px */
    margin: 0 auto;
}

#containerLarge { /* #  -  id   */
    width: 1300px; /* 960px */
    margin: 0 auto;
}

#containerDiagnostics { /* #  -  id   */
    width: 1300px; /* 90%; */ /* 960px */
    margin: 0 auto;
}

#containerDashBoard { /* #  -  id   */
    width: 1400px; /* 960px */
    margin: 0 auto;
}

a:visited {color:maroon;}

p {
	/* font-size: .875em;  */
	margin-top:4px;
	margin-bottom:4px;
}

	p.largemaroon	{
		font-size:1.3em;
		color:maroon;
		margin-top:-5px;
		margin-bottom:-5px;
	}
	
	p.midmaroon	{
		font-size:1.15em;
		color:maroon;
		margin-top:-5px;
		margin-bottom:-5px;
	}	
	
	p.center {
		text-align:center;
	}
	
	p.midblack {
		font-size:1.1em;
		color:black;
	}	

/* eg.  <p class="largemaroon">  */		

#paralarge {
	/* font-size:1.8em; */
	color:maroon;
}
#paramid {
	/* font-size:1.5em; */
	color:maroon;
}

#paracenter	{
	text-align:center;
} 

#navleft{
	width:500px;
	float:left;
}

#navright{
	width:450px;
	float:left;
}

/*  a:visited {color:maroon;}  */

.navbar {
    overflow: hidden;  
	/* overflow: auto; */
    background-color: #f2f2f2;  /* navbar is not used in TimetableAssistant.php - see topnav instead Gray95 */
	/* background-color: BurlyWood; */
    /*  font-family: Arial;  */
}

.navbar a {
    float: left;
    /* font-size: 1em; */
    color: black;
    text-align: center;
    padding: 1px 5px 1px 5px; /* top right bottom left      */
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    cursor: pointer;
    /* font-size: 16px;    */
	font-size: 1em;
    border: none;
    outline: none;
    color: black;
    padding: 1px 15px 1px 15px;
    background-color: inherit;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: #ddd;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;  /* f9f9f9  light gray */
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 6px 16px; /* top right bottom left      */
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;  /* ddd   light gray */
}

.show {
    display: block;
}

/* 2019 Apr 15 Try to put Outline around some areas eg. Upload, Import screens */
/*  <p class=wrapper>This element has a 2px black border and a green outline with a width of 10px.</p>  */
p.wrapper {
	border: 2px solid black;
	/* outline: #4CAF50 solid 10px; */
	/* margin: auto;  */
	padding: 20px;
	/* text-align: center; */
}

p.wrapperRed {
	border: 5px solid red;
	/* outline: #4CAF50 solid 10px; */
	/* margin: auto;  */
	 padding-left: 10px; 
	/* text-align: center; */
}

/* Begin 2017 Oct 26 */
/* Style the top navigation bar */
.topnav {
    overflow: auto;
	/* background-color: #f2f2f2;  f2f2f2 Gray95  topnav is used in TimetableAssistant.php  but navbar is not used Jan 2025 */
	background-color: BurlyWood;
}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 3px 10px 3px 10px;  /* top right bottom left      */
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}
/* End 2017 Oct 26 */

ul {
    list-style-type:none;
	margin:0;
	padding:0;
}
li  {
	display:inline;
   }
h1 {
    color:maroon;
	/* font-size:1.8em; */
}
h2 {
    color:maroon;
	/* font-size:1.6em; */
}
h3 {
    color:maroon;
	/* font-size:1.4em; */
}
h4 {
    color:maroon;
	/* font-size:1.2em; */
}

@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always;} 
	.secondnav { display: none; }
	.topnav	{ display: none; }
	.displayhr	{ display: none; }
	.zoom	{ display: none; }  
	#logout	{ display: none; }
}

hr {
	color:maroon;
	border-style: solid;
}

table.borderless { 
	border-width: 0px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
	table.borderless th {
		border-width: 0px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		background-color: white;
	}
	table.borderless td {
		border-width: 0px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		background-color: white;
	}

/* QuakerAlt Table used to Display contents of tables DisplayMasterBlockNoTermTableFunction etc. with Alternating Color Rows  */
table.ConflictMatrix { /* .  -  class   */
 	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	font-size: 1.1em;
	font-family:Courier;
}
	table.ConflictMatrix th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.ConflictMatrix td { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
		table.ConflictMatrix tr.D0 td { /* .  -  class   */
			background-color: #FFFFFF;
		}
		table.ConflictMatrix tr.D1 td { /* .  -  class   */
			/* background-color: #E6E4B8; */
			background-color: #FCFCFC;
			/* background-color: #FFFFE0;*/
		}

		table.ConflictMatrix tr.D2 td { /*   For Total Line */ 
			background-color:Gainsboro;
			height: 8px;
		}

/* DailyOnCalls Table used for teacher Linear and Room Linear  Alternating Row Colours count 12 */
table.DailyOnCalls { /* .  -  class   */
 	border-width: 1px;
	border-spacing: 1px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	font-size:1.0em;  /* was .85em */
	/* font-family: "Times New Roman", Georgia, Serif;  */
}
	table.DailyOnCalls  th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.DailyOnCalls  td { /* .  -  class     1 em is normal size   400 is normal weight*/
		font-size: 1.0em; 	
		font-weight: normal;
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		height: 16px;
		-moz-border-radius: ;
	}
	
		table.DailyOnCalls  tr { /* .  -  class   */
			border-width: 1px;
			padding: 1px;
			border-style: inset;
			/* border-width: 0px; */
		}
		table.DailyOnCalls  tr.D0 td { /* .  -  class   */
			background-color: #FFFFFF; /* White */
			border-bottom-style: none;
			border-top-style: none;
			/* border-width: 0px; */
		}
		table.DailyOnCalls  tr.D1 td { /* .  -  class   */
			background-color: Linen; /* #F1F1F1; */ /* #FCFCFC; */ /* Light Yellow */			
			border-bottom-style: none;
			border-top-style: none;
		}
	
	

	
/* Manage Table used for Import Issues report with Alternating Color Rows  */
table.Manage { /* .  -  class   */
 	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	font-size:95%;
}
	table.Manage th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.Manage td { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
		table.Manage tr.D0 td { /* .  -  class   */
			background-color: #FFFFFF;
		}
		table.Manage tr.D1 td { /* .  -  class   */
			/* background-color: #E6E4B8; */
			background-color: #F8F8F8; /*#FAF8CC; */
			/* background-color: #FFFFE0;*/
		}

		table.Manage tr.D2 td { /*   For Total Line */ 
			background-color: #DCDCDC; /* Gainsboro; */
			height: 8px;
		}
		
/* MastSched Table used for Most Master Schedule Reports  */
table.MastSched { /* .  -  class   */
	width:100%; /* 2023 Sept 10 was width:100%;   Jan 2024 commented this - not sure what negative effect, if any??*/
 	border-width: 1px;
	border-spacing: 1px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	font-size:.90em;  /* was .8em  2017 Oct 28  was 80% */
	/* font-family: "Times New Roman", Georgia, Serif;  */
}
	table.MastSched  th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.MastSched  td { /* .  -  class     1 em is normal size   400 is normal weight*/
		font-size: .93em; 	/* .9em */  /* was 90 */
		font-weight: 600; /* was 600 */
		border-width: 0px;
		padding: 0px;
		border-style: inset;
		border-color: gray;
		height: 17px;
		-moz-border-radius: ;
	}
		table.MastSched  tr.H1 td { /* Sept 2021 Test Heading   */
			font-size: 1.2em; /* was 1.4em 2025Nov17 */
			font-weight: 400; /* was 600 */
			/*background-color: #FFFFFF; */ /* White */
		}
		table.MastSched  tr.D0 td { /* .  -  class   */
			/*background-color: #FFFFFF; */ /* White */
		}
		table.MastSched  tr.D1 td { /* .  -  class   */
			 background-color: WhiteSmoke; /* May 2020 was Linen Tried Mintcream*/  /*#FCFCFC; */ /* #FAF8CC; */ /* Light Yellow */
		
		/* background-color: #E6E4B8; */
		/* background-color: #F8F8F8; 2017 Oct 28 */ /* #FAF8CC; */ /* Light Yellow */  
		/* background-color: #FFFFE0;*/
		}

		table.MastSched  tr.D2 td { /*   For Total Line */ 
			background-color: #DCDCDC;  /* light Gray */
			height: 12px;
			text-align: left;
			border-style: double;
			border-width: 1px;
		}	
		table.MastSched  tr.D3 td { /*   For Footnote */ 
			font-size: 1.05em; /* was .90 */
			font-weight: 400;
			background-color: white;
			/* background-color:Gainsboro; */
			/* height: 8px; */
		}

/* MastSchedAlt Table used for Columnar Listing   Alternating Color Rows  */
table.MastSchedAlt { /* .  -  class   */
 	border-width: 1px;
	border-spacing: 1px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	/* font-size:.90em;  wast .8em  2017 Oct 28  was 80% */
	/* font-family: "Times New Roman", Georgia, Serif;  */

}
	table.MastSchedAlt  th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.MastSchedAlt td { /* .  -  class     1 em is normal size   400 is normal weight*/
		font-size: 1.05em; 	/* .9em */  /* Apr 2019 was .93em */
		font-weight: 600; /* was 600 */
		border-width: 0px;
		padding: 0px;
		border-style: inset;
		border-color: gray;
		height: 17px;
		-moz-border-radius: ;
		font-size:.90em; 
	}
	
		table.MastSchedAlt  tr.D0 td { /* .  -  class   */
			background-color: #FFFFFF; 
		}
		table.MastSchedAlt tr.D1 td { /* .  -  class   */
			background-color: #FCFCFC;
		
		/* background-color: #E6E4B8; */
		/* background-color: #F8F8F8; 2017 Oct 28 */ /* #FAF8CC; */ /* Light Yellow */  
		/* background-color: #FFFFE0;*/
		}

		table.MastSchedAlt  tr.D2 td { /*   For Total Line */ 
			background-color: #DCDCDC;  /* light Gray */
			height: 12px;
			text-align: left;
			border-style: double;
			border-width: 1px;
		}	
		table.MastSchedAlt  tr.D3 td { /*   For Footnote */ 
			font-size: 1.05em; /* was .90 */
			font-weight: 400;
			background-color: white;
			/* background-color:Gainsboro; */
			/* height: 8px; */
		}
		
		
		
		
/* MastSchedPct Table used for the Mast Sched Rpt showing Pct */
table.MastSchedPct { /* .  -  class  Used For Master Schedule Percent Report */
 	border-width: 1px;
	border-spacing: 1px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	font-size:.90em;  /* wast .8em  2017 Oct 28  was 80% */
	/* font-family: "Times New Roman", Georgia, Serif;  */

}
	table.MastSchedPct  th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.MastSchedPct  td { /* .  -  class     1 em is normal size   400 is normal weight*/
		font-size: .90em; 	/* .9em */  /* was .80em */
		font-weight: 600; /* was 600 */
		border-width: 0px;
		padding: 0px;
		border-style: inset;
		border-color: gray;
		height: 17px;
		-moz-border-radius: ;
	}
		table.MastSchedPct  tr.H1 td { /* Sept 2021 Test Heading   */
			font-size: 1.2em; /* was 1.4em 2025Nov17 */
			font-weight: 400; /* was 600 */
			/*background-color: #FFFFFF; */ /* White */
		}
	
		table.MastSchedPct  tr.D0 td { /* .  -  class   */
			/*background-color: #FFFFFF; */ /* White */
		}
		table.MastSchedPct  tr.D1 td { /* .  -  class   */
			 background-color: Linen; /*#FCFCFC; */ /* #FAF8CC; */ /* Light Yellow */
		
		/* background-color: #E6E4B8; */
		/* background-color: #F8F8F8; 2017 Oct 28 */ /* #FAF8CC; */ /* Light Yellow */  
		/* background-color: #FFFFE0;*/
		}

		table.MastSchedPct  tr.D2 td { /*   For Total Line */ 
			background-color: #DCDCDC;  /* light Gray */
			height: 12px;
			text-align: left;
			border-style: double;
			border-width: 1px;
		}	
		table.MastSchedPct  tr.D3 td { /*   For Footnote */ 
			font-size: 1.05em; 
			font-weight: 400;
			background-color: white;
			/* background-color:Gainsboro; */
			/* height: 8px; */
		}
		
		
/* MastSchedSem Table used for Most Master Schedule Reports  */
table.MastSchedSem { /* .  -  class   */
	/* width:100%;  2023 Sept 10 was width:100%;   Jan 2024 commented this - not sure what negative effect, if any??*/
 	border-width: 1px;
	border-spacing: 1px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	font-size:.90em;  /* was .8em  2017 Oct 28  was 80% */
	/* font-family: "Times New Roman", Georgia, Serif;  */
}
	table.MastSchedSem  th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.MastSchedSem  td { /* .  -  class     1 em is normal size   400 is normal weight*/
		font-size: .93em; 	/* .9em */  /* was 90 */
		font-weight: 600; /* was 600 */
		border-width: 0px;
		padding: 0px;
		border-style: inset;
		border-color: gray;
		height: 17px;
		-moz-border-radius: ;
	}
		table.MastSchedSem  tr.H1 td { /* Sept 2021 Test Heading   */
			font-size: 1.4em;
			font-weight: 400; /* was 600 */
			/*background-color: #FFFFFF; */ /* White */
		}
		table.MastSchedSem  tr.D0 td { /* .  -  class   */
			/*background-color: #FFFFFF; */ /* White */
		}
		table.MastSchedSem  tr.D1 td { /* .  -  class   */
			 background-color: WhiteSmoke; /* May 2020 was Linen Tried Mintcream*/  /*#FCFCFC; */ /* #FAF8CC; */ /* Light Yellow */
		
		/* background-color: #E6E4B8; */
		/* background-color: #F8F8F8; 2017 Oct 28 */ /* #FAF8CC; */ /* Light Yellow */  
		/* background-color: #FFFFE0;*/
		}

		table.MastSchedSem  tr.D2 td { /*   For Total Line */ 
			background-color: #DCDCDC;  /* light Gray */
			height: 12px;
			text-align: left;
			border-style: double;
			border-width: 1px;
		}	
		table.MastSchedSem  tr.D3 td { /*   For Footnote */ 
			font-size: 1.05em; /* was .90 */
			font-weight: 400;
			background-color: white;
			/* background-color:Gainsboro; */
			/* height: 8px; */
		}

/* Menu Table used for menus Alternating Row Color */		
table.Menu { /* .  -  class   */
	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	/*background-color: white; */
}
	table.Menu tr:nth-child(even) {
		background: #F8F8F8; /*#FAF8CC;*/  /* Light Yellow */	 /*Gainsboro;*/
	} 
	table.Menu tr:nth-child(odd) {
		background: #FFF;
	}
	table.Menu td {
		border-width: 1px;
		border-spacing: 2px;
		border-style: inset;
		border-color: gray;
		border-collapse: collapse;
	}

/* Quaker */
table.Quaker { /* .  -  class   */
	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	/*background-color: white; */
}
	table.Quaker th {
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		/*background-color: white; */
		-moz-border-radius: ;
	}
	table.Quaker td {
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		/*background-color: white; */
		-moz-border-radius: ;
	}	
		table.Quaker tr.D0 td {
			background-color: #FFFFFF;
		}
		table.Quaker tr.D1 td {
			/* background-color: #E6E4B8; */
			background-color: #F2F2F2; /* #FAF8CC */
			/* background-color: #FFFFE0;*/
		}	
		table.Quaker  tr.D3 td { /*   For Break in DisplayLoginTable */ 
			height:3px;
			font-size: .1em; 
			font-weight: 100;
			background-color: gray;
		}
		table.Quaker  tr.D4 td { /*   For Break in DisplayLoginTable */ 
			height:15px;
			font-size: .1em; 
			font-weight: 100;
			background-color: green;
		}
	


/* QuakerAlt Table used to Display contents of tables DisplayMasterBlockNoTermTableFunction etc. with Alternating Color Rows  */
table.QuakerAlt { /* .  -  class   */
 	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	/* font-size:80%; */
}
	table.QuakerAlt th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.QuakerAlt td { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
		font-size:80%;
	}
		table.QuakerAlt tr.D0 td { /* .  -  class   */
			background-color: #FFFFFF;
			font-size:80%;
		}
		table.QuakerAlt tr.D1 td { /* .  -  class   */
			 background-color: #F2F2F2; /* Linen #FCFCFC; */ /* #FAF8CC; */ /* Light Yellow */
			 font-size:80%;	
		}

		table.QuakerAlt tr.D2 td { /*   For Total Line */ 
			background-color:Gainsboro;
			height: 8px;
		}
		
		table.QuakerAlt tr.DX td { /*  For Header Row 2025Nov17 */ 
			font-size:100%;
		}

/* Regular Table used to Edit Tables and Display Tables  Alternating Row Color */	
table.Regular { /* .  -  class   */
	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	/*background-color: white; */
}
	table.Regular th {
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		/*background-color: white; */
		-moz-border-radius: ;
	}
	table.Regular td {
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		/*background-color: white; */
		-moz-border-radius: ;
	}	
		table.Regular tr.D0 td {
			background-color: #FFFFFF;
		}
		table.Regular tr.D1 td {
			/* background-color: #E6E4B8; */
			/* background-color: #F8F8F8; */ /* #FAF8CC; */ /* Light Yellow */
			/* 2017 Dec background-color: #FCFCFC; */ /* #FAF8CC; */ /* Light Yellow */	
			background-color: #FCFCFC; /* grayish */	
			/* background-color: #FFFFE0;*/
		}	
		table.Regular  tr.D3 td { /*   For Date Break in DisplayLoginTable */ 
			height:15px;
			font-size: .8em; 
			font-weight: 100;
			background-color: #C8C8C8;  /*  gray; */
		}
		table.Regular  tr.D4 td { /*   For User Break in DisplayLoginTable */ 
			height:3px;
			font-size: .8em; 
			font-weight: 100;
			background-color: #D8D8D8; /* green; */
		}

/* Smaller Table used for Import Issues report with Alternating Color Rows  */
table.Smaller { /* .  -  class   */
 	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	
}
	table.Smaller th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
		font-size:80%;
	}
	table.Smaller td { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
		font-size:80%;
	}
		table.Smaller tr.D0 td { /* .  -  class   */
			background-color: #FFFFFF;
		}
		table.Smaller tr.D1 td { /* .  -  class   */
			background-color: #F8F8F8; /*#FAF8CC; */
		}

		table.Smaller tr.D2 td { /*   For Total Line */ 
			background-color: #DCDCDC; /* Gainsboro; */
			height: 8px;
		}
		
		
/* TeacherRoom Table used for teacher Linear and Room Linear  Alternating Row Colours */
table.TeacherRoom { /* .  -  class   */
 	border-width: 1px;
	border-spacing: 1px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	font-size:.85em;  /* was 80% */
	/* font-family: "Times New Roman", Georgia, Serif;  */
}
	table.TeacherRoom  th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.TeacherRoom  td { /* .  -  class     1 em is normal size   400 is normal weight*/
		font-size: .95em; 	
		font-weight: 600;
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		height: 16px;
		-moz-border-radius: ;
	}
	
		table.TeacherRoom  tr.H1 td { /* Sept 2021 Test Heading   */
			
			font-size: 1.2em; /* was 1.4em 2025Nov17 */
			font-weight: 400; /* was 600 */
			/*background-color: #FFFFFF; */ /* White */
		}
	
		table.TeacherRoom  tr.D0 td { /* .  -  class   */
			background-color: #FFFFFF; /* White */
			border-bottom-style: none;
			border-top-style: none;
			/* border-width: 0px; */

		}
		table.TeacherRoom  tr.D1 td { /* .  -  class   */
			/* background-color: #E6E4B8; */
			/* border-width: 0px; */
			/* background-color: #F8F8F8; */ /*#FAF8CC; */ /* Light Yellow */			
			background-color: #F2F2F2; /* Linen #F1F1F1; */ /* #FCFCFC; */ /* Light Yellow */			
			border-bottom-style: none;
			border-top-style: none;

			/* background-color: #FFFFE0;*/
		}
		table.TeacherRoom  tr.C0 td { /* .  -  class     For Concise report show border*/
			background-color: #FFFFFF; /* White */
			
			/* border-width: 0px; */
		}
		table.TeacherRoom  tr.C1 td { /* .  -  class  Concise show border */
			/* background-color: #E6E4B8; */
			/* border-width: 0px; */
			/*background-color: #F8F8F8; */ /* #FAF8CC;*/ /* Light Yellow */	
			background-color: #F2F2F2; /* #FCFCFC; */ /* #FAF8CC; */ /* Light Yellow */			
			/* background-color: #FFFFE0;*/
		
		}
		table.TeacherRoom  tr.D2 td { /*   For Total Line */ 
			background-color: #F2F2F2; /* light Gray */
			height: 14px;
			text-align:right;
			border-style:double;
		}	
		table.TeacherRoom  tr.D3 td { /*   For Footnote */ 
			font-size: 1.05em; 
			font-weight: 400;
			background-color: white;
			/*background-color:Gainsboro; */
			/*height: 8px;*/
		}
		table.TeacherRoom  tr.D6 td { /*   For Total Line For Special Teacher Linear by Department 222*/  
			background-color: #FFFFFF; /* light Gray */
			height: 2pt;
			font-size: .5em;
			text-align:right;
			border-style:double;
			border-bottom: 2pt solid black;
			background-color: #F2F2F2;
		}	
		
/* WideReport Table used for Import Issues report with Alternating Color Rows  */

table.WideReport { /* .  -  class   */
 	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	font-size:70%;
}
	table.WideReport th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.WideReport td { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
		table.WideReport tr.D0 td { /* .  -  class   */
			background-color: #FFFFFF;
		}
		table.WideReport tr.D1 td { /* .  -  class   */
			/* background-color: #E6E4B8; */
			background-color: #F8F8F8; /*#FAF8CC; */
			/* background-color: #FFFFE0;*/
		}

		table.WideReport tr.D2 td { /*   For Total Line */ 
			background-color: #DCDCDC; /* Gainsboro; */
			height: 8px;
		}		
 
 
 
 
 
 
 
 /* DiagnosticsReport Table used for Import Issues report with Alternating Color Rows  */
/* Not Used */
table.DiagnosticsReport { /* .  -  class   */
 	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	font-size:70%;
}
	table.DiagnosticsReport th { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
	table.DiagnosticsReport td { /* .  -  class   */
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		-moz-border-radius: ;
	}
		table.DiagnosticsReport tr.D0 td { /* .  -  class   */
			background-color: #FFFFFF;
		}
		table.DiagnosticsReport tr.D1 td { /* .  -  class   */
			/* background-color: #E6E4B8; */
			background-color: #F8F8F8; /*#FAF8CC; */
			/* background-color: #FFFFE0;*/
		}

		table.DiagnosticsReport tr.D2 td { /*   For Total Line */ 
			background-color: #DCDCDC; /* Gainsboro; */
			height: 8px;
		}		

/* Edit  Table not used  */		
/* Not Used */
table.Edit { /* .  -  class   */
	width: 90%;
	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	/*background-color: white; */
}
	table.Edit th {
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		/*background-color: white; */
		-moz-border-radius: ;
	}
	table.Edit td {
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: gray;
		/*background-color: white; */
		-moz-border-radius: ;
	}



/* Table with Border: */	
/* Not Used */
table.Main { 
	border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
	
	table.Main th {
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: black;
		background-color: white;
	}
	table.Main td {
		border-width: 1px;
		padding: 1px;
		border-style: inset;
		border-color: black;
		background-color: white;
	}	
	
	
	
	
.center { /* .  -  class   */
	text-align:center;
}
.MainDiv { /* .  -  class   */
	margin : 0px 1px 0px 1px;
}

.recordadd { /* .  -  class   */
    font-size: 20px; 
    color: green;
}

a:link {color:black;}
a:visited {color:black;}
a:hover {color:black;}
a:active {color:blue;}



/* The input valuse are for the <input items - Choose File and Upload File buttons - Apr 26 2019 also added style=width: 600px  */	
input {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  /* font-family: Arial; */
  /* color: #454545;  */
  color: black;
  font-size: 14px;  
  background: Gainsboro;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}

input:hover {
  /* background: #a3a3a3; */
  background: Wheat;
  text-decoration: none;
}

#login {
	width: 450px;
	height: 180px;
	/* float:left; 2017 Nov 4 removed  because couldn't display anything following Login Form  */ 
	border-radius:10px;
	border:2px solid #ccc;
	padding:10px 40px 55px;  /* top right bottom left      */
	margin-top:40px 
}
#logout {
	float:right;
	padding:2px;
	border-radius: 3px;
	border:dashed 1px gray
}