ol, ul {
	list-style: none;
}

/* new Stuff */

.radio-container {
    font-family: helvetica, sans-serif;
}

.container ul {
    padding: 0;
}

.container h1, .container h2 {
    color: #FFF;
    font-size: 26px;
    font-weight: 200;
    margin-bottom: 16px;
    padding-left: 0;
}

.nations-and-national-logo-list li img.station-logo {
    width: auto;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
}

.logoWrapper {
    display: table-cell;
    vertical-align: middle !important;
    box-sizing: border-box;
}

.logo-radionangaidheal {
    max-height: 25px;
}

.logo-radiowales, .logo-radiocymru {
    max-height: 35px;
}

.nations-and-national-logo-list {
    list-style-type: none;
    display: block;
    border-bottom: 1px solid #444 !important;
    overflow: auto;
    padding-bottom: 24px !important;
}

.nations-and-national-logo-list li {
    float: left;
    width: 33%;
    height: 80px;
    display: inline-table;
    text-align: left;
    opacity: 1;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
}

.nations-and-national-logo-list li img {
    height: auto;
    display: block;
}



#local {
    overflow:hidden;
    margin: 32px auto;
}

#local ul {
    width: 33%;
    margin-bottom: 32px;
    display: block;
    float:left;
    vertical-align: top;
}

#local ul li {
    color: #FFF;
    font-size: 1.2em;
    font-weight: 300;
    padding-bottom: 8px;
    margin-right: 8px;
}

#local a {
    color: #FFF;
}

#local a:focus, #local a:hover {
    color: #F54997;
}

.nations-and-national-logo-list:hover li:not(:hover) {
    opacity: 0.5;
}

#radio-default-header.location h1 {
    height: 40px;
    margin: 4px 0 0 8px;
}

#location-container {
    margin:0 0 48px 8px;
    padding:0 0 84px 0;
	width:100%;
}
#location-container div {
    float: left;
}

#location-container div ul{
    margin-right:16px;
    padding:0;
}

#location-container a {
    width:100px;
    color:#fff;
    text-decoration: none;
}
#location-container a:hover {
    text-decoration: underline;
}
#location-container a.editlink {
    color: #33CCFF;
    text-decoration: none;
    font-weight: bold;
}
#location-container a.editlink:hover,
#location-container a.editlink:focus {
    text-decoration: underline;
}

#location-container h2 {
    font-size:1.8em;
    font-weight:bold;
    margin:0 0 16px;
}
#location-container li {
    width:227px;
    border-bottom: 1px solid #444;
    padding:9px 0;
}
#location-container p {
    font-size: 1.2em;
    font-weight: normal;
    padding-bottom: 1em;
}

#location-container #regional,
#location-container #local,
#location-container #local ul,
#location-container #locator {
    float:left;
}
#location-container #regional {
    /*width:240px;*/
}


#locator form input#locate {
    width:205px;
}
#locator form input#find {
    width:205px;
}

#station-edit-container 				{
    float:left;
    margin-top: 1em;
    width:100%;
}
#station-edit-container p               {
    font-size: 1.2em;
    font-weight: normal;
    padding-bottom: 1em;
}
#station-edit-container label           {
    padding-left: 0.3em;
}
#station-edit-container fieldset		{
    float: left;
    margin-right: 10px;
}
#station-edit-container fieldset h2	    {
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 16px;
}
#station-edit-container fieldset ul		{
    float: left;
    width: 204px;
}
#station-edit-container fieldset li		{
    float: left;
    padding: 2px 0;
    width: 180px;
}
#station-edit-container a.id-cta-button-small-blue {
    float: left;
}
#station-edit-container a.go-to-edit-stations-link {
    padding-left: 3px;
}

#quickfindContainer {
    display:none;
}

#sign-in-cta {
    float: right;
 }

#station-select p.info {
    background: url("../../img/icons/im_info.png") no-repeat scroll 0 -2px transparent;
    margin-top: 10px;
    padding: 4px 0 4px 33px;
}

#station-select .submitbutton {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.3em;
    margin-right: 3px;
    padding: 3px 7px;
    text-decoration: none;
}

