:root{
	--font-small:12px;
	--viewport-width:900px;
}
* { margin:0px; padding:0px;}
body
	{
	margin:0px;
	background:rgb(0,0,0);
	font-family:verdana,arial,serif;
	font-size:var(--font-small);
height:100%;
	}

a:link
	{
	color:rgb(0,125,255);
	}

a:visited
	{
	color:rgb(192,0,0);
	}

a:hover
	{
	color:rgb(0,0,255);
	opacity:1;
	transition:color 1s ease-in-out;
	-moz-transition:color 1s ease-in-out;
	-webkit-transition:color 1s ease-in-out;
	}

input[type="text"], input[type="number"], input[type="password"], input[type="submit"], input[type="file"], input[type="date"], input[type="search"] {
	font-family: verdana,arial,serif;
	font-size: var(--font-small);
	margin-top: 5px;
	padding: 3px 0px 3px 0px;
	width: 100%;
	/*make the input width not overlap */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

textarea {
	font-family: verdana,arial,serif;
	font-size: var(--font-small);
	margin-top: 5px;
	padding: 3px 0px 3px 0px;
	width: 100%;
	outline: none;
	resize: none;
	/*make the input width not overlap */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


h3
	{
	text-align:center;
	width:auto;
	padding:10px;
	background:rgb(255,125,125);
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	box-shadow:10px 10px 10px rgba(33,33,33,0.5);
	text-shadow:0px 1px 2px rgb(128,128,128);
	
	margin-left:auto;	
	margin-right:auto;
	margin-top:20px;
	
	animation:FadeIn 1s;
	-webkit-animation:FadeIn 1s;
	}

h2
	{
	text-align:center;
	width:auto;
	padding:10px;
	background:rgba(255, 195, 11,0.95);
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	box-shadow:10px 10px 10px rgba(33,33,33,0.5);
	text-shadow:0px 1px 2px rgb(128,128,128);
	
	margin-left:auto;	
	margin-right:auto;
	margin-top:0px;
	
	}

h4
	{
	padding-bottom:5px;
	font-size:16px;	
	}

	
@keyframes FadeIn
	{
	0%
		{
		color:transparent;
		transform: rotate(-2deg);
		background:rgba(255,128,128,0);
		box-shadow:10px 10px 10px rgba(33,33,33,0.0);
		}
	25% {
		transform: rotate(0deg);
		}
	50% {
		transform: rotate(2deg);
		}
	75% {
		transform: rotate(-2deg);
		}
	100%
		{
		color:#222;
		background:rgb(255,128,128);
		box-shadow:10px 10px 10px rgba(33,33,33,0.5);
		}
	}
@-webkit-keyframes FadeIn
	{
	0%	{
		color:transparent;
		-webkit-transform: rotate(-2deg);
		background:rgba(255,128,128,0);
		-webkit-box-shadow:10px 10px 10px rgba(33,33,33,0.0);
		}
	25% {
		-webkit-transform: rotate(0deg);
		}
	50% {
		-webkit-transform: rotate(2deg);
		}
	75% {
		-webkit-transform: rotate(-2deg);
		}
	100%
		{
		color:#222;
		background:rgb(255,128,128);
		-webkit-box-shadow:10px 10px 10px rgba(33,33,33,0.5);
		}
	}

.ha4
	{
	text-align:right;
	color:rgba(255,255,0,0.7);
	font-size:10px;
	padding-top:5px;
	}

.content form
	{
	background:rgb(238,232,225);
	background-color:rgba(255,255,255,0.95);
	padding:30px 10px 30px 10px;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	box-shadow:10px 10px 10px rgba(33,33,33,0.5);
	margin-left:auto;	
	margin-right:auto;
	margin-top:20px;	
	}
	
.content legend
	{
	font-size:16px;
	font-weight:bold;
	text-shadow:2px 2px #bbbbbb;
	}

.short_button
	{
	float:right; 
	width:19%;
	}

.short_textbox
	{
	float:left;
	width:79.6%;
	}

hr
	{
	margin-top:10px;
	display:none;
	}

.hidden {
	display: none;
}

.content
	{
	padding:10px;
	padding-left:6px;
	padding-top:90px;
	min-width:300px;
	}

.container {
	background: rgb(192,184,142);
	background: rgb(189,166,136);
	background: rgb(185,215,216) url(main_bg_drill.jpg) repeat;
	min-width: 320px;
	max-width: var(--viewport-width);
	margin-left: auto;
	margin-right: auto;
}

.error
	{
	color:rgb(211,0,0);
	background:rgb(255, 236, 236);
	padding-top:5px;
	padding-bottom:5px;
	margin-top:3px;	
	}


.error input[type="text"] ,.error textarea
	{
	border:1px solid rgb(255,0,0);
	}

.main_menu
	{
	border-bottom:1px solid rgb(0,0,0);
	}

.main_menu ul
	{
	font-size:0px;
	width:100%;
	}

.main_menu ul li
	{
	display:inline-block;
	padding:10px;
	width:80px;
	font-size:12px;
	height:12px;
	font-weight:bold;
	}

.main_menu1 ul li
	{
	display:inline-block;
	padding:10px;
	width:80px;
	font-size:12px;
	height:10px;
	
	font-weight:bold;
	}

.main_menu a:link, .main_menu a:visited
	{
	color:rgb(156 98 38);
	}

.main_menu li:hover
	{
	background:rgb(33,33,33);
	color:rgb(255,204,0);
	
	opacity:1;
	transition:background .25s ease-in-out;
	-moz-transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;
	}

.search
	{
	color:rgb(245,235,0);
	padding:10px;
	}

li.search:hover
	{
	clear:both;
	display:inline-block;
	background:transparent;
	}

.main_menu .search
	{
	display:inline-block;
	width:auto; 
	vertical-align:top; 
	min-height:22px; 
	padding-top:10px;
	margin:0px;
	}

.main_menu .search input[type="text"]
	{
	width:200px;
	margin-top:0px;
	}

.main_menu .search [type="submit"]
	{
	width:55px;
	margin-top:0px;
	}


.footer
	{
	margin-top:25px;
	width:auto;
	font-size:12px;
	color:rgb(0,0,0);
	
	background:rgb(255,186,2);
	background:linear-gradient(top, #ffd461 0%,rgb(255,192,79) 20%,rgb(255,186,2));
	background:-ms-linear-gradient(top, #ffd461 0%,rgb(255,192,79) 20%, rgb(255,186,2));
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0,#ffd461),color-stop(0.2,rgb(255,186,2)));
	background:-moz-linear-gradient(top,#ffd461 0%,rgb(255,192,79) 20%,rgb(255,186,2));
	
	
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	}
	
.footer_menu
	{
	padding:10px;
	display:inline-block;
	}

.footer_menu ul
	{
	/*avoid space gap between li*/
	font-size:0px;
	}

.footer_menu ul li
	{
	color:rgb(32,32,32);
	color:rgb(155,0,0);
	display:inline-block;
	width:90px;
	font-size:12px;
	margin-top:10px;
	}

.footer_menu li:hover
	{
	color:rgb(85,0,0);
	font-weight:bold;
	}
		
.header
	{
	background:rgb(255,192,79);
	background:linear-gradient(top, rgb(255,192,79),#ffd461);
	background:-ms-linear-gradient(top, rgb(255,192,79), #ffd461);
	background:-webkit-gradient(linear,left top, left bottom, from(rgb(255,192,79)),to(#ffd461));
	background:-moz-linear-gradient(top,rgb(255,192,79),#ffd461);
	width:100%;	
	margin-bottom:0px;
	min-width:320px;
	max-width:var(--viewport-width);
	position:fixed;
	z-index:99;
	}

.title
	{
	background:transparent;
	float:right;
	padding:15px 10px 0px 10px;
	display:inline-block;
	}
	
.copyright_notice
	{
	float:right;
	padding:10px;
	margin-top:10px;
	display:inline-block;
	}

.login
	{
	width:300px;
	margin-left:auto;	
	margin-right:auto;
	}

.info_box
	{
	clear:left; 
	min-height:100px;	
	
	background:rgb(238,232,225);
	background:rgba(255,255,255,0.95);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	box-shadow:3px 3px 3px rgba(33,33,33,0.5);
	margin-left:auto;	
	margin-right:auto;
	margin-top:10px;	
	padding:5px;
	}
	

.info_box div
	{
		/*padding:5px;*/
	}

.info_box p
	{
	padding-top:10px;
	}
	
.info_box textarea
	{
	/*font-family:verdana,arial,serif;
	font-size:14px;
	margin-top:5px;
	padding: 3px 0px 3px 0px;
	width:100%;*/
	border:0;
	background:transparent;
	overflow:hidden;
	overflow-y:hidden;
	overflow-x:hidden;
	resize:none;
	outline:none;

	/*make the input width not overlap */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

.parent
	{
		background:rgb(188,198,214);
		padding:3px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}

.image_box
	{
	float:left;
	display:inline-block;
	margin-top:0px;
	margin-right:16px;
	margin-bottom:16px;
	padding:3px;
	width:200px;
	height:200px;
	background:rgb(238,232,225);
	background-color:rgba(255,255,255,0.95);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow:10px 10px 10px rgba(33,33,33,0.5);
	overflow:hidden;
	}

.short_box_small
	{
	float:left;
	display:inline-block;
	margin-top:0px;
	margin-right:16px;
	margin-bottom:16px;
	padding:3px;
	width:195px;
	height:100px;
	background:rgb(238,232,225);
	background-color:rgba(255,255,255,0.95);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow:10px 10px 10px rgba(33,33,33,0.5);
	overflow:hidden;
	}

.image_frame
	{
	padding:0px;
	margin:0px;
	width:200px;
	height:200px;
	}

.clear
	{
	clear:both;
	}

.image_collection
	{
	overflow:auto;
	margin:0px; 
	margin-top:20px;
	margin-bottom:20px;
	padding-left:10px;
	}


.tbl table {
  font-family:verdana,arial,serif;
  font-size:var(--font-small);  border-collapse: collapse;
  width: 100%;
}

.tbl td, .tbl th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 5px;
}

table.tbl tr.highlight
	{
	background:rgb(33,33,33);
	color:rgb(255,204,0);
	
	opacity:1;
	transition:background .25s ease-in-out;
	-moz-transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;

	}

.tbl tr:nth-child(even) {
  background-color: #dddddd;
}

table.tbl td.number{
text-align:right;
}

table.tbl tr:hover
	{
	background:rgba(33,33,33,0.7);
	color:rgb(255,204,0);
	
	opacity:1;
	transition:background .25s ease-in-out;
	-moz-transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;

	}
table.tbl td.link a
	{
	display:block;
	border: 0px solid black;
	padding: 5px; 
	text-decoration: none;
	}

.tbll table {
  font-family:verdana,arial,serif;
  font-size:var(--font-small);  border-collapse: collapse;
  width: 100%;
}

.tbll td, .tbll th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 5px;
}

.tbll td{
	cursor:pointer;
}

table.tbll tr.highlight
	{
	background:rgba(33,33,33,0.5);
	/*color:rgb(255,204,0);*/
	
	opacity:1;
	transition:background .25s ease-in-out;
	-moz-transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;

	}

.tbll tr:nth-child(even) {
  background-color: #cccccc;
}
.tbll tr:nth-child(odd) {
	background-color: rgb(250,250,250);
  }
  
table.tbll td.number{
text-align:right;
}

table.tbll tr:hover
	{
	background:rgba(0, 0, 0, 0.3);
	/*color:rgb(255,204,0);*/
	
	opacity:1;
	transition:background .25s ease-in-out;
	-moz-transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;

	}
table.tbll td.link a
	{
	display:block;
	border: 0px solid black;
	padding: 5px; 
	text-decoration: none;
	color: black;
	}
table.tbll td.link a:hover
	{
	display:block;
	border: 0px solid black;
	padding: 5px; 
	text-decoration: none;
	/*color:rgb(255,204,0);*/

	opacity:1;
	transition:background .25s ease-in-out;
	-moz-transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;

	}

table.tbls{
	border-collapse: collapse;
	font-family:verdana,arial,serif;
	font-size:var(--font-small);  
	width: 100%;
}

.tbls tr{
	border-collapse: collapse;
	border-spacing: 0px;
}
.tbls td, th {
	border: 1px solid #666;
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: left;
	padding: 3px 6px;
}

table.tbls tr.highlight{
	background:rgb(33,33,33);
	color:rgb(255,204,0);

	opacity:1;
	transition:background .25s ease-in-out;
	-moz-transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;
}

.tbls tr:nth-child(even) {
	background-color: #dddddd;
}

table.tbls td.number{
	text-align:right;
}

table.tbls tr:hover{
	background:rgba(33,33,33,0.7);
	color:rgb(255,204,0);
	
	opacity:1;
	transition:background .25s ease-in-out;
	-moz-transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;
}
table.tbls td.link a{
	display:block;
	border: 0px solid black;
	padding: 5px; 
	text-decoration: none;
}

	  

.green td{
	background: rgb(65 126 4 / 65%);
}
.yellow td{
	background: rgb(255 255 0 / 65%);
}

td.red_cell{
	background: rgb(255 0 0 / 65%);
}
td .red{
	background: rgb(255 0 0 / 65%);
}

.btn {
	border: unset;
	border-style: outset;
}

.btn {
	border: unset;
	border-style: outset;
}

.cmdbtn{
	border-style:solid;
	border-width:thin;
	border-radius:3px 4px;
	height:50px;
	width:100px;
	margin:5px;
}

.burger {
	 display: inline-block;
	 border: 0;
	 background: none;
	 outline: 0;
	 padding: 0;
	 cursor: pointer;
	 border-bottom: 4px solid rgb(85,0,0);
	 width: 28px;
	 transition: border-bottom 1s ease-in-out;
	 -webkit-transition: border-bottom 1s ease-in-out;
}
 .burger::-moz-focus-inner {
	 border: 0;
	 padding: 0;
}
 .burger:before {
	 content: "";
	 display: block;
	 border-bottom: 4px solid rgb(85,0,0);
	 width: 100%;
	 margin-bottom: 5px;
	 transition: transform 0.5s ease-in-out;
	 -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
 .burger:after {
	 content: "";
	 display: block;
	 border-bottom: 4px solid rgb(85,0,0);
	 width: 100%;
	 margin-bottom: 5px;
	 transition: transform 0.5s ease-in-out;
	 -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
 .burger-check {
	 display: none;
}
 .burger-check:checked ~ .burger {
	 border-bottom: 4px solid transparent;
	 transition: border-bottom 0.8s ease-in-out;
	 -webkit-transition: border-bottom 0.8s ease-in-out;
}
 .burger-check:checked ~ .burger:before {
	 transform: rotate(-405deg) translateY(1px) translateX(-3px);
	 -webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px);
	 transition: transform 0.5s ease-in-out;
	 -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
 .burger-check:checked ~ .burger:after {
	 transform: rotate(405deg) translateY(-4px) translateX(-5px);
	 -webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
	 transition: transform 0.5s ease-in-out;
	 -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
 .navigation {
	 overflow: hidden;
	 max-height: 0;
	 transition: max-height 0.5s ease-in-out;
}
 .burger-check:checked ~ .navigation {
	 max-height: 500px;
	 transition: max-height 0.5s ease-in-out;
}

.ham ul {
	 margin: 0;
	 padding: 0;
}
.ham li {
	 list-style: none;
	 font-size: 25px;
	 padding: 5px 0;
}
.ham li a {
	 text-decoration: none;
}
.ham li a:hover {
	 text-decoration: underline;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgba(85,0,0,0.5);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.hidden_form
{
position:fixed;
z-index:99;
align:center;
display:none;
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
z-index: 102; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer;
}

.td_label
{
width:180px;
text-align:right;
padding-right:10px;
font:small-caption;
vertical-align:middle;
font-style:italic;
}
.td_textbox
{
width:600px;
}
.label { 
       text-align:right;
       padding-right:10px;
       font:small-caption;
       height:auto;
       vertical-align:middle;
       font-style:italic;
       }

.flex_container {
	overflow-x: auto;
	margin-left: -6px;
	margin-right: -6px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	font-size: small;
}


.dropbtn {
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: rgba(221,163,71,1);
	color: rgb(156 98 38);
	min-width: 250px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	font-size: small;
}

.dropdown-content a {
	font-weight:bold;
	color: rgb(156 98 38);
	padding: 12px 10px;
	text-decoration: none;
	display: block;
}
.dropdown-content img {
	padding-right: 15px;
	margin-top:-4px;
	float:left;
}
	.dropdown-content a:hover {
		background: rgb(33,33,33);
		color: rgb(255,204,0);
		transition: background .25s ease-in-out;
	}

.dropdown:hover .dropdown-content {
	display: block;
}

img.glow {
	cursor:pointer;
	transition: box-shadow 0.05s ease-in-out;
}
img.glow:active{
	box-shadow: 0px 0px 15px rgb(0, 107, 200);
}

.glow {
	cursor:pointer;
	transition: box-shadow 0.05s ease-in-out;
}
.glow:active{
	box-shadow: 0px 0px 15px rgb(0, 107, 200);
}


.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}

.flex2section{
	display:flex;
	padding:1px;
	align-items:center;
}

.display_on_mobile{
	display:none;
}

@media only screen and (max-width:600px) {

	:root{
		--font-small:14px;
	}

	[class*="flex_container"]
	{
		margin-left:-120px;
	}
	[class*="hide_on_mobile"]
	{
		display:none;
	}
	[class*="display_on_mobile"]{
		display:revert;
	}

}

@media only screen and (max-width:460px) {


	[class="flex2section"]{
		flex-flow:column;
	}

}

@media print{
	body{
		-webkit-print-color-adjust:exact !important;
		print-color-adjust:exact !important;
	}
	body *:not(#printarea):not(#printarea *){
		visibility: hidden;
	}

	#printarea{
		visibility: visible;
		position:absolute;
		top:0;
		left:0;
	}
	.tbl table{
		border-style:solid;
		border-width:1px;
	}
	.tbl td{
		border-style:solid;
		border-width:1px;
		padding:6px;
		font-size:smaller;
	}
	.tbl th{
		border-style:solid;
		border-width:1px;
		padding:6px;
		background:rgb(5,0,0);
		color:white;
	}

}