/******************************
DESKTOP SPECIFIC
******************************/
body.body-oracle { background:#f0f0f0; }
.row { display:block; float:left; width:100%; }
.row:after { clear:both; content:""; display:table; }

.tablet_only, .phone_only, .desktop_invis, .landscape_only, .portrait_only{
    display:none;
}
.white{
    color: #ffffff;
}
.orange{
   color:#f29111;
}
.black{
    color:#000000;
}
.blue{
    color:#00758F;
}


/******************************
FONTS
******************************/
h1 { font-size:28px; padding-right:5px; }

.panel h1{
    color: #00758F;
    font-size: 28px;
    margin-bottom: 30px;
}

h2 {
    font-size: 20px;
    color: #F80000;
	padding-top:10px;
    margin-bottom: 5px;
    font-family:Univers-Bold, Arial, Helvetica, sans-serif ;
}
h3 {font-size: 25px;
    color: #F80000;
    font-family: Univers-Light, Arial, Helvetica, sans-serif;
    margin-bottom: 3px;}
.intro_inset_right h3, .intro_inset_left h3{
    font-size: 29px;
    margin-bottom: 13px;
}
h4 {
    font-size: 36px;
    font-family: Univers-Light, Arial, Helvetica, sans-serif;
    color: #F80000;
    margin-bottom: 0px;
}
.new-chap h4{
    margin-bottom: 20px;
}
h5 {
    font-size: 21px;
    color: #F80000;
    font-family: Univers-Light, Arial, Helvetica, sans-serif;
    margin-bottom: 3px;
}


h6 { font-size:1.125em;font-weight:bold; }

p { font-size:13px;line-height:1.2em; padding-top:4px;  }
li { font-size:13px;line-height:1.1em; padding-top:5px; padding-bottom:5px; margin-left:12px; }

p.paragraph-header { font-weight:bold; }
span.carriage { display:block; }

.sub-title{ font-size:16px; color:#4c575D; font-weight:bold; vertical-align:bottom;}
.text-new { font-size:13px; color:#666; margin-left:10px; padding-bottom:8px;}

.footer-text{font-size:12px; line-height:0; padding-top:5px; color:#00758F; }
.text-16 {
	font-size:20px;
	color:#666;
	font-weight: bold;
	}
	
.text-16-red {
	font-size:20px;
	font-weight: bold;
	color:#f80000;
	}

.text-16-orange {
	font-size:20px;
	font-weight: bold;
	color:#ce7116;
	}	
		
.text-16-blue {
	font-size:20px;
	font-weight: bold;
	color:#6d8c9e;
	}
	
.text-16-grey {
	font-size:18px;
	font-weight: bold;
	color:#8aadbf;
	}		
	
.text-14 {
	font-size:12px;
	color:#666;
	padding-right:12px;
	padding-top:5px;
	
	}
	
.text-11 {
	font-size:11px;
	color:#666;
	padding-right:15px;
	padding-top:5px;
	
	}	
	
.text-10{font-size:10px;}	

.link-blue {color:#00758F;}

.competitor{ transition: all .2s ease-in-out; }
.competitor:hover { transform: scale(1.3); }

.SC-button{ transition: all .2s ease-in-out; }
.SC-button:hover { transform: scale(1.1); }

.pop-img{
             border: 1px solid #000 ;
            
             width: 450px;
             height: 204px;
           }
             .pop-img:active{
             width:1054px ;
             height:478px;
             position:relative;
             right: -65px;
             top: 200px ;
             background-color:#000;
			 z-index:-1;
             }


/**********/


.lightboxcontainer {
  width:100%;
  text-align:left;
}
.lightboxleft {
  width: 40%;
  float:left;
}
.lightboxright {
  width: 60%;
  float:left;
}
.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}
@media (max-width: 800px) {
  .lightboxleft {
    width: 100%;
  }
  .lightboxright {
    width: 100%;
  }
  .divtext {
    margin: 12px;
  }
}



/**********/



/******************************
BOOKLET PLUGIN
******************************/

#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);   }
.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:url("../images/_desktop/shadow.png");
    background-position: top right;
    background-color: #ffffff;
    background-repeat: repeat-y;
}
.booklet .b-wrap-right {
background: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );
}

.booklet .b-wrap-right2 {
background: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );
background-image:url(../images/inside-bg-right.jpg); background-repeat:no-repeat; background-position:bottom; }
.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:99; }
.b-selector { z-index:99; }
.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.jpg') no-repeat;
 }

