body {
	font-family:Arial,Verdana,sans-serif;
	font-size:14px;
	color:#404040;
}


#semContainer {
	font-family:Arial,Verdana,sans-serif;
	font-size:14px;
	color:#404040;	
	max-width: 81.25rem; 
	margin: 0 auto;
}
@media screen and (max-width:1500px){
	#semContainer {margin-left:6.25rem;margin-right:6.25rem}
}
@media screen and (min-width:1025px) and (max-width:1200px),screen and (min-width:769px) and (max-width:1024px){
	#semContainer {margin-left:3.125rem;margin-right:3.125rem}
}
@media screen and (min-width:569px) and (max-width:768px),screen and (min-width:321px) and (max-width:568px),screen and (max-width:320px){
	#semContainer {margin-left:1.25rem;margin-right:1.25rem}
}

.clear-fix:after, .clear-fix:before {
	content:" ";
	display:block;
	height:0;
	overflow:hidden
}
.clear-fix:after{
	clear:both
}


#semContainer .teamInfPerfH2 {
	font-size: 26px;
	border-top: 4px solid #DD1D21; 
	background: url(teaminfo-img/icon_persons.png) no-repeat 10px 10px;
	min-height: 50px;
	padding: 14px 20px 0px 60px;
}

#semContainer .resp {
	width:100%;
}


#semContainer .teamBasicInfo {
	position:relative;
	margin-bottom:1em;
}
#semContainer .teamFlag {
	position:relative;
	width:10%;
	float:left;
}
#semContainer .teamFlag img {
	margin-right:10px;
	width:90%;
	max-width:72px;
    border: 1px solid #000;
}
#semContainer .teamNames {
	position:relative;
	width:70%;
	float:left;
}
#semContainer .teamNames h2, #semContainer .teamNames h3, #semContainer .teamNames p{
	margin:0;
}
#semContainer .teamCarType, #semContainer .teamFuelType {
	position:relative;
	width:10%;
	float:left;
}
#semContainer .teamCarType img, #semContainer .teamFuelType img {
	width:100%;
	padding: 0 10px;
}


#semContainer .carPhoto {
	width:100%;
	height:400px;
    position: relative;
    overflow: hidden;
	background-size:cover;
	background-position:center;
	margin-bottom:2em;
}
#semContainer .teamPersons {
	margin-bottom:1em;
}
#semContainer .personBox {
	text-align: center;
	width:33%;
	float:left;
}
#semContainer .personPhoto {
	width:150px;
	height:150px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
	background-size:cover;
	background-position:center;
	left:0;
	right:0;
	margin:auto;
}
#semContainer .personBox .personTitle {
	text-align: center;
	margin:1em 0 0;
}
#semContainer .personBox h3 {
	color: #DD1D21;
	text-align: center;
	margin:0;
}

#semContainer .teamBoxContainer {
	margin-top:2em;
	margin-bottom:2em;
}

#semContainer .teamBoxContainer > div {
	width:48%;
	border: 3px solid #DD1D21;
	height:400px;
	overflow: hidden;
	position:relative;
}

#semContainer .teamAttempts {
	float:left;
}

#semContainer .teamAttempts > h2 {
	font-size: 26px;
    background: url(teaminfo-img/Icon-BestResults.png) no-repeat 10px 0px;
    height: 40px;
    padding: 8px 20px 0px 60px;
}

#semContainer .teamAttempts .trackAttempt {
	text-align: center;
}

#semContainer .teamAttempts .trackAttempt h3, #semContainer .teamAttempts .trackAttempt .attemptUnit {
	font-weight:normal;
	font-size: 24px;
	margin: 10px 0px;
}

#semContainer .teamAttempts .trackAttempt .attemptVal {
	color: #DD1D21;
	font-weight: 800;
	font-size: 48px;
	margin: 0px;
}

#semContainer .teamAttempts .trackAttempt .attemptBest {
	font-weight:800;
	font-size:18px;
}

#semContainer .teamAttempts .trackAttemptPager {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	text-align: center;	
}

#semContainer .teamAttempts .trackAttemptPager span {
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius: 50%;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background: #464646;
    font-size:18px;
	margin: 0 5px;
}
#semContainer .teamAttempts .trackAttemptPager span:hover {
    background: #262626;
	cursor:pointer;
}

#semContainer .teamAttempts .trackAttemptPager span.curAttempt {
	color:#404040;
	background: #FBCE07;
}

#semContainer .teamStanding {
	float:right;
}

#semContainer .teamStanding > h2 {
	font-size: 26px;
    background: url(teaminfo-img/Icon-Leaderboards-White-Small.png) no-repeat 10px 10px;
    height: 40px;
    padding: 8px 20px 0px 60px;
}

#semContainer .teamRank {
	text-align:center;
	font-size:36px;
	margin:0 0 40px 0;
}

