/*
 * 
 * TOC
 * 
 * general element styles
 *      h1, h2, p etc
 * 
 * skinning styles
 *      skin_p1, p2, p3 etc
 * 
 * general page element styles
 *      #pageBanner
 *      lowerCTA
 *      quoting style
 * 
 * template styles
 *      pageoneportal
 *      pagetwogeneric
 *      pagetwoportal
 * 
 * 
 * page-unique styles
 *      #home
 *      #about
 *      #leadership
 * 
 * 
 * 
 * 
 * 
 */

/* Text styles */

    /* notes: 
        font-size is set to 16px in patterns.css; overwrite if needed
        line-height is set by ".scale_tttt" class; if not using set here
    */

/* default */
html, body {
    color: rgb(53, 53, 53);
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
}

h1 {
    color: rgb(69,69,69);
    font-family: "myriad-pro-n3", "myriad-pro", sans-serif;
    font-size: 55px;
    font-weight: 300;
}

h2 {
    color: rgb(69,69,69);
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 22px;
    font-weight: 400;
}

h3 {
    color: rgb(69,69,69);
    font-family: "myriad-pro-n6", "myriad-pro", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

/* this is the same as .skin_p2-text */
h3.alt {
    color: rgb(18, 68, 151);
}

h4 {
    /*font-family: "myriad-pro-n6", "myriad-pro", sans-serif;*/
    font-weight: 400
}

/* this is the same as .skin_p2-text */
h4.alt {
    color: rgb(18, 68, 151);
}

.callout {
    font-size: 22px;
    line-height: 32px;
}

p {}

li {}

a {
    border-bottom: 1px solid transparent;
    color: rgb(18, 68, 151);
    text-decoration: none;
}

a:hover,
a.active {
    border-bottom: 1px solid rgb(18, 68, 151);
}

.link-callout { 
    display: inline;
    position: relative;
}
     .link-callout:hover {
         border-bottom: 1px solid transparent;
         text-decoration: underline;
     }
     /*
     .link-callout:before {
        background-color: rgb(18, 68, 151);
        content:" ";
        position: absolute;
        height: 1px;
        width: 0;
        bottom: 0;
        left: 0;
        -moz-transition: width 0.35s ease-in;
        -webkit-transition: width 0.35s ease-in;
        -ms-transition: width 0.35s ease-in;
        transition: width 0.35s ease-in;
    }
    */
   .link-callout:after {
        content: "»";
        margin-left: 0.25em;
        /*position: absolute;*/
        /* removing transition delay so the arrows snap back on hover-off */
        -moz-transition: margin 0.15s ease-out;
        -webkit-transition: margin 0.15s ease-out;
        -ms-transition: margin 0.15s ease-out;
        transition: margin 0.15s ease-out;
    }
    .link-callout:hover:after {
        text-decoration: none;
    }
    /*
    .link-callout:hover:before {
        width: 100%;
    }
    */
   
    .link-callout:hover:after {
        text-decoration: none;
        /*content: "»";
        margin-left: 0.5em;
        -moz-transition: margin 0.15s ease-out 0.35s;
        -webkit-transition: margin 0.15s ease-out 0.35s;
        -ms-transition: margin 0.15s ease-out 0.35s;
        transition: margin 0.15s ease-out 0.35s;*/
       
    }
    
       .link-callout.link-out:after {
            background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_link-out.png) no-repeat 0 0 transparent;
            color: rgb(255,255,255);
            color: transparent;
            content: "......";
            font-size: 12px;
            /*display: inline-block;
            height: 14px;
            margin-top: 4px;
            width: 14px;*/
        }
       .link-callout.link-out_white:after {
            background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/link_out_white.png) no-repeat 0 0 transparent;
            color: rgb(255,255,255);
            color: transparent;
            content: " ";
            bottom: 5px;
            height: 12px;
            position: absolute;
            right: -12px;
            width: 9px;
            /*display: inline-block;
            height: 14px;
            margin-top: 4px;
            width: 14px;*/
        }

    

.link-callout.read-more,
.link-callout.load-more {
    font-family: "myriad-pro-n6", "myriad-pro", sans-serif;
    font-weight: 600;
    position: relative;
}
    .link-callout.read-more {
        color: rgb(15, 156, 124);
    }

/* alt .link-callout for level 2 navs */
.inpage-nav .link-callout {
    font-family: "myriad-pro-n3", "myriad-pro", sans-serif;
    font-weight: 600;
   
}

.scale_ebsco .inpage-nav li {
    margin-bottom: 8px;
}

.scale_ebsco h1 { margin: 0 0 22px; }
/* ebsco.com 1.375 */
.scale_ebsco h4, 
.scale_ebsco h3, 
.scale_ebsco h2, 
.scale_ebsco p, 
.scale_ebsco li, 
.scale_ebsco dl { 
    margin: 0 0 16px; 
}

section h4, 
section h3, 
section h2, 
section p, 
section li, 
section dl { 
    line-height: 1.5;
}

/* margin-bottom seems to vary based on context */
.main-description p { margin-bottom: 32px; }
/* since we need to select the element before, need to use margin-top */
.scale_ebsco p ~ h2 { margin-top: 22px; }



/* Skinning classes */

/* primary colors */
.skin_p1 {
    background-color: rgb(14, 49, 107);
    color: rgb(255, 255, 255);
}
    .skin_p1_bg { background-color: rgb(14, 49, 107); }
    .skin_p1_border { border-color: rgb(14, 49, 107); }
    .skin_p1_text { color: rgb(14, 49, 107); }

.skin_p2 {
    background-color: rgb(18, 68, 151);
    color: rgb(255, 255, 255);
}
    .skin_p2_bg { background-color: rgb(18, 68, 151); }
    .skin_p2_border { border-color: rgb(18, 68, 151); }
    .skin_p2_text { color: rgb(18, 68, 151); }

.skin_p3 {
    background-color: rgb(245, 245, 245);
}
    .skin_p3_bg { background-color: rgb(245, 245, 245); }
    .skin_p3_border { border-color: rgb(217,217,217); }
    .skin_p3_text { color: rgb(245, 245, 245); }

/* secondary colors */
.skin_s1 {
    background-color: rgb(96, 154, 255);
    color: rgb(255, 255, 255);
}
    .skin_s1_bg { background-color: rgb(96, 154, 255); }
    .skin_s1_border { border-color: rgb(96, 154, 255); }
    .skin_s1_text { color: rgb(96, 154, 255); }

.skin_s2 {
    background-color: rgb(55, 164, 80);
    color: rgb(255, 255, 255);
}
    .skin_s2_bg { background-color: rgb(55, 164, 80); }
    .skin_s2_border { border-color: rgb(55, 164, 80); }
    .skin_s2_text { color: rgb(55, 164, 80); }

/* call to action colors */
.skin_cta1 {
    background-color: rgb(55, 164, 80);
    border: none;
    color: rgb(255, 255, 255);
}
    .skin_cta1:hover {
        background-color: rgba(55, 164, 80, 0.8);
        color: rgb(255, 255, 255);
    }
    .skin_cta1.active {
        background-color: rgb(255, 255, 255);
        color: rgb(55, 164, 80);
        outline: 1px solid rgb(55, 164, 80);
    }

.skin_cta2 {
    background-color: rgb(18, 68, 151);
    border: none;
    color: rgb(255, 255, 255);
}
    .skin_cta2:hover {
        background-color: rgba(18, 68, 151, 0.8);
        color: rgb(255, 255, 255);
    }

.skin_cta3 {
    background: rgb(223, 91, 87);
    border: none;
    color: rgb(255, 255, 255);
}
    .skin_cta3:hover {
        background: rgba(223, 91, 87, 0.8);
        color: rgb(255, 255, 255);
    }

.skin_cta4 {
    background-color: rgb(16, 53, 114);
    border: none;
    color: rgb(255, 255, 255);
}
    .skin_cta4:hover {
        background-color: rgba(16, 53, 114, 0.8);
        color: rgb(255, 255, 255);
    }  


/* error, notice, alert colors */
.skin_error {
    background: rgb(255, 148, 148);
    outline: 2px solid rgb(255, 46, 46); 
}
.skin_notice {
    background: rgb(255, 255, 255);
    outline: 2px solid rgb(198,198,198);
    /* this is so evil */
   margin-bottom: 40px;
}

/* mobile skins */
.skin_main-nav #mobile-menu {
    background-color: transparent;
    border: none;
}
    .skin_main-nav #mobile-menu.isOpen,
    .skin_main-nav #mobile-menu:focus,
    .skin_main-nav #mobile-menu:hover {
        background-color: rgb(53,53,53);
    }

.skin_main-nav .sub-menu {
    background-color: rgb( 53,53,53 );
}

/* css triangle pointer above each sub menu */
.skin_main-nav .drop > a:before,
.skin_main-nav .drop.active > a:before,
.skin_main-nav .drop.current > a:before,
.cssPointer {
    border-color: transparent transparent rgb(53, 53, 53) transparent;
}

.nav-back { margin: 0; }
.nav-back a:before {
    border-color: transparent;
}
.nav-back a:hover {
    text-decoration: underline;
}
#siteNav .top-nav {
    list-style: none;
}
.skin_main-nav .isOpen ~ .top-nav {
    background: rgb(53,53,53);
}
.skin_main-nav .top-nav {
    background: rgb(53,53,53);
}
.skin_main-nav .top-nav a {
    border-color: rgb(70,70,70);
}
.skin_main-nav .top-nav a:focus, 
.skin_main-nav .top-nav a:hover, 
.skin_main-nav .top-nav li:focus, 
.skin_main-nav .top-nav li:hover {
    background: rgb(70, 70, 70);
}

/* site custom style tile patterns */

/* custom style patterns */
.skin_form-buttons {
    background-color: #fff;
    border: 1px solid rgb(217,217, 217);
    color: #454545;
    display: block;
    font-family: myriad-pro-n4,myriad-pro,sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 16px;
    padding: 5px 12px;
    text-decoration: none;
    transition: all .35s ease-in-out 0s;
}

