/* ===[ RESPONSIVE RADIO NAV ]=== */

/* ===[ Drawer and panel ]=== */

/* ===[ Be very careful when editing these transitions, if they break (as in, don't animate properly or end) the whole drawer breaks ]=== */
/* ===[ This is because the drawer.js relies on transitionEnd Event to be fired before it closes ]=== */

#rsn-drawer {
    background: #0A0A0A;
    display: block;
    padding: 0px;
    margin: 0;
    color: #fff;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, background;
    -moz-transition-property: height, background;
    transition-property: height, background;
    -webkit-transition: ease 500ms;
    -moz-transition: ease 500ms;
    transition: ease 500ms;
}

/* ===[ Be very careful when editing these transitions, if they break (as in, don't animate properly or end) the whole drawer breaks ]=== */
/* ===[ This is because the drawer.js relies on transitionEnd Event to be fired before it closes ]=== */

.rsn-panel {
    transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    -webkit-transition: opacity 150ms ease-in-out;
    display: none;
}

.rsn-panel h2 {
    position: absolute;
    left: -2500px;
    width: 1px;
    overflow: hidden;
}

/* ===[ Layout ]=== */

.rsn-clearfix { _height: 1% }

.rsn-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.rsn-wrapper { background: #262525 }

.rsn-bar {
    color: #FFF;
    font-size: 15px;
    height: 46px;
    overflow: hidden;
}

.rsn-logo {
    background: url('../img/ipr_pink_mobile.png') no-repeat 0 0 transparent;
    float: left;
    height: 25px;
    margin-top: 10px;
    width: 145px;
}

.rsn-logo span,
.rsn-smallscreen-menu span,
.rsn-logo h1 {
    position: absolute;
    left: -2500px;
    width: 1px;
    overflow: hidden;
}

.rsn-links,
.rsn-smallscreen-menu { display: none; }

.rsn-smallscreen-links {
    display: block;
    margin: 0;
    padding: 16px;
    list-style: none;
    background: #000;
}

.rsn-smallscreen-links li {
    background: #000;
    display: block;
    width: 99%;
    float: left;
}

.rsn-smallscreen-links li > a {
    font-size: 15px;
    color: #CCC;
    text-decoration: none;
    display: block;
    padding: 16px;
    margin-right: 16px;
}

.rsn-smallscreen-links li > a:hover,
.rsn-smallscreen-links li > a:focus,
.rsn-smallscreen-links li > a:active {
    background: #212121;
    color: #F54997;
}

#rsn-programmeFinderContainerLeft label.visually-hidden{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/* non-js  */

.rsn-nonjs-wrapper { background: #000 }

.rsn-nonjs-wrapper > div {
    max-width: 996px;
    margin: 0 auto;
}

/* playlister highlight */

@-webkit-keyframes highlight {
    0% {
        color:#CCC;
    }
    50% {
        background-color:#992500;
    }
    100% {
        color: #CCC;
    }
}

@-moz-keyframes highlight {
    0% {
        color:#CCC;
    }
    50% {
        background-color:#992500;
    }
    100% {
        color: #CCC;
    }
}

@-o-keyframes highlight {
    0% {
        color:#CCC;
    }
    50% {
        background-color:#992500;
    }
    100% {
        color: #CCC;
    }
}


@keyframes highlight {
    0% {
        color:#CCC;
    }
    50% {
        background-color:#992500;
    }
    100% {
        color: #CCC;
    }
}

#rsn-playlister-control.highlight {
    -moz-animation:    highlight 4s;
    -webkit-animation: highlight 4s;
    -moz-animation:    highlight 4s;
    -o-animation:      highlight 4s;
    animation:         highlight 4s;
}

@media only screen and (min-width:240px) {
    .rsn-logo { margin-top: 15px; }
    .rsn-bar { height: 56px }
    .rsn-smallscreen-menu {
        display: block;
        float: right;
        background: url('../img/logo_menu@2x.png') no-repeat 0px 0px transparent;
        width: 45px;
        height: 45px;
        overflow: visible;
        background-size: 120px;
        margin-top: 5px;
    }

    .rsn-smallscreen-menu > img {
        border: none;
        width: 46px;
        height: 46px;
    }

    .rsn-smallscreen-menu:hover,
    .rsn-smallscreen-menu:focus,
    .rsn-smallscreen-menu:active,
    .rsn-smallscreen-menu.active {
        background: url('../img/logo_menu@2x.png') no-repeat -50px 0px transparent;
        background-size: 123px;
    }

    .rsn-smallscreen-links li { width: 49% }

    .rsn-smallscreen-links li:nth-child(odd) { border-right: 1px solid #212121 }
}

@media only screen and (min-width:399px) {
    .rsn-bar { height: 56px }

    .rsn-smallscreen-menu { margin-top: 5px }

    .rsn-logo { margin-top: 16px }

    .rsn-smallscreen-links li { width: 33% }

    .rsn-smallscreen-links li:nth-child(odd) { border-right: none }

    .rsn-smallscreen-links li:nth-child(1),
    .rsn-smallscreen-links li:nth-child(2),
    .rsn-smallscreen-links li:nth-child(4),
    .rsn-smallscreen-links li:nth-child(5) { border-right: 1px solid #212121 }
}

@media only screen and (min-width:599px) {
    .rsn-bar { height: 64px }

    .rsn-logo {
        margin-top: 16px;
        background: url('../img/ipr_pink.png') no-repeat 0 0 transparent;
        width: 212px;
        height: 36px;
    }

    .rsn-smallscreen-menu { margin-top: 9px }

    .rsn-smallscreen-links li { width: 24% }

    .rsn-smallscreen-links li:nth-child(4) { border: none }

    .rsn-smallscreen-links li:nth-child(1),
    .rsn-smallscreen-links li:nth-child(2),
    .rsn-smallscreen-links li:nth-child(3),
    .rsn-smallscreen-links li:nth-child(5),
    .rsn-smallscreen-links li:nth-child(6) { border-right: 1px solid #212121 }
}

@media only screen and (min-width:780px) {
    .rsn-smallscreen-links { display: none; }

    .rsn-links {
        margin: 0;
        padding: 0;
        float: right;
        display: block;
    }

    .rsn-links > li {
        list-style: none;
        float: left;
        border-right: 1px solid #333;
        height: 32px;
        margin: 16px 0;
    }

    .rsn-links > li.last { border-right: none }

    .rsn-links a {
        display: block;
        line-height: 32px;
        background: #262525;
        padding: 0 16px;
        /* font-size: 15px; */
        color: #CCC;
        text-decoration: none;
        overflow: hidden;

    }

    .rsn-links a:hover,
    .rsn-links a:focus,
    .rsn-links a:active,
    .rsn-links a.active,
    .rsn-links a:hover .rsn-arrow,
    .rsn-links a:focus .rsn-arrow,
    .rsn-links a:active .rsn-arrow,
    .rsn-links a.active .rsn-arrow {
        color: #F54997;
    }

    .rsn-smallscreen-menu { display: none }

    .rsn-arrow {
        display: block;
        float: right;
        position: relative;
        margin-left: 8px;
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -1px -782px transparent;
        width: 8px;
        height: 5px;
        top: 15px;
    }

    .active .rsn-arrow,
    #rsn-station-control:hover .rsn-arrow,
    #rsn-station-control:active .rsn-arrow,
    #rsn-station-control:focus .rsn-arrow,
    #rsn-category-control:hover .rsn-arrow,
    #rsn-category-control:active .rsn-arrow,
    #rsn-category-control:focus .rsn-arrow,
    #rsn-schedules-control:hover .rsn-arrow,
    #rsn-schedules-control:active .rsn-arrow,
    #rsn-schedules-control:focus .rsn-arrow,
    #rsn-programme-finder-control:hover .rsn-arrow,
    #rsn-programme-finder-control:active .rsn-arrow,
    #rsn-programme-finder-control:focus .rsn-arrow {
        background-position: -9px -782px;
    }

    /* ===[ Station Panel ]=== */

    .rsn-smallscreen-menu { display: none }

    .rsn-links-text { float: left }

    #rsn-station-panel .stations .station a {
        color: #fff;
        font-size: 40px;
        display: block;
        width: 82px;
        height: 40px;
        text-decoration: none;
        overflow: hidden;
        border: none;
        padding: 0;
        margin: 0;
    }

    #rsn-station-panel .stations .station span {
        font-size: 0.3em;
        display: block;
    }

    #rsn-station-panel .station span {
        overflow: hidden;
        position: absolute;
        left: -1000px;
    }

    #rsn-station-panel .stations {
        padding: 16px 0 0;
        margin: 0;
    }

    #rsn-station-panel .station {
        list-style: none;
        float: left;
        margin-right: 16px;
        margin-bottom: 16px;
        background: #212121;
        text-align: center;
    }

    #rsn-station-panel .station-img:hover,
    #rsn-station-panel .station-img:focus {
        opacity: 0;
    }

    #rsn-station-panel .bbc_radio_one .logo-bbc_radio_one .station-img,
    #rsn-station-panel .bbc_1xtra .logo-bbc_1xtra .station-img,
    #rsn-station-panel .bbc_radio_two .logo-bbc_radio_two .station-img,
    #rsn-station-panel .bbc_radio_three .logo-bbc_radio_three .station-img,
    #rsn-station-panel .bbc_radio_four .logo-bbc_radio_four .station-img,
    #rsn-station-panel .bbc_radio_four_extra .logo-bbc_radio_four_extra .station-img,
    #rsn-station-panel .bbc_radio_five_live .logo-bbc_radio_five_live .station-img,
    #rsn-station-panel .bbc_radio_five_live_sports_extra .logo-bbc_radio_five_live_sports_extra .station-img,
    #rsn-station-panel .bbc_6music .logo-bbc_6music .station-img,
    #rsn-station-panel .bbc_asian_network .logo-bbc_asian_network .station-img,
    #rsn-station-panel .bbc_world_service .logo-bbc_world_service .station-img,
    #rsn-station-panel .bbc_radio_scotland .logo-bbc_radio_scotland .station-img,
    #rsn-station-panel .bbc_radio_nan_gaidheal .logo-bbc_radio_nan_gaidheal .station-img,
    #rsn-station-panel .bbc_radio_ulster .logo-bbc_radio_ulster .station-img,
    #rsn-station-panel .bbc_radio_foyle .logo-bbc_radio_foyle .station-img,
    #rsn-station-panel .bbc_radio_wales .logo-bbc_radio_wales .station-img,
    #rsn-station-panel .bbc_radio_cymru .logo-bbc_radio_cymru .station-img {
        opacity: 0;
    }

    #rsn-station-panel .logo-bbc_radio_one:hover,
    #rsn-station-panel .logo-bbc_radio_one:focus,
    #rsn-station-panel .bbc_radio_one .logo-bbc_radio_one {
        background: #3F3F3F url('../img/logos/masterbrands/svg/radio1_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_1xtra:hover,
    #rsn-station-panel .logo-bbc_1xtra:focus,
    #rsn-station-panel .bbc_1xtra .logo-bbc_1xtra {
        background: #3F3F3F url('../img/logos/masterbrands/svg/1xtra_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_two:hover,
    #rsn-station-panel .logo-bbc_radio_two:focus,
    #rsn-station-panel .bbc_radio_two .logo-bbc_radio_two {
        background: #EB7A13 url('../img/logos/masterbrands/svg/radio2_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_three:hover,
    #rsn-station-panel .logo-bbc_radio_three:focus,
    #rsn-station-panel .bbc_radio_three .logo-bbc_radio_three {
        background: #CC202B url('../img/logos/masterbrands/svg/radio3_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_four:hover,
    #rsn-station-panel .logo-bbc_radio_four:focus,
    #rsn-station-panel .bbc_radio_four .logo-bbc_radio_four {
        background: #122C5F url('../img/logos/masterbrands/svg/radio4_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_four_extra:hover,
    #rsn-station-panel .logo-bbc_radio_four_extra:focus,
    #rsn-station-panel .bbc_radio_four_extra .logo-bbc_radio_four_extra {
        background: #833E95 url('../img/logos/masterbrands/svg/radio4extra_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_five_live:hover,
    #rsn-station-panel .logo-bbc_radio_five_live:focus,
    #rsn-station-panel .bbc_radio_five_live .logo-bbc_radio_five_live {
        background: #15A2C5 url('../img/logos/masterbrands/svg/5live_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_five_live_sports_extra:hover,
    #rsn-station-panel .logo-bbc_radio_five_live_sports_extra:focus,
    #rsn-station-panel  .bbc_radio_five_live_sports_extra .logo-bbc_radio_five_live_sports_extra {
        background: #5B8F22 url('../img/logos/masterbrands/svg/5livesportsextra_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_6music:hover,
    #rsn-station-panel .logo-bbc_6music:focus,
    #rsn-station-panel  .bbc_6music .logo-bbc_6music {
        background: #447F80 url('../img/logos/masterbrands/svg/6music_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_asian_network:hover,
    #rsn-station-panel .logo-bbc_asian_network:focus,
    #rsn-station-panel  .bbc_asian_network .logo-bbc_asian_network {
        background: #D11473 url('../img/logos/masterbrands/svg/asiannetwork_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_world_service:hover,
    #rsn-station-panel .logo-bbc_world_service:focus,
    #rsn-station-panel  .bbc_world_service .logo-bbc_world_service {
        background: #BF301A url('../img/logos/masterbrands/svg/worldserviceradio_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_scotland:hover,
    #rsn-station-panel .logo-bbc_radio_scotland:focus,
    #rsn-station-panel .bbc_radio_scotland .logo-bbc_radio_scotland {
        background: #5C2066 url('../img/logos/masterbrands/svg/radioscotland_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_nan_gaidheal:hover,
    #rsn-station-panel .logo-bbc_radio_nan_gaidheal:focus,
    #rsn-station-panel .bbc_radio_nan_gaidheal .logo-bbc_radio_nan_gaidheal {
        background: #091047 url('../img/logos/masterbrands/svg/radionangaidheal_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_ulster:hover,
    #rsn-station-panel .logo-bbc_radio_ulster:focus,
    #rsn-station-panel .bbc_radio_ulster .logo-bbc_radio_ulster {
        background: #AFBD23 url('../img/logos/masterbrands/svg/radioulster_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_foyle:hover,
    #rsn-station-panel .logo-bbc_radio_foyle:focus,
    #rsn-station-panel .bbc_radio_foyle .logo-bbc_radio_foyle {
        background: #AFBD23 url('../img/logos/masterbrands/svg/radiofoyle_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_wales:hover,
    #rsn-station-panel .logo-bbc_radio_wales:focus,
    #rsn-station-panel .bbc_radio_wales .logo-bbc_radio_wales {
        background: #C60C30 url('../img/logos/masterbrands/svg/radiowales_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_radio_cymru:hover,
    #rsn-station-panel .logo-bbc_radio_cymru:focus,
    #rsn-station-panel .bbc_radio_cymru .logo-bbc_radio_cymru {
        background: #1B95C2 url('../img/logos/masterbrands/svg/radiocymru_white.svg') no-repeat center center;
    }

    #rsn-station-panel .logo-bbc_local_radio:hover,
    #rsn-station-panel .logo-bbc_local_radio:focus {
        background: #900000 url('../img/logos/masterbrands/svg/local_white.svg') no-repeat center center;
    }

    /* ===[ Schedules Panel ]=== */


    #rsn-schedules-panel .schedules .station a {
        color: #fff;
        font-size: 40px;
        display: block;
        width: 82px;
        height: 40px;
        text-decoration: none;
        overflow: hidden;
        border: none;
        padding: 0;
        margin: 0;
    }

    #rsn-schedules-panel .schedules .local-station a {
        color: #fff;
        font-size: 40px;
        display: block;
        width: 179px;
        height: 40px;
        text-decoration: none;
        border: none;
        padding: 0;
        margin: 0;
    }

    #rsn-schedules-panel .schedules .station span,
    #rsn-schedules-panel .schedules .local-station span {
        font-size: 0.3em;
        display: block;
    }

    #rsn-schedules-panel .station span,
    #rsn-schedules-panel .local-station span {
        overflow: hidden;
        position: absolute;
        left: -1500px;
    }

    #rsn-schedules-panel .schedules {
        padding: 16px 0 0;
        margin: 0;
    }

    #rsn-schedules-panel .rsn-stations-list {
        margin: 0;
        padding: 0;
    }

    #rsn-schedules-panel .station {
        list-style: none;
        float: left;
        background: #212121;
        text-align: center;
    }

    #rsn-schedules-panel .local-station {
        float: left;
        list-style: none;
        text-align: center;
        width: 179px;
    }

    #rsn-schedules-panel .national-station-spacing {
        margin-right: 16px;
        margin-bottom: 16px;
    }

    #rsn-schedules-panel .local-station-spacing {
        margin-right: 15px;
        margin-bottom: 15px;
    }

    #rsn-schedules-panel .local-station-item-spacing {
        margin-bottom: 15px;
    }

    #rsn-schedules-panel .station-img:hover ,
    #rsn-schedules-panel .station-img:focus {
        opacity: 0;
    }

    #rsn-schedules-panel .bbc_radio_one .logo-bbc_radio_one .station-img,
    #rsn-schedules-panel .bbc_1xtra .logo-bbc_1xtra .station-img,
    #rsn-schedules-panel .bbc_radio_two .logo-bbc_radio_two .station-img,
    #rsn-schedules-panel .bbc_radio_three .logo-bbc_radio_three .station-img,
    #rsn-schedules-panel .bbc_radio_four .logo-bbc_radio_four .station-img,
    #rsn-schedules-panel .bbc_radio_four_extra .logo-bbc_radio_four_extra .station-img,
    #rsn-schedules-panel .bbc_radio_five_live .logo-bbc_radio_five_live .station-img,
    #rsn-schedules-panel .bbc_radio_five_live_sports_extra .logo-bbc_radio_five_live_sports_extra .station-img,
    #rsn-schedules-panel .bbc_6music .logo-bbc_6music .station-img,
    #rsn-schedules-panel .bbc_asian_network .logo-bbc_asian_network .station-img,
    #rsn-schedules-panel .bbc_world_service .logo-bbc_world_service .station-img,
    #rsn-schedules-panel .bbc_radio_scotland .logo-bbc_radio_scotland .station-img,
    #rsn-schedules-panel .bbc_radio_nan_gaidheal .logo-bbc_radio_nan_gaidheal .station-img,
    #rsn-schedules-panel .bbc_radio_ulster .logo-bbc_radio_ulster .station-img,
    #rsn-schedules-panel .bbc_radio_foyle .logo-bbc_radio_foyle .station-img,
    #rsn-schedules-panel .bbc_radio_wales .logo-bbc_radio_wales .station-img,
    #rsn-schedules-panel .bbc_radio_cymru .logo-bbc_radio_cymru .station-img {
        opacity: 0;
    }

    #rsn-schedules-panel .logo-bbc_radio_one:hover,
    #rsn-schedules-panel .logo-bbc_radio_one:focus,
    #rsn-schedules-panel .bbc_radio_one .logo-bbc_radio_one {
        background: #3F3F3F url('../img/logos/masterbrands/svg/radio1_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_1xtra:hover,
    #rsn-schedules-panel .logo-bbc_1xtra:focus,
    #rsn-schedules-panel .bbc_1xtra .logo-bbc_1xtra {
        background: #3F3F3F url('../img/logos/masterbrands/svg/1xtra_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_two:hover,
    #rsn-schedules-panel .logo-bbc_radio_two:focus,
    #rsn-schedules-panel .bbc_radio_two .logo-bbc_radio_two {
        background: #EB7A13 url('../img/logos/masterbrands/svg/radio2_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_three:hover,
    #rsn-schedules-panel .logo-bbc_radio_three:focus,
    #rsn-schedules-panel .bbc_radio_three .logo-bbc_radio_three {
        background: #CC202B url('../img/logos/masterbrands/svg/radio3_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_four:hover,
    #rsn-schedules-panel .logo-bbc_radio_four:focus,
    #rsn-schedules-panel .bbc_radio_four .logo-bbc_radio_four {
        background: #122C5F url('../img/logos/masterbrands/svg/radio4_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_four_extra:hover,
    #rsn-schedules-panel .logo-bbc_radio_four_extra:focus,
    #rsn-schedules-panel .bbc_radio_four_extra .logo-bbc_radio_four_extra {
        background: #833E95 url('../img/logos/masterbrands/svg/radio4extra_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_five_live:hover,
    #rsn-schedules-panel .logo-bbc_radio_five_live:focus,
    #rsn-schedules-panel .bbc_radio_five_live .logo-bbc_radio_five_live {
        background: #15A2C5 url('../img/logos/masterbrands/svg/5live_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_five_live_sports_extra:hover,
    #rsn-schedules-panel .logo-bbc_radio_five_live_sports_extra:focus,
    #rsn-schedules-panel  .bbc_radio_five_live_sports_extra .logo-bbc_radio_five_live_sports_extra {
        background: #5B8F22 url('../img/logos/masterbrands/svg/5livesportsextra_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_6music:hover,
    #rsn-schedules-panel .logo-bbc_6music:focus,
    #rsn-schedules-panel  .bbc_6music .logo-bbc_6music {
        background: #447F80 url('../img/logos/masterbrands/svg/6music_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_asian_network:hover,
    #rsn-schedules-panel .logo-bbc_asian_network:focus,
    #rsn-schedules-panel  .bbc_asian_network .logo-bbc_asian_network {
        background: #D11473 url('../img/logos/masterbrands/svg/asiannetwork_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_world_service:hover,
    #rsn-schedules-panel .logo-bbc_world_service:focus,
    #rsn-schedules-panel  .bbc_world_service .logo-bbc_world_service {
        background: #BF301A url('../img/logos/masterbrands/svg/worldserviceradio_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_scotland:hover,
    #rsn-schedules-panel .logo-bbc_radio_scotland:focus,
    #rsn-schedules-panel .bbc_radio_scotland .logo-bbc_radio_scotland {
        background: #5C2066 url('../img/logos/masterbrands/svg/radioscotland_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_nan_gaidheal:hover,
    #rsn-schedules-panel .logo-bbc_radio_nan_gaidheal:focus,
    #rsn-schedules-panel .bbc_radio_nan_gaidheal .logo-bbc_radio_nan_gaidheal {
        background: #091047 url('../img/logos/masterbrands/svg/radionangaidheal_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_ulster:hover,
    #rsn-schedules-panel .logo-bbc_radio_ulster:focus,
    #rsn-schedules-panel .bbc_radio_ulster .logo-bbc_radio_ulster {
        background: #AFBD23 url('../img/logos/masterbrands/svg/radioulster_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_foyle:hover,
    #rsn-schedules-panel .logo-bbc_radio_foyle:focus,
    #rsn-schedules-panel .bbc_radio_foyle .logo-bbc_radio_foyle {
        background: #AFBD23 url('../img/logos/masterbrands/svg/radiofoyle_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_wales:hover,
    #rsn-schedules-panel .logo-bbc_radio_wales:focus,
    #rsn-schedules-panel .bbc_radio_wales .logo-bbc_radio_wales {
        background: #C60C30 url('../img/logos/masterbrands/svg/radiowales_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_radio_cymru:hover,
    #rsn-schedules-panel .logo-bbc_radio_cymru:focus,
    #rsn-schedules-panel .bbc_radio_cymru .logo-bbc_radio_cymru {
        background: #1B95C2 url('../img/logos/masterbrands/svg/radiocymru_white.svg') no-repeat center center;
    }

    #rsn-schedules-panel .logo-bbc_local_radio:hover,
    #rsn-schedules-panel .logo-bbc_local_radio:focus {
        background: #900000 url('../img/logos/masterbrands/svg/local_white.svg') no-repeat center center;
    }

    /* ===[ Local Radio Stations ]=== */

    #rsn-schedules-panel .logo-bbc_radio_berkshire {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -155px -800px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_bristol {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -146px -850px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_cambridge {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -173px -900px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_cornwall {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -156px -950px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_coventry_warwickshire {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -184px -1000px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_cumbria {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -150px -1050px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_derby {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -145px -1100px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_devon {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -145px -1150px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_essex {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -143px -1200px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_gloucestershire {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -175px -1250px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_guernsey {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -153px -1300px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_hereford_worcester {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -175px -1350px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_humberside {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -158px -1400px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_jersey {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -144px -1450px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_kent {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -142px -1500px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_lancashire {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -160px -1550px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_leeds {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -142px -1600px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_leicester {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -154px -1650px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_lincolnshire {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -165px -1700px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_london {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -140px -1750px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_manchester {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -162px -1800px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_merseyside {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -157px -1850px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_newcastle {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -150px -1900px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_norfolk {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -150px -1950px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_northampton {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -169px -2000px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_nottingham {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -164px -2050px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_oxford {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -148px -2100px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_sheffield {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -152px -2150px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_shropshire {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -159px -2200px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_solent {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -130px -2250px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_somerset_sound {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -130px -2300px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_stoke {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -142px -2350px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_suffolk {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -150px -2400px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_surrey {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -126px -2450px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_sussex {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -126px -2500px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_tees {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -117px -2550px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_three_counties_radio {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -173px -2600px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_wiltshire {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -134px -2650px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_wm {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -125px -2700px transparent;
        background-color: #900000;
    }

    #rsn-schedules-panel .logo-bbc_radio_york {
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll -142px -2750px transparent;
        background-color: #900000;
    }


    /* ===[ Programme Finder Panel ]=== */

    #rsn-programmeFinderContainerWrapper {
        margin: 0 auto;
        max-width: 1008px;
        padding: 16px 0;
    }

    /* ===[ Be very careful when adding/editing transitions or styles to this panel, if they break (as in, don't animate properly or end) the whole drawer breaks ]=== */

    /* ===[ This is because the drawer.js relies on transitionEnd Event to be fired before it closes and any transitions here will fire that event ]=== */

    #rsn-drawer.active { background-color: #1e101d }

    #rsn-programmeFinderContainerLeft {
        float: left;
        padding-right: 16px;
        width: 50%;
    }

    #rsn-programmeFinderContainerRight {
        float: left;
        width: 45%;
        border-left: 1px solid #212121;
    }

    #rsn-inputWrapper {
        background-color: #ccc;
        height: 40px;
    }

    #rsn-programmeFinder {
        margin: 0;
        border: none;
        background: transparent;
        width: 80%;
        font-size: 16px;
        font-family: 'Arial';
        font-weight: bold;
        line-height: 19px;
        float: left;
        padding: 10px 0 12px 16px;
        overflow: hidden;
    }

    #rsn-pf-results [data-source] {
        font-weight:normal;
    }

    #rsn-programmeFinder::-ms-clear { display: none }

    #rsn-programmeFinder::-webkit-input-placeholder { color: #373737 }

    #rsn-programmeFinder::-moz-input-placeholder { color: #373737 }

    #rsn-programmeFinder:-moz-input-placeholder { color: #373737 }

    #rsn-programmeFinder::-ms-input-placeholder { color: #373737 }

    #rsn-inputWrapper.active #rsn-programmeFinder::-webkit-input-placeholder { color: #000 }

    #rsn-inputWrapper.active #rsn-programmeFinder::-moz-input-placeholder { color: #000 }

    #rsn-inputWrapper.active #rsn-programmeFinder:-moz-input-placeholder { color: #000 }

    #rsn-inputWrapper.active #rsn-programmeFinder::-ms-input-placeholder { color: #000 }

    #rsn-programmeFinder:focus { outline: none }

    #rsn-inputWrapper.active { background-color: #fff }

    #rsn-pf-results { padding-left: 0; margin-top: 8px;}

    #rsn-pf-results li {
        list-style: none;
        min-height: 40px;
        line-height: 40px;
        padding-left: 16px;
        display: block;
        color: #ccc;
        text-decoration: none;
        font-size: 13px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #rsn-featuredProgrammes { padding-left: 0 }

    #rsn-featuredProgrammes li {
        height: 25px;
        height: 40px;
        line-height: 40px;
        list-style-type: none;
        padding-left: 16px;
    }

    #rsn-featuredProgrammes li:hover,
    #rsn-pf-results li:hover {
        background-color: #212121;
        color: #fff;
    }

    #rsn-drawer.active #rsn-featuredProgrammes li:hover,
    #rsn-drawer.active #rsn-pf-results li:hover {
        background-color: #2E202E;
        color: #fff;
    }

    #rsn-featuredProgrammes li:hover a,
    #rsn-pf-results li:hover a { color: #fff }

    #rsn-featuredProgrammesTitle {
        font-family: Georgia;
        font-style: italic;
        font-weight: lighter;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #ccc;
        padding-left: 16px;
    }

    #rsn-pf-results li a,
    #rsn-featuredProgrammes li a {
        display: block;
        color: #EEE;
        text-decoration: none;
        font-size: 15px;
    }

    .rsn-category { overflow: hidden }

    #rsn-spinner {
        float: right;
        width: 35px;
        background-image: url('../img/22px_Icon20px_Lively_Dark.gif');
        background-repeat: no-repeat;
        background-position: center;
        height: 40px;
    }

    #rsn-qf-submit {
        border: none;
        width: 100%;
        height: 100%;
        background: url('../img/rnav_logo_sprite.png') no-repeat scroll 5px -741px #CCC;
        cursor: pointer;
    }

    .active #rsn-qf-submit { background-color: #FFF }

    #rsn-qf-submit:disabled { display: none }

    /* ===[ Categories panel ]=== */

    .rsn-category { padding: 16px }

    .rsn-cat-links {
        width:100%;
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
    }

    .rsn-cat-links li {
        background: #0a0a0a;
        display: block;
        width: 24.9%;
        float: left;
        border-right: 1px solid #212121;
    }

    .rsn-cat-links li.rsn-no-border {
        border-right: none;
    }

    .rsn-cat-links li > a {
        font-size: 15px;
        line-height: 40px;
        color: #CCC;
        text-decoration: none;
        display: block;
        padding: 0 16px;
        margin-right: 16px;
        line-height: 40px;
        overflow: hidden;
    }

    .rsn-cat-links li > a:hover,
    .rsn-cat-links li > a:focus,
    .rsn-cat-links li > a:active {
        background: #212121;
        color: #FFF;
    }

    .rsn-cat-links li > a.rsn-all-categories {
        color: #EEE;
        font-weight: bold;
    }

    .rsn-cat-links li > a.rsn-all-categories:hover {
        color: #fff;
    }

    .rsn-panel { display: block }

    /* no-js stations  */
    .stations a:hover .name,
    .stations a:focus .name,
    .stations a:active .name { text-decoration: underline }
}

@media only screen and (min-width: 1010px) {
    #rsn-station-panel #bbc_asian_network.station,
    #rsn-schedules-panel #bbc_asian_network.station { margin-right: 16px }
}

@media only screen and (min-width: 1011px) {
    #rsn-station-panel #bbc_asian_network.station,
    #rsn-schedules-panel #bbc_asian_network.station { margin-right: 0 }
}