.graphic-iframe-ch2{ width:667px; height:300px; margin-left:-3px; } .graphic-iframe-ch3{ width:585px; height:100px; margin-left:-2px; } #get-graphic-ch3 { width:100%; float:left; height:120px; } .graphic-iframe-ch4{ width:450px; height:291px; margin-left:72px; } .graphic-iframe-ch4-wrap { width:100%; display:block; float:left; height:291px; } .graphic-iframe-ch5{ width:647px; height:400px; margin-left:13px; } .row { display:block; float:left; width:100%; } .row:after { clear:both; content:""; display:table; } /****************************** DESKTOP SPECIFIC ******************************/ body.body-oracle { background:#f0f0f0; } #get-page-13 {margin-top:0px;} #get-page-14, #get-page-23, #get-page-29, #get-page-35 { display:block; float:left; margin-top:502px; } p.small { display:none; } p#small2 { visibility:hidden; } p#small3 { visibility:hidden; } p#small4 { visibility:hidden; } p#small5 { visibility:hidden; } #accordion-ch-3-small { display:none; } .page-42-special { margin-top:17px; float:left; display:block; } svg.IE-fix-1 { height:80px; padding:0; } svg.IE-fix-2 { height:285px; padding:0; } /****************************** FONTS ******************************/ h1 { font-size:1.5em /*24px*/; font-weight:bold; } h2 { font-size:1.5em /*24px*/; font-weight:normal; } h3 { font-size:1.1875em /*19px*/; font-weight:normal; } h4 { font-size:1.3125em /*21px*/; font-weight:bold; } h5 { font-size:1.125em /*18px*/; font-weight:normal; } h6 { font-size:1.125em /*18px*/; font-weight:bold; } p, li { font-size:0.875em; /*14px*/; line-height:1.55em; } p.paragraph-header { font-weight:bold; } span.carriage { display:block; } span.carriage-special { display:block; } /****************************** BOOKLET PLUGIN ******************************/ /* jQuery Booklet Plugin Copyright (c) 2010 - 2014 William Grauvogel Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php) Version: 1.4.4 */ #outer { display:table; position:absolute; height:100%; width:100%; } #container { display:table-cell; vertical-align:middle; } .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: #efefef; background: -moz-linear-gradient(left, #efefef 0%, #ffffff 3%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efefef), color-stop(3%,#ffffff), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #efefef 0%,#ffffff 3%,#ffffff 100%); background: -o-linear-gradient(left, #efefef 0%,#ffffff 3%,#ffffff 100%); background: -ms-linear-gradient(left, #efefef 0%,#ffffff 3%,#ffffff 100%); background: linear-gradient(to right, #efefef 0%,#ffffff 3%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 ); } .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 Shadows */ .booklet .b-shadow-f {right:0; top:0; position:absolute; opacity:0; background-image:url("../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("../images/shadow-top-back.png"); background-repeat:repeat-y; background-position:0 0;} .booklet .b-p0 { background-image:url("../images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px; } .booklet .b-p3 {background-image:url("../images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;} /* Overlay Controls */ .booklet .b-grab {cursor: url("../images/openhand.cur"), default;} .booklet .b-grabbing {cursor: url("../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:black; 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:black;} /* 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:45.9%;} .booklet .b-arrow-next {right:-74px; } .booklet .b-arrow-prev {left:-83px;} .booklet .b-arrow-next div, .booklet .b-arrow-prev div { width:70px; height:62px; background-repeat:no-repeat; background-size:17px 24px; background-position:center; background-color:#ccc; background-color:rgba(0,0,0,.4); -webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; -ms-transition: background .4s ease-in-out; -o-transition: background .4s ease-in-out; transition: background .4s ease-in-out; } .booklet .b-arrow-next div { margin-left:11px; background-image:url(../images/arrow_next.png); } .booklet .b-arrow-prev div { margin-right:0px; background-image:url(../images/arrow_prev.png); } .booklet .b-arrow-next div:hover, .booklet .b-arrow-prev div:hover { border:#fff 1px solid; background-color:black; background-color:rgba(0,0,0,.8); margin-top:-1px; } .booklet .b-arrow-next div:hover { margin-left:10px; } .booklet .b-arrow-prev div:hover { margin-left:-1px; } /* @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;} /****************************** FRONT COVER ******************************/ #cover { width:620px; height:800px; -webkit-box-shadow:inset 4px 0 7px 0 rgba(0,0,0,.2); box-shadow:inset 4px 0 7px 0 rgba(0,0,0,.2); background:url(../images/cover_portrait.jpg) no-repeat;} .badge-oracle-cover { position:absolute; top:0px; left:42px; } .badge-oracle-cover img { width:153px; height:54px; } .cover-text { display:block; float:left; margin:103px 0 0 41px; color:#fff; } .cover-text h1 { font-size:2.5em; line-height:.95em; } .cover-text h6 { margin:20px 0 0; } /****************************** BACK COVER ******************************/ #cover-back { width:620px; height:800px; -webkit-box-shadow:inset -4px 0 7px 0 rgba(0,0,0,.2); box-shadow:inset -4px 0 7px 0 rgba(0,0,0,.2); background:url(../images/cover_portrait.jpg) no-repeat; } .background-gradient { width:620px; height:800px; background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 65%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(65%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 65%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 65%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 65%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 65%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#cc000000',GradientType=0 ); } .cover-back-copyright { width:100%; height:223px; position:absolute; padding:35px 20px 34px; bottom:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cover-back-copyright p { font-size:.875em; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .4); line-height:1.55em; } /****************************** VERTICAL STRIPE ******************************/ .vertical-stripe { width:31px; height:800px; background:black; float:left; display:block; border-left:4px black solid; } .vert-white-space { width:31px; background:#fff; float:left; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzFweCIgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMzEgMzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMxIDM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkxheWVyXzIiPgoJPHJlY3QgeD0iLTUiIHk9IjAiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNyIvPgo8L2c+CjxnIGlkPSJMYXllcl8xIj4KCTxwYXRoIGZpbGw9IiNGODAwMDAiIGQ9Ik0zMSAzN1YxMy4yYzAgMC0wLjEtMi0yLjMtMy4xQzI2LjYgOS01IDAtNSAwVjM3SDMxeiIvPgo8L2c+Cjwvc3ZnPg=="); background-position:0px bottom; background-repeat:no-repeat; } .vertical-stripe img { position:absolute; bottom:22px; left:9px; } .vert-chap-TOC { height:633px; } /* This one does not change */ .vert-chap-1 { height:361px; } .vert-chap-2 { height:366px; } .vert-chap-3 { height:223px; } .vert-chap-4 { height:150px; } .vert-chap-5 { height:283px; } .vert-chap-6 { height:324px; } /****************************** TABLE OF CONTENTS ******************************/ .TOC-left, .TOC-right { width:585px; height:800px; float:left; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .TOC-left { padding:0px 0 0 13px; } .TOC-logo-wrap { margin:0 0 25px -3px;} .TOC-right { padding:76px 0 0 37px; } .TOC-left h1 { color:black; display:block; padding:27px 0 34px 0px; font-weight:bold; float:left; } .TOC-left .TOC-block, .TOC-right .TOC-block { float:left; max-height:90px; overflow:hidden; padding-top:4px; margin-bottom:46px; } .TOC-left .TOC-block { width:585px; } .TOC-right .TOC-block { width:560px; } .two-line {max-height:113px !important; } .TOC-block .chap-no { display:inline-block; width:33px; height:81px; float:left; } .TOC-block .chap-no p { font-style:italic; font-size:1.125em; color:black; line-height:.75em; } .TOC-left .TOC-block a .chap-description, .TOC-right .TOC-block a .chap-description { display:inline-block; float:left; padding:0 30px 0 12px; border-left:solid 1px black; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .TOC-left .TOC-block a .chap-description { width:535px; } .TOC-right .TOC-block a .chap-description { width:525px; } .TOC-block a .chap-description > h6 { color:black; line-height:1.1em; margin-top:-3px; } .TOC-block a .chap-description > h6 span { color:black; font-style:italic; font-size:0.75em; font-weight:normal; } .TOC-block a .chap-description p { padding-top:12px; color:black; margin-top:-4px; } .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:black; } .TOC-block a:active .chap-description h6, .TOC-block a:active .chap-description p, .TOC-block a:hover .chap-description > h6 span { color:black; } #resources-block { height:72px;} #resources-chap-no { height:67px; } /*Custom*/ h6.TOC-chap-3-title, h6.TOC-chap-5-title { width:90%; padding-right:10%; } /****************************** NAVIGATION BAR ******************************/ .nav-bar { display:block; float:left; width:575px; margin-left:10px; margin-top:0px; height:56px; } .nav-inner-left { margin-left:45px; } .company-logo { float:left; display:inline-block; } svg.oracle-badge { width:167px; height:56px; } .icon-wrap { width:110px; display:inline-block; float:right; margin:16px 35px 0 0; } .icon-download { width:25px; float:left; display:inline-block; margin:0px 45px 0 0; } .icon-download svg { display:block; width:17px; height:23px; } .icon-TOC { width:40px; float:left; display:inline-block; } .icon-TOC svg { width:37px; height:23px; } /****************************** DROPDOWN MENU ******************************/ .menu, .menu ul { list-style:none; } .menu { width:190px; } .menu:before, .menu:after { content:""; display:table; } .menu:after { clear:both; } .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:#404040; } .menu ul { margin:20px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:29px; left:-260px; z-index:1; background:#7F7F7F; -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:0; -webkit-box-shadow:0 1px 0 #fff; box-shadow:0 1px 0 #fff; } .menu ul li:last-child { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .menu ul a { padding:9px 10px 10px; display:block; float:none; text-transform:none; width:300px; line-height:1.35em; /* 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; } .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:272px; /* 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:156px; text-align:center; } .menu ul a:active.tooltip { background-color:#a5a5a5; } .menu ul.tooltip-arrow { left:-79px; } .menu ul.tooltip-arrow li:first-child > a:after { left:82px; } /****************************** NEW CHAPTER EMPTY ******************************/ .new-chap-empty { display:block; float:left; width:585px; margin-top:19px; } /* margin */ .new-chap-empty .margin-text-wrap { float:left; width:37.264957264957%/*218px*/; display:inline-block; margin:0 4.786324786325%/*28px*/ 0 2.393162393162%/*14px*/; } .new-chap-empty .get-social-media-resources { margin:20px 0 0; width:100%; display:block; float:left; } .new-chap-empty .margin-text p { display:block; color:black; font-size:0.75em /*12px*/; line-height:1.75em; margin:15px 0 0; width:100%; float:left; } p.margin-chap2-text { font-style:normal !important; font-size:1em !important; line-height:1.55em !important; margin:17px 0 0 !important; } p.margin-chap2-text span { font-weight:bold; font-size:1.3em; color:#5f5f5f; } /*p.margin-chap3-text { font-style:normal !important; font-size:0.9375em !important; line-height:1.8em !important; margin:17px 0 0 !important; } p.margin-chap3-text span.chap3-a { font-weight:bold; font-size:3em; color:#8DA6B1; } p.margin-chap3-text span.chap3-b { font-size:1em; } p.margin-chap3-text span.chap3-c { font-weight:bold; font-size:1.7em; color:#8DA6B1; } p.margin-chap3-text span.chap3-d { font-weight:bold; font-size:0.9375em; } p.margin-chap3-text span.chap3-e { font-weight:bold; font-size:1em; }*/ /* margin images */ .margin-chap2-image { display:block; width:100%; float:left; } .margin-chap2-image { margin:77px 0 0; } .margin-chap2-image svg { max-width:198px; display:block; margin:0 auto; } .margin-chap2-image-b { display:block; width:100%; float:left; } .margin-chap2-image-b { margin:0; } .margin-chap2-image-b svg { width:100%; display:block; margin:0 auto; } p.margin-chap3-text { font-style:normal !important; font-size:1em !important; line-height:1.55em !important; margin:86px 0 0 !important; display:block; float:left; } p.margin-chap4-text { padding:107px 0 0 !important; } p.margin-chap3-text span { font-weight:bold; font-size:1.3em; color:#7F7F7F; } p.margin-chap3-text span.chap3-a { font-weight:bold; font-size:3em; color:#8DA6B1; } p.margin-chap3-text span.chap3-b { color:#8DA6B1; } .margin-chap3-image { display:block; width:100%; float:left; margin:43px 0 0; } .margin-chap3-image img { width:155px; margin:0 auto; display:block; } p.margin-chap4-text { font-style:normal !important; font-size:1em !important; line-height:1.55em !important; margin:0px 0 0 !important; display:block; float:left; } p.margin-chap4-text span.chap4-a { font-weight:bold; font-size:1.15em; color:#8DA6B1; } p.margin-chap4-text span.chap4-b { font-weight:bold; font-size:1.4375em; color:#7f7f7f; } #get-page-28-margin-text { display:block; float:left; height:500px; background-image:url(../images/ch4_image1.svg); background-repeat:no-repeat; background-size:208px 323px; background-position:right 168px; } p.twenty { padding:56px 0 0 !important; display:block; float:left; color:#8DA6B1 !important; font-weight:bold; font-size:3em !important; line-height:1em !important; } p.margin-chap5-text { font-style:normal !important; font-size:1em !important; line-height:1.55em !important; margin:86px 0 0 !important; display:block; float:left; } p.margin-chap5-text { margin:86px 0 0 !important; } p.margin-chap5-text span { font-weight:bold; font-size:1.2em; color:#7F7F7F; } p.margin-chap5-text span.chap5-a { font-weight:bold; font-size:3em; color:#8DA6B1; } p.margin-chap5-text span.chap5-b { color:#8DA6B1; } .margin-chap5-image { display:block; width:100%; float:left; margin:43px 0 0; } .margin-chap5-image img { width:170px; margin:0 0 0 9px; display:block; } p.margin-chap6-text { font-style:normal !important; font-size:1em !important; line-height:1.55em !important; margin:83px 0 0 !important; display:block; float:left; } p.margin-chap6-text span { font-weight:bold; font-size:1.3em; } p.margin-chap6-text span.chap6-a { color:#F80000; } p.margin-chap6-text span.chap6-b { color:#7f7f7f; } #get-page-42-margin-text { background-image:url(../images/ch6_image1.svg); background-size:192px 145px; background-position:left 90px; height:300px; background-repeat:no-repeat; } /* main */ .new-chap-empty .main-text-wrap { width:49.059829059829%/*287px*/; float:left; display:inline-block; margin-right:6.495726495726%/*38px*/; } .new-chap-empty .main-text h3, .new-chap-empty .main-text h1 { color:black; display:block; float:left; width:100%; } .new-chap-empty .main-text h1 { line-height:1.1em; margin-top:-5px; } .new-chap-empty .main-text h3 { padding:0 0 6px 0; } .new-chap-empty .main-text h4 { color:black; padding:22px 0 23px; display:block; float:left; width:100%; } .new-chap-empty .main-text h4~h4 { padding:16px 0 24px; } .new-chap-empty .main-text p { padding-bottom:18px; } /* dropcap */ .main-text p.drop-cap:first-letter { float:left; color:black; font-size:3em; padding-top:11px; padding-right:4px; font-weight:bold; margin-left:-2px; } @-moz-document url-prefix() { .main-text p.drop-cap:first-letter { padding-top:5px; font-size:3.2em; } } /****************************** NEW CHAPTER WITH BACKGROUND ******************************/ .new-chap-bg { display:block; float:left; width:585px; } /* margin */ .new-chap-bg .margin-text-wrap { float:left; width:37.606837606838%/*220px*/; display:inline-block; } .new-chap-bg .margin-text p { display:block; color:#F25316; font-style:italic; font-size:1.125em /*18px*/; line-height:1.25em; padding:0 9.08%/*20px*/; } .new-chap-bg .margin-text p { margin-top:85px; } /* if using this format, good idea to turn this into a p.class to track the h4 tag in the main text */ .new-chap-bg .margin-img-wrap { display:block; margin:39px 12.727272727273% 0; width:74.545454545455%/*164px*/; position:relative; } .new-chap-bg .margin-img-wrap img { width:100%; } .new-chap-bg .margin-img-caption { width:111px; background:#688FCF; margin:0 0 0 -10px; padding:10px 7px 14px; position:absolute; bottom:26px;} .new-chap-bg .triangle-holder { width:10px; margin-right:3px; display:inline-block; float:left; margin-top:-2px; } .new-chap-bg .triangle-paragraph { width:calc(100% - 13px); display:inline-block; float:left; color:#fff; font-size:.75em; font-style:normal; } /* main */ .new-chap-bg .main-text-wrap { width:50.08547008547%/*293px*/; float:left; display:inline-block; height:735px; padding:0 6.153846153846%/*36px*/ 0 5.982905982906%/*35px*/; margin-top:-92px; border-right:#dadada 1px solid; background: #688fcf; background: -moz-linear-gradient(left, #688fcf 92%, #547ab2 100%); background: -webkit-gradient(linear, left top, right top, color-stop(92%,#688fcf), color-stop(100%,#547ab2)); background: -webkit-linear-gradient(left, #688fcf 92%,#547ab2 100%); background: -o-linear-gradient(left, #688fcf 92%,#547ab2 100%); background: -ms-linear-gradient(left, #688fcf 92%,#547ab2 100%); background: linear-gradient(to right, #688fcf 92%,#547ab2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#688fcf', endColorstr='#547ab2',GradientType=1 ); } .new-chap-bg .main-text h3, .new-chap-bg .main-text h1 { color:#FFF; display:block; float:left; width:100%; } .new-chap-bg .main-text h1 { line-height:1.05em; } .new-chap-bg .main-text h3 { padding:110px 0 3px; } .new-chap-bg .main-text h4 { color:#F2E2BD; padding:18px 0 20px; display:block; float:left; width:100%;} .new-chap-bg .main-text h4~h4 { padding:16px 0 23px; } .new-chap-bg .main-text p { padding-bottom:17px; color:#fff; } p.starts-with-p { margin-top:23px; float:left; } /* see above for dropcap */ /****************************** INNER RIGHT PAGE / INNER LEFT PAGE ******************************/ .inner-left-page, .inner-right-page, .inner-special-page { display:block; float:left; max-width:620px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box; } .inner-left-page { padding:38px 5.645161290323%/*35px*/ 0 7.741935483871%/*48px*/; } .inner-right-page { padding:74px 7.903225806452%/*49px*/ 0 5.806451612903%/*36px*/; } .inner-right-page-2 { padding:74px 7.903225806452%/*49px*/ 0 20px/*36px*/; } /* for placing on lifestyle photos */ .inner-special-page { padding:0px 6.1%/*49px*/ 0 4.3%/*36px*/; } .inner-right-page h4, .inner-left-page h4 { display:block; float:left; width:100%; padding:16px 0 24px; color:black; } .inner-right-page h4.top-h4, .inner-left-page h4.top-h4 { padding:0px 0 24px; } .inner-right-page p, .inner-left-page p { padding-bottom:19px; } .inner-middle { padding-top:0; } .inner-middle-special { padding-top:14px; } /****************************** GRAPHICS ******************************/ .inline-graphic-1, .inline-graphic-2, .inline-graphic-3 { display:block; width:100%; float:left; } .inline-graphic-1 { margin-top:0px; padding-bottom: 19px; } .inline-graphic-2 { margin:19px 0 36px; } .inline-graphic-3 svg.test { width:200px; } .ch2_image { margin-top:15px; width:100%; float:left; } .ch3_image4 { margin-top:15px; } .ch4-image2 { margin:14px 0 29px; } .ch5-image4 { margin:34px 0 59px } .ch03_ie8, .ch04_ie8 { width:100%; } h4.icon-app { height:70px; padding:22px 0 0 70px; background-size:64px 68px; background-repeat:no-repeat; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDg1LjggODguOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODUuOCA4OC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjYjBjM2M4IiBkPSJNMzkgNDguN2MwLjQgMCAwLjcgMC4zIDAuNyAwLjdWNTNjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjZjLTAuNCAwLTAuNy0wLjMtMC43LTAuN3YtMy42IGMwLTAuNCAwLjMtMC43IDAuNy0wLjdIMzkiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik00Ni40IDQ4LjdjMC40IDAgMC43IDAuMyAwLjcgMC43VjUzYzAgMC40LTAuMyAwLjctMC43IDAuN2gtMy42Yy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNiBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDQ2LjQiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik0zOSA1NmMwLjQgMCAwLjcgMC4zIDAuNyAwLjd2My42YzAgMC40LTAuMyAwLjctMC43IDAuN2gtMy42Yy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNiBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDM5Ii8+Cgk8cGF0aCBmaWxsPSIjYjBjM2M4IiBkPSJNNDYuNCA1NmMwLjQgMCAwLjcgMC4zIDAuNyAwLjd2My42YzAgMC40LTAuMyAwLjctMC43IDAuN2gtMy42Yy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNiBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDQ2LjQiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik01My42IDQ4LjdjMC40IDAgMC43IDAuMyAwLjcgMC43VjUzYzAgMC40LTAuMyAwLjctMC43IDAuN0g1MGMtMC40IDAtMC43LTAuMy0wLjctMC43di0zLjYgYzAtMC40IDAuMy0wLjcgMC43LTAuN0g1My42Ii8+Cgk8cGF0aCBmaWxsPSIjYjBjM2M4IiBkPSJNNDYuNCA2My4zYzAuNCAwIDAuNyAwLjMgMC43IDAuN3YzLjZjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjZjLTAuNCAwLTAuNy0wLjMtMC43LTAuN1Y2NCBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDQ2LjQiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik01My42IDYzLjNjMC40IDAgMC43IDAuMyAwLjcgMC43djMuNmMwIDAuNC0wLjMgMC43LTAuNyAwLjdINTBjLTAuNCAwLTAuNy0wLjMtMC43LTAuN1Y2NCBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDUzLjYiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik0zOSA3MC41YzAuNCAwIDAuNyAwLjMgMC43IDAuN3YzLjZjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjZjLTAuNCAwLTAuNy0wLjMtMC43LTAuN3YtMy42IGMwLTAuNCAwLjMtMC43IDAuNy0wLjdIMzkiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik00Ni40IDcwLjVjMC40IDAgMC43IDAuMyAwLjcgMC43djMuNmMwIDAuNC0wLjMgMC43LTAuNyAwLjdoLTMuNmMtMC40IDAtMC43LTAuMy0wLjctMC43di0zLjYgYzAtMC40IDAuMy0wLjcgMC43LTAuN0g0Ni40Ii8+Cgk8cGF0aCBmaWxsPSIjYjBjM2M4IiBkPSJNNTMuNiA3MC41YzAuNCAwIDAuNyAwLjMgMC43IDAuN3YzLjZjMCAwLjQtMC4zIDAuNy0wLjcgMC43SDUwYy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNiBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDUzLjYiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik0yNC45IDEzLjVjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjRjLTAuNCAwLTAuNy0wLjMtMC43LTAuN1YxMGMwLTAuNCAwLjMtMC43IDAuNy0wLjdoMy40IGMwLjQgMCAwLjcgMC4zIDAuNyAwLjdWMTMuNXoiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik0zNC43IDI2YzAgMC43LTAuNiAxLjQtMS40IDEuNGgtNi45Yy0wLjcgMC0xLjQtMC42LTEuNC0xLjR2LTYuOWMwLTAuNyAwLjYtMS40IDEuNC0xLjRoNi45IGMwLjcgMCAxLjQgMC42IDEuNCAxLjRWMjZ6Ii8+Cgk8cGF0aCBmaWxsPSIjYjBjM2M4IiBkPSJNODIuNiAyOS42YzAgMC43LTAuNiAxLjQtMS40IDEuNGgtNi45Yy0wLjcgMC0xLjQtMC42LTEuNC0xLjR2LTYuOWMwLTAuNyAwLjYtMS40IDEuNC0xLjRoNi45IGMwLjcgMCAxLjQgMC42IDEuNCAxLjRWMjkuNnoiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik00OS4zIDMyLjRjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjVjLTAuNCAwLTAuNy0wLjMtMC43LTAuN3YtMy40YzAtMC40IDAuMy0wLjcgMC43LTAuN2gzLjUgYzAuNCAwIDAuNyAwLjMgMC43IDAuN1YzMi40eiIvPgoJPHBhdGggZmlsbD0iI2IwYzNjOCIgZD0iTTYzLjcgMjBjMCAxLjUtMS4yIDIuNy0yLjcgMi43SDQ3LjJjLTEuNSAwLTIuNy0xLjItMi43LTIuN1Y2LjJjMC0xLjUgMS4yLTIuNyAyLjctMi43SDYxIGMxLjUgMCAyLjcgMS4yIDIuNyAyLjdWMjB6Ii8+Cgk8cGF0aCBmaWxsPSIjYjBjM2M4IiBkPSJNMjEuMiA2MS41YzAgMC43LTAuNiAxLjQtMS40IDEuNGgtNi45Yy0wLjcgMC0xLjQtMC42LTEuNC0xLjR2LTYuOWMwLTAuNyAwLjYtMS40IDEuNC0xLjRoNi45IGMwLjcgMCAxLjQgMC42IDEuNCAxLjRWNjEuNXoiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik0xOC44IDM0LjVjMCAxLjEtMC45IDItMiAySDYuNGMtMS4xIDAtMi0wLjktMi0yVjI0LjJjMC0xLjEgMC45LTIgMi0yaDEwLjNjMS4xIDAgMiAwLjkgMiAyVjM0LjV6Ii8+Cgk8cGF0aCBmaWxsPSIjYjBjM2M4IiBkPSJNNjguOSAzNC4yYzEuMSAwIDIgMC45IDIgMnYxMC4zYzAgMS4xLTAuOSAyLTIgMkg1OC42Yy0xLjEgMC0yLTAuOS0yLTJWMzYuMmMwLTEuMSAwLjktMiAyLTJINjguOSIvPgoJPHBhdGggZmlsbD0iI2IwYzNjOCIgZD0iTTIxLjIgNDUuNWMwIDAuNC0wLjMgMC43LTAuNyAwLjdoLTMuNWMtMC40IDAtMC43LTAuMy0wLjctMC43di0zLjRjMC0wLjQgMC4zLTAuNyAwLjctMC43aDMuNSBjMC40IDAgMC43IDAuMyAwLjcgMC43VjQ1LjV6Ii8+Cgk8cGF0aCBmaWxsPSIjYjBjM2M4IiBkPSJNNzUuOSA1Ni4zYzAgMC40LTAuMyAwLjctMC43IDAuN2gtMy40Yy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNGMwLTAuNCAwLjMtMC43IDAuNy0wLjdoMy40IGMwLjQgMCAwLjcgMC4zIDAuNyAwLjdWNTYuM3oiLz4KCTxwYXRoIGZpbGw9IiNiMGMzYzgiIGQ9Ik01OC45IDgwLjRIMzAuMXYtMzdoMjQuN3YtNC44SDI5LjhjLTIuNSAwLTQuNiAxLjgtNC42IDQuMXY0MGMwIDIuMiAyIDQuMSA0LjYgNC4xaDI5LjMgYzIuNSAwIDQuNi0xLjggNC42LTQuMVY1MC4zaC00LjhWODAuNHogTTQ1LjUgODQuMWgtMS42Yy0wLjUgMC0wLjktMC40LTAuOS0wLjlzMC40LTAuOSAwLjktMC45aDEuNmMwLjUgMCAwLjkgMC40IDAuOSAwLjkgUzQ2IDg0LjEgNDUuNSA4NC4xIi8+CjwvZz4KPC9zdmc+Cg=="); } h4.icon-hardware { height:58px; margin:5px 0 11px; padding:15px 0 0 77px; background-size:64px 58px; background-repeat:no-repeat; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNTcuMzEycHgiIHZpZXdCb3g9IjAgMCA2NCA1Ny4zMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDU3LjMxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTQ4LjgwMSAzNC45OEgzMi4wN3Y3LjMzMWgxNi43M1YzNC45OHogTTQ1LjY4MyAzNy4zNThjMC42NjEgMCAxLjIgMC41IDEuMiAxLjIgYzAgMC42NjMtMC41MzcgMS4yLTEuMTk4IDEuMmMtMC42NjQgMC0xLjItMC41MzctMS4yLTEuMkM0NC40ODIgMzcuOSA0NSAzNy40IDQ1LjcgMzcuNCIvPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTQ3LjY4NyA1MS43NDZjMC42MTMgMCAxLjExNC0wLjUwMSAxLjExNC0xLjExNHYtNi4ySDMyLjA3djcuMzE0SDQ3LjY4N3ogTTQ1LjY4MyA0Ni44IGMwLjY2MSAwIDEuMiAwLjUgMS4yIDEuMnMtMC41MzcgMS4yLTEuMTk4IDEuMmMtMC42NjQgMC0xLjItMC41MzgtMS4yLTEuMlM0NS4wMTkgNDYuOCA0NS43IDQ2LjgiLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik00OC44MDEgMTQuMDIzVjcuNzk3YzAtMC42MTMtMC41MDEtMS4xMTQtMS4xMTQtMS4xMTRIMzIuMDd2Ny4zNDFINDguODAxeiBNNDUuNjgzIDkuMyBjMC42NjEgMCAxLjIgMC41IDEuMiAxLjE5OXMtMC41MzcgMS4yLTEuMTk4IDEuMmMtMC42NjQgMC0xLjItMC41MzctMS4yLTEuMlM0NS4wMTkgOS4zIDQ1LjcgOS4zIi8+Cgk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNNDguODAxIDE2LjEyMkgzMi4wN3Y3LjMzMWgxNi43M1YxNi4xMjJ6IE00NS42ODMgMTguNzIzYzAuNjYxIDAgMS4yIDAuNSAxLjIgMS4yIGMwIDAuNjYyLTAuNTM3IDEuMTk5LTEuMTk4IDEuMTk5Yy0wLjY2NCAwLTEuMi0wLjUzNy0xLjItMS4xOTlDNDQuNDgyIDE5LjMgNDUgMTguNyA0NS43IDE4LjciLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik00OC44MDEgMjUuNTUySDMyLjA3djcuMzMxaDE2LjczVjI1LjU1MnogTTQ1LjY4MyAyOC4wNDFjMC42NjEgMCAxLjIgMC41IDEuMiAxLjIgcy0wLjUzNyAxLjItMS4xOTggMS4yYy0wLjY2NCAwLTEuMi0wLjUzOC0xLjItMS4yUzQ1LjAxOSAyOCA0NS43IDI4Ii8+Cgk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNNjMuOTQxIDM0LjMxMkg1MC40NjZ2NS45MDRoMTMuNDc2VjM0LjMxMnogTTYxLjQyOSAzNi4yMjZjMC41MzMgMCAxIDAuNCAxIDEgYzAgMC41MzQtMC40MzMgMC45NjctMC45NjYgMC45NjdzLTAuOTY3LTAuNDMzLTAuOTY3LTAuOTY3QzYwLjQ2MiAzNi43IDYwLjkgMzYuMiA2MS40IDM2LjIiLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik02My4wNDQgNDcuODE0YzAuNDkzIDAgMC44OTctMC40MDQgMC44OTctMC44OTd2LTQuOTk0SDUwLjQ2N3Y1Ljg5Mkg2My4wNDR6IE02MS40MjkgNDMuOCBjMC41MzMgMCAxIDAuNCAxIDAuOTY2YzAgMC41MzQtMC40MzMgMC45NjctMC45NjYgMC45NjdzLTAuOTY3LTAuNDMzLTAuOTY3LTAuOTY3IEM2MC40NjIgNDQuMyA2MC45IDQzLjggNjEuNCA0My44Ii8+Cgk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNNjMuOTQxIDE3LjQzM3YtNS4wMTVjMC0wLjQ5NC0wLjQwNC0wLjg5Ny0wLjg5Ny0wLjg5N0g1MC40Njd2NS45MTJINjMuOTQxeiBNNjEuNDI5IDEzLjYgYzAuNTMzIDAgMSAwLjQgMSAwLjk2NmMwIDAuNTMzLTAuNDMzIDAuOTY2LTAuOTY2IDAuOTY2cy0wLjk2Ny0wLjQzMy0wLjk2Ny0wLjk2NiBDNjAuNDYyIDE0IDYwLjkgMTMuNiA2MS40IDEzLjYiLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik02My45NDEgMTkuMTIzSDUwLjQ2NnY1LjkwM2gxMy40NzZWMTkuMTIzeiBNNjEuNDI5IDIxLjIxOGMwLjUzMyAwIDEgMC40IDEgMSBjMCAwLjUzNC0wLjQzMyAwLjk2Ni0wLjk2NiAwLjk2NnMtMC45NjctMC40MzMtMC45NjctMC45NjZDNjAuNDYyIDIxLjYgNjAuOSAyMS4yIDYxLjQgMjEuMiIvPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTYzLjk0MSAyNi43MThINTAuNDY2djUuOTAzaDEzLjQ3NlYyNi43MTh6IE02MS40MjkgMjguNzIyYzAuNTMzIDAgMSAwLjQgMSAxIGMwIDAuNTM0LTAuNDMzIDAuOTY1LTAuOTY2IDAuOTY1cy0wLjk2Ny0wLjQzMi0wLjk2Ny0wLjk2NUM2MC40NjIgMjkuMiA2MC45IDI4LjcgNjEuNCAyOC43Ii8+Cgk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNMCA0NS4yOTRoMzAuMDY3di05LjMxOEgwVjQ1LjI5NHogTTI2LjEwMiAzOC45OTdjMC44NDIgMCAxLjUgMC43IDEuNSAxLjUgcy0wLjY4MyAxLjUyNC0xLjUyNSAxLjUyNGMtMC44NDEgMC0xLjUyMy0wLjY4Mi0xLjUyMy0xLjUyNFMyNS4yNiAzOSAyNi4xIDM5Ii8+Cgk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNMCA1NS44N2MwIDAuOCAwLjYgMS40IDEuNCAxLjQxOEgyOC42NWMwLjc4IDAgMS40MTgtMC42MzkgMS40MTgtMS40MTh2LTcuODgxSDBWNTUuODd6IE0yNi4xMDIgNTEuMDAxYzAuODQyIDAgMS41IDAuNyAxLjUgMS41MjVjMCAwLjg0My0wLjY4MyAxLjUyNC0xLjUyNSAxLjUyNGMtMC44NDEgMC0xLjUyMy0wLjY4Mi0xLjUyMy0xLjUyNCBDMjQuNTc4IDUxLjcgMjUuMyA1MSAyNi4xIDUxIi8+Cgk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNMzAuMDY4IDEuNDE3QzMwLjA2OCAwLjYgMjkuNCAwIDI4LjYgMEgxLjQxN0MwLjYzOCAwIDAgMC42IDAgMS40MTd2Ny45MTVoMzAuMDY4VjEuNDE3eiBNMjYuMTAyIDYuMzIyYy0wLjg0MSAwLTEuNTIzLTAuNjgzLTEuNTIzLTEuNTI0YzAtMC44NDIgMC42ODItMS41MjQgMS41MjMtMS41MjRjMC44NDIgMCAxLjUgMC43IDEuNSAxLjUgQzI3LjYyNyA1LjYgMjYuOSA2LjMgMjYuMSA2LjMiLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik0wIDIxLjMyaDMwLjA2N3YtOS4zMTlIMFYyMS4zMnogTTI2LjEwMiAxOC4zNTVjLTAuODQxIDAtMS41MjMtMC42ODItMS41MjMtMS41MjRzMC42ODItMS41MjQgMS41MjMtMS41MjQgYzAuODQyIDAgMS41IDAuNyAxLjUgMS41MjRTMjYuOTQ0IDE4LjQgMjYuMSAxOC40Ii8+Cgk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNMCAzMy4zMDdoMzAuMDY3di05LjMxN0gwVjMzLjMwN3ogTTI2LjEwMiAyNy4xNTJjMC44NDIgMCAxLjUgMC43IDEuNSAxLjUgYzAgMC44NDItMC42ODMgMS41MjQtMS41MjUgMS41MjRjLTAuODQxIDAtMS41MjMtMC42ODItMS41MjMtMS41MjRDMjQuNTc4IDI3LjggMjUuMyAyNy4yIDI2LjEgMjcuMiIvPgo8L2c+Cjwvc3ZnPgo="); } /****************************** MOTION GRAPHCIS (MC) ******************************/ #mc_1 { display:block; width:100%; height:165px; float:left; position:relative; margin-top:60px; background-repeat:no-repeat; background-size:102px 71px; background-position:center center; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgIHZpZXdCb3g9IjAuNSA2LjkzOCAxNS45NzkgMTEuMTI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAuNSA2LjkzOCAxNS45NzkgMTEuMTI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNMTAuNzA3IDkuNDY1SDQuOTIzdjEuODMyaDUuNzg0VjkuNDY1eiBNOS45MSAxMC41OTZjLTAuMTYgMC0wLjMwMy0wLjEyNy0wLjMwMy0wLjMwMyBjMC0wLjE2IDAuMTI3LTAuMzAzIDAuMzAzLTAuMzAzYzAuMTU5IDAgMC4zIDAuMSAwLjMgMC4zMDNTMTAuMDg2IDEwLjYgOS45IDEwLjYiLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik00LjkyMyAxNS41OTloNS43ODR2LTEuODMySDQuOTIzVjE1LjU5OXogTTkuOTEgMTQuNDA0YzAuMTU5IDAgMC4zIDAuMSAwLjMgMC4zIGMwIDAuMTU5LTAuMTI3IDAuMzAzLTAuMzAzIDAuMzAzYy0wLjE2IDAtMC4zMDMtMC4xMjgtMC4zMDMtMC4zMDNDOS42MDcgMTQuNSA5LjggMTQuNCA5LjkgMTQuNCIvPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTQuOTIzIDE3Ljc1YzAgMC4yIDAuMSAwLjMgMC4zIDAuMzAzaDUuMTc4YzAuMTU5IDAgMC4zMDMtMC4xMjggMC4zMDMtMC4zMDN2LTEuODE2SDQuOTIzVjE3Ljc1eiBNOS45MSAxNi42MTljMC4xNTkgMCAwLjMgMC4xIDAuMyAwLjMwM2MwIDAuMTU4LTAuMTI3IDAuMzAzLTAuMzAzIDAuMzAzYy0wLjE2IDAtMC4zMDMtMC4xMjgtMC4zMDMtMC4zMDMgQzkuNjA3IDE2LjcgOS44IDE2LjYgOS45IDE2LjYiLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik0xMC43MDcgNy4yNjZjMC0wLjE1OS0wLjEyOC0wLjMwMy0wLjMwMy0wLjMwM0g1LjIxYy0wLjE1OSAwLTAuMzAzIDAuMTI3LTAuMzAzIDAuMzAzVjkuMTNoNS43ODRWNy4yNjYgSDEwLjcwN3ogTTkuOTEgOC4zOTdjLTAuMTYgMC0wLjMwMy0wLjEyNy0wLjMwMy0wLjMwM2MwLTAuMTU5IDAuMTI3LTAuMzAzIDAuMzAzLTAuMzAzYzAuMTU5IDAgMC4zIDAuMSAwLjMgMC4zIEMxMC4yMTMgOC4zIDEwLjEgOC40IDkuOSA4LjQiLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik00LjkyMyAxMy40NDhoNS43ODR2LTEuODMzSDQuOTIzVjEzLjQ0OHogTTkuOTEgMTIuODExYy0wLjE2IDAtMC4zMDMtMC4xMjctMC4zMDMtMC4zMDMgYzAtMC4xNTkgMC4xMjctMC4zMDMgMC4zMDMtMC4zMDNjMC4xNTkgMCAwLjMgMC4xIDAuMyAwLjMwM0MxMC4yMTMgMTIuNyAxMC4xIDEyLjggOS45IDEyLjgiLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik0xNi40NTkgMTEuNzU5YzAtMC4xNi0wLjEyOC0wLjMwMy0wLjMwMy0wLjMwM2gtNC41MWMtMC4xNTkgMC0wLjMwMyAwLjEyNy0wLjMwMyAwLjMwM3YyLjg4M2g1LjEzMXYtMi44ODMgSDE2LjQ1OXogTTEyLjkwNSAxNC4wMzdoLTAuOTg3VjEyLjQ2aDAuOTg3VjE0LjAzN3ogTTE0LjQwMiAxNC4wMzdoLTAuOTg3VjEyLjQ2aDAuOTg3VjE0LjAzN3ogTTE1LjkgMTQuMDM3aC0wLjk4N1YxMi40NkgxNS45IFYxNC4wMzd6Ii8+Cgk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNMTEuMzQ0IDE3Ljc1YzAgMC4yIDAuMSAwLjMgMC4zIDAuMzAzaDQuNTI1YzAuMTU5IDAgMC4zMDMtMC4xMjggMC4zMDMtMC4zMDN2LTIuNzcyaC01LjEzMVYxNy43NSB6IE0xNC44OTYgMTUuOTAxaDAuOTg4djEuNTc3aC0wLjk4OFYxNS45MDF6IE0xMy4zOTkgMTUuOTAxaDAuOTg3djEuNTc3aC0wLjk4N1YxNS45MDF6IE0xMS45MDEgMTUuOTAxaDEuMDA0djEuNTc3aC0wLjk4N3YtMS41NzcgSDExLjkwMXoiLz4KCTxwYXRoIGZpbGw9IiNCMEMzQzgiIGQ9Ik0xLjU5MyAxNS4wNTd2LTIuODA0YzAtMC4wOTYtMC4wOC0wLjE1OS0wLjE1OS0wLjE1OWMtMC4wOTYgMC0wLjE2IDAuMDgtMC4xNiAwLjE1OXYyLjgwNEgwLjUyNnYxLjMzOSBoMy43NnYtMS4zMzlIMS41OTN6Ii8+Cgk8cmVjdCB4PSIwLjUiIHk9IjE2LjciIGZpbGw9IiNCMEMzQzgiIHdpZHRoPSIzLjgiIGhlaWdodD0iMS40Ii8+CjwvZz4KPC9zdmc+"); } .mc_1_apps { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDg1LjggODguOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODUuOCA4OC44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjRENFM0U0IiBkPSJNMzkgNDguN2MwLjQgMCAwLjcgMC4zIDAuNyAwLjdWNTNjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjZjLTAuNCAwLTAuNy0wLjMtMC43LTAuN3YtMy42IGMwLTAuNCAwLjMtMC43IDAuNy0wLjdIMzkiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik00Ni40IDQ4LjdjMC40IDAgMC43IDAuMyAwLjcgMC43VjUzYzAgMC40LTAuMyAwLjctMC43IDAuN2gtMy42Yy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNiBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDQ2LjQiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik0zOSA1NmMwLjQgMCAwLjcgMC4zIDAuNyAwLjd2My42YzAgMC40LTAuMyAwLjctMC43IDAuN2gtMy42Yy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNiBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDM5Ii8+Cgk8cGF0aCBmaWxsPSIjRENFM0U0IiBkPSJNNDYuNCA1NmMwLjQgMCAwLjcgMC4zIDAuNyAwLjd2My42YzAgMC40LTAuMyAwLjctMC43IDAuN2gtMy42Yy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNiBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDQ2LjQiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik01My42IDQ4LjdjMC40IDAgMC43IDAuMyAwLjcgMC43VjUzYzAgMC40LTAuMyAwLjctMC43IDAuN0g1MGMtMC40IDAtMC43LTAuMy0wLjctMC43di0zLjYgYzAtMC40IDAuMy0wLjcgMC43LTAuN0g1My42Ii8+Cgk8cGF0aCBmaWxsPSIjRENFM0U0IiBkPSJNNDYuNCA2My4zYzAuNCAwIDAuNyAwLjMgMC43IDAuN3YzLjZjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjZjLTAuNCAwLTAuNy0wLjMtMC43LTAuN1Y2NCBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDQ2LjQiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik01My42IDYzLjNjMC40IDAgMC43IDAuMyAwLjcgMC43djMuNmMwIDAuNC0wLjMgMC43LTAuNyAwLjdINTBjLTAuNCAwLTAuNy0wLjMtMC43LTAuN1Y2NCBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDUzLjYiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik0zOSA3MC41YzAuNCAwIDAuNyAwLjMgMC43IDAuN3YzLjZjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjZjLTAuNCAwLTAuNy0wLjMtMC43LTAuN3YtMy42IGMwLTAuNCAwLjMtMC43IDAuNy0wLjdIMzkiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik00Ni40IDcwLjVjMC40IDAgMC43IDAuMyAwLjcgMC43djMuNmMwIDAuNC0wLjMgMC43LTAuNyAwLjdoLTMuNmMtMC40IDAtMC43LTAuMy0wLjctMC43di0zLjYgYzAtMC40IDAuMy0wLjcgMC43LTAuN0g0Ni40Ii8+Cgk8cGF0aCBmaWxsPSIjRENFM0U0IiBkPSJNNTMuNiA3MC41YzAuNCAwIDAuNyAwLjMgMC43IDAuN3YzLjZjMCAwLjQtMC4zIDAuNy0wLjcgMC43SDUwYy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNiBjMC0wLjQgMC4zLTAuNyAwLjctMC43SDUzLjYiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik0yNC45IDEzLjVjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjRjLTAuNCAwLTAuNy0wLjMtMC43LTAuN1YxMGMwLTAuNCAwLjMtMC43IDAuNy0wLjdoMy40IGMwLjQgMCAwLjcgMC4zIDAuNyAwLjdWMTMuNXoiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik0zNC43IDI2YzAgMC43LTAuNiAxLjQtMS40IDEuNGgtNi45Yy0wLjcgMC0xLjQtMC42LTEuNC0xLjR2LTYuOWMwLTAuNyAwLjYtMS40IDEuNC0xLjRoNi45IGMwLjcgMCAxLjQgMC42IDEuNCAxLjRWMjZ6Ii8+Cgk8cGF0aCBmaWxsPSIjRENFM0U0IiBkPSJNODIuNiAyOS42YzAgMC43LTAuNiAxLjQtMS40IDEuNGgtNi45Yy0wLjcgMC0xLjQtMC42LTEuNC0xLjR2LTYuOWMwLTAuNyAwLjYtMS40IDEuNC0xLjRoNi45IGMwLjcgMCAxLjQgMC42IDEuNCAxLjRWMjkuNnoiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik00OS4zIDMyLjRjMCAwLjQtMC4zIDAuNy0wLjcgMC43aC0zLjVjLTAuNCAwLTAuNy0wLjMtMC43LTAuN3YtMy40YzAtMC40IDAuMy0wLjcgMC43LTAuN2gzLjUgYzAuNCAwIDAuNyAwLjMgMC43IDAuN1YzMi40eiIvPgoJPHBhdGggZmlsbD0iI0RDRTNFNCIgZD0iTTYzLjcgMjBjMCAxLjUtMS4yIDIuNy0yLjcgMi43SDQ3LjJjLTEuNSAwLTIuNy0xLjItMi43LTIuN1Y2LjJjMC0xLjUgMS4yLTIuNyAyLjctMi43SDYxIGMxLjUgMCAyLjcgMS4yIDIuNyAyLjdWMjB6Ii8+Cgk8cGF0aCBmaWxsPSIjRENFM0U0IiBkPSJNMjEuMiA2MS41YzAgMC43LTAuNiAxLjQtMS40IDEuNGgtNi45Yy0wLjcgMC0xLjQtMC42LTEuNC0xLjR2LTYuOWMwLTAuNyAwLjYtMS40IDEuNC0xLjRoNi45IGMwLjcgMCAxLjQgMC42IDEuNCAxLjRWNjEuNXoiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik0xOC44IDM0LjVjMCAxLjEtMC45IDItMiAySDYuNGMtMS4xIDAtMi0wLjktMi0yVjI0LjJjMC0xLjEgMC45LTIgMi0yaDEwLjNjMS4xIDAgMiAwLjkgMiAyVjM0LjV6Ii8+Cgk8cGF0aCBmaWxsPSIjRENFM0U0IiBkPSJNNjguOSAzNC4yYzEuMSAwIDIgMC45IDIgMnYxMC4zYzAgMS4xLTAuOSAyLTIgMkg1OC42Yy0xLjEgMC0yLTAuOS0yLTJWMzYuMmMwLTEuMSAwLjktMiAyLTJINjguOSIvPgoJPHBhdGggZmlsbD0iI0RDRTNFNCIgZD0iTTIxLjIgNDUuNWMwIDAuNC0wLjMgMC43LTAuNyAwLjdoLTMuNWMtMC40IDAtMC43LTAuMy0wLjctMC43di0zLjRjMC0wLjQgMC4zLTAuNyAwLjctMC43aDMuNSBjMC40IDAgMC43IDAuMyAwLjcgMC43VjQ1LjV6Ii8+Cgk8cGF0aCBmaWxsPSIjRENFM0U0IiBkPSJNNzUuOSA1Ni4zYzAgMC40LTAuMyAwLjctMC43IDAuN2gtMy40Yy0wLjQgMC0wLjctMC4zLTAuNy0wLjd2LTMuNGMwLTAuNCAwLjMtMC43IDAuNy0wLjdoMy40IGMwLjQgMCAwLjcgMC4zIDAuNyAwLjdWNTYuM3oiLz4KCTxwYXRoIGZpbGw9IiNEQ0UzRTQiIGQ9Ik01OC45IDgwLjRIMzAuMXYtMzdoMjQuN3YtNC44SDI5LjhjLTIuNSAwLTQuNiAxLjgtNC42IDQuMXY0MGMwIDIuMiAyIDQuMSA0LjYgNC4xaDI5LjMgYzIuNSAwIDQuNi0xLjggNC42LTQuMVY1MC4zaC00LjhWODAuNHogTTQ1LjUgODQuMWgtMS42Yy0wLjUgMC0wLjktMC40LTAuOS0wLjlzMC40LTAuOSAwLjktMC45aDEuNmMwLjUgMCAwLjkgMC40IDAuOSAwLjkgUzQ2IDg0LjEgNDUuNSA4NC4xIi8+CjwvZz4KPC9zdmc+"); background-repeat:no-repeat; } .mc_1_app_a, .mc_1_app_b, .mc_1_app_c, .mc_1_app_d { position:absolute; opacity:0; } .mc_1_app_a { width:81px; height:86px; right:0px; bottom:0; } .mc_1_app_b { width:53px; height:56px; right:15%; top:15px; } .mc_1_app_c { width:39px; height:37px; left:27%; top:10px; } .mc_1_app_d { width:52px; height:56px; left:8%; bottom:10px; } #floaty2 { width:50px; height:50px; position:absolute; right:0px; top:20px; opacity:0; } #floaty3 { width:50px; height:50px; position:absolute; bottom:0px; opacity:0; } #floaty4 { width:50px; height:50px; position:absolute; right:0px; bottom:0; opacity:0; left:80px; } #animation_1 { background:pink; width:102px; margin:0 auto; } svg#animation_1a { width:102px; height:71px; margin: 0 auto; } #text_2 { position:absolute; top:-100px; opacity:0; } #text_2 svg { width:100px; height:100px; } /****************************** LISTS ******************************/ .inner-right-page h6, .inner-left-page h6 { display:block; padding:17px 0 25px; line-height:1.3em; color:black; } h6.list-header { font-size:.98em; margin-left:15px; } /*List 1 */ ul.list-1 { display:block; margin-bottom:34px; list-style:none; } ul.list-1 li { /*margin-left:16px;*/ padding:10px 0 10px 35px; color:black; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjExLjlweCIgaGVpZ2h0PSIxMC4ycHgiIHZpZXdCb3g9IjAgMCAxMS45IDEwLjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExLjkgMTAuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iIzRFNEU0RSIgZD0iTTcuNiAzLjlIMC4xdjIuNWg3LjVsLTMuOCAzLjhoMy41TDExLjUgNmMwLjItMC4yIDAuNC0wLjUgMC40LTAuOXMtMC4xLTAuNi0wLjQtMC45TDcuNCAwLjFIMy45TDcuNiAzLjl6Ii8+CjwvZz4KPC9zdmc+Cg=="); background-repeat:no-repeat; background-position:16px 16px; } ul.list-1 li:nth-child(odd) { background-color:#f4f3f3; } ul.list-1 li:nth-child(even) { background-color:#ebeaea; } /*List 2*/ h6.list-header-2 { } .list-2-wrap { width:100%; display:block; float:left; /* For O sys book only */ margin-bottom:40px; } .list-2-left, .list-2-right { width:47.5%; float:left; display:inline-block; } .list-2-left { margin-right:5%; } ul.list-2 { list-style:none; display:block; font-size:.95em; } ul.list-2 li { padding:0px 0 1px 34px; color:black; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjExLjlweCIgaGVpZ2h0PSIxMC4ycHgiIHZpZXdCb3g9IjAgMCAxMS45IDEwLjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExLjkgMTAuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iIzVmNWY1ZiIgZD0iTTcuNiAzLjlIMC4xdjIuNWg3LjVsLTMuOCAzLjhoMy41TDExLjUgNmMwLjItMC4yIDAuNC0wLjUgMC40LTAuOXMtMC4xLTAuNi0wLjQtMC45TDcuNCAwLjFIMy45TDcuNiAzLjl6Ii8+CjwvZz4KPC9zdmc+Cg=="); background-repeat:no-repeat; background-position:10px 6px; } ul.list-2 li:nth-child(even) { background-color:#dce3e4; } ul.list-2 li:first-child { background-image:none; padding:0px 0px 0px 10px; font-size:.9em; font-weight:bold; } /*List 3*/ ul.list-3 { display:block; list-style:none; /*list-style-position:inside; list-style-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTMuNjUycHgiIHZpZXdCb3g9IjAgMCAxNiAxMy42NTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDEzLjY1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTEwLjEzIDUuMTMySDB2My4zNzdoMTAuMTNsLTUuMTM0IDUuMTMxaDQuNzI4bDUuNjczLTUuNjcxYzAuMjcxLTAuMjcxIDAuNTQxLTAuNjc2IDAuNTQxLTEuMjE2IHMtMC4xMzYtMC44MTEtMC41NDEtMS4yMTZMOS44NTkgMEg1LjEzMkwxMC4xMyA1LjEzMnoiLz4KPC9nPgo8L3N2Zz4K");*/ } ul.list-3 li { font-size:1em; margin:0 0 24px 7%; padding-left:32px; width:83%; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTMuNjUycHgiIHZpZXdCb3g9IjAgMCAxNiAxMy42NTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDEzLjY1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTEwLjEzIDUuMTMySDB2My4zNzdoMTAuMTNsLTUuMTM0IDUuMTMxaDQuNzI4bDUuNjczLTUuNjcxYzAuMjcxLTAuMjcxIDAuNTQxLTAuNjc2IDAuNTQxLTEuMjE2IHMtMC4xMzYtMC44MTEtMC41NDEtMS4yMTZMOS44NTkgMEg1LjEzMkwxMC4xMyA1LjEzMnoiLz4KPC9nPgo8L3N2Zz4K"); background-repeat:no-repeat; background-position:left 4px; background-size:16px 15px } /*List 4*/ ul.list-4 { background:#b0c3c8; width:100%; display:block; float:left; list-style:none; padding:0 0 20px 0; } ul.list-4 li { border-bottom:#d0dbde 1px solid; margin:0 12.3% 0 6.7%; width:81%; padding:14px 0 14px 34px; font-size:1em; color:#46575e; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTcuMTA1cHgiIHZpZXdCb3g9IjAgMCAyMCAxNy4xMDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDE3LjEwNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLjY4OCA2LjQyOUgwdjQuMjNoMTIuNjg4bC02LjQzIDYuNDI3aDUuOTIxbDcuMTA1LTcuMTA0YzAuMzM5LTAuMzM5IDAuNjc4LTAuODQ2IDAuNjc4LTEuNTIyIHMtMC4xNy0xLjAxNS0wLjY3OC0xLjUyMkwxMi4zNSAwSDYuNDI5TDEyLjY4OCA2LjQyOXoiLz4KPC9nPgo8L3N2Zz4K"); background-repeat:no-repeat; background-position:left center; } /*List 5*/ ul.list-5 { color:#5f5f5f; margin-left:3.7%; width:96.3%; font-size:1em; list-style:none; padding-bottom: 42px; } ul.list-5 li { line-height:1.3em; border-bottom:#ccc solid 1px; padding:11px 0 14px; } /*List 6*/ ul.list-6 { display:block; list-style:none; } ul.list-6 li { font-size:.875em; margin:0 7% 17px 6.5%; line-height:1.25em; width:86.5%; padding-left:32px; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTMuNjUycHgiIHZpZXdCb3g9IjAgMCAxNiAxMy42NTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDEzLjY1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTEwLjEzIDUuMTMySDB2My4zNzdoMTAuMTNsLTUuMTM0IDUuMTMxaDQuNzI4bDUuNjczLTUuNjcxYzAuMjcxLTAuMjcxIDAuNTQxLTAuNjc2IDAuNTQxLTEuMjE2IHMtMC4xMzYtMC44MTEtMC41NDEtMS4yMTZMOS44NTkgMEg1LjEzMkwxMC4xMyA1LjEzMnoiLz4KPC9nPgo8L3N2Zz4K"); background-repeat:no-repeat; background-position:left 2px; background-size:16px 15px; } /*List 7*/ ul.list-7 { display:block; list-style:none; float:left; width:100%; margin-bottom:10px; } ul.list-7 li { margin:0 0 4px 8%; width:92% } ul.list-7 li:first-child { margin-left:4%; font-weight:bold; color:#8da6b1 } /*List 8*/ ul.list-8 { display:block; list-style:none; } ul.list-8 li { font-size:1em; margin:0px 7% 25px 6.5%; line-height:1.25em; width:86.5%; padding-left:32px; color:#46575e; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTMuNjUycHgiIHZpZXdCb3g9IjAgMCAxNiAxMy42NTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDEzLjY1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTEwLjEzIDUuMTMySDB2My4zNzdoMTAuMTNsLTUuMTM0IDUuMTMxaDQuNzI4bDUuNjczLTUuNjcxYzAuMjcxLTAuMjcxIDAuNTQxLTAuNjc2IDAuNTQxLTEuMjE2IHMtMC4xMzYtMC44MTEtMC41NDEtMS4yMTZMOS44NTkgMEg1LjEzMkwxMC4xMyA1LjEzMnoiLz4KPC9nPgo8L3N2Zz4K"); background-repeat:no-repeat; background-position:left 2px; background-size:16px 15px; } ul.list-8 li span.list-6-big { font-size:1.25em; font-weight:bold; line-height:1em; } /* Save for Template ul.list-8 { display:block; list-style:none; } ul.list-8 li { font-size:1.25em; margin:24px 7% 16px 6.5%; line-height:1.25em; width:86.5%; padding-left:32px; color:#46575e; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTMuNjUycHgiIHZpZXdCb3g9IjAgMCAxNiAxMy42NTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDEzLjY1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTEwLjEzIDUuMTMySDB2My4zNzdoMTAuMTNsLTUuMTM0IDUuMTMxaDQuNzI4bDUuNjczLTUuNjcxYzAuMjcxLTAuMjcxIDAuNTQxLTAuNjc2IDAuNTQxLTEuMjE2IHMtMC4xMzYtMC44MTEtMC41NDEtMS4yMTZMOS44NTkgMEg1LjEzMkwxMC4xMyA1LjEzMnoiLz4KPC9nPgo8L3N2Zz4K"); background-repeat:no-repeat; background-position:left 5px; background-size:16px 15px; } ul.list-8 li span.list-6-big { font-size:1.75em; font-weight:bold; line-height:1em; } */ /*List 9*/ .list-9-wrap { width:100%; display:block; float:left; /* For O sys book only */ margin-bottom:24px; } ul.list-9 { list-style:none; display:block; font-size:.95em; } ul.list-9 li { padding:0px 0 1px 34px; color:black; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjExLjlweCIgaGVpZ2h0PSIxMC4ycHgiIHZpZXdCb3g9IjAgMCAxMS45IDEwLjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExLjkgMTAuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iIzVmNWY1ZiIgZD0iTTcuNiAzLjlIMC4xdjIuNWg3LjVsLTMuOCAzLjhoMy41TDExLjUgNmMwLjItMC4yIDAuNC0wLjUgMC40LTAuOXMtMC4xLTAuNi0wLjQtMC45TDcuNCAwLjFIMy45TDcuNiAzLjl6Ii8+CjwvZz4KPC9zdmc+Cg=="); background-repeat:no-repeat; background-position:10px 6px; } ul.list-9 li:nth-child(even) { background-color:#dce3e4; } /****************************** TRADITIONAL ASSETS ******************************/ a .trad-asset { width:100%; display:block; float:left; margin:2px 0 24px; } .trad-asset-icon { width:73px; display:inline-block; float:left; } .trad-asset-icon svg { display:block; margin:3px auto 0; } .trad-asset-text { width:calc(100% - 73px); display:inline-block; float:left; padding:0px; } .trad-asset-text p strong { } .trad-asset-text p { color:black; padding:0px 0 0 !important; margin:7px 0 0; line-height:1.3em; font-size:1em; } a:hover .trad-asset-text p { text-decoration:underline; } svg.asset-article { /*196 x 199*/ width:52px; height:53px; } svg.asset-brochure { /*266 x 199*/ width:53px; height:40px; } svg.asset-demo { /*296 x 198*/ width:53px; height:36px; } svg.asset-ebook { /*142 x 199*/ width:38px; height:53px; } svg.asset-event { /*267 x 200*/ width:53px; height:40px; } svg.asset-infographic { /*178 x 198*/ width:67px; height:75px; margin-left:16px; } svg.asset-pdf { /*154 x 200*/ width:41px; height:53px; } svg.asset-podcast { /*173 x 200*/ width:46px; height:53px; } svg.asset-report { /*154 x 200*/ width:41px; height:53px; } svg.asset-success { /*134 x 199*/ width:36px; height:53px; } svg.asset-video { /*291 x 198*/ width:53px; height:36px; } svg.asset-webcast { /*293 x 199*/ width:53px; height:36px; } svg.asset-whitepaper { /*154 x 200*/ width:41px; height:53px; } svg.asset-popup { /*280 x 224*/ width:15px; height:12px; margin-left:5px; } .med-trad-asset, .med-trad-asset-2 { overflow:visible; padding-left:50px; } .med-trad-asset { height:44px; } .med-trad-asset-2 { height:62px; } .first-med { margin:17px 0;} .middle-med { margin:0 0 15px } .last-med { margin-bottom:12px; } .med-asset-success { background-image:url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEzMy41OTVweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDEzMy41OTUgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMzMuNTk1IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0xMzMuMjA5IDczLjc5OWMwLjU2OC01LjIwNyAwLjUxMy0xMC41MTYtMC4xOTMtMTUuODE2bC0xNS43MjQtNS4zNzVjLTAuNjItMi4yMDQtMS4zNzYtNC4zOTUtMi4zMDMtNi41NTkgYy0wLjkyNi0yLjE2My0xLjk5NS00LjIyMy0zLjE3LTYuMTkxbDYuOTUzLTE1LjEwMmMtMy4zNTMtNC4xNTctNy4xNjQtNy44NTctMTEuMzI1LTExLjA0MUw5Mi41MyAyMSBjLTQuMDQ3LTIuMjc3LTguMzgtNC4wMDYtMTIuODc5LTUuMTQ1TDczLjg4OSAwLjMwMmMtNS4yMDYtMC41NjMtMTAuNTE3LTAuNTA1LTE1LjgyMyAwLjE5M2wtNS4zNzggMTUuNyBjLTIuMjAzIDAuNjE5LTQuMzg5IDEuMzc0LTYuNTQ4IDIuMjk3Yy0yLjE2IDAuOTI2LTQuMjE0IDEuOTkxLTYuMTg1IDMuMTYybC0xNS4xMDMtNi45NTRjLTQuMTY1IDMuMzU2LTcuODU4IDcuMTY0LTExLjAzNyAxMS4zIGw3LjMxMyAxNC45MTdjLTIuMjc1IDQuMDQ2LTQuMDEgOC4zNzUtNS4xNDkgMTIuODdMMC4zODQgNTkuNjI0Yy0wLjU2MyA1LjIwOC0wLjUxMyAxMC41IDAuMiAxNS44MThsMTUuNzMyIDUuNCBjMC42MTcgMi4yIDEuNCA0LjQgMi4zIDYuNTU4YzAuOTI3IDIuMiAyIDQuMiAzLjIgNi4xOWwtNi45NTQgMTUuMTA0YzMuMzU3IDQuMiA3LjIgNy45IDExLjMgMTEgbDkuMDMtNC40MjljLTMuOTY0IDkuNTc1LTguNTgzIDI1LjY2MS0xMS43OTUgNTIuNDhjMTYuODY2IDIxLjUgMjMuNiAzMS40IDIzLjYgMzEuMzk4czQuMzc1LTM1Ljk5OCAxMy4xMTktNjYuMDIxIGM0LjM1OSAwLjUgOC44IDAuNCAxMy4yMzMtMC4wNWM1LjI2OSAxOS4yIDEzLjEgNDkuOSAxNC4xIDY2LjA3YzEyLjk3Ni0yMC40OTkgMjMuMDk2LTM2LjA2OSAyMy4wOTYtMzYuMDY5IHMtMy42MjItMjkuNDQ1LTEyLjU0LTQ5LjM0MmwxMC43MjMgNC45MzVjNC4xNzMtMy4zNTMgNy44NTktNy4xNjEgMTEuMDQ5LTExLjMybC03LjMyNC0xNC45MjJjMi4yOC00LjA0NSA0LjAxMS04LjM4MiA1LjE1Mi0xMi44ODIgTDEzMy4yMDkgNzMuNzk5eiIvPgo8L3N2Zz4="); background-position:5px top; background-repeat:no-repeat; background-size:30px 44px; /*padding:4px 0px 6px 30px; margin-left:3px;*/ } .med-asset-video { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI5MC43NjhweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDI5MC43NjggMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTAuNzY4IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0yODYuNDEzIDAuNzFINC4zNTFDMS45NTkgMC43IDAgMi43IDAgNS4wNjV2MTU4LjM4OWMwIDIuNCAxLjkgNC42IDQuMyA0LjggYzAgMCA0MC42IDQuNCAxMjkuNCA0Ljc4MmMtMC4xMzIgMi4zNDUtMC4zODMgNi40NzktMC41ODkgOC4xODdjLTAuMjk3IDIuNDQ2LTQuMzc0IDMuODY5LTYuMzg5IDMuOSBDODkuNzM3IDE4Ni40IDYyLjEgMTkxLjEgNjIuMSAxOTUuNDdjMCAxLjggMS42IDIuOCA5LjcgMy4yODlsMTQ4LjUwNC0wLjA2OWM3LjQ2OS0wLjUyMiA4LjY4OS0xLjQ5MiA4LjY4OS0zLjIyIGMwLTQuMzktMjcuODE3LTkuMDk3LTY1LjA1Mi0xMC4zMDljLTIuMDEtMC4wNjUtNi4wNTQtMS4yNDQtNi4zOTktNC40NjRjLTAuMjI2LTIuMTUtMC40MzgtNS41NzQtMC41NDgtNy42MjYgYzkwLjM3OS0wLjMyIDEyOS40MzctNC43NzEgMTI5LjQzNy00Ljc3MWMyLjM3NC0wLjI3NiA0LjMyNC0yLjQ1NiA0LjMyNC00Ljg0NlY1LjA2NUMyOTAuNzY4IDIuNyAyODguOCAwLjcgMjg2LjQgMC43IE0yNTUuMzk2IDE1OS41MjZjLTIuMjA0IDAtMy45OTMtMS43ODktMy45OTMtMy45OTVjMC0yLjIwOSAxLjc4OS0zLjk5NyAzLjk5My0zLjk5N2MyLjIxIDAgNCAxLjggNCA0IEMyNTkuMzg5IDE1Ny43IDI1Ny42IDE1OS41IDI1NS40IDE1OS41IE0yNzAuMDY0IDE1OS41MjZjLTIuMjA2IDAtMy45ODktMS43ODktMy45ODktMy45OTUgYzAtMi4yMDkgMS43ODMtMy45OTcgMy45ODktMy45OTdjMi4yMSAwIDQgMS44IDQgMy45OTdDMjc0LjA2MSAxNTcuNyAyNzIuMyAxNTkuNSAyNzAuMSAxNTkuNSBNMjc4LjQ4MiAxNDIuMzc3SDEyLjI4N1YxMi45OTdoMjY2LjE5NVYxNDIuMzc3eiIvPgo8L3N2Zz4K"); background-position:left top; background-repeat:no-repeat; background-size:40px 27px; /*padding:0px 0px 10px 33px;*/ } .med-asset-article { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE5NS41NHB4IiBoZWlnaHQ9IjIwMHB4IiB2aWV3Qm94PSIwIDAgMTk1LjU0IDIwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTk1LjU0IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0xOTMuNDE1IDYwLjY5OWwtNTUuMzc5IDcwLjYxNWwtMTUuNTYyLTExLjkzMkwxNjAgNzEuMTA1VjFIMzguNzExQzE2Ljk1NiAxIDAgMTguMyAwIDM5Ljk4NVYyMDBoMTYwIHYtODUuMDI3bDMzLjMxMi00Mi4wNDZDMTk2LjE5OCA2OS4yIDE5Ni4zIDY0LjEgMTkzLjQgNjAuNjk5eiBNMzQgMzRoOTJ2OUgzNFYzNHogTTM0IDY5aDkydjlIMzRWNjl6IE0zNCAxMDRoNzB2OEgzNFYxMDR6IE0xMjkuNjY2IDEzNy40MjljLTQuMzUyIDUuNTUtNi4wNzUgMTIuMzI4LTUuMzY1IDE4LjgzN2MtNi43MjcgMC43MjItMTkuNDc1IDEwLjAzMy0yMy4wODcgMTQuNjRsLTAuODAzIDEuMDExbC0yLjM4My0xLjg3MSBsMTEuMDEyLTE0LjAzOGMxLjU4OCAwLjMgMy4yNzEtMC4yNzYgNC4zMzctMS42MzRjMS41MzItMS45NTUgMS4xOTItNC43NzktMC43NjUtNi4zMWMtMS45NTQtMS41MzctNC43ODEtMS4xOTUtNi4zMTIgMC44IGMtMS4wNjMgMS4zNTItMS4yMDMgMy4xMjQtMC41NDggNC41OTlsLTExLjAxMSAxNC4wMzhsLTIuMzg0LTEuODY3bDAuNzkyLTEuMDIxYzMuNjExLTQuNjA2IDkuNjE0LTE5LjIwOCA4LjcxLTI1LjkxMSBjNi40OTMtMC44NjEgMTIuNjYyLTQuMTU2IDE3LjAxNC05LjcwMmwxLjA5Ni0xLjM5NmwxMC43OTcgOC40NjVMMTI5LjY2NiAxMzcuNDI5eiIvPgo8L3N2Zz4K"); background-position:2px top; background-repeat:no-repeat; background-size:43px 44px; /*padding:4px 0px 6px 31px; margin-left:2px*/ } /****************************** POPUPS (INCLUDING VIDEOS) ******************************/ /* Someday, these popups will be responsive. */ .overlay-fill { width:100%; height:100%; background-color:black; display:block; position:absolute; top:21px; opacity:1; } .popcont { display:none; } #overlay-container { z-index:1001; display:none; text-align:center; opacity:1!important; width:1022px; margin-top:25px; height:542px; } .adjustment1 { top:45px; } #overlay-content { opacity:0; overflow:hidden; margin:45px auto 0; } #youtube-overlay-container { z-index:1001; display:none; text-align:center; opacity:1!important; height:360px; margin-top:-20px; } #youtube-overlay-content { opacity:0; background-color:black; overflow:hidden;} #voverlay-content { z-index:1001; display:none; text-align:right; width:822px; height:489px; color:#fff; margin-top:24px; background-color:#fff; background-image:url(../images/preloader_video.gif); background-repeat:no-repeat; background-size:126px 100px; background-position:center; } #vid-close { top:-13px; } #p-close { top:8px; } #y-close { top:-37px } /* Popup Text, Graphic, Image */ .popup-wrapper { width:100%; height:542px; display:block; margin:0px auto 0; overflow:hidden; background:#fff; } a /*span*/.popup-graphic { float:left; border-left:black 10px solid; display:inline; font-size:1.15em; color:black; padding:15px 20px 0 12px; margin:26px 17px 15px 0; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color:#efefef; } a /*span*/.popup-graphic small { display:block; padding:6px 0 7px; text-align:right; height:20px; font-size:.75em; color:black; } a /*span*/.popup-graphic small img { padding-left:5px; } a:hover span.popup-graphic { background:#FAFAFA; } a:hover span.popup-graphic small { text-decoration:underline; } /* Close Button */ .button.b-close, .button.bClose { width:30px; height:30px; right:0; position:absolute; z-index:10000; cursor:pointer; text-indent:100%; white-space:nowrap; overflow: hidden; /*-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,.7); box-shadow: 0px 0px 15px 0 rgba(0,0,0,.7);*/ background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTI1IDQ5QzExLjc2NyA0OSAxIDM4LjIgMSAyNVMxMS43NjcgMSAyNSAxczI0IDEwLjggMjQgMjRTMzguMjMzIDQ5IDI1IDQ5eiIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNSAyYzEyLjY4MiAwIDIzIDEwLjMgMjMgMjNTMzcuNjgyIDQ4IDI1IDQ4UzIgMzcuNyAyIDI1UzEyLjMxOCAyIDI1IDIgTTI1IDAgQzExLjE5MyAwIDAgMTEuMiAwIDI1czExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjVTMzguODA3IDAgMjUgMEwyNSAweiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIxLjcxMSAxNi4zMjNsMy41MDQgNS45MDRsMy43NDUtNS45MDRoMy45ODRsLTUuNzEzIDguMzUzbDYuMDQ5IDkuMDAxSDI4LjcybC0zLjg2NC02LjUyOGwtNC4xNTIgNi41IGgtMy45ODRsNi4wOTctOC45NzdsLTUuNjg4LTguMzc3SDIxLjcxMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K"); background-repeat:no-repeat; } .button.b-close:hover { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1IDQ5QzExLjc2NyA0OSAxIDM4LjIgMSAyNVMxMS43NjcgMSAyNSAxczI0IDEwLjggMjQgMjRTMzguMjMzIDQ5IDI1IDQ5eiIvPgoJCTxwYXRoIGZpbGw9IiM2NjY2NjYiIGQ9Ik0yNSAyYzEyLjY4MiAwIDIzIDEwLjMgMjMgMjNTMzcuNjgyIDQ4IDI1IDQ4UzIgMzcuNyAyIDI1UzEyLjMxOCAyIDI1IDIgTTI1IDAgQzExLjE5MyAwIDAgMTEuMiAwIDI1czExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjVTMzguODA3IDAgMjUgMEwyNSAweiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTIxLjcxMSAxNi4zMjNsMy41MDQgNS45MDRsMy43NDUtNS45MDRoMy45ODRsLTUuNzEzIDguMzUzbDYuMDQ5IDkuMDAxSDI4LjcybC0zLjg2NC02LjUyOGwtNC4xNTIgNi41IGgtMy45ODRsNi4wOTctOC45NzdsLTUuNjg4LTguMzc3SDIxLjcxMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K"); background-repeat:no-repeat; } /****************************** VIDEOS ******************************/ .video-holder { width:100%; float:left; display:block; height:298px; margin-top:2px; } #video-1, #video-2, #video-3, #video-4, #video-5, #video-6, #video-7, #video-8, #video-9, #video-10, #video-11, #video-12 { background-repeat:no-repeat; background-position:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #video-1 { background-image:url(../images/thumbnail_01.jpg); } #video-2 { background-image:url(../images/thumbnail_02.jpg); } #video-3 { background-image:url(../images/thumbnail_06.jpg); } #video-4 { background-image:url(../images/thumbnail_10.jpg); } #video-5 { background-image:url(../images/thumbnail_13.jpg); } #video-6 { background-image:url(../images/thumbnail_14.jpg); } #video-7 { background-image:url(../images/thumbnail_15.jpg); } #video-8 { background-image:url(../images/thumbnail_03.jpg); } #video-9 { background-image:url(../images/thumbnail_19.jpg); } #video-10 { background-image:url(../images/thumbnail_20.jpg); } #video-11 { background-image:url(../images/thumbnail_21.jpg); } #video-12 { background-image:url(../images/thumbnail_22.jpg); } a.play-button, a.play-button-aside, a.play-button-stacked, a.play-button-backdrop { display:block; opacity:.75; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a.play-button { width:130px; height:130px; margin:84px auto 0; } a:hover.play-button, a:hover.play-button-aside, a:hover.play-button-stacked, a:hover.play-button-backdrop { opacity:1;} .video-info { display:block; width:100%; float:left; min-height:34px; margin:3px 0 17px; } .video-info a {} .video-info a:hover {} .video-info p { padding:0 !important; } .video-info p:first-of-type, .video-info-aside p:first-of-type { font-weight:bold; } /*Aside Videos */ a.play-button-aside { width:55px; margin:18px auto 0; height:55px; } .video-holder-aside { width:100%; float:left; display:block; height:92px; margin-top:21px; } .info-title-aside, .info-caller-aside { font-size:.75em; } .info-title-aside { margin:7px 0 8px; } /*Stacked Videos */ .video-stacked-inner { margin-top:11px; } /*add to 'row' class*/ .video-holder-stacked { width:192px; float:left; display:inline-block; height:107px; margin:6px 14px 27px 1px; } .video-info-stacked { display:inline-block; float:left; width:calc(100% - 207px); margin:0px 0 17px; } .video-info-stacked p { padding-bottom:9px; } .video-info-stacked p a { font-weight:bold; } a.play-button-stacked { width:50px; margin:29px auto 0; height:50px; } /*Videos with Backdrops */ .video-backdrop { width:100%; float:left; display:block; margin-bottom:24px; } .video-backdrop:after { clear:both; content:""; display:table; } .video-backdrop-top-left { margin-top:44px; } .video-backdrop-top-right { margin-top:80px; } .video-backdrop-middle { margin-top:20px; } .video-backdrop-1, .video-backdrop-2 { background-image:url(../images/video_BG_01_p.jpg); background-repeat:no-repeat; background-position:center -100px; height:208px; } .video-backdrop-overlay { width:100%; height:100%; background-color:rgba(0,0,0,.75); } .inner-video-backdrop-left-page, .inner-video-backdrop-right-page { display:block; float:left; max-width:620px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box; } .inner-video-backdrop-left-page { padding:35px 50px 0 49px; } .inner-video-backdrop-right-page { padding:35px 8.387096774194%/*52px*/ 0 5.806451612903%/*36px*/; } .video-backdrop-holder { width:193px; height:108px; float:left; display:inline-block; float:left; margin-right:28px; } .video-backdrop-info { display:inline-block; float:left; width:calc(100% - 221px); margin-top:-5px; } .video-backdrop-info p { color:#fff; padding-bottom:10px; } .video-backdrop-info p:first-of-type { font-size:1em; line-height:1.25em; font-weight:bold; } .video-backdrop-info p { text-decoration:none !important; } a.play-button-backdrop { width:52px; height:52px; margin:28px auto 0; } /****************************** CASE STUDY ******************************/ .case-study-wrap-left { width:100%; float:left; display:block; padding:0px 0 18px; margin:23px 0 0; } .case-study-wrap-right { width:100%; float:left; display:block; padding:0px 0 18px; margin:57px 0 0; } .case-study-wrap-left h3, .case-study-wrap-right h3 { display:block; float:left; width:100%; color:black; text-align:right; margin-bottom:22px; font-weight:bold; } .case-study-wrap-left p, .case-study-wrap-right p { color:black; } .case-study-wrap-left p img, .case-study-wrap-right p img{ float:left; margin:5px 23px 10px 0; } span.call-out-CS-left, span.call-out-CS-right { border-top:black 8px solid; border-bottom:black 8px solid; width:280px; color:black; font-size:1.125em /*18px*/; text-align:left; line-height:1.5em; font-weight:bold; } span.call-out-CS-left { float:left; padding:13px 12px 13px 14px; margin:15px 17px 15px -50px; } span.call-out-CS-right { float:right; padding:13px 12px 13px 14px; margin:15px -52px 15px 17px; } .case-study-inner-left-page { padding:38px 5.645161290323%/*35px*/ 0 7.741935483871%/*48px*/; } .case-study-inner-right-page { padding:39px 8.387096774194%/*52px*/ 0 5.806451612903%/*36px*/; } /****************************** TWITTER WIDGET ******************************/ .twitter-wrap { margin:0 0 18px; display:block; width:100%; float:left; } h4.twitter-header { padding:0px 0 22px 32px !important; color:#666 !important; background-image: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0idHdpdHRlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMzYuODlweCIgaGVpZ2h0PSIyNzMuNzg0cHgiIHZpZXdCb3g9IjYuNTY4IDM1LjM4MiAzMzYuODkgMjczLjc4NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyA2LjU2OCAzNS4zODIgMzM2Ljg5IDI3My43ODQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGF5ZXJfMV8xXyI+Cgk8cGF0aCBmaWxsPSIjNTVBQ0VFIiBkPSJNMzQzLjQ1OCA2Ny43OTJjLTEyLjM5NiA1LjQ5Ny0yNS43MTcgOS4yMTMtMzkuNjk2IDEwLjg4M2MxNC4yNzEtOC41NTUgMjUuMjMtMjIuMSAzMC4zOS0zOC4yMzggYy0xMy4zNTUgNy45Mi0yOC4xNDYgMTMuNjczLTQzLjg4OCAxNi43NzJjLTEyLjYwOS0xMy40MzMtMzAuNTcyLTIxLjgyNy01MC40NTEtMjEuODI3Yy0zOC4xNzQgMC02OS4xMjEgMzAuOTQ3LTY5LjEyMSA2OS4xIGMwIDUuNCAwLjYgMTAuNyAxLjggMTUuNzVjLTU3LjQ0Mi0yLjg4Mi0xMDguMzctMzAuMzk4LTE0Mi40NjEtNzIuMjE1Yy01Ljk0OSAxMC4yMDgtOS4zNTcgMjIuMDgtOS4zNTcgMzQuNyBjMCAyNCAxMi4yIDQ1LjEgMzAuNyA1Ny41MjljLTExLjMyOC0wLjM1OC0yMS45ODYtMy40Ny0zMS4zMDUtOC42NDZjLTAuMDA2IDAuMjg5LTAuMDA3IDAuNTc3LTAuMDA3IDAuOSBjMCAzMy41IDIzLjggNjEuNCA1NS40IDY3Ljc3MWMtNS44IDEuNTc5LTExLjkwNiAyLjQyNS0xOC4yMDkgMi40MjVjLTQuNDU0IDAtOC43ODUtMC40MzMtMTMuMDAzLTEuMjQgYzguNzk0IDI3LjUgMzQuMyA0Ny40IDY0LjYgNDguMDAyYy0yMy42NTQgMTguNTQtNTMuNDU3IDI5LjU4OC04NS44MzggMjkuNTg4Yy01LjU4IDAtMTEuMDgxLTAuMzMxLTE2LjQ4OC0wLjk2OCBjMzAuNTg4IDE5LjYgNjYuOSAzMS4xIDEwNiAzMS4wNTVjMTI3LjEzIDAgMTk2LjY1Mi0xMDUuMzE3IDE5Ni42NTItMTk2LjY1NGMwLTIuOTk2LTAuMDY3LTUuOTc4LTAuMjAyLTguOTQgQzMyMi40NzMgOTMuOCAzMzQuMiA4MS43IDM0My41IDY3Ljc5MnoiLz4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+CjwvZz4KPC9zdmc+"); background-repeat:no-repeat; background-size:26px 26px; background-position:left 0px; } /****************************** QUOTE ******************************/ .quote-left-page, .quote-right-page { float:left; width:93.9%; border-top:black solid 1px; border-bottom:black solid 1px; padding:19px 0 3px; display:block; } .quote-left-page { margin:5px 3.2% 27px 2.7%; } .quote-right-page { margin:5px 2.7% 27px 3.2%; } .quote-left-page p, .quote-right-page p { color:black; } .quote-left-page p img, .quote-right-page p img { float:right; padding-left:20px; } p.quotation { padding-bottom:5px !important; } .quote-asset { float:left; display:block; padding:2px 0px 6px; } .quote-asset p { line-height:1.6em; } .quote-asset p a { } .quote-asset p a:hover { text-decoration:underline; } .quote-asset p svg { float:left; margin-right:5px; } .quote-asset p.special-padding { padding-bottom:10px !important; } /*quote backdrop*/ .quote-backdrop { width:100%; float:left; display:block; margin-bottom:13px; padding:34px 0 12px; } .quote-backdrop-top-right { margin-top:78px; } .quote-backdrop-top-left { margin-top:42px; } .quote-backdrop p { color:black; line-height:1.5em; padding-bottom:22px !important; font-size:.875em; } /*.quote-backdrop p img { float:left; margin:5px 20px 10px 0; width:170px; }*/ .quote-backdrop-special { padding:15px 0 0; } /*quote/case study hybrid*/ .quote-cs-wrap { display:block; float:left; width:100%; /*margin-bottom:12px;*/ } .quote-cs-wrap h3 { display:block; float:left; width:100%; color:black; text-align:right; margin-bottom:22px; font-weight:bold; } .quote-cs-wrap-left, .quote-cs-wrap-right { display:inline-block; float:left; } .quote-cs-wrap-left, .quote-cs-wrap-left img { width:125px; } .quote-cs-wrap-right { width:calc(100% - 125px); } /* Nino note: Match specs from resources. */ svg.quote-asset-report { width:22px; height:24px; } svg.quote-asset-success { width:15px; height:23px; } #get-page-48-special { margin-top:24px; float:left; } img.nambia { width:100px; } img.landolakes { width:175px; } #get-page-17 .quote-cs-wrap-left img { margin-top:-5px; } #get-page-36 .quote-cs-wrap-left img { margin-top:-10px; } /****************************** CALL OUTS ******************************/ span.call-out-borders-left, span.call-out-borders-right { border-top:black 8px solid; border-bottom:black 8px solid; width:260px; padding:13px 12px; font-size:1.125em /*18px*/; text-align:left; line-height:1.5em; font-weight:bold; color:black; } span.call-out-borders-left { margin:25px 17px 15px -48px; float:left; } span.call-out-borders-right { margin:25px -49px 15px 17px; float:right; } span.call-out-solid-left, span.call-out-solid-right { width:526px; float:left; background:#F25316; color:#F2E2BD; font-size:1.8em; line-height:1.25em; padding:26px 23px 28px; display:block; } span.call-out-solid-left { margin:20px 0px 20px -57px; } span.call-out-solid-right { margin:20px 0px 20px 12px; } /****************************** TEXT HIGHLIGHTS ******************************/ .text-highlight-1 { width:87.2%; float:left; display:block; background:#8da6b1; color:#fff; padding:20px 6.4% 0px; margin-bottom:24px; } .text-highlight-1 p { font-size:1em; } /****************************** FULL-WIDTH GRAY BACKGROUNDS ******************************/ .full-width-gray-left { background: rgb(237,237,237); background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 95%, rgba(209,209,209,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(237,237,237,1)), color-stop(95%,rgba(237,237,237,1)), color-stop(100%,rgba(209,209,209,1))); background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 95%,rgba(209,209,209,1) 100%); background: -o-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 95%,rgba(209,209,209,1) 100%); background: -ms-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 95%,rgba(209,209,209,1) 100%); background: linear-gradient(to right, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 95%,rgba(209,209,209,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d1d1d1',GradientType=1 ); } .full-width-gray-right { background: #dddddd; background: -moz-linear-gradient(left, #dddddd 0%, #ededed 3%, #ededed 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dddddd), color-stop(3%,#ededed), color-stop(100%,#ededed)); background: -webkit-linear-gradient(left, #dddddd 0%,#ededed 3%,#ededed 100%); background: -o-linear-gradient(left, #dddddd 0%,#ededed 3%,#ededed 100%); background: -ms-linear-gradient(left, #dddddd 0%,#ededed 3%,#ededed 100%); background: linear-gradient(to right, #dddddd 0%,#ededed 3%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ededed',GradientType=1 ); } /****************************** LIFE STYLE PAGES / BACKGROUND PHOTOS ******************************/ .bg-full-1, .bg-full-2, .bg-full-3, .bg-full-4, .bg-full-5, .bg-full-6, .bg-full-7, .bg-full-8, .bg-full-9, .bg-full-10, .bg-full-11, .bg-full-12, .bg-full-13, .bg-full-14 { width:620px; height:800px; position:relative } .bg-full-1 { background:url(../images/image_ch01.jpg) no-repeat; } .bg-full-3 { background:url(../images/image_ch02.jpg) no-repeat; } .bg-full-2 { background-size:480px 366px; background-position:center 390px; background-repeat:no-repeat; background-image:url(../images/ch1_image1.svg); } .bg-full-4 { background-size:264px; background-position:78px 250px; background-repeat:no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI2M3B4IiBoZWlnaHQ9IjI2M3B4IiB2aWV3Qm94PSIwIDAgMjYzIDI2MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjYzIDI2MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIG9wYWNpdHk9IjAuMiI+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNMjA1Ljc3IDI0LjgxMmwtMzUuNzkyIDM1Ljc5NGMtMS4wNzggMS4wNzgtMy4yMDggMS45Ni00LjczMSAxLjk2aC0yLjE2NCBjLTEuNTIzIDAtMi43NzEtMS4yNDctMi43NzEtMi43NzN2LTE2LjQ4YzAtMS41MjMtMS4yNS0yLjc3My0yLjc3My0yLjc3M2gtNy4xMmMtMS41MjQgMC0yLjc3Mi0xLjI0Ny0yLjc3Mi0yLjc3MVYyLjU3NCBjLTUuMjU1LTAuNjQ2LTEwLjYwNC0wLjk4NC0xNi4wMzEtMC45ODRjLTQzLjQxMSAwLTgxLjg0NyAyMS4yODItMTA1LjQ1NSA1My45OGw3LjQ1Ny0yLjQxM2MxLjQ4Ni0wLjQ3OSAzLjgzNi0xLjQ1MiA1LjIyNC0yLjE1OCBMODYuMjc4IDI2LjgzYzEuMzktMC43MDggMy44MDItMS4yODggNS4zNjEtMS4yODhoMzguODk1YzEuNTYxIDAgMi44IDEuMyAyLjggMi44MzV2Ni4yMTdjMCAxLjU1OS0xLjI3NSAyLjgzMy0yLjgzNiAyLjggaC0xOC41OTJjLTEuNTYyIDAtMy44MjIgMC44MTEtNS4wMjUgMS44bC05LjQ4NiA3Ljc5MWMtMS4yMDEgMC45OTEtMS4wMDQgMi4zIDAuNCAyLjg1MWw5LjU5MSAzLjggYzEuNDQ1IDAuNiAzLjUgMC4yIDQuNjUtMC45MzNsMS4yMjktMS4yMDVjMS4xMTItMS4wOTEgMy4yOTctMS45ODUgNC44NTYtMS45ODVoMjUuNjc5YzEuNTU4IDAgMi44IDEuMyAyLjggMi44IHYxNC42MDNjMCAxLjU1Ny0wLjkyIDMuNzEzLTIuMDUyIDQuNzg3bC0zMi41NjQgMzEuMDAxYy0xLjEyOSAxLjA3Ni0yLjA1MSAzLjIyOS0yLjA1MSA0Ljc4OXYxNi44NSBjMCAxLjU1OS0xLjI3NiAyLjgzNS0yLjgzNSAyLjgzNWgtNC4zODFjLTEuNTYyIDAtMi44MzctMS4yNzYtMi44MzctMi44MzV2LTcuMjc5YzAtMS41Ni0xLjI3NC0yLjgzOC0yLjgzNS0yLjgzOEg4Ni44NTcgYy0xLjU2MiAwLTIuODM1IDEuMjc4LTIuODM1IDIuODM4djEwLjY1NmMwIDEuNiAxLjEgMy41IDIuNCA0LjQxbDE1Ljk4MSAxMC42NThjMS4yOTggMC45IDMuNiAxLjYgNS4yIDEuNiBoMjkuMjI2YzEuNTU5IDAgNCAwLjYgNS4zIDEuMzM5bDM2LjQwNCAxOS41NDZjMS4zNzQgMC43IDIgMi41IDEuNSAzLjk5bC0xMi4xNzMgMzEuOSBjLTAuNTU3IDEuNDU3LTEuOTggMy40NzktMy4xNjIgNC40OTJsLTMxLjc3MyAyNy4yNzZjLTEuMTgxIDEuMDE3LTEuOTA1IDMuMDk3LTEuNjA0IDQuNjI2bDIuNDUyIDEyLjUgYzAuMzAxIDEuNTMtMC43MjkgMi43OC0yLjI4NSAyLjc4aC0yLjg3NWMtMS41NjIgMC0zLjc1MS0wLjg4OS00Ljg2NS0xLjk3OWwtNy41MDQtNy4zMDZjLTEuMTE2LTEuMDg3LTIuMDI5LTMuMjUyLTIuMDI5LTQuODEyIHYtODIuNzI1YzAtMS41NTktMS4yNzQtMi44MzUtMi44MzUtMi44MzVoLTguNTIyYy0xLjU2MiAwLTMuOTE2LTAuNjg1LTUuMjMtMS41MmwtMjEuODI4LTEzLjg1IGMtMS4zMTYtMC44MzctMy4xNTYtMi41NDItNC4wOTQtMy43ODZMNTcuNzU0IDExNS40N2MtMC45MzYtMS4yNDMtMi45NzYtMi4yNjMtNC41MzUtMi4yNjNINDkuNiBjLTEuNTYyIDAtMy40MzktMS4xMjUtNC4xNzYtMi40OTlMMzMuMzE1IDg4LjExNmMtMC43MzUtMS4zNzUtMS4zMzktMy43NzMtMS4zMzktNS4zM3YtMTQuMDRjMC0xLjU1Ny0xLjI3Ni0yLjgzMy0yLjgzNS0yLjgzMyBoLTkuNzI5QzguMTA4IDg1LjIgMS42IDEwNy42IDEuNiAxMzEuNTgzYzAgNzEuOCA1OC4yIDEzMCAxMzAgMTMwIGM3MS43OTEgMCAxMjkuOTk0LTU4LjIwMSAxMjkuOTk0LTEyOS45OTRDMjYxLjYwOCA4Ny40IDIzOS41IDQ4LjMgMjA1LjggMjQuOCIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo="); } .bg-full-5 { background:url(../images/image_ch03.jpg) no-repeat; } .bg-full-6 { background:url(../images/image_ch04.jpg) no-repeat; } .bg-full-7 { background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(218,218,218,0) 95%, rgba(160,160,160,.75) 100%), url('../images/image2_ch03_b.jpg'); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(218,218,218,0)), color-stop(100%,rgba(160,160,160,.75))), url('../images/image2_ch04.jpg'); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,.75) 100%), url('../images/image2_ch03_b.jpg'); background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,.75) 100%), url('../images/image2_ch03_b.jpg'); background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,.75) 100%), url('../images/image2_ch03_b.jpg'); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,.75) 100%), url('../images/image2_ch03_b.jpg'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#A0A0A0',GradientType=1 ), url('../images/image2_ch03_b.jpg'); background-repeat: no-repeat; background-position:left bottom; background-size:620px 550px; } .bg-full-8 { background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(218,218,218,0) 95%, rgba(160,160,160,1) 100%), url('../images/image2_ch04.jpg'); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(218,218,218,0)), color-stop(100%,rgba(160,160,160,1))), url('../images/image2_ch04.jpg'); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,1) 100%), url('../images/image2_ch04.jpg'); background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,1) 100%), url('../images/image2_ch04.jpg'); background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,1) 100%), url('../images/image2_ch04.jpg'); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,1) 100%), url('../images/image2_ch04.jpg'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#A0A0A0',GradientType=1 ), url('../images/image2_ch04.jpg'); background-repeat: no-repeat; background-position:left bottom; background-size:620px 298px; } .bg-full-9 { background-image:url(../images/image3right_ch04.jpg); background-size:620px 298px; background-position:right bottom; background-repeat:no-repeat; } .bg-full-10 { background:url(../images/image_ch05.jpg) no-repeat; } .bg-full-11 { background-image:url(../images/ch5_image2.svg); background-repeat:no-repeat; background-size:375px 353px; background-position:70px 170px; } .bg-full-12 { background-image:url(../images/ch5_image3_bg.svg); background-repeat:no-repeat; background-size:550px 400px; background-position:center 320px; } /*.bg-full-13 { background-image:url(../images/ch5_image5.svg); background-repeat:no-repeat; background-size:520px 390px; background-position:center 240px; }*/ .bg-full-13 { background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(218,218,218,0) 95%, rgba(160,160,160,1) 100%), url('../images/image_ch05_b.jpg'); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(218,218,218,0)), color-stop(100%,rgba(160,160,160,1))), url('../images/image_ch05_b.jpg'); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,1) 100%), url('../images/image_ch05_b.jpg'); background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,1) 100%), url('../images/image_ch05_b.jpg'); background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,1) 100%), url('../images/image_ch05_b.jpg'); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(218,218,218,0) 95%,rgba(160,160,160,1) 100%), url('../images/image_ch05_b.jpg'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#A0A0A0',GradientType=1 ), url('../images/image_ch05_b.jpg'); background-repeat: no-repeat; } .bg-full-14 { background:url(../images/image_ch06.jpg) no-repeat; } .lifestyle-1, .lifestyle-2 { width:620px; height:800px; position:relative; } .lifestyle-1 { background:url(../images/lifestyle_1.jpg) no-repeat; } .lifestyle-2 { background:url(../images/lifestyle_2.jpg) no-repeat; } .aside-left-page, .aside-right-page { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block; padding:0 36px; width:236px; height:802px; position:absolute; } .aside-left-page { padding-top:81px; } .aside-right-page { padding-top:79px; } .aside-left-page p.aside-caption, .aside-right-page p.aside-caption { font-size:0.75em; line-height:1.5em; color:#5f5f5f; padding-top:29px; direction:block; float:left; font-style:italic; } img.aside-image { display:block; float:left; } .aside-left-page { right:0; top:-2px; background:rgba(255, 255, 255, .75); border-right:1px solid #dadada; } .aside-right-page { left:0; top:0px; background:rgba(255, 255, 255, .75); } .aside-buffer1 { display:block; float:left; width:100%; height:94px; } /****************************** DUAL PAGE BACKGROUNDS ******************************/ .dual-left-page { background-image:url(../images/bg_dual_1a.jpg); background-repeat:no-repeat; width:620px; height:800px; position:absolute; margin:70px 0 0 52px; } .dual-footer-left { left:51px; } .dual-right-page { background:url(../images/bg_dual_1b.jpg); background-repeat:no-repeat; width:620px; height:800px; position:relative; margin:70px 52px 0 0; } .dual-footer-right { padding-right:0; right:-33px; } /****************************** SOCIAL MEDIA ******************************/ .get-social-media-resources { display:block; width:100%; float:left; } .get-social-media-resources2 { display:inline-block; float:right; margin:10px 30px 0 0; } ul.social-media { list-style:none; } ul.social-media li { display:inline-block; float:left; width:24px; height:25px; margin:0px 8px 0 0; } ul.social-media li a .sm-red { fill:#F80000; } 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; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .new-chap-empty .get-social-media-resources { margin:30px 0 0 14px; } } ul.social-media-default { list-style:none; } ul.social-media-default li { display:inline-block; float:left; margin:0px 8px 0 0; } img.facebook { width:25px; height:25px; } svg.twitter { width:25px; height:25px; } img.youtube { width:45px; height:18px; margin-top:4px; } svg.linkedin { width:25px; height:25px; } svg.blog { width:25px; height:25px; } /****************************** RESOURCES ******************************/ /*I'm not sure why this is broken*/ #get-panel-5-text { display:block !important; width:120%; } .resources-header-wrap { padding:7px 0 13px; margin-left:-1px; width:100%; float:left; } .resources-header-wrap h1 { display:inline-block; float:left; margin-top:12px; } .resources-instruction-wrap { padding:0px 0 0px; width:100%; float:left; } ul.tabs { display:block; list-style:none; } ul.tabs li { font-size:1em; } ul.tabs li a { width:497px; display:block; float:left; height:45px; margin-bottom:5px; color:black; padding:12px 0 0 12px; text-decoration:none; background-color:#ededed; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMuOTVweCIgaGVpZ2h0PSIxOC4xMjFweCIgdmlld0JveD0iMCAwIDEzLjk1IDE4LjEyMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMuOTUgMTguMTIxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik01LjAwNiwwQzMuMzM4LDAsMS43LDAsMCwwYzIuMjA4LDIuMyw0LjQsNC43LDYuNiw2Ljk4NEM2Ljc3LDcuMSw4LjYsOSw4LjYsOS4xDQoJYy0wLjkxNCwwLjk2Mi0xLjgyNiwxLjkyNS0yLjc0LDIuODg5Yy0xLjk0LDIuMDQ3LTMuODgxLDQuMDk1LTUuODIsNi4xNGMxLjU4LDAsMy4yLDAsNC43LDBjMC4zMjMsMCwwLjM1NC0wLjA5NSwwLjU4Ny0wLjMyOA0KCWMwLjQ3OS0wLjQ3NywwLjk1NS0wLjk1MywxLjQzNC0xLjQzYzIuMzk2LTIuMzkxLDQuNzkxLTQuNzc5LDcuMTg5LTcuMTY5QzE0LjA0Nyw5LjEsNS45LDAuOSw1LDBINS4wMDZ6Ii8+DQo8L3N2Zz4NCg=="); background-repeat:no-repeat; background-position:470px center; background-size: 13px 17px; -moz-transition: all .1s ease-in-out; -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; -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:black; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMTg3LjUgMjQwLjUgMTUgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTg3LjUgMjQwLjUgMTUgMTkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTkyLjUwNiAyNDAuOTRjLTEuNjY4IDAtMy4zMzcgMC01LjAwNiAwYzIuMjA4IDIuMyA0LjQgNC43IDYuNiA3IGMwLjE0NyAwLjIgMiAyIDEuOSAyLjEwOGMtMC45MTQgMC45NjMtMS44MjcgMS45MjYtMi43NDEgMi44ODljLTEuOTQgMi4wNDctMy44OCA0LjA5NC01LjgyIDYuMSBjMS41OCAwIDMuMiAwIDQuNyAwYzAuMzIzIDAgMC4zNTQtMC4wOTQgMC41ODctMC4zMjhjMC40NzgtMC40NzYgMC45NTUtMC45NTIgMS40MzMtMS40MjljMi4zOTYtMi4zOSA0Ljc5Mi00Ljc3OSA3LjE4OC03LjE2OSBDMjAxLjU0NyAyNTAgMTkzLjQgMjQxLjggMTkyLjUgMjQwLjk0eiIvPgo8L3N2Zz4K"); background-repeat:no-repeat; background-position:470px center; } .panel { display:block; height:625px; margin-left:-2px;/*overflow-y:scroll; */ float:left;overflow-x: hidden; } .panel::-webkit-scrollbar { width:8px; } .panel::-webkit-scrollbar-thumb { background-color:#666666; border-radius:3px; } ul.resource-list { display:block; margin-bottom:20px; width:90%; } ul.resource-list li { list-style:none; display:block; font-size:0.75em; margin-bottom:3px; } ul.resource-list li a { color:black; } ul.resource-list li.article { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE5NS41NHB4IiBoZWlnaHQ9IjIwMHB4IiB2aWV3Qm94PSIwIDAgMTk1LjU0IDIwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTk1LjU0IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0xOTMuNDE1IDYwLjY5OWwtNTUuMzc5IDcwLjYxNWwtMTUuNTYyLTExLjkzMkwxNjAgNzEuMTA1VjFIMzguNzExQzE2Ljk1NiAxIDAgMTguMyAwIDM5Ljk4NVYyMDBoMTYwIHYtODUuMDI3bDMzLjMxMi00Mi4wNDZDMTk2LjE5OCA2OS4yIDE5Ni4zIDY0LjEgMTkzLjQgNjAuNjk5eiBNMzQgMzRoOTJ2OUgzNFYzNHogTTM0IDY5aDkydjlIMzRWNjl6IE0zNCAxMDRoNzB2OEgzNFYxMDR6IE0xMjkuNjY2IDEzNy40MjljLTQuMzUyIDUuNTUtNi4wNzUgMTIuMzI4LTUuMzY1IDE4LjgzN2MtNi43MjcgMC43MjItMTkuNDc1IDEwLjAzMy0yMy4wODcgMTQuNjRsLTAuODAzIDEuMDExbC0yLjM4My0xLjg3MSBsMTEuMDEyLTE0LjAzOGMxLjU4OCAwLjMgMy4yNzEtMC4yNzYgNC4zMzctMS42MzRjMS41MzItMS45NTUgMS4xOTItNC43NzktMC43NjUtNi4zMWMtMS45NTQtMS41MzctNC43ODEtMS4xOTUtNi4zMTIgMC44IGMtMS4wNjMgMS4zNTItMS4yMDMgMy4xMjQtMC41NDggNC41OTlsLTExLjAxMSAxNC4wMzhsLTIuMzg0LTEuODY3bDAuNzkyLTEuMDIxYzMuNjExLTQuNjA2IDkuNjE0LTE5LjIwOCA4LjcxLTI1LjkxMSBjNi40OTMtMC44NjEgMTIuNjYyLTQuMTU2IDE3LjAxNC05LjcwMmwxLjA5Ni0xLjM5NmwxMC43OTcgOC40NjVMMTI5LjY2NiAxMzcuNDI5eiIvPgo8L3N2Zz4K"); background-position:left top; background-repeat:no-repeat; background-size:22px 23px; padding:4px 0px 6px 31px; margin-left:2px; } ul.resource-list li.data-sheet /* Also used for "REPORTS" */ { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1My45MTJweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDE1My45MTIgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNTMuOTEyIDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0xMTQuNjAzIDAuMTc4TDAgMHYyMDBoMTUzLjkxMlYzOS40ODlDMTUzLjkxMiAxNy44IDEzNi4zIDAuMiAxMTQuNiAwLjIgTTEyMi4zOTggMTY3LjY1N0gzMS41MTEgdi04LjM3NWg5MC44ODdWMTY3LjY1N3ogTTEyMi4zOTggMTMzLjg1NUgzMS41MTF2LTguMzc5aDkwLjg4N1YxMzMuODU1eiBNMTAxLjcwOCA5NC41MDdjLTE5LjgzIDQuNzg5LTM5Ljc5LTcuNDA0LTQ0LjU3OC0yNy4yMzQgYy00Ljc4OC0xOS44MzIgNy40MDgtMzkuNzg5IDI3LjIzOS00NC41NzhjNy4xNTYtMS43MjYgMTQuMzI1LTEuMjM2IDIwLjggMS4wMjFMOTMuMDQ1IDU4LjU5OGwzNS45LTguNjY5bDAuMDAxIDAgQzEzMy43MzQgNjkuOCAxMjEuNSA4OS43IDEwMS43IDk0LjUgTTEwNC4zNjggNDguNTM5bDEwLjg0OC0zMS4yMTVjMTAuMjU3IDMuNiAxOC41IDEyLjEgMjEuMyAyMy41IEwxMDQuMzY4IDQ4LjUzOXoiLz4KPC9zdmc+Cg=="); background-position:left top; background-repeat:no-repeat; background-size:17px 23px; padding:4px 0px 6px 31px; margin-left:2px; } ul.resource-list li.infographic /* Also used for "REPORTS" */ { background-image:url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXNzZXQtaW5mb2dyYXBoaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTc3LjY0NXB4IiBoZWlnaHQ9IjIwMHB4IiB2aWV3Qm94PSIwIDAgMTc3LjY0NSAyMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3Ny42NDUgMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzFGNEY4MiIgZD0iTTE3NC4yNjYgMTgyLjM1NmwtMzMuOTQ4LTI0LjYyNmMtMS4zNjItMS4xMTUtMy4wMjgtMS42MS00LjY2Mi0xLjUzNGwtNC4zNS0zLjUyMSBjMC45MjYtMS41NDcgMS43NDgtMy4xNjMgMi40NTgtNC44NTFjMy45NTEtOS4zOTkgNC4wMDMtMTkuNzc2IDAuMTQ5LTI5LjIxOGMtNC42MDEtMTEuMjczLTE0LjA4Ni0xOS40MDQtMjUuNDUtMjIuNDM0VjI4LjIwMiBjMC0xNS4zMDItMTIuMzgtMjcuODMxLTI3LjY5Ny0yNy44MzFIMHYxNDAuOTQ1aDUyLjkwNmMtMi4zNTktMTAuOTQgMC42NDYtMjIuMjUyIDcuNjctMzAuODIxVjgxLjgyMmgxMi41M3YxOC42NzkgYzAuOTAzLTAuNDUzIDEuODIzLTAuODgyIDIuNzcxLTEuMjY5YzMuODY2LTEuNTc4IDcuODMtMi40NzIgMTEuNzYtMi43NzNjLTEuMTc5IDAuMzU2LTIuMzQxIDAuNzY3LTMuNDkyIDEuMiBjLTE5LjQ4MyA3Ljk1NS0yOC44NjYgMzAuMjc4LTIwLjkxNCA0OS43NjVjNS44OTEgMTQuNCAxOS44IDIzLjggMzUuNCAyMy43NTRjNC45NDcgMCA5Ljc5NC0wLjk1NSAxNC40MTItMi44MzYgYzQuNDc3LTEuODMgOC40ODMtNC40MzkgMTEuODg2LTcuNjcybDQuMzA4IDMuNDg3YzAuMjY1IDEuNiAxLjEgMy4xIDIuNCA0LjE2MmwzMC45NDMgMjguMyBjMi42NyAyLjIgNi4yIDIuNiA5LjIgMS40NTVjMS40MzUtMC41NjEgMi43NTUtMS40ODEgMy44MDUtMi43NTZDMTc4Ljc4NSAxOTEuNCAxNzguMiAxODUuNiAxNzQuMyAxODIuNCBNNjcuODg4IDEzMy4wNzljMC0xMi4xMDggNy4yMDItMjMuNjA3IDE5LjA4My0yOC40NThjMS41NzMtMC42NDIgMy4xOC0xLjE0MiA0LjgxMS0xLjUxNHYyOS45NzJINjcuODg4eiBNODEuMTk2IDEyLjYgYzcuMjI5IDIuNSAxMy4xIDguNSAxNSAxNi41MzRsLTIyLjY0MiA1LjQ2N0w4MS4xOTYgMTIuNTc4eiBNMjkuMDkgMTI3Ljg3OEgxNi41NjN2LTI2LjIxM0gyOS4wOVYxMjcuODc4eiBNNTEuMDk5IDEyNy44NzhIMzguNTY2VjkxLjc0MWgxMi41MzNWMTI3Ljg3OHogTTcxLjY4IDY2Ljk3NmMtMTMuOTc5IDMuMzcyLTI4LjA0My01LjIyMi0zMS40MTUtMTkuMTk2IGMtMy4zNzUtMTMuOTc2IDUuMjE3LTI4LjA0IDE5LjE5My0zMS40MTVjNS4wNDEtMS4yMTggMTAuMDk1LTAuODY5IDE0LjcgMC43Mkw2NS41NyA0MS42NjZsMjUuMzAxLTYuMTA3djAgQzk0LjI0NyA0OS41IDg1LjcgNjMuNiA3MS43IDY3IE0xMTAuMTcgMTYxLjQ1MWMtMy43MTIgMS41MTQtNy42MTEgMi4yODUtMTEuNTg1IDIuMyBjLTEwLjI0IDAtMTkuNTYtNS4wMTMtMjUuMjExLTEzLjE3OGg0NC4wMzh2LTQxLjc4YzQuMTUzIDMuMiA3LjUgNy41IDkuNiAxMi42NTVjMy4wOTkgNy42IDMuMSAxNS45MzMtMC4xMjEgMjMuNSBDMTIzLjY5IDE1Mi41IDExNy44IDE1OC40IDExMC4yIDE2MS41Ii8+Cjwvc3ZnPg=="); background-position:left top; background-repeat:no-repeat; background-size:22px 23px; padding:4px 0px 6px 31px; margin-left:2px; } ul.resource-list li.pdf { background-image:url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1NHB4IiBoZWlnaHQ9IjIwMHB4IiB2aWV3Qm94PSIwIDAgMTU0IDIwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTU0IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0xMTMuMDQ5IDBoLTMuMzgybDAgMEgwdjIwMGgxNTRWMzkuODQ3QzE1NCAxOC4xIDEzNC44IDAgMTEzIDB6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03Ni44MjkgNjkuMTQ2YzAuNTU2LTkuMDYzLTQuMTIzLTExLjc0OC00LjEyMy0xMS43NDhzLTEuNjQ0LTIuMjQzLTIuNzE1IDAuNiBjLTIuMTcxIDMuMyAwLjQgMTkuMSAwLjQgMTkuODg3YzAuMDUgMC44IDEuNSA5LjMgMi4xIDguNDczYzAuNTczLTAuNzk1IDEuOTQzLTYuOTUzIDEuOTQzLTYuOTUzIHMxLjYyLTUuOTMxIDIuMTQ1LTguMDc1YzAuMzQ3IDEuNDcyLTAuNDczIDkuNjQ2LTAuNTI1IDEwLjkxOGMtMC4wNDcgMS4yNy0xLjEzNiA3LjQyNS0xLjEzNiA3LjQyNXMtMC43NTYgMi4yNjgtMC4yNTcgNCBjMC40OTggMS43IDMuMSA3LjcgNy4zIDE0LjMwNmM0LjE4NyA2LjYgMTYuMiAxNS4xIDE2LjIgMTUuMTAxczAuNjk3IDAuNyAyLjEgMC4zIGMxLjQyMS0wLjQyNCAxMC4zOTItMS4xOTYgMTAuMzkyLTEuMTk2czQuOTYtMC4wMjMgMTAuNyAwYzUuNzggMCA4LjkgMS42IDEwLjkgMi44IGMyLjAxOSAxLjIgMS44IDYuNSAxLjMgNC45ODRjLTAuNTIyLTEuNTIxLTMuMjktMi40NDMtNC43MDktMy4xNjdjLTEuNDItMC43MjItNC4xODgtMC43MjItNS40MTEtMC44MjEgYy0xLjIxOC0wLjEwMS01LjE4My0wLjA3Ni02Ljg1MS0wLjA1MWMtMS42NyAwLjAyNi0xMS44NjUgMC40NzUtMTEuMjQgMC43NDdjMC42MjEgMC4zIDkgNC4zIDEyLjcgNS43IGMzLjY2MiAxLjQgOS4zIDEuOCAxMS40IDEuODE4YzIuMDk0IDAgMy4wNDItMC43NzQgNC4wMTMtMi4xNDRjLTAuMDc2IDIuNzg5LTEuOTQyIDQuNTYtMy43NjMgNS4xIGMtMS44MTcgMC41NzMtNy4wNzcgMC4wMjQtMTAuMTQ1LTAuNDk3Yy0zLjA2Ni0wLjUyNS0xMC4zNDEtMy4wNjUtMTEuMzYzLTMuNDY2Yy0xLjAyNC0wLjQtNy40NzgtMy4xNjUtOS42Mi00LjQzNyBjLTIuMTQ0LTEuMjcxLTMuMDY1LTAuOTk2LTQuMzY0LTAuODQ4Yy0xLjI5MyAwLjE1LTE2LjEyMyAzLjIxNC0xNy41NDMgMy41MTVjLTEuNDIxIDAuMzAxLTExLjU4OSAyLjkxNi0xMi41NjIgMy4xIGMtMC45NyAwLjIyNC02LjU4MSAxLjk0NC04LjE1IDIuMjQyYy0xLjU2OSAwLjMwMi0yLjE2NyAxLjQyMi0yLjE2NyAxLjQyMnMtMy43MzkgNS45OC00LjUxOCA3LjUgYy0wLjc4IDEuNDk3LTQuOTAzIDcuMTc3LTcuNjcgMTAuNjE1Yy0yLjc2NiAzLjQzOC02LjM1NSA2Ljg4LTguNTk4IDguNzQ4Yy0yLjI0MyAxLjg3MS02Ljg3NyAxLjQyLTYuODc3IDEuNDJsLTQuNzEtMi42MTQgYzAgMC0yLjk5MS0yLjYxOCAyLjk0Ny05Ljg3YzUuOTM4LTcuMjUxIDIzLjMzOS0xNS42NDYgMTkuNTU4LTEzLjIzM2MtMy43ODIgMi40MTEtMTMuMzg0IDEyLjE4Ny0xNi4wMDIgMTUuOCBjLTIuNjE2IDMuNTg2LTQuMTExIDcuOTk4LTMuMzYzIDcuOTIyYzAuNzQ3LTAuMDcxIDEuNjQ1LTAuMTQ4IDUuNzU2LTIuOTE0YzQuMTEyLTIuNzY3IDguMzc1LTEwLjA5MiA5LjQ5Ny0xMC42MTcgYzEuMTIxLTAuNTIzIDExLjk2My0xOS42NjUgMTEuOTYzLTE5LjY2NWw5Ljg2OC0xOS4yODhjMCAwIDUuOTA4LTExLjA2NyA3LjQ3OC0xNi44MjRjLTIuMjQyLTUuNjgyLTUuNjA3LTI3LjI5LTQuOTM2LTMzLjI3MSBjMC42NzMtNS45ODEgNS4wODQtNi4xMzEgNS4wODQtNi4xMzFzMi44NDItMC4wNzYgNC4xIDBjMS4yNzIgMC4xIDQgMy4zIDQuNCA1LjQ1OGMwLjQxMSAxLjk4NS0wLjY4MiA2Ljk3NS0wLjg2OSA3LjggYy0wLjAxOCAwLjA3Ny0wLjAyOCAwLjExOC0wLjAyOCAwLjEgTTcxLjUxMSAxMDEuMzg3YzAgMC0xMC4xNjggMjUuNjItMTYuMzUgMzMuMjk0YzIyLjkyNy04LjUyMSAzNi4zODYtOS43MTcgMzYuMzg2LTkuNzE3IHMtNi45MjktNS4yMzQtMTEuMDE2LTEwLjE2OUM3Ni40NDQgMTA5LjkgNzEuOCAxMDIuNSA3MS41IDEwMS4zODd6Ii8+Cjwvc3ZnPg=="); background-position:left top; background-repeat:no-repeat; background-size:18px 23px; padding:4px 0px 6px 31px; margin-left:2px; } /*Use below for Case Study */ ul.resource-list li.success { background-image:url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEzMy41OTVweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDEzMy41OTUgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMzMuNTk1IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0xMzMuMjA5IDczLjc5OWMwLjU2OC01LjIwNyAwLjUxMy0xMC41MTYtMC4xOTMtMTUuODE2bC0xNS43MjQtNS4zNzVjLTAuNjItMi4yMDQtMS4zNzYtNC4zOTUtMi4zMDMtNi41NTkgYy0wLjkyNi0yLjE2My0xLjk5NS00LjIyMy0zLjE3LTYuMTkxbDYuOTUzLTE1LjEwMmMtMy4zNTMtNC4xNTctNy4xNjQtNy44NTctMTEuMzI1LTExLjA0MUw5Mi41MyAyMSBjLTQuMDQ3LTIuMjc3LTguMzgtNC4wMDYtMTIuODc5LTUuMTQ1TDczLjg4OSAwLjMwMmMtNS4yMDYtMC41NjMtMTAuNTE3LTAuNTA1LTE1LjgyMyAwLjE5M2wtNS4zNzggMTUuNyBjLTIuMjAzIDAuNjE5LTQuMzg5IDEuMzc0LTYuNTQ4IDIuMjk3Yy0yLjE2IDAuOTI2LTQuMjE0IDEuOTkxLTYuMTg1IDMuMTYybC0xNS4xMDMtNi45NTRjLTQuMTY1IDMuMzU2LTcuODU4IDcuMTY0LTExLjAzNyAxMS4zIGw3LjMxMyAxNC45MTdjLTIuMjc1IDQuMDQ2LTQuMDEgOC4zNzUtNS4xNDkgMTIuODdMMC4zODQgNTkuNjI0Yy0wLjU2MyA1LjIwOC0wLjUxMyAxMC41IDAuMiAxNS44MThsMTUuNzMyIDUuNCBjMC42MTcgMi4yIDEuNCA0LjQgMi4zIDYuNTU4YzAuOTI3IDIuMiAyIDQuMiAzLjIgNi4xOWwtNi45NTQgMTUuMTA0YzMuMzU3IDQuMiA3LjIgNy45IDExLjMgMTEgbDkuMDMtNC40MjljLTMuOTY0IDkuNTc1LTguNTgzIDI1LjY2MS0xMS43OTUgNTIuNDhjMTYuODY2IDIxLjUgMjMuNiAzMS40IDIzLjYgMzEuMzk4czQuMzc1LTM1Ljk5OCAxMy4xMTktNjYuMDIxIGM0LjM1OSAwLjUgOC44IDAuNCAxMy4yMzMtMC4wNWM1LjI2OSAxOS4yIDEzLjEgNDkuOSAxNC4xIDY2LjA3YzEyLjk3Ni0yMC40OTkgMjMuMDk2LTM2LjA2OSAyMy4wOTYtMzYuMDY5IHMtMy42MjItMjkuNDQ1LTEyLjU0LTQ5LjM0MmwxMC43MjMgNC45MzVjNC4xNzMtMy4zNTMgNy44NTktNy4xNjEgMTEuMDQ5LTExLjMybC03LjMyNC0xNC45MjJjMi4yOC00LjA0NSA0LjAxMS04LjM4MiA1LjE1Mi0xMi44ODIgTDEzMy4yMDkgNzMuNzk5eiIvPgo8L3N2Zz4="); background-position:left top; background-repeat:no-repeat; background-size:15px 23px; padding:4px 0px 6px 30px; margin-left:3px; } ul.resource-list li.video { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI5MC43NjhweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDI5MC43NjggMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTAuNzY4IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0yODYuNDEzIDAuNzFINC4zNTFDMS45NTkgMC43IDAgMi43IDAgNS4wNjV2MTU4LjM4OWMwIDIuNCAxLjkgNC42IDQuMyA0LjggYzAgMCA0MC42IDQuNCAxMjkuNCA0Ljc4MmMtMC4xMzIgMi4zNDUtMC4zODMgNi40NzktMC41ODkgOC4xODdjLTAuMjk3IDIuNDQ2LTQuMzc0IDMuODY5LTYuMzg5IDMuOSBDODkuNzM3IDE4Ni40IDYyLjEgMTkxLjEgNjIuMSAxOTUuNDdjMCAxLjggMS42IDIuOCA5LjcgMy4yODlsMTQ4LjUwNC0wLjA2OWM3LjQ2OS0wLjUyMiA4LjY4OS0xLjQ5MiA4LjY4OS0zLjIyIGMwLTQuMzktMjcuODE3LTkuMDk3LTY1LjA1Mi0xMC4zMDljLTIuMDEtMC4wNjUtNi4wNTQtMS4yNDQtNi4zOTktNC40NjRjLTAuMjI2LTIuMTUtMC40MzgtNS41NzQtMC41NDgtNy42MjYgYzkwLjM3OS0wLjMyIDEyOS40MzctNC43NzEgMTI5LjQzNy00Ljc3MWMyLjM3NC0wLjI3NiA0LjMyNC0yLjQ1NiA0LjMyNC00Ljg0NlY1LjA2NUMyOTAuNzY4IDIuNyAyODguOCAwLjcgMjg2LjQgMC43IE0yNTUuMzk2IDE1OS41MjZjLTIuMjA0IDAtMy45OTMtMS43ODktMy45OTMtMy45OTVjMC0yLjIwOSAxLjc4OS0zLjk5NyAzLjk5My0zLjk5N2MyLjIxIDAgNCAxLjggNCA0IEMyNTkuMzg5IDE1Ny43IDI1Ny42IDE1OS41IDI1NS40IDE1OS41IE0yNzAuMDY0IDE1OS41MjZjLTIuMjA2IDAtMy45ODktMS43ODktMy45ODktMy45OTUgYzAtMi4yMDkgMS43ODMtMy45OTcgMy45ODktMy45OTdjMi4yMSAwIDQgMS44IDQgMy45OTdDMjc0LjA2MSAxNTcuNyAyNzIuMyAxNTkuNSAyNzAuMSAxNTkuNSBNMjc4LjQ4MiAxNDIuMzc3SDEyLjI4N1YxMi45OTdoMjY2LjE5NVYxNDIuMzc3eiIvPgo8L3N2Zz4K"); background-position:left top; background-repeat:no-repeat; background-size:22px 15px; padding:0px 0px 10px 33px; } ul.resource-list li.webcast { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI5Mi42NDVweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDI5Mi42NDUgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTIuNjQ1IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBvbHlnb24gZmlsbD0iIzFGNEY4MiIgcG9pbnRzPSIxMjMuNyw0MS41IDE4OS42LDc5LjYgMTIzLjcsMTE3LjYiLz4KCTxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0yODguMjYyIDAuNDAzSDQuMzhDMS45NzIgMC40IDAgMi40IDAgNC43ODZ2MTU5LjQwOWMwIDIuNCAyIDQuNiA0LjQgNC45IGMwIDAgNDAuOSA0LjQgMTMwLjMgNC44MThjLTAuMTMyIDIuMzYtMC4zODEgNi41MTYtMC41ODkgOC4yMzVjLTAuMyAyLjQ2LTQuNDAzIDMuODkyLTYuNDMzIDQgYy0zNy4yODUgMS4yMzYtNjUuMDkgNS45Ni02NS4wOSAxMC4zNjNjMCAxLjggMS42IDIuOCA5LjggMy4zMDdsMTQ5LjQ2Mi0wLjA3YzcuNTE4LTAuNTI0IDguNzQ3LTEuNDk3IDguNzQ3LTMuMjM2IGMwLTQuNDE4LTI3Ljk5Ni05LjE1OS02NS40NzQtMTAuMzczYy0yLjAyMi0wLjA2NS02LjA4OS0xLjI1OC02LjQzOC00LjUwMWMtMC4yMy0yLjE2Mi0wLjQ0Mi01LjYxLTAuNTU1LTcuNjczIGM5MC45NjQtMC4zMjMgMTMwLjI3NC00LjgwMiAxMzAuMjc0LTQuODAyYzIuMzkyLTAuMjc1IDQuMzUzLTIuNDY2IDQuMzUzLTQuODc5VjQuNzg2QzI5Mi42NDUgMi40IDI5MC43IDAuNCAyODguMyAwLjQgTTI1Ny4wNDUgMTYwLjI0MWMtMi4yMiAwLTQuMDE5LTEuNzk5LTQuMDE5LTQuMDE4YzAtMi4yMjIgMS43OTktNC4wMjMgNC4wMTktNC4wMjNjMi4yMjIgMCA0IDEuOCA0IDQgQzI2MS4wNjQgMTU4LjQgMjU5LjMgMTYwLjIgMjU3IDE2MC4yIE0yNzEuODA3IDE2MC4yNDFjLTIuMjE5IDAtNC4wMTctMS43OTktNC4wMTctNC4wMTggYzAtMi4yMjIgMS43OTgtNC4wMjMgNC4wMTctNC4wMjNjMi4yMjQgMCA0IDEuOCA0IDQuMDIzQzI3NS44MzEgMTU4LjQgMjc0IDE2MC4yIDI3MS44IDE2MC4yIE0yODAuMjggMTQyLjk4M0gxMi4zNjhWMTIuNzczSDI4MC4yOFYxNDIuOTgzeiIvPgo8L2c+Cjwvc3ZnPgo="); background-position:left top; background-repeat:no-repeat; background-size:22px 15px; padding:0px 0px 10px 33px; } ul.resource-list li.weblink { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjExMy4wNjNweCIgaGVpZ2h0PSI4OC4wODhweCIgdmlld0JveD0iMCAwIDExMy4wNjMgODguMDg4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMTMuMDYzIDg4LjA4OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iIzFGNEY4MiIgZD0iTTY4LjE0MSA1Mi44MjJMNDYuMjM0IDI3LjYwNGMtMS40ODUtMS45MS0xLjE5NCAwLjQ0Ny0xLjE5NCAwLjQ0N2wtMC4wMzIgMzMuNDAzbDguOTIyLTMuMzI5bDYuMDIgMTYuMSBsNS4yODgtMS45NzRsLTYuMDIxLTE2LjEzM0w2OC4xNDEgNTIuODIyeiIvPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0wIDB2MC4xOTF2ODcuODk2aDExMy4wNjNWMC4xOTFWMEgweiBNODIuOTA5IDcuNzc0YzAtMS42MzYgMS4zMzgtMi45NzUgMi45NzUtMi45NzVoMTguMTY0IGMxLjYzNyAwIDMgMS4zIDMgMi45NzV2MC4wOTJjMCAxLjYzNy0xLjM0IDIuOTc2LTIuOTc3IDIuOTc2SDg1Ljg4M2MtMS42MzcgMC0yLjk3NS0xLjMzOS0yLjk3NS0yLjk3NlY3Ljc3NHogTTUuNzA1IDQuOGg3MS43M3Y2LjA0Mkg1LjcwNVY0Ljh6IE0xMDcuMTYxIDgyLjE4NUg1LjkwM1YxNS41ODdoMTAxLjI1N1Y4Mi4xODV6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo="); background-position:left top; background-repeat:no-repeat; background-size:22px 17px; padding:0px 0px 10px 33px; } ul.resource-list li.white-paper { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1My45MTRweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDE1My45MTQgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNTMuOTE0IDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik0xNTMuOTE0IDM5LjQ4OVYyMDBIMFYwaDExMS4zODJ2MC4xNzhoMy4yMjNDMTM2LjM0NCAwLjIgMTUzLjkgMTcuOCAxNTMuOSAzOS41IE0xMjIuNDAyIDQzLjMgSDMxLjUxNXY4LjM3OGg5MC44ODdWNDMuMzA4eiBNMTIyLjQwMiAxMTQuMTAxSDMxLjUxNXY4LjM3OWg5MC44ODdWMTE0LjEwMXogTTEyMi40MDIgNzguNzA0SDMxLjUxNXY4LjM3N2g5MC44ODdWNzguNzA0eiBNMTIyLjQwMiAxNDkuNDk5SDMxLjUxNXY4LjM3OWg5MC44ODdWMTQ5LjQ5OXoiLz4KPC9zdmc+Cg=="); background-position:left top; background-repeat:no-repeat; background-size:17px 23px; padding:4px 0px 6px 31px; margin-left:2px; } /****************************** FOOTER ******************************/ .footer-left-page, .footer-right-page { display:block; width:100%; float:left; height:42px; position:absolute; bottom:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer-new-chapter { padding-left:25px; } .footer-left-page { } .footer-left-page p { font-weight:bold; font-size:1.125em /*18px*/; line-height:28px; display:inline-block; color:black; } .footer-left-page p+p { padding-left:10px; font-size:0.8em /*14px*/; font-style:italic; font-weight:normal; } .footer-right-page { padding-right:32px; } .footer-right-page p { font-weight:bold; font-size:1.125em /*18px*/; line-height:26px; display:inline-block; color:black; float:right; padding-right:50px; margin:1px 0 0; } .footer-right-page p+p { padding-right:14px; font-size:0.8em /*14px*/; font-style:italic; font-weight:normal; line-height:30px; } /****************************** FOOTNOTES (tooltipster plugin) ******************************/ span#footnote1, span#footnote2 { color:#fff; cursor:pointer; text-decoration:none; font-size:1em; font-weight:bold; padding:0px 1px; display:inline; /*background: #1F4F82;*/ -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } .tooltipster-default { border:1px solid #BABABA; background:#DCE3E4; color:black; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.4); box-shadow: 0 2px 6px 0 rgba(0,0,0,.4); } .tooltipster-default .tooltipster-content { /*line-height:16px;*/ padding:10px 7px; overflow:hidden; } .tooltipster-base { font-size:.875em; line-height:1.25em; position:absolute; left:0; top:0; z-index:9999999; pointer-events:none; width:auto; overflow:visible; } .tooltipster-base .tooltipster-content { overflow:hidden; } .tooltipster-arrow { display:block; text-align:center; width:100%; height:100%; position:absolute; top:1px; left:0; z-index:-1; } .tooltipster-arrow span, .tooltipster-arrow-border { display:block; width:0; height:0; position:absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -6px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /****************************** 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:black; } .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%; visibility:hidden; } .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: #c2c2c2; } .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.4; } /*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: #c2c2c2; } /*This is the car when you HOVER*/ .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } /*Note sure what this does*/ .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; } /*added*/ /*.wrapper { height: 100%; overflow: auto; width: 100%; } .wrapper.scrollbar-dynamic { max-height: none; } .page-content { margin: 0 auto; max-width: 1600px; padding: 25px; }*/ .scrollbar_setup { max-width: 1200px; } .scrollbar_setup .scrollbar_wrap { width: 530px; /* margin-right: 25px;*/ } .scrollbar_setup .scrollbar_wrap .inner-content { border: 1px solid #CCC; max-height: 170px; width: 600px; } .scrollbar_setup .scrollbar_wrap > div { max-height: 625px; overflow: auto; } .scrollbar_setup .scrollbar_wrap .permanent { min-width: 800px; } /****************************** VERTICAL ACCORDION ******************************/ .accordion-style { background:url(../images/architecture01.jpg) no-repeat; } .accordion-content { padding:0 9.3% 0; width:100%; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.75))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfffffff',GradientType=0 ); } p.accordion-odd, p.accordion-even { font-size:1em; color:#fff; outline:none; height:60px; padding:20px 0 0 50px; width:100%; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } p.accordion-two-line { padding:8px 0 0 50px; } p.accordion-odd.ui-state-default{ background-color:rgba(0,0,0,.75); } p.accordion-even.ui-state-default { background-color:rgba(0,0,0,.7); } p.accordion-odd.ui-state-default, p.accordion-even.ui-state-default { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMTg3LjUgMjQwLjUgMTUgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTg3LjUgMjQwLjUgMTUgMTkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTkyLjUwNiAyNDAuOTRjLTEuNjY4IDAtMy4zMzcgMC01LjAwNiAwYzIuMjA4IDIuMyA0LjQgNC43IDYuNiA3IGMwLjE0NyAwLjIgMiAyIDEuOSAyLjEwOGMtMC45MTQgMC45NjMtMS44MjcgMS45MjYtMi43NDEgMi44ODljLTEuOTQgMi4wNDctMy44OCA0LjA5NC01LjgyIDYuMSBjMS41OCAwIDMuMiAwIDQuNyAwYzAuMzIzIDAgMC4zNTQtMC4wOTQgMC41ODctMC4zMjhjMC40NzgtMC40NzYgMC45NTUtMC45NTIgMS40MzMtMS40MjljMi4zOTYtMi4zOSA0Ljc5Mi00Ljc3OSA3LjE4OC03LjE2OSBDMjAxLjU0NyAyNTAgMTkzLjQgMjQxLjggMTkyLjUgMjQwLjk0eiIvPgo8L3N2Zz4K"); background-repeat:no-repeat; background-position:19px 22px; } p.accordion-odd.ui-state-active, p.accordion-even.ui-state-active { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4LjEwOXB4IiBoZWlnaHQ9IjEzLjk2OXB4IiB2aWV3Qm94PSIxODUuMzI4IDI0Mi45ODQgMTguMTA5IDEzLjk2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODUuMzI4IDI0Mi45ODQgMTguMTA5IDEzLjk2OSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNDM0MzQzMiIGQ9Ik0yMDMuNDQzIDI0OC4wOTljMC0xLjY2OCAwLTMuMzM3IDAtNS4wMDZjLTIuMzAxIDIuMjA4LTQuNzAxIDQuNC03IDYuNmMtMC4yMDEgMC4xNDctMiAyLTIuMTA4IDEuOSBjLTAuOTY0LTAuOTE0LTEuOTI3LTEuODI3LTIuODktMi43NDFjLTIuMDQ3LTEuOTQtNC4wOTQtMy44OC02LjEtNS44MTljMCAxLjYgMCAzLjIgMCA0LjY5OWMwIDAuMyAwLjEgMC40IDAuMyAwLjYgYzAuNDc3IDAuNSAxIDEgMS40IDEuNDMzYzIuMzkgMi40IDQuOCA0LjggNy4yIDcuMTg4YzAuMTExIDAuMiA4LjMxMi03Ljk0NyA5LjE3Mi04Ljg0OFYyNDguMDk5eiIvPgo8L3N2Zz4K"); background-repeat:no-repeat; background-position:16px 24px; } /****************************** 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(../images/preloader_book.gif); background-repeat:no-repeat; background-size:128px 128px; margin:-100px 0 0 -100px; /* is width and height divided by two */ } /****************************** MEDIA QUERIES ******************************/ @media screen and ( max-height: 810px ){ .graphic-iframe-ch2{ width:553px; height:300px; margin-left:-3px; } .graphic-iframe-ch3{ width:484px; height:100px; margin-left:-2px; } #get-graphic-ch3 { width:100%; float:left; height:105px; overflow-x: hidden; overflow-y: hidden; } .graphic-iframe-ch4{ width:320px; height:207px; margin-left:72px; } .graphic-iframe-ch4-wrap { height:207px; } .graphic-iframe-ch5{ width:536px; height:470px; margin-left:19px; } img.IE-fix-3, img.IE-fix-4 { height:110px; } #mc_1 { background-size:70px 49px; } img.landolakes { width:150px; padding-top:2px; } #get-page-13 {margin-top: 0px;} #get-page-14, #get-page-23, #get-page-29, #get-page-35 { margin-top:398px; } p#small4 { visibility:visible; } p#small5 { visibility:visible; display:inline-block; } body { font-size:.875em; } /* BOOKLET */ .booklet .b-arrow div { top:45.26%;} /* COVERS */ #cover, #cover-back { width:520px; height:670px; background-size:520px 670px; } .cover-back-copyright { width:100%; height:92px; padding:0px 20px 0px; bottom:5px; } .cover-back-copyright p { font-size:.65em; } .cover-text {margin-left: 25px;} /* TABLE OF CONTENTS */ .TOC-left, .TOC-right { width:450px; } .TOC-left { padding:0px 0 0 14px; } .TOC-right { padding:50px 0 0 37px; } .TOC-left .TOC-block, .TOC-right .TOC-block { width:450px; max-height:105px; margin-bottom:18px; } .two-line { max-height:120px !important; } .TOC-block .chap-no p { line-height:.65em; } .TOC-left .TOC-block a .chap-description, .TOC-right .TOC-block a .chap-description { width:415px; padding:0 20px 0 12px; } .TOC-left h1 {padding:13px 0 23px 0px; } #resources-block { height:80px;} #resources-chap-no { height:77px; } /*VERTICAL STRIPE*/ .vertical-stripe img { left:12px; width:13px; } .vert-chap-TOC { height:550px; } .vert-chap-1 { height:363px; } .vert-chap-2 { height:365px; } .vert-chap-3 { height:268px; } .vert-chap-4 { height:219px; } /* NAVIGATION BAR */ .nav-bar { width:448px; } .icon-wrap { margin-right:-1px; } /* MENU */ .menu ul.tooltip-arrow { left:-70px; } .menu ul.tooltip-arrow li:first-child > a:after { left:72px; } /* NEW CHAPTER EMPTY */ .new-chap-empty { width:485px; margin-top:14px; } /* margin */ .new-chap-empty .margin-text-wrap { width:31.1%; margin:0 4% 0 2.9%; } .margin-chap1-image img { width:130px; height:97px; } svg.icon-cloud { width:130px; height:97px; } .margin-chap1-image { margin:30px 0 0; } .margin-chap2-image { margin:75px 0 0; } /* main */ .new-chap-empty .main-text-wrap { width:56%; margin-right:6%; } .new-chap-empty .main-text h4 { padding:25px 0 12px; } .new-chap-empty .main-text h4~h4 { padding:8px 0 12px; } .margin-chap2-image-b { margin:-35px 0 0; } p.margin-chap3-text { margin: 108px 0px 0px !important; } p.margin-chap4-text { margin: -7px 0px 0px !important; } #get-page-28-margin-text { height:500px; background-size:140px 217px; background-position:left 230px; } #get-page-42-margin-text { background-size:130px 98px; background-position:left 68px; } p.margin-chap6-text { margin:42px 0 0 !important; font-size:.95em !important; } .margin-chap5-image img { width:140px; margin:20px 0 0 9px; display:block; } /* INNER LEFT/RIGHT PAGE */ .inner-left-page { padding:33px 5.645161290323%/*35px*/ 0 9.25%; } .inner-right-page { padding:71px 8.387096774194%/*52px*/ 0 5.806451612903%/*36px*/; } .inner-middle { padding-top:0; } .inner-right-page h4, .inner-left-page h4 { padding:4px 0 12px; } .inner-right-page h4.top-h4, .inner-left-page h4.top-h4 { padding:0px 0 12px; } /* Page 9 special padding due to amount of text causing overflow*/ .page-9-special-padding {padding-right: 3%;} /* CARRIAGE RETURNS */ span.carriage { display:inline; } /* LISTS */ h6.list-header-2 { padding:0 0 8px 0; } ul.list-2 li { background-position:11px 3px; } ul.list-2 li:first-child { font-size:.85em; } .list-2-wrap { margin-bottom:20px; } ul.list-5 { padding-bottom: 30px; } ul.list-6 li { background-position: left 1px; } ul.list-8 li { background-position:left 3px; } ul.list-6 li { margin:-5px 7% 13px 6.5%; } /* CASE STUDY */ .case-study-inner-left-page { padding:29px 5.645161290323%/*35px*/ 10px 7.741935483871%/*48px*/; } .case-study-inner-right-page { padding:39px 8.387096774194%/*52px*/ 10px 5.806451612903%/*36px*/; } span.call-out-CS-left { float:left; padding:13px 12px 13px 22px; margin:15px 17px 10px -50px; } span.call-out-CS-right { float:right; padding:13px 12px 13px 14px; margin:15px -52px 10px 17px; } /* CALL OUT */ span.call-out-solid-left, span.call-out-solid-right { width:453px; } /* QUOTE */ .quote-left-page { margin:3px 3.2% 27px 2.7%; } .quote-right-page { margin:3px 2.7% 27px 3.2%; } .quote-backdrop { padding:12px 0 0px; } .quote-backdrop p { padding-bottom:10px !important; } .quote-asset { padding:2px 0px 0px; } .quote-asset p { padding:0 0 13px 0 !important; } #get-page-17 .quote-cs-wrap-left img { margin-top:0px; } #get-page-36 .quote-cs-wrap-left img { margin-top:0px; } /* INLINE TEXT GRAPHICS */ h4.icon-app { height:40px; padding:20px 0 0 50px; background-size:40px 43px; margin:0; } h4.icon-hardware { height:40px; margin:9px 0 11px; padding:9px 0 0 63px; background-size:44px 40px; } .ch5-image4 { margin:14px 0 39px; } img.ch5_image4_fg { width:446px; } /* GRAPHICS */ #mc_1 { margin-top:0px; } #get-graphic-ch3 { height:95px; } /* ACCORDION */ .accordion-content { padding:0 3% 0; } p.big { display:none; } p.small { display:block; } #accordion-ch-3-small { display:block; } #ui-id-25 { padding-right:5px; } p#small2 { visibility:visible } p#small3 { visibility:visible; } p.accordion-odd, p.accordion-even { padding:20px 0 0 40px; } p.accordion-two-line { padding:8px 0 0 40px; } p.accordion-odd.ui-state-default, p.accordion-even.ui-state-default { background-position:13px 22px; } /* TRADITIONAL ASSETS*/ .med-trad-asset, .med-trad-asset-2 { overflow:visible; padding-left:45px; } .med-trad-asset { height:38px; } .med-trad-asset-2 { height:62px; } .first-med { margin:10px 0;} .middle-med { margin:0 0 5px } .last-med { margin-bottom:5px; } .med-asset-success { background-size:23px 34px; } .med-asset-video { background-size:34px 23px; } .med-asset-article { background-size:33px 34px; } /* VIDEOS */ .video-backdrop-top-left { margin-top:38px; } .video-backdrop-top-right { margin-top:75px; } .inner-video-backdrop-left-page { padding:21px 50px 0 49px; } .inner-video-backdrop-right-page { padding:21px 8.387096774194%/*52px*/ 0 5.806451612903%/*36px*/; } .video-backdrop-holder { width:150px; height:84px; margin-right:20px; } .video-backdrop-info { width:calc(100% - 170px); margin-top:-3px; } .video-backdrop-1 { height:124px; } .video-backdrop-2 { height:168px; } a.play-button-backdrop { margin:16px auto 0; } /*Stacked Videos */ .video-holder-stacked { width:150px; height:84px; margin:4px 15px 28px 0; } .video-info-stacked { width:calc(100% - 165px); } a.play-button-stacked { width:60px; margin:11px auto 0; height:60px; } .bg-full-1, .bg-full-2, .bg-full-3, .bg-full-4, .bg-full-5, .bg-full-6, .bg-full-7, .bg-full-8, .bg-full-9, .bg-full-10, .bg-full-11, .bg-full-12, .bg-full-13, .bg-full-14 { width:520px; height:670px; position:relative } .bg-full-1 { background:url(../images/image_ch01.jpg) no-repeat; } .bg-full-3 { background:url(../images/image_ch02.jpg) no-repeat; background-position:center -100px; } .bg-full-2 { background-size:430px 328px; background-position:center 300px; } .bg-full-4 { background-size:264px; background-position:78px 250px; background-repeat:no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI2M3B4IiBoZWlnaHQ9IjI2M3B4IiB2aWV3Qm94PSIwIDAgMjYzIDI2MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjYzIDI2MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIG9wYWNpdHk9IjAuMiI+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjQjBDM0M4IiBkPSJNMjA1Ljc3IDI0LjgxMmwtMzUuNzkyIDM1Ljc5NGMtMS4wNzggMS4wNzgtMy4yMDggMS45Ni00LjczMSAxLjk2aC0yLjE2NCBjLTEuNTIzIDAtMi43NzEtMS4yNDctMi43NzEtMi43NzN2LTE2LjQ4YzAtMS41MjMtMS4yNS0yLjc3My0yLjc3My0yLjc3M2gtNy4xMmMtMS41MjQgMC0yLjc3Mi0xLjI0Ny0yLjc3Mi0yLjc3MVYyLjU3NCBjLTUuMjU1LTAuNjQ2LTEwLjYwNC0wLjk4NC0xNi4wMzEtMC45ODRjLTQzLjQxMSAwLTgxLjg0NyAyMS4yODItMTA1LjQ1NSA1My45OGw3LjQ1Ny0yLjQxM2MxLjQ4Ni0wLjQ3OSAzLjgzNi0xLjQ1MiA1LjIyNC0yLjE1OCBMODYuMjc4IDI2LjgzYzEuMzktMC43MDggMy44MDItMS4yODggNS4zNjEtMS4yODhoMzguODk1YzEuNTYxIDAgMi44IDEuMyAyLjggMi44MzV2Ni4yMTdjMCAxLjU1OS0xLjI3NSAyLjgzMy0yLjgzNiAyLjggaC0xOC41OTJjLTEuNTYyIDAtMy44MjIgMC44MTEtNS4wMjUgMS44bC05LjQ4NiA3Ljc5MWMtMS4yMDEgMC45OTEtMS4wMDQgMi4zIDAuNCAyLjg1MWw5LjU5MSAzLjggYzEuNDQ1IDAuNiAzLjUgMC4yIDQuNjUtMC45MzNsMS4yMjktMS4yMDVjMS4xMTItMS4wOTEgMy4yOTctMS45ODUgNC44NTYtMS45ODVoMjUuNjc5YzEuNTU4IDAgMi44IDEuMyAyLjggMi44IHYxNC42MDNjMCAxLjU1Ny0wLjkyIDMuNzEzLTIuMDUyIDQuNzg3bC0zMi41NjQgMzEuMDAxYy0xLjEyOSAxLjA3Ni0yLjA1MSAzLjIyOS0yLjA1MSA0Ljc4OXYxNi44NSBjMCAxLjU1OS0xLjI3NiAyLjgzNS0yLjgzNSAyLjgzNWgtNC4zODFjLTEuNTYyIDAtMi44MzctMS4yNzYtMi44MzctMi44MzV2LTcuMjc5YzAtMS41Ni0xLjI3NC0yLjgzOC0yLjgzNS0yLjgzOEg4Ni44NTcgYy0xLjU2MiAwLTIuODM1IDEuMjc4LTIuODM1IDIuODM4djEwLjY1NmMwIDEuNiAxLjEgMy41IDIuNCA0LjQxbDE1Ljk4MSAxMC42NThjMS4yOTggMC45IDMuNiAxLjYgNS4yIDEuNiBoMjkuMjI2YzEuNTU5IDAgNCAwLjYgNS4zIDEuMzM5bDM2LjQwNCAxOS41NDZjMS4zNzQgMC43IDIgMi41IDEuNSAzLjk5bC0xMi4xNzMgMzEuOSBjLTAuNTU3IDEuNDU3LTEuOTggMy40NzktMy4xNjIgNC40OTJsLTMxLjc3MyAyNy4yNzZjLTEuMTgxIDEuMDE3LTEuOTA1IDMuMDk3LTEuNjA0IDQuNjI2bDIuNDUyIDEyLjUgYzAuMzAxIDEuNTMtMC43MjkgMi43OC0yLjI4NSAyLjc4aC0yLjg3NWMtMS41NjIgMC0zLjc1MS0wLjg4OS00Ljg2NS0xLjk3OWwtNy41MDQtNy4zMDZjLTEuMTE2LTEuMDg3LTIuMDI5LTMuMjUyLTIuMDI5LTQuODEyIHYtODIuNzI1YzAtMS41NTktMS4yNzQtMi44MzUtMi44MzUtMi44MzVoLTguNTIyYy0xLjU2MiAwLTMuOTE2LTAuNjg1LTUuMjMtMS41MmwtMjEuODI4LTEzLjg1IGMtMS4zMTYtMC44MzctMy4xNTYtMi41NDItNC4wOTQtMy43ODZMNTcuNzU0IDExNS40N2MtMC45MzYtMS4yNDMtMi45NzYtMi4yNjMtNC41MzUtMi4yNjNINDkuNiBjLTEuNTYyIDAtMy40MzktMS4xMjUtNC4xNzYtMi40OTlMMzMuMzE1IDg4LjExNmMtMC43MzUtMS4zNzUtMS4zMzktMy43NzMtMS4zMzktNS4zM3YtMTQuMDRjMC0xLjU1Ny0xLjI3Ni0yLjgzMy0yLjgzNS0yLjgzMyBoLTkuNzI5QzguMTA4IDg1LjIgMS42IDEwNy42IDEuNiAxMzEuNTgzYzAgNzEuOCA1OC4yIDEzMCAxMzAgMTMwIGM3MS43OTEgMCAxMjkuOTk0LTU4LjIwMSAxMjkuOTk0LTEyOS45OTRDMjYxLjYwOCA4Ny40IDIzOS41IDQ4LjMgMjA1LjggMjQuOCIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo="); } .bg-full-5 { background:url(../images/image_ch03.jpg) no-repeat; } .bg-full-6 { background:url(../images/image_ch04.jpg) no-repeat; } .bg-full-7 { background-position:left 245px; background-size:520px 461px;} .bg-full-8 { background-image:none; } .bg-full-9 { background-image:url(../images/image3right_ch04.jpg); background-size:620px 298px; background-position:right bottom; background-repeat:no-repeat; } .bg-full-10 { background:url(../images/image_ch05.jpg) no-repeat; } .bg-full-11 { background-image:url(../images/ch5_image2.svg); background-repeat:no-repeat; background-size:400px 377px; background-position:60px 265px; } .bg-full-12 { background-image:url(../images/ch5_image3_bg.svg); background-repeat:no-repeat; background-size:450px 328px; background-position:center 270px; } /*.bg-full-13 { background-size:450px 338px; background-position:center 260px; }*/ .bg-full-14 { background:url(../images/image_ch06.jpg) no-repeat; } /* DUAL PAGE */ .dual-left-page { background-size:480px 558px; margin:56px 0 0 40px; } .dual-footer-left { left:40px; } .dual-right-page { background-size:480px 558px; margin:56px 40px 0 0px; } .dual-footer-right { right:-39px; } /* FOOTER */ .footer-right-page { padding-right:28px; } .footer-left-page p+p {font-size:0.77em /*14px*/; } .footer-right-page p+p { font-size:0.77em /*14px*/; } /* RESOURCES */ .resources-header-wrap { padding:0px 0 11px; margin-left:-1px; margin-top:-2px; } .resources-header-wrap h1 { margin-top:10px; } .resources-instruction-wrap { padding:0; } .resources-instruction-wrap p { padding-bottom:13px; line-height:1.2em; margin:0 32px 0 2px; } ul.tabs li a { width:410px; background-position:382px center; } ul.tabs li a:hover, ul.tabs li a.active { background-position:382px center; } ul.tabs li a { width:413px; } /* SCROLLBAR PLUGIN */ .scrollbar_setup .scrollbar_wrap { width:430px; } .scrollbar_setup .scrollbar_wrap > div { max-height:550px; } /*SOCIAL MEDIA */ .new-chap-empty .get-social-media-resources { margin:19px 0 0;} ul.social-media li { margin:0px 5px 0 0; } .get-social-media-resources2 { margin:5px 27px 0 0; } .get-social-media-resources > ul.social-media li { width:20px; height:20px;} .get-social-media-resources svg.blog { width:21px; height:20px; } .graphic-iframe , .graphic-content{ width: 464px; height: 196px; } } /****************************** PRINT ******************************/ @media print { body.body-oracle { background:#ffffff; } .page { display:block; width:100%; float:left; margin-bottom:50px; } .booklet .b-arrow-next div, .booklet .b-arrow-prev div { visibility:hidden; } .icon-wrap { display:none; } .vertical-stripe:before { height:800px; width:1px; float:left; display:block; background:green; } .vertical-stripe { width:30px; margin:1px 0 0 1px; } .vert-white-space { width:31px; border-top:#fff 5px solid; margin-top:-1px; background-position:-1px bottom; } .page { background-image:url(../images/border_left_for_print.png); background-repeat:repeat-y; background-position:left top; height:800px; } .bg-full-13 { background-image:url(../images/image_ch05_b.jpg); } .background-gradient { background:rgba(0,0,0,.2); } .accordion-style { } .accordion-content { } p.accordion-odd, p.accordion-even { margin-top:-1px; } }