body {
    margin: 0;
    font-family: "arial";
}
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
td{
    padding-left: 0.2em;
    padding-right: 0.2em;
}
select#races-select {
    width: 100%;
    font-size: 2em;
    border: none;
    background-color: transparent;
    text-align: center;
}
/* div#header {} */
div#header img {
    width: 100%;
}
div#last_update {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    text-align: right;
    font-size: 0.8em;
    color: white;
    font-style: italic;
}
div#races {
    text-align: center;
}
div#races td:first-child, div#races td:last-child {
    width: 5%;
}
div#races input[type=button]#race-previous, div#races input[type=button]#race-next {    
    color: white;
    font-weight: bold;
    border-radius: 0.8em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1.2em;
}
div#races input[type=button]#race-previous {
    background-color: #00245E;
    margin-left: 0.5em;
}
div#races input[type=button]#race-next {
    background-color: #174D73;
    margin-right: 0.5em;
}
div#columns {
    font-size: 1em;
    font-weight: bold;
}
div#columns td {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}
td.columns-rank, td.rows-rank {
    text-align: center;
}
td.columns-qualified, td.rows-qualified {
    text-align: center;
}
td.columns-name, td.rows-name {
    text-align: left;
    white-space: nowrap;
    text-overflow: clip;
}
td.columns-nationality, td.rows-nationality {
    text-align: center;
}
td.columns-birth, td.rows-birth {
    text-align: center;
}
td.columns-category_rank, td.rows-category_rank {
    text-align: right;
}
td.columns-sex_rank, td.rows-sex_rank {
    text-align: right;
}
td.columns-time, td.rows-time {
    text-align: center;
}
td.columns-award, td.rows-award {
    white-space: nowrap;
    text-overflow: clip;
}
div#rows {
    overflow: auto;    
    font-size: 0.8em;
}
div#rows tr.rows-male {
    color: #000080;
}
div#rows tr.rows-female {
    color: #800080;
}
div#rows tr.rows-mixed {
    color: #008000;
}
div#rows td {
    border-top: solid 1px black;
    border-bottom: solid 1px rgb(218, 218, 218);
}
div#rows table {
    border-bottom: solid 2px black;
}
div#rows td.row-comingsoon {
    text-align: center;
    font-size: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
}
td.row-comingsoon img {
    width: 3em;
    margin-bottom: 1em;
}
div#footer {
    background-color: #0C3969;
    text-align: center;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-size: 0.7em;
}
div#footer a {
    color: white;
}
div#footer a:visited {
    color: white;
}