.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui-helper-clearfix {
    display: inline-block
}
/*\*/ * html .ui-helper-clearfix {
    height: 1%
}

.ui-helper-clearfix {
    display: block
}
/**/ .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget {
    font-family: Lato,Helvetica,Arial,sans-serif;
    font-size: 1.1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Lato,Helvetica,Arial,sans-serif;
        font-size: 1em
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #444
}

    .ui-widget-content a {
        color: #444
    }

.ui-widget-header {
    border: 1px solid #ddd;
    background: #ddd;
    color: #444;
    font-weight: bold
}

    .ui-widget-header a {
        color: #444
    }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #ccc;
        background: #fff;
        color: #444
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #444
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #ff0084;
        background: #fff;
        color: #222
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #222
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #222
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: normal
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui-widget-overlay {
    background: #eee;
    opacity: .80;
    filter: Alpha(Opacity=80)
}

.ui-widget-shadow {
    margin: -4px 0 0 -4px;
    padding: 4px;
    background: #aaa;
    opacity: .60;
    filter: Alpha(Opacity=60);
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    z-index: 99999;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -12px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -12px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .35em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .35em
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .35em
}

.ui-buttonset {
    margin-right: 7px
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em
    }

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: 0;
        overflow: auto;
        zoom: 1
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 2px;
        bottom: 2px
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

html, body {
    background-color: #fff
}

.ui-widget {
    font-family: "Segoe UI",Helvetica,Verdana
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 2px solid #ddd;
    background: inherit;
    font-weight: bold;
    text-decoration: none
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        text-decoration: none
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    font-weight: bold;
    color: #fff;
    border-width: 2px
}

    .ui-state-hover a, .ui-state-hover a:hover {
        color: #fff;
        text-decoration: none
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #ddd;
    font-weight: bold;
    color: #ff0084
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #ff0084;
        text-decoration: none
    }

.ui-widget :active {
    outline: 0
}

.ui-dialog {
    border-width: 2px;
    padding: 0
}

.ui-dialog-titlebar {
    border: 0;
    border-bottom-width: 2px;
    padding: .6em 1em .6em 1em !important;
    font-weight: bold;
    font-size: 1.1em
}

.ui-dialog-buttonpane {
    border-top-width: 2px !important;
    margin-top: 0 !important
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 24px;
    height: 24px;
    margin: -13px 0 0 0;
    padding: 0
}

.ui-dialog-titlebar-close > .ui-icon {
    margin: 4px !important
}

.ui-button {
    border-width: 2px !important;
    border-bottom-style: solid;
    font-weight: bold !important
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -1px
}

.ui-state-highlight {
    border: 2px solid
}

.ui-state-error {
    border: 2px solid
}

.ui-autocomplete {
    border: solid 2px #bbb;
    padding: 0
}

    .ui-autocomplete .ui-menu-item a {
        padding: 5px;
        border: 0;
        margin: 0 !important
    }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(/Styles/theme-metro-blue/images/ui-icons_525252_0.png)
}

.ui-state-default .ui-icon {
    background-image: url(/Styles/theme-metro-blue/images/ui-icons_525252_0.png)
}

.ui-state-active .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(/Styles/theme-metro-blue/images/ui-icons_ffffff_0.png)
}

.ui-widget-overlay {
    background: #fff
}

.ui-widget-content {
    color: #525252
}

    .ui-state-default, .ui-widget-content .ui-state-default {
        background-color: #d4d4d4;
        border-color: #d4d4d4;
        color: #525252
    }

    .ui-state-focus, .ui-widget-content .ui-state-focus {
        background-color: #66B3FF;
        border-color: #66B3FF;
        color: #fff
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover {
        background-color: #66B3FF;
        border-color: #66B3FF;
        color: #fff
    }

    .ui-state-active, .ui-widget-content .ui-state-active {
        background-color: #39f;
        border-color: #39f;
        color: #fff
    }

.ui-dialog {
    border-color: #39f;
    background-color: #fff !important
}

.ui-dialog-titlebar {
    border-color: #39f;
    color: #fff;
    background-color: #39f
}

.ui-dialog-buttonpane {
    border-color: #39f !important;
    background-color: #fff
}

.ui-dialog-content {
    background-color: #fff !important
}

.ui-dialog-titlebar .ui-icon {
    background-image: url(/Styles/theme-metro-blue/images/ui-icons_ffffff_0.png)
}

.ui-dialog-titlebar .ui-state-hover .ui-icon {
    background-image: url(/Styles/theme-metro-blue/images/ui-icons_3399ff_0.png) !important
}

.ui-dialog-titlebar-close {
    background-image: url(/Styles/theme-metro-blue/images/ui-icons_ffffff_0.png) !important;
    background-position: -232px -216px !important
}

    .ui-dialog-titlebar-close.ui-state-hover {
        background: url(/Styles/theme-metro-blue/images/ui-icons_ffffff_0.png) !important;
        background-position: -232px -168px !important
    }

.ui-autocomplete {
    border-color: #525252
}

    .ui-autocomplete a {
        background-color: #fff;
        color: #525252
    }

    .ui-autocomplete .ui-state-hover {
        background: #39f;
        color: #fff
    }

.ui-state-highlight {
    border-color: #efdca9;
    color: #525252;
    background: #efdca9
}

    .ui-state-highlight .ui-icon {
        background-image: url(/Styles/theme-metro-blue/images/ui-icons_525252_0.png)
    }

.ui-state-error {
    border-color: #c31d1d;
    color: #fff;
    background: #c31d1d
}

    .ui-state-error .ui-icon {
        background-image: url(/Styles/theme-metro-blue/images/ui-icons_ffffff_0.png)
    }

@font-face {
	font-family: Lato;
	src: url('lato-regular.woff');
}

@font-face {
	font-family: Lato;
	src: url('lato-bold.woff');
	weight: bold;
}


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #000;
    color: #fff
}

body {
    min-width: 100%;
    font-family: Lato;
    font-size: 0.9em;
}

h1 {
    margin: 15px 0;
    font-size: 1.3em;
}

h2 {
    margin: 11px 0;
    font-size: 1.15em;
}

h3 {
    margin: 8px 0;
    font-size: 1.1em;
}

h4 {
    margin: 5px 0;
    font-size: 1em;
}

.theme-light {
    background-color: #aaa;
    color: #222
}

    .theme-light .ui-widget-content {
        background-color: #aaa !important;
        color: #222
    }

.theme-dark {
    background-color: #000;
    color: #eee
}

    .theme-dark .ui-widget-content {
        background-color: #000 !important;
        color: #eee
    }

.theme-trans {
    background-color: transparent !important
}

#appContent {
    height: 100%
}

#liveTimingApp {
    display: flex;
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    position: relative;
    flex-flow: column;
    padding: 5px;
}

a {
    display: inline-block;
    background-color: #d4d4d4;
    color: #525252;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    line-height: 1.4;
    padding: .2em .8em
}

    a:hover {
        background-color: #66B3FF;
        color: #fff
    }

    a img {
        background: 0
    }

    a:hover img {
        background: 0
    }

    a.active {
        background-color: #39f;
        color: #fff
    }

.ui-widget {
    font-size: inherit !important
}

    .ui-widget a[role='button'] {
        background-color: transparent
    }

.loading_60x60 {
    background-image: url('/Img/loading_60x60.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px
}

/* Mazran Edits */


header nav {
    display: inline-flex;
}

nav a {
    padding: 4px 30px;
    text-decoration: none;
    color: white;
    border: 1px solid #333;
    border-bottom: none;
    /* margin-right: 5px; */
    border-radius: 8px 8px 0 0;
    background-color: #1e1e1e;
    transition: background-color 0.3s ease, color 0.3s ease;
}

nav a:hover {
    background-color: #e0e0e0;
    color: #000;
}

nav a.active {
    background-color: #0E3B55;
    color: white;
    font-weight: bold;
    position: relative;
    top: -2px;
    /* border: 1px solid lightskyblue; */
    border-bottom: 2px solid lightskyblue;
}
    header .buttonTheme {
        font-size: .8em
    }

    header .rightAlign {
        position: absolute;
        right: 10px
    }

        header .rightAlign > div {
            display: inline-block;
            vertical-align: top
        }

    header #copyright {
        color: #B0B0B0
    }

    header div.companyLogo a {
        padding: 0;
        background-color: transparent;
        text-align: left
    }

    header div.companyLogoImg {
        width: 29px;
        height: 30px;
        background-repeat: no-repeat;
        background-image: url('/Img/company_29x30.png')
    }

    header #skinsContainer {
        display: inline-block;
        vertical-align: top
    }

    header #skins {
        margin-top: -2px;
		display: none;
    }

    header #skinsHeader {
        color: #B0B0B0;
        font-size: 11px;
        margin-bottom: 1px
    }

    header #skins button {
        margin: 0 6px 0 0;
        font-size: 11px
    }

    header #timeTimekeeper {
        margin-left: 5px;
        margin-right: 4px;
        color: #B0B0B0;
        white-space: nowrap;
        display: inline-block;
        vertical-align: top;
    }

        header #timeTimekeeper div:last-of-type {
            margin-top: 1px
        }

    header #pageInfo {
        color: #B0B0B0;
        font-size: 11px;
        white-space: nowrap;
        /* display: inline-block; */
		display: none;
        vertical-align: top
    }

        header #pageInfo > div {
            display: inline-block;
            margin-left: 5px
        }

    header #pageInfoWebServerTime {
        margin-top: 1px
    }

    header #pageInfoProtected {
        text-align: center
    }

.buttonTwitter {
    display: none;
    padding-left: .5em
}

    .buttonTwitter > span {
        padding-left: 25px !important;
        background-repeat: no-repeat;
        background-position: center left
    }

    .buttonTwitter > span {
        background-image: url('/Img/twitter-bird-light-bgs_20x20.png')
    }

    .buttonTwitter:hover > span, .buttonTwitter.active > span {
        background-image: url('/Img/twitter-bird-dark-bgs_20x20.png')
    }

#liveTimingApp .external-content-container-demo {
    background-color: white
}

    #liveTimingApp .external-content-container-demo > img {
        max-height: inherit;
        display: block
    }

#contentContainer {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    flex-flow: column
}

    #contentContainer.reverse {
        flex-direction: column-reverse
    }

#content {
    padding: 10px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

    #content section.screen {
        display: none
    }

.ui-dialog {
    z-index: 99999
}

.dialogTwitter {
    position: absolute;
    display: none;
    visibility: hidden;
    min-height: 385px;
    height: auto !important;
    height: 385px;
    width: 250px;
    background-color: inherit
}

    .dialogTwitter > .loading {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

#twitterEvent .twtr-hd {
    padding: 10px 10px 3px 10px !important
}

.buttonTwitterEventDialog {
    padding-top: 5px;
    text-align: center;
    background-color: #39f !important
}

.twitter a {
    display: inline;
    padding: 0;
    background-color: transparent;
    color: inherit
}

.twitter .twtr-hd, .twtr-ft {
    cursor: move
}

    .twitter .twtr-doc, .twitter .twtr-hd, .twitter .twtr-hd a, .twitter .twtr-h3, .twitter .twtr-h4, .twitter .twtr-ft {
        background-color: inherit !important;
        color: inherit !important
    }

.twitter .twtr-hd, .twitter .twtr-ft {
    background-color: #39f !important;
    color: #FFF !important
}

.twtr-doc {
    border-radius: 0 !important
}

.theme-light .twitter {
    background-color: #FFF
}

.theme-light .twtr-tweet a {
    color: #1F5C99
}

.theme-dark .twitter {
    background-color: #000
}

.theme-dark .twtr-tweet a {
    color: #46b3f2
}

div.notificationBar .ui-icon {
    float: none !important;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 6px
}

div.notificationBar p {
    margin: 6px 10px
}

#connectionStatus {
    display: none
}

/* ------  HEAT STATE  ------ */

div.heatState {
    /* background-color: #eee;
    white-space: nowrap;
    padding: 2px 5px
	font-size: 1em; */
	display: grid;
	grid-template-columns: 150px 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 5px;
	align-items: center;
	text-align: center;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 15px;
    font-weight: bolder;
	
}

/* div.heatState > div {
	line-height: 24px
} */

.theme-dark div.heatState {
    border-radius: 5px;
    border-color: #0E3B55;
    background-color: #1e1e1e;
    padding: 10px;
}

div.heatState div.clock {
    /* display: inline-block;
    padding: 0 5px;
    margin-right: 10px */ 
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	display: flex;
	text-transform: uppercase;
	justify-content: left;
	align-items: center;
	padding: 5px 10px;
	margin: 0 0 0 5px;
	background: #0E3B55;
	border-radius: 5px;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 2), inset -1px -1px 8px black;
}

div.heatState div.heatName {
    /* display: inline-block;
    padding: 0 5px; */
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	display: flex;
	justify-content: left;
	align-items: center;
	padding: 5px 10px;
	margin: 0 0 0 5px;
	background: #0E3B55;
	border-radius: 5px;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 2), inset -1px -1px 8px black;
}

div.heatState div.flag {
    display: inline-block;
    margin-right: 15px
}

div.heatState .flag:first-of-type {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	text-transform: uppercase;
	display: grid;
	justify-content: center;
	align-items: center;
	height: 100%;
}

div.heatState div.flag > div {
	height: 60px;
	line-height: 60px;
	padding: 0 5px;
	text-align: center;
	min-width: 145px;
	/* width: auto !important; */
	width: 145px;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 2), inset -1px -1px 8px black;
}

div.heatState div.circuitTime {
	background: #ffd891;
	color: black;
	border-radius: 5px;
	grid-column: 3 / 3;
	grid-row: 1 / 3;
	width: 110px;
	display: grid;
	align-content: center;
	height: 100%;
	text-transform: uppercase;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 2), inset -1px -1px 8px black;
}

.heatState .flag:nth-of-type(2) {
	display: none; /* Hide the scond flag if not needed */
}

