﻿.your-stop-button {
    display: block;
    box-sizing: border-box;
    padding: 18px;
    font-size: 18px !important;
    font-weight: 500;
    color: #FFF !important;
    background: #0A1C5C url(../../Images/transparent_arrow_30x60px.png) no-repeat scroll 98% center;
    border: 1px solid #0A1C5C;
    border-radius: 4px;
    text-decoration: none;
}

    .your-stop-button.disabled {
        color: #CCC !important;
        background-color: #808080;
        background-image: none;
        border-color: #808080;
        cursor: default;
    }

    .your-stop-button:hover {
        text-decoration: none;
    }

    .your-stop-button:not(.disabled):hover {
        color: #FFF !important;
    }

    .your-stop-button.expanded {
        background-image: url(../../Images/transparent_arrow_down_30x60px.png)
    }

.your-stop-page-header {
    background-color: #0A1C5C;
    margin-bottom: 15px;
}

    .your-stop-page-header .header-text {
        font-size: 15px;
        font-weight: 500;
        color: #FFF;
        padding: 10px 20px;
    }

    .your-stop-page-header .home-link {
        padding-top: 3px;
    }

    .your-stop-page-header .home-link img {
        width: 28px;
    }

.your-stop-content a {
    text-decoration: underline;
}

    .your-stop-content a:hover {
        text-decoration: none;
    }

.your-stop-information {
    margin-bottom: 10px;
}
    .your-stop-information img {
        width: 50px;
    }

.disruption-area-button {
    display: block;
    box-sizing: border-box;
    padding: 10px 18px;
    font-size: 16px !important;
    font-weight: 500;
    color: #0A1C5C !important;
    background: #B6BBCE url(../../Images/transparent_arrow_30x60px.png) no-repeat scroll 98% center;
    border-top: 2px solid #0A1C5C;
    border-bottom: 2px solid #0A1C5C;
    text-decoration: none;
}

    .disruption-area-button:hover {
        color: #0A1C5C !important;
        text-decoration: none;
    }
