<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Copyright SiTiming Limited 2024 */

/* ----------------------
   Screen
---------------------- */

html {
    margin: 0;
    padding: 10px;
    overflow-y:scroll; /* Always show the vertical scroll bar */
}

body {
    margin: 0;
    padding: 0;
    color: #000000;
    background-color: #ffffff;
    font-size: 0.83em;
    font-family: Arial,Helvetica,Sans-serif;
}

/* ----------------------
   Header
---------------------- */

#header {
    display: none;
}

#header_right {
    width: 172px;
    float: right;
    margin-bottom: 10px;
}

/* ----------------------
   Main Contents Area
---------------------- */

#container_b {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
}

#container_bp {
    padding-left: 0;
}

/* ----------------------
   Footer
---------------------- */

#footer {
    width: 100%;
    background-color: #ee1c24;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 4px 0 0 0; /* top right bottom left */
    margin: 0;
}

#footer_a {
    max-width: 100%;
    background-color: #454545;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

#footer_b {
    max-width: 100%;
    background-color: #454545;
    font-size: 0.77em;
    -webkit-border-bottom-right-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-radius-bottomright: 16px;
    -moz-border-radius-bottomleft: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

#footer_a .padding {
    padding: 10px 30px 0; /* top rightleft bottom*/
    line-height: 1.4em;
    color: #FFFFFF;
}

#footer_b .padding {
    padding: 10px 30px; /* topbottom rightleft */
    line-height: 1.4em;
    color: #FFFFFF;
}

#footer_b p {
    margin: 0;
    padding: 0;
}

#footer_b a,
#footer_b a:visited {
    color: #FFFFFF;
    text-decoration: underline;
    outline: none;
}

    #footer_b a:focus,
    #footer_b a:hover {
        color: #ee1c24;
        text-decoration: underline;
    }

    #footer_b a:active {
        color: #ff6666;
        text-decoration: underline;
    }

#footer_b_left {
    float: left;
    width: 48.5%;
    font-size: 1.2em;
    line-height: 1.2em;
}

    #footer_b_left .update_time {
        display: none;
    }

#footer_b_right {
    float: right;
    width: 48.5%;
    text-align: right;
}

/* ----------------------
   Logo
---------------------- */

#logo {
    width: 172px;
    height: 68px;
    background: url("si_logo.png") left top no-repeat;
    overflow: hidden;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

    #logo span {
        display: none;
    }

#logo_header {
    width: 172px;
    height: 68px;
    background: url("si_logo.png") left top no-repeat;
    overflow: hidden;
    display: block;
}

    #logo_header span {
        display: none;
    }


/* ----------------------
   Standard Style
---------------------- */

h1,
h2 {
    color: #000000;
    font-size: 1.37em;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
}

h3 {
    color: #000000;
    font-size: 1.13em;
    margin-top: 0;
    margin-bottom: 5px;
    text-align: center;
}

h4 {
    color: #000000;
    font-size: 1.13em;
}

h5 {
    color: #000000;
    font-size: 1.0em;
}

h6 {
    color: #000000;
    font-size: 0.9em;
}

p {
    padding: 0;
    margin: 0 0 16px;
}

a, a:visited {
    color: #ee1c24;
    text-decoration: underline;
}

    a:hover {
        color: #E32121;
        text-decoration: underline;
    }

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.centre {
    text-align: center;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.nowrap {
    white-space: nowrap;
}

.copyright {
    font-size: 0.77em;
}

img.socialmedia {
    margin-left: 2px;
}

.excluded {
    font-style: italic;
}

.fastest {
    text-decoration: underline;
    font-weight: bold;
}

.discarded {
    color: gray;
    text-decoration: line-through;
}

/* ----------------------
   Award Levels
---------------------- */

.award-levels {
    padding: 16px 4px 16px 4px;
}

    .award-levels p {
        margin-bottom: 5px;
    }

        .award-levels p:last-of-type {
            margin-bottom: 0;
        }

/* ----------------------
   Messages
---------------------- */

.information-message {
    display: block;
    color: #2B2B2B;
    font-weight: bold;
    border: 1px solid #ffcc00;
    padding: 8px 9px;
    margin-bottom: 5px;
    background: #FFEFB0 url("information-message.gif") left top repeat-x;
}

    .information-message p {
        margin: 0;
    }

    .information-message strong {
        color: #ff9900;
    }

.select-message {
    display: block;
    color: #2B2B2B;
    font-weight: bold;
    border: 1px solid #00CC00;
    padding: 8px 9px;
    margin-bottom: 5px;
    background: #C5FFC5 url("select-message.gif") left top repeat-x;
}

    .select-message p {
        margin: 0;
        text-align: center;
    }

        .select-message p strong {
            color: #008000;
        }

/* ----------------------
   Refresh Message
---------------------- */

#refresh_block {
    margin-right: auto;
    margin-left: auto;
}

