/***Reset***/
body {
    font-size:62.5%; font-family:verdana,helvetica,arial,sans-serif; line-height:1;
}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,p,blockquote,th,td,hr{
    margin:0; padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
}
table {
    border-collapse:collapse; border-spacing:0;
}
caption {
    text-align:left; font-weight:normal;
}
th {
    text-align:left;
}
cite,address {
    font-style:normal;
}
ol,ul {
    list-style:none;
}
sub,sup {
    line-height:2;
}/*IE6 has different lineheight 1*/
img {
    border:none;
}
pre,code {
    font-size:1.2em;
}/*This is overridden to 14px for non-IE*/
fieldset {
    border:0;
}
q:before,q:after {
    content:'';
}

/***Reset class***/
.blq-rst {
    font-family:verdana,helvetica,arial,sans-serif;
}
.blq-rst dl,.blq-rst dt,.blq-rst dd,.blq-rst ul,.blq-rst ol,.blq-rst li,.blq-rst h1,.blq-rst h2,.blq-rst h3,.blq-rst h4,.blq-rst h5,.blq-rst h6,.blq-rst pre,.blq-rst form,.blq-rst fieldset,.blq-rst caption,.blq-rst p,.blq-rst blockquote,.blq-rst th,.blq-rst td,.blq-rst hr{
    margin:0; padding:0; line-height:1; font-size:100%; background-color:transparent;
}
.blq-rst *,.blq-rst input, .blq-rst a:link, .blq-rst a:visited {
    margin:0; padding:0; line-height:1; font-size:100%;font-family:verdana,helvetica,arial,sans-serif;text-decoration:none; font-weight:normal; text-transform:none;
}
.blq-rst table {
    border-collapse:collapse; border-spacing:0;
}
.blq-rst caption,.blq-rst legend {
    text-align:left; font-weight:normal;
}
.blq-rst th {
    text-align:left;
}
.blq-rst cite,.blq-rst address {
    font-style:normal;
}
.blq-rst ol,.blq-rst ul {
    list-style:none;
}
.blq-rst sub,.blq-rst sup {
    line-height:2;
}
.blq-rst img {
    border:none;
}
.blq-rst input,.blq-rst pre,.blq-rst code {
    font-size:1.1em;
}
.blq-rst fieldset {
    border:0;
}
.blq-rst q:before,.blq-rst q:after {
    content:'';
}
.blq-rst h1,.blq-rst h2,.blq-rst h3,.blq-rst h4,.blq-rst h5,.blq-rst h6,.blq-rst th,.blq-rst strong {
    font-weight:bold;
}
.blq-rst dt {
    font-weight:normal;
}

/******Global******/
body {
    background:#eaeaea;
}
.blq-hide,
#blq-container .blq-hide {
    position:absolute; left:-2500px; width:1px; overflow:hidden;
}
.blq-clearfix:after {
    content:"."; display:block; height:0; clear:both; visibility:hidden;
}

/******Containers******/
#blq-container {
    background:url(../img/body_bg.gif) center repeat-y; position:relative; padding-bottom:10px;
}
#blq-pre-mast, #blq-container-inner {
    width:974px; margin:0 auto;
}
#blq-foot {
    width:974px;
}
#blq-pre-mast {
    z-index:1;
}
#blq-container-inner {
    background-color:#fff;
    position:relative;
    padding-top:40px;
}

/******Sections******/

/***Pan-section declarations***/
#blq-pre-mast, #blq-acc, #blq-mast, #blq-main, #blq-foot, #blq-nav {
    font-size:1.2em; line-height:1.3; font-family:verdana,helvetica,arial,sans-serif; color:#fff;
}
#blq-pre-mast, #blq-acc, #blq-mast, #blq-main, #blq-foot {
    position:relative;
}
#blq-mast, #blq-foot, #blq-nav {
    direction:ltr;
}
#blq-main {
    line-height:1; color:#000; background-color: #fff;
}
#blq-mast p, #blq-foot p {
    margin:0;padding-bottom:0;
}
#blq-acc ul, #blq-foot ul, #blq-foot li {
    list-style:none; margin:0; line-height:1.3;
}
#blq-acc a, #blq-mast a, #blq-foot a {
    text-decoration:none; font-weight:normal;
}
#blq-acc-links a:hover,#blq-mast a:hover,
#blq-acc-links a:focus,#blq-mast a:focus {
    color:#fff;
    text-decoration: underline;
    outline:none;
}

/***Pre-masthead***/

/*Ads*/
#bbccom_bottom {
    width:468px; margin:14px 0 0 14px; padding:0;
}

/***Accessibility links***/
#blq-acc {
    position:absolute; top:0; left:0; width:974px; height:40px; z-index:5;
}

/* no images style for acc links */
#blq-mast-home.blq-no-images {
    /*background-color:#000;*/
}
/*BBC blocks*/
.blq-rst #blq-mast-home * {
    font-family: arial, sans-serif;
    font-size:1em;
}

#blq-mast-home {
    /*
    position:absolute; top:19px; width:974px; height:50px; background:transparent url(../img/mast_bg.png) top repeat-x;
    */
    position:absolute; top:0; width:974px; height:40px; background: rgb(100, 100, 100); /* fallback with no alpha */ background:rgba(0,0,0,0.8);
}
#blq-mast-home a {
    display:block; padding:8px 0 0 8px; width:84px; height:24px; color:#ccc;
}
/* These span have top be classed so they can override the tooltip classes when used */
#blq-mast-home span.blq-home, #blq-mast-home .blq-span {
    position:relative; bottom:11px; left:12px;display: none;
}
#blq-mast-home span.blq-home {
    text-indent:-2000em; display:block; height:0;
}

