/*
# News Specials - Hotspots Publishing Interface
# Developed in accordance to spec laid out at 
# https://confluence.dev.bbc.co.uk/display/newsspec/Imagemaps+Publishing+Process
# CSS To control the layout and user feedback for Hotspot overlay panels.
# A full list of classes used is available at 
# https://confluence.dev.bbc.co.uk/display/newsspec/
# Version 1.2 23/04/2012
# Developed by Steven Atherton - steven.atherton@bbc.co.uk
# Dependencies Standard BBC Barlesque Classes and furniture
*/

/* Main graphic container */
div#mapping{
padding-bottom: 16px; 
position: relative;
clear:both;
}
div#toggle-controls{
display:none;
}

div#clickable {
padding-bottom: 8px;
}

div#clickable span{
font-weight: bold;
font-size: 13px;
color: #ffffff;
background: #000000;
padding-right: 4px;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
}

/* Dynamic content hidden to JScript enabled browsers*/
.blq-js #dynamic_content{
display:none;
}

/* Apply some basic styling to neaten the page up for non JavaScript users as per BBC Guidelines*/
div#dynamic_content.dyn_narrow div.panel{
width: 464px;
padding-right: 16px;
float: left;
}
div#dynamic_content.dyn_narrow div.panel h2{
font-size: 16px;
margin-bottom: 8px;
}
div#dynamic_content.dyn_narrow div.panel p{
padding-top: 8px;
}
div#dynamic_content.dyn_narrow div.last{
clear:both;
float: none;
}

/* Turn of the nasty orange focus box in chrome*/
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container:focus {outline: none;}

/* Smooth fonts for Microsoft browsers */
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav{
	padding: 8px;
	background: #ededed;
	display: inline-block;
	font-family: Arial,Helmet,Freesans,sans-serif;
	font-size: 1.4em;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: none;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
}

/* Background  opacaity for sub-content panels */
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content{
background: url("http://news.bbcimg.co.uk/view/1_4_7/cream/hi/shared/img/transparencies/rgba-0-0-0-07.png") repeat scroll 0 0 transparent;
}
.ie div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content{
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);		
}
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content h1,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content h2,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content h3,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content p{
color: #ffffff;
}


div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav img{
padding-bottom: 8px;
}
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_half_wide div#active-content div.ns_emp div#panel-embed{
padding-bottom: 8px;
}

a.pan_close,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close{
    background: url("http://news.bbcimg.co.uk/view/1_4_13/cream/hi/shared/img/gvl3-icons-0-2.png") no-repeat scroll 0 0 transparent;
	background-position: -509px 0px;
    height: 17px;
    margin-bottom: 8px;
    text-indent: -5000px;
    width: 15px;
	opacity: 0.7;
	float: right;
}

div.zoomed-image a.pan_close{
	position: relative;
	margin-right: 8px;
	top: 32px;
	z-index: 997;
	background-position: -509px -32px;
	opacity: 1;
}
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content a.pan_close{
	background-position: -509px -32px;
	opacity: 1;
}
div.zoomed-image a.pan_close:hover,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close:hover{
	opacity: 1;
}
div.zoomed-image a.pan_close:hover,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content a.pan_close:hover{
	opacity: 0.7;
}
div.zoomed-image a.pan_close:active,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close:active{
	opacity: 1;
	background-position: -509px -16px;
}

/* Text Styling */

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav div#active-content h2.hd{
    font-size: 1.4em;
	line-height: 20px;
    padding-bottom: 16px;
}

html.blq-js body.news div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav div#active-content span.subhd h3{
padding-bottom: 8px;
}

/* CSS for 976 contexts */

/* full 624 width image panels with 640 width EMP */
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_half_wide,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_full{
width: 624px;
}
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_half_wide.emp_width,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_full.emp_width,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_full_narrow.emp_width{
width: 640px;
}
/* narrow 464 width image panels with 320 width EMP */
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_narrow,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_full_narrow,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_half_narrow{
width: 464px;
}
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_narrow.sub-content,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_narrow.carousel.sub-content,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_narrow.emp_width,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_half_narrow.emp_width{
width: 320px;
}

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_narrow.carousel{
width: 312px;
}

