/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    padding-bottom: 4em;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 2.5em;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #bbbbbb;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 8px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ee556d;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: no-repeat 0 -32px;
    border-color: transparent #ccc transparent transparent !important;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
    border-color: transparent #ee556d transparent transparent !important;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
    border-color:transparent transparent transparent #ee556d;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 0px;
    height: 0px;
    text-indent: -9999px;
    z-index: 2;
    border-color:transparent transparent transparent #ccc;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-controls-direction{
    position: relative;
    bottom: 2.5em;
    width: 25%;
    margin: 0 auto;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*! jQuery UI - v1.11.2 - 2015-01-07
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.3em;
    height: 1.2em;
    border-radius: 8px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .3em;
    border: 0 !important;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.2em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee 50% top repeat-x;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    font-weight: bold;
    color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none;
}

html,
button,
input,
select,
textarea {
    color: #333;
}

html {
    font-size: 0.9em;
    line-height: 1.4;
    font-family: arial, sans-serif;
    color: #333;
}

body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a, a:link {
    color: #333;
    text-decoration: none;
    outline: none;
}

h1{
    font-size: 1.6em;
    line-height: 1em;
}

h2{
    font-size: 1.3em;
}

body.menu-open,
body.menu-open .wrapper{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

.hide-on-desktop{
    display: none;
}

.sticky-top {
  position: fixed;
  top: 140px;
  bottom: 3em;
  width: 31%;
  margin: 1% 25px 1% 0%;
  max-width: 419px;
}
 
.sticky-bottom {
  position: absolute;
  bottom: 3em;
  width: 31%;
  margin: 0% 25px 0% 0%;
  max-width: 419px;
}

.popup-wrapper.fixed{
    position: fixed;
    top: 58px;
    z-index: 101;
    float: right;
    width: 30%;
}

.sidebar .popup-wrapper.fixed{
    top: 51px;
}

.landing .popup-wrapper.fixed{
    top: 50px;
}

/*.sidebar{
    position: relative;
    z-index: 101;
}*/

.sticky-top .action-buttons{
    margin-top: -70px;
    position: relative;
    z-index: 100;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

img {
    max-width: 100%;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
    color: #87729a;
    font-style: italic;
    font-weight: 300;
    padding: 0;
}

:-moz-placeholder { /* Firefox 18- */
    color: #87729a;
    font-style: italic;
    font-weight: 300;
    padding: 0;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #87729a;
    font-style: italic;
    font-weight: 300;
    padding: 0;
}

:-ms-input-placeholder {
    color: #87729a;
    font-style: italic;
    font-weight: 300;
    padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.right {
    float: right;
    display: inline-block;
}

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    max-width: 400px;
    margin: 1em auto 3em auto;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

.owl-controls {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 124%;
    margin-left: -12%;
    z-index: -1;
}

.owl-prev,
.bx-prev{
    display: inline-block;
    float: left;
    width: 20px;
    height: 23.5px;
    text-indent: -9999px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 19.9px 11.5px 0;
    border-color: transparent #000 transparent transparent;
}

    .owl-prev:hover {
        border-color: transparent #999 transparent transparent;
    }

.owl-next,
.bx-next {
    float: right;
    width: 0;
    height: 0;
    text-indent: -9999px;
    border-style: solid;
    border-width: 11.5px 0 11.5px 19.9px;
    border-color: transparent transparent transparent #000;
}

    .owl-next:hover {
        border-color: transparent transparent transparent #999;
    }

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-item > div {
    margin: 0.5em;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

    .owl-carousel.owl-rtl .owl-item {
        float: right;
    }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/* 
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3, 1.3);
        -moz-transition: scale(1.3, 1.3);
        -ms-transition: scale(1.3, 1.3);
        -o-transition: scale(1.3, 1.3);
        transition: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

.etabs {
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #bbb;
    overflow: hidden;
}

.tab {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #e6e6e6;
    border: solid 2px #e6e6e6;
    width: 50%;
    text-align: center;
    position: relative;
}

.tab:after{
    content: "";
    height: 2px;
    width: 100%;
    background: white;
    position: absolute;
    bottom: -2px;
    left: 0;
}

    .tab a {
        font-weight: normal;
        display: block;
        padding: 1.5em 50px;
        outline: none;
        font-size: 1.25em;
        text-transform: uppercase;
        background: white;
    }

    .tab.active {
        position: relative;
        top: 0px;
        border: 2px solid #bbb;
    }

    .tab.active:after{
        content: none;
    }

    .tab a.active {
        color: white;
        font-weight: bold;
        background: #bbbbbb;
    }

.tab-container .panel-container {
    background: #fff;
    border: solid #666 1px;
    padding: 10px;
}


.button-style,
.button-style:link{
    padding: 0.5em;
    color: #640260;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    font-size: 1.1em;
    text-align: center;
    border: 1px solid #640260;
    border-radius: 5px;
    background-color: #fefdff;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Header styles
   ========================================================================== */
.ad-banner{
  width: 720px;
  margin: 0.9em auto;
}

.ad-banner img{
  width: 100%;
}

header {
    border-bottom: 4px solid #640260;
    border-top: 1px solid #9a9fa3;
    box-sizing: border-box;
}

    header .section.inner {
        overflow: visible;
        padding: 30px 1.5em;
    }

        header .section.inner:after {
            content: "";
            clear: both;
            display: block;
            width: 100%;
        }

.logo-wrapper {
    float: left;
    width: 25%;
}

.logo-wrapper a{
    display: block;
}

.logo-image {
    width: 90%;
}

.video-product-logo{
    margin-top: 0;
}

.lt-ie9 .logo-image{
    width: auto;
}

.header-right {
    float: right;
    width: 75%;
}

.header-search,
.content-search{
    float: left;
    display: inline-block;
    position: relative;
    margin-left: 15px;    
}

.content-search {
    width: 285px;
}

.content-search.entry-search {
    width: 200px;
}

.header-search .submit,
.content-search .submit{
    position: absolute;
    right: 2px;
    width: 10px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    text-indent: -9999px;
    background-image: url("/img/sage-sk-assets/search@2x.png");
    background-color: white;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 5px 0px;
}

.lt-ie9 .header-search .submit,
.lt-ie9 .content-search .submit{
    background-image: url("/img/search/search2.png");
}

.header-search a.submit{
    display: none;
}

.header-search .header-search-textbox,
.content-search .content-search-textbox{
    border-radius: 5px;
    -webkit-appearance: none;
    border: 2px solid #888;
    padding: 0.5em 0.52em 0.5em 0.52em;
    outline: none;
    width: 235px;
    padding-right: 40px;

    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    /*font-size: 12px;*/
}

.content-search .content-search-textbox.entry-search {
    width: 150px;
}

    .content-search .content-search-textbox.readers-guide {
        width: 205px;
    }

.content-search ::-webkit-input-placeholder {
    color: #333 !important;
}
.content-search  :-moz-placeholder { /* Firefox 18- */
    color: #333 !important;
}
.content-search ::-moz-placeholder { /* Firefox 19+ */
    color: #333 !important;
}
.content-search :-ms-input-placeholder {
    color: #333 !important;
}

.header-search .header-search-textbox:focus{    
    border: 2px solid #640260;
}

.content-search .content-search-textbox:focus{
    border: 2px solid #555;
}

.content-search.teal .content-search-textbox:focus{
    border: 2px solid #5fc3b3;
}

#search-within-entries-A-Z-form {
    margin-right: 10px;
}

#search-within-entries-A-Z-form .content-search-textbox {
    width: 240px;
}

.header-menu {
    position: absolute;
    top: 60px;
    left: 0px;
    z-index: 100;
    height: 100%;
}

.header-search .advanced-search{
    position: absolute;
    text-align: right;
    display: block;
    width: 100%;
    color: #555;
    padding-top: 5px;
    font-size: 0.9em;
}

.header-search .advanced-search:hover{
    color: #640260;
}

.mobile-header-main .header-search{
    float: right;
}

header .header-search  ::-webkit-input-placeholder {
    color: #555;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
}

header .header-search  :-moz-placeholder { /* Firefox 18- */
    color: #555;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
}

header .header-search ::-moz-placeholder { /* Firefox 19+ */
    color: #555;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
}

header .header-search :-ms-input-placeholder {
    color: #555;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
}

    .header-menu > div {
        background: white;
        border-right: 2px solid #555;
        margin-top: 20px;
        padding: 1.5em;
        position: relative;
        overflow: visible;
        width: 320px;us
        padding-top: 1em;
    }

header .main-navigation{
    float: left;
    display: inline-block;
}

header .utility-links {
    list-style: none;
    display: inline-block;
    float: left;
    font-size: 1em;
    margin: 0;
    position: relative;
    padding: 0;
}

header .utility-links.login {
    margin-left: 3em;
}

header .header-search + .utility-links.login {
	margin-left: 20px;
}

    header .utility-links li {
        float: left;
        display: inline-block;
        position: relative;
    }

    .header-right{
        position: relative;
    }

    header .login-dropdown{
        position: absolute;
        top: 55px;
        right: 0;
        width: 300px;
        border: solid 2px #888;
        padding: 20px;
        background-color: white;
        z-index: 10;
        display: none;
    }

    .login-dropdown,
    .account-options {
        position: relative;
        background: #fff;
        border: 2px solid #888;
    }
    .login-dropdown:after, 
    .login-dropdown:before,
    .account-options:after, 
    .account-options:before,
    .profile:after,
    .institution:after,
    .profile:before,
    .institution:before{
        bottom: 100%;
        left: 15%;
        border: solid transparent;
        height: 0;
        width: 0;
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .login-dropdown:after, 
    .login-dropdown:before,
    .profile:after,
    .institution:after,
    .profile:before,
    .institution:before{
        content: none;
    }

    .profile.active:after,
    .institution.active:after,
    .profile.active:before,
    .institution.active:before{
        content: "";
    }

    .profile:after,
    .institution:after,
     .profile:before,
    .institution:before{
        bottom: -24px;
        z-index: 12;
    }

    .login-dropdown:after,
    .account-options:after,
    .profile:after,
    .institution:after{
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }
    .login-dropdown:before,
    .account-options:before,
    .profile:before,
    .institution:before{
        border-color: rgba(136, 136, 136, 0);
        border-bottom-color: #888;
        border-width: 13px;
        margin-left: -13px;
    }

    .profile-dropdown:before,
    .profile-dropdown:after{
        left: 57%;
    }

    .institution-dropdown:before,
    .institution-dropdown:after{
        left: 85%;
    }

    .login-dropdown.active{
        display: block;
        z-index: 11;
    }

    .login-dropdown h3{
        font-size: 22px;
        color: #555;
        margin-bottom: 0;
        margin-top: 0;
    }

    .login-dropdown label{
        display: block;
        color: #555;
        margin-bottom: 0.3em;
        font-weight: normal;
    }

    .login-dropdown input,
    .login-dropdown input[type="submit"],
    .login-dropdown button{
        font-size: 18px;
        width: 100%;
        box-sizing: border-box;
        margin:0px;
    }

    .login-dropdown hr{
        border-top: 1px solid #555;
    }

    button.gray-dark{
        background-color: #888888;
    }

    input.purple,
    .login-dropdown input.purple,
    .login-dropdown a.button.purple{
        background-color: #640260;
        width: 100%;
        display: block;
        box-sizing: border-box;
        color: white;
    }

    .login-dropdown input:first-child{
        margin-bottom: 1em;
    }

    .login-dropdown .login-password{
        margin-bottom: 0.5em;
    }

    .login-dropdown .login-rememberme label{
        display: inline !important;
    }

    .login-dropdown .login-rememberme input{
        width: auto;
    }

    .login-dropdown p{
        font-weight: normal;
        color: #555;
        margin: 0;
    }

    .login-dropdown a,
    .utility-links.login li + li .login-dropdown a{
        color: #0645ad;
    }

    .other-login-options input[type="button"].purple-text{
        color: #4c1b7a;
        background-color: white;
        padding: 11px 20px;
        border: 1px solid #4c1b7a;
    }

    .utility-links.login li + li .login-dropdown a.purple.button{
        background-color: #640260;
        color: white;
        padding: 11px 20px;
    }

    .utility-links.login li a.blue-link{
        padding: 0;
    }

    .login-dropdown input:focus{
        border-color: #640260;
    }

    .utility-links .account-options{
        position: absolute;
        top: 40px;
        width: 150px;
        border: solid 2px #888;
        padding: 10px 20px;
        background-color: white;
        z-index: 10;
        display: none;
        list-style: none;
        margin-top: 0;
    }

    .user-login-label {
        margin-top: 8px;
        margin-right: 10px;
        font-weight: bold;
    }

    .user-first-name{
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .utility-links .account-options > li{
        display: block;
    }

    .utility-links .account-options a{
        font-weight: bold;
        padding: 8px 0;
        display: block;
        color: #555;
        font-size: 14px;
    }

    .utility-links .account-options a:hover{
        color: #640260;
    }

    .institution-pic img{
        margin: -29px 0 -24px 10px;
        max-width: 110px;
        width: auto;
    }

    .utility-links p{
        margin: 8px 0 0 30px;
    }

    .user-options .user-first-name {
        font-weight: normal;
        color: #0645ad;
    }

    .user-options .user-first-name:hover{
        text-decoration: underline;
    }

    header .utility-links .browse > ul{
        padding: 0;
    }

    header .utility-links .browse > ul,
    .header-products  {
        position: absolute;
        top: 10px;
        z-index: 100;
        display: none;
        left: -300%;
    }

    header .utility-links .border {
        padding-right: 2em;
    }

    header .utility-links .browse > ul > li,
    .header-products-link > ul > li {
        background: white;
        width: 630px;
        border: 2px solid #555;
        margin-top: 0px;
        padding: 1.5em 1.5em 0.7em 1.5em;
        position: relative;
        overflow: visible;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        top: 20px;
    }
.header-products{
    padding-left: 0;
    left: -170%;
}
.header-products-link > ul > li {
    width: 350px;
    padding-top: 1em;
    left: 0;

}

header .utility-links .browse > ul > li:after,
header .utility-links .browse > ul > li:before,
.header-menu > div:after,
.header-menu > div:before,
header .utility-links .header-products-link > ul > li:after,
header .utility-links .header-products-link > ul > li:before {
    bottom: 100% !important;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1111;
}

header .utility-links .browse > ul > li:after,
header .utility-links .browse > ul > li:before{
    left: 54%;
}

header .utility-links .header-products-link > ul > li:after,
header .utility-links .header-products-link > ul > li:before {
    left: 66%;
}

header .utility-links .browse:hover > ul > li:after,
header .utility-links .browse:hover > ul > li:before,
header .utility-links .header-products-link:hover > ul > li:after,
header .utility-links .header-products-link:hover > ul > li:before {
    display: block;
}

header .utility-links .browse > ul > li:after,
header .utility-links .header-products-link > ul > li:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

header .utility-links .browse > ul > li:before,
header .utility-links .header-products-link > ul > li:before {
    border-color: rgba(85, 85, 85, 0);
    border-bottom-color: #555555;
    border-width: 13px;
    margin-left: -13px;
}

header .utility-links .browse:hover > ul,
header .utility-links .header-products-link:hover a + ul {
    display: block;
}

header .utility-links .browse h2 {
    font-size: 1em;
    margin: 0;
    border-bottom: 0;
}

header .utility-links .browse div a{
    padding: 0.8em 0;
    border-bottom: 1px solid #e9e8eb;
    line-height: 1.1em;
}

    header .utility-links .browse div a.disabled {
        color: #ccc;
        cursor: text;
    }

header .utility-links .browse div + div a{
    padding: 0.8em 0 0.8em 3.5em;
    position: relative;
}

header .utility-links .browse div a:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

header .utility-links .browse div + div a:last-child {
    padding-bottom: 0.8em;
}

header .utility-links > li:last-child {
    border-right: 0;
}

.lt-ie9 header .utility-links li + li {
    border-right: 0;
}

header .utility-links li a {
    padding: 0.4em 1.7em;
    color: #555;
    display: block;
    position: relative;
}

header .utility-links li a:hover {
    color: #640260;
}

header .utility-links.login li a {
    padding: 0.45em 1em;
}

header .utility-links.login li:first-child {
    /*border-top: 1px solid #555;
    border-right: 0px;
    border-bottom: 1px solid #555;
    border-left: 1px solid #555;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;*/
    border: 0;
}

header .utility-links.login li + li {
    border: 1px solid #640260;
    border-radius: 5px;
}

header .utility-links.login li.user-options,
header .utility-links.login ul.account-options li {
    border: none;
}

header .utility-links.login ul.account-options li {
    margin-left: 0;
}
header .utility-links.login li.user-options {
    margin-top: 8px;
    margin-right: 10px;
}

header .utility-links.login li.institution-pic {
    margin-right: 5px;
    border: none;
}

    header .utility-links.login li + li a {
        color: #640260;
    }

header .utility-links.login li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 10px;
}

.utility-links .header-products a,
.mobile-menu .products a {
    padding: 1.1em 0;
    border-bottom: 1px solid #e9e8eb;
}

    .utility-links .header-products a:last-child,
    .mobile-menu .products a:last-child {
        border-bottom: 0;
    }

.header-products a > span,
.mobile-menu .products a > span{
    display: block;
    /*margin-bottom: 8px;*/
}

.header-products .light-blue > span,
.mobile-menu .products .light-blue > span{
    color: #00B5E2;
}

.header-products .teal > span,
.mobile-menu .products .teal > span{
    color: #189a9a;
}

.header-products .salmon > span,
.mobile-menu .products .salmon > span{
    color: #F1546E;
}

.header-products .green > span,
.mobile-menu .products .green > span {
    color: #65b96a;
}

.header-products .orange > span,
.mobile-menu .products .orange > span {
    color: #E9540D;
}

.header-products .pink > span,
.mobile-menu .products .pink > span {
    color: #eb317d;
}

.header-products .gold > span,
.mobile-menu .products .gold > span {
    color: #efa600;
}

.hamburger {
    display: none;
    float: left;
    margin-top: 8px;
    margin-right: 25px;
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 21px;
    position: relative;
    z-index: 2000;
}
    .mobile-x{
        width: 22px;
        height: 22px;
        background-image: url("/img/close-btn.png");
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: none;
    }

    /*.hamburger.active:after{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 0 6px;
        border-color: #000000 transparent transparent transparent;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: -20px;
    }*/

    .hamburger ul {
        padding: 0;
        margin: 0;
    }

    .hamburger li {
        border-bottom: 4px solid #555;
        margin-bottom: 3px;
        height: 1px;
        list-style: none;
        width: 20px;
    }

    .hamburger.active li{
        border-bottom: 4px solid #bbb;
    }

        .hamburger li:last-child {
            margin-bottom: 0;
        }
.landing-details .category{
    position: relative;
}

.browse .icon,
.tab-container .icon,
.browse-content-types .icon,
.sidebar .icon,
.item-wrapper .product-image .icon,
.landing-details .icon,
.landing-image .icon{    
    width: 30px;
    height: 30px;
    margin-right: 20px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0;
    background-repeat: no-repeat;
    background-size: 800%;
}

.end-of-video a .icon{
    width: 30px !important;
    height: 30px !important;
    background-image: url("/img/content-type-sprites/@2x/content-type-sm@2x.png");
    background-repeat: no-repeat;
    background-size: 800%;
    margin-left: -40px !important;
    top: 50%;
    margin-top: -15px;
    position: absolute;
}

.lt-ie9 .browse .icon,
.lt-ie9 .tab-container .icon,
.lt-ie9 .browse-content-types .icon,
.lt-ie9 .sidebar .icon,
.lt-ie9 .landing-details .icon,
.lt-ie9 .landing-image .icon{
    background-image: url("/img/content-type-sprites/@1x/content-type-sm2.png") !important;
}

.lt-ie9 .landing-details .icon,
.lt-ie9 .landing-image .icon{
    background-image: url("/img/content-type-sprites/@1x/content-type-sm.png") !important;
    width: 48px;
    height: 48px; 
}

.lt-ie9 .landing-details .books.disabled .icon,
.lt-ie9 .landing-image .books.disabled .icon{
    background-position: 0px bottom;
}

.lt-ie9 .landing-details .encyclopedias .icon,
.lt-ie9 .landing-image .encyclopedias .icon{
    background-position: -48px 0;
}

.lt-ie9 .landing-details .encyclopedias.disabled .icon,
.lt-ie9 .landing-image .encyclopedias.disabled .icon{
    background-position: -48px bottom;
}

.lt-ie9 .landing-details .handbooks .icon,
.lt-ie9 .landing-image .handbooks .icon{
    background-position: -95px 0;
}

.lt-ie9 .landing-details .handbooks.disabled .icon,
.lt-ie9 .landing-image .handbooks.disabled .icon{
    background-position: -95px bottom;
}

.lt-ie9 .landing-details .dictionaries .icon,
.lt-ie9 .landing-image .dictionaries .icon{
    background-position: -142px 0;
}

.lt-ie9 .landing-details .dictionaries.disabled .icon,
.lt-ie9 .landing-image .dictionaries.disabled .icon{
    background-position: -142px bottom;
}

.lt-ie9 .landing-details .videos .icon,
.lt-ie9 .landing-image .videos .icon{
    background-position: -190px 0;
}

.lt-ie9 .landing-details .videos.disabled .icon,
.lt-ie9 .landing-image .videos.disabled .icon{
    background-position: -190px bottom;
}

.lt-ie9 .landing-details .case-studies .icon,
.lt-ie9 .landing-image .case-studies .icon{
    background-position: -237px 0;
}

.lt-ie9 .landing-details .case-studies.disabled .icon,
.lt-ie9 .landing-image .case-studies.disabled .icon{
    background-position: -237px bottom;
}

.lt-ie9 .landing-details .debates .icon,
.lt-ie9 .landing-image .debates .icon{
    background-position: -285px 0;
}

.lt-ie9 .landing-details .debates.disabled .icon,
.lt-ie9 .landing-image .debates.disabled .icon{
    background-position: -285px bottom;
}

.lt-ie9 .landing-details .major-works .icon,
.lt-ie9 .landing-image .major-works .icon{
    background-position: -332px 0;
}

.lt-ie9 .landing-details .major-works.disabled .icon,
.lt-ie9 .landing-image .major-works.disabled .icon{
    background-position: -332px bottom;
}

.tab-container .icon,
.browse-content-types .icon,
.item-wrapper .product-image .icon,
.landing-details .icon,
.landing-image .icon{
    width: 50px;
    height: 50px;
    margin-top: -25px;
    left: 10px;
    display: block;
}

.item-wrapper .product-image .icon{
    margin: 20px auto;
    position: relative;
    left: auto;
    display: block;
}

.sidebar .icon{
    left: 1.2em;
}

.tab-container .books .icon,
.browse .books .icon,
.sidebar .books .icon,
.end-of-video a.books .icon,
.end-of-video a.books .icon{
    background-position: 0 0;
    background-image: url("/img/sage-sk-assets/content-types/lg/books@2x.png");
    background-size: 100%;
}

.tab-container .books.disabled .icon,
.browse .books.disabled .icon,
.sidebar .books.disabled .icon,
.end-of-video a.books.disabled .icon,
.end-of-video a.books.disabled .icon{
    background-position: center bottom;
    background-image: url("/img/sage-sk-assets/content-types/lg/books@2x.png");
    background-size: 100%;
}

.tab-container .encyclopedias .icon,
.browse .encyclopedias .icon,
.sidebar .encyclopedias .icon,
.end-of-video a.encyclopedias .icon,
.end-of-video a.encyclopedias .icon{
    background-position: 0 0;
    background-image: url("/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png");
    background-size: 100%;
}

.tab-container .encyclopedias.disabled .icon,
.browse .encyclopedias.disabled .icon,
.sidebar .encyclopedias.disabled .icon,
.end-of-video a.encyclopedias.disabled .icon,
.end-of-video a.encyclopedias.disabled .icon{
    background-position: center bottom;
    background-image: url("/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png");
    background-size: 100%;
}

.tab-container .handbooks .icon,
.browse .handbooks .icon,
.sidebar .handbooks .icon,
.end-of-video a.handbooks .icon,
.end-of-video a.handbooks .icon{
    background-position: 0 0;
    background-image: url("/img/sage-sk-assets/content-types/lg/handbooks@2x.png");
    background-size: 100%;
}

.tab-container .handbooks.disabled .icon,
.browse .handbooks.disabled .icon,
.sidebar .handbooks.disabled .icon,
.end-of-video a.handbooks.disabled .icon,
.end-of-video a.handbooks.disabled .icon{
    background-position: center bottom;
    background-image: url("/img/sage-sk-assets/content-types/lg/books@2x.png");
    background-size: 100%;
}
.tab-container .dictionaries .icon,
.browse .dictionaries .icon,
.sidebar .dictionaries .icon,
.end-of-video a.dictionaries .icon,
.end-of-video a.dictionaries .icon{
    background-position: 0 0;
    background-image: url("/img/sage-sk-assets/content-types/lg/dictionaries@2x.png");
    background-size: 100%;
}

.tab-container .dictionaries.disabled .icon,
.browse .dictionaries.disabled .icon,
.sidebar .dictionaries.disabled .icon,
.end-of-video a.dictionaries.disabled .icon,
.end-of-video a.dictionaries.disabled .icon{
    background-position: center bottom;
    background-image: url("/img/sage-sk-assets/content-types/lg/dictionaries@2x.png");
    background-size: 100%;
}

.tab-container .videos .icon,
.browse .videos .icon,
.sidebar .videos .icon,
.end-of-video a.videos .icon,
.end-of-video a.videos .icon{
    background-position: 0 0;
    background-image: url("/img/sage-sk-assets/content-types/lg/video@2x.png");
    background-size: 100%;
}

.tab-container .videos.disabled .icon,
.browse .videos.disabled .icon,
.sidebar .videos.disabled .icon,
.end-of-video a.videos.disabled .icon,
.end-of-video a.videos.disabled .icon{
    background-position: center bottom;
    background-image: url("/img/sage-sk-assets/content-types/lg/video@2x.png");
    background-size: 100%;
}

.tab-container .case-studies .icon,
.browse .case-studies .icon,
.sidebar .case-studies .icon,
.end-of-video a.case-studies .icon,
.end-of-video a.case-studies .icon{
    background-position: 0 0;
    background-image: url("/img/sage-sk-assets/content-types/lg/cases@2x.png");
    background-size: 100%;
}

.tab-container .case-studies.disabled .icon,
.browse .case-studies.disabled .icon,
.sidebar .case-studies.disabled .icon,
.end-of-video a.case-studies.disabled .icon,
.end-of-video a.case-studies.disabled .icon{
    background-position: center bottom;
    background-image: url("/img/sage-sk-assets/content-types/lg/cases@2x.png");
    background-size: 100%;
}

.tab-container .debates .icon,
.browse .debates .icon,
.sidebar .debates .icon,
.end-of-video a.debates .icon,
.end-of-video a.debates .icon{
    background-position: 0 0;
    background-image: url("/img/sage-sk-assets/content-types/lg/debates@2x.png");
    background-size: 100%;
}

.tab-container .debates.disabled .icon,
.browse .debates.disabled .icon,
.sidebar .debates.disabled .icon,
.end-of-video a.debates.disabled .icon,
.end-of-video a.debates.disabled .icon{
    background-position: center bottom;
    background-image: url("/img/sage-sk-assets/content-types/lg/debates@2x.png");
    background-size: 100%;
}

.tab-container .major-works .icon,
.browse .major-works .icon,
.sidebar .major-works .icon,
.end-of-video a.major-works .icon,
.end-of-video a.major-works .icon{
    background-position: 0 0;
    background-image: url("/img/sage-sk-assets/content-types/lg/major-works@2x.png");
    background-size: 100%;
}

.tab-container .major-works.disabled .icon,
.browse .major-works.disabled .icon,
.sidebar .major-works.disabled .icon,
.end-of-video a.major-works.disabled .icon,
.end-of-video a.major-works.disabled .icon{
    background-position: center bottom;
    background-image: url("/img/sage-sk-assets/content-types/lg/major-works@2x.png");
    background-size: 100%;
}

.sidebar .reference .icon {
    background-position: 0 -90px;
}

.sidebar .cqpress .icon {
    background-position: 0 -150px;
}


/* ==========================================================================
   Mobile Menu styles
   ========================================================================== */
#undefined-sticky-wrapper{
    margin-bottom: -1px;
}
.mobile-header-main{
    display: none;
    height: 87px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.mobile-menu{
    border-right: 1px solid black;
    display: none;
    background-color: #f6f6f6;
    /*height: 100%;*/
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

body.menu-open .mobile-menu-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.scrolling{
    height: 100% !important;
    /*overflow-y: scroll !important;*/
}

.back-button{
    background-color: #f7f7f7;
    padding: 1em 3em;
    font-size: 1.1em;
    font-weight: bold;
    position: relative;
}

.mobile-menu.level-2 a.back-button{
    display: none;
}

.back-button:after {
    content: "";
    background-image: url("/img/mobile-menu-arrows2.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 200%;
    width: 10px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -8px;
}

.mobile-menu{
    width: 320px;
    background-color: #f6f6f6;
    position: absolute;
    left: -320px;
    top: 92px;
    bottom: 0px;
    z-index: 102;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.mobile-menu.level-2{
    z-index: 101;
    color: #555;
    background-color: white;
}

.mobile-menu .browse-content-types,
.mobile-menu .browse-subjects,
.mobile-menu .products{
    padding: 1em;
    background-color: white;
}

.mobile-menu .browse-content-types a,
.mobile-menu .browse-subjects a{
    padding: 1.2em 1em 1.2em 5em;
    position: relative;
    border-bottom: 1px solid #e9e8eb;
    font-size: 1.1em;
    font-weight: bold;
    color: #555;
    -webkit-transition: background-color ease-out 0.1s;
    -moz-transition: background-color ease-out 0.1s;
    -o-transition: background-color ease-out 0.1s;
    transition: background-color ease-out 0.1s;
}

.mobile-menu .browse-content-types a:hover,
.mobile-menu .browse-subjects a:hover,
.tab-content a:hover{
    background-color: #f6f6f6;
}

.mobile-menu .browse-content-types a.disabled{
    color: #ccc;
}

.mobile-menu .browse-content-types a.disabled:hover,
.tab-content a.disabled:hover{
    background-color: inherit;
    cursor: default;
}

.mobile-menu .browse-subjects a{
    padding: 0.8em 1em;
}

.mobile-menu .browse-content-types a:last-child,
.mobile-menu .browse-subjects a:last-child{
    border-bottom: 0;
}

.mobile-menu.level-2 a{
    display: block;
}

.mobile-list{
    padding: 0;
    margin: 0;
}

.mobile-list li{
    padding: 1.1em;
    border-bottom: 2px solid #f6f6f6;
    background-color: white;
    color: #555;
    font-size: 1.1em;
    font-weight: bold;
    list-style: none;
    cursor: pointer;
    position: relative;
}

.mobile-list li:after{
    content: "";
    background-image: url("/img/mobile-menu-arrows.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 200%;
    width: 10px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
}

.mobile-list li.active{
    color: #640260;
}

.mobile-list li.active:after{
    background-position: top right;
}

.mobile-login{
    padding: 1em 1.2em;
    background-color: #f6f6f6;
}

.mobile-login p{
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 12px;
}

.browse-content-types .icon{
    left: 1em;
}

.browse-content-types .books .icon,
.item-wrapper.books .icon,
.landing-details .books .icon,
.landing-image .books .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/books@2x.png");
    background-position: 0 0;
    background-size: 100%;
}


.browse-content-types .books.disabled .icon,
.item-wrapper.books.disabled .icon,
.landing-details .disabled .icon,
.landing-image .disabled .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/books@2x.png");
    background-position: center bottom;
    background-size: 100%;
}

.browse-content-types .encyclopedias .icon,
.item-wrapper.encyclopedias .icon,
.landing-details .encyclopedias .icon,
.landing-image .encyclopedias .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png");
    background-position: 0 0;
    background-size: 100%;
}

.browse-content-types .encyclopedias.disabled .icon,
.item-wrapper.encyclopedias.disabled .icon,
.landing-details .encyclopedias.disabled .icon,
.landing-image .encyclopedias.disabled .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png");
    background-position: 0 0;
    background-size: 100%;
}

.browse-content-types .handbooks .icon,
.item-wrapper.handbooks .icon,
.landing-details .handbooks .icon,
.landing-image .handbooks .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/handbooks@2x.png");
    background-position: 0 -150px;
    background-size: 100%;
}

.browse-content-types .handbooks.disabled .icon,
.item-wrapper.handbooks.disabled .icon,
.landing-details .handbooks.disabled .icon,
.landing-image .handbooks.disabled .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/handbooks@2x.png");
    background-position: center bottom;
    background-size: 100%;
}

.browse-content-types .dictionaries .icon,
.item-wrapper.dictionaries .icon,
.landing-details .dictionaries .icon,
.landing-image .dictionaries .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/dictionaries@2x.png");
    background-position: 0 0;
    background-size: 100%;
}