/* ------  SCREEN MESSAGES  ------ */

#screenMessages > div > div {
    padding: 8px 10px;
}

#screenMessages div.msgFullScreen {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    padding: 0
}

    #screenMessages div.msgFullScreen > div {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

#screenMessages div.msgBlink {
    text-decoration: blink
}

div.flagNone {
    background-color: #FFF;
    color: black
}

div.flagWarmup {
    background-color: #FFF;
    color: black
}

div.flagRed {
    background-color: #FF2B2B
}

div.flagYellow {
    background-color: #F7F700;
    color: black
}

div.flagCode60 {
    background-color: #C34DFF
}

div.flagFinish {
    background: black repeat url('/Img/flagFinish.png')
}

div.flagGreen {
    background-color: #56DD27;
    color: black
}

.theme-dark div.flagNone {
    background-color: white;
    color: black
}

.theme-dark div.flagWarmup {
    background-color: white;
    color: black
}

.theme-dark div.flagRed {
    background-color: red
}

.theme-dark div.flagYellow {
    background-color: #f2f604;
    color: black
}

.theme-dark div.flagCode60 {
    background-color: #e203e2
}

.theme-dark div.flagGreen {
    background-color: #04f604;
    color: black
}

#loginForm {
    padding: 10px 20px 20px 20px
}

    #loginForm input[type=submit] {
        padding: 2px 25px
    }

    #loginForm .form-horizontal .form-group label {
        margin-right: 20px
    }

    #loginForm .form-horizontal .form-group * {
        float: left
    }

    #loginForm .form-horizontal .form-group {
        margin: 15px 0
    }

        #loginForm .form-horizontal .form-group::before {
            display: table;
            content: " "
        }

        #loginForm .form-horizontal .form-group::after {
            clear: both;
            display: table;
            content: " "
        }

.multi-select-container {
    display: inline-block;
    position: relative;
    color: #222
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: .8em;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    display: none
}

.multi-select-menuitem {
    display: block;
    padding: .6em 1em .6em 30px;
    white-space: nowrap
}

.multi-select-menuitem--titled:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    margin: 0 0 .25em -20px
}

.multi-select-menuitem--titledsr:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.multi-select-menuitem + .multi-select-menuitem {
    padding-top: 0
}

.multi-select-presets {
    border-bottom: 1px solid #ddd
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 0;
    margin-left: -20px
}

.multi-select-button {
    display: inline-block;
    padding: .2em .6em;
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    cursor: default
}

    .multi-select-button:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .4em .4em 0 .4em;
        border-color: #999 transparent transparent transparent;
        margin-left: .4em;
        vertical-align: .1em
    }

.multi-select-container--open .multi-select-menu {
    display: block
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 .4em .4em .4em;
    border-color: transparent transparent #999 transparent
}

.multi-select-container--positioned .multi-select-menu {
    box-sizing: border-box
}

    .multi-select-container--positioned .multi-select-menu label {
        white-space: normal
    }