/*Nudge the home bg a little left to avoid showing divider*/

#blq-blocks {
    border:none;
}

/*List*/
#blq-acc-links {
    height:40px; width:974px; font-size:0.9em;
}
#blq-acc li {
    float:left; overflow:visible;
}

#blq-acc-links a {
    line-height:1.3; color:#000;
}
#blq-acc-links a:hover {
    color:#000; text-decoration:underline;
}
#blq-acc li.blq-hide a {
	/* Set position absolute on anchor before focus style, as changing position property cause 
	 * Safari with VoiceOver to crash
	 * FRAMEWORKS-919
	 */
	position: absolute;
}
#blq-acc li.blq-hidex a:focus, #blq-acc li.blq-hidex a:active {
    top:70px; left:2500px; width:966px; opacity:0.9999; font-weight:bold; padding:2px; background:#ff9; border:2px solid #000; z-index:999;
}/*Opacity to avoid renderer switching when opacity is added in Mac FF2*/
#blq-acc-txt {
    /*TODO need this border to be an image, and possibly for the variant too*/
    padding-right:12px; /*border-right:1px solid #000;*/
}

#blq-acc-txt, #blq-acc-help{
    position:relative; top:3px; left:14px;
}

#blq-acc-mobile {
    float:left;
    margin-left: 8px;
}

.blq-rst #blq-acc-mobile a {
    font-family: arial, sans-serif;
    font-size:1em;
    color: #fff;
    padding: 14px 8px;
    line-height: 1;
    display:block;
}


/*Black toolbar dark /transparent variants*/
.blq-toolbar-dark #blq-acc-links, .blq-toolbar-transp #blq-acc-links {
    background-color:#212121;
}
.blq-toolbar-dark #blq-acc-links a, .blq-toolbar-transp #blq-acc-links a{
    color:#fff;
}
.blq-toolbar-transp #blq-acc-links {
}

/***Masthead***/
#blq-mast.blq-rst  * {
    font-family: arial, sans-serif;
    font-size:1em;
}

#blq-mast {
    /*position:absolute; top:19px; left:198px; height:50px; width:776px; z-index:10;*/
    position:absolute; top:0; left:92px; height:40px; width:882px; z-index:10;
}

/*Search form*/
#blq-mast p input { border: 0pt none; }
#blq-mast p input:focus { outline:none; }

#blq-mast #blq-search {
    position:absolute;
    background-color: #fff; 
    
    /*width: 175px;*/
    width: 100%;
/*    padding: 4px 4px 5px 7px;*/
    min-height: 15px;
    font-size: 1em;
    line-height: 21px;
    color:#333;
    *line-height: 18px;
    _line-height: 21px;
    
    left: auto;
    top: 8px;
    right: 37px;
    margin:0;
    /* iOS fix: unrounding the corners */
    -webkit-border-radius: 0px; -webkit-appearance: none;
    *border-right: 29px solid #fff;
    *border-left: 8px solid #fff;
}

/* total of the height + padding above, currently isn't used (but may be soon) */
.blq-quirks #blq-mast #blq-search {
    height: 24px;
}

#blq-mast #blq-search-btn {
    margin:0;
    position:absolute;
    color:#000;
    cursor:pointer;
    line-height:1.8;
    
    height:24px;
    width:29px;
    padding:0;
    border: none;
    background:#fff url('../img/search_icon.png') no-repeat center center;
    text-indent:-2000em;
    left: auto;
    top: 8px;
    right: 8px;
    /* iOS fix: unrounding the corners */
    -webkit-border-radius: 0px; -webkit-appearance: none;
}


#blq-autosuggest {
    overflow:visible; margin-top:0px; padding:0px 0px; margin-left:0px;
    background:transparent none no-repeat 0 0;
}
#blq-autosuggest ul {
    border:none; background:#dcdcdc none no-repeat 0px bottom;
    width:215px; padding:0; margin-bottom:-9px;
}
#blq-autosuggest li {
     padding:7px 10px 7px 8px; font-size:1.2em; border-top:none; color:#333;
     background:transparent;
}
#blq-autosuggest li.active {
    background-color:#575757; color:#fff;
}

#blq-mast form p { 
    position:absolute;
    height:22px;
    border:none;
    bottom:auto;
    padding:0px;
    right:0;
    top:0;
    width:215px;
}

.blq-gvl-27 #blq-mast #blq-search-btn {
    width:66px; margin:0; padding:0; position:absolute; right:4px; top:4px; color:#000; cursor:pointer; padding-bottom:2px;
    background:url(../img/main_sprite.png) 0 -194px no-repeat #fff; height:22px; line-height:1.8;
}


/*Main nav*/
#blq-nav-main {
    position:absolute;
    top:0;
    right:227px;
    background:url(../img/more_arrow.png) no-repeat 97% 19px;
}

#blq-nav-main li{
    display:inline;
}
#blq-nav-main a{
    display:block; float:left;
    text-align:center;
    
    height:26px;
    width:auto;
    padding:14px 7px 0 7px;
    font-size: 0.923em;
    color: #fff;
    background:url(../img/nav_divider.png) no-repeat right 13px;
}

#blq-nav-m a {
    background: none;
    margin-right: 4px;
    padding-right: 24px;
}

.blq-morepanel-shown #blq-nav-m a,
.blq-morepanel-shown #blq-nav-m a:hover {
    color: #333;
    margin-top: 8px;
    padding-top: 6px;
    background:#dcdcdc url(../img/more_arrow.png) no-repeat 88% -12px;
}


/* No tooltips in Welsh-language mast, at request of Keith Jones-Cymru */
.blq-lang-cy-GB #blq-mast .blq-tooltip, .blq-lang-cy-GB #blq-mast-home .blq-tooltip {display:none;}