.browse-content-types .dictionaries.disabled .icon,
.item-wrapper.dictionaries.disabled .icon,
.landing-details .dictionaries.disabled .icon,
.landing-image .dictionaries.disabled .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/dictionaries@2x.png");
    background-position: center bottom;
    background-size: 100%;
}

.browse-content-types .videos .icon,
.item-wrapper.videos .icon,
.landing-details .videos .icon,
.landing-image .videos .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/video@2x.png");
    background-position: 0 0;
    background-size: 100%;
}

.browse-content-types .videos.disabled .icon,
.item-wrapper.videos.disabled .icon,
.landing-details .videos.disabled .icon,
.landing-image .videos.disabled .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/video@2x.png");
    background-position: center bottom;
    background-size: 100%;
}

.browse-content-types .case-studies .icon,
.item-wrapper.case-studies .icon,
.landing-details .case-studies .icon,
.landing-image .case-studies .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/cases@2x.png");
    background-size: 100%;
}

.browse-content-types .case-studies.disabled .icon,
.item-wrapper.case-studies.disabled .icon,
.landing-details .case-studies.disabled .icon,
.landing-image .case-studies.disabled .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/cases@2x.png");
    background-position: center bottom;
    background-size: 100%;
}

.browse-content-types .debates .icon,
.item-wrapper.debates .icon,
.landing-details .debates .icon,
.landing-image .debates .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/debates@2x.png");
    background-position: 0 0;
    background-size: 100%;
}

.browse-content-types .debates.disabled .icon,
.item-wrapper.debates.disabled .icon,
.landing-details .debates.disabled .icon,
.landing-image .debates.disabled .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/debates@2x.png");
    background-position: center bottom;
    background-size: 100%;
}

.browse-content-types .major-works .icon,
.item-wrapper.major-works .icon,
.landing-details .major-works .icon,
.landing-image .major-works .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/major-works@2x.png");
    background-position: 0 0;
    background-size: 100%;
}

.browse-content-types .major-works.disabled .icon,
.item-wrapper.major-works.disabled .icon,
.landing-details .major-works.disabled .icon,
.landing-image .major-works.disabled .icon{
    background-image: url("/img/sage-sk-assets/content-types/lg/major-works@2x.png");
    background-position: center bottom;
    background-size: 100%;
}

.mobile-menu .products a{
    text-align: left;
    border-bottom: 1px solid #f6f6f6;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.inner {
    max-width: 1150px;
    margin: 0 auto;
}

.noTopMargin {
    margin-top: 0 !important;
}

label {
    font-weight: bold;
}

input[type="text"], textarea, select {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px #888;
    border-radius: 3px;
    padding: 5px;
}
select.purple {
    color: #4d1b7a;
}
br.mobileBreak {
    display: none;
}

#overview {
    border-top: solid 4px #f55069;
}

.fixed-header #overview{
    border-top: 0 !important;
}
.search #overview{
    border-top: solid 4px #640260;
}

    #overview .inner {
        position: relative;
        padding: 55px 1.5em 0px 1.5em;
    }

    #overview span.section-label ,
    header .section-label{
        position: absolute;
        top: 0;
        left: 1.5em;
        background: #f55069;
        /*font-size: 18px;
        padding: 10px 30px;*/
        font-size: 14px;
        padding: 10px 15px;
        line-height: 1;
        text-transform: lowercase;
        color: #fefefe;
    }

    body.video-product header .section-label{
        left: 0;
    }

    span.section-label a { color: #fff; }

    header .section-label{
        left: 0;
    }

    .section-label-wrapper{
        position: relative;
        border-top: 4px solid #f55069;
        top: 8px;
        padding: 0 1.5em;
    }

    .section-label-wrapper .inner{
        position: relative;
    }

    .titleWrapper .col.span_7_of_11{
        margin-top: 5px;
        margin-bottom: 20px;
    }

    body.fullscreen .titleWrapper .col.span_7_of_11 {
        margin-bottom: 0px;
    }

    /*header .section-label-wrapper span.section-label{
        left: 24px;
    }*/

    #overview h1 {
        margin: 0;
    }

    #overview p.segment {
        font-size: 1.1em;
        margin-bottom: 0;
    }

    #overview p.segment a {
        color: #0645ad;
    }

    #overview div.fixedNav .fixedNavInner > img {
        display: none;
    }

span.toggle-arrow {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url('/img/toggle-arrow@2x.png') no-repeat left top;
    background-size: auto 44px;
    text-indent: -9999px;
    vertical-align: text-top;
    cursor: pointer;
}

.lt-ie9 span.toggle-arrow {
    background: url('/img/toggle-arrow.png') no-repeat left top;
}

    .expanded > span.toggle-arrow {
        background-position: left bottom;
    }

div.popup-container {
    position: relative;
    left: -5px;
}
div.action-buttons div.popup-container {
    /*left: -165px;*/
    top: 10px;
}

.typical div.action-buttons div.popup-container {
    left: -50px;
}

.fixedNavWrapper div.span_4_of_11 {
    float: right;
    width: auto;
    margin-top: 0;
    margin-bottom: 0px;
}

body.fixedNav .fixed-nav-inner button.gray {
    background-color: #eee;
    color: #393939;
    border: 1px solid #555;
    padding: 9px 20px;
}

body.fixedNav .fixed-nav-inner button.gray:hover {
    background-color: #D5D5D5;
}

body.fixedNav div.fixedNav .titleWrapper{
    padding: 0 1.5em;
    margin-bottom: 1em;
}

body.fixedNav div.fixedNav .titleWrapper{
    padding-right: 0;
    padding-left: 0;
}

body.fixedNav.landing div.fixedNav .titleWrapper{
    padding-left: 0;
}

body.fixedNav div.fixedNav.books,
body.fixedNav div.fixedNav.cq-press{
    background-color: #f6f6f6;
    color: #393939;
}

body.fixedNav div.fixedNav.books p.segment,
body.fixedNav div.fixedNav.cq-press p.segment{
    color: #393939;
}

body.fixedNav div.fixedNavInner {
    padding: 0 20px;
}
body.fixedNav .fixed-nav-inner{
    max-width: 1150px;
    margin: 0 auto;   
    padding: 0 1.5em;
}

body.fixedNav div.fixedNav.books h1,
body.fixedNav .fixed-nav-inner .top-details{
    display: none;
}

body.fixedNav .fixed-nav-inner .button-group{
    width: 80%;
    margin-bottom: 0.8em;
}


body.video-page.fixedNav .fixed-nav-inner .button-group{
    margin-top: 0;
}

div.fixedNav {
    background-color: #fff;
    -webkit-transition: background-color 100ms ease-out;
    -moz-transition: background-color 100ms ease-out;
    -o-transition: background-color 100ms ease-out;
    transition: background-color 100ms ease-out;
}
body.fixedNav div.fixedNav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #393939;
    border-bottom: solid 2px #888888;
    z-index: 100;
    padding: 0;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}
    body.fixedNav div.fixedNav h1 {
        color: #fff;
        padding-top: 10px;
    }
    body.cq-press.fixedNav div.fixedNav h1 {
        display: none;
    }
    body.fixedNav div.fixedNav p.segment {
        color: #fff;
    }
    body.fixedNav #overview div.fixedNav img {
        display: block;
        float: left;
        margin-right: 20px;
        width: 150px;
    }

    body.fixedNav #overview div.fixedNav img.expert-logo{
        display: none;
    }

    body.fixedNav div.fixedNavInner div.action-buttons {
        float: right;
    }
    body.typical.fixedNav div.fixed-nav-inner div.action-buttons {
        right: 25px;
        bottom: 0;
        width: 31%;
        margin: 1% 0 1% 1.6%;
        float: right;
        position: absolute;
        margin-bottom: 1em;
    }

    .landing .titleWrapper .action-buttons,
    .typical .titleWrapper .action-buttons{
        display: none;
    }
   
    body.fixedNav div.fixedNavInner ul.action-buttons span.expanded {
        background: left -40px no-repeat url('/img/action-buttons/action-buttons@2x.png');
        background-size: auto 80px;
    }

    ul.action-buttons span.expanded:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
        border-color: rgba(85, 85, 85, 0);
        border-bottom-color: #555555;
        border-width: 13px;
        margin-left: -13px;
    }

    ul.action-buttons span.expanded {
        position: relative;
        background: #88b7d5;
    }
    ul.action-buttons span.expanded:after, ul.action-buttons span.expanded:before {
        bottom: -22px;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        z-index: 10;
    }

    ul.action-buttons span.expanded:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: white;
        border-width: 10px;
        margin-left: -10px;
    }
    ul.action-buttons span.expanded:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #888;
        border-width: 13px;
        margin-left: -13px;
    }
    body.fixedNav div.fixedNavInner {
        max-width: 1150px;
        margin: 0 auto;
    }

    body.fixedNav div.fixedNavInner div.span_7_of_11 {
        width: auto;
        float: left;
        margin-bottom: 0;
    }
    body.fixedNav div.fixedNavInner div.span_4_of_11 {
        width: auto;
        float: right;
    }


.popup {
    display: none;
    position: absolute;
    border: solid 2px #888;
    padding: 20px;
    max-width: 575px;
    background: #fff;
    font-size: 14px;
    text-align: left;
    
}

    .popup.expanded {
        display: block;
        z-index: 5;
    }

    .popup > :first-child {
        margin-top: 0 !important;
    }

    .popup > :last-child {
        margin-bottom: 0 !important;
    }

    .popup.expanded.bottomarrow:before, .popup.expanded.bottomarrow:after,
    .videoWrapper .popup.bottomarrow:before, .videoWrapper .popup.bottomarrow:after  {
		top: 100%;
    }

    .videoWrapper .popup.bottomarrow:before,
    .popup.expanded.bottomarrow:before {
        border-width: 8px 9px 0 9px;
		border-color: #888 transparent transparent transparent;
    }
    
    .videoWrapper .popup.bottomarrow:after,
    .popup.expanded.bottomarrow:after {
        border-width: 6px 5px 0 5px;
		border-color: #fff transparent transparent transparent;
    }
    
    .popup.expanded:before, .popup.expanded:after, .videoWrapper .popup:before, .videoWrapper .popup:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
    }

    .popup.expanded:before,
    .videoWrapper .popup:before{
        top: -8px;
        left: 5px;
        border-width: 0 9px 8px 9px;
        border-color: transparent transparent #888 transparent;
    }

    .popup.expanded:after,
    .videoWrapper .popup:after{
        top: -6px;
        left: 9px;
        border-width: 0 5px 6px 5px;
        border-color: transparent transparent #fff transparent;
    }

    .popup h2 {
        font-size: 1.5em;
    }

    .popup .buttons {
        text-align: center;
    }

    .popup.video-segments {
        padding: 0;
    }
    .popup.video-segments div.mCustomScrollBox, .popup.video-segments div.segmentScrolling {
        max-height: 520px !important;
    }

ul.video-segments {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.video-segments > li {
        border-bottom: solid 2px #e6e6e6;
        padding: 20px 60px;
        background: #fff;
    }

        ul.video-segments > li:last-child {
            border-bottom: none;
        }

        ul.video-segments > li.selected {
            margin: -2px 0;
            border: none;
            padding: 5px 0;
            font-weight: bold;
        }

            ul.video-segments > li.selected div.content {
                position: relative;
                margin: 0 15px;
                border: solid 2px #F1546E;
                border-radius: 10px;
                padding: 20px 60px;
            }

                ul.video-segments > li.selected div.content:before {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 25px;
                    left: 25px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 6px 0 6px 10px;
                    border-color: transparent transparent transparent #cd4460;
                }

            ul.video-segments > li.selected h3 {
                color: #f55069;
            }

                ul.video-segments > li.selected h3:before {
                    content: "Now Playing - ";
                }

    ul.video-segments h3, ul.video-segments p {
        margin: 0 0 5px;
    }

ul.action-buttons {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul.action-buttons > li {
        display: inline-block;
        margin: 0 10px 0 0;
        background-color: white;
        border-radius: 50%;
    }

        ul.action-buttons > li:last-child {
            margin-right: 0;
        }

    ul.action-buttons span {
        display: block;
        height: 40px;
        width: 40px;
        text-indent: -9999px;
        cursor: pointer;
        position: relative;
    }

        ul.action-buttons span.citations {
            background-image: url('/img/sage-sk-assets/tools/tools_cite@2x.png');
            background-size: 100%;
            background-position: 0 -80px;
        }

        ul.action-buttons span.favorite {
            background-image: url('/img/sage-sk-assets/tools/tools-addlist@2x.png');
            background-size: 100%;
            background-position: 0 -80px;
            
        }

        ul.action-buttons span.share {
            background-image: url('/img/sage-sk-assets/tools/tools-share@2x.png');
            background-size: 100%;
            background-position: 0 -80px;
            
        }

        ul.action-buttons span.embed {
            background-image: url('/img/sage-sk-assets/tools/tools-embed@2x.png');
            background-size: 100%;
            background-position: 0 -80px;
            
        }

        ul.action-buttons span.help {
            background-image: url('/img/sage-sk-assets/tools/tools-help@2x.png');
            background-size: 100%;
            background-position: 0 -80px;
            
        }

        ul.action-buttons span.expanded {
            background: -40px -40px no-repeat url('/img/action-buttons/action-buttons@2x.png');
            background-size: auto 80px;
        }

        .lt-ie9 ul.action-buttons span{
            background: url('/img/action-buttons/action-buttons.png');
            background-repeat: no-repeat;
            background-position: 0 0;
        }

        .lt-ie9 ul.action-buttons span.favorite{
            background-position: -40px 0 !important;
        }

        .lt-ie9 ul.action-buttons span.share{
            background-position: -80px 0 !important;
        }

        .lt-ie9 ul.action-buttons span.embed{
            background-position: -120px 0 !important;
        }

        .lt-ie9 ul.action-buttons span.help{
            background-position: -160px 0 !important;
        }

        .lt-ie9 ul.action-buttons span.expanded{
            background-position: -40px -40px !important;
        }


div.searchHeader div.action-buttons {
    display: none;
}

div.action-buttons div.popup {
    top: 10px;
    width: 480px;
    overflow-y: auto;
    max-height: 650px;
    min-height: 640px;
    box-sizing: border-box;
    right: 0;
}

/*
div.action-buttons div.popup.favorite{
    max-height: 645px;
    min-height: 580px;
}*/

div.action-buttons div.popup.share,
div.action-buttons div.popup.text-size,
div.action-buttons div.popup.text-size2 {
    min-height: 300px;
    max-height: 300px;
}

div.action-buttons div.popup.citations{
    min-height: 480px;
    max-height: 430px;
}
div.action-buttons div.popup.save2, 
div.action-buttons div.popup.save {
    min-height: 100%;
    height: auto;
    overflow: hidden;
}
div.action-buttons div.popup.save input[type="text"], 
div.action-buttons div.popup.save2 input[type="text"] {
    width: 100%;
    margin-bottom: 20px;
}
div.action-buttons div.popup p{
    word-break: break-word;
}

div.popup.embed p {
    clear: both;
}
div.popup.embed div.buttonBar {
    border: solid 1px #ee556d;
    border-radius: 5px;
    margin-bottom: 30px;
    float: left;
}
        div.popup.embed .form a {
            color: #0645ad;
        }
        div.popup.embed .form
        {
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

div.popup.embed div.buttonBar a {
    color: #ee556d;
    display: inline-block;
    padding: 8px 12px;
    border-left: solid 1px #ee556d;
    margin-right: -5px;
}

.books div.popup.embed div.buttonBar a {
    color: #00B5E2;
    border-left: solid 1px #00B5E2;
}

.books div.popup.embed div.buttonBar a.selected{
    background-color: #00B5E2;
}

.books div.popup.embed div.buttonBar{
    border-color: #00B5E2;
}

div.popup.embed div.buttonBar a.last {
    padding-right: 16px;
}
div.popup.embed div.buttonBar a.selected {
    color: #fff;
    background: #ee556d;
}

div.popup.citations:before {
    left: 174px;
}

div.popup.citations:after {
    left: 178px;
}

div.popup.segment, div.popup.settings {
    text-align: center;
    padding: 10px;
    z-index: 401;
}
div.popup.segment {
    left: 46%;
    top: 60%;
    width: 120px;
}
div.popup.segment img {
    border: 1px solid #8e8e8e;
}
div.popup.segment:before {
    left: 58px;
}
div.popup.segment:after {
    left: 62px;
}
div.popup.settings {
    left: 62%;
    top: 49%;
    width: 120px;
}
div.popup.settings > div {
    margin-top: 10px;
    margin-bottom: 15px;
}
div.popup.citations div.form-row {
    padding: 20px 0;
}
div.popup.settings:before {
    left: 58px;
}
div.popup.settings:after {
    left: 62px;
}

    div.popup.citations div.form-row:nth-child(odd) {
        border-bottom: solid 1px #888;
    }

    div.popup.citations div.form-row label {
        display: inline-block;
        margin-right: 10px;
        width: 60px;
    }

    div.popup.citations div.form-row select {
        width: 150px;
    }

    div.popup.citations div.form-row button {
        float: right;
        margin: 0;
        width: 100px;
    }

div.popup.favorite:before {
    left: 228px;
}

div.popup.favorite:after {
    left: 232px;
}

div.popup.share:before {
    left: 284px;
}

div.popup.share:after {
    left: 288px;
}

div.popup.share div.form {
    margin: 0 0 20px 0;
    border-bottom: solid 1px #888;
    padding: 0 0 20px 0;
}

    div.popup.share div.form input[type="submit"] {
        float: right;
        background: #333;
    }

div.popup.share div.form-row {
    margin: 0 0 20px 0;
}

    div.popup.share div.form-row label {
        display: block;
    }

    div.popup.share div.form-row input[type="text"], div.popup.share div.form-row textarea {
        width: 100%;
    }

div.popup.embed:before {
    left: 337px;
}

div.popup.embed:after {
    left: 341px;
}

div.popup.embed div.form textarea {
    margin-bottom: 10px;
    width: 100%;
    height: 140px;
}

div.popup.embed div.form button {
    float: right;
    background: #333;
}

div.popup.help:before {
    left: 392px;
}

div.popup.help:after {
    left: 396px;
}

#promo {
    border-top: solid 1px #888;
    border-bottom: solid 1px #888;
    padding: 5px 0 0;
    background: #f7f7f7;
}

#promo .col.span_7_of_11{
    width: 55.5%;
}

#promo .col.span_4_of_11{
    width: 41.5%;
    margin-left: 3%;
}