div.raceResults {
    font-size: 13px;
    font-family: Lato, sans-serif;
}

    div.raceResults div.loading {
        padding: 10px;
        padding-top: 10px
    }

    div.raceResults .optionsContainer {
        padding-bottom: 6px
    }

        div.raceResults .optionsContainer:empty {
            padding-bottom: 0
        }

        div.raceResults .optionsContainer > div {
            display: inline-block
        }

    div.raceResults .classNameFilter {
        margin-right: 24px
    }

    div.raceResults .divisionFilter {
        margin-right: 24px
    }

    div.raceResults .multi-select-menu .multi-select-menuitem {
        display: list-item
    }

    div.raceResults table.resultsGrid {
        border-spacing: 0;
        border-collapse: collapse;
        table-layout: fixed;
        empty-cells: show;
        font-size: 13px;
		width: 100%;
    }

        div.raceResults table.resultsGrid > caption {
            min-width: 400px;
            text-align: left
        }

            div.raceResults table.resultsGrid > caption > div {
                margin-bottom: 10px
            }

        div.raceResults table.resultsGrid td, div.raceResults table.resultsGrid th {
            margin: 0;
            border: 1px solid #ddd;
            height: auto !important;
            padding: 1px 3px;
            text-align: left;
            vertical-align: middle
        }

        div.raceResults table.resultsGrid td {
            white-space: nowrap
        }

        div.raceResults table.resultsGrid th {
            white-space: normal
        }

        div.raceResults table.resultsGrid tbody.rowsAbove10 td > div, div.raceResults table.resultsGrid tbody.rowsAbove10 th > div {
            line-height: 16px !important
        }

        div.raceResults table.resultsGrid tbody.rowsAbove20 td > div, div.raceResults table.resultsGrid tbody.rowsAbove20 th > div {
            line-height: 15px !important
        }

        div.raceResults table.resultsGrid tbody.rowsAbove30 td > div, div.raceResults table.resultsGrid tbody.rowsAbove30 th > div {
            line-height: 14px !important
        }

        div.raceResults table.resultsGrid tbody.rowsAbove40 td > div, div.raceResults table.resultsGrid tbody.rowsAbove50 td > div, div.raceResults table.resultsGrid tbody.rowsAbove60 td > div, div.raceResults table.resultsGrid tbody.rowsAbove70 td > div, div.raceResults table.resultsGrid tbody.rowsAbove80 td > div, div.raceResults table.resultsGrid tbody.rowsAbove90 td > div, div.raceResults table.resultsGrid tbody.rowsAbove100 td > div, div.raceResults table.resultsGrid tbody.rowsAbove40 th > div, div.raceResults table.resultsGrid tbody.rowsAbove50 th > div, div.raceResults table.resultsGrid tbody.rowsAbove60 th > div, div.raceResults table.resultsGrid tbody.rowsAbove70 th > div, div.raceResults table.resultsGrid tbody.rowsAbove80 th > div, div.raceResults table.resultsGrid tbody.rowsAbove90 th > div, div.raceResults table.resultsGrid tbody.rowsAbove100 th > div {
            line-height: 12px !important;
            font-size: 11px !important
        }

        div.raceResults table.resultsGrid th {
            border-top-width: 1px;
            border-bottom-width: 2px
        }

            div.raceResults table.resultsGrid th[onclick] {
                cursor: pointer;
                background: url(../../Img/sort.png) no-repeat right top
            }

            div.raceResults table.resultsGrid td > div, div.raceResults table.resultsGrid th > div {
                height: inherit;
                line-height: 17px !important;
                overflow: hidden;
                font-size: 12px !important;
                font-family: inherit !important;
                color: inherit !important
            }

                div.raceResults table.resultsGrid td > div::after, div.raceResults table.resultsGrid th > div:after {
                    content: "\00a0"
                }

        div.raceResults table.resultsGrid div.personalbest {
            color: #008b00 !important
        }

        div.raceResults table.resultsGrid div.absolutebest {
            color: #cd00cd !important
        }

        div.raceResults table.resultsGrid div.code60 {
            color: #c34dff !important
        }

        div.raceResults table.resultsGrid div.driverQueueWarningPit {
            color: #ff7878 !important
        }

        div.raceResults table.resultsGrid div.driverQueueWarningTrack {
            color: #ffdc6e !important
        }

        div.raceResults table.resultsGrid div.bgColorShield {
            border-radius: 2px;
            padding: 0 1px
        }

        div.raceResults table.resultsGrid div.timeRed {
            color: red !important
        }

        div.raceResults table.resultsGrid div.zero {
            color: red !important
        }

        div.raceResults table.resultsGrid div.lower {
            color: #008b00 !important
        }

        div.raceResults table.resultsGrid td.rrc-sectortimeasdot > div > img, div.raceResults table.resultsGrid td.rrc-sectortimeasdotarray > div > img, div.raceResults table.resultsGrid td.rrc-sectortimefastestlapasdotarray > div > img {
            height: 55%;
            width: auto;
            margin-right: 2px;
            vertical-align: middle
        }

        div.raceResults table.resultsGrid td.rrc-nationality > div, div.raceResults table.resultsGrid td.rrc-currentdrivercountry > div, div.raceResults table.resultsGrid td.rrc-currentdrivernationality > div, div.raceResults table.resultsGrid td.rrc-country > div {
            background-size: auto 90%;
            background-position: center;
            background-repeat: no-repeat
        }

        div.raceResults table.resultsGrid .flag:hover::before {
            position: absolute;
            display: block;
            margin-left: 3px;
            margin-top: -22px;
            border: 1px solid black;
            border-radius: 3px;
            background-color: white;
            color: black;
            padding: 3px
        }

        div.raceResults table.resultsGrid .flagABW {
            background-image: url("/Results/Graphics/Flags/ABW.png")
        }

            div.raceResults table.resultsGrid .flagABW:hover::before {
                content: "Aruba"
            }

        div.raceResults table.resultsGrid .flagAFG {
            background-image: url("/Results/Graphics/Flags/AFG.png")
        }

            div.raceResults table.resultsGrid .flagAFG:hover::before {
                content: "Afghanistan"
            }

        div.raceResults table.resultsGrid .flagAGO {
            background-image: url("/Results/Graphics/Flags/AGO.png")
        }

            div.raceResults table.resultsGrid .flagAGO:hover::before {
                content: "Angola"
            }

        div.raceResults table.resultsGrid .flagAIA {
            background-image: url("/Results/Graphics/Flags/AIA.png")
        }

            div.raceResults table.resultsGrid .flagAIA:hover::before {
                content: "Anguilla"
            }

        div.raceResults table.resultsGrid .flagALB {
            background-image: url("/Results/Graphics/Flags/ALB.png")
        }

            div.raceResults table.resultsGrid .flagALB:hover::before {
                content: "Albania"
            }

        div.raceResults table.resultsGrid .flagAND {
            background-image: url("/Results/Graphics/Flags/AND.png")
        }

            div.raceResults table.resultsGrid .flagAND:hover::before {
                content: "Andorra"
            }

        div.raceResults table.resultsGrid .flagANT {
            background-image: url("/Results/Graphics/Flags/ANT.png")
        }

            div.raceResults table.resultsGrid .flagANT:hover::before {
                content: "Netherlands Antilles"
            }

        div.raceResults table.resultsGrid .flagARE {
            background-image: url("/Results/Graphics/Flags/ARE.png")
        }

            div.raceResults table.resultsGrid .flagARE:hover::before {
                content: "United Arab Emirates"
            }

        div.raceResults table.resultsGrid .flagARG {
            background-image: url("/Results/Graphics/Flags/ARG.png")
        }

            div.raceResults table.resultsGrid .flagARG:hover::before {
                content: "Argentina"
            }

        div.raceResults table.resultsGrid .flagARM {
            background-image: url("/Results/Graphics/Flags/ARM.png")
        }

            div.raceResults table.resultsGrid .flagARM:hover::before {
                content: "Armenia"
            }

        div.raceResults table.resultsGrid .flagASM {
            background-image: url("/Results/Graphics/Flags/ASM.png")
        }

            div.raceResults table.resultsGrid .flagASM:hover::before {
                content: "American Samoa"
            }

        div.raceResults table.resultsGrid .flagATA {
            background-image: url("/Results/Graphics/Flags/ATA.png")
        }

            div.raceResults table.resultsGrid .flagATA:hover::before {
                content: "Antarctica"
            }

        div.raceResults table.resultsGrid .flagATF {
            background-image: url("/Results/Graphics/Flags/ATF.png")
        }

            div.raceResults table.resultsGrid .flagATF:hover::before {
                content: "French Southern Territories"
            }

        div.raceResults table.resultsGrid .flagATG {
            background-image: url("/Results/Graphics/Flags/ATG.png")
        }

            div.raceResults table.resultsGrid .flagATG:hover::before {
                content: "Antigua and Barbuda"
            }

        div.raceResults table.resultsGrid .flagAUS {
            background-image: url("/Results/Graphics/Flags/AUS.png")
        }

            div.raceResults table.resultsGrid .flagAUS:hover::before {
                content: "Australia"
            }

        div.raceResults table.resultsGrid .flagAUT {
            background-image: url("/Results/Graphics/Flags/AUT.png")
        }

            div.raceResults table.resultsGrid .flagAUT:hover::before {
                content: "Austria"
            }

        div.raceResults table.resultsGrid .flagAZE {
            background-image: url("/Results/Graphics/Flags/AZE.png")
        }

            div.raceResults table.resultsGrid .flagAZE:hover::before {
                content: "Azerbaijan"
            }

        div.raceResults table.resultsGrid .flagBDI {
            background-image: url("/Results/Graphics/Flags/BDI.png")
        }

            div.raceResults table.resultsGrid .flagBDI:hover::before {
                content: "Burundi"
            }

        div.raceResults table.resultsGrid .flagBEL {
            background-image: url("/Results/Graphics/Flags/BEL.png")
        }

            div.raceResults table.resultsGrid .flagBEL:hover::before {
                content: "Belgium"
            }

        div.raceResults table.resultsGrid .flagBEN {
            background-image: url("/Results/Graphics/Flags/BEN.png")
        }

            div.raceResults table.resultsGrid .flagBEN:hover::before {
                content: "Benin"
            }

        div.raceResults table.resultsGrid .flagBFA {
            background-image: url("/Results/Graphics/Flags/BFA.png")
        }

            div.raceResults table.resultsGrid .flagBFA:hover::before {
                content: "Burkina Faso"
            }

        div.raceResults table.resultsGrid .flagBGD {
            background-image: url("/Results/Graphics/Flags/BGD.png")
        }

            div.raceResults table.resultsGrid .flagBGD:hover::before {
                content: "Bangladesh"
            }

        div.raceResults table.resultsGrid .flagBGR {
            background-image: url("/Results/Graphics/Flags/BGR.png")
        }

            div.raceResults table.resultsGrid .flagBGR:hover::before {
                content: "Bulgaria"
            }

        div.raceResults table.resultsGrid .flagBHR {
            background-image: url("/Results/Graphics/Flags/BHR.png")
        }

            div.raceResults table.resultsGrid .flagBHR:hover::before {
                content: "Bahrain"
            }

        div.raceResults table.resultsGrid .flagBHS {
            background-image: url("/Results/Graphics/Flags/BHS.png")
        }

            div.raceResults table.resultsGrid .flagBHS:hover::before {
                content: "The Bahamas"
            }

        div.raceResults table.resultsGrid .flagBIH {
            background-image: url("/Results/Graphics/Flags/BIH.png")
        }

            div.raceResults table.resultsGrid .flagBIH:hover::before {
                content: "Bosnia and Herzegovina"
            }

        div.raceResults table.resultsGrid .flagBLR {
            background-image: url("/Results/Graphics/Flags/BLR.png")
        }

            div.raceResults table.resultsGrid .flagBLR:hover::before {
                content: "Belarus"
            }

        div.raceResults table.resultsGrid .flagBLZ {
            background-image: url("/Results/Graphics/Flags/BLZ.png")
        }

            div.raceResults table.resultsGrid .flagBLZ:hover::before {
                content: "Belize"
            }

        div.raceResults table.resultsGrid .flagBMU {
            background-image: url("/Results/Graphics/Flags/BMU.png")
        }

            div.raceResults table.resultsGrid .flagBMU:hover::before {
                content: "Bermuda"
            }

        div.raceResults table.resultsGrid .flagBOL {
            background-image: url("/Results/Graphics/Flags/BOL.png")
        }

            div.raceResults table.resultsGrid .flagBOL:hover::before {
                content: "Bolivia"
            }

        div.raceResults table.resultsGrid .flagBRA {
            background-image: url("/Results/Graphics/Flags/BRA.png")
        }

            div.raceResults table.resultsGrid .flagBRA:hover::before {
                content: "Brazil"
            }

        div.raceResults table.resultsGrid .flagBRB {
            background-image: url("/Results/Graphics/Flags/BRB.png")
        }

            div.raceResults table.resultsGrid .flagBRB:hover::before {
                content: "Barbados"
            }

        div.raceResults table.resultsGrid .flagBRN {
            background-image: url("/Results/Graphics/Flags/BRN.png")
        }

            div.raceResults table.resultsGrid .flagBRN:hover::before {
                content: "Brunei"
            }

        div.raceResults table.resultsGrid .flagBTN {
            background-image: url("/Results/Graphics/Flags/BTN.png")
        }

            div.raceResults table.resultsGrid .flagBTN:hover::before {
                content: "Bhutan"
            }

        div.raceResults table.resultsGrid .flagBVT {
            background-image: url("/Results/Graphics/Flags/BVT.png")
        }

            div.raceResults table.resultsGrid .flagBVT:hover::before {
                content: "Bouvet Island"
            }

        div.raceResults table.resultsGrid .flagBWA {
            background-image: url("/Results/Graphics/Flags/BWA.png")
        }

            div.raceResults table.resultsGrid .flagBWA:hover::before {
                content: "Botswana"
            }

        div.raceResults table.resultsGrid .flagCAF {
            background-image: url("/Results/Graphics/Flags/CAF.png")
        }

            div.raceResults table.resultsGrid .flagCAF:hover::before {
                content: "Central African Republic"
            }

        div.raceResults table.resultsGrid .flagCAN {
            background-image: url("/Results/Graphics/Flags/CAN.png")
        }

            div.raceResults table.resultsGrid .flagCAN:hover::before {
                content: "Canada"
            }

        div.raceResults table.resultsGrid .flagCCK {
            background-image: url("/Results/Graphics/Flags/CCK.png")
        }

            div.raceResults table.resultsGrid .flagCCK:hover::before {
                content: "Cocos (Keeling) Islands"
            }

        div.raceResults table.resultsGrid .flagCHE {
            background-image: url("/Results/Graphics/Flags/CHE.png")
        }

            div.raceResults table.resultsGrid .flagCHE:hover::before {
                content: "Switzerland"
            }

        div.raceResults table.resultsGrid .flagCHL {
            background-image: url("/Results/Graphics/Flags/CHL.png")
        }

            div.raceResults table.resultsGrid .flagCHL:hover::before {
                content: "Chile"
            }

        div.raceResults table.resultsGrid .flagCHN {
            background-image: url("/Results/Graphics/Flags/CHN.png")
        }

            div.raceResults table.resultsGrid .flagCHN:hover::before {
                content: "China"
            }

        div.raceResults table.resultsGrid .flagCIV {
            background-image: url("/Results/Graphics/Flags/CIV.png")
        }

            div.raceResults table.resultsGrid .flagCIV:hover::before {
                content: "C�te d'Ivoire"
            }

        div.raceResults table.resultsGrid .flagCMR {
            background-image: url("/Results/Graphics/Flags/CMR.png")
        }

            div.raceResults table.resultsGrid .flagCMR:hover::before {
                content: "Cameroon"
            }

        div.raceResults table.resultsGrid .flagCOD {
            background-image: url("/Results/Graphics/Flags/COD.png")
        }

            div.raceResults table.resultsGrid .flagCOD:hover::before {
                content: "Democratic Republic of the Congo"
            }

        div.raceResults table.resultsGrid .flagCOG {
            background-image: url("/Results/Graphics/Flags/COG.png")
        }

            div.raceResults table.resultsGrid .flagCOG:hover::before {
                content: "Congo"
            }

        div.raceResults table.resultsGrid .flagCOK {
            background-image: url("/Results/Graphics/Flags/COK.png")
        }

            div.raceResults table.resultsGrid .flagCOK:hover::before {
                content: "Cook Islands"
            }

        div.raceResults table.resultsGrid .flagCOL {
            background-image: url("/Results/Graphics/Flags/COL.png")
        }

            div.raceResults table.resultsGrid .flagCOL:hover::before {
                content: "Colombia"
            }

        div.raceResults table.resultsGrid .flagCOM {
            background-image: url("/Results/Graphics/Flags/COM.png")
        }

            div.raceResults table.resultsGrid .flagCOM:hover::before {
                content: "Comoros"
            }

        div.raceResults table.resultsGrid .flagCPV {
            background-image: url("/Results/Graphics/Flags/CPV.png")
        }

            div.raceResults table.resultsGrid .flagCPV:hover::before {
                content: "Cape Verde"
            }

        div.raceResults table.resultsGrid .flagCRI {
            background-image: url("/Results/Graphics/Flags/CRI.png")
        }

            div.raceResults table.resultsGrid .flagCRI:hover::before {
                content: "Costa Rica"
            }

        div.raceResults table.resultsGrid .flagCUB {
            background-image: url("/Results/Graphics/Flags/CUB.png")
        }

            div.raceResults table.resultsGrid .flagCUB:hover::before {
                content: "Cuba"
            }

        div.raceResults table.resultsGrid .flagCXR {
            background-image: url("/Results/Graphics/Flags/CXR.png")
        }

            div.raceResults table.resultsGrid .flagCXR:hover::before {
                content: "Christmas Island"
            }

        div.raceResults table.resultsGrid .flagCYM {
            background-image: url("/Results/Graphics/Flags/CYM.png")
        }

            div.raceResults table.resultsGrid .flagCYM:hover::before {
                content: "Cayman Islands"
            }

        div.raceResults table.resultsGrid .flagCYP {
            background-image: url("/Results/Graphics/Flags/CYP.png")
        }

            div.raceResults table.resultsGrid .flagCYP:hover::before {
                content: "Cyprus"
            }

        div.raceResults table.resultsGrid .flagCZE {
            background-image: url("/Results/Graphics/Flags/CZE.png")
        }

            div.raceResults table.resultsGrid .flagCZE:hover::before {
                content: "Czech Republic"
            }

        div.raceResults table.resultsGrid .flagDEU {
            background-image: url("/Results/Graphics/Flags/DEU.png")
        }

            div.raceResults table.resultsGrid .flagDEU:hover::before {
                content: "Germany"
            }

        div.raceResults table.resultsGrid .flagDJI {
            background-image: url("/Results/Graphics/Flags/DJI.png")
        }

            div.raceResults table.resultsGrid .flagDJI:hover::before {
                content: "Djibouti"
            }

        div.raceResults table.resultsGrid .flagDMA {
            background-image: url("/Results/Graphics/Flags/DMA.png")
        }

            div.raceResults table.resultsGrid .flagDMA:hover::before {
                content: "Dominica"
            }

        div.raceResults table.resultsGrid .flagDNK {
            background-image: url("/Results/Graphics/Flags/DNK.png")
        }

            div.raceResults table.resultsGrid .flagDNK:hover::before {
                content: "Denmark"
            }

        div.raceResults table.resultsGrid .flagDOM {
            background-image: url("/Results/Graphics/Flags/DOM.png")
        }

            div.raceResults table.resultsGrid .flagDOM:hover::before {
                content: "Dominican Republic"
            }

        div.raceResults table.resultsGrid .flagDZA {
            background-image: url("/Results/Graphics/Flags/DZA.png")
        }

            div.raceResults table.resultsGrid .flagDZA:hover::before {
                content: "Algeria"
            }

        div.raceResults table.resultsGrid .flagECU {
            background-image: url("/Results/Graphics/Flags/ECU.png")
        }

            div.raceResults table.resultsGrid .flagECU:hover::before {
                content: "Ecuador"
            }

        div.raceResults table.resultsGrid .flagEGY {
            background-image: url("/Results/Graphics/Flags/EGY.png")
        }

            div.raceResults table.resultsGrid .flagEGY:hover::before {
                content: "Egypt"
            }

        div.raceResults table.resultsGrid .flagENG {
            background-image: url("/Results/Graphics/Flags/ENG.png")
        }

            div.raceResults table.resultsGrid .flagENG:hover::before {
                content: "England"
            }

        div.raceResults table.resultsGrid .flagERI {
            background-image: url("/Results/Graphics/Flags/ERI.png")
        }

            div.raceResults table.resultsGrid .flagERI:hover::before {
                content: "Eritrea"
            }

        div.raceResults table.resultsGrid .flagESH {
            background-image: url("/Results/Graphics/Flags/ESH.png")
        }

            div.raceResults table.resultsGrid .flagESH:hover::before {
                content: "Western Sahara"
            }

        div.raceResults table.resultsGrid .flagESP {
            background-image: url("/Results/Graphics/Flags/ESP.png")
        }

            div.raceResults table.resultsGrid .flagESP:hover::before {
                content: "Spain"
            }

        div.raceResults table.resultsGrid .flagEST {
            background-image: url("/Results/Graphics/Flags/EST.png")
        }

            div.raceResults table.resultsGrid .flagEST:hover::before {
                content: "Estonia"
            }

        div.raceResults table.resultsGrid .flagETH {
            background-image: url("/Results/Graphics/Flags/ETH.png")
        }

            div.raceResults table.resultsGrid .flagETH:hover::before {
                content: "Ethiopia"
            }

        div.raceResults table.resultsGrid .flagFIN {
            background-image: url("/Results/Graphics/Flags/FIN.png")
        }

            div.raceResults table.resultsGrid .flagFIN:hover::before {
                content: "Finland"
            }

        div.raceResults table.resultsGrid .flagFJI {
            background-image: url("/Results/Graphics/Flags/FJI.png")
        }

            div.raceResults table.resultsGrid .flagFJI:hover::before {
                content: "Fiji"
            }

        div.raceResults table.resultsGrid .flagFLK {
            background-image: url("/Results/Graphics/Flags/FLK.png")
        }

            div.raceResults table.resultsGrid .flagFLK:hover::before {
                content: "Falkland Islands"
            }

        div.raceResults table.resultsGrid .flagFRA {
            background-image: url("/Results/Graphics/Flags/FRA.png")
        }

            div.raceResults table.resultsGrid .flagFRA:hover::before {
                content: "France"
            }

        div.raceResults table.resultsGrid .flagFRO {
            background-image: url("/Results/Graphics/Flags/FRO.png")
        }

            div.raceResults table.resultsGrid .flagFRO:hover::before {
                content: "Faeroe Islands"
            }

        div.raceResults table.resultsGrid .flagFSM {
            background-image: url("/Results/Graphics/Flags/FSM.png")
        }

            div.raceResults table.resultsGrid .flagFSM:hover::before {
                content: "Micronesia"
            }

        div.raceResults table.resultsGrid .flagGAB {
            background-image: url("/Results/Graphics/Flags/GAB.png")
        }

            div.raceResults table.resultsGrid .flagGAB:hover::before {
                content: "Gabon"
            }

        div.raceResults table.resultsGrid .flagGBR {
            background-image: url("/Results/Graphics/Flags/GBR.png")
        }

            div.raceResults table.resultsGrid .flagGBR:hover::before {
                content: "United Kingdom"
            }

        div.raceResults table.resultsGrid .flagGEO {
            background-image: url("/Results/Graphics/Flags/GEO.png")
        }

            div.raceResults table.resultsGrid .flagGEO:hover::before {
                content: "Georgia"
            }

        div.raceResults table.resultsGrid .flagGHA {
            background-image: url("/Results/Graphics/Flags/GHA.png")
        }

            div.raceResults table.resultsGrid .flagGHA:hover::before {
                content: "Ghana"
            }

        div.raceResults table.resultsGrid .flagGIB {
            background-image: url("/Results/Graphics/Flags/GIB.png")
        }

            div.raceResults table.resultsGrid .flagGIB:hover::before {
                content: "Gibraltar"
            }

        div.raceResults table.resultsGrid .flagGIN {
            background-image: url("/Results/Graphics/Flags/GIN.png")
        }

            div.raceResults table.resultsGrid .flagGIN:hover::before {
                content: "Guinea"
            }

        div.raceResults table.resultsGrid .flagGLP {
            background-image: url("/Results/Graphics/Flags/GLP.png")
        }

            div.raceResults table.resultsGrid .flagGLP:hover::before {
                content: "Guadeloupe"
            }

        div.raceResults table.resultsGrid .flagGMB {
            background-image: url("/Results/Graphics/Flags/GMB.png")
        }

            div.raceResults table.resultsGrid .flagGMB:hover::before {
                content: "The Gambia"
            }

        div.raceResults table.resultsGrid .flagGNB {
            background-image: url("/Results/Graphics/Flags/GNB.png")
        }

            div.raceResults table.resultsGrid .flagGNB:hover::before {
                content: "Guinea-Bissau"
            }

        div.raceResults table.resultsGrid .flagGNQ {
            background-image: url("/Results/Graphics/Flags/GNQ.png")
        }

            div.raceResults table.resultsGrid .flagGNQ:hover::before {
                content: "Equatorial Guinea"
            }

        div.raceResults table.resultsGrid .flagGRC {
            background-image: url("/Results/Graphics/Flags/GRC.png")
        }

            div.raceResults table.resultsGrid .flagGRC:hover::before {
                content: "Greece"
            }

        div.raceResults table.resultsGrid .flagGRD {
            background-image: url("/Results/Graphics/Flags/GRD.png")
        }

            div.raceResults table.resultsGrid .flagGRD:hover::before {
                content: "Grenada"
            }

        div.raceResults table.resultsGrid .flagGRL {
            background-image: url("/Results/Graphics/Flags/GRL.png")
        }

            div.raceResults table.resultsGrid .flagGRL:hover::before {
                content: "Greenland"
            }

        div.raceResults table.resultsGrid .flagGTM {
            background-image: url("/Results/Graphics/Flags/GTM.png")
        }

            div.raceResults table.resultsGrid .flagGTM:hover::before {
                content: "Guatemala"
            }

        div.raceResults table.resultsGrid .flagGUF {
            background-image: url("/Results/Graphics/Flags/GUF.png")
        }

            div.raceResults table.resultsGrid .flagGUF:hover::before {
                content: "French Guiana"
            }

        div.raceResults table.resultsGrid .flagGUM {
            background-image: url("/Results/Graphics/Flags/GUM.png")
        }

            div.raceResults table.resultsGrid .flagGUM:hover::before {
                content: "Guam"
            }

        div.raceResults table.resultsGrid .flagGUY {
            background-image: url("/Results/Graphics/Flags/GUY.png")
        }

            div.raceResults table.resultsGrid .flagGUY:hover::before {
                content: "Guyana"
            }

        div.raceResults table.resultsGrid .flagHKG {
            background-image: url("/Results/Graphics/Flags/HKG.png")
        }

            div.raceResults table.resultsGrid .flagHKG:hover::before {
                content: "Hong Kong"
            }

        div.raceResults table.resultsGrid .flagHMD {
            background-image: url("/Results/Graphics/Flags/HMD.png")
        }

            div.raceResults table.resultsGrid .flagHMD:hover::before {
                content: "Heard Island and McDonald Islands"
            }

        div.raceResults table.resultsGrid .flagHND {
            background-image: url("/Results/Graphics/Flags/HND.png")
        }

            div.raceResults table.resultsGrid .flagHND:hover::before {
                content: "Honduras"
            }

        div.raceResults table.resultsGrid .flagHRV {
            background-image: url("/Results/Graphics/Flags/HRV.png")
        }

            div.raceResults table.resultsGrid .flagHRV:hover::before {
                content: "Croatia"
            }

        div.raceResults table.resultsGrid .flagHTI {
            background-image: url("/Results/Graphics/Flags/HTI.png")
        }

            div.raceResults table.resultsGrid .flagHTI:hover::before {
                content: "Haiti"
            }

        div.raceResults table.resultsGrid .flagHUN {
            background-image: url("/Results/Graphics/Flags/HUN.png")
        }

            div.raceResults table.resultsGrid .flagHUN:hover::before {
                content: "Hungary"
            }

        div.raceResults table.resultsGrid .flagIDN {
            background-image: url("/Results/Graphics/Flags/IDN.png")
        }

            div.raceResults table.resultsGrid .flagIDN:hover::before {
                content: "Indonesia"
            }

        div.raceResults table.resultsGrid .flagIND {
            background-image: url("/Results/Graphics/Flags/IND.png")
        }

            div.raceResults table.resultsGrid .flagIND:hover::before {
                content: "India"
            }

        div.raceResults table.resultsGrid .flagIOT {
            background-image: url("/Results/Graphics/Flags/IOT.png")
        }

            div.raceResults table.resultsGrid .flagIOT:hover::before {
                content: "British Indian Ocean Territory"
            }

        div.raceResults table.resultsGrid .flagIRL {
            background-image: url("/Results/Graphics/Flags/IRL.png")
        }

            div.raceResults table.resultsGrid .flagIRL:hover::before {
                content: "Ireland"
            }

        div.raceResults table.resultsGrid .flagIRN {
            background-image: url("/Results/Graphics/Flags/IRN.png")
        }

            div.raceResults table.resultsGrid .flagIRN:hover::before {
                content: "Iran"
            }

        div.raceResults table.resultsGrid .flagIRQ {
            background-image: url("/Results/Graphics/Flags/IRQ.png")
        }

            div.raceResults table.resultsGrid .flagIRQ:hover::before {
                content: "Iraq"
            }

        div.raceResults table.resultsGrid .flagISL {
            background-image: url("/Results/Graphics/Flags/ISL.png")
        }

            div.raceResults table.resultsGrid .flagISL:hover::before {
                content: "Iceland"
            }

        div.raceResults table.resultsGrid .flagISR {
            background-image: url("/Results/Graphics/Flags/ISR.png")
        }

            div.raceResults table.resultsGrid .flagISR:hover::before {
                content: "Israel"
            }

        div.raceResults table.resultsGrid .flagITA {
            background-image: url("/Results/Graphics/Flags/ITA.png")
        }

            div.raceResults table.resultsGrid .flagITA:hover::before {
                content: "Italy"
            }

        div.raceResults table.resultsGrid .flagJAM {
            background-image: url("/Results/Graphics/Flags/JAM.png")
        }

            div.raceResults table.resultsGrid .flagJAM:hover::before {
                content: "Jamaica"
            }

        div.raceResults table.resultsGrid .flagJOR {
            background-image: url("/Results/Graphics/Flags/JOR.png")
        }

            div.raceResults table.resultsGrid .flagJOR:hover::before {
                content: "Jordan"
            }

        div.raceResults table.resultsGrid .flagJPN {
            background-image: url("/Results/Graphics/Flags/JPN.png")
        }

            div.raceResults table.resultsGrid .flagJPN:hover::before {
                content: "Japan"
            }

        div.raceResults table.resultsGrid .flagKAZ {
            background-image: url("/Results/Graphics/Flags/KAZ.png")
        }

            div.raceResults table.resultsGrid .flagKAZ:hover::before {
                content: "Kazakhstan"
            }

        div.raceResults table.resultsGrid .flagKEN {
            background-image: url("/Results/Graphics/Flags/KEN.png")
        }

            div.raceResults table.resultsGrid .flagKEN:hover::before {
                content: "Kenya"
            }

        div.raceResults table.resultsGrid .flagKGZ {
            background-image: url("/Results/Graphics/Flags/KGZ.png")
        }

            div.raceResults table.resultsGrid .flagKGZ:hover::before {
                content: "Kyrgyzstan"
            }

        div.raceResults table.resultsGrid .flagKHM {
            background-image: url("/Results/Graphics/Flags/KHM.png")
        }

            div.raceResults table.resultsGrid .flagKHM:hover::before {
                content: "Cambodia"
            }

        div.raceResults table.resultsGrid .flagKIR {
            background-image: url("/Results/Graphics/Flags/KIR.png")
        }

            div.raceResults table.resultsGrid .flagKIR:hover::before {
                content: "Kiribati"
            }

        div.raceResults table.resultsGrid .flagKNA {
            background-image: url("/Results/Graphics/Flags/KNA.png")
        }

            div.raceResults table.resultsGrid .flagKNA:hover::before {
                content: "Saint Kitts and Nevis"
            }

        div.raceResults table.resultsGrid .flagKOR {
            background-image: url("/Results/Graphics/Flags/KOR.png")
        }

            div.raceResults table.resultsGrid .flagKOR:hover::before {
                content: "South Korea"
            }

        div.raceResults table.resultsGrid .flagKWT {
            background-image: url("/Results/Graphics/Flags/KWT.png")
        }

            div.raceResults table.resultsGrid .flagKWT:hover::before {
                content: "Kuwait"
            }

        div.raceResults table.resultsGrid .flagLAO {
            background-image: url("/Results/Graphics/Flags/LAO.png")
        }

            div.raceResults table.resultsGrid .flagLAO:hover::before {
                content: "Laos"
            }

        div.raceResults table.resultsGrid .flagLBN {
            background-image: url("/Results/Graphics/Flags/LBN.png")
        }

            div.raceResults table.resultsGrid .flagLBN:hover::before {
                content: "Lebanon"
            }

        div.raceResults table.resultsGrid .flagLBR {
            background-image: url("/Results/Graphics/Flags/LBR.png")
        }

            div.raceResults table.resultsGrid .flagLBR:hover::before {
                content: "Liberia"
            }

        div.raceResults table.resultsGrid .flagLBY {
            background-image: url("/Results/Graphics/Flags/LBY.png")
        }

            div.raceResults table.resultsGrid .flagLBY:hover::before {
                content: "Libya"
            }

        div.raceResults table.resultsGrid .flagLCA {
            background-image: url("/Results/Graphics/Flags/LCA.png")
        }

            div.raceResults table.resultsGrid .flagLCA:hover::before {
                content: "Saint Lucia"
            }

        div.raceResults table.resultsGrid .flagLIE {
            background-image: url("/Results/Graphics/Flags/LIE.png")
        }

            div.raceResults table.resultsGrid .flagLIE:hover::before {
                content: "Liechtenstein"
            }

        div.raceResults table.resultsGrid .flagLKA {
            background-image: url("/Results/Graphics/Flags/LKA.png")
        }

            div.raceResults table.resultsGrid .flagLKA:hover::before {
                content: "Sri Lanka"
            }

        div.raceResults table.resultsGrid .flagLSO {
            background-image: url("/Results/Graphics/Flags/LSO.png")
        }

            div.raceResults table.resultsGrid .flagLSO:hover::before {
                content: "Lesotho"
            }

        div.raceResults table.resultsGrid .flagLTU {
            background-image: url("/Results/Graphics/Flags/LTU.png")
        }

            div.raceResults table.resultsGrid .flagLTU:hover::before {
                content: "Lithuania"
            }

        div.raceResults table.resultsGrid .flagLUX {
            background-image: url("/Results/Graphics/Flags/LUX.png")
        }

            div.raceResults table.resultsGrid .flagLUX:hover::before {
                content: "Luxembourg "
            }

        div.raceResults table.resultsGrid .flagLVA {
            background-image: url("/Results/Graphics/Flags/LVA.png")
        }

            div.raceResults table.resultsGrid .flagLVA:hover::before {
                content: "Latvia"
            }

        div.raceResults table.resultsGrid .flagMAC {
            background-image: url("/Results/Graphics/Flags/MAC.png")
        }

            div.raceResults table.resultsGrid .flagMAC:hover::before {
                content: "Macau"
            }

        div.raceResults table.resultsGrid .flagMAR {
            background-image: url("/Results/Graphics/Flags/MAR.png")
        }

            div.raceResults table.resultsGrid .flagMAR:hover::before {
                content: "Morocco"
            }

        div.raceResults table.resultsGrid .flagMCO {
            background-image: url("/Results/Graphics/Flags/MCO.png")
        }

            div.raceResults table.resultsGrid .flagMCO:hover::before {
                content: "Monaco"
            }

        div.raceResults table.resultsGrid .flagMDA {
            background-image: url("/Results/Graphics/Flags/MDA.png")
        }

            div.raceResults table.resultsGrid .flagMDA:hover::before {
                content: "Moldova"
            }

        div.raceResults table.resultsGrid .flagMDG {
            background-image: url("/Results/Graphics/Flags/MDG.png")
        }

            div.raceResults table.resultsGrid .flagMDG:hover::before {
                content: "Madagascar"
            }

        div.raceResults table.resultsGrid .flagMDV {
            background-image: url("/Results/Graphics/Flags/MDV.png")
        }

            div.raceResults table.resultsGrid .flagMDV:hover::before {
                content: "Maldives"
            }

        div.raceResults table.resultsGrid .flagMEX {
            background-image: url("/Results/Graphics/Flags/MEX.png")
        }

            div.raceResults table.resultsGrid .flagMEX:hover::before {
                content: "Mexico"
            }

        div.raceResults table.resultsGrid .flagMHL {
            background-image: url("/Results/Graphics/Flags/MHL.png")
        }

            div.raceResults table.resultsGrid .flagMHL:hover::before {
                content: "Marshall Islands"
            }

        div.raceResults table.resultsGrid .flagMKD {
            background-image: url("/Results/Graphics/Flags/MKD.png")
        }

            div.raceResults table.resultsGrid .flagMKD:hover::before {
                content: "Former Yugoslav Republic of Macedonia"
            }

        div.raceResults table.resultsGrid .flagMLI {
            background-image: url("/Results/Graphics/Flags/MLI.png")
        }

            div.raceResults table.resultsGrid .flagMLI:hover::before {
                content: "Mali"
            }

        div.raceResults table.resultsGrid .flagMLT {
            background-image: url("/Results/Graphics/Flags/MLT.png")
        }

            div.raceResults table.resultsGrid .flagMLT:hover::before {
                content: "Malta"
            }

        div.raceResults table.resultsGrid .flagMMR {
            background-image: url("/Results/Graphics/Flags/MMR.png")
        }

            div.raceResults table.resultsGrid .flagMMR:hover::before {
                content: "Myanmar"
            }

        div.raceResults table.resultsGrid .flagMNG {
            background-image: url("/Results/Graphics/Flags/MNG.png")
        }

            div.raceResults table.resultsGrid .flagMNG:hover::before {
                content: "Mongolia"
            }

        div.raceResults table.resultsGrid .flagMNP {
            background-image: url("/Results/Graphics/Flags/MNP.png")
        }

            div.raceResults table.resultsGrid .flagMNP:hover::before {
                content: "Northern Marianas"
            }

        div.raceResults table.resultsGrid .flagMOZ {
            background-image: url("/Results/Graphics/Flags/MOZ.png")
        }

            div.raceResults table.resultsGrid .flagMOZ:hover::before {
                content: "Mozambique"
            }

        div.raceResults table.resultsGrid .flagMRT {
            background-image: url("/Results/Graphics/Flags/MRT.png")
        }

            div.raceResults table.resultsGrid .flagMRT:hover::before {
                content: "Mauritania"
            }

        div.raceResults table.resultsGrid .flagMSR {
            background-image: url("/Results/Graphics/Flags/MSR.png")
        }

            div.raceResults table.resultsGrid .flagMSR:hover::before {
                content: "Montserrat"
            }

        div.raceResults table.resultsGrid .flagMTQ {
            background-image: url("/Results/Graphics/Flags/MTQ.png")
        }

            div.raceResults table.resultsGrid .flagMTQ:hover::before {
                content: "Martinique"
            }

        div.raceResults table.resultsGrid .flagMUS {
            background-image: url("/Results/Graphics/Flags/MUS.png")
        }

            div.raceResults table.resultsGrid .flagMUS:hover::before {
                content: "Mauritius"
            }

        div.raceResults table.resultsGrid .flagMWI {
            background-image: url("/Results/Graphics/Flags/MWI.png")
        }

            div.raceResults table.resultsGrid .flagMWI:hover::before {
                content: "Malawi"
            }

        div.raceResults table.resultsGrid .flagMYS {
            background-image: url("/Results/Graphics/Flags/MYS.png")
        }

            div.raceResults table.resultsGrid .flagMYS:hover::before {
                content: "Malaysia"
            }

        div.raceResults table.resultsGrid .flagMYT {
            background-image: url("/Results/Graphics/Flags/MYT.png")
        }

            div.raceResults table.resultsGrid .flagMYT:hover::before {
                content: "Mayotte"
            }

        div.raceResults table.resultsGrid .flagNAM {
            background-image: url("/Results/Graphics/Flags/NAM.png")
        }

            div.raceResults table.resultsGrid .flagNAM:hover::before {
                content: "Namibia"
            }

        div.raceResults table.resultsGrid .flagNCL {
            background-image: url("/Results/Graphics/Flags/NCL.png")
        }

            div.raceResults table.resultsGrid .flagNCL:hover::before {
                content: "New Caledonia"
            }

        div.raceResults table.resultsGrid .flagNER {
            background-image: url("/Results/Graphics/Flags/NER.png")
        }

            div.raceResults table.resultsGrid .flagNER:hover::before {
                content: "Niger"
            }

        div.raceResults table.resultsGrid .flagNFK {
            background-image: url("/Results/Graphics/Flags/NFK.png")
        }

            div.raceResults table.resultsGrid .flagNFK:hover::before {
                content: "Norfolk Island"
            }

        div.raceResults table.resultsGrid .flagNGA {
            background-image: url("/Results/Graphics/Flags/NGA.png")
        }

            div.raceResults table.resultsGrid .flagNGA:hover::before {
                content: "Nigeria"
            }

        div.raceResults table.resultsGrid .flagNIC {
            background-image: url("/Results/Graphics/Flags/NIC.png")
        }

            div.raceResults table.resultsGrid .flagNIC:hover::before {
                content: "Nicaragua"
            }

        div.raceResults table.resultsGrid .flagNIU {
            background-image: url("/Results/Graphics/Flags/NIU.png")
        }

            div.raceResults table.resultsGrid .flagNIU:hover::before {
                content: "Niue"
            }

        div.raceResults table.resultsGrid .flagNLD {
            background-image: url("/Results/Graphics/Flags/NLD.png")
        }

            div.raceResults table.resultsGrid .flagNLD:hover::before {
                content: "Netherlands"
            }

        div.raceResults table.resultsGrid .flagNOR {
            background-image: url("/Results/Graphics/Flags/NOR.png")
        }

            div.raceResults table.resultsGrid .flagNOR:hover::before {
                content: "Norway"
            }

        div.raceResults table.resultsGrid .flagNPL {
            background-image: url("/Results/Graphics/Flags/NPL.png")
        }

            div.raceResults table.resultsGrid .flagNPL:hover::before {
                content: "Nepal"
            }

        div.raceResults table.resultsGrid .flagNRU {
            background-image: url("/Results/Graphics/Flags/NRU.png")
        }

            div.raceResults table.resultsGrid .flagNRU:hover::before {
                content: "Nauru"
            }

        div.raceResults table.resultsGrid .flagNZL {
            background-image: url("/Results/Graphics/Flags/NZL.png")
        }

            div.raceResults table.resultsGrid .flagNZL:hover::before {
                content: "New Zealand"
            }

        div.raceResults table.resultsGrid .flagOMN {
            background-image: url("/Results/Graphics/Flags/OMN.png")
        }

            div.raceResults table.resultsGrid .flagOMN:hover::before {
                content: "Oman"
            }

        div.raceResults table.resultsGrid .flagPAK {
            background-image: url("/Results/Graphics/Flags/PAK.png")
        }

            div.raceResults table.resultsGrid .flagPAK:hover::before {
                content: "Pakistan"
            }

        div.raceResults table.resultsGrid .flagPAN {
            background-image: url("/Results/Graphics/Flags/PAN.png")
        }

            div.raceResults table.resultsGrid .flagPAN:hover::before {
                content: "Panama"
            }

        div.raceResults table.resultsGrid .flagPCN {
            background-image: url("/Results/Graphics/Flags/PCN.png")
        }

            div.raceResults table.resultsGrid .flagPCN:hover::before {
                content: "Pitcairn Islands"
            }

        div.raceResults table.resultsGrid .flagPER {
            background-image: url("/Results/Graphics/Flags/PER.png")
        }

            div.raceResults table.resultsGrid .flagPER:hover::before {
                content: "Peru"
            }

        div.raceResults table.resultsGrid .flagPHL {
            background-image: url("/Results/Graphics/Flags/PHL.png")
        }

            div.raceResults table.resultsGrid .flagPHL:hover::before {
                content: "Philippines"
            }

        div.raceResults table.resultsGrid .flagPLW {
            background-image: url("/Results/Graphics/Flags/PLW.png")
        }

            div.raceResults table.resultsGrid .flagPLW:hover::before {
                content: "Palau"
            }

        div.raceResults table.resultsGrid .flagPNG {
            background-image: url("/Results/Graphics/Flags/PNG.png")
        }

            div.raceResults table.resultsGrid .flagPNG:hover::before {
                content: "Papua New Guinea"
            }

        div.raceResults table.resultsGrid .flagPOL {
            background-image: url("/Results/Graphics/Flags/POL.png")
        }

            div.raceResults table.resultsGrid .flagPOL:hover::before {
                content: "Poland"
            }

        div.raceResults table.resultsGrid .flagPRI {
            background-image: url("/Results/Graphics/Flags/PRI.png")
        }

            div.raceResults table.resultsGrid .flagPRI:hover::before {
                content: "Puerto Rico"
            }

        div.raceResults table.resultsGrid .flagPRK {
            background-image: url("/Results/Graphics/Flags/PRK.png")
        }

            div.raceResults table.resultsGrid .flagPRK:hover::before {
                content: "North Korea"
            }

        div.raceResults table.resultsGrid .flagPRT {
            background-image: url("/Results/Graphics/Flags/PRT.png")
        }

            div.raceResults table.resultsGrid .flagPRT:hover::before {
                content: "Portugal"
            }

        div.raceResults table.resultsGrid .flagPRY {
            background-image: url("/Results/Graphics/Flags/PRY.png")
        }

            div.raceResults table.resultsGrid .flagPRY:hover::before {
                content: "Paraguay"
            }

        div.raceResults table.resultsGrid .flagPYF {
            background-image: url("/Results/Graphics/Flags/PYF.png")
        }

            div.raceResults table.resultsGrid .flagPYF:hover::before {
                content: "French Polynesia"
            }

        div.raceResults table.resultsGrid .flagQAT {
            background-image: url("/Results/Graphics/Flags/QAT.png")
        }

            div.raceResults table.resultsGrid .flagQAT:hover::before {
                content: "Qatar"
            }

        div.raceResults table.resultsGrid .flagREU {
            background-image: url("/Results/Graphics/Flags/REU.png")
        }

            div.raceResults table.resultsGrid .flagREU:hover::before {
                content: "R�union"
            }

        div.raceResults table.resultsGrid .flagROU {
            background-image: url("/Results/Graphics/Flags/ROU.png")
        }

            div.raceResults table.resultsGrid .flagROU:hover::before {
                content: "Romania"
            }

        div.raceResults table.resultsGrid .flagRUS {
            background-image: url("/Results/Graphics/Flags/RUS.png")
        }

            div.raceResults table.resultsGrid .flagRUS:hover::before {
                content: "Russia"
            }

        div.raceResults table.resultsGrid .flagRWA {
            background-image: url("/Results/Graphics/Flags/RWA.png")
        }

            div.raceResults table.resultsGrid .flagRWA:hover::before {
                content: "Rwanda"
            }

        div.raceResults table.resultsGrid .flagSAU {
            background-image: url("/Results/Graphics/Flags/SAU.png")
        }

            div.raceResults table.resultsGrid .flagSAU:hover::before {
                content: "Saudi Arabia"
            }

        div.raceResults table.resultsGrid .flagSCO {
            background-image: url("/Results/Graphics/Flags/SCO.png")
        }

            div.raceResults table.resultsGrid .flagSCO:hover::before {
                content: "Scotland"
            }

        div.raceResults table.resultsGrid .flagSDN {
            background-image: url("/Results/Graphics/Flags/SDN.png")
        }

            div.raceResults table.resultsGrid .flagSDN:hover::before {
                content: "Sudan"
            }

        div.raceResults table.resultsGrid .flagSEN {
            background-image: url("/Results/Graphics/Flags/SEN.png")
        }

            div.raceResults table.resultsGrid .flagSEN:hover::before {
                content: "Senegal"
            }

        div.raceResults table.resultsGrid .flagSGP {
            background-image: url("/Results/Graphics/Flags/SGP.png")
        }

            div.raceResults table.resultsGrid .flagSGP:hover::before {
                content: "Singapore"
            }

        div.raceResults table.resultsGrid .flagSGS {
            background-image: url("/Results/Graphics/Flags/SGS.png")
        }

            div.raceResults table.resultsGrid .flagSGS:hover::before {
                content: "South Georgia and the South Sandwich Islands"
            }

        div.raceResults table.resultsGrid .flagSHN {
            background-image: url("/Results/Graphics/Flags/SHN.png")
        }

            div.raceResults table.resultsGrid .flagSHN:hover::before {
                content: "Saint Helena"
            }

        div.raceResults table.resultsGrid .flagSJM {
            background-image: url("/Results/Graphics/Flags/SJM.png")
        }

            div.raceResults table.resultsGrid .flagSJM:hover::before {
                content: "Svalbard and Jan Mayen"
            }

        div.raceResults table.resultsGrid .flagSLB {
            background-image: url("/Results/Graphics/Flags/SLB.png")
        }

            div.raceResults table.resultsGrid .flagSLB:hover::before {
                content: "Solomon Islands"
            }

        div.raceResults table.resultsGrid .flagSLE {
            background-image: url("/Results/Graphics/Flags/SLE.png")
        }

            div.raceResults table.resultsGrid .flagSLE:hover::before {
                content: "Sierra Leone"
            }

        div.raceResults table.resultsGrid .flagSLV {
            background-image: url("/Results/Graphics/Flags/SLV.png")
        }

            div.raceResults table.resultsGrid .flagSLV:hover::before {
                content: "El Salvador"
            }

        div.raceResults table.resultsGrid .flagSMR {
            background-image: url("/Results/Graphics/Flags/SMR.png")
        }

            div.raceResults table.resultsGrid .flagSMR:hover::before {
                content: "San Marino"
            }

        div.raceResults table.resultsGrid .flagSOM {
            background-image: url("/Results/Graphics/Flags/SOM.png")
        }

            div.raceResults table.resultsGrid .flagSOM:hover::before {
                content: "Somalia"
            }

        div.raceResults table.resultsGrid .flagSPM {
            background-image: url("/Results/Graphics/Flags/SPM.png")
        }

            div.raceResults table.resultsGrid .flagSPM:hover::before {
                content: "Saint Pierre and Miquelon"
            }

        div.raceResults table.resultsGrid .flagSRB {
            background-image: url("/Results/Graphics/Flags/SRB.png")
        }

            div.raceResults table.resultsGrid .flagSRB:hover::before {
                content: "Serbia"
            }

        div.raceResults table.resultsGrid .flagSTP {
            background-image: url("/Results/Graphics/Flags/STP.png")
        }

            div.raceResults table.resultsGrid .flagSTP:hover::before {
                content: "S�o Tom� and Pr�ncipe"
            }

        div.raceResults table.resultsGrid .flagSUR {
            background-image: url("/Results/Graphics/Flags/SUR.png")
        }

            div.raceResults table.resultsGrid .flagSUR:hover::before {
                content: "Suriname"
            }

        div.raceResults table.resultsGrid .flagSVK {
            background-image: url("/Results/Graphics/Flags/SVK.png")
        }

            div.raceResults table.resultsGrid .flagSVK:hover::before {
                content: "Slovakia"
            }

        div.raceResults table.resultsGrid .flagSVN {
            background-image: url("/Results/Graphics/Flags/SVN.png")
        }

            div.raceResults table.resultsGrid .flagSVN:hover::before {
                content: "Slovenia"
            }

        div.raceResults table.resultsGrid .flagSWE {
            background-image: url("/Results/Graphics/Flags/SWE.png")
        }

            div.raceResults table.resultsGrid .flagSWE:hover::before {
                content: "Sweden"
            }

        div.raceResults table.resultsGrid .flagSWZ {
            background-image: url("/Results/Graphics/Flags/SWZ.png")
        }

            div.raceResults table.resultsGrid .flagSWZ:hover::before {
                content: "Swaziland"
            }

        div.raceResults table.resultsGrid .flagSYC {
            background-image: url("/Results/Graphics/Flags/SYC.png")
        }

            div.raceResults table.resultsGrid .flagSYC:hover::before {
                content: "Seychelles"
            }

        div.raceResults table.resultsGrid .flagSYR {
            background-image: url("/Results/Graphics/Flags/SYR.png")
        }

            div.raceResults table.resultsGrid .flagSYR:hover::before {
                content: "Syria"
            }

        div.raceResults table.resultsGrid .flagTCA {
            background-image: url("/Results/Graphics/Flags/TCA.png")
        }

            div.raceResults table.resultsGrid .flagTCA:hover::before {
                content: "Turks and Caicos Islands"
            }

        div.raceResults table.resultsGrid .flagTCD {
            background-image: url("/Results/Graphics/Flags/TCD.png")
        }

            div.raceResults table.resultsGrid .flagTCD:hover::before {
                content: "Chad"
            }

        div.raceResults table.resultsGrid .flagTGO {
            background-image: url("/Results/Graphics/Flags/TGO.png")
        }

            div.raceResults table.resultsGrid .flagTGO:hover::before {
                content: "Togo"
            }

        div.raceResults table.resultsGrid .flagTHA {
            background-image: url("/Results/Graphics/Flags/THA.png")
        }

            div.raceResults table.resultsGrid .flagTHA:hover::before {
                content: "Thailand"
            }

        div.raceResults table.resultsGrid .flagTJK {
            background-image: url("/Results/Graphics/Flags/TJK.png")
        }

            div.raceResults table.resultsGrid .flagTJK:hover::before {
                content: "Tajikistan"
            }

        div.raceResults table.resultsGrid .flagTKL {
            background-image: url("/Results/Graphics/Flags/TKL.png")
        }

            div.raceResults table.resultsGrid .flagTKL:hover::before {
                content: "Tokelau"
            }

        div.raceResults table.resultsGrid .flagTKM {
            background-image: url("/Results/Graphics/Flags/TKM.png")
        }

            div.raceResults table.resultsGrid .flagTKM:hover::before {
                content: "Turkmenistan"
            }

        div.raceResults table.resultsGrid .flagTLS {
            background-image: url("/Results/Graphics/Flags/TLS.png")
        }

            div.raceResults table.resultsGrid .flagTLS:hover::before {
                content: "East Timor"
            }

        div.raceResults table.resultsGrid .flagTON {
            background-image: url("/Results/Graphics/Flags/TON.png")
        }

            div.raceResults table.resultsGrid .flagTON:hover::before {
                content: "Tonga"
            }

        div.raceResults table.resultsGrid .flagTPE {
            background-image: url("/Results/Graphics/Flags/TPE.png")
        }

            div.raceResults table.resultsGrid .flagTPE:hover::before {
                content: "Chinese Taipei"
            }

        div.raceResults table.resultsGrid .flagTTO {
            background-image: url("/Results/Graphics/Flags/TTO.png")
        }

            div.raceResults table.resultsGrid .flagTTO:hover::before {
                content: "Trinidad and Tobago"
            }

        div.raceResults table.resultsGrid .flagTUN {
            background-image: url("/Results/Graphics/Flags/TUN.png")
        }

            div.raceResults table.resultsGrid .flagTUN:hover::before {
                content: "Tunisia"
            }

        div.raceResults table.resultsGrid .flagTUR {
            background-image: url("/Results/Graphics/Flags/TUR.png")
        }

            div.raceResults table.resultsGrid .flagTUR:hover::before {
                content: "Turkey"
            }

        div.raceResults table.resultsGrid .flagTUV {
            background-image: url("/Results/Graphics/Flags/TUV.png")
        }

            div.raceResults table.resultsGrid .flagTUV:hover::before {
                content: "Tuvalu"
            }

        div.raceResults table.resultsGrid .flagTWN {
            background-image: url("/Results/Graphics/Flags/TWN.png")
        }

            div.raceResults table.resultsGrid .flagTWN:hover::before {
                content: "Taiwan"
            }

        div.raceResults table.resultsGrid .flagTZA {
            background-image: url("/Results/Graphics/Flags/TZA.png")
        }

            div.raceResults table.resultsGrid .flagTZA:hover::before {
                content: "Tanzania"
            }

        div.raceResults table.resultsGrid .flagUGA {
            background-image: url("/Results/Graphics/Flags/UGA.png")
        }

            div.raceResults table.resultsGrid .flagUGA:hover::before {
                content: "Uganda"
            }

        div.raceResults table.resultsGrid .flagUKR {
            background-image: url("/Results/Graphics/Flags/UKR.png")
        }

            div.raceResults table.resultsGrid .flagUKR:hover::before {
                content: "Ukraine"
            }

        div.raceResults table.resultsGrid .flagURY {
            background-image: url("/Results/Graphics/Flags/URY.png")
        }

            div.raceResults table.resultsGrid .flagURY:hover::before {
                content: "Uruguay"
            }

        div.raceResults table.resultsGrid .flagUSA {
            background-image: url("/Results/Graphics/Flags/USA.png")
        }

            div.raceResults table.resultsGrid .flagUSA:hover::before {
                content: "United States"
            }

        div.raceResults table.resultsGrid .flagUZB {
            background-image: url("/Results/Graphics/Flags/UZB.png")
        }

            div.raceResults table.resultsGrid .flagUZB:hover::before {
                content: "Uzbekistan"
            }

        div.raceResults table.resultsGrid .flagVAT {
            background-image: url("/Results/Graphics/Flags/VAT.png")
        }

            div.raceResults table.resultsGrid .flagVAT:hover::before {
                content: "Vatican City"
            }

        div.raceResults table.resultsGrid .flagVCT {
            background-image: url("/Results/Graphics/Flags/VCT.png")
        }

            div.raceResults table.resultsGrid .flagVCT:hover::before {
                content: "Saint Vincent and the Grenadines"
            }

        div.raceResults table.resultsGrid .flagVEN {
            background-image: url("/Results/Graphics/Flags/VEN.png")
        }

            div.raceResults table.resultsGrid .flagVEN:hover::before {
                content: "Venezuela"
            }

        div.raceResults table.resultsGrid .flagVGB {
            background-image: url("/Results/Graphics/Flags/VGB.png")
        }

            div.raceResults table.resultsGrid .flagVGB:hover::before {
                content: "British Virgin Islands"
            }

        div.raceResults table.resultsGrid .flagVIR {
            background-image: url("/Results/Graphics/Flags/VIR.png")
        }

            div.raceResults table.resultsGrid .flagVIR:hover::before {
                content: "US Virgin Islands"
            }

        div.raceResults table.resultsGrid .flagVNM {
            background-image: url("/Results/Graphics/Flags/VNM.png")
        }

            div.raceResults table.resultsGrid .flagVNM:hover::before {
                content: "Vietnam"
            }

        div.raceResults table.resultsGrid .flagVUT {
            background-image: url("/Results/Graphics/Flags/VUT.png")
        }

            div.raceResults table.resultsGrid .flagVUT:hover::before {
                content: "Vanuatu"
            }

        div.raceResults table.resultsGrid .flagWAL {
            background-image: url("/Results/Graphics/Flags/WAL.png")
        }

            div.raceResults table.resultsGrid .flagWAL:hover::before {
                content: "Wales"
            }

        div.raceResults table.resultsGrid .flagWLF {
            background-image: url("/Results/Graphics/Flags/WLF.png")
        }

            div.raceResults table.resultsGrid .flagWLF:hover::before {
                content: "Wallis and Futuna"
            }

        div.raceResults table.resultsGrid .flagWSM {
            background-image: url("/Results/Graphics/Flags/WSM.png")
        }

            div.raceResults table.resultsGrid .flagWSM:hover::before {
                content: "Samoa"
            }

        div.raceResults table.resultsGrid .flagYEM {
            background-image: url("/Results/Graphics/Flags/YEM.png")
        }

            div.raceResults table.resultsGrid .flagYEM:hover::before {
                content: "Yemen"
            }

        div.raceResults table.resultsGrid .flagZAF {
            background-image: url("/Results/Graphics/Flags/ZAF.png")
        }

            div.raceResults table.resultsGrid .flagZAF:hover::before {
                content: "South Africa"
            }

        div.raceResults table.resultsGrid .flagZMB {
            background-image: url("/Results/Graphics/Flags/ZMB.png")
        }

            div.raceResults table.resultsGrid .flagZMB:hover::before {
                content: "Zambia"
            }

        div.raceResults table.resultsGrid .flagZWE {
            background-image: url("/Results/Graphics/Flags/ZWE.png")
        }

            div.raceResults table.resultsGrid .flagZWE:hover::before {
                content: "Zimbabwe"
            }

        div.raceResults table.resultsGrid td > div.marker-0, div.raceResults table.resultsGrid th > div.marker-0, div.raceResults table.resultsGrid td > div.marker-1, div.raceResults table.resultsGrid th > div.marker-1, div.raceResults table.resultsGrid td > div.marker-2, div.raceResults table.resultsGrid th > div.marker-2, div.raceResults table.resultsGrid td > div.marker-3, div.raceResults table.resultsGrid th > div.marker-3, div.raceResults table.resultsGrid td > div.marker-4, div.raceResults table.resultsGrid th > div.marker-4, div.raceResults table.resultsGrid td > div.marker-5, div.raceResults table.resultsGrid th > div.marker-5, div.raceResults table.resultsGrid td > div.marker-6, div.raceResults table.resultsGrid th > div.marker-6, div.raceResults table.resultsGrid td > div.marker-7, div.raceResults table.resultsGrid th > div.marker-7, div.raceResults table.resultsGrid td > div.marker-8, div.raceResults table.resultsGrid th > div.marker-8, div.raceResults table.resultsGrid td > div.marker-9, div.raceResults table.resultsGrid th > div.marker-9, div.raceResults table.resultsGrid td > div.marker-10, div.raceResults table.resultsGrid th > div.marker-10, div.raceResults table.resultsGrid td > div.marker-11, div.raceResults table.resultsGrid th > div.marker-11, div.raceResults table.resultsGrid td > div.marker-12, div.raceResults table.resultsGrid th > div.marker-12, div.raceResults table.resultsGrid td > div.marker-13, div.raceResults table.resultsGrid th > div.marker-13 {
            background-size: auto 70%;
            background-position: center;
            background-repeat: no-repeat
        }

            div.raceResults table.resultsGrid td > div.marker-0 > img, div.raceResults table.resultsGrid th > div.marker-0 > img, div.raceResults table.resultsGrid td > div.marker-1 > img, div.raceResults table.resultsGrid th > div.marker-1 > img, div.raceResults table.resultsGrid td > div.marker-2 > img, div.raceResults table.resultsGrid th > div.marker-2 > img, div.raceResults table.resultsGrid td > div.marker-3 > img, div.raceResults table.resultsGrid th > div.marker-3 > img, div.raceResults table.resultsGrid td > div.marker-4 > img, div.raceResults table.resultsGrid th > div.marker-4 > img, div.raceResults table.resultsGrid td > div.marker-5 > img, div.raceResults table.resultsGrid th > div.marker-5 > img, div.raceResults table.resultsGrid td > div.marker-6 > img, div.raceResults table.resultsGrid th > div.marker-6 > img, div.raceResults table.resultsGrid td > div.marker-7 > img, div.raceResults table.resultsGrid th > div.marker-7 > img, div.raceResults table.resultsGrid td > div.marker-8 > img, div.raceResults table.resultsGrid th > div.marker-8 > img, div.raceResults table.resultsGrid td > div.marker-9 > img, div.raceResults table.resultsGrid th > div.marker-9 > img, div.raceResults table.resultsGrid td > div.marker-10 > img, div.raceResults table.resultsGrid th > div.marker-10 > img, div.raceResults table.resultsGrid td > div.marker-11 > img, div.raceResults table.resultsGrid th > div.marker-11 > img, div.raceResults table.resultsGrid td > div.marker-12 > img, div.raceResults table.resultsGrid th > div.marker-12 > img, div.raceResults table.resultsGrid td > div.marker-13 > img, div.raceResults table.resultsGrid th > div.marker-13 > img {
                height: 60%;
                width: auto;
                vertical-align: middle
            }

        div.raceResults table.resultsGrid td div.marker-0 {
            background-image: url("/Results/Graphics/glyphs/0.png")
        }

        div.raceResults table.resultsGrid td div.marker-1 {
            background-image: url("/Results/Graphics/glyphs/1.png")
        }

        div.raceResults table.resultsGrid td div.marker-2 {
            background-image: url("/Results/Graphics/glyphs/2.png")
        }

        div.raceResults table.resultsGrid td div.marker-3 {
            background-image: url("/Results/Graphics/glyphs/3.png")
        }

        div.raceResults table.resultsGrid td div.marker-4 {
            background-image: url("/Results/Graphics/glyphs/4.png")
        }

        div.raceResults table.resultsGrid td div.marker-5 {
            background-image: url("/Results/Graphics/glyphs/5.png")
        }

        div.raceResults table.resultsGrid td div.marker-6 {
            background-image: url("/Results/Graphics/glyphs/6.png")
        }

        div.raceResults table.resultsGrid td div.marker-7 {
            background-image: url("/Results/Graphics/glyphs/7.png")
        }

        div.raceResults table.resultsGrid td div.marker-8 {
            background-image: url("/Results/Graphics/glyphs/8.png")
        }

        div.raceResults table.resultsGrid td div.marker-9 {
            background-image: url("/Results/Graphics/glyphs/9.png")
        }

        div.raceResults table.resultsGrid td div.marker-10 {
            background-image: url("/Results/Graphics/glyphs/10.png")
        }

        div.raceResults table.resultsGrid td div.marker-11 {
            background-image: url("/Results/Graphics/glyphs/11.png")
        }

        div.raceResults table.resultsGrid td div.marker-12 {
            background-image: url("/Results/Graphics/glyphs/12.png")
        }

        div.raceResults table.resultsGrid td div.marker-13 {
            background-image: url("/Results/Graphics/glyphs/13.png")
        }

        div.raceResults table.resultsGrid td > div.smarker-1, div.raceResults table.resultsGrid th > div.smarker-1, div.raceResults table.resultsGrid td > div.smarker-2, div.raceResults table.resultsGrid th > div.smarker-2, div.raceResults table.resultsGrid td > div.smarker-3, div.raceResults table.resultsGrid th > div.smarker-3, div.raceResults table.resultsGrid td > div.smarker-4, div.raceResults table.resultsGrid th > div.smarker-4, div.raceResults table.resultsGrid td > div.smarker-5, div.raceResults table.resultsGrid th > div.smarker-5, div.raceResults table.resultsGrid td > div.smarker-6, div.raceResults table.resultsGrid th > div.smarker-6, div.raceResults table.resultsGrid td > div.smarker-7, div.raceResults table.resultsGrid th > div.smarker-7, div.raceResults table.resultsGrid td > div.smarker-8, div.raceResults table.resultsGrid th > div.smarker-8, div.raceResults table.resultsGrid td > div.smarker-9, div.raceResults table.resultsGrid th > div.smarker-9 {
            background-size: auto 70%;
            background-position: center;
            background-repeat: no-repeat
        }

            div.raceResults table.resultsGrid td > div.smarker-1 > img, div.raceResults table.resultsGrid th > div.smarker-1 > img, div.raceResults table.resultsGrid td > div.smarker-2 > img, div.raceResults table.resultsGrid th > div.smarker-2 > img, div.raceResults table.resultsGrid td > div.smarker-3 > img, div.raceResults table.resultsGrid th > div.smarker-3 > img, div.raceResults table.resultsGrid td > div.smarker-4 > img, div.raceResults table.resultsGrid th > div.smarker-4 > img, div.raceResults table.resultsGrid td > div.smarker-5 > img, div.raceResults table.resultsGrid th > div.smarker-5 > img, div.raceResults table.resultsGrid td > div.smarker-6 > img, div.raceResults table.resultsGrid th > div.smarker-6 > img, div.raceResults table.resultsGrid td > div.smarker-7 > img, div.raceResults table.resultsGrid th > div.smarker-7 > img, div.raceResults table.resultsGrid td > div.smarker-8 > img, div.raceResults table.resultsGrid th > div.smarker-8 > img, div.raceResults table.resultsGrid td > div.smarker-9 > img, div.raceResults table.resultsGrid th > div.smarker-9 > img {
                height: 60%;
                width: auto;
                vertical-align: middle
            }

        div.raceResults table.resultsGrid td div.smarker-1 {
            background-image: url("/Results/Graphics/SectionGlyphsDark/1.png")
        }

        div.raceResults table.resultsGrid td div.smarker-2 {
            background-image: url("/Results/Graphics/SectionGlyphsDark/2.png")
        }

        div.raceResults table.resultsGrid td div.smarker-3 {
            background-image: url("/Results/Graphics/SectionGlyphsDark/3.png")
        }

        div.raceResults table.resultsGrid td div.smarker-4 {
            background-image: url("/Results/Graphics/SectionGlyphsDark/4.png")
        }

        div.raceResults table.resultsGrid td div.smarker-5 {
            background-image: url("/Results/Graphics/SectionGlyphsDark/5.png")
        }

        div.raceResults table.resultsGrid td div.smarker-6 {
            background-image: url("/Results/Graphics/SectionGlyphsDark/6.png")
        }

        div.raceResults table.resultsGrid td div.smarker-7 {
            background-image: url("/Results/Graphics/SectionGlyphsDark/7.png")
        }

        div.raceResults table.resultsGrid td div.smarker-8 {
            background-image: url("/Results/Graphics/SectionGlyphsDark/8.png")
        }

        div.raceResults table.resultsGrid td div.smarker-9 {
            background-image: url("/Results/Graphics/SectionGlyphsDark/9.png")
        }

