#header
{
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 20px;
}

#daily
{
	text-align: center;
	margin: 0;
	padding: 0 0 5px;
	font-weight: bold;
	font-size: 0.8em;
}

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

.red
{
	color: red;
}

#header a
{
	text-decoration: underline;
}

#header img
{
	vertical-align: middle;
}

#footer
{
	text-align: center;
	font-size: 0.75em;
	font-style: italic;
	margin-top: 10px;
}

#characters .character,
#batches .batch
{
	position: relative;
	display: inline-block;
}

#batches .batch h1
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 12px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	margin: 0;
	padding: 3px 0;
	z-index: 10;
}

#batches .batch img
{
	filter: contrast(50%);
}

#batches .batch:hover img
{
	filter: none;
}

#batch div#preview
{
	display: inline-block;
	width: 256px;
	height: 128px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#batch ul#levels
{
	display: inline-block;
	text-align: justify;
	width: 15em;
	padding-left: 0;
	vertical-align: middle;
}

#batch img.level-preview
{
	display: none;
}

#batch ol#end-of-board
{
	font-size: 0.8em;
}

#batch ul#levels li
{
	list-style-type: none;
}

#characters .character
{
	width: 250px;
	color: black;
}

#characters .character h2,
#characters .character p
{
	position: absolute;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	font-size: 0.8em;
}

#characters .character p
{
	bottom: 0;
}

#characters .character h2
{
	top: 0;
}

#level ol#leaderboard,
#batch ol#end-of-board
{
	display: inline-block;
}

#level ol#leaderboard li,
#batch ol#end-of-board li
{
	white-space: pre;
	font-family: monospace;
}

table#medals .pos-1,
table#charts .pos-1
{
	background-color: #FFD700;
}

table#medals .pos-2,
table#charts .pos-2
{
	background-color: silver;
}

table#medals .pos-3,
table#charts .pos-3
{
	background-color: #CD7F32;
}

table#medals  .w100
{
	width: 100px;
}

.goright
{
	text-align: right;
}

.gocenter
{
	text-align: center;
}

table#charts,
table#medals
{
	border: 1px black solid;
	margin-bottom: 10px;
}

table#charts td
{
	white-space: nowrap;
}

table#charts td,
table#medals td
{
	border: 1px black solid;
	padding-left: 5px;
	padding-right: 5px;
}

#alert
{
	display: inline-block;
	border: 1px red solid;
	color: red;
	background-color: #FCC;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}

table.player-ranks
{
	display: inline-block;
	vertical-align: top;
	border: 1px black solid;
	margin: 10px;
	border-collapse: collapse;
}

table.record-holders .player-name
{
	width: 200px;
}

table.player-ranks th
{
	background-color: #DDD;
	border-bottom: 1px black solid;
}

table.player-ranks th a,
table.player-ranks .level-name a
{
	color: black;
}

table.player-ranks tr.cheated,
table.player-ranks tr.cheated a
{
	color: red;
	font-style: italic;
}

table.player-ranks .level-name
{
	font-weight: bold;
	width: 260px;
}

table.player-ranks .player-rank
{
	width: 50px;
	text-align: right;
}

table.player-ranks .player-score
{
	width: 100px;
	text-align: right;
}

table.player-ranks td
{
	padding-right: 5px;
	padding-left: 5px;
}

table.player-ranks td.total
{
	border-top: 1px black solid;
}

dl#mutators-list dt
{
	font-weight: bold;
}

dl#mutators-list dd
{
	margin-bottom: 10px;
}

p#total-time
{
	margin-bottom: 1px;
}

p#sum-of-best
{
	font-size: 0.7em;
	margin-top: 0;
}

a#discord:hover
{
	outline: #7289DA dotted thin;
}

a#discord img
{
	height: 30px;
}