div.gelui-overlay-container div#ui_nav.dyn_half_narrow div#active-content div.portrait img,
div.gelui-overlay-container div#ui_nav.dyn_full div#active-content div.portrait img,
div.gelui-overlay-container div#ui_nav.dyn_full_narrow div#active-content div.portrait img{
float: right;
padding-left: 8px;
}

/* CSS for 976 contexts */
/* full 624 width image panels with 640 width EMP */
.ie div.dyn_half_wide,
.ie div.dyn_full_wide{
width: 624px;
background: #ededed;
padding: 8px;
}
.ie div.dyn_half_wide.emp_width,
.ie div.dyn_full_wide.emp_width{
width: 640px;
}
/* narrow 464 width image panels with 320 width EMP */
.ie div.dyn_narrow,
.ie div.dyn_full_wide_narrow{
width: 464px;
background: #ededed;
padding: 8px;
}
.ie div.dyn_narrow.emp_width,
.ie div.dyn_full_wide_narrow.emp_width{
width: 320px;
}

/*Internal carousel styling*/

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav div#active-content div.car ul li.no_show{
display: none;
}

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav div#active-content div.car div.nav div.next-container a.next{
   background: url("http://news.bbcimg.co.uk/view/1_4_7/cream/hi/shared/img/gallery-prev-next.png") no-repeat scroll right center transparent;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -50000px;
    top: 0;
    width: 64px;
    z-index: 40;
}

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav div#active-content div.car div.nav div.previous-container a.previous{
    background: url("http://news.bbcimg.co.uk/view/1_4_7/cream/hi/shared/img/gallery-prev-next.png") no-repeat scroll left center transparent;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -50000px;
    top: 0;
    width: 64px;
    z-index: 40;
}

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content div#active-content div.car div.nav div.next-container a.next{
   background: url("/news/special/shared/panels/css/img/back_next.png") no-repeat scroll right center transparent;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -50000px;
    top: 0;
    width: 32px;
    z-index: 40;
}

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content div#active-content div.car div.nav div.previous-container a.previous{
    background: url("/news/special/shared/panels/css/img/back_next.png") no-repeat scroll left center transparent;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -50000px;
    top: 0;
    width: 32px;
    z-index: 40;
}


div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav div#active-content div.car{
padding-bottom: 8px;
position: relative;
}

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_half_wide div#active-content div.car,
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_full div#active-content div.car{
width: 624px;
}
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_narrow div#active-content div.car
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_full_narrow div#active-content div.car{
width: 464px;
}

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content div#active-content div.car{
width: 320px;
}

.pageNav {
    height: 17px !important;
/* 
	overflow: visible;
    right: 0;*/
    width: 100% !important;
    clear: both;
    display: block;
    margin: auto ;
    padding: 8px 0 0;
	float: left;
}

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav ul.pageNav li.nav.prev{
    float: left;
    margin-left: 0;
    width: 33%;
}
div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav ul.pageNav li.nav.next{
    float: right;
    left: -7px;
    width: 10px;
}

ul.pageNav li.counter{
    float: left;
    text-align: center;
    width: 33%;
}

ul.pageNav li.counter span.count_current{
display: inline;
}

ul.pageNav .nav{
	background: none;
    display: block;
    float: left;
}
ul.pageNav .nav a{
	display: block;
    background: url("http://news.bbcimg.co.uk/view/1_4_13/cream/hi/shared/img/gvl3-icons-0-2.png") no-repeat scroll 0 0 transparent;
	background-position: -223px 0;
    height: 17px;
    margin-bottom: 8px;
	text-indent: -5000px;
    width: 15px;
	opacity: 0.7;
}
ul.pageNav .nav.next a{
	background-position: -244px 0;
}

ul.pageNav .nav a:hover{
	opacity: 1;
}

ul.pageNav .nav.next a:active{
	background-position: -244px -16px;
}