.theme-light div.raceResults .optionsContainer input, .theme-light div.raceResults .optionsContainer select {
    background-color: white;
    border: 1px solid #333
}

.theme-light div.raceResults table.resultsGrid thead {
    background-color: #115ca6;
    color: white !important
}

.theme-light div.raceResults table.resultsGrid th {
    border-color: #115ca6 !important
}

.theme-light div.raceResults table.resultsGrid tr.specialEnrollment, .theme-light div.raceResults table.resultsGrid tr.highlight {
    background-color: #ffffad !important
}

.theme-light div.raceResults table.resultsGrid tbody tr:nth-child(even) {
    background-color: #e4eaf0
}

.theme-light div.raceResults table.resultsGrid div.driverQueueWarningTrack {
    color: #997800 !important
}

.theme-light div.raceResults table.resultsGrid div.driverQueueWarningPit {
    color: #d20000 !important
}

.theme-dark div.raceResults .optionsContainer input, .theme-dark div.raceResults .optionsContainer select {
    border: 1px solid #d4d4d4
    
}
/* column header */
.theme-dark div.raceResults table.resultsGrid thead {
    /* background-color: #00007f; */
	/* background-color: #005180; */
    background-color: #cd5c5c;
    /* background-color: #005180; */
    box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 2), inset -2px -2px 10px black;
    -webkit-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 2), inset -2px -2px 10px black;
    -moz-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 2), inset -2px -2px 10px black;
    color: whitesmoke !important
}

