.raceInfo .raceArea a {
    min-width: 48px;
    min-height: 71px;
}

.raceInfo .raceArea .recentRace a {
    background: #ffd700;
}

.raceInfo .raceArea .recentRace a:hover {
    opacity: 0.7
}

.raceInfo .raceArea a:hover {
    transition-duration: 0.8s;
    background: #ffd700;
}

.raceInfo .raceArea a.canceledRace,
.raceInfo .raceArea a.undecidedRace {
    background: #949494;

}

.raceInfo .raceArea a.canceledRace p,
.raceInfo .raceArea a.undecidedRace p {
    color: #fff;
}

.raceInfo .raceArea a p.date {
    line-height: 1.1em;
    min-height: 35px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-weight: bold;
}

.raceInfo .tabArea li {
    width: 50%;
}

.raceInfo input#race_info_tab_today:checked~.tabArea li#linkForRaceInfoToday,
.raceInfo input#race_info_tab_tomorrow:checked~.tabArea li#linkForRaceInfoTomorrow {
    background: #C0504D;
    color: #fff;
}

.raceInfo .raceArea {
    border-top: 5px solid #C0504D;
}