.abstract {
    padding: 50px 0 90px;
}

    .abstract h2 {
        margin: 0;
    }

div.video-content {
    border-top: solid 2px #ee556d;
    padding: 44px 0 0 0;
    background: #f7f7f7;
    position: relative;
}
    .backToTop,
    .backToTop-sidebar-page,
    .search-fixed{
        display: none; 
        position: fixed;
        right: 35px;
        bottom: 35px;
        width: 60px;
        height: 60px;
        background: top left no-repeat url(/img/action-buttons/up-arrow-2x.png);
        background-size: 60px auto;
        text-indent: -9000em;
        z-index: 99;
        box-shadow: 0px 2px 2px rgba(57, 57, 57, .25);
        border-radius: 40px;
    }

    .lt-ie9 .backToTop,
    .lt-ie9 .backToTop-sidebar-page {
        background: top left no-repeat url(/img/action-buttons/up-arrow.png);

    }
    div.video-content h2 {
        margin-top: 2em;
    }

    div.video-content ul.tabs {
        margin-top: -84px;
        max-width: 750px;
    }
    div.video-content ul.tabs li {
        width: 23%;
    }

    div.video-content ul.tab-content {
        padding: 50px 0;
    }

div.create-clip {
    position: relative;

}
    div.create-clip span.cancel {
        display: none;
    }
    div.create-clip.expanded button.create-clip span:first-child {
        display: none;
    }
    div.create-clip.expanded span.cancel {
        display: block;
    }
    div.create-clip button {
        float: left;
        display: block;
        margin-top: 0;
        outline: none;
        color: #fff;
    }
    div.create-clip.expanded button {
        background-image: none !important;
        padding: 10px 54px 10px 53px;
        float: left;
    }
    div.create-clip.expanded button.pink {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0;
    }

    div.create-clip div.edit {
        display: none;
    }

    div.create-clip div.edit .cancel a{
        color: #888;
        font-size: 16px;
    }


    div.create-clip div.edit textarea{
        height: 100%;
        min-height: 88px;
        width: 100%;
    }

    .start-end{
        width: 100px;
    }

    .start, .end{
        float: right;
    }

    .start{
        margin-bottom: 10px;
    }

    div.create-clip.expanded div.edit {
        display: table;
        width: 100%;
        vertical-align: middle;
        position: relative;
        top: -70px;
        background: #f7f7f7;
        margin-bottom: -70px;
    }
    div.create-clip div.edit > div {
        float: none;
        padding-left: 15px;
        display: table-cell;
        vertical-align: middle;
        font-size: 0.9em;
    }

    div.create-clip div.edit > div ::-webkit-input-placeholder {
        color: #ccc;
        font-style: normal;
        font-weight: 300;
    }
    div.create-clip div.edit > div :-moz-placeholder { /* Firefox 18- */
        color: #ccc;
        font-style: normal;
        font-weight: 300;
    }
    div.create-clip div.edit > div ::-moz-placeholder { /* Firefox 19+ */
        color: #ccc;
        font-style: normal;
        font-weight: 300;
    }
    div.create-clip div.edit > div :-ms-input-placeholder {
        color: #ccc;
        font-style: normal;
        font-weight: 300;
    }


    .save-options{
        position: absolute;
        background: white;
        top: 75px;
        width: 180px;
        border: 2px solid #888;
        padding: 15px;
        left: 50%;
        margin-left: -85px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .save-options:before,
    .save-options:after{
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
    }
        
    .save-options:before{
        top: -8px;
        left: 5px;
        left: 80px;
        border-width: 0 9px 8px 9px;
        border-color: transparent transparent #888 transparent;
    }

    .save-options:after{
        top: -6px;
        left: 9px;
        left: 84px;
        border-width: 0 5px 6px 5px;
        border-color: transparent transparent #fff transparent;
    }

    .save-options > button{
        width: 100%;
        display: block;
    }

    .save-options > button:first-child{
        margin-bottom: 10px !important;
    }

    .save-btn,
    .save-btn > button{
        position: relative;
    }

    .save-btn:after{
        content: "";
        width: 100%;
        background: transparent;
        height: 9px;
        display: block;
        top: 33px;
        position: absolute;
    }


    .save-btn > button{
        padding-right: 30px !important;
    }

    .save-btn > button:after{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #ffffff transparent transparent transparent;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -2px;
        margin-left: 10px;
        background-color: transparent;
    }

    div.create-clip h3{
        color: #888;
        min-width: 100px;
        font-size: 16px;
    }

    div.create-clip .clip-desc{
        padding: 0;
    }
    div.create-clip div.edit > div:first-child{
        padding-left: 0;
    }

    div.create-clip div.edit input {
        width: 52px;
        padding: 9px 5px 8px;
    }
    div.create-clip div.edit div.description,
    div.create-clip div.edit div.save {
        padding: 9px 0 9px 24px;
        border-left: solid 1px #b5b5b5;
        margin-left: 24px;
    }
    div.create-clip div.edit div.description {
        cursor: pointer;
    }
    div.create-clip div.edit div.description_input {
    	display: none;
        clear: both; 
        float: right; 
        width: 100%;
        margin-top: 7px;
    }
    div.create-clip div.edit div.description_input.expanded {
    	display: block;
    }
    div.create-clip div.edit div.save a {
        font-weight: bold;
        color: #E9540D;
    }

ul.tabs {
    list-style: none;
    margin: 0;
    border-bottom: solid 2px #ee556d;
    padding: 0;
}

.mobile-only ul.tabs{
    overflow: hidden;
}

    ul.tabs li {
        float: left;
        margin: 0 0 0 1%;
        margin-left: 2px;
        border: solid 2px #e6e6e6;
        border-bottom: none;
        padding: 12px 0;
        background: #fff;
        font-size: 12px;
        text-transform: uppercase;
        cursor: pointer;
        width: 35%;
        text-align: center;
    }

        ul.tabs li:first-child {
            margin-left: 0;
        }

        ul.tabs li.selected {
            border-color: #ee556d;
            background: #ee556d;
            color: #fff;
            font-weight: bold;
        }

ul.tab-content {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.tab-content > li {
        display: none;
    }

        ul.tab-content > li.selected {
            display: block;
        }

    ul.tab-content div.optionBar {
        border-bottom: solid 2px #888888;
        padding-bottom: 10px;
    }
    ul.tab-content div.transcript-options {
        margin-bottom: 10px;
        padding: 24px 10px 0;
        overflow: hidden;
    }
    div.onOffToggle {
        float: left;
        position: relative;
        top: -3px;
    }
        div.onOffToggle div {
            font-size: 16px;
        }
        div.onOffToggle div.autoScroll {
            margin-top: 15px;
        }
        div.onOffToggle div > span {
            border: solid 2px #333333;
            border-radius: 4px;
            font-size: 12px;
            font-weight: bold;
            display: inline-block;
            position: relative;
            top: -3px;
        }
        div.onOffToggle div > span span {
            padding: 2px 5px;
            display: inline-block;
            margin-right: -4px;
        }
        div.onOffToggle div > span span.toggle {
            padding: 1px 5px;
            margin: 1px;
            border-radius: 4px;
            background: #333333;
            position: absolute;
            right: 0;
            width: 16px;
            cursor: pointer;
        }
        div.onOffToggle div > span.off span.toggle {
            right: auto;
            left: 0;
        }
    ul.tab-content div.transcript-search {
        display: none;
    }
    ul.tab-content div.transcript-search.expanded {
        display: block;
    }
    ul.tab-content div.transcript-search div.searchInput {
        position: relative;
        width: 260px;
        display: inline-block;
    }
    ul.tab-content div.transcript-search div.searchInput input[type="submit"] {
        background: center center no-repeat url(/img/search/search-grey@2x.png);
        background-size: 24px auto;
        border: none;
        padding: 0;
        width: 42px;
        height: 42px;
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        text-indent: -9000em;
    }
        ul.tab-content div.transcript-search input[type="text"] {
            background: #fff;
            background-size: 24px auto;
            border-radius: 4px;
            border: solid 1px #9a9fa3;
            font-size: 17px;
            padding: 10px 12px;
            width: 260px;
            /* not working with border-radius creates a dark corner
            -webkit-box-shadow: inset 10px 10px 10px -18px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 10px 10px 10px -18px rgba(0,0,0,0.5);
            box-shadow: inset 10px 10px 10px -18px rgba(0,0,0,0.5);*/
        }
            ul.tab-content div.transcript-search ::-webkit-input-placeholder {
                color: #555555;
                font-style: italic;
                font-weight: 300;
            }
            ul.tab-content div.transcript-search :-moz-placeholder { /* Firefox 18- */
                color: #555555;
                font-style: italic;
                font-weight: 300;
            }
            ul.tab-content div.transcript-search ::-moz-placeholder { /* Firefox 19+ */
                color: #555555;
                font-style: italic;
                font-weight: 300;
            }
            ul.tab-content div.transcript-search :-ms-input-placeholder {
                color: #555555;
                font-style: italic;
                font-weight: 300;
            }
            ul.tab-content div.transcript-search a {
                background: 6px top no-repeat url(/img/search-within@2x.png);
                width: 35px;
                height: 45px;
                display: inline-block;
                text-indent: -9000em;
                background-size: 350%;
            }
            .lt-ie9 ul.tab-content div.transcript-search a {
                background: 6px top no-repeat url(/img/search/search-within.png);
            }
            ul.tab-content div.transcript-search div.searchOptions {
                display: inline-block;
                padding-left: 10px;
            }
            ul.tab-content div.transcript-search a.up {
            }
            ul.tab-content div.transcript-search a.down {
                background-position: -33px top;
            }
            ul.tab-content div.transcript-search a.close {
                background-position: -92px top;
                margin-left: 12px;
            }
    ul.tab-content div.interact {
        float: left;
        border-left: solid 1px #888888;
        margin-left: 40px;
        padding: 1px 0 1px 40px;
    }

    ul.tab-content div.interact a.search,
    ul.tab-content div.interact a.pdf {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-image: url('/img/sage-sk-assets/tools/tools-search-alt@2x.png');
        background-size: 100%;
        background-position: 0 -80px;
        background-color: white;
        border-radius: 50%;
        text-indent: -9000em;
        margin-right: 5px;
    }

    ul.tab-content div.interact a.pdf{
        background-image: url('/img/sage-sk-assets/tools/tools-pdf-alt@2x.png');
        background-position: 0 -80px;
    }

    .lt-ie9 ul.tab-content div.interact a.search,
    .lt-ie9 ul.tab-content div.interact a.pdf {
        background: left top no-repeat url(/img/action-buttons/transcript-btns.png);
    }

    .lt-ie9 ul.tab-content div.interact a.pdf {
        background-position: right top;
    }

    ul.tab-content div.interact a.search.expanded {
        background-position: left -40px;
    }
    ul.tab-content div.interact a.pdf {
    }
div.transcriptScroll, div.vidInfoScroll {
    height: 295px;
    overflow-y: scroll;
}
div.segmentScrolling {
    min-height: 200px;
    max-height: 420px;
    overflow-y: scroll;
}
div.videoWrapper {
    position: relative;
    margin-bottom: 34px;
}
div.videoWrapper img.video {
	width: 100%;
    top: 0;
    display: block;
    margin: 0 auto;
}

div.videoFooter{
    position: absolute;
    bottom:0px;
    z-index: 1;
    width: 100%;
    height: auto;
    padding: 0.5em 0;
    background: rgba(0,0,0,0.5);
}

.lt-ie9 div.videoFooter{
    background: url(/img/transparent-ie8.png);
}
div.videoFooterLeft, div.videoFooterRight {
    width: auto;
    color: white;
    font-weight: bold;
}

div.videoFooterLeft{
    float: left;
    width: 40%;
}

div.videoFooterRight{
    float: right;
    margin-right: 1em;
}

div.videoFooterRight a{
    display: inline-block;
    float: left;
    width: 21px;
    height: 21px;
    margin-left: 15px;
}
span.trt {
	color: #ee556d;	
}
div.videoHover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -100;
    opacity: 0.7;
    background-color: black;
}
span.videoHelper {
    display: inline-block;
    height: 110%;
    vertical-align: middle;	
}
div.videoFooterRight {
	text-align: right;
}

div.videoFooter table{
    vertical-align: middle;
}

.btn-settings{
    background-image: url(/img/sprites/btn-settings.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 top;
    position: relative;
}

.btn-settings:hover:after{
    content: "";
    margin-left: -90px;
    margin-top: -6px;
    width: 200px;
    height: 20px;
    display: block;
}

.lt-ie9 .btn-settings{
    background-image: url(/img/sprites/btn-settings-@1x.png);
}

.btn-settings:hover{
    background-position: 0 bottom;
}

.btn-settings div.popup.settings{
    margin-left: -69px;
    left: 50%;
    bottom: 27px;
    top: auto;
    display: none;
}

.btn-settings:hover div.popup.settings{
    display: block;
}

div.videoFooter .btn-cc{
    background-image: url(/img/sprites/btn-cc.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 top;
    height: 18px;
    width: 25px;
}

div.videoFooter .btn-cc.active,
div.videoFooter .btn-cc.active:hover{
    background-position: bottom;
}

.lt-ie9 div.videoFooter .btn-cc{
    background-image: url(/img/sprites/btn-cc-@1x.png);
}

div.videoFooter .btn-cc:hover{
    background-position: 0 -18px;
}

div.videoFooter .btn-popout{
    background-image: url(/img/sprites/btn-popout.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 top;
    display: none;
}

div.videoFooter .btn-popout-active{
    background-image: url(/img/sprites/btn-popout-inverse.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 top;
    display: none;
}

.lt-ie9 div.videoFooter .btn-popout,
.lt-ie9 div.videoFooter .btn-popout-active{
    background-image: url(/img/icons-update/@1x/popout.png);
}

div.videoFooter .btn-popout:hover,
div.videoFooter .btn-popout-active:hover{
    background-position: 0 -21px;
}

div.videoFooter .btn-popout.show{
    display: inline-block;
}

div.videoFooter .btn-popout-active.show{
    display: inline-block;
    background-position: 0 bottom;
}

div.videoFooter .btn-popout-active.show:hover{
    background-position: 0px -21px;
}

div.videoFooter .btn-theater,
div.videoFooter .btn-theater-active{
    height: 18px;
    width: 24px;
    background-image: url(/img/sprites/btn-theater.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 top;
    display: none;
}

div.videoFooter .btn-theater.show{
    display: inline-block;
}

div.videoFooter .btn-theater-active.show{
    display: inline-block;
    background-position: 0 bottom;
}

.lt-ie9 div.videoFooter .btn-theater-active,
.lt-ie9 div.videoFooter .btn-theater{
    background-image: url(/img/icons-update/@1x/theater.png);
    height: 18px;
    width: 25px;
}

div.videoFooter .btn-theater:hover{
    background-position: 0 -18px;
}

.lt-ie9 div.videoFooter a:hover{
    background-position: inherit !important;
}

div.videoFooter .btn-fullscreen{
    width: 19px;
    height: 19px;
    background-image: url(/img/sprites/btn-fullscreen.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 top;
    margin-top: 5px;
    display: none;
    top: -2px;
    position: relative;
}

div.videoFooter .btn-fullscreen.show{
    display: inline-block;
}

.lt-ie9 div.videoFooter .btn-fullscreen{
    background-image: url(/img/sprites/btn-fullscreen-@1x.png);
    height: 21px;
    width: 22px;
}

div.videoFooter .btn-fullscreen-inverse{
    width: 19px;
    height: 19px;
    background-image: url(/img/sprites/btn-fullscreen-close.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 top;
    margin-top: 5px;
    display: none;
    position: relative;
    top: -3px;
}

.lt-ie9 div.videoFooter .btn-fullscreen-inverse{
    background-image: url(/img/icons-update/@1x/fullscreen_close.png);
}

div.videoFooter .btn-fullscreen-inverse.show{
    display: inline-block;
}

div.videoFooter .btn-fullscreen:hover{
    background-position: 0 bottom;
}

div.videoFooter .btn-fullscreen-inverse:hover{
    background-position: 0 bottom;
}

div.videoFooter .buttons{
    display: inline-block;
    float: left;
}

div.videoFooter .buttons span,
div.videoFooter .buttons span a,
div.videoFooter .buttons a{
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    display: inline-block;
}

.lt-ie9 div.videoFooter .buttons span:hover,
.lt-ie9 div.videoFooter .buttons span a:hover,
.lt-ie9 div.videoFooter .buttons a:hover,
.lt-ie9 div.videoFooterRight a:hover{
    background-position: inherit !important;
}

.videoFooterLeft > table{
    margin-left: 1em;
}

.videoFooter.mobile-only + .buttons{
    display: none;
}

.buttons .btn-play{
    width: 18px;
    height: 18px;
    background-image: url(/img/sprites/btn-play.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 top;
}

.lt-ie9 .buttons .btn-play{
    background-image: url(/img/sprites/btn-play-@1x.png);
}

.btn-play:hover{
    background-position: 0 bottom;
}

.buttons .btn-pause{
    width: 18px;
    height: 18px;
    background-image: url(/img/sprites/btn-pause.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 top;
}

.lt-ie9 .buttons .btn-pause{
    background-image: url(/img/sprites/btn-pause-@1x.png);
}

.btn-pause:hover{
    background-position: 0 bottom;
}

.btn-play,
.btn-pause{
    display: none !important;
}

.btn-play.show,
.btn-pause.show{
    display: inline-block !important;
}

.video-duration{
    height: 5px;
    display: block;
    width: 50%;
    background: #ee556d;
}

div.videoFooter .buttons .btn-volume{
    width: 26px;
    height: 26px;
    background-image: url(/img/sprites/volume-sprite.png);
    background-repeat: no-repeat;
    background-size: 120px;
    background-position: -27px 5px;
    margin-top: -3px;
    margin-left: 15px;
}

.lt-ie9 div.videoFooter .buttons .btn-volume{
    display: none;
}

div.videoFooter .buttons .btn-volume-1x{
    width: 23px;
    height: 26px;
    background-image: url(/img/sprites/volume-sprite-1x.png);
    background-repeat: no-repeat;
    background-size: 120px;
    background-position: -24px 5px;
    margin-top: -3px;
    margin-left: 15px;
    display: none;
}

.lt-ie9 div.videoFooter .buttons .btn-volume-1x{
    display: block;
}

.lt-ie9 div.videoFooter .buttons .btn-volume-1x:hover{
    background-position: -24px 5px !important;
}

div.videoFooter .buttons .btn-volume-0:hover{
    background-position: 0 bottom;
}

.volume div.popup{
    display: none !important;
    top: auto !important;
    bottom: 20px !important;
    width: auto !important;
    padding: 15px !important;
    left: 50% !important;
    margin-left: -10px !important;
    z-index: 401;
}

.volume:hover div.popup{
    display: block !important;
}

.volume .ui-slider-handle{
    position: absolute !important;
    height: 7px !important;
    width: 20px !important;
    float: none !important;
    left: -4px !important;
    border-radius: 3px !important;
    margin-bottom: -.2em !important;
}

.volume div.popup.segment:before {
    left: 15px !important; 
}

.volume div.popup.segment:after {
    left: 19px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background-color: white;
    outline: none;
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #ee556d 50% 50%;
}

.timer{
    float: left;
    display: inline-block;
}

.scrubber{
    width: 100%;
    height: 5px;
    background: rgba(255,255,255,0.3);
    float: left;
    display: inline-block;
    position: relative;
    top: -12px;
}

.scrubber .ui-widget-content{
    background: none;
}

.scrubber.video-player{
    top: -5px;
}

.scrubber.video-player .ui-widget-content{
    background: none;
}

.create-clip-scrubber{
    visibility: hidden;
}

.create-clip-scrubber.visible{
    visibility: visible;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 4px;
}

.scrubber.video-player{
    display: none;
}

.scrubber.video-player.visible{
    display: block;
    padding-right: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.lt-ie9 .scrubber{
    background-image: url(/img/transparent-white-ie8.png);
}

.scrubber ul,
.scrubber li{
    margin: 0;
    padding: 0;
}

.scrubber li{
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: white;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 10;
}

.scrubber li.segment-one{
    left: 10%;
}

.scrubber li.segment-two{
    left: 20%;
}

.scrubber li.segment-three{
    left: 30%;
}

.scrubber li.segment-four{
    left: 35%;
}

.scrubber li.segment-five{
    left: 70%;
}

.scrubber li:hover .popup{
    display: block;
}

.scrubber div.popup.segment{
    bottom: 10px;
    top: auto;
    left: 50%;
    margin-left: -70px;
}

.scrubber li .popup{
    display: none;
}

.scrubber li:hover .popup{
    display: block;
}

div.videoFooterRight img.mobileTimeline {
	width: 50%;
}
div.videoFooterLeft img, div.videoFooterRight img {
    vertical-align: middle;
    margin-left: 1%;
    margin-right: 1%;
    width: 3%;
}
div.videoFooterLeft img.timeline {
    vertical-align: top;
    margin: 0;
    width: 100%;
    position: absolute;
}
.scrubber.video-player .ui-state-default{
    vertical-align: top;
    margin: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 48%;
    top: -7px;
    z-index: 400;
    background-image: url(/img/sprites/scrub-handle@2x.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px top !important;
    background-size: 20px;
    border: 0;
    background-color: transparent;
}

.lt-ie9 .scrubber.video-player .ui-state-default {
    background-image: url(/img/icons-update/@1x/scrub-handle.png) !important;
    height: 18px;
    width: 18px;
}

.scrubber.video-player .ui-widget-content .ui-state-default:active {
    background-position: 0px bottom !important;
}

.create-clip-scrubber{
    top: 0;
}

div.videoFooterLeft img.pause {
    margin-left: 2.5%;	
}
div.videoFooterRight img.settings {
    margin-left: 2%;	
}
div.videoFooterRight img.fullscreen {
    margin-right: 3%;	
}
div.videoWatermark {
    position: absolute;
	top: 3%;
	left: 3%;
}
ul.video-chapters, li.videoInfo ul {
    list-style: none;
    padding: 0;
}

    ul.video-chapters > li {
        padding: 0 0 0 70px;
        margin: 0 20px;
    }

    ul.video-chapters span.time {
        display: block;
        float: left;
        margin: 0 0 0 -70px;
        width: 60px;
        font-weight: bold;
    }

li.videoInfo {
    padding-top: 1.4em;
}
    li.videoInfo h2 {
        margin: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }
    li.videoInfo > h2 {
        margin-left: 20px;
        font-size: 1.17em;
    }
        li.videoInfo ul > li {
            padding: 1em 0;
        margin: 0 20px;
            border-top: solid 1px #babbc0;
        }
        li.videoInfo ul > li:first-child {
            border-top: none;
        }
        li.videoInfo ul p {
            margin: .8em 0;
        }



.color-box-links {
    padding: 45px 0 0;
    margin-bottom: 45px;
    border-top: solid 2px #d9d9d9;
}

.color-box {
    display: block;
    border: solid 1px #e6e6e6;
    border-top-width: 5px;
    padding: 25px;
    background: #fff;
}

    .color-box h3 {
        margin: 0 0 5px 0;
    }

    .color-box p {
        margin: 0;
        font-size: 0.875em;
        font-weight: bold;
        color: #333 !important;
    }

    .color-box.red {
        border-top-color: #e13345;
        color: #e13345;
    }

    .color-box.green {
        border-top-color: #65b96a;
        color: #65b96a;
    }

    .color-box.orange {
        border-top-color: #E9540D;
        color: #E9540D;
    }

    .color-box.purple {
        border-top-color: #6860c8;
        color: #6860c8;
    }

    .color-box.orange {
        border-top-color: #efa600;
        color: #efa600;
    }

.icon-box {
    display: block;
    margin: 10px 0;
    border: solid 1px #e6e6e6;
    padding: 15px 35px 15px 100px;
    background: #fff;
    font-size: 1em;
    font-weight: bold;
    overflow: hidden;
}

    .icon-box img,
    .icon-box span.icon{
        display: block;
        float: left;
        width: 60px;
        height: 60px;
    }

    .icon-box img{
        display: none;
    }

.big-search {
    background-color: #f6f6f6;
    padding: 1.5em 0;
    border-top: 4px solid #640260;
    border-bottom: 2px solid #bbb;
}

    .big-search h1 {
        font-size: 1.8em;
        font-weight: normal;
        margin-bottom: 1.2em;
    }

        .big-search h1 span {
            color: #F1546E;
        }

    .big-search .search-wrapper {
        position: relative;
    }

    .big-search .submit {
        position: absolute;
        right: 1em;
        top: 50%;
        margin-top: -25px;
        width: 50px;
        height: 50px;
        text-indent: -9999px;
        border: 0;
        outline: none;
        -webkit-appearance: none;
        background-image: url(/img/sage-sk-assets/search@2x.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center center;
        background-color: white;
    }

    .lt-ie9 .big-search .submit {
        background-image: url(/img/search/search.png);
    }

    .big-search .main-search {
        padding: 0.7em 4em 0.7em 1em;
        border: 2px solid #bbbbbb;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        font-size: 1.9em;
        color: #87729a;
        outline: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-appearance: none;
    }

    .big-search .main-search:focus{
        border: 2px solid #640260;
    }

    .big-search p.advanced-search {
        text-align: right;
        font-size: 1.5em;
        color: #640260;
        margin-bottom: 0;
    }

        .big-search p.advanced-search a {
            color: #555;
        }

body.popup-video #overview,
body.popup-video .titleWrapper,
body.popup-transcript #overview,
body.popup-transcript .titleWrapper,
body.fullscreen #overview,
body.fullscreen .titleWrapper{
    border: 0;
    background-color: #393939;
}

body.popup-video div.fixedNavInner,
body.popup-transcript div.fixedNavInner,
body.fullscreen div.fixedNavInner{
    background-color: #393939;
}

body.fullscreen div.fixedNavInner{
    padding: 0.5em 0;
}

body.popup-video div.fixedNavInner{
    padding: 0.5em;
}

body.popup-video #overview h1,
body.popup-video #overview p.segment,
body.popup-transcript #overview h1,
body.popup-transcript #overview p.segment,
body.fullscreen #overview h1,
body.fullscreen #overview p.segment{
    color: white;
    margin-bottom: 0;
}

body.popup-video #overview .inner,
body.popup-transcript #overview .inner,
body.fullscreen #overview .inner{
    padding-top: 5px;  
}

body.popup-transcript #overview .inner{
    padding-bottom: 5px;
}

body.popup-transcript ul.tab-content div.transcript-options{
    padding-top: 0;
}

body.popup-video div.transcriptScroll, 
body.popup-video div.vidInfoScroll{
    height: 325px;
}

body.popup-video #overview .action-buttons,
body.popup-video .tabletOnly.action-buttons{
    display: none;
}

body.popup-video #promo .col.span_7_of_11 {
    width: 65.5%;
    margin: 0;
}

body.popup-video #promo.section{
    padding-top: 0;
}

body.popup-video div.transcriptScroll, 
body.popup-video div.vidInfoScroll{
    max-height: 310px;
}


body.popup-video #promo{
    border-bottom: 0;
}

body.popup-video #promo .inner{
    padding: 0 1.5em;
    padding-left: 0;
}

body.popup-video #promo div.videoWrapper,
body.popup-video #promo div.videoWrapper img{
    margin-bottom: 0 !important;
}

body.popup-video #promo .col.span_4_of_11 {
    width: 31.5%;
    margin-left: 3%;
    padding-top: 20px;
}

body.popup-video ul.tab-content div.interact{
    border: 0;
}

body.popup-video ul.tab-content div.interact {
    margin-left: 15px;
}

.end-of-video{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #393939;
    color: white;
}

.end-of-video .bx-wrapper{
    background-color: transparent;
}

.end-of-video .bx-slider-wrapper{
    background-color: transparent;
    padding: 10px 50px 0 50px;
    background-color: transparent;
    position: absolute;
    top: -47px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 350px;
    margin: auto !important;
}

.end-of-video .bx-wrapper{
    margin: 0;
}

.end-of-video .icon-box{
    font-size: 14px;
    padding: 10px 20px 10px 55px;
    float: left;
    width: 48%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-height: 60px;
    position: relative;
}

.end-of-video .icon-box:nth-child(even){
    float: right;
}

.end-of-video h2{
    border-bottom: 0;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: white;
    margin-top: -25px;
}

.end-of-video .bxslider li{
    padding: 0;
}

.end-of-video .bx-wrapper .bx-pager,
.end-of-video .truncate_more,
.end-of-video .clearboth{
    display: none;
}

.end-of-video .bx-wrapper .bx-viewport{
    padding-bottom: 0;
    z-index: 1;
}

.end-of-video .bx-controls-direction {
    width: 115%;
    left: -7.5%;
    bottom: 50%;
    position: absolute;
}

.end-of-video .bx-controls{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;  
}

.end-of-video .bx-wrapper .bx-controls-direction a{
    top: auto;
}

.end-of-video a:hover{
    cursor: pointer;
}

.unauthenticated-view{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15%;
    z-index: 20;
    background: url(/img/transparent-ie8.png);
}

.unauthenticated-view > div{
    padding: 20px 50px;
    background-color: #393939;
    color: white;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 320px;
    width: 80%;
    position: absolute;
    top: -47px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #CCC;
}

.unauthenticated-view p{
    margin-top: 0;
}

.unauthenticated-view label{
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
}

.unauthenticated-view form{
    margin: 0 auto;
    padding: 10px 30px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
}

.unauthenticated-view input{
    width: 100%;
    display: block;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 12px;
    padding: 5px;
}

.unauthenticated-view .field-wrapper{
    margin-bottom: 10px;
}

.unauthenticated-view a{
    color: white;
    display: block;
    padding: 15px 0 0 0;
}

.unauthenticated-view input[type="submit"]{
    margin: 0;
}

a.view-transcript-link{
    margin-left: 10px;
    margin-top: 0;
    font-weight: bold;
    color: white;
    float: left;
}

body.popup-transcript #promo .col.span_4_of_11{
    width: 100%;
    margin: 0;
    padding: 0;   
}

body.popup-transcript ul.tab-content div.interact {
    margin: 0;
    padding: 0;
    border: 0;
}

body.popup-transcript div.transcriptScroll, div.vidInfoScroll{
    height: 350px;
}

body.popup-transcript{
    background-color: #f7f7f7;
}

body.popup-transcript #promo{
    border-bottom: 0;
}

body.fullscreen #promo .col.span_7_of_11 {
    width: 100%;
    margin: 0;
}

body.fullscreen #promo{
    padding: 0;
    background-color: #393939;
}

