/*************** RESETS ***************/ @charset "utf-8"; html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th{border:0;margin:0;padding:0;font-size:100%;font:inherit;-webkit-margin-before:0; -webkit-margin-after:0;} article,aside,details,figure,figure img,figcaption,footer,header,nav,section,summary,video,object{display:block} audio, canvas, video {display:inline-block} audio:not([controls]) {display:none;height:0} [hidden] {display:none} html {font-family:sans-serif;font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body {overflow-x:hidden;overflow-y:scroll} a:focus {outline:none;} a:active, a:hover {outline:0} abbr[title] {border-bottom:1px dotted} b, strong {font-weight:700} del * {text-decoration:line-through} ins * {text-decoration:underline} dfn {font-style:italic} mark {background:#ff0;color:#000; } code, kbd, pre, samp {font-family:monospace, serif;font-size:1em} pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word} q {quotes: "\201C" "\201D" "\2018" "\2019"} small {font-size:80%;} sub, sup {font-size:70%;line-height:0;position:relative;vertical-align:baseline} sup { top:-0.5em} sub { bottom:-0.25em} img { border:0} svg:not(:root) {overflow:hidden} figure {margin:0;position:relative} legend {border:0;padding:0} button,input,select,textarea {font-family:inherit;font-size:100%;margin:0} button,input {line-height:normal} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor: pointer} button[disabled], input[disabled] {cursor:default} input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0} input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none} button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0} textarea {overflow:auto;vertical-align:top} .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x:hidden; } body { background:#fff; font-size:1em; color:#46575E; font-family: 'Univers', Arial, Helvetica, sans-serif; letter-spacing: -.5px; } /*************** BOOKLET PLUGIN ***************/ /* * jQuery Booklet Plugin * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/) * * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php) * * Version : 1.4.4 * * Originally based on the work of: * 1) Charles Mangin (http://clickheredammit.com/pageflip/) */ .booklet { position:relative; margin:0 auto 10px; overflow:visible !important; -webkit-box-shadow: 2px 2px 20px 0 rgba(0,0,0,.4); box-shadow: 2px 2px 20px 0 rgba(0,0,0,.4);} .booklet .b-page { left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid rgba(0,0,0,0);} /* Page Wrappers */ .booklet .b-wrap {top:0; position:absolute;} .booklet .b-wrap-left { background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada)); background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%); background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%); background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%); background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%); background-image:linear-gradient(left, #fff 95%, #dadada 100%); } .booklet .b-wrap-right { background:#fff; } .booklet .b-pN .b-wrap, .booklet .b-p1 .b-wrap, .booklet .b-p2 .b-wrap, .booklet .b-p3 .b-wrap, .booklet .b-p4 .b-wrap {left:0;} .booklet .b-p0 .b-wrap {right:0;} /* Custom Page Types */ .booklet .b-page-blank {padding:0; width:100%; height:100%;} .booklet .b-page-cover {padding:0; width:100%; height:100%; background:#925C0E;} .booklet .b-page-cover h3 {color:#fff; text-shadow:0 1px 3px #222;} /* Page Numbers */ .booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;} .booklet .b-wrap-left .b-counter {left:10px;} .booklet .b-wrap-right .b-counter {right:10px;} /* Page Shadows */ .booklet .b-shadow-f {right:0; top:0; position:absolute; opacity:0; background-image:url("../assets/images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;} .booklet .b-shadow-b {left:0; top:0; position:absolute; opacity:0; background-image:url("../assets/images/shadow-top-back.png"); background-repeat:repeat-y; background-position:0 0;} .booklet .b-p0 {background-image:url("../assets/images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;} .booklet .b-p3 {background-image:url("../assets/images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;} /* Overlay Controls */ .booklet .b-grab {cursor: url("../assets/images/openhand.cur"), default;} .booklet .b-grabbing {cursor: url("../assets/images/closedhand.cur"), default;} /* Overlay Controls */ .booklet .b-overlay {top:0; position:absolute; height:100%; width:50%;} .booklet .b-overlay-prev {left:0;} .booklet .b-overlay-next {right:0;} /* Tab Controls */ .booklet .b-tab {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;} .booklet .b-tab-prev {left:0;} .booklet .b-tab-next {right:0;} .booklet .b-tab:hover {background:#aaa; color:#000;} /* Arrow Controls */ .booklet .b-arrow { display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;} .booklet .b-arrow div {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:47.7%;} .booklet .b-arrow-next {right:-74px; } .booklet .b-arrow-prev {left:-41px;} .booklet .b-arrow-next div { margin-left:10px; height:38px; width:30px; background-image: url("../assets/images/arrow_right_sprite.png"); background-position:center 1px; background-repeat:no-repeat; background-size:100%; } .booklet .b-arrow-next div:hover { background-position: bottom center; } .booklet .b-arrow-prev div { margin-right:10px; height:38px; width:30px; background-image: url("../assets/images/arrow_left_sprite.png"); background-position: center 1px; background-repeat:no-repeat; background-size:100%; } .booklet .b-arrow-prev div:hover { background-position: bottom center; } /* @z-index fix (needed for older IE browsers) ----------------------------------------*/ body {z-index:0;} .b-menu {z-index:100;} .b-selector {z-index:100;} .booklet {z-index:10;} .b-pN {z-index:10;} .b-p0 {z-index:30;} .b-p1 {z-index:20;} .b-p2 {z-index:20;} .b-p3 {z-index:30;} .b-p4 {z-index:10;} .b-prev {z-index:40;} .b-next {z-index:40;} .b-counter {z-index:40;} /************** FONTS **************/ @font-face { font-family: 'Univers'; src: url('../assets/fonts/UniversLTStd.otf'); } @font-face { font-family: 'Univers-Light'; src: url('../assets/fonts/UniversLTStd-Light.otf'); } @font-face { font-family: 'Univers-Bold'; src: url('../assets/fonts/UniversLTStd-Bold.otf'); } @font-face { font-family: 'Univers-Light-Condensed'; src: url('../assets/fonts/UniversLTStd-LightCn.otf'); } h1 {font-size: 1.55em; padding-bottom: 7px; font-weight: bold; line-height: 1.3em;} h2 { font-size: .925em; font-family: Univers-Bold, Arial, Helvetica, sans-serif; font-weight: bold; } h3{font-size: 1.5em; padding-bottom: 7px; font-weight: bold; line-height: 1.3em;} h4 { font-size:1.3125em /*21px*/; font-weight:bold; padding: 0px 0 17px; } h5 { font-size:1.125em /*18px*/; font-weight:normal; } h6 { font-size:.875em;} p, li { font-size: .8em; line-height: 1.4em; } em { font-style:italic; } span.cont { visibility:hidden; } strong { font-weight:bold; } a { cursor:pointer; font-family: Univers-Bold, Arial, Helvetica, sans-serif; color:#6abfd6; text-decoration:none; } a:hover { text-decoration:underline; } embed { background-color:#666666; } section#container { margin-top:5px; min-height:100% } .tablet_only {display:none} .landscape_only, .portrait_only, .phone_only, .tablet_and_phone, .ie_only {display:none} /************** NAVIGATION BAR **************/ .TOC_left .nav_bar{margin-top: -40px; margin-left:-20px;} .new_chap .nav_bar{margin-top: -40px; margin-left:9px;} .nav_left{ float: left; margin-left: 27px; margin-top: 1px; } .nav_left tr td{ vertical-align: bottom; } .nav_right{ float: left; height: 114px; width: 406px; background-repeat: no-repeat; background-position: right center; cursor: pointer; } .h3_cheat{ font-size:1.45em; } .intro_page p{ font-size: .825em; line-height: 1.3em; padding-bottom: 10px!important; } .small_text{font-size:.9em;} .navigation_download { width:25px; display:inline-block; margin: 9px 2px 0 0;} .navigation_TOC { width:40px; display:inline-block; margin-top:14px;margin-right: 6px; } .menu{margin-top:-4px;} .blue_box{ width: 23px; height: 26px; background-color: #6abfd6; float: left; margin-right: 10px; } .blue_sidebar{ margin-left: -32px; margin-bottom: 0px; line-height: .9em; } .sidebar_text{ display:table-cell; } .sidebar_header{ font-weight: bold; font-size: .7em; } .sidebar_content{ font-size:.73em; } /* NEW CHAPTER */ section.new_chap .navigation_logo {} section.new_chap .navigation_logo svg { margin-left:9px; margin-top:1px; width:130px; height:16px; } /* INNER PAGE */ .inner_left_page .navigation_logo { width:447px; } .inner_left_page .navigation_logo svg { margin-left:-4px; margin-top:1px; width:130px; height:16px; } /****************************** top logos ******************************/ #blue_kai_b2b_left .nav_right{ background-image: url("../assets/images/ODC-logo.png"); } #blue_kai_intent_left .nav_right{ background-image: url("../assets/images/ODC-logo.png"); } #blue_kai_qd_left .nav_right{ background-image: url("../assets/images/ODC-logo.png"); } #blue_kai_tv_left .nav_right{ background-image: url("../assets/images/ODC-logo.png"); } #axciom_left .nav_right{ background-image: url("../assets/images/acxiom-logo.png"); } #addthis_left .nav_right{ background-image: url("../assets/images/addthis-logo.png"); } #affinity_answers_left .nav_right{ background-image: url("../assets/images/affinity-answers-logo.png"); } #alc_left .nav_right{ background-image: url("../assets/images/alc-logo.png"); } #alliant_left .nav_right{ background-image: url("../assets/logos/alliant-logo.png"); } #analytics_iq_left .nav_right{ background-image: url("../assets/logos/analyticsiq-logo.png"); } #ayah_left .nav_right{ background-image: url("../assets/logos/ayah-logo.png"); } #beintoo_left .nav_right{ background-image: url("../assets/logos/beintoo-logo.png"); } #bluekangaroo_left .nav_right{ background-image: url("../assets/logos/bluekangaroo-logo.png"); } #connexity_left .nav_right{ background-image: url("../assets/logos/connexity-logo.png"); } #comscore_left .nav_right{ background-image: url("../assets/logos/comscore-logo.png"); } #cross_pixel_left .nav_right{ background-image: url("../assets/images/crosspixel-logo.png"); } #datacratic_left .nav_right{ background-image: url("../assets/logos/datacratic-logo.png"); } #datalab_left .nav_right{ background-image: url("../assets/logos/datalab-logo.png"); } #dataline_left .nav_right{ background-image: url("../assets/logos/dataline-logo.png"); } #datalogix_left .nav_right, #datalogix_2_left .nav_right{ background-image: url("../assets/logos/datalogix-logo.png"); } #datalogix_uk_left .nav_right{ background-image: url("../assets/logos/datalogix-logo.png"); } #datamyx_left .nav_right{ background-image: url("../assets/logos/datamyx-logo.png"); } #dataxpand_left .nav_right{ background-image: url("../assets/logos/dataxpand-logo.png"); } #delidatax_left .nav_right{ background-image: url("../assets/logos/delidatax-logo.png"); } #dun_and_bradstreet_left .nav_right{ background-image: url("../assets/logos/dunandbradstreet-logo.png"); } #evite_left .nav_right{ background-image: url("../assets/logos/evite-logo.png"); } #experian_left_1 .nav_right{ background-image: url("../assets/logos/experian-logo.png"); } #experian_left_2 .nav_right{ background-image: url("../assets/logos/experian-logo.png"); } #financial_audiences_left .nav_right{ background-image: url("../assets/logos/financialaudiences-logo.png"); } #forbes_left .nav_right{ background-image: url("../assets/logos/forbes-logo.png"); } #gfk_left .nav_right{ background-image: url("../assets/logos/gfk-logo.png"); } #i360_left .nav_right{ background-image: url("../assets/logos/i360-logo.png"); } #i-behavior_left .nav_right{ background-image: url("../assets/logos/i-behavior-logo.png"); } #iri_left .nav_right{ background-image: url("../assets/logos/iri-logo.png"); } #ixi_left .nav_right{ background-image: url("../assets/logos/ixi-logo.png"); } #kantar_media_left .nav_right{ background-image: url("../assets/logos/kantar-media-logo.png"); } #lotame_left .nav_right{ background-image: url("../assets/logos/lotame-logo.png"); } #madison_logic_left .nav_right{ background-image: url("../assets/logos/madison-logic-logo.png"); } #mastercard_advisors_left .nav_right{ background-image: url("../assets/logos/MasterCard-logo.png"); } #media_source_solutions_left .nav_right{ background-image: url("../assets/logos/MediaSource-logo.png"); } #merit_direct_left .nav_right{ background-image: url("../assets/logos/MeritDirect-logo.png"); } #neustar_left .nav_right{ background-image: url("../assets/logos/neustar-logo.png"); } #profound_left .nav_right{ background-image: url("../assets/logos/profound-networks-logo.png"); } #pursway_left .nav_right{ background-image: url("../assets/logos/pursway-logo.png"); } #pushspring_left .nav_right{ background-image: url("../assets/logos/pushspring-logo.png"); } #relevate_left .nav_right{ background-image: url("../assets/logos/relevate-logo.png"); } #scanbuy_left .nav_right{ background-image: url("../assets/logos/scanlife-logo.png"); } #sirdata_left .nav_right{ background-image: url("../assets/logos/sir-data-logo.png"); } #skyhook_left .nav_right{ background-image: url("../assets/logos/skyhook-logo.png"); } #sms_left .nav_right{ background-image: url("../assets/logos/sms-marketing-services-logo.png"); } #solve_media_left .nav_right{ background-image: url("../assets/logos/solve-media-logo.png"); } #transunion_left .nav_right{ background-image: url("../assets/logos/transunion-logo.png"); } #trusignal_left .nav_right{ background-image: url("../assets/logos/trusignal-logo.png"); } #twine_left .nav_right{ background-image: url("../assets/logos/twine-logo.png"); } #v12_group_left .nav_right{ background-image: url("../assets/logos/v12-group-logo.png"); } #vendigi_left .nav_right{ background-image: url("../assets/logos/home-logo.png"); } #webbula_left .nav_right{ background-image: url("../assets/logos/webbula-logo.png"); } /****************************** DROPDOWN MENU ******************************/ .menu, .menu ul { list-style:none; } .menu { width:50px; } .menu { zoom:1; } .menu li { float:left; position:relative; font-size:0.9375em /*15px*/; } .menu a { float:left; text-decoration:none; color:#fff; } .menu li:hover > a { color:#46575E; } .menu li :hover >span { color:#46575E; } .menu ul { margin:20px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:29px; z-index:1; background:#8DA6B1; -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.4); box-shadow: 0 2px 15px 0 rgba(0,0,0,.4); -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .menu li:hover > ul { opacity:1; visibility:visible; margin:0; } .menu ul li { float:none; display:block; border-bottom: solid .5px white; -webkit-box-shadow:0 1px 0 #fff; box-shadow:0 1px 0 #fff; } .menu ul li span{ color:#FFFFFF; } .menu ul li:last-child { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .menu ul a { padding:13px 9px 10px 10px; display:block; white-space:nowrap; float:none; text-transform:none; width:300px; /* controls horizantal length of dropdown */ -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .menu ul a:hover { background-color:#EDEDED; } .menu ul li:first-child > a { /* -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding-top: 15px*/ } .menu ul li:first-child > a:after { content:''; position:absolute; top:-5px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #7F7F7F; left:12px; /* controls placement of arrow */ } .menu ul li:first-child a:hover:after { border-bottom-color:#7F7F7F; } .menu ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .menu ul a.tooltip { width:auto; } .menu ul.tooltip_arrow { left:-4px; } .menu ul.tooltip_arrow li:first-child > a:after { left:8px; } /************** COVER PAGE **************/ #cover { width:520px; height:670px; -webkit-box-shadow:inset 4px 0 15px 0 rgba(0,0,0,.4); box-shadow:inset 4px 0 15px 0 rgba(0,0,0,.4); } a.cover_icon { width:100%; height:50px; width:50px; cursor:pointer; float:right; margin-right:28px; margin-top:473px; } a.cover_icon img { width:50px; height:50px; opacity:1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a:hover.cover_icon img { opacity:.5; } @-moz-document url-prefix() { .badge_oracle { bottom:-7px; } } .footer_logo{ width: 125px; height: 47px; background-image: url("../assets/images/oracle_logo.png"); float: right; margin-right: 60px; margin-top: -16px; } /************** BACK COVER PAGE **************/ #cover_back { width:520px; height:670px; -webkit-box-shadow:inset -4px 0 15px 0 rgba(0,0,0,.4); box-shadow:inset -4px 0 15px 0 rgba(0,0,0,.4); background:url("../assets/images/cover_back.png") no-repeat; } .cover_back_copyright { width:100%; height:133px; position:absolute; padding:35px 20px 34px; bottom:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cover_back_copyright p { font-size: .75em; line-height: 1em; font-family: Univers-Light-Condensed,Arial,Helvetica,sans-serif; color: #000000; width: 450px; margin-left:9px; } .cover_back_cta{ color: #FFFFFF; font-size: .75em; font-weight: bold; line-height: 1.5em; padding-top: 463px; margin-left: 30px; } .cover_back_cta a{ color: #FFFFFF; font-family: Univers-Bold, Arial, Helvetica, sans-serif; } .cover_back_cta a:hover { text-decoration: underline ; } /************** NEW CHAPTER **************/ .margin_video .trad_asset .trad_asset_text{ width: calc(100% - 70px); } .chap_1_preview, .chap_2_preview , .chap_3_preview , .chap_4_preview { padding-top: 21px; } .invis{ display:none; } .vis{ display:block;} .teaser{ font-size:2em; color:#000000; } .row { display:block; float:left; width:100%; } .row:after { clear:both; content:""; display:table; } section.new_chap { display:block; float:left; width:580px; padding-top:39px; } section.new_chap .margin_text, .margin_text_wrap { float:left; width:257px; display:inline-block; } section.new_chap .margin_text img.icon_12c { margin:41px 0 0 26px; display:block; width:195px; } section.new_chap .margin_text img.icon_media{ margin: 1px 0 0 26px; display: block; width: 154.5px; } section.new_chap .margin_text .icon_cloud { margin:38px 0 0 26px; display:block; width:195px; height:120px; } .margin_text{padding-left:7px;margin-top: 42px;} section.new_chap .margin_text p { display:block; color:#7f7f7f;font-size:0.9em; line-height:1.5em; } section.new_chap .margin_text p.margin_text1 { margin:12px 30px 0 20px; } section.new_chap .margin_text .trad_asset_text p{ display: block; color: #1f4f82; font-size: .9em; line-height: 1em; width: 150px;} section.new_chap .main_text { width:286px; float:left; display:inline-block; margin-right:37px; margin-top:37px; } section.new_chap .main_text h3, section.new_chap .main_text h1 { color:#666666; display:block; float:left; width:100%; } section.new_chap .main_text h1 { line-height:1.05em; } section.new_chap .main_text h3 { padding:4px 0 3px; } section.new_chap .main_text h4 {padding:30px 0 17px; display:block; float:left; width:100%;} section.new_chap .main_text h4~h4 { padding:16px 0 23px; } section.new_chap .main_text p { padding-bottom:17px;} /************** INNER PAGES **************/ section h6 { display: block; padding: 30px 0 25px; line-height: 1.3em; } section ul.inner_1 { display:block; margin-bottom:34px; } section ul.inner_1 li:first-child { list-style:none; margin-left:20px; color:#000; padding-bottom:0; } section ul.inner_1 li { margin-left:35px; padding-bottom:13px; } section ul.inner_1 li span { color:#666666; } /* Right Page */ section.inner_right_page { width: 465px; float: left; display: block; margin: 20px 28px 0 28px; padding-top: 36px; } section.inner_right_page p { padding-bottom:8px; } section.inner_right_page h4 { display:block; float:left; width:100%; padding:0px 0 17px; font-size:1.25em } /* Left Page */ section.inner_left_page { display:block; float:left; width:460px; margin:0 29px 0 29px; padding-top:0px; } .top_row { margin-bottom:28px; } section.inner_left_page h4 { display:block; float:left; width:100%; padding:0px 0 17px; font-size:1.25em } section.inner_left_page h4.first_h4 { padding:13px 0 20px; } section.inner_left_page p { padding-bottom:6px; } /* CALL OUT LEFT */ .call_out_left { border-bottom: 10px solid #8da6b1; border-top: 10px solid #8da6b1; color: #000; float: left; font-size: 1em; font-weight: bold; line-height: 1.25em; margin: 5px 15px 5px -50px; padding: 19px 12px; width: 300px; padding-left: 30px; } .call_out_right{ background-color: #F80000; color: #FFFFFF; float: right; font-size: .75em; font-weight: bold; line-height: 1.5em; margin: 54px -43px 0px 0px; padding: 10px 0px; width: 273px; padding-left: 15px; position: relative; left: -12px; } .call_out_right a{ font-family: Univers-Bold,Arial,Helvetica,sans-serif; color: #FFFFFF; } .call_out_center{ border-bottom: 10px solid #8da6b1; border-top: 10px solid #8da6b1; color: #000; font-size: 1em; font-weight: bold; line-height: 1.25em; margin: -6px -0px 1px 0px; padding: 14px 0px; height: 45px; } .call_out_center img{ float:left; display: inline-block; } .call_out_center a { float: left; width: 480px; margin-left: 10px; display: inline-block; } .indent{ text-indent: 24px; } /********in-page twitter feeds*********/ .feed_img{ float:left; width: 44px; } .twitter_container{ position: absolute; bottom: 58px; width: 461px; height: 72px; overflow-y: hidden; border-bottom: 2px solid #F80000; border-top: 2px solid #F80000; padding-left: 0px; } .twitter_feed { float: left; width: 461px; } .twitter_feed iframe{ margin-top:-10px; } .twitter_feed p{ padding-top: 6px; font-size: .95em; font-weight: bold; letter-spacing: -.05em; } .evite_table, .evite_table th, .evite_table td{ border: 1px solid #E1E6E7; border-collapse: collapse ; font-size: .825em; } .row_gray{ background-color: rgba(225, 230, 231, .4); } .badge_cheat{ margin-top:-10px!important; } .twitter_feed_short{ height:53px!important } /* QUOTE LEFT (Nino note: maybe use blockquotes for this?) */ section.inner_left_page .quote_left { float:left; width:93.9%; margin:5px 3.2% 27px 2.7%; border-top:#b3b3b3 solid 1px; border-bottom:#b3b3b3 solid 1px; padding:19px 0 26px; display:block; } section.inner_left_page .quote_left p { color:#666666; } p.quotation { padding-bottom:5px !important; } section.inner_left_page .quote_left p img { float:right; padding-left:20px; } .read_report_left { float:left; display:block; height:17px; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE5NS41NHB4IiBoZWlnaHQ9IjIwMHB4IiB2aWV3Qm94PSIwIDAgMTk1LjU0IDIwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTk1LjU0IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0xOTMuNDE1IDYwLjY5OWwtNTUuMzc5IDcwLjYxNWwtMTUuNTYyLTExLjkzMkwxNjAgNzEuMTA1VjFIMzguNzExQzE2Ljk1NiAxIDAgMTguMyAwIDM5Ljk4NVYyMDBoMTYwIHYtODUuMDI3bDMzLjMxMi00Mi4wNDZDMTk2LjE5OCA2OS4yIDE5Ni4zIDY0LjEgMTkzLjQgNjAuNjk5eiBNMzQgMzRoOTJ2OUgzNFYzNHogTTM0IDY5aDkydjlIMzRWNjl6IE0zNCAxMDRoNzB2OEgzNFYxMDR6IE0xMjkuNjY2IDEzNy40MjljLTQuMzUyIDUuNTUtNi4wNzUgMTIuMzI4LTUuMzY1IDE4LjgzN2MtNi43MjcgMC43MjItMTkuNDc1IDEwLjAzMy0yMy4wODcgMTQuNjRsLTAuODAzIDEuMDExbC0yLjM4My0xLjg3MSBsMTEuMDEyLTE0LjAzOGMxLjU4OCAwLjMgMy4yNzEtMC4yNzYgNC4zMzctMS42MzRjMS41MzItMS45NTUgMS4xOTItNC43NzktMC43NjUtNi4zMWMtMS45NTQtMS41MzctNC43ODEtMS4xOTUtNi4zMTIgMC44IGMtMS4wNjMgMS4zNTItMS4yMDMgMy4xMjQtMC41NDggNC41OTlsLTExLjAxMSAxNC4wMzhsLTIuMzg0LTEuODY3bDAuNzkyLTEuMDIxYzMuNjExLTQuNjA2IDkuNjE0LTE5LjIwOCA4LjcxLTI1LjkxMSBjNi40OTMtMC44NjEgMTIuNjYyLTQuMTU2IDE3LjAxNC05LjcwMmwxLjA5Ni0xLjM5NmwxMC43OTcgOC40NjVMMTI5LjY2NiAxMzcuNDI5eiIvPgo8L3N2Zz4K"); background-position:left top; background-repeat:no-repeat; background-size:22px 23px; padding:3px 0px 6px 31px; } .read_report_left p { padding-left:0px; } .read_report_left p a { color:#1F4F82; } .read_report_left p a:hover { text-decoration:underline; } /************** GRAPHICS **************/ .large_image img { margin-top: -4px; margin-left: auto; margin-right: auto; display: block; padding-bottom: 72px; } #daas_st img{ margin-right:10px; } svg#image_1, svg#image_2, svg#image_3, svg#image_4 { height:43.25%; } /* IE 10 fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .navigation_TOC .menu .null{margin-left:-133px;} .twitter_feed{overflow-y:hidden;} } /*********NEW VIDEO LAYOUT**/ .video_info { display: inline-block; float: left; width: calc(100% - 247px); } .video_backdrop:after { clear: both; content: ""; display: table; } a.play_button_backdrop { width: 48px; margin: 32px auto 0px; height: 48px; } a.play_button, a.play_button_aside, a.play_button_stacked, a.play_button_backdrop { display: block; opacity: 0.75; transition: all 0.2s ease-in-out 0s; } a:hover.play_button_backdrop { opacity:1;} .video_backdrop_top { margin-top: 78px; } .video_backdrop { display: block; float: left; margin-bottom: 50px; width: 527px; } .video_backdrop_overlay { background-color: rgba(0, 0, 0, 0.75); height: 100%; width: 527px; } .inner_video_backdrop_right_page { box-sizing: border-box; display: block; float: left; padding: 0px; } .video_backdrop_holder { display: inline-block; float: left; height: 112px; margin-right: 15px; width: 204px; } .inline_video{ width:100%; padding-bottom: 23px; display: inline-block; cursor: pointer; } .inline_video .trad_asset{ width: 290px; } .video_backdrop_info p:first-of-type { font-size: 1.125em; line-height: 1em; margin-top: 15px; padding-bottom: 8px } .brightcove1_info_caller{ font-size: .75em; font-style: italic; } .video_backdrop_info p { text-decoration: none !important; } .video_backdrop_info p { color: #fff; } /************** CASE STUDY **************/ .case_study_wrap { border-top:1px solid #666666; border-bottom:1px solid #666666; padding:40px 0 23px; margin-top:15px; } .case_study_wrap h3 { display:block; float:left; width:100%; color:#666666; font-style:italic; text-align:right; margin-bottom:22px; } .case_study_wrap p { color:#666666; } .case_study_wrap p img { float:left; padding:0 23px 0px 0; } span.call_out_CS_left { border-top:#E80B0B 16px solid; border-bottom:#E80B0B 16px solid; width:280px; float:left; padding:13px 12px; margin:15px 17px 15px -50px; color:#000; font-size:1.125em /*18px*/; font-style:italic; text-align:center; line-height:1.5em; } /************** TRADITIONAL ASSETS **************/ .trad_asset{display:inline-block;padding-bottom: 17px;width: 100%;} .video_asset{margin-top:-5px} a .trad_asset { width:100%; display:block; float:left; margin:2px 0 16px; } .trad_asset_icon { width:65px; display:inline-block; float:left; padding-bottom: 17px; } .trad_asset_icon svg { width:50px; height:50px;} .trad_asset_icon svg path { fill:#1F4F82; } .trad_asset_text {width: 464px; display:inline-block; float:left; padding-top: 2px; color:#1F4F82 } .inline_video .trad_asset_text{width:225px;} .trad_asset_text p { color:#1F4F82; font-weight:normal; padding:0px 0 0 !important; margin:0;} .trad_asset_text p span { font-weight:normal; } a:hover .trad_asset_text p { text-decoration:underline; } .margin_text_wrap .trad_asset{ margin-top: 14px; display: inline-block; } /************** LIFESTYLE BACKGROUNDS **************/ aside.aside_left { display:block; float:left; padding:0 36px; width:168px; height:800px; background:#fff; background:rgba(255, 255, 255, .75); font-size:.875em /*14px*/; } aside.aside_left .aside_L1 { margin-top:88px; } aside.aside_left .aside_L1 p { display:block; color:#666666; font-style:italic; line-height:1.5em; } aside.aside_left .aside_L1 img { display:block; margin:0 auto; width:122px; margin-bottom:30px; } /****************************** RESOURCES ******************************/ .resources_header_wrap { padding:7px 0 30px; margin-left:-2px; width:100%; float:left; } .resources_header { color: #666666; display: block; float: left; margin-top: 50px; font-size:2em; font-weight:bold;color:#5f5f5f;} ul.tabs { display:block; list-style:none; } ul.tabs li { font-size:1em; } ul.tabs li a div{color:#1F4F82} ul.tabs li a.active div, ul.tabs li a:hover div{color:#FFFFFF} ul.tabs li a { width:100%; display:block; float:left;margin-bottom:5px; color:#1F4F82; padding:12px 12% 10px 12px;; text-decoration:none; background-color:#ededed; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMuOTVweCIgaGVpZ2h0PSIxOC4xMjFweCIgdmlld0JveD0iMCAwIDEzLjk1IDE4LjEyMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMuOTUgMTguMTIxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik01LjAwNiwwQzMuMzM4LDAsMS43LDAsMCwwYzIuMjA4LDIuMyw0LjQsNC43LDYuNiw2Ljk4NEM2Ljc3LDcuMSw4LjYsOSw4LjYsOS4xDQoJYy0wLjkxNCwwLjk2Mi0xLjgyNiwxLjkyNS0yLjc0LDIuODg5Yy0xLjk0LDIuMDQ3LTMuODgxLDQuMDk1LTUuODIsNi4xNGMxLjU4LDAsMy4yLDAsNC43LDBjMC4zMjMsMCwwLjM1NC0wLjA5NSwwLjU4Ny0wLjMyOA0KCWMwLjQ3OS0wLjQ3NywwLjk1NS0wLjk1MywxLjQzNC0xLjQzYzIuMzk2LTIuMzkxLDQuNzkxLTQuNzc5LDcuMTg5LTcuMTY5QzE0LjA0Nyw5LjEsNS45LDAuOSw1LDBINS4wMDZ6Ii8+DQo8L3N2Zz4NCg=="); background-repeat:no-repeat; background-position:95% center; background-size: 13px 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.tabs li a:hover, ul.tabs li a.active { color:#fff; background-color:#1F4F82; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMTg3LjUgMjQwLjUgMTUgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTg3LjUgMjQwLjUgMTUgMTkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTkyLjUwNiAyNDAuOTRjLTEuNjY4IDAtMy4zMzcgMC01LjAwNiAwYzIuMjA4IDIuMyA0LjQgNC43IDYuNiA3IGMwLjE0NyAwLjIgMiAyIDEuOSAyLjEwOGMtMC45MTQgMC45NjMtMS44MjcgMS45MjYtMi43NDEgMi44ODljLTEuOTQgMi4wNDctMy44OCA0LjA5NC01LjgyIDYuMSBjMS41OCAwIDMuMiAwIDQuNyAwYzAuMzIzIDAgMC4zNTQtMC4wOTQgMC41ODctMC4zMjhjMC40NzgtMC40NzYgMC45NTUtMC45NTIgMS40MzMtMS40MjljMi4zOTYtMi4zOSA0Ljc5Mi00Ljc3OSA3LjE4OC03LjE2OSBDMjAxLjU0NyAyNTAgMTkzLjQgMjQxLjggMTkyLjUgMjQwLjk0eiIvPgo8L3N2Zz4K"); background-repeat:no-repeat; background-position:95% center; } .panel { width:100%; display:block; height:625px; margin-left:-2px;} .panel::-webkit-scrollbar { width:8px; } .panel::-webkit-scrollbar-thumb { background-color:#666666; border-radius:3px; } .mediaheader_right { margin-left: -30px; margin-top: 69px; } /************** SOCIAL MEDIA **************/ .mediaheader{width:100%; } .get_social_media_resources { display: block; float: right; padding-top: 35px; padding-right: 29px;} .get_social_media_resources > ul.social_media { list-style:none; } .get_social_media_resources > ul.social_media li { display:inline-block; float:left; width:24px; height:25px; margin:18px 8px 0 0; } .get_social_media_resources > ul.social_media li a .sm_red { fill:#E8080B; } .get_social_media_resources > ul.social_media li a:hover .sm_red { fill:#666666; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .get_social_media_resources > ul.social_media li a .sm_white { fill:#ffffff; } section.new_chap .get_social_media_resources { margin:-2px 0 0 9px; float:left;padding-top: 37px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { section.new_chap .get_social_media_resources { margin:0px 0 0 14px; } } /************** ADDED BY ERIN **************/ .large_dot_ul{ list-style-image: url("../assets/images/bullet.png"); margin-left: 24px; } .large_dot_ul ul li{ margin-left: 21px; line-height: 1.4em; margin-top: 1px; font-size: .85em; } .small_dot_ul{ list-style:disc; margin-left:22px; } .small_dot_ul li{ line-height:1.25em; } .two_col_list{ margin-left:24px; margin-top: -7px; width: 110%; display: table; } .two_col_ul{ width: 44%; float: left; } .two_col_ul ul li{ line-height: 1.85em; } .no_dots_ul { list-style: none; margin-left: 10px; font-size:.95em; margin-top: -8px; } .no_dots_ul li{ margin-bottom:2px; } .no_margin li{ margin-bottom:0px; } .sublist ul{ list-style: none; } .continued{ float:right; margin-top: -15px; } .toc_header { background-repeat: no-repeat; height: 134px; margin-bottom: 32px; width: 490px; } .toc_header_left{ background-image: url("../assets/images/TOC-img-left.png"); } .toc_header_right{ background-image: url("../assets/images/TOC-img-right.png"); } .no_tab{padding-left:44px;} .bold_section{ margin-top: 14px; margin-bottom: 16px; } .no_space{ margin-top:-8px; } /*************page images*************/ .page{ background-repeat: no-repeat; background-position: top left; width: 100%; height: 100%; } #page_5{ background-image: url("../assets/images/page_5.png"); } #page_5 img{ margin-left:auto; margin-right:auto; } .text_wrap_right { float: right; margin: 0px; margin-top: 0px; margin-left: 22px; padding-bottom: 10px; } .text_wrap_left { float: left; margin: 0px; margin-top: 0px; margin-right: 22px; padding-bottom: 10px; } #blue_kai_b2b_right{ background-image: url("../assets/images/page6.png"); background-position: center center; } #blue_kai_intent_left{ background-image: url("../assets/images/oracle-bluekai-intent-back.png"); background-position: center 290px; } #blue_kai_qd_left{ background-image: url("../assets/images/oracle-bluekai-qualified-demo-back.png"); background-position: center 311px; } #blue_kai_tv_right{ background-image: url("../assets/images/oracle-bluekai-television-back.png"); background-position: center center; } #axciom_left{ background-image: url("../assets/images/acxiom-back.png"); background-position: center center; } #addthis_right{ background-image: url("../assets/images/addthis-back.png"); background-position: center 131px; } #affinity_answers_right{ background-image: url("../assets/images/affinity-answers-back.png"); background-position: center center; } #alc_left{ background-image: url("../assets/images/alc-back.png"); background-position: center center; } #alliant_right{ background-image: url("../assets/images/alliant-back.png"); background-position: center center; } #analytics_iq_left{ background-image: url("../assets/images/analyticsiq-back.png"); background-position: center center; } #ayah_right{ background-image: url("../assets/images/ayah-back.png"); background-position: center center; } #bluekangaroo_left{ background-image: url("../assets/images/bluekangaroo-back.png"); background-position: center 189px; } #beintoo_left{ background-image: url("../assets/images/beintoo-back.png"); background-position: center 189px; } #comscore_left{ background-image: url("../assets/images/comscore-back.png"); background-position: center center; } #connexity_left{ background-image: url("../assets/images/connexity-back.png"); background-position: center center; } #cross_pixel_left{ background-image: url("../assets/images/crosspixel-back.png"); background-position: center center; } #datacratic_right{ background-image: url("../assets/images/datacratic-back.png"); background-position: center center; } #datalab_left{ background-image: url("../assets/images/datalab-back.png"); background-position: center center; } #dataline_left{ background-image: url("../assets/images/dataline-back.png"); background-position: center center; } #datalogix_right{ background-image: url("../assets/images/datalogix-back.png"); background-position: center center; } #datalogix_uk_right{ background-image: url("../assets/images/datalogixUK-back.png"); background-position: center center; } #datamyx_right{ background-image: url("../assets/images/datamyx-back.png"); background-position: center center; } #dataxpand_left{ background-image: url("../assets/images/dataxpand-back.png"); background-position: center center; } #delidatax_right{ background-image: url("../assets/images/delidatax.png"); background-position: center center; } #evite_right{ background-image: url("../assets/images/evite-back.png"); background-position: center center; } #dun_and_bradstreet_left{ background-image: url("../assets/images/dunandbradstreet-back.png"); background-position: center center; } #experian_left_1{ background-image: url("../assets/images/experian-back.png"); background-position: center center; } #experian_right_2{ background-image: url("../assets/images/page56.png"); background-position: center center; } #financial_audiences_left{ background-image: url("../assets/images/financialaudiences-back.png"); background-position: center 285px; } #forbes_left{ background-image: url("../assets/images/forbes-back.png"); background-position: center 285px; } #gfk_right{ background-image: url("../assets/images/gfk-back.png"); background-position: center center; } #i360_left{ background-image: url("../assets/images/i360-bcak.png"); background-position: center 285px; } #i-behavior_right{ background-image: url("../assets/images/i-behavior-back.png"); background-position: center center; } #iri_left{ background-image: url("../assets/images/iri-back.png"); background-position: center center; } #ixi_right{ background-image: url("../assets/images/ixi-back.png"); background-position: center center; } #kantar_media_left{ background-image: url("../assets/images/kantar-media-back.png"); background-position: center center; } #lotame_right{ background-image: url("../assets/images/lotame-back.png"); background-position: center center; } #madison_logic_left{ background-image: url("../assets/images/madison-logic-back.png"); background-position: center center; } #mastercard_advisors_left{ background-image: url("../assets/images/MasterCard-back.png"); background-position: center center; } #media_source_solutions_left{ background-image: url("../assets/images/MediaSource-back.png"); background-position: center center; } #merit_direct_left{ background-image: url("../assets/images/MeritDirect-back.png"); background-position: center center; } #neustar_left{ background-image: url("../assets/images/neustar-back.png"); background-position: center center; } #twine_right{ background-image: url("../assets/images/twine-back.png"); background-position: center center; } #profound_right{ background-image: url("../assets/images/profound-networks-back.png"); background-position: center 268px; } #pursway_right{ background-image: url("../assets/images/pursway-graphic.png"); background-position: center 67px; } #pushspring_right{ background-image: url("../assets/images/pushspring-back.png"); background-position: center center; } #relevate_right{ background-image: url("../assets/images/relevate-back.png"); background-position: center center; } #scanbuy_right{ background-image: url("../assets/images/scanbuy-back.png"); background-position: center center; } #sirdata_left{ background-image: url("../assets/images/sir-data-back.png"); background-position: center center; } #skyhook_left{ background-image: url("../assets/images/skyhook-back.png"); background-position: center center; } #sms_left{ background-image: url("../assets/images/sms-marketing-services-back.png"); background-position: center center; } #solve_media_left{ background-image: url("../assets/images/solve-media-back.png"); background-position: center center; } #transunion_right{ background-image: url("../assets/images/transunion-back.png"); background-position: center center; } #trusignal_left{ background-image: url("../assets/images/trusignal-back.png"); background-position: center center; } #vendigi_right{ background-image: url("../assets/images/Home-back.png"); background-position: center center; } #v12_group_left{ background-image: url("../assets/images/v12-group-back.png"); background-position: center center; } #webbula_right{ background-image: url("../assets/images/webbula-back.png"); background-position: center center; } #datalogix_2_right{ background-image: url("../assets/images/oracle-datalogix-panel.png"); } /************** FOOTER **************/ footer.left_page, footer.right_page { display:block; width:100%; float:left; height:30px; position:absolute; bottom:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer.footer_new_chapter { padding-left:21px; } section.TOC_left div.row footer.footer_new_chapter { padding-left:10px; } footer.left_page p { font-weight: bold; font-size: .75em; line-height: 9px; display: inline-block; border-right-style: solid; border-right-width: 2px; padding-right: 11px; margin-top: 5px; padding-bottom: 0px; padding-top: 2px; } footer.left_page p+p { font-family: Univers-Light-Condensed,Arial,Helvetica,sans-serif; padding-left: 3px; font-size: .95em; font-weight: normal; border-right-style: none; } small.right_footnote { display:block; padding-right:56px; float:left; } small.right_footnote a { color:#1F4F82 } /************** TABLE OF CONTENTS **************/ section.TOC_left { float:left;;display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.TOC_right { width:530px; height:800px; float:left; padding:50px 0 0 37px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.TOC_left h1 { padding: 32px 0 5px 1px; font-size: 1.58em; font-family: Univers-Light,Univers-Light, Arial, Helvetica, sans-serif; font-weight: bold; } .toc_block { float: left; padding-top: 2px; margin-left: 2px; line-height: 15px; } .toc_text{ text-align: left; display: table-cell; vertical-align: bottom; width: 151px; padding-right: 4px; float:left; } .toc_num{ text-align: right; display: table-cell; vertical-align: bottom; width: 15px; float:right; } .toc_col{ float: left; width: 230px; } .right_toc_col .toc_block{ margin-left: 17px; } .toc_block .chap_no { display:inline-block; width:30px; border-right:solid 1px #7F7F7F; height:90px; float:left; } .toc_block .chap_no p { font-style:italic; font-size:1.125em; color:#1f4f82; line-height:1em; } .toc_block a .chap_description { font-family: Univers, Arial, Helvetica, sans-serif; display:inline-block; padding: 0 30px 0 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%} .toc_block a .chap_description > h6 { color: #46575E; padding: 0px 0 0; font-family: Univers-Light,Univers-Light, Arial, Helvetica, sans-serif; font-weight: bold; } .toc_block a .chap_description p { padding-top:12px; color:#000; font-size: .875em} .toc_block a .chap_description h6, .toc_block a .chap_description p, .toc_block a .chap_description > h6 span { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .toc_block a:hover .chap_description h6, .toc_block a:hover .chap_description p, .toc_block a:hover .chap_description > h6 span { color:#666666; color:rgba(102, 102, 102, .7); } .toc_block a:active .chap_description h6, .toc_block a:active .chap_description p, .toc_block a:hover .chap_description > h6 span { color:#666666; color:rgba(102, 102, 102, .5); } .fade_out { width:485px; height:20px; float:left; margin-left:45px; margin-bottom:40px; margin-top:-20px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .int_footer{ font-family: Univers-Light-Condensed; background-color: #e5eaeb; text-align: right; float: right; margin-right: 53px; padding-left: 10px; font-size: 0.9em; padding-top: 7px; padding-right: 10px; margin-top: -4px; } #resources_block { height:72px;} #resources_chap_no { height:90px; } /*********badges**********/ .badge_container{ width: 110%; display: inline-block; margin-bottom: 4px; margin-top: 6px; } .short_badge_container{ width:60%; float:right; margin-right: -36px; } .shorter_badge_container{ width:20%; float:right; margin-right: -36px; } .badge_callout { border-bottom: 5px solid #6abfd6; border-top: 5px solid #6abfd6; float: right; font-weight: bold; margin: 0px 0px 1px 0px; padding: 7px 0px; padding-left: 13px; position: relative; padding-right: 36px; } .badge{ width:26px; height:26px; float:left; background-repeat: no-repeat; background-position: center center; margin-right: 1px; } .badge_taxonomy{ background-image: url("../assets/images/badge-taxonomy.png"); } .badge_travel{ background-image: url("../assets/images/badge-travel.png"); } .badge_social{ background-image: url("../assets/images/badge-social-lifestyle.png"); } .badge_seasonal{ background-image: url("../assets/images/badge-seasonal.png"); } .badge_retail{ background-image: url("../assets/images/badge-retail.png"); } .badge_political{ background-image: url("../assets/images/badge-political.png"); } .badge_offline{ background-image: url("../assets/images/badge-offline-match.png"); } .badge_financial{ background-image: url("../assets/images/badge-financial.png"); } .badge_demographic{ background-image: url("../assets/images/badge-demographic.png"); } .badge_cpg{ background-image: url("../assets/images/badge-cpg.png"); } .badge_creative{ background-image: url("../assets/images/badge-creative.png"); } .badge_behavioral{ background-image: url("../assets/images/badge-behavioral.png"); } .badge_b2b{ background-image: url("../assets/images/badge-b2b.png"); } .badge_auto{ background-image: url("../assets/images/badge-auto.png"); } .badge_modelling{ background-image: url("../assets/images/badge-modeling.png"); } .badge_telco{ background-image: url("../assets/images/badge-telco.png"); } .badge_mobile{ background-image: url("../assets/images/badge-mobile.png"); } .badge_international{ background-image: url("../assets/images/badge-international.png"); } .badge_geo{ background-image: url("../assets/images/badge-geo.png"); } .badge_data_access{ background-image: url("../assets/images/badge-data-access.png"); } .badge_server_side{ background-image: url("../assets/images/badge-server-side.png"); } .badge_tv{ background-image: url("../assets/images/badge-tv.png"); } .badge_video{ background-image: url("../assets/images/badge-video.png"); } .badge_id_synching{ background-image: url("../assets/images/badge-id-syncing.png"); } .badge_audience_injection{ background-image: url("../assets/images/badge-audience-injection.png"); } .badge_analytics{ background-image: url("../assets/images/badge-audience-injection.png"); } .badge_credit{ background-image: url("../assets/images/badge-credit.png"); } .badge_mortgage{ background-image: url("../assets/images/badge-mortgage.png"); } .badge_restaurants{ background-image: url("../assets/images/badge-restaurant.png"); } .badge_real_estate{ background-image: url("../assets/images/badge-real-estate.png"); } .badge_attribution{ background-image: url("../assets/images/badge-attibution.png"); } /************** DESKTOP SPECIFIC **************/ img.icon_12c_tab, .icon_cloud_tab { display:none; } /****************************** SCROLLBAR PLUGIN ******************************/ .scroll-wrapper { overflow:hidden !important; padding:0 !important; position:relative; } .scroll-wrapper > .scroll-content { border:none !important; box-sizing:content-box !important; height:auto; left:0; margin:0; max-height:none !important; max-width:none !important; overflow:scroll !important;padding:0; position:relative !important; top:0; width:auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing:content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display:block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } /*.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; background:green; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }*/ /* This is the track. Note, same style is repeated. */ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } /* Also a track style... */ .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #46575E; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*Simple Inner Scrollbar */ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border:none; margin:0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100% left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.6; } /*This is the track*/ .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } /*This is the car*/ .scrollbar-inner > .scroll-element .scroll-bar { background-color: #919191; } /*This is the car when you HOVER*/ .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color:#404040; } /*Note sure what this does*/ .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #404040; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*added*/ .scrollbar_setup { max-width: 800px; } .scrollbar_setup .scrollbar_wrap { /* margin-right: 25px;*/ } .scrollbar_setup .scrollbar_wrap .inner-content { border: 1px solid #CCC; max-height: 500px; width: 600px; } .scrollbar_setup .scrollbar_wrap > div { max-height: 500px; overflow: auto; } .scrollbar_setup .scrollbar_wrap .permanent { min-width: 800px; } /************** PRELOADER **************/ #preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:3000; /* makes sure this stays on top */ } #status { width:128px; height:128px; position:absolute; left:54%; /* centers the loading animation horizontally one the screen */ top:40%; /* centers the loading animation vertically one the screen */ background-image:url("../assets/images/preloader_book.gif"); background-repeat:no-repeat; background-size:128px 128px; margin:-100px 0 0 -100px; /* is width and height divided by two */ } .sublist{ margin-left: 35px; margin-top: 0px!important; } .sublist .two_col_ul{ list-style: none; } .hide_nav{ display:none; } #addthis_feed,#affinity_answers_feed,#alliant_feed, #analytics_iq_feed, #arcametrics_feed, #blue_kangaroo_feed, #comscore_feed, #datacratic_feed, #dataline_feed, #datalogix_feed, #datalogix_uk_feed, #datamyx_feed, #dataxpand_feed, #dun_and_bradstreet_feed,#evite_feed, #experian_feed, #financial_audiences_feed, #forbes_feed, #gfk_feed, #ibehavior_feed, #iri_feed, #kantar_media_feed, #lotame_feed, #mastercard_advisors_feed, #merit_direct_feed, #neustar_feed, #precision_market_insights_feed, #pushspring_feed, #relevate_feed, #sirdata_feed, #sms_feed, #solve_media_feed, #transunion_feed, #trusignal_feed, #v12_group_feed, #webbula_feed, #beintoo_feed{ display:none; } /************PAGE ANIMATIONS*************/ .large_image table{ margin-left:auto; margin-right: auto; } .twitter-iframe{ overlow:hidden; } @media print { .page { display: block; width: 100%; float: left; margin-bottom: 50px; } .booklet .b-arrow-next div, .booklet .b-arrow-prev div { background-image: none; } .navigation_download, .navigation_TOC { display: none; } }