#semContainer .teamRankNum {
	font-weight: 800;
    font-size: 96px;
	color: #DD1D21;
}
#semContainer .teamRankOrdinal {
    font-size: 48px;
	color: #DD1D21;
}

#semContainer .teamStanding .myRank {
	background-color: #DD1D21;
	color: #fff;
	margin: 10px 20px;
	padding: 5px;
	font-size:24px;
	font-weight:700;
}
#semContainer .teamStanding .betterRank {
	background-color: #D9D9D9;
	margin: 10px 60px 10px 20px;
	padding: 5px;
	font-size:16px;
	font-weight:600;
}
#semContainer .teamStanding .worseRank {
	background-color: #A6A6A6;
	margin: 10px 60px 10px 20px;
	padding: 5px;
	font-size:16px;
	font-weight:600;
}
#semContainer .teamStanding .myRank span:nth-child(1), #semContainer .teamStanding .betterRank span:nth-child(1), #semContainer .teamStanding .worseRank span:nth-child(1) {
	width: 70px;
	display:inline-block;
}

#semContainer .techInspH2 {
	font-size: 26px;
	border-top: 4px solid #DD1D21; 
	background: url(teaminfo-img/Icon-TechnicalInspection.png) no-repeat 10px 10px;
	height: 50px;
	padding: 14px 20px 0px 60px;
}
#semContainer .techInspBox {
	width: 100%;
	position:relative;
}
#semContainer .techInspBlurb {
	width: 40%;
	float:left;
	position:relative;
	margin: 60px 10px 60px 60px
}
#semContainer .techInspProgress {
	width:30%;
	float:right;
	position:relative;
	text-align:center;
}

#semContainer .inspectionTitle {
	min-height: 50px;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
	margin-bottom:10px;
}

#semContainer .inspectionTitle.complete {
	background-color: #FBCE07;
}
#semContainer .inspectionTitle.incomplete {
	background-color: #DD1D21;
}
#semContainer .inspectionTitle p:nth-child(1),#semContainer .inspectionTitle p:nth-child(2) {
	width:5%;
	float:left;
	text-align:center;
	position:relative;
}
#semContainer .inspectionTitle p:nth-child(1):hover,#semContainer .inspectionTitle p:nth-child(2):hover {
	cursor:pointer;
}
#semContainer .inspectionTitle p:nth-child(1) img,#semContainer .inspectionTitle p:nth-child(2) img {
	max-width:31px;
	width:100%; 
	height:auto;
	margin-left:5px;
	margin-right:5px;
}
#semContainer .inspectionTitle p:nth-child(3) {
	width:10%; 
	float:left;
	text-align: center;
	margin:0;
	position:relative;
}
#semContainer .inspectionTitle p:nth-child(3) img {
	max-width:100%; 
	max-height:50px;
	height:auto;
	margin-left:5px;
	margin-right:5px;
}
#semContainer .inspectionTitle div:nth-child(4) {
	width:60%; 
	float:left;
	position:relative;
}
#semContainer .inspectionTitle div:nth-child(4) h3 {
	margin:0;
}
#semContainer .inspectionTitle.complete {
	color:#404040;
}
#semContainer .inspectionTitle.incomplete {
	color:#fff;
}
#semContainer .inspectionTitle p:nth-child(5) {
	width:10%; 
	float:left;
	text-align: center;
	position:relative;
	font-size:24px;
	font-weight:bold;
	margin:0;
}
#semContainer .inspectionTitle p:nth-child(6) {
	width:10%; 
	float:right;
	text-align: center;
	margin:0;
	position:relative;
}
#semContainer .inspectionTitle p:nth-child(6) img {
	width:100%;
	max-width: 51px;
}

#semContainer .inspectionCriteria {
	list-style: none;
	margin-left:0px;
	padding-left:0px;
}
#semContainer .inspectionCriteria > li {
	min-height:50px;
	border-bottom:2px solid #000;
	width:45%;
	margin: 5px 1em;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
#semContainer .inspectionCriteria > li p {
	margin:0 35px 0 10px;
}
#semContainer .inspectionCriteria > li.pass {
	background:url(teaminfo-img/icon_passed.png) center right no-repeat;
	color:#404040;
	background-size:30px;
}
#semContainer .inspectionCriteria > li.fail {
	background:url(teaminfo-img/icon_failed.png) center right no-repeat;
	color: #DD1D21;
	background-size:30px;
}
#semContainer .inspectionCriteria > li:nth-child(odd) {
	float:left;
}
#semContainer .inspectionCriteria > li:nth-child(even) {
	float:right;
}

#semContainer .inspectionCriteria.hidden {
	display:none!important;
}


