/*----- 300x050 DOUBLE SIZE -----*/

* { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -webkit-text-size-adjust:none; }

body { background-color: #fff; }

#ad {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 320px;
	height: 50px;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;

	cursor: pointer;
}

#canvasHolder {
	width: 320px;
	height: 50px;
}

canvas {
	width: 100%;
}

#loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 50px;
	opacity: 1;
	background-image: url("sling_loader.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
}

#border {
	position: absolute;
	top: 0;
	left: 0;
	width: 318px;
	height: 48px;

	pointer-events: none;
	border: 1px solid #999;
}

/*-------- HTML overlays ---------*/

@font-face {
    font-family: 'interstate';
    src: url('fonts/proximanovacond-extraboldit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


#displayBox {
	position: absolute;
	width: 320px;
	height: 50px;
	top: 0px;
	left: 0px;
}

#legal {
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: 'interstate';
	top: 43px;
	font-size: 10px;
	letter-spacing: 1px;
	color: #999;
}

/*---- scoreboard ----*/

#scoreboardContainer {                                                                    
	position: absolute;
	width: 280px;
	height: 50px;
	text-align: center;
	margin: 0 auto;

	top: -1px;
	left: 102px;

	/*background-color: rgba(167,45,17,0.25);*/
}

#matchHomeTeam {
	margin-top: 2px;
}
#matchAwayTeam {
	margin-top: 2px;
}

#gameProgressBox {                                                                    
	position: absolute;
	width: 160px;
	height: 12px;
	text-align: left;

	font-family: 'interstate';
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #FFF;

	left: 96px;
	top: 40px;

	/*background-color: rgba(123, 1, 211, 0.5);*/
}

#scoreboard {
	position: absolute;
	/*top: 60px;*/
}

.ranking {
	font-family: 'interstate';
	color: #FFF !important;
	font-size: 8px !important;
}

#matchHomeTeamRank {
	/*font-size: 14px;
	vertical-align: 2px;*/
}
#matchAwayTeamRank {
	/*font-size: 14px;
	vertical-align: 2px;*/
}

#homeTeamRank {
	font-size: 8px;
	/*vertical-align: 1px;*/
}
#awayTeamRank {
	font-size: 8px;
	/*vertical-align: 1px;*/
}

#liveOnHomeRank {
	font-size: 14px;
	vertical-align: 2px;
}
#liveOnAwayRank {
	font-size: 14px;
	vertical-align: 2px;
}


.scorebox {
	display: inline-block;
	/*background-color: #fff;*/
	width: 18px;
	height: 15px;
	padding: 0;
	margin: 0;
}

.scoreboardLine {

	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;

	position: absolute;
	text-transform: uppercase;
	height: 22px;

	width: 130px;

	/*color: #FFF;*/

	/*text-shadow: 0px 0px 4px rgba(0,0,0,1);*/

	/*background-color: rgba(223,222,123,0.3)*/
}

#homeLine {
	top: 4px;
}

#homeTeam {
	display: inline-block;
	font-family: 'interstate';
	font-size: 12px;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	margin-top: 3px;
}

#homeScore {
	font-family: 'interstate';
	font-size: 12px;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	margin-top: 3px;
}

#awayLine {
	top: 22px;
}

#awayTeam {
	display: inline-block;
	font-family: 'interstate';
	font-size: 12px;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	margin-top: 3px;
}

#awayScore {
	font-family: 'interstate';
	font-size: 12px;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	margin-top: 3px;
}

/*---- gameTime ----*/

/*#gameProgressBox {
	below #scoreboardContainer, since they're adjacent
}*/

#gameClock {
	position: absolute;
	width: 100%;
	/*background-color: rgba(23, 1, 211, 0.75);*/
}

#gameClock div {
	display: inline;
}

#period {
}

#middot {
	font-family: 'interstate';
	font-size: 9px;
	/*line-height: 6px;*/
	/*vertical-align: text-top;*/
}

#clock {
}

.gameClockColon {
    position: relative;
    top: -2px;
}
.gameClockSpacer {
	visibility: hidden;
	padding-right: 8px;
}

#gameClockMinutes {
	/*top: 171px;*/
	left: 147px;
}

#gameClockSeconds {
	/*top: 171px;*/
	left: 172px;
}



/*---- endOfPeriod ----*/

#endOfPeriod {
	position: absolute;
	width: 100%;
}

#endOfPeriod div {
	display: inline;
}

/*---- halftime ----*/

#halftime {
	position: absolute;
	width: 100%;
}

/*---- overtime ----*/

#overtime {
	position: absolute;
	width: 100%;
}

/*---- before touchdown/redzone ----*/

#liveOn {
	position: absolute;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	top: 30px;

	font-family: 'interstate';
	font-size: 16px;
	letter-spacing: 1px;
}

#liveOnAway {
	position: absolute;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'interstate';
	letter-spacing: 1px;
	top: 113px;
}

