/*
BLQ fixes removed from Orb
See http://www.test.bbc.co.uk/frameworks/orb/upgrading
*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     -webkit-text-size-adjust: 100%;/* Prevent font scaling in landscape while allowing user zoom iphone 5 ios 7*/
}

/* ie fix for border */
.radio-main img{border: 0;}


.blq-hide {
    position: absolute;
    left: -2500px;
    width: 1px;
    overflow: hidden;
}

.blq-clearfix {
    _height: 1%;
}

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

#blq-foot,#radio-page-wrapper.obit-s-radio-index {
    margin:0 auto;
}

#blq-container-inner, #blq-container, #blq-content, .radio  {
    /*background:#121212 url(../../img/backgrounds/page_bg.jpg) top center no-repeat;*/
    background-color: #262525;
}

#blq-signin-panel{
    background-color:#fff;
}

/**
 * removed overflow hidden here, cause it was causing issue
 * with radio nav overlay hiding behind the footer for long search result.
 */
.radio-main{
    font-family: Arial, sans-serif;
    font-size: 1.3em;
    line-height: 1.6em;
    border-top: 1px solid transparent;
}

.radio-main ul, .radio-main li{
    list-style-type: none;
}

/*.radio-main p, .radio-main div, .radio-main h1, .radio-main h2, .radio-main h3, .radio-main h4, .radio-main h5{
    color: #FFF;
}*/
.radio-main a{
    text-decoration:none;
    color: #fff;
}

/* fix to unexpected behaviour from reset in blq-masthead search autosuggest, frameworks to fix RSN */
.gelui-suggestionlist li {
    color: #333;
}

/* Generic container with responsive leanings */
.radio-main .radio-container {
    width:978px;
    margin:0 auto;
}

.blq-unsupported-banner-sub span {
    color: #1A75BB;
    margin-left: 5px;
}

@media screen and (max-width: 978px) {
    .radio-main .radio-container {
        width:724px;
        height:auto;
    }
}

@media screen and (max-width: 700px) {
    .radio-main .radio-container {
        width:100%;
    }
}
/*------------------------ ID override until they fix their css ---------------------------*/
.bbcid-content p{
	color:#000;
}

/*------------------------ Search Results Page ---------------------------*/
#no-items {
    padding-bottom:64px;
}

#no-items a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#no-items a:hover,
#no-items a:focus,
#no-items a:active {
    text-decoration: underline;
}

/*------------------------ Page Headers ---------------------------*/
#header-wrapper {
    clear:both;
    height: 5.92em;
    margin-bottom: 18px;
    border-bottom: 1px solid #444
}

.hdr-inner h1,
h1.hdr-inner  {
    font-size:1.54em;
    padding-top: 1.25em;
	padding-left: 0.5em;
    font-weight: normal;
}

.hdr-edit {
    width: auto;
    float: left;
}

h1.hdr-config {
    padding-left: 25px;
    background: url(../../img/icons/im_edit_20x20.png) no-repeat 0 25px;
    font-weight:bold;
}

@media screen and (max-width: 978px) {
    #header-wrapper {
        height: auto;
        min-height: 5em;
        overflow: visible;
    }
}

/*------------------------ Branding ---------------------------*/
#branding-wrapper {
    width:978px;
    margin:0 auto;
    display:block;
}

.bnd-inner {
    width:136px;
    padding-left: 8px;
    font-size:1em;
    position:absolute;
    height:8em;
    z-index:70;
    margin-right: 8px;
    padding-top: 8px;
}

.bnd-inner h1 {
    height:5em;
    margin:0;
    padding:0;
    font-size:1em;
}

/* IDv4 */
.id4-cta-register {
    color:#fff;
    text-decoration:none;
}

a.id4-cta-register:hover,
a.id4-cta-register:focus,
a.id4-cta-register:active {
    text-decoration:underline;
}

/*------------------------Progress Bars Module------------------------*/
.radio-main .proportion {
    background: #2b2b2b;
    background: rgba(216,13,104,0.3);
    display:block;
    height:4px;
    margin-bottom:4px;
}

.radio-main .proportion span {
    background:#f54997;
    display:block;
    height:4px;
}

/*  Generic */
.radio-wrapper{
        width: 100%;
        background: #191919;
        background-position: center top;
        background-repeat: no-repeat;
        overflow: auto;
}
.radio-inner{
        width: 976px;
        margin: 0 auto;
        overflow: hidden;
}
.radio-inner .branding{
        float:left;
        width:150px;
        overflow:hidden;
}
.radio-inner .main{
        float:left;
        margin:12px;
        padding:16px;
}

/*ul#network-language-select{
    padding:0;
}*/

/*------------------------Favourites------------------------*/
.favourites-container .my-xp{
    width:100%;
}




/**
 * leaving z-index 1 in as it is needed for NHP background image.
 * Anyway this z-index can cause overlay issue with radionav-overlay__wrap,
 * if only on-air it is present on the page or NHP are in degraded state.
 */
.t1-content-wrapper {
    position: relative;
    padding-bottom: 20px;
    z-index: 1;

    /* 
        this was added to fix an issue with priority promo because of how nested it is being pulled in through tinara. 
        When we unwrap the packages (nightingale) this shouldn't be needed...
     */
    overflow: hidden;
}