/* Created: 13 Sept 2021 */
/* Last Update: 13 Sept 2021 */

* {box-sizing: border-box;} /* div width and height to be inclusive of padding, border and margin */

body {	
	margin: auto;
	background-color: floralwhite;
	font-family: calibri,sans-serif,arial,'Times New Roman';
	font-size: 0.92em;	
}

div.repFrame {
	width: 78%;
	margin: 0px auto;
}

div.wida {
	width: 88%;
	margin: 0px auto;
}

div.topa {
	width: 84%;
	height: 9%;
	margin: 10px auto 0px;
	color: #ffffff;
	background: DarkOliveGreen;
	text-align: left;
	border: 1px solid #808080;
	border-bottom: none;
	border-top-left-radius: 10px;
	padding: 5px 20px 6px 12px;	
	font-family: calibri;
	float: left;	
}

div.topa_r {
	width: 14%;
	height: 9%;
	margin: 10px auto 0px;
	border: #808080 1px solid; 	
	color: royalblue;	
	background-color: white; 	
	padding: 10px 20px 26px 12px;		
	border-top-right-radius: 10px;	
	font-family: calibri;
	font-size: 1.1em;
	float: left;
}

div.selecta {
	width: 98%;
	margin: 0px auto;
	padding: 20px;
	border: 1px solid #B0C4DE;
	background: white;	
	font-family: calibri;
	font-size: 0.95em;
	float: left;
}

div.repDtl {
	width: 98%;
	margin: 0px auto;
	padding: 5px;
	border: 1px solid #B0C4DE;
	background: white;	
	font-family: calibri;
	font-size: 0.95em;
	float: left;
}

div.repDtl > table {
	border: 1px solid #B0C4DE;
	border-collapse: collapse;
}

div.repDtl > table th {
	border: 1px solid #B0C4DE;
	padding-left: 2px;
	text-align: left;
	color: maroon;
	background: PaleGoldenRod;
}

div.repDtl > table td {	
	border: 1px solid #B0C4DE;
	padding-left: 2px;
}

div.repDtl > table tr.even {background: HoneyDew;}

div.repDtl > table tr:hover {background: BlanchedAlmond;}

div.footsy, div.foota {
	width: 98%;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid #B0C4DE;
	background: WhiteSmoke;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;	
	text-align: center;
	font-family: inherit;
	font-size: 0.98em;
	float: left;
}

div.botMenu1 {
	color: green;
	font-family: arial;
	font-size: 0.89em;	
	border: 1px solid WhiteSmoke;
	background-color: WhiteSmoke;
	padding: 0.35em;
}

td.namba, th.namba {
	text-align: right;
}

a:link {
 color: blue; 
 background-color: transparent; 
 text-decoration: underline;
}

a:visited {
 color: purple; 
 background-color: transparent; 
 text-decoration: underline;
}

a:hover {
 color: purple; 
 background-color: green; 
 text-decoration: underline;
}

a:active {
 color: red;  
 background-color: transparent; 
 text-decoration: underline; 
}

input, select, textarea {
  	font-family: inherit;
  	font-size: 100%;
	min-width: 20%;
}

input[type="submit"] {
	min-width: 14%;
  	color: green; 
	font-weight: bold;
}

input[id="smit"] {
  	color: white; 	
	background: green;	
	font-size: 116%;
	font-weight: bold;
	width: 278px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;	
	border-radius: 7px;
	box-shadow: 3px 3px rgba(50,120,0,0.5);
}

span.era { /* input error messages */
 	background: lavender;
 	color: maroon; 
 	font-size: 0.9em;
	font-style: italic;
 	padding: 5px; 
}

div.era { /* input error messages */
 	background: palegoldenrod;
 	color: maroon; 
 	font-size: 0.85em;	
}

div.success { 
	color: green;
	font-family: arial;
	font-size: 0.9em;
	border: 1px solid #54C571;
	background-color: #C3FDB8;
}

div.pglabel {
	color: green;
	font-family: arial;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 2em;
	border: 1px solid #54C571;
	background-color: #C3FDB8;
}

div.botlabel {
	color: green;
	font-family: arial;
	font-size: 0.9em;
	line-height: 1.45em;
	border: 1px solid #54C571;
	background-color: #C3FDB8;
}

div.pgheading {
	color: black;
	font-family: arial;
	font-size: 1.2em;	
}

span.datm {
	font-style: normal;	
	color: green;
}

ol.policy li {
	font-size: 0.85em;
}

span.msgfeedback {
	font-style: italic;
	font-size: 0.85em;
	color: green;
}

span.fla {
	color: green;
}

img.playa {
	border: 3px solid grey;
}

div.rephding {
	color: maroon;
	font-family: arial;
	font-size: 1.5em;
	font-weight: bold;	
}

div.botlabel2 {
	color: green;
	font-family: arial;
	font-size: 0.89em;
	line-height: 1.45em;
	border: 1px solid #54C571;
	background-color: peachpuff;
}

div.futa span { /* periodical rallying call */
	display: inline-block;
	color: green;
	font-style: italic;
	float: right;
}

/* highlight all inut boxes intended for capturing required values */ 	
:required {background-color: palegoldenrod;}

/* rule for narrow screens */
@media only screen and (max-width: 1366px) {
	div.repFrame {
 		width: 93%;
	}

	div.wida {
		width: 98%;
		margin: 0px auto;
	}
}

/* suppress some stuff when printing reports */
@media only print {
	.noshow {display:none;}

	div.repFrame {
		width: 99%;	
	}

	div.topa {
		width: 98%;	
		border-top-right-radius: 10px;	
		text-align: center;
		height: 6%;
		color: black;
		background-color: white;
	}

	div.repDtl {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;	
	}	
}