.home {
    background: rgb(235,235,235);
	background: rgba(235,235,235,0.95);
	text-align: center;
    min-width: 320px;
	width: 100%;}
.char {
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;}
.altText {
    color: #00AFC8;}
.left {
    text-align: left;}
.center {
    text-align: center;}
.right {
    text-align: right;}
.bottom {
    vertical-align: bottom;}
.lightblue: {
    background-color: lightblue;}
.bggray {
    background-color: #EEEEEE;}
.mt5 {
    margin-top: 5px;}
.mt10 {
    margin-top: 10px;}
.mt15 {
    margin-top: 15px;}
.mt20 {
    margin-top: -20px;}
.mr5 {
    margin-right: 5px;}
.mr10 {
    margin-right: 10px;}
.mr15 {
    margin-right: 15px;}
.mb5 {
    margin-bottom: 5px;}
.mb10 {
    margin-bottom: 10px;}
.mb15 {
    margin-bottom: 15px;}
.ml5 {
    margin-left: 5px;}
.ml10 {
    margin-left: 10px;}
.ml15 {
    margin-left: 15px;}
.pt5 {
    padding-top: 5px;}
.pt10 {
    padding-top: 10px;}
.pt15 {
    padding-top: 15px;}
.pr5 {
    padding-right: 5px;}
.pr10 {
    padding-right: 10px;}
.pr15 {
    padding-right: 15px;}
.pb5 {
    padding-bottom: 5px;}
.pb10 {
    padding-bottom: 10px;}
.pb15 {
    padding-bottom: 15px;}
.pl5 {
    padding-left: 5px;}
.pl10 {
    padding-left: 10px;}
.pl15 {
    padding-left: 15px;}
.orangeLine {
    border-bottom: 1px solid #FF9600;}
.blueLine {
    border-bottom: 1px solid lightblue;}
@media (max-width:500px) {
    .hide500 {
        display: none;}}
@media (max-width:600px) {
    .hide600 {
        display: none;}}
@media (max-width:700px) {
    .hide700 {
        display: none;}}
@media (max-width:800px) {
    .hide800 {
        display: none;}}
@media (max-width:900px) {
    .hide900 {
        display: none;}}
@media (max-width:1000px) {
    .hide1000 {
        display: none;}}
@media (max-width:1200px) {
    .hide1200 {
        display: none;}}
@media (min-width:700px) {
    .show700 {
        display: none;}}
.container1 {
	text-align: center;
	display: inline-block;
	vertical-align: top;}
.container2 {
    padding: 0;
    margin: 0;
	vertical-align: top;}
.car {
    width: 80px;}
.car:hover {
    transition: 1.5s;
    transform: scale(1.15);}
.flag {
    box-shadow: .5px 2px 2px .5px #666666;
    border-radius: 2px;
    margin-left: 3px;
    margin-right: 5px;
    height: 15px;}
.tyre {
    border-radius: 2px;
    margin-left: 0px;
    margin-right: 5px;
    height: 15px;}
.percent {
    display: inline-block;
    width: 100%;
    font-size: 12px;}
.innerTitles {
    font-size: 11px;
    font-style: italic;
    color: #999999;}
/*Boxes*/
.boxMilestones {
    padding-top: 30px;
	vertical-align: top;
	display: inline-block;
    max-width: 420px;
    min-width: 350px;
	width: 25%;}
    @media (max-width:1000px) {
        .boxMilestones {
            padding-top: 20px;
            min-width: 375px;
            max-width: none;
            width: 60%;}}
     @media (max-width:630px) {
        .boxMilestones {
            padding-top: 20px;
            min-width: 375px;
            max-width: none;
            width: 90%;}}
.boxInstagramBottom {
    vertical-align: top;
    display: inline-block;
    width: 350px;
    margin: 0 10px 20px;
    padding-top: 50px;}
    @media (max-width:840px) {
        .boxInstagramBottom {
            padding-top: 30px;}}
    @media (max-width:630px) {
        .boxInstagramBottom {
            padding-top: 30px;
            margin: 0px;
            width: 90%;}}
.boxInstagramTop {
    vertical-align: top;
    display: inline-block;
    width: 350px;
    margin: 0 10px 20px;
    padding-top: 50px;}
    @media (max-width:840px) {
        .boxInstagramTop {
            padding-top: 30px;}}
    @media (max-width:630px) {
        .boxInstagramTop {
            padding-top: 30px;
            margin: 0px;
            width: 90%;}}
.boxFrontResults {
	vertical-align: top;
	display: inline-block;
    max-width: 420px;
    min-width: 350px;
    padding-top: 10px;
    margin: 10px 0 0 0;
	width: 25%;}
    @media (max-width:1000px) {
        .boxFrontResults {
            min-width: 375px;
            max-width: none;
            margin: 0px;
            width: 60%;}}
     @media (max-width:630px) {
        .boxFrontResults {
            min-width: 375px;
            max-width: none;
            margin-left: 0px;
            width: 90%;}}
.boxFrontCircuit {
    margin: 10px 0 0 20px;
    vertical-align: top;
    display: inline-block;
    width: 210px;}
    @media (max-width:840px) {
        .boxFrontCircuit {
            width: 270px;
            margin: 10px 5px 0 5px;}}
    @media (max-width:630px) {
        .boxFrontCircuit {
            min-width: 375px;
            max-width: none;
            margin: 10px 0 0 0;
            width: 90%;}}
.boxChamp {
	vertical-align: top;
	display: inline-block;
    max-width: 400px;
    min-width: 350px;
    padding-top: 40px;
	width: 25%;}
    @media (max-width:630px) {
        .boxChamp {
            padding-top: 20px;
            width: 90%;}}
.boxFrontWinner {
    margin: 70px 0 0 20px;
    vertical-align: bottom;
    display: inline-block;
    width: 210px;}
    @media (max-width:840px) {
        .boxFrontWinner {
            width: 270px;
            margin: 61px 5px 0 5px;}}
    @media (max-width:630px) {
        .boxFrontWinner {
            min-width: 375px;
            max-width: none;
            margin: 10px 0 0 0;
            width: 90%;}}
.boxRaceSelection {
    vertical-align: top;
    display: inline;
    margin: 20px 0 20px 0;
    width: 60%;
    max-width: 600px;}
    @media (max-width:840px) {
        .boxRaceSelection {
            width: 80%;}}
    @media (max-width:630px) {
        .boxRaceSelection {
            width: 95%;}}
.boxCircuitInfo {
    vertical-align: bottom;
    display: inline-block;
    margin: 0 5px 0 5px;
    width: 200px;}
    @media (max-width:630px) {
        .boxCircuitInfo {
            width: 80%;
            vertical-align: top;
            text-align: center;}}
.boxRaceTop {
    margin: 30px 10px 0 0;
    text-align: center;
    display: inline-block;}
    @media (max-width:1100px) {
        .boxRaceTop {
            margin-top: 10px;
            width: 100%}}
    @media (max-width:630px) {
        .boxRaceTop {
            display: none;}}
.boxRaceImage {
    padding: 40px 0 10px;
    text-align: center;
    width: 60%;
    max-width: 800px;
    min-width: 400px;
    padding: 40px 0 10px;}
    @media (max-width:840px) {
        .boxRaceImage {
            padding-top: 20px;
            width: 80%;
            max-width: none;
            min-width: none;}}
    @media (max-width:630px) {
        .boxRaceImage {
            padding-top: 20px;
            width: 95%;
            max-width: none;
            min-width: none;}}
.boxRaceResult {
    vertical-align: top;
    display: inline-block;
    margin: 10px 0 0 0;
    text-align: center;
    width: 80%;}
    @media (max-width:1200px) {
        .boxRaceResult {
            width: 90%;}}
    @media (max-width:840px) {
        .boxRaceResult {
            width: 95%;}}
.boxRaceInfo {
    text-align: bottom;
    margin: 10px 5px 0 5px;
    vertical-align: bottom;
    display: inline-block;
    width: 200px;}
    @media (max-width:630px) {
        .boxRaceInfo {
            width: 80%;
            vertical-align: top;
            text-align: center;}}
.boxStatsSelection {
    vertical-align: top;
    display: inline;
    margin: 20px 0 20px 0;
    width: 60%;
    max-width: 630px;}
    @media (max-width:840px) {
        .boxRaceSelection {
            width: 80%;}}
    @media (max-width:630px) {
        .boxRaceSelection {
            width: 95%;}}
.boxStatsContent {
    vertical-align: top;
    text-align: center;
    display: inline;
    margin: 0px;
    width: 40%;}
    @media (max-width:630px) {
        .boxStatsContent {
            width: 60%;}}
    @media (max-width:420px) {
        .boxStatsContent {
            vertical-align: top;
            width: 90%;}}
.boxStatsInfo {
    margin: 20px 5px 0 5px;
    vertical-align: top;
    display: inline-block;
    width: 15%;
    min-width: 240px;}}
    @media (max-width:840px) {
        .boxStatsInfo {
            width: 40%;
            margin: 10px 5px 0 5px;}}
    @media (max-width:630px) {
        .boxStatsInfo {
            width: 95%;
            margin-top: 0px;}}
.boxRecordsResults {
	vertical-align: top;
	display: inline-block;
    max-width: 420px;
    min-width: 350px;
    margin: 10px 0 0 0;
	width: 25%;}
    @media (max-width:1000px) {
        .boxRecordsResults {
            padding-top: 20px;
            min-width: 375px;
            max-width: none;
            margin: 0px;
            width: 60%;}}
     @media (max-width:630px) {
        .boxRecordsResults {
            padding-top: 20px;
            min-width: 375px;
            max-width: none;
            margin-left: 0px;
            width: 90%;}}

/*Logo*/
.logoF1 {
    font-family: 'Michroma', sans-serif;
    color: #FF9600;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    padding-bottom: 14px;
	text-align: center;
    text-decoration: none;
    vertical-align: middle;}
.logoM {
    font-family: 'Michroma', sans-serif;
    color: #00AFC8;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    padding-bottom: 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;}
/*Menu*/
.menu {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	border: #FF9600;
	width: 100%;
	min-width: 320px;
	padding-top: 5px;
    margin-bottom: 20px;}
    @media (max-width:630px) {
        .menu {
            text-align: center;
            width: 120px;}}
.topMenuBox {
	text-align: center;
	display: inline-block;
	vertical-align: top;
    margin: 10px 0 5px;}
    @media (max-width:840px) {
        .topMenuBox {
            max-width: 680px;
            align-content: center;}}
    @media (max-width:630px) {
        .topMenuBox {
            display: none;}}
#topMenu a {
	text-align: center;
	margin: 10px 0 5px;
	color: #666666;
	display: inline-block;
	padding: 10px 5px 0 5px;
	text-decoration: none;}
#topMenu a:hover {
	color: #FF9600;
	padding-top: 7px;
	border-top: medium #FF9600 solid;}
.topSelectBox {
	text-align: center;
	display: inline-block;
	vertical-align: top;
    margin: 10px 0 5px;}
    @media (max-width:840px) {
        .topSelectBox {
            max-width: 680px;
            align-content: center;}}

/* Mobile Menu*/
.topMenuMobileBox {
	text-align: center;
	display: none;
	vertical-align: top;
    width: 180px;}
    @media (max-width:630px) {
        .topMenuMobileBox {
            display: inline-block;}}
.topMenuMobile {
    overflow: hidden;
    width: 60%;
    margin-left: 20%;
    position: relative;}
.topMenuMobile #topMenuMobileItems {
    display: none;}
.topMenuMobile a {
    color: #666666;
    padding: 10px 5px;
    text-decoration: none;
    display: block;}
.topMenuMobile a.icon {
    background: transparent;
    display: block;
    color: #666666;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: -5px;}
.topMenuMobile a:hover {
    color: #FF9600;}
    .active {
    color: white;} 

/*Social*/
.social {
	display: inline-block;
	border: none;
	margin: 10px 5px 5px 5px;
	max-height: 10%;
	height: 27px;}
.socialTwitter {
    text-align: center;
	display: inline-block;
	border: none;
	margin: 10px 5px 5px 5px;
	max-height: 8%;
	height: 20px;}
/*Instagram pictures*/
.instagramPicBox {
    margin-left: 10px;
    vertical-align: top;
    text-align: left;}
    @media (max-width:630px) {
        .instagramPicBox {
            width: 100%;
            margin: 10px 0 0 0;}}
.instagramPicBottom {
    box-shadow: 1px 3px 3px 1px #666666;
    border-radius: 5px 5px 0 0;
    width: 100%;
    margin: 0px;}
.instagramPicTop {
    box-shadow: 1px 3px 3px 1px #666666;
    border-radius: 0 0 5px 5px;
    width: 100%;
    margin: 0px;}
.instagramTextBottom {
    padding: 0 10px 10px 10px;
    text-align: right;
    margin-top: 10px;
    vertical-align: top;
    border-bottom: 1px solid #FF9600;
    border-right: 1px solid #FF9600;
    border-left: 1px solid #FF9600;}
    @media (max-width:630px) {
        .instagramTextBottom {
            font-size: 16px;}}
.instagramTextTop {
    padding: 10px 10px 0 10px;
    text-align: left;
    margin-bottom: 10px;
    vertical-align: top;
    border-top: 1px solid #FF9600;
    border-right: 1px solid #FF9600;
    border-left: 1px solid #FF9600;}
    @media (max-width:630px) {
        .instagramTextTop {
            font-size: 16px;}}

/*Drivers Championship*/
.champTitleBox {
    width: 100%;
    margin-top: 5px;
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 1px solid #FF9600;}
.champIcon {
    display: inline-block;
    height: 30px;}
table.champTable {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    color: #999999;}
/*Constructors Championship*/
.champTitleText {
    display: inline-block;
    text-align: left;
    margin-left: 5px;}

/*Front*/
/*Stats & Facts Section*/
.statsFactsTitle {
    max-width: 100%;
	padding: 10px 0 5px;
    text-align: center;}
.statsFactsContent {
    max-width: 100%;
	color: #999999;
    font-size: 12px;
	border-bottom: 1px solid lightblue;
    padding: 5px;}
.statsFactsContent:hover {
	transition: 1s;
	border-bottom: 1px solid #00AFC8;
	color: #000;}
/*Result Section*/
table.resultsTableFront {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    color: #999999;}
.resultsTitleBox {
    border-bottom: 1px solid #FF9600;
    padding-bottom: 5px;
    width: 100%;
    text-align: left;}
.resultsTitleFlag {
    border-radius: 3px;
    box-shadow: 1px 3px 3px 1px #666666;
    display: inline-block;
    height: 25px;
    margin: 2px 5px 0 0;}
.resultsTitleText {
    display: inline-block;}
.selectionBox {
    width: 100%;
    text-align: center;
    padding: 5px 0 5px 0;
    color: #fff;}
.selectionBox select {
    width: 48%;
    background: lightblue;
    padding: 5px;}
/*Circuit Section*/
.circuitFlag {
    border-radius: 3px;
    display: inline-block;
    box-shadow: 1px 3px 3px 1px #666666;
    height: 25px;
    margin-top: 29.5px;}
    @media (max-width:840px) {
        .circuitFlag {
            margin-top: 20px;}}
    @media (max-width:630px) {
        .circuitFlag {
            margin-top: 10px;}}
.circuitNameFront {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #666666;
    text-align: center;}
    @media (max-width:630px) {
        .circuitNameFront {
            margin-left: 20px;
            width: 90%;
            max-width: 570px;}}
.circuitDataFront {
    border-bottom: 1px solid lightblue;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #666666;
    text-align: center;}
    @media (max-width:630px) {
        .circuitDataFront {
            margin-left: 20px;
            width: 90%;
            max-width: 570px;}}
.circuitImageFront {
    text-align: center;
    margin-top: 10px;
    border-radius: 3px 3px 0 0;
    transition: 5s;
    box-shadow: .5px 2px 2px .5px #666666;
    width: 100%;}
        @media (max-width:630px) {
        .circuitImageFront {
            width: 90%;}}
.circuitImageFront:hover {
    background: white;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 1px #666666;
    transition: 5s;
    transform: scale(2.5);}
        @media (max-width:630px) {
        .circuitImageFront:hover {
            transform: none;}}
/*Last/Next GP Section*/
.lastTitleWinBox {
    display: inline-block;
    margin-top: 36.5px;
    width: 100%;}
    @media (max-width:630px) {
        .lastTitleWinBox {
            margin-top: 5px;
            text-align: center;}}
.lastIconWin {
    display: inline-block;
    height: 38px;}
    @media (max-width:840px) {
        .lastIconWin {
            margin-left: 0px;}}
    @media (max-width:630px) {
        .lastIconWin {
            margin-left: 20px;}}
.lastTitleFix {
    width: 100%;
    min-width: 165px;
    padding-top: 11px;
    font-size: 12px;
    color: #666666;
    text-align: center;}
.lastTitleVar {
    width: 100%;
    min-width: 165px;
    color: #666666;
    text-align: center;}
.lastTitleLine {
    max-width: 210px;
    width: 100%;
    border-top: 1px solid #FF9600;
    margin-top: 5px;}
    @media (max-width:840px) {
        .lastTitleLine {
            margin-left: 0px;}}
    @media (max-width:630px) {
        .lastTitleLine {
            margin-left: 20px;
            width: 90%;
            max-width: 570px;}}
.lastDriver {
    border-bottom: 1px solid lightblue;
    color: #666666;
    font-size: 12px;
    vertical-align: middle;
    padding: 4px 0 3px 0;
    text-align: center;
    width: 100%;}
    @media (max-width:630px) {
        .lastDriver {
            margin-left: 20px;
            width: 90%;
            max-width: 570px;}}
.lastFlag {
    vertical-align: top;
    margin: 0px;
    padding-top: 5px;}
.lastTeam {
    border-bottom: 1px solid lightblue;
    color: #666666;
    font-size: 12px;
    padding: 5px 0 5px 0;
    text-align: center;
    width: 100%;}
    @media (max-width:630px) {
        .lastTeam {
            margin-left: 20px;
            width: 90%;
            max-width: 570px;}}
.lastTime {
    border-bottom: 1px solid lightblue;
    width: 100%;
    padding-top: 5px;
    font-size: 12px;
    padding-bottom: 5px;
    color: #666666;
    text-align: center;}
    @media (max-width:630px) {
        .lastTime {
            margin-left: 20px;
            width: 90%;
            max-width: 570px;}}
.lastTitlePoleBox {
    display: inline-block;
    margin-top: 5px;
    width: 100%;}
    @media (max-width:630px) {
        .lastTitlePoleBox {
            text-align: center;}}
.lastIconPole {
    display: inline-block;
    margin-right: 6px;
    height: 38px;}
    @media (max-width:840px) {
        .lastIconPole {
            margin-left: 0px;}}
    @media (max-width:630px) {
        .lastIconPole {
            margin-left: 20px;}}
.lastCar {
    margin: 0px;
    width: 130px;}
/*End Front*/

/*Results*/
/*Summary Section*/
.selectionBoxRace {
    width: 100%;
    text-align: center;
    color: #fff;}
.selectionBoxRace select {
    width: 32%;
    margin: 5px;
    background: lightblue;
    padding: 5px;}
.summaryTitleBox {
    margin: 10px 0 10px 5px;
    width: 400px;
    padding: 5px 0 0 5px;
    text-align: left;
    border-bottom: 1px solid #FF9600;}
    @media (max-width:630px) {
        .summaryTitleBox {
            margin: 10px 0 10px 5px;
            width: 90%;}}
.summaryTitleFix {
    width: 100%;
    padding-top: 10px;
    font-size: 11px;
    font-style: italic;
    color: #999999;
    text-align: center;}
.summaryTitleFixLeft {
    width: 100%;
    padding-top: 10px;
    font-size: 11px;
    font-style: italic;
    color: #999999;
    text-align: left;}
.summaryDriverPic {
    box-shadow: 1px 3px 3px 1px #666666;
    border-radius: 5px 0 0 5px;
    margin: 30px 0 0 10px;
    display: inline-block;
    vertical-align: bottom;
    width: 123px;}
.summaryDriver {
    border-bottom: 1px solid lightblue;
    color: #666666;
    font-size: 12px;
    vertical-align: middle;
    padding: 5px;
    text-align: left;
    width: 100%;
    min-width: 200px;}
    @media (max-width:630px) {
        .summaryDriver {
            margin-left: 20px;
            width: 90%;
            max-width: 570px;}}
.summaryFlag {
    vertical-align: top;
    padding-top: 5px;}
.summaryTeam {
    border-bottom: 1px solid lightblue;
    color: #666666;
    font-size: 12px;
    padding: 5px;
    text-align: left;
    width: 100%;}
    @media (max-width:630px) {
        .summaryTeam {
            max-width: 570px;}}
.summaryCar {
    margin: 0px;
    height: 35px;}
.summaryTime {
    border-bottom: 1px solid lightblue;
    width: 100%;
    padding: 5px;
    font-size: 12px;
    color: #666666;
    text-align: left;}
    @media (max-width:630px) {
        .summaryTime {
            margin-left: 20px;
            width: 90%;
            max-width: 570px;}}
.posterImage {
    border-radius: 5px 5px 0 0;
    margin-bottom: 5px;
    box-shadow: .5px 2px 2px .5px #666666;
    transition: 3s;
    width: 100%;}
.posterImage:hover {
    transition: 3s;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 1px #666666;
    transform: scale(1.5);}
    @media (max-width:630px) {
        .posterImage:hover {
            transform: none;}}
.raceImage {
    width: 60%;
    max-width: 700px;
    margin-top: 20px;
	border-radius: 0 0 5px 5px;
    box-shadow: 1px 3px 3px 1px #666666;}
    @media (max-width:630px) {
        .raceImage {
            width: 90%;}}
/*Circuit Section*/
.circuitFlagRace {
    box-shadow: 1px 3px 3px 1px #666666;
    border-radius: 3px;
    margin-top: 30px;
    display: inline-block;
    height: 25px;}
    @media (max-width:630px) {
        .circuitFlagRace {
            margin-top: 10px;}}
.circuitImageRace {
    border-radius: 3px 3px 0 0;
    margin-bottom: 5px;
    box-shadow: .5px 2px 2px .5px #666666;
    text-align: center;
    transition: 5s;
    width: 100%;}
.circuitImageRace:hover {
    background: white;
    transition: 5s;
    border-radius: 5px;
    box-shadow: 1px 3px 3px 1px; 
    transform: scale(2.5);}
    @media (max-width:630px) {
        .circuitImageRace:hover {
            transform: none;}}
.circuitNameRace {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #666666;}
    @media (max-width:630px) {
        .circuitNameRace {
            margin-left: 20px;
            width: 90%;
            max-width: 570px;}}
.circuitDataRace {
    background-color: #EEEEEE;
    border-bottom: 1px solid lightblue;
    width: 100%;
    padding-top: 5px;
    font-size: 12px;
    padding-bottom: 5px;
    color: #666666;}
.circuitDataDivision {
    margin-top: 5px;
    text-align: right;}
/*Result Section*/
.resultsTitleGeneric {
    border-bottom: 1px solid lightblue;
    padding: 5px 4px 3px;
    font-size: 11px;
    font-style: bold;
    font-style: italic;}
.resultsTitleBox {
    border-bottom: 1px solid #FF9600;
    margin-top: 20px;
    padding-bottom: 5px;
    width: 100%;
    text-align: left;}
.raceTitleFlag {
    box-shadow: 1px 3px 3px 1px #666666;
    border-radius: 3px;
    display: inline-block;
    height: 25px;
    margin-top: 2px;}
.resultsTitleText {
    display: inline-block;
    margin-left: 5px;}
table.resultsTable {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    color: #999999;
    text-align: left;}
.resultsPos {
    border-bottom: 1px solid lightblue;
    background-color: #00AFC8;
    text-decoration-style: solid;
    font-style: italic;
    text-align: center;
    color: white;
    min-width: 25px;
    max-width: 30px;}
.resultsPosYellow {
    border-bottom: 1px solid darkgray;
    background-color: #FFE666;
    text-decoration-style: solid;
    font-style: italic;
    font-size: 10px;
    text-align: center;
    color: black;
    min-width: 25px;
    max-width: 30px;}
.resultsPosYellowGreen {
    border-bottom: 1px solid darkgray;
    background-color: #FFE666;
    text-decoration-style: solid;
    font-style: italic;
    font-size: 10px;
    text-align: center;
    color: green;
    min-width: 25px;
    max-width: 30px;}
.resultsPosRed {
    border-bottom: 1px solid pink;
    background-color: red;
    text-decoration-style: solid;
    font-style: italic;
    font-size: 10px;
    color: white;
    text-align: center;
    min-width: 25px;
    max-width: 30px;}
.resultsDriverRace {
    padding-left: 3px;
    border-bottom: 1px solid lightblue;
    text-align: right;
    font-size: 12px;
    color: #666666;
    min-width: 125px;}
    @media (max-width:420px) {
        .resultsDriverRace {
            color: #333333;}}
.resultsDriverRace:hover {
	transition: 1s;
	color: #FF9600;}
.resultsDriverRaceShare1 {
    text-align: right;
    padding-bottom: 2px;}
.resultsDriverRaceShare2 {
    text-align: right;
    border-top: .5px solid lightgray;
    padding: 2px 0 2px;}
.resultsFlag {
    border-radius: 2px;
    padding-top: 2px;
    border-bottom: 1px solid lightblue;
    width: 28px;
    text-align: center;}
.resultsWeather {
    padding-top: 3px;
    border-bottom: 1px solid lightblue;
    min-width: 20px;
    text-align: center;}
.resultsNumber {
    border-bottom: 1px solid lightgray;
    background-color: #FF9900;
    text-decoration-style: solid;
    text-align: center;
    color: black;
    padding-left: 5px;
    padding-right: 5px;}
.resultsDriver {
    border-bottom: 1px solid lightblue;
    text-align: right;
    padding-left: 5px;
    color: #666666;
    font-size: 12px;
    min-width: 85px;}
    @media (max-width:420px) {
        .resultsDriver {
            color: #333333;}}
.resultsDriver:hover {
	transition: 1s;
	color: #FF9600;}
.resultsTeam {
    padding-left: 5px;
    border-bottom: 1px solid lightblue;
    text-align: right;
    font-size: 12px;
    color: #666666;
    min-width: 150px;}
    @media (max-width:420px) {
        .resultsTeam {
            color: #666666;}}
.resultsTeam:hover {
	transition: 1s;
	color: #FF9600;}
.resultsConstructor {
    border-bottom: 1px solid lightblue;
    text-align: right;
    font-size: 12px;
    color: #666666;
    min-width: 150px;}
    @media (max-width:420px) {
        .resultsConstructor {
            color: #666666;}}
.resultsConstructor:hover {
	transition: 1s;
	color: #FF9600;}
.resultsCar {
    border-bottom: 1px solid lightblue;
    min-width: 100px;
    padding: 2px 0 -5px 0;
    text-align: center;}
.resultsTyre {
    border-bottom: 1px solid lightblue;
    max-width: 20px;
    padding: 2px 0 -5px 0;
    text-align: center;}
.resultsTime {
    padding-top: 4px;
    font-size: 11px;
    min-width: 90px;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsTime {
            font-size: 10px;
            color: #666666;}}
.resultsTime:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsDistance {
    padding-right: 4px;
    font-size: 11px;
    min-width: 75px;
    color: #666666;
    border-bottom: 1px solid lightblue;}
    @media (max-width:420px) {
        .resultsDistance {
            font-size: 12px;
            color: #666666;}}
.resultsDistance:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsLaps {
    padding: 0 4px 0 0;
    font-size: 11px;
    min-width: 60px;
    background-color: #EEEEEE;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsLaps {
            font-size: 12px;
            color: #666666;}}
.resultsLaps:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsPoints {
    padding: 0 4px 0 0;
    font-size: 11px;
    min-width: 40px;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsPoints {
            font-size: 12px;
            color: #666666;}}
.resultsPoints:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsGPName {
    padding-left: 5px;
    border-bottom: 1px solid lightblue;
    text-align: right;
    font-size: 12px;
    color: #666666;
    min-width: 100px;}
    @media (max-width:420px) {
        .resultsGPName {
            color: #666666;}}
.resultsGPName:hover {
	transition: 1s;
	color: #FF9600;}
.resultsTimeRace {
    padding: 0 4px 0 0;
    font-size: 11px;
    background-color: #EEEEEE;
    min-width: 100px;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsTimeRace {
            font-size: 11px;
            color: #666666;}}
.resultsTimeRace:hover {
	transition: 1.5s;
	color: #FF9600;}
.resultsGap {
    padding: 0 4px 0 5px;
    font-size: 11px;
    min-width: 80px;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsGap {
            font-size: 12px;}}
.resultsGap:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsInt {
    padding: 0 4px 0 5px;
    font-size: 11px;
    background-color: #EEEEEE;
    min-width: 60px;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsInt {
            font-size: 12px;}}
.resultsGap:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsLapsMulti {
    padding: 0 4px 0 0;
    font-size: 11px;
    min-width: 110px;
    background-color: #EEEEEE;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsLapsMulti {
            font-size: 12px;
            color: #666666;}}
.resultsLapsMulti:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsLapsRaceShare1 {
    min-width: 40px;
    text-align: right;
    border-right: .5px solid lightgray;
    padding: 0 4px 2px 5px;}
.resultsLapsRaceShare2 {
    min-width: 40px;
    text-align: right;
    border-top: .5px solid lightgray;
    border-right: .5px solid lightgray;
    padding: 2px 4px 2px 5px;}
.resultsLapsRaceShareMain2 {
    width: 50px;
    vertical-align: middle;
    padding: 9px 0 0 5px;
    display: inline-block;}
.resultsLapsRaceShareMain3 {
    width: 50px;
    vertical-align: middle;
    padding: 18px 0 0 5px;
    display: inline-block;}
.resultsLapsRaceShareMain4 {
    width: 50px;
    vertical-align: middle;
    padding: 27px 0 0 5px;
    display: inline-block;}
.resultsLapsRaceShareMain5 {
    width: 50px;
    vertical-align: middle;
    padding: 36px 0 0 5px;
    display: inline-block;}
.resultsDistance {
    padding: 0 4px 0 0;
    font-size: 11px;
    min-width: 75px;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsDistance {
            font-size: 12px;
            color: #666666;}}
.resultsDistance:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsDistanceMulti {
    padding: 0 4px 0 0;
    font-size: 11px;
    min-width: 160px;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsDistanceMulti {
            font-size: 12px;
            color: #666666;}}
.resultsDistanceMulti:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsDistanceRaceShare1 {
    min-width: 70px;
    text-align: right;
    border-right: .5px solid lightgray;
    padding: 0 4px 2px 5px;}
.resultsDistanceRaceShare2 {
    min-width: 70px;
    text-align: right;
    border-top: .5px solid lightgray;
    border-right: .5px solid lightgray;
    padding: 2px 4px 2px 5px;}
.resultsDistanceRaceShareMain2 {
    min-width: 70px;
    vertical-align: middle;
    padding: 9px 0 0 5px;
    display: inline-block;}
.resultsDistanceRaceShareMain3 {
    min-width: 70px;
    vertical-align: middle;
    padding: 18px 0 0 5px;
    display: inline-block;}
.resultsDistanceRaceShareMain4 {
    min-width: 70px;
    vertical-align: middle;
    padding: 27px 0 0 5px;
    display: inline-block;}
.resultsDistanceRaceShareMain5 {
    min-width: 70px;
    vertical-align: middle;
    padding: 36px 0 0 5px;
    display: inline-block;}
.resultsSpeed {
    padding: 0 4px 0 0;
    font-size: 11px;
    min-width: 75px;
    background-color: #EEEEEE;
    color: #666666;
    border-bottom: 1px solid lightblue;
    text-align: right;}
    @media (max-width:420px) {
        .resultsSpeed {
            font-size: 12px;
            color: #666666;}}
.resultsSpeed:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsPointsRaceShare1 {
    min-width: 30px;
    vertical-align: middle;
    text-align: right;
    padding: 0 0 2px 5px;}
.resultsPointsRaceShare2 {
    min-width: 30px;
    vertical-align: middle;
    text-align: right;
    border-top: .5px solid lightgray;
    padding: 2px 0 2px 5px;}
.noteText {
    margin: 10px 0 10px 5px;
    width: 400px;
    padding: 5px 0 0 5px;
    text-align: left;
    border-bottom: 1px solid #FF9600;}
    @media (max-width:630px) {
        .noteText {
            margin: 10px 0 10px 5px;
            width: 90%;}}
/*End Results*/

/*Stats*/
/*Selection section*/
.selectionBoxStats {
    width: 100%;
    text-align: center;
    color: #fff;}
.selectionBoxStats select {
    width: 20%;
    min-width: 175px;
    max-width: 200px;
    margin-bottom: 10px;
    background: lightblue;
    padding: 5px;}
.statsTitleBox {
    margin: 10px 0 10px;
    width: 415px;
    margin-left: 5px;
    max-width: 800px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #FF9600;}
    @media (max-width:630px) {
        .summaryTitleBox {
            margin-left: 2.5%;
            width: 90%;}}
/*Stats section*/
.statsData {
    border-bottom: 1px solid lightblue;
    color: #666666;
    background-color: #EEEEEE;
    text-align: left;
    padding: 5px 10px 5px 10px;
    font-size: 12px;}
    @media (max-width:840px) {
        .statsData {
            padding: 5px 10px 5px 20px;}}
    @media (max-width:630px) {
        .statsData {
            margin: 0 20px 0 20px;
            padding: 5px 10px 5px 20px;}}
.photoStats {
    box-shadow: 1px 3px 3px 1px #666666;
    border-radius: 3px;
    text-align: center;
    margin: 0 0 20px 0;
    width: 140px;}
    @media (max-width:630px) {
        .photoStats {
            width: 160px;}}
.statsTitleFlag {
    box-shadow: 1px 3px 3px 1px #666666;
    border-radius: 3px;
    display: inline-block;
    height: 25px;}
/*History section*/
table.resultsTable {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    color: #999999;}
.circuitImageHistory {
    margin-right: 3px;
    border-radius: .15px;
    transition: 5s;
    width: 20px;}
.circuitImageHistory:hover {
    box-shadow: 1px 1.2px 1.2px 1px #666666;
    background: white;
    transition: 5s;
    transform: scale(18);}
.resultsRaceStatus {
    font-size: 11px;
    text-align: center;
    color: #666666;
    min-width: 35px;
    border-bottom: 1px solid lightblue;}
    @media (max-width:420px) {
        .resultsRaceStatus {
            font-size: 12px;
            color: #666666;}}
.resultsRaceStatus:hover {
	transition: 1.5s;
	color: darkorange;}
.resultsCause {
    padding: 0 0 0 5px;
    font-size: 11px;
    text-align: left;
    min-width: 75px;
    color: #666666;
    border-bottom: 1px solid lightblue;}
    @media (max-width:420px) {
        .resultsCause {
            font-size: 12px;
            color: #666666;}}
.resultsCause:hover {
	transition: 1.5s;
	color: darkorange;}
/*End*/