ul.pageNav .nav.prev a:active{
	background-position: -223px -16px;
}

ul.pageNav .nav.disable a{
	opacity: 0.5;
	cursor: default;
}
ul.pageNav .nav.disable a:hover{
	opacity: 0.5;
	cursor: default;
}
ul.pageNav .nav.disable a:active{
	opacity: 0.5;
	cursor: default;
}
ul.pageNav .nav.next.disable a:active{
	background-position: -244px 0
}
ul.pageNav .nav.prev.disable a:active{
	background-position: -223px 0
}

ul.pageNav li {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 8px;
    margin-left: 2px;
	padding: 0;
    position: relative;
}

div#ui_nav.dyn_narrow div#active-content div.car ul li a.click-zoom div.mag{
left: 0;
top: 0px;
}
div#active-content div.a_slide{
height: 310px;
padding-bottom: 8px;
}



div#ui_nav.dyn_narrow div#active-content a.click-zoom div.mag{
  background: url("/news/special/shared/panels/css/img/magnify.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    position: absolute;
    top: 44px;
    width: 32px;
	background-position: 0px 0px;
	z-index: 50;
}

div#ui_nav.dyn_narrow div#active-content div.car ul li a:hover.click-zoom div.mag,
div#ui_nav.dyn_narrow div#active-content a:hover.click-zoom div.mag{
background-position: -74px 0px;
}
div#ui_nav.dyn_narrow div#active-content div.car ul li a:active.click-zoom div.mag,
div#ui_nav.dyn_narrow div#active-content a:active.click-zoom div.mag{
background-position: -148px 0px;
}

div.zoomed-image{
    position: absolute;
    top: -25px;
	display: none;
}
.ie div.zoomed-image {
top: -25px;
}
.ie div.zoomed-image img{
float: left;
}

/* TODO Labels need adding */

div#mapping.static-l a{
color: #ffffff;
padding-left: 33px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
}

div#mapping.static-l a.vid_overlay{
background: url("/news/special/shared/panels/css/img/play_label.png") no-repeat scroll 0 0 transparent;
}

div#mapping.static-l a.aud_overlay{
background: url("/news/special/shared/panels/css/img/audio_label.png") no-repeat scroll 0 0 transparent;
}

div#mapping.static-l a.img_overlay{
background: url("/news/special/shared/panels/css/img/picture_label.png") no-repeat scroll 0 0 transparent;
}

div#mapping.static-l a.text_overlay{
background: url("/news/special/shared/panels/css/img/text_label.png") no-repeat scroll 0 0 transparent;
}

div#mapping.static-l a.no_icon{
background: url("/news/special/shared/panels/css/img/play_label.png") no-repeat scroll -28px 0 transparent;
padding: 4px 8px 4px 8px;
}


div#mapping.static-l a:hover{
background-position: 0px -24px;
}

div#mapping.static-l a:active{
background-position: 0px -48px;
}
div#mapping.static-l a:focus{
background-position: 0px -48px;
}

div#mapping.static-l a.no_icon:hover{
background-position: -28px -24px;
}
div#mapping.static-l a.no_icon:focus{
background-position: -28px -48px;
}
div#mapping.static-l a.no_icon:active{
background-position: -28px -48px;
}

div#mapping.static-l a.label{
background: url("/news/special/shared/panels/css/img/text_label.png") no-repeat scroll 0 0 transparent;
background-position: -25px -24px;
padding-left: 8px;
}

div#mapping.static-l a.label:hover{
background-position: -25px  -24px;
}

div#mapping.static-l a.label:active{
background-position: -25px  -48px;
}
div#mapping.static-l a.label:focus{
background-position: -25px  -48px;
}



/*IE fixes*/
.ie8 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close,
.ie7 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close,
.ie div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close{
	background: url("http://news.bbcimg.co.uk/view/1_4_13/cream/hi/shared/img/gvl3-icons-0-2.gif") no-repeat scroll 0 0 transparent;
	background-position: -509px 0;
	filter: alpha(opacity=70);
}
.ie8 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close:hover,
.ie7 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close:hover,
.ie div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close:hover{
	filter: alpha(opacity=100);
	
}