/* international widths */

#blq-nav-m a:hover {
    background-position:left -240px;
}

/***Global nav***/
.blq-int-nav #blq-nav-main {
    background-position: 90% 19px;
}

/*container*/
#blq-nav {
    clear:both;
    font: 1.3em/1.8 Arial, sans-serif;
}

#blq-nav h2 {
    margin:7px 0 7px 14px;
    font-size:1.3em;
}

.blq-js #blq-nav h2 {
    position:absolute;
    left:-2500px;
    width:1px;
}

#blq-nav a {
    width: 200px;
    text-decoration:none;
    font-weight:normal;
    display:block;
    padding:0 16px;
    color: #333;
}

.blq-js #blq-nav a {
    width: 104px;
}

#blq-nav a:focus,
#blq-nav a:active,
#blq-nav a:hover {
    color: #fff;
    background-color: #333;
}

#blq-nav-links {
    padding: 15px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #CCC;
    background-color: #fff;
}

.blq-js #blq-nav-links {
    z-index: 30000;   
    position: absolute;
    display: none;
    left: auto;
    right: -10px;
    top: 40px;
    padding: 10px 0;
    border-width: 0 0 0 1px;
}

/*Hack to position no js links properly in IE6*/
.blq-js #blq-nav-links-inner a {
    position:relative;
}

/*links*/
.blq-nav-sub {
    float:left;
}

.blq-nav-sub li {
    display:inline;
}

/*az & popular*/

#blq-pop a {
    float:left; width:135px; padding: 5px 0px 7px 15px; margin-left:10px;
    
    font-size:1.2em;
    margin:0;
    padding:4px 0 4px 8px;
    line-height:16px;
    width: 84px;
    color: #333;
}

#blq-pop a {
    color: #333;
}

#blq-pop{
    float:left;
    margin-top: 1px;
}
#blq-pop li {
    display:inline;
}

.blq-js #blq-pop a {
    padding-bottom: 5px;
}
.blq-js #blq-pop {
    background:none;
}

.blq-first {
    clear:both;
}

/*International nav*/
#blq-eng {
    height:22px; padding:6px 0 0 8px; color:#000; font-size: 1.1em;
}

/*nav foot*/
.blq-js #blq-nav-foot {
    clear: both;
    width: 100%;
    height: 29px;
    padding: 15px 0;
    background: transparent;
    height: auto;
}

.blq-js #blq-nav-foot h3 {
    border-top: #c1c1c1 solid 1px;
    left: 8px;
    height: 1px;
    width: 320px;
}


/*CSS disclaimer*/
#blq-obit {
    display: none;
    visibility: hidden;
}

/***Mothball***/

#blq-mothball{
    background:url(../img/mothball/bg.jpg) 0 0 repeat-x #fbfbfb;
}
#blq-mothball a{
    display:block; height:56px; background:url(../img/mothball/i.gif) 230px 10px no-repeat; color:#666; font-size:2em;text-decoration:none;padding-left:300px; padding-top:17px;
}
#blq-mothball-sub{
    display:block; font-size:0.5em; padding:10px 0 0 70px;font-weight:bold;
}
#blq-mothball-sub span {
    color:#1A75BB; margin-left:5px;
}
a:hover #blq-mothball-sub span {
    text-decoration:underline;
}

/***Content***/

/*Right to Left */
.blq-rtl #blq-mast #blq-search {
    text-align:right;
    right: 8px;
}
.blq-rtl #blq-mast #blq-search-btn {
    right: 194px;
}
.blq-rtl #blq-mast, .blq-rtl #blq-acc, .blq-rtl #blq-acc .blq-hide {
    direction:ltr;
}
.blq-rtl #blq-acc .blq-hide {
    direction:rtl;
}
#blq-autosuggest.blq-rtl {
    /* Note this specific image URL is not preloaded by JavaScript, which doesn't know about the RTL mode */
    background:transparent url(../img/suggest_sprite_rtl.png) no-repeat -290px -31px;
}
#blq-autosuggest.blq-rtl ul {
    border:none; background:transparent url(../img/suggest_sprite_rtl.png) no-repeat 0px bottom; width:150px;
}

/*Tooltips*/
.blq-tooltip {
    position:absolute; margin-top:-2.9em; margin-left:-2500px; height:32px; width:30em; z-index:999; text-decoration:none; font-weight:normal; line-height:1.1;
}
/*Need to explicitly set against anchors: http://jdarren.wordpress.com/2009/01/19/hover-in-ie7-sucks/*/
a.blq-tooltipped:hover .blq-tooltip, .blq-tooltipped:focus .blq-tooltip {
    margin-left:-50px;
}
a.blq-tooltipped:hover .blq-tipunder, .blq-tooltipped:focus .blq-tipunder {
    margin-top:1.8em;
}
a.blq-tooltipped:hover .blq-tipright, .blq-tooltipped:focus .blq-tipright {
    margin-left:auto; margin-left:-30em;
}

.blq-tooltip-l {
    padding:6px 0 12px 13px; color:#000; background:url(../img/tooltip.png) 0 -36px no-repeat; float:left;
}
.blq-tooltip-r {
    padding: 6px 3px 12px 0; background:url(../img/tooltip.png) right -36px no-repeat; float:left;
}
.blq-tipunder .blq-tooltip-l {
    padding: 10px 0 14px 13px; background-position:0 0;
}
.blq-tipunder .blq-tooltip-r {
    padding:10px 3px 14px 0; background-position:right 0;
}
.blq-tipright .blq-tooltip-l {
    padding:5px 8px 14px 0; background-position:right -72px; float:right;
}
.blq-tipright .blq-tooltip-r {
    padding: 5px 0 14px 11px;  background-position:0 -72px; float:right;
}

