/* top level classes */

* {
	margin: 0px;
	padding: 0px;
}

body {
/*	background-image:url('pics/usps.png'); */
	font-family: Arial;
	border: 0px;
	margin: 0px;
}

.main {
	width: 762px;
	height: 101%; 
	padding: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin: auto;
	background-color: white;
	border: 2px 0px 2px 0px solid #76b4d2;
	box-shadow: 0px 0px 3px 3px #76b4d2;
	text-align: right; 
}

/* navagation bar */

ul {
	display: block; padding: 0px; margin: 0px; list-style: none; text-align: center;
}

li.navbarHeader {
	float: left;
	width: 152px;
	margin: 0px;
	height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px;
	list-style: none; 
	
	background: #FF6600 url('pics/menu_bar_152px_25px.JPG') no-repeat;
	color: white;
	font-weight: bold;
	z-index: 100;
}

li.navbarEntry {
	height: 1.9em;
	background-color: #D7E4BC;
	display: none;
	float: left;
	clear: both;
	border-right: 1px solid #D7E4BC;
	z-index: 100;
	text-align: left;
}

li.navbarSubEntry {
	height: 1.9em;
	background-color: #D7E4BC;
	float: left;
	clear: both;
	border-right: 1px solid #D7E4BC;
	z-index: 100;
	text-align: left;
}

.navbarButton {
	background: #D7E4BC ;
	border: none; 
	color: #75923A; 
	font-size: 12px;
	overflow: visible;
	width: 100%;
	font-weight: bold;
	text-align: left;
	padding-left: 1em; 
	height: 1.9em; 
}

a:visited {
	color: #0000EE;
}

a.navbarLink:link {
	padding-left: 1em; 
	text-decoration: none;
	font-weight: normal; 
	color: #75923A; 
}
a.navbarLink:visited {
	padding-left: 1em; 
	text-decoration: none;
	font-weight: normal; 
	color: #75923A; 
}
a.navbarLink:hover {
	padding-left: 1em; 
	color: white;
	font-weight: bold;
}


/* general use classes */

input[type=submit]:not(.hyperlink){
	background-color: #568eab;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-family: "Catamaran", sans-serif;
}
button[type=submit]:not(.hyperlink){
	background-color: #568eab;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-family: "Catamaran", sans-serif;
}
.abutton {
	background-color: #568eab;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-family: "Catamaran", sans-serif;
	text-decoration: none;
	font-weight: bold;
}
.submitStyle {
	background-color: #568eab;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-family: "Catamaran", sans-serif;
}

.button {
	background-color: #568eab;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-family: "Catamaran", sans-serif;
}


.hidden {
	display: none;
}

.leftalign {
	text-align: left; 
}

span.loggedin {
	color: #568eab; 
	font-size: .7em; 
	margin-right: 2%;
}

div.pageContent {
	font-size: 80%;
	margin: 2%;
}

input.invis {
	padding: 0;
	border: 0;
	margin: 0;
	visibility: hidden;
	}

/* for standard browsers */
html>body .tooltip { 
    width: 30%;
    padding-bottom: 0;
    }

html>body .tablediv { 
	width: 100%;
	}

.important {
	color: #808000;
	}

.error {
	font-weight: bold;
	color: #ec0030;
	}

.info {
	font-weight: bold;
	color: #568eab;
	}

.confirmation {
	font-weight: bold;
	color: #5d8931;
	}

.report {
	text-align: center; 
	position: absolute;
	width: 85%;
	left: 5%;
	background-color: white; 
	z-index: 0; 
}

.shadow {
	
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #AAA;
	top: 5px;
	left: 5px;
	z-index: 3;
}

.reportInner {
	border: solid 1px black; 
	position: relative; 
	z-index: 5;
	background-color: white; 
	padding: 2em; 
}

/* print specific options, hide all non-page content, add a print specific header */

.printHeader
{
	display: none;
}

thead { display: table-header-group; } 

@media print 
{
	.noprint {display: none; }
	body { background-image: none; box-shadow: none; }
	.main { border: none; }
	.navbar { display: none }
	.printHeader { display: block }
	.report { border: none; left: 0; }
	.reportInner { border: none; position: static; }
	.shadow { display: none; }
}

.hyperlink {
	display: inline;
	text-align: left;
	cursor: pointer;
	color: blue;
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: .3em; 
	margin-right: 0;
	margin-left: 0;
	margin-bottom: .2em;
	border-style: none;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	/* text decoration underline does not apply evenly across browsers, so we use underlines instead.
	   But IE does not draw the buttons the correct length unless width and overflow are set to auto and visable.*/
	border-bottom: 1px solid blue;
	width: auto; 
	overflow: visible; 
}

.subMenuEntry {
	/*display: block;*/
	text-align: center;
	text-decoration: underline;
	color: blue;
	background-color: transparent;
	border-style: none;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	}

input.subMenuEntry, button.subMenuEntry {
	/*width: 50%;*/
	cursor: pointer;
	border-style: none;
	padding: 0;
	margin: 0;
	}

a.subMenuEntry { 
	/*font-size: 75%;*/
	}

.subMenuHeader {
	font-weight: bold;
	display: block;
	/*width: 90%;*/
	/*font-size: 75%;*/
	}