body.fullscreen #promo .inner{
    padding: 0 !important;
}

body.fullscreen header,
body.fullscreen .section-label,
body.fullscreen .abstract,
body.fullscreen .video-content,
body.fullscreen .feature-links-wrapper,
body.fullscreen footer,
body.fullscreen .create-clip,
body.fullscreen #promo .inner .col.span_4_of_11,
body.fullscreen .action-buttons{
    display: none !important;
}

body.fullscreen .videoWrapper{
    margin: 0 auto;
    max-width: 900px;
}

html.fullscreen{
    background-color: #393939;
}

body.fullscreen img.video{
    margin-bottom: 0 !important;
}

html.dark-bg{
    background-color: #393939;
}

html.dark-bg body{
    border-bottom: 1px solid white;
}

.expert-wrapper{
    float: right;
    height: 100%;
}

.expert-logo{
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 140px;
    height: 34px;
    display: none;
    right: 1.5em;
}

body.fullscreen .expert-logo{
    display: block;
}


/*- Search Styles -*/
#overview div.searchHeader h1 span {
    font-weight: normal;
    color: #4c1a7b;
}
#overview div.searchHeader div.inner {
    padding: 18px 1.5em;
}
body.search-advanced #overview div.searchHeader div.inner {
    overflow: hidden;
    border-top: 4px solid white;
}
#overview div.resultsHeader {
    border-top: solid 2px #bbbbbb;
    border-bottom: solid 2px #bbbbbb;
}
    #overview div.resultsHeader div.inner {
        padding: 0px 1.5em 15px 1.5em;
    }
    #overview div.resultsHeader div.itemCount {
        display: inline-block;
        padding-right: 30px;
        margin-right: 25px;
        border-right: solid 1px #888888;
        line-height: 40px;
    }
    #overview div.resultsHeader div.resultsPerPage {
        display: inline-block;
        padding-right: 30px;
        margin-right: 25px;
        border-right: solid 1px #888888;
        line-height: 40px;
        width: 210px;
    }
    #overview div.resultsHeader div.resultsPerPage select {
        width: 70px;
    }
    #overview div.resultsHeader select {
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    #overview div.resultsHeader select::-ms-expand {
        display: none;
    }
    #overview div.resultsHeader div.sortBy {
        display: inline-block;
        line-height: 40px;
        width: 210px;
    }
    #overview div.resultsHeader div.sortBy select {
        padding-right: 18%;
        width: 145px;
    }
    #overview div.resultsHeader div.action-buttons {
        float: right;
    }
body.search div#overview > div.inner {
    padding-top: 0px;
}
body.search-advanced div#overview > div.inner {
padding-top: 20px;
}
div.results {
    margin-bottom: 80px;
}
    div.results div.result {
        clear: both;
        border-bottom: solid 2px #f6f6f6;
        padding: 30px 0;
        position: relative;
        overflow: hidden;
    }
    div.results div.result:first-child {
        padding-top: 1em;
    }
    div.results div.result:last-child {
        border-bottom: none;
    }
    div.results div.result div.image {
        float: left;
        width: 130px;
    }
    div.results div.result div.image img {
        border: solid 1px #e8e8e8;
    }
    div.results div.result div.copy {
        margin-left: 170px;
    }
    div.results div.result div.copy p {
        margin: 10px 0px;
        max-width: 80%;
    }

    div.results div.result div.copy p .truncate_more,
    div.results div.result div.copy p .clearboth{
        display: none;
    }
    div.results div.result div.copy a {
        color: #0645ac;
    }
    div.results div.result div.copy h2 a {
        color: #333;
    }
    div.results div.result div.copy a:hover {
        text-decoration: underline;
    }
    div.results div.result div.copy :last-child {
        margin-bottom: 0;
    }
    div.results div.video div.image {
        width: 270px;
    }
    div.results div.video div.copy {
        margin-left: 270px;
    }
    div.results div.result h2 {
        border-bottom: 0;
        padding: 0;
        margin: 0;
        font-size: 1.3em;
        padding-right: 160px;
    }
    div.results div.result div.icon {
        position: absolute;
        top: 35px;
        right: 0;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 45px;
        padding-right: 55px;
    }
    div.results div.result:first-child div.icon {
        top: 18px;
    }
    div.results div.result div.book {
        color: #00B4E2;
        background: right top no-repeat url(/img/sage-sk-assets/content-types/lg/books@2x.png);
        background-size: 45px;
    }
    div.results div.result div.handbook {
        color: #00B4E2;
        background: right top no-repeat url(/img/sage-sk-assets/content-types/lg/handbooks@2x.png);
        background-size: 45px;
    }
    div.results div.result div.video {
        color: #ec566f;
        background: right top no-repeat url(/img/sage-sk-assets/content-types/lg/video@2x.png);
        background-size: 45px;
    }
    div.results div.result div.case {
        color: #E9540D;
        background: right top no-repeat url(/img/sage-sk-assets/content-types/lg/cases@2x.png);
        background-size: 45px;
    }
    div.results div.result div.debate {
        color: #008a87;
        background: right top no-repeat url(/img/sage-sk-assets/content-types/lg/debates@2x.png);
        background-size: 45px;
    }
    div.results div.result div.dictionary {
        color: #008a87;
        background: right top no-repeat url(/img/sage-sk-assets/content-types/lg/dictionaries@2x.png);
        background-size: 45px;
    }
    div.results div.result div.encyclopedia {
        color: #008a87;
        background: right top no-repeat url(/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png);
        background-size: 45px;
    }
    div.results div.result div.majorWork {
        color: #ea357a;
        background: right top no-repeat url(/img/sage-sk-assets/content-types/lg/major-works@2x.png);
        background-size: 45px;
    }
    .lt-ie9 div.results div.result div.book {
        background: right top no-repeat url(/img/content-types/@1x/books-sm.png);
    }
    .lt-ie9 div.results div.result div.handbook {
        background: right top no-repeat url(/img/content-types/@1x/handbooks-sm.png);
    }
    .lt-ie9 div.results div.result div.video {
        background: right top no-repeat url(/img/content-types/@1x/videos-sm.png);
    }
    .lt-ie9 div.results div.result div.case-studies {
        background: right top no-repeat url(/img/content-types/@1x/case-studies-sm.png);
    }
    .lt-ie9 div.results div.result div.debate {
        background: right top no-repeat url(/img/content-types/@1x/debates-sm.png);
    }
    .lt-ie9 div.results div.result div.dictionary {
        background: right top no-repeat url(/img/content-types/@1x/dictionaries-sm.png);
    }
    .lt-ie9 div.results div.result div.encyclopedia {
        background: right top no-repeat url(/img/content-types/@1x/encyclopedias-sm.png);
    }
    .lt-ie9 div.results div.result div.majorWork {
        background: right top no-repeat url(/img/content-types/@1x/major-works-sm.png);
    }

    div.landing-image div.lock,
    div.results div.result div.lock {
        background: center center no-repeat url(/img/typical/@2x/lock-icon.png);
        background-size: 40px 40px;
        position: absolute;
        top: 20px;
        left: 105px;
        width: 40px;
        height: 40px;
    }

    div.landing-image div.lock-container {
        position: relative;
    }
    div.landing-image div.lock {
        /*top: 60px;
        left: 145px;*/
        top: -10px;
        left: -5px;
        position: absolute;
    }
    body.fixedNav #overview div.fixedNav div.landing-image div.lock {
    /*top: 5px;
    left: 170px;*/
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-size: 20px 20px;
    }
    .lt-ie9 div.results div.result div.lock {
        background: center center no-repeat url(/img/typical/@1x/lock-icon.png);
    }
    div.results div.video div.lock {
        left: 200px;
        top: 20px !important;
    }
    div.results div.result:first-child div.lock {
        top: 5px;
    }


.products {
    margin-bottom: 1.8em;
}

.products div.col.span_1_of_6{
    margin-top: 0;
    margin-bottom: 0;
}

.products div.col.span_1_of_6 span.product a,
.products div.col.span_1_of_6 .product a {
    /*height: 48px;*/
}

.mobile-only,
ul.action-buttons > li.mobile-only {
    display: none;
}

.products a {
    display: block;
    font-size: 2.5em;
    text-align: center;
    padding: 1.2em 0;
    font-weight: 200;
    -webkit-transition: background-color ease-out 0.1s;
    -moz-transition: background-color ease-out 0.1s;
    -o-transition: background-color ease-out 0.1s;
    transition: background-color ease-out 0.1s;
    position: relative;
}

.products a:hover{
    background-color: #f6f6f6;
}

.products .disabled a:hover{
    background-color: #fff;
}

.products .col > div,
.owl-item > div > div {
    display: table;
    width: 100%;
    border: 1px solid #e9e8eb;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .products .col > div > div,
    .owl-item > div > div > div {
        display: table-cell;
        vertical-align: middle;
    }

.products .video {
    color: #F1546E;
}

.products .col.video > div > div,
.owl-item .video > div > div {
    border-top: 9px solid #F1546E;
}

.products .books {
    color: #F1546E;
}

.products .col.books > div > div,
.owl-item .books > div > div {
    border-top: 9px solid #00B5E2;
}

.products .reference {
    color: #189a9a;
}

.products .col.reference > div > div,
.owl-item .reference > div > div {
    border-top: 9px solid #189a9a;
}

.products .navigator {
    color: #eb317d;
}

.products .col.navigator > div > div,
.owl-item .navigator > div > div {
    border-top: 9px solid #eb317d;
}

.products .cases {
    color: #E9540D;
}

.products .cases div.col.span_1_of_6 span.product a,
.products .cases div.col.span_1_of_6 .product a {
    padding: 1em 0;
}

.products .col.books.disabled > div > div,
.products .col.video.disabled > div > div,
.products .col.reference.disabled > div > div,
.products .col.navigator.disabled > div > div,
.products .col.cases.disabled > div > div,
.products .col.cqpress.disabled > div > div,
.owl-item .books.disabled > div > div,
.owl-item .video.disabled > div > div,
.owl-item .reference.disabled > div > div,
.owl-item .navigator.disabled > div > div,
.owl-item .cases.disabled > div > div,
.owl-item .cqpress.disabled > div > div {
    border-top: 9px solid #ccc;
}

.products .col.cases > div > div,
.owl-item .cases > div > div {
    border-top: 9px solid #E9540D;
    line-height: initial;
}

.products .cqpress {
    color: #f9ad32;
}

.products .col.cqpress > div > div,
.owl-item .cqpress > div > div {
    border-top: 9px solid #f9ad32;
}

.products .video a {
    color: #F1546E;
}

.products .books a {
    color: #00B5E2;
}

.products .reference a {
    color: #189a9a;
}

.products .navigator a {
    color: #eb317d;
}

.products .cases a {
    color: #E9540D;
	padding: 26px 0;
}

@media all and (-ms-high-contrast:none) {
    .products .cases a {
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

.products .cqpress a {
    color: #f9ad32;
    padding: 1.89em 0;
}

.products .col.books.disabled a,
.products .col.video.disabled a,
.products .col.reference.disabled a,
.products .col.navigator.disabled a,
.products .col.cases.disabled a
 {
    color: #ccc !important;
    cursor: text;
}

/*.has-image.cqpress a{
    background-image: url(/img/cq-press@2x.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center center;
}*/

/*.has-image.cqpress.disabled a{
    background-image: url(/img/cq-press-grayscale@2x.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
}*/

.has-image img{
    max-width: 120px;
    display: block;
    margin: 0 auto;
}

    .cqpress a img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -30%;
        margin-left: -33%;
    }

@media only screen and (max-width : 1024px) {
    .has-image img {
        max-width: 100px;
    }
}

@media only screen and (max-width : 768px) {
    .has-image img {
        max-width: 70px;
    }
}

@media only screen and (max-width : 425px) {
    .has-image img {
        margin-top: -30px !important;
        margin-left: -35px !important;
    }
}

.link-list a {
    display: block;
    border-bottom: 1px solid #e9e8eb;
    padding: 0.7em 0;
    color: #585858;
    font-weight: bold;
    font-size: 1.1em;
}

.link-list a:hover{
    color: #640260;
}

.link-list a.disabled,
.link-list a.ui-resizable-disabled:hover {
    color: #ccc;
    cursor: text;
}

.link-list h2 + a{
    padding-top: 0;
}

.link-list > div {
    padding-right: 2em;
}

h2 {
    color: #393939;
    padding-bottom: 0.7em;
    font-size: 1.35em;
    border-bottom: 2px solid #888;
    margin: 1em 0;
}

    h2.no-border {
        border: none;
        padding-bottom: 0;
    }

.products h2 {
    border-bottom: 0;
    padding-bottom: 0;
}

.browse-content-type h2:first-child {
    margin-bottom: 1.5em;
    margin-top: 0.83em;
}

.browse-content-type h2:first-child {
    margin-bottom: 1.5em;
    margin-top: 0.83em;
}

.hide-on-mobile .browse-content-type h2:first-child{
    margin-bottom: 1.5em;
    margin-top: 1em;
}

.browse-content-type{
    margin-bottom: 0;
}

.browse-content-type a {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 25%;
    text-align: center;
    border-top: 1px solid #e9e8eb;
    border-bottom: 1px solid #e9e8eb;
    border-left: 1px solid #e9e8eb;
    position: relative;
    padding: 2.2em 0 2em 0;
    color: #585858;
    font-size: 1.25em;
    font-weight: 600;
    min-height: 235px;
    -webkit-transition: background-color ease-out 0.2s;
    -moz-transition: background-color ease-out 0.2s;
    -o-transition: background-color ease-out 0.2s;
    transition: background-color ease-out 0.2s;
}

.browse-content-type a:hover{
    background-color: #f6f6f6;
}

    .browse-content-type a:first-child {
        border-right: 1px solid #e9e8eb;
    }

    .browse-content-type a.fourth,
    .browse-content-type a:last-child {
        border-right: 1px solid #e9e8eb;
    }

    .browse-content-type a.fifth,
    .browse-content-type a.sixth,
    .browse-content-type a.seventh,
    .browse-content-type a.eighth {
        border-top: 0;
    }

    .browse-content-type a .icon,
    .relatedContent a .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/books@2x.png");
        display: block;
        width: 102px;
        height: 102px;
        background-size: 102px;
        margin: 0 auto 2.5em auto;
    }

    .relatedContent a .icon{
        width: 50px;
        height: 50px;
        margin: 0 0 0 -75px;
    }

    .lt-ie9 .browse-content-type a .icon,
    .lt-ie9 .relatedContent a .icon {
        background-image: url("/img/content-type-sprites/@1x/content-type.png");
    }

    .browse-content-type a.books.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/books@2x.png");
        background-position: center bottom;
        background-size: 102px;
    }

    .browse-content-type a.encyclopedias .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png");
        background-position: 0 0;
        background-size: 102px;
    }

    .browse-content-type a.encyclopedias.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png");
        background-position: center bottom;
        background-size: 102px;    }

    .browse-content-type a.handbooks .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/handbooks@2x.png");
        background-position: 0 0;
        background-size: 102px;
    }

    .browse-content-type a.handbooks.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png");
        background-position: center bottom;
        background-size: 102px;
    }

    .browse-content-type a.dictionaries .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/dictionaries@2x.png");
        background-position: 0 0;
        background-size: 102px;
    }

    .browse-content-type a.dictionaries.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/dictionaries@2x.png");
        background-position: center bottom;
        background-size: 102px;
    }

    .browse-content-type a.videos .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/video@2x.png");
        background-position: 0 0;
        background-size: 102px;
    }

    .browse-content-type a.videos.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/video@2x.png");
        background-position: center bottom;
        background-size: 102px;
    }

    .browse-content-type a.case-studies .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/cases@2x.png");
        background-position: 0 0;
        background-size: 102px;
    }

    .browse-content-type a.case-studies.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/cases@2x.png");
        background-position: center bottom;
        background-size: 102px;
    }

    .browse-content-type a.debates .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/debates@2x.png");
        background-position: 0 0;
        background-size: 102px;
    }

    .browse-content-type a.debates.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/debates@2x.png");
        background-position: center bottom;
        background-size: 102px;
    }

    .browse-content-type a.major-works .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/major-works@2x.png");
        background-position: 0 0;
        background-size: 102px;
    }

    .browse-content-type a.major-works.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/major-works@2x.png");
        background-position: center bottom;
        background-size: 102px;
    }

    .relatedContent a.books .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/books@2x.png");
        background-position: 0 0;
        background-size: 50px;
    }

    .relatedContent a.encyclopedias .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png");
        background-position: 0 0;
        background-size: 50px;
    }

    .relatedContent a.encyclopedias.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/encyclopedias@2x.png");
        background-position: center bottom;
        background-size: 50px;
    }

    .relatedContent a.handbooks .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/handbooks@2x.png");
        background-position: 0 0;
        background-size: 50px;
    }

    .relatedContent a.handbooks.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/handbooks@2x.png");
        background-position: center bottom;
        background-size: 50px;
    }

    .relatedContent a.dictionaries .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/dictionaries@2x.png");
        background-position: 0 0;
        background-size: 50px;
    }

    .relatedContent a.dictionaries.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/dictionaries@2x.png");
        background-position: bottom center;
        background-size: 50px;
    }

    .relatedContent a.videos .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/video@2x.png");
        background-position: 0 0;
        background-size: 50px;
    }

    .relatedContent a.videos.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/video@2x.png");
        background-position: bottom center;
        background-size: 50px;
    }

    .relatedContent a.case-studies .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/cases@2x.png");
        background-position: 0 0;
        background-size: 50px;
    }

    .relatedContent a.case-studies.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/cases@2x.png");
        background-position: bottom center;
        background-size: 50px;
    }

    .relatedContent a.debates .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/debates@2x.png");
        background-position: 0 0;
        background-size: 50px;
    }

    .relatedContent a.debates.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/debates@2x.png");
        background-position: bottom center;
        background-size: 50px;
    }

    .relatedContent a.major-works .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/major-works@2x.png");
        background-position: 0 0;
        background-size: 50px;
    }

    .relatedContent a.major-works.disabled .icon {
        background-image: url("/img/sage-sk-assets/content-types/lg/major-works@2x.png");
        background-position: bottom center;
        background-size: 50px;
    }

    .browse-content-type a:after,
    .feature-links a:after {
        content: "";
        display: block;
        height: 9px;
        width: 100%;
        top: 0;
        left: 0;
        position: absolute;
    }

.light-blue:after {
    background-color: #00B5E2;
}

.teal:after {
    background-color: #189a9a;
}

.salmon:after {
    background-color: #F1546E;
}

.green:after {
    background-color: #65b96a;
}

.orange:after {
    background-color: #E9540D;
}

.pink:after {
    background-color: #eb317d;
}

.purple:after {
    background-color: #6860c8;
}

.gold:after {
    background-color: #efa600;
}

.light-blue.disabled:after,
.teal.disabled:after,
.salmon.disabled:after,
.green.disabled:after,
.orange.disabled:after,
.pink.disabled:after,
.purple.disabled:after,
.gold.disabled:after {
    background-color: #ccc;
}

.browse-content-type a.disabled,
.browse-content-type a.disabled:hover{
    color: #ccc;
    background-color: white;
    cursor: default;
    pointer-events: none;
}

.feature-links-wrapper{
    border-top: 2px solid #eee;    
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    background-color: #f7f7f7;
    margin-top: 2em;
}

.feature-links .span_1_of_4 {
    width: 24.2%;
}

.feature-links .col {
    margin: 1% 0 1% 1.06%;
    text-align: center;
}

    .feature-links .col:first-child {
        margin-left: 0;
    }

.feature-links a {
    border: 1px solid #e9e8eb;
    padding: 1.8em 2em 1.2em 2em;
    display: block;
    position: relative;
    background-color: white;
}

    .feature-links a span {
        font-weight: bold;
        display: block;
    }

