/* This is the CSS for the Gel panels it includes support for Headings, Sub Heading, EMP and a Navigation bar */ #context{ width: 976px; height: 5px; position: relative; top: -515px; } div.emp{ padding-bottom:7px; } #active-content { padding:8px 2px 0 2px; border:0px; } /* Headings and Subheadings */ #active-content h2.hd { font-size:20px; color:#505050; font-weight:bold; padding-bottom:16px; line-height:20px; } html.blq-js body.news div#blq-container-outer div#blq-container.blq-lang-en-GB div#blq-container-inner div#blq-main.blq-clearfix div.south-asia div#content-wrapper.domestic div#main-content.story div.story-wide div#toggle_wrapper div#toggle-items div.toggle-content-div p.clickheader{ font-size: 16px; font-weight: bold; padding-top: 8px; } div#toggle_wrapper div#toggle-items div.toggle-content-div div#mapping p.togglecaption{ font-size:13px; } #active-content span.subhd h3 { font-size:13px; color:#505050; font-weight:bold; padding-bottom:8px; } /* Content text */ #active-content p { padding-bottom:13px; } /* Panel Frame */ #activePanel div.tb div { height:5px; opacity:0.75; background-color:#000000; } #activePanel div.tl, #activePanel div.tr, #activePanel div.bl, #activePanel div.br { width:9px; height:9px; } #activePanel div.tl { background:url(/news/special/world/11/south_asia/bin_laden_mission_control/panel/ctl.png); } #activePanel div.tr { background:url(/news/special/world/11/south_asia/bin_laden_mission_control/panel/ctr.png); } #activePanel div.bl { background:url(/news/special/world/11/south_asia/bin_laden_mission_control/panel/cbl.png); } #activePanel div.br { background:url(/news/special/world/11/south_asia/bin_laden_mission_control/panel/cbr.png); } #activePanel div.bb div { height:5px; opacity:0.75; background-color:#000000; } #activePanel div.bars { padding-left:15px;margin-left:-15px;opacity:0.75; background-color:#000000; } #activePanel div.c { margin:0 5px; } #activePanel div.tb { border-color:#ededed; } #activePanel div.bb { border-color:#ededed !important;; } #activePanel div.c a.panel-close { margin-top:4px; width:15px; height:17px; } #activePanel div.c div.panel-bd div { font-size:13px; line-height:15px; color:#505050; } #activePanel div.c div.panel-bd div img { margin-bottom:16px; padding-left:16px; display:inline-block; } #activePanel div.c div.panel-bd div p { font-size: 13px; color:#505050; } /* Panel Navigation */ #activePanel div.panel-close, .panel-light .panel-close{ background:url("/news/special/world/11/south_asia/bin_laden_mission_control/panel/cross_button.gif")!important; } #activePanel div.panelNav{ float:left; height:18px; width:100%; padding-bottom:12px; } #activePanel div.leftBtn{ width: 15px; height: 18px; background:url("/news/special/world/11/south_asia/bin_laden_mission_control/panel/back_default.gif"); float:left; } #activePanel div.leftBtn:hover{ background:url("/news/special/world/11/south_asia/bin_laden_mission_control/panel/back_mouseover.gif"); } #activePanel div.leftBtn:active{ background:url("/news/special/world/11/south_asia/bin_laden_mission_control/panel/back_onpress.gif"); } #activePanel div#count{ float:left; text-align:center; width:90%; padding-top:2px; } #activePanel div.rightBtn{ width: 15px; height: 18px; background:url("/news/special/world/11/south_asia/bin_laden_mission_control/panel/next_default.gif"); float:right; } #activePanel div.rightBtn:hover{ background:url("/news/special/world/11/south_asia/bin_laden_mission_control/panel/next_mouseover.gif"); } #activePanel div.rightBtn:active{ background:url("/news/special/world/11/south_asia/bin_laden_mission_control/panel/next_onpress.gif"); } #activePanel div.panel-close, .panel-light .panel-close:hover{ background:url("/news/special/world/11/south_asia/bin_laden_mission_control/panel/close_no_mouseover.gif")!important; } #activePanel div.panel-close, .panel-light .panel-close:active{ background:url("/news/special/world/11/south_asia/bin_laden_mission_control/panel/close_no_onpress.gif")!important; } #activePanel div.panel-light .c { background:none repeat scroll 0 0 #ededed !important; } /* Image header with Clickable label */ span#clickity{ display:inline; background-color:#404040; padding: 4px 6px 4px 6px; color: #ffffff; font-size: 13px; font-weight: normal; } html.blq-js body.news div#blq-container-outer div#blq-container.blq-lang-en-GB div#blq-container-inner div#blq-main.blq-clearfix div.south-asia div#content-wrapper.domestic div#main-content.story div.story-wide div#toggle_wrapper div#specials_tooltip { visibility: hidden; background: none repeat scroll 0 0 #EDEDED; padding-left: 8px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; width: 230px; border-style:solid; border-width:4px; border-color: #000000; height: 80px; } div#toggle_wrapper{ height: 665px; padding-bottom: 16px; } .ie div#toggle_wrapper{ margin-bottom: -120px; } html.blq-js body.news div#blq-container-outer div#blq-container.blq-lang-en-GB div#blq-container-inner div#blq-main.blq-clearfix div.south-asia div#content-wrapper.domestic div#main-content.story div.story-wide div#toggle_wrapper div#specials_tooltip h2.hd{ font-size:20px; color:#505050; font-weight:bold; padding-bottom:8px; line-height:20px; } div#toggle_wrapper div#toggle-items div#over1.toggle-content-div ul.top{ margin: 0; float: left; width: 976px; } div#toggle_wrapper div#toggle-items div#over1.toggle-content-div ul.top li.list_panel{ height: 133px; width: 197px; background: none; display: inline; float: left; padding: 0; } div#toggle_wrapper div#toggle-items div#over1.toggle-content-div ul.top li.last{ width: 184px; } div#toggle_wrapper div#toggle-items div#over1.toggle-content-div ul.top li.list_panel div.fr{ height: 133px; width: 24px; float: left; } div#toggle_wrapper div#toggle-items div#over1.toggle-content-div ul.top li.list_panel div.fr span{ display:block; font-size: 16px; font-weight: bold; text-align: center; background: #ededed; padding-top: 4px; width: 24px; height: 20px; } div#toggle_wrapper div#toggle-items div#over1.toggle-content-div ul.top li.list_panel div.fl{ float: right; font-size: 13px; padding-left: 8px; padding-right: 8px; padding-top: 4px; width: 157px; } div#toggle_wrapper div#toggle-items div#over1.toggle-content-div ul.top li.last div.fl{ float: right; font-size: 13px; padding-left: 8px; padding-right: 0; padding-top: 4px; width: 150px; }