/***Footer***/
#blq-foot {
    clear:both; background-color:#646464; border-top:1px solid #ccc;
}
#blq-foot p, #blq-foot li, #blq-foot a {
    font-size:0.95em; line-height:1.4; color:#fff;
}
#blq-foot a {
    color:#fff; text-decoration:none;
}
#blq-foot a:hover,
#blq-foot a:focus{
    text-decoration:underline;
    outline:none;
}
#blq-footlinks {
    float:right; width:550px; margin:10px 14px 10px 0;
}
#blq-sitelinks, #blq-bbclinks {
    text-align:right; background-color:#646464;
}
#blq-sitelinks {
    float:left; width:230px;
}
#blq-bbclinks {
    float:right; width:320px;
}
#blq-bbclinks li {
    float:right; width:160px;
}
#blq-foot #blq-copy {
    font-size:1.4em; padding-top:8px; margin-left:13px; width:10em;
}
#blq-copy img {
    position:relative; top:5px;
}
#blq-foot #blq-disclaim {
    padding:9px 0 12px 0; margin-left:14px; width:19em;
}

/* IE6 Upgade Banner */

#blq-ie6-upgrade {
    overflow: hidden;
    zoom: 1;
    padding: 10px 20px 15px 20px;
    background: #EBEBEB;

    /* Found a version of IE7 that displayed the banner despite the conditional comment,
     * therefore hiding the content with CSS in all browsers, then displaying in IE6
     */
    display: none;
    _display: block;
}

#blq-ie6-upgrade p {
    font-family: arial,sans-serif;
    line-height: 1.2;
}

#blq-ie6-upgrade span {
    float: left;
    width: 540px;
    padding-left: 46px;
    background: transparent url(../img/ie6_upgrade_icons.png) 0 -60px no-repeat;
    font-size: 1.3em;
}

#blq-ie6-upgrade a {
    float: left;
    margin: 1.4em 38px 0 38px;
    padding-left: 21px;
    background: transparent url(../img/ie6_upgrade_icons.png) 0 0 no-repeat;
    color: #000;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
}

.blq-rtl #blq-ie6-upgrade span {
    padding-left: 0;
    padding-right: 46px;
    background-position: 100% -60px;
}

.blq-rtl #blq-ie6-upgrade a {
    margin-right: 23px;
    padding-left: 0;    
    padding-right: 36px;
    background-position: 100% 0;
}

#blq-ie6-upgrade a:focus,
#blq-ie6-upgrade a:hover {
    text-decoration: underline;
}

#blq-ie6-upgrade a span {
    position: absolute;
    left: -999em;
}

.blq-rtl #blq-ie6-upgrade span,
.blq-rtl #blq-ie6-upgrade a {
    float: right;
}

.blq-rtl #blq-ie6-upgrade a span {
    right: -999em;
}

/* white */
#blq-container .blq-foot-white, .blq-foot-white #blq-sitelinks, .blq-foot-white #blq-bbclinks{
    background-color:#fff;color:#000
}
#blq-container .blq-foot-white a,#blq-container .blq-foot-white p{
    color:#000
}
#blq-container .blq-foot-white a:hover,
#blq-container .blq-foot-white a:focus{
    text-decoration:underline;
    outline:none;
}

/* black */
#blq-container .blq-foot-black, .blq-foot-black #blq-sitelinks, .blq-foot-black #blq-bbclinks{
    background-color:#000
}
#blq-container .blq-foot-black a:hover{
    color:#b2b2b2
}
   

/***Homepage palette***/
.skylightTheme #blq-mast-home {
    background:0 200px #1778B3;
}
.skylightTheme #blq-acc {
    border-bottom-color:#45AAE6;
}
.doveTheme #blq-mast-home {
    background:0 550px #5B688F;
    }
.doveTheme #blq-acc {
    border-bottom-color:#7C8EC2;
}
.tealTheme #blq-mast-home {
    background:0 100px #2383A3;
    }
.tealTheme #blq-acc {
    border-bottom-color:#53B5D6;
}
.aquaTheme #blq-mast-home {
    background:0 600px #158979;
    }
.aquaTheme #blq-acc {
    border-bottom-color:#3CBCAB;
}
.greenTheme #blq-mast-home {
    background:0 500px #5D891B;
    }
.greenTheme #blq-acc {
    border-bottom-color:#80BC25;
}
.violetTheme #blq-mast-home {
    background:0 50px #6A5789;
    }
.violetTheme #blq-acc {
    border-bottom-color:#A496BC;
}
.purpleTheme #blq-mast-home {
    background:0 300px #823892;
    }
.purpleTheme #blq-acc {
    border-bottom-color:#B56CC5;
}
.pinkTheme #blq-mast-home {
    background:0 350px #9D1767;
    }
.pinkTheme #blq-acc {
    border-bottom-color:#D04283;
}
.oliveTheme #blq-mast-home {
    background:0 450px #7C7854;
    }
.oliveTheme #blq-acc {
    border-bottom-color:#AFAC92;
}
.suedeTheme #blq-mast-home {
    background:0 150px #695C4A;
    }
.suedeTheme #blq-acc {
    border-bottom-color:#9C896E;
}
.redTheme #blq-mast-home {
    background:0 250px #9E2C1D;
    }
.redTheme #blq-acc {
    border-bottom-color:#D15A4A;
}
.orangeTheme #blq-mast-home {
    background:0 400px #C55F16;
    }
.orangeTheme #blq-acc {
    border-bottom-color:#DC7D2A;
}
.blackTheme #blq-acc {
    border-bottom-color:#505153;
}

/*Don't need to do anything for .blackTheme */

.blq_hp #blq-mast-home {
    background-image:url(../img/mast_colours.png);
}

