/*     used with dailysummary.html - edited with a little inspiration from embedded CSS in datasummmary.htm from DAJ */

/*HIERACHIAL  These relate to standard HTML tags and at each level styles from higher levels are inherited */

button { 
	background-color: /* lightgreen */ #90ee90;
	border-radius: 10px;
	box-shadow: /* lightcyan */ #e0ffff 2px 2px 20px 5px;
 }
h2 {	
	color: green;
	position: relative;
	left: 0em;
	margin-top: 5em;  
	clear: both;
	display: block;
}
h4, h5	{
	color: black;
	font-style: italic;
}
table {
	float: left;
}
/*end HIERACHIAL*/
/* ------------------------------------------------------------------------------------------------------------------- */
/*  ID Styles associated with a single specific element, unique to the page, precedence inbetween CLASSES and HIERARCHIAL   */
/* The identifiers below are associated with daily summary table html created using read DayfileS javascript */
	#frame h1 {
		display: block;
		margin-top: 0.4em;
		margin-bottom: 4em;
		clear: all;
	}
	#table_container {
		width: 100em;
		margin: 0 auto;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11pt;
		color: navy;
	}
	#table_container .zerovalue { color: /* fuchsia */ #ff00ff;}
	#table_container option {
		/* caption */
		border-color: blue;
		font-size: 200%;
	}
	#table_container table {
		border-width: 1px;
	}
	#table_container table td {
		width: 65em;
		text-align: center;
		padding-left: 0.5em;
	}

	#table_container table th {
		padding-left: 2em;
		text-align: center;
		font-size: 2em;
		background-color: /* pale green */ #98fb98;
		color: black;
	}
	#table_container .highlight { background-color: #F5E0CC; cursor: pointer;}
	#table_container .largefont { font-size: 140%;}
	#table_container .smallfont { font-size: 100%;}
	#table_menu {
		text-align: center;	
		display: inline;
		font-size: 120%;
	}
	#criterion button { 
		text-decoration: underline; 	
		margin-right: 1em;
		color: black;
		height: 2em;
		padding: 0em 1em 2em 1em;
		border: thick solid /* darkgreen */ #006400;
		background-color: lime;
		border-radius: 1em;
	}
	#choose button { 
		text-decoration: underline; 	
		margin-right: 1em;
		margin-top: 4em;
		color: black;
		height: 2em;
		padding: 0em 1em 2em 1em;
		border: thick solid /* navy */ #000080;
		background-color: aqua;
		border-radius: 1em;
	}
	#criterion button.active ,#choose button.active { 
		text-size: 85%; 
		color: black;
		border: thick solid yellow;
		background-color: teal;
		border-radius: 1em;
	}
	/* Always define in this order:  link, visited,  focus, hover, active */
	#criterion button:,#tchoose button:		hover { 
		color: #0000FF;
		border: 3px solid #666666;
		background-color: silver;
		text-decoration: underline overline;
	}
	#table_name {
		font-size: 160%;
		text-align: center;
		border: thick solid blue;
		background-color: /* pale green */ #98fb98;
		margin-top: 1em;
		padding: 0.5em;
	}
	#table_year { 
		width: 10em;
		margin-top: 3em;
		text-align: left;
		background-color: /* pale green */ #98fb98;
	}
/* end ID */
/* ------------------------------------------------------------------------------------------------------- */
/* CLASSES  These are local modifiers that take precedence over preset and inherited styles */

.datacell    {
	/* used by readDayfileS javascript */
	text-align: center;	
	background-color: /* light cyan */ #e0ffff;
}
.ns-text {	 display:inline; }/* Do not block noscript text. */
/* Text colouring classes */
.black	{color: black;}
.blue	{color: blue;}
.green	{color: /* green */ #336600 ;}
.navy	{color: navy;}
.red	{color: red;}
.sienna	{color: sienna;}
.yellow     {color: yellow;}

.b_green {
	/* background for green text */
	background-color: /* seashell */ #fff5ee;
}
.wide { 
	clear: left;
	width: 65em;
}
/* end CLASSES */