/* .theme-dark div.raceResults table.resultsGrid th {
    border-color: #00007f !important
}

    .theme-dark div.raceResults table.resultsGrid th > div {
        color: white !important
    } */

.theme-dark div.raceResults table.resultsGrid td, .theme-dark div.raceResults table.resultsGrid th {
    border-color: #333
}

.theme-dark div.raceResults table.resultsGrid div.personalbest {
    color: #00da00 !important
}

.theme-dark div.raceResults table.resultsGrid div.absolutebest {
    color: #fe60fe !important
}

.theme-dark div.raceResults table.resultsGrid div.zero {
    color: red !important
}

.theme-dark div.raceResults table.resultsGrid div.lower {
    color: #00da00 !important
}

.green-bg {
    background-color: rgb(0, 100, 0); /* Transparent green */
}

.theme-dark div.raceResults table.resultsGrid tr.specialEnrollment, .theme-dark div.raceResults table.resultsGrid tr.highlight {
    background-color: blue !important
}

/* .theme-dark div.raceResults table.resultsGrid tbody tr:nth-child(even) {
    background-color: #232323
} */

.theme-dark div.raceResults table.resultsGrid tbody tr:nth-child(even) {
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 2), inset -1px -1px 10px rgba(155, 155, 155, 10);
    -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 2), inset -1px -1px 10px rgba(155, 155, 155, 10);
    -moz-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 2), inset -1px -1px 10px rgba(155, 155, 155, 10);
  }
  
  .theme-dark div.raceResults table.resultsGrid tbody tr:nth-child(odd) {
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 2), inset -1px -1px 10px rgba(155, 155, 155, 10);
    -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 2), inset -1px -1px 10px rgba(155, 155, 155, 10);
    -moz-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 2), inset -1px -1px 10px rgba(155, 155, 155, 10);
  }
  
