/******************************
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;
}


/******************************
FONTS
******************************/
h1 { font-size:1.5em /*24px*/;
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    font-weight: 400;}


h2 {
    font-size: 18px;
    color: #003b4d;
    margin-bottom: 5px;
    font-family:Univers-Light, Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.TOC-block h2{
    color: #00758f;
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 4px;

}
h3 {font-size: 24px;
    color: #00758f;
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    margin-bottom: 12px;
    font-weight: 400;
}

h4 {
    font-size: 36px;
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #003b4d;
    margin-bottom: 0px;

}
.new-chap h4{
    margin-bottom: 21px;
    letter-spacing: .01em;
}

h5 {
    font-size: 21px;
    color: #8da6b1;
    font-family: Univers-Light, Arial, Helvetica, sans-serif;
    margin-bottom: 3px;
}


h6 { font-size:1.125em;font-weight:bold; letter-spacing: .01px; }

p, li { font-size:1em;line-height:1.55em; }

    .tight{
        letter-spacing: -.01em;           
    }
/******************************
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); }
.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("../assets/images/_desktop/shadow.png");
    background-position: top right;
    background-color: #ffffff;
    background-repeat: repeat-y;
}
.booklet .b-wrap-right {
background: #ffffff;
 }


/**Background images**/

.page{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(0, 115, 142, 0.1);
}

#p4{
    background-image: url("../assets/images/_desktop/p4.png");
}

#p5{
    background-image: url("../assets/images/_desktop/p5.png");
}
#p6{
    background-image: url("../assets/images/_desktop/p6.png");
}
#p7{
    background-image: url("../assets/images/_desktop/p7.png");
}
#p9{
    background-image: url("../assets/images/_desktop/p9.png");
}
#p11{
    background-image: url("../assets/images/_desktop/p11.png");
}
#p12{
    background-image: url("../assets/images/_desktop/p12.png");
}
#p13{
    background-image: url("../assets/images/_desktop/p13.png");
}
#p14{
    background-image: url("../assets/images/_desktop/p14.png");
}
#p15{
    background-image: url("../assets/images/_desktop/p15.png");
}
#p16{
    background-image: url("../assets/images/_desktop/p16.png");
}
#p17{
    background-image: url("../assets/images/_desktop/p17.png");
}
#p19{
    background-image: url("../assets/images/_desktop/p19.png");
}
#p21{
    background-image: url("../assets/images/_desktop/p21.png");
}
#p21 .white-backdrop{
    position: absolute;
    top: 544px;
    left: 79px;
    width: 500px;
}
#p22{
    background-image: url("../assets/images/_desktop/p22.png");
}
#p24{
    background-image: url("../assets/images/_desktop/p24.png");
}
#p25{
    background-image: url("../assets/images/_desktop/p25.png");
}
#p26{
    background-image: url("../assets/images/_desktop/p26.png");
}
#p27{
    background-image: url("../assets/images/_desktop/p27.png");
}
#p28{
    background-image: url("../assets/images/_desktop/p28.png");
}
#p29{
    background-image: url("../assets/images/_desktop/p29.png");
}

#p32{
    background-image: url("../assets/images/_desktop/p32.png");
}
#p33{
    background-image: url("../assets/images/_desktop/p33.png");
}



/* 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; }


/* 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('../assets/images/arrow_next.png'); }

.booklet .b-arrow-prev div { margin-right:0px;
background-image:url('../assets/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:640px; 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('../assets/images/_desktop/cover.png') no-repeat;
 }

.cover-text{
    position: absolute;
    top: 473px;
    left: 137px;
    letter-spacing: .07em;
    width: 473px;
}
.book-title{
    color:#003b4d;
    font-size:48px;
    font-weight:bold;
    margin-bottom: 24px;
    letter-spacing: 0.03em;
}
.book-subtitle{
    color:#FFFFFF;
    letter-spacing: 0.03em;
    font-size: 21px;
    margin-bottom: 23px;
    letter-spacing: -.05em;
}

/******************************
BACK COVER
******************************/
#cover-back { width:640px; 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('../assets/images/_desktop/cover-back.png') no-repeat;
position:relative;}

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


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

.TOC-right {    padding: 176px 0 0 0px}

