@font-face {
		  font-family: 'SFMoviePoster';
		  src:  url('fonts/SFMoviePoster.woff2') format('woff2'),
		        url('fonts/SFMoviePoster.woff') format('woff');
		}
		@font-face {
		  font-family: 'SF';
		  src:  url('fonts/SF-Pro-Display-Regular.woff2') format('woff2'),
		        url('fonts/SF-Pro-Display-Regular.woff') format('woff');
		}
		@font-face {
		  font-family: 'SF';
		  src:  url('fonts/SF-Pro-Display-Bold.woff2') format('woff2'),
		        url('fonts/SF-Pro-Display-Bold.woff') format('woff');
		  font-weight: bold;
		}
		@font-face {
		  font-family: 'helveticaneue';
		  src:  url('fonts/helveticaneue.woff') format('woff');
		}
		@font-face {
		  font-family: "clubfont";
		  src: url("fonts/ApexMk2-Regular.woff") format("woff");
		}
		body
		{
			margin: 10px;
			font-size: 16px;
			font-family: 'SF', 'helveticaneue', 'Verdana', sans-serif;
			background: #000;
		}
		div
		{
			box-sizing: border-box;
		}
		ul
		{
			padding-inline-start: 20px;
			margin-block-start: 0;
			margin-block-end: 0;
		}
		a
		{
			color: yellow;
			text-decoration: underline;
			cursor: pointer;
		}
		select,
		input[type="tel"],
		input[type="password"],
		input[type="text"],
		input[type="number"]
		{
			max-width: 300px;
			font-size: 2em;
			width: 100%;
			box-sizing: border-box;
			border:0;
			padding:0;
		}
		input[type="number"]
		{
			width:4em;
		}
		/*  SECTIONS  */
		.section {
			clear: both;
			padding: 0px;
			margin: 0px;
		}
		
		/*  COLUMN SETUP  */
		.col {
			display: block;
			float:left;
			margin: 10px 0 10px 0.75%;
		}
		.col /* Visibility */
		{
			/*background: #b3b3b370;text-align: center;border: solid 1px;box-sizing: border-box;*/
		}
		.col:first-child { margin-left: 0; }
		
		/*  GROUPING  */
		.group:before,
		.group:after { content:""; display:table; }
		.group:after { clear:both;}
		.group { zoom:1; /* For IE 6/7 */ }

		/*  GRID OF TWELVE  */
		.w12 {
			width: 100%;
		}
		
		.w11 {
		  	width: 91.60%;
		}
		.w10 {
		  	width: 83.20%;
		}
		
		.w9 {
		  	width: 74.81%;
		}
		
		.w8 {
		  	width: 66.41%;
		}
		
		.w7 {
		  	width: 58.02%;
		}
		
		.w6 {
		  	width: 49.62%;
		}
		
		.w5 {
		  	width: 41.22%;
		}
		
		.w4 {
		  	width: 32.83%;
		}
		
		.w3 {
		  	width: 24.43%;
		}
		
		.w2 {
		  	width: 16.04%;
		}
		
		.w1 {
		  	width: 7.645%;
		}
		
		/* FONTS */
		.movie
		{
			font-family: 'SFMoviePoster';
			font-weight: normal;
		}
		/* ALIGNMENT */
		.left
		{
			text-align: left;
		}
		.right
		{
			text-align: right;
		}
		.center
		{
			text-align: center;
		}
		.padding
		{
			padding: 10px;
		}
		h1
		{
			font-size:3em;
			color: #fff;
		}
		/* COLOURS */
		.black
		{
			background: #000;
		}
		.orange
		{
			background: #f47e22;
		}
		.green
		{
			background: #60ba46;
		}
		/**/
		.EventPoster
		{
			border: solid 5px #e1bb0c;
			-webkit-box-shadow: 0px 0px 32px 4px rgb(225 187 12);
			-moz-box-shadow: 0px 0px 32px 4px rgba(225,187,12,1);
			box-shadow: 0px 0px 32px 4px rgb(225 187 12);
			width:100%;
			max-width: 864px;
			box-sizing: border-box;
		}
		.Fading
		{
			animation: fading 8s infinite;
			animation-timing-function: linear;
		}
		@keyframes fading{0%{opacity:0}10%{opacity:1}75%{opacity:1}100%{opacity:0}}
		#CountdownText
		{
			font-style: italic;
		}
		#Countdown
		{
			font-size: 0.8em;
		}
		.button
		{
			border: solid 4px white;
			width: 200px;
			display: inline-block;
			font-size: 1.5em;
			font-weight: bold;
			border-radius: 17px;
			margin: 20px;
			padding: 5px;
			cursor: pointer;
			text-align: center;
		}
		.button_small
		{
			border: solid 4px grey;
			background: transparent;
			width: 120px;
			display: inline-block;
			font-size: 1em;
			font-weight: bold;
			border-radius: 17px;
			margin: 8px;
			padding: 2px;
			cursor: pointer;
			text-align: center;
		}
		.GoBack:hover
		{
			text-decoration: underline;
		}
		.GoBack
		{
			cursor: pointer;
		}
		#Screen_Account,
		#Screen_SignIn,
		#Screen_Enter,
		#Screen_Under18,
		#Screen_Terms,
		#Screen_Sign,
		#Screen_Pay,
		#Screen_Payed,
		#Screen_PhotoMeetingPoint,
		#Screen_PhotoStartLine,
		#Screen_PhotoFinishLine
		{
			position: fixed;
			width: 100%;
			height: 100%;
			background: #000;
			top: 0;
			left: 0;
			display: none;
			flex-direction: column;
			align-content: center;
			overflow-y: auto;
		}
		#ButtonEnterSoon,
		#ButtonEnterNow,
		#ButtonEntryClosed
		{
			display:none;
		}
		canvas
		{
			background: #fff;
		    width: 320px;
		    height: 320px;
		    border: dashed;
		    box-sizing: border-box;
		    max-width: 500px;
		    max-height: 500px;
		    display: inline-block;
		}
		#ss,
		#rs
		{
			background: rgb(121,91,0);
			background: radial-gradient(circle, rgba(121,91,0,1) 0%, rgba(2,0,36,1) 100%);
		}
		#ss_table,
		#rs_table
		{
			width:100%;
			max-width:800px;
			font-size:16px;
			color:#fff;
			margin:auto;
			border-spacing: 0 10px;
		}
		#ss_table td,
		#rs_table td
		{
			text-align: center;
			white-space: nowrap;
			vertical-align: middle;
		}
		#ss_table > tbody > tr > td:nth-child(1) > div
		{
			background: yellow;
			color: #000;
			width: 25px;
			height: 25px;
			border: solid 1px #000;
			box-sizing: content-box;
			font-family: monospace;
			font-weight: bold;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-size: 0.8em;
		}
		#ss_table > tbody > tr:not(:first-child) > td,
		#rs_table > tbody > tr:not(:first-child) > td
		{
			font-family:clubfont;
			padding-left:1px;
			padding-right:1px;
			border-width:0px;
			border-top-width:3px;
			border-bottom-width:3px;
			border-style:solid;
		}
		#ss_table > tbody > tr:not(:first-child) > td:first-child,
		#rs_table > tbody > tr:not(:first-child) > td:first-child
		{
			border-left-width:3px;
			border-top-left-radius: 15px;
			border-bottom-left-radius: 15px;
		}
		#ss_table > tbody > tr:not(:first-child) > td:last-child,
		#rs_table > tbody > tr:not(:first-child) > td:last-child
		{
			border-right-width:3px;
			border-top-right-radius: 15px;
			border-bottom-right-radius: 15px;
		}
		#ss_table > tbody > tr > td:nth-child(5),
		#rs_table > tbody > tr > td:nth-child(5)
		{
			text-align: left;
		}
		#RaceReport p
		{
			max-width:80ch;
			text-indent:20px;
			text-align: justify;
		}
		#RaceReport p:nth-child:(1)
		{
			text-indent:0px;
		}
		#RaceReport>div
		{
			display: flex;
			justify-content: center;
		}
		#filters
		{
			display: none;
			margin: 0;
            position: fixed;
            top: 0;
            left: 0;
            bottom:0;
            right:0;
            z-index: 2;
            overflow-y: auto;
		}
		#filters label
		{
			cursor: pointer;
		}
		#filters label:hover
		{
			font-weight: bold;
		}
		#filters .col
		{
			margin: 5px 0 5px 0%;
		}
		/*  GO FULL WIDTH BELOW 600 PIXELS */
		@media only screen and (max-width: 600px) {
			.col {  margin: 14px 0 14px 0%; height: auto !important;}
		    .right { text-align: left !important; }
		    .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
				width: 100%; 
			}
			#filters .w6
			{
				width: 10% !important;
			}
			body
			{
				margin: 5px;
			}
			#ss,
			#rs
			{
				overflow-x: auto
			}
			#ss_table,
			#rs_table
			{
				font-size:12px;
			}
			#rs_table td
			{
				padding-left: 6px;
				padding-right: 6px;
			}
		}
		.pagebreak
		{
			page-break-before: always;
		}
		@media print
		{
			*
			{
				background: #fff;
				color: black;
			}
			body
			{
				font-size:11px;
				background:#fff;
			}
			.w6.green
			{
				width: 100%;
                height: 100% !important;
                overflow: initial !important;
			}
			h1
			{
				color:#000;
			}
			.orange,
			.green,
			#ss,
			#rs
			{
				background: #fff;
			}
			.EventPoster,
			#backtoevents,
			#posterimages,
			#intro,
			#veloviewerbox,
			#ss img
			{
				display:none;
			}
			#ss_table,
			#rs_table
			{
				border-spacing: 0;
			}
			#ss_table tr
			{
				border-bottom: none !important;
				border-right: none !important;
				border-left: none !important;
				border-top: none !important;
				border-radius:0 !important;
				font-size: 0.8em;
			}
			#ss_table td
			{
				border-bottom: none !important;
				border-right: none !important;
				border-left: none !important;
				border-left: none !important;
				border-top: dotted 1px #000 !important;
				border-radius:0 !important;
				font-size: 0.8em;
			}
			#ss_table > tbody > tr > td:nth-child(1) > div
			{
				border: none;
				background: #fff;
				font-size: 20px;
			}
			#S,
			#R,
			#rs
			{
				display: none;
			}
		}