html {
	font-family: "Gill Sans", sans-serif;
}

body {
	font-family: "Gill Sans", sans-serif;
	font-size: 12px;
}

h3 {
	font-size: 2rem;
	text-align: center;
}

h4 {
	font-size: 1.5rem;
	text-align: center;
}

div.scoresheet {
	text-align: center;
}

div.scoresheet ul {
	text-align: left;
	margin: 1rem;
	padding: 0;
	list-style: none;
}

div.scoresheet ul li {
	text-align: left;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 5px 0;
}

div.scoresheet .away {
	background-color: orange;
}

div.scoresheet .home {
	background-color: blue;
	color: white;
}

div.scoresheet .away.cross_division {
	background-color: yellow;
}

div.scoresheet .home.cross_division {
	background-color: green;
	color: white;
}

div.outcome {
	display: inline-block;
	text-align: center;
	margin: 0 5px 0 5px;
	font-style: normal;
}

div.outcome span {
	display: inline-block;
	border: solid black 2px;
	text-align: center;
	color: #CCCCCC;
	padding: 4px;
	margin: 0 5px 0 5px;
	background-color: white;
	width: 40px;
}

div.signature {
	display: inline-block;
	text-align: right;
	margin: 0 5px 0 5px;
	font-style: normal;
}

div.signature span.initial {
	display: inline-block;
	border: solid black 2px;
	text-align: center;
	color: #CCCCCC;
	padding: 4px;
	margin: 0 5px 0 5px;
	background-color: white;
	width: 80px;
}

span.legend {
	display: inline-block;
	padding: 5px;
	margin: 5px;
	width: 120px;
	text-align: center;
	border: solid black 1px;
	font-size: 10px;
}

span.backup {
	display: none;
}

@media print {
 	.no_print {
 		display: none;
 	}
 	div.section {
 		page-break-after: always;
 	}
 	div.scoresheet {
 		page-break-after: always;
 	}
}