.feature-links .salmon span {
    color: #F1546E;
}

.feature-links .green span {
    color: #65b96a;
}

.feature-links .orange span {
    color: #E9540D;
}

.feature-links .purple span {
    color: #6860c8;
}

.feature-links .gold span {
    color: #efa600;
}

/* ==========================================================================
   Callout Box Styles
   ========================================================================== */
.callout-box-wrapper {
    display: inline-block;
    overflow: hidden;
}

    .callout-box-wrapper .callout-box {
        float: left;
        display: inline-block;
        border: 1px solid #e9e8eb;
        width: 260px;
        text-align: center;
        margin-bottom: 0;
    }

        .callout-box-wrapper .callout-box:first-child {
            margin-right: 3em;
        }

.callouts {
    border-top: 1px solid #e9e8eb;
    /* border-bottom: 1px solid #e9e8eb; */
    padding: 2em 0 1.8em 0;
    margin: 5em 0 0.3em 0;
}

    .callouts .inner {
        text-align: center;
    }

.callout-box {
    font-size: 1.2em;
    line-height: 1.2em;
    position: relative;
}

    .callout-box h3 {
        font-weight: normal;
    }

    .callout-box em {
        font-style: normal;
        font-weight: bold;
        position: relative;
    }

        .callout-box em.purple-arrow {
            padding-right: 3em;
        }

            .callout-box em.purple-arrow:after {
                content: "";
                display: inline-block;
                width: 10px;
                height: 16px;
                background-image: url("/img/arrows-2x.png");
                background-size: 200%;
                position: absolute;
                bottom: 0;
                background-position: top right;
                margin-top: -8px;
                margin-left: 10px;
            }

            .callout-box em.purple-arrow:hover:after {
                background-position: bottom right;
            }

    .callout-box.green p {
        color: #627f60;
        font-weight: bold;
    }

    .callout-box.green {
        background-color: #f6fbf6;
    }

.button-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5em 1.2em;
    line-height: 1.7em;
}

.callout-box.green .button-box {
    background-color: #dcf0db;
}

.callout-box.green h3 {
    color: #E9540D;
}

.callout-box.purple,
.callout-box.purple .button-box a {
    color: #8c9fe5;
}

    .callout-box.purple .button-box {
        background-color: #eef1fd;
        text-align: left;
    }

textarea,
input[type="text"],
input[type="password"],
select{
    border: 1px solid #b5b5b5;
    -webkit-appearance: none;
    padding: 0.52em;
    outline: none;
    background-color: white;
    border-radius: 5px;
} 

textarea{
    resize: none !important;
}

.button, button, input[type="submit"], input[type="button"] {
    text-align: center;
    font-weight: bold;
    color: white;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 20px;
    display: inline-block;
    margin: 11px auto;
    background: #ee556d;
    line-height: 1;
    outline: none;
    -webkit-transition: border 400ms ease;
    -moz-transition: border 400ms ease;
    -ms-transition: border 400ms ease;
    -o-transition: border 400ms ease;
    transition: border 400ms ease;
    -webkit-transition: background-color 400ms ease;
    -moz-transition: background-color 400ms ease;
    -ms-transition: background-color 400ms ease;
    -o-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}
div.save button.purple, 
div.save2 button.purple,
button.purple {
    background: #640260 !important;
    color: #fff;
}

button.buy,
.button.buy{
    background-color: #8cb537;
    color: white;
}

button.buy:hover,
.button.buy:hover{
    background-color: #739C1E;
}

.button.gray,
button.gray{
    background-color: #eee;
    color: #555;
}

.button.lightblue,
button.lightblue{
    background-color: #00B5E2;
    color: white;
}

.button.yellow,
button.yellow,
input.yellow{
    background-color: #efa600;
    color: white;
}

.button.teal,
button.teal{
    background-color: #5fc3b3;
    color: white;
}

.button.teal:hover,
button.teal:hover{
    background-color: #46AA9A;
}

button.large,
.button.large{
    font-size: 1.45em;
    padding: 1.3em 1.4em;
}

button.magenta,
.button.magenta{
    background-color: #E60066;
}

.button.gray:hover,
.show-page-numbers:hover,
button.gray:hover{
    background-color: #D5D5D5;
    border: 1px solid #D5D5D5;
}

button.darkBtn {
    background: #333;
}
button.extraPadding {
    padding: 10px 50px;
}

button.create-clip {
    background: #ee556d 17px center no-repeat url(/img/action-buttons/create-clip-2x.png);
    background-size: 22px auto;
    padding-left: 55px;
}

.lt-ie9 button.create-clip {
    background: #ee556d 17px center no-repeat url(/img/action-buttons/create-clip.png);
}

.callout-box.green .button {
    background-color: #E9540D;
    position: relative;
    padding-right: 3em;
    color: white;
}

    .callout-box.green .button:after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 16px;
        background-image: url("/img/arrows-2x.png");
        background-size: 200%;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        margin-left: 20px;
    }

    .callout-box.green .button:hover:after {
        background-position: bottom left;
    }

.callout-box .counter {
    margin-top: 20px;
    width: 80%;
}

/*------------
    Add This Overrides
    --------*/
body .addthis_default_style .at300b {
    width: 47%;
    float: left;
    margin-bottom: 10px;
}
body .at16nc {
    width: auto !important;
    height: 16px !important;
    overflow: visible !important;
}
body .at_a11y {
    position: static !important;
    top: 0 !important;
    width: auto !important;
    height: 20px !important;
    overflow: hidden !important;
    text-indent: -61px;
    text-align: left;
    display: block;
    margin-left: 22px;
    font-size: 14px;
}
a.addthis_button_compact .at_a11y {
    text-indent: 0 !important;
    width: 50px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* ==========================================================================
   Footer Styles
   ========================================================================== */
footer {
    border-top: 1px solid #f6f6f6;
    margin-top: 0em;
    padding-top: 0.5em;
    position: relative;
    margin-bottom: -2em;
    background-color: #eeeeee;
}

    footer a.backToTop {
        position: absolute;
        right: 20px;
        top: -100px;
        width: 60px;
        height: 60px;
        background: top left no-repeat url(/img/action-buttons/up-arrow.png);
        text-indent: -9000em;
    }

    footer nav.section {
        overflow: hidden;
        margin: 0 auto;
    }

    footer a {
        display: block;
        padding: 0.2em 0;
    }

    footer a:hover{
        color: #640260;
    }

    footer h4 {
        margin: 0 0 0.7em 0;
    }

    footer .copyright {
        background-color: #d9d9d9;
        padding: 1em 0;
    }

        footer .copyright p {
            font-weight: bold;
            font-size: 0.9em;
        }

    .footer-inner .col.span_1_of_4{
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 24.2%;
        margin: 1% 0 1% 1.06%;
    }

    .footer-inner .col.span_1_of_4:first-child{
        margin-left: 0;
    }

    .footer-inner .col.span_1_of_4 > div{
        padding-left: 2em;
        padding-right: 2em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }


/* ==========================================================================
   Custom Scrollbars
   ========================================================================== */
.mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:linear-gradient(to right,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.section:before,
.section:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after,
.section:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix, 
.section {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*-----
    NO JS Styles
    ------*/
html.no-js div.action-buttons,
html.no-js ul.tabs,
html.no-js div.onOffToggle,
html.no-js div.interact,
html.no-js div.create-clip,
html.no-js p.segment span.toggle-arrow {
    display: none !important;
}
html.no-js div.transcript-search, 
html.no-js div.transcript-options h3.mobileOnly,
html.no-js ul.tab-content > li {
    display: block !important;
}

/* ==========================================================================
   CQ Press STYLES
   ========================================================================== */
.cq-press ul.action-buttons span.citations{
    background-image: url(/img/sage-sk-assets/tools/tools_cite@2x.png);
    background-size: 100%;
    background-position: 0 -280px;
}

.cq-press ul.action-buttons span.favorite{
    background-image: url(/img/sage-sk-assets/tools/tools-favorite-heart@2x.png);
    background-size: 100%;
    background-position: 0 -280px;
}

.cq-press ul.action-buttons span.share{
    background-image: url(/img/sage-sk-assets/tools/tools-share@2x.png);
    background-size: 100%;
    background-position: 0 -280px;
}

.cq-press ul.action-buttons span.text-size{
    background-image: url(/img/sage-sk-assets/tools/tools-fontsize@2x.png);
    background-size: 100%;    
    background-position: 0 -280px;
}

.cq-press ul.action-buttons span.filter-popup{
    background-image: url(/img/sage-sk-assets/tools/tools-filter@2x.png);
    background-size: 100%;    
    background-position: 0 -280px;
}

.cq-press ul.action-buttons span.expanded.citations,
.cq-press ul.action-buttons span.expanded.favorite,
.cq-press ul.action-buttons span.expanded.share,
.cq-press ul.action-buttons span.expanded.filter-popup,
.cq-press ul.action-buttons span.expanded.text-size{
    background-position: 0 0;
}


/* ==========================================================================
   BOOKS STYLES
   ========================================================================== */
.books ul.action-buttons span.citations{
    background-image: url(/img/sage-sk-assets/tools/tools_cite@2x.png);
    background-size: 100%;
    background-position: 0 -160px;
}

.books ul.action-buttons span.favorite{
    background-image: url(/img/sage-sk-assets/tools/tools-addlist@2x.png);
    background-size: 100%;
    background-position: 0 -160px;
}

.books ul.action-buttons span.share{
    background-image: url(/img/sage-sk-assets/tools/tools-share@2x.png);
    background-size: 100%;
    background-position: 0 -160px;
}

.books ul.action-buttons span.text-size{
    background-image: url(/img/sage-sk-assets/tools/tools-fontsize@2x.png);
    background-size: 100%;    
    background-position: 0 -160px;
}

.books ul.action-buttons span.filter-popup{
    background-image: url(/img/sage-sk-assets/tools/tools-filter@2x.png);
    background-size: 100%;    
    background-position: 0 -160px;
}

.books ul.action-buttons span.expanded.citations,
.books ul.action-buttons span.expanded.favorite,
.books ul.action-buttons span.expanded.share,
.books ul.action-buttons span.expanded.filter-popup,
.books ul.action-buttons span.expanded.text-size{
    background-position: 0 0;
}

.lt-ie9 .books ul.action-buttons span.citations,
.lt-ie9 .books ul.action-buttons span.favorite,
.lt-ie9 .books ul.action-buttons span.share,
.lt-ie9 .books ul.action-buttons span.text-size{
    background-image: url(/img/typical/@1x/icons.png);
}

.lt-ie9 .major-works ul.action-buttons span.citations,
.lt-ie9 .major-works ul.action-buttons span.favorite,
.lt-ie9 .major-works ul.action-buttons span.share,
.lt-ie9 .major-works ul.action-buttons span.text-size{
    background-image: url(/img/magenta-icons/@1x/m-icons.png);
}

.books ul.action-buttons span.text-size.expanded{
    background: -40px -40px no-repeat url('/img/action-buttons/action-buttons@2x.png');
    background-size: auto 80px;
}

.teal.pdf-btn{
    padding: 9px 9px 9px 35px;
    padding-left: 3em; 
    background-image: url(/img/typical/@2x/pdf-01@2x.png);
    background-size: 12%;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: 1px solid #5fc3b3;
}

.lt-ie9 .teal.pdf-btn{
    background-image: url(/img/typical/@1x/pdf.png);
}

.teal.pdf-btn:hover{
    border: 1px solid #46AA9A;
}

.show-page-numbers{
    padding: 9px;
    border: 1px solid #eee;
    padding-left: 30px;
    position: relative;
}

.show-page-numbers:before{
    content: "";
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -7px;
    border: 2px solid #393939;
    border-radius: 50%;
}

.show-page-numbers.active{
    background-image: none !important;
}

.show-page-numbers.active:before{
    border-color: #5fc3b3;
    background-color: #5fc3b3;
}

.lt-ie9 .show-page-numbers{
    background-image: url(/img/typical/@1x/page-num-off.png);
}

body.fixedNav .fixed-nav-inner .show-page-numbers{
    border: 1px solid #555;
}

.show-page-numbers.active,
body.fixedNav .fixed-nav-inner button.gray.show-page-numbers.active{
    background-color: white;
    border: 1px solid #5fc3b3;
    color: #5fc3b3;
    background-image: url(/img/typical/@2x/page-num-on@2x.png);
}

/*.show-page-numbers.active:hover{
    background-color: #E6E6E6;
}*/

body.fixedNav .fixed-nav-inner button.gray.show-page-numbers{
    padding-left: 3em;
}

.show-page-numbers.active .active{
    display: none;
}

.show-page-numbers .hide{
    display: none;
}

.page-num, span.pb {
    font-weight: bold;
    color: #5FC3B3;
    margin-right: 5px;
}

.show-page-numbers.active .hide{
    display: inline;
}
/*.content-search input.submit.teal{
    background-image: url(/img/typical/@2x/search-teal@2x.png);
}

.lt-ie9 .content-search input.submit.teal{
    background-image: url(/img/typical/@1x/search-teal.png);
}*/

.books #overview{
    border-top: solid 4px #00B5E2;
}

.books #overview span.section-label{
    background-color: #00B5E2;
}

.cq-press #overview{
    border-top: solid 4px #FBAE16;
}

.cq-press #overview span.section-label{
    background-color: #FBAE16;
}

.indent{
    padding-left: 2em;
    position: relative;
}

.indent .toggle-arrow{
    position: absolute;
    left: 0;
    top: 4px;
}

ul.chapters{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

ul.chapters li{
    display: block;
    width: 100%;
    border-bottom: 1px solid #e9e8eb;
}

ul.chapters li:last-child{
    border-bottom: 0;
}

ul.chapters li a{
    display: block;
    padding: 0.8em 1.5em;
    overflow: hidden;
}

ul.chapters li a:hover{
    color: #640260;
}

ul.chapters li > span{
    display: inline-block; 
    float: left;
}

ul.chapters li.selected{
    border-color: #239a99;
    background-color: #fefdff;
    color: #239a99;
    font-weight: bold;
    position: relative;
}

ul.chapters li.selected:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #239a99;
    position: absolute;
    left: 0;
    top: -1px;
}

ul.chapters li.selected a{
    color: #239a99;
}

div.popup-container.chapters-popup{
    position: absolute;
    top: 34px;
    width: 100%;
}

.button-group{
    margin: 1.5em 0 2.2em 0;
    padding-bottom: 1px;
}

.button-group .content-search{
    margin-right: 0px;
    padding-bottom: 1px;
}

.content-search input[type="submit"].submit,
.header-search input[type="submit"].submit{
    padding: 11px 16px;
    background-position: 8px 2px;
}

.button-group button{
    float: right;
    margin: 0;
    margin-left: 10px;
}

.button-group > div{
    display: inline-block;
    float: left;
}

.content-search{
    margin-left: 0;
}

.content-search input.submit{
    background-image: url("/img/search/search-grey@2x.png");
    background-color: white;
}

.content-search input.submit.arrow {
    background-image: url("/img/sage-sk-assets/down_arrow.png");
}

/*.lt-ie9 .content-search input.submit{
    background-image: url("/img/search/search-grey.png");
}*/

.content-search ::-webkit-input-placeholder {
    color: #555;
    font-style: normal;
    font-weight: 300;
}

.content-search :-moz-placeholder { /* Firefox 18- */
    color: #555;
    font-style: normal;
    font-weight: 300;
}

.content-search ::-moz-placeholder { /* Firefox 19+ */
    color: #555;
    font-style: normal;
    font-weight: 300;
}

.content-search :-ms-input-placeholder {
    color: #555;
    font-style: normal;
    font-weight: 300;
}

button.teal{
    background-color: #5fc3b3;
    background-image: url();
}

button.gray{
    background-color: #eee;
    color: #393939;
}

.popup button.gray{
    border: 0px;
}

button.gray:hover a{
    background-color: #eee;
}