.theme-dark div.raceResults table.resultsGrid tbody tr:hover {
  background-color: #333;
}

.theme-dark div.raceResults table.resultsGrid div.smarker-1 {
    background-image: url("/Results/Graphics/SectionGlyphs/1.png")
}

.theme-dark div.raceResults table.resultsGrid div.smarker-2 {
    background-image: url("/Results/Graphics/SectionGlyphs/2.png")
}

.theme-dark div.raceResults table.resultsGrid div.smarker-3 {
    background-image: url("/Results/Graphics/SectionGlyphs/3.png")
}

.theme-dark div.raceResults table.resultsGrid div.smarker-4 {
    background-image: url("/Results/Graphics/SectionGlyphs/4.png")
}

.theme-dark div.raceResults table.resultsGrid div.smarker-5 {
    background-image: url("/Results/Graphics/SectionGlyphs/5.png")
}

.theme-dark div.raceResults table.resultsGrid div.smarker-6 {
    background-image: url("/Results/Graphics/SectionGlyphs/6.png")
}

.theme-dark div.raceResults table.resultsGrid div.smarker-7 {
    background-image: url("/Results/Graphics/SectionGlyphs/7.png")
}

.theme-dark div.raceResults table.resultsGrid div.smarker-8 {
    background-image: url("/Results/Graphics/SectionGlyphs/8.png")
}