/*Hacks*/
/* Fix for cps's that use quirks doctype (CPSSTATIC-13)
   Although quirks mode isn't normally supported this is 
   required to migrate 2.5 to 2.7. */
.blq-quirks #blq-mast-home span.blq-home {
    /* Remove the link so the bbc blocks aren't pushed down */
    display: none; 
}

/*Adverts*/
.bbcdotcomAdvertsResetBottom .blq-dotcom #blq-footlinks{width:550px}
.bbcdotcomAdvertsResetBottom .blq-dotcom #blq-sitelinks{width:230px}
.blq-dotcom #blq-footlinks{width:470px}
.blq-dotcom #blq-sitelinks{width:150px}


/*blocks solution*/
/*like homepage:
alt text in span, display:none
image in page with alt

images off: See alt
css off: See twice, but image is white on white
*/

/***Print***/
@media print {
    /*TODO test print*/
	#blq-obit, #blq-mast, #blq-mast p, #blq-nav-main, #blq-nav, #blq-acc-links {
        display:none;
    }
	#blq-acc {
        border-bottom: 1px solid #000;
    }
	#blq-foot {
        border-top: 1px solid #000;
    }
}


/* --------------- STYLES FOR 2.8 (FWGEL-335) -------------- */

/* Create a background behind the masthead so that the tramlines don't show through */
#blq-mast-background { /* NEW ELEMENT */
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
}

#blq-acc,
#blq-mast-background {
    height: 39px;
    background-color: #333;
    border-bottom: 1px solid #545454;
}

/* styles for the dark version */
#blq-acc.blq-toolbar-dark,
#blq-mast-background.blq-toolbar-dark {
    background-color: #000;
}

/* update fonts in the nav */
#blq-mast {
    font-family: arial,helvetica,sans-serif;
    font-size: 1.3em;
}

/* Override the previous opaque masthead with the new values.
   NOTE: This rule has a temporal coupling with values set on '#blq-mast-background span' */
#blq-mast-home {
    position: relative;
    top: auto;
    display: inline-block;
    /* IE6 and 7 inline block hack */
    *display: inline;
    *zoom: 1;
    width: auto;
    height: 39px;
    border-width: 0 1px 0 0;
}

/* High specificity to prevent customisation classes from changing the background colour */
#blq-container-inner #blq-mast-home {
    background: none;
}

/* Skip links */
#blq-acc-links {
    position: relative;
    z-index: 1;
    float: left;
    width: auto;
    height: auto;
}

#blq-acc-links li {
    /* Makes IE6 and IE7 play nice by not taking up vertical space */
    display: inline;
}

#blq-acc-links a {
    position: absolute;
    z-index: 1;
    top: -999em;
    left: 7px;
    display: block;
    width: 200px;
    padding: 7px 10px;
    border: 1px solid #CCC;
    outline: none;
    background: #FFF;
    color: #333;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: none;
}

#blq-acc-links a:focus,
#blq-acc-links a:active {
    top: 45px;
    /* Repeat styles to override 2.7 */
    background: #FFF;
    color: #333;
    text-decoration: none;
}

#blq-acc-links a:hover {
    background: #000;
    color: #FFF;
}

/* Remove borders and make the search box transparent */
#blq-mast #blq-search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 29px solid #fff;
    border-left: 8px solid #fff;
    border-top: none;
    border-bottom: none;
    outline: medium none;
    height: 1.7em;
    left: 0px;
    font-weight: bold;
    line-height: 1.7em;
}

.blq-rtl #blq-mast #blq-search {
    right: auto;
    left: -14px;
    padding: 0 1px 0 0;
    border-left: 29px solid #fff;
    border-right: 8px solid #fff;
}

/* This element wraps the search box, using this to add the 1px border at the bottom of the search.
   Also need a little realigning. */
#blq-mast #blq-nav-search {
    height: 29px;
    right: 7px;
    width: 0px;
    padding-right: 212px;
    z-index: 1;
}

.blq-rtl #blq-mast #blq-nav-search {
    right: -7px;
}

/* adjust search box width to accomodate width of sign in space on the left for variants */
.blq-lang-ga-GB #blq-mast.blq-cbbc-domestic #blq-nav-search,
.blq-lang-gd-GB #blq-mast.blq-default-domestic #blq-nav-search,
.blq-lang-cy-GB #blq-mast.blq-default-domestic #blq-nav-search,
.blq-lang-gd-GB #blq-mast.blq-journalism-domestic #blq-nav-search,
.blq-lang-cy-GB #blq-mast.blq-cbeebies-domestic #blq-nav-search,
.blq-lang-cy-GB #blq-mast.blq-journalism-domestic #blq-nav-search,
.blq-lang-cy-GB #blq-mast.blq-worldservice-domestic #blq-nav-search,
.blq-lang-gd-GB #blq-mast.blq-worldservice-domestic #blq-nav-search,
.blq-lang-gd-GB #blq-mast.blq-journalism-worldwide #blq-nav-search,
.blq-lang-gd-GB #blq-mast.blq-cbeebies-worldwide #blq-nav-search {
	padding-right: 175px;
}

.blq-lang-cy-GB #blq-mast.blq-default-worldwide #blq-nav-search,
.blq-lang-en-GB #blq-mast.blq-cbeebies-domestic #blq-nav-search,
.blq-lang-ga-GB #blq-mast.blq-cbeebies-domestic #blq-nav-search,
.blq-lang-cy-GB #blq-mast.blq-cbeebies-worldwide #blq-nav-search,
.blq-lang-cy-GB #blq-mast.blq-journalism-worldwide #blq-nav-search {
	padding-right: 140px;
}