/* header nav items */
#sub-logo {
    float: none;
    margin: 16px auto 0;
    padding: 0;
}
#site_alt-nav {
    display: block;
    float: right;
    list-style: none;
    padding: 16px 0 0;
}
    #site_alt-nav li {
        display: inline;
        margin: auto 2em auto 0;
        padding: 0;
    }

/* language dropdown */
#languageSwitcher {
    background: rgb( 255, 255, 255 );
    margin: 4em 0 0;
}
#languageSwitcher label {
    background: url(/National_Library/oe_/https://www.ebsco.com/e/files/img/icon_language.png) 0 -3px no-repeat transparent;
    color: rgb(255,255,255);
    display: block;
    float: left;
    height: 40px;
    width: 40px;
}
#languageSwitcher select {
    display: block;
    margin-left: 40px;
    max-width: 200px;
}
#languageChange.inner {
    padding: 0;
}


/* page styles */

/* ie9 nav spacing */




#sub-logo a:hover {
    border-bottom: 1px solid transparent;
}


.site-logo {
    background: url('/National_Library/oe_/https://www.ebsco.com/files/images/eis-logo-sprite.png') no-repeat 0 0 transparent;
    display: block;
    height: 20px;
    margin: auto;
    position: relative;
    width: 200px;
    /* margin-left: 0; */
}
    .site-logo img { 
        display: none;
        padding: 0 20px;
    }

#mainNav {
    margin-top: -29px;
    /* margin-top: 35px; */
}
#mobileMenuCtrl { 
    border-bottom: 1px solid transparent;
    margin-top: auto;
}



/* main-nav correction for when font-scales are used */
.top-nav li,
.sub-menu li {
    margin: 0;
}

#level3Nav {
    padding: 15px 10px 10px;
}

.list_sidemenu {
    display: block;
    list-style: none;
     margin: 0;
     padding: 0;
}
 .list_sidemenu li {
     display: block;
     list-style: none;
     margin: 0 0 16px 20px;
     padding: 0;
 }
.header_sidemenu {
    font-size: 22px;
    /*font-weight: 600;*/
}

/* side navigation */
#level3Nav {
    padding: 0;
    width: auto;
}
#level3Nav .header_sidemenu {
    background: rgb( 221, 221, 221 );
    line-height: 46px;
    margin: 0;
    padding: 0 10px;
}
#level3Nav .header_sidemenu a {
    color: rgb( 69, 69, 69 );
    font-size: 16px;
    font-weight: 400;
}
#level3Nav .header_sidemenu a:hover {
    border-color: rgb( 69, 69, 69 );
}
#level3Nav .list_sidemenu {
    padding: 0 20px;
}
#level3Nav .list_sidemenu li,
#level3Nav .list_sidemenu li:first-child {
    border-bottom: 1px solid rgb( 223, 223, 223 );
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
}
#level3Nav .list_sidemenu li a {
    color: rgb( 69, 69, 69 );
}
#level3Nav .list_sidemenu li:last-child {
    border-bottom: 0px;
}

/* ##### PARENT NAV CONTAINER ##### */
    /* because we needed to remove the positioning rule on the '.container', we need to re-apply inner width constraints */
    .special-container {}
    .special-container > .inner {
        box-sizing: border-box;
        margin: auto;
        max-width: 1280px;
        min-width: 240px;
        padding: 0 10px;
    }


/* ##### SITE LOGO ##### */
    .site-id {
        display: block;
        margin: auto;
        /* remove width for responsive logo */
        /* width: 200px; */
    }
        .site-id_logo {
            border: none;
            display: block;
            line-height: 60px;
            /* responsive logo styles */
            background: url('/National_Library/oe_/https://www.ebsco.com/files/images/eis-logo-sprite.png') no-repeat 0 0 transparent;
            height: 44px;
            margin: 16px auto 0 auto;
            width: 200px;
        }
            .site-id_logo img { display: none; }
        .site-id_logo:hover { border: none; }
        .site-id_logo img {
            vertical-align: middle;
            height: auto;
        }


/* ##### TOOLBAR CONTAINER ##### */
    .toolbar { }

    .toolbar a {
        text-decoration: none;
    }


/* ##### MAIN NAVIGATION ITEMS (LEVEL 1) ##### */
    .toolbar_nav {
        font: 400 16px/1.2 "myriad-pro-n4","myriad-pro",sans-serif;
    }
        .toolbar_nav a {
            border-bottom: 1px solid #454545;
            border-top: 1px solid #454545;
            color: #fff;
            display: block;
            margin-top: -1px;
            padding: 0 10px;
            transition: all 0.3s ease-out;
        }
        .toolbar_nav > ul {
            background: #2a2a2a;
            bottom: 0;
            left: -100%;
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 100%;
            transition: all 0.3s;
            top: 62px;
            z-index: 2;
        }
        a.toolbar_menu-btn {
            background: url(//web-archive.nli.org.il/National_Library/oe_///www.ebsco.com/apps/global/clarke/css/img/SingleMobileMenu.png) 50% 50% no-repeat;
            border: none;
            color: transparent;
            height: 26px;
            left: 0;
            margin: 0;
            position: absolute;
            top: 12px;
            width: 26px;
        }
        .toolbar_menu-btn + ul.isOpen {
            left: 0;
            right: 20%;
            transition: all 0.3s ease-out;
        }

        .toolbar_nav li {
            line-height: 60px;
            /* remove bottom padding inherited from the .scale_ebsco styles */
            margin-bottom: 0;
        }

        .toolbar_nav li a:hover {
            background: #454545;
        }

        .toolbar_nav .utility-link {
            background: #5d5d5d;
        }
        .toolbar_nav .utility-link a {
            border-color: rgb( 100, 100, 100 );
        }


    /* hide submenus and top-right utility items at mobile size */
    .has-submenu ul,
    .toolbar_utility {
        display: none;
    }


/* ##### CALL TO ACTION (CTA) ##### */
    .toolbar_nav .toolbar_cta {
        background: rgb(223, 91, 87);
    }
    .toolbar_nav .toolbar_cta a,
    .toolbar_nav .toolbar_cta a:focus,
    .toolbar_nav .toolbar_cta a:hover {
        color: #fff;
        display: block;
        margin: 0;
        padding: 5px 20px;
        text-align: center;
        text-decoration: none;
        transition: all 0.35s ease-in-out;
    }
    .toolbar_nav .toolbar_cta,
    .toolbar_nav .toolbar_cta:focus,
    .toolbar_nav .toolbar_cta:hover {
      transition: all 0.35s ease-in-out;
    }        
        .toolbar_nav .toolbar_cta:focus,
        .toolbar_nav .toolbar_cta:hover {
            background: rgba(223, 91, 87, 0.8);
        }
        .toolbar_nav li.toolbar_cta a:hover {
            background: none;
        }


/* ##### SITE SEARCH ##### */
    .toolbar_search {
        background: url(//web-archive.nli.org.il/National_Library/oe_///www.ebsco.com/apps/global/clarke/css/img/search-icon-hi.png) 0 0 no-repeat transparent;
        color: transparent;
        height: 26px;
        position: absolute;
        right: 10px;
        top: 20px;
        width: 26px;
    }
        .toolbar_search:focus,
        .toolbar_search:hover {
            border-bottom: 0px;
        }


/* ##### BACKGROUND OVERLAY ON MOBILE MENU ACTIVE ##### */
    #navOverlay {
        background: rgba( 255, 255, 255, 0.75 );
        display: none;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
    }
/*
    ========================================
        ::Site Breadcrumbs
    ========================================

    USAGE
    ========================================
    Pattern for breadcrumbs

    The below markup is assumed to be used; changing class names will impact css functionality

    Framework is not required


    MARKUP:
    ========================================
    <section class="container breadbrumb-container">
        <div class="inner">
            <div class="content breadcrumb-content size1of1">
                <p>
                    <a class="bc_page" href="#home">Home</a>
                    <span class="bc_separator">&raquo;</span>
                    <a class="bc_page" href="#level-1">Level 1</a>
                    <span class="bc_separator">&raquo;</span>
                    <span class="bc_current">Level 2</span>
                </p>
            </div>
        </div>
    </section>


    NOTES:
    ========================================
    Does not use framework grid system (can switch from mobile to desktop at any required mediaquery)

    Tested with css normalizing/reset (not included here)

*/
.breadcrumb-container {
    background: rgb( 224, 224, 224 );
}
.breadcrumb-content p { margin: 16px 0; }
.breadcrumb-content p,
.breadcrumb-content a {
    border: none;
    color: #969696;
    font: 400 14px/1.2 "myriad-pro-n4","myriad-pro",sans-serif;
    text-decoration: none;
}
    .breadcrumb-content a:hover {
        border: none;
        text-decoration: underline;
    }
.breadcrumb-content .bc_separator {
    padding: 0 4px;
}
.breadcrumb-content .bc_current {
    color: #525252;
}
/* these rules at mobile will have bc display only the parent item */
.bc_page,
.bc_separator,
.bc_page:last-of-type ~ * {
    display: none;
}
.bc_page:last-of-type,
.bc_mobile {
    display: initial;
}


/* adjust the breakpoint size as needed */
@media screen and (min-width: 820px) {

    /* ##### SITE LOGO ##### */
        .site-id {
            margin: 0;
        }
        .site-id_logo {
            background-position: 0 -144px;
            margin: 16px 0 0;
            width: 386px;
        }

    /* ##### TOOLBAR CONTAINER ##### */
        .toolbar {
            margin: auto;
            position: relative;
        }


    /* ##### MAIN NAVIGATION ITEMS (LEVEL 1) ##### */
        .toolbar_nav .toolbar_menu-btn,
        .toolbar_nav .utility-link,
        #navOverlay {
            display: none;
        }
        .toolbar_nav li a:hover {
            background: none;
        }
        .toolbar_nav a {
            border: none;
            color: #5d5d5d;
            margin: 0;
            padding: 0;
            text-decoration: none;
        }
            .toolbar_nav > ul > li:focus > a,
            .toolbar_nav > ul > li:hover > a,
            .toolbar_nav a:focus,
            .toolbar_nav a:hover,
            .toolbar_nav > ul > li.active > a {
                border: none;
                text-decoration: underline;
            }
        .toolbar_nav ul {
            background: none;
            bottom: auto;
            left: auto;
            margin: 0;
            position: relative;
            right: auto;
            top: auto;
            z-index: auto;
        }


    /* ##### SUBMENU NAVIGATION ITEMS (LEVEL 2) ##### */
        .toolbar_nav > ul > li {
            display: inline-block;
            line-height: 60px;
            list-style: none;
            padding: 0;
        }
        .toolbar_nav > ul > li > a {
            margin: 0 32px 0 0;
        }

        /* dropdown */
        .has-submenu {
            position: relative;
        }
        .has-submenu > a::after {
            border-width: 5px 0 5px 5px;
            border-color: transparent transparent transparent rgb(175,175,175);
            border-style: solid;
            content: " ";
            display: block;
            position: absolute;
            top: 26px;
            right: 22px;
            transition: all 0.15s ease-in-out;
        }
        .has-submenu:focus > a::after,
        .has-submenu:hover > a::after {
            -moz-transform: translate(-1px) rotate(90deg);
            -ms-transform: translate(-1px) rotate(90deg);
            -webkit-transform: translate(-1px) rotate(90deg);
            transform: translate(-1px) rotate(90deg);
        }
        .has-submenu ul {
            background: #2a2a2a;
            display: block;
            list-style: none;
            margin: 0;
            max-height: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            transition: all 0.35s ease-out;
            width: 300px;
            z-index: 1;
        }
        li.isOpen > ul,
        .has-submenu:focus > ul,
        .has-submenu:hover > ul,
        .has-submenu a:focus + ul,
        .has-submenu a:hover + ul {
            display: block;
            max-height: 1000px;
            transition: all 0.35s ease-in;
            z-index: 2;
        }
        .has-submenu li {
            border-bottom: 1px solid #454545;
            border-top: 1px solid #454545;
            margin-top: -1px;
        }
        .has-submenu ul a {
            color: #fff;
            display: block;
            padding: 0 10px;
        }
        .has-submenu ul a:focus,
        .has-submenu ul a:hover,
        .has-submenu ul li.active a{
            background: #454545;
            text-decoration: none;
        }


    /* ##### CALL TO ACTION (CTA) ##### */
        .toolbar_utility,
        .toolbar_cta {
            display: inline-block;
            float: right;
        }

        .toolbar_nav .toolbar_cta {
            margin: 10px 0 0;
        }
        .toolbar_cta a {
            line-height: 30px;
        }

    /* ##### UTILITY ITEMS ##### */
        .toolbar_links {
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
            /* height of logo influences this position; logo is 48px height */
            top: -48px;
            right: 0;
        }
            .toolbar_links .utility-link {
                display: inline-block;
                margin: 0 0 0 20px;
                text-transform: uppercase;
            }
            .toolbar_links .utility-link a {
                border: none;
                color: #5d5d5d;
                font: 400 14px/1.2 "myriad-pro-n4","myriad-pro",sans-serif;
                text-decoration: none;
            }
            .toolbar_links .utility-link a:focus,
            .toolbar_links .utility-link a:hover {
                border: none;
                text-decoration: underline;
            }

    /* ##### SITE SEARCH ##### */
        .toolbar_search {
            top: 16px;
        }

     /* ##### BREADCRUMBS ##### */
    .bc_page,
    .bc_separator,
    .bc_page:last-of-type ~ * {
        display: initial;
    }
    .bc_mobile {
        display: none;
    }
    .breadcrumb-content { min-height: 44px; }
    .breadcrumb-content > p { display: none;}

}
/* END Navigation Styles */


