body
{
	background-color: white;
	height: 95vh;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
}

table
{
	padding: 0px;
	border-width: 0px;
}

.header { height: 20vh; min-height: 50px; }
.main { height: 70vh; min-height: 300px; overflow: auto }
.footer { height: 10vh; min-height: 20px; }

.height { height: 100%; }
.width { width: 100%; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.small { font-size: small; }
.large { font-size: large; }
.larger { font-size: larger; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.tpad10 { padding-top: 10px; }
.tpad20 { padding-top: 20px; }
.rpad10 { padding-right: 10px; }
.rpad20 { padding-right: 20px; }
.bpad10 { padding-bottom: 10px; }
.bpad20 { padding-bottom: 20px; }
.lpad10 { padding-left: 10px; }
.lpad20 { padding-left: 20px; }

.tmar10 { margin-top: 10px; }
.tmar20 { margin-top: 20px; }
.rmar10 { margin-right: 10px; }
.rmar20 { margin-right: 20px; }
.bmar10 { margin-bottom: 10px; }
.bmar20 { margin-bottom: 20px; }
.lmar10 { margin-left: 10px; }
.lmar20 { margin-left: 20px; }

.margin { margin: auto; }
.h-margin { margin-left: auto; margin-right: auto; }

.top { vertical-align: top; }
.v-center { vertical-align: center; }
.baseline { vertical-align: baseline; }
.bottom { vertical-align: bottom; }

.nowrap { white-space: nowrap; }

.black { color: black; }
.blue { color: blue; }
.brown { color: brown; }
.gray { color: gray; }
.green { color: green; }
.orange { color: orange; }
.purple { color: purple; }
.red { color: red; }
.white { color: white; }
.yellow { color: yellow; }

.bg-black { background-color: black; }
.bg-blue { background-color: blue; }
.bg-brown { background-color: brown; }
.bg-gray { background-color: gray; }
.bg-green { background-color: green; }
.bg-orange { background-color: orange; }
.bg-purple { background-color: purple; }
.bg-red { background-color: red; }
.bg-white { background-color: white; }
.bg-yellow { background-color: yellow; }