#tableRowTrainArrivals:hover {
    background-color: rgba(0,168,235,0.1);
    transition: 100ms;
}

#trainArrivals, #trainDepartures {
    width: 100%;
}

#trainArrivals hr, #trainDepartures hr {
    margin-top: 1px; 
    margin-bottom: 1px;
    border: 1px #E0E0E0;
}

#trainArrivals a, #trainDepartures a {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
}

#trainArrivals tr:hover, #trainDepartures tr:hover {
    background-color: rgba(0,168,235,0.1);
    transition: 100ms;
}

#timeCell {
    width:25%
}

#detailCell {
    width:75%
}

.trainStationButton{
    width:50%;
    border: none;
    background-color: transparent;
    color: inherit;
}

.trainStationButton:hover, .trainStationButton:active {
    background-color: rgba(0,168,235,0.1);
    transition: 100ms;
}

.trainStationButton:focus {
    background-color: rgba(0,168,235,0.3);
}

.trainStationButton:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.trainStationButton:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}