/* the top banner / video banner */
#pageBanner {
    height: 270px;
    overflow: hidden;
}
    #pageBanner .banner-background {
         height: 270px;
         max-width: 1494px;
         position: relative;
         z-index: -1;
    }
        #pageBanner .banner-background video {
            bottom: 0;
            height: 300px;
            position: absolute;
            right: 0;
            width: 1500px;
        }
        #pageBanner .banner-background canvas {
            bottom: 0;
            position: absolute;
            right: 0;
        }
    #pageBanner .banner-text {
        color: rgb( 255, 255, 255 );
        margin-top: -270px;
    }
    .lt-ie9 #pageBanner .banner-text {
        margin-top: -350px;
    }
        #pageBanner .banner-text h1 {
            color: rgb(255, 255, 255);
            margin-top: 0;
            font-size: 32px;
        }
        #pageBanner .banner-text p {
            font-size: 16px;
            line-height: 24px;
        }
        
/* if no canvas support, display image overlay instead of canvas overlay */
#pageBanner .banner-background .pixels {
    display: none;
}
#pageBanner.no-canvas canvas {
    display: none;
}
#pageBanner.no-canvas .pixels {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* if no video support, show image instead */
#pageBanner.no-video video {
    display: none;
}
/* level 1 top banner variance */
#pageBanner {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/About_banner_03.png) 50% 0 no-repeat rgb(0,0,0);
}
.products #pageBanner {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/products_banner_03.png) 0 0 no-repeat rgb(0,0,0);
}
.technology #pageBanner {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/Technology_banner_03.png) 50% 0 no-repeat rgb(0,0,0);
}
.who-we-serve #pageBanner {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/WhoWeServe_banner_03.png) 50% 0 no-repeat rgb(0,0,0);
}
.why-ebsco #pageBanner {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/whyebsco_banner_03.png) 50% 0 no-repeat rgb(0,0,0);
}
.publishers-partnerships #pageBanner {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/publishers_banner.png) 50% 0 no-repeat rgb(0,0,0);
}

/* market pages; similar to level 1 template */

/* level 1 top banner variance */
#marketPage #pageBanner {
    height: auto;
    max-height: 460px;
}
#marketPage .main-description {
    margin: 32px 0 64px;
}
.academic-libraries #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_acad@0,25x.png) 50% 0 no-repeat rgb(0,0,0); }
.corporations #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_corp@0,25x.png) 50% 0 no-repeat rgb(0,0,0); }
.government #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_govt@0,25x.png) 50% 0 no-repeat rgb(0,0,0); }
.public-libraries #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_public@0,25x.png) 50% 0 no-repeat rgb(0,0,0); }
.schools #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_schools@0,25x.png) 50% 0 no-repeat rgb(0,0,0); }

#productSection > .inner {
    padding-bottom: 32px;
    padding-top: 32px;
}
#productSection .product-list {
    /* -moz-columns: 3; */
   padding: 0;
}
#productSection .product-list li {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/logo_sprite.png) no-repeat 0 -195px transparent;
    box-sizing: border-box;
    display: block;
    float: left;
    /* height: 30px; */
    line-height: 1;
    list-style: none;
    /* margin: 0; */
    padding: 0 10px 0 0;
    width: 100%;
}

    #productSection .product-list .inner {
        height: 40px;
        padding-left: 40px;
    }
    #productSection .product-list a {
        /* display: block; */
        /* margin-left: 40px; */
       vertical-align: middle;
    }
    #productSection .product-list .ebooks { background-position: 0 5px; }
    #productSection .product-list .eds { background-position: 0 -45px; }
    #productSection .product-list .ehost { background-position: 0 -95px; }
    #productSection .product-list .flipster { background-position: 0 -145px; }
    #productSection .product-list .novelist { background-position: 0 -245px; }
    #productSection .product-list .plum { background-position: 0 -295px; }

    #productSection .product-list a:hover { border-color: transparent; text-decoration: underline; }

.side-content {
    margin-top: 1.2em;
}


.video-content > .inner {
    padding-bottom: 32px;
    padding-top: 32px;
}


#marketPage #mainSection h2 {
    padding-top: 32px;
}

/* market page related story (rs) */
.rs {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/related-story-box-bg.png) no-repeat 50% 50% / auto 100% rgb(59,115,210);
    margin-top: 32px;
}

.rs > .inner {
    color: rgb( 255, 255, 255 );
    outline: none;
    padding: 64px 10px 64px 0;
}
.rs_section-title {
    color: rgb( 255, 255, 255 );
    font-size: 16px;
}
.rs_title {
    font-size: 22px;
    font-weight: 400;
}
.rs_header {
    
}
.rs_story-link a {
    color: rgb( 255, 255, 255 );
}
    .rs_story-link a:hover {
        border-color: rgb( 255, 255, 255 );
    }


/* homepage only styles */

#home h1 {
    font-size: 30px;
}
#home h2 {
    color: rgb(245, 245, 245);
}
.ebsco-news h2 {
    color: #454545;
}
.homepage-banner {
    background: url('/National_Library/oe_/https://www.ebsco.com/files/pages/img/home-banner-320.jpg') no-repeat center;
    height: 174px;
    background-repeat: no-repeat;
    padding: 0;
    position: relative;
    background-size: 100%;      
}
.home-about {
    background-color: rgb(27, 27, 55);    
}
.home-about-text {
    padding: 20px 10px;
}
.home-about-link {
    margin-bottom: 40px;
}
.home-about.inner div {
    margin-top: 40px;
}
img.home-rss {
    float: left;
    margin-left: -10px;
    margin-right: 10px;
}
.ebsco-statement {
    color: #fff;
    margin-top: -30px; 
}
.ebsco-news h2 {
    color: #454545;
}
.ebsco-news-large {
    display: none;
}
.ebsco-news {
    color: #454545;
    background-color: #eee;
    padding: 10px 10px 50px 10px;
    margin-top: -1.5em;
    padding-left: 20px;
}
.ebsco-news-box {
    margin-top: 75px;
}   
.diag-ctas {
    color: #fff;
    background-color: #3b73d2;      
}
.diag-ctas-quote {
    color: #fff;
    background-color: #3b73d2; 
}
.value-box img {
    display: block;
    float: none;
    margin: 0 auto;
}
.value-headline {
    text-align: center;
}
.value-link {
    color: rgb(255, 255, 255);
}
h1.value-link:hover {
    text-decoration: underline;
}
.quote-img {
    display: none;
}
.quote-text {
    margin-left: 15px;
    margin-right: 15px;
}
.blog-feed {
    background-color: rgb(238, 238, 238);
}
.blog-feed h3, .blog-feed p{
    padding-left: 10px;
    padding-right: 10px;
}

/* main section */
header > #mainSection {
}
#mainSection {
    margin-top: 2em;
}


#featuredContent {
    padding-top: 32px;
    padding-bottom: 32px;
}


#video-container {
    margin: 2em 0;
}

/* info boxes */
.box-container > .inner {
    padding: 2em 0 0;
}
.info-box {
    /* margin-bottom: 35px; */
    margin-bottom: 2em;
    position: relative;
}
/*
.info-box:after {
    background-color: rgb(255,255,255);
    content: " ";
    display: block;
    height: 385px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
*/
.box-container hr {
    border-style: solid;
    border-width: 0 0 1px;
    margin: 0 auto 2em;
}
.info-box h4 { margin-bottom: 16px; }
.info-box .link-callout {
    /* margin-top: -1em; */
}

/* newsletter signup box */
#newsletterSignup {
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 10px;
}
    #newsletterSignup h2 {
        text-align: center;
    }
#signupForm {
    /* display: none; */
   margin-top: 22px;
   max-height: 0;
   overflow: hidden;
   
   -moz-transition: max-height 0.35s ease-out;
   -webkit-transition: max-height 0.35s ease-out;
   -ms-transition: max-height 0.35s ease-out;
   transition: max-height 0.35s ease-out;
}
#signupForm.active {
    /* display: block; */
   max-height: 500px;
   
   -moz-transition: max-height 0.35s ease-in;
   -webkit-transition: max-height 0.35s ease-in;
   -ms-transition: max-height 0.35s ease-in;
   transition: max-height 0.35s ease-in;
}
#signupForm div.field.email {
    padding: 1px;
    margin: 0;
}
.js #signupForm div.field.email label {
    padding: 1% 2%;
}

#signupForm.form-behavior div.field.checkbox label {
    line-height: 1em;
    margin-left: 16px;
}
#signupForm input[type="checkbox"], input[type="radio"] {
    margin-left: -24px;
    margin-right: 10px;
}
#signupForm .button {
    margin-top: 1em;
}
#signupForm .button.disabled {
    background: rgb(192,192,192);
}



/* vertical newsletter box */


/* newsletter sign-up box */
#newsletterContainer {
    margin-bottom: 2em;
    padding-bottom: 2em;
    padding-top: 2em;
    text-align: center;
}
#newsletterContainer #signupForm .nl-field {
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0;
    text-align: left;
    white-space: nowrap;
}
#newsletterContainer #signupForm .nl-label {
    display: block;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    position: relative;
}
#newsletterContainer #signupForm .nl-input {
    left: 5px;
    position: absolute;
    margin: 0;
    top: 10px;
}
/* subscribe all checkbox */
#newsletterContainer #signupForm .subscribe-all {
    height: auto;
    max-width: 400px;
    margin: auto;
    text-align: left;
}
#newsletterContainer #signupForm .subscribe-all label {
    display: block;
    margin-left: 30px;
    padding: 0;
    position: relative;
    text-align: left;
}
#newsletterContainer #signupForm .subscribe-all #subscribeAll {
    position: absolute;
    left: 0;
    top: 8px;
}
#newsletterContainer #signupForm .email { margin-top: 16px; }
#newsletterContainer #signupForm .email label {
    padding: 0 18px;
}
#newsletterContainer #signupForm #email {
    box-sizing: border-box;
}
/*#newsletterContainer .email-field {
    margin: 16px auto;
    max-width: 440px;
    position: relative;
}*/
#newsletterContainer #signupForm #newsletterSubmit {
    height: 36px;
    line-height: 28px;
    padding: 4px 20px;
    margin: 0;
    position: absolute;
    right: 8px;
    top: 0;
}






.linked-content {
    border-top-style: solid;
    border-top-width: 1px;
}
.inpage-nav {
    clear: both;
    display: block;
    float: left;
    /*margin-bottom: 32px;*/
    margin-top: 32px;
    position: relative;
}
    .inpage-nav .nav-link {
        display: inline-block;
        font-family: "myriad-pro-n3", "myriad-pro", sans-serif;
        font-size: 30px;
        font-weight: 300;
        margin-bottom: 16px;
    }


#level-2_detail #mainSection {
    margin-bottom: 30px;
    margin-top: 0;
}
#level-2_detail #mainSection > .inner {
    padding-bottom: 30px;
    padding-top: 30px;
}

/* 
 * getting pretty specific here as this applies to just the level 2 detail (who
 * we serve) and most of the section blocks are not uniquely classed.
 *  
 * what we want is all sections to have some space between them; alternatively 
 * we could add a class to each section and shorten this rule accordingly
 */
#level-2_detail #secondarySection > .inner > .content > .inner {
    margin-bottom: 72px;
}
#level-2_detail #secondarySection > .inner > .content > .inner:last-of-type {
    margin-bottom: 0;
}

#level-2_detail .products-header,
#level-2_detail .success-header {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_products-header.png) no-repeat 0 0 transparent;
    font-family: "myriad-pro-n4", "myriad-pro", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 2em;
    padding-left: 53px;
}
.success-header {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_related-story.png) no-repeat 0 0 transparent;
}

/*
 * 
 * <div class="related-story-box">
 * 
 *     <div class="image-box">
 *         <img class="image-fluid" src="" />
 *     </div>
 * 
 *     <div class="text-box">
 * 
 *     </div>
 * 
 * </div>
 */
.related-story-box {
    /* background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_related-story.png) no-repeat 0 0 transparent; */
    outline: 1px solid rgb(192,192,192);
    overflow: hidden;
}
    .related-story-box .image-box {
        float: left;
        margin: 20px 8.333%;
        width: 16.667%;
    }
    .related-story-box .image-box a {
        text-decoration: none;
        border-width: 0;
    }
    .related-story-box .text-box {
        background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/related-story-box-bg.png) 98% 0 no-repeat rgb(59,115,210);
        color: rgb(255,255,255);
        margin-left: 33.333%;
        margin-bottom: -1000px;
        padding: 20px 20px 1000px;
    }
    .related-story-box .text-box h2 {
        color: rgb(255,255,255);
    }
    .related-story-box .text-box a {
        color: inherit;
    }
    .related-story-box .text-box a:hover {
        border-color: inherit;
    }
    .related-story-box .text-box .link-callout:before {
        background-color: rgb(255,255,255);
    }

/* related news, events [ EXPANDERS ] */
.expander {
    padding-left: 20px;
}
    .expander:before {
        background: rgb(162,162,162);
        border-radius: 11px;
        color: rgb(255,255,255);
        content: "+";
        cursor: pointer;
        display: block;
        float: left;
        height: 22px;
        line-height: 18px;
        margin: 3px 10px 0 -20px;
        text-align: center;
        width: 22px;
        
    }
    .expander.active:before {
        content: "-";
    }
.expander-list {
    display: none;
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0;
}
    .expander-list.active {
        display: block;
    }

/* linked promos */
.linked-promo p {
    display: inline;
}

/* testing individual bottom lines per box 
div[role=presentation],
.info-box:after {
    display: none !important;
}
.info-box {
    margin-bottom: 20px;
}
.info-box > .inner {
    border-bottom: 1px solid rgb(0,0,0);
    margin: 0 10px;
    padding: 0;
}*/

/* lower / last section on page (usually for CTA text and button) */
#lowerCTASection > .inner > .content > .inner {
    padding: 20px 10px;
}
    #lowerCTASection p,
    #lowerCTASection .button {
        margin-bottom: 0;
    }

    #lowerCTASection .button {
        font-size: 18px;
        margin: 1em auto;
        width: 40%;
    }

   /* lower CTA button layout */
    #level-1_portal #lowerCTASection p,
    #level-1_portal #lowerCTASection .button {
        text-align: center;
    }
    #level-1_portal #lowerCTASection .button {
        display: inline;
        float: none;
        margin-left: 1em;
        width: auto;
    }


/* pattern additions */

/* narrowing the buttons */
.button {
    padding: 0.25em 0.5em;
}

/* removing .button hover underline */
a.button:hover {
    border-bottom: none;
    text-decoration: none;
}

/* button variance */
.button-100 {
    margin: 0 auto;
    text-align: center;
    width: 100px;
}
.button-100.active {
    border: none;
}
.button-200 {
    margin: 0 auto;
    text-align: center;
    width: 200px;    
}


/* triangle pointer */
.icon_pointer:after {
    border-color: transparent transparent transparent rgb(255,255,255);
    border-style: solid;
    border-width: 8px 0 8px 8px;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 8px;
    position: relative;
    width: 0;
}

.icon_pointer.active:after {
    border-color: rgb(55, 164, 80) transparent transparent;
    border-width: 8px 8px 0 8px;
}



/* placing a button inline with text */
/* note: not currently used */
.button-inlinetext {
    display: inline;
    float: none;
    margin-left: 1em;
}

/* larger checkboxes */

.hasValue {
    opacity: 0.3;
}
.hasBlur {
    opacity: 0;
}

input[type="checkbox"],
input[type="radio"] {
    -ms-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}




/* specific pages (About, Why EBSCO, Contact etc)
 * 
 */

#contact .contact-panel {
    display: none;
}

.js #contact div.radio-group label {
    margin-left: 20px;
}



/* office locations */
.location {
    min-height: 185px;
    margin: 0 0 10px;
}

.location span {
    display: block;
    width: 100%;
    white-space: pre-wrap;
}

.location span b {
    font-family: "myriad-pro-n6","myriad-pro",sans-serif;
    font-weight: 600;
}
.office-headspace { margin-top: 52px; }


/* leadership pages */

.inpage-nav {
    clear: both;
    display: block;
    float: left;
    /*margin-bottom: 32px;*/
    margin-top: 32px;
    position: relative;
}
    .inpage-nav .nav-link {
        display: inline-block;
        font-family: "myriad-pro-n3", "myriad-pro", sans-serif;
        font-size: 30px;
        font-weight: 300;
        margin-bottom: 16px;
    }



.scale_ebsco .bio-content {
    margin-bottom: 64px;
}
.scale_ebsco .bio-link {
    font-family: "myriad-pro-n3", "myriad-pro", sans-serif;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 16px;
}
    .bio-name a {
        position: relative;
        color: rgb(64,80,125);
        border: none;
    }
.scale_ebsco .bio-title {
    font-size: 18px;
    color: rgb(69,69,69);
}
/*.scale_ebsco .bio-link {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-family: "myriad-pro-n4","myriad-pro",sans-serif;
    font-size: 16px;
    color: rgb(64,80,125);
}*/
.legend {
    /*margin-top: 16px;*/
    font-family: "myriad-pro-n6","myriad-pro",sans-serif;
    font-weight: 600;
}


.bios-menu li a:after,
.bios-backlink:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background: rgb(64,80,125);
    content: " ";
    transition: all 0.15s ease-in-out;
}

.bios-menu li a:hover:after,
.bios-menu li.selected a:after,
.bios-backlink:hover:after {
    width: 100%;
    left: 0;
}


.bio-image a:hover,
.bios-menu li a:hover,
.bios-menu li.selected a,
.bios-backlink:hover {
    border: none;
    /*color: rgb(64,80,125);
    border-bottom: 1px solid rgb(64,80,125);*/
}

.bio-image {
    clear: left;
}
.bio-image > .inner {
    padding-top: 14px;
}

.detail-block > .inner {
    margin-bottom: 16px;
}

.content > .inner .figure {
    margin: 6px 0 0;
    padding-right: 16px;
    font-weight: 600;
    font-family: "myriad-pro-n6","myriad-pro",sans-serif;
    font-size: 16px;
    color: rgb(99,99,99);
}
.h-entry {
    margin: 0 0 21px;
}

.leadership-titles { max-width: 300px; }

/* Leadership Home */
    
.execBios,
.leader-home { margin-bottom: 30px; }
.execBios h2 { margin: 0; }
.leadershipHome h1 { margin: 0; }
.leader-home h2 { margin: 0; }
.leader-home h3 { font-size: 18px; color: #7d7d7d; }
.execBios a:hover { border: none; }
.leader-home a:hover { border-bottom: 1px solid rgb(18, 68, 151); }
 a.eis-bio-title:hover { border: 0; }
.execBios h2 a:hover { border-bottom: 1px solid rgb(18, 68, 151); }
.execBios .leadership-titles a:hover { border-bottom: 1px solid rgb(18, 68, 151); }
.leader-home h2 a:hover { border-bottom: 1px solid rgb(18, 68, 151); }
.leadershipHome hr { width: 96%; float: left; margin: 20px 10px; color: #7d7d7d; }
              
  @media screen and (min-width: 1220px) {
    .execBios { width: 25%; }
    .execBios:nth-child(4n+2) { clear: left; }
  }
  
  @media screen and (min-width: 1220px) {
    .leader-home { width: 25%; }
    .leader-home:nth-child(4n+5) { clear: left; }
  }

  @media screen and (min-width:961px) and (max-width:1219px) {
    .execBios:nth-child(3n+2) { clear: left; }
    .leader-home:nth-child(3n+5) { clear: left; }
  }
      
  @media screen and (max-width:960px) {
    .execBios:nth-child(4n+2) { clear: left; }
    .leader-home:nth-child(2n+1) { clear: left; }
  }
    
  
/* Leadership Division page */
.division,
.bin { margin-bottom: 30px; }
.division h2 { margin: 0; }
.leadershipDivision h1 { margin: 0; }
.bin h2 { margin: 0; }
.bin h3 { font-size: 18px; color: #7d7d7d; }
.division a:hover { border: none; }
.bin a:hover { border: none; }
.division h2 a:hover { border-bottom: 1px solid rgb(18, 68, 151); }
.bin h2 a:hover { border-bottom: 1px solid rgb(18, 68, 151); }
.leadershipDivision hr { width: 96%; float: left; margin: 20px 10px; color: #7d7d7d; }
                
  @media screen and (min-width: 1220px) {
    .bin:nth-child(4n+2) { clear: left; }
  }

  @media screen and (min-width:961px) and (max-width:1219px) {
    .bin:nth-child(3n+3) { clear: left; }
  }
  
  @media screen and (max-width: 960px) { 
    .division:nth-child(2n+1) { clear: left; }
    .bin:nth-child(2n+1) { clear: left; }
  }   
  

/* == New 768px Breakpoint for leadership section == */
/*
    ========================================
        ::8 Columns
        ::9 Columns
    ========================================
*/
@media screen and (max-width: 768px) {
  /* ::8 Columns */
  .mainBios .size1of8 { width: 12.5%; }
  .mainBios .size2of8 { width: 25%; }
  .mainBios .size3of8 { width: 37.5%; }
  .mainBios .size4of8 { width: 50%; }
  .mainBios .size5of8 { width: 62.5%; }
  .mainBios .size6of8 { width: 75%; }
  .mainBios .size7of8 { width: 87.5%; }
  .mainBios .size8of8 { width: 100%; }
       
  .mainBios .shift1of8 { margin-left: 12.5%; }
  .mainBios .shift2of8 { margin-left: 25%; }
  .mainBios .shift3of8 { margin-left: 37.5%; }
  .mainBios .shift4of8 { margin-left: 50%; }
  .mainBios .shift5of8 { margin-left: 62.5%; }
  .mainBios .shift6of8 { margin-left: 75%; }
  .mainBios .shift7of8 { margin-left: 87.5%; }
  .mainBios .shift8of8 { margin-left: 100%; }
         
  /* ::9 Columns */
  .mainBios .size1of9 { width: 11.1% }
  .mainBios .size2of9 { width: 22.2% }
  .mainBios .size3of9 { width: 33.3% }
  .mainBios .size4of9 { width: 44.4% }
  .mainBios .size5of9 { width: 55.5% }
  .mainBios .size6of9 { width: 66.6% }
  .mainBios .size7of9 { width: 77.7% }
  .mainBios .size8of9 { width: 88.8% }
  .mainBios .size9of9 { width: 100% }
  
  .mainBios .shift1of9 { margin-left: 11.1% }
  .mainBios .shift2of9 { margin-left: 22.2% }
  .mainBios .shift3of9 { margin-left: 33.3% }
  .mainBios .shift4of9 { margin-left: 44.4% }
  .mainBios .shift5of9 { margin-left: 55.5% }
  .mainBios .shift6of9 { margin-left: 66.6% }
  .mainBios .shift7of9 { margin-left: 77.7% }
  .mainBios .shift8of9 { margin-left: 88.8% }
  .mainBios .shift9of9 { margin-left: 100% }
   
  .mainBios .hide4,
  .mainBios .hide6,
  .mainBios .hide12,
  .mainBios .hide16 { display: block !important; }
    
  .mainBios .hide8,
  .mainBios .hide9 { display: none !important; }

  .mainBios .wrap8,
  .mainBios .wrap9 { float: none; }
  .mainBios .wrap4,
  .mainBios .wrap6,
  .mainBios .wrap12,
  .mainBios .wrap16 { float: left; }
} 

#mainSection img { margin: 10px 0; } 

#mainSection h1 { margin: 0; }
        
#mainSection .indie { margin: 0 10px; }
        
#level3Nav {
  /* padding: 15px 10px 10px; */
  /* width: 280px; */
}
        
#level3Nav { /* padding: 15px 10px 10px;*/ }

.list_sidemenu {
  display: block;
  list-style: none;
  margin: 0;
  padding-bottom: 10px;
}

.list_sidemenu li {
  border-bottom: 1px solid #e2e2e2;
  display: block;
  list-style: none;
  margin: 0;
  padding: 15px 0;
}
        
.list_sidemenu li:last-child { border: none; }
        
.list_sidemenu li:first-child { padding-top: 0; }
        
.list_sidemenu li a { color: rgb(53, 53, 53); }
        
.list_sidemenu a:hover, .list_sidemenu a.active { border-bottom: 1px solid rgb(53, 53, 53); }
        
.header_sidemenu  {
  font-size: 16px;
  font-weight: bold;
}
        
.leadership a {
  border-bottom: 1px solid rgb(53, 53, 53);
  color: rgb(53, 53, 53);
}

/* publishers & partnerships */
#breadcrumbs {
    border-top: 1px solid rgb(217,217, 217);
    margin-top: 10px;
}
#breadcrumbs .content>.inner {
    margin-top: 20px;
}
#breadcrumbs .trail>a {
    font-size: 14px;
    color: #353535;
}
#breadcrumbs .trail>a:hover {
    border-bottom: 1px solid #353535;
}
#breadcrumbs .trail>span {
    font-size: 14px;
    color: #8b8b8b;
}
.page-quote-box-border {
    border-top: 1px solid rgb(18, 68, 151);
    border-bottom: 1px solid rgb(18, 68, 151);
    margin: 35px 0 35px 0;
    padding: 20px 0 10px 0;
}
.page-quote-text { font-size: 18px; line-height: 28px; }
.page-quote-attrib {
    font-family: "myriad-pro-i4", "myriad-pro", sans-serif;
    font-size: 16px;    /* 1 */
    font-style: italic;
    font-weight: 400;
    line-height: 23px;  /* 1.4375 */
    margin: 0 0 20px;   /* 20px - ( (23px-16px) / 2 ) == 16.5px */
}
#publisher_forms li {
    list-style-type: none;
}
#publisher_forms select {
    width: 90%;
    height: 100%;
    border: none;
}
#publisher_forms h1 {
    margin-bottom: 10px;
}
#publisher_form-template option>span {
    color: #7d7d7d;
}
#content_partner-fields input, 
#content_partner-fields select {
    border: 1px solid rgb(217,217, 217);
}
.skin_form-buttons img {
    margin-right: 0.5em;
    margin-bottom: -3px;
}
a:hover.skin_form-buttons {
    border-bottom: 1px solid rgb(217, 217, 217);
    background-color: rgb(217, 217, 217);
}
#publisher_forms h1.pp-form-head,
#publisher_form-template h1.pp-form-head {
    font-size: 35px;
}
#publisher_forms h2.pp-form,
#publisher_form-template h2.pp-form {
    font-weight: 300;
    margin-bottom: 35px;
}
.plum-promo {
    margin-top: 40px;
    text-align: center;
}
.section-img {
    width: 100%;
}
.inner-quote-img {
    display: none;
}