#liveOnVS {
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: 'interstate';
	font-size: 12px;
	letter-spacing: 1px;
	top: 96px;
}

#liveOnHome {
	position: absolute;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'interstate';
	letter-spacing: 1px;
	top: 70px;
}

/*---- touchdown ----*/

#teamTD {
	position: absolute;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	top: 110px;

	font-family: 'interstate';
	font-size: 18px;
	letter-spacing: 1px;
}

/*---- redzone ----*/

#teamRedzone {
	position: absolute;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	top: 132px;

	font-family: 'interstate';
	font-size: 18px;
	letter-spacing: 1px;
}

/*---- match info ----*/

#matchHomeLine {
	position: absolute;
	/*width: 100%;*/
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'interstate';
	letter-spacing: 1px;
	top: 15px;
}

#matchVS {
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: 'interstate';
	font-size: 6px;
	letter-spacing: 1px;
	top: 16px;
}

#matchAwayLine {
	position: absolute;
	/*width: 100%;*/
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'interstate';
	letter-spacing: 1px;
	top: 33px;
}

.bettingData {

	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;

	font-size: 10px;
	margin-top: 2px;

	width: 48px;

	/*background-color: rgba(23, 21, 231, 0.5);*/
}

.bettingData div {
	display: inline;

	/*margin-left: 4px;*/
	/*margin-right: 4px;*/

	/*background-color: rgba(223, 121, 231, 0.5);*/
}



#matchInfo {                                                                    
	position: absolute;
	height: 90px;

	top: -11px;
	left: 101px;

	/*background-color: rgba(123, 321, 231, 0.5);*/
}

#matchInfoDateTime {                                                                    
	position: absolute;
	width: 160px;
	z-index: 10;
	font-family: 'interstate';
	text-align: left;
	color: #FFF;
	text-transform: uppercase;

	left: 101px;
	font-size: 9px;
	letter-spacing: 1px;

	top: 40px;

	/*background-color: rgba(123, 321, 231, 0.5);*/
}


/*#matchInfoWatchOn {
	position: absolute;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	top: 130px;

	font-family: 'interstate';
	font-size: 18px;
	letter-spacing: 1px;
}*/

#dateTimeOnNetwork {
	position: absolute;
	width: 100%;
	z-index: 10;
	font-family: 'interstate';
	text-align: center;
	color: #000;
	text-transform: uppercase;

	top: 130px;
	left: 0px;
	font-size: 11px;
	letter-spacing: 1px;
}

/*--- countdown elements ---*/

.countdownColon {
    position: relative;
    top: -3px;
}

.countdownFirstSpacer {
	visibility: hidden;
	padding-right: 12px;
}

.countdownSpacer {
	visibility: hidden;
	padding: 14px;
}

.gameClockElem {
	position: absolute;
	width: 20px;
	z-index: 9;
	font-family: 'interstate';
	text-align: center;
	color: #000;
	text-transform: uppercase;
}

.countdownElem {
	position: absolute;
	width: 54px;
	z-index: 9;
	font-family: 'interstate';
	text-align: center;
	color: #000;
	text-transform: uppercase;

	font-size: 33px;
	letter-spacing: 1px;

	top: 34px;

	/*background-color: rgba(123, 321, 231, 0.5);*/
}

/*--- start countdown ---*/

#displayStart {
	/*visibility: hidden;*/
}

#gameStartsIn {
	position: absolute;
	width: 100%;
	z-index: 11;
	font-family: 'interstate';
	text-align: center;
	color: #000;
	text-transform: uppercase;

	top: 14px;
	left: 0px;
	font-size: 16px;
	letter-spacing: 1px;
}

#displayStartCountdown {
	position: absolute;
	width: 100%;
	z-index: 11;
	font-family: 'interstate';
	text-align: center;
	color: #000;
	text-transform: uppercase;

	top: 34px;
	left: 0px;
	font-size: 33px;
	letter-spacing: 1px;
}

#startHours {
	left: 68px;
	text-align: center;
	/*background-color: orange;*/
}

#startMinutes {
	left: 124px;
	text-align: center;
}

#startSeconds {
	left: 180px;
	text-align: center;
}

#countdownOnNetwork {
	position: absolute;
	width: 100%;
	z-index: 11;
	font-family: 'interstate';
	text-align: center;
	color: #000;
	text-transform: uppercase;

	top: 72px;
	left: 0px;
	font-size: 14px;
	letter-spacing: 1px;
}

#gameStarting {
	position: absolute;
	width: 100%;
	z-index: 11;
	font-family: 'interstate';
	text-align: center;
	color: #000;
	text-transform: uppercase;

	top: 14px;
	left: 0px;
	font-size: 16px;
	letter-spacing: 1px;
}

#countdownWatchNow {
	position: absolute;
	width: 100%;
	z-index: 11;
	font-family: 'interstate';
	text-align: center;
	color: #000;
	text-transform: uppercase;

	top: 34px;
	left: 0px;
	font-size: 33px;
	letter-spacing: 1px;
}