.main-col{
    padding-right: 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body.typical.search{
    margin-top: 0;
}

.full-width-page .main-col{
    padding-right: 0;
}

.top-details p{
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.25em;
}
    .top-details p.author {
        font-size: 1.25em;
    }
    .top-details p.author.editor {
        font-size: 1.1em;
    }

.top-details p a{
    font-weight: normal;
    color: #0645ad;
    word-break: break-word;
}

.top-details p a:hover{
    text-decoration: underline;
}

.page-section{
    padding-top: 1em;
    min-height: 225px;
}

.page-section > div{
    padding: 0 1.5em;
}

.accordion-content .page-section > div{
    padding: initial;
}

.page-section p{
    line-height: 1.9em;
    clear: both;
}

.page-section h2{
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
    font-size: 1.5em;
}

.page-section hr,
hr{
    margin: 1.5em 0;
    border-top: 2px solid #888;
}

.item-list table{
    margin-bottom: 1em;
    width: 100%;
    vertical-align: middle;
}

.item-list table td{
    width: 25%;
    border-right: 1px solid #555;
}

.item-list table td.text-align-center{
    text-align: center;
}

.item-list table td:last-child{
    border-right: 0;
}

.item-list table td button{
    margin: 0 auto;
    display: block;
}

.item-list table td .warning-text{
    position: relative;
    top: auto;
    bottom: auto;
    right: 0;
    text-align: right;
}

.item-list table .warning-text{
    top: auto !important;
}
.validation-summary-errors,
.warning-wrapper{
    border: 3px solid #cd445f;
    padding: 0.4em 1em;
    margin: 3em 0;
    position: relative;
}
.warning{
    border: 2px solid #cd445f;
    margin: 30px 0;
    padding: 15px;    
}

.warning em{
    font-style: normal;
}

.warning .icon{
    position: absolute;
    display: block;
    top: -15px;
    right: -15px;
    width: 35px;
    height: 35px;
    background-image: url(/img/typical/@2x/red-alert@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.lt-ie9 .warning .icon{
    background-image: url(/img/typical/@1x/red-alert.png);
}

.validation-summary-errors span,
.warning {
    color: #cd445f;
    font-weight: bold;
    position: relative;
}

.validation-summary-errors ul { display: none; }

.warning a{
    text-decoration: underline;
    font-weight: bold;
}

.loading {
    border: 1px solid #4c1b7a;
    padding: 10px;
    background-color: #F0E6F9;
    font-weight: bold;
}

.highlight{
    background-color: #fefeb2;
}

.image-grid{
    padding: 2em 0;
}

.image-grid,
.image-grid ul{
    overflow: hidden;
    padding-left: 0;
}

.image-grid li{
    list-style: none;
    display: inline-block;
    float: left;
    margin-right: 2.5%;
    width: 23%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 1.6em;
    /*box-sizing: border-box;
    -moz-box-sizing: border-box;*/
}

.image-grid li:nth-child(4),
.image-grid li:nth-child(8),
.image-grid li:nth-child(12),
.image-grid li:nth-child(16),
.image-grid li:nth-child(20),
.image-grid li:nth-child(24),
.image-grid li:nth-child(28),
.image-grid li:nth-child(32),
.image-grid li:nth-child(36){
    margin-right: 0;
}

.image-grid li img{
    border: 1px solid #144372;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-grid li a{
    color: #555;
}

.image-grid li a .image-wrapper{
    position: relative;
    display: block;
}

.image-grid li a .image-wrapper:after{
     -webkit-transition: background-color 400ms ease;
    -moz-transition: background-color 400ms ease;
    -ms-transition: background-color 400ms ease;
    -o-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: transparent;
    display: block;
    z-index: 10;
}

.image-grid li a:hover .image-wrapper:after{
    background-color:rgba(000,0,0,0.2);
}

.image-grid li h3{
    margin-top: 0.4em;
    word-break: break-word;
}

.accordion{
    margin-top: 1.5em;
    border: 2px solid #eaeaea;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.accordion > div{
    /*padding-bottom: 2em;*/
}

.accordion > div:last-child{
    padding-bottom: 0;
}

.sidebar .action-buttons li{
    border-bottom: 0;
}

.sidebar h3{
    padding: 0.8em 45px;
    font-size: 1.3em;
    background-color: #f6f6f6;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    position: relative;
}

.sidebar h3 .plus,
.search-for .plus{
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 15px;
    background-image: url(/img/typical/@2x/expand@2x.png);
    background-repeat: no-repeat;
    background-size: 70%;
    height: 20px;
    width: 20px;
}

.lt-ie9 .sidebar h3 .plus{
    background-image: url(/img/typical/@1x/expand.png);
}

.sidebar h3 .minus{
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 15px;
    background-image: url(/img/typical/@2x/collapse@2x.png);
    background-repeat: no-repeat;
    background-size: 70%;
    height: 20px;
    width: 20px;
}

.lt-ie9 .sidebar h3 .minus{
    background-image: url(/img/typical/@1x/collapse.png);
}

.sidebar h3.active{
    border-bottom: 1px solid #f6f6f6;
}

.sidebar h3.active .plus{
    display: none;
}

.sidebar h4 {
    padding: 1.0em 25px 0 25px !important;
    font-size: 1.1em;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
}

.sidebar ul{
    padding: 0;
    margin-bottom: 0em;
    
}

.sidebar .accordion ul.chapter-contents{
    max-height: 250px;
    overflow-y: scroll;
}

.sidebar li{
    list-style: none;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

.sidebar li a, 
.sidebar li > div {
    padding: 0.6em 45px;
    display: block;
    color: #393939;
    position: relative;
    line-height: 27px;
    padding-right: 0;
}

.sidebar div.checkBox{
    padding-right: 30px;
}

.sidebar li a:hover,
.sidebar li span:hover{
    color: #640260;
}

.sidebar li > div li ul:hover{
    color: #393939;
}

.sidebar li span.quantity {
    color: #a1a1a1;
}

.sidebar li span{
    /*color: #393939;*/
}

.sidebar li li > div.checkBox{
    padding-left: 0;
}

.sidebar .content-types li a{
    padding: 0.6em 3em 0.6em 4em;
}

.sidebar .content-types li a:hover{
    color: #640260;
}

.sidebar li.marked a{
    padding-left: 5em;
    font-weight: bold;
    position: relative;
}

.sidebar li.marked a:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 45px;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #00B5E2;
}

.sidebar li:last-child{
    border-bottom: 0;
}

.sidebar .more-link{
    font-weight: bold;
    text-align: right;
    display: block;
    padding: 25px 3em 20px;
}

.sidebar .keyword-list{
    overflow: hidden;
    padding: 2em 3em;
    margin-top: 0;
}

.keyword-list li{
    display: inline;
    border-bottom: 0;
}

.keyword-list a,
.sidebar .keyword-list a{
    color: #0645ad;
    line-height: 1.9em;
    display: inline;
    padding: 0;
}

.keyword-list a:hover, .sidebar .keyword-list a:hover{
    text-decoration: underline;
    color: #0645ad;
}

.sidebar div.action-buttons div.popup {
    top: 11px;
    width: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    min-width: 400px;
    right: 0;
}

.sidebar div.action-buttons div.popup.filter-popup{
    padding: 0;
}

.sidebar div.action-buttons div.popup.filter-popup #pubDateSlider,
.sidebar div.action-buttons div.popup.filter-popup #pubDateSlider2{
    width: 70%;
    margin: 70px auto;
}

.sidebar div.action-buttons div.popup-container {
    left: auto;
    top: 9px;
    right: 0;
    width: 100%;
}

.sidebar textarea,
.sidebar input[type="text"],
.sidebar select,
.fixed-nav-inner .popup-container textarea,
.fixed-nav-inner .popup-container input[type="text"],
.fixed-nav-inner .popup-container select{
    width: 100%;
}

.sidebar textarea{
    height: 100px;
}

.sidebar p.note{
    font-size: 0.8em;
    color: #555;
    font-weight: bold;
}
.sidebar div.noBackground {
    padding: 5px 0 15px 0;
}
.sidebar div.noBackground h3 {
    background-color: transparent;
    border-bottom: none;
}
.sidebar div.noBackground label {
    display: block;
    padding: 10px 45px;
    font-weight: normal;
}
.sidebar div.noBackground label.selected {
    color: #640260;
}
.staticSidebar {
    margin-top: 0px;
}
    .staticSidebar div.sidebar-inner > div {
        border: solid 2px #eaeaea;
        border-top: 0;
        border-bottom-width: 1px;
    }
    .staticSidebar div.greyBox {
        background: #f6f6f6;
        padding: 30px;
    }
    .staticSidebar div.greyBox div.searchInput {
        position: relative;
    }
    .staticSidebar ::-webkit-input-placeholder {
        font-style: normal;
    }
    .staticSidebar :-moz-placeholder { /* Firefox 18- */
        font-style: normal;
    }
    .staticSidebar ::-moz-placeholder { /* Firefox 19+ */
        font-style: normal;
    }
    .staticSidebar :-ms-input-placeholder {
        font-style: normal;
    }
    .staticSidebar div.greyBox div.searchInput input[type="submit"] {
        position: absolute;
        right: 2px;
        width: 10px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
        text-indent: -9999px;
        background: 5px 0px no-repeat url("/img/search/search@2x.png");
        background-size: 60%;
    }
    .lt-ie9 .staticSidebar div.greyBox div.searchInput input[type="submit"] {
        background-image: url("/img/search/search2.png");
    }
    .staticSidebar div.accordion {
        border: none;
    }
    .staticSidebar div.slideWrapper {
        position: relative;
        padding: 60px 45px 40px 45px;
    }
    
    .staticSidebar a.showMore {
        display: block;
        text-align: right;
        padding: 25px 35px 25px 0;
        font-weight: bold;
        margin-bottom: 0px;
    }
    .staticSidebar .accordion ul.chapter-contents {
        max-height: auto;
        overflow: visible;
    }
    .staticSidebar li:last-child {
        border-bottom: 1px solid #eaeaea;
    }
    .staticSidebar ul.keyword-list li:last-child {
        border-bottom: none;
    }
    .filters input {
        display: none;
    }
    .filters .multi {
        position: relative;
    }
    .filters .multi a.subject {
        background: right center no-repeat url(/img/filter-plus.png);
        background-size: 25px auto;
        text-indent: -9000em;
        width: 46px;
        height: 46px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
    }


    .filters .multi a.subject.active{ 
        background: right center no-repeat url(/img/typical/@2x/collapse@2x.png);
        background-size: 28%;
        background-position: 21px 17px;
    }

    .lt-ie9 .filters .multi a.subject {
        background: right center no-repeat url(/img/filter-plus@1x.png);
    }
    .filters div {
        cursor: pointer;
    }
    .filters div span.filter {
        /*background: left -247px no-repeat url(/img/sprites/checkbox@2x.png);*/
        background-image: url(/img/sage-sk-assets/checkbox@2x.png);
        background-size: 19px;
        background-repeat: no-repeat;
        background-position: left -247px;
        width: 32px;
        text-indent: -9000em;
        display: inline-block;
    }
    .lt-ie9 .filters div span.filter {
        background-image: url("/img/sprites/checkbox.png");
    }
    .filters div.selected span.filter {
        background-position: left 3px;
    }
    .sidebar label.radioBtn {
        padding: 10px 45px 10px 70px !important;
        background: 45px 11px no-repeat url(/img/sprites/radioBtns@2x.png);
        background-size: 18px auto;
        cursor: pointer;
    }
    .lt-ie9 .sidebar label.radioBtn {
        background: 45px 11px no-repeat url(/img/sprites/radioBtns.png);
    }
    .sidebar label.radioBtn.selected {
        background-position: 45px -239px;
    }
    .sidebar label.radioBtn input {
        display: none;
    }

    .sidebar li div.level-2{
        padding-left: 30px;
        padding-top: 0;
        position: relative;
    }

    .sidebar li div.level-2 ul{
        margin-top: 0;
        padding-right: 0;
    }

    .sidebar li div.level-2 ul li:last-child{
        border-bottom: 0;
    }

  /*  .sidebar li div.level-2:hover,
    .sidebar li div.level-3:hover,
    .sidebar li div.level-2 li:hover .level-3 li{
        color: #393939;
    }

    .sidebar li div.level-2 li:hover,
    .sidebar li div.level-2 li:hover .level-3 li:hover{
        color: #640260;
    }*/

    .sidebar li .level-3{
        padding-left: 30px;
        padding-top: 0;
    }



/*---- Search Styles ----*/

.search ul.action-buttons span.citations,
.search ul.action-buttons span.favorite,
.search ul.action-buttons span.share,
.search ul.action-buttons span.text-size,
.search ul.action-buttons span.save,
.search ul.action-buttons span.tools,
.search ul.action-buttons span.filter {
    background-image: url(/img/typical/@2x/icons-purple.png);
    background-size: auto 80px;
}
.lt-ie9 .search ul.action-buttons span.citations,
.lt-ie9 .search ul.action-buttons span.favorite,
.lt-ie9 .search ul.action-buttons span.share,
.lt-ie9 .search ul.action-buttons span.text-size,
.lt-ie9 .search ul.action-buttons span.save,
.lt-ie9 .search ul.action-buttons span.tools,
.lt-ie9 .search ul.action-buttons span.filter {
    background-image: url(/img/typical/@1x/icons-purple.png);
}
.search ul.action-buttons span.save {
    background-position: 0 -320px;
    background-image: url(/img/sage-sk-assets/tools/tools-save@2x.png);
    background-size: 100%;
}
.search ul.action-buttons span.save.expanded {
    background-position: 0 0;
}
.search ul.action-buttons span.text-size {
    background-position: 0 -320px;
    background-image: url(/img/sage-sk-assets/tools/tools-fontsize@2x.png);
    background-size: 100%;
}
.search ul.action-buttons span.text-size.expanded {
    background-position: 0 0;
}
.search div.action-buttons div.popup {
    right: -60px;
}

.searchHeader h1{
    display: inline-block;
}

.search-facets{
    display: inline-block;
}

.search-facet, .search-facet-static{
    padding: 10px 40px 10px 15px;
    font-size: 16px;
    cursor: pointer;
    text-transform: lowercase;
    background-color: #f6f6f6;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    margin: 0 5px 2px 0;
    color: #640260;
}

.search-facet-static {
    cursor: inherit;
    padding-right: 15px;
}

.search-facet:after{
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 15px;
    margin-top: -7.5px;
    height: 15px;
    width: 15px;
    background-image: url(/img/remove-term/remove-term@2x.png);
    background-size: 100%;
}

.search-facet:hover{
    background-color: #eaeaea;
}
    
.popup-container .form-item-group{
    margin-bottom: 1em;
    color: #393939;
}

.popup-container label{
    display: block;
    margin-bottom: 0.3em;
}

.popup-container hr{
    border-top: 1px solid #888;
}

.tabs-container .tabs.clearfix li{
    width: auto;
    padding: 12px 0.5em;
    display: inline-block;
}

.tabs-container.teal ul.tabs li.selected{
    background-color: #239a99;
    border-color: #239a99;
}

.tabs-container.teal ul.tabs {
    border-bottom: solid 2px #239a99;
}

.tabs-container.teal .vertical-tabs > .tabs{
    width: 33%;
    border-bottom: 0;
}

.tabs-container .vertical-tabs > .tabs li{
    width: 100%;
    display: block;
    float: none;
    font-size: 0.9em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    padding: 14px 2em;
    margin-left: 0;
    border: 0;
    border-bottom: 1px solid #979797;
    text-transform: capitalize;
    background-color: #f6f6f6;
    position: relative;
}

.tabs-container.teal .vertical-tabs ul.tabs li.selected{
    /*border-top: 1px solid #239a99;
    border-bottom: 1px solid #239a99;*/
    background-color: #e7f6f4;
    font-weight: bold;
    color: #555;
}

.tabs-container.teal .vertical-tabs ul.tabs li.selected:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #239a99;
    position: absolute;
    left: 0;
    top: -1px;
}

.vertical-tabs .span_1_of_3{
    background-color: #f6f6f6;
}

.vertical-tabs .button{
    margin: 0 auto;
    display: inline-block;
    border: 0px !important;
    cursor: pointer;
}

.vertical-tabs.readers-guide { margin-top: 10px; }

.button-wrapper{
    text-align: center;
    overflow: hidden;
    display: block;
}

.tab-content .content-search-wrapper{
    padding: 2.5em 1.5em; 
    overflow: hidden;
    position: relative;
}

.funnel-link{
    background-image: url(/img/typical/@2x/filter@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 50%;
    margin-top: -25px;
}

.lt-ie9 .funnel-link{
    background-image: url(/img/typical/@1x/filter.png);
}

.tab-content a.funnel-link:hover{
    background-color: inherit;
}

select.teal, select.purple {
    background-image: url(/img/sage-sk-assets/select-purple@2x.png);
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: 98% center;
    padding-right: 10%;
}
select.purple {
    background-image: url(/img/sage-sk-assets/select-purple@2x.png);
    background-size: 15px auto;
}

.lt-ie9 select{
    background-image: none !important;
}


.tab-content .content-search-wrapper + hr{
    margin-top: 0;
}

.tab-content .link-cols ul{
    padding: 0;
    margin: 0;
}

.tab-content .link-cols li{
    list-style: none;
}

.tab-content .link-cols > .span_1_of_2{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 1.5em;
}

.tab-content .link-cols li{
    /*display: block;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0.8em 2em;
    font-size: 0.9em;
    margin: 0;
}

.tabs-container.teal .vertical-tabs .level-3-tabs ul.tabs > li,
.tab-content .link-cols .tabs > li{
    text-align: left;
    padding: 0.8em 2em;
    display: block;
}

.tabs-container.teal .vertical-tabs .level-3-tabs ul.tabs > li:hover,
.tab-content .link-cols .tabs > li:hover{
    background-color: #f6f6f6
}

.tabs-container.teal .vertical-tabs .level-3-tabs ul.tabs li.selected,
.tab-content .link-cols .tabs li.selected{
    color: white;
    font-weight: bold;
    position: relative;
    background-color: white;
}

.tab-content .link-cols .tab-content li{
    padding: 0;
}

.tab-content .link-cols .tab-content li a{
    display: block;
    padding: 0.8em 2em;
    position: relative;
    font-weight: normal;
}

.tab-content .link-cols .tab-content ul{
    border-left: 1px solid #4a4a4a;
}

.tab-content .link-cols .tab-content ul li.selected a{
    color: #00B5E2;
    font-weight: bold;
}

.tabs-container.teal .vertical-tabs .level-3-tabs  ul.tabs li.selected:before{
    content: none;
}

.tab-content .link-cols .tab-content ul li.selected a:after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #4a4a4a;
}

.level-3-tabs > div,
.level-3-tabs > ul{
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 100;
}

.level-3-tabs > .tabs li{
    float: none;
    background-color: white;
    width: 100%;
    text-transform: capitalize;
    text-align: left;
    border: 0;
}

.level-3-tabs{
    margin-top: 2em;
    z-index: 100;
}

.level-3-tabs > .tabs{
    border: 0 !important;
    z-index: 100;
}

.entries-options{
    padding: 1.5em;
}

.tab-content .entries-options .content-search-wrapper{
    padding: 0;
    overflow: visible;
}

.tab-content .entries-options .content-search-textbox{
    width: 400px;
    margin-left: 1em;
}

.tab-content .entries-options .content-search{
    padding-bottom: 1px;
    position: relative;
}

/*.tab-content .entries-options .content-search:after{
    content: "";
    height: 100%;
    width: 1px;
    top: 0;
    display: block;
    position: absolute;
    left: -1em;
    border-left: 1px solid #888;
}*/

.tab-content .entries-options select{
    height: 39px;
    background-color: white;
    margin-left: 1em;
    outline: none;
}

.tab-content:focus{
    border: 2px solid #640260;
}

/* Entries A-Z */
.alpha-selection ul{
    padding: 0 1.5em;
    margin: 0;
    overflow: hidden;
}

.alpha-selection ul li{
    list-style: none;
    float: left;
    display: inline-block;
    color: #6f6f6f;
    font-size: 1.1em;
    padding: 0 0.4em;
    text-transform: uppercase;
}

.alpha-selection li {
    cursor: pointer;
}

.alpha-selection li:hover {
    color: #00B5E2;
}

.alpha-selection li.disabled{
    color: #e6e6e6;
}

.alpha-selection li.selected{
    color: #00B5E2;
    font-weight: bold;
}

.hide-accordion {
    display: none;
}

.show-accordion {
    display: block;
}

.alpha-selection + hr{
    margin-bottom: 0;
}

.alpha-results ul{
    padding: 0;
    margin: 0;
}

.alpha-results li{
    display: block;
    list-style: none;
    width: 100%;
}

.alpha-results li a{
    display: block;
    border-bottom: 1px solid #979797;
    padding: 0.8em 0 0.8em 0.5em;
}

.alpha-results .accordion-handle{
    position: relative;
    padding-left: 1em;
    cursor: pointer;
}

.accordion-content{
    padding-left: 1em;
}

.alpha-results .accordion-handle:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #000;
}

.alpha-results .accordion-handle.active:after{
    border-width: 5px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
}

.subject-index{
    padding-top: 1.5em;
}

.subject-index .alpha-results li{
    border-bottom: 1px solid #979797;
    padding: 0.8em 0 0.8em 0.5em;
}

.subject-index .alpha-results li a{
    display: inline;
    font-weight: bold;
    padding: 0;
}

.subject-index .alpha-results li a:hover{
    background-color: #f6f6f6;
}

.subject-index-search-bars-div {
    padding-bottom:30px; 
    margin-bottom:20px; 
    padding-left:25px;
}

.subject-index-search-bars-div #subject-index-search-form {
    /*width: 300px;*/
    width: 250px;
    margin-right: 20px;
}

#subject-index-search-form #subjects-search-box {
    width: 200px;
}

#search-within-page-form {
    margin-right: 15px;
}
#search-within-page-form .content-search-textbox {
    width: 233px;
}


.content-search-textbox {
    width: 233px;
}

.marketing-content{
    position: relative;
    padding: 4em 16em 1em 0;
}

.marketing-content h3{
    margin-top: 0;
}

.marketing-cta{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -40px;
}

.marketing-content h3{
    font-size: 44px;
    margin-bottom: 0.2em;
}

.marketing-content p{
    font-size: 22px;
    margin-top: 0;
}

.gray-bg{
    background-color: #f6f6f6;
}

.full-width.gray-bg + .full-width.gray-bg{
    margin-top: 8em;
}

#overview .gray-bg .inner{
    padding-top: 2em;
    padding-bottom: 5em;
}

.options-util{
    list-style: none;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-top: 0;
    padding: 0;
}

.options-util li{
    display: inline-block;
    float: left;
    overflow: hidden;
    position: relative;
}

.options-util li a{
    padding: 0.3em 1.3em;
    display: block;
}

.options-util li a:hover{
    text-decoration: underline;
}

.options-util li:after{
    content: "";
    height: 100%;
    width: 1px;
    border-left: 1px solid #313131;
    position: absolute;
    top: 0;
}

.options-util li:first-child:after{
    content: none;
}

.hide-show-toggle{
    display: inline-block;
    float: left;
    padding: 0.3em 1.3em;
    font-weight: bold;
    margin: 0;
}

.float-right{
    float: right;
    overflow: hidden;
}

.item-list > .section{
    padding-bottom: 0.5em;
}

.item-list > .section .warning-text{
    top: 2.5em;
}

.item-list > .section .button-wrapper{
    text-align: center;
}

.item-list .col h3{
    font-size: 1.5em;
    margin-bottom: 0.9em;
}

.item-list .item-details{
    margin-bottom: 0;
    margin-top: 0.3em;
}

.item-list em{
    font-style: normal;
    font-weight: bold;
}

.page-section.white{
    background-color: white;
    padding: 2.5em 1.5em;
    position: relative;
    margin-top: 3em;
}

.list-group{
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
    padding: 2em 0;
}

.list-group + .list-group{
    border-top: 0px;
}

.list-group .section .col{
    margin: 0;
}

.list-group ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.warning-text{
    color: #e13345;
    font-weight: bold;
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    margin: 0;
    cursor: pointer;
}

.warning-text:hover{
    text-decoration: underline;
}

.item-wrapper h4{
    font-size: 1.5em;
    margin: 0 0 0.4em 0;
}

.item-wrapper p{
    margin: 0;
    line-height: 1.4em;
}

.item-wrapper p.doi{
    margin-top: 1em;
}

.item-wrapper p.doi a{
    word-break: break-word;
}

.item-wrapper p.doi a:hover{
    text-decoration: underline;
} 

.item-wrapper .item-content{
    width: 70%;
    display: inline-block;
    float: left;
}

.item-wrapper{
    overflow: hidden;
}

.product-image{
    width: 120px;
    display: inline-block;
    float: left;
    margin-right: 1%;
}

.product-image img{
    display: inherit;
    margin: 0 auto;
    max-width: 90px;
    width: 100%;
}

.product-image .icon-wrapper{
    max-width: 90px;
}

.item-content p.author{
    margin-bottom: 1em;
}

.drop-down-panel > ul > li{
    border-bottom: 2px solid #555555;
    padding: 1.5em 1em;
    position: relative;
}

.keyword-wrapper{
    overflow: hidden;
    margin-top: 0.5em;
}

.keyword-wrapper em{
    float: left;
    display: inline-block;
    line-height: 1.85em;
}

.keyword-wrapper .keyword-list{
    float: left;
    display: inline-block;
    margin-left: 0.5em;
}

.keyword-wrapper .keyword-list a{
    font-size: 1em;
}

.hide-show-toggle{
    cursor: pointer;
}

.hide-show-toggle .hide{
    display: none;
}

.hide-show-toggle.active .show{
    display: none;
}

.hide-show-toggle.active .hide{
    display: block;
}

.text-size{
    width: 100%;
}

.text-size td{
    text-align: center;
}

.text-size span.circle-bg{
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    padding: 1em;
    background-color: white;
    border-radius: 100px;
    display: block;
}

.text-size span.circle-bg a{
    position: absolute;
    left: 0px;
    top: 25px;
    font-weight: bold;
    width: 100%;
    height: 100%;
}

.text-size span + a{
    margin-top: 10px;
    display: block;
}

.text-size td.active span.circle-bg{
    background-color: #640260;
}

.text-size td.active span a{
    color: white;
}

.text-size td.active span + a{
    font-weight: bold;
}

.text-size tr:first-child td{
    padding: 1em 0;
}

span .small-text{
    font-size: 16px;
    height: 20px;
    width: 20px;
}

span .standard-text{
    font-size: 20px;
    height: 20px;
    width: 20px;
}

span .large-text{
    font-size: 28px;
    height: 20px;
    width: 20px;
}

.text-size td{
    padding: 0 0.5em;
    vertical-align: bottom;
    line-height: 10px;
}

.show-more{
    display: block;
    margin: -2em auto 4em auto;
    width: 100%;
    border: 1px solid #eee;
}

.show-more:hover{
    background-color: #D5D5D5;
}

/* ==========================================================================
   BOOKS LANDING STYLES
   ========================================================================== */
.detail-list{
    padding: 0;
    margin-top: 0.5em;
    margin-bottom: 1.8em;
}

.landing-details .detail-list li{
    list-style: none;
    display: inline-block;
    margin-top: 0;
    position: relative;
}

.landing-details .detail-list li.subject, .top-details p.subject {
    margin-top: 10px;
}

.top-details p.subject, .top-details p.subject em { font-style: normal; font-size: 1.1em; } 

.detail-list li em{
    font-weight: bold;
    font-style: normal;
}

.detail-list li a{
    word-break: break-word;
}

.detail-list .divider{
    padding: 0 0.5em;
}

.doi a, .detail-list a, .video-content a, .videoInfo a {
    color: #0645ad;
}

.doi a:hover, .detail-list a:hover, .video-content a:hover, .videoInfo a:hover {
    text-decoration: underline;
}
.read-more.hide-on-mobile,
.read-more.hide-on-desktop,
.read-more.abstract-text,
.mobile-abstract,
div.results div.result div.copy .pubInfo + p,
.end-of-video .icon-box span {
    max-height: 6em;
}
/*.read-more .clearboth{
    display: inline;
}*/
a[data-readmore-toggle] { display: block; }

body.fixedNav .fixed-nav-inner .read-more,
body.fixedNav .fixed-nav-inner .abstract-text,
body.fixedNav .fixed-nav-inner .detail-list{
    display: none;
}

a.truncate_more_link{
    color: #00B5E2;
    position: relative;
    padding-left: 1.2em;
    display: inline-block;
    font-weight: bold;
    font-size: 0.9em;
}

a.truncate_more_link:after{
    content: "";
    border-width: 5px 5px 0 5px;
    border-color: #00B5E2 transparent transparent transparent;
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-style: solid;
}

a.truncate_more_link.active:after{
    border-width:0 5px 5px  5px;
    border-color: transparent transparent #00B5E2 transparent;
}

.landing-details h3{
    margin-bottom: 0em;
}

.landing-details p,
.landing-details li{
    margin-top: 0.5em;
}

.landing-details .buy{
    margin-left: 0.8em;
}

#overview div.fixedNav .landing-image img{
    display: inline-block;
    float: left;
    /*border: 1px solid #f6f6f6;*/
    max-width: 90%;
}

body.fixedNav #overview div.fixedNav .landing-image img{
    max-height: 90px;
    width: auto !important;
    margin-bottom: 10px;
}

body.landing hr.start-fixed-header{
    visibility: hidden;
}

.tabs-container.blue ul.tabs li.selected{
    background-color: #00B5E2;
    border-color: #00B5E2;
}

.tabs-container.blue ul.tabs{
    border-bottom: 2px solid #00B5E2;
}

.chapter-list{
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #393939;
}

.chapters .chapter-list:last-child{
    border-bottom: 0;
}

.chapter-list li{
    list-style: none;
    border-bottom: 1px solid #979797;
}

.chapter-list li.l2 {
    padding-left: 30px;
}

.chapter-list li.l3 {
    padding-left: 60px;
}

.chapter-list li:last-child{
    border-bottom: 0;
}

.chapter-list a{
    padding: 1.1em; 
    display: block;
}

.chapter-list em{
    font-weight: bold;
    font-style: normal;
}

.chapters .chapter-list:last-child{
    border-bottom: 0;
}

.landing .accordion-content{
    padding-top: 0.5em;
    padding-bottom: 1em;
}

.landing .accordion-handle.active + .accordion-content{
    border-bottom: 2px solid #333;
}

.landing .accordion-content h3,
.landing .accordion-content p{
    margin: 0;
    padding: 0.5em 0;
}

.landing .accordion-content h3{
    padding: 1em 0 0.8em 1em;
}

.landing .tab-content h3{
    font-size: 1.3em;
}

.landing .accordion-content ul{
    list-style: none;
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 2.2em;
}

.sidebar ul.list-bulleted { padding: 0 20px; margin: 20px; }
.sidebar ul.list-bulleted li { list-style: disc; border: none; }

.landing .accordion-content ul.list-bulleted, .sidebar ul.list-bulleted { list-style: disc;font-size: 1em; }
.landing .accordion-content ul.list-ordered, .sidebar ul.list-ordered { font-size: 1em; }

.landing .accordion-content li{
    padding: 1.2em 0;
}

.landing .list-of-illustrations li{
    padding: 0.4em 0;
}

.landing .accordion-content em{
    font-style: normal;
    font-weight: bold;
}

.landing .accordion-handle{
    position: relative;
    cursor: pointer;
}

.landing .accordion-handle h2{
    margin-top: 0;
    margin-bottom: 0em;
    padding-top: 0.8em;
    padding-left: 2em;
}

.landing .accordion-handle.active h2{
    border-bottom: 2px solid white;
}

.landing .front-matter,
.landing .back-matter{
    border-top: 2px solid #393939;
    margin-top: 2em;
}

.landing .accordion-handle .minus{
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 15px;
    background-image: url(/img/typical/@2x/collapse@2x.png);
    background-repeat: no-repeat;
    background-size: 70%;
    height: 20px;
    width: 20px;
}

.landing .accordion-handle .plus{
    display: block;
    left: 15px;
    background-image: url(/img/typical/@2x/expand@2x.png);
    background-repeat: no-repeat;
    background-size: 70%;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.landing .accordion-handle.active .minus{
    display: block;
} 

.landing .accordion-handle.active .plus{
    display: none;
}

.accordion-content h4{
    margin: 0;
}

a.library-link{
    color: #0645ad;
    font-weight: bold;
    font-size: 1em;
}

a.library-link:hover{
    background-color: white;
    text-decoration: underline;
}

.form-fields .content-search-wrapper{
    padding: 0 0 1px 0;
}
 
.form-fields{
    padding: 1.5em 0;
    border-bottom: 2px solid #979797;
    margin-bottom: 2em;
}

.back-matter .form-fields{
    border: 0;
    margin-bottom: 0;
    padding: 0 0 0 1.4em;
}

.page-nav{
    margin-top: 5em;
}

.pager{
    margin: 0;
    display: inline-block;
    float: left;
}

.pager ul{
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.pager li{
    display: inline-block;
    float: left;
    border: 1px solid #b5b5b5;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 3px;
    line-height: 30px;
}

.pager li a{
    display: block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #555;
    position: relative;
    background-color: white;
}

.pager li.active{
    border: 1px solid #333;
}

.pager li.active a{
    background-color: #333;
    color: white;
}

.pager li.prev-page,
.pager li.next-page{
    text-indent: -9999px;
    position: relative;
}

.pager li.back,
.pager li.forward{
    border: 1px solid #333;
    text-indent: -9999px;
}

.pager li.back a:after,
.pager li.prev-page a:after,
.byPageNumber .previous:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 6px 5px 0;
    border-color: transparent #000655 transparent transparent;
    line-height: 0px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -3px;
}

.pager li.forward a:after,
.pager li.next-page a:after,
.byPageNumber .next:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #333;
    line-height: 0px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -3px;
}

.pager li.prev-page a:after{
    left: 45%;
}

.pager li.next-page a:after{
    left: 55%;
}

.pager li.prev-page a:before,
.pager li.next-page a:before{
    content: "";
    height: 10px;
    border-left: 1px solid #333;
    width: 1px;
    position: absolute;
    right: 8px;
    top: 10px;
    display: block;
}

.pager li.next-page a:before{
    right: auto;
    left: 10px;
}

.entries-per-page-wrapper {
    float: left;
    padding-left: 0;
    padding-top: 10px;
    width: 200px;
}

.find-in-entries-wrapper .section {
    padding-left:25px; 
    padding-top:20px; 
    padding-bottom:18px;
}

.jump-to-page{
    float: right;
    display: inline-block;
}

.jump-to-page .page-number{
    display: inline-block;
    width: 50px;
}

button.dark-gray,
.button.dark-gray,
input.dark-gray{
    background-color: #333;
}

.jump-to-page input.dark-gray{
    padding: 11px;
}

.jump-to-page ::-webkit-input-placeholder {
    color: #333;
    font-style: normal;
    font-weight: 300;
}