/* press releases */

#pressReleases #subscribe {
    display: block;
    padding: 32px 16px;
}
    #feedburnerSubscribe .button-100 {
        display: block;
        margin: 16px auto 0;
        position: relative;
    }
    #feedburnerSubscribe div.field {
        margin: 0;
    }
    #subscribe h2 {
        text-align: center;
    }
#pressReleases #filter {
    display: block;
    float: left;
    min-width: 200px;
    margin-right: 32px;
}
#pressReleases #rssFeed {
    display: block;
    margin-left: 30px;
    padding-top: 24px;
}
    #pressReleases #rssFeed a:hover {
        border: transparent;
    }
#newsFilter {
    margin: 0 0 2em;
    max-width: 320px;
    position: relative;
}
#storyList {
    clear: both;
}

.story-blurb {
    margin-bottom: 32px;
}
.story-blurb p {
    margin-bottom: 8px;
}
.story-blurb .datetime {
    font-weight: 600;
    font-family: "myriad-pro-n6","myriad-pro",sans-serif;
}
.story-blurb .story-link {
    font-size: 18px;
}
#pressReleases #mainContent {
    position: relative;
}
#pressReleases .pages {
    display: none;
}

#prDetail .nav-back.active { 
    display: block;
    margin-top: 12px;
}
#prDetail #mainSection {
    margin-top: 0;
}

.backToTop {
    background: url("//web-archive.nli.org.il/National_Library/oe_///journals.ebsco.com/files/img/BacktoTop.png") no-repeat scroll 0 0 rgb(191, 191, 191);
    border: medium none;
    bottom: 0;
    display: none;
    height: 45px;
    position: absolute;
    right: 10px;
    transition: background 0.35s ease-in-out 0s, top 0.05s ease-in-out 0s;
    width: 60px;
    z-index: 1;
}
.backToTop:hover {
    background-color: rgb(224, 224, 224);
    border: medium none;
    text-decoration: underline;
}
.loading {
    background: url("//web-archive.nli.org.il/National_Library/oe_///journals.ebsco.com/files/img/Loading.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0) !important;
    cursor: progress;
}

.pr-image {
    margin: 0 auto 4em;
    width: 80%;
}
.newsroom {
    padding: 10px 20px;
}
#mainSection .social-links, 
.aside-section .social-links {
    display: block;
    list-style: outside none none;
    margin: 0 auto 10px;
    padding: 0;
    position: relative;
    width: 240px;
}
#mainSection .social-links {
    margin: 0 0 10px;
}
#mainSection .social-links li, 
.aside-section .social-links li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 30px;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
    transition: background 0.2s ease-in-out 0s;
    width: 30px;
}
#mainSection .social-links li:hover, 
.aside-section .social-links li:hover {
    background: none repeat scroll 0 0 rgba(90, 159, 233, 0.5);
}
#mainSection .social-links li a, 
.aside-section .social-links li a {
    background: url("//web-archive.nli.org.il/National_Library/oe_///journals.ebsco.com/files/img/social-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 30px;
    z-index: 2;
}
#mainSection .social-links li a:hover, 
.aside-section .social-links li a:hover {
    border: medium none;
    text-decoration: none;
}
#mainSection .social-links .social-link_facebook a, 
.aside-section .social-links .social-link_facebook a {
    background-position: 0 0;
}
#mainSection .social-links .social-link_twitter a, 
.aside-section .social-links .social-link_twitter a {
    background-position: -36px 0;
}
#mainSection .social-links .social-link_google a, 
.aside-section .social-links .social-link_google a {
    background-position: -72px 0;
}
#mainSection .social-links .social-link_linkedin a, 
.aside-section .social-links .social-link_linkedin a {
    background-position: -108px 0;
}
#mainSection .social-links .social-link_youtube a, 
.aside-section .social-links .social-link_youtube a {
    background-position: -144px 0;
}
#mainSection .social-links .social-link_pinterest a, 
.aside-section .social-links .social-link_pinterest a {
    background-position: -180px 0;
}

#level-2_default .main-description,
#level-2_detail .main-description {
    font-size: 18px;
    color: rgb(69,69,69);
}



/**** Publishers and Partnerships Forms ****/

/* radio buttons linked to following text field
 * 
 * ! Assumes .push-label class on the form !
 * 
 *  Markup:
 * 
 *  <div class="radio-group group-horizontal">
 *      <div class="field radio">
 *          <label for="radio1">Value 1</label>
 *          <input id="radio1" name="radioset" value="val1" />
 *      </div>
 *      <div class="field radio">
 *          <label for="radio2">Value 2</label>
 *          <input id="radio2" name="radioset" value="val2" />
 *      </div>
 *  </div>
 *  <div class="field text-for-radio">
 *      <label for="text1">Text 1</label>
 *      <input id="text1" name="text1" type="text1" />
 *  </div>
 */
.push-label .hasValue {
    opacity: 1;
}
.push-label .hasBlur {
    opacity: 1;
}

.group-horizontal .radio {
    display: inline-block;
    margin-right: 32px;
    margin-bottom: 0;
}

.push-label div.field.radio label {
    left: inherit;
    margin-left: 0;
    padding-left: 16px;
}
.push-label h2 ~ div.field ~ div.field.text-for-radio,
.push-label .radio-group > p ~ div.field.radio {
    margin-top: 0;
}
.push-label .radio-group.group-horizontal > p {
    margin-bottom: 0;
}
.push-label div.field.text-for-radio > label.hasValue {
    top: inherit;
    opacity: 0.3;
}
.push-label div.field.text-for-radio > label.hasBlur {
    display: none;
}
.field .helper-text {
    color: rgb( 125, 125, 125 );
    font-family: "myriad-pro-i3","myriad-pro",sans-serif;
    font-size: 14px;
    font-style: italic;
}
div.field textarea.comments {
    height: 96px;
}
div.select select {
    color: rgb( 125, 125, 125 );
}
#publisher_full_text_databases .status-group {
    margin-bottom: -48px;
}

/* completely different */

/* paging elements */


#paging > a {
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
}
#paging > span {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 8px;
    width: 30px;
}
#paging span.dots {
    margin: 8px 0;
    text-align: center;
}


#paging > a {
    border-bottom: none;
}
.page-box {
    /*margin-left: 8px;
    margin-right: 8px; */
    /*border: 1px solid rgb(149, 149, 149);*/
}

.page-box > a {
    display: block;
    line-height: 34px;
    text-align: center;
}


.page-box .inactive {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(149, 149, 149);
    color: rgb(149, 149, 149);
    /*padding: 5px 10px;*/
}
.page-box .active {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(25, 78, 149);
    color: rgb(25, 78, 149);
    /*padding: 5px 10px;*/
}
.page-box .inactive:hover {
    background-color: rgb(25, 78, 149);
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}
.first-last-pg .inactive {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(149, 149, 149);
    color: rgb(149, 149, 149);
    /*padding: 5px 10px;*/
}
.first-last-pg .active {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(25, 78, 149);
    color: rgb(25, 78, 149);
    /*padding: 5px 10px;*/
}
.first-last-pg .inactive:hover {
    background-color: rgb(25, 78, 149);
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}




/* stuff */
#hampster {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 9;
}


/* framework hide additions */

    .hide6-inline,
    .hide8-inline,
    .hide9-inline,
    .hide12-inline,
    .hide16-inline {
        display: inline !important;
    }

    .hide4-inline {
        display: none !important;
    }


/* media queries */

@media screen and (min-width: 321px) {
    .homepage-banner {
        background: url('/National_Library/oe_/https://www.ebsco.com/files/pages/img/home-banner-420.jpg') no-repeat center;
        height: 174px;
        background-repeat: no-repeat;
        padding: 0;
        position: relative; 
        background-size: 100%;                   
    }     
        .hide4-inline,
        .hide8-inline,
        .hide9-inline,
        .hide12-inline,
        .hide16-inline {
            display: inline !important;
        }
    
        .hide6-inline {
            display: none !important;
        }
    /* info box max sizing 
    .info-box > .inner {
        min-height: 340px;
    }*/
   #lowerCTASection .responsive-button {
       /* margin-left: 0.5em; */
   }
     
}

@media screen and (min-width: 481px) {
    .site-logo {
        background-position: 0 -72px;
        height: 20px;
        width: 319px;
    }
        .site-logo img { padding: 0; }
        
    .site-id_logo {
        background-position: 0 -72px;
        width: 319px;
    }

    .quote-img {
        float: left;
        margin-right: 20px;
        display: block;
    }
    .quote-text {
        margin-left: 0;
    }       
        .hide4-inline,
        .hide6-inline,
        .hide12-inline,
        .hide16-inline {
            display: inline !important;
        }
    
        .hide8-inline,
        .hide9-inline {
            display: none !important;
        }
    /* info box max sizing 
    .info-box > .inner {
        min-height: 340px;
    }*/
    #newsletterContainer {
        /* margin-top: -200px;
        padding-top: 240px;
        z-index: 1; */
    }
    #newsletterContainer h2 {
        /* border-top: 2px solid rgb( 220, 220, 220 );
        padding-top: 64px; */
    }
    /* newsletter signup form */
    #newsletterContainer #signupForm .nl-field {
        display: inline-block;
        margin: 0 16px 0 0;
    }
    #newsletterContainer #signupForm .nl-label {
        margin-left: 4px;
    }
    #newsletterContainer #signupForm .nl-input {
        left: 0;
        margin: 0;
    }
    /* suppress toggle button */
    #newsletterContainer #newsletterFormToggle { display: none; }
    /* expand form */
    #newsletterContainer #signupForm { max-height: 500px; }


}
@media screen and (max-width: 721px) {
    #home .content>.inner {
        padding: 0px;
    }
    .ebsco-statement {
        margin-left: 10px;
    }
    .value-headline {
        margin: 0 10px;
    }
    img.home-rss {
        margin-left: 0px;
    }
    #video-container {
        margin: 0;
    } 
}

