:root{
	--team-image-height: 30px;
}

h1{
	text-align: center;
	margin: 10px;
	font-size: 3em;
}

h3 {
	margin: 0;
}

#content{
	min-height: 100%;
}

.select{
	text-align: center;
	margin: auto;
}

.faq{
	max-width: 1125px;
	width: 100%;
	margin: auto;
}

iframe{
	margin: auto;
}

footer{
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
	background-color: #BBBBBB;
	margin-top: 10px;
	width: 100%;
	z-index: 0;
}

#infoBox{
	background-color: #BBBBBB;
	position: absolute;
	font-size: 10px;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid black;
}

#infoBoxScore{
	font-size: 12px;
	font-weight: bold;
}

#infoBoxClose{
	font-size: 9px;
	float: right;
	cursor: pointer;
}

#liveGamesWrapper{
	max-width: 1125px;
	width: 100%;
	margin: 3px auto;
}

#liveGamesWrapper button{
	float: right;
	margin: 0 5px;
}

#liveGamesWrapper h2{
	float: left;
}

.liveGameContainer{
	width: 25%;
	float: left;
}

.p33 .liveGameContainer{
		width: 33%;
}

.p50 .liveGameContainer{
		width: 50%;
}

.p100 .liveGameContainer{
		width: 100%;
}

.liveGame{
	background-color: #BBBBBB;
	font-size: 10px;
	border-radius: 3px;
	border: 1px solid black;
	width: 250px;
	margin: 5px auto;
	padding: 2px;
	font-size: 15px;

	-webkit-touch-callout: none; /* iOS Safari */		
	-webkit-user-select: none; /* Safari */		
	-khtml-user-select: none; /* Konqueror HTML */		
	-moz-user-select: none; /* Firefox */		
	-ms-user-select: none; /* Internet Explorer/Edge */		
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.liveGameContent{
	height: 73px;
}

.liveGame.selected{
	background-color: #999999;
}

.liveGame.newUpdate{
    box-shadow:0px 0px 0px 5px red inset;
}

.liveGame img{
	width: 45px;
	height: var(--team-image-height);
	border: 1px solid black;
	vertical-align: middle;
	margin-right: 3px; 
}

.liveGame .img{
	width: 45px;
	height: var(--team-image-height);
	border: 1px solid black;
	vertical-align: middle;
	margin-right: 3px; 
	float:left;
	background-size:contain; 
}

.teams{
	width: 70%;
	float: left;
}

.teamInfo{
	line-height: 32px;
	margin: 3px;
}

.teamScore{
	float: right;
}

.gameInfoWrapper{
	float: right;
	width: 30%;
	height: 65px;
}

.gameInfo{
	margin: 3px;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.liveGameFooter{
	margin: 3px;
	text-align: center;
}

.newScorigami{
	font-weight: bold;
	color: red;
}

#helper{
	background-color: #ffff99;
	position: absolute;
	font-size: 18px;
	padding: 10px;
	border-radius: 3px;
	text-align: center;
	border: 1px solid black;
	cursor: pointer;

	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	opacity: 0.9;

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#helper.hide-opacity{
	opacity: 0;
}

#bmac{
	position: fixed;
	right: 5;
	bottom: 5;
	z-index: 1;
}

body{
	margin: 0;
	position: relative;
}

.hidden{
	display: none;
}

.invisible{
	visibility: hidden;
}

.outer-wrapper{ position: relative; float: right; right: 50%; }
.inner-wrapper { position: relative; float: right; right: -50%; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }