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


/* 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;
}

.hidden {
    position: absolute; /* clip only relevant on absolutely positioned elements */
    overflow: hidden;
    height: 1px;
    width: 1px;
    clip: rect(1px 1px 1px 1px); /* For IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.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{
    color: #fff;
    text-decoration:none;
    background-image: url("about:blank"); /* bug fix RMUSIC-4631 */

}

/* 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;
}

/*------------------------Radio links and Language selection footer ------------------------*/
#footer-wrapper {
    margin:0 auto;
    font-size:1em;
    clear: both;
    overflow: auto;
    padding-top: 1em;
    padding-bottom: 1em;
}

#footer-wrapper li {
    margin-bottom:8px;
    list-style-type:none;
    float:left;
    padding: 0 8px;
    margin:0px;
    border-right:1px solid #fff;
}

#footer-wrapper .last {
    border-right:0;
    padding-right:0;
}

#footer-wrapper a {
    text-decoration:none;
    color:#fff;
}

#footer-wrapper a:hover,
#footer-wrapper a:focus {
    text-decoration:underline;
}

#network-language-select {
    float:left;
    padding:0;
}

#radio-links {
    float:right;
}

.radio-main .radio-link-twitter {
    background: url(../../img/icons/twitter_icon_small.png) center left no-repeat;
    padding: 2px 2px 2px 20px;
}

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

    #network-language-select, #radio-links {
        display: block;
        margin-top: 5px;
        padding: 0;
        float:left;
    }
}

/* 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%;
}