/*@import url("/content/groups/public/documents/web_asset/icons.hcsp");*/ * { font-family: Arial, Helvetica, sans-serif; margin: 0; } body { margin: 0; padding: 0; color: #666666; text-align: center; width: 100%; margin-left: auto; margin-right: auto; float: left; } th, td { font-size: 11px; } option{ color: #666666; font-size: 10px; } li { font-size: 100%; margin: 0 0 9px 0; line-height: 14px; list-style-image: url(/content/groups/public/documents/image/bulletsquareblue.gif); } #globalMainColumn ul{ padding: 0px; margin: 0px; } #globalMainColumn li { font-size: 100%; margin: 0 0 9px 20px; line-height: 180%; list-style-image: url(../../../globaltemplates/documents/image/bulletsquareorange.gif); } #globalMainColumn li ul li { list-style-image: url(/content/groups/public/documents/image/bulletsquareblue.gif); } #globalMainColumn ul.noBullet li{ list-style-image: none; list-style: none; } body, td, th, input, select, div, p { font-size: 11px; } p { line-height: 18px; } a { color: #255282; } .divider { background: url(/content/groups/public/documents/image/dottedline.gif) repeat-x center; height: 20px; float: left; width: 100%; } #layout1 { text-align: center; margin: auto; width: 100%; background: url(/content/groups/public/documents/image/background_gradient.gif) #FAFAFA bottom repeat-x; float: left; } #main { position: relative; width: 760px; margin-left: auto; margin-right: auto; text-align: center; height: 100%; } #dummy { padding: 0; margin: 0; float: left; } #global { width: 100%; float: left; } #globalMain { padding: 0; margin-left: auto; margin-right: auto; width: 760px; float: left; text-align: left; } #globalMainColumn { width: 594px; float: right; } #globalMainColumn h1 { margin: 0; padding: 0; background: url(/content/groups/public/documents/image/main_top.gif) no-repeat; font-size: 19px; color: #51759B; font-weight: normal; padding: 32px 0 10px 20px; } .h3, #globalMainColumn h3 { font-size: 14px; color: #51759B; font-weight: bold; margin-bottom: 8px; } .h5, #globalMainColumn h5 { font-size: 13px; color: #51759B; font-weight: bold; margin-bottom: 8px; } #globalMainColumn p { margin: 0 0 20px 0; } #globalMainColumn img { margin: 0; margin-top: -1px; padding: 0; border: 0; display: block; } /* blocks with padding behave differently between IE5 and others (e.g. firefox). The standard is for left and right padding to be added to the defined width. IE however includes padding in the defined width, i.e. if any left or right padding is defined it is taken from the defined width, so content appears narrower. This is the "Box Model problem" and this solution is the "Tan hack" - see http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41 Note: it is better not to use padding but instead to set margins on child elements. Define a selector with the standard behaviour; IE5 behaviour is below */ #globalMainContent { padding: 25px; background: url(/content/groups/public/documents/image/main_back.gif) repeat-y; float: left; width: 544px; } /* IE5 will also pick up this definition, and override the width property. See comment above about padding */ * html #globalMainContent { width: 594px; } #error h4 { margin: 0 0 25px 0; } /* All bar IE add padding onto the content width, so the width of the div will be 444 + 125 + 25 = 594, the width of the main_back.gif backround image */ #globalMainContentText { padding: 25px 125px 25px 25px; background: url(/content/groups/public/documents/image/main_back.gif) repeat-y; float: left; width: 444px; } /* Extra for IE, see comment above regarding padding */ * html #globalMainContentText { width: 594px; } /* Another Tan hack for the leftColumn */ #aboutus #leftColumn { width: 155px; background: url(/content/groups/public/documents/image/dot.gif) repeat-y right; float: left; padding: 0 25px 0 0; } * html #aboutus #leftColumn { width: 180px; } #aboutus #leftColumn .callout { color: #989898; font-size: 12px; line-height: 22px; } .calloutA { padding: 10px 15px; background: #FAFAFA; border: 1px solid #E0E0E0; } #aboutus #rightColumn { width: 340px; float: right; } #merger #leftColumn { width: 340px; float: left; padding: 0; } #merger #rightColumn { width: 180px; float: right; } #press #leftColumn { width: 340px; float: left; padding: 0; } #press #rightColumn { width: 180px; float: right; } #merger .webCastPic { padding: 2px; margin: 0 12px 19px 0; border: 1px solid #C9C7C8; float: left; } #merger .webCast{ float: left; padding: 10px 0 10px 0; } #merger #rightColumn p { line-height: normal; margin: 3px; } #press .webCastPic { padding: 2px; margin: 0 12px 0 0; border: 1px solid #C9C7C8; float: left; } #press #leftColumn p { float: right; width: 265px; margin: 0 0 5px 0; } #press a:hover { text-decoration: none; } #press .webCast{ float: left; padding: 10px 0 10px 0; background: url(/content/groups/public/documents/image/dot_bottom.gif) bottom repeat-x; } .pressRelease { float: left; } #press .date { color: #666; } .pressRelease .date { float: left; width: 70px; color: #666; } .pressRelease p { float: right; width: 265px; } .webCast a { color: #494949; text-decoration: none; padding: 0 0 0 20px; display: block; margin: 0 10px 0 0; } .webCast a:hover { text-decoration: underline; } * html .webCast a { margin-right: 0px; } .pressRelease a { color: #494949; text-decoration: none; margin: 0; padding: 0 0 0 20px; display: block; } #press .pressRelease a:hover { text-decoration: underline; } #rightColumn h1 { background: url(/content/groups/public/documents/image/country_selector_head.gif) no-repeat center left; color: #FFFFFF; font-size: 11px; line-height: 28px; padding: 0 0 0 30px; margin: 0; font-weight: bold; } #rightColumn ul{ padding: 0; margin-left: 20px; } #rightColumn li{ margin: 0 0 6px 0; } #alerts { background: #F7F7F7; border: 1px solid #E5E5E5; padding: 17px; float: left; } #merger #alerts { background: #FFFFFF; border: 1px solid #E5E5E5; padding: 10px; float: left; width: 158px; } * html #merger #alerts { width: 180px; } #alerts input { margin: 0 2px 0 0; border: 1px solid #d1d1d1; padding: 1px 2px; color: #595959; width: 110px; } #alerts input.buttonArrow { margin: 0; padding: 0; background: url(/content/groups/public/documents/image/arrow_orange_button.gif) no-repeat; height: 16px; width: 16px; border: 0; vertical-align: inherit; } #careers #leftColumn { width: 340px; float: left; padding: 0; } #careers #rightColumn { width: 189px; float: right; } #globalMainBottom { background: url(/content/groups/public/documents/image/main_bottom.gif) no-repeat bottom; height: 25px; margin: 0 0 50px 0; clear: both; width: 594px; display: block; } #globalLeftNav { width: 160px; float: left; } #globalLeftNav #topSection { background: url(/content/groups/public/documents/image/ln_top.gif) repeat-y; } #globalLeftNav ul { margin: 0; padding: 0; } #globalLeftNav ul.bulletArrow2 { margin: 0; padding: 1px; } #globalLeftNav li { font-size: 100%; margin: 0; list-style: none; list-style-image: none; background: url(/content/groups/public/documents/image/blk047057.gif) no-repeat 12px; margin-left: 0; padding: 0 0 0 12px; width: 148px; } #globalLeftNav li a { color: #494949; text-decoration: none; padding: 0 0 0 12px; line-height: 28px; width: 148px; display: block; } #Nav li a:hover { color: #255282; text-decoration: underline; } #globalLeftNav #bottomSection { padding: 15px; background: url(/content/groups/public/documents/image/ln_bottom.gif) repeat-y bottom; border-top: 1px solid #E0E0E0; } #globalLeftNav #bottomSection form { width: 130px; } #globalLeftNav #bottomSection p{ line-height: normal; margin-bottom: 8px; } #globalLeftNav #bottomSection label { margin: 5px 0 2px 0; display: block; } #globalLeftNav li a.iconLockFaded { background: url(/content/groups/global/documents/image/icon_lockfaded.gif) no-repeat right; padding: 0 0 0 12px; width: 136px; } /* topNavWrapper START */ div#topNavWrapperGlobal { margin: auto; width: 100%; background: url(/content/groups/public/documents/image/masthead_bottom_border.gif) #FAFAFA repeat-x; padding: 0; text-align: center; } /* drop-down menu END */ /* topNavWrapper END */ .blocker { position: absolute; z-index: 0; width: 10px; height: 10px; display: none; background-color:#00FF00 } /* mastheadWrapper START */ div#mastheadWrapper { margin: 0; padding: 0; width: 100%; height: 80px; background-color: #000000; color: #fff; } div#masthead { position: relative; width: 760px; height: 80px; background: #000 url(/content/groups/global/documents/image/blackrock_logo.gif) left bottom no-repeat; margin: auto; } #masthead .homeLink { height: 80px; width: 300px; display: block; float: left; } div#topUtil { position: absolute; top: 5px; right: 0; z-index: 200; } #ind #audience { background: url(/content/groups/public/documents/image/audienceindvinvst.gif) right bottom no-repeat; } div#topUtil ul{ list-style-type: none; margin: 0; padding: 0; } div#topUtil ul li { color: #fff; margin: 0; padding: 0; float: left; list-style-image: none; font-weight: bold; } div#topUtil a { color: #FFFFFF; text-decoration: none; font-size: 11px; padding: 0 5px; font-weight: normal; } #topUtil a.paddingRightNone { padding-right: 0; } /* mastheadWrapper END */ /* bevelNav START */ #bevelNav{ width: 760px; padding-top:25px; margin: auto; height: 55px; } /* IE-specific - will include the padding in the given width */ * html #bevelNav{ height: 80px; } #bevelNav ul { float: right; } #bevelNav ul li{ list-style: none; list-style-image: url(); margin: 0; float: left; line-height: 24px; background-image:url(/content/groups/public/documents/image/l1_nav_bg.gif); } #bevelNav li.bevelNavLeft{ background:url(/content/groups/public/documents/image/l1_nav_round_left.gif) no-repeat left; } #bevelNav li.bevelNavRight{ background:url(/content/groups/public/documents/image/l1_nav_round_rt.gif) no-repeat right; } #bevelNav a { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: normal; line-height: 24px; height: 24px; padding: 0 20px 0 20px; display: table-cell; float: left; white-space: nowrap; border-right: 1px solid #E0E0E0; } #bevelNav li.bevelNavRight a{ border-right: none; } #bevelNav a:hover { background: url(/content/groups/public/documents/image/l1_nav_bg_highlight.gif) center; } #bevelNav li.bevelNavLeft a:hover{ background:url(/content/groups/public/documents/image/l1_nav_round_left_highlight.gif) no-repeat left; } #bevelNav li.bevelNavRight a:hover{ background:url(/content/groups/public/documents/image/l1_nav_round_rt_highlight.gif) no-repeat right; } #bevelNav ul li a.On { background: url(/content/groups/public/documents/image/l1_nav_bg_on.gif) center; color: #494949; } #bevelNav li.bevelNavLeft a.On{ background:url(/content/groups/public/documents/image/l1_nav_round_left_on.gif) no-repeat left; } #bevelNav li.bevelNavRight a.On{ background:url(/content/groups/public/documents/image/l1_nav_round_rt_on.gif) no-repeat right; } #bevelNav ul li a.On:hover{ background: url(/content/groups/public/documents/image/l1_nav_bg_on.gif) center; } #bevelNav li.bevelNavLeft a.On:hover{ background:url(/content/groups/public/documents/image/l1_nav_round_left_on.gif) no-repeat left; } #bevelNav li.bevelNavRight a.On:hover{ background:url(/content/groups/public/documents/image/l1_nav_round_rt_on.gif) no-repeat right; } /* bevelNav END */ /* globalLayour START */ #globalFeatures { margin: 0; padding: 0; float: left; } #featureBox1 { padding: 0; margin: 0px 3px 0px 0px; width: 588px; background-color: #CCCCCC; border: 3px solid #fff; float: left; } /* Gets rid of the annoying space below the image on the home page */ #featureBox1 img { display: block; } /*#featureBox2 { padding: 0; margin: 6px 3px 0 0; width: 588px; background-color: #FFF; border: 3px solid #FFF; float: left; } #featureBox2L { height:119px; padding:0px; width:290px; float:left; background: url(/content/groups/public/documents/image/placeholder_2.jpg) left top; } #featureBox2R { width: 293px; border-left: 3px solid #fff; height:119px; padding:0px; width:50%; float:left; background: url(/content/groups/public/documents/image/placeholder_3.jpg) left top; }*/ #locSelect { padding: 0px; margin: 0px; background-color: #beccd9; float: right; } #locSelect ul{ list-style-type: none; margin: 0px; padding: 0px; float: left; width: 160px; } #locSelect ul li{ margin: 1px; text-align: left; border: 1px solid #eceff4; background: #dde0e5; list-style-image: none; height: 18px; line-height: 18px; font-size: 10px; text-indent: 15px; color: #999999; } #locSelect ul li.title{ color: #fff; font-weight:bold; padding: 7px 0px 5px 30px; margin: 0px; text-align: left; text-indent: 0; border: none; background: url(/content/groups/public/documents/image/country_selector_head.gif) no-repeat center left; line-height: 12px; height: 16px; font-size: 11px; } /* IE will pick this up and override the height property */ * html #locSelect ul li.title{ height: 28px; } #locSelect ul li.notListed { text-indent: 0; } * html #locSelect ul li.notListed { } #locSelect ul li.notListed a{ padding: 0px 3px 0px 15px; color: #51759B; text-decoration: underline; font-size: 10px; font-weight: normal; } #locSelect ul li.notListed a:hover{ color: #51759B; text-decoration: none; background: none; font-weight: normal; } /* Non-IE - margins and borders takes 2px each side, left + right padding takes 18px in total, the parent element (ul) is 160px wide so width here is 160 - 18 - 2 - 2 = 138px */ #locSelect ul li a{ padding: 0 3px 0 0; color: #666666; text-decoration: none; font-size: 10px; font-weight: normal; width: 153px; display: block; } /* For IE, padding is included as part of the content width, not in addition to, as for other browsers. Thus add 18px if in IE. The 2px each side for margin & border remain. */ * html #locSelect ul li a { width: 156px; } #locSelect a:hover{ background: url(/content/groups/public/documents/image/country_selector_highlight.gif) no-repeat center left; color: #fff; } /* globalLayout END */ /* footerWrapper START */ #footerWrapper { margin: 0; padding: 0; width: 100%; height: 25px; background: #000000; color: #fff; clear: both; border-top: 1px solid #efefef; } #footer { clear: both; width: 760px; margin-left: auto; margin-right: auto; font-size: 9px; } #footerLeft { float: left; padding: 6px 0 0 5px; margin: 0; } #footerRight { float: right; padding: 6px 0 0 5px; margin: 0; color: #fff; } #footerRight ul, #footerRight li { display: inline; padding: 0; margin: 0; } #footerRight a { font-size: 10px; font-weight: bold; border-right: 1px solid #fff; padding: 0px 10px 0px 5px; color: #ffffff; text-decoration: none; } #footerRight a.borderNo { border: 0; } /* footerWrapper END */ /* Custom Iframe */ .appFrame { width: 545px; } #invrel iframe { height: 3000px; } #pressR iframe { height: 6300px; } #analyst iframe { height: 600px; } /* products table */ th { background-color: #5F9BCF; color: #FFFFFF; text-align: left; font-weight: bold; padding: 6px 4px; text-transform: none; font-size: 11px; vertical-align: top; } td h5, td h5 a, td h5 a:visited{ font-size: 11px; padding-bottom: 0; } #tableStyle1 table{ border: 1px solid #E0E0E0; background-color: #F7F7F7; margin-top: 8px; padding: 0; } #tableStyle1 table td{ padding: 0; margin: 0; } #tableStyle1 table table{ border: none; margin: 0; } #tableStyle1 table table td{ padding: 8px 15px 6px 15px; } #tableStyle1 tr th{ } #tableStyle2 td{ padding: 8px; background-color: #F6F6F6; border: 1px solid #E0E0E0; } #tableStyle2 td.arrowDown{ background: url(/content/groups/public/documents/image/inv_process_arrow_down.gif) #FFFFFF left top no-repeat; padding: 0; border: none; } #tableStyle2 td.arrowUp{ background: url(/content/groups/public/documents/image/inv_process_arrow_up.gif) #FFFFFF left bottom no-repeat; padding: 0; border: none; } #tableStyle2 td.arrowBoth{ background: url(/content/groups/public/documents/image/inv_process_arrow_both.gif) #FFFFFF left bottom no-repeat; padding: 0; border: none; } #tableStyle2 th{ width: 80px; padding: 8px; text-align: center; } #tableStyle2 #tableStyle2_altTH{ background-color: #255282; text-transform: uppercase; } .whiteLineRight{ border-right: 2px solid #FFFFFF; } .grayLineLeft{ border-left: 1px solid #E0E0E0; } .noBorder{ border: none; } #tableStyle1 tr th a{ margin-left: 25px; color: #FFFFFF; font-size: 11px; text-decoration: underline; } #tableStyle1 tr th a:hover{ text-decoration: none; } .blueBG{ background-color: #51759b; } .blueBG p, .blueBG h5{ color: #FFFFFF; padding: 12px; } .blueBG a, .blueBG a:hover, .blueBG a:visited{ color: #FFFFFF; padding: 0; text-decoration: underline; } .blueBG a:hover{ text-decoration: none; } .blueBG p{ padding-top: 0; } /* country names character */ #locSelect a .countryJP { background: url(/content/groups/public/documents/image/countryjp_off.gif) no-repeat center left; width: 60px; display: block; height: 18px; } #locSelect a:hover .countryJP { background: url(/content/groups/public/documents/image/countryjp_on.gif) no-repeat center left; width: 60px; display: block; height: 18px; } #locSelect a .countryTW { background: url(/content/groups/public/documents/image/countrytw_off.gif) no-repeat center left; width: 60px; display: block; height: 18px; } #locSelect a:hover .countryTW { background: url(/content/groups/public/documents/image/countrytw_on.gif) no-repeat center left; width: 60px; display: block; height: 18px; } #locSelect a .countryCN { background: url(/content/groups/public/documents/image/countrync_off.gif) no-repeat center left; width: 60px; display: block; height: 18px; } #locSelect a:hover .countryCN { background: url(/content/groups/public/documents/image/countrycn_on.gif) no-repeat center left; width: 60px; display: block; height: 18px; } #locSelect a .countryHK { background: url(/content/groups/public/documents/image/countryhk_off.gif) no-repeat center left; width: 60px; display: block; height: 18px; } #locSelect a:hover .countryHK { background: url(/content/groups/public/documents/image/countryhk_on.gif) no-repeat center left; width: 60px; display: block; height: 18px; } input.buttonGo { margin: 0; padding: 0; background: url(/content/groups/public/documents/image/go_orange_button.gif); height: 17px; width: 21px; border: 0; display: inline; } input.submit, input.clear{ width: 60px; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; color: #FFFFFF; border: 1px solid #CCCCCC; vertical-align: top; font-weight: bold; text-transform: uppercase; background-image: url(/content/groups/public/documents/image/buttonOrange.gif); } input.clear{ background-image: url(/content/groups/public/documents/image/buttonWhite.gif); color: #51759B; } /* Alert message START */ #alert { background: #FEFFE3; border: 1px solid #C6630A; padding: 10px; text-align: left; margin: 0 0 15px 0; } #alert p { font-size: 14px; color: #C45E02; font-weight: bold; } /* Alert message END */ .iconPDF { background: url(../../../globaltemplates/documents/image/icon_pdf_emea.gif) no-repeat center left; padding: 0 10px 0 18px; margin: 0; } .iconVideo { background: url(../../../globaltemplates/documents/image/icon_video.gif) no-repeat center left; padding: 0 10px 0 18px; margin: 0; } /* simple table styles - KEO - 090508 - START */ table.simpleGlobalTable { background: #F7F7F7; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; } table.simpleGlobalTable tr td { border-bottom: 1px solid #E5E5E5; } /* simple table styles - KEO - 090508 - START */