.jump-to-page .pager{
    float: left;
    margin-left: 30px;
    position: relative;
}

.jump-to-page .pager:after{
    content: "";
    height: 40px;
    border-left: 1px solid #b5b5b5;
    position: absolute;
    top: 12px;
    left: -15px;
}

.jump-to-page .jump{
    float: left;
}

.jump-to-page :-moz-placeholder { /* Firefox 18- */
    color: #333;
    font-style: normal;
    font-weight: 300;
}

.jump-to-page ::-moz-placeholder { /* Firefox 19+ */
    color: #333;
    font-style: normal;
    font-weight: 300;
}

.jump-to-page :-ms-input-placeholder {
    color: #333;
    font-style: normal;
    font-weight: 300;
}

.page-nav{
        margin-top: 0;
        background: #f6f6f6;
    }

.pager,
.jump-to-page{
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #979797;
    padding: 0 1em;
    box-sizing: border-box;
}

.jump-to-page .pager{
    display: inline-block; 
    float: left;
    width: auto;
    border-bottom: 0;
    padding-left: 0;
}

.pager > ul{
    display: inline-block;
    margin-top: 1.5em;
}

.jump-to-page .pager > ul{
    margin-top: 1em;
}

.jump-to-page{
    overflow: hidden;
}

.jump-to-page > div{
    margin: 15px auto 0 auto;
    display: inline-block;
}

.landing-details button.gray:hover{
    border: 0;
}

body.fixedNav .fixed-nav-inner button.gray{
    -webkit-transition: all 0ms ease-in-out;
    -moz-transition: all 0ms ease-in-out;
    -ms-transition: all 0ms ease-in-out;
    -o-transition: all 0ms ease-in-out;
    transition: all 0ms ease-in-out;
    border: 1px solid #555;
    margin-bottom: 0;
}

body.fixedNav.landing .landing-image{
   /* max-width: 80px;*/
    margin-bottom: 0;
    width: auto;
    display: inline-block;
}

body.fixedNav.landing .landing-details{
    margin-bottom: 0;
    margin-left: 0;
}

body.fixedNav.books.landing #overview .titleWrapper h1,
body.fixedNav.major-works.landing #overview .titleWrapper h1{
    display: block;
    color: #555;
    padding-top: 0;
    font-size: 1.3em;
    margin-bottom: 10px;
}

body.fixedNav.books.landing .titleWrapper .landing-details p,
body.fixedNav.books.landing .titleWrapper .landing-details h3,
body.fixedNav.books.landing .titleWrapper .landing-details .SupplementalWrapper,
body.fixedNav.major-works.landing .titleWrapper .landing-details p,
body.fixedNav.major-works.landing .titleWrapper .landing-details h3 {
    display: none;
}

body.books.landing .titleWrapper .content-search{
    display: none;
}

body.fixedNav.books.landing .fixed-nav-inner .content-search,
body.fixedNav.major-works.landing .fixed-nav-inner .content-search{
    margin: 11px 15px 0px 0;
    display: block;
}

.landing-details .category{
    margin: 2.3em 0;
    font-weight: bold;
    padding-left: 4em;
    color: #00B5E2;
    text-transform: uppercase;
    font-size: 1em;
}

.landing-details .category .icon{
    position: absolute;
    left: 0;
}

.landing-image .category .icon{
    display: none;
}

.landing .form-fields > div{
    display: inline-block;
    float: left;
    position: relative;
}

.landing .form-fields > div:first-child{
    padding-right: 1em;
}

.landing.books .form-fields > div:last-child{
    padding-left: 1em;
    margin-left: 0;
}

.landing.books .form-fields > div:last-child:after{
    content: "";
    display: block;
    position: absolute;
    height: 38px;
    /*border-left: 1px solid #979797;*/
    width: 1px;
    top: 0;
    left: 0px;
}

.landing .form-fields > div button{
    margin: 0 15px 15px 0;
}

.landing .form-fields{
    overflow: hidden;
}

.landing .form-fields select{
    min-width: 80px;
}

.landing .tab-content .content-search-wrapper{
    overflow: visible;
}

/* ==========================================================================
   MAJOR WORKS LANDING STYLES
   ========================================================================== */
.major-works ul.action-buttons span.citations{
    background-image: url(/img/sage-sk-assets/tools/tools_cite@2x.png);
    background-size: 100%;
    background-position: 0 -240px;
}

.major-works ul.action-buttons span.favorite{
    background-image: url(/img/sage-sk-assets/tools/tools-favorite-heart@2x.png);
    background-size: 100%;
    background-position: 0 -240px;
}

.major-works ul.action-buttons span.share{
    background-image: url(/img/sage-sk-assets/tools/tools-share@2x.png);
    background-size: 100%;
    background-position: 0 -240px;
}

.major-works ul.action-buttons span.text-size{
    background-image: url(/img/sage-sk-assets/tools/tools-fontsize@2x.png);
    background-size: 100%;
    background-position: 0 -240px;
}

.major-works ul.action-buttons span.expanded.citations,
.major-works ul.action-buttons span.expanded.favorite,
.major-works ul.action-buttons span.expanded.share,
.major-works ul.action-buttons span.expanded.text-size{
    background-position: 0 0;
}

.major-works #overview span.section-label{
    background-color: #E60066;
}

.major-works #overview {
    border-top: solid 4px #E60066;
}

.major-works a.truncate_more_link {
    color: #E60066;
}

.major-works a.truncate_more_link:after {
    border-color: #E60066 transparent transparent transparent;
}

.major-works a.truncate_more_link.active:after{
    border-width:0 5px 5px  5px;
    border-color: transparent transparent #E60066 transparent;
}

.major-works .landing-details .category{
    color: #E60066;
}

body.major-works.landing .titleWrapper .content-search{
    display: none;
}

.tabs-container.pink ul.tabs li.selected{
    background-color: #E60066;
    border-color: #E60066;
}

.tabs-container.pink ul.tabs{
    border-bottom: 2px solid #E60066;
}

.tabs-container.salmon ul.tabs li.selected{
    background-color: #ee556d;
    border-color: #ee556d;
}

.tabs-container.salmon ul.tabs{
    border-bottom: 2px solid #ee556d;
}

.overview-tab{
    padding: 0;
    margin: 0;
}

.overview-tab li{
    padding: 2.5em 0;
    list-style: none;
    border-bottom: 2px solid #333;
}

.landing .tab-content .overview-tab h3{
    margin-top: 0;
    margin-bottom: 0.2em;
    font-size: 1.5em;
}

.landing .tab-content .overview-tab p{
    line-height: 2em;
}

.landing .tab-content .overview-tab li p:last-child{
    margin-bottom: 0;
}

.landing .tab-content .overview-tab li:last-child{
    border-bottom: 0;
}

p.doi{
    margin-top: 0;
    font-size: 1.1em;
}

.doi em{
    font-style: normal;
    font-weight: bold;
}

.landing.major-works .form-fields{
    margin-bottom: 0;
    padding: 2em 1.5em;
}

.landing .accordion-content .accordion-handle h2,
.landing .accordion-content .no-accordion > h2{
    font-size: 1.25em;
    border-bottom: 1px solid #979797;
    padding-left: 2.2em;
    padding: 1em 0 1em 2.2em;
    margin: 0;
}

.landing .accordion-content .no-accordion > h2{
    border-bottom: 0;
    padding-top: 0;
}

.landing .accordion-content .accordion-handle.active h2{
    border-bottom: 0;
}

.landing .accordion-content .accordion-content ol,
.landing .accordion-content .no-accordion > ol{
    padding: 0 0 0 30px;
    margin: 0;
    font-weight: bold;
}

.landing .accordion-content .accordion-content{
    padding-top: 0;

}

.landing .accordion-content .accordion-content .bullet {
    padding-left: 60px;
}


.landing .accordion-content .accordion-content ol li,
.landing .accordion-content .no-accordion > ol li{
    padding-top: 0;
    list-style: none;
    padding-left: 30px;
}

.landing .accordion-content .no-accordion > ol li{
    padding-left: 45px;
}

.landing .accordion-content .accordion-content ol li:last-child{
    padding-bottom: 0;
}

.landing .accordion-content > div:last-child .accordion-handle h2,
.landing .accordion-content > div:last-child .accordion-handle.active + .accordion-content{
    border-bottom: 0;
}

.accordion-content p.section-title{
    font-weight: bold;
    padding-bottom: 0;
    font-size: 1.2em;
    padding-top: 0;
    position: relative;
}

.accordion-content p.section-title > span{
    position: absolute;
    left: -30px;
}

.accordion-content p{
    font-weight: normal;
    line-height: 1.8em;
}

.landing .accordion-content .accordion-handle.active + .accordion-content{
    border-bottom: 1px solid #979797;
}

.tool-tip{
    display: inline-block;
    position: relative; 
}

.tool-tip > span{
    color: #f18144;
    display: inline-block;
    border: 1px solid #f18144;
    border-radius: 100px;
    padding: 0px 6px;
    background-color: #fff9f6;
    cursor: pointer;
    font-size: 0.9em;
    margin-right: 2px;
}

.tool-tip > div{
    display: none;
}

.tool-tip:hover > div{
    display: block;
    position: absolute;
    margin-top: 10px;
    background-color: white;
    border: 2px solid #f18144;
    display: inline-block;
    width: 200px;
    text-align: center;
    z-index: 10;
    border-radius: 5px;
    font-weight: bold;
    padding: 8px 5px;
}

.tool-tip > div {
    position: relative;
    background: #ffffff;
    border: 2px solid #f18144;
    left: 0;
    top: 22px;
}
.tool-tip > div:after, .tool-tip > div:before {
    bottom: 100%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tool-tip > div:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 6px;
    margin-left: -6px;
}
.tool-tip > div:before {
    border-color: rgba(241, 129, 68, 0);
    border-bottom-color: #f18144;
    border-width: 9px;
    margin-left: -9px;
}

.landing .form-fields.sort-by > div{
    display: inherit;
    float: none;
}

.landing .form-fields.sort-by{
    padding-top: 0;
}

.section.form-fields.sort-by .content-search-wrapper {
    padding-top: 25px;
}

.section.form-fields.sort-by {
    margin-bottom: 0;
}

/* ==========================================================================
   VIDEO PRODUCT STYLES
   ========================================================================== */
.marketing-text{
    font-size: 20px;
    margin-top: 0;
}
    .marketing-text a { color: #0645ad; }

.bx-wrapper{
    background: #f7f7f7;
    margin-bottom: 40px;
}

.bxslider{
    margin: 0;
    padding: 0;
}

.bxslider .col{
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.bxslider .col img{
    border: 2px solid #888;
}

.bxslider .col.span_2_of_3{
    padding-left: 2em;
}

.bxslider li{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 2.2em;
}

.bxslider h2{
    font-size: 1.8em;
    border-bottom: 0;
    padding-bottom: 0;
    line-height: 30px;
}

.bxslider h3{
    font-size: 1.1em;
    margin-bottom: 0;
}

.bxslider p{
    margin-top: 0;
    font-size: 1em;
}

.video-product section h2{
    font-size: 22px;
    margin-top: 0;
}

.video-product .image-grid{
    padding-top: 0;
    padding-bottom: 0;
}

.video-product .image-grid ul{
    margin-top: 0;
}

.video-product #overview .inner{
    padding-bottom: 0;
}

.video-product .image-grid li{
    width: 30.6%;
    margin-right: 4%;
}

.video-product .image-grid li:nth-child(4),
.video-product .image-grid li:nth-child(8),
.video-product .image-grid li:nth-child(12),
.video-product .image-grid li:nth-child(16),
.video-product .image-grid li:nth-child(20),
.video-product .image-grid li:nth-child(24),
.video-product .image-grid li:nth-child(28),
.video-product .image-grid li:nth-child(32),
.video-product .image-grid li:nth-child(36){
    margin-right: inherit;
}

.video-product .image-grid li:nth-child(3),
.video-product .image-grid li:nth-child(6),
.video-product .image-grid li:nth-child(9),
.video-product .image-grid li:nth-child(12),
.video-product .image-grid li:nth-child(15),
.video-product .image-grid li:nth-child(18),
.video-product .image-grid li:nth-child(21),
.video-product .image-grid li:nth-child(24),
.video-product .image-grid li:nth-child(27){
    margin-right: 0;
}

.marketing-spot{
    padding-left: 2em;
    display: block;
    margin-bottom: 2.5em;
}

.content-partners p,
.content-partners a{
    font-size: 1.1em;
}

.content-partners a{
    color: #0645ad;
}

.content-partners a:hover{
    text-decoration: underline;
}

.fixed-header header{
    position: fixed;
    background-color: white;
    z-index: 100;
    width: 100%;
}

/* ==========================================================================
   SLIDER STYLES
   ========================================================================== */
/* HORIZONTAL */

/* increase bottom margin to fit the pips */
.ui-slider-horizontal.ui-slider-pips { 
    margin-bottom: 1.4em; 
}

/* default hide the labels and pips that arnt visible */
/* we just use css to hide incase we want to show certain */
/* labels/pips individually later */
.ui-slider-pips .ui-slider-label,
.ui-slider-pips .ui-slider-pip-hide { 
    display: none; 
}

/* now we show any labels that we've set to show in the options */
.ui-slider-pips .ui-slider-pip-label .ui-slider-label { 
    display: none; 
}

/* PIP/LABEL WRAPPER */
/* position each pip absolutely just below the default slider */
/* and also prevent accidental selection */
.ui-slider-pips .ui-slider-pip { 
    width: 2em;
    height: 1em;
    line-height: 1em;
    position: absolute;
    font-size: 0.8em;
    color: #999;
    overflow: visible;
    text-align: center;
    top: 20px;
    left: 20px;
    margin-left: -1em;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* little pip/line position & size */
.ui-slider-pips .ui-slider-line {
    background: #999;
    width: 1px;
    height: 3px;
    position: absolute;
    left: 50%;
}

/* the text label postion & size */
/* it overflows so no need for width to be accurate */
.ui-slider-pips .ui-slider-label {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
}

/* make it easy to see when we hover a label */
.ui-slider-pip:hover .ui-slider-label {
    color: black;
    font-weight: bold;
}

/* VERTICAL */

/* vertical slider needs right-margin, not bottom */
.ui-slider-vertical.ui-slider-pips {
    margin-bottom: 1em;
    margin-right: 2em;
}

/* align vertical pips left and to right of the slider */
.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
    text-align: left;
    top: auto;
    left: 20px;
    margin-left: 0;
    margin-bottom: -0.5em;
}

/* vertical line/pip should be horizontal instead */
.ui-slider-vertical.ui-slider-pips .ui-slider-line {
    width: 3px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
}

.ui-slider-vertical.ui-slider-pips .ui-slider-label {
    top: 50%;
    left: 0.5em;
    margin-left: 0;
    margin-top: -0.5em;
    width: 2em;
}

/* FLOATING HORIZTONAL TOOLTIPS */

/* remove the godawful looking focus outline on handle and float */
.ui-slider-float .ui-slider-handle:focus,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label {
    outline: none;
}

/* style tooltips on handles and on labels */
/* also has a nice transition */
.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {

    position: absolute;
    visibility: visible;
    top: -30px;
    display: block;
    width: 34px;
    margin-left: -18px;
    left: 50%;
    height: 20px;
    line-height: 20px;
    background: white;
    border-radius: 3px;
    border: 1px solid #888;
    text-align: center;
    font-size: 12px;
    opacity: 1;
    color: #333;
    
    -webkit-transition-duration: 200ms, 200ms, 0;
    -moz-transition-duration: 200ms, 200ms, 0;
    -ms-transition-duration: 200ms, 200ms, 0;
    transition-duration: 200ms, 200ms, 0;

    -webkit-transition-property: opacity, top, visibility;
    -moz-transition-property: opacity, top, visibility;
    -ms-transition-property: opacity, top, visibility;
    transition-property: opacity, top, visibility;
    
    -webkit-transition-delay: 0, 0, 200ms;
    -moz-transition-delay: 0, 0, 200ms;
    -ms-transition-delay: 0, 0, 200ms;
    transition-delay: 0, 0, 200ms;
}

/* show the tooltip on hover or focus */
/* also switch transition delay around */    
/*.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {

    opacity: 1;
    top: -30px;
    visibility: visible;

    -webkit-transition-delay:200ms, 200ms, 0;
    -moz-transition-delay:200ms, 200ms, 0;
    -ms-transition-delay:200ms, 200ms, 0;
    transition-delay:200ms, 200ms, 0;
    
}*/

/* put label tooltips below slider */
.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    top: 42px;
}

.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    top: 32px;
    font-weight: normal;
}

/* give the tooltip a css triangle arrow */
.ui-slider-float .ui-slider-tip:after,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255,255,255,0);
    border-top-color: rgba(255,255,255,1);
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}

/* put a 1px border on the tooltip arrow to match tooltip border */
.ui-slider-float .ui-slider-tip:before,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255,255,255,0);
    border-top-color: #888;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -5px;
}

/* switch the arrow to top on labels */
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255,255,255,0);
    border-bottom-color: rgba(255,255,255,1);
    top: -10px;
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255,255,255,0);
    border-bottom-color: #888;
    top: -11px;
}

/* FLOATING VERTICAL TOOLTIPS */

/* tooltip floats to left of handle */
.ui-slider-vertical.ui-slider-float .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {

    top: 50%;
    margin-top: -11px;
    width: 34px;
    margin-left: 0px;
    left: -60px;
    color: #333;
    
    -webkit-transition-duration: 200ms, 200ms, 0;
    -moz-transition-duration: 200ms, 200ms, 0;
    -ms-transition-duration: 200ms, 200ms, 0;
    transition-duration: 200ms, 200ms, 0;

    -webkit-transition-property: opacity, left, visibility;
    -moz-transition-property: opacity, left, visibility;
    -ms-transition-property: opacity, left, visibility;
    transition-property: opacity, left, visibility;
    
    -webkit-transition-delay: 0, 0, 200ms;
    -moz-transition-delay: 0, 0, 200ms;
    -ms-transition-delay: 0, 0, 200ms;
    transition-delay: 0, 0, 200ms;

}

.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    top: 50%;
    margin-top: -11px;
    left: -50px;
}

/* put label tooltips to right of slider */
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    left: 47px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    left: 37px;
}

/* give the tooltip a css triangle arrow */
.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255,255,255,0);
    border-left-color: rgba(255,255,255,1);
    border-top-color: transparent;
    position: absolute;
    bottom: 50%;
    margin-bottom: -5px;
    right: -10px;
    margin-left: 0;
    top: auto;
    left: auto;
}

.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255,255,255,0);
    border-left-color: #888;
    border-top-color: transparent;
    position: absolute;
    bottom: 50%;
    margin-bottom: -5px;
    right: -11px;
    margin-left: 0; 
    top: auto;
    left: auto;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255,255,255,0);
    border-right-color: rgba(255,255,255,1);
    right: auto;
    left: -10px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255,255,255,0);
    border-right-color: #888;
    right: auto;
    left: -11px;
}

/* SELECTED STATES */
/* Comment out this chuck of code if you don't want to have
    the new label colours shown */

.ui-slider-pips .ui-slider-pip-selected-initial,
.ui-slider-pips .ui-slider-pip-selected-initial-first,
.ui-slider-pips .ui-slider-pip-selected-initial-second {
    font-weight: bold;        
    color: #999;
}

.ui-slider-pips .ui-slider-pip-selected-initial {

}

.ui-slider-pips .ui-slider-pip-selected-initial-first {

}

.ui-slider-pips .ui-slider-pip-selected-initial-second {
    color: #1897C9;
}

.ui-slider-pips .ui-slider-pip-selected,
.ui-slider-pips .ui-slider-pip-selected-first,
.ui-slider-pips .ui-slider-pip-selected-second {
    font-weight: bold;
    color: #FF7A00;
}

.ui-slider-pips .ui-slider-pip-selected {

}

.ui-slider-pips .ui-slider-pip-label.ui-slider-pip-first,
.ui-slider-pips .ui-slider-pip-label.ui-slider-pip-first .ui-slider-label {
    display: block !important;
    color: #999
}

.ui-slider-pips .ui-slider-pip-label.ui-slider-pip-last, 
.ui-slider-pips .ui-slider-pip-label.ui-slider-pip-last .ui-slider-label{
    color: #999;
    display: block !important;
}

.slideWrapper .ui-widget-header{
    background-color: #ccc;
}

.slideWrapper .ui-state-default, 
.slideWrapper .ui-widget-content .ui-state-default{
    background-color: #4d1b7a;
    border-color: #4d1b7a;
}

.slideWrapper .ui-slider-horizontal .ui-slider-handle {
    top: -.7em;
    margin-left: -.3em;
}

.slideWrapper .ui-slider .ui-slider-handle {
    width: 0.55em;
    height: 1.5em;
}

/* ==========================================================================
   ADVANCED SEARCH STYLES
   ========================================================================== */
.search-fixed{
    bottom: 5%;
    right: 20px;
    background: url(/img/sage-sk-assets/search-float@2x.png);
    background-size: 100%;
    display: block;
}

.search-for + .search-for,
.submit-options{
    border-top: 1px solid #bbb;
    padding-top: 30px;
    margin-top: 25px;
}

.search-for input[type="text"],
.search-for select{
    width: 100%;
    margin-bottom: 0px;
}

.search-for p.warning-text:first-child{
    position: static;
    text-align: right;
    margin-top: 10px;
}

.search-for button,
.search-for button:hover{
    border: 0px;
}

.search-for button.add-search:hover{
    background-color: #D5D5D5;
}

body.search-advanced #overview .inner{
    padding-bottom: 0;
}

body.search-advanced .inner h1,
body.search-advanced .inner h1 + p{
    float: left;
    display: inline-block;
    padding-right: 2em;
}

body.search-advanced .inner h1 + p{
    font-size: 1.1em;
    margin: 2px 0 0 0;
}

body.search-advanced .inner h1 + p a{
    color: #0645ad;
}

body.search-advanced .inner h1 + p a{
    color: #0645ad;
}

body.search-advanced .inner h1 + p a:hover{
    text-decoration: underline;
}

#overview div.resultsHeader{
    border-top: 0;
}

.search-for label{
    display: block;
    margin-bottom: 0px;
}

.search-for .checkBox{
    margin-bottom: 15px;
    position: relative;
    padding-left: 1.8em;
    line-height: 26px;
}

.search-for .filter{
    position: absolute;
    left: 0;
    top: 0;
}

.search-for p:first-child{
    margin-top: 0;
}

.search-for .custom-label{
    text-align: right;
    font-size: 1em;
    line-height: 1.3em;
}

.search-for .custom-label + p{
    text-align: right;
}

.section-title{
    font-size: 1.5em;
    font-weight: bold;
} 

p.section-desc em{
    font-weight: bold;
    font-style: normal;
}

.section-desc a{
    color: #0645ad;
    font-weight: bold;
    margin-top: 10px;
    display: block;
}

.section-desc a:hover{
    text-decoration: underline;
}

.border-right{
    border-right: 2px solid #e4e4e4;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-right: 20px;
}

.search-for ::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 300;
    color: #888;
}

.search-for :-moz-placeholder { /* Firefox 18- */
    font-style: normal;
    font-weight: 300;
    color: #888;
}

.search-for ::-moz-placeholder { /* Firefox 19+ */
    font-style: normal;
    font-weight: 300;
    color: #888;
}

.search-for :-ms-input-placeholder {
    font-style: normal;
    font-weight: 300;
    color: #888;
}

.search-for .text-style{
    text-align: center;
    display: block;
}

.search-for .no-margin-top{
    margin-top: 0;
}

.search-for .text-style{
    padding-top: 10px;
}

.submit-options button.purple{
    background-color: #640260;
    color: white;
}

.submit-options button.purple:hover{
    background-color: #30114E;
}

.submit-options button{
    font-size: 1.2em;
    padding: 0.8em 1em;
    min-width: 200px;
    border: 0;
    margin: 0 5px;
    border-radius: 10px;
}

.submit-options button:hover{
    border: 0;
}

.submit-options .button-wrapper{
    padding-bottom: 1px;
}

.submit-options{
    padding: 20px
}

.search-for button.add-search{
    position: relative;
    padding-left: 2.5em;
    background-color: #ccc;
}

.search-for button.add-search .plus{
    margin-top: -7px;
}

.search-for .all{
    color: #640260;
}

body.search.search-advanced .searchHeader{
    border-bottom: 2px solid #bbbbbb;
}

