/*V2.0*/
body {
	background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; 
	background-color:#003b04;
	background-size:16px 16px; 
}
h1 {
	color:yellow;
	text-align:center;
}
p {
	text-align:left;
	text-indent:15px;
}
ul, li {
	text-align:left:
}
/*Big Table and Side Table*/
.bigTable {
	display:grid;
	grid-template-columns:250px 250px 250px 250px;
	grid-template-rows: 162px 162px 162px 1fr;
	grid-gap:3px;
	justify-items:stretch;
	align-items:stretch;
	text-align:center;
	color:white;
	opacity:.9999;
}
.bigTable > div {
	border:none;
}
.infoBox {
	position:relative;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.CWFTitle {
	font-size:25px;
	color:#000066;
	text-shadow: 2px 2px 4px green;
	font-weight:bold;
}
.loginBoxText {
	font-size:25px;
	color:#000066;
	font-weight:bold;
}
.infoPopUpGrid {
	display:grid;
	grid-template-columns :1fr;
	grid-template-rows: 100fr 50px;
	grid-gap:3px;
	justify-items:stretch;
	align-items:center;
	color:orange;
	display:block;
	z-index:21;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:950px;
	height:400px;
	border: 3px solid #CC6600;
	background: #fff;
	box-shadow: 0 10px 17px 0px rgba(0,0,0,0.9);
}
.subInfo {
	color:#0505a1;
	margin-left:10px;
	margin-right:10px;
}
/************************/
/*Input Form*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

form { 
	max-width:420px;
	margin:50px auto;
}
.feedback-input {
	color:black;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:500;
	font-size: 18px;
	border-radius: 5px;
	line-height: 22px;
	background-color: transparent;
	border:2px solid #CC6666;
	transition: all 0.3s;
	padding: 13px;
	margin-bottom: 15px;
	width:100%;
	box-sizing: border-box;
	outline:0;
}
.feedback-input:focus { 
	border:2px solid #CC4949;
}
textarea {
	height: 150px;
	line-height: 150%;
	resize:vertical;
}
[type="submit"] {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	width: 100%;
	background:#CC6666;
	border-radius:5px;
	border:0;
	cursor:pointer;
	color:white;
	font-size:24px;
	padding-top:10px;
	padding-bottom:10px;
	transition: all 0.3s;
	margin-top:-4px;
	font-weight:700;
}
[type="submit"]:hover {
	background:#CC4949;
}
/************************/
/*Buttons*/
.buttons {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none; 
}
.buttons:active {
	position:relative;
	top:1px;
}

.buttons-wide {
	height:65px;
	width:137px;
	font-size:16px;
	display:inline-flex;
	align-items:center;
}
.buttons-mid {
	width:55px;
	font-size:20px !important;
	height:20px;
}
.buttons-midPlus {
	width:100px !important;
	font-size:22px !important;
	height:30px !important;
	padding: 5px 0px 0px 0px !important;
	text-align:center;
}
.buttons-small {
	width:25px !important;
	font-size:15px !important;
	height:15px !important;
	padding: 4px 3px 3px 3px!important;
	margin-left: 14px;
}

.buttons-blue {
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	background-color:#63b8ee;
	border:1px solid #3866a3;
	color:#14396a;
	text-shadow:0px 1px 0px #7cacde;
}
.buttons-blue:hover {
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	background-color:#468ccf;
}
.buttons-red {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border:1px solid #d02718;
	color:#ffffff;
	text-shadow:0px 1px 0px #810e05;
}
.buttons-red:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.buttons-yellow {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border:1px solid #ffaa22;
	color:#333333;
	text-shadow:0px 1px 0px #ffee66;
}
.buttons-yellow:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.buttons-green {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border:1px solid #74b807;
	color:#ffffff;
}
.buttons-green:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}
.buttons-green-dark {
	box-shadow:inset 0px 1px 0px 0px #3dc21b;
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	background-color:#44c767;
	border:1px solid #18ab29;
	color:#ffffff;
	text-shadow:0px 1px 0px #2f6627;
}
.buttons-green-dark:hover {
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a;
}
.buttons-blue-bright {
	box-shadow:inset 0px 1px 0px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border:1px solid #0b0e07;
	color:#ffffff;
	text-shadow:0px 1px 0px #263666;
}
.buttons-blue-bright:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
}

/********* LOGIN DIV ************************/
.signIn {
	border: 3px solid #888;
	background: #eee;
	box-shadow: 0 10px 17px 0px rgba(0,0,0,0.9);
}
.signInMat {
	background: white;
	top: 3.0303%; bottom: -3.0303%; left: 2.5%; right: 2.5%;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) inset;
}
.signInGrid {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	justify-items:stretch;
	align-items:stretch;
	justify-content: center;
}
.signInGrid > div {
	align-items: center;
	font-size: 25px;
	color:black;
	text-align:center;
	border: none;
}