/* ***************************************************** * This is a library file * * It's in SVN, edit there only * * Any changes must be peer code reviewed * ***************************************************** This is a global file and it's probably a good idea to just leave it alone * HTML STRUCTURE ***************************************************** * DEMO & LINKS *****************************************************/ /* RESETS ******************************************************************************/ /* Remove borders from most used HTML4 elements except input, select, textarea ** This is for look & feel ** Based on all IE, FF3.6, webkit, Opera 10.51 */ button, col, colgroup, fieldset, hr, iframe, img, table, tbody, td, tfoot, th, thead, tr { border: none; } /* Remove margin from elements ** This is a reset ** Based on all IE, FF3.6, webkit, Opera 10.51 */ blockquote, body, dd, dl, h1, h2, h3, h4, h5, h6, ol, ul, input, select, textarea, fieldset, form, hl, hr, p, pre, table { margin: 0; } /* Remove padding from elements ** This is a reset ** Based on all IE, FF3.6, webkit, Opera 10.51 */ button, h1, h2, h3, h4, h5, h6, ol, ul, input, select, textarea, fieldset, legend, td, th { padding: 0; } /* THIS IS HERE TO OVERRIDE THE TEAMSITE STYLES THAT ARE INSERTED INLINE ********************************************************************************/ .ls-canvas .ls-col { overflow: visible; } .ls-canvas .ls-col-body { overflow: visible; } .ls-canvas .ls-area { overflow: visible; } .ls-canvas .ls-area-body { overflow: visible; } /* TAG (GLOBAL) STYLES ******************************************************************************/ body { color: #000000; font-family: Arial, sans-serif; font-size: 14px; line-height: 1em; min-width: 1024px; } h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1em; } a { color: #005eb8; text-decoration: none; } body ol, body ul { list-style-type: none; } hr { background-color: #bbb; color: #bbb; height: 1px; } p, li { line-height: 1.5em; } p sup, li sup { position: relative; top: -0.5em; vertical-align: top; } body.page-class-terms-and-conditions-noframe { min-width: inherit; } /* HELPER CLASSES ******************************************************************************/ .display-none { display: none; } .float-left { float: left; } .float-right { float: right; } /* CLEARFIX ******************************************************************************/ /* float clearing for IE6 */ * html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE7 */ *+html .clearfix { min-height: 1%; } /* float clearing for everyone else */ .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } /* Only WOFF Files load synchronously ******************************************************************************/ /* * Legal Disclaimer * * These font are licensed only for use on these domains: * blackrock.com * blackrockoncampus.com * ishares.com * * It is illegal to download or use them on other websites. * * While the @font-face statements below may be modified by the client, this * disclaimer may not be removed. * * Lineto.com, 2012 */ @font-face { font-family: 'AkkuratProRegular'; src: local('BLKAkkuratProRegular'), url('/blk-one-c-assets/cache-1677729674000/include/one/fonts/lineto-akkurat-pro-regular.woff') format('woff'); } @font-face { font-family: 'AkkuratProItalic'; src: local('BLKAkkuratProItalic'), url('/blk-one-c-assets/cache-1677729674000/include/one/fonts/lineto-akkurat-pro-italic.woff') format('woff'); } @font-face { font-family: 'AkkuratProBold'; src: local('BLKAkkuratProBold'), url('/blk-one-c-assets/cache-1677729674000/include/one/fonts/lineto-akkurat-pro-bold.woff') format('woff'); } @font-face { font-family: 'AkkuratProBoldItalic'; src: local('BLKAkkuratProBoldItalic'), url('/blk-one-c-assets/cache-1677729674000/include/one/fonts/lineto-akkurat-pro-bolditalic.woff') format('woff'); } @font-face { font-family: 'AkkuratProLight'; src: local('BLKAkkuratProLight'), url('/blk-one-c-assets/cache-1677729674000/include/one/fonts/lineto-akkurat-pro-light.woff') format('woff'); } @font-face { font-family: 'AkkuratProLightItalic'; src: local('BLKAkkuratProLightItalic'), url('/blk-one-c-assets/cache-1677729674000/include/one/fonts/lineto-akkurat-pro-lightitalic.woff') format('woff'); } /*** Fonts for Avenir START ***/ @font-face { font-family: 'AvenirNextLight'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextThin'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextRegular'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextRegularCondensed'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextRegularCondensedItalic'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextMedium'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextMediumCondensed'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextBold'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextBoldCondensed'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextBoldCondensedItalic'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextDemi'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextDemiCondensed'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextDemiItalic'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextItalic'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirNextBook'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; } /*** Fonts for Avenir END ***/ /*** Fonts BLK Fort ***/ @font-face { font-family: 'FortBook'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Book.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'FortBookItalic'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BookItalic.otf') format('opentype'); font-weight: 400; font-display: swap; } @font-face { font-family: 'FortBold'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'FortBoldItalic'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold_Italic.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold_Italic.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold_Italic.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BoldItalic.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Bold_Italic.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-BoldItalic.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'FortExtraBold'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-Extrabold.otf') format('opentype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'FortExtraBoldItalic'; src: url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.eot'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.woff') format('woff'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.woff2') format('woff2'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.ttf') format('truetype'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.svg') format('svg'), url('/blk-one-c-assets/cache-1677729674000/include/common/fonts/blk-fort/BLKFort-ExtraboldItalic.otf') format('opentype'); font-weight: 800; font-style: normal; font-display: swap; } @media only screen and (min-width : 768px) and (max-width : 1023px) { body.page-class-error { min-width: auto; } body.page-class-error #navWrapper { max-width: 100%; } } /******************************************************************** * RESPONSIVE OVERRIDES - All screens smaller than 767px ********************************************************************/ @media only screen and (max-width : 767px) { body.blk-responsive { min-width: 0; } body.blk-responsive.nav-open { position: fixed; width: 100%; } } /* Making sure the megamenu isn't broken if a user prints from a mobile device (hey, it could happen) */ @media only print and (max-width : 767px) { .blk-responsive #navTree { display: none; } } /* Prevent dodgy iPhone font scaling in landscape */ @media only screen and (max-width : 767px) and (orientation: landscape) { .blk-responsive { -webkit-text-size-adjust: 100%; } }/*! jQuery UI - v1.13.2 - 2022-07-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url('/blk-one-c-assets/include/third-party/jquery-ui-1.13.2/%22images%2Fui-icons_555555_256x240.png%22')&iconsHighlight=url('/blk-one-c-assets/include/third-party/jquery-ui-1.13.2/%22images%2Fui-icons_777620_256x240.png%22')&iconsHeader=url('/blk-one-c-assets/include/third-party/jquery-ui-1.13.2/%22images%2Fui-icons_444444_256x240.png%22')&iconsError=url('/blk-one-c-assets/include/third-party/jquery-ui-1.13.2/%22images%2Fui-icons_cc0000_256x240.png%22')&iconsDefault=url('/blk-one-c-assets/include/third-party/jquery-ui-1.13.2/%22images%2Fui-icons_777777_256x240.png%22')&iconsContent=url('/blk-one-c-assets/include/third-party/jquery-ui-1.13.2/%22images%2Fui-icons_444444_256x240.png%22')&iconsActive=url('/blk-one-c-assets/include/third-party/jquery-ui-1.13.2/%22images%2Fui-icons_ffffff_256x240.png%22')&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url('/blk-one-c-assets/cache-1677729674000/include/third-party/jquery-ui-1.13.2/images/ui-icons_444444_256x240.png'); } .ui-widget-header .ui-icon { background-image: url('/blk-one-c-assets/cache-1677729674000/include/third-party/jquery-ui-1.13.2/images/ui-icons_444444_256x240.png'); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url('/blk-one-c-assets/cache-1677729674000/include/third-party/jquery-ui-1.13.2/images/ui-icons_555555_256x240.png'); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url('/blk-one-c-assets/cache-1677729674000/include/third-party/jquery-ui-1.13.2/images/ui-icons_ffffff_256x240.png'); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url('/blk-one-c-assets/cache-1677729674000/include/third-party/jquery-ui-1.13.2/images/ui-icons_777620_256x240.png'); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url('/blk-one-c-assets/cache-1677729674000/include/third-party/jquery-ui-1.13.2/images/ui-icons_cc0000_256x240.png'); } .ui-button .ui-icon { background-image: url('/blk-one-c-assets/cache-1677729674000/include/third-party/jquery-ui-1.13.2/images/ui-icons_777777_256x240.png'); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .003; -ms-filter: Alpha(Opacity=.3); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; }/* qTip2 v2.2.0 basic css3 | qtip2.com | Licensed MIT, GPL | Thu Nov 21 2013 20:35:00 */ .qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111} .qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1} .qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030} .qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0} .qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon{border-color:#D95252}.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252} .qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0} .qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}x:-o-prefocus,.qtip .qtip-tip{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:0;top:0;width:100%;height:100%}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}/* These are a bunch of overrides originally put in blk-components.css ** These should be scoped and not global ** Their use is not apparent, so continuing to load on all sites ** Clean up and remove as time goes on ** Also add comments for each usage ** Many of these are probably UK-Retail specific */ /* jQuery UI base styles */ .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-right, .ui-corner-bl { -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .ui-widget { background: white; font-family: Arial, sans-serif !important; font-size: 13px; } .ui-widget-content { border: 1px solid #ccc; color: #333; } .ui-widget-content a { color: #333; font-weight: normal; } .ui-button .ui-button-text { line-height: normal; display: inline; } .ui-menu .ui-menu-item a { padding: 0; width: auto; } .ui-autocomplete .ui-menu-item, .ui-autocomplete .ui-menu-item .ui-corner-all { font-size: 13px; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; font-size: 13px; } .ui-autocomplete { font-size: 13px; *height: 300px; max-height: 300px; overflow-y: auto; overflow-x: hidden; } /* jQuery UI Autocomplete styles for tools */ #evaluatorTool .ui-autocomplete, #historicalTool .ui-autocomplete, #performanceTool .ui-autocomplete { width: 486px; } /* jQuery UI Upgrade means that previous fixes that avoided important no longer work! */ #evaluatorTool .ui-autocomplete-input, #historicalTool .ui-autocomplete-input, #performanceTool .ui-autocomplete-input { font-size: 13px; padding: 1px; margin: 0 !important; width: 470px !important; } #evaluatorTool #fundRange, #performanceTool #productId, #performanceTool #classId, #historicalTool #productId, #historicalTool #classId { height: 26px; padding:2px; } #evaluatorTool tbody td input, #performanceTool #fromDate, #performanceTool #toDate, #historicalTool #fromDate, #historicalTool #toDate { height:18px; padding:3px; } /* jQuery UI Datepicker */ .ui-datepicker.ui-widget { font-size: 12px !important; width: 209px; } .ui-datepicker .ui-datepicker-header { width: 208px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 60px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { width: 21px; } .ui-datepicker table { margin: 0 0 .2em; font-size: 11px; } /* Fix for custom combobox taking up too much space in Historical Price/Performance tool */ .custom-combobox { display: inline !important; } /* Pulled from blk-components.css. This looks like an IE7 override ** for the UK Retail historical price tool */ /* Historical Price Tool */ #historicalTool button.ui-button-icon-only { *margin-left: -6px; *margin-top: 1px; } /* UK Retail Evaluator Tool ** UK Retail Historical Prices Tool ** UK Retail Performance Tool ** Align the arrow icon on the end of the dropdown/autocomplete combo boxes ** Change the background color to white ************************************************************************************/ #evaluatorTool .custom-combobox-toggle, #historicalTool .custom-combobox-toggle, #performanceTool .custom-combobox-toggle { border-left: none; height: 24px; vertical-align: top; width: 16px; *margin-top: 1px; } #evaluatorTool .custom-combobox-input, #historicalTool .custom-combobox-input, #performanceTool .custom-combobox-input { background: none; height:20px; padding:2px; } /* Generic-ish stuff */ .gadget li a { display: block; margin-bottom: 8px; } .gadget li a.icon-pdf { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/icon-pdf.png') no-repeat scroll 0 0 transparent; } .iframeContainer.negative-margin { margin: -21px -20px -20px; } img.editIcon { border: none; height: auto !important; } img.loading { vertical-align: bottom; border: none !important; margin-bottom: 5px; display: none; } /* EBRETAIL-386 Global classes for factsheet disclaimer font sizes */ .product-content-larger { font-size: 1.2em; } .product-content-smaller { font-size: 0.8em; } /* Icon classes that need to be replaced with proper icon class ** DO NOT REUSE these. They are here because some one didn't ** use the proper styles in the first place. ** USE STYLES IN BLK_ICONS, NOT THESE! */ .icnPDF, .email, .print { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/sprite_icons.png') no-repeat left -8px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/sprite_icons.gif') no-repeat left -8px; line-height: 14px; padding-left: 18px; } .icnPDF { background-position: 0 -104px; } .email{ background-position: 0 -456px ; } .print { background-position: 0 -840px; } /* Hero spot */ #heroSpot { background-repeat: no-repeat; margin-bottom: 4px; min-height: 332px; *height: 332px; position: relative; } #heroSpot .header { width: 70%; padding: 22px 10px 15px 34px; position: absolute; top: 35px; left: 70px; background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/transparent_bg-ie-white.png'); background: rgba(255, 255, 255, 0.85); } #heroSpot .button-alternate { background: #3db7e4; /* Old browsers */ background: -moz-linear-gradient(top, #3db7e4 0%, #001d77 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3db7e4), color-stop(100%,#001d77)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3db7e4 0%,#001d77 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3db7e4 0%,#001d77 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #3db7e4 0%,#001d77 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3db7e4', endColorstr='#001d77',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #3db7e4 0%,#001d77 100%); /* W3C */ } #heroSpot .header h1 { color: #333; font-size: 26px; font-family: 'AkkuratProRegular', Arial, sans-serif; font-weight: normal; margin-bottom: 12px; } #heroSpot p { color: #333; font-size: 16px; margin-bottom: 12px; } #heroSpot .button-alternate { margin: 10px 20px 20px; } /* Recent Videos ********************************************************/ #recentVideos h3 { color: #666; font-family: 'AkkuratProBold', Arial, sans-serif; font-size: 18px; font-weight: normal; } #recentVideos h5, #recentVideos p { padding: 10px 0 5px; } #recentVideos h5 { font-size: 14px; } #recentVideos img { height: 90px; padding: 10px; width: 164px; } #recentVideos .video-panel { display: none; } #recentVideos .video-panel:first { display: block; } #recentVideos .video-tabs { border-top: 1px solid #ccc; display: block; margin-left: 0; margin-right: 10px; padding: 5px 0 10px; text-align: right; width: 100%; } #recentVideos .video-tabs li { border: 1px solid #277ABE; display: inline-block; margin-left: 5px; } #recentVideos .video-tabs li a { padding: 0 5px 2px 5px; } #recentVideos .video-tabs li.selected { background: #277ABE; } #recentVideos .video-tabs li.selected a { color: white; } /* OE6 & IE7 * **************/ #recentVideos .video-tabs li { *display: inline; zoom: 1; } /* PRODUCT FINDER (HOME PAGE) *********************************************************************/ .productFinder h3 { color: #666; font-family: 'AkkuratProBold', Arial, sans-serif; font-size: 18px; font-weight: normal; } .productFinder .search-box { background: #ccc; /* Old browsers */ margin-top: 10px; padding: 10px; } .productFinder .search-box input { background: #F3F3F3; background: -moz-linear-gradient(top, #F3F3F3 0%, white 85%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F3F3), color-stop(100%, white)); background: -webkit-linear-gradient(top, #F3F3F3 0%, white 100%); background: -o-linear-gradient(top, #F3F3F3 0%, white 100%); background: -ms-linear-gradient(top, #F3F3F3 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0 ); background: linear-gradient(top, #F3F3F3 0%, white 100%); border-top: 1px solid #CCC; border-right: 1px solid #EAEAEA; border-bottom: 1px solid #F7F7F7; border-left: 1px solid #EAEAEA; height: 20px; padding: 5px 2px !important; width: 200px; } /* IE10+ adds an "x" icon to clear elements. We don't want this if we have a right-aligned bg */ .productFinder .search-box input::-ms-clear { height: 0; width: 0; } .productFinder .search-box #wsod_suggest_go { background: transparent url('/blk-one-c-assets/cache-1677729674000/include/one/css/nw/i/light-touch-magnifying-glass.png') no-repeat scroll left 50%; border: medium none; color: #FFFFFF; display: inline-block; filter: none; -ms-filter: "none"; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 25px; margin-left: -30px; padding: 5px 10px; text-indent: -5000px; vertical-align: middle; } .productFinder .ui-autocomplete, .productFinder #ac-fund { width: 270px; } .productFinder h4 { font-size: 14px; font-weight: bold; margin: 20px 0 10px; } .productFinder ul { margin-left: 10px; } .productFinder ul li { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_sprites.png') no-repeat; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_sprites.gif') no-repeat; background-position: -36px -44px; display: block; padding: 0 0 6px 12px; } .productFinder .view-all-products a { border-top: 1px solid #BBBBBB; font-size: 13px; font-weight: bold; display: block; line-height: 19px; padding: 10px; text-align: right; } /* LATEST INSIGHTS LIST (HOME PAGE) ***********************************************************************/ #latestUpdates { *zoom: 1; } #latestUpdates h3 { color: #666; font-family: 'AkkuratProBold', Arial, sans-serif; font-size: 18px; font-weight: normal; margin-bottom: 10px; } #latestUpdates .relatedArticle { margin-bottom: 5px; /* wrapper for floated thumbnails */ overflow: auto; } #latestUpdates .relatedArticle .latest-updates-thumbnail, #latestUpdates .relatedArticle img { height: 60px; width: 60px; } #latestUpdates .latest-updates-thumbnail { display: block; float: left; margin: 0 10px 5px 0; } #latestUpdates .relatedArticle h4 { font-size: 13px; } #latestUpdates .relatedArticle h4, #latestUpdates .relatedArticle p { margin: 0 0 5px 70px; } #latestUpdates .relatedArticle .padlock { background-position: -15px -996px; } #latestUpdates .all-latest-updates { border-top: 1px solid #ccc; display: block; font-weight: bold; padding: 10px 0; text-align: right; width: 100%; } /* Page title ****************************************************/ #pageTitle { margin-bottom: 18px; } .title h1, #searchResults h1, .terms-wrapper h1, .padlock-teaser h2 { color: #137150; font-size: 26px; font-family: 'AkkuratProRegular', Arial, sans-serif; font-weight: normal; line-height: normal; padding-bottom: 5px; /* TW Retail probably */ _letter-spacing:12px; _font-weight:normal; } .title h1 + h2{ font-family: 'AkkuratProRegular', Arial, sans-serif; font-weight: normal; font-size: 22px; line-height: 26px; margin: 5px 0 0; padding-bottom: 8px; } .title h1 + .page-categorization{ margin-top: 15px; } /* Share links */ .shareLinks { font-size: 13px; padding: 5px 0; text-align: right; } .shareLinks a { display: inline-block; margin: 0 5px 0 10px; } /* END Page title */ /* Standalone share links component */ .standalone-share-links { margin: 5px 0 20px; } /* Hack: Layout-specific margins - some layouts have different (or no) padding * in the pageHeader areas, which we need to cater for */ .contentPageWide1 #pageHeader .standalone-share-links { margin-bottom: 0; } .contentPageWide1 #pageHeader .page-share-links { margin-top: -12px; } .contentPageWide3 #pageHeader .standalone-share-links { margin-bottom: 0; } .contentPageWide8 #pageHeader .standalone-share-links { margin-bottom: 9px; } .contentPageWide8 #pageHeader #pageTitle .page-share-links { margin-right: -150px; } .contentPageWide8 #pageTitle { margin-left: 150px; width: 640px; } .landingPage6 #pageHeader { padding: 7px 20px 0; } .padlock-teaser { margin-bottom: 20px; } .padlock-teaser h3 { font-size: 15px; margin-top: 5px; } .padlock-teaser div.left img { margin-right: 10px; margin-bottom: 10px; } .padlock-teaser p { text-align: justify; } .padlock-teaser .login { margin-top: 15px; } .padlock-teaser .login span.separator { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_sprites.png') no-repeat scroll -42px -28px transparent; padding: 0 4px; } .padlock-teaser h4 { font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 16px; font-weight: normal; margin: 15px 0 10px; line-height: 1.2em; } .padlock-teaser h5 { margin: 10px 0; } /* Accordion */ #columnMain .accordion p, .accordion ol, .accordion ul { margin-bottom: 10px; } .accordion ol.decimal { list-style: decimal; padding: 0 18px; margin-bottom: 10px; } .accordion li { /*cursor: pointer;*/ padding: 5px 18px; color: #156CC6; } .accordion ul.bullet { margin-bottom: 10px; } .accordion ul.bullet li { padding: 5px 0; } .accordion ul.bullet li a { height: 18px; padding: 0 0 0 25px; } .accordion ul.text { list-style: none; } .accordion ul.text li { padding-left: 0px; } .accordion ol.decimal li { padding: 5px 0px; *margin-left: 5px; } .accordion ul.text .childContent { margin-left: 18px; } .accordion .childContent ul, .accordion .childContent ol{ list-style-type: disc; overflow: auto; padding-left: 25px; } .accordion .childContent ol{ list-style-type: decimal; } .accordion .childContent ul li, .accordion .childContent ol li{ padding: 0; margin-bottom: 4px; color: #282828; } .accordion .toggleChildren a { display: inline-block !important; } .accordion .toggleChildren a.icon-expand, .accordion .toggleChildren a.icon-collapse, .accordion .toggleChildren a.icon-arrowdown, .accordion .toggleChildren a.icon-arrowright { cursor: pointer; } .accordion .toggleChildren a.icon-arrowright{ background-position: -15px -353px; } .accordion .toggleChildren a.icon-arrowdown{ background-position: -15px -403px; } .accordion ol.decimal .toggleChildren a { *margin-left: -5px; background: none; padding: 0; display: inline !important; } .accordion .childContent { cursor: default; padding: 0 12px 0 25px; } .accordion .childContent a { padding-left: 0 !important; } .accordion ol.decimal li .childContent { border-top: 0; padding-left: 0; } .accordion .toggleChildren p { margin-top: 10px; color: #333; } .accordion ul.bullet li.blue-bar-bg { background-color: #EEF2F4; line-height: 20px; padding: 9px 0 10px; margin-bottom: 7px; } .accordion ul.bullet li.blue-bar-bg > a { margin-left: 8px; } .accordion li.blue-bar-bg .childContent { background-color: #FFF; border-top: 10px solid #EEF2F4; padding: 0 12px 10px 33px; } #columnMain .accordion .blue-bar-bg p { margin-bottom: 0; } /* Feature buckets */ .featureBucketWrapper { width: 978px; margin: 0 -18px; } .featureBucketComponent { width: 100%; border-spacing: 18px 0px; border-collapse: separate; table-layout: fixed; *border-style: solid; *border-width: 0px 18px; *border-color: white; *background-color: #F8F8F8; margin-bottom: 18px; } .featureBucketComponent td { text-align: center; /*border-left: expression(this.previousSibling == null ? 'none' : '18px solid white' ) !important;*/ } .featureBucketComponent .gadget { border-width: 6px 0 0 0; *border-top: 0px !important; padding-bottom: 5px; } .featureBucketComponent .gadget, .featureBucketComponent .gadgetRelatedLinks { background-color: #F8F8F8; } .featureBucketComponent .gadgetHeader { font-size: 14px; text-align: left; *border-top: 6px solid #2296D3; } .featureBucketComponent .gadgetFooter { width: 100%; } .featureBucketComponent .gadgetRelatedLinks { padding: 0 10px 15px; vertical-align: top; line-height: normal; } .featureBucketComponent .gadgetRelatedLinks .img { margin-bottom: 10px; } .featureBucketComponent .gadgetRelatedLinks .img a { display: inline; } .featureBucketComponent .gadgetRelatedLinks li { margin-left: 5px; width: 100%; *margin-left: -18px; } .featureBucketComponent .bulletTitle { line-height: 19px; font-weight: bold; } .featureBucketComponent li { text-align: left; } .featureBucketComponent .contentList { /*margin-top: 10px;*/ } .featureBucketComponent .contentList li { margin: 0 5px 10px 5px; line-height: normal; padding: 5px 0; } .featureBucketComponent .contentList p { padding: 0 3px 0 18px; } .featureBucketComponent .relatedLinks { background: #fff; list-style-position: inside; margin: 0 10px 10px; padding: 10px; border-color: #2296d3; border-style: solid; border-width: 6px 1px 1px; width: auto; } .featureBucketComponent .relatedLinks div { font-size: 1.2em; font-weight: bold; text-align: left; margin-bottom: 10px; } .featureBucketComponent .relatedLinks a { display: block; padding-bottom: 10px; } /* CMP Feature Box */ .contentPageWide3 .altFeatureBox { clear: both; margin-bottom: 30px; } .contentPageWide1 .altFeatureBox { margin-bottom: 10px; height: 160px; } .cmpFeatureBox, .altFeatureBox { border: 1px solid #bbb; margin-bottom: 18px; line-height: normal; padding: 0; } .cmpFeatureBox .title, .altFeatureBox .title { border-color: #bbb; border-style: solid; border-width: 0 0 1px; width: auto; overflow: auto; margin-bottom: 0 !important; } .altFeatureBox, .altFeatureBox .title { border: none; } .altFeatureBox .title { overflow: visible; } .cmpFeatureBox .title h3, .altFeatureBox .title h3 { font-size: 18px; font-weight: lighter; padding: 10px; } .contentPageWide1 .altFeatureBox h3, .contentPageWide2 .altFeatureBox h3 { font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 24px; } .altFeatureBox .title h3 { padding: 0; } .altFeatureBox .title img { margin: 0 10px 10px 0; } .cmpFeatureBox .content, .altFeatureBox .content { overflow: hidden; } .cmpFeatureBox img, .cmpFeatureBox .content p, .altFeatureBox img, .altFeatureBox .content p { margin: 10px; } .cmpFeatureBox .callToAction { padding: 10px; } .altFeatureBox .content p { font-size: 14px; padding: 9px 0 1px; line-height: 21px; margin: 0; } .altFeatureBox .callToAction { font-size: 14px; padding: 0 10px 0 5px; text-align: left; font-weight: normal; overflow: hidden; } .altFeatureBox .callToAction a { line-height: 21px; } /* Link List */ .linkList p { margin-bottom: 10px; } .linkList .gadgetBody p { margin: 0; padding-left: 22px; } .linkList .gadgetBody ul { margin-bottom: 10px; } .linkList .gadgetBody ul:last-child { margin-bottom: 0; } .linkList .gadgetBody li, .featureList .gadgetBody li { margin-top: 10px; width: 100%; } .linkList .gadgetBody li a, .featureList .gadgetBody li a { margin-bottom: 0; color: #000000; } .linkList .gadgetBody li a span, .featureList .gadgetBody li a span { display: block; } .linkList .gadgetBody li a.padlock, .featureList .gadgetBody li a.padlock { background-position: right -994px; padding-left: 0; padding-right: 36px; } .linkList .gadgetBody li a.icon-unlock, .featureList .gadgetBody li a.icon-unlock { background-position: right -1060px; padding-left: 0; padding-right: 36px; } .linkList .gadgetBody p.intro, .featureList .gadgetBody p.intro { margin-bottom: 10px; padding: 0; } .linkList .gadgetBody li .icon-pdf { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/icon-pdf.png') no-repeat 0 0; color: #000000; } .linkList h5 { line-height: 1.5em; padding-top: 10px; } .linkList .gadgetBody h5 { padding: 2px 0 0; } .linkList.related-literature .callToAction { padding: 10px; } /* Link list dropdown */ .linkList .drop-down-link-list { width: 100%; } /* Horizontal link list */ .horizontal-link-list { margin: 0 -10px; *margin: 0; } .horizontal-link-list table { border-collapse: separate; border-spacing: 10px; width: 100%; } .horizontal-link-list .link-list-prev, .horizontal-link-list .link-list-next { border: 1px solid #ccc; font-size: 13px; width: 50%; } .horizontal-link-list .blank { border: none; } .horizontal-link-list .wrapper { height: 32px; position: relative; } .horizontal-link-list .link-list-next { text-align: right; } .horizontal-link-list .link-list-prev a, .horizontal-link-list .link-list-next a { display: block; padding: 9px 10px; } .horizontal-link-list .link-list-prev a { padding-left: 28px; } .horizontal-link-list .link-list-next a { padding-right: 28px; } .horizontal-link-list .link-list-prev span, .horizontal-link-list .link-list-next span { background: white url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat; _background: white url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat; height: 34px; position: absolute; top: -1px; width: 29px; } .horizontal-link-list .link-list-prev span { background-position: -9px -2221px; left: -1px; } .horizontal-link-list .link-list-next span { background-position: -8px -2176px; right: -1px; } /* Home page link list */ .gadget.homepage-list { height: 324px; margin: 0; } .gadget.homepage-list .list-background { background-repeat: no-repeat; height: 324px; } .gadget.homepage-list .gadgetHeader { padding: 18px 0 2px 18px; color: #5A5A5A; } .gadget.homepage-list .gadgetBody { padding: 12px; width: 190px; } .gadget.homepage-list .gadgetBody ul li { display: list-item; margin: 0; width: auto; } .gadget.homepage-list .gadgetBody ul li a { font-size: 14px; height: auto; margin-bottom: 9px; } .gadget.homepage-list .gadgetBody ul li a span { height: auto; } /* Search results */ #searchResults { line-height:normal; } #searchResults p { margin-bottom: 15px; } #searchResults h1 { margin-bottom: 20px; } #searchResults .navigation { margin: 20px 0; text-align: center; } #searchResults .navigation ul li { display: inline; } #searchResults .navigation ul, #searchResults .navigation select { margin-right: 8px; } #searchResults .navigation span { padding-left: 10px; border-left: 1px solid #ccc; } #searchResults .highlight { font-weight: bold; } /* search Results */ .quickSearchResults { color: #009933; } .quickSearchResults a { color: #1122CC; font-size: 16px; text-decoration: underline; } .quickSearchResults p { color: #000; } /* TABLE */ .content-table { line-height: normal; border-collapse: collapse; margin: 10px 0; width: 100%; border-bottom: 2px solid #9d9d9d; } .content-table { border: none; } .content-table th{ background: #dedfde; background: -moz-linear-gradient(top, #dedfde 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedfde), color-stop(100%, #efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dedfde 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dedfde 0%, #efefef 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #dedfde 0%, #efefef 100%); /* IE10+ */ background: linear-gradient(top, #dedfde 0%, #efefef 100%); /* W3C */ border-right: 1px solid white; color: #414042; font-weight: bold; text-align: left; } .content-table tr.alt, .accordion tr.alt { background: #f3f3f3; } .content-table tr.total, .accordion tr.total { border-top: 1px solid #ccc; font-weight: bold; } .accordion td { color: #282828; line-height: initial; } .content-table th, .content-table td, .toolTop td { padding: 8px; line-height: 1.5em; } .content-table .collast, .toolTop .collast { border-right: none; } .content-table th.heading { padding: 10px; } .content-table th.heading span { display: none; } .content-table td .padlock, .content-table td .icon-padlock, .content-table td .icon-lock { white-space: pre-wrap; } .imageCTAComponent .gadgetBody div { overflow: hidden; } .imageCTAComponent .gadgetBody img, .featureBucketComponent .gadgetFooter img { margin: 0 10px 10px 0; } .callToAction { font-size: 13px; line-height: 19px; } .callToAction a { display: inline !important; } .callToAction a > span { display: block; } .callToAction .button, .callToAction .button-orange { display: inline-block !important; } /* Sectioned content */ .sectionedContent .callToAction { padding-bottom: 0; } .gadgetBody .icnChevron { padding: 0 0 0 14px; margin-left: 4px; line-height: 14px; } /* FEATURE LIST ********************************************************/ .featureList .gadgetBody .feature-entry img { float: left; margin: 0 10px 15px 0; max-width: 274px; } .featureList div.feature-entry { overflow: auto; } .featureList .gadgetHeader .gadgetDate { float: right; margin-top: -15px; } .featureList .gadgetBody h3 { font-weight: bold; line-height: 1.5em; padding-bottom: 10px; } .featureList .gadgetLinks { padding: 10px 0 0; } .featureList .gadgetLinks a { margin-bottom: 0; } .featureList .callToAction { padding-top: 10px; overflow: hidden; } /* FEATURE LIST / LINK LIST HOME PAGE OVERRIDES ********************************************************/ .landingPage6 .featureList .gadget { background: none; } .landingPage6 .featureList .gadgetHeader h3, .landingPage6 .linkList .gadgetHeader h3 { color: #666666; font-family: 'AkkuratProBold', Arial, sans-serif; font-size: 18px; font-weight: normal; } .landingPage6 .featureList .gadgetBody .feature-entry { min-height: 80px; } .landingPage6 .featureList .gadgetBody ul, .landingPage6 .featureList .gadgetBody li { display: block; } .landingPage6 .featureList .callToAction { margin: 0 -10px; } /* IMAGE CTA COMPONENT ****************************************************/ .imageCTAComponent .gadget a { display: inline; } .imageCTAComponent .gadgetBody { overflow: hidden; } .imageCTAComponent .gadgetBody img { float: left; } .imageCTAComponent .callToAction { padding: 18px 0 0; } /* SUBSCRIBE LINK COMPONENT ****************************************************/ #columnRight .subscribe-link { margin-bottom: 25px; } .subscribe-link .imageCTAComponent .gadgetBody img { float: none; margin: 0; vertical-align: bottom; } /* CampaignSubscriptions Component ****************************************************/ .campaignSubscriptionsComponent { background-color: #e5f3ff; color: #282828; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; padding: 0; border: 0; } .campaignSubscriptionsComponent .h1 { color: #1589c3; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 22px; line-height: 26px; padding: 20px 20px 0px 20px; } .campaignSubscriptionsComponent p { padding: 20px 20px 0px 20px; } .campaignSubscriptionsComponent iframe { width: 100%; height: 100%; overflow: hidden; vertical-align: bottom; } .campaignSubscriptionsComponent.ishares { background-color: #eef6dd; } .campaignSubscriptionsComponent.ishares .h1 { color: #76ab00; } .campaignSubscriptionsComponent .subscribe { padding-top: 25px; padding-bottom: 25px; text-align: center; } .campaignSubscriptionsComponent .subscribe a { background: #0079cd; background-image: -webkit-linear-gradient(top, #0079cd, #0045a5); background-image: -moz-linear-gradient(top, #0079cd, #0045a5); background-image: -ms-linear-gradient(top, #0079cd, #0045a5); background-image: -o-linear-gradient(top, #0079cd, #0045a5); background-image: linear-gradient(to bottom, #0079cd, #0045a5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #cccccc; font-size: 12px; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 10px 10px 10px 10px; } .campaignSubscriptionsComponent .subscribe a:hover { background: #0045a5; background-image: -webkit-linear-gradient(top, #0045a5, #0079cd); background-image: -moz-linear-gradient(top, #0045a5, #0079cd); background-image: -ms-linear-gradient(top, #0045a5, #0079cd); background-image: -o-linear-gradient(top, #0045a5, #0079cd); background-image: linear-gradient(to bottom, #0045a5, #0079cd); } .campaignSubscriptionsComponent.ishares .subscribe a { background: #82bc00; background-image: -webkit-linear-gradient(top, #82bc00, #5f8900); background-image: -moz-linear-gradient(top, #82bc00, #5f8900); background-image: -ms-linear-gradient(top, #82bc00, #5f8900); background-image: -o-linear-gradient(top, #82bc00, #5f8900); background-image: linear-gradient(to bottom, #82bc00, #5f8900); } .campaignSubscriptionsComponent.ishares .subscribe a:hover { background: #5f8900; background-image: -webkit-linear-gradient(top, #5f8900, #82bc00); background-image: -moz-linear-gradient(top, #5f8900, #82bc00); background-image: -ms-linear-gradient(top, #5f8900, #82bc00); background-image: -o-linear-gradient(top, #5f8900, #82bc00); background-image: linear-gradient(to bottom, #5f8900, #82bc00); } /* FEATURE COMPONENT ****************************************************/ .featureComponent hr { margin: 10px 0; color: #ccc; background-color: #ccc; border: 0; height: 1px; } .featureComponent .gadgetHeader h3 { font-size: 14px; } .featureComponent .gadgetBody { overflow: hidden; } .featureComponent .gadgetBody h2 { font-weight: bold; line-height: 1.5em; margin-bottom: 20px; } .featureComponent .gadgetBody h5 { font-size: 12px; } .featureComponent .gadgetBody li { margin-bottom: 10px; } .featureComponent .gadgetBody p { margin-bottom: 15px; } .featureComponent .gadgetBody p[class^="icon-"] { margin-bottom: 0; } .featureComponent .gadgetBody img { margin: 0 10px 10px 0; } .featureComponent .callToAction { padding-right: 0; padding-bottom: 0; overflow: hidden; } .featureComponent .callToAction .icnChevron, .featureComponent .callToAction .icnPDF { margin-top: 5px; } .featureComponent .callToAction .button-alternate { margin-top: 0; } /* FEATURED TOOL ****************************************************/ .featuredToolBorder { overflow: auto; } .featureLiteratureListComponent { width:50%; overflow:auto; float:left; line-height: normal; } .featureLiteratureListComponent .imagesOfTool { overflow: auto; float: left; } .featureLiteratureListComponent .textOfTool { overflow: hidden; padding: 0 10px; } .featureLiteratureListComponent .textOfTool .componentTitle { font-weight: bold; margin-bottom: 10px; } .featureLiteratureListComponent .textOfTool a { display: block; } .featureLiteratureListComponent .textOfTool ul { margin: 15px; } .featureLiteratureListComponent .textOfTool .button { text-align: center; } .featureLiteratureListComponent .textOfTool ul.featuredList { margin: 0; } .featureLiteratureListComponent .textOfTool ul.featuredList li { padding-left: 18px; } .featureLiteratureListComponent .textOfTool ul.featuredList a { margin: 0 0 10px; } /* Terms and Conditions (compliance) page */ .terms-wrapper { padding-top: 26px; } .terms-wrapper p { margin-bottom: 15px; } .terms-wrapper h1 { border-bottom: 1px solid #dddfe1; font-size: 24px; margin: 0 50px; padding: 0 0 9px; } .terms-wrapper h2 { color: #333; font-size: 18px; font-weight: normal; margin: 0 0 21px 50px; } .terms-wrapper h2 .audience-type { color: #137150; } .terms-wrapper .terms-text { height: 220px; margin: 10px 50px 15px; overflow: auto; padding: 0 10px 10px 0; } .terms-wrapper .attest-accept { padding: 15px 30px; } .terms-wrapper .attest-text { height: 220px; overflow: auto; margin: 0 30px; } .terms-wrapper .attest-section { background: #E3E9EC; /* Old browsers */ background: linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* W3C */ background: -moz-linear-gradient(top, #E3E9EC 0%, #f6f8fa 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* IE10+ */ background: -o-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* Opera11.10+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E9EC), color-stop(100%,#f6f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* Chrome10+,Safari5.1+ */ margin: 5px 20px 30px; font-size: 10pt; } .terms-wrapper .terms-text.no-target { height: 304px; } .terms-wrapper .terms-text.no-audience { height: 259px; } .terms-wrapper fieldset, .disclosure-form { background: #E3E9EC; /* Old browsers */ background: linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* W3C */ background: -moz-linear-gradient(top, #E3E9EC 0%, #f6f8fa 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* IE10+ */ background: -o-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* Opera11.10+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E9EC), color-stop(100%,#f6f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #E3E9EC 0%,#f6f8fa 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E9EC', endColorstr='#f6f8fa', GradientType=0 ); /* IE6-9 */ font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 13px; padding: 20px 50px; } .terms-wrapper fieldset p { font-weight: bold; margin-bottom: 5px; } .terms-wrapper fieldset .button , .disclosure-form .button, .terms-wrapper fieldset .button-disabled { font-size: 13px; line-height: 16px; margin-right: 25px; padding: 8px 40px; } .terms-wrapper ul { list-style-type: disc; margin: 0 0 10px 0; padding: 0 0 0 38px; } .terms-wrapper ul li { line-height: 1.5em; margin-bottom: 2px; } /* Historical Price Tool */ #historicalTool, #performanceTool, #evaluatorTool { background: #fff; padding: 18px 18px 45px 0; margin: 10px 0; } #historicalTool { margin-bottom: 20px; } #historicalTool td, #performanceTool td { padding: 5px 0 5px 5px; } #historicalTool td, #performanceTool td, #evaluatorTool td { border: none; } #historicalTool td input[type="text"], #performanceTool td input[type="text"] { margin: 0 5px; } #historicalTool .button, #performanceTool .button { margin-left: 5px; } .toolTop { width: 100%; } .toolTop td { font-weight: bold; } .toolTop #productId { width: 80px; } .toolTop #classId { width: 50px; } #historicalTool #launchDateVal, #performanceTool #launchDateVal { padding: 0 10px 0 5px; } #fromDate, #toDate { width: 95px; } #evaluatorTool span.add, span.remove { color: #156CC6; cursor: pointer; font-weight: normal; } #evaluatorTool span.add:hover, span.remove:hover { text-decoration: underline; } /*#evaluatorTool .controlDisabled { color: #ccc !important; cursor: default !important; } #evaluatorTool .controlDisabled:hover { text-decoration: none !important; }*/ #evaluatorTool .toolTop td input[type="text"] { width: 50px; } .allZeroMessage { display:none; } .toolError, #historicalTool tbody span, #performanceTool tbody span { font-weight: bold; color: red; display: block; padding: 1px; text-align: right; /*width: 50px;*/ } #evaluatorTool .toolError { display: inline; } #historicalTool tbody span, #performanceTool tbody span { margin-right: 5px; } /* -- Article header */ #articleHeader { position: relative; } /* -- Related Article List */ .relatedArticleList .relatedArticle { padding: 10px 0; overflow: auto; } .relatedArticleList .relatedArticle:first-child, .relatedArticleList .relatedArticle.first { border-top: none; padding-top: 0; } .relatedArticleList .relatedArticle img { float: left; margin: 0 10px 5px 0; height: 60px; width: 60px; } .relatedArticleList .relatedArticle h4 { font-size: 13px; margin-bottom: 5px; line-height: 19px; } .relatedArticleList .relatedArticle .articleIntro p { display: inline; margin-right: 5px; } .relatedArticleList .relatedArticle a.readArticle { display: inline; } /* -- Insights List (Article List) *********************************************************************************/ #insightsList * { vertical-align: top; } #insightsList li { border-bottom: 1px solid #ccc; min-height: 136px; padding: 20px 10px; } #insightsList li:first-child { padding-top: 0; } #insightsList li.even { background-color: #f3f3f3; } #insightsList h2 { font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 20px; font-weight: normal; margin-right: 120px; padding-bottom: 10px; } #insightsList .date { float: right; text-align: right; width: 100px; } #insightsList .thumbnail { margin: 0 10px 20px 0; float: left; width: 108px; vertical-align: top; } #insightsList .thumbnail img { width: 108px; height: 108px; } #insightsList .summary, #insightsList .more-link, #insightsList .categories { display: block; margin: 0 15px 7px 120px; } #insightsList .more-link { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-icon-chevron.png') no-repeat 0 1px; font-size: 13px; padding-left: 20px; } #insightsList .padlock { background-position: -15px -995px; } #insightsList .categories { font-size: 11px; } #insightsList .categories span { font-weight: bold; } #insightsList .filter { margin-bottom: 20px; } #tw-retail #insightsList .filter { background: #eaeaea; border-bottom:1px solid #CCCCCC; } #insightsList .filter p { padding: 5px 10px; font-size: 11px; } #insightsList .pages, #simpleArticleList .pages { padding: 10px 0; font-size: 11px; } #insightsList .pages .older, #insightsList .pages .newer, #simpleArticleList .pages .older, #simpleArticleList .pages .newer { float: left; width: 25%; *width: 24%; font-size: 13px; } #insightsList .pages .newer, #simpleArticleList .pages .newer { text-align: right; } #insightsList .pages .range, #simpleArticleList .pages .range { text-align: center; float: left; width: 50%; *width: 49%; font-weight: bold; } #insightsList .pages .from, #insightsList .pages .to, #simpleArticleList .pages .from, #simpleArticleList .pages .to { padding: 0 10px; } /* Homepage */ /* -- Tabbed area */ #tabbedArea { border-top: 4px solid #38444c; border-bottom: 4px solid #bbb; } #tabbedArea #areaHeader { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #dedfe0 60%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#dedfe0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dedfe0 60%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dedfe0 60%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dedfe0 60%,#ffffff 100%); /* IE10+ */ background: linear-gradient(top, #dedfe0 60%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding-bottom: 20px; padding-top: 0; } #tabbedArea ul#tabs { border-top: 1px solid white; border-bottom: 1px solid white; float: left; width: 100%; background: #7c8487; /* Old browsers */ background: -moz-linear-gradient(top, #7c8487 0%, #949ca1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c8487), color-stop(100%,#949ca1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7c8487 0%,#949ca1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7c8487 0%,#949ca1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7c8487 0%,#949ca1 100%); /* IE10+ */ background: linear-gradient(top, #7c8487 0%,#949ca1 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c8487', endColorstr='#949ca1',GradientType=0 ); /* IE6-9 */ } #tabbedArea ul#tabs li, #tabbedArea ul#tabs li a { float: left; } #tabbedArea ul#tabs li a { padding: 0 10px; height: 33px; line-height: 33px; font-size: 15px; color: white; border-right: 1px solid #ccc; } #tabbedArea ul#tabs li.selected { margin-bottom: 0px; } #tabbedArea ul#tabs li.selected a { color: #333; height: 58px; margin-bottom: -25px; background: white; filter: none; border: 0; position: relative; } #tabbedArea div { clear: both; overflow: hidden; padding: 10px 0; } #tabbedArea div img { float: left; margin: 0 15px 15px 10px; height: 180px; width: 200px; } #tabbedArea div h3 { margin: 0 0 10px 210px; font-weight: normal; font-size: 20px; } #tabbedArea div p { margin: 0 0 10px 210px; font-size: 14px; } #tabbedArea div ul.tablinks { margin-left: 225px; } #tabbedArea div ul.tablinks .icnBullet { padding-left: 12px; } /* Fix for icnChevron being applied to images */ .imageCTAComponent .gadgetBody a.icnChevron { background: none; padding: 0 !important; } .cmpVideoList { margin-bottom: 20px; } div.loading-image { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/ui-anim_basic_16x16.gif') no-repeat; display: none; padding: 2px 0 2px 18px; } /****************************************************************************** ** Paragraph & Dynamic Article Body ** Used for body text, currently used in components *********************************************/ .article { max-height: 100%; /* Fixes font size on mobile devices in full-site mode */ overflow: hidden; padding-bottom: 10px; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #c1443094316750{ font-size: 3.0em; } #c1443094316750 > div { margin-top: 2.0em; } #c1443094316750 p { line-height: 1.5em; margin-bottom: 1.2em; } } #columnRight .article { padding-bottom: 8px; } #columnRight .article a img { vertical-align: bottom; } .article.background, .accordion.background { background: #eaeef1; margin-bottom: 25px; padding: 10px; } .article.quotes { border-color: #3eb3e7; border-style: solid; border-width: 3px 0 3px; } .article.quotes { margin-bottom: 35px; padding: 16px 22px; } .article h2, .article h3, .article h4 { font-family: 'AkkuratProRegular', Arial, sans-serif; font-weight: normal; } .article h2 { font-size: 22px; line-height: 26px; margin: 25px 0 8px; } .article img.align-left + h2, .article img.align-right + h2, .article img.align-left + h3, .article img.align-right + h3, .article:first-child h2:first-child, .article:first-child h3:first-child, .article:first-child h4:first-child, .article a:first-child + h2, .article a + h3 { margin-top: 0; } .article h3 { font-size: 18px; line-height: 22px; margin: 26px 0 5px; } .article h4 { font-size: 16px; line-height: 20px; margin: 0 0 14px; } .article p { line-height: 20px; margin: 0 0 14px; } .article ol, .article ul { margin-bottom: 10px; } .article.quotes h2, .article.quotes h3, .article.quotes h4 { color: #141414; font-family: 'AkkuratProItalic'; font-size: 18px; line-height: 28px; margin: 0; } .article ol, .singleArticleBanner ol, .featureComponent ol, .bannerLevelOne ol, .article ul, .singleArticleBanner ul, .featureComponent ul, .bannerLevelOne ul { padding-left: 25px; } .article ol, .singleArticleBanner ol, .featureComponent ol, .bannerLevelOne ol { list-style-type: decimal; } .article ul, .singleArticleBanner ul, .featureComponent ul, .bannerLevelOne ul { list-style-type: disc; overflow: auto; } .article ul li, .singleArticleBanner ul li, .featureComponent ul li, .bannerLevelOne ul li { margin-bottom: 4px; } .article .date { font-weight: bold; } .article img.align-right { float: right; margin-left: 20px; } .article img.align-left { float: left; margin-right: 20px; } .article .indented{ display: inline-block; margin-left: 22px; } .article div.background { padding: 20px; background: #eaeef1; margin-bottom: 35px; } .article div.quotes { border-color: #3eb3e7; border-style: solid; border-width: 3px 0 3px; padding: 10px 0; margin-bottom: 35px; } /* ** Article Table */ .article table{ max-width:none; } .article.formatted tr.alt, .accordion.formatted tr.alt { background: none; } .article.formatted tbody tr, .accordion.formatted tbody tr { border-top: 1px solid #efefef; } .article.formatted tbody tr:nth-child(even), .accordion.formatted tbody tr:nth-child(even) { background: #efefef; } .article.formatted td, .article.formatted th, .accordion.formatted td, .accordion.formatted th, .blk-table td, .blk-table th { border-left: 1px solid #ccc; border-right: none; padding: 8px; } .article.formatted td:first-child, .article.formatted th:first-child, .accordion.formatted td:first-child, .accordion.formatted th:first-child, .blk-table td:first-child, .blk-table th:first-child { border-left: none; } .article.formatted td.collast, .accordion.formatted td.collast { background: white; } /* Dynamic article */ .article .date { font-weight: bold; } .article .biography { border: 1px solid #bbb; line-height: normal; margin-bottom: 18px; padding: 10px; } .article .biography h3 { font-size: 18px; font-weight: normal; padding: 10px 0; } .article .biography img { float: left; } .article .footnotes { font-size: 11px; color: #999; padding: 0 20px 20px; } .article .sitemap { color: #414042; font-size: 11px; line-height: 1.5em; } .article .vcard { font-style: italic; } .article .vcard span { display: block; } .article .vcard .fn, .article .vcard .credit { font-weight: bold; } /* Numbered paragraphs in dynamic article */ *[class|=article-list-item] p:first-child { display: inline-block; min-height: 23px; padding: 3px 0 0 30px; } .article-list-item-1 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/1.png') no-repeat; } .article-list-item-2 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/2.png') no-repeat; } .article-list-item-3 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/3.png') no-repeat; } .article-list-item-4 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/4.png') no-repeat; } .article-list-item-5 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/5.png') no-repeat; } .article-list-item-6 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/6.png') no-repeat; } .article-list-item-7 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/7.png') no-repeat; } .article-list-item-8 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/8.png') no-repeat; } .article-list-item-9 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/9.png') no-repeat; } .article-list-item-10 p:first-child { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/10.png') no-repeat; } /******************************************************************************* ** GLOSSARY ********************************************************************************/ #glossary h2 { font-size: 20px; font-weight: bold; margin: 10px 0; text-transform: uppercase; } #glossary li { display: inline; padding-right: 6px; } #glossary li a { text-decoration: underline; text-transform: uppercase; } #glossary dl { margin-bottom: 30px; } #glossary dt { font-weight: bold; margin-top: 10px; } #glossary dt, #glossary dd { line-height: 1.5em; } /****************************************************************************** ** Banner Static content/banner-static ******************************************************************************/ #bannerStatic { margin: -7px -20px 20px; } /* Hacks: Layout-specific margins - some layouts have different (or no) padding * in the pageHeader areas, which we need to cater for */ .contentPageNarrow3 #bannerStatic, .contentPageNarrow1 #bannerStatic { margin: 0; } .contentPageWide1 #bannerStatic { margin: -19px -20px 0px; } .contentPageWide2 #bannerStatic { margin: -19px -18px 20px; } .contentPageWide3 #bannerStatic { margin: -8px -20px 0; } .homePage3 #bannerStatic { margin: -21px -20px 20px; } .contentPageWide6 #bannerStatic { margin: -32px -20px 20px; } .contentPageWide8 #bannerStatic { margin: -8px -20px 0; } /* End layout-specific hacks */ #bannerStatic .articleIntro { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/transparent_bg-ie-white.png'); background: rgba(255, 255, 255, 0.85); height: 208px; margin-left: 500px; padding: 20px; } #bannerStatic .articleIntro h1 { color: #137150; font-size: 26px; margin-bottom: 10px; font-family: 'AkkuratProRegular', Arial, sans-serif; font-weight: normal; } #bannerStatic .articleIntro h2 { font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 23px; font-weight: normal; margin-bottom: 10px; } #bannerStatic .articleIntro .button, #bannerStatic .articleIntro .icon-pdf, #bannerStatic .articleIntro .icon-arrow { margin-top: 15px; } /***************************************************************************** ** Banner Static Small (level one) /content/banner-static-small ******************************************************************************/ .bannerLevelOne { background-repeat: no-repeat; height: 190px; position: relative; } /* Hack: Layout-specific margins - some layouts have different (or no) padding * in the pageHeader areas, which we need to cater for */ .contentPageWide2 #pageHeader .bannerLevelOne, .contentPageWide3 #pageHeader .bannerLevelOne, .homePage3 .bannerLevelOne { margin: -21px -20px 0; } .contentPageWide1 #pageHeader .bannerLevelOne { margin: -19px -20px 0; } .contentPageWide8 #pageHeader .bannerLevelOne, .contentPageWide3 #pageHeader .bannerLevelOne{ margin: -8px -20px 0; } /* End layout-specific hack */ .bannerLevelOne .solutionsBox { color: #414042; left: 35px; max-width: 70%; position: absolute; top: 36px; } .bannerLevelOne .solutionsBox h1, .bannerLevelOne .solutionsBox h2 { font-size: 2em; padding: 0; border-bottom: none; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 23px; font-weight: normal; margin-bottom: 10px; } .bannerLevelOne .solutionsBox h1 { color: #137150; font-size: 26px; } .bannerLevelOne .solutionsBox p { font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; line-height: 1.3em; margin-bottom: 15px; } .bannerLevelOne .solutionsBox .icon-chevron { background-position: 0 2px; } /***************************************************************************** ** Banner Static Small (level one) /content/banner-static-small Campaign style ******************************************************************************/ .bannerLevelOne.campaign .solutionsBox { color: #FFFFFF; left: 40px; max-width: 56%; top: 41px; } .bannerLevelOne.campaign .solutionsBox h1, .bannerLevelOne.campaign .solutionsBox h2 { border-bottom: none; color: #FFFFFF; padding: 0; font-family: Arial, sans-serif; font-size: 36px; font-weight: bold; line-height: 46px; margin-bottom: 5px; } .bannerLevelOne.campaign .solutionsBox .message-wrapper h2{ font-size: 22px; font-weight: normal; line-height: 24px; margin-bottom: 0; } .bannerLevelOne .solutionsBox .callToAction{ margin-top: 19px; } .bannerLevelOne .solutionsBox .callToAction a{ font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; } .bannerLevelOne .solutionsBox .callToAction .icon-chevron { background-position: -15px -268px; } /****************************************************************************** ** Banner Main Stage /content/banner-main-stage ******************************************************************************/ #bannerMainStage { margin: 0px; } .singleArticleBanner { background-repeat: no-repeat; } /* Hack: Layout-specific margins - some layouts have different (or no) padding * in the pageHeader areas, which we need to cater for */ .contentPageWide1 #bannerMainStage { margin: -19px -20px 0; } .contentPageWide1 #bannerMainStage .singleArticleBanner { margin-right: -36px; } .contentPageWide3 #bannerMainStage, .contentPageWide8 #bannerMainStage, .landingPage6 #bannerMainStage { margin: -8px -20px 0; } .contentPageWide8 #bannerMainStage .singleArticleBanner { margin-right: -40px; } /* End layout-specific hack */ #bannerMainStage .singleArticleBanner { height: 248px; overflow: hidden; position: relative; } #bannerMainStage .singleArticleBanner .banner-cta a { color: #137150; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; } #bannerMainStage .singleArticleBanner .banner-cta .icon-chevron { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -19px -2148px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat -19px -2148px; padding-left: 16px; } #bannerMainStage #portfolio li { display: none; width: 100%; } #bannerMainStage #portfolio li:first-child { display: list-item; } #bannerMainStage #slide_nav { height: 44px; position: relative; width: 100%; z-index: 6; } #bannerMainStage #slide_nav li { cursor: pointer; float: left; text-align: center; } #bannerMainStage #slide_nav li .slide-inner { background: #EAEEF1; border-left: 2px solid white; color: #005EB8; height: 44px; text-align: center; } #bannerMainStage #slide_nav .firstSlide .slide-inner { border-left: none; } /* Tables to support vertical alignment in IE6 and IE7 */ #bannerMainStage #slide_nav li .slide-inner table { height: 100%; width: 100%; } #bannerMainStage #slide_nav li .slide-inner table td { vertical-align: middle; } #bannerMainStage #slide_nav li:hover .slide-inner td { text-decoration: underline; } #bannerMainStage #slide_nav .activeSlide:hover .slide-inner td { text-decoration: none; } #bannerMainStage #slide_nav .activeSlide .slide-inner, #bannerMainStage #slide_nav .activeSlide:hover .slide-inner { background: #C6CFD4; color: #414042; position: relative; } #bannerMainStage #slide_nav .activeSlide .selected-arrow { background-position: center -436px; height: 7px; padding-left: 0; position: absolute; width: 100%; } #bannerMainStage .articleIntro { margin: 38px 0 0 35px; width: 500px; } #bannerMainStage .articleIntro .icon-pdf, #bannerMainStage .articleIntro .icon-arrow { margin-top: 15px; } #bannerMainStage .articleIntro .button { line-height: normal; margin-top: 0; } #bannerMainStage .articleIntro h1, #bannerMainStage .articleIntro h2 { color: #137150; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 26px; font-weight: normal; line-height: 1.15em; margin-bottom: 14px; } #bannerMainStage .articleIntro p { font-size: 14px; margin-bottom: 19px; } /************************************** * "dots" class for Metro VI starts */ #bannerMainStage.dots { position: relative; } #bannerMainStage.dots .singleArticleBanner { height: 324px; } #bannerMainStage.dots #portfolio { background: white; height: 324px; position: relative; } #bannerMainStage.dots #portfolio > li { position: absolute; width: 100%; } #bannerMainStage.dots #portfolio > li a.clickable { display: block; height: 100%; margin-top: 0; position: absolute; width: 100%; } #bannerMainStage.dots #portfolio > li .clickable:hover { text-decoration: none; } #bannerMainStage.dots .articleIntro { background: none; height: 208px; padding: 0; *position: absolute; } #bannerMainStage.dots .articleIntro.left { margin: 51px 0 0 38px; width: 345px; } #bannerMainStage.dots .articleIntro.right { margin: 51px 30px 0 334px; width: 317px; } #bannerMainStage.dots .articleIntro h1, #bannerMainStage.dots .articleIntro h2 { color: #137150; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 33px; font-weight: normal; line-height: 34px; margin-bottom: 7px; padding-bottom: 0; padding-right: 30px; } #bannerMainStage.dots .articleIntro p { font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; line-height: 21px; margin: 0; padding-right: 30px; } #bannerMainStage.dots .articleIntro .banner-cta { position: relative; top: 21px; } #bannerMainStage.dots .articleIntro .banner-cta a { color: #137150; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; } #bannerMainStage.dots .articleIntro .banner-cta a .icon-chevron { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -7px -2148px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat -7px -2148px; margin-left: -12px; padding-left: 28px; } /* The "dots" for changing the banner and indicating which one is active */ #bannerMainStage #bannerDots { bottom: 0; padding: 10px 14px 14px 10px; position: absolute; right: 0; } #bannerMainStage #bannerDots .icon-dot a { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -12px -2084px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat -12px -2084px; float: left; height: 20px; width: 20px; } #bannerMainStage #bannerDots .icon-dot-active a { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -12px -2059px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat -12px -2059px; } #bannerMainStage #bannerDots .icon-dot a:hover { text-decoration: none; } #bannerMainStage #bannerDots li { display: inline-block; padding-left: 5px; *float: left; } /* "dots" class for Metro VI ends */ /****************************************************************************** ** Banner Rotating content/banner-rotating ******************************************************************************/ #bannerRotating { height: 247px; margin: -19px -18px 0; position: relative; } .contentPageNarrow3 #bannerRotating, .contentPageNarrow1 #bannerRotating, .homePage3 #bannerRotating, .landingPage6 #pageHeader #bannerRotating { margin: 0; } .contentPageWide1 #bannerRotating { margin: -19px -20px 0; } .contentPageWide3 #bannerRotating { margin: -8px -20px 0; } .contentPageWide3 #pageHeader #bannerRotating { margin-top: -8px; } .contentPageWide6 #bannerRotating { margin: -32px -20px 20px; } .contentPageWide8 #bannerRotating { margin: -8px -20px 0px; } /******************************************************* ** LIGHT TOUCH VI SUPPORT - THIS ALIGNS THE BACKGROUND IMAGE ** CAREFUL! *******************************************************/ #tw-retail #bannerRotating { margin-top: -19px; } /* END **************************************************/ #bannerRotating .singleArticleBanner { height: 247px; } #bannerRotating .articleIntro { max-height: 209px; padding: 38px 186px 0 25px; } #bannerRotating .articleIntro h1, #bannerRotating .articleIntro h2 { color: #137150; font-family: 'AkkuratProRegular', Arial, sans-serif; font-weight: normal; font-size: 26px; margin-bottom: 10px; } #bannerRotating .articleIntro .button, #bannerRotating .articleIntro .icon-pdf, #bannerRotating .articleIntro .icon-arrow { margin-top: 15px; } #bannerRotating #portfolio { float: right; height: 100%; position:relative; width: 700px; background: #292929; background: -moz-linear-gradient(-45deg, #292929 0%, #292929 62%, #121212 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#292929), color-stop(62%,#292929), color-stop(100%,#121212)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #292929 0%,#292929 62%,#121212 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #292929 0%,#292929 62%,#121212 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #292929 0%,#292929 62%,#121212 100%); /* IE10+ */ background: linear-gradient(-45deg, #292929 0%,#292929 62%,#121212 100%); /* W3C */ } #bannerRotating.banner-right #portfolio { float: left; } #bannerRotating #portfolio li { display: none; height: 100%; width: 100%; } #bannerRotating #portfolio li:first-child { display: list-item; } #bannerRotating #slide_nav { cursor: pointer; left: 0; position: absolute; top: 0; width: 280px; z-index: 5; } #bannerRotating.banner-right #slide_nav { left: 700px; } #bannerRotating #slide_nav .slide-inner { background: #EAEEF1; border-top: 2px solid white; height: 81px; } #bannerRotating #slide_nav .topBanner .slide-inner { border-top: none; } /* Tables for vertical alignment in IE6 and IE7 */ #bannerRotating #slide_nav .slide-inner table { height: 100%; width: 100%; } #bannerRotating #slide_nav .slide-inner table td { color: #005EB8; padding-left: 25px; vertical-align: middle; } #bannerRotating #slide_nav li:hover .slide-inner td { text-decoration: underline; } #bannerRotating #slide_nav .activeSlide .slide-inner table td { color: #282828; } #bannerRotating #slide_nav .activeSlide:hover .slide-inner td { text-decoration: none; } /*reduced left padding so that text doesnt wrap when tab is highlighted */ #tw-retail #bannerRotating #slide_nav .slide-inner table td { padding-left: 10px; } #bannerRotating #slide_nav li.activeSlide .slide-inner { color: #282828; background: #C6CFD4; position: relative; } #bannerRotating #slide_nav li.activeSlide .slide-inner .selected-arrow { position: absolute; height: 18px; top: 31px; } #bannerRotating.banner-left #slide_nav li.activeSlide .slide-inner .selected-arrow { padding-left: 10px; right: 0; } #bannerRotating.banner-right #slide_nav li.activeSlide .slide-inner .selected-arrow { padding-left: 12px; left: -3px; } #bannerRotating .bannerVideo img { float: left; height: 205px; margin: 32px 18px 36px; width: 350px; } #bannerRotating .bannerVideo h1 { font-size: 19px; line-height: 25px; padding: 32px 20px 0 0; } #bannerRotating .bannerVideo p { padding: 15px 20px 15px 0; } /* IE6 & IE7 */ #bannerRotating #slide_nav li { _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_sprites.gif') no-repeat; *height: 86px; /* IE7 */ *overflow: hidden; /* IE7 */ } #bannerRotating #slide_nav .slide-inner { *border: 0; /* IE7 */ } .featureList .gadgetBody div, .imageCTAComponent .gadgetBody div { *zoom: 1; _width: 100%; } /****************************************************************************** ** Video Player ******************************************************************************/ .blk-vd-wrapper { cursor: pointer; } .video-player { padding-bottom: 20px; } .video-player img { max-width: 100%; } .video-player.modal .video-placeholder { position: relative; } .video-player.modal .video-placeholder:after { content: ""; background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/flowplayer/icon-play-sm.png') center center / contain no-repeat; width: 48px; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; cursor: pointer; position: absolute; margin: auto; } .videoparacomponent { clear: both; height: 200px; width: 605px; } .videoparacomponent .video-placeholder { float: left; width: 354px; } .videoparacomponent .paracomponent { float: left; } .videoparagraph { border-top: 3px solid #3EB3E7; border-bottom: 3px solid #3EB3E7; float: left; font-family: Arial; font-size: 14px; height: 183px; line-height: 20px; margin-left: 20px; padding-top: 11px; width: 229px; } .videoparagraphVideoSearch{ font-size:14px; color:#282828; line-height:20px; } .videoPlayerTitleVideoSearch{ font-family:'AkkuratProRegular',Arial,sans-serif; font-size: 22px; color: #282828; padding-top: 360px; margin-top: 26px; line-height:26px; } .homePageGadgetVideo{ background-color: White; padding-bottom:0px !important } .homePageGadgetVideo .videoparagraph{ border-top:none; border-bottom:none; font-family: 'AkkuratProRegular', Arial, sans-serif; padding-top: 15px; } .homePageGadgetVideo .videoparagraph h2 { font-size: 18px; line-height: 22px; font-weight: normal; } .videoBorder { border: 1px solid #DDD; } .video-wrapper .player .flowplayer .fp-color { background-color: #41B6E6; } .video-wrapper .flowplayer:not(.is-fullscreen) .fp-player video.fp-engine { height: auto; /* Overrides Flowplayer skin.css */ } .video-wrapper .player .flowplayer { border-radius: 0; /* Overrides Flowplayer skin.css */ background-size: cover; /* Fills the splash image to the player container */ } .video-wrapper .player .flowplayer.is-ready:not(.is-poster) { /* remove black (#333) background-color from video player */ background-color: transparent; /* Overrides Flowplayer skin.css */ } .video-wrapper .player .flowplayer.is-loading, .video-wrapper .player .is-ready.flowplayer { /* Hide Splash Image during playback. https://flowplayer.com/forum/#!/flowplayer/skinning_css:how-to-hide-the-splash-imag */ background-image: none !important; /* Overrides Flowplayer skin.css */ } .video-wrapper .player .flowplayer .fp-play { height: 100%; } .video-wrapper .player .flowplayer.is-splash .fp-play .fp-icon.fp-playbtn { display: block; background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/flowplayer/icon-play-lg.png') center center / contain no-repeat; height: 76px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } .video-wrapper .player .flowplayer.is-splash.is-tiny .fp-play .fp-icon.fp-playbtn, .video-wrapper .player .flowplayer.is-splash.is-small .fp-play .fp-icon.fp-playbtn { background-image: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/flowplayer/icon-play-sm.png'); height: 50px; } .video-wrapper .player .flowplayer .fp-play .fp-icon.fp-playbtn:before { visibility: hidden; /* Hides the flowplayer play button icon */ } .video-wrapper .player .flowplayer .fp-play svg.fp-play-sharp-fill { display: none; } /****************************************************************************** ** BLK video play list ** ** This is currently used in a free-form component ** Needs to be moved to video component css when available ******************************************************************************/ .video-list-box { overflow: hidden; zoom: 1; } .video-list-box ul { list-style: none; padding: 0; } .video-list-box .video-thumbnail{ background-color: #fafcfe; border-color: #E8E8E8 #CCC #CCC #E8E8E8; border-style: solid; border-width: 1px; cursor: pointer; float: left; height: 62px; margin: 2px 0; position: relative; } .video-list-box .video-thumbnail.active { background-color: #e3e3e3; } .video-list-box .video-thumbnail img { top: 0; left: 0; position: absolute; } .video-list-box .playlist-play-button .circle { fill: #666; opacity: 0.4; } .video-list-box .playlist-play-button .btn { fill: #fff; } .video-list-box .video-thumbnail .desc{ color: #282828; font-size: 10px; line-height: 1.2em; overflow: hidden; position: absolute; right: 5px; top: 5px; } .video-list-box .video-thumbnail .duration { background-color: #767778; bottom: 0px; color: #fff; font-size: 9px; font-weight: bold; line-height: 1.62em; padding: 0 4px; position: absolute; right: 0px; } .video-list-box .playlist-play-button { width: 100px; height: 30px; position: absolute; margin-top: 17px; margin-left: 5px; } /* Modal video player */ .blk-modal-overlay.ui-widget-overlay { background: #000; filter: Alpha(Opacity=50); opacity: 0.5; } .blk-modal { min-width: 605px; padding: 20px; position: fixed; } .blk-modal.feed { height: 590px !important; overflow: auto; width: 35% !important; font-size: 14px; line-height: 20px; padding: 50px; } .blk-modal.video { min-width: 640px; height: 390px !important; } .blk-modal.video .ui-dialog-content { overflow: hidden; } .blk-modal .ui-widget-header { border: none; background: none; padding: 0; position: static; } .blk-modal .ui-dialog-title { color: #282828; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 22px; margin: 0 0 7px; width: 100%; white-space: normal; } .blk-modal .ui-dialog-titlebar-close { background: none; border: none; outline: none; right: 5px; top: 15px; } .blk-modal .ui-button .ui-button-text { display: block; } .blk-modal .ui-state-default .ui-icon { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1628px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat -15px -1628px; } .blk-modal .ui-dialog-content { padding: 0; } .blk-modal .blk-vd-wrapper { overflow: hidden; } .blk-modal .player { width: auto !important; } .blk-modal.feed .entry-content .entry-date{ padding-bottom: 13px; display: inline-block; } .blk-modal.feed .entry-content p { margin: 0 0 13px; } .blk-modal.feed .ui-dialog-title { font-size: 22px; line-height: 26px; } .blk-modal.feed a{ color: #005eb8; } .blk-modal.feed .entry-content ul, .blk-modal.feed .entry-content ol{ list-style-type: disc; padding-left: 25px; overflow: auto; margin-bottom: 13px; } .blk-modal.feed .entry-content ol{ list-style-type: decimal; } /****************************************************************************** ** Landing Page with User Selection and Hero Spot ******************************************************************************/ #audienceSelect ul { list-style-type: none; } #audienceSelect ul li { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */ border: none; height: 108px; margin-bottom: 4px; position: relative; } #audienceSelect ul li li { background: none; } /* "larger" li if there's only 2 user types */ #audienceSelect ul li.larger { height: 164px; } /* "smaller" li if there's more than 3 user types */ #audienceSelect ul li.smaller { height: 80px; } #audienceSelect ul li a { color: #414042; display: block; height: 100%; } #audienceSelect ul li a:hover { text-decoration: none; } #audienceSelect ul li a.aud_1of3 { border-left:10px solid #1a7bbd; } #audienceSelect .audience-label { color: #167150; display: block; font-family: 'AkkuratProBold',Arial,sans-serif; font-size: 21px; padding: 45px 30px 0 33px; } #audienceSelect ul li.larger .audience-label { padding-top: 65px; } #audienceSelect ul li a:hover .audience-label { text-decoration: underline; } #audienceSelect ul li a span.subtitle { font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; } #audienceSelect ul li a span.subtitle, #audienceSelect ul li.dropdown a span.select { display: block; } #audienceSelect ul li.dropdown a span.select { overflow: hidden; white-space: nowrap; } #audienceSelect ul li.dropdown a .audience-label, #audienceSelect ul li.smaller a .audience-label { padding-top: 32px; } #audienceSelect .dropdown { position: relative; } #audienceSelect .dropdown:hover > .dropdownMenu { display: none; } #audienceSelect .dropdown.showdropdown .dropdownMenu { display: block; left: 35px; } #audienceSelect .dropdown .dropdownMenu { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */ border-color: #ccc; border-style: solid; border-width: 0 1px 1px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2); max-height: 200px; overflow: auto; position: absolute; top: 79px; display: none; left: 999999px; cursor: pointer; *width: 186px; z-index: 99999; } #audienceSelect .dropdown .dropdownMenu li, #audienceSelect .dropdown .dropdownMenu li a { color: #282828; cursor: default; display: block; font-size: 11px; list-style: none; margin: 0; padding: 0; min-width: 186px; height: auto; *width: 186px; /* fix for min-width in older browsers */ } #audienceSelect .dropdown .dropdownMenu li a { background: 6px center no-repeat; font-size: 12px; line-height: 1.7; overflow: hidden; padding: 0 .5em; white-space: nowrap; } #audienceSelect .dropdown .dropdownMenu li a:hover { color: #156CC6; cursor: pointer; text-decoration: none; } #audienceSelect .dropdown .dropdownMenu li:hover { background-color: #f2f2f2; } #audienceSelect .dropdown .select { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #CCCCCC; color: #282828; cursor: pointer; line-height: 18px; outline: none; padding: 0 12px 0 7px; position: relative; text-align: left; text-decoration: none; vertical-align: baseline; display: inline-block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-left: 34px; margin-top: 5px; width: 179px; } #audienceSelect .dropdown .select .icon-arrowdown-right { background-image: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/sprite_pagination_arrow.png'); background-repeat: no-repeat; background-position: right -63px; display: block; height: 18px; margin-right: -13px; } #audienceSelect .dropdown .select:hover, #audienceSelect .showdropdown .select { background: white; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-top: 1px solid #eaeaea; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); filter: none; } #audienceSelect ul.user-type-options { position: absolute; right: 0; top: 0; } #audienceSelect ul.user-type-options li { height: auto; } #audienceSelectOverlay .hide { display: none; } /* User/Language selection for iShares - Pseudo lightbox*/ #audienceSelectOverlay.alternate { background: #fff; font-size: 14px; font-family: "arial"; } #audienceSelectOverlay.alternate ul li { border: none; height: auto; margin: 0; font-size: 14px; font-family: "arial"; color: #000; box-shadow: none; } #audienceSelectOverlay.alternate .audience-label { font-family: 'AkkuratProBold',Arial,sans-serif; font-size: 16px; } #audienceSelectOverlay.alternate ul li a.aud_top, #audienceSelectOverlay.alternate ul li .aud_1of2, #audienceSelectOverlay.alternate ul li .aud_2of2 { border: none; } #audienceSelectOverlay.alternate .investor-description { color: #000; font-size: 14px; font-family: "arial"; margin-top: 5px; } #audienceSelectOverlay.alternate .investor-description-header { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1676px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1676px; color: #000; padding: 0 0 0 29px; } #audienceSelectOverlay.alternate .investor-description-header.collapsed { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1653px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1653px; } #audienceSelectOverlay.alternate .investor-description-text { padding: 30px 5px 0 30px; font-size: 11px; } #audienceSelectOverlay div.language-select { float: right; margin-top: -14px; line-height: 24px; } #audienceSelectOverlay div.language-select span.divider { border-right: 1px solid #999999; margin: 0 9px 0 5px; display: inline-block; } #audienceSelectOverlay div.language-select a { color: #005EB8; } #audienceSelectOverlay div.language-select a.selected, #audienceSelectOverlay div.investor-type-selector span.investor-type a.selected { color: #333333; } #audienceSelectOverlay div.investor-type-selector { padding-bottom: 1px; } #audienceSelectOverlay div.investor-type-selector div.overlay-disclaimer input { float: left; margin-right: 10px; position: relative; top: 2px; } #audienceSelectOverlay div.investor-type-selector div.enter-site { float: right; margin: 0 0 20px; } #audienceSelectOverlay div.investor-type-selector div.enter-site.mid-button { float: none; } #audienceSelectOverlay div.investor-type-selector div.enter-site a.button { color: #FFFFFF; } #audienceSelectOverlay div.investor-type-selector div.enter-site a.button-disabled { color: #6F6F6F; } #audienceSelectOverlay div.investor-type-selector div.other-sites { float: left; margin: 0 0 -12px; } #audienceSelectOverlay div.investor-type-selector div.other-sites.alternate { margin-top: 34px; } #audienceSelectOverlay div.investor-type-selector div.overlay-disclaimer { margin-top: 30px; border-top: 1px solid #eaeaea; padding: 28px 0 30px; position: relative; top: 2px; } #audienceSelectOverlay .investor-type-selector .investor-description.last { margin-bottom: 29px; } /* Button images */ .button-image { background-color: #fff; height: 97px; text-align: center; } .button-image a { background-color: #fff; display: block; height: 100%; } .button-image img { background-color: #fff; max-width: 100%; } /* Image CTA homepage */ .homePageImageCTA { background-color: #fff; height: 97px; overflow: hidden; } .homePageImageCTA .image-wrapper { float: left; margin-right: 15px; } .homePageImageCTA img { float: left; height: 97px; width: 104px; } .homePageImageCTA p, .homePageImageCTA a { font-size: 12px; } .homePageImageCTA h3 { font-size: 14px; } .homePageImageCTA h3, .homePageImageCTA p { margin: 10px 10px 8px 10px; } .homePageImageCTA .indented { margin: 10px 10px 8px 128px; } .homePageImageCTA .callToAction { margin-left: 122px; padding: 0 10px 10px 0; } .homePageImageCTA a { /* Setting the cursor as IE7 and below seem to lose it somewhere */ *cursor: pointer; } /* Adjusting the chevron for the home page image component - SS */ .homePageImageCTA .callToAction .icon-chevron { display: block; } /* TODO: REMOVE THIS! */ .article { _zoom: 1; } .padlock-teaser .login span.separator { _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_sprites.gif') no-repeat scroll -42px -28px transparent; } /* FUND LIST / LINK LIST ALTERNATING ROW STYLE */ .linkList.alternating-rows { border: none; margin-bottom: 0; } .linkList.alternating-rows .gadgetHeader, .linkList.alternating-rows .gadgetBody { border: none; padding: 0 0 0 18px; } #fundList .gadgetHeader, #fundList .gadgetBody { background: none !important; border: none !important; padding-left: 18px; padding-right: 18px; } #fundList a, #fundList p, .linkList.alternating-rows a, .linkList.alternating-rows p { line-height: 16px; } #fundList p, #fundList .bullet, .linkList.alternating-rows p { margin-bottom: 10px; } #fundList .fund-list-title { font-size: 14px; font-weight: bold; } #fundList a.fund-list-title { cursor: pointer; } #fundList .list { margin: 10px 10px 0; } #fundList .list li, .linkList.alternating-rows ul li { padding: 8px 10px; border-bottom: 1px solid #ccc; } #fundList .list a, .linkList.alternating-rows ul a { display: inline; font-size: 14px; margin-bottom: 0; } #fundList .list li:first-child, .linkList.alternating-rows li:first-child { border-top: 1px solid #ccc; } #fundList .list .alt, .linkList.alternating-rows ul .alt { background-color: #f8f8f8; } #fundList li { margin-bottom: 20px; } #fundList li ul li { margin-bottom: 0; } /* Styled dropdowns - to be used with selectBox plugin * * Usage: * Then init in JS using $('#[yourUniqueID]').selectBox(); * * Requires /include/third-party/jquery.selectBox.min.js */ select.styled-dropdowns { padding: 5px 8px 3px; *font-size: 18px; } .styled-dropdowns, .styled-dropdowns a { color: #333 !important; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 16px; } .styled-dropdowns.selectBox-dropdown { background: #ffffff; background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 85%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); background: -ms-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0 ); background: linear-gradient(top, #f3f3f3 0%, #ffffff 100%); box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1); border-top: 1px solid #ccc; border-right: 1px solid #EAEAEA; border-bottom: 1px solid #F7F7F7; border-left: 1px solid #EAEAEA; position: relative; line-height: 18px; text-decoration: none; text-align: left; outline: none; vertical-align: middle; display: inline-block; cursor: pointer; height: 26px; } .styled-dropdowns.selectBox-dropdown:hover { background: white; filter: none; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-top: 1px solid #EAEAEA; } .styled-dropdowns.selectBox-menuShowing, .styled-dropdowns.selectBox-menuShowing:hover { background: white; filter: none; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top: 1px solid #EAEAEA; } .styled-dropdowns.selectBox-dropdown:focus, .styled-dropdowns.selectBox-dropdown:focus .selectBox-arrow { /*border-color: #666;*/ } .styled-dropdowns.selectBox-dropdown .selectBox-label { padding: 5px 8px 3px; *padding-top: 4px; display: inline-block; white-space: nowrap; overflow: hidden; } .styled-dropdowns.selectBox-options a { color: #333; } .styled-dropdowns.selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/nw/i/nw-sprite-icons-12px.png') 50% -1827px no-repeat; padding: 0; } /* Dropdown menu */ .styled-dropdowns-selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; /*border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */ background: #FFF; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); overflow: auto; border-right: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; } /* Inline control */ .styled-dropdowns.selectBox-inline { min-width: 150px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; overflow: auto; } .styled-dropdowns.selectBox-inline:focus { border-color: #666; } /* Options */ .styled-dropdowns-selectBox-dropdown-menu.selectBox-options { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ cursor: pointer; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .styled-dropdowns-selectBox-dropdown-menu.selectBox-dropdown:hover, .styled-dropdowns-selectBox-dropdown-menu.selectBox-options li a:hover { text-decoration: none; } .styled-dropdowns-selectBox-dropdown-menu.selectBox-options, .styled-dropdowns-selectBox-dropdown-menu.selectBox-options LI, .styled-dropdowns-selectBox-dropdown-menu.selectBox-options LI A { list-style: none; display: block; cursor: pointer; padding: 0; margin: 0; font-size: 16px; } .styled-dropdowns-selectBox-dropdown-menu.selectBox-options LI { border-bottom: 1px solid #e4e4e4; border-top: 1px solid white; } .styled-dropdowns-selectBox-dropdown-menu.selectBox-options LI A { font-family: 'AkkuratProRegular', Arial, sans-serif; line-height: 18px; color: #333; padding: 4px 8px; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; } .styled-dropdowns-selectBox-dropdown-menu.selectBox-options LI.selectBox-hover A { background-color: #f2f2f2; } .styled-dropdowns-selectBox-dropdown-menu.selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; } .styled-dropdowns-selectBox-dropdown-menu.selectBox-options .selectBox-optgroup { background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; } .toolsTable table { border-collapse: collapse; } .toolsTable td { line-height: 20px; padding: 6px 5px 6px 5px; } .toolsTable .tools-group-name td { background: #e8ebec; color: #555; font-size: 16px; font-weight: bold; padding: 8px 5px 8px 10px; } .toolsTable tr.tool-name:nth-child(odd) { background-color: #f1f5f6; } .contentPageNarrow3 .toolsTable .tool-link { font-size: 15px; font-weight: bold; padding-left: 10px; width: 200px; } .contentPageNarrow3 .toolsTable .tool-desc { width: 350px; } .contentPageNarrow3 .toolsTable .tool-report-link { font-weight: bold; width: 172px; } /* share component css */ .mobile-share .overlay{ position:fixed; bottom:0px;left:0px; height:90px;width:100%; background-color:black; visibility:hidden; background:rgba(0,0,0,0); z-index: 10; } .mobile-share .overlay:target{ background:rgba(0,0,0,0.7); visibility:visible; } .mobile-share .display-table { display:table; margin:auto; margin-top:5px; } .mobile-share .display-row { display:table-row; } .mobile-share .display-cell { display:table-cell; width:50px; padding:10px; } .mobile-share .email, .mobile-share .facebook, .mobile-share .line, .mobile-share .linkedin, .mobile-share .open, .mobile-share .twitter, .mobile-share .close{ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/mobile-share-sprite.png') no-repeat; width: 50px; height: 50px; position:absolute; } .mobile-share .email{ background-position: 0 -50px ; } .mobile-share .facebook{ background-position: 0 -101px ; } .mobile-share .line{ background-position: 0 -152px ; } .mobile-share .linkedin{ background-position: 0 -203px ; } .mobile-share .twitter{ background-position: 0 -254px ; } .mobile-share .open{ position:fixed; bottom:10px;right:10px; background-position: -13px -13px; width: 35px; height: 35px; z-index: 10; } .mobile-share .close{ background-position: 0px 0px ; width: 10px; height: 10px; position: absolute; top: 10px; right: 10px; } /*.shareLinks ul li { float: left; } .page-share-links { float: right; width: auto; }*/ .shareLinks ul li { display: inline; } .shareLinks ul li a:hover { cursor: pointer; } #linksToShare { display: none; float: left; font-size: 13px; list-style-type: none; margin: 0; padding: 10px 0 0; } #linksToShare li { float: left; margin-left: 10px; padding-bottom: 5px; } #linksToShare li a { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/sprite-social-media-logo-icons-16px.png') 0 0 no-repeat; padding: 2px 0 0 18px; text-decoration: none; } #linksToShare li a:hover { text-decoration: underline; } #linksToShare li a.icon-twitter { background-position: 0 -27px; } #linksToShare li a.icon-facebook { background-position: 0 -54px; } #linksToShare li a.icon-linkedin { background-position: 0 -82px; } #linksToShare li a.icon-email { background-position: 0 -107px; } /* Navigation list component which is like a link list that would take us to different pages */ .navigation-link-list.gadget { background: #FFF; } .navigation-link-list .gadgetBody ul li { margin-top: 0; border-top: 1px solid #E1E1E1; line-height: 27px; } .navigation-link-list ul li a { margin: 0; padding-left: 22px; } .navigation-link-list .highlight { font-weight: bold; } .navigation-link-list.gadget .gadgetHeader { padding: 12px 0 1px !important; } .linkList.navigation-link-list ul li a.padlock, .linkList.navigation-link-list ul li a.icon-unlock { background-position: right -988px; padding: 7px 0 6px 22px; } .linkList.navigation-link-list ul li a.icon-unlock { background-position: right -1055px; } .navigation-link-list.gadget .gadgetBody { border-bottom: 1px solid #E1E1E1; font-size: 13px; padding: 0; } .navigation-link-list.gadget .gadgetHeader h3 { color: #282828; font-size: 18px; font-family: 'AkkuratProRegular', Arial, sans-serif; font-weight: normal; } /* Error Page CSS */ #errorPage h1 { margin-top: 20px; } #errorPage .text { margin-top: 20px; } /* Site Entry Component */ .audience-select.ui-dialog { padding: 0; overflow: hidden; } .audience-select.ui-dialog .ui-dialog-titlebar { display: none; } #audienceSelectOverlay.alternate { overflow: hidden; padding: 30px 30px 40px; } #audienceSelectOverlay.alternate .dialog-content { background: none repeat scroll 0 0 #F8F8E7; border-bottom: 1px solid #CCCCCC; border-top: 1px solid white; padding: 15px 10px; } .audience-overlay.ui-widget-overlay { opacity: 0.7; } #audienceSelectOverlay .logo { padding-bottom: 30px; } #audienceSelectOverlay h1 { color: #4b952c; font: normal 26px/21px 'AkkuratProRegular', Arial, sans-serif; } #audienceSelectOverlay .greetings_section { color: #404042; } #audienceSelectOverlay .country-list { padding-top: 24px; color: #404042; } #audienceSelectOverlay .country-list a { color: #0065b4; } #audienceSelectOverlay .investor-section { padding-top: 30px; margin-top: 30px; border-top: 1px solid #eaeaea; } #audienceSelectOverlay .country-selector { padding-bottom: 10px; font:normal 22px/18px 'AkkuratProRegular', Arial, sans-serif; color: #404042; } #audienceSelectOverlay .investor-type-selector { margin: 0; } #audienceSelectOverlay .investor-type-selector span.investor-type { display: table-cell; position: relative; } #audienceSelectOverlay .investor-type-selector span.investor-type.last a{ border-right: none; } #audienceSelectOverlay .investor-type-selector span a { font: normal 18px 'AkkuratProRegular', Arial, sans-serif; padding-right: 16px; border-right: 1px solid #999999; margin-right: 15px; color: #005EB8; display: block; } /** CSS for issue raised in BLKWEB-8192 **/ .nl_NL #audienceSelectOverlay .investor-type-selector span.investor-type:first-child { width: 33%; } .nl_NL #audienceSelectOverlay .investor-type-selector span.investor-type a { border-left: 1px solid #999; padding-left: 16px; } .nl_NL #audienceSelectOverlay .investor-type-selector span.investor-type:first-child a { border: none; padding: 0; margin-right: 0; } /* END */ #audienceSelectOverlay .investor-type-selector .investor-description { padding: 0; margin: 10px 0 15px; color: #404042; } #audienceSelectOverlay .investor-type-selector .other-sites a{ color: #005EB8; } #audienceSelectOverlay .overlay-disclaimer { font-size: 12px; color: #5a5a5a; padding-top: 3px; } /***** skip to content ****/ #skip-to-content { position: absolute; top: -40px; left: 0; padding: 8px; font-size: 14px; font-family: "FortExtraBold", Arial, sans-serif; background: #000000; display: inline-block; color: #ffffff; z-index: 1; } #skip-to-content:focus, #skip-to-content:hover { background: #ffffff; color: #000000; top: 29px; left: 80px; z-index: 9; } @media only screen and (max-width: 1439px) { #skip-to-content:focus, #skip-to-content:hover { left: 40px; } } @media only screen and (max-width: 1023px) { #skip-to-content:focus, #skip-to-content:hover { z-index: 201; left: 50%; margin-left: -210px; top: 16px; } } @media only screen and (max-width: 479px) { #skip-to-content:focus, #skip-to-content:hover { left: 0; margin-left: 0; } } /***** skip to content ****/ #userSelectOverlay { overflow: hidden; padding: 30px 25px 25px; } .user-select.ui-dialog { padding: 0; overflow: hidden; /* top: 50%; left: 50%; transform: translate(-50%, -10%); */ } .user-select.ui-dialog .ui-dialog-titlebar { display: none; } .user-overlay.ui-widget-overlay { opacity: 0.7; } #userSelectOverlay .close-window { float: right; } #userSelectOverlay .ui-icon { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1628px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat -15px -1628px; outline: none; left: 15px; top: -20px; position: relative; } #userSelectOverlay .logo { display: none; } #userSelectOverlay .logo img { max-height: 60px; max-width: 130px; } #userSelectOverlay .logo img { max-height: 60px; max-width: 130px; } #userSelectOverlay .logo.enable{ display: block; } #userSelectOverlay div.main { display: none; } #userSelectOverlay div.selected { display: block; } #userSelectOverlay h1 { font: normal 26px/21px 'AkkuratProRegular', Arial, sans-serif; line-height: normal; } #userSelectOverlay a { color: #005eb8; text-decoration: none; outline: 0; } #userSelectOverlay a.selected { color: #333; } #userSelectOverlay a.disabled { color: gray; pointer-events: none; cursor: default; } #userSelectOverlay .country-name { padding-bottom: 1px; } #userSelectOverlay div.change-country-label { color: #005eb8; font-size: 12px; } #userSelectOverlay div.language-select span.divider { border-right: 1px solid #999999; margin: 0 4px 0 1px; display: inline-block; } #userSelectOverlay span.header-column-left { width: 300px; float: left; } #userSelectOverlay span.header-column-right { width: 300px; float: right; } #userSelectOverlay div.disclaimer { clear:both; font-size: 11px; padding: 20px 0; } #userSelectOverlay div.right-section div { border-top: 1px solid #999999; padding: 4px 0 5px 0; } #userSelectOverlay div.right-section div:last-child { border-bottom: 1px solid #999999; } #userSelectOverlay div.right-section div.termsAndCondition { background-color: #ffffcc; } #userSelectOverlay div.right-section span.confirm-message { font-size: 13px; } #userSelectOverlay div.right-section span.arrow { float: right; padding-bottom: 3px; font-size: 23px; } #userSelectOverlay div.right-section div { clear: both; line-height: 19px; font-size: 14px; } #userSelectOverlay div.content div.tab-header div { background-color: #E6E6E6; border-right: 1px solid white; } #userSelectOverlay div.content div.tab-header div.table { display: table; width: 100%; } #userSelectOverlay div.content div.tab-header div.table-row { display: table-row; } #userSelectOverlay div.content div.tab-header div.table-cell { display: table-cell; padding: 8px 12px; color: #005eb8; } #userSelectOverlay div.content div.tab-header div.table-cell:last-child { border-right: 1px; left: 1px; } #userSelectOverlay div.content div.tab-header div.table-cell:only-child { left: 0px; } #userSelectOverlay div.content div.tab-header div.table-cell.selected { border: 1px solid #999999; background-color: white; border-bottom-color: #FFF; position: relative; z-index: 90; } #userSelectOverlay div.content div.tab-content { border: 1px solid #999999; padding: 20px 7px 7px; font-size: 11px; bottom: 1px; position: relative; display: none; overflow: scroll; max-height: 500px; } #userSelectOverlay .country-selector { clear: both; padding-top: 15px; font-size: 12px; } #userSelectOverlay .country-selector ul { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } #userSelectOverlay .country-selector li { line-height: 2em; } #userSelectOverlay .confirm-header { padding-bottom: 30px; font-size: 14px; line-height: 20px; } #userSelectOverlay .change-message, #userSelectOverlay .confirm-message { padding-bottom: 10px; font-size: 18px; font-weight: bold; line-height: 20px; } #userSelectOverlay .header-column-right div { padding-left: 10px; } #userSelectOverlay .header-column-right .confirm-button { padding-top: 9px; } #userSelectOverlay .investor-list { line-height: 19px; font-size: 14px; padding-left: 10px; } #userSelectOverlay .investor-list a { font-weight: bold; } #userSelectOverlay .investor-header-section .header-column-right a.button { color: white; padding: 8px 15px; font-size: 13px; } #userSelectOverlay .investor-header-section .header-column-right a.button-disabled { color: gray; } #userSelectOverlay .investor-header-section .header-column-right { border-left-style: solid; border-width: 1px; border-color: #C5C5C5; } #userSelectOverlay .investor-header-section .termsAndCondition { font-size: 13px; line-height: 24px; background-color: #ffc; margin-left: 17px; } #userSelectOverlay .investor-header-section .termsAndCondition .confirm-input { vertical-align: middle; } #userSelectOverlay .spacing { padding: 15px; clear: both; } #userSelectOverlay .content .mobile-tab-header { display: none; } #userSelectOverlay .change-country { padding-bottom: 25px; } /** Free form component on Metro Homepage - meet your goals **/ .free-form-html .investment-actions { background-color: #ffffff; margin-bottom: 16px; overflow: hidden; } .free-form-html .investment-actions .free-form-header h3 { background: #1E4764; /* Old browsers */ background: -moz-linear-gradient(left, #1E4764 30%, #45B7D4 75%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(30%,#1E4764), color-stop(75%,#45B7D4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1E4764 30%,#45B7D4 75%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1E4764 30%,#45B7D4 75%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #1E4764 30%,#45B7D4 75%); /* IE10+ */ background: linear-gradient(to right, #1E4764 30%,#45B7D4 75%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E4764', endColorstr='#45B7D4',GradientType=1 ); /* IE6-8 */ max-height: 100%; /* Fixes font size on mobile devices in full-site mode */ color: #ffffff; font-size: 20px; font-weight: normal; padding: 13px 0 12px 24px; } .free-form-html .investment-actions .free-form-body .free-form-top-section, .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column { margin-top: 26px; max-height: 100%; /* Fixes font size on mobile devices in full-site mode */ padding-left: 25px; } .free-form-html .investment-actions .free-form-body .free-form-top-section p { color: #414042; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 20px; line-height: 26px; } .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-left-section, .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-middle-section, .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-right-section { display: inline-block; float: left; margin-bottom: 50px; padding-right: 30px; width: 265px; } .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-middle-section, .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-right-section { border-left: 2px solid #EBEBEB; } .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column div span.icon { display: block; height: 44px; padding-left: 63px; width: 201px; } .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-left-section span.icon { background: url('/blk-one-c-assets/cache-1395919690000/images/ideas_green_icons.png') -10px -20px no-repeat; margin-left: -1px; } .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-middle-section span.icon { background: url('/blk-one-c-assets/cache-1395919690000/images/ideas_green_icons.png') -10px -84px no-repeat; margin-left: 20px; } .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-right-section span.icon { background: url('/blk-one-c-assets/cache-1395919690000/images/ideas_green_icons.png') -10px -148px no-repeat; margin-left: 20px; } .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column div a { color: #027153; font-size: 18px; font-family: 'AkkuratProRegular', Arial, sans-serif; line-height: 24px; } /* RSS feed component */ #rssReader .rss-item { margin-bottom: 24px; } #rssReader .rss-item-title { font-size: 18px; font-family: Arial, sans-serif; line-height: 22px; color: #005EB8; margin-bottom: 10px; } #rssReader .rss-item-description { font-size: 14px; font-family: Arial, sans-serif; color: #282828; margin-bottom: 15px; margin-top: 13px; } #rssReader .rss-item-author{ font-weight: bold; } #rssReaderRight .gadget { padding: 15px 12px 20px 12px; } #rssReaderRight .rss-item-title h3 { font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #005EB8; line-height: 18px; margin-bottom: 9px; margin-top: 21px; } #rssReaderRight .rss-item-author{ font-weight: bold; font-size: 13px; } #rssReaderRight h3, #rssReader .rss-item-title h3 { font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 26px; } #rssReaderRight h3 { line-height: 20px; } #rssReaderRight .rss-item .date { font-size: 13px; } #search-link-list { background: #EAEEF1; padding: 20px; margin-bottom: 20px; } #search-link-list ul { margin-top: 23px; } #search-link-list li { padding-bottom: 23px; } #footer #coInfo .responsive-toggler{ display: none; } /* Cookie banner */ #cookie-bar { background: #E7E6E6; border-bottom: 1px solid #ccc; height: auto; padding: 5px 0; text-align: center; } #cookie-bar.fixed { left: 0; position: fixed; top: 0; width: 100%; z-index: 10; } #cookie-bar.fixed.bottom { bottom: 0; border-bottom: 0; border-top: 1px solid #ccc; top: auto; } #cookie-bar p { font-size: 13px; } #cookie-bar a { display: inline-block; margin-left: 10px; } /*Overlay css for link-list, feature, image component */ div [data-overlayContainer= "overlayDialog"]{ display:none; max-height:517px !important; } .custom-component-overlay.ui-dialog .ui-dialog-content{ overflow:hidden; } .custom-component-overlay{ padding:34px 0px 20px 20px; max-height:600px; border: none; max-width:860px; } /* Annuity Index Table */ .annuity-index .wrapper-650 { max-width:650px; margin:0px auto; } .annuity-index .product-label{ padding:15px 0px; } .annuity-index .annuity-index-values-table { width:100%; border-spacing: 0; color:#616161; } .annuity-index .annuity-component-header { font-size:36px; font-family:'FortExtraBold',Arial,sans-serif; padding-bottom: 14px; padding-left: 3px; text-align:center; color:#616161; font-weight:normal; } .annuity-index .download-button a{ padding-bottom:3px; } .annuity-index .annuity-index-values-table thead th { padding :5px 10px; text-align:left; line-height:18px; border-bottom:2px solid #a5a5a5; font-family:'FortExtraBold',Arial,sans-serif; } .annuity-index .annuity-tndex-values-table thead tr:first-child th { border-bottom:2px solid #a5a5a5; } .annuity-index .annuity-index-values-table thead th:last-child { padding:10px; } .annuity-index .annuity-index-values-table tbody td { padding:8px 10px; text-align:left; color:#616161; } .annuity-index .annuity-index-values-table thead th:first-child, .annuity-index-values-table tbody td:first-child { padding-left:0px; } .annuity-index .annuity-index-values-table thead th:last-child, .annuity-index-values-table tbody td:last-child { padding-right:0px; } /*classified list component css begins*/ .classifiedListComponent .section{ margin-bottom:40px; } .classifiedListComponent .content-title{ padding:10px 20px ; font-size:20px; font-family: 'Akkurat', Arial, sans-serif; font-weight: normal; margin:0 0 30px 0 ; } .classifiedListComponent .content-title.bg-dark-blue{ background:#003768; } .classifiedListComponent .content-title.bg-light-green{ background:#76ab00; } .classifiedListComponent .content-title.bg-light-blue{ background:#2dade0; } .classifiedListComponent .content-title.bg-white{ background:#fff; } .classifiedListComponent .content-title.bg-grey{ background:#e8e7e7; } .classifiedListComponent .content-title.txt-black{ color:#333333; } .classifiedListComponent .content-title.txt-white{ color:#ffffff; } .classifiedListComponent .list-content{ width:430px; padding-bottom:40px; display:inline-block; vertical-align: top; } .classifiedListComponent .section .list-content:nth-child(even){ padding-right:37px; margin-right:37px; border-right:1px solid #009ddc; } .classifiedListComponent .section .see-more-content .list-content:nth-child(even){ padding-right:0; margin-right:0; border-right:none; } .classifiedListComponent .section .see-more-content .list-content:nth-child(odd){ padding-right:37px; margin-right:37px; border-right:1px solid #009ddc; } .classifiedListComponent .list-content .img-cntnr{ margin: 0 30px 0 0; display: inline-block } .classifiedListComponent .list-content .img-cntnr .new-txt{ width:52px; height:52px; position: absolute; } .classifiedListComponent .list-content .img-cntnr .content-img{ width: 120px; height: 120px; } .classifiedListComponent .list-content .description-cntnr{ display: inline-block; width: 274px; vertical-align:top; } .classifiedListComponent .list-content .description-cntnr .description{ margin-top: 15px; } .classifiedListComponent .list-content .description-cntnr.full-width{ width:auto; } .classifiedListComponent .list-content .description-cntnr a{ display: inherit; font-weight: bold; font-size: 15px; line-height: 22px; } .classifiedListComponent .list-content .description-cntnr a span.attachment-link{ margin-top:10px; display:inherit; font-size:13px; } .classifiedListComponent .see-more{ font-weight:bold; color:#005EB8; cursor:pointer; font-size: 15px; line-height: 22px; text-align: center; margin-top: 30px; } .classifiedListComponent .see-more-content{ display:none; margin-top:40px; } .classifiedListComponent .arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #6D5F5F; display: inline-block; margin: 0 7px 0 0; vertical-align: middle; } .classifiedListComponent .arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #6D5F5F; display: inline-block; margin: 0 7px 0 0; vertical-align: middle; } /*classified list component css ends*/ .page-share-links.mobile { display:none; } /*gls related literature component css begins*/ .product-lit-list .heading, #litList .heading { font-size: 18px; font-family: 'AkkuratProRegular', Arial, sans-serif; line-height: 22px; margin: 26px 0 5px; } .product-lit-list .doc-table { border-collapse: collapse; font-size: 12px; } .product-lit-list .fixed { top: 0; position: fixed; width: auto; z-index: 10; display: none; border: none; } .product-lit-list .doc-table thead tr { background: #005eb8; height: 50px; color: #fff; } .product-lit-list .doc-table th { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: left; font-weight: normal; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .product-lit-list .doc-table .doc-column-header { text-align: center; } .product-lit-list .doc-table tbody tr { height: 39px; } .product-lit-list .doc-table td { padding: 10px; line-height: 16px; } .product-lit-list .doc-table .doc-column { text-align: center; } .product-lit-list .doc-table .doc-column .doc-link { color: transparent; padding: 2px 5px; } .product-lit-list .even { background: #ecf6ff; } /*gls related literature component css ends*/ /* twitter component styles start */ .twitter-feed-component .twitter-header { font-family: Arial, sans-serif; font-size: 18px; font-weight: normal; color: #282828; padding: 10px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #DDD; line-height: 20px; border-radius: 5px 5px 0 0; } /* twitter component styles end */ /* Fee Savings Calculator component */ #feeSavingsCalculator { overflow: hidden; margin: 0 !important; } #feeSavingsCalculator sup { font-size: 50%; position: relative; top: -2px; } #feeSavingsCalculator #calc { border: 10px solid #2f6cb0; box-sizing: border-box; color: #2f6cb0; position: relative; height: 280px; text-align: center; width: 280px; } #feeSavingsCalculator #calc * { box-sizing: border-box; font-family:Arial, sans-serif; font-weight:bold; } #feeSavingsCalculator #calc > div { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/bg.png') no-repeat center center; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #feeSavingsCalculator #form { padding: 7px 10px 0; } #feeSavingsCalculator #form h1 { font-family:Arial, sans-serif; font-weight:bold; font-size: 28px; margin: 3px 0 14px; text-transform: uppercase; } #feeSavingsCalculator #form p { font-size: 18px; margin: 0 0 16px; line-height: normal; } #feeSavingsCalculator #form #options .option { margin: 0 0 35px; padding: 0 4px; vertical-align: top; width: 50%; } #feeSavingsCalculator #form #options .option.amount { float: left; } #feeSavingsCalculator #form #options .option.period { float: right; } #feeSavingsCalculator #form #options .option span { color: #6e7d82; font-size: 12px; padding: 3px 0; text-align: left; text-transform: uppercase; } #feeSavingsCalculator #form #options .option #investment { padding-top:3px; } #feeSavingsCalculator #form #options .option input, #feeSavingsCalculator #form #options .option .chosen-single { margin: 6px 0 0; width: 100% !important; } #feeSavingsCalculator #form #options .option input, #feeSavingsCalculator #form #options .option .chosen-single { background: #fff; border: 3px solid #2f6cb0; border-radius: 5px; color: #6e7d82; height: 34px; outline: 0; padding-left: 10px; } #feeSavingsCalculator #form #options .option input { appearance: none; -webkit-appearance: none; font-size: 16px; } #feeSavingsCalculator #form #options .option #years_chosen.chosen-with-drop .chosen-single { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #feeSavingsCalculator #form #options .option #years_chosen .chosen-drop { border: 3px solid #2f6cb0; border-top-width: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #feeSavingsCalculator #form #options .option #years_chosen .chosen-results { padding: 0; } #feeSavingsCalculator #form #options .option #years_chosen .chosen-results li { color: #6e7d82; text-align: left; } #feeSavingsCalculator #form #options .option #years_chosen .chosen-results li.highlighted { background: #f3f3f3; } #feeSavingsCalculator #form #options .option .chosen-single div { background: #2f6cb0 url('/blk-one-c-assets/include/one/css/blk/icn-select-arrow.png') no-repeat center center; width: 34px; } #feeSavingsCalculator #form #options .option .chosen-single div b { background: none !important; } #feeSavingsCalculator #form button { -webkit-appearance: none; background-color: #2f6cb0; border: 0; border-radius: 20px; color: #fff; cursor: pointer; font-family:Arial, sans-serif; font-weight:bold; font-size: 12px; outline: 0; padding: 8px 0; text-transform: uppercase; width: 195px; } #feeSavingsCalculator #results { display: none; } #feeSavingsCalculator #results #amounts .amount { background: #fff; display: inline-block; font-family:Arial, sans-serif; font-weight:bold; font-size: 14px; margin: 5% 2.5% 5%; padding: 3%; vertical-align: top; width: 43%; } #feeSavingsCalculator #results #amounts .amount p { margin: 0 0 3px; } #feeSavingsCalculator #results #savings { background: #fff; font-family:Arial, sans-serif; font-weight:bold; font-size: 36px; margin-bottom: 22px; padding: 18px 0 2px; line-height: normal; } #feeSavingsCalculator #results #savings p { font-size: 21px; margin: 0; text-transform: uppercase; line-height: normal; } #feeSavingsCalculator #results #back { font-size: 12px; text-transform: uppercase; } #feeSavingsCalculator #results #back * { cursor: pointer; margin: 0 6px; vertical-align: middle; } /* end Fee Savings Calculator component */ /* contact masthead component begins */ .contact-masthead .dropdown-cntnr{ display:inline-block; margin-top:48px; } .contact-masthead .dropdown-cntnr .login{ vertical-align: top; margin-right:0; } .contact-masthead .dropdown-cntnr .accountManagerComponent{ display: inline-block; width: 110px !important; margin:0px 20px 0 0; } .iw_component .contact-masthead .accountManagerComponent #accountManagerInfobubble .accountManagerInfobubbleDropDown { padding:20px 20px 6px 20px; border-width:1px; border-style: solid; border-color: #eef1f3 #ddd #ddd #ddd; background:#eef1f3; box-shadow:0 2px 2px rgba(12,13,14,0.2); margin:0 !important; } .iw_component .contact-masthead .accountManagerComponent .accountManagerInfobubbleDropDown ul, .contact-masthead .accountManagerInfobubbleDropDown h2{ padding:0; } .contact-masthead #accountManagerInfobubble .accountManagerInfobubbleDropDown h2, .contact-masthead .accountManagerInfobubbleDropDown #accountManagerInfobubble .fn{ font-family:Arial; font-weight:600; color:#414042; font-size:14px; line-height:22px; padding:0 0 5px 0 ; } .contact-masthead #accountManagerInfobubble .fn{ font-weight:normal; padding-bottom:4px; } .contact-masthead .#accountManagerInfobubble li.vcard a.email{ color:#005eb8; } .contact-masthead .accountManagerInfobubbleDropDown li:last-child{ padding-bottom:20px; border-bottom:1px solid #ddd; } .contact-masthead #accountManagerInfobubble li{margin-bottom:20px;} .contact-masthead .accountManagerComponent .accountManagers h2{ padding-top:0; } .contact-masthead #accountManagerInfobubble .accountManagerHeader h2{ margin-bottom:0; color:#414042; } .contact-masthead #accountManagerInfobubble .accountManagerHeader h2:hover{ text-decoration:underline; } #masthead.contact-masthead .accountManagerHeader.selected{ background: #eef1f3; border-width:1px; border-style: solid; border-color: #ddd #ddd #eef1f3 #ddd; box-shadow:0 0 2px rgba(12,13,14,0.2); } #masthead.contact-masthead .accountManagerHeader{ margin:0px 0 0 0; padding:2px 10px 10px; border:1px solid #fff; } #masthead.contact-masthead .logo{ margin-left:0; margin-top:-14px; } #masthead.contact-masthead .login{ top:0; } #masthead.contact-masthead .login .user-utils li>span>a { padding: 5px 0 6px 16px; } /* contact masthead component ends*/ /* survey component begins */ .survey-campaign{ margin-top:45px; } .survey-campaign .survey-form-error { margin-top: 10px; color: red; display:block; font-size: 12px; font-weight: bold; } .survey-campaign .heading{ margin-bottom:30px; } .survey-campaign .heading h2{ margin-top:20px; } .survey-campaign .full-width{ width:100%; margin:5px 0; padding:30px 0 25px 0; } .survey-campaign .full-width.grey-cntnr{ background:#eaeef1; } .survey-campaign .wrapper-650{ max-width:650px; margin:0 auto; text-align:left; } .survey-campaign .survey-wrapper .input-wrapper.full-cntnr input.full-cntnr{ width:628px; } .survey-campaign .survey-wrapper .input-wrapper.full-cntnr{ display:block; } .survey-campaign .survey-wrapper{ text-align:center; font-family:Arial; color:#333; font-size:16px; } .survey-campaign .survey-wrapper h1{ font-family: AkkuratProRegular; font-size: 36px; text-align: center; color: #003768; font-weight: normal; } .survey-campaign .survey-wrapper .input-wrapper{ display:inline-block; text-align:left; margin-top:25px; } .survey-campaign .survey-wrapper .input-wrapper:first-child{ margin-top:0px; } .survey-campaign .survey-wrapper .input-wrapper:not(.full-cntnr):nth-child(odd){ margin-right:25px; } .survey-campaign .input-wrapper label{ display:block; margin-bottom:15px; } .survey-campaign .input-wrapper input{ width:inherit; padding:13px 10px 10px 10px; color:inherit; font-family:inherit; height:13px; border:1px solid #c1c6c8; width:288px; } .survey-campaign .wrapper-650 .question{ font-weight:bold; margin-bottom:25px; line-height:24px; } .survey-campaign .wrapper-650 .sub-question-cntnr .question{ margin:0 0 15px 15px; } .survey-campaign .wrapper-650 .question.sub, .survey-campaign .wrapper-650 .option{ margin:0 0 15px 15px; } .survey-campaign .wrapper-650 .option:last-child{ margin-bottom:0; } .survey-campaign .wrapper-650 .survey-submit{ margin:40px 0 40px 0; text-align:center; } .survey-campaign .wrapper-650 .survey-submit input{ padding: 10px 0; border: 1px solid #005eb8; width: 100px; background-color: #FFF; color: #005eb8; font-family:AkkuratProRegular; text-transform:uppercase; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; text-align:center; width:123px; } .survey-campaign .wrapper-650 .survey-submit input:hover{ background-color: #005eb8; color: #FFF; } /* survey component ends */ /*registration overlay functionality style begins */ #masthead #registrationOverlay{ display:none; } #registrationOverlay h3{ text-align:center; margin-bottom:20px; } #registrationOverlay .overlay-content { text-align: left; margin-left: 5%; font-size: 12px; color: #000000; } /*registration overlay functionality style ends */ /******************************************************************** * RESPONSIVE OVERRIDES - All screens smaller than 767px ********************************************************************/ @media only screen and (max-width : 767px) { /* Page title component, and common h1 styles */ .blk-responsive #pageTitle { margin-left: 0; margin-bottom: 0; width:100%; } /* .blk-responsive .shareLinks, .blk-responsive .page-share-links, .blk-responsive .standalone-share-links { display: none; } */ .blk-responsive .shareLinks { display: none; } .blk-responsive .page-share-links.desktop { display: none; } .blk-responsive .page-share-links.mobile { display:block; text-align: justify; } /* Resizing h1s/h2s in page title, search results, t&cs and padlock teaser components */ .blk-responsive .title h1, .blk-responsive #searchResults h1, .blk-responsive .terms-wrapper h1, .blk-responsive .padlock-teaser h2 { font-size: 20px; } .blk-responsive .title h2 { font-size: 16px; line-height: 22px; } .blk-responsive .terms-wrapper h1, .blk-responsive .terms-wrapper h2 { margin: 10px; } .blk-responsive .terms-wrapper { padding-top: 10px; } .blk-responsive .terms-wrapper .terms-text { margin: 10px; } .blk-responsive .terms-wrapper fieldset { padding: 20px; } /* Paragraph ("article") component */ /* Fix max-width to 100% in case an image width is not set, or image is too wide for viewport */ .blk-responsive .article img { height: auto; max-width: 100%; } .blk-responsive .article h2 { font-size: 16px; line-height: 20px; margin: 15px 0 10px; } .blk-responsive .article h3 { font-size: 15px; line-height: 18px; margin: 15px 0 10px; } .blk-responsive .article h4 { font-size: 14px; line-height: 17px; margin: 0 0 10px; } /* Banner font overrides */ .blk-responsive #bannerMainStage.dots .articleIntro h1, .blk-responsive #bannerMainStage.dots .articleIntro h2, .blk-responsive #bannerMainStage.tab .articleIntro h1, .blk-responsive #bannerMainStage.tab .articleIntro h2, .blk-responsive #bannerStatic .articleIntro h1, .blk-responsive #bannerStatic .articleIntro h2, .blk-responsive #bannerRotating .articleIntro h1, .blk-responsive #bannerRotating .articleIntro h2 { font-size: 16px; line-height: 20px; margin-bottom: 5px; padding-right: 0; } /* Main stage banner - old "tabs" variant */ .blk-responsive .contentPageWide3 #bannerMainStage { margin: -11px -10px 0; } /* Hide slide_nav ul as it's not going to fit on mobile screens */ .blk-responsive #bannerMainStage #slide_nav { display: none; } /* Main stage banner - both "dots" and "tabs" variants */ .blk-responsive #bannerMainStage #bannerDots { padding: 10px; z-index: 2; } .blk-responsive #bannerMainStage.dots .singleArticleBanner, .blk-responsive #bannerMainStage.tab .singleArticleBanner { /* Scale background image to banner width, not supported in li a.clickable { z-index: 1; } .blk-responsive #bannerMainStage.dots .articleIntro, .blk-responsive #bannerMainStage.tab .articleIntro { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; position: absolute; padding: 10px; } .blk-responsive #bannerMainStage.dots .articleIntro.left, .blk-responsive #bannerMainStage.tab .articleIntro.left { left: 0; margin: 0; top: 0; width: 220px; } .blk-responsive #bannerMainStage.dots .articleIntro.right, .blk-responsive #bannerMainStage.tab .articleIntro.right { margin: 0; top: 0; right: 0; width: 220px; } .blk-responsive #bannerMainStage.tab .articleIntro, .blk-responsive #bannerMainStage.tab .articleIntro.left, .blk-responsive #bannerMainStage.tab .articleIntro.right { width: 80%; } .blk-responsive #bannerMainStage.dots .articleIntro p, .blk-responsive #bannerMainStage.tab .articleIntro p { font-size: 13px; line-height: 1.5em; margin-bottom: 5px; padding-right: 0; } .blk-responsive #bannerMainStage.tab .articleIntro .icon-chevron, .blk-responsive #bannerMainStage.dots .articleIntro .banner-cta a .icon-chevron { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-sprite-icons.png') -20px -270px no-repeat; font-size: 13px; margin-left: 0; padding-left: 16px; } .blk-responsive #bannerMainStage.dots .articleIntro .banner-cta, .blk-responsive #bannerMainStage.tab.articleIntro .banner-cta { top: 10px; } /* Banner static */ .blk-responsive #bannerStatic, .blk-responsive .contentPageWide3 #bannerStatic { height: 150px; margin: -11px -10px 0; padding: 10px; } .blk-responsive #bannerStatic .articleIntro { background: none; height: auto; margin-left: 0; padding: 10px; width: auto; } /* Hiding all but the h1 for mobiles */ .blk-responsive #bannerStatic .articleIntro h2, .blk-responsive #bannerStatic .articleIntro h3, .blk-responsive #bannerStatic .articleIntro h4, .blk-responsive #bannerStatic .articleIntro p, .blk-responsive #bannerStatic .articleIntro a { display: none; } /* Banner rotating */ .blk-responsive #bannerRotating, .blk-responsive .contentPageWide3 #bannerRotating, .blk-responsive .contentPageWide3 #pageHeader #bannerRotating { height: 150px; margin: -11px -10px 0; } .blk-responsive #bannerRotating #portfolio { width: 100%; } .blk-responsive #bannerRotating #slide_nav { display: none; } .blk-responsive #bannerRotating #slide_nav li { background: none; } .blk-responsive #bannerRotating .singleArticleBanner { background-size: cover; height: 150px; } .blk-responsive #bannerRotating .articleIntro { padding: 10px; width: 80%; } .blk-responsive #bannerRotating .articleIntro p { font-size: 12px; } .blk-responsive #bannerRotating .articleIntro .button, .blk-responsive #bannerRotating .articleIntro .icon-pdf, .blk-responsive #bannerRotating .articleIntro .icon-arrow { margin-top: 5px; } /* Audience selector, hero spot (retail homepages) */ .blk-responsive #audienceSelect ul li { height: auto; } .blk-responsive #audienceSelect .audience-label, .blk-responsive #audienceSelect ul li.larger .audience-label, .blk-responsive #audienceSelect ul li.smaller a .audience-label, .blk-responsive #audienceSelect ul li.dropdown a .audience-label { font-size: 18px; padding: 15px 20px; } .blk-responsive #audienceSelect ul li.dropdown.showdropdown a .audience-label { padding-bottom: 10px; } .blk-responsive #audienceSelect ul li.dropdown a span.select { display: none; } .blk-responsive #audienceSelect .dropdown .dropdownMenu { background: #eef2f4; border-width: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; display: block; left: 0; max-height: 0; transition: max-height 0.3s; position: static; } .blk-responsive #audienceSelect .dropdown.showdropdown .dropdownMenu { max-height: 500px; transition: max-height 0.4s; } .blk-responsive #audienceSelect .dropdown .dropdownMenu li a { border-bottom: 1px solid white; color: #777; font-size: 14px; padding: 10px 20px; } .blk-responsive #audienceSelect .dropdown .dropdownMenu li a:hover { color: #282828; } .blk-responsive #heroSpot { background-repeat: no-repeat; background-size: cover; height: 200px; min-height: 0; } .blk-responsive #heroSpot .header { left: 10px; padding: 10px; top: 10px; } .blk-responsive #heroSpot .header h1 { font-size: 18px; } .blk-responsive #heroSpot p { font-size: 13px; } /* Level one banner */ .blk-responsive .bannerLevelOne { background-repeat: no-repeat; background-size: cover; background-position: center 0; height: 150px; } /* Hack: Layout-specific margins - some layouts have different (or no) padding * in the pageHeader areas, which we need to cater for */ .blk-responsive .contentPageWide1 #pageHeader .bannerLevelOne, .blk-responsive .contentPageWide2 #pageHeader .bannerLevelOne, .blk-responsive .contentPageWide3 #pageHeader .bannerLevelOne, .blk-responsive .contentPageWide8 #pageHeader .bannerLevelOne, .blk-responsive .homePage3 .bannerLevelOne { margin: -11px -10px 0; } .blk-responsive .bannerLevelOne .solutionsBox { left: 0; max-width: 65%; padding: 10px; position: static; top: 0; } .blk-responsive .bannerLevelOne .solutionsBox h1 { font-size: 20px; } .blk-responsive .bannerLevelOne .solutionsBox h2 { font-size: 18px; } .blk-responsive .bannerLevelOne .solutionsBox p { font-size: 14px; } .blk-responsive .bannerLevelOne .solutionsBox .icon-chevron { background-position: 0 2px; } .blk-responsive #breadcrumb { display: none; line-height: 1.4em; } /* Homepage free form HTML component */ .blk-responsive .free-form-html .investment-actions .free-form-header h3, .blk-responsive .free-form-html .product-highlights .free-form-header h3 { font-size: 18px; line-height: 21px; padding: 10px; } .blk-responsive .free-form-html .free-form-body { padding: 10px; } .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-top-section, .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column { margin: 0; padding: 0; } .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-top-section p { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5em; } .blk-responsive .free-form-html .investment-actions { margin: 0; } .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-left-section span.icon, .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-middle-section span.icon, .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-right-section span.icon { margin: 0; width: auto; } .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-middle-section, .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-right-section { border: none; } .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-left-section, .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-middle-section, .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column .free-form-right-section { display: block; float: none; margin-bottom: 20px; padding: 0; width: auto; } .blk-responsive .free-form-html .investment-actions .free-form-body .free-form-bottom-section.three-column div a { font-size: 15px; line-height: 1.5em; } .blk-responsive .free-form-html .product-highlights { height: auto !important; /* Hack to fix when blk-freeform is loaded after blk-responsive */ margin: 0 !important; } .blk-responsive .free-form-html .product-highlights .free-form-body .free-form-left-section, .blk-responsive .free-form-html .product-highlights .free-form-body .free-form-right-section, .blk-responsive .free-form-html .product-highlights .free-form-body .horizontal > p { border: none; float: none; padding: 0; width: auto; } .blk-responsive .free-form-html .product-highlights .free-form-body .free-form-right-section { margin-top: 20px; } .blk-responsive .free-form-html .product-highlights .free-form-body h3, .blk-responsive .free-form-html .product-highlights .free-form-body p { margin: 0 0 10px 0; width: auto; } .blk-responsive .free-form-html .free-form-body .horizontal ul { float: none !important; /* Hack to fix when blk-freeform is loaded after blk-responsive */; } .blk-responsive .free-form-html .free-form-body .horizontal > ul > li { margin: 0 15px 15px 0; } /* Video player, modal dialog */ .blk-responsive .blk-modal { min-width: 0; padding: 0; top: 15% !important; width: 100% !important; } .blk-responsive .blk-modal.video { height: auto !important; } .blk-responsive .blk-modal .ui-dialog-title { margin: 5px; width: 90%; } .blk-responsive .video-player .video-placeholder { margin-bottom: 15px; } .blk-responsive .videoparacomponent .video-placeholder { float: none; width: auto; } .blk-responsive .videoparacomponent .paracomponent { float: none; } .blk-responsive .video-player .video-wrapper, .blk-responsive .blk-modal .video-wrapper { max-width: 100%; position: relative; } /* Padding and margin added to make the Youtube video player wrapper responsive, see http://avexdesigns.com/responsive-youtube-embed */ .blk-responsive .video-player .video-wrapper.youtube, .blk-responsive .blk-modal .video-wrapper.youtube { padding-bottom: 47%; padding-top: 29px; } .blk-responsive .blk-modal .video-wrapper { margin: 0; } .blk-responsive .video-player .video-wrapper iframe, .blk-responsive .video-player .video-wrapper object, .blk-responsive .video-player .video-wrapper embed, .blk-responsive .blk-modal .video-wrapper iframe, .blk-responsive .blk-modal .video-wrapper object, .blk-responsive .blk-modal .video-wrapper embed { /* Heights and widths are set as inline styles in JS, !important override is needed */ height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; } .blk-responsive .video-player .videoparacomponent { height: auto; width: auto; } .blk-responsive .video-player .videoparacomponent .videoparagraph { float: none; height: auto; line-height: 20px; margin-bottom: 15px; margin-left: 0; padding: 10px 0; width: auto; } .blk-responsive .video-player .video-list-box .video-thumbnail{ width: 100% !important; } /* "Horizontal link list" skin for Link List component */ .blk-responsive .horizontal-link-list .link-list-prev, .blk-responsive .horizontal-link-list .link-list-next { display: block; margin-bottom: 4px; width: auto; } /* Home page link list */ .blk-responsive .gadget.homepage-list .list-background { background-size: cover; background-position: 0 center; } .blk-responsive .gadget.homepage-list .gadgetHeader { padding: 10px 10px 0; } .blk-responsive .gadget.homepage-list .gadgetHeader h3 { font-size: 16px; } .blk-responsive .gadget.homepage-list .gadgetBody { padding: 10px; width: 70%; } /* Insights List component */ .blk-responsive #insightsList { margin: 0 -10px -10px; } .blk-responsive #insightsList h2 { font-size: 18px; } .blk-responsive #insightsList .thumbnail { width: 16%; } .blk-responsive #insightsList .thumbnail img { height: auto; width: 100%; } .blk-responsive #insightsList .summary { margin-left: 20%; } .blk-responsive #insightsList .more-link, .blk-responsive #insightsList .categories { margin-left: 0; } /* Iframe component */ .blk-responsive .iframeContainer.negative-margin { margin: 0 -10px; } .blk-responsive .iframeContainer iframe { width: 100% !important; } /* Overrides for free-form-html component. All styles are inline, so lots of !important hacks! */ .blk-responsive #free-form-html #mainAdvisorWrapper #adviserContent { float: none !important; width: auto !important; } .blk-responsive #free-form-html #mainAdvisorWrapper #adviserContent h2 { font-size: 16px !important; } .blk-responsive #free-form-html #rightSection { margin-left: 0 !important; } /* User-Type Selector Overlay */ .blk-responsive .audience-select.ui-dialog { border: none; top: 0 !important; width: 100% !important; } .blk-responsive #audienceSelectOverlay h1 { font-size: 18px; } .blk-responsive #audienceSelectOverlay.alternate { font-size: 13px; padding: 10px; } .blk-responsive #audienceSelectOverlay .country-list { padding-top: 15px; } .blk-responsive #audienceSelectOverlay .logo { padding-bottom: 10px; } .blk-responsive #audienceSelectOverlay .logo img { max-height: 50px; max-width: 120px; } .blk-responsive #audienceSelectOverlay.alternate .investor-description-text { padding: 10px 0 0; } .blk-responsive #audienceSelectOverlay .investor-type-selector span a { font-size: 15px; } .blk-responsive #audienceSelectOverlay .investor-section, .blk-responsive #audienceSelectOverlay div.investor-type-selector div.overlay-disclaimer { margin-top: 15px; padding-top: 15px; } /* Site Entry - Latest Version*/ /* User Selector Overlay*/ .blk-responsive .user-overlay.ui-widget-overlay { opacity: 1; } .blk-responsive .user-select.ui-dialog { border: none; top: 0 !important; width: 100% !important; height: 100% !important; overflow-y: scroll; } .blk-responsive #userSelectOverlay { padding: 0; } .blk-responsive #userSelectOverlay .logo { padding: 15px 0 10px 29px; display: block; } .blk-responsive #userSelectOverlay .country-name { padding: 0 0 5px 15px; } .blk-responsive #userSelectOverlay .change-country { padding: 0 0 25px 15px; } .blk-responsive #userSelectOverlay .country-selector { padding: 0 0 0 10px; } .blk-responsive #userSelectOverlay .country-selector ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .blk-responsive #userSelectOverlay .logo img { max-height: 50px; max-width: 120px; } .blk-responsive #userSelectOverlay div.language-select { padding-bottom: 4px; } .blk-responsive #userSelectOverlay div.right-section div { line-height: 25px; } .blk-responsive #userSelectOverlay div.language-select span { padding: 4px 10px; border-right-style: solid; border-top-style: solid; border-width: 1px; border-color: #999999; background-color: #E6E6E6; } .blk-responsive #userSelectOverlay div.language-select span.selected { background-color: white; } .blk-responsive #userSelectOverlay div.language-select span.divider { display: none; } .blk-responsive #userSelectOverlay span.header-column-left, .blk-responsive #userSelectOverlay span.header-column-right { width: auto; float: none; } .blk-responsive #userSelectOverlay .header-column-right div { padding-left: 0; } .blk-responsive #userSelectOverlay div.right-section div.termsAndCondition { padding: 5px 15px 5px 15px; } .blk-responsive #userSelectOverlay div.right-section .userTypeList { padding: 5px 15px 5px 15px; font-size: 14px; } .blk-responsive #userSelectOverlay div.disclaimer { padding: 10px 15px; } .blk-responsive #userSelectOverlay div.content div.tab-header div.table, .blk-responsive #userSelectOverlay div.content div.tab-header div.table-row { display: block; } .blk-responsive #userSelectOverlay div.content div.tab-header div.table-cell { display: block; border-bottom-style: solid; border-width: 2px; border-color: white; } .blk-responsive #userSelectOverlay div.content div.tab-header div { border: none; } .blk-responsive #userSelectOverlay .confirm-header { padding-left: 15px; } .blk-responsive #userSelectOverlay .investor-header-section .termsAndCondition { padding-left: 15px; } .blk-responsive #userSelectOverlay .investor-header-section .user-selection { padding-left: 15px; } .blk-responsive #userSelectOverlay .investor-header-section .header-column-right { border: none; } .blk-responsive #userSelectOverlay .header-column-right div.confirm-message { padding-top: 20px; } .blk-responsive #userSelectOverlay .header-column-right div.confirm-button { padding-top: 5px; } .blk-responsive #userSelectOverlay .content .tab-header { display: none; } .blk-responsive #userSelectOverlay .content .mobile-tab-header { background-color: #e6e6e6; display: flex; padding: 8px 8px 8px 15px; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: white; } .blk-responsive #userSelectOverlay .content .mobile-tab-header a { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1653px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1653px; padding: 0 0 0 23px; line-height: 19px; } .blk-responsive #userSelectOverlay .content .mobile-tab-header a.expanded { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1676px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px -1676px; color: #000; } .blk-responsive #userSelectOverlay div.content div.tab-content { overflow: hidden; max-height: none; border: none; } .blk-responsive #userSelectOverlay .investor-header-section .termsAndCondition { margin: 0; } /* Accordion icons */ .blk-responsive .accordion .toggleChildren a { display: inline !important; } .blk-responsive #footer #coInfo .responsive-toggler{ display: inline-block; } .blk-responsive .hideOnMobile{ display: none !important; } .blk-responsive #cookie-bar { margin-bottom: 4px; } /*classified list component css begins*/ .blk-responsive .classifiedListComponent .show-border, .blk-responsive .classifiedListComponent .section .list-content:nth-child(even), .blk-responsive .classifiedListComponent .section .see-more-content .list-content:nth-child(even), .blk-responsive .classifiedListComponent .section .see-more-content .list-content:nth-child(odd){ padding-right: 0; margin-right: 0; border-right: none; } .blk-responsive .classifiedListComponent .list-content{ display:block; width:auto; padding-bottom:15px; } .blk-responsive .classifiedListComponent .list-content .description-cntnr.full-width{ display:block; width:auto; } .blk-responsive .classifiedListComponent .list-content .description-cntnr p{ display:none; } .blk-responsive .classifiedListComponent .list-content .img-cntnr{ margin:0 15px 0 0; } .blk-responsive .classifiedListComponent .list-content .img-cntnr .content-img{ width: 100px; height: 100px; } .blk-responsive .classifiedListComponent .content-title{ margin:0 0 10px 0; font-size: 18px; } .blk-responsive .classifiedListComponent .list-content .description-cntnr{ width: 215px; } .blk-responsive .classifiedListComponent .list-content .description-cntnr a{ margin-bottom:0; font-size: 16px; } .blk-responsive .classifiedListComponent .classifiedListComponent .see-more{ font-size: 16px; margin-bottom: 30px; } .blk-responsive .classifiedListComponent .list-content .description-cntnr{ margin-top:20px; } /*classified list component css ends*/ .blk-responsive .blk-modal .blk-vd-wrapper { width: 100% !important; } }/**** This file contains these previously separated files: blk-footer.css blk-left-nav.css blk-masthead.css This was done because the number of external CSS links was breaking IE's 31 file limit This file is organized to only contain components from the common/page-frame folder ****/ /* Breadcrumbs *************************************************************************************/ #breadcrumb { color: #5a5a5a; font-size: 12px; max-height: 100%; /* Fixes font size on mobile devices in full-site mode */ padding: 16px 22px 15px; width: auto; } #breadcrumb a { color: #5a5a5a; } #breadcrumb span { padding: 0px 6px; } #breadcrumb .padlock.no-padlock-icon, #breadcrumb .unlocked.no-padlock-icon { background: none; padding-left: 0; } /* Footer *************************************************************************************/ #footer { max-width: 980px; border-color: #ccc; border-style: solid; border-width: 1px 0; font-size: 11px; padding: 12px 2px; margin: 0 auto 25px; } #footer a { color: #414042; } #footer #coInfo { float: left; width: 710px; } #footer #coInfo ul { display: inline-block; /* IE7 */ *display: inline; zoom: 1; } #footer #coInfo li { display: inline-block; font-weight: normal; /* IE7 */ *display: inline; zoom: 1; } #footer #coInfo li a { padding-right: 15px; } #footer #coInfo li.section-title { font-weight: bold; } #footer #copyright { text-align: right; } /* Partner Footer Skin specific style changes *****************************************************************************************/ #footer.partner-footer { border: none; padding: 0; } #footer.partner-footer #partnerFooterTop { border-color: #ccc; border-style: solid; border-width: 1px 0; padding: 12px 2px; } #footer.partner-footer #partnerFooterTop li.section-title { font-weight: normal; width: 976px; } #footer.partner-footer #partnerFooterTop .partner-footer-links-left{ float: left; } #footer.partner-footer #partnerFooterTop .partner-footer-links-right{ float: right; } #footer.partner-footer #partnerFooterTop .partner-footer-links-right li { text-align: right; } #footer.partner-footer #partnerFooterTop .partner-footer-links-right li a{ padding: 0 0 0 15px; } #footer.partner-footer #partnerFooterBottom { padding: 12px 2px; } #footer.partner-footer #partnerFooterBottom #footerLogo { float: left; } /* Sitemap *****************************************************************************************/ #sitemap a { color: #414042 } #sitemap { overflow: hidden; padding: 12px 0 30px; } #sitemap table { border-collapse: collapse; font-size: 11px; width: auto; } #sitemap table td { padding: 28px 15px 0 0; vertical-align: top; width: 167px; } #sitemap table a:hover { text-decoration: none; } #sitemap table td a.section-title { display: block; font-size: 12px; font-weight: bold; padding: 0 4px; } #sitemap ul.children { margin-top: 13px; } #sitemap ul.children li { margin-bottom: 5px; } #sitemap ul.children li a { display: block; padding: 1px 4px; } #sitemap ul.children li a.padlock, #sitemap ul.children li a.unlocked { padding-left: 18px; } #sitemap ul.children li a:hover { background-color: #ebebeb; } #sitemap #socialMediaLinks { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blackrock-logo-footer.png') no-repeat left 8px; border-bottom: 1px solid #ccc; height: 49px; padding: 0; text-align: right; } #sitemap #socialMediaLinks li, #sitemap #socialMediaLinks a { display: inline-block; /* IE7 */ *display: inline; zoom: 1; } /* HACK * Footer Article * When an article is inserted in the footer override a bunch of styles * Article component used for disclaimers *****************************************************************************************/ #footerWrapper .article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; padding: 8px 35px; margin: 0 auto; width: 980px; /* IE7 */ *width: 914px; } #footerWrapper .article a { color: #005eb8; } #footerWrapper .article .footnotes { border: none; color: #282828; font-size: 12px; line-height: 18px; } #footerWrapper .article p{ padding: 0; margin: 0; } /* blk-left-nav.css *****************************************************************************************/ .left-nav { padding-top: 6px; } .left-nav .title { font-size: 1.2em; padding: 10px; } .left-nav .title { background: #fff; border-top: 4px solid #fff; } .left-nav a { display: block; } .left-nav ul { border-color: white; border-style: solid; border-width: 0 0 1px 0; margin: 0 0 30px 0; padding: 0; } .left-nav li { border-bottom: 1px solid #d9dbdd; border-top: 1px solid white; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 14px; font-weight: normal; padding: 7px 18px; } /* Intentionally degrading gracefully - we don't mind if the border appears in older browsers */ .left-nav li:first-child { border-top: none; } .left-nav .on a { color: #333333; padding-bottom: 0; } .left-nav .children, .left-nav .grandchildren { border: none; margin: 0; padding-bottom: 6px; } .left-nav .grandchildren { padding: 0 0 0 16px; } .left-nav .children { margin-top: 10px; } .left-nav .children li { border: none; font-size: 13px; font-weight: normal; padding: 0; } .left-nav .children a { color: #156CC6; font-family: 'Arial'; padding: 0 5px 7px 16px; } .left-nav .children .on a { color: #333333; } .left-nav .children .on .grandchildren a { color: #005eb8; font-weight: normal; } .left-nav .children .on .grandchildren .on a { color: #333333; font-weight: normal; } .left-nav .padlock { background-image: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_icon_key.png'); _background-image: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_icon_key.gif'); background-repeat: no-repeat; background-position: 1px 3px; padding-left: 15px; } .left-nav .padlock { background-position: 1px 3px; padding-left: 16px; } .left-nav .children .padlock { background-position: 1px 2px; } /* IE7 FIXES */ .left-nav .children, .left-nav .grandchildren { *border: none; } /* IE6 FIXES */ .left-nav li, .left-nav a { _zoom: 1; } /* Masthead *****************************************************************************************/ #masthead { height: 100px; position: relative; text-align: right; /* overrides the .site-width class which can be removed * from the layout files eventually */ width: 1024px; z-index: 9; } #masthead .logo { float: left; height: 92px; margin-left: 22px; } /* Site utils links */ #masthead .siteUtils { font-size: 12px; position: absolute; right: 22px; z-index: 2; } #masthead .siteUtils, #masthead .siteUtils a { color: #767676; } #masthead .siteUtils > li { border-color: #EEF1F3; border-style: solid; border-width: 0 1px 1px; display: inline-block; line-height: normal; margin-left: -4px; position: relative; } #masthead .siteUtils > li:last-child { margin-right: 0; } #masthead .siteUtils > li > span { display: block; padding: 4px 18px 4px 8px; } #masthead .siteUtils > .dropdown > span { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') 103% -1804px no-repeat; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') 103% -1804px no-repeat; cursor: pointer; padding-right: 34px; } #masthead .siteUtils > .dropdown > span:hover { text-decoration: underline; } #masthead .dropdown { position: relative; } #masthead .dropdownMenu { background: white; border: 1px solid #EEF1F3; left: -9001px; position: absolute; text-align: left; } #masthead .select-region .dropdownMenu { left: 0px; } #masthead .showdropdown .dropdownMenu { left: -1px; } #masthead .dropdownMenu a { color: #414042; display: block; padding: 4px 16px; } #masthead .dropdownMenu a:hover { background-color: #edf1f4; text-decoration: none; } #masthead .selected { background-color: #EEF1F3; font-weight: bold; } #masthead .list-horizontal { padding: 2px 7px; } #masthead .list-horizontal li { display: inline-block; } #masthead .list-horizontal li a { padding: 0 8px; } #masthead .list-horizontal .selected { background-color: transparent; } #masthead .selected .dropdownMenu, #masthead .user-utils .dropdownMenu { background: #EEF1F3; font-weight: normal; } #masthead .user-utils .dropdownMenu a { background: none; font-family: 'Arial', sans-serifl; padding: 4px 16px; } #masthead .selected .dropdownMenu > li a:hover, #masthead .user-utils .dropdownMenu > li a:hover { background: white; color: #414042; } /* Icon links */ #masthead .siteUtils .corporate-icon-link { margin-right: 8px; } #masthead .siteUtils .corporate-icon-link a { display: block; padding: 4px 6px 4px 0; text-indent: -9001px; text-align: left; width: 16px; } /* Corporate links */ #masthead .corporate-link .dropdownMenu { width: 150px; } /* "Select View" user type selector */ #masthead .siteUtils .selectView .dropdownMenu { width: 270px; } #masthead .siteUtils .selectView .dropdownMenu li > a { padding: 0; } #masthead .siteUtils .selectView .dropdownMenu li span { color: #868686; display: block; font-size: 13px; line-height: 16px; padding: 5px 8px; } #masthead .siteUtils .selectView .dropdownMenu li > a .message { font-size: 11px; } /* Country selector */ #masthead .siteUtils .selectCountry .dropdownMenu { width: 150px; } #masthead .siteUtils .selectCountry.showdropdown .dropdownMenu { border-width: 1px 0 1px 1px; left: auto; padding: 5px 0; position: absolute; right: 150px; } #masthead .siteUtils .selectCountry.showdropdown .dropdownMenu.second { border-width: 1px 1px 1px 0; left: auto; position: absolute; right: 0; } #masthead .siteUtils .selectCountry .dropdownMenu > li { display: block; font-size: 11px; margin: 0 5px; padding: 3px 5px; } #masthead .siteUtils .selectCountry .dropdownMenu > li > a { padding: 0 0 0 20px; } #masthead .siteUtils .selectCountry .dropdownMenu > li:hover { background-color: #edf1f4; } #masthead .siteUtils .selectCountry .dropdownMenu > li > a:hover { background-color: transparent; } /* Responsive buttons and "back" links, only visible on mobile */ #masthead .responsive-button, #masthead .siteUtils .dropdownMenu .responsive-nav-header, #masthead .siteUtils .selectCountry .dropdownMenu .responsive-nav-header, #masthead .siteUtils .dropdownMenu .responsive-nav-back { display: none; } /* Language selector */ #masthead .siteUtils .selectLanguage .dropdownMenu { width: 100%; } /* LOGIN */ #masthead .login { display: inline-block; margin-right: 14px; position: relative; top: 45px; z-index: 1; } #masthead .login a { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') -15px -1696px no-repeat; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') -15px -1696px no-repeat; font-family: 'AkkuratProRegular', Arial, sans-serif; padding: 0 16px 0 18px; } #masthead .login a:hover { color: #005eb8; } #masthead span.welcome { color: #414042; font-weight: bold; } #masthead .login span.padlock, #masthead #signOn .login span.padlock { display: none; } #masthead .login .user-utils li > span > a { background: none; color: #414042; padding: 5px 0 6px 16px; } #masthead .login .user-utils li > span > a .icon-dropdown-right { background-position: right -1807px; margin: 0; } #masthead .login .user-utils li.showdropdown > span > a { background-color: #EEF1F3; } #masthead .user-utils .showdropdown .dropdownMenu { border: 1px solid #EEF1F3; box-sizing: border-box; font-size: 12px; left: 0; text-align: left; top: 24px; width: 100%; } #masthead .login .user-utils li > span > a .icon-dropdown-right { background-position: right -1807px; margin: 0; } #masthead .login .user-utils li.showdropdown > span > a { background-color: #EEF1F3; } #masthead .user-utils .showdropdown .dropdownMenu { border: 1px solid #EEF1F3; box-sizing: border-box; font-size: 12px; left: 0; text-align: left; top: 24px; width: 100%; } #masthead .account-access-login a { background: transparent; _background: transparent; padding: 0; } #masthead .account-access-login .account-access-dropdown-arrow { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') -17px -2752px no-repeat; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') -17px -2752px no-repeat; display: inline-block; width: 12px; cursor: pointer; } #masthead .account-access-login .account-access-dropdown-arrow.active { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') -17px -3369px no-repeat; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') -17px -3369px no-repeat; } #masthead .account-list-container { position: absolute; top: 22px; left: 0; height: auto; width: 278px; border: 1px solid #CCC; box-shadow: 0px 8px 8px -3px rgba(0, 0, 0, 0.2); text-align: left; background-color: #FFF; padding: 5px 0; } #masthead .account-list-container .list-caption a, .list-header { font-family: 'AkkuratProBold', Arial, sans-serif; font-size: 16px; color: #414042; line-height: 30px; padding-left: 16px; } #masthead .account-list-container .list .list-item a { font-family: Arial; font-size: 14px; color: #414042; line-height: 30px; padding-left: 30px; background: transparent; text-decoration: none; display: inline-block; width: 100%; box-sizing: border-box; } #masthead .account-list-container .list .list-item a:hover { background: #EEF1F3; } /* Legacy App Launcher apps */ #masthead .aladdin-corporate-urls { display: inline-block; margin-right:3px; } #masthead .aladdin-corporate-link-label { display: none; margin-top: 5px; position: absolute; border: 1px solid; padding: 2px 5px; color: #000000; font-weight: bold; font-family: "BLK Fort"; font-size: 12px; height: auto; line-height: 16px; width: fit-content; } /* Legacy App Launcher apps - END */ /* App Launcher apps */ #masthead .appLauncherModal { width: 175px; margin-top: 25px; position: absolute; text-align: left; right: 5px; padding: 5px; display: none; } #masthead .appLauncherModal:after { position: absolute; border-style: solid; border-width: 0 10px 9px; border-color: #F1F2F2 transparent; display: block; width: 0; z-index: 0; top: -1px; left: 158px; cursor: default; } #masthead .appLauncherModal:before { content: ''; position: absolute; border-style: solid; border-width: 0 10px 9px; border-color: #F1F2F2 transparent; display: block; width: 0; z-index: 0; top: -1px; left: 158px; cursor: default; } #masthead .appLauncherModalWrapper h4 { padding: 3px 5px; height: 24px; color: #000000; font-family: "BLK Fort"; font-size: 12px; font-weight: bold; letter-spacing: 0; line-height: 24px; } #masthead .appLauncherModal hr.lineSeparator { background-color: #fff; margin: 2px 0px; width: 100%; } #masthead li.corporate-link { cursor: pointer; height: 23px; } #masthead .appLauncherModalWrapper a { padding: 3px 5px; cursor: pointer; height: 38px; width: 40px; color: #000000; font-family: "BLK Fort"; font-size: 11px; font-weight: 300; letter-spacing: 0; } .appLauncherModalWrapper span .right-angle { height: 13px; width: 5px; color: #8E50ED; font-family: "Font Awesome 5 Pro"; font-size: 12px; letter-spacing: 0; line-height: 13px; padding-left: 5px; font-weight: 400; } #masthead .appLauncherModalWrapper .appLaunchLink, #masthead .appLauncherModalWrapper .appLearnLink { line-height: 16px; } #masthead .appLauncherModalWrapper { background-color: #F1F2F2; width: 100%; position: absolute; cursor: default; } #masthead .launcherLinks { width: 100%; } #masthead .launchLearnLinks { display: inline-block; margin: 0 auto; width: 40%; } /* App Launcher apps - END */ /* App Launcher modal */ #masthead .appLauncherPopUpContainer { position: relative; width: 322px; height: 50px; padding: 4px 0px; background: #FFFFFF; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: #8E50ED solid 2.5px; text-align: left; top: 0px; right: 10px; font-family: "BLK Fort"; display: inline-block; } #masthead .appLauncherPopUpContainer:after { position: absolute; border-style: solid; border-width: 0 7px 10px; border-color: #8E50ED transparent; display: block; width: 0; z-index: 0; top: 2px; right: -13px; transform: rotate(90deg); } #masthead .appLauncherPopUpContainer:before { content: ''; position: absolute; border-style: solid; border-width: 0 7px 10px; border-color: #8E50ED transparent; display: block; width: 0; z-index: 0; top: 2px; right: -13px; transform: rotate(90deg); } #masthead .appLauncherPopUpContainerBody { padding: 0px 10px 0px 10px; font-size: 13px; } #masthead .appLauncherPopUpContainerBody #app-masthead-accept { text-decoration: underline; border: none; background-color: unset; font-weight: 800; cursor: pointer; padding-top: 2px; float: right; padding-right: 10px; font-family: "BLK Fort"; } /* App Launcher modal - END */ /* Sign on OPTIMIZED FOR MASTHEAD ** This has a depenedency on masthead. It's update/removal is planned ************************************************************/ #masthead #signOn { height: 25px; margin-top: -70px; padding-right: 35px; position: relative; text-align: right; z-index: 10; } /* PARTNER LINKS */ #partnerMasthead .partner-links { float: right; padding: 10px 12px; text-align: right; width: 690px; } #partnerMasthead .partner-links .login { padding-bottom: 10px; } #partnerMasthead { margin: 0 auto; width: 978px; } /* SITE SEARCH */ #masthead #searchWrapper { display: inline-block; margin-right: 22px; position: relative; top: 45px; } #masthead .siteSearch > * { display: inline; } #masthead .siteSearch input { vertical-align: middle; } #masthead .siteSearch .button-secondary, #masthead .tags-wrapper .button-secondary { background: transparent url('/blk-one-c-assets/cache-1677729674000/include/one/css/nw/i/light-touch-magnifying-glass.png') no-repeat scroll 50% 50%; -ms-filter: "none"; filter: none; border: none; color: transparent; height: 28px; text-indent: -5000px; padding: 0 13px; position: absolute; top: 0; right: 0; } #masthead .siteSearch .button-secondary.loading { background: transparent url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/ui-anim_basic_16x16.gif') no-repeat scroll 50% 50%; } #masthead .siteSearch #searchText { background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #fff 85%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%, #fff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%, #fff 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%, #fff 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */ color: #636363; font-family: 'AkkuratProRegular', Arial, sans-serif; background: linear-gradient(top, #f3f3f3 0%, #fff 100%); /* W3C */ border-top:1px solid #ccc; border-right:1px solid #eaeaea; border-bottom:1px solid #f7f7f7; border-left:1px solid #eaeaea; height: 20px; padding: 3px 23px 3px 5px; width: 190px; } /* Vendor prefix placeholder styles, have to be separate */ #masthead ::-webkit-input-placeholder { color: #9d9d9d; font-family: 'Arial'; font-size: 13px; font-style: italic; } #masthead :-moz-placeholder { color: #9d9d9d; font-family: 'Arial'; font-size: 13px; font-style: italic; } #masthead ::-moz-placeholder { color: #9d9d9d; font-family: 'Arial'; font-size: 13px; font-style: italic; } #masthead :-ms-input-placeholder { color: #9d9d9d; font-family: 'Arial'; font-size: 13px; font-style: italic; } /* Placeholder class added by JS for older IE */ #masthead .siteSearch #searchText.placeholder { color: #9d9d9d; font-family: 'Arial'; font-size: 13px; font-style: italic; } /* IE10+ adds an "x" icon to clear elements. We don't want this if we have a right-aligned bg */ #masthead .siteSearch #searchText::-ms-clear { height: 0; width: 0; } #masthead .siteSearch #searchCategories { height: 20px; vertical-align: middle; } /* ACCESSIBILITY FIXES */ .accLink, #masthead legend, #masthead label { display: none; } /* Masthead announcement link */ #masthead .announcement { background: #eef1f3; color: #005eb8; float: left; font-family: 'AkkuratProRegular', Arial, sans-serif; margin-left: 30px; padding: 6px 10px 5px; position: relative; top: 45px; } #masthead .announcement a { font-family: 'AkkuratProBold', Arial, sans-serif; } #masthead .announcement .icon-chevron { background-position: -21px -268px; padding-left: 15px; } #masthead .announcement a:hover { color: #005eb8; } /* Masthead byline label */ #masthead .mastheadByline { bottom: 14px; position: absolute; right: 10px; } #masthead .mastheadByline p { color: #414141; font-size: 19px; } /* EBRETAIL-5413 Quick fix to format the masthead byline differently for FAIC, to be done properly at a later date */ #one #masthead .mastheadByline { background: white; bottom: auto; padding-right: 2px; padding-top: 7px; right: 20px; top: 0; z-index: 8; } #one #masthead .mastheadByline p { color: #5a5a5a; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 16px; } /* IE 6 & 7 ***************************************/ #masthead .siteUtils > li, #masthead .login, #masthead .siteSearch { *display: inline; zoom: 1; } #masthead .siteUtils > li { *margin-left: -1px; *vertical-align: top; } #masthead .siteSearch .button-secondary { *padding: 0; *width: 25px; } /*** Genie Beta CSS implemtation begins**/ .siteUtils li:nth-child(1){ margin-right :15px } #masthead .siteUtils li:hover > ul{ left:-10px !important; top: -5px; z-index:-1; width:auto; padding:3px 0 15px 0; background: #FFFFFF; border: 1px solid #E7E9EC; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); } #masthead .dropdownMenu a{ display:inline-block; padding-left:10px; } #masthead ul.dropdownMenu li:nth-child(2){ margin-top:32px; } #masthead ul.siteUtils .corporate-link .genie-separator{ border-right: 1px solid #C0C4CA; width: 1px; padding: 0 !important; height: 20px; position: relative; top: -20px; right: -120px; } #masthead .siteUtils ul.dropdownMenu li .svg-beta{ position: relative; right: 12px; top: 4px; } #masthead .dropdownMenu a:hover{ background:transparent; text-decoration:underline; } /*** Genie Beta CSS implementation ends**/ /******************************************************************** * RESPONSIVE OVERRIDES - All screens smaller than 767px ********************************************************************/ @media only screen and (max-width : 767px) { /* Sitemap, footer */ .blk-responsive #sitemap { background: white; padding-bottom: 0; } .blk-responsive #sitemap table { display: none; } .blk-responsive #sitemap #socialMediaLinks { background-position: 10px 8px; border: none; padding: 0 10px; } .blk-responsive #footer { border: none; padding: 0 20px 20px; margin-bottom: 4px; } .blk-responsive #footer #coInfo, .blk-responsive #footer #copyright { font-size: 13px; } .blk-responsive #footer #coInfo { float: none; width: auto; } .blk-responsive #footer #coInfo ul, .blk-responsive #footer #coInfo li, .blk-responsive #footer #coInfo li a { display: block; } .blk-responsive #footer #coInfo li ul li { padding: 3px 0; } .blk-responsive #footer #copyright { clear: both; text-align: left; padding-top: 15px; } .blk-responsive #footerWrapper .article { background: white; padding: 10px 20px 0; width: auto; } /* "blkFooter" overrides from ishares.css */ .blk-responsive #blkFooter { margin-top: 0; } /* Left nav component shows no more info than the main nav, no need to duplicate it on mobiles */ .blk-responsive .left-nav { display: none; } /* Masthead*/ .blk-responsive #masthead { background: white; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); height: auto; min-height: 50px; text-align: left; width: 100%; } .blk-responsive #masthead .logo { height: 50px; margin-left: 10px; } .blk-responsive #masthead .logo.has-nav { margin-left: 55px; } .blk-responsive #masthead .logo img { max-height: 50px; max-width: 120px; margin-top: -4px; } .blk-responsive #masthead .selected { font-weight: normal; } /* Login */ .blk-responsive #masthead .login { background: white; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); display: block; max-height: 0; margin-right: 0; overflow: hidden; padding: 0; position: absolute; top: 51px; width: 100%; z-index: 1; } .blk-responsive #masthead .login.responsive-open { max-height: 100%; position: fixed; } .blk-responsive #masthead .toggle-login.responsive-active { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-exit-icon.png') no-repeat; background-size: 40px 36px; } .blk-responsive #masthead .login.account-access-login.responsive-open { overflow-y: auto; } .blk-responsive #masthead .login a { background: #edf1f2; border-bottom: 1px solid #C6C6C6; color: #666666; display: block; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 14px; line-height: 1em; padding: 8px 10px 8px 10px; } .blk-responsive #masthead .account-list-container { display: block; border: none; padding: 3px 0; position: static; width: 100%; } .blk-responsive #masthead .account-list-container .list .list-item a { border-bottom: none; line-height: 21px; padding-left: 29px; } .blk-responsive #masthead .account-list-container .list-caption { padding-left: 9px; } .blk-responsive #masthead .login a:hover { background: white; color: #282828; text-decoration: none; } .blk-responsive #masthead .login .user-utils li > span > a { background: #eee; color: #282828; font-size: 15px; font-weight: bold; line-height: 21px; padding: 10px 20px; } .blk-responsive #masthead .login .user-utils li > span > a .icon-dropdown-right { background: none; padding: 0; } .blk-responsive #masthead .user-utils .dropdownMenu { background: white; border: none; position: static; } .blk-responsive #masthead .user-utils .dropdownMenu a { line-height: 21px; font-size: 15px; padding: 10px 20px; } .blk-responsive #masthead .user-utils .dropdownMenu > li a:hover { color: #282828; } .blk-responsive #masthead .account-access-login .account-access-dropdown-arrow { display: none; } /* Site search */ .blk-responsive #masthead #searchWrapper { background: #eef1f3; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; float: none; height: 0; margin-right: 0; overflow: hidden; position: fixed; text-align: left; top: 51px; width: 100%; z-index: 1; } .blk-responsive #masthead #searchWrapper.responsive-open { border-bottom: 1px solid #ccc; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11); height: auto; overflow: auto; } .blk-responsive #masthead .siteSearch fieldset { display: block; position: relative; } .blk-responsive #masthead .siteSearch #searchText { background: none; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #999999; font-family: Arial; font-size: 16px; font-style: italic; height: 50px; outline: none; padding: 18px 40px 18px 10px; width: 100%; } /* Vendor prefix placeholder styles, have to be separate */ .blk-responsive #masthead ::-webkit-input-placeholder { color: #999999; font-size: 16px; } .blk-responsive #masthead :-moz-placeholder { color: #999999; font-size: 16px; } .blk-responsive #masthead ::-moz-placeholder { color: #999999; font-size: 16px; } .blk-responsive #masthead :-ms-input-placeholder { color: #999999; font-size: 16px; } .blk-responsive #masthead .siteSearch .button-secondary { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-search-icon-gray.png') no-repeat; background-size: 40px 36px; height: 36px; padding: 0; top: 7px; width: 40px; } .blk-responsive #masthead .siteSearch .button-secondary.loading { background: transparent url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/ui-anim_basic_16x16.gif') no-repeat scroll 50% 50%; } /* Announcement link */ .blk-responsive #masthead .announcement { display: none; } /* Masthead byline label */ .blk-responsive #masthead .mastheadByline { bottom: 5px; right: 40px; } .blk-responsive #masthead .mastheadByline p, #one.blk-responsive #masthead .mastheadByline p { font-size: 14px; } /* EBRETAIL-5413 Quick fix to format the masthead byline differently for FAIC, to be done properly at a later date */ #one.blk-responsive #masthead .mastheadByline { padding: 5px 5px 0 0; right: 0px; } /* Responsive buttons */ .blk-responsive #masthead .responsive-button { background: white; border: none; cursor: pointer; display: block; float: right; height: 36px; margin: 7px 0; outline: none; position: relative; top: 0; width: 40px; } .blk-responsive #masthead .responsive-button.responsive-active .active-arrow { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-current-arrow.png') no-repeat center bottom; background-size: 8px 6px; bottom: -7px; display: block; left: 0; position: absolute; width: 100%; } /* Firefox adds some extra border/padding to buttons, let's remove it */ .blk-responsive #masthead .responsive-button::-moz-focus-inner { border: 0; padding: 0; } .blk-responsive #masthead .responsive-button .icon-bar, .blk-responsive #masthead .responsive-button .icon-responsive-dot { background-color: #515151; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; display: block; height: 2px; width: 22px; } .blk-responsive #masthead .responsive-button .icon-bar+.icon-bar { margin-top: 4px; } .blk-responsive #masthead .responsive-button .icon-responsive-dot { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; float: left; height: 4px; margin-left: 9px; width: 4px; } .blk-responsive #masthead .responsive-button .icon-responsive-dot+.icon-responsive-dot { margin-left: 4px; } /* Navigation button - hidden unless nav exists */ .blk-responsive #masthead .toggle-navigation { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-menu-icon.png') no-repeat; background-size: 40px 36px; } .blk-responsive #masthead .toggle-navigation.responsive-active { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-exit-icon.png') no-repeat; background-size: 40px 36px; } .blk-responsive #masthead .toggle-search { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-search-icon.png') no-repeat; background-size: 40px 36px; } /* Corporate links button */ .blk-responsive #masthead .toggle-login { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-user-icon.png') no-repeat; background-size: 40px 36px; } /* Hiding regular siteUtils as we're moving this to the nav in javascript */ #masthead .siteUtils { display: none; } }#tabBar { border-bottom: 2px solid #E1E1E1; margin-bottom: 20px; margin-top: 10px; height: 32px; } .homePage3 #tabBar { margin-bottom: 35px; } #tabBar ul#tabs li, #tabBar ul#subtabs li { border-color: #E1E1E1; border-style: solid; border-width: 0 1px 0 0; float: left; line-height: 28px; } #tabBar ul#tabs li.no-border, #tabBar ul#subtabs li.no-border { border: none; } #tabBar ul#tabs li a, #tabBar ul#subtabs li a { color: #005EB8; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 15px; padding: 9px 20px; } #tabBar ul#tabs li a.padlock.no-padlock-icon, #tabBar ul#tabs li a.unlocked.no-padlock-icon, #tabBar ul#subtabs li a.padlock.no-padlock-icon, #tabBar ul#subtabs li a.unlocked.no-padlock-icon { background: none; } #tabBar ul#tabs li.selected a.padlock.no-padlock-icon, #tabBar ul#subtabs li.selected a.padlock.no-padlock-icon { background: none; } #tabBar ul#tabs li.selected, #tabBar ul#subtabs li.selected { margin-bottom: 0; } #tabBar ul#tabs li.selected a, #tabBar ul#subtabs li.selected a { color: #414042; background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/selected-tab-arrow-up.png') no-repeat center bottom; font-family: 'AkkuratProBold', Arial, sans-serif; font-weight: normal; position: relative; } #tabBar div { clear: both; overflow: hidden; padding: 10px 0; } #subtabs { clear: both; padding-top: 10px; margin-bottom: 20px; float: left; } #tabBar ul#subtabs li a { font-size: 11px; } #tabBar ul#subtabs li.selected a { background: none; }/* blk_layout.css ***************************************************** * This is a library file * * It's in SVN, edit there only * * Any changes must be peer code reviewed * ***************************************************** This file contains the look and feel for the BlackRock iShares action buttons. This file is part of the BlackRock Global CSS library *** These buttons are typically used on anchor and input tags but will work with span as well. The default color is blue. To use a different color, all you need to do is use the buttonColor class instead. BlackRock and iShares - Primary action buttons: - button (default, blue) - button-alternate (purple for BlackRock, orange for ishares) Secondary action button: - button-alternate (grey) * HTML STRUCTURE ***************************************************** // Default button color blue Disabled Buttons: OR This allows you to change disabled state with JS without having to remove and add the button-color class too */ /* Use this selector when IE6 is not supported *[class|=button] */ .button, .button-arrow, .button-alternate, .button-orange, .button-orange-arrow, .button-secondary, .button-disabled { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFF; cursor: pointer; display: inline-block; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: normal; padding: 4px 10px; text-transform: uppercase; /* IE6 & IE7 */ *display: inline; zoom: 1; } /* Firefox adds some extra padding to input buttons, let's get rid of it */ input.button::-moz-focus-inner, input.button-arrow::-moz-focus-inner, input.button-alternate::-moz-focus-inner, input.button-orange::-moz-focus-inner, input.button-orange-arrow::-moz-focus-inner, input.button-secondary::-moz-focus-inner, input.button-disabled::-moz-focus-inner { border: none; padding: 0; } .button:hover, .button-arrow:hover, .button-alternate:hover, .button-orange:hover, .button-orange-arrow:hover, .button-secondary:hover, .button-disabled:hover { text-decoration: none; } .button { background: #0079cd; /* Old browsers */ /* IE9 SVG */ background: #0079cd url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzljZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ1YTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: #0079cd -moz-linear-gradient(top, #0079cd 0%, #0045a5 100%); /* FF3.6+ */ background: #0079cd -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079cd), color-stop(100%,#0045a5)); /* Chrome,Safari4+ */ background: #0079cd -webkit-linear-gradient(top, #0079cd 0%,#0045a5 100%); /* Chrome10+,Safari5.1+ */ background: #0079cd -o-linear-gradient(top, #0079cd 0%,#0045a5 100%); /* Opera 11.10+ */ background: #0079cd -ms-linear-gradient(top, #0079cd 0%,#0045a5 100%); /* IE10+ */ background: #0079cd linear-gradient(to bottom, #0079cd 0%,#0045a5 100%); /* W3C */ border: 1px solid #ccc; } .button:hover { background: #0045a5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: #0045a5 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc5Y2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: #0045a5 -moz-linear-gradient(top, #0045a5 0%, #0079cd 100%); /* FF3.6+ */ background: #0045a5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0045a5), color-stop(100%,#0079cd)); /* Chrome,Safari4+ */ background: #0045a5 -webkit-linear-gradient(top, #0045a5 0%,#0079cd 100%); /* Chrome10+,Safari5.1+ */ background: #0045a5 -o-linear-gradient(top, #0045a5 0%,#0079cd 100%); /* Opera 11.10+ */ background: #0045a5 -ms-linear-gradient(top, #0045a5 0%,#0079cd 100%); /* IE10+ */ background: #0045a5 linear-gradient(to bottom, #0045a5 0%,#0079cd 100%); /* W3C */ } .button-arrow { background: #0079cd url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat; /* Old browsers */ /* IE9 SVG */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzljZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ1YTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -moz-linear-gradient(top, #0079cd 0%, #0045a5 100%); /* FF3.6+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079cd), color-stop(100%,#0045a5)); /* Chrome,Safari4+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -webkit-linear-gradient(top, #0079cd 0%,#0045a5 100%); /* Chrome10+,Safari5.1+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -o-linear-gradient(top, #0079cd 0%,#0045a5 100%); /* Opera 11.10+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -ms-linear-gradient(top, #0079cd 0%,#0045a5 100%); /* IE10+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, linear-gradient(to bottom, #0079cd 0%,#0045a5 100%); /* W3C */ border: 1px solid #ccc; padding: 8px 30px 8px 15px; } .button-arrow:hover { background: #0045a5 url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc5Y2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -moz-linear-gradient(top, #0045a5 0%, #0079cd 100%); /* FF3.6+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0045a5), color-stop(100%,#0079cd)); /* Chrome,Safari4+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -webkit-linear-gradient(top, #0045a5 0%,#0079cd 100%); /* Chrome10+,Safari5.1+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -o-linear-gradient(top, #0045a5 0%,#0079cd 100%); /* Opera 11.10+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -ms-linear-gradient(top, #0045a5 0%,#0079cd 100%); /* IE10+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, linear-gradient(to bottom, #0045a5 0%,#0079cd 100%); /* W3C */ } .button-alternate { background: #a6cc25; /* Old browsers */ /* IE9 SVG */ background: #a6cc25 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2Y2MyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NmI4MWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: #a6cc25 -moz-linear-gradient(top, #a6cc25 0%, #86b81a 100%); /* FF3.6+ */ background: #a6cc25 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6cc25), color-stop(100%,#86b81a)); /* Chrome,Safari4+ */ background: #a6cc25 -webkit-linear-gradient(top, #a6cc25 0%,#86b81a 100%); /* Chrome10+,Safari5.1+ */ background: #a6cc25 -o-linear-gradient(top, #a6cc25 0%,#86b81a 100%); /* Opera 11.10+ */ background: #a6cc25 -ms-linear-gradient(top, #a6cc25 0%,#86b81a 100%); /* IE10+ */ background: #a6cc25 linear-gradient(to bottom, #a6cc25 0%,#86b81a 100%); /* W3C */ border-color: #CCE281 #8FB31F #719B16 #B8D553; border-style: solid; border-width: 1px; } .button-alternate:hover { background: #86b81a; /* Old browsers */ /* IE9 SVG */ background: #86b81a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2YjgxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmNjMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: #86b81a -moz-linear-gradient(top, #86b81a 0%, #a6cc25 100%); /* FF3.6+ */ background: #86b81a -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86b81a), color-stop(100%,#a6cc25)); /* Chrome,Safari4+ */ background: #86b81a -webkit-linear-gradient(top, #86b81a 0%,#a6cc25 100%); /* Chrome10+,Safari5.1+ */ background: #86b81a -o-linear-gradient(top, #86b81a 0%,#a6cc25 100%); /* Opera 11.10+ */ background: #86b81a -ms-linear-gradient(top, #86b81a 0%,#a6cc25 100%); /* IE10+ */ background: #86b81a linear-gradient(to bottom, #86b81a 0%,#a6cc25 100%); /* W3C */ border-color: #719B16 #B8D553 #CCE281 #8FB31F; } .button-secondary { background: #ffffff; /* Old browsers */ /* IE9 SVG */ background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: #ffffff -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */ background: #ffffff -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: #ffffff -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: #ffffff -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: #ffffff -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */ background: #ffffff linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */ border: 1px solid #ccc; color: #005EB8; } .button-secondary:hover { background: #f2f2f2; /* Old browsers */ /* IE9 SVG */ background: #f2f2f2 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: #f2f2f2 -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */ background: #f2f2f2 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: #f2f2f2 -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: #f2f2f2 -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */ background: #f2f2f2 -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */ background: #f2f2f2 linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%); /* W3C */ } .button-orange { /* gradient from: http://www.colorzilla.com/gradient-editor/ */ background: #ffb76b; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: #ffb76b url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjg5NzFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZDE1NDIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffb76b 0%, #f8971d 0%, #d15420 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(0%,#f8971d), color-stop(99%,#d15420)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffb76b 0%,#f8971d 0%,#d15420 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffb76b 0%,#f8971d 0%,#d15420 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffb76b 0%,#f8971d 0%,#d15420 99%); /* IE10+ */ background: linear-gradient(to bottom, #ffb76b 0%,#f8971d 0%,#d15420 99%); /* W3C */ border: 1px solid #ccc; } .button-orange:hover { background: #d15420; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: #d15420 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2QxNTQyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk3MWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZiNzZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #d15420 1%, #f8971d 100%, #ffb76b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d15420), color-stop(100%,#f8971d), color-stop(100%,#ffb76b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d15420 1%,#f8971d 100%,#ffb76b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d15420 1%,#f8971d 100%,#ffb76b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d15420 1%,#f8971d 100%,#ffb76b 100%); /* IE10+ */ background: linear-gradient(to bottom, #d15420 1%,#f8971d 100%,#ffb76b 100%); /* W3C */ } .button-orange-arrow { background: #ffb76b url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat; /* Old browsers - my ie9 in ie8 mode uses this */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjg5NzFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZDE1NDIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -moz-linear-gradient(top, #ffb76b 0%, #f8971d 0%, #d15420 99%); /* FF3.6+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(0%,#f8971d), color-stop(99%,#d15420)); /* Chrome,Safari4+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -webkit-linear-gradient(top, #ffb76b 0%,#f8971d 0%,#d15420 99%); /* Chrome10+,Safari5.1+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -o-linear-gradient(top, #ffb76b 0%,#f8971d 0%,#d15420 99%); /* Opera 11.10+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -ms-linear-gradient(top, #ffb76b 0%,#f8971d 0%,#d15420 99%); /* IE10+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, linear-gradient(to bottom, #ffb76b 0%,#f8971d 0%,#d15420 99%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#d15420',GradientType=0 ); *//* IE6-8 */ border: 1px solid #ccc; padding: 8px 30px 8px 15px; } .button-orange-arrow:hover { background: #d15420 url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat; /* Old browsers - my ie9 in ie8 mode uses this */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2QxNTQyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk3MWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZiNzZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -moz-linear-gradient(top, #d15420 1%, #f8971d 100%, #ffb76b 100%); /* FF3.6+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d15420), color-stop(100%,#f8971d), color-stop(100%,#ffb76b)); /* Chrome,Safari4+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -webkit-linear-gradient(top, #d15420 1%,#f8971d 100%,#ffb76b 100%); /* Chrome10+,Safari5.1+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -o-linear-gradient(top, #d15420 1%,#f8971d 100%,#ffb76b 100%); /* Opera 11.10+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, -ms-linear-gradient(top, #d15420 1%,#f8971d 100%,#ffb76b 100%); /* IE10+ */ background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/arrow-right-white.png') right 15px center no-repeat, linear-gradient(to bottom, #d15420 1%,#f8971d 100%,#ffb76b 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d15420', endColorstr='#ffb76b',GradientType=0 ); *//* IE6-8 */ } .button-disabled { background: #fefefe; /* Old browsers */ /* IE9 SVG */ background: #fefefe url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: #fefefe -moz-linear-gradient(top, #fefefe 0%, #f3f3f3 100%); /* FF3.6+ */ background: #fefefe -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: #fefefe -webkit-linear-gradient(top, #fefefe 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: #fefefe -o-linear-gradient(top, #fefefe 0%,#f3f3f3 100%); /* Opera 11.10+ */ background: #fefefe -ms-linear-gradient(top, #fefefe 0%,#f3f3f3 100%); /* IE10+ */ background: #fefefe linear-gradient(to bottom, #fefefe 0%,#f3f3f3 100%); /* W3C */ border: 1px solid #ccc; color: #6f6f6f; cursor: default; } .button-disabled:hover { text-decoration: none; } .no-filter { filter: none !important; }/* ***************************************************** * This is a library file * * It's in SVN, edit there only * * Any changes must be peer code reviewed please * ***************************************************** * HTML STRUCTURE ***************************************************** Level 1 (Default) gadget:
Level 2 alternate gadget:
*/ .gadget { background: #eaeef1; margin-bottom: 25px; } .gadget .gadgetHeader, .gadget .gadgetHeader h3 { color: inherit; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 22px; padding: 0; } .gadget .gadgetHeader { color: #282828; padding: 12px 12px 0; } .gadget .gadgetBody { padding: 12px 12px 13px; font-size: 13px; } .gadget.level5 { background: none; border-top: none; margin-bottom: 0; } .gadget img.icon { border: none; float: left; margin-top: 1px; margin-right: 8px; } .gadget, .gadgetHeader, .gadgetBody { *zoom: 1; } /** Styling added for "Metro Homepage project" */ .homepage .icon-chevron { background-position: -20px -268px; padding-left: 16px; } .gadget.homepage { background-color: #ffffff; margin: 0; } #homeBottom .gadget.homepage { *margin-top: 14px; } .gadget.homepage.level1 { height: 324px; padding: 0 28px 0 0; } .homepage.level1 .gadget-main-heading { overflow: hidden; } .homepage.level1 .gadget-main-heading h3 { color: #5a5a5a; font-family: "AkkuratProRegular"; font-size: 12px; font-weight: normal; float: left; margin: 12px 0 20px 0; padding: 8px 16px 4px 12px; background: #f0f3f5; /* Old browsers */ background: -moz-linear-gradient(left, #f0f3f5 0%, #cfd3d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f3f5), color-stop(100%,#cfd3d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f0f3f5 0%,#cfd3d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f0f3f5 0%,#cfd3d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f0f3f5 0%,#cfd3d5 100%); /* IE10+ */ background: linear-gradient(to right, #f0f3f5 0%,#cfd3d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f3f5', endColorstr='#cfd3d5',GradientType=1 ); /* IE6-8 */ } .homepage.level1 .gadgetHeader { margin-bottom: 13px; margin-left: 16px; padding-top: 0; padding-bottom: 0; *margin-top: 20px; } .homepage.level1 .gadgetHeader.no-subtitle { padding-top: 20px; } .homepage.level1 .gadgetHeader a, .homepage.level1 .gadgetHeader h3 { color: #005EB8; font-size: 22px; } .homepage.level1 .gadgetBody { padding: 0 12px 7px 28px; } .homepage.level1 .gadgetBody img { border: none; float: left; margin-bottom: 14px; } .homepage.level1 .gadgetBody h2 { font-family: "AkkuratProRegular"; font-size: 12px; font-weight: normal; margin-top: 13px; color: #5a5a5a; *margin-bottom: 0; } .homepage.level1 .gadgetBody p { clear: left; color: #282828; font-size: 14px; line-height: 18px; margin-bottom: 0; } .homepage.level1 .gadgetBody .callToAction { margin-top: 22px; } .homepage.level1 .gadgetBody .callToAction a, .homepage.level2 .gadgetBody .callToAction a { color: #005eb8; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 14px; font-weight: normal; } .homepage.level2 .gadgetBody { padding: 0; margin-top: 14px; *margin-top: 0; } .homepage.level3 .gadgetBody { padding: 0 0 0 30px; margin-top: 14px; } .homepage.level2 .gadgetBody img { border: none; float: left; margin-right: 30px; margin-bottom: 0; } .homepage.level3 .gadgetBody img { float: right; margin-right: 0; margin-bottom: 0; } .homepage.level2 .gadgetBody .gadgetHeader, .homepage.level3 .gadgetBody .gadgetHeader { margin: 18px 30px 6px 0; padding: 0; } .homepage.level2 .gadgetBody .gadgetHeader a, .homepage.level3 .gadgetBody .gadgetHeader a, .homepage.level2 .gadgetBody .gadgetHeader h3, .homepage.level3 .gadgetBody .gadgetHeader h3 { color: #006e51; font-family: 'AkkuratProLight', Arial, sans-serif; font-size: 26px; max-height: 100%; /* Fixes font size on mobile devices in full-site mode */ } .homepage.level2 .gadgetBody h2, .homepage.level3 .gadgetBody h2 { font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; font-weight: normal; color: #414042; margin-bottom: 8px; } .homepage.level2 .gadgetBody p, .homepage.level3 .gadgetBody p { color: #414042; font-family: Arial; font-size: 14px; line-height: 18px; margin-bottom: 0; padding-right: 30px; } .homepage.level2 .gadgetBody div.callToAction, .homepage.level3 .gadgetBody div.callToAction { margin-top: 11px; } /******************************************************************** * RESPONSIVE OVERRIDES - All screens smaller than 767px ********************************************************************/ @media only screen and (max-width : 767px) { .blk-responsive .gadget.homepage.level1 { height: auto; padding: 0; } .blk-responsive .homepage.level1 .gadgetHeader { margin: 0; } .blk-responsive .homepage.level1 .gadgetHeader a, .blk-responsive .homepage.level1 .gadgetHeader h3 { font-size: 18px; } .blk-responsive .homepage.level1 .gadgetBody { clear: both; padding: 12px; } .blk-responsive .homepage.level1 .gadgetBody p { line-height: 1.5em; } .blk-responsive .homepage.level2 .gadgetBody img { float: none; margin: 0; width: 100%; } .blk-responsive .homepage.level2 .gadgetBody .gadgetHeader, .blk-responsive .homepage.level3 .gadgetBody .gadgetHeader { margin: 0; padding: 12px; } .blk-responsive .homepage.level2 .gadgetBody .gadgetHeader a, .blk-responsive .homepage.level3 .gadgetBody .gadgetHeader a, .blk-responsive .homepage.level2 .gadgetBody .gadgetHeader h3, .blk-responsive .homepage.level3 .gadgetBody .gadgetHeader h3 { font-size: 18px; } .blk-responsive .homepage.level2 .gadgetBody { margin: 0; } .blk-responsive .homepage.level2 .gadgetBody p, .blk-responsive .homepage.level3 .gadgetBody p { line-height: 1.5em; padding: 0 12px; } .blk-responsive .homepage.level2 .gadgetBody div.callToAction, .blk-responsive .homepage.level3 .gadgetBody div.callToAction { margin: 0; padding: 12px; } }/* ***************************************************** * This is a library file * * It's in SVN, edit there only * * Any changes must be peer code reviewed * ***************************************************** new format for the icon classes is .icon-XXXX, where XXXX is the descriptor. Including with the new format legacy icons classes as well. If you need a right aligned icon, add it here by appending '-right' to the icon class, following the format and organization below. * HTML STRUCTURE ***************************************************** This style is best used on inline-block elements. Be careful when using this on block elements taller than 38px. Download Powerpoint Next Page */ .icon-calendar, .icon-calendar-large, .icon-closelightbox, .icon-remove, .icon-up, .icon-down, .icon-help, .icon-print, .icon-decline, .icon-play, .icon-checkmark, .icon-zoomin, .icon-zoomout, .icon-shopcart, .icon-shopcart-grey, .icon-shopcart-full, .icon-arrowright, .icon-arrowleft, .icon-arrowup, .icon-arrowdown, .icon-gain, .icon-loss, .icon-nochange, .icon-delta, .icon-chart, .icon-dataperform, .icon-loading, .icon-success, .icon-alert, .icon-premium, .icon-financial-professionals, .icon-internal-use, .icon-new, .icon-linkout, .icon-talk, .icon-feedback, .icon-phone-alt, .icon-phone, .icon-postal, .icon-post, .icon-add-email, .icon-report, .icon-reporthypo, .icon-conference, .icon-edit, .icon-settings, .icon-podcast, .icon-toolprefs, .icon-article-bg, .icon-toolprefs-bg, .icon-bulb-bg, .icon-chart-of-the-week-bg, .icon-dc-chart-bg, .icon-video-bg, .icon-article-bg-large, .icon-toolprefs-bg-large, .icon-bulb-bg-large, .icon-chart-of-the-week-bg-large, .icon-weekly-advisor-tip-bg-large, .icon-daily-stat-bg-large, .icon-just-one-thing-bg-large, .icon-video-bg-large, .icon-just-one-thing-bg, .icon-close, .icon-expand, .icon-tool-expand, .icon-collapse, .icon-tool-collapse, .icon-morningstar-alternate, .icon-share, .icon-morningstar, .icon-dropdown, .icon-download, .icon-email, .icon-contact, .icon-subscribe, .icon-subscribe-disabled, .icon-info, .icon-unsubscribe, .icon-arrowup-white, .icon-arrowdown-white, .icon-arrowleft-white, .icon-arrowright-white, .icon-infographic, .icon-infographic-bg, .icon-infographic-large, .icon-infographic-bg-large, .icon-genie, .icon-genie-beta, .icon-greenpackage, .icon-aladdinview, .icon-studio, .help-icon, .icon-favorites, .icon-remove-favorites, .icon-internal, .icon-apb, .icon-riskmonitor, .icon-aladdinview2, .icon-explore, .icon-genie-applauncher, .icon-genie-beta-applauncher, .icon-greenpackage-applauncher, .icon-aladdinview-applauncher, .icon-complianceworkbench-applauncher, .icon-compliance-resolution-hub-applauncher, .icon-aor-applauncher, .icon-dashboard-applauncher, .icon-deco-applauncher, .icon-tradeentry-applauncher, .icon-paycheck-applauncher, .icon-portfolio-construction-applauncher, .icon-position-roller-applauncher, .icon-aladdinstudio-applauncher, .icon-explore-applauncher { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px 20px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat -15px 20px; padding-left: 22px; } li.corporate-link.new-corporate-link.icon-aladdinhelp-applauncher.fa.fa-question-circle { font-size: 18px; bottom: 4px; } .icon-calendar, .icon-calendar-large { background-position: -15px -2px; } .icon-closelightbox { background-position: -15px -22px; } .icon-remove { background-position: -15px -43px; } .icon-up { background-position: -15px -64px; } .icon-down { background-position: -15px -84px; } .icon-help { background-position: -15px -131px; } .icon-info { background-position: -15px -153px; } .icon-print { background-position: -15px -180px; } .icon-decline { background-position: -15px -202px; } .icon-checkmark { background-position: -15px -225px; } .icon-play { background-position: -15px -249px; } .icon-zoomin { background-position: -15px -271px; } .icon-zoomout { background-position: -15px -291px; } .icon-shopcart { background-position: -15px -316px; } .icon-shopcart-grey, .icon-shopcart-full { background-position: -15px -337px; } .icon-arrowright { background-position: -15px -355px; } .icon-arrowleft { background-position: -15px -375px; } .icon-arrowup { background-position: -15px -393px; } .icon-arrowdown { background-position: -15px -404px; } .icon-sort-asc-light, .icon-arrowup-white { background-position: -15px -416px; } .icon-sort-desc-light, .icon-arrowdown-white { background-position: -15px -431px; } .icon-gain { background-position: -15px -448px; } .icon-loss { background-position: -15px -461px; } .icon-nochange { background-position: -15px -479px; } .icon-delta { background-position: -15px -501px; } .icon-chart, .icon-dataperform { background-position: -15px -523px; } .icon-loading { background-position: -15px -544px; } .icon-success { background-position: -15px -565px; } .icon-alert { background-position: -15px -586px; } .icon-premium, .icon-financial-professionals { background-position: -15px -610px; } .icon-new { background-position: -15px -672px; } .icon-linkout { background-position: -15px -692px; } .icon-talk, .icon-feedback { background-position: -15px -736px; } .icon-phone-alt { background-position: -15px -755px; } .icon-phone { background-position: -15px -778px; } .icon-postal, .icon-post { background-position: -15px -801px; } .icon-add-email { background-position: -15px -860px; } .icon-report { background-position: -15px -1060px; } .icon-reporthypo { background-position: -15px -1085px; } .icon-conference { background-position: -15px -1104px; } .icon-edit { background-position: -15px -1126px; } .icon-settings { background-position: -15px -1147px; } .icon-podcast { background-position: -15px -1188px; } .icon-toolprefs { background-position: -15px -1277px; } .icon-article-bg { background-position: -15px -1301px; } .icon-toolprefs-bg { background-position: -15px -1322px; } .icon-bulb-bg { background-position: -15px -1343px; } .icon-chart-of-the-week-bg, .icon-dc-chart-bg { background-position: -15px -1365px; } .icon-video-bg { background-position: -15px -1389px; } .icon-infographic, .icon-infographic-bg { background-position: -15px -3226px; } .icon-genie { background-position: -12px -3258px; } .icon-genie-beta { background-position: -13px -4226px; } .icon-genie-beta-applauncher { background-position: -12px -4125px; } .icon-studio { background-position: -13px -4287px !important; } .help-icon { background-position: -13px -4350px } .icon-greenpackage { background-position: -12px -3296px; } .icon-aladdinview { background-position: -12px -3336px; } .icon-internal { background-position: -15px -3447px; height:16px; width:16px; } .icon-apb { background-position: -12px -3481px; } .icon-riskmonitor { background-position: -12px -3518px; } .icon-aladdinview2{ background-position: -12px -3555px; } .icon-explore{ background-position:-13px -4405px; } .icon-aor-applauncher { background-position: -13px -3587px; } .icon-tradeentry-applauncher { background-position: -13px -4026px; } .icon-paycheck-applauncher { background-position: -13px -3840px; } .icon-deco-applauncher { background-position: -13px -3707px; } .icon-complianceworkbench-applauncher { background-position: -13px -3665px; } .icon-compliance-resolution-hub-applauncher { background-position: -13px -3628px; } .icon-genie-applauncher { background-position: -13px -3751px; } .icon-greenpackage-applauncher { background-position: -13px -3796px; } .icon-aladdinview-applauncher { background-position: -12px -3552px; } .icon-aladdinstudio-applauncher { background-position: -13px -3979px; } .icon-dashboard-applauncher { background-position: -13px -4080px; } .icon-portfolio-construction-applauncher { background-position: -13px -3887px; } .icon-position-roller-applauncher { background-position: -13px -3935px; } .icon-explore-applauncher{ background-position:-13px -4467px; } /* Large icons need more padding */ .icon-article-bg-large, .icon-toolprefs-bg-large, .icon-bulb-bg-large, .icon-chart-of-the-week-bg-large, .icon-weekly-advisor-tip-bg-large, .icon-daily-stat-bg-large, .icon-just-one-thing-bg-large, .icon-video-bg-large, .icon-infographic-large, .icon-infographic-bg-large { padding: 9px 0 3px 38px; } .icon-article-bg-large { background-position: -8px -1406px; } .icon-toolprefs-bg-large { background-position: -8px -1453px; } .icon-bulb-bg-large { background-position: -8px -1498px; } .icon-chart-of-the-week-bg-large { background-position: -8px -1541px; } .icon-just-one-thing-bg { background-position: -14px -1925px; } .icon-weekly-advisor-tip-bg-large { background-position: -8px -1454px; } .icon-daily-stat-bg-large { background-position: -8px -2010px; } .icon-just-one-thing-bg-large { background-position: -8px -1967px; } .icon-video-bg-large { background-position: -8px -1585px; } .icon-infographic-large, .icon-infographic-bg-large { background-position: -8px -3174px; } .icon-close { background-position: -15px -1628px; } .icon-expand, .icon-tool-expand { background-position: -15px -1653px; } .icon-collapse, .icon-tool-collapse { background-position: -15px -1676px; } .icon-morningstar-alternate { background-position: -15px -1740px; } .icon-share { background-position: -15px -1763px; } .icon-morningstar { background-position: -15px -1788px; } .icon-dropdown { background-position: -15px -1809px; } .icon-download { background-position: -15px -1825px; } .icon-email, .icon-contact { background-position: -14px -1844px; } .icon-subscribe { background-position: -14px -1864px; } .icon-subscribe-disabled { background-position: -14px -1884px; } .icon-internal-use { background-position: -14px -3447px; } .icon-info { background-position: -14px -1903px; } .icon-unsubscribe { background-position: -14px -2729px; } .icon-arrowleft-white { background-position: -15px -2885px; } .icon-arrowright-white { background-position: -15px -2860px; } .icon-favorites { background-position: -14px -3390px; } .icon-remove-favorites { background-position: -14px -3413px; } /* New icon sprite with more space between icons, used for components where text wraps onto 2+ lines */ .icon-anchor, .icon-audio, .icon-blog, .icon-calc, .icon-chevron, .icon-doc, .icon-pdf, .icon-popup, .icon-newpage, .icon-ppt, .icon-rss, .icon-tool, .icon-video, .icon-xls, .icon-csv, .icon-xls-export, .icon-zip, .icon-padlock, .icon-lock, .padlock, .icon-padlock-unlocked, .icon-unlock { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-sprite-icons.png') no-repeat; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-sprite-icons.gif') no-repeat; padding-left: 22px; } .icon-anchor { background-position: -15px -4px; } .icon-audio { background-position: -15px -70px; } .icon-blog { background-position: -15px -136px; } .icon-calc { background-position: -15px -202px; } .icon-chevron { background-position: -15px -268px; } .icon-doc { background-position: -15px -334px; } .icon-pdf { background-position: -15px -398px; } .icon-popup, .icon-newpage { background-position: -15px -466px; } .icon-ppt { background-position: -15px -532px; } .icon-rss { background-position: -15px -598px; } .icon-tool { background-position: -15px -664px; } .icon-video { background-position: -15px -730px; } .icon-xls, .icon-csv { background-position: -15px -796px; } .icon-xls-export { background-position: -15px -860px; } .icon-zip { background-position: -15px -928px; } .icon-padlock, .icon-lock, .padlock { background-position: -15px -994px; } .icon-padlock-unlocked, .icon-unlock { background-position: -15px -1060px; } /* SOCIAL MEDIA LINKS */ .icon-facebook, .icon-linkedin, .icon-twitter, .icon-youtube, .icon-blk-blog, .icon-google-plus { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat -15px 20px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat -15px 20px; height: 45px; width: 32px; } .icon-facebook { background-position: -8px -2274px; } .icon-linkedin { background-position: -8px -2409px; } .icon-twitter { background-position: -8px -2364px; } .icon-youtube { background-position: -8px -2319px; } .icon-blk-blog { background-position: -8px -2634px; } .icon-google-plus { background-position: -8px -2776px; } a:hover.icon-twitter { background-position: -8px -2544px; } a:hover.icon-youtube { background-position: -8px -2499px; } a:hover.icon-linkedin { background-position: -8px -2589px; } a:hover.icon-facebook { background-position: -8px -2454px; } a:hover.icon-blk-blog { background-position: -8px -2679px; } a:hover.icon-google-plus { background-position: -8px -2821px; } /* Right-aligned icons **************************************************/ .icon-calendar-right, .icon-calendar-large-right, .icon-closelightbox-right, .icon-remove-right, .icon-up-right, .icon-down-right, .icon-help-right, .icon-info-right, .icon-print-right, .icon-decline-right, .icon-play-right, .icon-checkmark-right, .icon-zoomin-right, .icon-zoomout-right, .icon-shopcart-right, .icon-shopcart-grey-right, .icon-shopcart-full-right, .icon-arrowright-right, .icon-arrowleft-right, .icon-arrowup-right, .icon-arrowdown-right, .icon-gain-right, .icon-loss-right, .icon-nochange-right, .icon-delta-right, .icon-chart-right, .icon-dataperform-right, .icon-loading-right, .icon-success-right, .icon-alert-right, .icon-premium-right, .icon-financial-professionals-right, .icon-lock-right, .icon-padlock-right, .padlock-right, .icon-unlock-right, .icon-padlock-unlocked-right, .icon-new-right, .icon-linkout-right, .icon-talk-right, .icon-feedback-right, .icon-phone-alt-right, .icon-phone-right, .icon-postal-right, .icon-post-right, .icon-add-email-right, .icon-report-right, .icon-reporthypo-right, .icon-conference-right, .icon-edit-right, .icon-edit-saved-right, .icon-settings-right, .icon-podcast-right, .icon-toolprefs-right, .icon-article-bg-right, .icon-toolprefs-bg-right, .icon-bulb-bg-right, .icon-chart-of-the-week-bg-right, .icon-video-bg-right, .icon-article-bg-large-right, .icon-toolprefs-bg-large-right, .icon-bulb-bg-large-right, .icon-chart-of-the-week-bg-large-right, .icon-video-bg-large-right, .icon-close-right, .icon-expand-right, .icon-tool-expand-right, .icon-collapse-right, .icon-tool-collapse-right, .icon-morningstar-alternate-right, .icon-share-right, .icon-morningstar-right, .icon-dropdown-right, .icon-download-right, .icon-email-right, .icon-subscribe-right, .icon-subscribe-disabled-right, .icon-unsubscribe-right, .icon-infographic-right, .icon-infographic-bg-right, .icon-infographic-large-right, .icon-infographic-bg-large-right, .icon-genie-right, .icon-greenpackage-right, .icon-sort-asc-light-right, .icon-arrowup-white-right, .icon-sort-desc-light-right, .icon-arrowdown-white-right, .icon-favorites-right .icon-remove-favorites-right { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.png') no-repeat 25px 20px; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-one-sprite-icons.gif') no-repeat 25px 20px; margin-right: -14px; padding-right: 38px; } .icon-calendar-right, .icon-calendar-large-right { background-position: right -1px; } .icon-closelightbox-right { background-position: right -21px; } .icon-remove-right { background-position: right -43px; } .icon-up-right { background-position: right -63px; } .icon-down-right { background-position: right -84px; } .icon-help-right { background-position: right -131px; } .icon-info-right { background-position: right -153px; } .icon-print-right { background-position: right -179px; } .icon-decline-right { background-position: right -201px; } .icon-checkmark-right { background-position: right -225px; } .icon-play-right { background-position: right -249px; } .icon-zoomin-right { background-position: right -271px; } .icon-zoomout-right { background-position: right -291px; } .icon-shopcart-right { background-position: right -314px; } .icon-shopcart-grey-right, .icon-shopcart-full-right { background-position: right -335px; } .icon-arrowright-right { background-position: right -355px; } .icon-arrowleft-right { background-position: right -375px; } .icon-arrowup-right { background-position: right -393px; } .icon-arrowdown-right { background-position: right -404px; } .icon-sort-asc-light-right { background-position: right -416px; } .icon-sort-desc-light-right { background-position: right -431px; } .icon-gain-right { background-position: right -448px; } .icon-loss-right { background-position: right -461px; } .icon-nochange-right { background-position: right -479px; } .icon-delta-right { background-position: right -501px; } .icon-chart-right, .icon-dataperform-right { background-position: right -523px; } .icon-loading-right { background-position: right -543px; } .icon-success-right { background-position: right -565px; } .icon-alert-right { background-position: right -586px; } .icon-premium-right, .icon-financial-professionals-right { background-position: right -610px; } .icon-lock-right, .icon-padlock-right, .padlock-right { background-position: right -634px; } .icon-unlock-right, .icon-padlock-unlocked-right { background-position: right -657px; } .icon-new-right { background-position: right -672px; } .icon-linkout-right { background-position: right -691px; } .icon-talk-right, .icon-feedback-right { background-position: right -734px; } .icon-phone-alt-right { background-position: right -754px; } .icon-phone-right { background-position: right -778px; } .icon-postal-right, .icon-post-right { background-position: right -801px; } .icon-edit-saved-right { background-position: right -823px; } .icon-add-email-right { background-position: right -860px; } .icon-report-right { background-position: right -1060px; } .icon-reporthypo-right { background-position: right -1085px; } .icon-conference-right { background-position: right -1104px; } .icon-edit-right { background-position: right -1126px; } .icon-settings-right { background-position: right -1147px; } .icon-podcast-right { background-position: right -1188px; } .icon-toolprefs-right { background-position: right -1277px; } .icon-article-bg-right { background-position: right -1301px; } .icon-toolprefs-bg-right { background-position: right -1322px; } .icon-bulb-bg-right { background-position: right -1344px; } .icon-chart-of-the-week-bg-right { background-position: right -1367px; } .icon-video-bg-right { background-position: right -1389px; } .icon-infographic-right, .icon-infographic-bg-right { background-position: right -3226px; } .icon-genie-right { background-position: right -3258px; } .icon-greenpackage-right { background-position: right -3296px; } .icon-sort-asc-light-right, .icon-arrowup-white-right { background-position: right -416px; } .icon-sort-desc-light-right, .icon-arrowdown-white-right { background-position: right -431px; } .icon-favorites-right{ background-position: right -431px; } .icon-remove-favorites-right{ background-position: right -431px; } /* Large icons need more padding */ .icon-article-bg-large-right, .icon-toolprefs-bg-large-right, .icon-bulb-bg-large-right, .icon-chart-of-the-week-bg-large-right, .icon-video-bg-large-right, .icon-infographic-large-right, .icon-infographic-bg-large-right { padding: 9px 45px 9px 0; } .icon-article-bg-large-right { background-position: right -1414px; } .icon-toolprefs-bg-large-right { background-position: right -1460px; } .icon-bulb-bg-large-right { background-position: right -1505px; } .icon-chart-of-the-week-bg-large-right { background-position: right -1549px; } .icon-video-bg-large-right { background-position: right -1592px; } .icon-infographic-large-right, .icon-infographic-bg-large-right { background-position: right -3174px; } .icon-close-right { background-position: right -1628px; } .icon-expand-right, .icon-tool-expand-right { background-position: right -1653px; } .icon-collapse-right, .icon-tool-collapse-right { background-position: right -1676px; } .icon-morningstar-alternate-right { background-position: right -1741px; } .icon-share-right { background-position: right -1765px; } .icon-morningstar-right { background-position: right -1788px; } .icon-dropdown-right { background-position: right -1809px; } .icon-download-right { background-position: right -1825px; } .icon-email-right, .icon-contact-right { background-position: right -1845px; } .icon-subscribe-right { background-position: right -1864px; } .icon-subscribe-disabled-right { background-position: right -1884px; } .icon-info-right { background-position: right -1903px; } .icon-unsubscribe-right { background-position: right -2729px; } .icon-orange-marker, .icon-blue-marker { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/nw/i/nw-sprite-icons-12px.png') no-repeat; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/nw/i/nw-sprite-icons-12px.gif') no-repeat; padding-left: 18px; } .icon-orange-marker { background-position: 0 -2001px; } .icon-blue-marker { background-position: 0 -2052px; } /* New icon sprite with more space between icons, used for components where text wraps onto 2+ lines */ .icon-anchor-right, .icon-audio-right, .icon-blog-right, .icon-calc-right, .icon-chevron-right, .icon-doc-right, .icon-pdf-right, .icon-popup-right, .icon-newpage-right, .icon-ppt-right, .icon-rss-right, .icon-tool-right, .icon-video-right, .icon-xls-right, .icon-csv-right, .icon-xls-export-right, .icon-zip-right, .icon-padlock-right, .icon-lock-right, .padlock-right, .icon-padlock-unlocked-right, .icon-unlock-right { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-sprite-icons.png') no-repeat; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-sprite-icons.gif') no-repeat; margin-right: -14px; padding-right: 38px; } .icon-anchor-right { background-position: right -4px; } .icon-audio-right { background-position: right -70px; } .icon-blog-right { background-position: right -136px; } .icon-calc-right { background-position: right -202px; } .icon-chevron-right { background-position: right -268px; } .icon-doc-right { background-position: right -334px; } .icon-pdf-right { background-position: right -400px; } .icon-popup-right, .icon-newpage-right { background-position: right -466px; } .icon-ppt-right { background-position: right -532px; } .icon-rss-right { background-position: right -598px; } .icon-tool-right { background-position: right -664px; } .icon-video-right { background-position: right -730px; } .icon-xls-right, .icon-csv-right { background-position: right -796px; } .icon-xls-export-right { background-position: right -862px; } .icon-zip-right { background-position: right -928px; } .icon-padlock-right, .icon-lock-right, .padlock-right { background-position: right -994px; } .icon-padlock-unlocked-right, .icon-unlock-right { background-position: right -1060px; } /* Blank icon **************************************************/ .icon-blank { padding-left: 22px; } /* Flag Icons * To add more, take from the following image: https://github.com/lafeber/world-flags-sprite/blob/master/images/flags16.png ************************************************/ .icon-marker, .icon-flag-at, .icon-flag-au, .icon-flag-be, .icon-flag-ca, .icon-flag-ch, .icon-flag-cn, .icon-flag-de, .icon-flag-dk, .icon-flag-es, .icon-flag-fi, .icon-flag-fr, .icon-flag-gb, .icon-flag-hk, .icon-flag-hu, .icon-flag-in, .icon-flag-is, .icon-flag-it, .icon-flag-jp, .icon-flag-kr, .icon-flag-nl, .icon-flag-no, .icon-flag-pl, .icon-flag-pt, .icon-flag-se, .icon-flag-sg, .icon-flag-tw, .icon-flag-us, .icon-flag-lm, .icon-flag-latam, .icon-flag-middleeast, .icon-flag-notlisted, .icon-flag-zz, .icon-flag-bh, .icon-flag-bn, .icon-flag-cl, .icon-flag-gg, .icon-flag-gi, .icon-flag-gr, .icon-flag-ie, .icon-flag-je, .icon-flag-lu, .icon-flag-mo, .icon-flag-mt, .icon-flag-mu, .icon-flag-pe, .icon-flag-qa, .icon-flag-mc, .icon-flag-im, .icon-flag-axj, .icon-flag-br, .icon-flag-cl, .icon-flag-co, .icon-flag-mx, .icon-flag-cz, .icon-flag-sk, .icon-flag-ae, .icon-flag-il, .icon-flag-tr, .icon-flag-za { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/sprite-flags.png') no-repeat; _background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/sprite-flags.gif') no-repeat; padding-left: 20px; } .icon-marker{background-position:0 -991px;} .icon-flag-at{background-position:0 2px;} .icon-flag-au{background-position:0 -14px;} .icon-flag-be{background-position:0 -30px;} .icon-flag-ca{background-position:0 -46px;} .icon-flag-ch{background-position:0 -62px;} .icon-flag-cn{background-position:0 -78px;} .icon-flag-de{background-position:0 -110px;} .icon-flag-dk{background-position:0 -94px;} .icon-flag-es{background-position:0 -126px;} .icon-flag-fi{background-position:0 -142px;} .icon-flag-fr{background-position:0 -158px;} .icon-flag-gb{background-position:0 -174px;} .icon-flag-hk{background-position:0 -190px;} .icon-flag-hu{background-position:0 -206px;} .icon-flag-in{background-position:0 -222px;} .icon-flag-is{background-position:0 -238px;} .icon-flag-it{background-position:0 -254px;} .icon-flag-jp{background-position:0 -270px;} .icon-flag-kr{background-position:0 -286px;} .icon-flag-nl{background-position:0 -302px;} .icon-flag-no{background-position:0 -318px;} .icon-flag-pl{background-position:0 -334px;} .icon-flag-pt{background-position:0 -350px;} .icon-flag-se{background-position:0 -366px;} .icon-flag-sg{background-position:0 -382px;} .icon-flag-tw{background-position:0 -398px;} .icon-flag-us{background-position:0 -414px;} .icon-flag-latam, .icon-flag-lm{background-position:0 -432px;} .icon-flag-middleeast, .icon-flag-notlisted, .icon-flag-zz, .icon-flag-axj{background-position:0 -451px;} .icon-flag-bh {background-position:0 -471px;} .icon-flag-bn {background-position:0 -489px;} .icon-flag-cl {background-position:0 -507px;} .icon-flag-gg {background-position:0 -524px;} .icon-flag-gi {background-position:0 -541px;} .icon-flag-gr {background-position:0 -558px;} .icon-flag-ie {background-position:0 -575px;} .icon-flag-je {background-position:0 -592px;} .icon-flag-lu {background-position:0 -609px;} .icon-flag-mo {background-position:0 -626px;} .icon-flag-mt {background-position:0 -643px;} .icon-flag-mu {background-position:0 -660px;} .icon-flag-pe {background-position:0 -677px;} .icon-flag-qa {background-position:0 -695px;} .icon-flag-mc {background-position:0 -713px;} .icon-flag-im {background-position:0 -731px;} .icon-flag-br {background-position:0 -749px;} .icon-flag-cl {background-position:0 -767px;} .icon-flag-co {background-position:0 -787px;} .icon-flag-mx {background-position:0 -806px;} .icon-flag-cz {background-position:0 -825px;} .icon-flag-sk {background-position:0 -844px;} .icon-flag-ae {background-position:0 -863px;} .icon-flag-il {background-position:0 -931px;} .icon-flag-tr {background-position:0 -950px;} .icon-flag-za {background-position:0 -969px;}/* blk_layout.css ***************************************************** * DO NOT EDIT THIS FILE * ***************************************************** This file contains the look and feel for the BlackRock iShares site widths and backgrounds. The styles declared here are minimal to avoid conflicts This file is part of the BlackRock Global CSS library * HTML Structure *****************************************************
*/ /* Site-specific page backgrounds * ***********************************/ .page-background { background: #ecedef; min-width: 980px; } #bodyWrapper { box-shadow: inset 0 5px 13px rgba(0, 0, 0, 0.11); -moz-box-shadow: inset 0 5px 13px rgba(0, 0, 0, 0.11); -webkit-box-shadow: inset 0 5px 13px rgba(0, 0, 0, 0.11); padding-bottom: 26px; position: relative; } #siteWrapper { margin: 0 auto; min-height: 509px; width: 1024px; } #mainWrapper ,#mainWrapper2{ margin-left: 22px; margin-right: 22px; } #mastheadWrapper, #footerWrapper { margin: 0 auto; width: 100%; } #mastheadWrapper { background: #fff; border-top: 7px solid #EEF1F3; } #navWrapper { margin: 0 auto; position: relative; /* This overrides the .site-width class until we can remove/update * the site-width class permanently */ width: 1024px; z-index: 8; } #breadcrumbWrapper { min-height: 26px; /* This overrides the .site-width class until we can remove/update * the site-width class permanently */ width: 1024px; } /* additional wrapper for the white background */ #footerWrapper #footerBottom { background: #fff; box-shadow: 0 -5px 13px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 -5px 13px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 -5px 13px rgba(0, 0, 0, 0.11); } /* fluidWidthPopup layout used for popups; we don't need the bg image in the footerWrapper */ .fluidWidthPopup #footerWrapper { background: none; margin: 0; padding: 0; } /* The site-width class is a generic added to the masthead and footer FTLs ** so they are centered in the full width BGs */ .site-width { margin: 0 auto; width: 980px; } /* Ensures the space between content and footer */ .landingPage6 #mainWrapper { background: white; padding-bottom: 50px; } /* Base grid styles */ #columnLeft { float: left; width: 220px; } /* Content Page Narrow One ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * 220px * 740px * * * * * * * * ********************** * * 480px *200px* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ****************************** * Footer * ******************************/ .contentPageNarrow1 #columnRight { margin-left: 220px; min-height: 700px; padding: 20px 20px 0; } .contentPageNarrow1 #columnLeft { float: left; padding: 20px 20px 0; width: 200px; } .contentPageNarrow1 #innerColumnLeft { float: left; width: 480px; } .contentPageNarrow1 #innerColumnLeft img { max-width: 480px; } .contentPageNarrow1 #innerColumnRight { margin-left: 500px; overflow: visible; } .contentPageNarrow1 #mainWrapper { background: white; } /* Content Page Narrow Two ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * 280px * 280px * 280px * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ****************************** * Footer * ******************************/ .contentPageNarrow2 #columnLeft { float: left; padding: 20px 0 0 0; width: 300px; } .contentPageNarrow2 #columnMiddle { float: left; padding: 20px 0 0 20px; width: 300px; } .contentPageNarrow2 #columnRight { float: left; padding: 20px 0 0 20px; width: 300px; } .contentPageNarrow2 #columnFullWidth{ width:920px; padding:20px 20px 20px 0px; } .contentPageNarrow2 #mainWrapper #columnFullWidth{ padding:0 0 10px 0; width: 980px; } #landingRow2 #homeBottomLeft, .landingPage6 #landingRow1 #homeBottomCenter { float: left; margin-right: 20px; width: 300px; } .contentPageNarrow2 #pageBanner, .contentPageNarrow2 #mainWrapper2, .contentPageNarrow2 .videoparacomponent { padding-left:20px; padding-bottom:40px; background: white; overflow:hidden; } .contentPageNarrow2 #mainWrapper{ background: white; overflow:hidden; } /* Content Page Narrow Three ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * BANNER (OPTIONAL) * * * ****************************** * * * * * * * * * * * * * * * * * * * * * * * * * * * ****************************** * Footer * ******************************/ .contentPageNarrow3 #columnRight { margin-left: 250px; min-height: 1000px; padding: 36px 20px 0; } .contentPageNarrow3 #columnLeft { float: left; padding: 36px 20px 0; width: 230px; } .contentPageNarrow3 #pageBanner, .contentPageNarrow3 #mainWrapper { background: white; } .contentPageNarrow3 #pageBanner { margin: 0 22px; } /* Home Page 3 ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * * * * * * * 980px * * * * * * * ****************************** * Footer * *****************************/ .homePage3 #mainWrapper { background: white; padding: 20px; } /* Home Page 6 (a.k.a. Landing Page - Two Rows ) ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * MAIN STAGE BANNER * * * ****************************** * * * * * * * * * * * * ****************************** * * * * * * * * * ****************************** * Footer * *****************************/ .landingPage6 #landingRow1, .landingPage6 #landingRow2 { overflow: auto; padding: 20px; } .landingPage6 #landingRow2 { padding-top: 0; } .landingPage6 #landingRow1 #homeBottomLeft, .landingPage6 #landingRow1 #homeBottomCenter { float: left; margin-right: 20px; width: 300px; } .landingPage6 #landingRow1 #homeBottomRight { margin-left: 640px; } .landingPage6 #landingRow2 #row5-col1 { float: left; width: 620px; } .landingPage6 #landingRow2 #row5-col2 { margin-left: 640px; } .landingPage6 #footerWrapper .article { background: white; margin: 0 auto; width: 938px; padding: 0 20px 10px; } /* Home Page 7 / 9 with optional full width banner ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * OPTIONAL FULL WIDTH BANNER * * (home-page-9 only) * ****************************** * MAIN * FEATURE * * STAGE BANNER * * * * * ****************************** * * * * * * ****************************** * Footer * *****************************/ .home-page-7 #homeRow1, .home-page-7 #homeRow2, .home-page-9 #homeRow1, .home-page-9 #homeRow2 { margin-bottom: 26px; } .home-page-7 #homeRow1 #homeTopLeft, .home-page-7 #homeRow3 #homeBottomRow2Col1, .home-page-9 #homeRow1 #homeTopLeft, .home-page-9 #homeRow3 #homeBottomRow2Col1 { float: left; width: 650px; } .home-page-7 #homeRow1 #homeTopRight, .home-page-7 #homeRow3 #homeBottomRow2Col2, .home-page-9 #homeRow1 #homeTopRight, .home-page-9 #homeRow3 #homeBottomRow2Col2 { margin-left: 680px; } .home-page-7 .linkList { padding-bottom: 15px; background-color: #FFF; } /* Home Page 10 (a.k.a. iShares Knowledge Tree Layout) ***************************** * MASTHEAD * ***************************** * MAIN NAVIGATION * ***************************** * Home * Home * * Top * Top * * Left * Right * ***************************** * * * * ***************************** *Bottom*Bottom*Bottom*Bottom* * Area * Area * Area * Area * * 1 * 2 * 3 * 4 * ***************************** * Footer * ****************************/ .landingPage10 #landingRow1 { overflow: auto; } .landingPage10 #landingRow1 #homeTopLeft { background: white; float: left; padding: 0 25px; width: 440px; } .landingPage10 #landingRow1 #homeTopRight { background: white; margin-left: 490px; padding: 0 25px; width: 440px; } .landingPage10 #middleHeader { padding: 15px 0px; } .landingPage10 #landingRow2 #bottomArea1 { background: white; float: left; width: 234px; margin-right: 15px; } .landingPage10 #landingRow2 #bottomArea2 { background: white; float: left; width: 234px; margin-right: 14px; } .landingPage10 #landingRow2 #bottomArea3 { background: white; float: left; margin-right: 15px; width: 234px; } .landingPage10 #landingRow2 #bottomArea4 { background: white; float: left; width: 234px; } .landingPage10 #footerWrapper .article { background: white; margin: 0 auto; width: 938px; padding: 0 20px 10px; } /* Landing Page full height right column ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * * * * * * * * * * * * ******************** * * * * * * * * * * * * * ****************************** * Footer * *****************************/ .landing-page-full-height-right-col #columnRight { float: right; padding: 18px 18px 0 0; width: 302px; } .landing-page-full-height-right-col #columnMain { margin-right: 340px; padding: 18px 0 0 18px; } .landing-page-full-height-right-col #columnMain #innerColumnLeft { margin-right: 320px; padding-top: 18px; } .landing-page-full-height-right-col #columnMain #innerColumnRight { float: right; padding-top: 18px; width: 298px; } /* Content Page wide 1 ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * * * * * * ****************************** * 452px * 452px * * * * * * * * * * * * * * * * * * * * * * * * * ****************************** * Footer * ******************************/ .contentPageWide1 #pageHeader { background: white; padding: 18px 20px 15px; margin: 0 22px; } .contentPageWide1 #mainWrapper { background: white; } .contentPageWide1 #columnMain, .contentPageWide1 #columnMain2 { float: left; width: 452px; padding: 0px 36px 20px 20px; } .contentPageWide1 #columnRight, .contentPageWide1 #columnRight2 { margin-left: 508px; padding: 0px 20px 20px 0px; } /* Content Page wide 2 ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * * * * * * ****************************** * 690px * 230px * * * * * * * * * * * * * * * * * * * * * * * * * ****************************** * Footer * ******************************/ .contentPageWide2 #pageHeader { background: white; margin: 0 22px; padding: 20px 20px 0; } .contentPageWide2 #columnMain { float: left; width: 690px; /* Fixed min-height for consistency */ min-height: 700px; /* Important declaration is a workaround for min-height in IE */ height: auto !important; padding: 20px; } .contentPageWide2 #columnRight { margin-left: 730px; padding: 20px 20px 20px 0; } .contentPageWide2 #mainWrapper { background: white; } /* Content Page wide 3 ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * * * * * * ****************************** * 622px * 302px * * * * * * * * * * * * * * * * * * * * * * * * * ****************************** * Footer * ******************************/ .contentPageWide3 #pageHeader { background: white; margin: 0 22px; overflow: hidden; padding: 7px 20px 0; } .contentPageWide3 #columnMain { float: left; width: 605px; padding: 0 35px 20px 20px; /* Fixed min-height for consistency */ min-height: 700px; /* Important declaration is a workaround for min-height in IE */ height: auto !important; /*margin-top: 0px !important;*/ } .contentPageWide3 #mainWrapper { background: white; padding-top: 15px; } .contentPageWide3 #columnRight { margin-left: 660px; padding: 0 20px 0 0; } /* Content page wide 4 (a.k.a Home Page Layout) ****************************** * MASTHEAD * ****************************** * USER * * * TYPE * HERO SPOT * * SELECT- * * * ION * * ****************************** * BUTTONS * CTA * CTA * ****************************** * Footer * ******************************/ .contentPageWide4 #siteWrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 980px; } .contentPageWide4 #homepageTop, .contentPageWide4 #homepageBottom { margin: 0 auto; width: 928px; } .contentPageWide4 #homepageBottom { padding-bottom: 25px; } .contentPageWide4 #homepageTop #usertypeSelection { float: left; width: 338px; } .contentPageWide4 #homepageTop #mainBody { margin-left: 342px; } .contentPageWide4 #homepageBottom #columnLeft2 { float: left; width: 338px; } .contentPageWide4 #homepageBottom #columnMain2 { margin-left: 342px; } .contentPageWide4 #homepageBottom #leftBottom > div { background: white; float: left; width: 167px; } .contentPageWide4 #homepageBottom #rightBottom > div { float: left; width: 291px; } .contentPageWide4 #homepageBottom #leftBottom > #buttonImage1, .contentPageWide4 #homepageBottom #rightBottom > #homepageImage1 { margin-right: 4px; } .contentPageWide4 #footerWrapper { border-top: none; } /* Content page wide 5 (One wide row) ****************************** * MASTHEAD * ****************************** * WIDE WIDTH AREA * * 423px (h) X 928px (w) * * * * * * * ****************************** * Footer * ******************************/ .contentPageWide5 #siteWrapper { margin-bottom: 76px; min-height: 433px; width: 928px; } .contentPageWide5 #homepageWide { background: white; } /* Content Page wide 6 ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * * * * * * ****************************** * 655px * 325px * * * * * * * * * * * * * * * * * * * * * * * * * ****************************** * Footer * ******************************/ .contentPageWide6 #siteWrapper { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .contentPageWide6 #pageHeader { background: white; margin-bottom: 11px; padding: 0; *zoom: 1; } .contentPageWide6 #columnMain { float: left; width: 655px; /* Fixed min-height for consistency */ min-height: 700px; /* Important declaration is a workaround for min-height in IE */ height: auto !important; padding-bottom: 200px; border-right: 1px solid #ebe9e9; } .contentPageWide6 #mainWrapper { background-color: transparent; margin-top: 1px; } .contentPageWide6 #productWrapper { background: white; overflow: hidden; } .contentPageWide6 #columnRight { border-left: 1px solid #ebe9e9; margin-left: 655px; padding-bottom: 200px; } /* Content Page Wide 7 - full width - no padding ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * * * * * * * 980px * * * * * * * ****************************** * Footer * *****************************/ .content-page-wide-7 #disclaimerWrapper { background: white; margin: 100px 22px 22px; padding: 20px; } /* Content Page Wide 8 - full width - 170px padding either side ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * * * * * * * 640px * * * * * * * ****************************** * Footer * *****************************/ .contentPageWide8 #siteWrapper { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .contentPageWide8 #pageHeader { background: white; margin: 0px 22px -1px; padding: 7px 20px 0px; *zoom: 1; } .contentPageWide8 #columnMain { background: white; /* Fixed min-height for consistency */ min-height: 700px; /* Important declaration is a workaround for min-height in IE */ height: auto !important; padding: 15px 170px 0px; } .contentPageWide8 #mainWrapper { background-color: transparent; margin-top: 1px; } /* Content page wide 9 (Product Screener) ****************************** * MASTHEAD * ****************************** * WIDE WIDTH AREA * * 423px (h) X 928px (w) * * * * * * * ****************************** * Footer * ******************************/ .content-page-wide-9 #siteWrapper { background: white; margin-bottom: 76px; min-height: 433px; width: 928px; } /* Content Page Wide 11 - Single Column 980px - New VI Layout ****************************** * MASTHEAD * ****************************** * MAIN NAVIGATION * ****************************** * * * * * * * 980px * * * * * * * ****************************** * Footer * *****************************/ .contentPageWide11 #disclaimerWrapper { background: white; margin: 100px 22px 22px; padding: 20px; } /* Content Page for Citi Portal ******************************* * MASTHEAD * ******************************* * * * * * * * * * ******************* * * * * * * * * * * * * * * ******************* * * * * * * * * * * * * ******************* * * * * * * * * * ******************************* * Footer * ******************************/ .contentPageNarrow4.page-background { background: none; filter: none; } .contentPageNarrow4 .body-background { background: none; } .contentPageNarrow4 #bodyWrapper { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding-bottom: 10px; } .contentPageNarrow4 #mainWrapper { margin-top: 10px; } .contentPageNarrow4 #mastheadWrapper { background: #fff; border-top: 10px solid #FFFFFF; } .contentPageNarrow4 #partnerMasthead, .contentPageNarrow4 #mainWrapper{ background: white; border: 1px solid #CCC; border-radius: 5px; box-shadow: 2px 2px 2px #E3E3E3; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E3E3E3')"; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .contentPageNarrow4 #partnerMasthead { padding: 10px 0; } .contentPageNarrow4 #partnerMasthead .partner-links{ border: none; outline: none; padding: 0 12px; } .contentPageNarrow4 #footerWrapper { background: none; } .contentPageNarrow4 #footerWrapper #footerBottom { background: #fff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .contentPageNarrow4 #columnRight { margin-left: 220px; min-height: 500px; padding: 20px 20px 0; } .contentPageNarrow4 #columnLeft { float: left; padding: 20px 20px 0; width: 200px; } .contentPageNarrow4 #innerColumnLeft { float: left; width: 480px; } .contentPageNarrow4 #innerColumnLeft img { max-width: 480px; } .contentPageNarrow4 #innerColumnLeft #secondRowInnerColumnLeft { float: left; min-height: 92px; width: 160px; } .contentPageNarrow4 #innerColumnLeft #secondRowInnerColumnMiddle { float: left; min-height: 92px; width: 160px; } .contentPageNarrow4 #innerColumnLeft #secondRowInnerColumnRight { margin-left: 320px; min-height: 92px; } .contentPageNarrow4 #innerColumnLeft #thirdRowInnerColumnLeft { float: left; min-height: 92px; width: 240px; } .contentPageNarrow4 #innerColumnLeft #thirdRowInnerColumnRight { margin-left: 240px; min-height: 92px; } .contentPageNarrow4 #innerColumnRight { margin-left: 500px; overflow: visible; } .contentPageNarrow4 #partnerMasthead img.logo { margin-left: 10px; } /* IE Fixes *****************************************************/ .contentPageNarrow1 #columnRight, .contentPageNarrow3 #columnRight { /* Height fixed as a workaround for min-height - has to be set in case left nav is taller */ /*_height: 700px;*/ /* IE6 needs width set or right column appears below left nav */ _width: 719px; } /* don't add .contentPageNarrow3 #columnRight to this, see EBPLAT-4286 */ /* don't add .contentPageNarrow1 #columnRight to this, see EBPLAT-4488 */ .contentPageWide1 #mainWrapper, .contentPageWide2 #mainWrapper, .contentPageWide2 #columnMain, .contentPageWide3 #columnMain, .contentPageWide3 #mainWrapper { overflow: auto; } .landingPage6 #landingRow1 #homeBottomRight { *margin-left: 65%; } .contentPageNarrow1 #columnLeft, .contentPageNarrow4 #columnLeft, .contentPageNarrow3 #columnLeft { *padding-right: 0; } /* IE fixes for homepage alignment */ .contentPageWide4 #homepageBottom { *padding-right: 0; } .contentPageWide4 #columnMain2 { *width: 586px; } .contentPageWide4 #homepageTop, .contentPageWide4 #homepageBottom { *zoom: 1; } /* Styles for full bleed page layout starts */ #homePage11 { background: #FFF; } #homePage11 #mastheadWrapper { border-top: 0; } #homePage11 #bodyWrapper { background: #FFF; padding-bottom: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #homePage11 .body-wrapper .banner-wrapper { margin: 0 0 30px; } #homePage11 .body-wrapper .content-row-1, #homePage11 .body-wrapper .content-row-2, #homePage11 .body-wrapper .row3-col1-row2 { margin: 30px 0 0; box-sizing: border-box; } #homePage11 .body-wrapper .row2-col2-row1 { box-sizing: border-box; } #homePage11 .body-wrapper .row2-col1, #homePage11 .body-wrapper .row3-col1-row1-col1, #homePage11 .body-wrapper .row3-col1-row1-col2 { float: left; width: 300px; margin: 0 40px 0 0; box-sizing: border-box; } #homePage11 .body-wrapper .row2-col2, #homePage11 .body-wrapper .row3-col1, #homePage11 .body-wrapper .row3-col1-row2 { float: left; width: 640px; box-sizing: border-box; } #homePage11 .body-wrapper .row3-col1 { margin: 0 40px 0 0; } #homePage11 .body-wrapper .row3-col1-row1-col2 { margin: 0; } #homePage11 .body-wrapper .row3-col2 { float: left; width: 300px; box-sizing: border-box; } #homePage11 .body-wrapper .row2-col1-row1-area1 [data-componentname], #homePage11 .body-wrapper .row2-col2-row1-area1 [data-componentname], #homePage11 .body-wrapper .row3-col1-row1-col1-row1-area1 [data-componentname], #homePage11 .body-wrapper .row3-col1-row1-col2-row1-area1 [data-componentname], #homePage11 .body-wrapper .row3-col1-row1-col2-row1-area1 [data-componentname] { height: 242px; } #homePage11 .body-wrapper .row3-col1-row2-area1 [data-componentname] { height: 308px; } #homePage11 .body-wrapper .row3-col2-row1-area1 [data-componentname] { margin-bottom: 30px; } #homePage11 #footerWrapper { background: #FFF; margin: 0; padding: 0; border-top: 1px solid #DDD; } #homePage11 #footerWrapper #footerBottom { background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* Styles for full bleed layout content page starts */ .content-page-wide-12 .row0, .content-page-wide-12 .row2 { width: 100%; } .content-page-wide-12 #mastheadWrapper { border-top-width: 0; } .content-page-wide-12 #siteWrapper { width: 100%; } .content-page-wide-12 #mainWrapper { margin: 0; } .content-page-wide-12 #bodyWrapper { border-top: 1px solid #C1C6C8; padding-bottom: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .content-page-wide-12 #footerWrapper #footerBottom { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Styles for full bleed layout content page ends */ /* Styles for full bleed page layout ends */ /* Styles for the full bleed 2-column layout content page - start */ .fullBleedTwoColumn #siteWrapper { width: 100%; } .fullBleedTwoColumn #productWrapper { width: 980px; margin: 0 auto; } .fullBleedTwoColumn #columnMain { float: left; width: 70%; /* Fixed min-height for consistency */ min-height: 700px; /* Important declaration is a workaround for min-height in IE */ height: auto !important; } .fullBleedTwoColumn #columnRight { margin-left: 70%; } .fullBleedTwoColumn #footerWrapper #footerBottom { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position:relative; clear:both; } .fullBleedTwoColumn #mainWrapper, .fullBleedTwoColumn #mainWrapper2 { margin-left: 0; margin-right: 0; } .fullBleedTwoColumn .body-background{ position:relative; clear:both; } /* Styles for the full bleed 2-column layout content page - end */ /******************************************************************** * RESPONSIVE OVERRIDES - All screens smaller than 767px ********************************************************************/ @media only screen and (max-width : 767px) { .blk-responsive .page-background { min-width: 0; } .blk-responsive .site-width { margin: 0 auto; width: auto; } .blk-responsive #siteWrapper, .blk-responsive #navWrapper { min-height: 0; width: auto; } .blk-responsive #breadcrumbWrapper { min-height: 0; height: 0; width: auto; } .blk-responsive #mastheadWrapper { border-top: none; } .blk-responsive #mainWrapper, .blk-responsive #navWrapper { margin: 0; } .blk-responsive #navWrapper { height: 0; z-index: auto; } .blk-responsive #bodyWrapper { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .blk-responsive .body-background { background: none; } .blk-responsive #footerWrapper { background: none; margin: 0; padding: 0; } .blk-responsive #footerWrapper #footerBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* Teamsite class hack override from blk-templates.css */ .blk-responsive #footerWrapper #footerBottom .ls-cmp-wrap { width: auto; } /* contentPageNarrow1 */ /* Stack left column on top of right column */ .blk-responsive .contentPageNarrow1 #columnLeft { float: none; padding: 0; width: 100%; } .blk-responsive .contentPageNarrow1 #columnRight { margin-left: 0; min-height: 0; padding: 10px; } .blk-responsive .contentPageNarrow1 #innerColumnLeft { float: none; width: 100%; } .blk-responsive .contentPageNarrow1 #innerColumnLeft img { max-width: 100%; } .blk-responsive .contentPageNarrow1 #innerColumnRight { margin-left: 0; } /* contentPageNarrow3 */ /* Stack left column on top of right column */ .blk-responsive .contentPageNarrow3 #columnLeft { float: none; padding: 10px; width: auto; } .blk-responsive .contentPageNarrow3 #columnRight { margin-left: 0; min-height: 0; padding: 10px; } .blk-responsive .contentPageNarrow3 #pageBanner { margin: 0; } /* homePage3 */ .blk-responsive .homePage3 #mainWrapper { padding: 10px; } /* landingPage6 */ .blk-responsive .landingPage6 #pageHeader { margin-bottom: 4px; } .blk-responsive .landingPage6 #landingRow1 #homeBottomLeft, .blk-responsive .landingPage6 #landingRow1 #homeBottomCenter, .blk-responsive .landingPage6 #landingRow1 #homeBottomRight, .blk-responsive .landingPage6 #landingRow2 #row5-col1, .blk-responsive .landingPage6 #landingRow2 #row5-col2 { float: none; margin: 0; width: auto; } .blk-responsive .landingPage6 #bannerStatic { margin: 0; } .blk-responsive .landingPage6 #footerWrapper .article { width: auto; } /* home-page-7 & 9 */ .blk-responsive .home-page-7 #homeRow1, .blk-responsive .home-page-9 #homeRow1 { margin-bottom: 0; } .blk-responsive .home-page-7 #homeRow1 #homeTopLeft, .blk-responsive .home-page-9 #homeRow1 #homeTopLeft { float: none; width: auto; } .blk-responsive .home-page-7 #homeRow1 #homeTopRight, .blk-responsive .home-page-9 #homeRow1 #homeTopRight { margin-left: 0; } /* contentPageWide1 */ .blk-responsive .contentPageWide1 #pageHeader, .blk-responsive .contentPageWide1 #mainWrapper2 { background: white; margin: 0; padding: 10px; } .blk-responsive .contentPageWide1 #columnMain, .blk-responsive .contentPageWide1 #columnMain2 { float: none; width: auto; padding: 10px 10px 0; } .blk-responsive .contentPageWide1 #columnRight, .blk-responsive .contentPageWide1 #columnRight2 { margin-left: 0; padding: 0 10px 10px; } /* contentPageWide2 */ .blk-responsive .contentPageWide2 #pageHeader { margin: 0; padding: 10px 10px 0; } .blk-responsive .contentPageWide2 #columnMain { float: none; min-height: 0; padding: 10px; width: auto; } .blk-responsive .contentPageWide2 #columnRight { margin-left: 0; padding: 0; } /* contentPageWide3 */ .blk-responsive .contentPageWide3 #pageHeader { margin: 0; padding: 10px 10px 0; } .blk-responsive .contentPageWide3 #columnMain { float: none; min-height: 0; padding: 10px; width: auto; } .blk-responsive .contentPageWide3 #mainWrapper { padding-top: 0; } .blk-responsive .contentPageWide3 #columnRight { margin-left: 0; padding: 0; } /* contentPageWide4 */ .blk-responsive .contentPageWide4 #siteWrapper { width: 100%; } .blk-responsive .contentPageWide4 #homepageTop, .blk-responsive .contentPageWide4 #homepageBottom { margin: 0 auto; width: 100%; } .blk-responsive .contentPageWide4 #homepageBottom { padding-bottom: 0; } .blk-responsive .contentPageWide4 #homepageTop #mainBody, .blk-responsive .contentPageWide4 #homepageBottom #columnMain2 { margin-left: 0; } .blk-responsive .contentPageWide4 #homepageTop #usertypeSelection, .blk-responsive .contentPageWide4 #homepageBottom #columnLeft2, .blk-responsive .contentPageWide4 #homepageBottom #rightBottom > div { float: none; overflow: hidden; width: auto; } .blk-responsive .contentPageWide4 #homepageBottom #leftBottom > div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: none; width: 50%; } .blk-responsive .contentPageWide4 #homepageBottom #buttonImage1 { padding-right: 2px; } .blk-responsive .contentPageWide4 #homepageBottom #buttonImage2 { padding-left: 2px; } .blk-responsive .contentPageWide4 #homepageBottom #leftBottom > #buttonImage1, .blk-responsive .contentPageWide4 #homepageBottom #rightBottom > #homepageImage1 { margin: 0 0 4px 0; } /* contentPageWide5 */ .blk-responsive .contentPageWide5 #siteWrapper { margin-bottom: 0; min-height: 0; width: auto; } .blk-responsive .contentPageWide5 #footerBottom { padding-bottom: 50px; } /* contentPageWide6 - Product Page layout */ .blk-responsive .contentPageWide6 #pageHeader { margin-bottom: 0; } .blk-responsive .contentPageWide6 #columnMain { border-right: none; float: none; min-height: 0; padding-bottom: 0; width: auto; } .blk-responsive .contentPageWide6 #columnRight { border-left: none; margin-left: 0; padding-bottom: 0; } .blk-responsive .contentPageWide6 #productWrapper { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .blk-responsive .contentPageWide6 #columnRight { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .blk-responsive .contentPageWide6 #columnMain { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } /* contentPageWide8 */ .blk-responsive .contentPageWide8 #pageHeader { padding: 10px 10px 0; } .blk-responsive .contentPageWide8 #columnMain { padding: 10px; } .blk-responsive .contentPageWide8 #pageHeader, .blk-responsive .contentPageWide8 #columnMain { margin: 0; } /* landingPage10 */ .blk-responsive .landingPage10 #landingRow1 { padding: 0; } .blk-responsive .landingPage10 #landingRow1 #homeTopLeft, .blk-responsive .landingPage10 #landingRow1 #homeTopRight { float: none; margin: 0; padding: 10px; width: auto; } .blk-responsive .landingPage10 #middleHeader { background: white; padding: 15px 10px; } .blk-responsive .landingPage10 #landingRow2 { background: white; } .blk-responsive .landingPage10 #landingRow2 #bottomArea1, .blk-responsive .landingPage10 #landingRow2 #bottomArea2, .blk-responsive .landingPage10 #landingRow2 #bottomArea3, .blk-responsive .landingPage10 #landingRow2 #bottomArea4 { margin: 0 0 5px 2%; width: 47%; } /* Responsive styles for full bleed page layout starts */ .blk-responsive #homePage11 #bodyWrapper { padding-bottom: 0; } .blk-responsive #homePage11 .body-wrapper .banner-wrapper, .blk-responsive #homePage11 .body-wrapper .content-row-1, .blk-responsive #homePage11 .body-wrapper .content-row-2, .blk-responsive #homePage11 .body-wrapper .row3-col1-row2 { margin: 0; } .blk-responsive #homePage11 .body-wrapper .row2-col1, .blk-responsive #homePage11 .body-wrapper .row2-col2-row1, .blk-responsive #homePage11 .body-wrapper .row3-col1-row1-col1, .blk-responsive #homePage11 .body-wrapper .row3-col1-row1-col2, .blk-responsive #homePage11 .body-wrapper .row3-col1-row2, .blk-responsive #homePage11 .body-wrapper .row3-col2 { float: none; width: 100%; margin: 0; padding: 0 20px; } .blk-responsive #homePage11 .body-wrapper .row2-col1 .row2-col1-row1, .blk-responsive #homePage11 .body-wrapper .row2-col2 .row2-col2-row1-area1, .blk-responsive #homePage11 .body-wrapper .row3-col1-row1-col1 .row3-col1-row1-col1-row1, .blk-responsive #homePage11 .body-wrapper .row3-col1-row1-col2 .row3-col1-row1-col2-row1, .blk-responsive #homePage11 .body-wrapper .row3-col1-row2-area1, .blk-responsive #homePage11 .body-wrapper .row3-col2-row1 { padding: 30px 20px; border-top: 1px solid #DDD; } .blk-responsive #homePage11 .body-wrapper .row2-col1 .row2-col1-row1 { border-width: 0; } .blk-responsive #homePage11 .body-wrapper .row2-col2, .blk-responsive #homePage11 .body-wrapper .row3-col1, .blk-responsive #homePage11 .body-wrapper .row3-col1-row2 { float: none; width: 100%; } .blk-responsive #homePage11 .body-wrapper .row3-col1 { margin: 0; } .blk-responsive #homePage11 .body-wrapper .row2-col1-row1-area1 [data-componentname], .blk-responsive #homePage11 .body-wrapper .row2-col2-row1-area1 [data-componentname], .blk-responsive #homePage11 .body-wrapper .row3-col1-row1-col1-row1-area1 [data-componentname], .blk-responsive #homePage11 .body-wrapper .row3-col1-row1-col2-row1-area1 [data-componentname], .blk-responsive #homePage11 .body-wrapper .row3-col1-row1-col2-row1-area1 [data-componentname], .blk-responsive #homePage11 .body-wrapper .row3-col1-row2-area1 [data-componentname], .blk-responsive #homePage11 .body-wrapper .row3-col2-row1-area1 [data-componentname] { height: auto; } .blk-responsive #homePage11 .body-wrapper .row3-col2-row1-area1 [data-componentname] { margin-bottom: 0; } .blk-responsive #homePage11 #footerWrapper { margin: 0 20px; width: auto; border-width: 3px; } /* Responsive styles for full bleed page layout ends */ /* responsive styles for the full bleed 2-column layout content page - starts */ .blk-responsive .fullBleedTwoColumn #productWrapper{ width: 100%; } .blk-responsive .fullBleedTwoColumn #columnMain{ float:none; width:100% } .blk-responsive .fullBleedTwoColumn #columnRight{ margin:0; padding:0; width:100%; } /* responsive styles for the full bleed 2-column layout content page - end */ }@media print { /* Fix for printing backgrounds in IE */ * { filter: none !important; } #searchForm { display: none; } }/* SCREEN STYLES ******************************************************************************/ /* Load screen styles in this manner so conditional media type is not ** lost in minification, nor does teamsite or any other system ** need configuring for screen */ @media screen { a:hover { text-decoration: underline; } }/* megaMenu START */ #navTree { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_one_megamenu_divider.png') no-repeat left top; margin: 0 22px; position: relative; } #navTree.justified-nav { display: table; } #navTree > li { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_one_megamenu_divider.png') no-repeat right top; display: table-cell; position: relative; border: none; border-radius: 0; /* IE7 doesn't support display: table-cell so use display: block + float: left instead */ *display: block; *float: left; } #navTree > li .nav-inner { cursor: default; position: relative; } #navTree > li .faux-home-menu, #navTree > li .nav-inner > a { display: block; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 18px; height: 41px; line-height: 41px; margin-right: 1px; padding: 0 20px; text-decoration: none; white-space: nowrap; } /* Classes for configurable font sizes as controlled in DCR */ #navTree > li.size-15 .nav-inner > a { font-size: 15px; } #navTree > li.size-16 .nav-inner > a { font-size: 16px; } #navTree > li.size-17 .nav-inner > a { font-size: 17px; } /* Classes for configurable paddings as controlled in DCR */ #navTree > li.padding-10 .nav-inner > a { padding: 0 10px; } #navTree > li.padding-25 .nav-inner > a { padding: 0 25px; } #navTree > li.padding-30 .nav-inner > a { padding: 0 30px; } #navTree > li:first-child .nav-inner > a { margin-left: 1px; } #navTree > li.on .nav-inner > a, #navTree > li.over .nav-inner > a, #navTree > #quickFinder.open #qfTitle { background: #f1f1f1; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */ } #navTree > li.on .nav-inner > a { height: 40px; } #navTree > li.on.over .nav-inner > a { height: 41px; } #navTree > li .dropdownMenu { background: #f1f1f1; /* Old browsers */ background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 50%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1f1f1 0%,#ffffff 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1f1f1 0%,#ffffff 50%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1f1 0%,#ffffff 50%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1f1f1 0%,#ffffff 50%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-bottom: 1px solid #ccc; box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.2); display: none; left: -1px; position: absolute; top: 40px; width: 280px; } #navTree > li .dropdownMenu.nav-col-2 { left: inherit; right: -50%; width: 580px } #navTree > li .dropdownMenu.nav-col-3 { left: inherit; right: -50%; width: 850px } #navTree > li.last .dropdownMenu { left: inherit; right: 0; } #navTree > li.over .dropdownMenu, #navTree > li:hover .dropdownMenu { display: block; } #navTree > li .dropdownMenu a { color: #293065; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 16px; } #navTree > li .dropdownMenu > ul > li > ul { margin: 2px 20px 5px 30px; } #navTree > li.padding-10 .dropdownMenu > ul > li > ul { margin-left: 20px; } #navTree > li.padding-25 .dropdownMenu > ul > li > ul { margin-left: 35px; } #navTree > li.padding-30 .dropdownMenu > ul > li > ul { margin-left: 40px; } #navTree > li .dropdownMenu > ul > li > ul > li a { cursor: pointer; font-size: 14px; } #navTree > li .dropdownMenu > .navColumn { float: left; padding-left: 2px; visibility: visible; width: 280px; } #navTree > li .dropdownMenu > .navColumn:first-child { padding-left: 0; } #navTree > li .dropdownMenu > .navColumn > li:first-child { padding-top: 8px; } #navTree > li .dropdownMenu > .navColumn > li:last-child { padding-bottom: 8px; } #navTree > li .dropdownMenu ul + ul { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk_core_megamenu_divider.gif') repeat-y; } #navTree li div.dropdownMenu > .navColumn > li > a { display: block; padding: 7px 20px 6px 20px; } /* Responsive navigation level 2 header, only visible on mobile */ #navTree li div.dropdownMenu > .navColumn > li.responsive-nav-header, #navTree #quickFinderLists li.responsive-nav-header { display: none; } #navTree > li.padding-10 div.dropdownMenu > .navColumn > li > a { padding-left: 10px; } #navTree > li.padding-25 div.dropdownMenu > .navColumn > li > a { padding-left: 25px; } #navTree > li.padding-30 div.dropdownMenu > .navColumn > li > a { padding-left: 30px; } #navTree li div.dropdownMenu > .navColumn > li > a:hover { background: #ebebeb; cursor: pointer; text-decoration: none; } /* New QuickFinder(DCR driven) START */ #navTree #quickFinderLists.screener * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navTree #quickFinderLists.screener { display: block; min-height: 200px; overflow: hidden; box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 8px 8px -3px rgba(0,0,0,0.2); } #navTree #quickFinderLists.screener ul.marketing-links { padding: 10px 0 10px 10px; } #navTree #quickFinderLists.screener li.responsive-nav-header { display: none; } #navTree #quickFinderLists.screener .showAllLinks { border-bottom: 1px solid #CCCCCC; padding: 12px 0 5px 5px; background-image: linear-gradient( to bottom, #fff 0%, #fff 33%, #eaeaea 100% ); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#EAEAEA');/*For IE7-8-9*/ } #navTree #quickFinderLists.screener ul.alternate .showAllLinks { padding: 14px 0 8px 10px; } #navTree #quickFinderLists.screener .showAllLinks a { color: #005EB8; font-family: "AkkuratProRegular"; font-size: 16px; } #navTree #quickFinderLists.screener li.responsive-nav-header { display: none; } /* first level */ #navTree #quickFinderLists.screener > li { border-bottom: 1px solid #CCCCCC; font-family: "AkkuratProRegular"; font-size: 16px; width: 280px; } #navTree #quickFinderLists.screener > li a { padding: 10px; } /* all QF links */ #navTree #quickFinderLists.screener > li a { display: block; font-family: "AkkuratProRegular"; color: #293065; } /* first level QF links */ #navTree #quickFinderLists.screener > li > a { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/qf-gray-right.png') no-repeat 255px -73px; display: block; height: inherit; text-decoration: none; white-space: nowrap; } /* hover state of top-level menu */ #navTree #quickFinderLists.screener > li.show { background-color: #f1f1f1; } /* all nested menus in QF */ #navTree #quickFinderLists.screener > li ul { display: none; } /* hover state of nested menus */ #navTree #quickFinderLists.screener li.show > ul { display: block; } /* second level of QF */ #navTree #quickFinderLists.screener > li > ul { background: transparent linear-gradient(to bottom, #F1F1F1 0px, #FFF 50%, #FFF 100%) repeat scroll 0% 0%; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F1F1F1', endColorstr='#FFFFFF');/*For IE7-8-9*/ left: 280px; position: absolute; top: 0; width: auto; } #navTree #quickFinderLists.screener > li > ul.alternate { background: #f1f1f1; } #navTree #quickFinderLists.screener.menu-depth-1 > li.category-0 > a:first-child { display:none\0; } #navTree #quickFinderLists.screener.menu-depth-1 > li > ul { left: 0; padding-bottom: 15px; width: 360px; } #navTree #quickFinderLists.screener > li .level { padding: 5px; } #navTree #quickFinderLists.screener > li > ul > div > li > ul { display: block; padding-top: 0; width: auto; } #navTree #quickFinderLists.screener ul a { font-size: 14px; line-height: 17px; padding: 0 0 5px 10px; } #navTree #quickFinderLists.screener > li > .nested-menu.products { position: absolute; left: 675px; top: 20px; } #navTree #quickFinderLists.screener > li.depth-1 > .nested-menu.products { left: 425px; } #navTree #quickFinderLists.screener > li > .nested-menu.products > li { float: left; margin: 0 0 25px 15px; } #navTree #quickFinderLists.screener > li > .nested-menu.products > li a { border: 1px solid #156CC6; min-width: 45px; text-align: center; } #navTree #quickFinderLists.screener > li .first-row , #navTree #quickFinderLists.screener > li .second-row { float: left; width: 49%; padding: 10px 0 0 30px; } #navTree #quickFinderLists.screener .alternate .first-row , #navTree #quickFinderLists.screener .alternate .second-row { padding: 10px 0 0 15px; } #navTree #quickFinderLists.screener > li .full-width { width: 99%; } #navTree #quickFinderLists.screener > li .cat-expand { padding: 0; } #navTree #quickFinderLists.screener > li .full-width .category-header span { display: none !important; } #navTree #quickFinderLists.screener > li .full-width .category-header a { line-height: 25px; } #navTree #quickFinderLists.screener > li .full-width .group-by-category ul { margin-top: 0; } #navTree #quickFinderLists.screener > li .group-by-category { float: left; width: 178px; margin-bottom: 15px; } #navTree #quickFinderLists.screener > li .alternate .group-by-category { padding-left: 5px; width: 197px; } #navTree #quickFinderLists.screener > li .full-width .group-by-category { width: 100%; } #navTree #quickFinderLists.screener > li .group-by-category ul { margin-top: 10px; } #navTree #quickFinderLists.screener .level-depth-1 { width: 374px; } /* QuickFinder START */ #navTree #nav { position: relative; } #navTree #nav .show { display: block !important; } #navTree #nav .ishares-fund-data.chiclet { background: #68A230; } #navTree #nav .blk-mutual-fund-data.chiclet { background: #006BB4; } #navTree .quickFinderSpinny { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/ui-anim_basic_16x16.gif') 90% 50% no-repeat!important; } #navTree #quickFinderPanel { background-color: #ffffff; border: 1px solid #B1B6BC; display: none; position: absolute; width: 978px; z-index: 100; } #navTree #quickFinderPanel.show { display: block; } #navTree #quickFinderLists { height: auto; display: block; overflow: hidden; } /* first level */ #navTree #quickFinderLists > li { border-bottom: 1px solid #CCCCCC; width: 280px; } /* all QF links */ #navTree #quickFinderLists > li a { display: block; padding: 3px 10px; } /* first level QF links */ #navTree #quickFinderLists > li > a { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/qf-gray-right.png') no-repeat 255px -72px; display: block; font-family: 'AkkuratProRegular', Arial, sans-serif; font-size: 16px; height: 21px; padding: 14px 6px 11px 23px; text-decoration: none; white-space: nowrap; } /* hover state of top-level menu */ #navTree #quickFinderLists > li.show { background-color: #EBEBEB; } /* all nested menus in QF */ #navTree #quickFinderLists > li ul { display: none; } /* hover state of nested menus */ #navTree #quickFinderLists li.show > ul { display: block; } #navTree #quickFinderLists > .content-links { border-bottom-width: 0; } #navTree #quickFinderLists > .content-links > ul { display: block; margin: 10px 0 0 20px; } #navTree #quickFinderLists > .content-links > ul > li { line-height: normal; } #navTree #quickFinderPanel > .see-all { border-bottom-width: 0; height: 37px; margin: 0; padding: 0; width: 978px; } #navTree #quickFinderPanel > .see-all p { background: #ffffff; background: -moz-linear-gradient(top,#ffffff 0%, #ffffff 33%, #eaeaea 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(33%,#ffffff), color-stop(100%,#eaeaea)) !important; background: -webkit-linear-gradient(top,#ffffff 0%,#ffffff 33%,#eaeaea 100%) !important; background: -o-linear-gradient(top,#ffffff 0%,#ffffff 33%,#eaeaea 100%) !important; background: -ms-linear-gradient(top,#ffffff 0%,#ffffff 33%,#eaeaea 100%) !important; background: linear-gradient(to bottom,#ffffff 0%,#ffffff 33%,#eaeaea 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ) !important; border-top: 1px solid #ccc; color: #005eb8; font-size: 14px; line-height: 36px; margin: 0; padding-left: 10px; } #navTree #quickFinderPanel > li .padlock, #navTree #quickFinderPanel > li .icon-padlock, #navTree #quickFinderPanel > li .icon-lock { background-image: none; } /* second level of QF */ #navTree #quickFinderLists > li > .menu-depth-2 { background-color: #EBEBEB; left: 280px; position: absolute; top: 0; width: 275px; } #navTree #quickFinderLists li.show > .menu-depth-2 >.first, #navTree #quickFinderLists li.show > .menu-depth-2 > li:first-child, #navTree #quickFinderLists li.show > .menu-depth-3 > .first, #navTree #quickFinderLists li.show > .menu-depth-3 > li:first-child { margin-top: 5px; } #navTree #quickFinderLists.screener li.show > .menu-depth-3 > li:first-child { margin-top: 0px; } #navTree #quickFinderLists > li > .menu-depth-2 > li:hover a, #navTree #quickFinderLists > li.show > .menu-depth-2 > li.show a { background-color: #ffffff; } #navTree #quickFinderLists > li .cat-expand { padding: 5px; } #navTree #quickFinderLists li.first > .cat-expand { padding-top: 5px; } #navTree #quickFinderLists > li > .menu-depth-2 > li > .menu-depth-3 .cat-expand a { margin-left: 20px; } #navTree #quickFinderLists > li > .menu-depth-2 > li > .menu-depth-3 .expand-icon .cat-expand a { margin-left: 0; padding: 0; } #navTree #quickFinderLists > li > .menu-depth-2 > li > .menu-depth-3 .expand-icon .menu-depth-4, #navTree #quickFinderLists > li .expand-icon > .product { margin-left: 26px; } #navTree #quickFinderLists > li > .menu-depth-2 > li > .nested-menu { left: 275px; padding-left: 5px; position: absolute; top: 0; width: 417px; z-index: 10; } #navTree #quickFinderLists > li .menu-depth-2 > li > .nested-menu.product, #navTree #quickFinderLists > li .menu-depth-3 { height: auto; overflow: auto; padding-top: 5px; width: 405px; } #navTree #quickFinderLists li.show > .menu-depth-3 > li > .nested-menu { display: none; } #navTree #quickFinderLists li.show > .menu-depth-3 > li > .nested-menu.show { display: block; } #navTree #quickFinderLists > li .menu-depth-3 > li > .nested-menu.product { overflow-x: auto; width: 350px; } #navTree #quickFinderLists > li .icon-expand { display: block; float: left; height: 20px; margin: 3px 5px 0 0; padding-left: 0; width: 20px; } #navTree #quickFinderLists > li .icon-expand.show { background-position: -15px -1676px; } #navTree #quickFinderLists > li .icon-expand + a { float: left; } #navTree #quickFinderLists > li .product-row { padding: 5px; } #navTree #quickFinderLists > li .product-name-wrapper { vertical-align: middle; display: table-cell; } #navTree #quickFinderLists > li .chiclet { float: left; overflow: hidden; height: 10px; margin: 6px 10px 0 3px; text-indent: 100%; white-space: nowrap; width: 10px; } #navTree #quickFinderLists > li .ticker { float: left; width: 65px; } #navTree #quickFinderLists > li .ticker-link { display: block; float: left; padding: 0; width: 255px; } #navTree #quickFinderLists > li .hero .product-name-wrapper { height: 45px; } #navTree #quickFinderLists > li .hero .ticker { display: none; } #navTree #quickFinderLists > li .hero .chiclet { color: #ffffff; font-size: .85em; height: 33px; margin-top: 0; overflow: inherit; padding-top: 12px; text-align: center; text-indent: inherit; white-space: normal; width: 45px; } /******************************************************************** * RESPONSIVE OVERRIDES - All screens smaller than 767px ********************************************************************/ @media only screen and (max-width : 767px) { .blk-responsive #navTree { background: white; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 0; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; width: 100%; z-index: 10; } .blk-responsive #navTree li { background: none; border-bottom: 1px solid #ccc; display: block; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 0 10px; position: static; } .blk-responsive #navTree li.non-hero { border-bottom: none; padding: 0 0 3px; } .blk-responsive #navTree .navColumn .has-level-3 { border-bottom: none; } .blk-responsive #navTree.responsive-open { height: 100%; position: fixed; } .blk-responsive #navTree > li.last { background: none; border-bottom: 8px solid #e3e3e3; margin: 0; padding: 0 10px; } .blk-responsive #navTree > li .nav-inner { position: static; } .blk-responsive #navTree > li > .nav-inner > a, .blk-responsive #navTree > li.over > .nav-inner > a, .blk-responsive #navTree > li.padding-10 .nav-inner > a, .blk-responsive #navTree > li.padding-20 .nav-inner > a, .blk-responsive #navTree > li.padding-25 .nav-inner > a, .blk-responsive #navTree > li.padding-30 .nav-inner > a { background: none; color: #282828; cursor: pointer; display: block; filter: none; font-family: 'AkkuratProBold', Arial, sans-serif; font-size: 16px; height: auto; line-height: 1em; margin: 0; padding: 13px 13px 11px 0; } .blk-responsive #navTree > li.on.over .nav-inner > a { height: auto; } .blk-responsive #navTree > li:first-child .nav-inner > a { margin-left: 0; } .blk-responsive #navTree > li .dropdownMenu { background: white; border-bottom: 0; border-left: 1px solid #ccc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block; filter: none; height: 100%; left: 100% !important; overflow: hidden; right: auto !important; position: absolute; top: 0; transition: 0.3s; width: 100%; } .blk-responsive #navTree > li .dropdownMenu > .navColumn { background: none; float: none; padding: 0; width: 100%; } .blk-responsive #navTree > li .dropdownMenu > .navColumn > li:first-child, .blk-responsive #navTree > li .dropdownMenu > .navColumn > li:last-child { padding-bottom: 0; padding-top: 0; } .blk-responsive #navTree > li .dropdownMenu.responsive-open, .blk-responsive #navTree #quickFinderPanel.responsive-open { left: 0 !important; overflow-y: auto; } .blk-responsive #navTree li div.dropdownMenu > .navColumn > li a, .blk-responsive #navTree #quickFinderLists > li a, .blk-responsive #navTree .see-all a, .blk-responsive #navTree > li.padding-10 div.dropdownMenu > .navColumn > li > a, .blk-responsive #navTree > li.padding-20 div.dropdownMenu > .navColumn > li > a, .blk-responsive #navTree > li.padding-25 div.dropdownMenu > .navColumn > li > a, .blk-responsive #navTree > li.padding-30 div.dropdownMenu > .navColumn > li > a { color: #282828; font-family: 'Arial', sans-serif; font-size: 16px; height: auto; line-height: 20px; padding: 11px 10px 9px 0; } .blk-responsive #navTree li div.dropdownMenu > .navColumn > li > a:hover, .blk-responsive #navTree > li > .nav-inner a:hover, .blk-responsive #navTree > li > .nav-inner a.responsive-active { background: none; text-decoration: none; color: #282828; } /* Level 2 nav header */ .blk-responsive #navTree li div.dropdownMenu > .navColumn > li.responsive-nav-header, .blk-responsive #navTree #quickFinderLists li.responsive-nav-header { display: list-item; margin: 0; } /* Hiding level 3 nav if any */ .blk-responsive #navTree li div.dropdownMenu > .navColumn > li > ul { display: none; } /* QUICK FINDER */ .blk-responsive #navTree #nav { position: static; } .blk-responsive #navTree #quickFinderPanel { background: white; border: none; display: block; left: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; transition: 0.3s; width: 100% !important; z-index: auto; } .blk-responsive #navTree #quickFinderLists { height: auto !important; box-shadow: none; -webkit-box-shadow: none; } .blk-responsive #navTree #quickFinderLists > .content-links { display: none; } .blk-responsive #navTree #quickFinderLists > li { width: auto; } .blk-responsive #navTree #quickFinderLists > li.show { background: none; } .blk-responsive #navTree #quickFinderLists li > ul { display: block; } .blk-responsive #navTree #quickFinderLists > li a:hover, .blk-responsive #navTree #quickFinderPanel > .see-all a:hover { color: #2e2e2e; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 { background: white; height: 100%; left: 100%; overflow-x: hidden; overflow-y: auto; transition: 0.3s; width: 100% !important; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2.responsive-open { left: 0; } .blk-responsive #navTree #quickFinderLists > li .cat-expand { padding: 0; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 > li > .nested-menu, .blk-responsive #navTree #quickFinderLists > li .menu-depth-2 > li > .nested-menu.product, .blk-responsive #navTree #quickFinderLists > li .menu-depth-3 { background: white; display: block; height: 100%; left: 100%; overflow-x: hidden; padding: 0; transition: 0.3s; width: 100%; z-index: auto; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 > li > .nested-menu.responsive-open { left: 0; } .blk-responsive #navTree #quickFinderLists li > .menu-depth-3 > li > .nested-menu, .blk-responsive #navTree #quickFinderLists li.show > .menu-depth-3 > li > .nested-menu { display: block; max-height: 0; transition: max-height 0.3s; width: auto; } .blk-responsive #navTree #quickFinderLists li > .menu-depth-3 > li > .nested-menu.responsive-open, .blk-responsive #navTree #quickFinderLists li.show > .menu-depth-3 > li > .nested-menu.responsive-open { max-height: 800px; transition: max-height 0.5s; } .blk-responsive #navTree #quickFinderLists > li .menu-depth-3 > li > .nested-menu.product li.responsive-nav-header { display: none; } .blk-responsive #navTree #quickFinderLists > li .product-row { padding: 0; } .blk-responsive #navTree #quickFinderLists li > a.responsive-active, .blk-responsive #navTree #quickFinderLists li .responsive-active > a { color: #282828; } .blk-responsive #navTree #quickFinderLists li.show > .menu-depth-2 > .first, .blk-responsive #navTree #quickFinderLists li.show > .menu-depth-2 > li:first-child, .blk-responsive #navTree #quickFinderLists li.show > .menu-depth-3 > .first, .blk-responsive #navTree #quickFinderLists li.show > .menu-depth-3 > li:first-child { margin-top: 0; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 > li a:hover { color: #282828; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 > li:hover a, .blk-responsive #navTree #quickFinderLists > li.show > .menu-depth-2 > li.show a { background-color: transparent; } .blk-responsive #navTree #quickFinderLists .cat-expand.responsive-active .icon-expand { background-position: -15px -1676px; } .blk-responsive #navTree #quickFinderLists > li .icon-expand { margin: 12px 0 0 0; } .blk-responsive #navTree #quickFinderLists > li .icon-expand + a { float: none; } .blk-responsive #navTree #quickFinderLists > li .expand-icon > .product { margin-left: 0; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 > li > .menu-depth-3 .expand-icon .cat-expand a { background: none; padding: 11px 10px 9px 25px; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 > li > .menu-depth-3 .expand-icon .menu-depth-4 { margin-left: 0; overflow: hidden; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 > li > .menu-depth-3 .expand-icon .menu-depth-4 li { border: none; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 > li > .menu-depth-3 .expand-icon .menu-depth-4 li a { padding: 5px 20px 5px 35px; } .blk-responsive #navTree #quickFinderLists > li > .menu-depth-2 > li > .menu-depth-3 .expand-icon .menu-depth-4 .responsive-nav-header { display: none; } .blk-responsive #navTree #quickFinderLists > li .ticker { font-size: 13px; margin-right: 6px; width: auto; } .blk-responsive #navTree #quickFinderLists > li .ticker-link { float: none; font-size: 13px; line-height: 1.5em; padding: 0; width: auto; } .blk-responsive #navTree #quickFinderLists > .content-links > ul { margin: 0; } .blk-responsive #navTree #quickFinderLists > .content-links > ul > li { line-height: 1.5em; } .blk-responsive #navTree #quickFinderPanel > .see-all { margin: 0 10px; width: auto; } .blk-responsive #navTree #quickFinderPanel > .see-all p { background: none !important; border-bottom: 1px solid #CCCCCC; border-top: none; filter: none !important; padding-left: 0; } .blk-responsive #navTree #quickFinderPanel > .see-all a { display: block; } /* Nav header li is part of both quick finder and regular megamenu */ /* Important hacks are to override the tons of dodgy selectors added by quick finder */ .blk-responsive #navTree li.responsive-nav-header a, .blk-responsive #navTree .site-util li.responsive-nav-header a { background: #eef1f3 !important; color: #282828 !important; font-family: 'AkkuratProBold', Arial, sans-serif !important; font-size: 14px !important; font-weight: normal; line-height: 1em !important; padding: 13px 10px !important; } .blk-responsive #navTree .site-util li.responsive-nav-header a { color: #5a5a5a !important; } .blk-responsive #navTree .site-util li.responsive-nav-header a:hover { text-decoration: none; } .blk-responsive #navTree li.responsive-nav-header a { font-size: 16px !important; padding: 13px 10px 11px 10px !important; } /* Adding right arrow to all nav items that have children */ .blk-responsive #navTree #quickFinderLists > li > a, .blk-responsive #navTree #quickFinderLists .cat-expand a, .blk-responsive #navTree #nav, .blk-responsive #navTree > .dropdown, .blk-responsive #navTree .site-util .dropdown > span, .blk-responsive #navTree > li.last.dropdown .nav-inner { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-next-arrow.png') no-repeat right center; background-size: 10px 14px; } .blk-responsive #navTree li:hover, .blk-responsive #navTree #nav:hover, .blk-responsive #navTree #quickFinderLists > li.show:hover, .blk-responsive #navTree #quickFinderPanel > .see-all a:hover { background-color: white; } .blk-responsive #navTree #quickFinderLists > .content-links:hover { background-color: transparent; } .blk-responsive #navTree li.responsive-nav-header a .back { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-prev-arrow.png') no-repeat left 3px; background-size: 10px 14px; padding-left: 10px; } .blk-responsive #navTree .site-util li.responsive-nav-header a .back { background: url('/blk-one-c-assets/cache-1677729674000/include/one/css/blk/i/blk-rwd-prev-arrow.png') no-repeat left 2px; background-size: 10px 14px; padding-left: 12px; } .blk-responsive #navTree #quickFinderLists .nested-menu.product li { border: none; } .blk-responsive #navTree #quickFinderLists .menu-depth-3 .nested-menu.product li { margin: 0; } .blk-responsive #navTree #quickFinderLists .nested-menu.product li.responsive-nav-header { border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; } .blk-responsive #navTree #quickFinderLists .nested-menu.product li.hero { padding: 0 0 10px; } .blk-responsive #navTree #quickFinderLists .nested-menu.product li.non-hero { padding: 0 0 3px; } .blk-responsive #navTree #quickFinderLists .nested-menu.product li.non-hero .product-row { padding-top: 2px; } .blk-responsive #navTree #quickFinderLists .nested-menu.product li.hero .chiclet { margin: 0 6px 0 0; } .blk-responsive #navTree #quickFinderLists .nested-menu.product li.non-hero .chiclet { margin: 4px 6px 0 0; } /* New quick finder */ .blk-responsive #navTree #quickFinderLists.screener > li > ul.alternate { background: white; } .blk-responsive #navTree #quickFinderLists.screener .first-row, .blk-responsive #navTree #quickFinderLists.screener .second-row { float: none; padding: 0; width: auto; } .blk-responsive #navTree #quickFinderLists.screener .showAllLinks, .blk-responsive #navTree #quickFinderLists.screener ul.alternate .showAllLinks { padding: 0 10px; margin-bottom: 1px; } .blk-responsive #navTree #quickFinderLists.screener > li .group-by-category, .blk-responsive #navTree #quickFinderLists.screener > li .alternate .group-by-category { border: none; float: none; margin: 0; padding: 0; width: auto; } .blk-responsive #navTree #quickFinderLists.screener > li .group-by-category ul { margin-top: 0; } .blk-responsive #navTree #quickFinderLists.screener > li .group-by-category > .category-header span { background: #eef1f3; display: block; font-family: Arial, sans-serif; font-weight: bold; line-height: 20px; margin-top: -1px; padding: 10px; } .blk-responsive #navTree #quickFinderLists.screener > li .full-width .category-header a { line-height: 20px; } /* Site Utils when moved into nav */ .blk-responsive #navTree .site-util { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: block; flex-shrink: 0; margin: 0 10px; position: static; } .blk-responsive #navTree .site-util a { color: #5a5a5a; display: block; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.2em; } .blk-responsive #navTree .site-util > span { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #5a5a5a; cursor: pointer; display: block; line-height: 1.2em; padding: 12px 0; width: 100%; } .blk-responsive #navTree .site-util > span:hover { text-decoration: underline; } .blk-responsive #navTree .site-util > span a { display: block; } .blk-responsive #navTree .site-util .dropdownMenu, .blk-responsive #navTree .site-util .country-selector { background: white; border: none; height: 100%; left: 100%; overflow-y: auto; top: 0; transition: 0.3s; width: 100%; } .blk-responsive #navTree .site-util li.responsive-nav-header { margin: 0; } .blk-responsive #navTree .site-util .dropdownMenu a { line-height: 20px; padding: 10px 10px 10px 0; } /* Country selector */ .blk-responsive #navTree .site-util.selectCountry { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .blk-responsive #navTree .site-util .country-selector { overflow-x: hidden; position: absolute; } .blk-responsive #navTree .site-util .country-selector.responsive-open { left: 0; } .blk-responsive #navTree .site-util .country-selector .dropdownMenu { height: auto; position: static; } .blk-responsive #navTree .site-util .country-selector .dropdownMenu .responsive-nav-header { padding: 0; } .blk-responsive #navTree .site-util .country-selector .dropdownMenu > li { padding: 12px 0; } .blk-responsive #navTree .site-util .country-selector .dropdownMenu > li a { line-height: 1.2em; padding: 0 0 0 21px; } /* Language Selector */ .blk-responsive #navTree .site-util.selectLanguage { background: none; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .blk-responsive #navTree .site-util.selectLanguage .list-horizontal { padding: 10px 0 9px; } .blk-responsive #navTree .site-util.selectLanguage .list-horizontal li { border: none; display: inline-block; line-height: normal; margin: 0; padding-right: 10px; } /* User Type Selector */ .blk-responsive #navTree .site-util.selectView { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .blk-responsive #navTree .site-util.selectView .dropdownMenu li span { display: block; line-height: 1em; padding: 10px 0; } .blk-responsive #navTree .site-util.selectView .dropdownMenu li > a { padding: 0; } .blk-responsive #navTree .site-util.selectView .dropdownMenu li > a .label { padding-bottom: 5px; } .blk-responsive #navTree .site-util.selectView .dropdownMenu li > a .message { font-size: 12px; padding-top: 5px; } .blk-responsive #navTree .site-util.selectView .dropdownMenu li .back { display: inline; padding: 0 0 0 12px; } }