.TOC-left h1 {
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    color: #003b4d;
    font-size: 36px;
    display: block;
    padding: 41px 0 27px 0px;
    font-weight: 400;
}

.TOC-left .TOC-block,
.TOC-right .TOC-block { float:left; overflow:hidden; padding-top:4px; margin-bottom: 0px;}
.TOC-left .TOC-block {
    padding: 1px 0px 18px 44px;
}
.TOC-left .TOC-block:first-of-type{
    margin-bottom: 0px;
    padding: 1px 0px 0px 44px;
}
.TOC-left .TOC-block.color{
    padding: 27px 24px 10px 41px;
    width: 640px;
    height: 140px;
}
.TOC-right .TOC-block.color{
    padding: 26px 24px 27px 20px;
    width: 640px;
    height: 140px;

}
.TOC-block.color.dark{
    background-color: #b7dce3;

}
.TOC-block.color.med{
    background-color: #cde8ed;
}

.TOC-right .TOC-block { width:560px; }

.TOC-block .chap-no { display:inline-block; float:left; }
.TOC-block .chap-no p {
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
    line-height: .75em;
    margin-right: 13px;
}
.TOC-block .chap-no p.txt-clear{
    color:transparent;
}

.TOC-left .TOC-block a .chap-description,
.TOC-right .TOC-block a .chap-description { display:inline-block; float:left;
    padding: 0 0px 0 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.TOC-block a .chap-description {
    width: 88%;
    margin-left: 0px;}


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

.TOC-block a .chap-description > h6.TOC-intro-title{
    line-height: 1.35em;
}

.TOC-block a .chap-description > h6 span {
    color: #1f4f82;
    font-style: italic;
    font-weight: normal;
    font-size: .825em;
    margin-left: 7px;
}
.TOC-block h2.txt-blue-link{
    color:#1f4f82;
}
.TOC-block a.goto-intro:hover, .TOC-block a.goto-chap-6:hover{
    text-decoration: none;
}
.TOC-block h2.txt-blue-link
.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 .chap-description p{
    color: #4e5052;
    line-height: 1.4em;
}
.TOC-chap-5-title{
    width: 110%;
}

.TOC-chap-5-title{
    width: 100%;
}

.TOC-chap-4-title{
    width: 62%;
}

.TOC-block a:hover{
    text-decoration: underline;
}

/******************************
NAVIGATION BAR
******************************/

/* NOT Co-Branded */
.nav-bar { display:block; float:left; width:592px; 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("../assets/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("../assets/images/hamburger_icon.png"); background-size: contain }

.icon_smedia{
    width: 35px;
    height: 35px;
    background-image: url("../assets/images/icon-smedia.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.icon_facebook {
    width: 39px;
    height: 40px;
    background-image: url("../assets/images/icon-facebook-large.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.icon_twitter{
    width: 39px;
    height: 40px;
    background-image: url("../assets/images/icon-twitter-large.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.icon_linkedin{
    width: 39px;
    height: 40px;
    background-image: url("../assets/images/icon-linkedin-large.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.icon_blog{
    width: 39px;
    height: 40px;
    background-image: url("../assets/images/icon-blog-large.png");
    background-repeat: no-repeat;
    background-size: contain;
}

#social-media-resources{
    width: 25px;
    display: inline-block;
    margin: 3px 55px 0 -205px;
}
#social-media-resources .menu ul a:hover {
    background-color:transparent;
}

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


/******************************
INNER RIGHT PAGE / INNER LEFT PAGE
******************************/
.inner-page-left,
.inner-page-right
{ display:block; float:left; max-width:640px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;  box-sizing:border-box; }

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

.inner-page-right {
    padding-top: 87px;
    padding-left: 36px;
    padding-right: 34px;
}

.inset-left{
    padding-left: 43px;
    padding-right: 40px;
    padding-top: 56px;

}
#p14 .text-wrap{
    margin-top: 5px;
}
#p24 .inset-left{
    padding-right: 20px;
}
#p24 .text-wrap{
    margin-top: 3px;
}

.inset-right{
    padding-top: 58px;
    padding-left: 22px;
    padding-right: 43px;
}

@-moz-document url-prefix() {
    #p14 .inset-left {
        padding-top: 39px;
    }
    #p14 .text-wrap{
        margin-top: 23px;
    }

}

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

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

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