.cover-text {
    display: block;
    float: left;
    margin: 17% 0 0 12%;
    color: #46575e;}
.cover-text h1 {
    font-weight: normal;
    font-size: 22px;
font-family: Univers-Light, Arial, Helvetica, sans-serif;
}
.cover-text h6 {font-size: 38px; }


/******************************
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/back-cover.jpg); background-repeat: no-repeat; }

.cover-back-copyright {     position: absolute;
    padding: 0 40px 0 28px;
    bottom: 6.5%;}
.cover-back-copyright p {color: #040404;}

/******************************
TABLE OF CONTENTS
******************************/
.page-TOC { padding-right: 90px; }
.TOC-left, .TOC-right { width:583px; height:800px; float:left; display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.TOC-left {padding: 25px 0 0 44px;}

.TOC-right {padding: 25px 0 0 42px;}

.TOC-left h1 {
    font-family: Univers-Light, Arial, Helvetica, sans-serif;
    color: #324b5c;
    font-size: 36px;
    display: block;
    padding: 8px 0 44px 0px;
    font-weight: lighter;
    float: left;
}

.TOC-left .TOC-block,
.TOC-right .TOC-block { float:left; overflow:hidden; padding-top:4px; margin-bottom: 35px;}
.TOC-left .TOC-block {
    width: 549px;
    margin-left: 0px;
}
.TOC-right .TOC-block { width:560px; }
.two-line {max-height:40px !important; }

.TOC-block .chap-no { display:inline-block; width:33px; float:left; }
.TOC-block .chap-no p {
    /*font-style: italic;*/
    font-size: 24px;
    color: #939699;
    line-height: .75em;
	margin-top:3px;
}

.TOC-block .chap-no p.white{
    color: #ffffff;
}


.TOC-left .TOC-block a .chap-description,
.TOC-right .TOC-block a .chap-description { display:inline-block; float:left;  padding:0 20px 0 17px; /*border-left:solid 1px #7f7f7f;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.TOC-left .TOC-block a .chap-description { width:515px; }
.TOC-right .TOC-block a .chap-description { width:525px; }

.TOC-block a .chap-description > h6 { color:#4c575D; line-height:1.25em; margin-top:-3px;}

.TOC-block a .chap-description > h6 span {
    color: #666666;
    font-style: italic;
    font-weight: normal;
    font-size: .825em;
}

.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-chap-5-title{
    width:90%; background-image: url(../images/red-bar.jpg); background-repeat:repeat-y; background-position:left; padding-left:20px;

}
#resources-block { height:72px;}
#resources-chap-no { height:67px; }


.TOC-intro-title{
    width:85%; background-image: url(../images/red-bar.jpg); background-repeat:repeat-y; background-position:left; padding-left:20px;
}
.TOC-chap-1-title{
    width: 85%; background-image: url(../images/red-bar.jpg); background-repeat:repeat-y; background-position:left; padding-left:20px;
}
.TOC-chap-2-title{
    width: 85%; background-image: url(../images/red-bar.jpg); background-repeat:repeat-y; background-position:left; padding-left:20px;
}
.TOC-chap-3-title{
    width: 85%; background-image: url(../images/red-bar.jpg); background-repeat:repeat-y; background-position:left; padding-left:20px;
}
.TOC-chap-4-title{
    width: 90%; background-image: url(../images/red-bar.jpg); background-repeat:repeat-y; background-position:left; padding-left:20px;
}
.TOC-chap-6-title{
    width: 85%; background-image: url(../images/red-bar.jpg); background-repeat:repeat-y; background-position:left; padding-left:20px;
}
/******************************
NAVIGATION BAR
******************************/


/* Co-Branded */
.nav-bar-co { display:block; float:left; width:575px; margin:0 0 4px 45px; height:73px; }
.nav-bar-new-chap-co { margin:0 0 0 10px; }
.nav-bar-co .company-logo { float:left; display:inline-block; margin:0 0 0 4px; }
.nav-bar-co .company-logo img { width:90px; }

/* NOT Co-Branded */
.nav-bar { display:block; float:left; width:575px; height:56px; margin:0 0 0 45px; }
.nav-bar-new-chap { margin:0 0 0 10px; }
.nav-bar .company-logo { float:left; display:inline-block; }
.nav-bar .company-logo img {
    width: 155px;
    height: 56px;
    margin-top: 0px;
}

.icon-wrap {
    width: 130px;
    display: inline-block;
    float: right;
    margin: 8px 25px 0 0;
}

.icon-download {
    width: 25px;
    float: left;
    display: inline-block;
    margin: 0px 55px 0 0;
}
.download_arrow{ display:block; width:25px; height:37px; background-image: url("../images/download_arrow.png"); background-size: contain;cursor: pointer }

.icon-TOC { width:40px; float:left; display:inline-block; }
.hamburger_icon { width:45px; height:40px; background-image: url("../images/hamburger_icon.png"); background-size: contain }


/******************************
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: 40px; left:-286px; z-index:2; background:#4c575D;
    -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: 327px;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 #4c575D;
    left:298px; /* controls placement of arrow */}

.menu ul li:first-child a:hover:after {
    border-bottom-color:#4c575D; }

.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; }
.tooltipster-base { max-width:400px !important; word-wrap: break-word; }


/******************************
NEW CHAPTER
******************************/
.new-chap {
    display: block;
    float: left;
    max-width: 620px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 32px 0px 46px;
}

/* margin */
.new-chap .margin-text-wrap { float:left; width:37.264957264957%/*218px*/; display:inline-block; margin:0 4.786324786325%/*28px*/ 0 2.393162393162%/*14px*/; }


.new-chap .get-social-media-resources {margin: -9px 1px 0px 0px;}
@-moz-document url-prefix() {
    .new-chap .get-social-media-resources { margin:21px 0 0; width:100%; display:block; float:left; }
}


/******************************
INNER RIGHT PAGE / INNER LEFT PAGE
******************************/
.inner-page-left,
.inner-page-right,
.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; z-index:1; }

.inner-page-left {
    padding-top: 44px;
    padding-left: 44px;
    padding-right: 40px;
}

.inner-page-right {
    /*padding-top: 99px;*/
	padding-top: 80px;
    padding-left: 36px;
    padding-right: 34px;
	
}

.inner-page-right-p {
	padding-top: 50px;
    padding-left: 36px;
    padding-right: 34px;
	
}
.inner-special-page { padding:0px 6.1%/*49px*/ 0 4.3%/*36px*/;  }

.inner-page-right h4,
.inner-page-left h4 { display:block; float:left; width:100%; padding: 5px 0 0px 4px;}

.inner-page-right h4.top-h4,
.inner-page-left h4.top-h4 { padding:0px 0 24px; }

.inner-page-right h6,
.inner-page-left h6 { padding-bottom: 10px;}

.inner-page-right p,
.inner-page-left p,
.new-chap p{ padding-bottom:6px; }

.inner-bottom { padding-top: 115px; }
.inner-middle { padding-top:0; }

.inner-page-bottom { position:absolute; bottom:50px; }

/* dropcap */
.drop-cap{
    font-family: Univers-Light, Arial, Helvetica, sans-serif;
    float: left;
    color: #ffffff;
    background-color: #F80000;
    font-size: 2em;
    padding: 12px 10px 4px 10px;
    margin-right: 5px;
    margin-top: 4px;
}
@-moz-document url-prefix() {
    p.li-drop-cap:first-letter { padding-top:12px; font-size:3.5em; }
}

/************** GRAPHICS **************/
.lg_img {
    margin-bottom: 17px;
    width: 532px;
}
.lg_img img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.inline_img {
    padding-bottom: 17px;
}
.inline_img img{
    margin-left: auto;
    margin-right: auto;
}


/******************************
LISTS
******************************/
.arrow_text{
    font-family: Univers, Arial, Helvetica, sans-serif;
    background-image: url("../images/arrow_light_blue.png");
    background-repeat: no-repeat;
    padding-left: 29px;
    color: #8DA6B1;
    margin-bottom: 22px;
    font-size: 18px;
    margin-right: 6%;
    background-position: 0px 2px;
}

.arrow_text_short{
    margin-bottom: 13px;
}
.arrow_text_group{
    margin-bottom: 20px;
}

/***INTRO PAGE**/
.intro_inset_left{
    margin-left: 111px;
    padding-right: 55px;
    margin-top: 58px;
    width: 411px;
}
#p6 .intro_inset_left{
    margin-top: 53px;
}
.intro_inset_right{
    margin-left: 28px;
    padding-right: 129px;
    margin-top: 53px;
    width: 395px;
}