.content-message {
    border: 1px solid #bce8f1;
    color: #3a87ad;
    padding: 8px 9px;
    margin-bottom: 5px;
    background: #d9edf7;
    text-align: center;
}

    .content-message p {
        margin: 0;
    }

#refresh_time {
    font-weight: bold;
}

/* ----------------------
   Results Block Title
---------------------- */

.results-block-title {
    float: left;
    margin-right: 10px;
}

    .results-block-title h3 {
        margin-top: 10px;
        margin-bottom: 0;
        color: #ee1c24; 
        font-size: 1.37em;
    }


/* ----------------------
   Spinner when loading data
---------------------- */

.loader {
    border: 5px solid #aaaaaa;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 8px;
    height: 8px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

#loader-search {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.loader-container {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    width:26px;
}

#loader-table {
    display: inline-block;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* ----------------------
   Table Filter
---------------------- */

#table-filter {
    border: 1px solid #D9D9D9;
    padding: 5px;
    margin: 5px;
}

/* ----------------------
   Search Box
---------------------- */

#search-box {
    border: 1px solid #D9D9D9;
    padding: 5px;
    margin: 5px;
}

/* ----------------------
   Results Block
---------------------- */

.results-block-info {
    margin: 5px;
}

/* ----------------------
   Data Tables
---------------------- */


/* Reverse dataTable CSS - START */
table.dataTable {
    width: auto;
    margin-left: 0;
    margin-bottom: 30px;
}

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 6px;
        border-bottom: 1px solid #D9D9D9;
    }

    table.dataTable tbody td {
        padding: 2px 5px;
    }

        table.dataTable tbody td.certificate {
            padding-left: 0;
        }


    table.dataTable.no-footer {
        border-bottom: 1px solid #D9D9D9;
    }

.dataTables_filter {
    display: none;
}

.dataTables_empty {
    background-color: #ffffff;
}

.data tr:hover td.dataTables_empty {
    background-color: #ffffff;
}

/* Reverse dataTable CSS - END */

.data {
    border-collapse: collapse;
    border: 1px solid #d9d9d9;
    margin: 5px 5px 20px; /* top rightleft bottom*/
}

    .data th,
    .data td {
        margin: 0;
        padding: 2px 5px;
        border-spacing: 0;
    }

        .data th.right {
            text-align: right;
        }

        .data th.centre {
            text-align: center;
        }

    .data tr:nth-child(odd) {
        background-color: #e8e8e8;
    }

    .data tr:nth-child(even) {
        background-color: #ffffff;
    }

    .data tr:hover td {
        background-color: #d9d9d9;
    }

    .data th {
        background-color: #ffffff;
        border-bottom: 1px solid #d9d9d9;
        font-weight: bold;
        vertical-align: text-top;
        text-align: left;
        padding: 6px;
        line-height: 25px;
    }

    .data thead tr:first-child th {
        background-color: #ffffff;
        border-bottom: none;
    }

    .data thead tr.last-header-row th {
        display: none;
    }

    .data thead tr:first-child th.section-top {
        border-bottom: 1px solid #d9d9d9;
    }

