/* ===[ 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('/staticarchive/ad0964fe33040b41a47b5b60e05836503f241e53.png') no-repeat 0 0 transparent;
    float: left;
    height: 25px;
    margin-top: 10px;
    width: 145px;
}

.rsn-logo span, 
.rsn-smallscreen-menu span {
    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('/staticarchive/4e3750ca4c6e85888941cd68c47fb72890f20eb3.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('/staticarchive/4e3750ca4c6e85888941cd68c47fb72890f20eb3.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('/staticarchive/ae5ca150260e44389910201cf565eb276f6c0f07.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('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll -1px -772px 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 -772px;
    }

    /* ===[ 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 .logo-bbc_radio_one {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 24px 4px transparent;
    }
    
    #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-position: -78px 4px;
        background-color: #3F3F3F;
    }

    #rsn-station-panel .logo-bbc_1xtra {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 16px -39px transparent;
    }

    #rsn-station-panel .logo-bbc_1xtra:hover,
    #rsn-station-panel .logo-bbc_1xtra:focus, 
    #rsn-station-panel .bbc_1xtra .logo-bbc_1xtra {
        background-position: -86px -39px;
        background-color: #3F3F3F;
    }

    #rsn-station-panel .logo-bbc_radio_two {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 24px -81px transparent;
    }

    #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-position: -78px -81px;
        background-color: #EB7A13;
    }

    #rsn-station-panel .logo-bbc_radio_three {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 24px -123px transparent;
    }

    #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-position: -78px -123px;
        background-color: #CC202B;
    }

    #rsn-station-panel .logo-bbc_radio_four {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 24px -165px transparent;
    }

    #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-position: -78px -165px;
        background-color: #122C5F;
    }

    #rsn-station-panel .logo-bbc_radio_four_extra {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 17px -208px transparent;
    }

    #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-position: -85px -208px;
        background-color: #833E95;
    }

    #rsn-station-panel .logo-bbc_radio_five_live {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 14px -250px transparent;
    }

    #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-position: -88px -250px;
        background-color: #15A2C5;
    }

    #rsn-station-panel .logo-bbc_radio_five_live_sports_extra {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 14px -292px transparent;
    }

    #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-position: -88px -292px;
        background-color: #5B8F22;
    }

    #rsn-station-panel .logo-bbc_6music {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 16px -334px transparent;
    }

    #rsn-station-panel .logo-bbc_6music:hover,
    #rsn-station-panel .logo-bbc_6music:focus,
    #rsn-station-panel  .bbc_6music .logo-bbc_6music {
        background-position: -86px -334px;
        background-color: #447F80;
    }

    #rsn-station-panel .logo-bbc_asian_network {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 11px -376px transparent;
    }

    #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-position: -91px -376px;
        background-color: #D11473;
    }

    #rsn-station-panel .logo-bbc_world_service {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 14px -414px transparent;
    }

    #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-position: -88px -414px;
        background-color: #BF301A;
    }

    #rsn-station-panel .logo-bbc_radio_scotland {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 17px -453px transparent;
    }

    #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-position: -85px -453px;
        background-color: #5C2066;
    }

    #rsn-station-panel .logo-bbc_radio_nan_gaidheal {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 7px -491px transparent;
    }

    #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-position: -95px -491px;
        background-color: #091047;
    }

    #rsn-station-panel .logo-bbc_radio_ulster {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 14px -530px transparent;
    }

    #rsn-station-panel .logo-bbc_radio_ulster:hover,
    #rsn-station-panel .logo-bbc_radio_ulster:focus,
    #rsn-station-panel .bbc_radio_ulster .icon-bbc_radio_ulster {
        background-position: -88px -530px;
        background-color: #AFBD23;
    }

    #rsn-station-panel .logo-bbc_radio_foyle {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 16px -572px transparent;
    }
    
    #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-position: -86px -572px;
        background-color: #AFBD23;
    }

    #rsn-station-panel .logo-bbc_radio_wales {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 20px -609px transparent;
    }

    #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-position: -82px -609px;
        background-color: #C60C30;
    }

    #rsn-station-panel .logo-bbc_radio_cymru {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 20px -643px transparent;
    }

    #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-position: -82px -643px;
        background-color: #1B95C2;
    }

    #rsn-station-panel .logo-bbc_local_radio {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 18px -678px transparent;
    }

    #rsn-station-panel .logo-bbc_local_radio:hover,
    #rsn-station-panel .logo-bbc_local_radio:focus {
        background-position: -84px -678px;
        background-color: #900000;
    }

    /* ===[ 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 .station span {
        font-size: 0.3em;
        display: block;
    }

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

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

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

    #rsn-schedules-panel .logo-bbc_radio_one {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 24px 4px transparent;
    }
    
    #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-position: -78px 4px;
        background-color: #3F3F3F;
    }

    #rsn-schedules-panel .logo-bbc_1xtra {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 16px -39px transparent;
    }

    #rsn-schedules-panel .logo-bbc_1xtra:hover,
    #rsn-schedules-panel .logo-bbc_1xtra:focus, 
    #rsn-schedules-panel .bbc_1xtra .logo-bbc_1xtra {
        background-position: -86px -39px;
        background-color: #3F3F3F;
    }

    #rsn-schedules-panel .logo-bbc_radio_two {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 24px -81px transparent;
    }

    #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-position: -78px -81px;
        background-color: #EB7A13;
    }

    #rsn-schedules-panel .logo-bbc_radio_three {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 24px -123px transparent;
    }

    #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-position: -78px -123px;
        background-color: #CC202B;
    }

    #rsn-schedules-panel .logo-bbc_radio_four {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 24px -165px transparent;
    }

    #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-position: -78px -165px;
        background-color: #122C5F;
    }

    #rsn-schedules-panel .logo-bbc_radio_four_extra {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 17px -208px transparent;
    }

    #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-position: -85px -208px;
        background-color: #833E95;
    }

    #rsn-schedules-panel .logo-bbc_radio_five_live {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 14px -250px transparent;
    }

    #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-position: -88px -250px;
        background-color: #15A2C5;
    }

    #rsn-schedules-panel .logo-bbc_radio_five_live_sports_extra {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 14px -292px transparent;
    }

    #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-position: -88px -292px;
        background-color: #5B8F22;
    }

    #rsn-schedules-panel .logo-bbc_6music {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 16px -334px transparent;
    }

    #rsn-schedules-panel .logo-bbc_6music:hover,
    #rsn-schedules-panel .logo-bbc_6music:focus,
    #rsn-schedules-panel  .bbc_6music .logo-bbc_6music {
        background-position: -86px -334px;
        background-color: #447F80;
    }

    #rsn-schedules-panel .logo-bbc_asian_network {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 11px -376px transparent;
    }

    #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-position: -91px -376px;
        background-color: #D11473;
    }

    #rsn-schedules-panel .logo-bbc_world_service {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 14px -414px transparent;
    }

    #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-position: -88px -414px;
        background-color: #BF301A;
    }

    #rsn-schedules-panel .logo-bbc_radio_scotland {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 17px -453px transparent;
    }

    #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-position: -85px -453px;
        background-color: #5C2066;
    }

    #rsn-schedules-panel .logo-bbc_radio_nan_gaidheal {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 7px -491px transparent;
    }

    #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-position: -95px -491px;
        background-color: #091047;
    }

    #rsn-schedules-panel .logo-bbc_radio_ulster {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 14px -530px transparent;
    }

    #rsn-schedules-panel .logo-bbc_radio_ulster:hover,
    #rsn-schedules-panel .logo-bbc_radio_ulster:focus,
    #rsn-schedules-panel .bbc_radio_ulster .icon-bbc_radio_ulster {
        background-position: -88px -530px;
        background-color: #AFBD23;
    }

    #rsn-schedules-panel .logo-bbc_radio_foyle {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 16px -572px transparent;
    }
    
    #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-position: -86px -572px;
        background-color: #AFBD23;
    }

    #rsn-schedules-panel .logo-bbc_radio_wales {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 20px -609px transparent;
    }

    #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-position: -82px -609px;
        background-color: #C60C30;
    }

    #rsn-schedules-panel .logo-bbc_radio_cymru {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 20px -643px transparent;
    }

    #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-position: -82px -643px;
        background-color: #1B95C2;
    }

    #rsn-schedules-panel .logo-bbc_local_radio {
        background: url('/staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') no-repeat scroll 18px -678px transparent;
    }

    #rsn-schedules-panel .logo-bbc_local_radio:hover,
    #rsn-schedules-panel .logo-bbc_local_radio:focus {
        background-position: -84px -678px;
        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('/staticarchive/41884f0c983f77c4a5493e9c7137e245595308ad.gif');
        background-repeat: no-repeat;
        background-position: center;
        height: 40px;
    }

    #rsn-qf-submit {
        border: none;
        width: 100%;
        height: 100%;
        background: #CCC url('../img//staticarchive/85fd2e88215dc3576894434056951e4b7d572f67.png') 5px -715px no-repeat;
        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 }
}