.searchHeader .col{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*body.search-advanced div.searchHeader div.action-buttons{
    display: block;
}
*/
.no-margin-bottom .checkBox{
    margin-bottom: 0;
}

.contributor{
    margin-top: 30px;
}

body.search-advanced .main-col{
    padding-right: 0;
}

label.hide-on-desktop,
p.hide-on-desktop{
    display: none;
}

.checkBox{
    padding-right: 20px;
}

.tabs-container.tablet-only,
.tabs-container.mobile-only{
    overflow: hidden;
}

.form-warning{
    display: inline-block;
    margin: 3em 0 1em 0;
}

.success-wrapper {
    margin: 3em 0 1em 0;
}

.success-wrapper > div {
    display: inline-block;
    border: 2px solid green;
    padding: 1em;
    color: green;
    font-weight: bold;
}

.required-fields{
    color: #e13345;
    font-size: 18px;
    font-weight: bold;
}

.field-validation-error{
    color: #e13345;
    font-weight: bold;
    display: block;
    padding-top: 5px;
    font-weight: normal;
    font-size: 14px;
}

.input-validation-error{
    position: relative;
    border-color: #e13345 !important;
    background-image: url(/img/red-asterisk@2x.png);
    background-size: 15px;
    background-position: right center;
    background-repeat: no-repeat;
}

@media only screen and (max-width : 720px) {
     .content-search-wrapper .span_1_of_2{
        width: 100%;
        margin: 0 0 1em 0;
    }

    .content-search-wrapper .col{
        width: 100%;
        margin-left: 0;
    }

}


.content-search-wrapper textarea:focus, 
.content-search-wrapper input[type="text"]:focus, 
.content-search-wrapper input[type="password"]:focus, 
.content-search-wrapper select:focus{
    border-color: #640260;
} 

.content-search-wrapper{
    padding-right: 25px !important;
}

.content-search-wrapper .section{
    margin-bottom: 10px;
}

.content-search-wrapper input{
    display: block;
}

/* ==========================================================================
   PROFILE STYLES
   ========================================================================== */
.profile .profile-list {
}
.profile h2 {
    margin-bottom: 10px;
}
.profile .copy p {
    margin: auto;
}
.profile .no-border { border: none !important; }
.profile .profile-create {
    display: inline-block;
    line-height: 40px;
    padding-right: 30px;
    margin-right: 25px;
    width: 115px;
}
.profile .delete-all {
    float: right;
    display: inline-block;
    line-height: 40px;
}
    .profile .profile-create button,
    .profile .delete-all button {
        margin: auto;
    }
.profile ul.action-buttons {
    background-color: #DEDEDE;
    padding: 5px;
}
    .profile ul.action-buttons li {
        padding-right: 15px;
        margin-right: 10px;
        border-right: 1px solid #999999;
    }
    .profile ul.action-buttons li:last-child {
        border-right: none;
    }
.profile .profile-list .list-items {
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid #999 !important;
    padding: 10px 20px;
}
.profile .profile-search-item.first {
    border-top: 1px dotted #999;
}
.profile .profile-search-item {
    border-bottom: 1px dotted #999;
}




/* ==========================================================================
   CHRONOLOGY CAROUSEL STYLES
   ========================================================================== */
#chronology {
  background: url("/img/chron-slider/chron-background.png") no-repeat scroll left bottom transparent;
  margin: 10px 12px 10px 0px;
  padding: 10px 14px;
  width: 701px;
  position: relative;
}

#chronology hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0.5em 0;
    padding: 0;
    clear: both;
}

.carousel {
  /*overflow: hidden;*/
  border: 1px solid #caccd0;
}

.touch .carousel{
    display: none;
}

#chronology .chronologyTitle {
  text-align: right;
}

.carousel .carouselFrame {
  background-color: transparent;
  overflow: hidden;
  padding-top: 100px;
  margin-top: 20px;
}

.carousel .middle {
  min-height: 161px;
  position: relative;
  width: 3000px;
  padding-left: 3px;
  padding-right: 180px;
}

.carousel .inner {
  position: relative;
  width: 999em;
  margin: 0;
  max-width: none;
  padding: 0 !important;
}

.carousel .withYearDark {
  border-left: 1px solid #909090;
}

.carousel .slide {
  position: relative;
  float: left;
  padding: 0;
  width: 15px;
  min-height: 130px;
}

.carousel .slide .slide-content {
  bottom: 4px;
  left: -5px;
  position: absolute;
}

.carousel .year {
  bottom: -30px;
  float: left;
  font-weight: bold;
  left: -7px;
  padding-left: 2px;
  position: absolute;
  width: 74px;
}

.entryNav {
  float: left;
  margin: 10px 0;
  overflow: hidden;
  width: 100%;
}

    .entryNav li {
        float: left;
        display: inline-block;
    }
    .entryNav li + li{
        float: right;
    }

#chronologyLegendContainer {
  clear: both;
  overflow: hidden;
  padding-top: 4px;
}

.chronologyLegend.sec1 {
  background-position: 0 -183px;
}

.chronologyLegend.sec2 {
  background-position: 0 6px;
}

.chronologyLegend.sec3 {
  background-position: 0 -319px;
}

.chronologyLegend.sec4 {
  background-position: 0 -118px;
}

.chronologyLegend.sec5 {
  background-position: 0 -252px;
}

.chronologyLegend.sec6 {
  background-position: 0 -54px;
}

.chronologyLegend {
  background: url("/img/chron-slider/dots.png") no-repeat scroll left -186px transparent;
  color: #737373;
  font: 12px/16px arial;
  padding-left: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.chronologyLegend:hover {
    font-weight: bold !important;
}

.circle-wrapper {
  width: 10px;
  height: 10px;
  position: relative;
}

.circle-wrapper .text {
  background: white;
  margin-bottom: -25px;
  padding: 1px 15px;
  width: 167px;
  color: #12ac2b;
  font: 12px/18px arial;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 1px 1px #ccc;
  box-shadow: 1px 1px 1px 1px #ccc;
}

.circle-wrapper.sec1 .text {
  color: #3878db;
}

.circle-wrapper.sec3 .text {
  color: #dd4f05;
}

.circle-wrapper.sec4 .text {
  color: #e51577;
}

.circle-wrapper.sec5 .text {
  color: #A91BB0;
}

.circle-wrapper.sec6 .text {
  color: #DC241F;
}

.circle-wrapper .chPopUp {
/*  background: url("/assets/ctx/20150615/skins/sk/images/green-top.png") no-repeat scroll 6px top transparent;
*/  padding-top: 10px;
  z-index: 100;
  opacity: 0;
  position: absolute;
  bottom: 1px !important;
  left: 12px !important;
  top: auto !important;
}

.circle-wrapper .title {
  margin: 0 0 5px -8px;
  padding: 0 2px 8px 6px;
  width: 174px;
  color: #fff;
  font: bold 13px/15px arial;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.circle-wrapper .text a {
  font-weight: bold;
}

.circle-wrapper .title a {
  color: #fff;
}

.circle-wrapper .text .author {
  font-weight: bold;
}

.circle {
  width: 10px;
  height: 10px;
  background-color: red;
  opacity: 0.5;
  zoom: 1;
  filter: alpha(opacity = 50);
}

#chronology .chronologyTitle .title {
  font-weight: bold;
}

.entryNav .prev a, .entryNav .next a {
  display: block;
  width: 26px;
  height: 26px;
  background: url(/img/chron-slider/entry_nav_bg.png) no-repeat left bottom transparent;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}

.entryNav .next a{
    background-position: bottom right;
}

.entryNav .next a:hover{
    background-position: top right;
}

.entryNav .prev a:hover {
  background-position: left top;
}

.entryNav ul{
    padding-left: 0;
    margin: 0;
}

.entryNav .prev,
.entryNav .next{
    display: none;
}

.arrow-left-show .entryNav .prev{
    display: block;
}

.arrow-right-show .entryNav .next{
    display: block;
}

.sec1 .circle {
  background-color: #DD4F05;
  background: url(/img/chron-slider/dot_blue.png) transparent bottom left no-repeat;
}

.sec2 .circle {
  background-color: #12AD2B;
  background: url(/img/chron-slider/dot_green.png) transparent bottom left no-repeat;
}

.sec3 .circle {
  background-color: #DC241F;
  background: url(/img/chron-slider/dot_orange.png) transparent bottom left no-repeat;
}

.sec4 .circle {
  background-color: #FF1CAC;
  background: url(/img/chron-slider/dot_pink.png) transparent bottom left no-repeat;
}

.sec5 .circle {
  background-color: #A91BB0;
  background: url(/img/chron-slider/dot_purple.png) transparent bottom left no-repeat;
}

.sec6 .circle {
  background-color: #DC241F;
  background: url(/img/chron-slider/dot_red.png) transparent bottom left no-repeat;
}

.circle-wrapper.sec1 .title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#295ba6+0,3878db+100 */
    background: #295ba6; /* Old browsers */
    background: -moz-linear-gradient(top,  #295ba6 0%, #3878db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#295ba6), color-stop(100%,#3878db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #295ba6 0%,#3878db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #295ba6 0%,#3878db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #295ba6 0%,#3878db 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #295ba6 0%,#3878db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#295ba6', endColorstr='#3878db',GradientType=0 ); /* IE6-9 */
    padding-top: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: -15px;
    margin-left: -15px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.circle-wrapper.sec2 .title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d8020+0,12ac2b+100 */
    background: #0d8020; /* Old browsers */
    background: -moz-linear-gradient(top,  #0d8020 0%, #12ac2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d8020), color-stop(100%,#12ac2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0d8020 0%,#12ac2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0d8020 0%,#12ac2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0d8020 0%,#12ac2b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0d8020 0%,#12ac2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d8020', endColorstr='#12ac2b',GradientType=0 ); /* IE6-9 */
    padding-top: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: -15px;
    margin-left: -15px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.circle-wrapper.sec3 .title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ab3e06+0,dd4f05+100 */
    background: #ab3e06; /* Old browsers */
    background: -moz-linear-gradient(top,  #ab3e06 0%, #dd4f05 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ab3e06), color-stop(100%,#dd4f05)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ab3e06 0%,#dd4f05 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ab3e06 0%,#dd4f05 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ab3e06 0%,#dd4f05 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ab3e06 0%,#dd4f05 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab3e06', endColorstr='#dd4f05',GradientType=0 ); /* IE6-9 */
    padding-top: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: -15px;
    margin-left: -15px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.circle-wrapper.sec4 .title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a31859+0,e51577+100 */
    background: #a31859; /* Old browsers */
    background: -moz-linear-gradient(top,  #a31859 0%, #e51577 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a31859), color-stop(100%,#e51577)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a31859 0%,#e51577 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a31859 0%,#e51577 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a31859 0%,#e51577 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a31859 0%,#e51577 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a31859', endColorstr='#e51577',GradientType=0 ); /* IE6-9 */
    padding-top: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: -15px;
    margin-left: -15px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.circle-wrapper.sec5 .title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7F1584+0,A91BB0+100 */
    background: #7F1584; /* Old browsers */
    background: -moz-linear-gradient(top,  #7F1584 0%, #A91BB0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7F1584), color-stop(100%,#A91BB0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7F1584 0%,#A91BB0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7F1584 0%,#A91BB0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7F1584 0%,#A91BB0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7F1584 0%,#A91BB0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F1584', endColorstr='#A91BB0',GradientType=0 ); /* IE6-9 */
    padding-top: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: -15px;
    margin-left: -15px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.circle-wrapper.sec6 .title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#AE1E19+0,DC241F+100 */
    background: #AE1E19; /* Old browsers */
    background: -moz-linear-gradient(top,  #AE1E19 0%, #DC241F 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AE1E19), color-stop(100%,#DC241F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #AE1E19 0%,#DC241F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #AE1E19 0%,#DC241F 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #AE1E19 0%,#DC241F 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #AE1E19 0%,#DC241F 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AE1E19', endColorstr='#DC241F',GradientType=0 ); /* IE6-9 */
    padding-top: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: -15px;
    margin-left: -15px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.text {
    position: relative;
}
.text:after, .text:before {
    right: 100%;
    bottom: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.text:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 8px;
    margin-top: -7px;
}
.text:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 9px;
    margin-top: -8px;
}

.circle-wrapper:hover .circle{
    opacity: 1 !important;
}

.circle-wrapper .title:hover a{
    background-color: transparent;
    text-decoration: underline;
}



/*
################################################################################
JULY 2015 UPDATES
################################################################################
*/

.videoWrapper.purple .slideWrapper .ui-widget-header {
    background: #640260 50% 50%;
}

.videoWrapper.purple .video-scrubber .ui-widget-header {
    background: #640260;
}

.videoWrapper.purple span.trt{
    color: white;
}

.videoWrapper.purple .scrubber .ui-widget-header{
    background: #640260;
}

.videoWrapper.purple div.videoFooter .btn-cc{
    background-image: url(/img/purple-sprites/btn-cc.png);
}

.videoWrapper.purple div.videoFooter .btn-theater, 
.videoWrapper.purple div.videoFooter .btn-theater-active{
    background-image: url(/img/purple-sprites/btn-theater.png);
}

.videoWrapper.purple .timer{
    color: #640260;
}

.videoWrapper.purple .timer span{
    color: #333;
}

.videoWrapper.purple .slideWrapper .ui-state-default, 
.videoWrapper.purple .slideWrapper .ui-widget-content .ui-state-default {
    background-color: #7c0277;
    border-color: #390136;
}

.videoWrapper.purple .volume .ui-slider-handle {
  width: 21px !important;
  left: -5px !important;
}

.videoWrapper.purple div.videoFooter {
  background: rgba(255,255,255,0.85);
}

.videoWrapper.purple .scrubber.video-player.visible{
  background: rgba(255,255,255,0.6);
}

.videoWrapper.purple .buttons .btn-play {
  background-image: url(/img/purple-sprites/btn-play.png);
}

.videoWrapper.purple div.videoFooter .buttons .btn-volume {
  background-image: url(/img/purple-sprites/volume-sprite.png);
}

.videoWrapper.purple .btn-settings {
  background-image: url(/img/purple-sprites/btn-settings.png);
}

.videoWrapper.purple div.videoFooter .btn-popout {
  background-image: url(/img/purple-sprites/btn-popout.png);
}
.videoWrapper.purple div.videoFooter .btn-fullscreen {
  background-image: url(/img/purple-sprites/btn-fullscreen.png);
}

.videoWrapper.purple .buttons .btn-pause {
  background-image: url(/img/purple-sprites/btn-pause.png);
}

.videoWrapper.purple div.videoFooter .btn-fullscreen-inverse {
  background-image: url(/img/purple-sprites/btn-fullscreen-close.png);
}

.videoWrapper div.videoFooter .btn-popout-active {
  background-image: url(/img/purple-sprites/btn-popout-inverse.png);
}

.sidebar .sidebar-chapters{
    border-bottom: 1px solid #eaeaea;
    /*margin-bottom: 20px;*/
}

.sidebar-chapters a.ref.page { display: none; } 

.sidebar .sidebar-chapters a{
    color: #393939;
    padding-left: 55px;
    padding-right: 20px;
    position: relative;
}

.sidebar .prev-chapter a:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 12px 0;
    border-color: transparent #393939 transparent transparent;
    position: absolute;
    left: 1.2em;
    top: 50%;
    margin-top: -14px;
}

.sidebar .next-chapter a:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #393939;
    position: absolute;
    left: 1.2em;
    top: 50%;
    margin-top: -14px;
}

/*
Delete if client wants to revert to having prev and next arrows both on left side
*/

.sidebar .next-chapter a{
    padding-right: 2em;
}
.sidebar .next-chapter a:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #393939;
    position: absolute;
    right: 1.2em;
    left: auto;
    top: 50%;
    margin-top: -14px;
}

/*########################################################################################*/


.sidebar .sidebar-chapters a:hover span{
    color: #640260;
}

.sidebar .sidebar-chapters span{
    display: block;
    color: #393939;
}

.sidebar .sidebar-chapters span:hover{
    color: #393939;
}

.sidebar .sidebar-chapters .chapter-number{
    font-weight: bold;
}

.sidebar-chapters,
.sidebar-chapter-list{
    display: none;
}

.sidebar-chapters.show,
.sidebar-chapter-list.show{
    display: block;
}

.sidebar-chapter-list.show{
    overflow-y: scroll;
    max-height: 280px;
}

.sidebar .more-link.view-more-chapters,
.sidebar .more-link.view-fewer-chapters{
        display: none;
}

.sidebar .more-link.view-more-chapters.show,
.sidebar .more-link.view-fewer-chapters.show{
    padding-top: 25px;
        display: block;
}

.sidebar .sidebar-chapter-list li{
    border-bottom: 0;
}

.sidebar .sidebar-chapter-list li a{
    padding-right: 20px;
}

.sidebar .sidebar-chapter-list li.current{
    font-weight: bold;
    padding-left: 65px;
    position: relative;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

.sidebar .sidebar-chapter-list li.current:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #00b5e2;
    position: absolute;
    left: 45px;
    top: 17px;
}

.cq-press .sidebar .sidebar-chapter-list li.current a:after{
    border-color: transparent transparent transparent #FBAE16;
}

.red.pdf-btn{
    background-color: #e50b0b;
    position: relative;
    padding-left: 40px;
    background-image: url(/img/typical/@2x/pdf-01@2x.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.red.pdf-btn:hover{
    background-color: #CC0000; 
}

button.on-this-page{
    padding: 9px;
    border: 1px solid #eee;
    padding-left: 40px !important;
    background-image: url(/img/on-this-page-default.png);
    background-size: 20px;
    background-position: 12px center;
    background-repeat: no-repeat;
    /*margin-right: 10px;*/
}

button.on-this-page.active{
    background-color: #5fc3b3 !important;
    color: white !important;
    background-image: url(/img/on-this-page.png);
}

.on-this-page-wrapper{
    position: relative;
}

.on-this-page-popup{
    position: absolute;
    width: 400px;
    background-color: white;
    right: 0;
    top: 44px;
    border: 2px solid #888888;
    overflow: visible;
    display: none;
}

.on-this-page-popup-inner{
    max-height: 250px;
    overflow-y: scroll;
}

.arrow_box {
    position: relative;
    background: #fff;
    border: 2px solid #888;
}
.on-this-page-popup:after, .on-this-page-popup:before {
    bottom: 100%;
    left: 82%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.on-this-page-popup:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}
.on-this-page-popup:before {
    border-color: rgba(136, 136, 136, 0);
    border-bottom-color: #888;
    border-width: 8px;
    margin-left: -8px;
}

.on-this-page-popup.active{
    display: block;
    z-index: 1;
}

.on-this-page-popup ul{
    padding-left: 0;
    margin: 0;
    padding: 10px 0;
}

.on-this-page-popup li{
    list-style: none;
}

.on-this-page-popup li a{
    display: block;
    padding: 13px 25px 14px 25px;
    border-top: 1px solid #e8eaea;
    border-bottom: 1px solid white;
}

.on-this-page-popup li:hover a{
    color: #640260;
}

.in-page-anchor{
    display: block; 
    position: relative; 
    top: -150px; 
    visibility: hidden;
}

body.books .tabs-container.teal ul.tabs li.selected{
    background-color: #00b5e2;
    border-color: #00b5e2;
    color: white;
}

body.books .tabs-container.teal ul.tabs {
  border-bottom: solid 2px #00b5e2;
}

body.books .alpha-selection li.selected {
  color: #00b5e2;
}

.tabs-container.yellow ul.tabs li.selected{
    background-color: #fbae16;
}

.tabs-container.yellow ul.tabs li.selected{
  border-color: #fbae16;
}

.tabs-container.yellow ul.tabs{
  border-bottom: solid 2px #fbae16;
}

.col-header{
    text-align: right;
    font-weight: bold;
}

.search-chapter-list{
    overflow: hidden;
    border-top: 2px solid #888;
}

.chapter-row{
    overflow: hidden;
    padding: 15px 25px 15px 10px;
    border-bottom: 1px solid #888;
    position: relative;
}

.chapter-row p{
    margin-top: 0;
    margin-bottom: 5px;
}

.chapter-row .chapter-author{
    padding-left: 90px;
}

.chapter-row .matches-found{
    position: absolute;
    right: 25px;
    top: 14px
}

.chapter-row .chapter-title span{
    font-weight: bold;
}

.fixedNavWrapper .slideWrapper{
    padding: 50px;
}

.fixedNavWrapper .filters{
    list-style: none;
    padding-left: 0;
}

.fixedNavWrapper .filters li{
    list-style: none;
    padding: 10px 0;
}

.fixedNavWrapper .filters div span.filter {
  background-position: left -250px;
}

.fixedNavWrapper .filters div.selected span.filter {
  background-position: left 0px;
}

.fixedNavWrapper .filter-popup h3{
    font-size: 1.5em;
}

.fixedNavWrapper label.radioBtn {
  padding: 10px 45px 10px 30px !important;
  background: 1px 10px no-repeat url(/img/sprites/radioBtns@2x.png);
  background-size: 18px auto;
  cursor: pointer;
}

.fixedNavWrapper label.radioBtn input {
  display: none;
}

.fixedNavWrapper div.noBackground label.selected {
  color: #640260;
}

.fixedNavWrapper label.radioBtn.selected {
  background-position: 1px -240px;
}

body.typical p.chaptertitle,
body.typical div.chaptertitle {
    display: none;
}

body.typical.fixedNav p.chaptertitle
{
    display: block;
    font-size: 1.3em;
    margin-bottom: 0;
}

body.typical.fixedNav div.chaptertitle {
    display: block;
    margin-right: 10px;
}

body.typical.fixedNav p.segment.toggle {
    display: none;
}

h1.nav-arrows{
    position: relative;
}

h1 .prev-chapter,
h1 .next-chapter{
    display: none;
    position: absolute;
    text-indent: -9999px;
    height: 0;
    width: 0;
}

h1 .prev-chapter{
    left: 0;
    top: 50%;
    margin-top: -12px;
}

h1 .next-chapter{
    right: 0;
    top: 50%;
    margin-top: -12px;
}

h1 .prev-chapter:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 12px 0;
    border-color: transparent #393939 transparent transparent;
    position: absolute;
    left: 0;
    

}

h1 .next-chapter:after{ 
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #393939;
    position: absolute;
    right: 0;
}
.content-body a, .content-body a:visited { color: #0645AD; }
.content-body a:hover { text-decoration: underline; }
.content-body .page-section div div.head-apa,
.content-body .page-subsection div div.head-apa,
.content-body .page-subsection div.keywords {
    display: none;
}
.content-body .page-subsection div div.head,
.content-body .page-subsection div div.bibl { display: block; }
.content-body .page-subsection div div.bibl div.edition { display: block; }
.content-body .page-subsection div.figure div.head,
.content-body .page-subsection div.figure div.bibl {
  display: inherit;
} 

/*removes "read more" link displaying on fixed header*/
body.fixedNav .read-more + a {
    display: none !important;
}

 #entries-by-title .section-title,
 #entries-by-date .section-title {
     font-size: 1.2em;
 }

 p.hanging-indent {
    padding-left: 22px;
    text-indent: -30px;
 }

 .page-section .head
{ font-size: 1.125em; font-family: sans-serif; font-weight: bold; color: #333333; line-height: 1.9em; }

 .page-subsection {
     padding-top: 15px;
     margin-top: 20px;
     border-top-color: gray;
     border-top-width: 2px;
     border-top-style: solid;
 }

 .page-subsection .page-subsection {
     border: none;
 }

.page-subsection .head
{ font-size: 16px; font-family: sans-serif; font-weight: bold; color: #333333; line-height: 1.9em; }

.page-subsection .page-subsection .head
{ font-size: 14px; font-family:sans-serif; font-weight: bold; color: #333333; line-height: 1.9em; }

.page-subsection .page-subsection .page-subsection .head
{ font-size: 0.875em; font-family: sans-serif; font-style: italic; font-weight: bold; color: #333333; line-height: 1.9em; } 

.highlight { background-color: yellow; }

.chapter-list span.authors {
  font: bold 12px/18px Arial;
  display: block;
}

.chapter-list span.author {
  padding-left: 25px;
} 
.highlight { background-color: yellow }

/*styles for chapterHtml*/
ul.chapter-list.search-results em {
    float: left;
}

ul.chapter-list.search-results span.title {
    float: left;
    padding-left: 5px;
}

ul.chapter-list.search-results span.count {
    float: right;
    /*padding-top: 10px;*/
}

.matches-found {
    float: right;
    clear: both;
    font-weight: bold;
}
.other-editions { margin: 5px;padding: 5px;border: 1px solid #ccc;display: none; }

.listbibl .bibl {
    padding-bottom: 15px;
}

.content-body ul.list-ordered li.item label {font-weight: normal; float:left;width: 30px; text-align: right; }
.content-body ul.list-ordered li.item .item-text { display:block;margin-left: 40px; }

/*styles for discipline pages*/
.discipline-marketing-spots a.marketing-spot {
    float: left;
    width: 350px;
    padding-left: 20px;
    padding-top: 20px;
}
.fulltext { margin: 20px 0; }

#spinner {
    padding: 25px 20px 20px 25px;
}
#similarContent {
    overflow-y: scroll;
    max-height: 280px;
}
.title.level-m, .title.level-j  { font-style: italic; }
.bibliography { margin-left: 10px; }
.bibliography .head { margin-left: -10px; }
.bibliography p { line-height: 1.5em;font-size: smaller; margin-left: -10px; }
.listbibl .bibl {   margin-left: -10px; text-indent: 10px; }
.page-subsection div[id] {
    margin-top: -160px;
    padding-top: 160px;
}
.page-subsection div[id].video-js,
.page-subsection div[id].figure,
.page-subsection div[id].video,
.page-subsection div[id].sidebar {
    margin-top: 10px;
    padding-top: 1.5em;
}
@media speech {
	.doi, .isbn { speak-numeral: digits;speak-as: digits;}
}

div.small-indent {
    margin-left: 15px;
}

body.landing.books.fixedNav div.read-more-abstract-text {
    display: none;
}
ul.list-simple {
    list-style-type: none;
}
ul.list-simple li.item label {
    width: auto;
}
ul.list-simple li.item div.item-text {
    display: inline;
}
.figure img {
    cursor: pointer;
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?10x31p");
  src: url("fonts/icomoon.eot?10x31p#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?10x31p") format("truetype"), url("fonts/icomoon.woff?10x31p") format("woff"), url("fonts/icomoon.svg?10x31p#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; 
}