.theme-dark div.raceResults table.resultsGrid div.smarker-9 {
    background-image: url("/Results/Graphics/SectionGlyphs/9.png")
}

.theme-dark div.raceResults table.resultsGrid td div.marker-6 {
    background-image: url("/Results/Graphics/glyphs/6-d.png")
}

.theme-dark div.raceResults table.resultsGrid td div.marker-9 {
    background-image: url("/Results/Graphics/glyphs/9-d.png")
}

.theme-dark div.raceResults table.resultsGrid td div.marker-10 {
    background-image: url("/Results/Graphics/glyphs/10-d.png")
}

.tracker {
    font-size: 10pt;
    font-family: sans-serif
}

    .tracker #trackItems {
        position: relative;
        visibility: hidden
    }

        .tracker #trackItems .trackImg {
            height: 100px;
            width: 100px;
            display: block
        }

    .tracker .header {
        padding-bottom: 5px
    }

        .tracker .header .buttons > button {
            margin-right: 10px
        }

    .tracker .trackerDialog {
        display: none;
        font-size: 10pt
    }

    .tracker .loop {
        z-index: 1;
        position: absolute;
        width: 5px;
        height: 40px;
        margin-top: -20px;
        margin-left: -2px;
        background-color: #4169e1
    }

    .tracker .loop_sdc {
        z-index: 999;
        position: absolute;
        padding: 1px 3px;
        cursor: default;
        background-color: #4169e1;
        color: #d6ddf1;
        border-radius: 5px;
        text-align: center;
        font-size: 24px;
        font-family: sans-serif
    }

    .tracker .pitloop_sdc {
        background-color: #cd5c5c;
        color: #f1dada
    }

    .tracker .sfloop_sdc {
        background-color: #00a335;
        color: #d6ddf1
    }

    .tracker .pitLoop {
        background-color: #cd5c5c
    }

    .tracker .sfLoop {
        z-index: 2;
        background-color: #00a335
    }

    .tracker .transponder {
        z-index: 10;
        position: absolute;
        margin-left: -10px;
        margin-top: -10px;
        cursor: default;
        border-radius: 50%;
        background-color: orange;
        color: black
    }

        .tracker .transponder > div {
            text-align: center;
            left: 0;
            top: 0;
            padding: 5px;
            padding-left: 4px;
            display: none;
            font-size: 24px;
            font-family: sans-serif;
            position: relative
        }

    .tracker .transHighlight {
        z-index: 100
    }

    .tracker .transFollow {
        z-index: 500
    }

        .tracker .transFollow > div {
            font-weight: bold;
            font-size: 28px;
            padding: 9px;
            padding-left: 8px
        }

    .tracker .transLeader {
        z-index: 750 !important;
        border: 5px solid #43d426
    }

        .tracker .transLeader > div {
            font-size: 28px
        }

    .tracker .transSpecial {
        z-index: 800
    }

        .tracker .transSpecial > div {
            font-weight: bold;
            font-size: 28px;
            padding: 9px;
            padding-left: 8px
        }

    .tracker .transClassHidden {
        display: none
    }

    .tracker .transIsMissing {
        display: none
    }

    .tracker .carclass1 {
        background-color: #ffd891;
        color: black
    }

    .tracker .carclass2 {
        background-color: #cfc;
        color: black
    }

    .tracker .carclass3 {
        background-color: #2bc1df;
        color: black
    }

    .tracker .carclass4 {
        background-color: #a5d8ea;
        color: black
    }

    .tracker .carclass5 {
        background-color: #bdd3fb;
        color: black
    }

    .tracker .carclass6 {
        background-color: #e9d3ff;
        color: black
    }

    .tracker .carclass7 {
        background-color: #ffc2c2;
        color: black
    }

    .tracker .carclass8 {
        background-color: #ef5350;
        color: black
    }

    .tracker .carclass9 {
        background-color: #f06292;
        color: black
    }

    .tracker .carclass10 {
        background-color: #80cbc4;
        color: black
    }

    .tracker .carclass11 {
        background-color: #a5d6a7;
        color: black
    }

    .tracker .carclass12 {
        background-color: #e6ee9c;
        color: black
    }

    .tracker .carclass13 {
        background-color: #fff59d;
        color: black
    }

    .tracker .carclass14 {
        background-color: #cfd8dc;
        color: black
    }

    .tracker .trackerLegend .highlightAction {
        padding-bottom: 5px
    }

        .tracker .trackerLegend .highlightAction span:first-child {
            padding-right: 5px
        }

        .tracker .trackerLegend .highlightAction input {
            width: 40px
        }

            .tracker .trackerLegend .highlightAction input.unused {
                color: #999
            }

        .tracker .trackerLegend .highlightAction a {
            margin-left: 5px;
            font-size: .9em
        }

    .tracker .trackerLegend table.info td:first-child, .tracker .trackerLegend table.info th:first-child, .tracker .trackerLegend table.classes td:first-child, .tracker .trackerLegend table.classes th:first-child {
        width: 30px
    }

    .tracker .trackerLegend table {
        margin-top: 15px
    }

    .tracker .trackerLegend .transLeader {
        padding: 3px 7px;
        border-radius: 50%;
        font-size: inherit
    }

    .tracker .trackerLegend table {
        empty-cells: show;
        border-spacing: 0;
        border-collapse: collapse
    }

        .tracker .trackerLegend table tbody > tr {
            height: 26px
        }

        .tracker .trackerLegend table thead > tr {
            border-bottom: 1px solid #999
        }

        .tracker .trackerLegend table td, .tracker .trackerLegend table th {
            padding: 0 5px;
            vertical-align: middle
        }

            .tracker .trackerLegend table td:first-child, .tracker .trackerLegend table th:first-child {
                border-right: 1px solid #999;
                text-align: center
            }

            .tracker .trackerLegend table td > img {
                width: 16px;
                height: 16px;
                vertical-align: middle
            }

        .tracker .trackerLegend table .loop {
            margin: 0 auto;
            padding: 0;
            z-index: auto;
            position: relative;
            width: 3px;
            height: 16px
        }

        .tracker .trackerLegend table a {
            font-size: .9em
        }

    .tracker .trackerLegend .shortcuts {
        border-top: 1px solid #999;
        margin-top: 15px
    }

        .tracker .trackerLegend .shortcuts table {
            margin-top: 10px;
            font-size: .8em;
            color: #666
        }

            .tracker .trackerLegend .shortcuts table tr {
                height: auto
            }

            .tracker .trackerLegend .shortcuts table td, .tracker .trackerLegend .shortcuts table th {
                padding: 1px 5px;
                vertical-align: middle;
                text-align: left !important
            }

    .tracker .trackerLegend .transponder {
        display: inline-block;
        border-radius: 50%;
        position: unset;
        margin: 0;
        line-height: 1.5em;
        padding: 0 7px 1px 7px
    }

    .tracker .trackerResultsTickerTape > div {
        overflow: hidden;
        padding: 2px 6px;
        border-width: 1px;
        border-style: solid;
        border-color: inherit;
        border-radius: 6px
    }

        .tracker .trackerResultsTickerTape > div li > div:first-child {
            background-color: #fffffa
        }

    .tracker .trackerRetirements table, .tracker .trackerPitInfo table {
        border-spacing: 0;
        border-collapse: collapse
    }

    .tracker .trackerRetirements thead > tr, .tracker .trackerPitInfo thead > tr {
        border-bottom: 1px solid #999
    }

    .tracker .trackerRetirements td, .tracker .trackerPitInfo td, .tracker .trackerRetirements th, .tracker .trackerPitInfo th {
        text-align: left;
        padding: 0 15px
    }

        .tracker .trackerRetirements td:first-child, .tracker .trackerPitInfo td:first-child, .tracker .trackerRetirements th:first-child, .tracker .trackerPitInfo th:first-child {
            width: auto;
            padding-left: 0
        }

    .tracker .participationCountPane {
        display: none;
        background-color: #1e1e1e;
        vertical-align: top
    }

    .tracker .participationCount {
        margin: 4px 8px
    }

