/*====================================================================== *Author: Leonie Lindo *Project: NextFifteen Annual Report 2009 *Description: Global Stylesheet layout code for: = reset margins/paddings/borders = generic typography = #accessibility = Generic layout and presentaion = STRUCTURAL LAYOUT - #wrapper, #header, #nav, #content, #primaryContent, #subnav, #breadcrumb, #maincontent, #secondaryContent, #footer *Start date:19/10/2009 ========================================================================*/ /*-------------------------------------------------------------------------------------------------- = reset margins/paddings/borders ---------------------------------------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; line-height:1;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-weight:normal;} abbr,acronym { border:0;} /*------------------------------------------------------------------------------------------ = generic typography -------------------------------------------------------------------------------------------*/ h1 {font-size:2.2em; color:#8c6d4b; font-weight:normal; padding:0 0 5px 0; margin-top:0; position:relative; z-index:10; border-bottom:1px solid #dfdfdf; } h2 {font-size:1.5em; font-weight:bold; padding-bottom:5px;} h3 {font-size:1.4em; font-weight:bold;} h4 {font-size:1.4em;} h5 {font-size:1.2em; font-weight:bold;} h6 {font-size:1.0em;} /*--------------------------------------------------------------------------------------------- = #accessibility ----------------------------------------------------------------------------------------------*/ #accessibility { position:absolute; left:-1000px; overflow:hidden; top:-10px; padding:0; margin:0; } .hide {display:none} .offscreen {position:absolute; top:-1000px; left:-1000px;} /*---------------------------------------------------------------------------------------------- = Generic layout and presentaion -----------------------------------------------------------------------------------------------*/ body {margin:0; padding:0; font:62.5% Arial, Helvetica, sans-serif; background:url(../images/bg-gradient.gif) top left repeat-x; color:#000;} /* using "font size 62.5%" sets 1.0em = 10px makes matching font-size and line-heights to designs simpler 1.5em = 15px */ #top {padding:5px 0 20px 0; margin:0 ; position:absolute; top:-1000px; left:-1000px;} .clear{clear:both;} /*-------------- = margins ---------------*/ .rmrg5 {margin-right:5px;} .rmrg10 {margin-right:10px;} .rmrg18 {margin-right:18px;} .rmrg20 {margin-right:20px;} .rmrg28 {margin-right:28px;} .rmrg21 {margin-right:24px;} .lmrg5 {margin-left:5px;} .lmrg10 {margin-left:10px;} .tmrg5 {margin-top:5px;} .tmrg10 {margin-top:10px;} .bmrg5 {margin-bottom:5px;} .bmrg10 {margin-bottom:10px;} .bmrg20 {margin-top:20px;} .tmrg88 {margin-top:96px;} /*-------------- = padding ---------------*/ .lpdg-10 {padding-left:10px;} .rpdg-10 {padding-right:10px;} /*--------------- = floats ----------------*/ .go-left {float:left;} .go-right {float:right;} /*----------------- = link style ------------------*/ a { outline:none; text-decoration:none; color:#4e9fba;} a:hover {text-decoration:underline; color:#000;} * :focus { outline: 0 none; }/*[THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS]*/ * :active {outline: 0 none; -moz-outline: 0 none;}/*[THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS ON OLDER FIREFOX AND MOZILLA BROWSERS]*/ a img {border:none;} /*========================================= STRUCTURAL LAYOUT ===============================================*/ /*--------------------------------------------- = #wrapper -----------------------------------------------*/ #wrapper {width:100%; border-top:3px solid #4e9fba; float:none; } #wrapperContent-wrap {width:100%; margin:0; } #wrapperContent{width:100%; float:none;} /*--------------------------------------------- = #header ----------------------------------------------*/ #header {width:100%; margin:0 0 0 0; float:none; } #header-details{width:100%; float:none; position:relative;} #logo {width:552px; float:none;} #logo img.forPrint {display:block;} #logo img, #arTitle, #header-links, #header-details #searchField, #nav, #subnav, #breadcrumb #media-panel, #question-box, #footer h3, #footer h4, #footer ul, #home-modules-wrap .social-teaser.teaser3, #home-modules-wrap .social-teaser.teaser4, #home-modules-wrap .social-teaser.teaser5, #addThis {display:none;} /*-------------------------------------- = #content = #primaryContent ---------------------------------------*/ #content {width:970px; margin:0; float:none; font-size:1.2em;} #primaryContent-wrap {width:818px; background:none; float:left; padding-top:37px; position:relative; z-index:1; } #primaryContent {background:none; float:none; width:783px; padding-left:0;} #primaryContent-btm {width:818px; background:none; height:28px; float:none; padding-top:37px;} /*-------------------------------------- = #homeContent ---------------------------------------*/ #homeContent-wrap {width:100%; position:relative; left:0; float:none;} #homeContent-top {width:100%; background:url(../images/home-top.png) top left no-repeat; height:37px; float:none;} #homeContent {background:url(../images/home-bg.png) top left repeat-y; width:100%; height:auto; float:left;} #homeContent-btm {width:100%; background:url(../images/home-btm.png) top left no-repeat; height:21px;float:none; } /*---------------------------------- = #breadcrumb -----------------------------------*/ #breadcrumb {width:670px; float:none; padding-top:5px; padding-left:7px; height:2em;} #breadcrumb ul {width:670px; float:left;} #breadcrumb ul li{width:auto; float:left; margin-right:2px; font-size:0.9em; } #breadcrumb ul li a{color:#4e9fba;} #breadcrumb ul li a:hover{color:#000;} #breadcrumb ul li.fwd-slash {color:#000;} /*-------------------------------- = #maincontent ----------------------------------*/ #mainContent {width:85%; float:none;} #mainContent p {line-height:1.5; padding-bottom:20px; color:#000;} #mainContent.wide {width:85%; float:left;} @-moz-document url-prefix() { #mainContent.wide {width:85%; float:none;}} /*-------------------------------- = #secondaryContent ----------------------------------*/ #secondaryContent {display:none;} /*-------------------------------------- = #content = #primaryContent --------------------------------------- #content {width:970px; margin:0; float:left; font-size:1.2em;} #primaryContent-wrap {width:818px; background:none; float:left; padding-top:37px; position:relative; z-index:1; } #primaryContent {background:none; float:left; width:783px; padding-left:35px;} #primaryContent-btm {width:818px; background:none; height:28px; float:left; padding-top:37px;} #primaryContent-wrap, #primaryContent, #primaryContent-btm, #footer ul li a, #homeContent-top, #homeContent, #homeContent-btm, #home-modules-wrap .social-teaser div img {behavior:none;}*/ /*----------------------------------- = #footer ------------------------------------*/ #footer {width:962px; margin:20px 0 50px 0; float:none;} #footer ul.copyright {color:#000; padding-left:0; width:233px; border-left:none; display:block;} #footer ul.copyright li {width:233px; } #footer ul.copyright li a {background:none; padding-left:0; display:none;} #footer ul.copyright li.copy {font-size:0.95em; } /*================================================= HOMEPAGE =====================================================*/ /*----------------------------------- = #video-quotes -----------------------------------*/ #video-quotes {width:533px; float:left; margin-right:10px; margin-left:35px;} .video-quotes-wrap {width:245px; float:left;} .video-quotes-box {width:245px; float:left; position:relative; margin-bottom:8px;} .video-quotes-box blockquote p {color:#fff; padding:10px 24px 5px 10px; font-size:1.2em; font-weight:bold; line-height:1.2} .video-quotes-box a {color:#fff; padding:0 10px 10px 10px; margin-left:10px; font-size:1em; display:inline-block; background:url(../images/white-arrow.png) top left no-repeat;} .video-quotes-btm {width:245px; height:17px; position:relative; bottom:0; left:0; float:left;} /*----------------------------------- = .home-modules -----------------------------------*/ #home-modules-wrap {width:90%; position:relative; float:left; margin-top:49px;} .home-modules {width:305px; float:left; } #home-modules-wrap .social-teaser {width:303px; position:relative; background:#fff;} #home-modules-wrap .social-teaser a{width:273px; background:url(../images/white-arrow-icon.gif) 9px 7px no-repeat #4e9fba; display:block; color:#fff; font-weight:bold; padding:8px 5px 6px 25px; float:left;} #home-modules-wrap .social-teaser p {padding:0; font-size:1.1em; font-weight:bold; color:#000} #home-modules-wrap .social-teaser blockquote p {text-indent:-7px; margin-left:7px; padding-bottom:10px; float:left; width:180px; line-height:1.2;} #home-modules-wrap .social-teaser h3 {padding:7px 10px 10px 10px; font-size:1.2em; font-weight:bold; color:#4c4c4c;} #home-modules-wrap .social-teaser p.goleft{width:auto; float:left;} #home-modules-wrap .h-link {display:none;} #home-modules-wrap .social-teaser .h-btm {display:none;} /*----------------------------------- = teaser image layouts -----------------------------------*/ #home-modules-wrap .social-teaser.teaser1 {margin-top:15px;} #home-modules-wrap .social-teaser.teaser1 div {float:left; width:98%; margin-bottom:-25px; background:#fff;} #home-modules-wrap .social-teaser.teaser1 div img {width:auto; float:left; padding:0; position:relative; bottom:25px; left:0; z-index:10;} #home-modules-wrap .social-teaser.teaser3 div{float:left; width:100%; margin-bottom:-25px; } #home-modules-wrap .social-teaser.teaser3 div img {width:auto; float:right; padding:0; position:relative; bottom:15px; left:0; z-index:10;} #home-modules-wrap .social-teaser.teaser4 {margin-top:-9px;} #home-modules-wrap .social-teaser.teaser4 div{float:left; width:100%; margin-bottom:-25px;} #home-modules-wrap .social-teaser.teaser4 div img {width:auto; float:right; padding:0; position:relative; top:-5px; left:0; z-index:10;} #home-modules-wrap .social-teaser.teaser5 {margin-top:-9px;} #home-modules-wrap .social-teaser.teaser5 img {width:auto; float:right; padding:6px 10px 0 0;} /*----------------------------------- = Twitter feed plugin -----------------------------------*/ #twitter-wrap {width:303px; position:relative; background:#fff; border:1px solid #cccccc; float:left; clear:both;} .twitted {width:303px; position:relative; background:#fff; float:left; clear:both;} .twitted h3 {padding:7px 10px 0 10px; font-size:1.2em; font-weight:bold; color:#4c4c4c;} .twitted p.preLoader {margin: 0; padding: 1em 1em 1em 3em;background: transparent url(../images/loader.gif) 1em center no-repeat;/* generate your own loader gif: http://www.ajaxload.info */} .twitted ul#twitter_update_list {margin: 0; padding: 0 0.8em; list-style-type: none;} .twitted ul#twitter_update_list li {margin: 0; padding: 0.8em 0 0.8em 0; border-bottom: 1px solid #ccc;} .twitted ul#twitter_update_list li span {/* tweet content */ display: block;} .twitted ul#twitter_update_list li span a {/* links in tweet content */ color:#4e9fba; word-wrap: break-word;} .twitted ul#twitter_update_list li a {/* timestamp link */ color:#4e9fba;} .twitted ul#twitter_update_list li.firstTweet {} .twitted ul#twitter_update_list li.lastTweet {border-bottom: none;} .twitted p.profileLink {display:block; margin: 0; padding: 0.3em 1em; color: #fff; background-color: #ddd;} .twitter-link a {width:273px; background:url(../images/white-arrow-icon.gif) 9px 7px no-repeat #4e9fba; display:block; color:#fff; font-weight:bold; padding:8px 5px 6px 25px; float:left;} /*================================================================== *Author: Leonie Lindo *Project: NextFifteen Annual Report 2009 *Description: Module Stylesheet for: #introduction #image-slot #accordion and content layout Chart modules in accordion #signature #addThis #rel-link .social-teaser #video-slot table *Start date:19/10/2009 ===================================================================*/ /*---------------------------------------- = #introduction -----------------------------------------*/ #introduction {width:100%;} #introduction p {font-size:1.2em; padding-top:12px; margin:0;} .wide #introduction p {font-size:1em; padding-top:12px; margin:0;} #introduction h2 {padding-top:12px;} /*---------------------------------------- = #landing-introduction -----------------------------------------*/ #landing-introduction {width:100%;} #landing-introduction p {font-size:1.2em; padding-top:12px; margin:0; width:616px;} .wide #landing-introduction p {font-size:1em; padding-top:12px; margin:0;} /*----------------------------------- = #image-slot -----------------------------------*/ #image-slot {width:506px; position:relative; padding-top:10px; padding-bottom:34px;} #image-slot blockquote{position:absolute; top:40px; left:148px; width:314px; font-size:1.6em; font-weight:bold; color:#000; } #image-slot blockquote p {text-indent:-10px; margin-left:10px; line-height:1.2;} /*------------------------------------------- = #accordion --------------------------------------------*/ #accordion {margin-top:0; margin-bottom:26px;} #accordion h2 {font-size:1.4em; border-top:1px solid #dfdfdf; padding:9px 0 10px 0; font-weight:normal; float:none; display:block; clear:both; width:100%;} #accordion h2 a {background:none; padding-left:0; outline:none;} #accordion h2.ui-state-active a{ background:none; font-weight:bold; outline:none;} #accordion div.acc-content {padding-bottom:0; float:none; display:block; clear:both; width:100%; } #accordion div.acc-content ul {padding-bottom:10px;} #accordion div.acc-content ul li{padding-bottom:7px; } #accordion div.acc-content ul.bullets li{background:url(../images/bullet.gif) top left no-repeat; padding-left:15px; display:inline-block;} #accordion div.acc-content p {line-height:1.5;} #accordion div.acc-content p.no-wrap {width:320px; float:left;} #accordion div.acc-content.ui-accordion-content-active {display:block;} /*---------------------------------------- = Detail wide accordion content -----------------------------------------*/ .wide #accordion div.acc-content p, .wide #accordion div.acc-content ul.bullets {padding-right:50px; } /*---------------------------------------- = Chart modules in accordion =.sml-detailed-chart [FOR CHART AND CHART KEYS] =.detailed-chart [FOR CHART AND CHART KEYS] =..wide-chart[FOR CHART ONLY] -----------------------------------------*/ .sml-detailed-chart {width:183px; float:left; padding-bottom:20px;} .detailed-chart {width:60%; margin-left:10px; float:left; padding-bottom:20px; clear:left; padding-right:200px;} .detailed-chart img.go-right{margin-right:20px;} .detailed-chart ul {width:133px;} .wide-chart {width:100%; float:left; padding-bottom:20px; clear:left;} .sml-detailed-chart a, .detailed-chart a, .wide-chart a {color:#666666; text-decoration:underline; font-size:0.9em; display:inline-block;} .sml-detailed-chart a:hover, .detailed-chart a:hover, .wide-chart a:hover {color:#4e9fba;} /*----------------------------------- = #signature -----------------------------------*/ #signature {color:#000; font-weight:bold; clear:both;} #signature span {font-weight:normal;} /*------------------------------------------- = .social-teaser --------------------------------------------*/ .social-teaser{width:222px; border:1px solid #cccccc; margin-bottom:20px; float:left; clear:both;} .social-teaser p {padding:7px 10px 10px 10px; font-size:1.2em; font-weight:bold;} .social-teaser a{width:192px; background:url(../images/white-arrow-icon.gif) 9px 7px no-repeat #4e9fba; display:block; color:#fff; font-weight:bold; padding:8px 5px 6px 25px; float:left; display:none;} .social-teaser blockquote p {text-indent:-10px; margin-left:10px; padding-bottom:10px;} .social-teaser img {width:auto; float:right; padding:6px 10px 10px 0;} .social-teaser p.goleft{width:auto; float:left;} .social-teaser ul#mycarousel li a{width:192px; background:none; display:block; font-weight:normal; padding:0; float:none; color:#4e9fba; font-size:1.2em; line-height:1.1; } .social-teaser ul#mycarousel li.onstate a{font-weight:bold;} /*----------------------------------- = DD_roundies jQuery plugin creating rounded corners -----------------------------------*/ img.DD_roundies_sizeFinder {display:none;} /*----------------------------------- = #video-slot -----------------------------------*/ #video-slot {width:506px; position:relative; padding-top:10px; padding-bottom:23px;} #video-slot blockquote{width:440px; font-size:1.8em; font-weight:bold; color:#000; padding:13px 0 10px 10px;} #video-slot blockquote p {line-height:1.2; text-indent:-10px;} #video-slot p {color:#000; padding-bottom:0;} #video-slot p.person-role{margin-left:15px;} #video-slot a {padding:10px 0 6px 0; font-size:0.9em; color:#666666; text-decoration:underline; display:inline-block;} #video-slot a:hover {padding:10px 0 6px 0; font-size:0.9em; color:#4e9fba; text-decoration:underline;} /*----------------------------------- = table -----------------------------------*/ table {width:100%; margin-bottom:20px;} td, th {padding:6px 0 6px 6px; vertical-align:text-top; text-align:left;} td {border-bottom:1px solid #d9d9d9;} th {border-bottom:1px solid #a3a3a3;} .shade {background:#f2f2f2;} td.dkgrey {border-bottom:1px solid #a3a3a3;} td.desc {padding-left:0;} caption{font-weight:bold; font-size:1.1em;} /*----------------------------------- = #pdf-listing -----------------------------------*/ #pdf-listing {width:100%; clear:both; padding-top:20px; padding-bottom:20px;} #pdf-listing table {font-weight:bold; font-size:1.2em;} #pdf-listing table td { vertical-align:top;} #pdf-listing table td a {font-weight:normal; vertical-align:top; margin:0; padding:0;} #pdf-listing img {margin-right:10px; vertical-align:top;} /*----------------------------------- = #sitemap -----------------------------------*/ #sitemap {width:100%; clear:both; padding-top:12px; padding-bottom:20px;} #sitemap ul li{padding-bottom:5px; font-size:1.2em;} #sitemap ul li ul {padding-bottom:10px; padding-top:10px; padding-left:20px} #sitemap ul li ul li {font-size:0.9em;} #sitemap ul li ul li ul li {font-size:1em;} #sitemap ul li ul li ul{padding-bottom:0; padding-top:10px; padding-left:20px} /*----------------------------------- = #search -----------------------------------*/ #search {width:100%; clear:both; padding-top:12px; padding-bottom:20px;} #search h2 {font-size:1.2em; font-weight:normal; padding-bottom:3px;} #pagination {width:100%; float:left; border-top:1px solid #dfdfdf; padding-top:10px;} #pagination p{width:125px; float:left; margin-top:0; font-weight:bold;} #pagination ul{width:496px; float:left; margin-top:3px;} #pagination ul li {float:left; width:auto; margin-right:5px;} #pagination ul li.prev a, #pagination ul li.next a{color:#666666;} #pagination ul li.end a {color:#999999;} #pagination ul li.pageOn a{color:#666666; font-weight:bold;} /*------------------------------------ = #global-module -------------------------------------*/ #global-slot {border:none; float:left;} .global-box{clear:all; borde:none; } .global-brands ul {float:left; width:100%; padding:0 10px 10px 0;} .global-brands ul li{float:left; width:auto; margin-right:5px; padding-right:5px;border-right:1px solid #ccc; margin-bottom:5px;} .global-brands ul li.nodivider{border:none;} .global-brands img { vertical-align:middle;} .global-text {padding-top:10px; padding-right:20px;} /*----------------------------------- = .landing-modules -----------------------------------*/ #landing-text-wrap {width:100%; float:left; padding-top:12px;} #landing-text-wrap blockquote{width:100%; font-size:1.7em; font-weight:bold; color:#000; } #landing-text-wrap blockquote p {line-height:1.2;} #landing-caption {width:100%; float:none; margin-right:10px;} #landing-text {width:100%; float:none; } #landing-text p {padding:7px 10px 10px 0;} #landing-img-slot {width:736px; float:left; position:relative;} #landing-img-slot-text{width:500px; position:absolute; top:60px; left:160px;} #landing-img-slot-text blockquote{ font-size:1.7em;} #landing-img-slot-text blockquote p { font-weight:bold; color:#000; line-height:1.2; text-indent:-10px; padding-bottom:5px;} #landing-img-slot-text blockquote span {font-size:0.9em; font-weight:normal; text-indent:-10px;} #landing-img-slot a { background:url(../images/blue-black-arrow.gif) 0 3px no-repeat; display:none; padding-left:13px;} #landing-img-slot a:hover {color:#000; background:url(../images/blue-black-arrow.gif) 0 -10px no-repeat;} #landing-modules-wrap {width:736px; position:relative; float:left; margin-top:49px; margin-bottom:20px;} .landing-modules {width:738px; float:left; } .landing-box {float:left; width:100%; margin-right:1%; margin-bottom:32px;} #landing-modules-wrap .social-teaser {width:234px; position:relative; background:#fff; float:left; margin-bottom:0;} #landing-modules-wrap .social-teaser h2 {padding:7px 10px 0 10px; font-size:1.45em; font-weight:bold; color:#4c4c4c;} #landing-modules-wrap .social-teaser p.goleft{width:auto; float:left;} #landing-modules-wrap .social-teaser a{width:202px; background:url(../images/white-arrow-icon.gif) 9px 7px no-repeat #4e9fba; display:none; color:#fff; font-weight:bold; padding:8px 5px 6px 25px; float:left;} #landing-modules-wrap .social-teaser.teaser3 div{float:left; width:100%; margin-bottom:-26px} #landing-modules-wrap .social-teaser.teaser3 div img {width:auto; float:right; padding:0; position:relative; bottom:25px; left:0; z-index:10;} #landing-modules-wrap .social-teaser.teaser4 {margin-top:0;} #landing-modules-wrap .social-teaser.teaser4 div{float:left; width:100%; margin-bottom:0;} #landing-modules-wrap .social-teaser.teaser4 div img {width:auto; float:right; padding:0; position:relative; bottom:-5px; left:0; z-index:10; margin-top:2px;} #landing-modules-wrap .social-teaser.teaser5 {margin-top:0;} #landing-modules-wrap .social-teaser.teaser5 img {width:auto; float:right; padding:6px 10px 15px 0;} /*-------------------------------------------- = #qanda-module-wrap ---------------------------------------------*/ #qanda-module-wrap {width:760px; float:none;} .qanda-module {width:100%; float:none; } .qanda-module-row{width:75%; float:none; margin:15px 0; } .qanda-module-image img {width:106px;} .qanda-module-text {width:80%;} #qanda-module-wrap .video-quotes-box {width:100%; float:left; position:relative; margin-bottom:0;} #qanda-module-wrap .video-quotes-box blockquote p {padding-bottom:5px; line-height:1.2} #qanda-module-wrap #green .video-quotes-btm {background:url(../images/green-btm-left.gif) top left no-repeat;} #qanda-module-wrap .video-quotes-box blockquote p {padding-right:15px;} .qanda-module-image.go-right {margin-right:6px;} #qanda-module-wrap #blue .video-quotes-btm {background:url(../images/blue-btm-right.gif) bottom left no-repeat;} #qanda-module-wrap #purple .video-quotes-btm {background:url(../images/purple-btm-left.gif) bottom left no-repeat;} /*----------------------------------- = #accessibility-content -----------------------------------*/ #accessibility-content{width:755px; float:left; margin:20px 0;} #accessibility-content p {padding-bottom:10px;} #accessibility-content ul {margin-bottom:20px;} #accessibility-content ul li {margin-top:5px; line-height:1.3;} #accessibility-content .access-list{float:left; width:755px; margin-bottom:20px;} #accessibility-content .access-list ul{float:left; width:242px;} #accessibility-content table { page-break-after:always;} /*--------------------------------------- = legal notice ----------------------------------------*/ #legal {margin-top:20px;} #legal h2 {font-weight:normal;} /*------------------------------------------ = .charts -------------------------------------------*/ #charts-wrap {width:100%; float:none; margin-top:12px;} .charts-row {width:100%; float:none;} #charts h2 {margin-bottom:20px; margin-top:20px;} .charts { width:360px; float:left; margin-bottom:20px; margin-right:15px;} .charts #chart1div, .charts #chart2div, .charts #chart3div, .charts #chart4div, .charts #chart5div, .charts #chart6div, .charts #chart7div, .charts #chart8div, .charts #chart9div, .charts #chart10div {display:none;} #chart8div {margin-top:-15px;} .charts-info {width:90px; float:left;} #charts-wrap h3 {font-weight:normal; font-size:1.3em; width:100%; margin-bottom:15px; line-height:1.2;} #charts-wrap sup {font-size:0.6em;} .charts-info em {display:block; line-height:1.2; margin-bottom:10px; color:#999999;} .charts-info span {display:block; font-size:2em; line-height:1.2; color:#7d6a55; font-weight:normal;} .charts-info span.lrg {font-size:2.3em; letter-spacing:-2px; color:#999999; font-weight:normal;} .charts-info ul {margin:0; padding:0; float:left;} .charts-info ul li{margin:0; padding:0 0 35px 0;} #charts-wrap a {display:none;} #charts-wrap #introduction p {font-size:1.6em; padding-top:0;} #charts-wrap .nudge h3{padding-bottom:20px!important; display:inline-block;} .op-highlights {width:100%; float:left; padding-top:10px; } .op-highlights h2 {margin-bottom:20px; } .op-highlights .pullout-wrap {margin-right:20px; margin-bottom:10px;} #mainContent .op-highlights .pullout {} #mainContent .op-highlights .pullout p {padding-bottom:0; float:none; width:auto;} .hasJS .charts img, .hasJS .graph img {display:block;} .charts img, .graph img{display:block;}