@font-face	{	/*Set Font File to Use*/
	font-family: 'White Rabbit';
	src: url('whitrabt.otf');
}

body, html	{margin:0; padding:0; height: 100%; font-size: x-large;}
body		{font-family: "White Rabbit", Arial, sans-serif; color: #FFCC00; background-color: #000000;}	/*Main Background Colour and Font Colour*/

table				{width: 30%; border-collapse: collapse; border-spacing: 0px; background-color: #000000; color: #FFFFFF;}
table#scoreboard	{width: 100%;}

th, td		{padding: 5px; text-align: left; white-space: pre;}
td			{padding: 10px 15px; font-size: 120%;}

.center		{white-space: pre; text-align: center; width: 1%;}
.right		{white-space: pre; text-align: right; width: 1%;}
.position-1	{background-color: #FFCC00; color: #000000}	/*Gold Bar*/
.position-2	{background-color: #ACACAC; color: #000000}	/*Silver Bar*/
.position-3	{background-color: #CD7F32; color: #000000}	/*Bronze Bar*/

#event-table					{width: 100%;}
#event-table td:nth-child(even)	{padding: 5px;}
#event-table td					{white-space: nowrap;}
#event-table td:last-child		{width: 100%; text-align: right;}

#header-row		{color: #FFFFFF; background-color: #0085AD; border-bottom: 2px solid #FFFFFF;}	/*Event/Heat Number Bar Colours*/
#eventname		{color: #000000; background-color: #FFFFFF;}	/*Event Name Bar Colours*/
#event-title	{color: #8DC8E8;}	/*Event Title Settings*/
#event			{color: #DA291C;}	/*Event Number Settings*/
#heat-title		{color: #8DC8E8;}	/*Heat Title Settings*/
#heat			{color: #DA291C;}	/*Heat Number Settings*/
#runtime		{color: #FFCC00;}	/*Running Clock Settings*/

#main-container	{max-width: 90%; margin: 0 auto; display: none; border: 1px solid #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000000;}	/*Main Table Border Colours*/

/* Screens wider than 1080px */
@media only screen and (min-width : 1080px)	{
	/* Styles */
	#main-container	{max-width: 80%;}
}

#message	{width: 60%; margin: 0 auto; display: none;}
#message h1	{font-family: Arial, Helvetica, sans-serif; font-size: 150%; color: #FFFFFF; text-align: center;}	/*No Swimming Message Font and Colour*/
#message img{text-align: center; display: block; margin-left: auto; margin-right: auto; width: 50%;}


/* SE Colours */
/* - Pale Blue = 8DC8E8 */
/* - Dark Blue = 0085AD */
/* - Red Color = DA291C */