.blq-lang-gd-GB #blq-mast.blq-default-worldwide #blq-nav-search,
.blq-lang-gd-GB #blq-mast.blq-cbeebies-domestic #blq-nav-search {
	padding-right: 113px;
}

/* use the new search icon and position it */
#blq-mast #blq-search-btn {
    background: url("../img/blq-sprite_alpha.png") no-repeat scroll 8px -374px transparent;
    right: 0;
    _top: 12px;
}

.blq-rtl #blq-mast #blq-search-btn {
    right: auto;
    left: -16px;
}

/* On the right to left version in IE 6 the search button 'magnifying glass' is out of position,
   we have to be specific to overwrite the styles from blq-container */
* html .blq-rtl #blq-container-inner #blq-search-btn {
    margin-left: 14px; 
    top: 12px
}

/* Line up the nav closer to the search box 
   Also remove the more arrow which was attached to this element */
#blq-nav-main {
    background: none;
    right: 23px;
    margin-right: 204px;
    border-width: 0 1px 0 0;
}

.blq-lang-ga-GB .blq-cbbc-domestic #blq-nav-main,
.blq-lang-gd-GB .blq-default-domestic #blq-nav-main,
.blq-lang-cy-GB .blq-default-domestic #blq-nav-main,
.blq-lang-gd-GB .blq-journalism-domestic #blq-nav-main,
.blq-lang-cy-GB .blq-cbeebies-domestic #blq-nav-main,
.blq-lang-cy-GB .blq-journalism-domestic #blq-nav-main,
.blq-lang-cy-GB .blq-worldservice-domestic #blq-nav-main,
.blq-lang-gd-GB .blq-worldservice-domestic #blq-nav-main,
.blq-lang-gd-GB .blq-journalism-worldwide #blq-nav-main,
.blq-lang-gd-GB .blq-cbeebies-worldwide #blq-nav-main {
	margin-right: 167px;
}

.blq-lang-cy-GB .blq-default-worldwide #blq-nav-main,
.blq-lang-en-GB .blq-cbeebies-domestic #blq-nav-main,
.blq-lang-ga-GB .blq-cbeebies-domestic #blq-nav-main,
.blq-lang-cy-GB .blq-cbeebies-worldwide #blq-nav-main,
.blq-lang-cy-GB .blq-journalism-worldwide #blq-nav-main {
	margin-right: 132px;
}

.blq-lang-gd-GB .blq-default-worldwide #blq-nav-main,
.blq-lang-gd-GB .blq-cbeebies-domestic #blq-nav-main {
	margin-right: 105px;
}

/* Change the way the li's are positioned to replicate 3.5 */
#blq-nav-main li {
    display: block;
    float: left;
    border-width: 0 0 0 1px;
}

/* Adjust nav links, we need to relatively position these to create the
   1px adjustment for the hover state sitting over the bottom border.
   Also made sure that these anchor elements have exactly the same rules
   applied so we can made adjustments consistently with 3.5 in the future
   if required. */
#blq-nav-main a {
    /* overwrite/reset these styles */
    background: none;
    height: auto;

    /* implement the same structure as 3.5 */
    display: block;
    position: relative;
    bottom: -1px;
    font-weight: bold;
    line-height: 24px;
    padding: 6px 16px 9px 15px;
}

.blq-lang-cy-GB #blq-nav-main a,
.blq-lang-gd-GB #blq-nav-main a,
.blq-lang-ga-GB #blq-nav-main a {
    padding-right: 12px;
    padding-left: 11px;
}

#blq-nav-m {
    outline: none;
}

.id-in .blq-dropdown-arrow,
.id-in .blq-dropdown-arrow span {
    position: absolute;
    display: block;
    width: 6px;
    height: 3px;
    /* Alpha transparency sprite */
    background: url(../img/blq-sprite_alpha.png) 0 0 no-repeat;
    /* Serve image with binary transparency to IE6 */
    _background-image: url(../img/blq-arrows.gif);
    _font-size: 0;
}

.blq-dropdown-arrow {
    position: absolute;
    z-index: 1;
    top: 17px;
    right: 16px;
}

.blq-rtl .blq-dropdown-arrow {
    right: auto;
    left: 16px;
}

/* Vertical borders */
#blq-nav-main,
#blq-nav-main li,
#blq-mast-home {
    border-style: solid;
    border-color: #545454;
}

/* Overide crazy positioning, add appropriate margins */
#blq-mast-home a {
    width: auto;
    height: auto;
    padding: 0;
    margin: 8px 8px 8px 7px;
    overflow: hidden; /* Fix outline issues */
}

/* Hover states, nothing interesting to see here */
#blq-nav-main a {
    border-bottom: 0 solid #FFF;
}

#blq-nav-main a:focus,
#blq-nav-main a:active,
#blq-nav-main a:hover {
    padding-bottom: 5px;
    border-bottom-width: 4px;
    outline: none;
    text-decoration: none;
}

#blq-nav-n a {
    border-bottom-color: #9B2313;
}

#blq-nav-nr a {
    border-bottom-color: #34B6E4;
}

#blq-nav-s a {
    border-bottom-color: #FFE711;
}

#blq-nav-w a {
    border-bottom-color: #77CDFF;
}

#blq-nav-tr a {
    border-bottom-color: #0C835B;
}

#blq-nav-i a {
    border-bottom-color: #ED3482;
}

/* Reset more panel shown state */
.blq-morepanel-shown #blq-nav-m a,
.blq-morepanel-shown #blq-nav-m a:hover {
    background: none;
    margin-top: 0;
    color: #FFF;
}
/* Position the glow Autosuggest overlay */
#blq-autosuggest {
    border-left: 1px solid #ccc;
    margin-top: 10px;
    margin-left: -9px;
}