#station-select .submitbutton {
    background: #454545;
 /* Old browsers */
    background: -moz-linear-gradient(top, #5d5d5d 0%, #454545 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#454545));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#5d5d5d 0%,top, #454545 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#5d5d5d 0%,top, #454545 100%);
 /* Opera11.10+ */
    background: -ms-linear-gradient(top, #5d5d5d 0%,#454545 100%);
 /* IE10+ */
    background: linear-gradient(top, #5d5d5d 0%,#454545 100%);
 /* W3C */
    color: #fff !important;

}

#station-select .submitbutton:hover {
    background: #5d5d5d;
 /* Old browsers */
    background: -moz-linear-gradient(top, #3d3d3d 0%, #5d5d5d 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#5d5d5d));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#3d3d3d 0%,top, #5d5d5d 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#3d3d3d 0%,top, #5d5d5d 100%);
 /* Opera11.10+ */
    background: -ms-linear-gradient(top, #3d3d3d 0%,#5d5d5d 100%);
 /* IE6-9 */
    background: linear-gradient(top, #3d3d3d 0%,#5d5d5d 100%);
 /* W3C */
    color: #fff;

}

#station-select  .submitbutton.disabled,
#station-select  .submitbutton[disabled] {
    background: #333333;
 /* Old browsers */
    background: -moz-linear-gradient(top, #666 0%, #333 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#333));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#666 0%,top, #333 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#666 0%,top, #333 100%);
 /* Opera11.10+ */
    background: -ms-linear-gradient(top, #666 0%,#333 100%);
 /* IE6-9 */
    background: linear-gradient(top, #666 0%,#333 100%);
 /* W3C */
    color: #666;
	cursor:default;

}

.radio-main .station-edit-submit {
    float: right;
    margin-left: 7px;
    margin-top: 23px;
    font-size: 1.3em;
}
.station-edit-submit.page-bottom {
    margin: 10px 0;
    padding-left: 50%;
}

.station-edit-submit a:hover {
        text-decoration: underline;
}

.station-edit-submit label {
    float: left;
    padding-left: 5px;
    text-align: left;
}

.count, .error {
    color: #fff;
    float: right;
    font-weight: bold;
    margin: 23px 0 0;
    padding: 4px 0 4px 33px;
}

#station-select .error {
    color: #ff0000;
    font-weight:bold;
    float: right;
    margin: 23px 0 0 0;
    padding:4px 0 4px 33px;
    background: url("../../img/icons/im_error.png") no-repeat scroll 0 -2px transparent;
}

.notshown {
    display:none;
}

.checkbox {
    float: left;
}

.blq-js #station-edit-container fieldset li {
    border: none;
    padding-bottom: 5px;
}

.blq-js #station-edit-container fieldset li .checkbox {
    height: 19px;
	margin-right:4px;
}

.blq-js #station-edit-container fieldset li label {
    background: none repeat scroll 0 0 transparent;
    color: #fff;
    float: left;
    height: 21px;
    margin-left: 1px;
    padding-left: 3px;
    text-align: left;
    width: 148px;
}


.blq-js #station-edit-container fieldset li.checked label {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    float: left;
    height: 21px;
    margin-left: 1px;
    padding-left: 3px;
    text-align: left;
    width: 148px;
}

.blq-js #station-edit-container fieldset li.focus label,
.blq-js #station-edit-container fieldset li label:hover {
    background: none repeat scroll 0 0 #4d4d4d;
    color:#fff;
}

.blq-js #station-edit-container fieldset li.disabled.focus label,
.blq-js #station-edit-container fieldset li.disabled label:hover {
    background: none;
}

.blq-js #station-edit-container fieldset .checkbox input {
 /*
 left: -4500px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    */
}

.radio-main .failedLoad #station-edit-container fieldset li label:hover {
    background: none repeat scroll 0 0 transparent;
}


.radio-main #station-edit-container fieldset li .checkbox input.show {
    display: inline;
}

.radio-main #station-edit-container fieldset li.disabled .checkbox,
.radio-main #station-edit-container fieldset li.disabled label {
    opacity: 0.25;
}

a.cancel {
 color: #fff;
 text-decoration: none;
 }
a.cancel:focus, a.cancel:hover, a.cancel:active {
 text-decoration: underline;
 }

#national li,
#regional li {
    padding: 9px 0 9px 54px;
	width: 173px;
}
#national .bbc_radio_one {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 7px;
}
#national .bbc_1xtra {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -37px;
}
#national .bbc_radio_two {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -81px;
}
#national .bbc_radio_three {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -125px;
}
#national .bbc_radio_four {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -169px;
}
#national .bbc_radio_four_extra {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -213px;
}
#national .bbc_radio_five_live {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -257px;
}
#national .bbc_radio_five_live_sports_extra {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -301px;
}
#national .bbc_6music {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -345px;
}
#national .bbc_asian_network {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -389px;
}
#national .bbc_world_service {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -433px;
}
#regional .bbc_radio_scotland {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -477px;
}
#regional .bbc_radio_nan_gaidheal {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -643px;
}
#regional .bbc_radio_cymru {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -553px;
}
#regional .bbc_radio_foyle {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -521px;
}
#regional .bbc_radio_ulster {M
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -521px;
}
#regional .bbc_radio_wales {
    background: url("../../img/icons/logos_onairnow.png") no-repeat 0 -597px;
}

.radio-main .nations-and-national-logo-list {
    line-height: normal;
    font-size:initial;
}

/* ---------------------------------------------------------- *\
  Adapative layout
\* ---------------------------------------------------------- */
/* GEL Breakpoints */
/* http://www.bbc.co.uk/programmes/styleguide/gel */
@media screen and (max-width: 319px){
    #local ul {
        width: 100%;
    }

    .nations-and-national-logo-list:hover  li:not(:hover){
        opacity: 1;
    }

    .nations-and-national-logo-list li {
        width: 50%;
    }
}

@media screen and (min-width: 320px) and (max-width: 599px) {
    #local ul {
        width: 50%;
    }

    #local ul:nth-child(2n+4) {
        clear:both;
    }

    .nations-and-national-logo-list:hover  li:not(:hover){
        opacity: 1;
    }
}

@media screen and (min-width: 600px) {
    #local ul {
        width: 33%;
    }

    .nations-and-national-logo-list li {
        width: 95px;
    }
}

@media screen and (min-width: 600px) and (max-width: 1007px) {

}

@media screen and (max-width: 978px){

    #location-container #regional,
    #location-container #national,
    #location-container #local,
    #station-edit-container fieldset {
        float: left;
        width: 100%;
        margin: 20px 0;
        clear: both;
    }

    #location-container ul,
    #station-edit-container fieldset ul {
        width: 100%;
    }


    #station-edit-container fieldset ul {
        float: none;
    }
}

@media screen and (max-width: 978px) and (min-width: 550px) {
        #location-container #regional li, #location-container #national li, #location-container #local li {
        float: left;
        width: 32%;
        margin-right: 16px;
    }
}

@media screen and (max-width: 549px) {
    #location-container #regional li, #location-container #national li, #location-container #local li {
        width: 100%;
    }
}