li.subMenuHeader {
	border-style: solid;
	border-color: white;
	border-top-width: .6em;
	border-right-width: 0;
	border-bottom-width: .1em;
	border-left-width: 0;
	}

label.subMenuHeader {
	padding-top: .40em;
	padding-right: 0;
	padding-bottom: .40em;
	padding-left: 0;
	/*font-size: 75%;*/
	}

/*  */

form { display: inline; margin-bottom: 0; }
h1 { display: inline; margin-bottom: 0; }
h2 { display: inline; margin-bottom: 0; }
h3 { display: inline; margin-bottom: 0; }
h4 { display: inline; margin-bottom: 0; }
h5 { display: inline; margin-bottom: 0; }
h6 { display: inline; margin-bottom: 0; }

/*  */

em {
	font-family: arial;
	font-weight: bold;
	font-style: normal;
   }

input.number {
	/*type: text;*/
	width: 8em;
	text-align: right }

input.numberErr {
	/*type: text;*/
	width: 8em;
	background-color: #FF3C3C;
	text-align: right }

input.string {
	/*type: text;*/
	width: 8em;
	text-align: left }

input.stringErr {
	/*type: text;*/
	width: 8em;
	background-color: #FF3C3C;
	text-align: left }
	
input.stringException {
	/*type: text;*/
	width: 8em;
	background-color: #A6A6A6;
	text-align: left }

/* so inputs can be used in forms */
div.xhtml_dummy { display: inline; }

div.general .hyperlink {
	text-align: right;
	}

/*
   h2 is normally 150%, but all H2's should be inside 
   the div.general (dropping size by 20%). 
*/
.general h1 { font-size: 187.5%; margin-right: 0; }
.general h2 { font-size: 187.5%; margin-right: 0; }
.general h3 { font-size: 187.5%; margin-right: 0; }
.general h4 { font-size: 187.5%; margin-right: 0; }
.general h5 { font-size: 187.5%; margin-right: 0; }
.general h6 { font-size: 187.5%; margin-right: 0; }

/*
	for Notes
*/

.notes {
	clear: both;
	display: block;
	width: 57.5%;
	font-size: 100%;
	font-weight: bold;
	margin-left: 41.5%;
	padding-right: 0;
	text-align: left;
	color: #568eab;
	text-align: right;
}

/* This section defines tooltips */
.tooltip {	
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2;
    
    font-size: 80%;
    padding: 1em; 
    border: solid 1px;
    border-color: black;
    
    color: black;
    background-color: #FAFAE6;
    
    /* ie fix = ###  <normal percentage> * 1.4  ### */
	width: 90%;
	}

		
/* for standard browsers */
html>body .tooltip { 
    width: 30%;
    padding-bottom: 0;
    }


/* training pages */

body.training
{
/*	padding: 0;
	margin: 0;*/
} 

.training td 
{
	font-size: 80%;
}

.training table
{
	border-collapse: separate;
/*	width: 100%;  */
}

td.trainingPicCell
{
	width: 720px;
}

.trainingPicCell img
{
	border-style: solid;
	border-color: gray;
	border-width: 1px;
}

td.trainingNavCell
{
	padding-top: 2px;
	width: 360px;
}

#tableheader 
{
	text-align: left;
}

.summaryreport
{
	margin-top: 25px;
}

.summaryreport td:nth-child(1)
{
	width: 190px;
}

.summaryreport td:nth-child(2)
{
	padding-left: 25px;
	text-align: center;
}

.summaryreport td:nth-child(3)
{
	text-align: center;
}

.summaryreport td 
{
	text-align: left;
	font-size: 1.2em;
	width: 175px;
	border-bottom: 1px solid black;
}

.modal {
	display: none;
	position: absolute; 
	z-index: 1;
	left: 0;
	top: 0; 
	width: 100%;
	height: 150%;
	overflow: auto; 
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.modal-content-help {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	height: 65%;
}

.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	height: auto;
}

.modal-content p {
	text-align: center;
	font-size: 2em;
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close2 {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.close2:hover,
.close2:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modal-small {
	display: none;
	position: absolute; 
	z-index: 9999;
	left: 0;
	top: 0; 
	width: 100%;
	height: 100%;
	overflow: auto; 
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.modal-small-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
	height: 20%;
}

.sigList {
	list-style-type: square;
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
}

.vl {
	border-left: 4px solid #568eab;
	height: 250px;
	display: inline-block;
	width: 4px;
}

.help_left {
	float: left;
	display: inline-block;
	width: 40%;
	text-align: center;
}

.help_center {
	text-align: center;
	display: inline-block;
	width: 40%;
	margin: auto;
}

.help_right {
	float: right;
	display: inline-block;
	width: 40%;
	text-align: center;
}

.ppt_frame {
	width: 100%;
	border: 2px solid black;
}

.elec_sig {
	text-align: left;
}

#covid-banner {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #FFC600;
	background-image: linear-gradient(to top, #ffb400, #FFC600);
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}

#covid-banner p {
	font-family: "Helvetica", sans-serif;
	text-align: center;
	font-size: 1.4em;
	text-decoration: none;
	color: white;
}

#banner-link {
	text-decoration: none;
	color: white;
}