@media screen and (min-width: 721px) {
/*    #sub-logo {
        float: left;
        padding: 10px;
    }
    .site-logo {
        background-position: 0 -144px;
        height: 25px;
        margin: 0 0 16px;
        width: 386px;
    }
        .site-logo img { padding: 0; }
    #mainNav {
        margin-top: 0;
    }
*/
    #home h2 {
        font-size: 20px;
    }
    .home-about div.home-about-text {
        padding-left: 40px;
    }
    .home-about {
        background-repeat: no-repeat;
        padding: 0;
        position: relative;
        margin-bottom: 1px;    
    } 
    #home .spacer {
        margin-top: 30px;
    }   
    .homepage-banner {
        background: url('/National_Library/oe_/https://www.ebsco.com/files/pages/img/home-banner-760.jpg') no-repeat center;
        height: 330px; 
        background-repeat: no-repeat;
        padding: 0;
        position: relative;
        background-size: 100%;           
    }
    .ebsco-statement {
        background: rgba(255,255,255,0.2);  
        padding: 15px;
        margin-top: 1em;
    }
    .ebsco-news-small {
        display: none;
    }
    .ebsco-news-large {
        display: block;
    }
    .ebsco-news-box {
        margin-top: 0;
    }      
        .hide4-inline,
        .hide6-inline,
        .hide8-inline,
        .hide9-inline,
        .hide16-inline {
            display: inline !important;
        }

        .hide12-inline {
            display: none !important;
        }
    /* info box max sizing 
    .info-box > .inner {
        min-height: 300px;
    }*/
    .skin_main-nav .top-nav {
        background: transparent;
    }
    .skin_main-nav .top-nav a {
        border-color: transparent;
    }
    .skin_main-nav .top-nav a:focus, 
    .skin_main-nav .top-nav a:hover, 
    .skin_main-nav .top-nav li:focus, 
    .skin_main-nav .top-nav li:hover {
        background: transparent;
    }
    

        #pageBanner .banner-text h1 {
            color: rgb(255, 255, 255);
            margin-top: 2em;
            margin-top: 2rem;
            font-size: 55px;
        }
        #pageBanner .banner-text p {
            font-size: 18px;
            line-height: 28px;
        }

        #pageBanner .header-icon {
            line-height: 55px;
            padding-left: 60px;
        }
        .header-icon {
            background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_about-ebsco.png) 0 0 no-repeat transparent;
        }
        .why-ebsco .header-icon {
            background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_why-ebsco.png) 0 5px no-repeat transparent;
        }
        .who-we-serve .header-icon {
            background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_who-we-serve.png) 0 5px no-repeat transparent;
        }
        .technology .header-icon {
            background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_technology.png) 0 15px no-repeat transparent;
        }
        .products .header-icon {
            background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_products.png) 0 12px no-repeat transparent;
        } 
        .publishers-partnerships .header-icon {
            background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/icon_products.png) 0 12px no-repeat transparent;
        }             
    .inner-quote-img {
        display: block;
    } 
    #feedburnerSubscribe .button {
        height: 32px;
        line-height: 32px;
        margin: 0;
        padding: 0 10px;
        position: absolute;
        right: 0;
        top: 0;
    }
    #subscribe h2 {
        text-align: left;
    }
    
    .academic-libraries #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_acad.png) 50% 0 no-repeat rgb(0,0,0); }
    .corporations #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_corp.png) 50% 0 no-repeat rgb(0,0,0); }
    .government #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_govt.png) 50% 0 no-repeat rgb(0,0,0); }
    .public-libraries #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_public.png) 50% 0 no-repeat rgb(0,0,0); }
    .schools #pageBanner { background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/mkt_schools.png) 50% 0 no-repeat rgb(0,0,0); }
    
    #marketPage #signupForm div.field.email {
        margin: 16px auto;
        width: 70%;
    }
    
    /* market page product list */
    #productSection .product-list li { width: 50%; }
    #productSection .product-list li:nth-of-type(2n+1) { clear: left; }    
    
} 

@media screen and (min-width: 961px) {

    #home h1 {
        font-size: 25px;
    }
    #home h2 {
        font-size: 24px;
    }
    #home div.value-boxes {
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 15px; 
    }
    #home .value-box-cont {
        margin-top: -20px;
    }
    .home-about {
        margin-top: 30px;
    }
    .diag-ctas {
        color: #fff;
        background-image: url(/National_Library/oe_/https://www.ebsco.com/files/pages/img/diag-cta.jpg);
        background-repeat: no-repeat;
        background-color: rgb(74, 124, 214);      
    }
    .diag-ctas-quote {
        color: #fff;
        background-image: url(/National_Library/oe_/https://www.ebsco.com/files/pages/img/diag-cta-quote.jpg); 
        background-repeat: no-repeat;
        background-color: rgb(74, 124, 214);     
        background-size: contain;   
    }
    
        .hide4-inline,
        .hide6-inline,
        .hide8-inline, 
        .hide9-inline,
        .hide12-inline {
            display: inline !important;
        }

        .hide16-inline {
            display: none !important;
        }
   /* info box max sizing 
    .info-box > .inner {
        min-height: 300px;
    }*/

.products #pageBanner {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/css/products_banner_03.png) 50% 0 no-repeat rgb(0,0,0);
}

    .responsive-button {
        background: none repeat scroll 0 0 rgb(8, 164, 111);
        border: medium none;
        color: rgb(255, 255, 255);
        display: block;
        font-family: myriad-pro-n4,myriad-pro,sans-serif;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 16px;
        padding: 10px 24px 10px 12px;
        text-decoration: none;
        transition: all 0.35s ease-in-out 0s;
    }
    .responsive-button:hover {
        background: none repeat scroll 0 0 rgb(24, 48, 83);
        text-decoration: none;
    }

    .skin_responsive-p3 {
        background-color: rgb(245, 245, 245);
    }

    .skin_responsive-cta3 {
        background-color: rgb(223, 91, 87);
        border: none;
        color: rgb(255, 255, 255);
    }
        .skin_responsive-cta3:hover {
            background-color: rgba(223, 91, 87, 0.8);
            border: none;
            color: rgb(255, 255, 255);
        }


    .linked-promo {
        text-align: center;
    }
        .linked-promo p {
            display: block;
        }
        .linked-promo .promo-image {
            display: block;
            margin: 0 auto 1em;
        }

    
    #lowerCTASection {
        margin-top: 60px;
    }
   /* lower CTA button layout */
    #lowerCTASection p,
    #lowerCTASection .button {
        text-align: center;
    }
    #lowerCTASection .responsive-button {
        display: inline;
        float: none;
        margin-left: 1em;
        padding: 10px 12px;
        width: auto;
    }

   #lowerCTASection .link-callout:after {
        content: "";
    }
    .section-img {
        width: auto;
    }    

    /* market page product list */
    #productSection h2 { text-align: center; }
    #productSection .product-list li { width: 33%; }
    #productSection .product-list li:nth-of-type(2n+1) { clear: none; }    
    #productSection .product-list li:nth-of-type(3n+1) { clear: left; }    

}

/* special case to prevent value-boxes from moving up next to press releases */
@media screen and (min-width:961px) and (max-width:1019px) {
    .homepage-banner {
        height: 380px;
    }
    #home .value-box-cont {
        margin-top: -10px;
    }    
}

@media screen and (min-width:1020px){
    .homepage-banner {
        background: url('/National_Library/oe_/https://www.ebsco.com/files/pages/img/home-banner-1280.jpg') no-repeat center;
        height: 515px; 
        background-repeat: no-repeat;
        padding: 0;
        position: relative;           
    }
    .ebsco-news-box {
        margin-top: 75px;
    }  
    #home .value-box-cont {
        margin-top: -70px;
    }      
}

@media screen and (min-width: 1501px) {
    .home-about {
        background-size: 100%;
    }
    
    /* top banner / video banner */
    #pageBanner .banner-background video,
    #pageBanner .banner-background canvas {
        right: 35px;
    }
}

/* Request Information (free trial) form */
 
#reqInfo .panels {
    display: none;
    /*min-height: 300px;*/
    /* foundation overwrites */
    background: none;
    border: none;
    padding: 0;
}

#reqInfo .inner-space {
    padding: 0 10px;
}

#reqInfo .panels.current {
    display: block;
}

#reqInfo .status .removed {
    display: none;
}

#reqInfo .status .status-group {
}

#reqInfo .status-group .button {
    margin: 0;
}

#reqInfo .status .button-left {
    float: left;
    /* add in length of triangle pointer */
    margin-left: 21px;
}

#reqInfo .status .button-right {
    /* add in length of triangle pointer */
    margin-right: 21px;
}

#reqInfo .status .button.disabled {
    background: rgb(137,137,137);
    border: none;
}

#reqInfo .status .button-left.disabled:after {
    border-color: transparent rgb(137,137,137) transparent transparent;
    border-width: 21px 21px 21px 0;
}

#reqInfo .status .button-right.disabled:after {
    border-color: transparent transparent transparent rgb(137,137,137);
    border-width: 21px 0 21px 21px;
}

#reqInfo .status-group .note {
    clear: both;
    padding-top: 10px;
    text-align: right;
    font-size: 0.9em;
}

#reqInfo .status-group .note.highlight {
    color: rgb(255, 46, 46);
}