/* dropcap */
.drop-cap{
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #003b4d;
    float: left;
    font-size: 49px;
    padding: 20px 0px 0px 0px;
    margin-right: 5px;
    margin-top: -9px;
}
@-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 {
    width: 100%;
    display: flex;
    margin-bottom: 17px;
}
.inline-img img{
    margin-left: auto;
    margin-right: auto;
}
.text-wrap{
    float: left;
    margin: 0px;
    margin-top: 0px;
    margin-right: 12px;
}



/******************************
LISTS
******************************/
.arrow-text{
    font-family: Univers, Arial, Helvetica, sans-serif;
    background-image: url('../assets/images/arrow-green.png');
    background-repeat: no-repeat;
    padding-left: 56px;
    color: #00758f;
    margin-bottom: 20px;
    font-size: 24px;
    margin-right: 6%;
    background-position: 0px 0px;
    background-size: 36px 36px;
    margin-left: 41px;
    padding-top: 7px;
}

.arrow-text-group{
    margin-bottom: 20px;
}


.tabbed{
    margin-left: 20px;
}

/******************************
POPUPS (INCLUDING VIDEOS)
******************************/
#asset-1-1{
    background-image: url("../assets/images/thumbnails/tbnail-01.png");

}
.page-b1 .bottom{
    position: absolute;
    bottom: 96px;
    left: 142px;
    width: 509px;
}

#vid-1-1{
    background-image: url("../assets/images/thumbnails/tbnail-02.png");
}

#vid-2-1{
    background-image: url("../assets/images/thumbnails/tbnail-03.png");
}

#vid-2-2{
    background-image: url("../assets/images/thumbnails/tbnail-04.png");
}
#vid-3-1{
    background-image: url("../assets/images/thumbnails/tbnail-05-2.png");
}
#vid-3-2{
    background-image: url("../assets/images/thumbnails/tbnail-06.png");
}
#vid-3-3{
    background-image: url("../assets/images/thumbnails/tbnail-07.png");
}

#vid-3-4{
    background-image: url("../assets/images/thumbnails/tbnail-08.png");
}
#vid-4-1{
    background-image: url("../assets/images/thumbnails/tbnail-09.png");
}
#vid-4-2{
    background-image: url("../assets/images/thumbnails/tbnail-10.png");
}
#vid-4-3{
    background-image: url("../assets/images/thumbnails/tbnail-11.png");
}
#vid-4-4{
    background-image: url("../assets/images/thumbnails/tbnail-12.png");
}
#vid-5-1{
    background-image: url("../assets/images/thumbnails/tbnail-13.png");
}

/* 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("../assets/images/preloader.gif");
    background-repeat:no-repeat;
    background-size:320px 80px;
    background-position:center;
}

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

#vid-close {margin-top: -10px}


/**popups**/

.close_holder{
    width: 100%;
    display: block;
    height: 45px;
}
.b-close{
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: -4px;
    float: right;
    width: 81px;
    height: 27px;
    display: block;
    cursor: pointer;
    background-image: url("../assets/images/popups/b-close.png");
}


