/** Common **/

body,input,select,textarea,button,.ui-btn {
    font-family: 'Roboto', serif;
}

.header-logo {
    display: block;
    width: 100%;
    max-width: 480px;
}

.custom-back-button {
    position: static;
    float: left;
    display: inline !important;
    margin: 7px 0 0 7px !important;
    padding: 0 !important;
    background: #e9e9e9 !important;
    border-color: #e9e9e9 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.custom-back-button:after {
    top: initial;
    margin: 0;
}

.scratched {
    color: #777;
}

.strikethrough {
    text-decoration: line-through;
}

.exhibition {
    text-transform: uppercase;
    color: white;
    font-size: 0.85em;
    font-weight: normal;
    background-color: #5483b4;
    padding: 2px 6px;
    border-radius: 5px;
}

.penalty {
    font-weight: bold;
    color: red;
    font-size: 0.85em;
}



/** Schedule **/

.schedule {}

.schedule table .col-race-no {
    width: 45px;
    vertical-align: top;
}

.schedule table .race-no {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
}

.schedule .event-name {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
}

.schedule .event-detail {
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: normal;
}

.schedule .event-detail .time {
    margin-right: 10px;
}

.schedule .event-detail .round {
    text-overflow: ellipsis;
}


/* Race */

.race {}

.race table {
    width: 95%;
}

.race table .col-race-lane {
     width:45px;
     vertical-align: top;
 }

.race table .col-race-lane .race-lane {
    font-family: 'Roboto Condensed', serif;
}

.race table .col-team-club {
}

.race table .col-team-club .team-name {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
}

.race table .col-team-club {}

.race table .col-team-club .club-name {
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: normal;
    text-overflow: ellipsis;
}

.race table .col-team-club .lane-penalty {
    margin-top: 2px;
    /*text-transform: uppercase;*/
    font-size: 0.85em;
    font-weight: normal;
    text-overflow: ellipsis;
}

.race table .col-time {
    width: 20%;
    min-width: 20%;
    vertical-align: top;
}

.race table .col-time .time {
    font-family: 'Roboto Condensed', serif;
    text-align: right;
}

.race table .col-time .delta {
    text-align: right;
    margin-top: 2px;
    font-size: 0.85em;
    font-weight: normal;
}



/* Rankings Event */

.rankings-event {}

.rankings-event table {
    width: 95%;
}

.rankings-event table .col-rank {
    width: 45px;
    vertical-align: top;
}

.rankings-event table .col-rank .rank {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
}

.rankings-event table .col-team-club {
    vertical-align: top;
}

.rankings-event table .col-team-club .team {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
}

.rankings-event table .col-team-club .club {
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: normal;
    text-overflow: ellipsis;
}

.rankings-event table .col-team-club .round {
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: normal;
}

.rankings-event table .col-time {
    vertical-align: top;
    width: 20%;
}

.rankings-event table .col-time .time {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
    text-align: right;
}

.rankings-event table .col-time .delta {
    text-align: right;
    margin-top: 2px;
    font-size: 0.85em;
    font-weight: normal;
}


/* Status */

.status {}

.status table {
    width: 100%;
}

.status table .col-race {
    width: 45px;
    vertical-align: top;
}

.status table .col-race .race-no {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
}

.status table .event-name {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
}

.status table .event-detail {
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: normal;
}

.status .event-detail .time {
    margin-right: 10px;
}

.status .event-detail .round {
    text-overflow: ellipsis;
}

.status table .col-status {
    width: 80px;
    vertical-align: top;
}

.status table .col-status .status-text {
    text-align: right;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: normal;
}


/** Event Rounds **/

.event-rounds {}

.event-rounds table {
    width: 95%;
}

.event-rounds table .col-race-no {
    width: 45px;
    vertical-align: top;
}

.event-rounds table .race-no {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
}

.event-rounds table .event-detail {
    vertical-align: top;
}

.event-rounds table .event-detail .event-name {
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
}

.event-rounds table .event-detail .round {
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: normal;
}