html {
 height: 100%;
}

/*.wrapper { */
body {    
	background-color: #6cb5a9;
	height:100%;
	display: grid;
	grid-template-columns: 30% 70%;
	grid-template-rows: 15% auto;
	grid-template-areas:
	"header header"
	"leftCol rightCol"
	"footer footer";
	grid-gap: 5px;
 }
 .header{
   grid-area: header;
 }
 .leftCol{
   grid-area: leftCol;
 }
 .rightCol{
   grid-area: rightCol;
 }
 .footer{
   grid-area: footer;
 }
.fg_Button {
	font-size:10pt;width:78px;height:24px;margin:0px 3px;
	background:silver;line-height: 1.25;
	border:outset;
}
.fg_Label {text-align: right;padding: 0px 5px;}	/* padding left right */
.fg_Label:after {content: ":";}
input[type="checkBox"] {cursor:pointer;}
#tableoff table {background-color:#eee;}
#tableoff td {background-color:#eee;padding:5px 10px;border:none;}
.fg_table td {font: normal 9pt Arial}
.fg_Title {font: bold 9pt Arial;text-align: center;padding:5px;}
#tableContainer {width:100%}
#result{width:70%}
h3 {text-align:center}
.border {border: groove 3px silver;}