body, select, input, textarea, p, td, a, button {
    color: #222;
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

body {
    padding:5px;
}

body {
    background: none;
    background-color:#eee;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

h2 {
    font-size: 14px;
    border-top: none;
    background-color: #162b48;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #222;
    font-weight: normal;
}

/* --------------------------------------------------------------- */

#header {
    width: 100%;
    margin: 0px;
    padding: 5px;
    box-shadow: 4px 4px 4px 2px rgba(0,0,0,.5);
}

    #header h1 {
        font-size: 18pt;
        color: #444;
    }

.contained {
    max-width: none;
    margin:0 30px 0 30px;
}

#contents {
    margin-top: 20px;
}

#heading {
    background-color:#fff;
    font-size:14pt;
}

#heading h1 {
    font-size: 14pt;
    color: #222;
}

.subdesc {
    text-transform:uppercase;
    font-weight:bold;
}

.message {
    font-size:10pt;
    font-weight:bold;
    color:#021441;
    font-style:italic;
    text-transform:none;
    border:2px solid #ea9e00;
}

.button {
    width: auto;
    font-size: 10pt;
    text-transform: uppercase;
    background-color: #052d93;
    color: #fff;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-right:10px;
    margin-bottom:10px;
}

.button:hover {
    background-color:#021441;
}

img.live-flag {
    height:12px;
    width:auto;
}

/*
table.results tr td {
    border:1px solid red;
}
*/
h2 {
    background-color: #ccc;
    font-size: 10pt;
    text-align: left;
    font-weight: bold;
    color: #222;
}

h3 {
    background-color: #fff;
    font-size: 14pt;
    text-align: left;
    font-weight: bold;
    color: #000;
}

p {
    font-size:10pt;
    text-align:center;
    color: #444;
}

#pagebox {
    margin: 0;
}

table {
    width: 100%;
}

tr {
    border-collapse: collapse;
}

    tr:nth-child(odd) {
        background-color: #FAFBFD;
    }

    tr:nth-child(even) {
        background-color:#ebeff7;
    }

    tr.subhead {
        border-bottom: none;
    }

td {
    font-size: 12pt;
    color:#111;
    padding:4px;
    line-height: 14pt;
}

a.link-bio {
    font-size: 12pt;
    color:#111;
    text-decoration:none;
    border-bottom:none;
}

a.link-comp {
    font-size: 14pt;
}

.row, .no-pad { padding:0; }

.subhead {
    color: #111;
    background-color: #fff;
    text-transform: uppercase;
}

.section {
    border: none;
    background-color: #fff;
    color: #3B3B44;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 15px;
}

.timingtexthead {
    background-color: #052d93;
    color: white;
    text-transform: uppercase;
}

.head-first-cell {
    border-top-left-radius: 10px;
}

.head-last-cell {
    border-top-right-radius: 10px;
}

tr {
    border-bottom: 1px solid #DDE0E7;
}

tr.timingtexthead {
    border-bottom:none;
}

td.latest {
    font-weight: bold;
    background-color:#dbc8ff;
}

span.cat, span.rank {
    padding-left: 5px;
    padding-right: 5px;
}

span.cat-A {
    background-color: #bfe0ba;
}

span.cat-B {
    background-color: #b6ebc6;
}

span.cat-C {
    background-color: #cce2d9;
}

span.cat-D {
    background-color: #a9c6d5;
}

span.cat-U10 {
    background-color: #b9ff89;
}

span.cat-U12 {
    background-color: #b9ff89;
}

span.gender-cell {
    padding-left: 5px;
    padding-right: 5px;
}

span.gender-M {
    background-color: #dceeff;
}

span.gender-W {
    background-color: #ffdbdb;
}

span.rank-1 {
    background-color: #ffd74b;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
}

span.rank-2 {
    background-color: #ccc;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
}

span.rank-3 {
    background-color: #c4894b;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
}

.besttime {
    padding:2px;
    background-color:#a0ff98;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
}

img.sponsors {
    width:100%;
    height:auto;
}

img.gbski-logo {
}

#above-footer-live {
    border-bottom: 24px solid #052d93;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#above-footer-blank {
    border-top: 24px solid #052d93;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#footer {
    padding-top: 10px;
    background-color: white;
    width: 100%;
}

p.footer {
    font-size:9pt;
    font-style:italic;
    color:#444;
}

.right-aligned {
    text-align:right;
}

.boxed {
    border:1px solid #444;
    border-collapse: collapse;
}

.refreporthead {
    background-color:#ddd;
}

.topborder {
    border-top:3px solid black;
}
.rightborder {
    border-right:3px solid black;
}
.bottomborder {
    border-bottom: 3px solid black;
}
.leftborder {
    border-left:3px solid black;
}

h2.timing {
    background-color: #0357A0;
    color: #fff;
    font-weight:normal;
    text-transform: uppercase;
    font-size:10pt;
}

@media all and ( max-width: 600px ) {

    h1 {
        font-size: 12pt;
    }

    h2 {
        font-size: 10pt;
    }

    img.sponsors {
        /*display:none;*/
    }

    p.footnote, a.footnote {
        font-size:8pt;
    }

    td, a, a.link-bio {
        font-size: 8pt;
    }

    .live-optional {
        display:none;
    }
}