.pull-quote{
    color: #003b4d;
    font-size: 21px;
    border-top: 14px solid #00758f;
    border-bottom: 14px solid #00758f;
    float: left;
    padding-left: 41px;
    margin-left: -45px;
    width: 609px;
    margin-bottom: 50px;
    padding-top: 27px;
    padding-bottom: 14px;
}
.quote-text{
    line-height: 31px;
    width: 547px;
    letter-spacing: .01em;
}
.quote-caller{
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-top: 5px;
}
.quote-front{
    background-image: url('../assets/images/quote-front.png');
    background-repeat: no-repeat;
    background-size: 42px 25px;
    width: 56px;
    height: 224px;
    float: left;
    background-position: 2px 4px;
}
.quote-end{
    background-image: url('../assets/images/quote-end.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 42px;
    height: 25px;
    margin-left: 5px;
}

/**footnote**/
.footnote{
    color: #00758F;
}
.footnote.bottom{
    position: absolute;
    bottom: 42px;
}
/******************************
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 { background-repeat:no-repeat; background-position:center; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }


/*Videos with Backdrops */

.video-white-backdrop{
    background-image: url('../assets/images/_desktop/asset-gradient.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 578px;
    height: 181px;
    margin-bottom: 25px;
    padding-top: 25px;
    padding-left: 18px;
    padding-right: 20px;
}

.video-backdrop-overlay { width:100%; height:100%; background-color:rgba(0,0,0,.75); display:block; float: left;}

.video-backdrop-holder { width:193px; height:108px; float:left; display:inline-block; float:left;margin-right: 14px;background-repeat: no-repeat;    background-size: contain; }
.video-backdrop-info {
    display: inline-block;
    float: left;
    margin: 0 0 0px;
    cursor: pointer;
    font-size: 14px;
    width: 300px;
}
.inset-left .video-backdrop-info, .inset-right .video-backdrop-info{
    width: 255px;
}
    .inset-right .w-fix{
        width: 285px;
    }
.video-white-backdrop .video-backdrop-holder{
    width: 241px;
    height: 135px;
}
.video-white-backdrop .video-backdrop-info{
    width: 280px;
}
.video-backdrop-info a{
    color: #1f4f82
}
.video-backdrop-info a.white_asset{
    color: #FFFFFF;
}

.play-button-backdrop:hover{
    opacity: .7;
}


.brightcove-info-subtitle{color: #1f4f82; font-family: Univers-Bold, Arial, Helvetica, sans-serif;font-weight: 400}
p.brightcove-info-title { font-size:16px; line-height:1.25em;color:#1f4f82; }

p.brightcove-info-title.txt-white{
    color: #FFFFFF;
}
.video-backdrop-info p { text-decoration:none !important;
    margin-bottom: 0px;
    padding-bottom: 0px;}
a.play-button-backdrop { width:52px; height:52px; margin:28px auto 0; }

.video-no-backdrop {
    display: table;
    margin-bottom: 17px;
}

.video-popup .video-no-backdrop{
    margin-left: 75px;
}
.video-no-backdrop .video-backdrop-overlay { background-color:rgba(0,0,0,0); }


/******************************
FOOTER
******************************/
.footer-left-page, .footer-right-page { display:block;  width: 604px; float:left; height:32px; position:absolute; bottom:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.footer-left-page p { font-weight:bold; font-size:1.125em /*18px*/; line-height:28px; display:inline-block; color:#003b4d; }
.footer-left-page p+p { padding-left:3px; font-size:0.925em /*14px*/; font-style:italic; font-weight:normal;letter-spacing: -.02em; }
.footer-right-page { padding-right:0px; }
.footer-right-page p { font-weight:bold; font-size:1.125em /*18px*/; line-height:26px; display:inline-block; color:#003b4d; float:right;padding-right: 32px; margin:1px 0 0; }
.footer-right-page p+p { padding-right:14px; font-size:0.925em /*14px*/; font-style:italic; font-weight:normal; line-height:30px;    letter-spacing: -.02em; }

.footer-right-page p.txt-blue-lt{
    color: #bde6ee;
}

/******************************
PRELOADER
******************************/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:3000; }
#status {
    width:320px;
    height:80px;
    position:absolute;
    left: 50%;
    top:40%; /* centers the loading animation vertically one the
    screen */
    background-image:url("../assets/images/preloader.gif");
    background-repeat:no-repeat;
    background-size:320px 80px;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}


/**** TRAD ASSETS**/
.trad_asset{
    margin-bottom: 12px;
    display: inline-block;
    margin-bottom: 22px;
    display: inline-block;
}

.pdf_asset{
    background-image: url("../assets/images/pdf-asset.png");
    background-repeat: no-repeat;
    background-size: 36px 47px;
    padding-left: 48px;
    min-height:48px;
}
.pdf_asset.white_asset{
    background-image: url("../assets/images/icon_pdf_white.png");
}

.whitepaper_asset{
    background-image: url("../assets/images/icon_whitepaper.png");
    background-repeat: no-repeat;
    background-size: 36px 47px;
    padding-left: 48px;
    min-height:48px;
}
.website_asset{
    background-image: url("../assets/images/icon_webpage.png");
    background-repeat: no-repeat;
    background-size: 53px 41px;
    padding-left: 73px;
    min-height: 41px;
    background-position: left 0px;
    float: left;
    margin-bottom: 20px;
}
.video-white-backdrop .website_asset {
    background-size: 55px 42px;
    padding-left: 79px;
    min-height: 62px;
}

.infographic_asset{
    background-image: url("../assets/images/icon_infographic.png");
    background-repeat: no-repeat;
    background-size: 44px 49px;
    padding-left: 48px;
    min-height: 55px;
    background-position: 0px 5px;
    padding-top: 5px;
}

.success_asset{
    background-image: url("../assets/images/icon_success.png");
    background-repeat: no-repeat;
    background-size: 33px 48px;
    padding-left: 44px;
    min-height: 50px;
}
.webcast_asset{
    background-image: url('../assets/images/icon_webcast.png');
    background-repeat: no-repeat;
    background-size: 49px 35px;
    padding-left: 58px;
    min-height: 37px;
    background-position: left 0px;
}
.webcast_asset.white_asset{
    background-image: url('../assets/images/icon_webcast_white.png');
}

.video_asset{
    background-image: url("../assets/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;
}
.video-white-backdrop .video_asset {
    background-size: 62px 42px;
    padding-left: 79px;
    min-height: 62px;
}

.video_asset.white_asset{
    background-image: url("../assets/images/icon_video_white.png");
}

.popup_asset{
    background-image: url("../assets/images/icon-popup.png");
    background-repeat: no-repeat;
    background-size: 36px 28px;
    padding-left: 58px;
    min-height: 32px;
    background-position: left 6px;
    cursor: pointer;
    float: left;
}

/***resources***/

/* RESOURCE BLOCK */
#resources-block { height:80px; }
#resources-chap-no { height:77px; }
.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: #003b4d;
}
ul.tabs { display:block; list-style:none; }
ul.tabs li { font-size:1em;font-weight: bold }
ul.tabs li a {
    color: #003b4d;
    font-weight: normal;
    width: 555px;
    display:block;
    float:left;
    height:45px;
    margin-bottom:5px;
    padding:12px 0 0 12px;
    text-decoration:none;
    background-color:#bde6ee;
    background-image:url("../assets/images/resource-arrow.png");
    background-repeat:no-repeat;
    background-position: 513px center;
    background-size: 12px 15px;
    -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:#003b4d;
    background-image:url("../assets/images/resource-arrow-hover.png");
}

.panel { display:block; height:625px; margin-left:-2px;/*overflow-y:scroll; */ float:left; width:525px;margin-top: 25px; }

.scrollbar-inner::-moz-scrollbar, .scrollbar-inner::-webkit-scrollbar { display:none }

ul.resource-list { display:block; margin-bottom:20px; width:90%; }
ul.resource-list li { list-style:none; display:block;
    width: 100%;
    display: inline-block;
}
.social-media-panel{
    list-style: none;
}
.social-media-panel li{
    font-family: Univers-Bold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    width: 100%;
    display: inline-block;
}
.social-media-panel li svg{
    margin-right: 10px;
    float: left;
    margin-top: -6px;
    margin-bottom: 20px;
}
.social-media-panel svg.blog {
    width: 36px;
    margin-left: -8px;
    height: 31px;
}

.copyright{
    position: absolute;
    bottom: 42px;
    color: #FFFFFF;
    font-size: 16px;
    width: 550px;
    left: 46px;
}
.copyright p{
    line-height: normal;
    font-size: 14px;
}

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




.desktop-width-90{
    width:90%
}
.desktop-width-85{
    width:85%
}

.desktop-top-ten{
    margin-top: 10px;
}
.desktop-top-twenty{
    margin-top: 20px;
}
.desktop-top-thirty{
    margin-top: 30px;
}
.desktop-top-forty{
    margin-top: 40px;
}
.cheat-ten-up{
    margin-top: -10px;
}
.cheat-twenty-up{
    margin-top: -20px;
}
.cheat-thirty-up{
    margin-top: -30px;
}

#get-page-f1 .page-f1 .inner-page-left{
    padding-top: 12px;

}