.ie8 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content a.pan_close,
.ie7 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content a.pan_close,
.ie div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content a.pan_close{
	background: url("http://news.bbcimg.co.uk/view/1_4_13/cream/hi/shared/img/gvl3-icons-0-2.gif") no-repeat scroll 0 0 transparent;
	background-position: -509px -32px;
	filter: alpha(opacity=100);
}
.ie8 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content a.pan_close:hover,
.ie7 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content a.pan_close:hover,
.ie div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content a.pan_close:hover{
	filter: alpha(opacity=70);	
}

.ie8 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close:active,
.ie7 div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close:active,
.ie div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close:active{
	filter: alpha(opacity=100);
	background-position: -509px -16px;
}

.ie8 ul.pageNav .nav a,
.ie7 ul.pageNav .nav a,
.ie ul.pageNav .nav a{
    background: url("http://news.bbcimg.co.uk/view/1_4_13/cream/hi/shared/img/gvl3-icons-0-2.gif") no-repeat scroll 0 0 transparent;
	background-position: -223px 0;
	filter: alpha(opacity=70);
}
.ie8 ul.pageNav .nav.next a,
.ie7 ul.pageNav .nav.next a,
.ie ul.pageNav .nav.next a{
	background-position: -244px 0;
}
.ie8 ul.pageNav .nav a:hover,
.ie7 ul.pageNav .nav a:hover,
.ie ul.pageNav .nav a:hover{
	filter: alpha(opacity=100);
}
.ie8 ul.pageNav .nav.next a:active,
.ie7 ul.pageNav .nav.next a:active,
.ie ul.pageNav .nav.next a:active{
	filter: alpha(opacity=100);
	background-position: -244px -16px;
}
.ie8 u l.pageNav .nav.prev a:active,
.ie7 u l.pageNav .nav.prev a:active,
.ie ul.pageNav .nav.prev a:active{
	filter: alpha(opacity=100);
	background-position: -223px -16px;
}
.ie ul.pageNav .nav.disable, 
.ie7 ul.pageNav .nav.disable, 
.ie8 ul.pageNav .nav.disable a{
	filter: alpha(opacity=50)
	cursor: default;
	height: 17px;
}
.ie ul.pageNav .nav.disable a:hover,
.ie7 ul.pageNav .nav.disable a:hover,
.ie8 ul.pageNav .nav.disable a:hover{
	filter: alpha(opacity=50);
	cursor: default;
}
.ie ul.pageNav .nav.disable a:active,
.ie7 ul.pageNav .nav.disable a:active,
.ie8 ul.pageNav .nav.disable a:active{
	filter: alpha(opacity=50);
	cursor: default;
}
.ie ul.pageNav .nav.next.disable a:active,
.ie7 ul.pageNav .nav.next.disable a:active,
.ie8 ul.pageNav .nav.next.disable a:active{
	background-position: -244px 0
}
.ie ul.pageNav .nav.prev.disable a:active,
.ie7 ul.pageNav .nav.prev.disable a:active,
.ie8 ul.pageNav .nav.prev.disable a:active{
	background-position: -223px 0
}

.ie div#ui_nav.dyn_narrow div#active-content a.click-zoom div.mag,
.ie7 div#ui_nav.dyn_narrow div#active-content a.click-zoom div.mag{
top: 44px;
left: 8px;
}

/* allows for a anchor tag to be used as a clickable container */


.ie8 #mapping.static-t a.hotspot,
.ie7 #mapping.static-t a.hotspot,
.ie #mapping.static-t a.hotspot{
display:block;
background-image:url(about:blank);
}

div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container{
z-index: 900;
}
div.glowNoMask{
z-index: 899!important;
}


div#mapping.static-t a:focus,
div#mapping.static-t a:hover{
border: 2px solid #D2700F;
margin: -2px;
}

div#mapping.static-t a.hotspot{
z-index: 10;
}
div#mapping.static-t a:hover.hotspot,
div#mapping.static-t a:focus.hotspot,
div#mapping.static-t a:active.hotspot{
overflow: hidden;
}

