/* 
    Author     : Nathan Palmer
*/

body {
	/*overflow: hidden;*/

	background-color: #000;
}

#wrapper {
	overflow: hidden;
	width: 800px;
	height: 600px;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url("scoreboard.png");
}

div, span {
	font-family: 'Roboto', sans-serif;
}

span {
	/* border: black solid 1px; */
}

#logo {
	position: absolute;
}

#logo.rc {
	top: 8px;
	left: 35px;
	width: 125px;
	height: 46px;
	background-image: url("rc_logo.svg");
	background-size: 200px;
}

#logo.byu {
	top: -4px;
	left: -5px;
	width: 150px;
	height: 55px;
	background-image: url("byu.svg");
	background-size: 150px;
}

#title {
	color: #9ed5ff;
	font-size: 35pt;
	font-weight: bold;
	padding-left: 150px !important;
}

#clock {
	color: #bdbcbc;
	font-size: 35pt;

	position: absolute;
	top: 0;
	right: 15px;
	text-align: right;
}

#heat {
	font-size: 30pt;
	color: #e4e3e3;
}

#wind {
	font-size: 30pt;
	color: #e4e3e3;
}

.place, .lane, .bib, .name, .relayName, .mark, .delta {
	font-size: 30pt;
}

.team {
	font-size: 30pt;
}

.place {
	color: #ffffff;
	font-weight: bold;
}

.lane {
	color: #fff99e;
}

.bib {
	color: #fff99e;
}

.name, .relayName {
	color: #e4e3e3;
}

.mark, .delta {
	color: #ffffff;
}

.team {
	color: #fff99e;
}


.place {
	width: 65px;
	margin: 5px 0px 4.5px 3px;
}

.lane {
	width: 53px;
	margin: 5px 0px 4.5px 4px;
}

.name {
	width: 285px;
	margin: 5px 0px 4.5px 15px;
}

.team {
	width: 130px;
	margin: 5px 0px 4.5px 2px;
}

.relayName {
	width: 420px;
	margin: 5px 0px 4.5px 15px;
}

.flag {
	width: 50px;
	height: 50px;
	margin: 7px 3px 0 3px;
	background-size: cover
}

.mark {
	width: 155px;
	margin: 5px 0px 4.5px 5px
}


.place, .lane, .bib, .mark, .delta, #heat, #wind {
	text-align: right;
}

.team {
	text-align: center;
}

.place, .lane, .bib, .name, .team, .relayName, .mark, .delta {
	overflow: hidden;
}

.delta, .bib {
	display: none;
}

#dist {
	display: none;
}

#wind {
	position: absolute;
	left: 11px;
	bottom: 0;
}

#heat {
	position: absolute;
	right: 11px;
	bottom: 6px;
}

span {
	white-space: nowrap;
	overflow: hidden;
	float: left;
}

.clear {
	clear: both;
}

#team, .place {
	padding: 1px 4px 2px 1px;
}

.bib, .name, .relayName, .mark, .delta, #heat, #wind {
	padding: 1px 4px 2px 1px;
}

#clock {
	padding: 1px 4px 2px 1px;
}

.lane {
	padding: 1px 4px 2px 1px;
}

.team {
	padding: 1px 4px 2px 1px;
}