body {
	margin: 20px;
	font-size: 1.2em;
	font-family:monospace;
}

a {
	color: grey;
	text-decoration: none;
}

.active {
	font-weight: 800;
	color:hotpink;
}

a.active{
	text-decoration: underline;
}

td.center{
	text-align: center;
}

td {
    padding: 10px 5px;
    border: 1px solid #ccc;
	max-width: 300px;
}

th.rotate {
/* Something you can count on */
height: 140px;
white-space: nowrap;
font-weight: normal;
}

table{
	/* background-color: antiquewhite; */
	margin-top: 120px;
	font-size: 0.9em;	
}

th.rotate > div {
transform: 
	/* Magic Numbers */
	translate(25px, 51px)
	/* 45 is really 360 - 45 */
	rotate(322deg);
	width: 30px;
	padding-bottom: 10px;
	margin-bottom: -16px;
	margin-left: -6px;
}
th.rotate > div > span {
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}

.bso-name{
	font-size: 1em;
	color: grey;
}

.total-header{
	font-size: larger;
}