div#mapping.static-t a.hotspot span.caption-overlay p{
color: #ffffff;
}

div#mapping.static-t .caption-overlay {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	padding: 4px 8px;
	width: 146px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.6);
	border: 1px solid #000000;
	border-top: none;
	margin-left: -1px;
	margin-bottom: -1px;
}

div#mapping.static-t a:hover .caption-overlay{

}


div#mapping.static-t a span.caption-overlay p{
margin: 0;
}

div#mapping.static-t a:hover .caption-overlay
{
	background: black;
	text-decoration: underline;
	color: #ffffff;
}

.ie div#mapping.static-t .caption-overlay, 
.ie7 div#mapping.static-t .caption-overlay, 
.ie8 div#mapping.static-t .caption-overlay {
	background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
    zoom: 1;
}
.ie div#mapping.static-t .caption-overlay{
margin-bottom: -1px;
}

div#mapping.static-t a span.img_overlay{
    background: url("/news/special/shared/panels/css/img/pic_strip.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 32px;
    z-index: 1;
}
div#mapping.static-t a:hover span.img_overlay{
background-position: -66px 0px;
}
div#mapping.static-t a:active span.img_overlay{
background-position: -130px 0px;
}


div#mapping.static-t a span.vid_overlay{
    background: url("/news/special/shared/panels/css/img/play_strip.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 32px;
    z-index: 1;
}
div#mapping.static-t a:hover span.vid_overlay{
background-position: -65px 0px;
}
div#mapping.static-t a:active span.vid_overlay{
background-position: -129px 0px;
}

div#mapping.static-t a span.aud_overlay{
    background: url("/news/special/shared/panels/css/img/aud_strip.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 32px;
    z-index: 1;
}
div#mapping.static-t a:hover span.aud_overlay{
background-position: -66px 0px;
}
div#mapping.static-t a:active span.aud_overlay{
background-position: -130px 0px;
}

div#mapping.static-t a span.text_overlay{
    background: url("/news/special/shared/panels/css/img/text_strip.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 32px;
    z-index: 1;
}
div#mapping.static-t a:hover span.text_overlay{
background-position: -66px 0px;
}
div#mapping.static-t a:active span.text_overlay{
background-position: -130px 0px;
}




.ie div#mapping.static-t a:hover{
border: none;
color: #ffffff;
border: 2px solid #D2700F;
margin: -2px;
}

.ie div#mapping.static-t a:hover .caption-overlay{
	margin-left: -1px;
}

.ie div#mapping.static-t h3 a {
	border: none;
}

.ie div#mapping.static-t a:hover .caption-overlay,
.ie div#mapping.static-t a:focus .caption-overlay {
	background:transparent;
}
div#ui_nav.sub-content div#active-content div.ns_emp div#panel-embed{
padding-bottom: 8px;
}

/* Ipad emp fix */

div#active-content div.emp a.panel_playlist div.ip{
	background: url("/news/special/shared/panels/css/img/play_ipad.png") no-repeat scroll 0 0 transparent;
    height: 64px;
    position: relative;
    top: -212px;
    width: 64px;
	background-position: 0px 0px;
}

div#active-content div.emp a.panel_playlist:hover div.ip{
background-position: -148px 50%;

}
div#active-content div.emp a.panel_playlist:active div.ip{
background-position: -296px 0px;
}

/* Allow small companion labels with thumbnails*/
div#mapping.static-t .small-thumbnail-conversion a.small-thumbnail-conversion:focus,
div#mapping.static-t a.small-thumbnail-conversion:hover{
    border: none;
	margin: 0;
	overflow: visible;
}
div#mapping.static-t .small-thumbnail-conversion span.caption-overlay{
	border: none;
}

.ie div#mapping.static-t a.small-thumbnail-conversion:hover{
	border: none;
	margin: 0;
	overflow: visible;
}

#bbc_emp_embed_panel-embed{
    visibility: visible!important;
}