@font-face {
    font-family: 'porschenext';
    src: url('/fonts/porschenextwar-regular-webfont.woff2') format('woff2'),
         url('/fonts/porschenextwar-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'porschenextbold';
    src: url('/fonts/porschenextwar-bold-webfont.woff2') format('woff2'),
         url('/fonts/porschenextwar-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*used by desktop browsers*/
body {
	background: #ffffff;
	margin: 0px;
	color : #fff;
	text-align:center;
	font-family: porschenext,Tahoma,Geneva,sans-serif;
	font-size:12px;
}
a:link {color: white;}
a:visited {color:white;}

table {
	border: 0px;
	border-spacing:0px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	background: #333;
	color : white;
}
/*scoreboard table */
table#ltPageSet {
	background-color:#fff;
	color:#000;
}

table.applet{
	width:1024px;
	text-align: center;
	background: #333;
	color : #fff;
}
table.scoreboard {
	border:1px solid black;
	width:100%;
	border-collapse:separate;
	border-spacing:1px;
	background: #000;
	color: #000;
}
tr.applet {
	height:600px;
}
tr.checkered{
	background:#FFFFFF;
	color:#000000;
}

tr.red{
	background:#FF0000;
	color:#FFFFFF;
}
tr.green{
	background:#00FFFF;
	color:#000000;
}
tr.yellow{
	background:#FFFF00;
	color:#000000;
}
tr.white{
	background:#FFFFFF;
	color:#000000;
}
tr.cold{
	background:#AAAAFF;
	color:#000000;
}
tr.warm{
	background:#FFAAFF;
	color:#000000;
}

tr.e {
	background:#FFFFFF;
	height:10px;
	color:black;
}
tr.o {
	background:#F0F0F0;
	height:10px;
	color:black;
}
tr.h {
	background:#F0F0F0;
	color:white;
	text-align:center;
	font-family:Arial,HelveticaNeue,Helvetica,Sans-serif;
	font-size:12px;
	border:1px;
}
th {
	background:grey;
	color:white;
	text-align:center;
	font-family:porschenext,Arial,HelveticaNeue,Helvetica,Sans-serif;
	font-size:12px;
	border:1px;
}
td {
	font-family:porschenext,Arial,HelveticaNeue,Helvetica,Sans-serif;
	font-size:12px;
}
td.l {
	text-align:left;
	vertical-align:bottom;
}
td.c {
	text-align:center;
	vertical-align:middle;
	font-family:porschenext,Trebuchet MS;
	font-size:12px;
	font-weight:bold;
}
td.r {
	text-align:right;
	vertical-align:bottom;
}
td.fineprint {
	text-align:left;
	vertical-align:bottom;
	font-family:porschenext,Trebuchet MS;
	font-size:8px;
	font-weight:normal;
}
IMG {
	border:0px;
}
.sponsor-container {
    width: 100%;
    height: auto;
    overflow: hidden;        /* prevents page expansion */
    position: relative;
}

.sponsor-track {
    position: absolute;      /* removes from layout so it can't expand page */
    top: 0;
    left: 100%;              /* start off-screen to the right */
    white-space: nowrap;
    animation: scroll-left 20s linear infinite;
}

.sponsor-track img {
    display: block;
    width: auto;
    max-width: none;         /* keep natural width */
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%); /* enough to move fully off-screen */
    }
}