/* Style the unordered list as 3.5 */
#blq-autosuggest ul {
    width: 220px;
    margin-bottom: 0; /* was set to -9px? not sure why but resetting to 0 seems cool */
    color: #333;
    background-color: #fff;
}

/* adjust autosuggest width to accomodate width sign in space on the left for variants */
#blq-autosuggest.blq-cbeebies-domestic .autosuggest-light {
    width: 148px;
}

#blq-autosuggest li {
    padding: 8px 16px; /* space out the items in the autosuggest */
}

/**
 * Footer styles
 *
 * @section blqFoot
 */

#blq-foot {
    position: relative;
    clear: both;
    width: 947px;
    padding: 16px 14px 13px 13px;
}

#blq-foot p,
#blq-foot li {
    font: 1em/1.6 arial, sans-serif;
}

#blq-foot p {
    margin: 0;
    padding-bottom: 0;
    line-height: 1.4;
    line-height: normal;
}

#blq-foot ul {
    list-style: none;
    margin: 0;
    line-height: 1.3;
}

#blq-foot li {
    list-style: none;
    margin: 0;
    line-height: normal;
}

#blq-foot a {
    text-decoration: none;
    font-weight: normal;
    line-height: normal;
}

#blq-foot a:hover,
#blq-foot a:focus {
    text-decoration: underline;
}

#blq-container .blq-foot-white a,
#blq-container .blq-foot-white p {
    color: #4C4C4C;
}

/**
 * Footer promo styles
 *
 * @subsection blqPromo
 */

#blq-promo {
    margin: -16px 0 16px -16px;
}

/**
 * Footer link container styles
 *
 * @subsection blqFootLinks
 */

#blq-container-inner #blq-footlinks {
    float: right;
    width: 500px;
    margin: -4px 0 0 0;
}

#blq-footlinks ul {
    clear: both;
    float: right;
}

/* Voiceover needs this to recognise that the presentation role applied
   to make separate list of links seem to be one.
 */
#blq-footlinks .blq-footlinks-row {
    display: block;
}

#blq-footlinks .blq-footlinks-row li {
    display: inline-block;
    /* Inline block for IE6 and 7 */
    *display: inline;
    *zoom: 1;
    width: 150px;
    padding-right: 8px;
}

/**
 * Footer logo styles
 *
 * @subsection blqLogo
 */

#blq-foot-blocks {
    float: left;
    height: 24px;
    width: 84px;
    margin-bottom: 23px;
}

/**
 * Footer bbc.com styles
 *
 * @subsection blqBbcComBottom
 */

#bbccom_bottom {
    float: left;
    width: 468px;
    height: 60px;
    margin: 0 0 8px 16px;
    padding: 0;
}

/**
 * Footer disclaimer styles
 *
 * @subsection blqDisclaim
 */

#blq-foot #blq-disclaim {
    clear: left;
    float: left;
    width: 307px;
    padding: 0;
    margin: 0;
    line-height: 16px;
}

/**
 * Footer disclaimer copyright styles
 *
 * @subsubsection blqCopy
 */

#blq-foot #blq-copy {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
}

#blq-copy img {
    position: relative;
    top: 5px;
}

/**
 * Footer no-css styles
 *
 * @subsection blqObit
 */

#blq-obit {
    display: none;
    visibility: hidden;
}

/**
 * BBC Cookies banner
 *
 * @subsection bbccookies
 */

 #bbccookies {
    background-color: #323232;
    padding: 16px 0;
    border-bottom: 1px solid #545454;
 }

#bbccookies-prompt {
    position: relative;
    width: 740px;
    margin: 0 auto;
    overflow: hidden;
}

.bbccookies-d .bbccookies-international-message {
    display: none;
}

#bbccookies-prompt,
#bbccookies-prompt button {
    font-family: Arial, Helvetica, sans-serif;
    
}

#bbccookies-prompt h2 {
    float: left;
    width: 140px;
    color: #FFF;
    font-size: 1.8em;
    font-weight: bold;
    text-align: right;
    line-height: 1.12; 
}

#bbccookies-prompt p {
    float: left;
    width: 424px;
    margin-left: 20px;
    color: #BEBEBE;
    font-size: 1.3em;
    line-height: 1.24;
}

#bbccookies-prompt a {
    color: #F6A21D;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.24; 
    text-decoration: none;
}

#bbccookies-prompt a:hover {
    color: #FFF;
}

#bbccookies-prompt ul {
    position: absolute;
    bottom: 0px;
    left: 600px;
    font-weight: bold;
}

#bbccookies-continue button:hover,
#bbccookies-more a:hover{
    color: #FFF;
}

#bbccookies-prompt button,
#bbccookies-more a {
    background-image: url(../img/bbccookies/cookie_prompt_sprite.png);
    background-color: transparent;
    background-repeat: no-repeat;
}

#bbccookies-continue button{
    padding: 0 0 0 24px;
    *padding-left: 9px;
    background-position: 0 -251px;
    color: #F6A21D;
    font-size: 1.8em;
    border: none;
    cursor: pointer;
}

#bbccookies-continue button:hover {
    background-position: 0 -314px;
}

#bbccookies-more a {
    padding: 3px 0 1px 27px;
    background-position: 1px -123px; 
    color: #F6A21D;
    font-size: 1.3em;
    line-height: 1.38;
    display: block;
}

#bbccookies-more a:hover {
    background-position: 1px -187px;
}

/* Sign in link */
.blq-not-bbc-co-uk #blq-sign-in {
    display: none;
}

#blq-sign-in { /* NEW ELEMENT */
    float: left;
    margin-left: 8px;
}

#blq-sign-in a {
    color: #fff;
}

#blq-sign-in a:focus,
#blq-sign-in a:hover {
    text-decoration: none;
}