#reqInfo .progress {
    height: auto;
    /*margin-top: 20px;*/
    /* add in length of triangle pointer */
    margin-right: 21px;
    padding: 0;
    position: relative;
    /*width: 100%;*/
}

#reqInfo .progress .indicator {
    position: relative;
    width: 0;
    height: 32px;
    line-height: 32px;
    padding: 3px;
    /*background: rgb(40, 76, 105);*/
    color: rgb(245,245,245);
    text-align: right;
    -moz-transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    -ms-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}

#reqInfo .progress span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    line-height: 40px;
    color: rgb(223,223,223);
    font-size: 0.9em;
}

#reqInfo .submitForm {
    float: right;
}

#reqInfo .loading {
    background: url(/National_Library/oe_/https://www.ebsco.com/files/images/Loading.gif) 50% 50% no-repeat !important;
    cursor: progress;
}

/* progression buttons and indicators */
#reqInfo .button { position: relative; }
#reqInfo .button-right:after,
#reqInfo .button-left:after,
#reqInfo .indicator:after {
    border-color: transparent transparent transparent rgb(14, 49, 107);
    border-style: solid;
    border-width: 21px 0 21px 21px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -21px;
    top: 0;
    transition: background 0.35s ease-in-out 0s, border 0.35s ease-in-out 0s;
    width: 0;
}

#reqInfo .indicator:after {
     border-color: transparent transparent transparent rgb(14, 49, 107);
}
#reqInfo .button-left:after {
    border-color: transparent rgb(14, 49, 107) transparent transparent;
    border-width: 21px 21px 21px 0;
    left: -21px;
}

#reqInfo .button-right:hover:after { border-color: transparent transparent transparent rgb(65, 105, 172); }
#reqInfo  .button-left:hover:after { border-color: transparent rgb(65, 105, 172) transparent transparent; }

#reqInfo .field-stack div.field {
    clear: left;
    float: left;
    margin-right: 2%;
    width: 49%;
}

#reqInfo .field-stack div.field:nth-of-type(2n) {
    clear: none;
    margin-right: 0;
}

#reqInfo .status .button-right {
    margin-right: 21px;
}

#reqInfo .status .button-right.disabled::after {
    border-color: transparent transparent transparent #898989;
    border-width: 21px 0 21px 21px;
}

#reqInfo .button {
     padding: 0.4em 0.5em;
     cursor: pointer;
}

#reqInfo .skin_cta2 {
    background-color: rgb(14, 49, 107);
    border: medium none;
    color: rgb(255, 255, 255);
}

#reqInfo .skin_cta2:hover {
        background-color: rgb(65, 105, 172);
        color: rgb(255, 255, 255);
}

#reqInfo div.field textarea {
    min-height: 96px;
}

#reqInfo .field-stack div.field {
    clear: left;
    float: left;
    margin-right: 2%;
    width: 49%;
}

@media screen and (max-width: 415px) {
    #reqInfo .form-behavior div.field.checkbox label {
        cursor: default;
        line-height: 16px;
        padding-left: 16px;
    }
}

@media screen and (max-width: 550px) {
    #reqInfo .field-stack div.field {
    clear: left;
    float: left;
    margin-right: 2%;
    width: 100%;
}

#reqInfo .push-label h2 ~ div.field, #reqInfo .push-label h2 ~ div.field ~ div.field, #reqInfo .push-label h3 ~ div.field, #reqInfo .push-label h3 ~ div.field ~ div.field, #reqInfo .push-label h4 ~ div.field, #reqInfo .push-label h4 ~ div.field ~ div.field, #reqInfo .push-label p ~ div.field, #reqInfo .push-label p ~ div.field ~ div.field {
    margin: .4em;
}

}

/* Library template styles for ebsco.com/customers */

#library-template #logo {
    float: left;
    margin: 10px 0;
    border: none;
}

#library-template #logo a:hover { border: none; }

#library-template #logo h1 {
    font-family: georgia, helvetica, serif;
    font-size: 28px;
    color: rgb(61, 61, 61); 
    float: right;
    margin: 10px 10px;
}

#library-template #top-links {
    font-family: arial, helvetica, serif;
    font-size: 16px;
    color: rgb(20, 130, 194);
    display: block;
    float: right;
    list-style: outside none none;
    padding: 10px 20px;
}

#library-template #top-links li {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 .5em;
}

#library-template #top-links li:last-child  { border: 0; }  /* remove the pipe from the last item */    

#library-template #search {
    background-color: rgb(1, 34, 53);
    color: rgb(255, 255, 255);
    height: 201px;
}

#library-template .search-widget { 
    background-image: url(/National_Library/oe_/https://www.ebsco.com/files/customers/img/search-widget-bg.jpg);
    height: 201px;
    
}

#library-template #flipster-widget { margin: 40px 0; }

#library-template #flipster-widget h1 { 
    font-family: georgia, helvetica, serif;
    font-size: 28px;
    color: rgb(47, 47, 47);
    text-align: center;
    overflow: hidden;
    margin: 20px 0 20px 0;
}

#library-template .magazines { 
    border: 1px solid #e6e6e6;
    height: 100%;
}

#library-template #digital-collection { 
    background-color: rgb(235, 235, 235);
    height: 100%;
}

#library-template #digital-collection h1 { 
    font-family: georgia, helvetica, serif;
    font-size: 28px;
    color: rgb(47, 47, 47);
    text-align: center;
    overflow: hidden;
    margin: 40px 0 20px 0;
}

#library-template h1.lined-title:before,
#library-template h1.lined-title:after {
    background-color: #adadad;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 19%;
}

#library-template h1.lined-title:before {
    right: 1.6em;
    margin-left: -15%;
}

#library-template h1.lined-title:after {
    left: 1.6em;
    margin-right: -15%;
}

#library-template #digital-collection .icons { 
    margin: 20px 0;
    text-align: center;
}

#library-template #digital-collection .icons a:hover { 
    border: none;
}

#library-template #digital-collection button {
    font-family: arial, helvetica, serif;
    font-size: 14px;
    color: #6496c8;
    background: rgb(242,242,242);
    border: solid 1px #fff;
    padding: 0.4em 1em;
}

#library-template #digital-collection button:hover,
#library-template #digital-collection button.hover {
    border-color: #346392;
    color: #346392;
}

#library-template #digital-collection button:active,
#library-template #digital-collection button.active {
    border-color: #27496d;
    color: #27496d;
}

#library-template .button { 
    font-family: arial, helvetica, serif;
    font-size: 18px;
    padding: 10px 20px;
}

#library-template .contact button {
    color: #6496c8;
    background: rgb(242,242,242);
    border: solid 1px #fff;
}

#library-template .contact button:hover,
#library-template .contact button.hover {
    border-color: #346392;
    color: #346392;
}

#library-template .contact button:active,
#library-template .contact button.active {
    border-color: #27496d;
    color: #27496d;
}

#library-template .slider {
    width: 100%; /* Update to your slider width */
    height: 296px; /* Update to your slider height */
    position: relative;
    overflow: hidden;
}

#library-template .slider img { width: 100%; }

#library-template .slider li {
    display: none;
    position: absolute; 
    top: 0; 
    left: 0; 
}

#library-template #featured { margin: 10px 0 0 0; }

#library-template #updates .news {
    padding:8px;
    margin: 10px;
    border:1px solid #e6e6e6;
    background-color:#fff;
}

#library-template #updates { margin-bottom: 30px; }

#library-template #updates img { width: 100%; }

#library-template #updates p {
    font-family: arial, helvetica, serif;
    font-size: 14px;
    color: rgb(47, 47, 47);
}

#library-template #updates h3 {
    font-family: arial, helvetica, serif;
    font-size: 18px;
    color: rgb(47, 47, 47);
    margin: 10px;
}

#library-template #updates h2 {
    font-family: georgia, helvetica, serif;
    font-size: 22px;
    color: rgb(47, 47, 47);
    margin: 0;
}

#library-template div.field label {
    color: #7d7d7d;
    left: 10px;
    padding: 0;
    text-align: left;
    transition: top 0.75s ease 0s, color 0.75s ease-in-out 0s, font-size 0.75s ease-in-out 0s;
}

#library-template .skin_cta1 {
    background-color: rgb(218, 106, 16);
    border: medium none;
    color: rgb(255, 255, 255);
}
#library-template .skin_cta2 {
    background-color: rgb(20, 130, 194);
    border: medium none;
    color: rgb(255, 255, 255);
    margin: 20px 0;
}

#library-template #bottomSection {
    font-family: arial, helvetica, serif;
    font-size: 14px;
    color: rgb(255, 255, 255);  
    background-color: rgb(47, 47, 47);
}

#library-template #bottomSection h2 {
    font-family: georgia, helvetica, serif;
    font-size: 28px;
    color: rgb(255, 255, 255);  
}

#library-template #bottomSection h4 {
    font-family: arial, helvetica, serif;
    font-size: 18px;
    margin: 0;
}

#library-template #bottomSection .hours { 
    float: left;
    margin: 8px 0;
}

#library-template #bottomSection p { margin: 4px 0; }

#library-template #bottomSection .address { 
    float: right;
    margin: 8px 0;
}

#library-template #bottomSection .map { margin: 10px 10px; }

#library-template #bottomSection .form { margin: 40px 5px 20px 5px; }

/* Print Styles */

@media print {

    * {
        -webkit-transition: none !important;
        transition: none !important;
    }

    body {
        color: #000;
        font-size: 12pt;
    }    

    h1 {
        font-size: 20pt;
        color: black;
    }  
    h3 {
        font-size: 20pt;
        color: black;
    }  

    #content p {
        font-size:12pt;
        color: black;
    }
    .header-target p {
        display: block;
        font-size:12pt;
        color: black;        
    }

    header {display:none!important;}
    img {display:none!important;}
    #lowerCTASection {display:none!important;}
    #henry_nav {display:none!important;}
    #henry_hr {display:none!important;}
    #henry_sitemap {display:none!important;}
    #footer_bottom {display:none!important;}
    #henry_copyright {display:none!important;}

}