/* Updated by Amit Gaur on April 05, 2010 */ body { width: 100%; height: 100%; font-family: Arial, sans-serif; font-size: 12px; padding-bottom: 0px; } .ie6 sup {line-height: 1.8em;position: relative;top: 1px;font-size: 13px;} sup { line-height: 0.8em;position: relative;top: 1px;font-size: 11px;vertical-align:super} .newsup {position: relative;top: -3px;font-size: 11px;color:#9D9D9D !important;} .newsuplink {position: relative;top: -3px;font-size: 11px; color:#FF7200;} p, li, textarea, td, th, div, span, blockquote { color:#676767; } p, li, textarea, blockquote { } p, li, textarea { margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal!important; } /* ----------- global header styles ----------- */ h1, h2, h3, h4, h5{ color:#768dc1; margin-bottom:10px; } /* this sets global color for ALL headers */ h6{ color:#768dc1; margin-bottom:0px; } /*Redesign specific*/ h1 { font-size:23px; display:block; color:#aaa; margin-bottom:20px; font-weight:normal; line-height:30px; } h2 { font-size:14px; } h3 { font-size:14px; } h4 { font-size:14px; } h5 { font-size:12px; color:#676767; font-weight:bold; } .underline{ text-decoration:underline;} /* h1 image replacement */ h1.imageReplace { text-indent:-1000em; overflow:hidden; background-repeat:no-repeat; display:block; margin-bottom:20px; } /* override for right column header */ #columnRight h4 { font-weight:normal; } /* ----------- global inline link style ----------- */ a, a:visited, a:active { color:#FF7200; text-decoration:none; } a:hover { text-decoration:underline; } a.topLink:hover { text-decoration:none; } a.mapheader,a.mapheader:visited { font-size:14px; color:#666; text-decoration:none; } a.mapheader:hover { color:#FF7200; } a.maplink,a.maplink:visited { font-size:12px; font-weight:bold; color:#666; text-decoration:none; } a.maplink:hover { text-decoration:underline; color:#FF7200; } a.maplink2,a.maplink2:visited { font-size:12px; color:#9c9c9c; text-decoration:none; } a.maplink2:hover { text-decoration:underline; color:#FF7200; } a.paddingTop40{ padding-top:40px!important;} /* alternative font size */ body.alternativeSize #columnCenter, body.alternativeSize #columnRight { font-size: 14px; line-height: 19px; } body.alternativeSize #columnCenterNoLeftNav{ font-size: 14px; line-height: 19px; } body.alternativeSize #NoLeftNavWorldWideContacts{ font-size: 14px; line-height: 19px; } body.alternativeSize #blockquote{ font-size: 14px; line-height: 19px; } body.alternativeSize h4 { font-size: 18px; } body.alternativeSize .linkList li a, body.alternativeSize a.pdf, body.alternativeSize a.baseArrow, body.alternativeSize a.mapheader, body.alternativeSize a.maplink, body.alternativeSize a.maplink2, body.alternativeSize a.arrow, body.alternativeSize a.arrow-moved { font-size: 14px !important; line-height: 19px !important; background-position: 0px 5px !important; } body.alternativeSize h1 { font-size:25px; } body.alternativeSize h2 { font-size:16px; } dashedRuleNewsroom body.alternativeSize h3 { font-size:16px; } body.alternativeSize h4 { font-size:16px; } body.alternativeSize h5 { font-size:17px; } body.alternativeSize .footer ul.sitemap li ul li a { font-size:16px; !important } body.alternativeSize .footer1 ul.sitemap li ul li a { font-size:16px; !important } /* ----------- global rules ----------- */ div.dashedRule {line-height: 1px; font-size:1px; height:1px; width:100%; background:url(/static/images/Japan__chq_Images__global__dashed-line.gif) repeat-x; } div.dashedRuleNewsroom { line-height: 1px; height:1px; font-size:1px; width:260px; background:url(/static/images/Japan__chq_Images__global__dashed-line.gif) repeat-x; } div.gradientRule { height: 3px; background: url('/static/images/Japan__chq_Images__modules__module-middle-gradientrule.gif') no-repeat scroll bottom center; } /* this is for loading overlays that may or may not be turned on */ div.loadingContainer { position:absolute; top:0; left:0; visibility:hidden; z-index:-1000;} .moduleMarginTopThirtyFive { margin-top: 35px; } .moduleMarginBottomThirtySeven { margin-top: 37px; } /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { min-height:1px; _height:1px; } .hidden { display: none; } /* pngFix */ img.pngFix { behavior:url(/static/images/iepngfix.htc); } /* major structural styes */ .globalWrapper { margin: 0 auto; width: 975px; position: relative; text-align:left; border:0px solid black; overflow: hidden; } .contentWrapper { padding-bottom: 40px; } .globalNav {} /* content containers */ .contentContainer { text-align: left; } .heroContainer { position: relative; z-index: 0; margin-bottom:22px; } .heroContainert4pages { position: relative; z-index: 0; margin-bottom:55px; } /* columns */ #columnLeft {float:left; margin-right:32px; overflow:hidden; width:200px;} #columnCenter {border:0 solid black; float:left; margin-right:32px; padding-top:6px; width:530px;} #columnCenterNoLeftNav { border:0px solid black; width:730px; float:left; margin-right:43px; } #columnRight { border:0px solid black; width:180px; float:left; } #NoLeftNavWorldWideContacts {border:0px solid black; width:730px; float:left; margin-right:0px;} /* two column override */ .twoCol #columnRight { display:none; } .twoCol #columnCenter { width: 753px; margin-right:0; } .twoCol #utilButtonright { border:0px solid black; width:180px; float:right;} /*Added by Juhi for Deaseas product page /* /*two column Center anf left #NoRightcolumnCenter { border:0px solid black; width:710px; float:left; margin-right:43px; } /* no column override */ .noCol #columnCenter { width: 100%; margin-right:0; } /* content images*/ .contentImage { margin-bottom:10px; } /* top header styles */ .headerContainer { width: 100%; height: auto; z-index: 100; position: relative;} .headerTop { height: 50px; position:relative; padding-bottom:10px; } .headerTop div.logo { margin: 12px 0 0 0; width: 178px; height: 38px; position:absolute; } .headerTop ul.topNav { margin:0; padding:0; position: absolute; list-style: none; display:block; left:360px; *left:300px;} .headerTop ul.topNav li { padding: 0 3px 0 0; display: inline; float: left; font-weight: normal !important; font-size: 10px; text-transform: uppercase; background: transparent url(/static/images/Japan__chq_Images__global__topnav_separator-dot.gif) no-repeat right 27px; } .headerTop ul.topNav li.last { background: none;} .headerTop ul.topNav li a { margin: 0 10px; padding: 20px 4px 2px 4px; display: block; font-weight: normal!important; color: #289392; text-decoration: none; } .headerTop ul.topNav li a:hover, .headerTop ul.topNav li a.active{ color: #FFF; display: block; background: #289392 url(/static/images/Japan__chq_Images__global__topnav_active-hover.gif) repeat-x 0 bottom; } .headerTop .btn-worldwide { position:absolute; right:0; } /* hero */ #hero { width: 975px; position: relative; z-index: 1; } #hero h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroLargeTitle h2 {display:inline; padding:0; width:525px; margin-top: 10px; position:absolute; left:350px; top:58px; text-align: left; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent;} #heroVeryLargeTitle h2 {display:inline; padding:0; width:725px; margin-top: 10px; position:absolute; left:120px; top:58px; text-align: left; font-size: 25px; padding-left: 0.3em; text-indent: 0.01em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent;} .ie6 #heroMedSizeOneLine h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeOneLine h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:250px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } .ie6 #heroMedSizeOneLineCaseOne h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeOneLineCaseOne h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:340px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } .ie6 #heroMedSizeOneLineCaseTwo h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeOneLineCaseTwo h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:200px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } .ie6 #heroMedSizeOneLineCaseThree h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeOneLineCaseThree h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:270px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } .ie6 #heroMedSizeOneLineCaseFour h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeOneLineCaseFour h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:578px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } .ie6 #heroMedSizeTwoLine h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:58px; text-align: left; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeTwoLine h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:58px; text-align: left; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } .ie6 #heroMedSizeOneLineCaseFive h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeOneLineCaseFive h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:325px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } .ie6 #heroMedSizeOneLineCaseSix h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeOneLineCaseSix h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:365px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } .ie6 #heroMedSizeOneLineCaseSeven h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeOneLineCaseSeven h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:230px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } .ie6 #heroMedSizeOneLineCaseEight h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:150px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } #heroMedSizeOneLineCaseEight h2 { display:inline; padding:0; width:325px; margin-top: 10px; position:absolute; right:510px; top:91px; text-align: left; white-space: nowrap; font-size: 25px; padding-left: 2em; text-indent: -2em; line-height: 1.2em; letter-spacing:4px; font-weight:normal; color:#fff; background: transparent; } /* removed text-align:right; to adjust for hero copy alignment */ /* these modify the header in hero space based on the page type */ body #hero .t1 h2 { visibility:hidden; } body #hero .t3 h2 { text-align:right; width:365px; top:78px; left:auto; font-size:18px; right:175px; display:block; text-indent:0; white-space:normal; } body #hero .t3 h2 {} body #hero .t3 h2.twoline { top:66px; } /* these modify the height of the hero space */ /*.heroContainer { min-height:56px;}*/ /* this is default */ body .heroContainer_height440 { height:440px; } body .heroContainer_height240 { height:240px; } body .heroContainer_height148 { height:148px; } /* body.t3 .heroContainer { height:148px; }*/ /* generic list style with dot bullets */ ul.textList { list-style: disc url(/static/images/Japan__chq_Images__global__bullet-point.gif); } ul.textList li { margin-left:26px; } /*ul.textList li li{ list-style-type: none; list-style-image: none; }*/ ul.textListNews { list-style: disc url();} ul.textListNews li { margin-left:32px; margin-top:0px; margin-bottom:0px; } /* START - changes for EC page - bullet indent */ .ie6 ul.textListEC {list-style-type: disc; padding:16px; margin-top:-20px;} .ie6 ul.textListEC li {margin-left:0px; margin-top:0px; margin-bottom:0px; padding:.5em; padding-right:0px;} ul.textListEC {list-style-type: disc; padding:16px; margin-top:-20px; padding-left:5px;} ul.textListEC li {margin-left:0px; margin-top:0px; margin-bottom:0px; padding:.5em; padding-right:0px;} /* END - changes for EC page - bullet indent */ /* START - changes for AOI pages - bullet indent, style */ ul.textListAOI { list-style: disc url(/static/images/Japan__chq_Images__global__bullet-point.gif); } ul.textListAOI li { margin-left:32px; } ul.textListAOI li li { list-style: disc url(/static/images/Japan__chq_Images__global__bullet-point_subdash.gif); margin-top:9px;} ul.textListAOI li li li{ list-style: disc url(/static/images/Japan__chq_Images__global__bullet-point_subcircle.gif); margin-top:9px;} .romanNumTxt { font-family: "Times New Roman", Times, serif; } /* END - changes for AOI pages - bullet indent, style */ /* link list style */ ul.linkList { /*margin-bottom:15px;*/} ul.linkList li { margin-bottom:7px; line-height:normal; } ul.linkList li a { text-decoration: none; color: rgb(255, 114, 0); display:inline-block; background:url(/static/images/Japan__chq_Images__global__icon_link-bg-arrow.gif) no-repeat 0px 1px; color:#ff7200; text-decoration:none; padding:1px 0 1px 10px; } ul.linkList li a.pdf { background-image:url(/static/images/Japan__chq_Images__global__icon_link-bg-pdf.gif); padding-left:28px; } /* link list style for Sub Bullets */ ul.linkListSubBullet { list-style: disc url();} ul.linkListSubBullet li { margin-bottom:7px; line-height:normal; margin-top:7px; margin-left:45px } ul.linkListSubBullet li a { text-decoration: none; color: rgb(255, 114, 0); display:inline-block; text-decoration:none; padding:1px 0 1px 0px; } ul.linkListSubBullet li a:hover { text-decoration: underline; } /* link list new style */ ul.linkList li.moveright { margin-bottom:7px; line-height:normal;padding-left:28px; } ul.linkList li a.newpdf{background-image:url(/static/images/Japan__chq_Images__global__icon_link-bg-pdf.gif); padding-left:28px;} ul.linkList li p.linkOnly {color: rgb(255, 114, 0); display:inline-block; background:url(/static/images/Japan__chq_Images__global__icon_link-bg-arrow.gif) no-repeat 0px 1px; padding:0px 0 1px 10px; } ul.linkList li a.rep {background-image:url(/static/images/Japan__chq_Images__global__icon_link-bg-html.gif); padding-left:28px; }/*added by Redesign Team 2009*/ ul.linkList li a.archive{padding-left:28px;} ul.linkList li a.webcast { background-image:url(/static/images/Japan__chq_Images__global__icon_link-bg-webcast.gif); padding-left:28px; } ul.linkList li a.audiocast { background-image:url(/static/images/Japan__chq_Images__global__icon_link-bg-audiocast.gif); padding-left:28px; } ul.linkList li a.media { background-image:url(/static/images/Japan__chq_Images__global__icon_link-bg-media.gif); padding-left:28px; } ul.linkList li a:hover { text-decoration: underline; } ul.linkListSideModule {line-height:2.2em;} ul.linkListSideModule li { margin-bottom:7px; line-height:normal; } /* arrow list style */ ul.arrowList li { margin-bottom:7px; line-height:1.2em; } ul.arrowList li { text-decoration: none; display:inline-block; background:url(/static/images/Japan__chq_Images__global__icon_link-bg-arrow.gif) no-repeat 0px 1px; text-decoration:none; padding:1px 0 1px 10px; } ul.arrowList li a.articleLink { color:#0a4595; text-decoration:none; } ul.arrowList li a.articleLink:hover { text-decoration:underline; } /* inline image styles */ img.content-image-wrap-align-left { float:left; margin:0 24px 10px 0 } img.content-image-wrap-align-right { float:right; margin:0 0px 10px 24px } /* quote styles */ blockquote span.byline { font-size:10px !important; margin-top:15px; font-style:italic; text-align:right; display:block; line-height:normal; } blockquote.quoteLarge { font-size:25px; color:#aaa; margin-bottom:20px; line-height:30px; } .ie6 blockquote.quoteMedium { font-size:12px; color:#676767; margin-bottom:10px; line-height:14px; } blockquote.quoteMedium { font-size:12px; color:#676767; margin-top:30px; margin-bottom:100px; line-height:14px; } blockquote.quoteMediumNew { font-size:20px; color:#aaa; margin-bottom:20px; line-height:30px; } blockquote.quoteSmall span.byline { margin-top:10px; font-size:12px; } /* ----------- link styles ----------- */ a.arrow, a.baseArrow, a.arrow-moved, a.arrow:visited, a.arrow:active, ul.linkList li a, a.pdf, a.pdf:active, a.pdf:visited { line-height:1.2em; display:inline-block; background:url(/static/images/Japan__chq_Images__global__icon_link-bg-arrow.gif) no-repeat 0px 2px; color:#ff7200; text-decoration:none; padding:1px 0 1px 10px; } a.arrow:hover, a.arrow-moved:hover, a.baseArrow:hover, a.bullet:hover, a.bullet:hover, a.pdf-a:hover, a.pdf:hover { text-decoration:underline; } a.pdf, ul.linkList li a.pdf, a.pdf:visited, a.pdf:active { background-image:url(/static/images/Japan__chq_Images__global__icon_link-bg-pdf.gif); padding-left:28px; } a.rightAlign { float:right; } a.pdf-a, a.pdf-a:visited, a.pdf-a:active { background:url(/static/images/Japan__chq_Images__global__icon_link-bg-pdf-a.gif); background-repeat:no-repeat; padding-left:20px; margin-left:5px; color :#ff7200; text-decoration:none;} a.rightAlign { float:right; } a.bullet, a.bullet:active, a.bullet:visited { line-height:1.2em; display:inline-block; background:url(/static/images/Japan__chq_Images__global__icon_link-bg-bullet.gif) no-repeat 0px 2px; color:#ff7200; text-decoration:none; padding:1px 0 1px 10px; } /* ----------- lead paragraph ----------- */ img.lead-paragraph-image { margin-bottom:50px; } .scrollBoxModule { overflow: scroll; overflow-x: hidden; line-height:1.7em; border: 1px solid #d3d3d3; height:120px; margin-bottom:15px; } .scrollBoxModule p { margin: 0; padding: 7px 10px; } /* ----------- lead paragraph ----------- */ ul.utility-buttons { } ul.utility-buttons li { float:left; border: 0; } ul.utility-buttons li table{ width:50px !important; border:0px solid #000000;} ul.utility-buttons li a { height: 22px; overflow:hidden; text-indent: -9999px; float: left; background-position: 0 0; background-repeat: no-repeat; } ul.utility-buttons li.printButton a { width: 38px; padding-left:15px; background-image: url("/static/images/Japan__chq_Images__global__btn-print.gif" ); } ul.utility-buttons li.printButton a:hover { background-image: url("/static/images/Japan__chq_Images__global__btn-print-over.gif"); } ul.utility-buttons li.shareButton a { width:51px; padding-left:12px; background: url("/static/images/Japan__chq_Images__global__btn-share.gif" ) no-repeat; } ul.utility-buttons li.shareButton a:hover { background-image: url("/static/images/Japan__chq_Images__global__btn-share-over.gif" ); } ul.utility-buttons li.textSizeButton a { width:60px; background: url("/static/images/Japan__chq_Images__global__btn-text-size-small-off.gif" ) no-repeat; } ul.utility-buttons li.textSizeButton a:hover { background-image: url( "/static/images/Japan__chq_Images__global__btn-text-size-small-hover.gif" ); } .alternativeSize ul.utility-buttons li.textSizeButton a { width:60px; background: url("/static/images/Japan__chq_Images__global__btn-text-size-large-off.gif" ) no-repeat; } ul.utility-buttons li.printButton a { width: 38px; padding-left:15px; background-image: url("/static/images/Japan__chq_Images__global__btn-print.gif" ); } .alternativeSize ul.utility-buttons li.textSizeButton a:hover { background-image: url("/static/images/Japan__chq_Images__global__btn-text-size-large-hover.gif" ); } ul.utility-links { padding: 14px 0; } ul.utility-links li { float:left; border: 0; margin: 0; } ul.utility-links li a { height: 12px; overflow:hidden; text-indent: -9999px; float: left; background-position: 0 0; background-repeat: no-repeat; } ul.utility-links li.podcastButton a { width: 55px; padding-left:15px; background-image: url(/static/images/Japan__chq_Images__global__btn-podcast.gif ); } ul.utility-links li.podcastButton a:hover { background-image: url(/static/images/Japan__chq_Images__global__btn-podcast-over.gif ); } ul.utility-links li.rssButton a { margin-top: 2px; margin-left: 0px; width:32px; padding-left:30px; background: url(/static/images/Japan__chq_Images__global__btn-rss.gif ) no-repeat; } ul.utility-links li.rssButton a:hover { background-image: url(/static/images/Japan__chq_Images__global__btn-rss-over.gif ); } ul.utility-buttons1 { } ul.utility-buttons1 li { float:left; border: 0; } ul.utility-buttons1 li a { height: 12px; overflow:hidden; text-indent: -9999px; float: left; background-position: 0 0; background-repeat: no-repeat; } ul.utility-buttons1 li.printButton a { width: 38px; padding-left:15px; background-image: url(/static/images/Japan__chq_images__btn-print.gif ); } ul.utility-buttons1 li.printButton a:hover { background-image: url(/static/images/Japan__chq_images__global__btn-print-over.gif ); } ul.utility-buttons1 li.shareButton a { width:51px; padding-left:15px; background: url(/static/images/Japan__chq_Images__global__global/btn-share.gif ) no-repeat; } ul.utility-buttons1 li.shareButton a:hover { background-image: url(/static/images/Japan__chq_Images__global__btn-share-over.gif ); } ul.utility-buttons1 li.textSizeButton a { width:60px; background: url(/static/images/Japan__chq_Images__global__btn-text-size-small-off.gif ) no-repeat; } ul.utility-buttons1 li.textSizeButton a:hover { background-image: url(/static/images/Japan__chq_Images__global__btn-text-size-small-hover.gif ); } .alternativeSize ul.utility-buttons1 li.textSizeButton a { width:60px; background: url(/static/images/Japan__chq_Images__global__btn-text-size-large-off.gif ) no-repeat; } .alternativeSize ul.utility-buttons1 li.textSizeButton a:hover { background-image: url(/static/images/Japan__chq_Images__global__btn-text-size-large-hover.gif ); } ul.utility-buttons1 li.rssButton a { margin-top: 2px; margin-left: 15px; width:32px; padding-left:10px; background: url(/static/images/Japan__chq_Images__global__btn-rss.gif ) no-repeat; } ul.utility-buttons1 li.rssButton a:hover { background-image: url(/static/images/Japan__chq_Images__global__btn-rss-over.gif ); } /* ----------- footer styles ----------- */ .footer { width: 100%; position: relative; background-image: url(/static/images/Japan__chq_Images__global__footer-background.gif); background-repeat: no-repeat; } .footer .searchFooter { position: absolute; top: 40px; left: 51px; z-index: 500;} .footer .searchFooter input.text { width: 165px; border: 0; color: #999; } .footer .searchFooter input.butn { width: 10px; height: 10px; } .footer ul.sitemap { display: block; width: 770px; position: relative; padding-left: 320px; padding-top: 40px; padding-bottom: 35px; font-size: 10px; } .footer ul.sitemap li { display: block; padding-right: 40px; width: 140px; float: left; } .footer ul.sitemap li h5 { display: block; font-size: 10px; padding: 0px; margin: 0px; } .footer ul.sitemap li ul { display: block; } .footer ul.sitemap li ul li { display: block; padding: 0px; margin: 0px;} .footer ul.sitemap li ul li a { color: #9c9c9c; text-decoration: none; } .footer a:hover { text-decoration: underline !important; } .footer ul.legalnav { display: block; text-align: right; float: right; padding-bottom: 50px; } .footer ul.legalnav li { padding-left: 15px; } .footer ul.legalnav li, .footer ul.legalnav li a { display: inline; float: none; font-size: 10px; color: #9c9c9c; text-decoration: none; } .footer p.download { width: 377px; color: #9c9c9c; font-size: 10px; line-height: 1.3em; padding-bottom: 50px; } .footer p.download a { color: #9c9c9c; text-decoration: underline; } /* ----------- footer1 styles @ edited by Redesign Team 2009 @ ----------- */ .footer1 { width: 100%; position: relative; background-image: url(/static/images/Japan__chq_Images__global__footer-background.gif); background-repeat: no-repeat; } /*.footer1 .searchFooter { position: absolute; top: 40px; left: 51px; z-index: 500;} .footer1 .searchFooter input.text { width: 165px; border: 0; color: #999; } .footer1 .searchFooter input.butn { width: 10px; height: 10px; }*/ .footer1 ul.sitemap { display: block; width: 778px; position: relative; padding-left: 120px; padding-top: 20px; padding-bottom: 20px; font-size: 10px; line-height: 1.3em;} .footer1 ul.sitemap li { display: block; padding-right: 25px; width: 130px; float: left; } .footer1 ul.sitemap li h5 { display: block; font-size: 10px; padding: 0px; margin: 0px; text-decoration:none; } .footer1 ul.sitemap li h5 a { text-decoration:none; color:#666;} .footer1 ul.sitemap li ul li h5 a.rssPodcast { text-decoration:none; color:#666;} a.copyrightfooter:link { color:#999; text-decoration: none; } a.copyrightfooter:visited { color:#999; text-decoration: none; } a.copyrightfooter:hover { color:#999; text-decoration: underline; } .footer1 ul.sitemap li ul { display: block; } .footer1 ul.sitemap li ul li { display: block; padding: 0px; margin: 0px;} .footer1 ul.sitemap li ul li a { color: #9c9c9c; text-decoration: none; } .footer1 a:hover { text-decoration: underline !important; } .footer1 ul.legalnav { display: block; text-align: right; float: left; padding-bottom: 50px; width:100%; } .footer1 ul.legalnav li { padding-left: 20px; } .footer1 ul.legalnav li, .footer1 ul.legalnav li a { display: inline; float:left; font-size: 10px; color: #9c9c9c; text-decoration: none; } .footer1 p.download { width: 377px; color: #9c9c9c; font-size: 10px; line-height: 1.3em; padding-bottom: 50px; } .footer1 p.download a { color: #9c9c9c; text-decoration: underline; } .footer1 ul.legalnav li.copyright {font-size:10px; color: #9c9c9c;} /* ----------- overlays styles ----------- */ .worldwide-selector-overlay { background-color:#fff; height:500px; width:500px; border:1px solid black; } /*------------ country selector ------------*/ #country-selector { width: 700px; background-color: transparent; height: 650px; position: relative; top: 50px; text-align: left ! important; } #country-selector a.closeBtn { background: url('/static/images/Japan__chq_Images__global__worldwideSelector-closeBtn.gif') no-repeat scroll top left; width: 51px; height: 17px; display: block; position: absolute; top: 0px; right: 0px; overflow: hidden; text-indent: -1000px;} #country-selector div.content-wrapper { background: white; position: relative; top: 17px; } #country-selector h4, #country-selector p, #country-selector form select { position: relative; left: 31px; top: 23px; width: 660px; } #country-selector h4 { color: #73B0CF; font-size: 18px; } #country-selector p { font-size: 12px; } #country-selector form select { font-size: 12px; width: 208px; } #country-selector .region-tabs, #country-selector .region-content { position: relative; top: 23px; left: 13px; width: 500px; } #country-selector .region-tabs { display: block; height: 46px; clear: both; overflow: hidden; background: url('/static/images/Japan__chq_Images__nav__tab-baserule.gif') no-repeat scroll bottom left; } #country-selector .content-wrapper { padding-bottom: 40px; } #country-selector .region-tabs { margin-top: 15px; } #country-selector .region-content { } #country-selector .region-content ul { margin: 15px 23px 0px 23px; font-size: 11px; } #country-selector .region-content li { display: block; margin: 0px; padding: 0px; padding-bottom: 0.75em; float: left; width: 33%; background: url('/static/images/Japan__chq_Images__global__icon_link-bg-arrow.gif') no-repeat scroll 0px 3px; } #country-selector .region-content li a { display: inline; margin: 0px; padding: 0px; left: 10px; position: relative; text-decoration: none; color: #ff7200; font-size: 11px; padding-right: 10px;} /* alphabetic selector-list/content-list styling*/ ul.alphabetic-selector { overflow: hidden; margin-left: 1px; background: url('/static/images/Japan__chq_Images__modules__module-middle-gradientrule.gif') no-repeat scroll bottom center; height: 22px; } ul.alphabetic-selector li { float: left; width: 3.84%; color: #9c9c9c; text-align: center; height: 11px; background-image: url('/static/images/Japan__chq_Images__global__alphabet-navigation-bg-rule.gif'); background-repeat: no-repeat; background-position: bottom left; line-height: 11px; position: relative; left: -1px;} ul.alphabetic-selector li a { color: #9c9c9c; cursor: arrow; text-decoration: none; } ul.alphabetic-selector li.disabled a { color: #c8c8c8; cursor: default; } .ie6 ul.alphabetic-content li.alpha { background: url('/static/images/Japan__chq_Images__global__alphabet-section-bg-rule.gif') no-repeat scroll bottom left; position: relative ! important; overflow: visible; top: 20px; padding-bottom: 5px; } ul.alphabetic-content li.alpha { background: url('/static/images/Japan__chq_Images__global__alphabet-section-bg-rule.gif') no-repeat scroll bottom left; position: relative ! important; overflow: visible; top: 20px; padding-bottom: 5px; } .ie6 ul.ac-pro li.pro { background: url('/static/images/Japan__chq_Images__global__alphabet-section-bg-rule.gif') no-repeat scroll bottom left; position: relative ! important; overflow: visible; top: 20px; padding-bottom: 5px; } ul.ac-pro li.pro { background: url('') no-repeat scroll bottom left; position: relative ! important; overflow: visible; top: 20px; padding-bottom: 5px; } ul.ac-pro li.pro a.topLink { position: absolute; padding-left: 12px; right: 0px; top: 0px; font-size: 10px; color: #ff7200; text-decoration: none; background: url('/static/images/Japan__chq_Images__global__icn-arrow-up.gif') no-repeat 0 6px; z-index: 200; } ul.alphabetic-content li.alpha a.topLink { position: absolute; padding-left: 12px; right: 0px; top: 0px; font-size: 10px; color: #ff7200; text-decoration: none; background: url('/static/images/Japan__chq_Images__global__icn-arrow-up.gif') no-repeat 0 6px; z-index: 200; } ul.alphabetic-content a.alpha-anchor { color: #768dc1; font-size: 24px; display: block; padding: 06px 0px 20px 0px; width: 56px; text-align: center; } ul.alphabetic-content a.alpha-anchor span.generic { } .ie6 ul.alphabetic-content a.alpha-anchor { display: inline-block; } .ie6 ul.alphabetic-content li.alpha-lastlink { position: relative ! important; overflow: visible; top: 20px; padding-bottom: 5px; } ul.alphabetic-content li.alpha-lastlink { position: relative ! important; overflow: visible; top: 20px; padding-bottom: 5px; } ul.alphabetic-content li.alpha-lastlink a.topLink-lastlink { position: absolute; padding-left: 12px; right: 0px; top: 0px; font-size: 10px; color: #ff7200; text-decoration: none; background: url('/static/images/Japan__chq_Images__global__icn-arrow-up.gif') no-repeat 0 6px; z-index: 200; } ul.alphabetic-content ul.products-list li h5 { font-size: 12px; color: #676767; background: url('/static/images/Japan__chq_Images__global__icon_togggleArrow-closed.gif') no-repeat scroll 0px 6px; padding: 0px 0px 2px 14px; line-height: 1.3em; margin: 0px 0px 21px 5px; cursor: pointer;} .ie6 ul.alphabetic-content ul.products-list li h5 { background-position: 0px 8px; } ul.alphabetic-content ul.products-list li .prodInfo { display: none; position: relative; top: -8px;} ul.alphabetic-content ul.products-list li.open h5 { background-image: url('/static/images/Japan__chq_Images__global__icon_togggleArrow-open.gif'); } ul.alphabetic-content ul.products-list li.open .prodInfo { display: block; } ul.alphabetic-content ul.products-list .prodInfo p, ul.alphabetic-content ul.products-list .prodInfo ul { padding-left: 20px; margin-bottom: 1em; display: block; } ul.alphabetic-content ul.products-list .prodInfo p, ul.alphabetic-content ul.products-list .prodInfo ul, ul.alphabetic-content ul.products-list .prodInfo ul li, ul.alphabetic-content ul.products-list .prodInfo ul li a { font-size: 11px; } ul.alphabetic-content ul.products-list .prodInfo ul li.productType { display: none; } ul.alphabetic-content ul.products-list .prodInfo p { } ul.alphabetic-content ul.products-list .prodInfo ul { } ul.alphabetic-content ul.products-list .prodInfo ul li { margin-bottom: 0.3em; } ul.alphabetic-content ul.products-list .prodInfo ul li a, ul.alphabetic-content ul.products-list .prodInfo ul li a.pdf { background-repeat: no-repeat; color:#ff7200; text-decoration: none; } ul.alphabetic-content ul.products-list .prodInfo ul li a { background-image: url('/static/images/Japan__chq_Images__global__icon_link-bg-arrow.gif'); padding-left: 10px; } ul.alphabetic-content ul.products-list .prodInfo ul li a.pdf { background-image: url('/static/images/Japan__chq_Images__global__icon_link-bg-pdf.gif'); padding-left: 28px; } div.prod-legal { font-size: 10px; margin-top: 60px; } div.prod-legal ul { border-top: 1px solid rgb(200, 200, 200); display: block; padding-top: 3em; margin-top: 3em; } div.prod-legal p, div.prod-legal ul, div.prod-legal ul li { font-size: 10px; line-height: 1.3em; margin-bottom: 0.5em; } /*------------- cacheing images for menu weirdness -------------*/ img.cacheImg { visibility: hidden; width: 1px; height: 1px; } /*------------- homepage styles -------------*/ ul.homeCols li p { line-height:1.3em; } ul.homeCols li.left, ul.homeCols li.middle, ul.homeCols li.right { height:200px; position:relative; width:279px; margin-right:67px; padding:15px 0 0 0; border:0px solid black; float:left; border-top:5px solid blue; } ul.homeCols li.left { border-color:#bababa; } ul.homeCols li.middle { border-color:#b9cc70!important; } ul.homeCols li.right { border-color:#8dbae0; margin-right:0; } ul.homeCols li img { float:right; width:55px; height:36px; } ul.homeCols a.bottom { position:absolute; top:250px; left:0px; } .homecolsheader { color:#768dc1; margin-bottom:20px; font-size:14px; font-weight:bold; } #ModalMediaPlayerParent {position: relative; top: 50px;} #hero img.flashLoading { margin:0 auto 0; position:relative; top:200px; display:block; } /* #HTMLbackupHero { position:absolute; width:975px; height:440px; left:0; top:0; } #HTMLbackupHero .slide { position:absolute; top:0; left:0; z-index:100; overflow:hidden; } #HTMLbackupHero .slide div { position:absolute; width:375px; left:486px; top:100px; z-index:110; } #HTMLbackupHero .slide h4 { font-size:35px; line-height:35px; } #HTMLbackupHero .slide h5 { font-size:18px; } #HTMLbackupHero .slide h4, #HTMLbackupHero .slide h5, #HTMLbackupHero .slide p { color:#fff !important; } #HTMLbackupHero ul.slideControl { position:absolute; padding:0; margin:0; left:486px; bottom:30px; z-index:1000;} #HTMLbackupHero ul.slideControl li { float:left; margin:0 0 0 0 !important; padding-right:4px; } #HTMLbackupHero ul.slideControl li img { border:3px solid #aaa; } #HTMLbackupHero ul.slideControl li img:hover { border-color: #fff; } #HTMLbackupHero ul.slideControl li img.selected { border-color:#fff !important; } #HTMLbackupHero a.actionButton { font-size:18px; color:#ffd02c; } */ #HTMLbackupHero { position:absolute; width:975px; height:440px; left:0; top:0; } #HTMLbackupHero .slide { position:absolute; top:0; left:0; z-index:100; overflow:hidden; } #HTMLbackupHero .slide div { position:absolute; width:410px; left:445px; top:100px; z-index:110;} #HTMLbackupHero .slide h4 { font-size:55px; font-family:"Tahoma"; line-height:65px; letter-spacing:-4px; white-space:nowrap;} #HTMLbackupHero .slide h5 { font-size:20px; font-weight:normal; font-family:"Verdana";} #HTMLbackupHero .slide h4, #HTMLbackupHero .slide h5, #HTMLbackupHero .slide p { color:#fff !important;} #HTMLbackupHero .slide p.amit { margin-left:70px; font-size:1.12em; font-weight:normal; font-family:"Verdana"; width:400px; text-align: left;} #HTMLbackupHero ul.slideControl { position:absolute; padding:0; margin:0; left:512px; bottom:30px; z-index:1000;} #HTMLbackupHero ul.slideControl li { float:left; margin:0 0 0 0 !important; } #HTMLbackupHero ul.slideControl li img { border:2px solid #aaa; margin-left:2px; margin-right:2px; margin-top:2px; margin-bottom:2px;} #HTMLbackupHero ul.slideControl li img:hover { border-color: #fff; } #HTMLbackupHero ul.slideControl li img.selected { border-color:#fff !important; } #HTMLbackupHero a.actionButton { margin-left:70px; font-size:18px; color:#ffd02c; } /*------------- investment page styles -------------*/ /*------ side module -------*/ table.financialTable { margin-bottom:15px; width:100%; } table.financialTable td { padding:0; margin:0; } table.financialTable td.finLabel { } table.financialTable td.finValue { text-align:right; } /*------ center module -------*/ table.financialTable1 { margin-bottom:15px; width:300px; } table.financialTable1 td { padding:0; margin:0; } table.financialTable1 td.finLabel { font-weight:bold; } table.financialTable1 td.finValue { text-align:left; } /*------------- newsroom page styles -------------*/ table.prList { width:100%; margin-bottom:20px; } table.prList td.prDate { width:100px; color:#FF7200; } table.latestNewsInclude { margin-bottom:15px; width:100%;margin-left:-5px; } table.latestNewsInclude tr td {padding:5px; margin:0; line-height:1.2em;} /*------------- space above footer -------------*/ .ie6 .spaceAboveFooter { margin-bottom: -35px; width: 975px; } .spaceAboveFooter { margin-bottom: 35px; width: 975px; } /*------------- disclaimer styles -------------*/ .disclaimer { width: 520px; font-style:italic;} .disclaimerwithoutitalic { width: 520px;} .disclaimerSmallFont { width: 520px; font-size:8pt; } .disclaimerProductSmallFont { font-size:.9em; font-style:italic; color:gray; line-height:1.2em;} /*------------- newsroom styles from existing site -------------*/ .newsroomSubTitle, td.newsroomSubTitle { text-align: left; color: #666666; font-family: arial; font-weight: normal; font-size: 1.1em; font-style: italic; padding-bottom: 10px; } .newsroomSubTitle ul { margin-bottom: 0px; padding-bottom: 0px; } /* style modal content by id */ #ARdisplay { position: relative; width: 947px; vertical-align: top; top: 20px; } /*---------------------AOI Styles by SPI-------------------------------*/ table.aoiTable { width:529; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } table.aoiTable td.aoiTable { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:23px; color:#aaa; font-weight:normal; line-height:27px; vertical-align: middle; display: inline-table; } #cardiofeature { position: relative; width: 700px; background: white; vertical-align: top; top: 20px; text-align: left; padding: 20px; } .printBdr { border:0px solid #c6d3e3; padding:3px 8px 2px 0px; margin-top:0px; width:38px!important; height:15px; } .margin_left_17 { margin-left:17px; } .print_img { background: url(/static/images/Japan__chq_Images__Utility__btn-print.gif) 0px 6px no-repeat; width:46px!important; height:15px; float:left; margin-right:0px; margin-top:0px; cursor:pointer; } .print_img a{ background: url(/static/images/Japan__chq_Images__Utility__btn-print.gif) 0px 6px no-repeat; width:46px!important; height:15px; float:left; margin-right:0px; margin-top:0px; cursor:pointer; } .print_img a:hover{ background: url(/static/images/Japan__chq_Images__Utility__img_printer.gif) 0px 6px no-repeat; } .ie6 .print_img { background: url(/static/images/Japan__chq_Images__Utility__btn-print.gif) 0px 8px no-repeat; width:38px; height:17px; float:left; margin:0px 0px 2px 0px; cursor:pointer; } #middle_section { float:left; clear:right; width:587px; margin-left:-10px; margin-left:0px; } .text_resize { border:0px solid #c6d3e3; text-align:center; width:94px; height:15px; } .ie6 .text_resize { margin-bottom:0px; } .text_resize a { font-family:Arial; font-size:10px; color:#959595; text-decoration:none; } .text_resize img { padding-right:1px; } .sharetext { border:0 solid #C6D3E3; color:#959595; font-family:Arial; font-size:10px; padding-top:5px; width:41px; } .marginL10{ margin-left:10px; } .ie6 .marginL10{ margin-left:-10px; } .floatR{ float:right!important; } .floatL{ float:left!important; } /*------------- for forms -------------*/ .border-docContent{ border:1px solid #B9BCC0; background-color:#FAFAFA; } .TBLborder-name-docContent{ border:1px solid #B9BCC0; padding:5px 0px 5px 2px; background-color:#00457b; font-weight:bold; } .TBLborder{ border:1px solid #B9BCC0; padding:5px 0px 5px 2px; background-color:#ffffff; } .TBLborder-bg-docContent{ border:1px solid #B9BCC0; padding:5px 0px 5px 2px; background-color:#ffffff; text-align:center; } /*..................added by akhilesh...........*/ table.prodTable { border-right:1px solid #999999; border-top:1px solid #999999; font-size:14px!important; font-family:Arial, Helvetica, sans-serif; font-weight:normal!important; } tr { display:table-row; vertical-align:inherit; } table.prodTable td { border-bottom:1px solid #999999; border-left:1px solid #999999; font-size:0.7em; text-align:center; vertical-align:top; } /*----------------------------- CSS created for New Layout pages Dated 17-11-2010 --------------------- */ #new-columnCenter{width:740px; float:left; } #new-fullwidthcolumn{width:950px; margin:0px auto;} /*----------------------------- CSS created for New Layout pages Dated 25-12-2010 --------------------- */ lead-in-copy{ font-size:14px;} .banner-image{background:url('/static/images/Japan__chq_Images__heros__hero_t3_search.jpg') no-repeat top left; width:975px; height:148px;} /*------------------------------------ CSScreated for Mid container dated 30-11-2010 ----------------------------------------------*/ .top-nav-height{height:56px;} .searchBox td.ms-sbcell {border:none !important;} .searchBox input {border:0 none; color:#999999; width:122px !important;} .searchBox .ms-sbtable-ex{margin:0px;} /*------------------------------------ Footer links CSS created here Dated 01-12-2010 -----------------------------------------------*/ .footer1 a, .footer1 a:hover{color:#666666 !important;} /*------------------------ CSS created for hearder links ------------------------------*/ .headerTop a{color:#289392 !important;} .headerTop a:hover, .headerTop a.active{color:#ffffff !important;} .search-Metadata{font-size:12px;}