table.data tr.row_selected {background-color: #8fbc8f;}
table.data tr.row_selected:hover td { background-color: #8fbc8f;}

.section-start {
    border-left: 1px solid #d9d9d9;
}

.section-end {
    border-right: 1px solid #d9d9d9;
}

.data td {
    vertical-align: top;
    white-space: nowrap;
}

    .data td span.disq {
        vertical-align: top;
        white-space: normal;
    }

    .data td img {
        border: 0;
    }

    .data td.standard {
        color: #ffffff;
    }

    .data td.standard,
    .data tr:hover td.standard {
        background-color: #ee1c24;
    }


/* ----------------------
    Photos - Link to to a photos website by race number
---------------------- */

.photos a { 
 background: url("Photos.png") left center no-repeat;
 padding: 2px 2px 2px 20px;}

.photos a span {display: none; } 

/* ----------------------
    Certificate - Link to to a certificate generated from SiTiming online
---------------------- */

.certificate a { 
 background: url("Certificate.png") center center no-repeat;
 text-decoration: none; 
 padding: 2px 15px;}

.certificate a span { display: none; }


/* ----------------------
    Buttons
---------------------- */


th button {
    background-color: transparent;
    width: 19px;
    height: 19px;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-right: 2px;
    margin-left: 2px;
    font-size: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}


    th button.sort {
        background-image: url("Sort.png");
    }

    th button.sortselected {
        background-image: url("Sort_Selected.png");
    }


    th button:focus {
        outline: none;
    }

.button-long {

    color: #FFF !important;
    text-align: center;
    text-decoration: none !important;
    margin: 5px;
    padding: 5px 15px; /* topbottom rightleft */
    border-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    min-width: 35px;
    border: 0;
    font-weight: bold;
}

    .button-long:hover,
    .button-long:focus,
    .button-long:active {
        opacity: .8;
    }

    .button-long:focus {
        outline: none;
    }

.button-search {
    background-color: #629c0c;
}

/* ----------------------
   Tables as Divs
---------------------- */

.ff-table {
    width: 100%;
}

.ff-row {
    clear: both;
    min-height: 20px;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
}

.ff-label {
    width: 40%;
    min-width: 120px;
    float: left;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    padding-right: 7px;
}

    .ff-label::after {
        content: ":";
    }

    label.select-results, #table-menu {
        font-size: 20px;
    }

.ff-field {
    width: 58%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ff-field {
    flex-wrap: wrap-reverse;
}

.ff-input {
    text-align: left;
    margin-right: 10px;
}

    .ff-input input {
        padding-left: 4px;
    }

#search-find {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ff-button {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-block;
    width: auto;
}

.sf-field {
    width: auto;
    display: inline-block;
    margin: 0 0 4px 8px; /* top right bottom left */
}

.form-checkbox,
.form-field,
.form-field-noresize {
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #656464;
    font-size: 16px;
    font-weight: normal;
}


/* ----------------------
   Sub Menu - Button Links
---------------------- */
.submenu {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 5px;
    text-align: center;
}

    .submenu ul {
        list-style-type: none;
        margin: 0;
        padding: 5px;
    }

    .submenu li {
        display: inline-block;
        font-weight: bold;
        text-align: center;
        margin: 5px;
        padding: 5px 15px; /* topbottom rightleft */
        min-width: 35px;
        background-color: #ee1c24;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        border-radius: 16px;
    }

    .submenu ul li a,
    .submenu ul li a:hover,
    .submenu ul li a:visited {
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
    }


/* ----------------------
   CSS smaller than 800px, all devices
---------------------- */
@media handheld and (max-width: 800px), screen and (max-width: 800px) {
    .no_large {
        display: none;
    }

    /* ----------------------
       Screen
    ---------------------- */

    #container_b, #container_bp {
        float: none;
        width: 100%;
    }

    #container_b, #container_bp {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #footer_a_left {
        float: none;
        width: 100%;
        text-align: center;
    }

    #footer_a_right {
        display: none;
    }

    #footer_b_left {
        float: none;
        width: 100%;
        text-align: center;
    }

        #footer_b_left .update_time {
            display: inherit;
        }

    #footer_b_right {
        display: none;
    }

    p.user {
        display: none;
    }

    /* ----------------------
    Buttons
    ---------------------- */

    .button-long {
        letter-spacing: 1.5px;
    }
}

/* ----------------------
   CSS smaller than 600px, all devices
---------------------- */
@media handheld and (max-width: 600px), screen and (max-width: 600px) {
    .no_medium {
        display: none;
    }

    .ff-table {
        overflow: hidden;
    }

    .ff-row {
        line-height: 22px;
        display: block;
    }

    .ff-label {
        width: 100%;
        float: none;
        padding-right: 0;
        text-align: left;
    }

        .ff-label::after {
            content: "";
        }

    label.select-results, #table-menu {
        font-size: 16px;
    }

    .ff-field {
        width: 100%;
        float: none;
    }

    #table-filter .ff-label {
        width: 40%;
        text-align: right;
        float: left;
        padding-right: 7px;
    }

    #table-filter .ff-label::after {
        content: ":";
    }

    #table-filter .ff-field {
        width: 25%;
        float: left;
    }

    #search-box .ff-label {
        text-align: center;
    }


    .ff-input {
        top: 0;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        display: inline-block;
        width: -moz-calc(60% - 40px);
        width: -webkit-calc(60% - 40px);
        width: calc(60% - 40px);
        margin-right: 0;
    }

    #search-box .ff-input {
        width: auto;
        width: auto;
        width: auto;
        text-align: center;
    }

    .sf-field {
        margin: 0 8px 4px 8px; /* top right bottom left */
    }

    .ff-button {
        display: block;
    }

    #search-find .ff-button {
        display: inline-block;
    }

    .form-field-noresize {
        border: 1px solid #c2c2c2;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        color: #656464;
        font-size: 14pt;
        font-weight: normal;
    }

    #header_left {
        width: 100%;
    }

    #header_right {
        width: 100%;
    }

    #logo_header {
        width: 28px;
        height: 21px;
        background: url("SiLogoSmall.gif") center top no-repeat;
        margin-left: auto;
        margin-right: auto;
    }

    table.dataTable tbody td {padding-top:10px; padding-bottom:10px;}
}

/* ----------------------
   CSS smaller than 420px, all devices
---------------------- */
@media handheld and (max-width: 420px), screen and (max-width: 420px) {
    .no_small {
        display: none;
    }

    /* More spacing and bigger font for mobile */

    input, textarea, select {
        font-size: 1.1em;
    }

        select#table-menu {
            width: 99%;
        }
}

/* ----------------------
   Initial settings
---------------------- */

.results-block, .not-started, #refresh_block, #loader-search, #loader-table, #no-search-results, .search_row, #search_find {
    display: none;
}
</pre></body></html>