.conclusion_inset_right{
    margin-left: 29px;
    padding-right: 46px;
    margin-top: 41px;
    width: 510px;
}
.conclusion_inset_right h3{
    font-size: 28px;
    margin-bottom: 27px;

}
.pull_quote {
    color: #46575e;
    border-left: 4px solid #ff7701;
    padding-left: 22px;
    padding-top: 0px;
    margin-top: 5px;
    font-size: 21px;
    margin-bottom: 32px;
    padding-right: 22px;
    padding-bottom: 0px;
    line-height: 1.3em;
    display: inline-block;
}

.quote_caller{
    color: #46575e;
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    font-size: .76em;
    line-height: 1.2em;
    margin-top: 8px;
}

.intro_inset_left .pull_quote, .intro_inset_right .pull_quote{
    font-size: 1em;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    color: #404040;
    line-height: 1.45em;
    width: 90%;
}
.intro_inset_left .pull_quote, .intro_inset_right .quote_caller{
    font-size: 1em;
    margin-top: 5px;
}
.popup_dark .pull_quote, .popup_dark .quote_caller{
    color: #ffffff;
}
.quote{
    margin-top: 15px;
    color: #8DA6B1;
    font-weight: normal;
    font-size: 1.35em;
}
.text_wrap_left{
     float:left;
 }
.bottom, .bottom_desktop{
    position: absolute;
    bottom:30px;
}
.bottom_desktop_fifty{
    position: absolute;
    bottom:50px;
}
.bottom_desktop_sixty{
    position: absolute;
    bottom:60px;
}
.bottom_desktop_seventy{
    position: absolute;
    bottom:70px;
}
/***LISTS***/

.no_dots_ul{
    list-style: none;
    margin-left: 36px;
    font-size: 1em;
    margin-bottom: 17px;
}
.inner-page-right .no_dots_ul{
    margin-left: 34px;
}
.no_dots_ul li{
    line-heighT: 1.2em;
    margin-bottom: 11px;
    color:#4c575D;
}
.no_dots_bold{
    color:#46575e;
    font-weight: bold;
}
.tabbed{
    margin-left: 20px;
}
.numbered{
    padding-top: 4px;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left:18px;
}
.number_one{
    background-image: url("../images/number_one.png");
}
.number_two{
    background-image: url("../images/number_two.png");
}
.number_three{
    background-image: url("../images/number_three.png");
}
.number_four{
    background-image: url("../images/number_four.png");
}
.number_five{
    background-image: url("../images/number_five.png");
}
.number_six{
    background-image: url("../images/number_six.png");
}
.number_seven{
    background-image: url("../images/number_seven.png");
}
.number_group{
    margin-bottom: 25px;
    display: inline-block;
}
.bold_blue{
    font-weight: bold;
    color: #8ca5b0;
}
.source{
    color:#8DA6B1;
    font-size: 14px;
}

.cheat_ten_up{
    margin-top: -10px;
}

/******************************
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:980px; margin-top:25px; height:560px; }

/* modify to fit size of the popup image */
.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/loader-video.gif);
    background-repeat:no-repeat;
    background-size:160px 20px;
    background-position:center;
}

#voverlay-content iframe, #voverlay-content object{
    width:100%;
    height:100%;

}

.popup-heading{ font-size: 28px; color:#f80000; padding-top: 59px; padding-left: 34px; padding-bottom:15px; 
	}
	
.popup-heading-O{ font-size: 28px; color:#f29111; padding-top: 59px; padding-left: 34px; padding-bottom:15px;
	}

.popup-text16{ font-size:14px; color:#000000;  padding-left:34px; width:350px;
	}
.popup2-text16{ font-size:14px; color:#000000;  padding-left:34px; width:400px;
	}

.popup3-text16{ font-size:14px; color:#000000; padding-left:34px; width:450px; padding-bottom:5px;
	}
.popup4-text16{ font-size:14px; color:#ffffff; padding-left:34px; width:480px; padding-bottom:5px;
	}

.popup5-text16{ font-size:14px; color:#000000; padding-left:34px; width:90%; padding-bottom:5px;
	}
.popup-p15{ font-size:14px; color:#000000; padding-left:34px; width:50%; padding-bottom:5px;
	}	

.popup-p215{ font-size:14px; color:#00758F; padding-left:34px; width:40%; padding-bottom:5px;
	}	

.popup-p13{ font-size:14px; color:#000000; padding-left:34px; padding-bottom:12px; vertical-align:top;
	}
.popup-p213{ font-size:14px; color:#000000; padding-left:15px; padding-bottom:15px; padding-top:0px;
	}

.popup-videoTH{  padding-left:34px; padding-bottom:5px; padding-right:20px; padding-top:20px;
	}
.popup6-text16{ font-size:14px; color:#000000; padding-left:34px; width:80%; padding-bottom:5px;
	}	
