html, body { background: #fff url(../images/bg-gradient.jpg) repeat-x 0 0; } body { font: 75%/1 Arial, Helvetica, sans-serif; } img { display: block; } strong { font-weight: bold; } em { font-style: italic; } object { display: block; } .nodisplay { display: none; } .watermarkOn { color: #999; } .margin-none, .noMargin { margin: 0 !important; } .marginBottom { margin-bottom: 12px; } .paddingBottom { padding-bottom: 24px; } .smallMarginBottom { margin-bottom: 12px !important; } .fl { float: left; } .fr { float: right; } .print { display: none; } .chartered { float: left; margin-left: 24px; } a { color: #001E66; text-decoration: none; } a:hover { text-decoration: underline; } #introduction .contentWrap a, #introduction .sectionNavi a { color: #212298; } #business .contentWrap a, #business .sectionNavi a, #business .sectionColour { color: #47477F; } #financial .contentWrap a, #financial .sectionNavi a { color: #356C7E; } #company .contentWrap a, #company .sectionNavi a { color: #594A1C; } #shareholder .contentWrap a, #shareholder .sectionNavi a { color: #4A6159; } .related-more a, a.read-more { background-color: #001E66; line-height: 1.333em; padding: 4px 5px; float: right; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .related-more a span, a.read-more span { color: #fff; padding: 0 12px 0 3px; background: url(../images/arrow-more2.png) no-repeat 100% 3px; } .related-more a:hover, .related-more a:hover span, a.read-more:hover, a.read-more:hover span { text-decoration: none; background-color: #334B85; } #introduction .related-more a, #introduction a.read-more { background-color: #212298; } #introduction .related-more a:hover, #introduction a.read-more:hover, #introduction .related-more a:hover span, #introduction a.read-more:hover span { background-color: #4E56A1; } #business .related-more a, #business a.read-more { background-color: #47477F; } #business .related-more a:hover, #business a.read-more:hover, #business .related-more a:hover span, #business a.read-more:hover span { background-color: #6C6C99; } #financial .related-more a, #financial a.read-more { background-color: #356C7E; } #financial .related-more a:hover, #financial a.read-more:hover, #financial .related-more a:hover span, #financial a.read-more:hover span, #shareholder .related-more a:hover, #shareholder a.read-more:hover, #shareholder .related-more a:hover span, #shareholder a.read-more:hover span { background-color: #5D8998; } #company .related-more a, #company a.read-more { background-color: #594A1C; } #company .related-more a:hover, #company a.read-more:hover, #company .related-more a:hover span, #company a.read-more:hover span { background-color: #7A6E49; } #shareholder .related-more a, #shareholder a.read-more { background-color: #577168; } p { margin: 0 0 1em; line-height: 1.333em; } p.margin-none { margin: 0; overflow: hidden; } p.chart { padding: 1em 0 2em; } .metric { text-align: right; font-weight: bold; } h1 { font-size: 1.667em; margin: 0 0 1em; color: #001E66; } h2 { font-size: 1.167em; font-weight: bold; padding: .5em 0 0; margin: 0 0 1em; color: #001E66; } h3 { font-size: 1.083em; font-weight: bold; color: #001E66; padding: .5em 0 0; margin: 0 0 1em; } h4 { font-weight: bold; margin: 0 0 1em; } h5 { margin: 0 0 0.5em; } h4.chart { margin-top: 2em; } h1.year-ended { margin-bottom: 6px; } p.year-ended { font-size: 0.917em; } #introduction .year-ended { color: #212298; } #introduction h1, #introduction h2, #introduction .pod h1, #introduction p.intro { color: #212298; } #business h1, #business h2, #business h3, #business .pod h1, #business p.intro, #business .hero { color: #47477F; } #financial h1, #financial h2, #financial .pod h1, #financial p.intro { color: #356C7E; } #company h1, #company h2, #company .pod h1, #company p.intro { color: #594A1C; } #shareholder h1, #shareholder h2, #shareholder .pod h1, #shareholder p.intro { color: #4A6159; } .picture-intro { width: 486px; overflow: hidden; margin: 0 0 1em 0; } .picture-intro h2 { float: right; width: 251px; } .picture-intro p.intro { float: right; width: 251px; color: #001E66; } a.mouse { display: inline-block; padding: 2px 0 2px 21px; } #introduction a.mouse { background: url(../images/icon-mouse-intro.gif) no-repeat 0 2px; } p.name { font-weight: bold; margin: 0; color: #001E66; } p.title { } .accessibility { position: absolute; top: 0; left: 0; } .highlight { background-color: #ffff66 !important; color: #666 !important; } .pushDown { padding-top: 36px; } .feature { width: 843px; height: 320px; margin: 24px auto; } /* Lists ---------------------------------------------------*/ .content ol, .content ul { margin: 0 0 24px; } .content ol li { line-height: 18px; } .content ul li { list-style: none; line-height: 18px; } .decimalList li { list-style: decimal outside; margin: 0 0 0.5em 2em; } .standardList li { background: url(../images/bullet-standard.gif) no-repeat 0 7px; padding-left: 1em; margin-bottom: 0.5em; } .content .decimalList, .content .standardList { margin-bottom: 1em; } ul.clearList li { background: none; } .floatList { width: 330px; } .floatList li { clear: both; } .floatList li span { float: right; } .content ol.alphaList, .content ol.romanList { margin-bottom: 1em; } .content ol.alphaList li { list-style: lower-alpha outside; line-height: 1.333em; padding: 0 0 3px 0; margin-left: 24px; } .content ol.romanList li { list-style: lower-roman outside; line-height: 1.333em; padding: 0 0 3px 0; margin-left: 30px; } ol.jump-links { font-size: 0.917em; background-repeat: repeat-x; background-position: 0 100%; background-image: url(../images/jl-gradient.gif); padding: 12px; } ol.jump-links.alpha li { list-style-type: upper-alpha; } ol.jump-links li { display: list-item; height: 1%; margin-left: 20px; list-style-type: decimal; background-repeat: no-repeat; background-position: 0 6px; padding-left: 15px; vertical-align: top; } ol.jump-links li a { display: block; padding: 0 0 0 0; } ul.jump-links { font-size: 0.917em; background-repeat: repeat-x; background-position: 0 100%; background-image: url(../images/jl-gradient.gif); padding: 12px; } ul.jump-links li { height: 1%; padding-left: 15px; background-repeat: no-repeat; background-position: 0 6px; background-image: url(../images/arrow-down.png); } ul.jump-links li a { display: block; padding: 0 0 0 0; } #introduction ul.jump-links { background-image: url(../images/jl-gradient-introduction.gif); } #introduction ul.jump-links li { background-image: url(../images/arrow-down-introduction.png); } #business .jump-links { background-image: url(../images/jl-gradient-business.jpg); } #business .jump-links li { color: #47477F; background-image: url(../images/arrow-down-business.png); } #financial .jump-links { color: #356C7E; background-image: url(../images/jl-gradient-financial.gif); } #financial .jump-links li { background-image: url(../images/arrow-down-financial.png); } #shareholder .jump-links { color: #4A6159; background-image: url(../images/jl-gradient-shareholder.gif); } #shareholder .jump-links li { background-image: url(../images/arrow-down-shareholder.png); } .bubbleList { margin-top: 40px; } .bubbleList li { border: 1px solid #47477F; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 0.917em; padding: 6px; text-align: center; color: #47477F; margin-bottom: 12px; } ol.footnotes { margin-left: 30px; } ol.footnotes li { list-style: decimal; font-size: 0.917em; } .footnote { font-size: 0.917em; } .back-top { font-size: 0.917em; padding-left: 12px; margin-bottom: 2em; display: block; background: url(../images/back-to-top.gif) no-repeat 0 5px; } #introduction .back-top { background-image: url(../images/arrow-up-introduction.png); } #financial .back-top { background-image: url(../images/arrow-up-financial.png); } #business .back-top { background-image: url(../images/arrow-up-business.png); } #shareholder .back-top { background-image: url(../images/arrow-up-shareholder.png); } .stateList{width: 95px;} .branchList{width: 245px;} .allCaps { text-transform: uppercase; } #financial h3 { color: #356C7E; } #financial p.year-ended { color: #356C7E; } label.goToNote { display: block; } .goToNote { font-size: 0.917em; margin-bottom: 6px; } .goToNote span { background-repeat: no-repeat; background-position: 100% 4px; padding-right: 9px; } #financial .goToNote span { color: #356C7E; background-image: url(../images/arrow-financial.png); } .directorateJump { width: 474px; background: url(../images/jl-gradient-introduction.gif) repeat-x 0 100%; overflow: hidden; padding: 0 12px; margin-bottom: 24px; } .directorate { width: 231px; overflow: hidden; font-size: 0.917em; margin-bottom: 12px; } .directorate .thumbnail { width: 72px; margin-right: 12px; float: left; } .directorate .detail { width: 147px; float: right; } .directorate .detail p { margin-bottom: 6px; } .directorate .detail span { background: #47477F; padding: 3px 4px; color: #fff; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .directorate .detail a { background: url(../images/arrow-down-business.png) no-repeat 100% 3px; display: inline-block; padding-right: 12px; font-weight: bold; } /*========================================================================================== structure ==========================================================================================*/ .accessibility { position: absolute; top: -500px; } .wrap { width: 961px; margin: 0 auto; } .branding { width: 960px; height: 125px; padding: 15px 0 0; position: relative; } .report-tools { font-size: 0.917em; width: 600px; float: right; margin-right: 16px; } .report-tools a { color: #fff; } .report-tools a:hover { text-decoration: underline; } .report-tools ul li { float: left; margin-right: 18px; } .report-tools ul li a, .report-tools ul li span { display: block; background-repeat: no-repeat; background-position: 0 1px; padding: 4px 0 6px; } .report-tools ul li span { color: #EEE2C6; } .report-tools ul li.home a { background-image: url(../images/icon-report-home.gif); padding-left: 19px } .report-tools ul li.home span { background-image: url(../images/icon-report-home-selected.gif); padding-left: 19px; } .report-tools ul li.glossary a { background-image: url(../images/icon-report-glossary.gif); padding-left: 25px; } .report-tools ul li.glossary span { background-image: url(../images/icon-report-glossary-selected.gif); padding-left: 25px; } .report-tools ul li.download a { background-image: url(../images/icon-report-download.gif); padding-left: 22px; } .report-tools ul li.download span { background-image: url(../images/icon-report-download-selected.gif); padding-left: 22px; } .report-search { float: right; width: 191px; } .report-search .search { background: url(../images/bg-search.gif) no-repeat 0 0; width: 145px; padding: 4px; float: left; } .report-search #zoom_query { border: 0; width: 143px; } .report-search .submit { float: right; width: 34px; } .report-title{width: 357px; height: 35px; position: absolute; top: 60px; left: 18px; background: url(../images/title-ara.gif); text-indent: -999px;} .report-logo { position: absolute; top: 60px; left: 621px; } .report-elephant { position: absolute; top: 55px; left: 780px; } .navi { font-size: 0.917em; font-weight: bold; text-transform: uppercase; width: 961px; background: url(../images/bg-navi-shadow.gif) no-repeat 100% 0; } .navi ul { width: 955px; margin-left: 3px; overflow: hidden; background: url(../images/bg-navi.gif) repeat-x 0 0; } .navi ul li { float: left; } .navi a:hover { color: #fff; } .navi ul li a { display: block; padding: 0 5px; margin: 0 17px; line-height: 39px; color: #EBDFC4; text-align: center; } .navi-financial a { width: 74px; } .navi-company a { width: 79px; } .navi-shareholder a { width: 85px; } .navi-financial a, .navi-company a, .navi-shareholder a { line-height: 1em !important; padding-top: 8px !important; padding-bottom: 9px !important; } #breadcrumb { width: 961px; overflow: hidden; line-height: 23px; padding: 0 0 11px 0; font-size: 0.917em; color: #333; background: url(../images/bg-breadcrumb.gif) no-repeat 0 0; position: relative; } #breadcrumb ul { width: 924px; overflow: hidden; margin: 0px 6px 0 22px; } #breadcrumb ul li { float: left; padding-left: 6px; margin-left: 3px; background: url(../images/arrow-breadcrumb.gif) no-repeat 0% 55%; } #breadcrumb ul li:first-child { font-weight: bold; padding-left: 0; margin-left: 0; background: none; } #breadcrumb a { text-decoration: underline; color: #222C89; } .pageOuter { width: 961px; background: url(../images/bg-page.gif) repeat-y 0 0; } .pageInner { width: 961px; background: url(../images/bg-page-top.gif) no-repeat 0 0; } .page { width: 931px; margin: 0 0 0 15px; overflow: hidden; } .section { width: 197px; float: left; font-size: 0.917em; background: url(../images/bg-sectionnavi.gif) no-repeat 0 0; } .contentWrap { width: 716px; margin: 4px 0 0; float: right; overflow: hidden; } .content { width: 498px; float: left; margin: 0 18px 0 0; position: relative; } .fullWidth .content { width: 716px; overflow: hidden; } .aside { width: 200px; float: right; } ul.sectionNavi { margin: 12px 12px 0; padding: 0 0 12px 0; background: url(../images/line-dot-grey.gif) repeat-x 0 100%; } ul.sectionNavi li { height: 1%; } ul.sectionNavi ul { margin: 0; padding: 0; } ul.sectionNavi a, ul.sectionNavi span { padding: 6px 0 6px 12px; display: block; } ul.sectionNavi span { background: url(../images/arrow.gif) no-repeat 0px 8px; font-weight: bold; } #introduction ul.sectionNavi span { background-image: url(../images/arrow-introduction.png); } #business ul.sectionNavi span { background-image: url(../images/arrow-business.gif); } #financial ul.sectionNavi span { background-image: url(../images/arrow-financial.gif); } #company ul.sectionNavi span { background-image: url(../images/arrow-company.gif); } #shareholder ul.sectionNavi span { background-image: url(../images/arrow-shareholder.png); } ul.sectionNavi ul a, ul.sectionNavi ul span { padding-left: 24px; } ul.sectionNavi ul ul a, ul.sectionNavi ul ul span { padding-left: 36px; } ul.sectionNavi ul span { background-position: 12px 8px; } ul.sectionNavi ul ul span { background-position: 24px 8px; } ul.sectionNavi .parent { background: url(../images/arrow-introduction-down.gif) no-repeat 0 8px; font-weight: bold; } ul.sectionNavi ul .parent { background-position: 12px; } #business ul.sectionNavi .parent { background-image: url(../images/arrow-business-down.gif); } #financial ul.sectionNavi .parent, #shareholder ul.sectionNavi .parent { background-image: url(../images/arrow-financial-down.gif); } #company ul.sectionNavi .parent { background-image: url(../images/arrow-company-down.gif); } /* section navi colours */ #introduction .sectionNavi a, #introduction .sectionNavi span { color: #222C89; } #business .sectionNavi a, #business .sectionNavi span { color: #47477F; } #financial .sectionNavi a, #financial .sectionNavi span { color: #356C7E; } #company .sectionNavi span { color: #594A1C; } #shareholder .sectionNavi a, #shareholder .sectionNavi span { color: #4A6159; } ul.page-tools { margin: 12px 12px 0 12px; padding: 0 0 16px 0; background: url(../images/bg-page-tools.gif) repeat-x 0 100%; } ul.page-tools li a { height: 1%; color: #666; display: block; background-repeat: no-repeat; padding: 6px 0 6px 30px; } ul.page-tools li.tool-arrow a { background-image: url(../images/tools-arrow.gif); background-position: 0 7px; } ul.page-tools li.tool-download a { background-image: url(../images/tools-download.gif); background-position: 0 3px; } /* Over-ride sharethis code */ ul.page-tools li.tool-share a { padding: 3px 0 3px 30px; } ul.page-tools li.tool-share .stico_default { background-image: url(../images/tools-share.gif) !important; background-position: 0 3px !important; } /* Layout columns ----------------------------------------------------------*/ .content .layoutTwoCol { width: 498px; overflow: hidden; } .content .layoutTwoCol .layoutColA { width: 243px; } .content .layoutTwoCol .layoutColB { width: 243px; } .fullWidth .layoutTwoCol, .fullWidth .layoutThreeCol { width: 716px; overflow: hidden; } .fullWidth .layoutTwoCol .layoutColA { width: 352px; margin-right: 12px; float: left; } .fullWidth .layoutTwoCol .layoutColB { width: 352px; float: right; } .fullWidth .layoutThreeCol .layoutColA, .layoutThreeCol .layoutColB { width: 230px; margin-right: 13px; float: left; } .fullWidth .layoutThreeCol .layoutColC { width: 230px; float: right; } /* pod, quote, related ==========================================================*/ /* pod ----------------------------------------------------------*/ .pod { width: 200px; margin-bottom: 12px; } .pod-top, .pod-bottom { width: 200px; height: 12px; background-repeat: no-repeat; background-position: 0 0; } .pod-top { background-image: url(../images/pod-top.gif); } .pod-bottom { background-image: url(../images/pod-bottom.gif); } .pod-content { border-left: 2px solid #EFEFF3; border-right: 2px solid #EFEFF3; padding: 0 12px; } .pod h2 { font-size: 1.167em; margin-bottom: 6px; } .pod p { margin-bottom: 6px; } .pod .figure-current { font-size: 1.833em; font-weight: bold; color: #0A8BA3; } .pod .figure-previous { margin-bottom: 0; } .related { width: 200px; } .related .matchHeight { background: url(../images/bg-related.gif) 0 0 repeat-y; } #shareholder .related-solid .matchHeight { background: #E5EBE9; } #business .related .matchHeight { background-image: url(../images/related-business.gif); } #business .related-solid .matchHeight { background: #E5E5F5; } #financial .related .matchHeight { background-image: url(../images/related-financial.gif); } #financial .related-solid .matchHeight { background: #EAF0F2; } #company .related .matchHeight { background-image: url(../images/related-company.gif); } #company .related-solid .matchHeight { background: #F7F3E5; } .aside .related { margin-bottom: 12px; } .related-row { width: 716px; overflow: hidden; } .related-row .related, .related-row .related-solid { width: 230px; margin: 0 10px 18px 0; } .related-row .related-lrg{font-size: 0.917em;} .related-row .related-lrg .inset{float: left; margin: 0 10px 0 0;} .related-row .related-dir { width: 172px; margin-right: 9px; } .related-row .related-dir-lrg { width: 352px; } .related-row .related-dir .personCaption { color: #222B87; } body#company .related-row .related-dir .personCaption { color: #594A1C; } .related-row .related-dir ul.committee-icons{ margin: 8px 0 0 0; height: 1%; } .related-row .related-dir ul.committee-icons:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} .related-row .related-dir ul.committee-icons li{ float: left; margin: 0 5px 0 0; } .hoverBoxToggle{ float: right; display: block; line-height: 19px; background: url(../images/icon-show-all.gif) no-repeat 0 0; padding-left: 27px;} .hoverContentBox { padding: 12px 0; } .hoverInfo { background-color:#FFFFFF !important; border:2px solid #212298; margin-bottom:0; padding: 12px; position:absolute; width: 326px; } #introduction .hoverBoxToggle { background-image: url(../images/introductionShowContent.gif); } #introduction .hoverBoxHide { background-image: url(../images/introductionHideContent.gif); } #company .hoverBoxToggle { background-image: url(../images/companyShowContent.gif); } #company .hoverBoxHide { background-image: url(../images/companyHideContent.gif); } .committees { font-size: 0.917em; } .committees li { padding: 0; clear: both; margin-bottom: 6px; } .committees img { float: left; margin-right: 6px; } .committes li span { float: right; } .committees a:hover img { text-decoration: none; } .committees a:hover span { text-decoration: underline; } #introduction .hoverInfo { border-color: #212298; } #company .hoverInfo { border-color: #594A1C; } .related-row .related.fr, .related-row .related-solid.fr { margin-right: 0; } #home .related-row { width: 931px; } #home .related-row .related { width: 223px; margin-bottom: 0; margin-right: 13px; } #home .related-row .related.fr { margin-right: 0; } #introduction .figure-previous { font-weight: bold; color: #222C89; } #introduction .related { background-image: url(../images/related-introduction-middle.gif); } #business .related { background: none; } #company .related { background-image: url(../images/related-company-middle.gif); } .related-content { font-size: 0.917em; padding: 12px 12px 2px 12px; border-right: 2px solid #8F9CBC; border-left: 2px solid #8F9CBC; } .related-content.noPaddingTop { padding-top: 0; } .related-content.noPaddingTop .related-tools { margin-top: 0; } .related-content .chart{float: right; margin: 0 0 5px 5px;} body#financial .related-content .chart, body#company .related-content .chart{float: left; margin: 0 10px 5px 0;} .related-image { border-right-width: 2px; border-right-style: solid; border-bottom-width: 2px; border-bottom-style: solid; border-left-width: 2px; border-left-style: solid; border-color: #8F9CBC; } .related-top, .related-bottom { width: 212px; background-repeat: no-repeat; background-position: 0 0; } .related-top { background-image: url(../images/related-top.gif); background-color: #001E66; } #shareholder .layoutTwoCol .related-top-outer { width: 352px; } #shareholder .layoutTwoCol .related-top-inner { width: 352px; background-position: 340px 0; } #shareholder .layoutTwoCol .related-bottom-outer { width: 352px; } #shareholder .layoutTwoCol .related-bottom-inner { width: 352px; background-position: 340px 100%; } .related-top-outer, .related-top-inner { width: 230px; background-image: url(../images/tab-top-default.gif); background-repeat: no-repeat; } .related-top-outer { background-color: #001E66; background-position: -20px 0%; } #home .related-top-inner { background-position: 211px 0%; } .related-top-inner { background-position: 218px 0%; } .related-bottom-outer, .related-bottom-inner { width: 230px; height: 12px; background-image: url(../images/tab-bottom-default.gif); background-repeat: no-repeat; } .related-bottom-outer { background-position: -20px 100%; } #home .related-bottom-inner { background-position: 211px 100%; } .related-bottom-inner { background-position: 218px 100%; } .related-row .related-solid .related-bottom-outer, .related-row .related-solid .related-bottom-outer { width: 230px; height: 12px; } .related-row .related-solid .related-bottom-outer { background-position: -20px 100%; } .related-row .related-solid .related-bottom-inner { background-position: 218px 100%; } .aside .related-top-outer { background-position: -20px 0%; } .aside .related-top-inner { background-position: 188px 0%; } .aside .related-bottom-outer { background-position: -20px 100%; } .aside .related-bottom-inner { background-position: 188px 100%; } .aside .related-top-outer, .aside .related-top-inner, .aside .related-bottom-outer, .aside .related-bottom-inner { width: 200px; } #home .related-top-outer, #home .related-top-inner, #home .related-bottom-outer, #home .related-bottom-inner { width: 223px; } .related-row .related-top-outer, .related-row .related-top-inner, .related-row .related-bottom-outer, .related-row .related-bottom-inner { width: 230px; } .related-content.noPaddingBottom { padding-bottom: 0 !important; } .related-content.noPaddingTop { padding-bottom: 0 !important; } #introduction .related-content, #introduction .related-image { color: #4A4B7A; border-left-color: #9B9BD1; border-right-color: #9B9BD1; } #introduction .related-image { border-bottom-color: #9B9BD1; } #introduction .related-top-outer { background-color: #4A4B7A; background-image: url(../images/tab-top-introduction.gif); } #introduction .related-top-inner { background-image: url(../images/tab-top-introduction.gif); } #introduction .related-bottom-outer, #introduction .related-bottom-inner { background-image: url(../images/tab-bottom-introduction.gif); } #introduction .related-solid .related-content { background-color: #E5E5F5; border-left-color: #E5E5F5; border-right-color: #E5E5F5; } #introduction .related-solid .related-bottom-outer, #introduction .related-solid .related-bottom-inner { background-image: url(../images/tab-bottom-solid-introduction.gif); } #business .related-content { color: #4A4B7A; border-left-color: #A9AAC0; border-right-color: #A9AAC0; } #business .related-top-outer { background-color: #594A1C; background-image: url(../images/tab-top-business.gif); } #business .related-top-inner { background-image: url(../images/tab-top-business.gif); } #business .related-bottom-outer, #business .related-bottom-inner { background-image: url(../images/tab-bottom-business.gif); } #business .related-solid .related-content { background-color: #E5E5F5; border-left-color: #E5E5F5; border-right-color: #E5E5F5; } #business .related-solid .related-bottom-outer, #business .related-solid .related-bottom-inner { background-image: url(../images/tab-bottom-solid-business.gif); } #financial .related-content { color: #356C7E; border-left-color: #A5BEC6; border-right-color: #A5BEC6; } #financial .related-top-outer { background-color: #356C7E; background-image: url(../images/tab-top-financial.gif); } #financial .related-top-inner { background-image: url(../images/tab-top-financial.gif); } #financial .related-bottom-outer, #financial .related-bottom-inner { background-image: url(../images/tab-bottom-financial.gif); } #financial .related-solid .related-content { background-color: #EAF0F2; border-left-color: #EAF0F2; border-right-color: #EAF0F2; } #financial .related-solid .related-bottom-outer, #financial .related-solid .related-bottom-inner{ background-image: url(../images/tab-bottom-solid-financial.gif); } #company .related-content { color: #594A1C; border-left-color: #B6B09B; border-right-color: #B6B09B; } #company .related-top-outer { background-color: #594A1C; background-image: url(../images/tab-top-company.gif); } #company .related-top-inner { background-image: url(../images/tab-top-company.gif); } #company .related-bottom-outer { background-image: url(../images/tab-bottom-company.gif); } #company .related-bottom-inner { background-image: url(../images/tab-bottom-company.gif); } #company .related-solid .related-content { background-color: #F7F3E5; border-left-color: #F7F3E5; border-right-color: #F7F3E5; } #company .related-solid .related-bottom-outer { background-image: url(../images/tab-bottom-solid-company.gif); } #company .related-solid .related-bottom-inner { background-image: url(../images/tab-bottom-solid-company.gif); } #shareholder .related-content { color: #577168; border-left-color: #B0BAB7; border-right-color: #B0BAB7; } #shareholder .related-top-outer { background-color: #356C7E; background-image: url(../images/tab-top-shareholder.gif); } #shareholder .related-top-inner { background-image: url(../images/tab-top-shareholder.gif); } #shareholder .related-bottom-outer, #shareholder .related-bottom-inner { background-image: url(../images/tab-bottom-shareholder.gif); } #shareholder .related-solid .related-content { background-color: #E5EBE9; border-left-color: #E5EBE9; border-right-color: #E5EBE9; } #shareholder .related-solid .related-bottom-outer, #shareholder .related-solid .related-bottom-inner { background-image: url(../images/tab-bottom-solid-shareholder.gif); } .related-top h1, .related-top-inner h1, .related-top-inner h2 { font-size: 12px; font-weight: bold; margin: 0; padding: 6px 12px; color: #fff; } #introduction .related-top-inner h1, #introduction .related-top-inner h2, #business .related-top-inner h1, #business .related-top-inner h2, #financial .related-top-inner h1, #financial .related-top-inner h2, #shareholder .related-top-inner h1, #shareholder .related-top-inner h2, #company .related-top-inner h1, #company .related-top-inner h2 { color: #fff; } .related p, .related-solid p { margin-bottom: 6px; line-height: 1.333em; } #introduction .related-top h1, #business .related-top h1, #financial .related-top h1, #shareholder .related-top h1, #company .related-top h1 { color: #fff; } .quote p { color: #35A4C2; } p.cite { font-weight: bold; margin: 0; } .figure { margin-bottom: 12px; } .figure .figure-title { font-size: 1.167em; font-weight: bold; margin: 0; } .figure .figure-up { font-size: 1.167em; background: url(../images/figure-up.gif) no-repeat 0 7px; padding: 4px 0 0 19px; margin: 0; } .figure .figure-current, .figure-current { font-size: 1.5em; } /* related-links ----------------------------------------------------------*/ ul.related-links { margin: 0 0 12px 0; } ul.related-links li { background: url(../images/arrow-default.png) no-repeat 0 5px; padding: 0 0 0 12px; margin: 0 0 3px; line-height: 16px; } #introduction ul.related-links li { background-image: url(../images/arrow-introduction.png); } #business ul.related-links li { background-image: url(../images/arrow-business.png); } #financial ul.related-links li { background-image: url(../images/arrow-financial.png); } #company ul.related-links li { background-image: url(../images/arrow-company.png); } #shareholder ul.related-links li { background-image: url(../images/arrow-shareholder.png); } ul.related-links li.pdf { background-image: url(../images/icon-pdf.png) !important; background-position: 0 0; padding: 2px 0 2px 24px; } #shareholder ul.pdf li { background: url(../images/icon-pdf.png) no-repeat 0 5px; padding: 6px 0 5px 22px; margin: 0; } .related-tools, .download-report { width: 188px; overflow: hidden; } .related-tools.noMarginTop { margin-top: 0; } #home .related-tools { width: 195px; } .related-row .related-tools { width: 200px; margin-top: 10px; } .related-row .related-tools.noMarginTop { margin-top: 0; } .related-download { width: 104px; float: left; padding-bottom: 1px; } .related-download.wide { width: auto; } .related-more { width: 84px; float: right; } .related-excel { width: 200px; float: left; margin: 10px 0 0 0; } body#financial .excel .related-more{float: left;} body#financial .excel .related-more a{float: left;} .aside .related-tools { width: 172px; overflow: hidden; } .aside .related-download, .aside .related-more { width: 86px; } .related-download a { display: block; background: url(../images/related-download.png) no-repeat 0 3px; padding: 2px 0 2px 22px; } .related-download.wide a { background-position: 0 0; } #business .related-download a { background-image: url(../images/download-business.png); } #financial .related-download a { background-image: url(../images/download-financial.png); } #company .related-download a { background-image: url(../images/download-company.png); } .related-excel a { display: block; background: url(../images/related-excel.gif) no-repeat 0 0; padding: 0 0 5px 25px;} #shareholder .related-download a { background-image: url(../images/download-shareholder.png); } .download-report { position: relative; } .download-report ul { width: 106px; position: absolute; bottom:0; right:0; margin:0; padding:0; } .download-report ul li { width: 106px; line-height: 1.25em; } .download-report li a { display: block; margin:0; padding:0 0 0 22px; background-repeat: no-repeat; background-position: 0 0; } .download-report li.pdf { margin-bottom: 4px; } .download-report li.pdf a { background-image: url(../images/icon-pdf.gif); } .download-report li.get-reader a { background-image: url(../images/icon-get-reader.gif); } /*========================================================================================== hero ==========================================================================================*/ .hero { width: 716px; overflow: hidden; margin: 0 0 13px; background-position: -20px 0; background-repeat: no-repeat; border-bottom-style: solid; border-bottom-width: 16px; } .hero-compass { width: 323px; float: left; margin: 13px 0 0 0; } .hero-content { width: 378px; padding: 13px 15px 0 0; float: right; background-repeat: no-repeat; background-position: 381px 0; } .hero-content img { margin-bottom: 18px; } .hero-content h1 { background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; margin: 0 0 12px 0; } #introduction .hero { color: #212298; border-bottom-color: #212298; position: relative; } #introduction .hero-content { width: 221px; margin-top: 52px; } #introduction .hero-content h1 { width: 189px; height: 15px; display: block; background-image: url(../images/title-about-firstbank.gif); } #introduction .hero img.tagline { position: absolute; top: 12px; right: 0; } #introduction .hero-compass { width: 430px; height: 400px; font-size: 0.917em; position: relative; } #introduction .hero-compass h2 { color: #356C7E; margin: 0 0 6px 0; } .compass-points { z-index: 20; background: url(../images/compass-ring-business.gif) no-repeat 60px 40px; width: 430px; height: 331px; } .compass-dial { position: absolute; left: 103px; top: 96px; } .compass-points div { position: absolute; background: #fff; padding: 4px; } .compass-north { width: 100px; left: 150px; } .compass-east { top: 120px; left: 310px; } .compass-south { bottom: 0; left: 150px; } .compass-west { top: 135px; width: 100px; } .compass-points div li { line-height: 1em; background-position: 0 4px; background-image: url(../images/bullet-introduction.gif); } .miniList li { line-height: 1em !important; } .intro-our-mission { left: 100px; } .intro-strategic-priorities { left: 300px; top: 100px; } .intro-compass { position: absolute; top: 90px; left: 85px; z-index: 50; } #business .hero { color: #4A4B7A; background-color: #E5E5F5; background-image: url(../images/tab-top-solid-business.gif); border-bottom-color: #4A4B7A; } #business .hero-content { background-image: url(../images/tab-top-solid-business.gif); width: 362px; background-position: 365px 0; } #business .hero-content h1 { width: 189px; height: 16px; background-image: url(../images/hero-title-business.gif); } #financial .hero { color: #356C7E; background-color: #EAF0F2; background-image: url(../images/tab-top-solid-financial.gif); border-bottom-color: #356C7E; } #financial .hero-content { background-image: url(../images/tab-top-solid-financial.gif); } #financial .hero-content { width: 333px; background-position: 336px 0; } #financial .hero-content h1 { width: 252px; height: 16px; background-image: url(../images/hero-title-financial.gif); } #company .hero { color: #594A1C; background-color: #F7F3E5; background-image: url(../images/tab-top-solid-company.gif); border-bottom-color: #594A1C; } #company .hero-content { background-image: url(../images/tab-top-solid-company.gif); width: 288px; background-position: 292px 0; } #company .hero-content h1 { width: 227px; height: 13px; background-image: url(../images/hero-title-company.gif); } #shareholder .hero-compass { width: 400px; } #shareholder .hero { color: #4A6159; background-color: #E5EBE9; background-image: url(../images/tab-top-solid-shareholder.gif); border-bottom-color: #4A6159; } #shareholder .hero-content { background-image: url(../images/tab-top-solid-shareholder.gif); } #shareholder .hero-content { width: 269px; background-position: 273px 0; } #shareholder .hero-content h1 { width: 269px; height: 13px; background-image: url(../images/hero-title-shareholder.gif); } .compass-pods { width: 831px; overflow: hidden; } .compass-pods li { width: 181px; color: #356C7E; border: 1px solid #356C7E; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 0.917em; padding: 6px; height: 80px; float: left; margin-right: 17px; } .compass-pods li.last { margin-right: 0; } /* Audit ----------------------------------------------------------*/ #audited { position: absolute; top: 3px; right: 12px; width: 86px; height: 20px; overflow: hidden; } #audited a { width: 86px; height: 20px; background: url(../images/icon-audited.png) no-repeat 0 0; text-indent: -99999px; display: block; } #audited a:hover { background-position: 0 -20px; } #audit-details { font-size: 0.917em; } #audit-details p { margin-bottom: 6px; } /*========================================================================================== sections ==========================================================================================*/ #home .section { display: none; } #home #breadcrumb { background-image: url(../images/bg-breadcrumb-home.gif); height: 34px; padding-bottom: 0; } #home .contentWrap { width: 931px; margin: 0 0 24px; } #home .content { width: 931px; margin: 0; float: none; overflow: hidden; } /*#home .related { float: left; margin: 0 10px; }*/ h1.charting-new-frontiers { width: 843px; height: 65px; background: url(../images/title-charting-new-frontiers.gif) no-repeat 0 0; text-indent: -9999px; margin: 18px auto; } /* Tables - Credit Rating ----------------------------------------------------------*/ table.credit-rating { width: 498px; } table.credit-rating th, table.credit-rating td { line-height: 1.167em; font-size: 0.917em; vertical-align: top; padding: 4px 3px; } table.credit-rating thead th { font-weight: bold; } table.credit-rating thead th.credit-rating-date { background-color: #233E99; color: #fff; } table.credit-rating tbody th { } table.credit-rating tbody td { width: 13%; } table.credit-rating tbody th, table.credit-rating tbody td { border-bottom: 1px solid #999; } /* Tabs ----------------------------------------------------------*/ .page-tabs { width: 498px; overflow: hidden; border-bottom-style: solid; border-bottom-width: 5px; margin-bottom: 24px; } .fullWidth .page-tabs { width: 716px; } .page-tabs li { float: left; margin: 0 1px 0 0; font-weight: bold; width: 248px; } .fullWidth .page-tabs li { width: 357px; } .fullWidth .page-tabs.tabs7 li { width: 100px; } .page-tabs li a, .page-tabs li span { display: block; padding: 6px 6px 12px 9px; } .page-tabs li span { padding-bottom: 24px; } .page-tabs li a { margin-top: 12px; } .page-tabs li a, .page-tabs li span { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .page-tabs { border-bottom-color: #001E66; } .page-tabs li span { background: #001E66; color: #fff; } .page-tabs li a { background: #CCD2E0; } .page-tabs li a:hover { background: #334B85; color: #fff; } .page-tabs.fb-group { border-bottom-color: #356C7E !important; } .page-tabs li.fb-group, .page-tabs li.fb-bank { text-transform: uppercase; } .page-tabs li.fb-group span { background-color: #356C7E !important; } .page-tabs li.fb-group a { color: #356C7E !important; background-color: #D7E2E5 !important; } .page-tabs li.fb-group a:hover { color: #fff !important; background-color: #5D8998 !important; } .page-tabs.contactTabs { border-bottom-color: #594A1C !important; } .page-tabs li.contactTab span { background-color: #594A1C !important; color: #fff !important; } .page-tabs li.contactTab a { color: #594A1C !important; background-color: #DEDBD2 !important; } .page-tabs li.contactTab a:hover { color: #fff !important; background-color: #7A6E49 !important; } #business .page-tabs { border-bottom-color: #4A4B7A; } #business .page-tabs li span { background-color: #4A4B7A; color: #fff; } #business .page-tabs li a { background-color: #DBDBE4; color: #4A4B7A; } #business .page-tabs li a:hover { background-color: #6E6F95; color: #fff; } #introduction .page-tabs { border-bottom-color: #212298; } #introduction .page-tabs li span { background-color: #212298; color: #fff; } #introduction .page-tabs li a { background-color: #D3D3EA; color: #212298; } #introduction .page-tabs li a:hover { background-color: #4D4EAD; color: #fff; } .ui-tabs { position: relative; margin-bottom: 24px; zoom: 1; } .fullWidth .ui-tabs .ui-tabs-nav { width: 716px; overflow: hidden; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs .ui-tabs-nav { height: 1%; border-bottom: 5px solid #222C89; overflow: hidden; margin-bottom: 0; } .ui-tabs .ui-tabs-nav li { float: left; margin: 0 1px 0 0; font-weight: bold; width: 90px; } .ui-tabs.operational .ui-tabs-nav li { width: 150px; } .fullWidth .ui-tabs .ui-tabs-nav li { width: 120px; } .ui-tabs .ui-tabs-nav li a { text-decoration: none; display: block; padding: 6px 6px 100px 9px; margin: 12px 0 -94px 0; line-height: 1.167em; height: 1%; background-color: #9095C4; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-tabs .ui-tabs-nav li a:hover { background-color: #5961A7; text-decoration: underline; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #222C89; padding-bottom: 112px; margin-top: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover { text-decoration: none; } .ui-tabs .ui-tabs-panel { background-color: #F6F7F8; } .ui-tabs .ui-tabs-panel .group { padding: 12px 12px 12px; border-bottom: 1px solid #999; } #business .ui-tabs .ui-tabs-nav { border-bottom-color: #47477F; } #business .ui-tabs .ui-tabs-nav li a { background-color: #DBDBE4; color: #47477F; } #business .ui-tabs .ui-tabs-nav li a:hover { background-color: #6E6F95; color: #fff; } #business .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #47477F; color: #fff; } #introduction .ui-tabs .ui-tabs-nav { border-bottom-color: #212298; } #introduction .ui-tabs .ui-tabs-nav li a { background-color: #D3D3EA; color: #212298; } #introduction .ui-tabs .ui-tabs-nav li a:hover { background-color: #4D4EAD; color: #fff; } #introduction .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #212298 !important; color: #fff; } #company .ui-tabs .ui-tabs-nav { border-bottom-color: #594A1C; } #company .ui-tabs .ui-tabs-nav li a { background-color: #DEDBD2; color: #594A1C; } #company .ui-tabs .ui-tabs-nav li a:hover { background-color: #7A6E49; color: #fff; } #company .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #594A1C !important; color: #fff; } #company .ui-tabs .ui-tabs-panel { background-color: #fff; } .operational .panel { background: #F8F3E7; padding: 12px; font-size: 0.917em; } .operational .panel ul.op-overview { margin-bottom: 0; } .operational .panel ul.op-overview li { padding: 6px 0 6px 36px; line-height: 1.5; margin-bottom: 12px; } .operational .panel ul.op-overview li.op-staff { background: url(../images/staff-business-operational.gif) no-repeat 3px 4px; padding-bottom: 12px; } .operational .panel ul.op-overview li.op-branch { background: url(../images/branch-business-operational.gif) no-repeat 0 50%; } img.geoMap { margin: 0 12px 12px 0; float: left; } .clear { clear: both; } .kpi { width: 692px; padding: 12px; border-bottom: 1px solid #fff; background: #ECF0F2; overflow: hidden; } .kpi .kpi-detail, .kpi .kpi-data { width: 340px; } .kpi .kpi-detail { margin-right: 12px; } .kpi .kpi-chart { width: 340px; margin-bottom: 12px; overflow: hidden; } .kpi-data .key { font-size: 0.917em; margin: 0 0 0 12px; } .kpi-data .key li { padding-left: 15px; } .kpi-data .key .fb-group { background: url(../images/key-group.png) no-repeat 0 5px; } .kpi-data .key .fb-bank { background: url(../images/key-bank.png) no-repeat 0 5px; } .kpi-table { padding-bottom: 12px; } .kpi .figure-current { font-size: 1.5em; } .kpi .figure-growth { background: url(../images/kpi-growth-up.gif) no-repeat 0 2px; padding-left: 18px; } .small { font-size: 0.917em; } /* sandbox ----------------------------------------------------------*/ .sandbox h2 { font-size: 1em; padding: 6px 12px; margin: 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .sandbox h2.adjust { padding-bottom: 18px; } .sandbox-content { background: #F5F1E7; padding: 12px; border-left-width: 2px; border-left-style: solid; border-right-width: 2px; border-right-style: solid; border-bottom-width: 2px; border-bottom-style: solid; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .sandbox-content .standardList { padding: 0; } .sandbox-content .standardList li { background-position: 0 3px; padding: 0 0 0 12px; } #business .sandbox h2 { background: #47477F; color: #fff; } #business .sandbox-content { border-color: #A9AAC0; font-size: 0.917em; } .busline { width: 198px; } .busline-plus { width: 61px; padding-top: 30px; } .growprior { width: 716px; overflow: hidden; position: relative; background: url(../images/busrev-growth.gif) no-repeat 0 0; margin-bottom: 12px; } .priorities { width: 216px; padding: 6px 6px 530px 6px; margin-bottom: -520px; } .priorities h3 { text-align: center; font-size: 1em; } .priorities ul { font-size: 0.917em; } .priorities ul li { margin-bottom: 0; } .priotities-arrowup { width: 32px; } .years { clear: both; width: 716px; } .p1 h3 { padding-bottom: 82px; } .p2 h3 { padding-bottom: 60px; } .p3 h3 { padding-bottom: 40px } .year2010 { margin-left: 32px; } .year2010, .year2011, .year2013 { color: #47477F; font-weight: bold; font-size: 0.917em; width: 228px; display: inline-block; text-align: center; float: left; } /* overview ----------------------------------------------------------*/ .group { width: 474px; overflow: hidden; } .group .fl, .group .fr { width: 231px; } .group h3 { } .group p { font-size: 0.917em; } .offices, .branches, .staff { font-size: 1.5em; font-weight: bold; color: #212298; } .branches, .staff { display: block; background-repeat: no-repeat; padding: 6px 0 6px 36px; } .branches { background-image: url(../images/icon-branches.gif); background-position: 0 0 ; margin-bottom: 12px; } .staff { background-image: url(../images/icon-staff.gif); background-position: 2px 0; } /* download-data ----------------------------------------------------------*/ .download-data { /*position: absolute; right: 0; top: 0;*/ font-size: 0.917em; } .download-data li { text-align: right; } .download-data li a { color: #777 !important; background-repeat: no-repeat; } .download-data li.icon-excel a { padding: 1px 0 1px 21px; background-image: url(../images/icon-excel.png); background-position: 0 0; } .download-data li.icon-pdf a { padding: 1px 0 1px 21px; background-image: url(../images/icon-pdf.png); background-position: 0 0; } .download-data li.view-all a { padding-right: 9px; background-image: url(../images/arrow-777.png); background-position: 100% 4px; } /* financial-highlights ----------------------------------------------------------*/ .financial-highlights { width: 716px; overflow: hidden; padding: 12px 0; margin-bottom: 12px; border-bottom: 1px dashed #777; } .financial-highlights h2 { text-transform: uppercase; } .fb-group h2 { color: #356C7E !important; } .financial-highlights .highlights-chart, .financial-highlights .highlights-overview { width: 357px; overflow: hidden; } .financial-highlights .highlights-chart .chart { margin-bottom: 12px; } .financial-highlights .key { font-size: 0.917em; width: 175px; overflow: hidden; float: left; margin-bottom: 0; } .financial-highlights .key li { float: left; margin: 0 12px 0 0; padding: 0 0 0 12px; background-repeat: no-repeat; background-position: 0 5px; } .financial-highlights .key li.fb-group { color: #356C7E; background-image: url(../images/key-group.png); } .financial-highlights .key li.fb-bank { color: #212298; background-image: url(../images/key-bank.png); } .financial-highlights .show-group-chart { font-size: 0.917em; display: block; background: url(../images/arrow-up-introduction.png) no-repeat 0 6px; padding: 3px 0 3px 12px; } .fb-group .highlights-overview p, .kpi .fb-group { color: #356C7E !important; } .fb-bank .highlights-overview p, .kpi .fb-bank { color: #212298 !important; } .highlights-overview .figure-growth { font-weight: bold; background-repeat: no-repeat; background-position: 0 4px; padding-left: 12px; } .highlights-overview .figure-current { font-size: 1.333em; line-height: 1em; font-weight: bold; margin: 0; padding: 3px 0; } .highlights-overview .figure-year-current, .highlights-overview .figure-year-previous { font-size: 0.917em; margin-bottom: 0; } .highlights-overview .figure-year-previous { margin-bottom: 12px; } .fb-group .highlights-overview .figure-growth { background-image: url(../images/growth-up-financial.png); } .fb-bank .highlights-overview .figure-growth { background-image: url(../images/growth-up-introduction.png); } .hide-table, .show-table { font-size: 0.917em; display: block; padding-left: 12px; background-repeat: no-repeat; } .hide-table { background-image: url(../images/arrow-up-introduction.png); background-position: 0 4px; } .show-table { background-image: url(../images/arrow-down-introduction.png); background-position: 0 6px; } #business .show-table { background-image: url(../images/arrow-down-business.png); } #business .hide-table { background-image: url(../images/arrow-up-business.png); } .highlights-overview table, .kpi table { width: 100%; font-size: 0.917em; border-bottom: 1px solid #ccc; } .highlights-overview table th, .highlights-overview table td, .kpi table th, .kpi table td { padding: 4px 6px; vertical-align: top; } .highlights-overview table thead th, .kpi table thead th { border-bottom: 1px solid #ccc; font-weight: bold; text-align: right; } .highlights-overview table tbody { background: #F5F5F5; } .highlights-overview table tbody th, .kpi table tbody th { font-weight: bold; } .highlights-overview table tbody td, .kpi table tbody td { text-align: right; } .highlights-overview table .fb-group, .kpi table .fb-group { color: #356C7E; font-weight: bold; } .highlights-overview table .fb-bank, .kpi table .fb-bank { color: #212298; font-weight: bold; } .kpi table tbody { background: #ECF0F2; } .kpi table .highlight { font-weight: bold; } /* Financial Notes ----------------------------------------------------------*/ .notesNav { width: 692px; padding: 12px; overflow: hidden; background-color: #EAF0F2; } .notesNav .notesSelector { width: 470px; float: left; } .notesNav .notesSelector select { width: 460px; } .notesNav .go { width: 35px; float: left; } .notesNav .previousNext { width: 187px; float: right; text-align: right; } .notesNav .previous { width: 139px; padding-right: 48px; text-align: right; } .notesNav .previousNext img, .notesNav .previous img { display: inline; } .notesDownload { background-color: #F5F8F8; font-size: 0.917em; margin-bottom: 24px; } .notesDownload ul { width: 692px; margin-bottom: 0; padding: 12px; overflow: hidden; } .notesDownload ul li { width: 230px; margin-right: 1px; float: left; line-height: 1em; } .notesDownload ul li.last { margin-right: 0; } .notesDownload li a { display: block; background-repeat: no-repeat; padding: 3px 0 3px 24px; } .notesDownload .icon-excel a { background-image: url(../images/icon-excel.png); } .notesDownload .icon-pdf a { background-image: url(../images/icon-pdf.png); } .notesDownload .icon-compare a { background-image: url(../images/arrow-go.png); background-position: 2px 4px; } /* Infinite Carousel Gallery ----------------------------------------------------------*/ .galleryOuter{width: 716px; background: url(../images/jl-gradient-introduction.gif) repeat-x 0 100%;} .gallery{width: 716px; position: relative; overflow: hidden; height: 234px; display: none;} .gallery .galleryWrapper{margin: 0 37px; width: 642px; overflow: auto; position: absolute; top:0; height: 234px;} .gallery ul{width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;} .gallery ul li{display:block; float:left; padding-right: 6px; height: 140px; width: 155px; /* box model hack */ voice-family: "\"}\""; voice-family:inherit; width: 165px;} html>body .gallery ul li{width: 155px;} .gallery .arrow{display: block; width: 27px; height: 25px; text-indent: -999px; position: absolute; top: 57px; cursor: pointer;} .gallery .forward{background: url(../images/gallery/arrow-right.gif) no-repeat center center; right: 5px;} .gallery .back{background: url(../images/gallery/arrow-left.gif) no-repeat center center; left: 5px;} .galleryPageNav{text-align: center; padding: 0 12px 12px 12px; height: 1%;} .galleryPageNavInner{overflow: hidden;} .galleryPageNav ul{list-style: none; position: relative; float: left; left: 50%; margin: 0;} .galleryPageNav ul li{position: relative; float: left; right: 50%; width: 11px; height: 11px; color: #8B7145; display: block; overflow: hidden; margin: 0 3px;} .galleryPageNav ul li em{background: url(../images/gallery/icon-page-off.gif) 0 0 no-repeat; width: 11px; height: 11px; position: absolute; top: 0; left: 0;} .galleryPageNav ul li.selected em{background-image: url(../images/gallery/icon-page-on.gif);} .galleryPageNav ul li a{width: 20px; height: 20px; overflow: hidden;} .galleryBox{width: 165px;} .galleryBoxInner{padding: 3px; font-size: 0.92em; overflow: hidden; outline: 0; min-height: 214px; height: 214px;} .galleryBoxInner img{outline: 0; border: 1px #dadada solid;} .galleryBoxInner a:hover img{border-color: #19286B;} .galleryCaption{margin:0; padding-top: 3px; padding-right: 3px; font-weight: bold;} .slideInfo{height: 1%; margin: 10px 0;} .slideInfo:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} .slideInfo h2{width: 400px;} /* Footer ----------------------------------------------------------*/ .footer { width: 937px; padding: 28px 12px 12px; font-size: 0.917em; color: #585858; background: #fff url(../images/bg-page-bottom.gif) no-repeat 0 0; overflow: hidden; margin: 0 auto; } .footer .copyright { float: left; } .footer ul { padding-left: 56px; float: left; } .footer ul li { float: left; border-right: 1px solid #585858; padding: 0 6px; } .footer ul li.last { border-right: 0; } .footer a { color: #585858; } .footer a:hover { text-decoration: underline; } /* ============================================================================= */ .zoom_results_per_page { margin-left: 10px; } .zoom_match input { margin-left: 10px; } .summary { font-weight: bold; margin-bottom: 1.5em; } .result_block { margin-bottom: 15px; } .result_altblock { margin-bottom: 15px; } .result_title { font-weight: bold; margin-bottom: 4px; } .context { font-size: 0.92em; color: #585858; margin-bottom: 4px; } .infoline { font-size: 0.92em; font-style: normal; color: #808080;} .result_pagescount { margin-bottom: 15px; } .searchResults { padding: 12px 200px 12px 12px; } /* ============================================================================= */ /* Colour definitions */ /*----------------------------------------------------------*/ /* 100% 50% 10% Financial and Shareholder #356C7E #9AB5BE #EAF0F2 */ /*----------------------------------------------------------*/ /* Rounded tables ----------------------------------------------------------*/ table.default { width: 100%; font-size: 0.917em; margin-bottom: 3em; line-height: 1.333em; border-collapse: separate; } table.default th, table.default td { padding: 3px 6px; } table.default thead th { font-weight: normal; vertical-align: top; } table.default thead tr.boldRow th { font-weight: bold; } table.default thead tr.borderBottomHeavy th { border-bottom: 2px solid #ccc; } table.default tbody th { font-weight: bold; width: 33%; } table.cellWidth12 tbody td { width: 12%; } table.default tbody th, table.default tbody td { border-bottom: 1px solid #ccc; } /* Financial Tables ----------------------------------------------------------*/ table.financialData { width: 100%; font-size: 0.92em; margin-bottom: 3em; line-height: 1.25em; border-collapse:separate; } table.financialData thead th { border-bottom: 2px solid #356C7E; font-weight: normal; vertical-align: bottom; } #introduction table.financialData thead th { border-bottom-color: #212298; } #business table.financialData thead th { border-bottom-color: #4A4B7A; } #shareholder table.financialData thead th { border-bottom-color: #4A6159; } table.financialData thead th, table.financialData tbody td, table.financialData tfoot td { padding: 3px 6px 4px 8px; text-align: right; } table.financialData thead th.mainTitle { text-align: left; } table.financialData thead th.centerTitle { text-align: center; } table.financialData tbody td { vertical-align: bottom; width: 11%; } table.financialData.dataText tbody th { vertical-align: bottom; } table.financialData tbody th, table.financialData tfoot th { padding: 3px 8px 4px 6px; text-align: left; vertical-align: top; font-weight: normal; } table.financialData tbody th.indent { padding-left: 20px; } table.financialData tbody th.indentWide { padding-left: 30px; } table.financialData .notes { padding-right: 30px; width: auto; } table.financialData tbody tr.borderTop td, table.financialData tbody tr.borderTop th { border-top: 1px solid #B8664C; } table.financialData tbody tr.borderBottom td, table.financialData tbody tr.borderBottom th { border-bottom: 1px solid #9AB5BE; } #introduction table.financialData tbody tr.borderBottom td, #introduction table.financialData tbody tr.borderBottom th { border-bottom: 1px solid #9090CB; } #business table.financialData tbody tr.borderBottom td, #business table.financialData tbody tr.borderBottom th { border-bottom: 1px solid #AFAFC4; } #shareholder table.financialData tbody tr.borderBottom td, #shareholder table.financialData tbody tr.borderBottom th { border-bottom: 1px solid #B7C0BD; } table.financialData tbody tr.borderBottom td.noBorderBottom { border-bottom: 0 !important; } table.financialData thead th.alignCentre {text-align: center; } table.financialData tbody tr.borderTopHeavy td, table.financialData tbody tr.borderTopHeavy th { border-top: 2px solid #356C7E; } table.financialData tbody tr.borderBottomHeavy td, table.financialData tbody tr.borderBottomHeavy th, table.financialData tfoot tr.borderBottomHeavy th, table.financialData tfoot tr.borderBottomHeavy td { border-bottom: 2px solid #356C7E; } #introduction table.financialData tbody tr.borderBottomHeavy td, #introduction table.financialData tbody tr.borderBottomHeavy th, #introduction table.financialData tfoot tr.borderBottomHeavy th, #introduction table.financialData tfoot tr.borderBottomHeavy td { border-bottom: 2px solid #212298; } #business table.financialData tbody tr.borderBottomHeavy td, #business table.financialData tbody tr.borderBottomHeavy th, #business table.financialData tfoot tr.borderBottomHeavy th, #business table.financialData tfoot tr.borderBottomHeavy td { border-bottom: 2px solid #4A4B7A; } #shareholder table.financialData tbody tr.borderBottomHeavy td, #shareholder table.financialData tbody tr.borderBottomHeavy th, #shareholder table.financialData tfoot tr.borderBottomHeavy th, #shareholder table.financialData tfoot tr.borderBottomHeavy td { border-bottom: 2px solid #4A6159; } table.financialData tbody tr td, table.financialData tbody tr th { border-color: red; } table.financialData td.over, table.financialData th.over { background: #D8E3E6; /* #CCF0F4; */ } #introduction table.financialData td.over, #introduction table.financialData th.over { background-color: #D3D3EA; } #business table.financialData td.over, #business table.financialData th.over { background-color: #DBDBE4; } #shareholder table.financialData td.over, #shareholder table.financialData th.over { background-color: #DBDFDE; } table.financialData td.empty { background:#fff;} table.financialData td.current {background: #AEC4CB; /* #A6E5EC; */ background-image: url(../images/bg-highlight.gif); background-position: top left; background-repeat: repeat-y; } #introduction table.financialData td.current { background-color: #BCBCE0; } #business table.financialData td.current { background-color: #C8C9D7; } #shareholder table.financialData td.current { background-color: #C8CFCD; } table.financialData tbody td.over, table.financialData thead th.over, table.financialData tfoot td.over { background-image: url(../images/bg-highlight.gif); background-position: top left; background-repeat: repeat-y; } table.financialData .highlightTint { background-color: #EAF0F2; /* #E5F7F9; */ /* font-weight: bold; */ background-image: url(../images/bg-highlight.gif); background-position: top left; background-repeat: repeat-y; font-weight: bold; } #introduction table.financialData .highlightTint { background-color: #E8E8F4; } #shareholder table.financialData .highlightTint { background-color: #EDEFEE; } #business table.financialData .highlightTint, #business table.financialData .highlight { background: #EDEDF1 url(../images/bg-highlight.gif) repeat-y top left; } table.financialData .title { font-weight: bold; color: #356C7E; text-transform: uppercase; text-align: left; } table.financialData .lcTitle { text-transform: none; } table.financialData .alignBottom { vertical-align: bottom; } table.financialData .alignTop td { vertical-align: top; } table.financialData a.footnote { text-decoration: none; font-weight: normal; } /* table.financialData a.jumpLink { display:block; padding-left: 12px; background: transparent url(../images/financial-arrow-down.gif) 0 2px no-repeat; } */ table.financialData tbody td.notes { background-image: none; } table.financialData thead th.titleTop { vertical-align: top; } table.financialData a { text-decoration: none; } table.financialData a:hover { text-decoration: underline; } table.financialData tbody tr.padTop th, table.financialData tbody tr.padTop td, table.financialData tfoot tr.padTop th, table.financialData tfoot tr.padTop td { padding-top: 12px; } table.financialData tr.boldRow th, table.financialData tr.boldRow td, table.financialData tr.boldFigures td { font-weight: bold; } table.noBold .highlightTint { font-weight: normal; } .title, table.noBold .title { font-weight: bold; } table.financialData tbody th.borderLeft { border-left: 1px solid #B8664C; } table.financialData tbody td.borderRight { border-right: 1px solid #B8664C; } table.financialData thead tr.colSpanned th { border:0; text-align: center; width:auto; padding-left: 6px; padding-right: 0; padding-bottom: 0; } table.financialData thead tr.colSpanned th .borderBottom { border-bottom: 1px solid #356C7E; padding:0 0 6px 0; margin-bottom: 8px; } #business table.financialData thead tr.colSpanned th .borderBottom { border-bottom-color: #4A4B7A; } #shareholder table.financialData thead tr.colSpanned th .borderBottom { border-bottom-color: #4A6159; } #introduction table.financialData thead tr.colSpanned th .borderBottom { border-bottom-color: #212298; } table.financialData thead tr.colSpanned th .borderBottomHeavy { border-bottom: 2px solid #356C7E; padding:0 0 6px 0; margin-bottom: 8px; } table.financialData thead tr.colSpanned th.mainTitle { text-align: left; } table.financialData thead tr.colSpanned th.centerTitle { text-align: center; } table.financialData thead tr.colSpanned th.headSpan { border-bottom: 1px solid #B8664C; } table.autoWidth thead th { text-align: left; } table.autoWidth tbody td, table.financialData tbody td.autoLeft, table.financialData thead th.autoLeft { width: auto; text-align: left; } table.financialData td.fixWidth17 { width:17%; } table.cellWidth30 tbody td { width: 30%; } table.cellWidth25 tbody td { width: 25%; } table.cellWidth20 tbody td { width: 20%; } table.cellWidth17 tbody td { width: 17%; } table.cellWidth15 tbody td { width: 15%; } table.cellWidth13 tbody td { width: 13%; } table.cellWidth12 tbody td { width: 12%; } table.cellWidth11 tbody td { width: 11%; } table.cellWidth10 tbody td { width: 10%; } table.cellWidth1 tbody td { width: 1%; } table.financialData tbody td.cellWidth10 { width: 10%; } table.autoRight tbody td { width: auto; text-align: right; } table.autoWidth thead th { text-align: left; } table.autoWidth tbody td, table.data tbody td.autoLeft, table.data thead th.autoLeft { width: auto; text-align: left; } ol.roman li { list-style: lower-roman; } table.narrowNotes .notes { padding-right: 6px; } table.narrowData tbody td { width: 30px; } table.financialDataText { width: 100%; font-size: 0.92em; margin-bottom: 1.5em; } table.financialDataText thead th { border-bottom: 2px solid #356C7E; font-weight: bold; vertical-align: bottom; } table.financialDataText thead th.thinBorderBottom { border-bottom: 1px solid #00B5C8; } table.financialDataText tbody tr.thickBorderBottom td { border-bottom: 2px solid #00B5C8; } table.financialDataText thead th.noneBorderBottom { border-bottom: none; } table.financialDataText thead th, tbody td, tbody th, tfoot td { padding: 3px 6px 4px 8px; text-align: left; } table.financialDataText tr.borderBottomHeavy th,table.financialDataText tr.borderBottomHeavy td { border-bottom: 2px solid #356C7E; } table.financialDataText.right thead th, table.financialDataText.right tbody td { text-align: right; } table.financialDataText.left thead th, tbody td { text-align: left; } table.financialDataText tbody th { vertical-align: top; width: 33%; } table.financialDataText tbody td { vertical-align: top; } table.financialDataText tbody tr.borderTop td, table.financialDataText tbody tr.borderTop th { border-top: 1px solid #000; } table.financialDataText tbody tr.borderBottom td, table.financialDataText tbody tr.borderBottom th, table.financialDataText tfoot tr.borderBottom td { border-bottom: 1px solid #9AB5BE; } table.financialDataText tbody td.right, table.financialDataText thead th.right, table.financialDataText tfoot td.right { text-align: right; } table.financialDataText tbody td.left, table.financialDataText thead th.left, table.financialDataText tfoot td.left { text-align: left; } table.financialDataText tbody tr.textBold td { font-weight: bold; } table.financialDataText ul.default { margin-top: .5em; margin-bottom: .5em; } table.financialDataText.justify tbody td { width: 15%; } table.financialDataText .title { font-weight: bold; } .dataNotes, .dataNotesDecimal { font-size: 0.833em; padding-bottom: 1em; } .dataNotes ol { margin-left: 28px; list-style-type: lower-roman; } .dataNotes ol li { list-style-type: lower-roman; margin-bottom: 1em; line-height: 1.5em; } .dataNotesDecimal ol { list-style-type: decimal; } .dataNotesDecimal ol ol { list-style-type: lower-alpha; margin-bottom: 0; } .dataNotesDecimal ol li { list-style-type: decimal; margin-bottom: 1em; line-height: 1.5em; } .dataNotesDecimal ol ol li { list-style-type: lower-alpha; } .dataNotes p { font-size: 1em; margin-bottom: 1em; padding-bottom: 0; } .dataNotes p.noGap { margin-bottom: 0; padding-bottom:0; } .dataNotes ol li a.footnoteBack { vertical-align: text-bottom; } .dataNotes p.hanging { text-indent: -1em; margin-left: 1em; } .smallTable { border: 3px solid #AEC4CB; margin-bottom: 18px; padding: 8px 8px 12px; } .verySmall { font-size: 0.69em; } .smallTable ol.footnotes { margin-top: 12px; margin-bottom: 0; } a.enlargeTable { background:url("../images/icon-zoom-financial.gif") no-repeat scroll 0 0; font-size: 0.92em; padding: 0 0 4px 18px; } a.reduceTable { background:url("../images/icon-zoomout-financial.gif") no-repeat scroll 0 0; font-size: 0.92em; padding: 0 0 4px 18px; } /* Simple Table ----------------------------------------------------------*/ .simpleTable { width: 100%; font-size: 0.917em; border-collapse: separate; } .simpleTable th, .simpleTable td { padding: 4px 6px; } .simpleTable thead th {text-align: right; border-bottom: 2px solid #4A4B7A; } .simpleTable tbody th { text-align: left; } .simpleTable tbody td { text-align: right; } .simpleTable tbody .borderBottom th, .simpleTable tbody .borderBottom td { border-bottom: 1px solid #AFAFC4; } .simpleTable tbody th.indent { padding-left: 20px; } .simpleTable tbody th.keyLagos { background: url(../images/key-lagos.gif) no-repeat 0 5px; padding-left: 20px; } .simpleTable tbody th.keyNorth { background: url(../images/key-north.gif) no-repeat 0 5px; padding-left: 20px; } .simpleTable tbody th.keySouth { background: url(../images/key-south.gif) no-repeat 0 5px; padding-left: 20px; } .simpleTable tbody th.keyWest { background: url(../images/key-west.gif) no-repeat 0 5px; padding-left: 20px; } .simpleTable tbody th.keyCorporate { background: url(../images/key-corporate.gif) no-repeat 0 5px; padding-left: 20px; } .pie358 { width: 716px; overflow: hidden; } .pie358 .fl { width: 358px; } .pie358 .fr { width: 322px; } .piechart498 { width: 498px; overflow: hidden; } .piechart498 .fl { width: 212px; } .piechart498 .fr { width: 286px; } .kb1, .kb2, .kb3, .kb4, .kb5, .ka1, .ka2, .ka3, .ka4, .ka5, .kg1, .kg2, .kg3, .kg4, .kg5, .kg6 { padding-left: 20px !important; background-position: 0 5px; background-repeat: no-repeat; } .kb1 { background-image: url(../images/key-blue1.gif); } .kb2 { background-image: url(../images/key-blue2.gif); } .kb3 { background-image: url(../images/key-blue3.gif); } .kb4 { background-image: url(../images/key-blue4.gif); } .kb5 { background-image: url(../images/key-blue5.gif); } .ka1 { background-image: url(../images/key-aqua1.gif); } .ka2 { background-image: url(../images/key-aqua2.gif); } .ka3 { background-image: url(../images/key-aqua3.gif); } .ka4 { background-image: url(../images/key-aqua4.gif); } .ka5 { background-image: url(../images/key-aqua5.gif); } .kg1 { background-image: url(../images/key-grey1.gif); } .kg2 { background-image: url(../images/key-grey2.gif); } .kg3 { background-image: url(../images/key-grey3.gif); } .kg4 { background-image: url(../images/key-grey4.gif); } .kg5 { background-image: url(../images/key-grey5.gif); } .kg6 { background-image: url(../images/key-grey6.gif); } .redefining { width: 716px; overflow: hidden; } .redefining .sandbox { width: 342px; margin: 0; } .redefining .arrow { background: url(../images/redefining-arrow.gif) no-repeat 0 80px; width: 32px; height: 193px; } .redefiningFrom, .redefiningTo { width: 342px; color: #47477F; font-weight: bold; } .redefining table th, .redefining table td { padding: 4px 6px; text-align: left; vertical-align: top; border-bottom: 1px solid #999; } .redefining table .noBorder th, .redefining table .noBorder td { border-bottom: 0; } .redefining table th { font-weight: bold; color: #47477F; } .redefining table .no1 { width: 15%; text-align: center; } .strategicThemes { width: 716px; overflow: hidden; margin-bottom: 24px; } .strategicThemes .theme { width: 156px; margin-right: 12px; background: #F5F1E7; border: 1px solid #47477F; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 6px; } .strategicThemes .theme.fr { margin-right: 0; } .strategicThemes .theme h2 { font-size: 1em; padding-left: 12px; } .strategicThemes .theme h2 span { display: inline-block; margin-left: -12px; } .strategicThemes .theme p { font-size: 0.917em; margin-bottom: 0; } .strategicThemes .titleArrow { width: 699px; height: 96px; text-align: center; color: #fff; font-size: 0.917em; font-weight: bold; background: url(../images/strategic-arrow.gif) no-repeat 0 0; margin-bottom: 12px; } .strategicThemes .titleArrow span { padding: 60px 0 0; display: block; } .proposedStructure { padding: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; background: #919ECC; } .proposedStructure li { font-size: 0.917em; padding: 6px; display: block; text-align: center; text-transform: uppercase; margin-bottom: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; background: #fff; } .proposedStructure li.last { margin-bottom: 0; } .proposedStructure li span { position: absolute; left: 12px; display: inline-block; font-weight: bold;} .proposedStructure li.sand { background: #F5F1E7; } .proposedStructure li.dark { background: #233E99; color: #fff; } .proposedStructure li.light { background: #BDC5E0; } .proposedStructure li.grey { background: #D1D3D4; } .kpis { width: 716px; overflow: hidden; } .kpis h2.bubble { text-align: center; } .kpis h2.bubble span { display: inline-block; padding: 6px 24px; margin: 0 auto; text-align: center; background: #4A4B7A; color: #fff!important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .kpis .progressPod { width: 346px !important; } /* Border Table ----------------------------------------------------------*/ .borderTable { border-left: 1px solid; border-bottom: 1px solid; font-size: 0.92em; width: 100%; margin-bottom: 18px; } .smallTable .borderTable { margin-bottom: 0; } .borderTable th, .borderTable td { border-right: 1px solid; border-top: 1px solid; padding: 3px 6px 4px 8px; vertical-align: top; } .borderTable thead th { vertical-align: bottom; font-weight: bold; } .borderTable tbody th { font-weight: normal; } table.borderTable tbody th.cellWidth1 { width: 1%; } table.borderTable tbody td.cellWidth35 { width: 35%; } .borderTable tbody td ul { margin-bottom:0; padding:0; } .borderTable tbody td ul li { margin-bottom:0; } table.borderTable tr.boldRow th, table.borderTable tr.boldRow td { font-weight: bold; } .noBold { font-weight: normal !important; } .borderTableRight tbody td, .borderTableRight thead th { text-align: right; } .borderTableRight thead th.mainTitle { text-align: left; } .borderTableRight thead tr.colSpanned th { text-align: center; } .borderTableRight thead tr.colSpanned td { border-top: 0; } .borderTableRight thead tr.colSpanned td.noBorderRight { border-right: 0; } .borderTable tfoot th { text-align: left; } .borderTableRight tfoot td { text-align: right; font-weight: bold; } .borderTable tr.padTop th, .borderTable tr.padTop td { padding-top: 12px; } #financial table.borderTable, #financial table.borderTable th, #financial table.borderTable td { border-color: #356C7E; } #financial table.borderTable tbody .highlightTint, #financial table.borderTable thead th { background-color: #EAF0F2; } .dataTable { width: 100%; font-size: 0.92em; } .dataTable th, .dataTable td { padding: 3px; border-bottom: 1px solid; } .dataTable thead th, .dataTable tbody td, .dataTable tfoot td { text-align: right; } .dataTable thead th { vertical-align: bottom; } .dataTable tbody th { text-align: left; font-weight: normal; } .dataTable tfoot td { font-weight: bold; } /* structure table ----------------------------------------------------------*/ table.structure { width: 100%; font-size: 0.917em; border-collapse: separate; margin-bottom: 24px; } table.structure thead tr.rowTint th { background: #919ECC; padding: 6px 6px; font-weight: bold; vertical-align: bottom; } table.structure tbody td { background: #ECF0F2 url(../images/bg-highlight.gif) repeat-y 100% 0; width: 17%; } table.structure tbody th, table.structure tbody td { padding: 3px 6px; vertical-align: top; border-bottom: 1px solid #4C62AC; } table.structure tbody th { font-weight: bold; color: #47477F; } .switchItem { overflow: hidden; } .progressPod { margin-bottom: 24px; } .progressPod.priorities { width: auto; margin: 0 0 24px 0; padding: 0;} .progressPod.priorities .progressPodContent { background-color: #DBDBE4; border-right: 0; border-bottom: 0; border-left: 0; } .progressPodContent { background: #F5F1E7; border-right: 2px solid #B0B1C5; border-bottom: 2px solid #B0B1C5; border-left: 2px solid #B0B1C5; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-top-bottom-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; padding: 12px; } .progressPod h2 { background: #4A4B7A; margin: 0; padding: 12px; color: #fff !important; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } table.contactTable { width: 100%; background: #F7F3E5; line-height: 1.35em; margin-bottom: 1em; } table.contactTable th, table.contactTable td { padding: 3px 6px; } table.contactTable thead th { background: #7A6E49; color: #fff; } table.contactTable .title { text-transform: uppercase; } table.contactTable tbody th, table.contactTable tbody td { border-bottom: 1px solid #7A6E49; } table.glossary { width: 100%; border-collapse: separate; font-size: 0.917em; margin-bottom: 24px; } table.glossary th, table.glossary td { padding: 5px 6px; vertical-align: top; line-height: 1.333em; } table.glossary thead th { border-bottom: 2px solid #001E66; font-weight: bold; } table.glossary tbody th { background: #E5E8EF; width: 200px; } table.glossary tbody th, table.glossary tbody td { border-bottom: 1px solid #CCD2E0; } table.glossary tbody td { text-align: center; position: relative; } table.glossary tbody td span { display: inline-block; } table.glossary tbody td span.top { border-top: 1px solid #001E66; padding-top: 3px; margin-top: 3px; } table.glossary tbody td span.bottom { border-bottom: 1px solid #001E66; padding-bottom: 3px; margin-bottom: 3px; } table.glossary tbody td .divide { float: left; } table.glossary tbody td .times { float: right; padding-top: .5em; } table.glossary tbody td .equation { margin: 0 auto; } dl.abbr { width: 100%; font-size: 0.917em; margin-bottom: 24px; } dl.abbr dt, dl.abbr dd { padding: 5px 6px; line-height: 1.333em; } dl.abbr dt { width: 200px; float: left; clear: both; background: #E5E8EF; border-bottom: 1px solid #CCD2E0; } dl.abbr dd { width: 492px; float: right; border-bottom: 1px solid #CCD2E0; } .downloads { width: 498px; overflow: hidden; margin-bottom: 24px; } .downloads .cover img { border: 1px solid #ccc; } .downloads .coverTitle a { font-weight: bold; } .downloads .coverTitle span { font-size: 0.917em; } .downloads .coverTitle p { background: url(../images/icon-pdf.png) no-repeat 0 0; padding-left: 24px; } .downloads.full .cover { width: 142px; } .downloads.full .coverTitle { width: 344px; } .downloads .cover { width: 73px; } .downloads .coverTitle { width: 413px; } .downloadList li { line-height: 1.333em; padding-left: 24px; margin-bottom: 3px; } .downloadList li span { font-size: 0.917em; } .downloadList li a { font-weight: bold; } .downloadList li.xls { background: url(../images/icon-excel.png) no-repeat 0 0; } .downloadList li.pdf { background: url(../images/icon-pdf.png) no-repeat 0 0; } .sitemap ul { margin-bottom: 24px; border-top: 2px solid #000; font-size: 0.917em; } .sitemap ul ul { font-size: 1em; border-top: 1px solid #ccc; margin: 3px 0 0 100px; } .sitemap ul.chairman, .sitemap ul.gmd { border-top-color: #001E66; } .sitemap ul.introduction { border-top-color: #212298; } .sitemap ul.business { border-top-color: #4A4B7A; } .sitemap ul.financial { border-top-color: #356C7E; } .sitemap ul.company { border-top-color: #594A1C; } .sitemap ul.shareholder { border-top-color: #4A6159; } .sitemap ul li { padding: 3px; line-height: 1.333em; border-bottom: 1px solid #ccc; font-weight: bold; } .sitemap ul ul li { font-weight: normal; } .sitemap ul li.noBorderBottom { border-bottom: 0; padding-bottom: 0; } .sitemap ul.chairman li, .sitemap ul.gmd li { border-bottom-color: #CCD2E0; } .sitemap ul.introduction li { border-bottom-color: #D3D3EA; } .sitemap ul.business li { border-bottom-color: #C8C9D7; } .sitemap ul.financial li { border-bottom-color: #D7E2E5; } .sitemap ul.company li { border-bottom-color: #DEDBD2; } .sitemap ul.shareholder li { border-bottom-color: #DBDFDE; }