@charset "utf-8";
/* CSS Document
Author: Malcolm Stone - Mal Stone Computer Services
Copyright 2018 - All Rights Reserved
*/

body {
   color:#000000;
   font-weight:400;
   font-family:Arial,sans-serif;
   background-color:#FeFeFe;
}

 A:link{color:#0000cc; text-decoration:none}

 A:visited{color:#0000cc; text-decoration:none}

 A:hover{color:#cc6666; text-decoration:underline}

 A:active{color:#ccffff; text-decoration:underline}

.style1 {font-family: "Times New Roman", Times, serif}

select:invalid { color: gray; }

br {
  line-height: 50%;
}

.center {
	text-align:center;
}

.legend50 {
	max-width:500px;
	margin-left:auto;
	margin-right:auto;		
}

.legend65 {
	max-width:650px;
	margin-left:auto;
	margin-right:auto;		
}

.lg1 {  
	font-size:10px;
	font-weight:800;
	font-style:italic;
	color:blue;	
}

.one {
	font-size:10px;
	font-style:italic;
}

.d0 {  /* Black */
	font-size:12px;
	font-weight:400;
	color:black;	
}

.d4 { /* Pink */
	font-size:12px;
	font-weight:400;
	color: #F3C;
}

.d1 { /* Red */
	font-size:12px;
	font-weight:400;
	color: red;
}

.d2 { /* Green*/
	font-size:12px;
	font-weight:400;
	color:#32CD32;	
}

.d16 { /* Green*/
	font-size:24px;
	font-weight:400;
	color:#238F33;	
}
.d3 { /* Blue */
	font-size:12px;
	font-weight:400;
	color:#1E90FF;	
}

.d5 {  /* Brown */
	font-size:12px;
	font-weight:400;
	color:#B22222;
}

.d10 { /* Red */
	font-size:24px;
	font-weight:800;
	color: red;
}

.disp {  /* Black */
	font-size:24px;
	font-weight:700;
	color:black;
}

.field_set {
  color: #FF0000;
  border-style: solid;
}

div#container
{
   width: 99%; 
   height: auto; 
   margin-left:auto;
   margin-right:auto;
   margin-top:10px;
}

#gencontainer
{
   width: 90%;
   height: auto; 
   margin-left:auto;
   margin-right:auto;
   margin-top:10px;
}
div#recout
{
   width: 90%; 
   height: auto; 
   margin-left:auto;
   margin-right:auto;
   margin-top:10px;
}

.docbox
{
   width: 80%; 
   height: auto; 
   margin-left:auto;
   margin-right:auto;
   border-color:#666;
   border:thick;
}

#txtbox
{
   width: 790px; 
   height: auto; 
   margin-left:auto;
   margin-right:auto;
}

#picbox
{
   width: 800px; 
   height: auto; 
   margin-left:auto;
   margin-right:auto;
   border: solid #666 1px;
}

input[type=number] {
   width:50px;
}

input:hover[type=submit] {
	background:#F66;
	color:#FFF;	
}

input:hover[type=button] {
	background: #093;
	color:#FFF;	
}

#outer
{
    width:100%;
    text-align: center;
}
.inner
{
    display: inline-block;
}

.style2 {font-size: 36px}
.style4 {font-size: 16px}
table {
	border-collapse:collapse;
}

table.box {
	border: 1px solid black;
}

td.box {
	border: 1px solid black;
	text-align:left;
}

.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 15px;
}