/**
 * Identity Status Bar
 *
 * @section idStatus
 */

#id-status {
    position: relative;
    height: 39px;
    border-width: 0;
    /* Set width to 0 in IE6 */
    _width: 0;
    outline: none;
}

#id-status.id-small-nav {
    /* Width is set in id-core.js in identitystatusbar */
    border-right: 1px solid #545454;
}

.blq-rtl #id-status.id-small-nav {
    border-right-width: 0;
    border-left-width: 1px;
}

.blq-rtl #id-status {
    text-align: right;
}

#id-status .id-in {
    font-size: 0.85em;
}

#id-status abbr {
    border-bottom: none;
    line-height: 24px;
}

#blq-idstatus-text {
    /* IE6 and IE7 needs this because they fail to correctly inherit
     * (even when told to do so) line-height from the parent element
     * thanks to the reset rules
     */
    line-height: 24px;
    color: inherit;
}

#id-status .id-out,
#id-status .id-out #blq-idstatus-text {
    font-weight: bold;
    line-height: 24px;
}

#id-status .id-spinner {
    position: absolute;
    top: 12px;
    right: 16px;
    display: block;
    width: 14px;
    height: 14px;
}

.blq-rtl #id-status .id-spinner {
    right: auto;
    left: 16px;
}

#id-status .id-status-working .id-spinner {
    background: url(../img/spinner.gif) no-repeat 0 0;
}

#id-status .id-icon {
    position: absolute;
    top: 12px;
    left: 16px;
}

.blq-rtl #id-status .id-icon {
    left: auto;
    right: 16px;
}

#id-status .id-icon,
#id-status .id-icon span {
    display: block;
    /* Hide icon for IE6. */
    _display: none;
    background: url(../img/blq-sprite_alpha.png) 0 -316px no-repeat;
    width: 13px;
    height: 12px;
    line-height: 0;
}

/* Light Sign-in icon*/
#id-status .id-icon span {
    background-position: 0 -254px;
    opacity: 0;
    filter: alpha(opacity = 0);
}

.blq-js #id-status .id-jsstatusbar {
    visibility: hidden;
}

#id-status .id-gel a,
#blq-idstatus-link {
    position: absolute;
    left: 0;
    display: block;
    overflow: hidden;
    /* Width is calculated in Javascript */
    min-width: 90px;
    /*min*/_width: 90px;
    margin: 0;
    padding: 7px 15px 4px 38px;
    _padding-left: 16px;
    border-bottom: 0 solid #FFF;
    outline: none;
    font-weight: bold;
    line-height: 24px;
}
.blq-masthead-focus #id-status .id-gel a {
    border-bottom: 0 solid #757575;
}

#id-status .id-gel a:focus,
#id-status .id-gel a:hover,
#id-status .id-gel a:active {
    padding-bottom: 5px;
    border-bottom-width: 4px;
}

.blq-rtl #id-status .id-gel a {
    left: auto;
    right: 0;
    padding-right: 38px;
    /* Less padding for IE6 as icon is hidden. */
    _padding-right: 16px;
    padding-left: 8px;
}

#id-status a abbr {
    border-bottom: none;
}

/* Dark SignIn icon */
.blq-masthead-focus #id-status .id-icon span {
    opacity: 1;
    filter: none;
}

.id-panel-css-load-test {
    width: 50px;
}

.blq-masthead-focus #blq-mast a span {
    color: inherit;
}

/**
 * ID Menu
 *
 * @subsection idmenu
 */

#id-status-nav {
    display: none;
    position: absolute;
    top: 39px;
    left: -1px;
    background: #fff;
    border-left: 1px solid #ccc;
    z-index: 2;
    overflow: none;
}

.gelui-overlay-container #id-status-nav {
    display: block;
    top: 39px;
}

.blq-rtl #id-status-nav {
    left: auto;
    right: -1px;
    border-left: none;
    border-right: 1px solid #ccc;
}

#id-status-nav ul {
    z-index: 1;
}

#id-status-nav h2 {
    position: absolute;
    left: -2500px;
    width: 1px;
    overflow: hidden;
}

#id-status-nav a {
    display: block;
    padding: 4px 16px;
    color: #333;
    line-height: 24px;
    font-size: 1.3em;
    font-weight: bold;
}

#id-status-nav a:hover,
#id-status-nav a:focus,
#id-status-nav a:active {
    background-color: #333;
    color: #FFF;
    outline: none;
}

/* Overide identity statusbar styles, if loaded */

.blq-id-identitystatusbar #blq-mast #id-status .id-gel a {
    padding: 7px 23px 3px 38px;
    *padding-right: 16px;
    margin-left: 8px;
    line-height: 24px;
    text-decoration: none;
}

.blq-id-identitystatusbar #blq-mast #id-status .id-gel a:focus,
.blq-id-identitystatusbar #blq-mast #id-status .id-gel a:hover {
    text-decoration: none;
}

.blq-js .blq-id-identitystatusbar #id-status-nav {
    top: 39px;
    left: 99px;
    border-left-color: #ccc;
    background: #fff;
    z-index: 5;
}

/* Identity statusbar styles for iPlayer */

.blq-id-iplayer #blq-mast #id-status .id-gel a {
    padding: 7px 15px 3px 38px;
    *padding-right: 23px;
    margin-left: 8px;
    line-height: 24px;
    text-decoration: none;
}

.blq-id-iplayer #blq-mast #id-status .id-gel a:focus,
.blq-id-iplayer #blq-mast #id-status .id-gel a:hover {
    text-decoration: none;
}

.blq-js .blq-id-iplayer #id-status-nav {
    top: 39px;
    left: 99px;
    border-left-color: #ccc;
    background: #fff;
    z-index: 5;
}