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 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.emp div#panel-embed{ padding-bottom: 8px; } 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 0; height: 17px; margin-bottom: 8px; text-indent: -5000px; width: 15px; opacity: 0.7; float: right; } div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav a.pan_close:hover{ opacity: 1; } 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_full_e, 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{ 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{ width: 464px; } 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_full_narrow.emp_width{ width: 320px; } div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_narrow div#active-content div.portrait{ 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_full_e, .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 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_full_narrow div#active-content div.car, div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav.dyn_narrow div#active-content div.car{ width: 464px; } .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; margin-right: 8px; } div.gelui-wrapper div.gelui-overlay-state div.gelui-overlay-container div#ui_nav ul.pageNav li.nav.next{ left: -7px; } ul.pageNav .nav, ul.pageNav .dot { 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; width: 12px; } ul.pageNav li.dotActive { background-position: -20px -20px; } li.dotActive .dotLabel { background: none repeat scroll 0 0 #D1700E; } div.dotLabel { background: none repeat scroll 0 0 #505050; display: inline-block; height: 8px !important; left: -5px; position: relative; width: 8px !important; margin: 0; overflow: hidden; padding: 0; text-indent: -5000px; top: -1px; } /*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 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.dotLabel, .ie7 div.dotLabel{ top: 3px; } /* Fix for iframe width in wide-screen monitors*/ .ie .gelui-wrapper .gelui-overlay-container #ui_nav iframe{ width: 640px!important; max-width: 640px!important; overflow:hidden; }