html, body {
	height: 100%;
}

#cover {
	background-size: cover;
	color: black;
	height: 100%;
	text-align: center;
}

.scoreBirdie {
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 26px;
	height: 26px;
	padding: 1px;
	border: 1px solid green;
	text-align: center;
}

.scoreBogie {
	border-radius: 15%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 26px;
	height: 26px;
	padding: 1px;
	border: 1px solid red; 
	text-align: center;
}

.scorePar {
	border-radius: 0%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 26px;
	height: 26px;
	padding: 1px;
	border: 1px clear;
	text-align: center;
}

table.checkin {
	padding: 1px;
	border: 1px solid black;
	text-align: center;
}

.tableFixHead          { overflow: auto; height: 600px; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }

.fixTableHead{
    position: sticky;
    top: 0;
    z-index: 9;
    overflow: hidden;
    background-color: lightgrey;
}

table.scoring {
	padding: 0px;
	text-align: center;
	font-size: 20px;
}

div.bordered {
	padding: 2px;
	border: 1px solid black;
	text-align: center;
}

div.elevatedBordered {
	padding: 2px;
	border: 2px solid red;
	text-align: center;
	color: red;
}

div.leaderboard {
  display:flex;

    padding: 10px;
    margin: 10px;
	text-align: center;
}

table.leaderboard {
   margin: auto;
   width: 50% !important; 
}

table.centered {
	margin-left: auto;
	margin-right: auto; 
 }