html,body {
  font-family:'Arial',sans-serif;
  font-size:10pt;
  background-color:white;
  color:#000000;
  overflow: auto;
  overflow-y: auto;
  color:black;
/*
@font-face {
 font-family: 'Lato';
 font-style: normal;
 font-weight: 100,200,400,600;
 src: url('../../fonts/lato/lato-light.woff2') format('woff2'),url('../../fonts/lato/lato-light.eot'), url('../../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../../fonts/lato/lato-light.ttf') format('truetype'), url('../../fonts/lato/lato-light.svg#latolight') format('svg');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 100,200,400,600;
src: url('../../fonts/lato/lato-light-ext.woff2') format('woff2'),url('../../fonts/lato/lato-light.eot'), url('../../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../../fonts/lato/lato-light.ttf') format('truetype'), url('../../fonts/lato/lato-light.svg#latolight') format('svg');
}
*/
@font-face {
font-family: 'lato-light';
font-style: normal;
font-weight: 100;
src: url('../../fonts/Lato2OFL/lato-light-ext.woff2') format('woff2'),url('../../fonts/Lato2OFL/lato-light.eot'), url('../../fonts/Lato2OFL/lato-light.eot?#iefix') format('embedded-opentype'), url('../../fonts/Lato2OFL/lato-light.ttf') format('truetype'), url('../../fonts/Lato2OFL/lato-light.svg#latolight') format('svg');
}
.xxx {
    text-align:center !important;
    background-color:#ffffd8;
    font-size:8pt;
}

.gbdb {
    border:20px;
    border-color:white;
    margin-top: 0px;
    padding: 0% 0% 0% 0%;
    text-align:center;
    font-family: ' media="screen"', 'Arial', sans-serif;
    font-weight: normal;
    font-size:12pt;
    /*line-height:20pt;*/
    color:#828282;
}
.gbdbh {
    font-size:20pt;
    line-height:20pt;
}
.gbdbform {
    border:20px;
    border-color:white;
    margin-top: 0px;
    padding: 0% 0% 0% 0%;
    font-family: 'lato-light', 'sans-serif', 'Arial';
    font-weight: 100;
    font-size:10pt;
}
.formhead {
font-family:'latolight','arial','sans-serif';
color:#9e9e9e;
text-align:center;
border:none;
background-color:#ffffff
}
/*input[type=text] { font-family: 'lato-light', 'sans-serif', 'Arial'; font-weight: 200; text-align:center; border:none;} */
.inputx {
	display: block; 
	padding: 6px 8px; 
	margin: 0,0,0,0; 
	border: none; 
	width: 100%;
	border-radius: 4px;
	text-decoration: none;
	font-family: 'lato-light', 'sans-serif', 'Arial';
	color: #b8b8ba;
}
.codiv  {
font-family:'latolight','arial','sans-serif'; color:#9e9e9e; font-size:14pt; text-align:center; border:none; background-color:#ffffff;
}
a {text-decoration:none;} 
hr  {
color:#adadad;
background:#adadad;
border-width: 6px;
}
label {
    cursor: pointer;
    display: block;
    text-align: center;
}
label > input:checked  {    /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #31cc1c;
  border-color: #31cc1c;
  background-color:#b4b4b4;
  color:red;
} 
/*label > input  { /* HIDE RADIO */
  /*visibility: hidden;  */   /* Makes input not-clickable  */
  /*position: absolute; */    /* Remove input from document flow  
}  */
label > input + img  { /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img { /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
  background-color:#b4b4b4;
}
.inputid {
size:10;
font-weight:100; 
border:1px solid black;
background-color:#ffffff;
color:#eeeeee;
text-align:center;
}
.th1 {
background:#ffffff;
font-family: 'lato-light', 'sans-serif', 'Arial';
font-weight:bold;
color:#000000;
text-align:center;
    
}
.tdqa {
text-align:center;
background-color:#ffffd8;
font-family:'Verdana','sans-serif';
font-size:8pt;
color:#000000;
}
.tdq {
text-align:right;
background-color:#ffffd8;
font-family:'Verdana','sans-serif';
font-size:8pt;
color:#000000;
}
.tdq2 {
text-align:right;
font-family:'Verdana','sans-serif';
font-size:8pt;
color:#000000;
}
.tdq2grey {
text-align:right;
background:#eeeeee;
font-family:'Verdana','sans-serif';
font-size:8pt;
color:black;
}
.xxx  {
text-align:right;
font-size:8pt;
color:black;
background-color:#ffffd8;
}
.yyy  {
text-align:center;
font-size:8pt;
color:black;
background-color:#f6ff00;
}
.td1 {
text-align:center;
background:#eeeeee;
color:black;
}
.td2 {
text-align:center;
background-color:#eeeeee;
color:black;
padding-left:2vw;
}
.td3 {
text-align:center;
background-color:#dedede;
color:black;
padding-left:2vw;
}
.td4 {
text-align:center;
background:#d6d6d6;
color:black;
padding-left:2vw;
}
.td5 {
text-align:center;
background:#cfcfcf;
color:black;
padding-left:2vw;
}

select {
    width: 120px;
    padding: 6px 4px;
    border: none;
    border-radius: 4px;
    background-color: #f1f1f1;
    font-family: 'lato-light', 'Arial';
    font-weight:200;
    font-size:10pt
}
.box {
font-family: 'lato-light', Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #000000;
}
.boxgold {
	display: block; 
	padding: 3px; 
	padding-left:4px;
	margin: 0; 
	border: 0; 
	width: 100px;
	border-radius: 4px;
	text-align:center;
	align:center;
	background:#fce197;
	font-family: 'lato-light', 'sans-serif', 'Arial';
	font-weight:400;
	font-size:10pt;
}
.mybtn {
	width:100%;
	background-color:#f1f1f1; /* #edeaea */
	border:none;
	border-radius: 4px;
	font-family:'Arial','lato-light','sans-serif';
	font-size:10pt;
	color:#9b9caa;
	font-weight:100;
	height:30px;
	padding-top:2px;
}
.mybtn:hover {
    font-weight:bold;
    color:#000000;
}
@-moz-keyframes blink    { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
@keyframes blink         { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
.blink {
    color:blue;
    -moz-animation: blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1.5s infinite ease-in-out; /* IE */
    animation: blink normal 1.5s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.tomain   {
	border:none;
	background-color:#f1f1f1;
	font-color:#A8A8A8;
	width:100%;
	border:none; padding:0,0,0,0;
	margin:0,0,0,0;
	font-family: 'latolight','Arial', 'sans-serif';
	/*color:#b8b8ba; */
}
.mybtn {
	width:100%;
	background-color:#f1f1f1; /* #edeaea */
	border:none;
	border-radius: 4px;
	font-family:'lato-light','arial','sans-serif';
	font-size:10pt;
	color:#545454a;
	font-weight:100;
	height:30px;
	padding-top:2px;
}

.bluebox {
	font-family: 'lato-light', 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #006699;
	border: 1px solid #000000;
	cursor: pointer;
}
.maincell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #006699;
}
.errmsg {
	font-family: "lato-light", "Courier New", Courier, mono;
	font-size: 12px;
	font-weight: bolder;
	color: #CC0000;
}
span.dropt {border-bottom: none; background: #ffffff;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px; margin: 20px 0 0 0px; padding: 9px 9px 9px 9px; border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px; margin: 4px 0 0 0px; vertical-align:center; padding: 5px 10px 10px 10px; background: #ffffff; border-style:solid; border-color:#787878; border-width:2px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #eeeeee; vertical-align:middle; font-weight: bolder; z-index:6;} 

input[type='number'] {
    -moz-appearance:textfield;
    width:50;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: textfield;
    width:50;
}
img {
    max-width: 100%;
    height: auto;
}

.radio {
  position: relative;
  float: left;
  clear: left;
  display: block;
  padding-left: 40px;
  margin-bottom: 12px;
  line-height: 22px;
  font-size: 18px;
  color: #666;
  cursor: pointer;
}
.radio:before {
  background: #fff;
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 22px;
  height: 21px;
  border: 1px solid #bbb;

  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;

  box-shadow: inset 0 0 3px 0 #ccc;
  -moz-box-shadow: inset 0 0 3px 0 #ccc;
  -webkit-box-shadow: inset 0 0 3px 0 #ccc;
}
input[type="radio"] {
 /* display: none;*/
} 
input[type="radio"]:checked + label:before {
  content: "\2022";
  text-align: center;
  line-height: 15px;
  font-family: Tahoma; /* If you change font you must also change font-size & line-height */
  font-size: 44px;
  color: #00a0db;
  text-shadow: 0 0 4px #bbb;
}

}