body {
	margin: 0;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 10pt;
}
h1 {
    font-size: 14pt;
}
nav {
	position: absolute;
	width:100%;
}
main {
	height: 100vh;
	overflow: auto;
}
#main {
	padding: 30pt 15px 15px 15px;
}
@media screen and (max-width: 400px) {
	#main {
		padding-top: 40pt;
	}
}
table {
	width: 100%;
    border-collapse: collapse;
}
tbody tr {
	background-color:#f7f7f7;
}
tbody tr:nth-child(odd) {
	background-color:#eeeeff;
}
td {
	border: 1px solid #9999cc;
	color: #666666;
	text-align:center;
}
thead td {
	color: #000000;
}

.bold {
	font-weight: bold;
}
.green {
	color: #009900;
}
.left {
	text-align:left;
}
.no-border {
	border: 0;
}
.red {
	color: #cc0000;
}
.red2 {
	color: #cc0000;
	background-color: #ffdddd;
}
.small {
	font-size: 8pt;
}

.link, .link-green, .link-red {
	border: outset 2px;
	cursor: pointer;
	font-weight: bold;
	padding: 10px;
}
.link:active, .link-green:active, .link-red:active {
	border: inset 2px;
}
.link       {background-image: linear-gradient(to bottom, #eeeeee, #dddddd);}
.link-green {background-image: linear-gradient(to bottom, #ddffdd, #cceecc);}
.link-red   {background-image: linear-gradient(to bottom, #ffdddd, #eecccc);}
.link:active       {background-image: linear-gradient(to top, #ffffff, #dddddd);}
.link-green:active {background-image: linear-gradient(to top, #ffffff, #cceecc);}
.link-red:active   {background-image: linear-gradient(to top, #ffffff, #eecccc);}
.pseudo-thead {
	background-color: rgba(255, 255, 255, 1);
	padding-top: 12px;
}
.simple-link {
	color: red;
	cursor: pointer;
}
#save_status {
	color: red;
	padding:2px 13px 0 0;
	text-align: right;
}