.ie div#mapping.dynamic-l, div#mapping.dynamic-l { padding-bottom: 0px; } .ie7 div#mapping, .ie div#mapping{ overflow: hidden; margin-bottom: 16px; } div#mapping{ position:relative; } p.intro{ font-weight: bold; } div.zoomr-container div.zoomr-viewer p.no-js { color: #FFFFFF; font-size: 1em; line-height: 13px; margin-bottom: 0; padding-bottom: 4px; padding-left: 8px; padding-top: 3px; } .story-body { position:static !important; height:100% !important; } p.zoomr_caption { margin:8px 0; float:left; width: 976px; } div#dynamic_content.dyn_narrow{ display:none; } div.zoomr-container { margin-bottom: 16px; } /***************************************************************** * * Theme: * Control:Viewer * ******************************************************************/ .zoomr-viewer { background:url('/news/special/2012/newsspec_4132/css/img/bg.png') repeat-x top left; position:relative; } .zoomr-viewer img { float:left; line-height:1; margin:0; padding:0; } /***************************************************************** * * Theme: * Control:Toolbar * ******************************************************************/ .zoomr-toolbar { height:30px; line-height:30px; position:relative; } .zoomr-toolbar p { font-size:1.0em; line-height:30px; margin:0; padding:0 10px; text-align:left; } .zoomr-toolbar a.zoomr-fullscreen { bottom:4px; height:22px; position:absolute; right:10px; width:27px; background:red; } /***************************************************************** * * Theme: * Control:Container * ******************************************************************/ .zoomr-controls { position:relative; z-index:900; width:48px; height:116px; } .zoomr-controls:hover { /*filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;*/ } .fullscreen-zoomr-controls { position:relative; z-index:2000; } .zoomr-controls a, .zoomr-controls span { color:#000; font-weight:normal; text-decoration:none; } .zoomr-controls a:hover, .zoomr-controls a:hover span { color:#fff; font-weight:normal; text-decoration:none; } /***************************************************************** * * Theme: * Control:Reset Control * ******************************************************************/ .zoomr-controls .zoomr-resetControl { position:absolute; z-index:1002; } .zoomr-controls .zoomr-resetControl a, .zoomr-controls .zoomr-resetControl span { background-repeat:no-repeat; display:block; font-size:1.0em; height:21px; line-height:21px; text-align:center; text-decoration:none; color:#ffffff; width:48px; } .zoomr-controls .zoomr-resetControl a span { background-position:0 0; cursor:pointer; background-repeat:no-repeat; } .defaultState { background: rgb(0,0,0); background: rgba(0,0,0,0.7); } .hoverState { background: rgba(0,0,0,0.9); } /***************************************************************** * * Theme: * Control:Close Full Screen Control * ******************************************************************/ .zoomr-controls .zoomr-closeControl { left:10px; position:absolute; top:166px; z-index:1002; } .zoomr-controls .zoomr-closeControl div, .zoomr-controls .zoomr-closeControl a { background-image:url('/news/special/uk/11/csi/zoomr/1.2/css/img/controls/button_close.png'); display:block; position:absolute; } .zoomr-controls .zoomr-closeControl a.zoomr-close-fullscreen { background-position:0px 0px; height:24px; left:20px; top:0px; width:24px; z-index:1020; } .zoomr-controls .zoomr-closeControl a.zoomr-close-fullscreen:hover { background-position:24px 0px; } /***************************************************************** * * Theme: * Control:Panning Controls * ******************************************************************/ .zoomr-controls .zoomr-panControl { left:0px; position:absolute; top:22px; z-index:1002; width: 48px; height:48px; } .zoomr-controls .zoomr-panControl div, .zoomr-controls .zoomr-panControl a { display:block; position:absolute; } .zoomr-controls .zoomr-panControl a.panUp { height:16px; left:16px; top:0px; width:15px; z-index:1004; background-repeat:none; } .zoomr-controls .zoomr-panControl a.panDown { height:17px; left:16px; top:31px; width:15px; z-index:1004; background-repeat:none; } .zoomr-controls .zoomr-panControl a.panLeft { height:15px; position:absolute; top:16px; width:16px; z-index:1004; background-repeat:none; } .zoomr-controls .zoomr-panControl a.panRight { height:15px; left:31px; top:16px; width:17px; z-index:1004; } /***************************************************************** * * Theme: * Control:Zoom Controls * ******************************************************************/ .zoomr-controls .zoomr-zoomControl { left:14px; position:absolute; top:75px; z-index:1002; height:41px; width:20px } .zoomr-controls a.zoomIn, .zoomr-controls a.zoomInDisabled { background-position:0 0; display:block; font-size:11px; height:20px; width:20px; z-index:1002; } .zoomr-controls a.zoomOut, .zoomr-controls a.zoomOutDisabled { background-position:0 0; display:block; font-size:11px; height:20px; width:20px; z-index:1002; position:absolute; top:21px; } /***************************************************************** * * Browser:Firefox only styles * ******************************************************************/ .zoomr-controls a { -moz-user-select:none; -moz-outline-style: none; } .zoomr-controls div.zoomr-controlArray.active_but a span { color: #ff9900; text-decoration: underline; } .zoomr-controls .zoomr-resetControl a:hover { text-decoration:underline; } div.zoomr-container { height: 490px; overflow: hidden; } div.carousel-container { background: url("/view/1_4_7/cream/hi/shared/img/transparencies/rgba-0-0-0-07.png") repeat scroll 0 0 transparent; clear: both; height: 91px; margin-bottom: 2px; position: relative; width: 976px; } .ie8 .defaultState { background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000)"; } .ie8 .hoverState { background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000)"; } .ie7 .defaultState, .ie .defaultState { background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000); } .ie7 .hoverState, .ie .hoverState { background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000); } a.hotspot { height: 32px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; color: #ffffff; background: url("/news/special/2012/newsspec_4132/css/img/turbine_labels.png") repeat scroll transparent; background-position: top; float: left; margin-top: -20px; } .ie a.hotspot { height: 13px; padding-top: 4px; padding-bottom: 4px; color: #ffffff; background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000); } a.hotspot:hover { background-position: bottom; } .ie a.iehover { background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5d1700e, endColorstr=#e5d1700e); }