.navigation {
	background-color: Gray;
	margin-left: 10%;
	margin-right: 10%;
	padding: 5px 5px 5px 5px;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	border-bottom: solid;
	border-color: DarkSlateGray;
	width: -moz-available;
}
.navigation a {
	color: Lavender;
	text-decoration: none;
}

.navigation table {
	width: 100%;
}

.navigation td {
	width: 16%;
}

.banner {
	background-color: #58a0c3;
	margin-left: 10%;
	margin-right:10%;
	padding: 5px 5px 5px 5px;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	width: -moz-available;
}

#overlay {
	position: fixed;
  	display: block;
  	width: 80%; 
  	/*height: 100%;*/
	left: 10%;
	right: 10%;
	background-color: rgba(255,255,255,1.0);
	z-index: 2;
}

#decline {
	background-color: LightSkyBlue;
	display: none;
	margin-top: 0;
	margin-left: 10%;
	margin-right:10%;
	padding: 5px 20px 20px 20px;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.main-page {
	background-color: LightSkyBlue;
	margin-top: 0;
	margin-left: 10%;
	margin-right:10%;
	padding: 5px 20px 20px 20px;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	min-height: 100%;
	height: auto;
	/*position: absolute;*/
	width: 77%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}

.main-page table {
	width: 85%;
	margin-left: 5%;
	margin-right: 10%;
}
.main-page td {
	width: 10%;
	margin-right: 50%;
}


.main-page th {
	text-align: left;
	width: 1%;
}

.main-page label:after {
	display: block;
	content: "";
	padding-bottom: 5px;
}

.main-page p {
	margin-left: 5%;
}

.login {
	background-color: LightSkyBlue;
	margin-top: 0;
	margin-left: 10%;
	margin-right:10%;
	padding: 5px 20px 20px 20px;
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}