body {
	background-color: var(--mainBG);
}	
h1 {
	font-size: 120%;
	font-weight: bold;
}

a {
	text-decoration: none;
}

.err { color: var(--msgErrColor); }
.msg { color: var(--msgColor); }
.highrow { color: var(--tableRowColorHigh); }
.lowrow { color: var(--tableRowColorLow); }

table {
	border-collapse: collapse;
}
th, td {
	border: var(--tableBorder);
	/* font-family: var(--tableFont); */
	margin: 0px;
	padding-left: .3em;
	padding-right: .3em;
}
tr:nth-child(even) { background-color: var(--tableRowBGEven); }
tr:nth-child(odd) { background-color: var(--tableRowBGOdd); }
thead tr th { background-color: var(--tableBGHeader); }
tfoot tr td { background-color: var(--tableBGFooter); }

.form_row { display: table-row; }
.form_row_name,
.form_row_header,
.form_row_field { display:table-cell; vertical-align:top; padding:5px; border-bottom:1px dashed #ccc; }
.form_row_name { text-align:right; }
.form_row_header { font-weight:bold; text-align:center; }
textarea { width: 150ch; height: 10em;}

header, footer, #pageHeader, navi, #searchBox {
	background-color: var(--headerBG);
	/* border: 1px solid #f00; */
	box-sizing: border-box;
}

#msgBox div {
	background-color: var(--headerBG);
	text-align: left;
	width: 75%; min-width: 200px;
	margin: 0 auto;
}

#searchBox {
	text-align: right;
	line-height: 40px;
	padding-right: 5px;
}

#pageHeader {
	padding: 5px;
	font-weight: bold;
	font-size: 105%;
}
@media screen {
	main {
		padding: 10px;
		border: 1px solid var(--headerBG);
	}
}
/* Home page specific */
.home table {
	float: left;
	margin: .3em;
}
.home h1 {
	clear:both;
}
.home table tr td,
.home table tr th {
	border: none;
}
/* Home page specific END */