/* PROGRESS CIRCLE */
.c100.p100 .slice,.c100.p60 .slice,.c100.p70 .slice,.c100.p80 .slice,.c100.p90 .slice,.rect-auto{clip:rect(auto,auto,auto,auto)}
.c100 .bar,.c100.p100 .fill,.c100.p60 .fill,.c100.p70 .fill,.c100.p80 .fill,.c100.p90 .fill,.pie{position:absolute;border:.08em solid #FBCE07;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);border-radius:50%;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.c100.p100 .bar:after,.c100.p100 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.pie-fill{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.c100{position:relative;font-size:120px;width:1em;height:1em;border-radius:50%;float:left;margin:0 .1em .1em 0;background-color:#fff}
.c100 *,.c100 :after,.c100 :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.c100.center{float:none;margin:0 auto}
.c100.big{font-size:240px}
.c100.small{font-size:80px}
.c100>span{margin-top:100px;position:absolute;width:100%;z-index:1;left:0;top:0;font-size:16px;color:#404040;display:block;text-align:center;white-space:nowrap;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.c100>span>b {font-weight:800;color:#DD1D21;}
.c100:after{position:absolute;top:.08em;left:.08em;display:block;content:" ";border-radius:50%;background-color:#fff;width:.84em;height:.84em;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}
.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}
.c100.p10 .bar{-webkit-transform:rotate(36deg);-moz-transform:rotate(36deg);-ms-transform:rotate(36deg);-o-transform:rotate(36deg);transform:rotate(36deg)}
.c100.p20 .bar{-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);transform:rotate(72deg)}
.c100.p30 .bar{-webkit-transform:rotate(108deg);-moz-transform:rotate(108deg);-ms-transform:rotate(108deg);-o-transform:rotate(108deg);transform:rotate(108deg)}
.c100.p40 .bar{-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);transform:rotate(144deg)}
.c100.p50 .bar{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.c100.p60 .bar{-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);transform:rotate(216deg)}
.c100.p70 .bar{-webkit-transform:rotate(252deg);-moz-transform:rotate(252deg);-ms-transform:rotate(252deg);-o-transform:rotate(252deg);transform:rotate(252deg)}
.c100.p80 .bar{-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);transform:rotate(288deg)}
.c100.p90 .bar{-webkit-transform:rotate(324deg);-moz-transform:rotate(324deg);-ms-transform:rotate(324deg);-o-transform:rotate(324deg);transform:rotate(324deg)}
.c100.p100 .bar{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.c100.p110 .bar{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.c100.p120 .bar{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

/*
SHELL RED: #DD1D21
SHELL YELLOW: #FBCE07
SHELL BLACK: #404040
SHELL PALE GREY: #D9D9D9
SHELL LIGHT GREY: #A6A6A6
*/

/* responsive adjustments */

@media screen and (max-width:1024px) {
	#semContainer .techInspProgress {width:40%;}
	#semContainer .inspectionTitle p:nth-child(3) {width:15%;}
	#semContainer .inspectionTitle div:nth-child(4) {width:50%;}
	#semContainer .inspectionTitle p:nth-child(5) {width:15%;}
}
@media screen and (max-width:640px) {
	#semContainer .techInspBlurb {margin:30px 0px 0px 0px;}
	#semContainer .techInspProgress {width:50%;}
	#semContainer .carPhoto {height:300px;}
	#semContainer .personPhoto {width:120px;height:120px;}
	#semContainer .inspectionCriteria > li {width:100%;margin:5px 0px;}
	#semContainer .teamBoxContainer > div {width:100%;margin:10px 0px;float:none;}
	#semContainer .inspectionTitle div:nth-child(4) {width:45%;}
	#semContainer .inspectionTitle p:nth-child(5) {width:20%;}
}

@media screen and (max-width:525px) {
	#semContainer .teamFlag {float:none;width:100%;}
	#semContainer .teamNames {float:none;width:100%;}
	#semContainer .teamCarType, #semContainer .teamFuelType {width: 100px;}
	#semContainer .teamCarType img {padding-left:0px;}
	#semContainer .carPhoto {height:250px;}
	#semContainer .personBox {text-align:left;width:100%;float:none;height:130px;}
	#semContainer .personPhoto {float:left;margin-right:20px;}
	#semContainer .personBox .personTitle {text-align:left;margin:0px;padding:20px 0 0;}
	#semContainer .personBox h3 {text-align:left;}
	#semContainer .techInspBlurb {margin:0;width:100%;float:none;}
	#semContainer .techInspProgress {width:100%;margin-top:24px;}
	#semContainer .inspectionTitle p:nth-child(3) img,#semContainer .inspectionTitle p:nth-child(6) img {max-width:60%}
	#semContainer .inspectionTitle p:nth-child(5) {font-size:16px}
}

@media screen and (max-width:420px) {
	#semContainer .teamStanding .myRank {font-size:18px;}
	#semContainer .teamStanding .worseRank {font-size:14px;}
	#semContainer .teamStanding .betterRank {font-size:14px;}
}