.popup-subH{ font-size:22px; color:#000000; padding-left:34px; width:90%; padding-bottom:10px; margin-top:-10px;}
.popup-li{font-size:14px; color:#000000; width:90%; padding-bottom:5px; margin-left:15px;}

.black_overlay{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:999999999;}
	.popup_box{background-color:#FFF; width:600px; height:400px; position:fixed; left:50%; top:50%; margin:-200px 0 0 -300px; z-index:999999999;}
	.close_popup{color:#000; margin:5px 5px 0 0; float:right; font-weight:bold;}
	.close_popupw{color:#fff; margin:5px 5px 0 0; float:right; font-weight:bold;}
	.open_popup{color:#000; text-decoration:none; text-align:center;}
.close_popup#closepopup23, .close_popup#closepopup24, .close_popup#closepopup25{position:absolute; top:-30px; right:-20px; color:#fff;}
	
	.popup_box2{background:#FFF url(../images/popups/Page5-popup.png); width:832px; height:358px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}
	
	.popup_box3{background:#FFF url(../images/popups/Page6-popup.png); width:832px; height:358px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box4{background:#FFF url(../images/popups/Page7-popup.png); width:832px; height:388px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box5{background:#FFF url(../images/popups/Page7-popup2.png); width:832px; height:396px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box6{background:#FFF url(../images/popups/Page7-popup3.png); width:832px; height:396px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box7{background:#FFF url(../images/popups/Page8-popup.png); width:832px; height:382px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box8{background:#FFF url(../images/popups/Page9-popup.png); width:927px; height:664px; position:fixed; left:50%; top:50%; margin:-330px 0 0 -450px; z-index:999999999;}

.popup_box9{background:#FFF url(../images/popups/Page9-popup2.png); width:832px; height:366px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box10{background:#FFF url(../images/popups/Page11-popup.png); width:832px; height:358px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box11{background:#FFF ; width:1102px; height:433px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -550px; z-index:999999999;}

.popup_box12{background:#FFF; width:832px; height:359px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box13{background:#FFF url(../images/popups/Page13-popup.png); width:915px; height:645px; position:fixed; left:50%; top:50%; margin:-330px 0 0 -450px; z-index:999999999;}

.popup_box14{background:#FFF url(../images/popups/Page13-popup2.png); width:832px; height:386px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box15{background:#FFF; width:832px; height:548px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box16{background:#FFF ; width:866px; height:350px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box17{background:#FFF url(../images/popups/Page15-popup2.png); width:862px; height:358px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box18{background:#FFF url(../images/popups/Page15-popup3.png); width:866px; height:373px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box19{background:#FFF url(../images/popups/Page17-popup.png); width:888px; height:382px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box20{background:#FFF url(../images/popups/Page17-popup2.png); width:888px; height:382px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box21{background:#FFF url(../images/popups/Page17-popup3.png); width:888px; height:511px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.popup_box22{background:#FFF url(../images/popups/Page18-popup.png); width:832px; height:259px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px; z-index:999999999;}

.video_popup{background:#FFF ; width:622px; height:350px; position:fixed; left:50%; top:50%; margin:-200px 0 0 -300px; z-index:9999999999; display:none;}
.video_popup2{background:#FFF ; width:622px; height:350px; position:fixed; left:50%; top:50%; margin:-200px 0 0 -300px; z-index:9999999999; display:none;}
.video_popup3{background:#FFF ; width:622px; height:350px; position:fixed; left:50%; top:50%; margin:-200px 0 0 -300px; z-index:9999999999; display:none;}
.video_overlay{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:9999999999; display:none;}
.close_popup23{color:#ffffff; margin:10px 20px 0 0; float:right; z-index:99999999999999;}
.close_popup24{color:#ffffff; margin:10px 20px 0 0; float:right; z-index:999999999999999;}
.close_popup25{color:#ffffff; margin:10px 20px 0 0; float:right; z-index:999999999999999;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #voverlay-content iframe, #voverlay-content object{
        width:640px;
        height:360px;
    }
}

.gradient_backdrop{
    background-image: url("../images/gradient.png");
    width: 388px;
    padding-top: 31px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}
#vid-close { top:-13px; }
#p-close { top:8px; }
#y-close { top:-37px }

.dialog{
    z-index: 50;
    padding-top: 9px;
    background-color: #ffffff;
    border: 1px solid #8ca5b0;
    background-repeat: no-repeat;
    position: absolute;
    padding-left: 19px;
    padding-right: 8px;
    margin-right: 31px;
    min-height: 262px;
    -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.2);
}
.inner-page-right .dialog{
    margin-left: -10px;

}
.dialog.left{
    margin-right: 31px;
}
.dialog p{
    color:#4c575D;
    padding-bottom: 8px;
}
.dialog .trad_asset{
    margin-bottom: 0px;
    margin-left: 5px;
}
.dialog .orange{
    font-size: 18px;
}
.dialog .infographic_asset{
    margin-left: 15px;
}
.fact{
    margin-top: 14px;
    margin-bottom: 8px;
    width: 90%;
}

/* Popup Text, Graphic, Image */

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:6px 17px 15px 0; width:55%;
    -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:#4c575D; }
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; }
svg.asset_popup { /*280 x 224*/ width:15px; height:12px; margin-left:5px; }

/* 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(../images/index.svg);
    background-repeat:no-repeat; }
.button.b-close:hover { background-image:url(../images/index.svg);
    background-repeat:no-repeat; }


.popup_dark{
    background-color: #000000;
    border: #ffffff 1px solid;
    color:#ffffff;
    padding-bottom: 30px;
    padding-left: 60px;
}
.popup_light{
    background-color: #ffffff;
    border: #46575e 1px solid;
    color:#46575e;
    padding-bottom: 30px;
    padding-left: 60px;
    padding-right: 10px;
}
#popup-2-2{
    padding-left: 40px;
    padding-right: 20px;
    background-image: url("../images/popups/shadow_pop.png");
    background-repeat: repeat-x;
    background-position: 0px 86px;
}
#pop-2-2-image{
    background-image: url("../images/popups/popup-2-2.png");
    width:1094px;
    height:1062px;
    background-size: contain;
}
#popup-2-2 .scrollbar_setup{
    width: 1124px;
}
#popup-2-2 .close_holder{
    height: 20px;
}

#popup-1-1 .close_holder, #popup-1-2 .close_holder, #popup-1-3 .close_holder{
    margin-bottom: 50px;
}

#popup-1-1{
    background-image: url("../images/popups/Page4-popup.png");
    width: 833px;
    height:390px;
}
#popup-1-1,#popup-1-2,#popup-1-3{
    padding-left: 104px;
}
#popup-5-1{
    background-image: url("../images/popups/Page4-popup.png");
    width: 1201px;
    height:431px;
}
#popup-5-2{
    background-image: url("../images/popups/ch05_analytics_popup.png");
    width:1000px ;
    height:782px;
}
#popup-1-1 .popup_text, #popup-1-2 .popup_text,#popup-1-2 .popup_text{

    margin-right: 50px;
}

.popup_image{
    background-size: contain;
    background-repeat: no-repeat;
}

.popup_text{
    width: 640px;

}
.popup_light .popup_text{
    width: 748px;
    padding-righT: 58px;
}
.popup_text p{
    margin-bottom: 12px;
}
.popup_light .popup_text p{
    font-size: 18px;
}
.popup_header{
    font-family: Univers-Light, Arial, Helvetica, sans-serif;
    font-size: 28px;
    margin-bottom: 17px;
}
.popup_subheader{
    font-family: Univers-Light, Arial, Helvetica, sans-serif;
    font-size: 21px;
    margin-bottom: 35px;
}

.popup_light .popup_header{
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
}
.popup_img{
    margin-bottom: 25px;
}
.close_holder{
    width: 100%;
    display: block;
    height: 45px;
}
.b-close{
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    width: 88px;
    height: 29px;
    display: block;
    cursor: pointer;
}
.b-close.dark, .b-close.light{
    margin-top: 22px;
    margin-right: 16px;
}
.b-close.dark{
    background-image: url("../images/popups/b-close-dark.png");
}
.b-close.light{
    background-image: url("../images/popups/b-close-light.png");
}
#popup-5-2 .b-close.dark{
    margin-top: -37px;
    margin-right: 4px;
}
.dialog_close{
    background-image: url("../images/popups/dialog_close.png");
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height:20px;
    margin-bottom: 6px;
    cursor: pointer;
    
}




/**CALLOUTS**/

.callout{
    text-align: left;
    color: #404040;
    font-size: 26px;
    font-weight: bold;
    border-top: solid 13px #8DA6B1;
    border-bottom: solid 13px #8DA6B1;
    padding-top: 20px;
    padding-bottom: 13px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;

}



/******************************
SOCIAL MEDIA
******************************/
.get-social-media-resources {
    position: absolute;
    right: 32px;
    top: 77px;
}
.get-social-media-resources.TOC-social{
    top:90px;
}
.get-social-media-resources2 { display:inline-block; float:right; margin:10px 30px 0 0; }
ul.social-media { list-style:none; float:right; }
ul.social-media li { display:inline-block; float:left; width:24px; height:25px;margin: 0px 0px 0px 9px;}
ul.social-media li a .sm-red { fill:#8DA6B1; }
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; }
.blog_asset svg.blog{
    width:35px;
    height:35px;
}

.social_light{
    position: absolute;
    left: 86px;
    top: 109px;
}

.social_light_icon{
    width: 25px;
    height:25px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-bottom: 6px;
}

.social_light_facebook{
    background-image: url("../images/social_facebook_light.png");
}
.social_light_twitter{
    background-image: url("../images/social_twitter_light.png");
}
.social_light_linkedin2{
    background-image: url("../images/social_linkedin_light2.png");
}
.social_light_linkedin{
    background-image: url("../images/social_linkedin_light.png");
}
.social_light_blog{
    background-image: url("../images/social_blog_light.png");
}
.social_light_youtube{
    background-image: url("../images/social_youtube_light.png");
}


/******************************
RESOURCES
******************************/
.resources-header-wrap { padding:7px 0 13px; margin-left:-1px; width:50%; 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; }
.panel p{
    color: #8DA6B1;
}
ul.tabs { display:block; list-style:none; }
ul.tabs li { font-size:1em;font-weight: bold }
ul.tabs li a {
    width:497px;
    display:block;
    float:left;
    height:45px;
    margin-bottom:5px;
    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:#8DA6B1;
    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; width:525px;margin-top: 25px; }
.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;
    width: 100%;
    display: inline-block;
}

ul.resource-list li.res-article {
    background-repeat:no-repeat;
    background-size:22px 23px;
    padding:4px 0px 6px 31px;
    margin-left:2px;
    min-height: 23px;
}
ul.resource-list li.res-brochure {
    background-repeat:no-repeat;
    background-size:23px 17px;
    padding:0px 0px 10px 33px;
    min-height: 23px;
}
ul.resource-list li.res-datasheet /* Also used for "REPORTS" */ {
    background-position:left top;
    background-repeat:no-repeat;
    background-size:17px 23px;
    padding:4px 0px 6px 31px;
    margin-left:2px;
    min-height: 23px;
}
ul.resource-list li.res-demo {
    background-repeat:no-repeat;
    background-size:23px 17px;
    padding:4px 0px 6px 33px;
    min-height: 23px;
}
ul.resource-list li.res-ebook {
    background-repeat:no-repeat;
    background-size:16px 23px;
    margin-left:2px;
    padding:4px 0px 6px 31px;
    min-height: 23px;
}
ul.resource-list li.res-event {
    background-repeat:no-repeat;
    background-size:23px 17px;
    padding:4px 0px 6px 33px;
    min-height: 23px;
}
ul.resource-list li.res-infographic /* Also used for "REPORTS" */ {
    background-position:left top;
    background-repeat:no-repeat;
    background-size:22px 23px;
    padding:4px 0px 6px 31px;
    margin-left:2px;
    min-height: 23px;
}
ul.resource-list li.res-pdf {
    background-position:left top;
    background-repeat:no-repeat;
    background-size:18px 23px;
    padding:4px 0px 6px 31px;
    margin-left:2px;
    min-height: 23px;
}
ul.resource-list li.res-podcast {
    background-repeat:no-repeat;
    background-size:20px 23px;
    padding:4px 0px 6px 31px;
    margin-left:2px;
    min-height: 23px;
}
ul.resource-list li.res-report {
    background-repeat:no-repeat;
    background-size:18px 23px;
    padding-left: 33px;
    min-height: 23px;
}
ul.resource-list li.res-success {
    background-position:left top;
    background-repeat:no-repeat;
    background-size:15px 23px;
    padding:4px 0px 6px 30px;
    margin-left:3px;
    min-height: 23px;
}
ul.resource-list li.res-video {
    background-position:left top;
    background-repeat:no-repeat;
    background-size:22px 15px;
    padding:0px 0px 10px 33px;
    min-height: 23px;
}
ul.resource-list li.res-webcast {
    background-position:left top;
    background-repeat:no-repeat;
    background-size:22px 15px;
    padding:0px 0px 10px 33px;
    min-height: 23px;
}
ul.resource-list li.res-webpage {
    background-position:left top;
    background-repeat:no-repeat;
    background-size:22px 17px;
    padding:0px 0px 10px 33px;
    min-height: 23px;
}
ul.resource-list li.res-whitepaper {
    background-position:left top;
    background-repeat:no-repeat;
    background-size:17px 23px;
    padding:4px 0px 6px 31px;
    margin-left:2px;
    min-height: 23px;
}

/******************************
FOOTER
******************************/
.footer-left-page, .footer-right-page { display:block; width:100%; float:left; height:40px; position:absolute; bottom:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.footer-left-page p { font-size:12px; line-height:28px; display:inline-block; color:#00758F; }
.footer-left-page p+p { padding-left:15px; font-size:12px;  font-weight:normal; }
.footer-right-page { padding-right:32px; }
.footer-right-page p { font-size:12px; line-height:28px; display:inline-block; color:#00758F; float:right;padding-right: 38px; margin:1px 0 0; }
.footer-right-page p+p { padding-right:15px; font-size:12px;  font-weight:normal; line-height:30px; }

/****************************
Footer in white color
****************************/

.footer-left-page4, .footer-right-page4 { display:block; width:100%; float:left; height:30px; position:absolute; bottom:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.footer-left-page4 p { font-size:12px;  line-height:28px; display:inline-block; color:#fff; }
.footer-left-page4 p+p { padding-left:15px; font-size:12px  font-weight:normal; }
.footer-right-page4 { padding-right:45px;  }
.footer-right-page4 p {font-size:12px; line-height:28px; display:inline-block; color:#fff; float:right; padding-right: 20px; margin:1px 0 0; }




/******************************
PRELOADER
******************************/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:3000; }
#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/loader.gif);
    background-repeat:no-repeat;
    background-size:128px 128px;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}


/****Basics***/

.left_flush{
    margin-left: 0px;
    padding-left: 0px;
}

/**** TRAD ASSETS**/
.asset_table td{
    vertical-align: top;

}
.trad_asset{
    margin-bottom: 12px;
    display: inline-block;
    margin-bottom: 22px;
    display: inline-block;
    margin-top: 10px;
	text-decoration:none;
}
.icon_phone{
    background-image: url("../images/icon_phone.png");
    height: 36px;
    background-repeat: no-repeat;
    padding-left: 36px;
    padding-top: 6px;
    margin-left: 9px;
}

.white_bg{
    background-color: rgba(255, 255, 255, 0.6);
    padding-top: 26px;
    margin-bottom: 32px;
    padding-bottom: 30px;
    padding-left: 10px;
}

@-moz-document url-prefix() {
    .white_bg .trad_asset {
        margin-left: 10px;
    }
}
.white_bg .trad_asset_text{
    margin-left: 26px;
    margin-right: 20px;
}
.white .trad_asset_text{
    font-size: 21px;
    width: 90%;
}
.white .trad_asset_text a{
    color: #ffffff;
}
.whitepaper_asset{
    background-image: url("../images/icon_whitepaper.png");
    background-repeat: no-repeat;
    background-size: 36px 47px;
    padding-left: 48px;
    min-height:48px;
}
.white_bg .whitepaper_asset{
    background-position-x:28px;
}
.report_asset{
    background-image: url("../images/icon_report.png");
    background-repeat: no-repeat;
    background-size: 36px 47px;
    padding-left: 46px;
    min-height: 55px;
    background-position: left 0px;
}
.report_asset .trad_asset_text{
    padding: 5px;
}
.intro_inset_right .report_asset,.intro_inset_left .report_asset {
    background-position: left 5px;
}
.text_wrap_left.report_asset{
    padding-left: 50px;
}

.webpage_asset{
    background-image: url("../images/icon_webpage.png");
    background-repeat: no-repeat;
    background-size: 48px 37px;
    padding-left: 57px;
    min-height: 37px;
    background-position: left 0px;
}
.no_dots_ul .webpage_asset, .conclusion_inset_right .webpage_asset{
    background-image: url("../images/icon_webpage.png");
    background-repeat: no-repeat;
    background-size: 32px 24px;
    padding-left: 47px;
    min-height: 32px;
    background-position: left 0px;
    margin-bottom: 12px;
    display: block;
}
.conclusion_inset_right .webpage_asset{
    margin-bottom: 26px;
}

.infographic_asset{
    background-image: url("../images/icon_infographic.png");
    background-repeat: no-repeat;
    background-size: 44px 49px;
    padding-left: 48px;
    min-height: 44px;
    background-position: 0px 5px;
    padding-top: 10px;
}
.video-backdrop-overlay .infographic_asset{
    float: left;
}
.success_asset{
    background-image: url("../images/icon_success.png");
    background-repeat: no-repeat;
    background-size: 33px 48px;
    padding-left: 44px;
    min-height: 50px;
}
.pdf_asset{
    background-image: url("../images/icon_pdf.png");
    background-repeat: no-repeat;
    background-size: 36px 48px;
    padding-left: 44px;
    min-height: 50px;
}
.webcast_asset{
    background-image: url("../images/icon_webcast.png");
    background-repeat: no-repeat;
    background-size: 41px 28px;
    padding-left: 50px;
    min-height: 28px;
    background-position: left 4px;
}
.white_bg .webcast_asset{
    background-position-x:28px;
}
.video_asset{
    background-image: url("../images/icon_video.png");
    background-repeat: no-repeat;
    background-size: 48px 35px;
    padding-left: 58px;
    min-height: 41px;
    background-position: left 0px;
    cursor: pointer;
    float: left;
}
.popup_dark .video_asset{
    background-image: url("../images/icon_video_white.png");
}
.popup_asset{
    background-image: url("../images/icon_popup.png");
    background-repeat: no-repeat;
    background-size: 32px 25px;
    padding-left: 58px;
    min-height: 32px;
    background-position: left 0px;
    cursor: pointer;
    float: left;
}
.white.popup_asset{
    padding-left: 48px;
    margin-top: 102px;
}
.number_group.tabbed .popup_asset {
    background-size: 21px 17px;
    padding-left: 30px;
    min-height: 19px;
    background-position: left 0px;
    cursor: pointer;
    float: left;
    display: inline-block;
    width: 92%;
    margin-top: 5px;
    margin-bottom: 6px;
}
.number_group.tabbed .dialog .popup_asset{
    background-size: 40px 32px;
    min-height: 40px;
    padding-left: 54px;
}
table .popup_asset{
    padding-left: 37px;
    background-position: 0px 3px;

}

.pop-up-text{ font-size: 19px; color:#00758F; text-decoration:none;}

/* cheats and fixes*/
.tablet_only, .phone_only, .desktop_invis, .landscape_only, .portrait_only{
    display:none;
}

.top_ten, .desktop_top_ten{
    margin-top: 10px;
}
.top_twenty, .desktop_top_twenty{
    margin-top: 20px;
}
.top_thirty, .desktop_top_thirty{
    margin-top: 30px;
}
/******************************
MEDIA QUERIES
******************************/
@media screen and ( max-height: 799px ){
    /* BODY */
    body { font-size:.875em; }
    h2 {
        font-size: 16px;
    }

    h3{
        font-size: 21px;
        margin-bottom: 2px;
    }
    .intro_inset_right h3, .intro_inset_left h3{
        font-size: 24px;
    }
    h4 {
        font-size: 31px;
    }
    .new-chap h4 {
        margin-bottom: 15px;
    }
    h5{
        font-size: 20px;
        margin-bottom: 21px;
    }
    h6{
        font-size: 1.1em;
    }
    .cover-text h6 {
        font-size: 31px;
    }
    .cover-text h1 {
        width: 92%;
        font-size: 18px;
    }
    .bottom {
        bottom: 29px;
    }
    .inner-page-right p, .inner-page-left p, .new-chap p {
        line-height: 1.13em;
    }

    /* BOOKLET */
    .booklet .b-arrow div { top:45.26%;}

    /* COVERS */
    #cover, #cover-back { width:520px; height:670px; background-size:520px 670px; }
    .cover-back-copyright { padding:0 260px 0 40px; }

    /* TABLE OF CONTENTS */
    .page-TOC { padding-right: 0; }
    .TOC-left, .TOC-right {
        width: 520px;
        height: 633px;
		
    }
    .TOC-left{
        width: 488px;
        padding:130px 0 0 25px;}
    .TOC-right{
        padding: 86px 0px 0px 17px;
    }
    .TOC-left {padding: 0px 0 0 39px;}
    .TOC-left .TOC-block,{
        width:468px;
        margin-bottom: 21px;
        margin-left: 8px;
    }
	.TOC-right .TOC-block {
        width:468px;
        margin-bottom: 21px;
        margin-left: 17px;
    }
	.TOC-block-left{
        width:468px;
        margin-bottom: 21px;
        margin-left: 5px;
    }
	
    .TOC-block .chap-no{
        width: 22px;
    }
    .TOC-block .chap-no p { line-height:.65em; }
    .TOC-left .TOC-block a .chap-description,
    .TOC-right .TOC-block a .chap-description {
        width:435px;
        padding:0 18px 0 15px;
        margin-bottom: 25px;}
    .TOC-left h1 {padding: 0px 0 60px 0px;font-size: 28px;}
    .TOC-block a .chap-description > h6 span {
        font-size: 14px; color:#00758F;
    }

    /* RESOURCE BLOCK */
    #resources-block { height:80px; }
    #resources-chap-no { height:77px; }

    /* NAVIGATION BAR */
    .nav-bar {width: 483px;margin: 0 0 0 36px;}
    .nav-bar .icon-wrap { margin: 7px 0 0 0;    }
    .nav-bar .company-logo img {
        width: 131px;
        height: 48px;
        margin-top: 0px;
    }
    .TOC-logo-wrap {
        margin: 0px 0 4px 0px;
    }
    .download_arrow {
        width: 21px;
        height: 34px;
    }
    .hamburger_icon {
        width: 39px;
        height: 34px;
    }
    .icon-download {
        margin: 0px 41px 0 0;
    }
    .get-social-media-resources {
        right: 20px;
        top: 65px;
    }
    .get-social-media-resources.TOC-social{
        top: 75px;
    }
    .social_light{
        left: 73px;
        top: 89px;
    }
    .social_light_icon{
        width:21px;
        height:21px;
        margin-bottom: 5px;
    }

    .nav-bar-co { width:448px; }
    .nav-bar-co .icon-wrap { margin:16px 0 0 0; }

    /* MENU */
    .menu ul.tooltip-arrow { left:-70px; }
    .menu ul.tooltip-arrow li:first-child > a:after { left:72px; }

    /* NEW CHAPTER */
    .new-chap {
        width: 520px;
        margin: 0px;
        padding-left: 37px;
        padding-top: 17px;
    }

.text16{font-size:18px; color:#46575E; font-weight:bold}

    /* INNER LEFT/RIGHT PAGE */
    .inner-page-left { padding: 29px 40px 0 38px;}
	.inner-page-left12 { padding: 29px 4	0px 0 38px;}
    .inner-page-right {padding: 40px 40px 0 38px;}
	.inner-page-right17 {padding: 20px 40px 0 38px;}
    .inner-bottom { padding-top: 90px; }
    .inner-middle { padding-top:0; }
    .inner-page-right h4,
    .inner-page-left h4 { padding:8px 0 2px; }
    .inner-page-right h4.top-h4,
    .inner-page-left h4.top-h4 { padding:0px 0 12px; }
    .footer-left-page p {
        font-size: 12px;
        line-height: 32px;
        color: #00758F;
        margin-left: 0px;
    }

black_overlay{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.6);}
.page19-table{padding-top:120px; padding-left:60px;}
.page19-textblue { font-size:16px; color:#00758F; padding-left:20px;}
.page19-textblack{font-size:16px; color:#000000; padding-left:20px;}
	

/* Pop-up class start */

.popup_box{ background-image:url(../images/popups/Page4-popup.png); width:833px; height:390px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px;}
.close_popup{color:#666666; margin:10px 20px 0 0; float:right;}

.open_popup{color:#666666; text-decoration:none; text-align:left;}

.popup_box2{ background-image:url(../images/popups/Page5-popup.png); background-color:#FFFFFF; width:832px; height:358px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -400px;}
.close_popup2{color:#666666; margin:10px 20px 0 0; float:right;}
.open_popup2{color:#666666; text-decoration:none; text-align:left;}
.page-padding{ padding-right:15px;}

/* Pop-up class end */


    /* LISTS */
    .numbered{
        background-size: 31px;
    }
    .inner-page-right .no_dots_ul {
        margin-left: 27px;
    }
    .no_dots_ul{
        margin-left: 23px;
    }
    .no_dots_ul li {
        font-size: 1em;
        margin-bottom: 10px;
    }
    .drop-cap{
        padding: 13px 7px 3px 8px;
        margin-right: 5px;
        margin-top: 0px;
        font-size: 30px;
    }
    .arrow_text {
        padding-left: 27px;
        margin-bottom: 15px;
    }
    .arrow_text_short{
        padding-left: 25px;
        margin-bottom: 10px;
    }
    .number_group {
        margin-bottom: 5px;
    }


    /* POPUP */
    a .popup_graphic {  margin:6px 17px 0px 0; }
    a .shorter-width { width:45%; }

    #pop-2-2-image{
        width: 906px;
        height: 880px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    #popup-2-2 .scrollbar_setup {
        width: 939px;
    }
    #popup-5-1{
        width:996px;
        height:358px;

    }

    /*dialogs*/
    .dialog{
        padding-top: 7px;
        padding-left: 15px;
        min-height: 222px;

    }
    .dialog_close{
        background-size: 46px 17px;
        height: 17px;
    }
    .dialog .orange {
        font-size: 15px;
    }
    .source{
        font-size: 12px;
    }



    /*TRAD ASSEST*/

    .white_bg {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* INTRO*/
    .intro_inset_left {
        margin-left: 91px;
        padding-right: 33px;
        margin-top: 48px;
        width: 357px;

    }
    #p6 .intro_inset_left {
        margin-top: 45px;
    }
    .intro_inset_right {
        margin-left: 25px;
        padding-right: 97px;
        margin-top: 44px;
        width: 342px;
    }

    .report_asset {
        background-size: 32px 39px;
        min-height: 45px;
    }
    .text_wrap_left.report_asset {
        padding-left: 42px;
    }
    .trad_asset_text{
        padding-top: 10px;
		padding-bottom:10px;
    }
    .white .trad_asset{
        padding-left: 45px;
    }
    .white .trad_asset_text {
        font-size: 19px;
       padding-top:0px ;
    }
    .popup_asset{
        background-size: 26px 22px;
    }
    .white.popup_asset {
        padding-left: 40px;
        margin-top: 77px;
    }
    .b-close{
        width: 70px;
        height: 24px;
    }
    #popup-0-1{
        width: 960px;
        height:519px;
    }
    #popup-3-1{
        width: 1015px;
        height: 642px;
    }
    #popup-5-2 {
        width: 763px;
        height: 640px;
        background-position-y: 40px;
    }
    #popup-5-2 .b-close.dark {
        margin-top: 11px;
        margin-right: 0px;
    }

    /*CALLOUTS */
    .callout {
        text-align: center;
        color: #404040;
        font-size: 21px;
        font-weight: bold;
        border-top: solid 11px #F80000;
        border-bottom: solid 11px #F80000;
        padding-top: 20px;
        padding-bottom: 13px;
        line-height: 35px;
        padding-left: 17px;
        padding-right: 17px;
    }
    .pull_quote {
        border-left: 3px solid #ff7701;
        padding-left: 19px;
        font-size: 1.45em;
        padding-right: 19px;
    }



    /* VIDEOS */
    .video-backdrop-top-left { margin-top:38px; }
    .video-backdrop-top-right { margin-top:75px; }
    .inner-video-backdrop-left-page { padding:20px 15px 20px 16px;
        width: 464px;
    }
    .inner-video-backdrop-right-page { padding:20px 21px 16px 24px;}
    .video-backdrop-holder {
        width: 163px;
        height: 91px;
        margin-right: 9px;
    }
    .video-backdrop-info { width:calc(100% - 226px); margin:-3px 0 5px; }

    a.play-button-backdrop { margin:16px auto 0; }
    .video-backdrop-full-page { margin-top:474px; }

    .inner-video-backdrop-inset .video-backdrop-info {
        width: calc(100% - 171px);
        font-size: 12px;
        line-height: 1.25em;
        color: #4c575D;
        margin-top: 4px;
    }
    .inner-video-backdrop-inset .video-backdrop-holder {
        margin-right: 6px;
    }
.gradient_backdrop{
    width: 320px;
}

    /* FOOTER */
    .footer-right-page { padding-right:13px; }


    .footer-right-page p {
        font-size: 12px;
        padding-right: 50px;
        line-height: 28px;
    }
    .footer-left-page p+p {font-size: 12px;}
    .footer-right-page p+p {font-size: 12px;margin-left: 0px;}

    /*GRAPHICS*/
    .lg_img {
        margin-bottom: 15px;
        width: 412px;
    }
    .icon-header{
        font-size: 15px;
    }
    /*ASSETS*/
    .video_asset {
        background-size: 41px 29px;
        padding-left: 53px;
        min-height: 29px;
    }

    .webpage_asset{
        background-size: 40px 32px;
        padding-left: 49px;
    }
    .pdf_asset{
        background-size: 31px 40px;
    }
    .infographic_asset {
        padding-top: 1px;
        background-size: 37px 39px;
        min-height: 44px;
        padding-left: 41px;
    }
    .dialog .infographic_asset {
        margin-left: 17px;
    }
    .video-backdrop-overlay .infographic_asset{
        padding-left: 45px;
    }
    .top_ten, .desktop_top_ten{
        margin-top: 8px;
    }
    .top_twenty, .desktop_top_twenty{
        margin-top: 16px;
    }
    .top_thirty, .desktop_top_thirty{
        margin-top: 24px;
    }
    .conclusion_inset_right h3 {
        font-size: 24px;
    }


    /*recources*/

    ul.tabs li a{
        width:447px;
        background-position: 420px center;
    }
    ul.tabs li a:hover, ul.tabs li a.active {
        background-position: 420px center;
    }

    /* SCROLLBAR PLUGIN */
    .scrollbar_setup .scrollbar_wrap > div { max-height:440px; }

    /*SOCIAL MEDIA */
    .new-chap .get-social-media-resources {margin: -8px -5px 0px 0px;}
    @-moz-document url-prefix() {
       .new-chap .get-social-media-resources {margin: -8px -5px 0px 0px; width:100%; display:block; float:left; }
    }
    ul.social-media li { margin:0px 7px 0 0; }
    .get-social-media-resources2 { margin:5px 27px 0 0; }
    .get-social-media-resources > ul.social-media li { width:21px; height:21px;}
    .get-social-media-resources svg.blog { width:21px; height:21px; }
}

/******************************
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:black; }
    .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; }
    .background-gradient { background:rgba(0,0,0,.2); }
    .accordion-style {  }
    .accordion-content {  }
    p.accordion-odd, p.accordion-even { margin-top:-1px; }
}
	.page4 { display:block; width:100%; float:left; margin-bottom:50px; }
	.page4 { background: url("../images/inside-pages/Page4.png"); background-position:left top; height:670px; width:520px; }
	.page5 { display:block; width:100%; float:left; margin-bottom:50px; }
	.page5 { background :url("../images/inside-pages/Page5.png"); background-position:left top; height:670px; width:520px; }
	.page19 { display:block; width:100%; float:left; margin-bottom:50px; }
	.page19 { background :url("../images/inside-pages/Page19.png"); background-position:left top; height:670px; width:520px; }


/*---------------------------------------------------------------*/		

  /* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
	z-index:100001;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 90; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}


	#about {
			width: 80%;
			margin: auto;
		}
		#about img {
			margin-top: 10px;
			width: 100%;
			max-width: 450px !important;
			height: auto;
		}
		#about h1 {
			margin-bottom: 30px;
		}
		#header a {
			color: #C2C2C2;
			text-decoration: none;
		}
		#header a:visited {
			color: #C2C2C2;
		}
		@media(max-width: 528px) {
			
			#about {
				width: 100%;
			}
			pre {
				font-size: 7px;
			}
		}