.theme-light .trackerResultsTickerTape {
    border-color: #bbb;
    background-color: #eef3f7;
    color: #333
}

    .theme-light .trackerResultsTickerTape li > div:first-child {
        background-color: #fffffa
    }

.theme-light .participationCountPane {
    background-color: #eee
}

.theme-dark .trackerResultsTickerTape > div {
    border-color: #222;
    background-color: #333
}

    .theme-dark .trackerResultsTickerTape > div li > div:first-child {
        background-color: #111;
        border-color: #555
    }

#screenMessagesList section.screenMessagesList {
    padding: 5px
}

#screenMessagesList table {
    empty-cells: show;
    border-spacing: 0;
    border-collapse: collapse
}

    #screenMessagesList table.screenMessagesList th, #screenMessagesList table.screenMessagesList td {
        vertical-align: top;
        text-align: left;
        padding: 2px 0
    }

    #screenMessagesList table.screenMessagesList th {
        font-weight: normal;
        padding-top: 0
    }

    #screenMessagesList table.screenMessagesList th, #screenMessagesList table.screenMessagesList td {
        padding-right: 15px;
        padding-left: 2px
    }

        #screenMessagesList table.screenMessagesList th[onclick] {
            cursor: pointer;
            background: url(../../Img/sort.png) no-repeat right top
        }

.theme-light #screenMessagesList section.screenMessagesList {
    background-color: #eee
}

.theme-light #screenMessagesList table tr:nth-child(even) {
    background-color: #ddd
}

.theme-light #screenMessagesList thead {
    border-bottom: 1px solid #AAA
}

.theme-dark #screenMessagesList section.screenMessagesList {
    background-color: #1e1e1e
}

.theme-dark #screenMessagesList table tr:nth-child(even) {
    background-color: #282828
}

.theme-dark #screenMessagesList thead {
    border-bottom: 1px solid #888
}

section.creventicPenaltyList {
    padding: 5px
}

.creventicPenaltyList table {
    empty-cells: show;
    border-spacing: 0;
    border-collapse: collapse
}

    .creventicPenaltyList table.creventicPenaltyList th, .creventicPenaltyList table.creventicPenaltyList td {
        vertical-align: top;
        text-align: left;
        padding: 2px 0
    }

    .creventicPenaltyList table.creventicPenaltyList th {
        font-weight: normal;
        padding-top: 0
    }

    .creventicPenaltyList table.creventicPenaltyList th, .creventicPenaltyList table.creventicPenaltyList td {
        padding-right: 15px;
        padding-left: 2px;
        text-align: center
    }

        .creventicPenaltyList table.creventicPenaltyList th[onclick] {
            cursor: pointer;
            background: url(../../Img/sort.png) no-repeat right top
        }

.theme-light section.creventicPenaltyList {
    background-color: #eee
}

.theme-light .creventicPenaltyList table tr:nth-child(even) {
    background-color: #ddd
}

.theme-light .creventicPenaltyList thead {
    border-bottom: 1px solid #AAA
}

.theme-dark section.creventicPenaltyList {
    background-color: #1e1e1e
}

.theme-dark .creventicPenaltyList table tr:nth-child(even) {
    background-color: #282828
}

.theme-dark .creventicPenaltyList thead {
    border-bottom: 1px solid #888
}

.creventicPenaltyList table tr.highlight {
    color: yellow
}

.theme-light .creventicPenaltyList table tr.highlight {
    color: darkgoldenrod
}

#stats {
    min-width: 700px
}

    #stats .stats_logo {
        display: inline-block;
        vertical-align: top;
        margin-left: 20px
    }

        #stats .stats_logo a {
            background: 0;
            padding: 0;
            margin: 0
        }

            #stats .stats_logo a div {
                width: 250px;
                height: 80px;
                background-repeat: no-repeat
            }

    #stats .heatSection .tOne {
        white-space: nowrap
    }

        #stats .heatSection .tOne div {
            display: inline-block
        }

    #stats section {
        margin-top: 15px;
        padding: 10px
    }

        #stats section:first-child {
            margin-top: 0
        }

    #stats table {
        empty-cells: show;
        border-spacing: 0;
        border-collapse: collapse
    }

    #stats td, #stats th {
        padding: 3px;
        white-space: nowrap;
        vertical-align: top;
        width: 150px
    }

    #stats table caption {
        text-align: left;
        vertical-align: top;
        font-weight: bold;
        margin-bottom: 10px
    }

    #stats th {
        font-weight: normal;
        text-align: left
    }

    #stats .identedTables table {
        min-width: 100px;
        width: auto;
        display: inline-block;
        vertical-align: top
    }

        #stats .identedTables table:first-child {
            margin-right: 20px
        }

    #stats .identedTables td {
        width: 150px
    }

    #stats .heatSection table td:first-child {
        white-space: nowrap;
        width: 260px
    }

    #stats .flagsSection {
        margin-top: 20px
    }

        #stats .flagsSection table {
            min-width: 100px;
            width: auto;
            display: inline-block;
            vertical-align: top
        }

            #stats .flagsSection table.flags1Table, #stats .flagsSection table.flags3Table {
                margin-right: 20px
            }

                #stats .flagsSection table.flags1Table td, #stats .flagsSection table.flags3Table td {
                    width: 200px
                }

            #stats .flagsSection table.flags2Table td, #stats .flagsSection table.flags4Table td {
                width: 200px
            }

    #stats section.leaderHistorySection table, #stats section.bestLapHistorySection table, #stats section.bestLapPerClassSection table, #stats section.aggregatedLeaderLapsSection table, #stats section.flagHistorySection table {
        table-layout: fixed;
        min-width: 0;
        width: auto
    }

        #stats section.leaderHistorySection table td, #stats section.bestLapHistorySection table td, #stats section.bestLapPerClassSection table td, #stats section.aggregatedLeaderLapsSection table td, #stats section.flagHistorySection table td, #stats section.leaderHistorySection table th, #stats section.bestLapHistorySection table th, #stats section.bestLapPerClassSection table th, #stats section.aggregatedLeaderLapsSection table th, #stats section.flagHistorySection table th {
            padding: 3px 6px 3px 3px;
            overflow: hidden
        }

            #stats section.leaderHistorySection table td:first-child, #stats section.bestLapHistorySection table td:first-child, #stats section.bestLapPerClassSection table td:first-child, #stats section.aggregatedLeaderLapsSection table td:first-child, #stats section.flagHistorySection table td:first-child {
                width: auto
            }

        #stats section.leaderHistorySection table .i, #stats section.bestLapHistorySection table .i, #stats section.bestLapPerClassSection table .i, #stats section.aggregatedLeaderLapsSection table .i, #stats section.flagHistorySection table .i {
            width: 60px
        }

        #stats section.leaderHistorySection table .className, #stats section.bestLapHistorySection table .className, #stats section.bestLapPerClassSection table .className, #stats section.aggregatedLeaderLapsSection table .className, #stats section.flagHistorySection table .className {
            width: 100px
        }

        #stats section.leaderHistorySection table .lap, #stats section.bestLapHistorySection table .lap, #stats section.bestLapPerClassSection table .lap, #stats section.aggregatedLeaderLapsSection table .lap, #stats section.flagHistorySection table .lap {
            width: 65px
        }

        #stats section.leaderHistorySection table .nbr, #stats section.bestLapHistorySection table .nbr, #stats section.bestLapPerClassSection table .nbr, #stats section.aggregatedLeaderLapsSection table .nbr, #stats section.flagHistorySection table .nbr {
            width: 75px
        }

        #stats section.leaderHistorySection table .name, #stats section.bestLapHistorySection table .name, #stats section.bestLapPerClassSection table .name, #stats section.aggregatedLeaderLapsSection table .name, #stats section.flagHistorySection table .name {
            width: 220px
        }

        #stats section.leaderHistorySection table .car, #stats section.bestLapHistorySection table .car, #stats section.bestLapPerClassSection table .car, #stats section.aggregatedLeaderLapsSection table .car, #stats section.flagHistorySection table .car {
            width: 190px
        }

        #stats section.leaderHistorySection table .time, #stats section.bestLapHistorySection table .time, #stats section.bestLapPerClassSection table .time, #stats section.aggregatedLeaderLapsSection table .time, #stats section.flagHistorySection table .time {
            width: 100px
        }

        #stats section.leaderHistorySection table .driver, #stats section.bestLapHistorySection table .driver, #stats section.bestLapPerClassSection table .driver, #stats section.aggregatedLeaderLapsSection table .driver, #stats section.flagHistorySection table .driver {
            display: none
        }

        #stats section.flagHistorySection table .remark {
            white-space: normal;
            width: 300px
        }

        #stats section.flagHistorySection table .nbr {
            padding-right: 10px
        }

        #stats section.flagHistorySection table .flag {
            width: 90px
        }

            #stats section.flagHistorySection table .flag > div {
                width: 72px;
                text-align: center
            }

    #stats section > h1 {
        margin: 0;
        padding: 0 0 5px 0;
        font-size: 1em;
        font-weight: bold
    }

    #stats .scrollArea {
        overflow: auto;
        max-height: 175px;
        display: inline-block;
        padding-right: 0
    }

    #stats .touch .scrollArea {
        max-height: none;
        display: block;
        padding-right: 0
    }

.theme-light #stats .stats_logo div {
    background-image: url('/img/company_stats_light.png')
}

.theme-light #stats section {
    background-color: #eee
}

.theme-light #stats table tr:nth-child(even) {
    background-color: #ddd
}

.theme-light #stats thead {
    border-bottom: 1px solid #aaa
}

.theme-dark #stats .stats_logo div {
    background-image: url('/img/company_stats_dark.png')
}

.theme-dark #stats section {
    background-color: #1e1e1e
}

.theme-dark #stats table tr:nth-child(even) {
    background-color: #282828
}

.theme-dark #stats thead {
    border-bottom: 1px solid #888
}

#weatherView {
    min-width: 700px
}

    #weatherView .currentWeather table {
        empty-cells: show;
        border-spacing: 0;
        border-collapse: collapse
    }

    #weatherView .currentWeather td, #weatherView .currentWeather th {
        padding: 3px;
        white-space: nowrap;
        vertical-align: top
    }

        #weatherView .currentWeather td:not(:first-child) {
            padding-left: 60px
        }

    #weatherView section {
        margin-top: 10px;
        padding: 6px
    }

        #weatherView section:first-child {
            margin-top: 0
        }

        #weatherView section > h1 {
            margin: 0;
            padding: 0 0 5px 0;
            font-size: 1em;
            font-weight: bold
        }

    #weatherView .buttonContainer {
        margin: 0 0 10px 0
    }

    #weatherView .chartContainer {
        position: relative;
        height: 200px;
        width: 95%;
        margin: 10px 0;
        padding: 10px
    }

        #weatherView .chartContainer:first-child {
            margin-top: 0
        }

        #weatherView .chartContainer:last-child {
            margin-bottom: 0
        }

.theme-light #weatherView section {
    background-color: #eee
}

.theme-light #weatherView .chartContainer {
    background-color: #f7f7f7
}

.theme-dark #weatherView section {
    background-color: #1e1e1e
}

.theme-dark #weatherView .chartContainer {
    background-color: #2B2B2B
}