div#diamond_jubilee_map{ padding-bottom: 16px; position: relative; } .blq-js #dynamic_content{ display:none; } 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; } div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container:focus {outline: none;} 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; } div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.sub-content{ background: url("/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("/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_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("/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; } div#diamond_jubilee_map.static-l a.vid{ color: #ffffff; padding-left: 33px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; background: url("/news/special/sci_environment/11/wind_turbine_farm_clickable/css/img/label.png") no-repeat scroll 0 0 transparent; } div#diamond_jubilee_map.static-l a.vid:hover{ background-position: 0px -24px; } div#diamond_jubilee_map.static-l a.vid:active{ background-position: 0px -48px; } div#diamond_jubilee_map.static-l a.vid:focus{ background-position: 0px -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("/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("/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("/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 #diamond_jubilee_map.static-t a.hotspot, .ie7 #diamond_jubilee_map.static-t a.hotspot, .ie #diamond_jubilee_map.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#diamond_jubilee_map.static-t a:focus, div#diamond_jubilee_map.static-t a:hover{ border: 2px solid #D2700F; margin: -2px; } div#diamond_jubilee_map.static-t a.hotspot{ z-index: 10; } div#diamond_jubilee_map.static-t a:hover.hotspot, div#diamond_jubilee_map.static-t a:focus.hotspot, div#diamond_jubilee_map.static-t a:active.hotspot{ overflow: hidden; } div#diamond_jubilee_map.static-t a.hotspot span.text-overlay p{ color: #ffffff; } div#diamond_jubilee_map.static-t .text-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#diamond_jubilee_map.static-t a:hover .text-overlay{ } div#diamond_jubilee_map.static-t a span.text-overlay p{ margin: 0; } div#diamond_jubilee_map.static-t a:hover .text-overlay { background: black; text-decoration: underline; color: #ffffff; } .ie div#diamond_jubilee_map.static-t .text-overlay, .ie7 div#diamond_jubilee_map.static-t .text-overlay, .ie8 div#diamond_jubilee_map.static-t .text-overlay { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000); zoom: 1; } .ie div#diamond_jubilee_map.static-t .text-overlay{ margin-bottom: -1px; } div#diamond_jubilee_map.static-t a span.nav-overlay{ background: url("/news/special/shared/panels/css/img/pic_strip.png") no-repeat scroll 0 0 transparent; height: 32px; left: 0px; position: absolute; top: 0px; width: 32px; z-index: 1; } div#diamond_jubilee_map.static-t a:hover span.vid-overlay{ background-position: -65px 0px; } div#diamond_jubilee_map.static-t a:active span.vid-overlay{ background-position: -129px 0px; } div#diamond_jubilee_map.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: 0px; position: absolute; top: 0px; width: 32px; z-index: 1; } div#diamond_jubilee_map.static-t a:hover span.nav-overlay{ background-position: -65px 0px; } div#diamond_jubilee_map.static-t a:active span.nav-overlay{ background-position: -129px 0px; } .ie div#diamond_jubilee_map.static-t a:hover{ border: none; color: #ffffff; border: 2px solid #D2700F; margin: -2px; } .ie div#diamond_jubilee_map.static-t a:hover .text-overlay{ margin-left: -1px; } .ie div#diamond_jubilee_map.static-t h3 a { border: none; } .ie div#diamond_jubilee_map.static-t a:hover .text-overlay, .ie div#diamond_jubilee_map.static-t a:focus .text-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; }