/*Basic styles*/ #olympic-numbers .clear { clear: both; } div#china-ageing-wrapper .left { float: left; } div#china-ageing-wrapper .right { float: right; } div#china-ageing-wrapper ul { list-style: none; } div#china-ageing-wrapper ul li { float: left; display: inline; background: none; margin: 0; } div#china-ageing-wrapper h1 { font: bold 30px Helvetica; color: #505050; } div#china-ageing-wrapper .plain { display: inline-block; width: 624px; margin-top: 16px; } /*Specific styles*/ div#china-ageing-wrapper { width: 976px; overflow: none; /*background-image: url('/news/special/2012/newsspec-4042/img/guide.jpg'); */ margin-top: 16px; } div#china-ageing-wrapper #image { height: 368px; overflow: none; position: relative; } /*Overlay*/ div#china-ageing-wrapper #image .overlay-holder { height: 80px; position: absolute; bottom: 0px; left: 0px; } /*div#china-ageing-wrapper #overlay-bg { width: 976px; height: 80px; width: 976px; zoom: 1; background: rgb(255, 255, 255) transparent; background: rgba(255, 255, 255, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; } div#china-ageing-wrapper .overlay-text { color: #505050; font: 24px Helvetica; height: 60px; width: 900px; padding: 14px 0 0 20px; }*/ div#china-ageing-wrapper .white-space { display: block; font: normal 21px Helvetica; width: 624px; } /*Population pyramid*/ div#china-ageing-wrapper #column-wrapper { overflow: hidden; display: block; } div#china-ageing-wrapper .pyramid { margin-top: 14px; height: 1270px; overflow: none; } div#china-ageing-wrapper #intro { padding-right: 30px; margin-top: 16px; width: 594px; } div#china-ageing-wrapper .left-col { padding-right: 11px; width: 628px; overflow: none; } div#china-ageing-wrapper .caption-ac { width: 627px; overflow: hidden; } div#china-ageing-wrapper .caption-left .yearTitle { font: bold 21px Helvetica; color: #505050!important; display: inline; } div#china-ageing-wrapper .caption-right { font: bold 21px Helvetica; margin-right: 48px; width: 276px; } div#china-ageing-wrapper .green { font: 36px Helvetica; color: #50ADAA; display: inline; } div#china-ageing-wrapper .right-col { width: 336px; margin: -12px 0 0 0; overflow: none; } div#china-ageing-wrapper p { margin-top: 16px; } div#china-ageing-wrapper .left-col img { margin: 16px 0; } div#china-ageing-wrapper .left-col ul.year { height: 16px; width: 641px; color: #505050!important; font: 13px Helvetica; margin-bottom: 10px; } div#china-ageing-wrapper .left-col ul.year li { color: #505050 !important; font: 13px Helvetica; padding: 0 6px 0 6px; width: 27px; } div#china-ageing-wrapper .left-col ul.year li.first { padding-left: 6px; } div#china-ageing-wrapper .left-col ul.year li.last { padding-right: 6px; } div#china-ageing-wrapper .left-col ul li.active { font-weight: bold; outline: 0; outline-style: none; } div#china-ageing-wrapper .left-col #slider-inner { height: 21px; margin: 0 auto; width: 610px; } div#china-ageing-wrapper .left-col .source { display: block; color: #505050; margin: 8px 0 8px 0; } div#china-ageing-wrapper .left-col .graph { display: block; } div#china-ageing-wrapper .right-col .share { overflow: hidden; } div#china-ageing-wrapper .right-col ul li { font: bold 16px/20px Helvetica; color: #505050!important; line-height: 18px; padding: 0 0px 0 0; width: 162px; } div#china-ageing-wrapper .strong { font: bold 21px/18px Helvetica; } /*Percentage*/ div#china-ageing-wrapper .percentage { height: 220px; width: 68px; background-color: #EDEDED; border: 1px solid #DEDEDE; position: relative; margin-top: 16px; } div#china-ageing-wrapper .ch-percentage { position: absolute; top: -1px; left: -1px; height: 27px; width: 68px; background-color: #50ADAA; border: 1px solid #50ADAA; } div#china-ageing-wrapper .uk-percentage { position: absolute; top: -1px; left: -1px; height: 44px; width: 68px; background-color: #50ADAA; border: 1px solid #50ADAA; } /*Family*/ div#china-ageing-wrapper #family { width: 629px; overflow: hidden; } div#china-ageing-wrapper #family h1 { margin-top: 16px; } div#china-ageing-wrapper #family img { margin-top: 0px; border: none; } div#china-ageing-wrapper ul.description { height: 42px; } div#china-ageing-wrapper ul.description li { float: left; width: 520px; padding: 4px 0 0 6px; } div#china-ageing-wrapper .description { font: 13px Helvetica; color: #505050!important; } div#china-ageing-wrapper .description .year { font: 36px Helvetica; color: #505050!important; width: auto; padding: 0; } /*Sidebar*/ div#china-ageing-wrapper #sidebar-wrapper { margin-top: 183px; overflow: none; } div#china-ageing-wrapper .sidebar { height: 415px; width: 336px; } div#china-ageing-wrapper .sidebar p { padding-left: 2px; } div#china-ageing-wrapper .sidebar-holder { display: block; width: 336px; } div#china-ageing-wrapper .sidebar-holder h3 { margin: 8px 0 16px 0; } div#china-ageing-wrapper .overlay-bg-name { width: 100%; position: absolute; bottom: 3px; height: 24px; width: 375px; zoom: 1; background: rgb(0, 0, 0) transparent; background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)"; } div#china-ageing-wrapper .overlay-text-name { height: 20px; color: #EDEDED!important; font: normal 18px Helvetica; padding: 4px 0 0 8px; } /*Fertility rate*/ div#china-ageing-wrapper #fertility-rate { overflow: none; margin: 8px 0 16px 0; } div#china-ageing-wrapper #fertility-rate h1 { margin-top: 16px; width: 340px; } div#china-ageing-wrapper .fertility { display: block; width: 624px; } div#china-ageing-wrapper #fertility-graph { margin-bottom: 16px; }