div.resultsMainTitle {
    font-size:16pt;
    margin-bottom:12px;
}

div.resultBox {

}

div.roundSpacer {
    height:26px;
}

div.resultBox div.roundTitle {
    font-size:12pt;
    border-bottom: solid 1px #aaaaaa;
}



div.matchBox {
    display:flex;
    border-bottom:solid 1px #aaaaaa;
    padding:6px 0px;
}

div.matchBox div.titleCol {
    flex:1;
}

div.matchBox div.p1Col {
    flex:3;
    text-align:right;
}

div.matchBox div.scoreCol {
    flex:2;
    text-align:center;
}

div.matchBox div.p2Col {
    flex:3;
}

div.matchBox div.scoreCol div.score {
    color:#0787e7;
    font-size:16pt;
}

div.matchBox div.scoreCol div.scoreStatus{
    color:#777777;
    font-size:8pt;
}

div.matchBox div.titleCol div.raceNo {
    color:#777777;
    height:17px;
    padding-top:4px;
    vertical-align: bottom;
}

div.matchBox div.p1Col div.raceDetails, div.matchBox div.p2Col div.raceDetails {
    color:#777777;
    height:17px;
    padding-top:4px;
}

div.matchBox .unitLabel {

}

div.matchBox div.matchTitle {
    height:22px;
    color:#777777;
    margin-bottom:2px;
}

div.matchBox img.flag {
    box-shadow: 0px 0px 3px #999999;
    vertical-align: baseline;
}

div.matchBox div.p1Col img.flag {
    margin-left:12px;
}

div.matchBox div.p2Col img.flag {
    margin-right:12px;
}

div.matchBox div.raceWinnerCheck {
    display:inline-block;
    color:#000000;
}

div.matchBox div.p1Col div.raceWinnerCheck {
    margin-left:27px;
    width:24px;
    margin-right:-18px;
}

div.matchBox div.p2Col div.raceWinnerCheck {
    margin-right:27px;
    width:24px;
    margin-left:-18px;
}

div.matchBox div.pilotName {
    display:inline-block;
    font-size:14pt;
}

div.standingsTable {
    display:flex;
    padding-top:6px;
    border-top: solid 1px #aaaaaa;
    border-bottom: solid 1px #aaaaaa;
    width:260px;
    margin-bottom:30px;
}

div.standingsTable div.col1 {
    width:30px;
}

div.standingsTable div.col2 {
    flex:4;
}

div.standingsTable div.col3 {
    width:40px;
}

div.standingsTable div.col4 {
    flex:1;
}

div.standingsTable div.pilotName {
}

div.standingsTable img.flag {
    box-shadow: 0px 0px 3px #999999;
    vertical-align: top;

}

div.standingsTable div.col1 div, div.standingsTable div.col2 div, div.standingsTable div.col3 div, div.standingsTable div.col4 div  {
    height:23px;
}

