@charset "UTF-8";
/*- END TODO: Make into new variable to set from loader -*/
/* ================================= */
/* COLORS                            */
/* ================================= */
/* $brand-bar-background                   : null; */
/* $brand-bar-border                       : null; */
/* $brand-bar-text                         : null; */
/* $brand-text                             : null; */
/* $brand-headings                         : null; */
/* $brand-accent-text                      : null; */
/* $brand-highlight-text                   : null; */
/* $brand-highlight-text-background        : null; */
/* $brand-link                             : null; */
/* $brand-link-hover                       : null; */
/* $brand-border                           : null; */
/* $brand-icon                             : null; */
/* $brand-form-field                       : null; */
/* $brand-form-text                        : null; */
/* $brand-shadow                           : null; */
/* bar colors */
/* $bar-background                         : null; */
/* $bar-background-gradient                : null; */
/* $bar-background-highlight               : null; */
/* $bar-background-hover                   : null; */
/* $bar-bar-background                     : null; */
/* $bar-bar-border                         : null; */
/* $bar-bar-text                           : null; */
/* $bar-text                               : null; */
/* $bar-headings                           : null; */
/* $bar-accent-text                        : null; */
/* $bar-highlight-text                     : null; */
/* $bar-highlight-text-background          : null; */
/* $bar-link                               : null; */
/* $bar-link-hover                         : null; */
/* $bar-button-background                  : null; */
/* $bar-button-gradient                    : null; */
/* $bar-button-border                      : null; */
/* $bar-button-text                        : null; */
/* $bar-border                             : null; */
/* $bar-icon                               : null; */
/* $bar-form-field                         : null; */
/* $bar-form-text                          : null; */
/* $bar-shadow                             : null; */
/* content colors */
/* $content-background-hover               : null; */
/* $content-highlight-text                 : null; */
/* $content-highlight-text-background      : null; */
/* $content-form-field                     : null; */
/* $content-form-text                      : null; */
/* $content-shadow                         : null; */
/* aside colors */
/* $aside-background-hover                 : null; */
/* $aside-highlight-text                   : null; */
/* $aside-highlight-text-background        : null; */
/* $aside-form-field                       : null; */
/* $aside-form-text                        : null; */
/* $aside-shadow                           : null; */
/*$baseFontSize			: 100%;*/
/*$contentFontSize		: $baseFontSize;*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic);
@font-face {
  font-family: "pf2-icons";
  src: url("../fonts/pf2-icons.woff2") format("woff2"), url("../fonts/pf2-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* ==================================================================================
   Responsive App Variables
   ================================================================================== */
/* Icon Font */
/* Icon Maps - Mapping PF Icons to Vendor's Font Icons */
/* Possibly add key:value "label: offscreen or onscreen" to each icon??? */
/* ------------------------------------------------------------------------------------
   START: global colors

   these are the global color settings that a skin is expected to set.  a skin can
   add any logic or linking they want to these variables.  for example, the 'safari'
   skin doesn't have as many different colors so many of these variables may just
   be linked to each other.

   if the skin fails to initialize any of these values, then the default will be set
   after this block.
   ------------------------------------------------------------------------------------ */
/* branding colors */
/* bar colors */
/* content colors */
/* aside colors */
/* color override groups */
/* utility bar */
/* utility nav */
/* browse menu (aka: main nav) */
/* homepage (aka: start page) */
/* user menu (my content, my searches) - this defaults to the same colors as the browse menu */
/* smart nav */
/* login panel */
/* sidebar */
/* index cards */
/* ecommerce - this defaults to index card colors for now but seems likely these may be pulled out later */
/* quick search form field */
/* the page body itself */
/* bibliography */
/* Search Results */
/* ---------------------------------------------------------------------------------
   END: global colors
   ---------------------------------------------------------------------------------*/
/*
   function to lookup a color from the $color-groups global map
     - $override: The color override.  if not null this value is returned.
     - $group: The name of the color group to pull a color from.
     - $setting: The name of the setting within the color group to use.

   NOTE: this function should live in _functions.scss but because that is included
   after this file, that means this function could not be used in this file.
   Currently this function will be used heavily at the end of this file to set all
   of the granular color variables.  Ultimately, these need to be pushed into their
   modular scss files and then this function can be put back in _functions.scss
*/
/* build a map of all of the global default colors which is used by lookup-color */
/* default variable linkings */
/* Layout */
/* Moved from _config.scss into the Layout variables section */
/* Images */
/* **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 *
 * GENERIC VARIABLES
 *
 * The following variables may be used to populate feature-specific variables, and
 * may also be used as a guide for the creation of placeholders, mixins or functions
 * when we convert to a CSS pre-processor.
 *
 * **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 */
/* Footer */
/* Masthead (Document Header) */
/* Content Panels, Blocks and Modules */
/* Content Panels */
/* CMS-generated Content Blocks */
/* CMS-generated Navigation Blocks */
/* Generic Navigation */
/* Tree Collapser */
/* Forms */
/* Form Fieldsets */
/* From Legends */
/* Form Labels */
/* Form Controls - inputs, textareas and selects */
/* Form Buttons */
/* Buttons */
/* Toggle Buttons */
/* Search Modules -- Containing block for a search form */
/* Search Form -- E.g., Quick Search, Search Within, Jump to Content */
/* **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 *
 * FEATURE-SPECIFIC VARIABLES
 *
 * The following variables are used to style specific features, and
 * may also inherit styling of generic variables for stylistic consistency.
 *
 * **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 */
/* Faceted Navigation */
/* Main Navigation */
/* Ancillary Navigation Bar */
/* Utility Navigation */
/* User Navigation */
/* Locale Selector Menu */
/* Article Navigation */
/* Table of Contents */
/* Login Module (Form Module) */
/* Hero Block */
/* Modals, Overlays and Popups */
/* Toolbars */
/* Nav Ribbon */
/* Tabbed Content */
/* Tabular Content */
/* Content Items */
/* Index Cards */
/* Search Header */
/* Title Banner */
/* Breadcrumbs */
/* Page Title */
/* Ecommerce Offers */
/* Accessibility */
/* content boxes */
.hero-content h1, h1,
h2,
h3,
h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  line-height: 1.3;
  color: #2a2a2a;
}

/*
   utility function to return a default value if a variable is not set.
*/
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
}

html,
body {
  min-height: 100%;
}

body {
  font: inherit;
  font-size: 100%;
  line-height: 1.3;
}

select::-ms-expand {
  display: none;
}

a {
  color: #006fb7;
  text-decoration: none;
}
a:hover {
  color: #006fb7;
  text-decoration: none;
}
a:focus {
  outline: 3px solid #fece3e;
}

em {
  font-style: italic;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

img:not(.lazy-load) {
  max-width: 100% !important;
  height: auto !important;
}

/* Headings
   ========================================================================== */
h1 {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 0.83em;
}

h2 {
  font-size: 1.33em;
  font-weight: 400;
  margin-bottom: 0.83em;
}

h3 {
  font-size: 1.17em;
}

h4 {
  font-size: 1em;
  font-weight: 600;
  margin: 0;
}

h5 {
  font-size: 1em;
  font-weight: 600;
}

/* Quotes
   ========================================================================== */
blockquote {
  margin: 1em 3.333em;
}

blockquote .attribution {
  font-style: italic;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

/* Lists
   ========================================================================== */
nav ul,
nav ol {
  list-style: none;
  margin: 0;
}

/* Tables
   ========================================================================== */
td {
  vertical-align: top;
}

/* Forms
   ========================================================================== */
button, input, select, textarea {
  font-size: 1em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
}

textarea,
input[type=text],
input[type=password] {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 0.33em 0;
  padding: 0 0.5em;
  color: #2a2a2a;
  background-color: #ffffff;
  font-size: 1em;
}
input[type=text],
input[type=password] {
  height: 2.167em;
  line-height: 2.167em;
}

textarea {
  line-height: 1.2;
}

input::-webkit-input-placeholder {
  padding: 0.25em;
}

input:-ms-input-placeholder {
  padding: 0.25em;
}

label {
  display: inline-block;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  padding: 0 1.5em 0 0.5em;
  height: 2.167em;
  min-width: 50px;
  /* wide enough for 3 characters and the custom arrows */
  background: #ffffff url("../img/select-arrows.svg") no-repeat scroll right center;
  color: #2a2a2a;
  font-size: 1em;
  /*line-height $formControlLineHeight*/
  text-overflow: ellipsis;
  cursor: pointer;
}

.no-flexbox-legacy select {
  padding-right: 0;
  /* hack detecting all versions of IE <= IE11 until we upgrade modernizr */
}

/*---
    This is for rendering an error in non-production mode so just hardcoding it to red.
    ---*/
.render-error {
  color: red;
}

@font-face {
  font-family: FontAwesome;
  src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ico-home:before {
  content: "\f015";
}

.ico-search:before {
  content: "\f002";
}

.ico-search-options:before {
  content: "\f141";
}

.ico-menu:before {
  content: "\f0c9";
}

.ico-youarehere:before {
  content: "\f054";
}

.ico-locale:before {
  content: "\f0ac";
}

.ico-user:before {
  content: "\f007";
}

.ico-sign-in:before {
  content: "\f090";
}

.ico-sign-out:before {
  content: "\f08b";
}

.ico-options:before {
  content: "\f013";
}

.ico-cog:before {
  content: "\f013";
}

.ico-print:before {
  content: "\f02f";
}

.ico-save:before {
  content: "\f097";
}

.ico-saved:before {
  content: "\f02e";
}

.ico-email:before {
  content: "\f0e0";
}

.ico-email-alert:before {
  content: "\f0f3";
}

.ico-email-alert-on:before {
  content: "\f0f3";
}

.ico-email-alert-off:before {
  content: "\f1f7";
}

.ico-edit:before {
  content: "\f040";
}

.ico-annot:before {
  content: "\f08d";
}

.ico-highlights-hide:before {
  content: "\f14b";
}

.ico-highlights-show:before {
  content: "\f044";
}

.ico-comment:before {
  content: "\f075";
}

.ico-cite:before {
  content: "\f10d";
}

.ico-share:before {
  content: "\f1e0";
}

.ico-font:before {
  content: "\f031";
}

.ico-prev:before {
  content: "\f053";
}

.ico-next:after {
  content: "\f054";
}

.ico-up:before {
  content: "\f0d8";
}

.ico-down:before {
  content: "\f0d7";
}

.ico-add:before {
  content: "\f0fe";
}

.ico-external-link:after {
  content: "\f08e";
}

.ico-close:before {
  content: "\f00d";
}

.ico-remove:before {
  content: "\f00d";
}

.ico-delete:before {
  content: "\f00d";
}

.ico-type:before {
  content: "\f02d";
}

.ico-rss:before {
  content: "\f09e";
}

.ico-rss-sign:before {
  content: "\f143";
}

.ico-help:before {
  content: "\f059";
}

.ico-google:before {
  content: "\f1a0";
}

.ico-facebook:before {
  content: "\f082";
}

.ico-facebook-f:before {
  content: "\f09a";
}

.ico-twitter:before {
  content: "\f081";
}

.ico-linkedin:before {
  content: "\f08c";
}

.ico-mendeley:before {
  content: "\f14d";
}

.ico-filter:before {
  content: "\f0b0";
}

.ico-toc:before {
  content: "\f0ca";
}

.ico-view:before {
  content: "\f06e";
}

.ico-back:before {
  content: "\f0e2";
}

.ico-archive:before {
  content: "\f187";
}

.ico-file:before {
  content: "\f016";
}

.ico-file-archive:before {
  content: "\f1c6";
}

.ico-xls:before {
  content: "\f1c3";
}

.ico-xlsx:before {
  content: "\f1c3";
}

.ico-csv:before {
  content: "\f1c9";
}

.ico-xml:before {
  content: "\f1c9";
}

.ico-pdf:before {
  content: "\f1c1";
}

.ico-word:before {
  content: "\f1c2";
}

.ico-powerpoint:before {
  content: "\f1c4";
}

.ico-refresh:before {
  content: "\f021";
}

.ico-list:before {
  content: "\f03a";
}

.ico-tools:before {
  content: "\f00a";
}

.ico-image-file:before {
  content: "\f1c5";
}

.ico-download:before {
  content: "\f019";
}

[class^=ico-],
[class*=ico-] {
  cursor: pointer;
}
[class^=ico-]:before, [class^=ico-]:after,
[class*=ico-]:before,
[class*=ico-]:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
}
html:hover [class^=ico-],
html:hover [class*=ico-] {
  -ms-zoom: 1;
}
[class^=ico-] span,
[class*=ico-] span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}
[class^=ico-] span.onscreen,
[class*=ico-] span.onscreen {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
}

h3[class*=ico-]:hover {
  color: #2a2a2a;
}

.row {
  margin: 0 0 0.67em 0;
}

.hi-visible .hi {
  /* padding: 1px 3px; */
  color: #ffffff;
  background-color: #808080;
}

.more,
.readMore {
  /*white-space: nowrap;*/
}

.more:after,
.readMore:after {
  content: " »";
}

.intro {
  /* @extend %introText or %resultsBar -- similar to #newsByLine and .resultsBar */
  padding: 1.667em 1.667em 0;
  background-color: white;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .intro {
    padding-right: 1.167em;
    padding-left: 1.167em;
  }
}

.mobileOnly {
  display: none !important;
}

.phoneOnly {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .desktopOnly {
    display: none !important;
  }

  .mobileOnly {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .phoneOnly {
    display: block !important;
  }
}
.cg-brand h1, .cg-brand h2, .cg-brand h3, .cg-brand h4, .cg-brand h5, .cg-brand h6 {
  color: #2a2a2a;
}
.cg-brand a {
  color: #ffffff;
}
.cg-brand a:hover, .cg-brand a:active, .cg-brand a:focus {
  color: #dcdcdc;
}
.cg-brand .box {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: #142655;
  color: #2a2a2a;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
}
.cg-brand .box.no-border {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cg-brand .box-gradient {
  background-color: #142655;
  background-image: -webkit-linear-gradient(bottom, #142655);
  background-image: linear-gradient(to top,#142655);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#142655, endColorstr=)";
}
.cg-brand .bar {
  background-color: #dcdcdc;
  border-color: #c0c0c0;
  color: #000000;
}
.cg-brand .bar h1, .cg-brand .bar h2, .cg-brand .bar h3, .cg-brand .bar h4, .cg-brand .bar h5, .cg-brand .bar h6, .cg-brand .bar a {
  color: #000000;
}
.cg-brand .bg-highlight {
  background-color: #4c6cac;
}
.cg-brand .bg-hover {
  background-color: #5d79b3;
}
.cg-brand .accent {
  color: #2a2a2a;
}
.cg-brand .text-highlight {
  background-color: #ffffce;
  color: #2a2a2a;
}
.cg-brand .button, .cg-brand button {
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  color: #ffffff;
}
.cg-brand [class^=ico-],
.cg-brand [class*=ico-],
.cg-brand .icon {
  color: #ffffff;
}
.cg-brand textarea,
.cg-brand input[type=text],
.cg-brand input[type=password] {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #2a2a2a;
  background-color: #ffffff;
}
.cg-brand .ico-access-restricted {
  color: #be2228;
}
.cg-brand .ico-access-authorized, .cg-brand .ico-access-open, .cg-brand .ico-access-free {
  color: #009900;
}
.cg-brand .ico-access-open {
  color: #FFC125;
}
.cg-brand .ico-access-partial {
  color: #009900;
}
.cg-brand .tree > li.type-heading > .label {
  background-color: #4c6cac;
}
.cg-brand .adaptive-placeholder ~ label:before {
  color: #aaaaaa;
}
.cg-brand div.t-error {
  background-color: #4c6cac;
  border: 1px solid #be2228;
  color: #be2228;
}
.cg-brand .component-container.container-tabbed .box {
  background-color: transparent;
}
.cg-brand .component-container.container-tabbed .container-body {
  background-color: #142655;
}
.cg-brand .ui-tabs .ui-tabs-nav {
  border-bottom: solid 1px #cfd5e5;
}
.cg-brand .ui-tabs .ui-tabs-nav li {
  border: solid 1px #cfd5e5;
  border-bottom-color: #4c6cac;
  background-color: #4c6cac;
}
.cg-brand .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #142655;
}
.cg-brand .ui-tabs .ui-tabs-nav li a:focus {
  outline: none;
}
.cg-brand .tabs-vertical.ui-tabs .ui-tabs-nav {
  border: none;
}
.cg-brand .tabs-vertical.ui-tabs .ui-tabs-nav li {
  border: solid 1px #cfd5e5;
}
.cg-brand .component-smart-nav .box {
  background-color: transparent;
}
.cg-brand .smart-nav-bottom .smart-nav .smart-nav-item.current:before {
  border-bottom-color: #4c6cac;
}
.cg-brand .smart-nav-top .smart-nav .smart-nav-item.current:after {
  border-top-color: #4c6cac;
}
.cg-brand .smart-nav-item a {
  background-color: #142655;
}
.cg-brand .smart-nav-item a:hover {
  background-color: #5d79b3;
}
.cg-brand .smart-nav-item a:hover:before {
  background-color: #5d79b3;
  color: #ffffff;
}
.cg-brand .smart-nav-item.current a {
  background-color: #4c6cac;
}

.cg-bar h1, .cg-bar h2, .cg-bar h3, .cg-bar h4, .cg-bar h5, .cg-bar h6 {
  color: #ffffff;
}
.cg-bar a {
  color: #2a2a2a;
}
.cg-bar a:hover, .cg-bar a:active, .cg-bar a:focus {
  color: #2a2a2a;
}
.cg-bar .box {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: white;
  color: #2a2a2a;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
}
.cg-bar .box.no-border {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cg-bar .box-gradient {
  background-color: white;
  background-image: -webkit-linear-gradient(bottom, white);
  background-image: linear-gradient(to top,white);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)";
}
.cg-bar .bar {
  background-color: #696969;
  border-color: #000000;
  color: #dcdcdc;
}
.cg-bar .bar h1, .cg-bar .bar h2, .cg-bar .bar h3, .cg-bar .bar h4, .cg-bar .bar h5, .cg-bar .bar h6, .cg-bar .bar a {
  color: #dcdcdc;
}
.cg-bar .bg-highlight {
  background-color: #808080;
}
.cg-bar .bg-hover {
  background-color: #696969;
}
.cg-bar .accent {
  color: #f5f5f5;
}
.cg-bar .text-highlight {
  background-color: #f5f5f5;
  color: #808080;
}
.cg-bar .button, .cg-bar button {
  border-width: 1px;
  border-style: solid;
  border-color: #a9a9a9;
  background-color: white;
  background-image: -webkit-linear-gradient(bottom, white, #dcdcdc);
  background-image: linear-gradient(to top,white, #dcdcdc);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=#dcdcdc)";
  color: #2a2a2a;
}
.cg-bar [class^=ico-],
.cg-bar [class*=ico-],
.cg-bar .icon {
  color: #ffffff;
}
.cg-bar textarea,
.cg-bar input[type=text],
.cg-bar input[type=password] {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #2a2a2a;
  background-color: #ffffff;
}
.cg-bar .ico-access-restricted {
  color: #be2228;
}
.cg-bar .ico-access-authorized, .cg-bar .ico-access-open, .cg-bar .ico-access-free {
  color: #009900;
}
.cg-bar .ico-access-open {
  color: #FFC125;
}
.cg-bar .ico-access-partial {
  color: #009900;
}
.cg-bar .tree > li.type-heading > .label {
  background-color: #808080;
}
.cg-bar .adaptive-placeholder ~ label:before {
  color: #aaaaaa;
}
.cg-bar div.t-error {
  background-color: #808080;
  border: 1px solid #be2228;
  color: #be2228;
}
.cg-bar .component-container.container-tabbed .box {
  background-color: transparent;
}
.cg-bar .component-container.container-tabbed .container-body {
  background-color: white;
}
.cg-bar .ui-tabs .ui-tabs-nav {
  border-bottom: solid 1px #cfd5e5;
}
.cg-bar .ui-tabs .ui-tabs-nav li {
  border: solid 1px #cfd5e5;
  border-bottom-color: #808080;
  background-color: #808080;
}
.cg-bar .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: white;
}
.cg-bar .ui-tabs .ui-tabs-nav li a:focus {
  outline: none;
}
.cg-bar .tabs-vertical.ui-tabs .ui-tabs-nav {
  border: none;
}
.cg-bar .tabs-vertical.ui-tabs .ui-tabs-nav li {
  border: solid 1px #cfd5e5;
}
.cg-bar .component-smart-nav .box {
  background-color: transparent;
}
.cg-bar .smart-nav-bottom .smart-nav .smart-nav-item.current:before {
  border-bottom-color: #808080;
}
.cg-bar .smart-nav-top .smart-nav .smart-nav-item.current:after {
  border-top-color: #808080;
}
.cg-bar .smart-nav-item a {
  background-color: white;
}
.cg-bar .smart-nav-item a:hover {
  background-color: #696969;
}
.cg-bar .smart-nav-item a:hover:before {
  background-color: #696969;
  color: #2a2a2a;
}
.cg-bar .smart-nav-item.current a {
  background-color: #808080;
}

.cg-content h1, .cg-content h2, .cg-content h3, .cg-content h4, .cg-content h5, .cg-content h6 {
  color: #2a2a2a;
}
.cg-content a {
  color: #006fb7;
}
.cg-content a:hover, .cg-content a:active, .cg-content a:focus {
  color: #006fb7;
}
.cg-content .box {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: white;
  color: #2a2a2a;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
}
.cg-content .box.no-border {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cg-content .box-gradient {
  background-color: white;
  background-image: -webkit-linear-gradient(bottom, white);
  background-image: linear-gradient(to top,white);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)";
}
.cg-content .bar {
  background-color: white;
  border-color: #cfd5e5;
  color: #ffffff;
}
.cg-content .bar h1, .cg-content .bar h2, .cg-content .bar h3, .cg-content .bar h4, .cg-content .bar h5, .cg-content .bar h6, .cg-content .bar a {
  color: #ffffff;
}
.cg-content .bg-highlight {
  background-color: #f2f5f9;
}
.cg-content .bg-hover {
  background-color: #d3d3d3;
}
.cg-content .accent {
  color: #2a2a2a;
}
.cg-content .text-highlight {
  background-color: white;
  color: #2a2a2a;
}
.cg-content .button, .cg-content button {
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  color: #ffffff;
}
.cg-content [class^=ico-],
.cg-content [class*=ico-],
.cg-content .icon {
  color: #2a2a2a;
}
.cg-content textarea,
.cg-content input[type=text],
.cg-content input[type=password] {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #2a2a2a;
  background-color: #ffffff;
}
.cg-content .ico-access-restricted {
  color: #be2228;
}
.cg-content .ico-access-authorized, .cg-content .ico-access-open, .cg-content .ico-access-free {
  color: #009900;
}
.cg-content .ico-access-open {
  color: #FFC125;
}
.cg-content .ico-access-partial {
  color: #009900;
}
.cg-content .tree > li.type-heading > .label {
  background-color: #f2f5f9;
}
.cg-content .adaptive-placeholder ~ label:before {
  color: #aaaaaa;
}
.cg-content div.t-error {
  background-color: #f2f5f9;
  border: 1px solid #be2228;
  color: #be2228;
}
.cg-content .component-container.container-tabbed .box {
  background-color: transparent;
}
.cg-content .component-container.container-tabbed .container-body {
  background-color: white;
}
.cg-content .ui-tabs .ui-tabs-nav {
  border-bottom: solid 1px #cfd5e5;
}
.cg-content .ui-tabs .ui-tabs-nav li {
  border: solid 1px #cfd5e5;
  border-bottom-color: #f2f5f9;
  background-color: #f2f5f9;
}
.cg-content .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: white;
}
.cg-content .ui-tabs .ui-tabs-nav li a:focus {
  outline: none;
}
.cg-content .tabs-vertical.ui-tabs .ui-tabs-nav {
  border: none;
}
.cg-content .tabs-vertical.ui-tabs .ui-tabs-nav li {
  border: solid 1px #cfd5e5;
}
.cg-content .component-smart-nav .box {
  background-color: transparent;
}
.cg-content .smart-nav-bottom .smart-nav .smart-nav-item.current:before {
  border-bottom-color: #f2f5f9;
}
.cg-content .smart-nav-top .smart-nav .smart-nav-item.current:after {
  border-top-color: #f2f5f9;
}
.cg-content .smart-nav-item a {
  background-color: white;
}
.cg-content .smart-nav-item a:hover {
  background-color: #d3d3d3;
}
.cg-content .smart-nav-item a:hover:before {
  background-color: #d3d3d3;
  color: #006fb7;
}
.cg-content .smart-nav-item.current a {
  background-color: #f2f5f9;
}

.cg-aside h1, .cg-aside h2, .cg-aside h3, .cg-aside h4, .cg-aside h5, .cg-aside h6 {
  color: #2a2a2a;
}
.cg-aside a {
  color: #006fb7;
}
.cg-aside a:hover, .cg-aside a:active, .cg-aside a:focus {
  color: #006fb7;
}
.cg-aside .box {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: white;
  color: #2a2a2a;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
}
.cg-aside .box.no-border {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cg-aside .box-gradient {
  background-color: white;
  background-image: -webkit-linear-gradient(bottom, white);
  background-image: linear-gradient(to top,white);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)";
}
.cg-aside .bar {
  background-color: white;
  border-color: #cfd5e5;
  color: #2a2a2a;
}
.cg-aside .bar h1, .cg-aside .bar h2, .cg-aside .bar h3, .cg-aside .bar h4, .cg-aside .bar h5, .cg-aside .bar h6, .cg-aside .bar a {
  color: #2a2a2a;
}
.cg-aside .bg-highlight {
  background-color: #f2f5f9;
}
.cg-aside .bg-hover {
  background-color: #d3d3d3;
}
.cg-aside .accent {
  color: #868a8b;
}
.cg-aside .text-highlight {
  background-color: #808080;
  color: #ffffff;
}
.cg-aside .button, .cg-aside button {
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  color: #ffffff;
}
.cg-aside [class^=ico-],
.cg-aside [class*=ico-],
.cg-aside .icon {
  color: white;
}
.cg-aside textarea,
.cg-aside input[type=text],
.cg-aside input[type=password] {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #2a2a2a;
  background-color: #ffffff;
}
.cg-aside .ico-access-restricted {
  color: #be2228;
}
.cg-aside .ico-access-authorized, .cg-aside .ico-access-open, .cg-aside .ico-access-free {
  color: #009900;
}
.cg-aside .ico-access-open {
  color: #FFC125;
}
.cg-aside .ico-access-partial {
  color: #009900;
}
.cg-aside .tree > li.type-heading > .label {
  background-color: #f2f5f9;
}
.cg-aside .adaptive-placeholder ~ label:before {
  color: #aaaaaa;
}
.cg-aside div.t-error {
  background-color: #f2f5f9;
  border: 1px solid #be2228;
  color: #be2228;
}
.cg-aside .component-container.container-tabbed .box {
  background-color: transparent;
}
.cg-aside .component-container.container-tabbed .container-body {
  background-color: white;
}
.cg-aside .ui-tabs .ui-tabs-nav {
  border-bottom: solid 1px #cfd5e5;
}
.cg-aside .ui-tabs .ui-tabs-nav li {
  border: solid 1px #cfd5e5;
  border-bottom-color: #f2f5f9;
  background-color: #f2f5f9;
}
.cg-aside .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: white;
}
.cg-aside .ui-tabs .ui-tabs-nav li a:focus {
  outline: none;
}
.cg-aside .tabs-vertical.ui-tabs .ui-tabs-nav {
  border: none;
}
.cg-aside .tabs-vertical.ui-tabs .ui-tabs-nav li {
  border: solid 1px #cfd5e5;
}
.cg-aside .component-smart-nav .box {
  background-color: transparent;
}
.cg-aside .smart-nav-bottom .smart-nav .smart-nav-item.current:before {
  border-bottom-color: #f2f5f9;
}
.cg-aside .smart-nav-top .smart-nav .smart-nav-item.current:after {
  border-top-color: #f2f5f9;
}
.cg-aside .smart-nav-item a {
  background-color: white;
}
.cg-aside .smart-nav-item a:hover {
  background-color: #d3d3d3;
}
.cg-aside .smart-nav-item a:hover:before {
  background-color: #d3d3d3;
  color: #006fb7;
}
.cg-aside .smart-nav-item.current a {
  background-color: #f2f5f9;
}

.ico-search-options span, .ico-annot span, .ico-add span, .ico-menu span {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
  margin-left: 0.33em;
}

.intro {
  background: transparent;
}

@media screen and (768px) {
  #personalNav {
    display: none;
  }
}
.hi-visible .hi {
  color: #ffffff;
  background-color: #808080;
}

.throbber {
  display: inline-block;
}
.throbber.linear, .throbber:not(.circular) {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: linear-load 1.8s infinite ease-in-out;
  animation: linear-load 1.8s infinite ease-in-out;
  color: #727272;
  font-size: 10px;
  margin: 0;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  -webkit-transform: scale(0.5) !important;
  -moz-transform: scale(0.5) !important;
  -ms-transform: scale(0.5) !important;
  transform: scale(0.5) !important;
}
.throbber.linear:before, .throbber.linear:after, .throbber:not(.circular):before, .throbber:not(.circular):after {
  content: "";
  position: absolute;
  top: 0;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: linear-load 1.8s infinite ease-in-out;
  animation: linear-load 1.8s infinite ease-in-out;
}
.throbber.linear:before, .throbber:not(.circular):before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.throbber.linear:after, .throbber:not(.circular):after {
  left: 3.5em;
}
.throbber.linear.large, .throbber:not(.circular).large {
  -webkit-transform: scale(0.75) !important;
  -moz-transform: scale(0.75) !important;
  -ms-transform: scale(0.75) !important;
  transform: scale(0.75) !important;
}
.throbber.linear.small, .throbber:not(.circular).small {
  -webkit-transform: scale(0.33) !important;
  -moz-transform: scale(0.33) !important;
  -ms-transform: scale(0.33) !important;
  transform: scale(0.33) !important;
}
.throbber.circular {
  margin: 80px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: circular-load 1.1s infinite ease;
  animation: circular-load 1.1s infinite ease;
  -webkit-transform: scale(0.22) !important;
  -moz-transform: scale(0.22) !important;
  -ms-transform: scale(0.22) !important;
  transform: scale(0.22) !important;
}
.throbber.circular.large {
  -webkit-transform: scale(0.34) !important;
  -moz-transform: scale(0.34) !important;
  -ms-transform: scale(0.34) !important;
  transform: scale(0.34) !important;
}
.throbber.circular.small {
  -webkit-transform: scale(0.14) !important;
  -moz-transform: scale(0.14) !important;
  -ms-transform: scale(0.14) !important;
  transform: scale(0.14) !important;
}
.throbber.block {
  display: block;
}
.throbber.block.linear, .throbber.block:not(.circular) {
  margin: 30px auto 80px;
}
@-webkit-keyframes circular-load {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.5), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.5), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.7), 1.8em -1.8em 0 0em #727272, 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.5), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.7), 2.5em 0em 0 0em #727272, 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.5), 2.5em 0em 0 0em rgba(114, 114, 114, 0.7), 1.75em 1.75em 0 0em #727272, 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.5), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.7), 0em 2.5em 0 0em #727272, -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.5), 0em 2.5em 0 0em rgba(114, 114, 114, 0.7), -1.8em 1.8em 0 0em #727272, -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.5), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.7), -2.6em 0em 0 0em #727272, -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.5), -2.6em 0em 0 0em rgba(114, 114, 114, 0.7), -1.8em -1.8em 0 0em #727272;
  }
}
@keyframes circular-load {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #727272, 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.5), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.7), 1.8em -1.8em 0 0em #727272, 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.5), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.7), 2.5em 0em 0 0em #727272, 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.5), 2.5em 0em 0 0em rgba(114, 114, 114, 0.7), 1.75em 1.75em 0 0em #727272, 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.5), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.7), 0em 2.5em 0 0em #727272, -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.2), -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.5), 0em 2.5em 0 0em rgba(114, 114, 114, 0.7), -1.8em 1.8em 0 0em #727272, -2.6em 0em 0 0em rgba(114, 114, 114, 0.2), -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.5), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.7), -2.6em 0em 0 0em #727272, -1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(114, 114, 114, 0.2), 1.8em -1.8em 0 0em rgba(114, 114, 114, 0.2), 2.5em 0em 0 0em rgba(114, 114, 114, 0.2), 1.75em 1.75em 0 0em rgba(114, 114, 114, 0.2), 0em 2.5em 0 0em rgba(114, 114, 114, 0.2), -1.8em 1.8em 0 0em rgba(114, 114, 114, 0.5), -2.6em 0em 0 0em rgba(114, 114, 114, 0.7), -1.8em -1.8em 0 0em #727272;
  }
}
@-webkit-keyframes linear-load {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes linear-load {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.gridx {
  text-align: justify;
  font-size: 0.1px;
  width: 100%;
}
.gridx:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.gridblock {
  display: inline-block;
  vertical-align: top;
  /* or whatever */
  margin-bottom: 1em;
  text-align: left;
  font-size: 100%;
}
@media screen and (max-width: 768px) {
  .gridblock {
    display: block;
  }
}
.twocol .gridblock {
  width: 48%;
}
.tricol .gridblock {
  width: 32%;
}

/* Base Layout
   ========================================================================== */
.content-wrapper {
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-size: 100%;
  background-color: white;
  background-image: -webkit-linear-gradient(bottom, white);
  background-image: linear-gradient(to top,white);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)";
}

#headerWrap {
  background-color: #142655;
  background-image: -webkit-linear-gradient(bottom, #142655);
  background-image: linear-gradient(to top,#142655);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#142655, endColorstr=)";
  margin: 0 auto;
  width: 100%;
  color: #2a2a2a;
  position: relative;
  z-index: 5000;
}

#header,
#columnsTop,
#columnsBottom,
#pageBody,
#footer {
  z-index: 0;
  margin: 0 auto;
  max-width: 100%;
}

#header::after,
#pageBody::after,
#footer::after {
  clear: both;
  content: "";
  display: table;
}

#header {
  padding: 0;
}

.toc .toggle::before {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
}

.toc .toggle.minustoggle::before {
  content: "";
}

.toc .toggle.plustoggle::before {
  content: "";
}

.toc .toggle span {
  display: none;
}

.column-wrapper {
  margin: 0 auto;
  width: 100%;
}
.no-configurable-layout .column-wrapper {
  color: #2a2a2a;
}
.no-configurable-layout .column-wrapper a {
  color: #006fb7;
}
.no-configurable-layout .column-wrapper a:hover {
  color: #006fb7;
}
.no-configurable-layout .column-wrapper h1, .no-configurable-layout .column-wrapper h2, .no-configurable-layout .column-wrapper h3, .no-configurable-layout .column-wrapper h4 {
  color: #2a2a2a;
}
.no-configurable-layout .column-wrapper hr {
  border-color: #cfd5e5;
}
.no-configurable-layout .column-wrapper .module h2,
.no-configurable-layout .column-wrapper .contentBlock h2 {
  border-color: #cfd5e5;
}
#pageBody,
#columnsTop,
#columnsBottom {
  padding: 0 1.5em;
}
@media screen and (max-width: 1024px) {
  #pageBody,
#columnsTop,
#columnsBottom {
    padding: 0 1.167em;
  }
}
@media screen and (max-width: 768px) {
  #pageBody,
#columnsTop,
#columnsBottom {
    padding: 0 0.5em;
  }
}

#pageBody {
  position: relative;
  padding-top: 3.5em;
}
@inlcude pf-media-tablet {
  #pageBody {
    padding-top: 3.5em;
  }
}
.page-viewjournalarticle #pageBody {
  padding-top: 1.5em;
}

#mainContent {
  width: calc(100% - 23% - 2%);
  position: relative;
  float: left;
  left: calc(23% + 2%);
  margin-bottom: 3.6363636%;
}
@media screen and (max-width: 1024px) {
  #mainContent {
    float: none;
    width: 100%;
    left: 0;
  }
}

.page-search #mainContent,
.contentPage #mainContent {
  left: 2%;
}
@media screen and (max-width: 1024px) {
  .page-search #mainContent,
.contentPage #mainContent {
    left: 0;
  }
}

.page-search #columnOne,
.contentPage #columnOne {
  left: 0;
}

.contentPage #mainContent {
  position: static;
  margin-left: 2%;
}
@media screen and (max-width: 1024px) {
  .contentPage #mainContent {
    margin: 0;
  }
}

#columnOne,
#columnTwo {
  position: relative;
  margin-bottom: 2.8282828%;
  float: left;
  left: calc(23% + 2% - 100%);
  width: 23%;
}
@media screen and (max-width: 1024px) {
  #columnOne,
#columnTwo {
    float: none;
    left: 0;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1024px) {
  #columnOne {
    padding: 0 1.167em 1.167em !important;
  }
}
@media screen and (max-width: 768px) {
  #columnOne {
    padding: 0 0.5em 1.167em !important;
  }
}

@media screen and (max-width: 1024px) {
  #columnTwo {
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
}

#footerWrap {
  background-color: white;
  background-image: -webkit-linear-gradient(bottom, white);
  background-image: linear-gradient(to top,white);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)";
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  margin: 0 auto;
  width: 100%;
  color: #2a2a2a;
}

#footer {
  padding: 1.5em;
}

@media screen and (max-width: 1200px) {
  #headerWrap,
#header,
#columnWrapper,
#columnsTop,
#pageBody,
#columnsBottom,
#footerWrap,
#footer {
    width: 100%;
  }
}
/* Home Page Layouts
   ========================================================================== */
.page-start #pageBody {
  padding-top: 1.5em;
}
.page-start .contentBlock {
  background: none;
}
.page-start #mainContent {
  position: static;
  float: left;
  margin-left: 25%;
  margin-right: 0;
  width: 50%;
}
.page-start #columnOne,
.page-start #columnTwo {
  position: static;
  width: 25%;
}
.page-start #columnOne {
  float: left;
  margin-left: -75%;
  padding-left: 0;
  padding-right: 2%;
}
.page-start #columnTwo {
  float: right;
  padding-right: 0;
  padding-left: 2%;
}
@media screen and (max-width: 1024px) {
  .page-start #mainContent {
    width: 67%;
    left: 33%;
    position: relative;
    margin-left: 0;
  }
  .page-start #columnOne {
    margin-left: 0;
    padding-right: 3% !important;
    padding-left: 0 !important;
    width: 33%;
    left: -67%;
    position: relative;
  }
  .page-start #columnTwo {
    clear: both;
    margin-left: 0;
    padding-right: 0;
    width: 100%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .page-start #mainContent,
.page-start #columnOne,
.page-start #columnTwo {
    float: none;
    margin: 0 auto 2.8282828% auto;
    padding: 0 !important;
    width: 100%;
    left: 0 !important;
  }
}

/* Tri-column Page Layout (e.g., Title Landing Page)
   ========================================================================== */
.tricol #mainContent {
  float: left;
  margin-left: 0;
  width: 50%;
  position: relative;
  left: 25%;
}
.tricol #columnOne,
.tricol #columnTwo {
  width: 25%;
}
.tricol #columnOne {
  float: left;
  padding-right: 2%;
  position: relative;
  left: -50%;
}
.tricol #columnTwo {
  float: right;
  padding-right: 0;
  padding-left: 2%;
  position: static;
}
@media screen and (max-width: 1024px) {
  .tricol #mainContent,
.tricol #columnOne,
.tricol #columnTwo {
    position: static;
    clear: both;
    margin: 0 auto 2.8282828% auto;
    padding: 0;
    width: 100%;
  }
}

/* Personalization (Profile) Page Layout
   ========================================================================== */
.myStuff #mainContent {
  width: calc(100% - $sideColumnWidth - $siteColumnGap);
  margin-left: 0;
  margin-top: 0;
  left: 0;
}
.myStuff #columnOne {
  float: right;
  margin-top: 0.67em;
  padding-right: 0;
  padding-left: 0;
  position: static;
}
.myStuff .tab-list.myTabs {
  position: static;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .myStuff #mainContent {
    margin: 0 auto 2.8282828% auto;
    padding: 0;
    width: 100%;
  }
  .myStuff #columnOne {
    clear: both;
    margin: 0 auto 2.8282828% auto;
    padding: 0;
    width: 100%;
  }
}
.myStuff .download-history {
  float: right;
  padding: 0.5em;
}
.myStuff .new-download {
  float: right;
  padding: 0.5em;
}
.myStuff .all-download-list-container .control.button.primary a {
  color: #ffffff !important;
  cursor: pointer;
}
.myStuff .download-link-zip {
  display: block;
}
.myStuff .download-link-zip:before {
  font-family: "FontAwesome";
  content: "";
  font-size: 18px;
  display: inline;
  padding: 0.5em;
}
.myStuff .download-link-ftp {
  display: block;
}
.myStuff .download-link-ftp:before {
  font-family: "FontAwesome";
  content: "";
  font-size: 18px;
  display: inline;
  padding: 0.5em;
}
.myStuff .download-link-dropbox {
  display: block;
}
.myStuff .download-link-dropbox:before {
  font-family: "FontAwesome";
  content: "";
  font-size: 18px;
  display: inline;
  padding: 0.5em;
}
.myStuff .filterOptionsGroup {
  text-transform: capitalize;
  display: inline-block;
  vertical-align: top;
  adding: 1em;
}
.myStuff .filterOptionsGroup .filterGroupHeader {
  padding: 0.5em;
  font-weight: bold;
}
.myStuff .filterOptionsGroup .filterOption {
  padding: 0.1em;
}
.myStuff .filterOptionsGroup .filterOption label {
  padding-left: 0.5em;
}

/* Advanced Search Page Layout
   ========================================================================== */
.advancedSearch #mainContent {
  left: 0;
}
.advancedSearch #mainContent::after {
  clear: both;
  content: "";
  display: table;
}
.advancedSearch #columnOne {
  display: none;
}

/* Header Block
   ========================================================================== */
#headerUtilityBar {
  background-color: #142655;
  background-image: -webkit-linear-gradient(bottom, #142655);
  background-image: linear-gradient(to top,#142655);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#142655, endColorstr=)";
  float: none;
  font-family: "Open Sans", sans-serif;
  color: white;
}
#headerUtilityBar::after {
  clear: both;
  content: "";
  display: table;
}

/* Footer Block
   ========================================================================== */
#footer a {
  color: #2a2a2a;
}
#footer a:focus, #footer a:hover {
  color: #2a2a2a;
  text-decoration: none;
}

#footerAccounts {
  float: left;
  margin: 0 3em 0 0;
  max-width: 21%;
}
@media screen and (max-width: 1000px) {
  #footerAccounts {
    float: none;
    margin: 0 auto 1.167em;
    max-width: 100%;
    text-align: center;
  }
  #footerAccounts > a {
    margin: 0 auto 1.167em;
  }
}

#footerDetail {
  float: left;
}
@media screen and (max-width: 1000px) {
  #footerDetail {
    float: none;
    text-align: center;
    margin-bottom: 1.167em;
  }
}

#footerAccounts,
#footerDetail {
  /*@include pf-media-tablet {
  	width: 60%;
  }*/
}

#footerLogoWrap {
  float: right;
}
@media screen and (max-width: 1000px) {
  #footerLogoWrap {
    float: none;
    margin: 0 auto;
  }
  #footerLogoWrap #footerLogo {
    float: none;
  }
  #footerLogoWrap #footerLogo a {
    width: 94px;
    margin: 0 auto;
  }
}

/* CMS Content Blocks
   ========================================================================== */
#preColumnBlock,
#postColumnBlock {
  clear: both;
}

@media screen and (max-width: 1024px) {
  #columnTwoTopBlock {
    float: right;
    width: 30%;
  }

  #columnTwoBottomBlock {
    float: left;
    width: 67%;
  }
}
@media screen and (max-width: 768px) {
  #columnTwoTopBlock,
#columnTwoBottomBlock {
    float: none;
    width: 100%;
  }
}

#columnOne nav.content-nav,
.leftColumn nav.content-nav {
  border: 1px solid #cfd5e5;
  border-bottom: none;
}
#columnOne nav.content-nav a,
.leftColumn nav.content-nav a {
  margin-bottom: 0;
  font-size: 1em;
  border-bottom: solid 1px #cfd5e5;
  display: block;
  padding: 0.67em 1.67em 0.67em 0.67em;
  position: relative;
  background: #f2f5f9;
}
#columnOne nav.content-nav a:after,
.leftColumn nav.content-nav a:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -8px;
}
#columnOne nav.content-nav a.active,
.leftColumn nav.content-nav a.active {
  background: white;
}

audio, canvas, video {
  max-width: 100%;
}

/* Content Panels
   ========================================================================== */
.content-panel {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  position: relative;
  margin: 0 0 1.67em 0;
  padding: 0;
}
.content-panel:empty {
  display: none;
}
.content-panel h2 {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cfd5e5;
  margin: 0 0 1em 0;
  padding: 0 0 0.333em 0;
  font-size: 1.333em;
  line-height: 1.333em;
  font-weight: 600;
}

#searchContent,
#readPanel,
#pageContent {
  float: left;
  width: 100%;
  line-height: 1.3;
  padding: 1.667em;
}
@media screen and (max-width: 1024px) {
  #searchContent,
#readPanel,
#pageContent {
    padding-right: 1.167em;
    padding-left: 1.167em;
  }
}
@media screen and (max-width: 768px) {
  #searchContent,
#readPanel,
#pageContent {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
}
#searchContent .abstract,
#readPanel .abstract,
#pageContent .abstract {
  margin-bottom: 1.67em;
}

#noresults {
  padding: 1.667em;
  background-color: white;
}

#readPanel .pdf-js-inline-view {
  padding: 1em 0 1em 0;
}
#readPanel .pdf-js-inline-view .pdf-page {
  margin: 1em auto 0 auto;
  display: block;
  border: gainsboro;
  border-style: solid;
}

#jumpToJournalArticle .form-row {
  width: 33%;
  float: left;
  padding: 0 0.5em;
}
#jumpToJournalArticle .form-row .locus-field {
  width: 100%;
}
#jumpToJournalArticle .search-button {
  float: right;
  clear: both;
}

.resizer-controls {
  display: none;
}

#mainContent::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 1024px) {
  #pageBody {
    padding-top: 1.67em;
  }

  #mainContent,
#columnOne {
    float: none;
    margin: 0 auto 2.8282828% auto;
    padding: 0;
    width: 100%;
  }

  #columnOne {
    margin-bottom: 0;
  }

  .bookDetail #columnOne,
.page-viewtitle #columnOne {
    padding: 0 0 1.167em !important;
  }

  .page-viewtitle #columnOne {
    margin: 0 !important;
  }

  #contentWrapper {
    padding-top: 55px;
  }

  #headerWrap {
    position: fixed;
    top: 0;
  }

  .site-nav-expanded #contentWrapper {
    padding-top: 0;
  }
  .site-nav-expanded #headerWrap {
    position: static;
  }
}
/* Ancillary Navigation Container
   ========================================================================== */
#headerUtilityBar {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  #headerUtilityBar {
    max-width: 100%;
    width: 100%;
  }
}

.site-header a {
  color: #ffffff;
}
.site-header a:hover {
  color: #dcdcdc;
}

.page-viewjournaloverview #readPanel {
  margin-top: 1.667em;
}
.page-viewjournaloverview #readPanel .tab-panel {
  border-width: 1px 0 0 0;
}

#columnOne .sidebar {
  position: relative;
}

.page-start .toc {
  background: transparent;
}

.page-viewjournaloverview #readPanel {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .advancedSearch #form,
#searchContent,
#readPanel,
#pageContent {
    float: none;
  }
}

.gdpr-data-section {
  border: 1px solid grey;
  padding: 1em;
  margin: 0.5em;
}

.contributor-details {
  display: inline-block;
}
.contributor-details.precedes-active + .contributor-separator:after {
  content: "";
  display: block;
}
.contributor-details [role=button] {
  cursor: pointer;
}

.contributor-details-block {
  position: relative;
  display: inline-block;
}

.contributor-details-pop-up {
  opacity: 0;
  overflow: auto;
  border-radius: 4px;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  padding: 5px 10px;
  width: 442px;
  position: absolute;
  background-color: #ffffff;
  margin-top: 6px;
  z-index: 101;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .contributor-details-pop-up {
    width: calc(100% + 1px);
    position: fixed;
    bottom: 0;
    left: 0;
    border-radius: 0;
    box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.1);
  }
}
.contributor-details-pop-up:before {
  content: "";
  transform: rotate(45deg);
  width: 13px;
  height: 13px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0 0 1px;
  position: absolute;
  left: 16px;
  top: -8px;
}
@media screen and (max-width: 768px) {
  .contributor-details-pop-up:before {
    display: none;
  }
}
.contributor-details-pop-up .contributor-details-pop-up-name {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.contributor-details-pop-up .contributor-details-pop-up-affiliation {
  font-size: 0.85em;
}
.contributor-details-pop-up .contributor-details-link-close-icon {
  position: absolute;
  top: 5px;
  right: 10px;
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .contributor-details-pop-up .contributor-details-link-close-icon {
    display: block;
  }
}
.contributor-details-pop-up .contributor-details-link-close-icon:hover {
  text-decoration: none;
}
.contributor-details-pop-up .contributor-details-link-close-icon:after {
  font-family: "pf2-icons", "Material Icons";
  content: "";
  color: #cccccc;
  font-size: 30px;
  text-decoration: none;
}
.contributor-details-pop-up .contributor-details-link-close-icon:after:hover {
  text-decoration: none;
}

.visibility-hidden {
  visibility: hidden;
}

.fade-in-point3s {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .fade-in-point3s {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
  }
}

.ico-access {
  position: relative;
  float: left;
  text-align: center;
  margin-right: 0.5em;
  margin-top: 1px;
}
.ico-access:focus > *, .ico-access:hover > * {
  visibility: visible;
}
.contentItem .ico-access, .summary .ico-access {
  float: right;
}
.ico-access .license-link {
  display: none;
}
.summary .ico-access:before, .layout.type-index-card .ico-access:before {
  font-size: 22px;
  top: 2px;
  position: relative;
}
.summary .ico-access .license-link, .layout.type-index-card .ico-access .license-link {
  display: block;
  font-size: 13px;
}
.summary .ico-access .license-link-open span, .layout.type-index-card .ico-access .license-link-open span {
  height: 15px;
  width: 15px;
  background: url(../img/cc.logo.png) no-repeat;
  clip: auto;
  position: relative;
  display: inline-block;
  margin-bottom: -3px;
}
.summary .ico-access .license-link.licence-cc-by span, .layout.type-index-card .ico-access .license-link.licence-cc-by span {
  background: url(../img/cc/by.svg);
  background-size: 88px 31px;
  width: 88px;
  height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-sa span, .layout.type-index-card .ico-access .license-link.licence-cc-by-sa span {
  background: url(../img/cc/by-sa.svg);
  background-size: 88px 31px;
  width: 88px;
  height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-nd span, .layout.type-index-card .ico-access .license-link.licence-cc-by-nd span {
  background: url(../img/cc/by-nd.svg);
  background-size: 88px 31px;
  width: 88px;
  height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-nc span, .layout.type-index-card .ico-access .license-link.licence-cc-by-nc span {
  background: url(../img/cc/by-nc.svg);
  background-size: 88px 31px;
  width: 88px;
  height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-nc-sa span, .layout.type-index-card .ico-access .license-link.licence-cc-by-nc-sa span {
  background: url(../img/cc/by-nc-sa.svg);
  background-size: 88px 31px;
  width: 88px;
  height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-nc-nd span, .layout.type-index-card .ico-access .license-link.licence-cc-by-nc-nd span {
  background: url(../img/cc/by-nc-nd.svg);
  background-size: 88px 31px;
  width: 88px;
  height: 31px;
}
.ico-access-restricted {
  color: #be2228 !important;
}
.ico-access-restricted:before {
  content: "\f05e";
}
.ico-access-authorized, .ico-access-open, .ico-access-free {
  color: #009900 !important;
}
.ico-access-authorized:before, .ico-access-open:before, .ico-access-free:before {
  content: "\f111";
}
.ico-access-open {
  color: #FFC125 !important;
}
.ico-access-partial {
  color: #009900 !important;
}
.ico-access-partial:before {
  content: "\f10c";
}
.ico-access > span {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
  position: absolute;
  right: -1.5em;
  bottom: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-box-shadow: 0 0.05em 0.15em 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 0 0.05em 0.15em 0 rgba(191, 191, 191, 0.25);
  box-shadow: 0 0.05em 0.15em 0 rgba(191, 191, 191, 0.25);
  margin-bottom: 1em;
  padding: 0.33em;
  background-color: #d3d3d3;
  width: 10em;
  margin-left: -5em;
  visibility: hidden;
  right: -7.8em;
  color: #2a2a2a;
  padding: 0.5em !important;
}
.ico-access > span:after {
  position: absolute;
  top: 30%;
  left: 80%;
  content: "";
  width: 0;
  height: 0;
  border-top: 0.9em solid #d3d3d3;
  border-left: 0.65em solid transparent;
  border-right: 0.65em solid transparent;
  margin-left: -0.65em;
}
.ico-access > span:before {
  position: absolute;
  top: 30%;
  left: 80%;
  content: "";
  width: 0;
  height: 0;
  border-top: 1em solid #cfd5e5;
  border-left: 0.75em solid transparent;
  border-right: 0.75em solid transparent;
  margin-left: -0.75em;
}
.ico-access > span:before, .ico-access > span:after {
  display: none;
}

@media screen and (max-width: 768px) {
  .indexCard .summary .ico-access {
    margin-right: 40px;
  }

  .ico-access span {
    display: none;
  }
}
.media-image {
  color: black;
}

.default-media-image:before {
  font-size: 5em;
  color: #666666;
  display: inline-block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.47em;
  padding-right: 0.47em;
}

/* Product Offers
========================================================================== */
.ecommerce-block {
  color: #2a2a2a;
  /*padding: $ecommPadding;
  background-color: $ecom-background;
  @include pf-borders($ecommBorderWidth, $ecommBorderStyle, $ecom-border, 3px);*/
}
.ecommerce-block abbr[title] {
  border-bottom: none;
}
.ecommerce-block-header {
  font-size: 1.125em !important;
  line-height: 1.333em;
  font-weight: 600;
  color: #2a2a2a !important;
  margin: 1em 0;
}
.ecommerce-block-content {
  margin-bottom: 1em;
}
.single-offer .ecommerce-block-content {
  display: inline-block;
}
.single-offer .ecommerce-block-footer {
  display: inline-block;
}
.ecommerce-block .toggle-activator {
  cursor: pointer;
}
.ecommerce-block .toggle-activator span:after {
  display: none;
}
.ecommerce-block .toggle-activator .more:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "";
  margin-right: 4px;
}
.ecommerce-block .toggle-activator .less {
  display: none;
}
.ecommerce-block .toggle-activator .less:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "";
  margin-right: 4px;
}
.ecommerce-block .toggle-activator.open .less {
  display: inline-block;
}
.ecommerce-block .toggle-activator.open .more {
  display: none;
}
.splitResult .ecommerce-block {
  clear: both;
}
.ecommerce-block.single-offer {
  margin-top: 2px;
}
.ecommerce-block.single-offer > .ecommerce-block-content {
  margin-bottom: 0;
}
.ecommerce-disclaimer {
  font-size: smaller;
}
.ecommerce-provider {
  font-weight: 700;
}
.ecommerce-checkout-order-processing p {
  padding-bottom: 120px;
  background: url("../images/balls.gif") no-repeat center bottom;
}

.offer {
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f2f5f9;
  padding: 1.5em;
}
.offer::after {
  clear: both;
  content: "";
  display: table;
}
.offer h3 {
  color: #2a2a2a;
}
.offer-list {
  list-style: none;
  margin: 0;
}
.offer-info {
  display: inline-block;
  margin-right: 5%;
  width: 73%;
}
.offer-name {
  margin-bottom: 0.53em;
  font-size: 0.8125em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.offer-action {
  display: inline-block;
  width: 20%;
}
.offer .offer-action .button {
  text-align: right;
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
}
@media screen and (max-width: 1024px) {
  .offer {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 24em;
    /*& + & {
        margin-left: 1em;
    }*/
  }
  .offer-list {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
  }
}
@media screen and (max-width: 768px) {
  .offer {
    width: 100%;
  }
  .offer + .offer {
    margin-left: 0;
  }
  .offer-list {
    display: block;
  }
}

.ecommerce-price {
  font-size: 1.1em;
  font-weight: 700;
  /* when there are multiple currencies supported, we should always display them differently */
}
.ecommerce-price .ecommerce-currency {
  color: #868a8b;
}
.single-offer .ecommerce-price .ecommerce-currency {
  color: inherit;
}
.ecommerce-price.ecommerce-multi-currency {
  font-size: 0.9em;
  line-height: 1.3em;
  display: inline-block;
}
.ecommerce-price.ecommerce-multi-currency:after {
  content: " /";
}
.ecommerce-price.ecommerce-multi-currency:last-of-type:after {
  content: "";
  content: none;
}

span#retailPrice {
  text-decoration: line-through;
}

span#discountedPrice {
  color: red;
}

.cart-update-button {
  font-size: 0.8em;
  margin-bottom: 0px !important;
}

.checkoutSection {
  width: 50%;
  float: left;
}
@media screen and (max-width: 768px) {
  .checkoutSection form.accountForm {
    width: 100%;
    float: none;
    padding-bottom: 1.667em;
  }
}
.checkoutSection .js-readonly-field {
  background-color: #cecbc6;
}

#ecommerceDisclaimer {
  display: none;
}

.ecommerce-checkout-nav {
  clear: both;
}
.ecommerce-checkout-nav .ecommerce-checkout-continue {
  float: right;
}

.ecommerce-checkout-sameshipto {
  padding-bottom: 1.667em;
}

.ecommerce-payment-status {
  margin-bottom: 1em;
  padding: 1em;
  background-color: white;
  overflow: hidden;
  line-height: 1.3;
  /** typically, these are errors */
  border: 1px solid #be2228;
  color: #be2228;
}
.ecommerce-payment-status-complete {
  border: 1px solid #009900;
  color: #009900;
}

.ecommerce-checkout-breadcrumb {
  margin: 0;
  padding: 0;
}
.ecommerce-checkout-breadcrumb li {
  list-style-type: none;
  display: inline-block;
}
.ecommerce-checkout-breadcrumb li:after {
  content: " /";
}
.ecommerce-checkout-breadcrumb li:last-of-type:after {
  content: "";
  content: none;
}
.ecommerce-checkout-breadcrumb .ecommerce-checkout-step-current {
  font-weight: 700;
}

.ecommerce-checkout-message {
  margin-bottom: 10px;
}

/* hide it offscreen, but not with display:none, so that autofill works for editable address displays */
.ecommerce-address-state-wrapper {
  position: absolute;
  left: -10000px;
}
.ecommerce-address-state-wrapper.js-show-state {
  position: relative;
  left: 0;
}

#readPanel div.summary .ecommerce-block h2 {
  color: #2a2a2a !important;
  margin-top: 10px;
}
#readPanel div.summary .ecommerce-block .ecommerce-block-footer {
  color: #2a2a2a !important;
}
#readPanel div.summary .ecommerce-block h3.offer {
  color: #2a2a2a !important;
}
@media screen and (max-width: 1024px) {
  #readPanel div.summary .offer {
    width: 100%;
  }
  #readPanel div.summary .offer + #readPanel div.summary .offer {
    margin-left: 0;
  }
  #readPanel div.summary .offer-list {
    display: block;
  }
}

.ecommerce-error-message {
  display: block;
  font-size: 12px;
  margin-top: 1em;
}

.browseResults .ecommerce-block.single-offer {
  margin-top: 5px;
  padding-top: 10px;
}
.browseResults .ecommerce-block.single-offer > .ecommerce-block-content {
  margin-bottom: 1em;
  display: inline-block;
}

.has-glossary-list .glossaryEntry {
  text-decoration: none !important;
  border-bottom: 1px dashed #bbb;
  color: black;
}

.glossaryTermPopup {
  border-width: 1px;
  border-style: solid;
  border-color: #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 20px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 0 0 20px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 0 0 20px 0 rgba(191, 191, 191, 0.25);
  color: #222;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: normal;
  padding: 9px;
  position: absolute;
  width: 300px;
  background-color: #ffd;
  z-index: 99997;
}
.glossaryTermPopup .glossaryArrowDown {
  position: relative;
  top: 9px;
  float: right;
  margin-right: 55%;
}
.glossaryTermPopup .glossaryArrowDown .inner {
  border-top: 10px solid #ffd;
  background: transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left: 2px;
  position: absolute;
  width: 0;
  z-index: 99999;
}
.glossaryTermPopup .glossaryArrowDown .outer {
  border-top: 12px solid #999;
  background: transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  left: 0;
  position: absolute;
  width: 0;
}
.glossaryTermPopup .term {
  margin-right: 23px;
  text-align: center;
}

.locale-menu {
  position: relative;
  float: right;
  display: inline-block;
  margin: 0 0.833em;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
}
.locale-menu .menu-icon {
  display: none;
}
.locale-menu .menu-toggle {
  display: inline-block;
  margin: 0;
  padding: 0.33em;
  color: #ffffff;
}
.locale-menu .menu-toggle:hover {
  color: #ffffff;
}
.locale-menu.open .menu-toggle {
  background-color: #696969;
}
.locale-menu.open .menu-toggle:hover {
  color: #ffffff;
}
.locale-list {
  list-style: none;
  display: none;
  margin: 0;
  padding: 0;
}
.open .locale-list {
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
  display: block;
  position: absolute;
  z-index: 9000;
  right: 0;
  background: #696969;
}
.open .locale-list .selected {
  background: #808080;
}
.locale-list a {
  display: block;
  margin: 0;
  padding: 0.53em 0.833em;
  color: white;
  text-transform: capitalize;
}
.locale-list a:focus, .locale-list a:hover {
  color: white;
}
.locale-list span {
  display: block;
  padding: 0.53em 0.833em;
}
.locale-list .locale {
  display: block;
  margin: 0;
  padding: 0;
}
.locale-form {
  display: inline-block;
}
.locale-form .locale-select {
  text-transform: capitalize;
}

/* 
    The following styles are intended to do a reset on the .cxs-content-root div so that
    clients have a clean slate for applying their own styles.
*/
.cxs-content-root {
  line-height: 1;
}
.cxs-content-root div, .cxs-content-root span, .cxs-content-root applet, .cxs-content-root object, .cxs-content-root iframe,
.cxs-content-root h1, .cxs-content-root h2, .cxs-content-root h3, .cxs-content-root h4, .cxs-content-root h5, .cxs-content-root h6, .cxs-content-root p, .cxs-content-root blockquote, .cxs-content-root pre,
.cxs-content-root a, .cxs-content-root abbr, .cxs-content-root acronym, .cxs-content-root address, .cxs-content-root big, .cxs-content-root cite, .cxs-content-root code,
.cxs-content-root del, .cxs-content-root dfn, .cxs-content-root em, .cxs-content-root img, .cxs-content-root ins, .cxs-content-root kbd, .cxs-content-root q, .cxs-content-root s, .cxs-content-root samp,
.cxs-content-root small, .cxs-content-root strike, .cxs-content-root strong, .cxs-content-root sub, .cxs-content-root sup, .cxs-content-root tt, .cxs-content-root var,
.cxs-content-root b, .cxs-content-root u, .cxs-content-root i, .cxs-content-root center,
.cxs-content-root dl, .cxs-content-root dt, .cxs-content-root dd, .cxs-content-root ol, .cxs-content-root ul, .cxs-content-root li,
.cxs-content-root fieldset, .cxs-content-root form, .cxs-content-root label, .cxs-content-root legend,
.cxs-content-root table, .cxs-content-root caption, .cxs-content-root tbody, .cxs-content-root tfoot, .cxs-content-root thead, .cxs-content-root tr, .cxs-content-root th, .cxs-content-root td,
.cxs-content-root article, .cxs-content-root aside, .cxs-content-root canvas, .cxs-content-root details, .cxs-content-root embed,
.cxs-content-root figure, .cxs-content-root figcaption, .cxs-content-root footer, .cxs-content-root header, .cxs-content-root hgroup,
.cxs-content-root menu, .cxs-content-root nav, .cxs-content-root output, .cxs-content-root ruby, .cxs-content-root section, .cxs-content-root summary,
.cxs-content-root time, .cxs-content-root mark, .cxs-content-root audio, .cxs-content-root video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.cxs-content-root article, .cxs-content-root aside, .cxs-content-root details, .cxs-content-root figcaption, .cxs-content-root figure,
.cxs-content-root footer, .cxs-content-root header, .cxs-content-root hgroup, .cxs-content-root menu, .cxs-content-root nav, .cxs-content-root section {
  display: block;
}
.cxs-content-root ol, .cxs-content-root ul {
  list-style: none;
}
.cxs-content-root blockquote, .cxs-content-root q {
  quotes: none;
}
.cxs-content-root blockquote:before, .cxs-content-root blockquote:after,
.cxs-content-root q:before, .cxs-content-root q:after {
  content: "";
  content: none;
}
.cxs-content-root table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
Note the styles in here are deliberately using a Safari color palette.  This is because the CXS is an
admin function of the site similar to the management portal so we want a safari style applied.
*/
.cxs-content-root .cxs-container {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
}
.cxs-content-root .cxs-container:hover {
  padding: 0;
  border: dotted 1px #E98300;
  margin: -1px;
}
.cxs-content-root .cxs-progress {
  min-height: 50px;
  padding-top: 0.8em;
  padding-left: 75px;
}
.cxs-content-root .cxs-error {
  display: none;
  min-height: 50px;
  background: transparent url(../img/error.png) top left no-repeat;
  padding-left: 75px;
}
.cxs-content-root .throbber {
  margin: 0 0 0 -50px;
  top: 30px;
}
.cxs-content-root .cxs-messages {
  padding: 1em;
}
.cxs-content-root .cxs-messages p {
  margin: 0;
}
.cxs-content-root .cxs-messages h3 {
  margin: 0;
  color: #E98300;
}
.cxs-content-root .cxs-exception {
  margin-left: 1em;
  padding-left: 0.5em;
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
}
.cxs-content-root .cxs-exception-message {
  font-weight: bold;
}
.cxs-content-root .cxs-exception-cause {
  margin-left: 1em;
  padding-left: 0.5em;
  border-top: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
}
.cxs-content-root .cxs-exception-label {
  float: left;
  font-weight: bold;
}
.cxs-content-root .cxs-exception-value {
  display: block;
  margin-left: 4.5em;
}
.cxs-content-root .cxs-root-cause {
  background: #eeeeee;
}
.cxs-content-root .cxs-root-cause .cxs-exception-value-cause {
  font-weight: bold;
  color: red;
}
.cxs-content-root .cxs-controls {
  display: none;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  list-style: none;
  border-style: solid;
  border-color: #dedbd3;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  margin: 0.5em;
  background-color: #F4F3F0;
  z-index: 1000;
}
.cxs-content-root .cxs-controls li {
  float: right;
}
.cxs-content-root .cxs-control {
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em;
  font-size: 1em;
}
.cxs-content-root .cxs-container:hover .cxs-controls {
  display: block;
}
.cxs-content-root .cxs-control div {
  display: none;
}
.cxs-content-root .cxs-params {
  display: none;
  position: absolute;
  top: 10px;
  right: 57px;
  background: #F4F3F0;
  color: #333333;
  width: 400px;
  font-size: 0.8em;
  padding: 0.5em;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: solid 1px #000000;
  cursor: text;
}
.cxs-content-root .cxs-params h3 {
  font-weight: bold;
  font-size: 1em;
  color: #000000;
}
.cxs-content-root .cxs-params:after, .cxs-content-root .cxs-params:before {
  left: 100%;
  top: 19px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.cxs-content-root .cxs-params:after {
  border-color: rgba(238, 238, 238, 0);
  border-left-color: #F4F3F0;
  border-width: 10px;
  margin-top: -10px;
  bottom: 26px;
}
.cxs-content-root .cxs-params:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #000000;
  border-width: 11px;
  margin-top: -11px;
}
.cxs-content-root .cxs-params .cxs-param {
  clear: both;
  display: block;
  margin-top: 0.3em;
}
.cxs-content-root .cxs-params .cxs-param-name {
  font-weight: bold;
}

.largeFont #contentWrapper {
  font-size: 160%;
}

.skip {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
  display: block;
  padding: 10px;
  background-color: #666666;
  color: #999999;
  text-align: center;
  text-decoration: none;
}
.skip:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
}
.skip:focus {
  position: fixed;
  z-index: 99999;
  width: 100%;
}

.annot {
  background-color: #f2f5f9;
}

#createAnnotation {
  position: absolute;
  z-index: 999;
  margin: 20px 0 0;
  transform: translateX(-50%);
}
#createAnnotation button {
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  color: #ffffff !important;
  /* using important to override <a> within blocks */
}
#createAnnotation button:before {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  html.touch #createAnnotation {
    display: none;
  }
}

.annotation {
  margin-bottom: 1.167em;
  padding-top: 1em;
  border-top: 1px solid #cfd5e5;
}
.annotation:first-child {
  padding-top: 0;
  border-top: none;
}
.annotation header {
  margin-bottom: 1.167em;
}
.annotation blockquote {
  margin: 0 0 1em 0;
  font-style: italic;
}
.annotation blockquote:before {
  content: "“";
  font-style: normal;
}
.annotation blockquote:after {
  content: "”";
  font-style: normal;
}
.annotation .timestamp,
.annotation .owner {
  color: #2a2a2a;
  font-size: 0.833em;
}
.annotation .annotatedText {
  margin-top: 1.167em;
}

.annotationsForm legend {
  display: none;
}
.annotationsForm .comment {
  width: 100%;
  min-height: 10em;
  overflow-y: scroll;
}
.annotationsForm .rules {
  font-size: 0.833em;
  color: #2a2a2a;
}

.annotatedText {
  margin-bottom: 1.167em;
  padding: 1em;
  font-size: 0.833em;
  background-color: #f2f5f9;
}

.annotationNav {
  float: right;
  margin: 0-23% 0 0;
  padding-left: 2%;
  width: 23%;
}
@media screen and (max-width: 1024px) {
  .annotationNav {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

.myStuff #mainContent .annotationNav {
  margin-right: -32%;
  width: 29%;
  padding-left: 2%;
}
@media screen and (max-width: 1024px) {
  .myStuff #mainContent .annotationNav {
    margin: 0;
    width: 100%;
    padding-left: 0;
  }
}

.annotSearch input[type=submit],
.annotSearch .search-button {
  margin-left: -0.3em;
}

#headerLogo {
  float: left;
  margin: 1em 1.67em;
}
#headerLogo a {
  display: block;
  background-image: url(../images/odnb-logo.svg);
  background-repeat: no-repeat;
  width: 660px;
  height: 66px;
  background-size: 660px auto;
  /* will need to create a fallback for IE8 */
  background-position: center center;
}
#headerLogo span {
  left: -999em;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  #headerLogo {
    margin: 1em 1.67em;
  }
  #headerLogo a {
    width: 256px;
    height: 46px;
    background-size: 256px auto;
  }
}

#publisherAttr {
  float: left;
}
#publisherAttr .preamble {
  display: block;
  float: left;
  margin-right: 0.5em;
}
#publisherAttr .publisherLogo {
  float: left;
}
#publisherAttr .publisherLogo a {
  display: block;
  max-width: 200px;
}

#institutioninfo {
  display: inline-block;
}
#institutioninfo .preamble {
  display: block;
  float: left;
  margin-right: 0.5em;
}
#institutioninfo .institutionName {
  display: inline-block;
}

#publisherAttr + #institutioninfo {
  border-left: 1px solid #cfd5e5;
}

#footerCopyright {
  display: block;
  margin: 0 0.833em 0.5em 0;
}

#footerLogoWrap .attribution {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 0;
}

#footerLogo {
  display: inline-block;
}
#footerLogo a {
  font-size: 17px;
}
#footerLogo span {
  display: block;
}

.dialog_close,
.fancybox-close,
.actionButtons a,
.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0.33em 0;
  padding: 0 0.667em;
  line-height: 2.167em;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
}
.dialog_close.disabled,
.fancybox-close.disabled,
.actionButtons a.disabled,
.button.disabled,
button.disabled,
input[type=button].disabled,
input[type=reset].disabled,
input[type=submit].disabled {
  filter: alpha(opacity=30);
  opacity: 0.3;
}

html[lang=de] .dialog_close,
html[lang=de] .fancybox-close,
html[lang=de] .actionButtons a,
html[lang=de] .button,
html[lang=de] button,
html[lang=de] input[type=button],
html[lang=de] input[type=reset],
html[lang=de] input[type=submit],
html[lang=fr] .dialog_close,
html[lang=fr] .fancybox-close,
html[lang=fr] .actionButtons a,
html[lang=fr] .button,
html[lang=fr] button,
html[lang=fr] input[type=button],
html[lang=fr] input[type=reset],
html[lang=fr] input[type=submit] {
  text-transform: none;
}

button,
input[type=button],
input[type=reset] {
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  color: #ffffff;
}

.dialog_close,
.fancybox-close,
.actionButtons a,
.button.primary,
button[type=submit],
input[type=submit] {
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  /* a lot of buttons were using the a link color instead of the button color */
  color: #ffffff !important;
  font-weight: 400;
}

.button.toggle,
button.toggle {
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  color: #ffffff;
}

.dialog_close,
.fancybox-close {
  position: absolute;
  top: 0.25em;
  right: 0.5em;
  padding: 0;
  width: 1.67em;
  height: 1.67em;
  line-height: 1.67em;
}
.dialog_close:hover,
.fancybox-close:hover {
  color: #ffffff;
}

.actionButtons {
  margin-bottom: 1.67em;
}

.btnRss {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.btnRss a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  width: 1.333em;
  background-color: #f2f5f9;
  color: #2a2a2a;
  text-align: center;
  font-size: 1.333em;
  line-height: 1.333em;
}
.btnRss a:hover {
  background-color: #d3d3d3;
  color: #2a2a2a;
}

.whatsNewBtnRss a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  width: 1.333em;
  background-color: #006fb7;
  color: white;
  text-align: center;
  font-size: 1.333em;
  line-height: 1.333em;
  float: right;
}
.whatsNewBtnRss a:hover {
  background-color: #006fb7;
  color: white;
}

.component-add-to-download-button {
  float: right;
}
.component-add-to-download-button .button.default {
  padding-right: 2.9em;
  margin-right: -2.9em;
}
.component-add-to-download-button .button.launcher {
  display: inline-flex;
}
.component-add-to-download-button .button.launcher:after {
  color: #ffffff;
  font-family: "FontAwesome";
  content: "";
  font-size: 18px;
  display: inline;
}
.component-add-to-download-button .dropdown-ul {
  display: none;
  background: #f2f5f9;
  z-index: 3;
  list-style-type: none;
}
.component-add-to-download-button .dropdown-ul li {
  padding: 5px;
}

.module,
.contentBlock {
  position: relative;
  margin: 0 0 1.67em 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.3;
}
.module:empty,
.contentBlock:empty {
  display: none;
}
.module h2,
.contentBlock h2 {
  border-width: 0 0 1px 0;
  border-style: solid;
  margin: 0 0 1em 0;
  padding: 0 0 0.333em 0;
  font-size: 1.333em;
  line-height: 1.333em;
  font-weight: 600;
}
.module a,
.contentBlock a {
  text-decoration: none;
}
.module li,
.contentBlock li {
  margin-bottom: 0.67em;
}

.module h3,
.contentBlock h3,
#snippetNav h3 {
  margin-bottom: 0.833em;
  font-size: 1.167em;
  font-weight: 600;
}

.module {
  margin: 0 0 1.67em 0;
}
.module ul {
  list-style: none;
  margin: 0 0 1em 0;
}
.module ul ul {
  margin-top: 0.67em;
  margin-left: 1.167em;
}
.module .shut ul {
  display: none;
}

.contentBlock nav ul {
  -webkit-columns: 3 200px;
  -moz-columns: 3 200px;
  columns: 3 200px;
  -webkit-column-gap: 1.667em;
  -moz-column-gap: 1.667em;
  column-gap: 1.667em;
}
.contentBlock nav li {
  margin: 0;
  padding: 0;
}
.contentBlock nav li:last-child,
.contentBlock nav li li {
  border-bottom: none;
}
.contentBlock nav a {
  display: block;
  margin: 0;
  padding: 0.33em;
}

.contentBlock table {
  border: none;
}
.contentBlock td {
  padding: 0.833em;
}
.contentBlock img,
.contentBlock object {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}

/* sidebars on static CMS-generated pages */
.contentPage #rightsidebar {
  float: right;
  margin: 0 0 1.167em 1.167em;
  padding: 0 0 1.167em 1.167em;
  width: 28.954424%;
  border-left: 1px solid;
}
.contentPage #rightsidebar:empty {
  display: none;
}
@media screen and (max-width: 768px) {
  .contentPage #rightsidebar {
    float: none;
    width: 100%;
    border-left: 0;
    margin: 0;
    padding: 0 0 1.167em;
  }
}
@media screen and (max-width: 1024px) {
  .contentPage #leftsidebar {
    display: none;
  }
}

#saveToProject {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  padding: 1.667em;
  background-color: white;
}

#saveToProjectModal label {
  display: block;
}

/*- Cookies Messaging -*/
#euCookiesZone {
  display: none;
}

.european-union-cookies-agreement-present:not(.page-error404) #euCookiesZone {
  display: block;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  padding: 10px 20px;
  background: white;
  color: #ffffff;
}
.european-union-cookies-agreement-present:not(.page-error404) #euCookiesZone span {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
}

@media screen and (max-width: 1024px) {
  .european-union-cookies-agreement-present:not(.page-error404) #euCookiesZone {
    position: fixed;
    top: 55px;
    z-index: 1;
  }
}
.featured-items {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 10em;
  background: url(../img/ajax-loader-large.gif) no-repeat center center transparent;
}
.featured-items li {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
  display: inline-block;
  padding: 1em;
  vertical-align: middle;
  text-align: center;
}
.featured-items li:first-child, .featured-items li.start-row {
  clear: left;
}
.featured-items li:last-child, .featured-items li.end-row {
  clear: right;
}
.featured-items.loaded {
  background: none;
}
.featured-items.loaded li {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
  float: left;
}

figure.float {
  float: left;
  margin: 10px 20px 10px 0;
  max-width: 370px;
}
figure.center {
  margin: 20px auto;
  width: 350px;
}
figure figcaption {
  font-weight: bold;
  margin-bottom: 5px;
}
figure img {
  display: block;
}
figure .attribution {
  font-style: italic;
}

.formRow,
.form-row,
.t-beaneditor-row {
  margin: 0 0 0.67em 0;
}
.formRow::after,
.form-row::after,
.t-beaneditor-row::after {
  clear: both;
  content: "";
  display: table;
}
.formRow label,
.form-row label,
.t-beaneditor-row label {
  display: block;
  margin-bottom: 0.5em;
}

.wideField {
  width: 12.375em;
}

.inputSm {
  width: 4em;
}

.example,
.hint {
  font-size: 0.833em;
  color: #2a2a2a;
}

.date-range * {
  margin-bottom: 0.5em;
}

.date-field {
  width: 5em;
}

#accountForm label {
  width: 30%;
}

#projectDetailsForm label {
  width: 12%;
}

#projectDetailsForm .formHint {
  display: block;
  margin-left: 13%;
}

/* Search Module (e.g., block containing search form -- 
   site search, document search, refine search, locus search.)
   ========================================================================== */
.searchModule {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  position: relative;
  margin: 0 0 1.67em 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.3;
}
.searchModule::after {
  clear: both;
  content: "";
  display: table;
}
.searchModule + .searchModule {
  padding-top: 1.167em;
  border-top: 1px solid #cfd5e5;
}
@media screen and (max-width: 1024px) {
  .searchModule {
    margin: 0;
    padding: 0.85714286em 1em;
    color: #2a2a2a;
    background: white;
  }
}
@media screen and (max-width: 768px) {
  .searchModule + .searchModule {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}

@media screen and (max-width: 1024px) {
  .browseResults #columnOne {
    position: relative;
  }
  .browseResults #columnOne .searchModule {
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 400px;
    padding: 1.167em 1em;
  }
}
@media screen and (max-width: 500px) {
  .browseResults #columnOne .searchModule {
    max-width: 100%;
    padding-left: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .annotationNav .searchModule {
    width: 100% !important;
    padding-bottom: 1em;
    color: #2a2a2a !important;
    background: white !important;
  }
}

.search-form .form-group {
  margin: 0;
  padding: 0;
}
.search-form .form-group-label {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: white;
  color: #2a2a2a;
  display: block;
  width: 100%;
  margin: 0 0 0.67em 0;
  padding: 0;
  font-size: 1.167em;
  font-weight: 700;
  line-height: 1.167em;
}
.search-form .form-label {
  display: inline-block;
  margin: 0 0 0.33em 0;
  padding: 0.5em 0;
  font-weight: 400;
}
.search-form .radio-group .radio-label {
  margin-right: 1em;
}
.search-form input[type=text],
.search-form .search-field {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 0.33em 0;
  padding: 0 0.5em;
  color: #2a2a2a;
  font-size: 1em;
  height: 2.167em;
  line-height: 0.8;
}
.search-form input[type=submit],
.search-form .search-button {
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  margin: 0 0 0.33em 0;
  padding: 0 0.667em;
  color: #ffffff;
  font-size: 1em;
  height: 2.167em;
  line-height: 2.167em;
}

/* Site Search, Document Search and Refine Search
   ========================================================================== */
.single-query-form input[type=text],
.single-query-form .search-field {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  float: left;
  border-right: 0;
}
.single-query-form input[type=submit],
.single-query-form .search-button {
  background: #267cb5 url("../img/iconmonstr-magnifier-icon-16.png") center center no-repeat;
  background: url("../img/iconmonstr-magnifier-icon-16.png") center center no-repeat, -webkit-linear-gradient(bottom, #267cb5, );
  background: url("../img/iconmonstr-magnifier-icon-16.png") center center no-repeat, linear-gradient(to top, #267cb5, );
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  float: left;
  padding: 0 1.167em;
  border-left: 0;
  text-indent: -999em;
}

.searchWithin, .search-within {
  /*@at-root {
  	@include pf-media-tablet {
  		.page-search .searchWithin {
  			width: 410px !important;
  			position: absolute;
  			top: 3px;
  			right: 0;
  			background: $content-bar-background;
  		}
  	}
  	@media only screen and (max-width: 550px) {
  		.page-search .searchWithin {
  			width: 207px !important;
  		}
  	}
  }*/
  /*@media only screen and (max-width: 550px) {
  	width: 207px !important;
  	padding: 0.85714em 0 !important;
  	.search-form {
  		width: 207px !important;
  	}
  	input[type="text"],
  	.search-field {
  		width: 150px !important;
  	}
  	input[type="submit"],
  	.search-button {
  		width: 43px !important;
  	}

  	.page-viewjournalarticle & {
  		.radio-group { 
  			float: none;
  		}
  		.radio-label {
  			line-height: inherit;
  		}
  		input[type="text"],
  		.search-field {
  			width: 84%;
  		}
  		input[type="submit"],
  		.search-button {
  			width: 16%;
  		} 
  	}
  }*/
}
.searchWithin input[type=text],
.searchWithin .search-field, .search-within input[type=text],
.search-within .search-field {
  width: 100%;
  margin-bottom: 0;
  padding-right: 44px;
  float: left;
}
.searchWithin input[type=submit],
.searchWithin .search-button, .search-within input[type=submit],
.search-within .search-button {
  width: 44px;
  margin-bottom: 0;
  float: left;
  margin-left: -44px;
}
@media screen and (max-width: 1024px) {
  .searchWithin, .search-within {
    width: 100%;
    /*input[type="text"],
    .search-field {
    	width: 320px !important;
    	height: 42px;
    	line-height: 12px;
    }
    input[type="submit"],
    .search-button {
    	width: 57px !important;
    	height: 42px;
    }*/
  }
  .searchWithin .search-form, .search-within .search-form {
    max-width: 400px;
    position: relative;
  }
}
.searchWithin.fullWidth, .search-within.fullWidth {
  padding: 1.667em 1.667em 0 1.667em;
}
.searchWithin.fullWidth:after, .search-within.fullWidth:after {
  clear: none;
}
.searchWithin.fullWidth .search-form, .search-within.fullWidth .search-form {
  max-width: 100%;
  position: relative;
}
.searchWithin.fullWidth .search-form:before, .search-within.fullWidth .search-form:before {
  font-family: FontAwesome;
  content: "";
  font-size: 24px;
  display: block;
  position: absolute;
  top: 18px;
  right: 18px;
  color: #267cb5;
}
.searchWithin.fullWidth input[type=text], .search-within.fullWidth input[type=text] {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  line-height: 65px;
  height: auto;
  float: none;
  font-size: 1.25em;
  padding: 0 80px 0 1.667em;
}
.searchWithin.fullWidth input[type=text]:focus, .search-within.fullWidth input[type=text]:focus {
  outline: 0;
  border-color: #267cb5;
}
.searchWithin.fullWidth input[type=submit], .search-within.fullWidth input[type=submit] {
  border: 0;
  width: 65px;
  height: 65px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
}

.locus-search-form .form-row {
  display: inline-block;
  width: 32%;
}
.locus-search-form .locus-label {
  display: block;
}
.locus-search-form .locus-field {
  width: 10em;
}

.locusSearch .form-row {
  display: block;
  width: 100%;
}
.locusSearch .form-row .locus-label {
  width: 5em;
  display: inline-block;
}
.locusSearch .form-row .locus-field {
  width: 10em;
}
@media screen and (max-width: 768px) {
  .locusSearch {
    margin-bottom: 1.667em;
    padding: 0 !important;
    background: transparent !important;
  }
  .locusSearch > * {
    display: none;
  }
}

/* Advanced Search Form
   ========================================================================== */
.advancedSearch .searchGroup label {
  display: block;
  margin-bottom: 0.25em;
}
.advancedSearch .buttons {
  padding-top: 1em;
  border-top: 1px solid #cfd5e5;
  text-align: right;
}
.advancedSearch legend {
  display: none;
}
.advancedSearch .searchtype {
  width: 100%;
  max-width: 19.25em;
  margin-right: 1em;
  margin-bottom: 0.33em;
}
.advancedSearch .operator {
  width: 5em;
  margin-right: 1em;
  margin-bottom: 1.5em;
}
.advancedSearch .wideField {
  margin-right: 1em;
  width: 100%;
  max-width: 20.375em;
}
.advancedSearch .typeWrap {
  display: inline-block;
  margin: 0 -4px 0.5em 0;
  padding-right: 2%;
  width: 20%;
}
.advancedSearch .advSearchModule {
  margin-bottom: 1.5em !important;
}
.advancedSearch + .advSearchModule {
  border-top: 1px solid #cfd5e5;
}
.advancedSearch .multiselect-group {
  max-width: 60em;
}
.advancedSearch .moduleDetail > div,
.advancedSearch .date-range-group,
.advancedSearch .date-query-rows {
  margin-bottom: 1.5em;
}
.advancedSearch .date-query-rows fieldset {
  position: relative;
}
.advancedSearch .date-query-rows fieldset > div.select-group {
  width: 80%;
}
.advancedSearch .date-query-rows fieldset > div.select-group div.select-group {
  width: 25%;
  display: inline-block;
  margin-right: -4px;
}
.advancedSearch .date-query-rows .t-forminjector .operator {
  float: left;
  display: block;
  margin: 1em 0;
}
.advancedSearch .date-query-rows .t-forminjector fieldset > div.select-group {
  float: left;
  clear: left;
}
.advancedSearch .date-query-rows .t-forminjector a.deleteRow {
  float: left;
  position: relative;
  top: 2em;
}
.advancedSearch .date-range-group input {
  margin-right: 1em;
}
.advancedSearch h3 {
  margin-top: 1.5em;
}
.advancedSearch .search-content {
  padding: 0 1.667em;
}
@media screen and (max-width: 1024px) {
  .advancedSearch select.searchtype {
    width: 100% !important;
    max-width: 20.375em;
  }
  .advancedSearch .date-query-rows fieldset > div.select-group {
    float: none !important;
    width: 100%;
  }
  .advancedSearch .date-query-rows fieldset > div.select-group select {
    width: 80%;
  }
  .advancedSearch .date-query-rows fieldset > div.select-group:first-child {
    width: 100%;
  }
  .advancedSearch .date-query-rows fieldset > div.select-group div.select-group {
    width: 33%;
    margin-top: 0.67em;
  }
  .advancedSearch .t-forminjector a.deleteRow {
    float: none !important;
    position: static !important;
    margin: 0.5em 0 1.5em;
    display: inline-block;
  }
  .advancedSearch .typeWrap {
    width: 45%;
  }
  .advancedSearch .search-content {
    padding: 0 1.167em;
  }
}
@media screen and (max-width: 768px) {
  .advancedSearch .first .searchtype,
.advancedSearch .searchtype,
.advancedSearch .wideField {
    margin-right: 0;
    width: 100%;
  }
  .advancedSearch .date-query-rows fieldset > div.select-group select {
    width: 100%;
    max-width: 20.375em;
  }
  .advancedSearch .date-query-rows fieldset > div.select-group:first-child {
    width: 100%;
  }
  .advancedSearch .date-query-rows fieldset > div.select-group div.select-group {
    width: 100%;
  }
}

/* OAI-PMH Form
   ========================================================================== */
.oaipmh {
  width: 100%;
}
.oaipmh label {
  width: 20%;
  text-align: right;
}
.oaipmh input[type=submit] {
  margin-left: 20%;
}
.oaipmh input[type=text],
.oaipmh select {
  width: 30%;
}

/*- My Account Forms -*/
div#addWrapper form.accountForm {
  width: 50%;
  float: left;
}
@media screen and (max-width: 768px) {
  div#addWrapper form.accountForm {
    width: 100%;
    float: none;
    padding-bottom: 1.667em;
  }
}

.ecommerce-cart-entry-display {
  /* these are various columns that may/may not always be displayed, but if they are, should be right aligned since they
  are pricing columns */
}
.ecommerce-cart-entry-display .cover {
  float: left;
  max-width: 90px;
  margin-right: 1em;
}
.ecommerce-cart-entry-display .cover img {
  width: 100%;
  min-height: 60px;
  /* so loading doesn't cause the page to shift! */
  background: transparent url(../img/ajax-loader-large.gif) no-repeat center center;
  border: 1px solid #cfd5e5;
}
.ecommerce-cart-entry-display .cartitem {
  min-width: 10em;
}
.ecommerce-cart-entry-display .cartquantity {
  text-align: center;
  max-width: 5em;
}
.ecommerce-cart-entry-display .cartprice, .ecommerce-cart-entry-display .cartextended, .ecommerce-cart-entry-display .carttax, .ecommerce-cart-entry-display .cartshipping, .ecommerce-cart-entry-display .cartdiscount {
  text-align: right;
  white-space: nowrap;
}
.ecommerce-cart-entry-display .ecommerce-multi-currency.ecommerce-price {
  display: block;
  /* we want it to show one per line... it looks better */
}
.ecommerce-cart-entry-display .ecommerce-multi-currency.ecommerce-price:after {
  content: "";
}

#billingAndShipping {
  display: table;
}
#billingAndShipping .ecommerce-billing-info, #billingAndShipping ecommerce-shipping-info {
  display: table-cell;
  padding-right: 3em;
}

#shippingInfoArea input:disabled, #shippingInfoArea select:disabled {
  color: #ffffff;
  /* set the text color to be the same as the background */
  cursor: not-allowed;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  not supported by any browser */
}

.ecommerce-totals {
  list-style: none;
}

#cartForm #cartTotal {
  text-align: right;
  font-size: 1.2em;
}

#checkoutBlock,
.ecommerce-checkout-nav {
  border-top: 1px solid #cfd5e5;
  margin-top: 1em;
  padding: 1em 0;
}
#checkoutBlock .primary,
#checkoutBlock input[type=submit],
.ecommerce-checkout-nav .primary,
.ecommerce-checkout-nav input[type=submit] {
  float: right;
}
#checkoutBlock .checkout-agree-and-continue,
.ecommerce-checkout-nav .checkout-agree-and-continue {
  float: right;
  text-align: right;
}
#checkoutBlock .checkout-agree-and-continue .checkout-terms-and-conditions,
.ecommerce-checkout-nav .checkout-agree-and-continue .checkout-terms-and-conditions {
  padding-right: 1em;
  line-height: 2.167em;
}

.ecommerce-address {
  margin-bottom: 1em;
}
.ecommerce-address span {
  display: inline;
}
.ecommerce-address span:after {
  /* adds a hard return */
  content: "\a";
  white-space: pre;
}
.ecommerce-address span.ecommerce-address-street-number:after, .ecommerce-address span.ecommerce-address-city:after, .ecommerce-address span.ecommerce-address-postalCode:after {
  /* prevents a hard return */
  content: "";
}

.ecommerce-totals li {
  text-align: right;
}
.ecommerce-totals li .label {
  font-weight: 700;
}

.js-form-submitted,
.js-form-submitted * {
  cursor: wait !important;
}

#gdprJson {
  width: 100%;
  height: auto;
  min-height: 600px;
}

#newsTitle,
#pagetitle {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  /* @extend %headerBar */
  margin: 0;
  padding: 0.583em;
  background: white;
  color: #ffffff;
}

#readPanel > #pagetitle {
  margin-bottom: 0.833em;
  padding: 0;
}
.subjectPage #pagetitle {
  margin: 0 calc($contentPanelPadding / -2);
  border-width: 1px 0;
}
.advancedSearch #pagetitle {
  text-align: center;
}

/* Journal Issue Page */
/* Consider combining the text into an <h2 id="issueTitle"> with a span around the pages classed 'pages'. */
#issueTitle h2,
#issueTitle .issuePages {
  display: inline-block;
}

.hero-block {
  position: relative;
  margin: 0 0 1.667em 0;
  padding: 1.667em;
  color: #FFFFFF;
}
.hero-block h1, .hero-block h2, .hero-block h3, .hero-block h4 {
  color: #FFFFFF;
}
.hero-block:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background-image: url(../img/hero.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.1;
}
.hero-block > img {
  display: none;
}
.ie8 .hero-block {
  overflow: hidden;
}
.ie8 .hero-block:before {
  background-image: none;
}
.ie8 .hero-block > img {
  display: block;
  position: absolute;
  top: 0;
}
.hero-content {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  font-size: 1.333em;
}
.hero-content.twocol .hero-media, .hero-content.twocol .hero-intro {
  display: inline-block;
  vertical-align: top;
}
.hero-content.twocol .hero-media {
  width: 30%;
}
.hero-content.twocol .hero-intro {
  width: 66%;
}
.hero-content .hero-media img {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  width: 100%;
  height: auto;
}
.hero-content h1 {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 0.83em;
}
@media screen and (max-width: 1024px) {
  .hero-content {
    font-size: 1em;
  }
}
@media screen and (max-width: 768px) {
  .hero-content.twocol .hero-media, .hero-content.twocol .hero-intro {
    width: 100%;
  }
  .hero-content .hero-media img {
    display: none;
  }
}

/* Taxonomy Trees and Title Lists 
	Title lists require TitleFilter.js and TitleFilter.tml
	Taxonomy trees require TaxonomyFilters.tml
   ========================================================================== */
.titleList ul,
.taxonomyTree ul {
  margin: 0;
  list-style: none;
}
.titleList li,
.taxonomyTree li {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  display: block;
  margin: 0;
  padding: 0.33em;
}
.titleList li:first-child,
.taxonomyTree li:first-child {
  padding-top: 0;
}
.titleList li:last-child,
.taxonomyTree li:last-child {
  padding-bottom: 0;
}
.titleList li:first-child,
.taxonomyTree li:first-child {
  border-top: none;
  padding-top: 0;
}
.titleList li li,
.taxonomyTree li li {
  border: none;
}
.titleList li > ul,
.taxonomyTree li > ul {
  margin-left: 0.67em;
}
.titleList span,
.titleList a,
.taxonomyTree span,
.taxonomyTree a {
  display: inline;
  margin: 0;
  padding: 0;
}

.titleList li {
  display: none;
}
.titleList li:nth-child(-n+10) {
  display: block;
}
.titleList.showAll li {
  display: block;
}
.titleList .showMoreTitles {
  font-weight: bold;
  cursor: pointer;
}
.titleList .showMoreTitles span {
  display: inline-block;
  margin-left: 0.25em;
}
.titleList.showAll .showMoreTitles {
  display: none;
}

.page-login .login-form {
  display: table;
  margin: 0 auto 3.5em auto;
}

.page-signup .signup-form {
  display: table;
  margin: 0 auto 3.5em auto;
}

#loginPanel {
  position: relative;
  overflow: hidden;
  font-size: 1em;
  color: #2a2a2a;
  background-color: white;
  background-image: -webkit-linear-gradient(bottom, white);
  background-image: linear-gradient(to top,white);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)";
}
#loginPanel h2 {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cfd5e5;
  background: white;
  color: #ffffff;
}
#loginPanel a {
  color: #006fb7;
}
#loginPanel a:hover {
  color: #006fb7;
}
#loginPanel form {
  max-width: 30em;
}
#loginPanel label {
  display: block;
  margin-bottom: 0.25em;
}
#loginPanel input[type=text],
#loginPanel input[type=password] {
  width: 100%;
  background-color: #ffffff;
  color: #2a2a2a;
  border-color: #cfd5e5;
}
#loginPanel input[type=submit] {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  color: #ffffff;
}
#loginPanel .actions {
  margin: 0;
  list-style: none;
}
#loginPanel .actions li {
  margin-bottom: 1em;
}
#loginPanel p {
  margin-bottom: 0;
}
#loginPanel #noAccount + .tokenLink {
  margin-top: 0.833em;
}
#loginPanel .tokenLink a,
#loginPanel #noAccount a {
  font-weight: 700;
}

#loginwrapper1,
#loginwrapper2 {
  margin: 0 1.167em;
  padding: 1.167em 0;
}

#loginwrapper1 + #loginwrapper2 {
  border-top: 1px solid #cfd5e5;
}

#loginPanel #usernameRow input,
#loginPanel #passwordRow input {
  display: block;
  width: 100%;
}
#loginPanel #submitRow {
  display: inline-block;
  margin-right: 10px;
}
#loginPanel #forgotPasswordRow {
  display: inline-block;
}
#loginPanel #forgotPasswordRow a {
  display: inline-block;
  font-size: 0.833em;
}

#redeemToken #loginPanel {
  margin: 0;
  padding: 0;
}

#redeemToken #loginPanel h2 {
  display: none;
}

#redeemToken #loginwrapper1,
#redeemToken #loginwrapper2 {
  margin: 0;
}

#redeemToken #loginwrapper2 {
  display: none;
}

select[name=entityID] ~ input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: none;
  background-color: #9e356b;
  padding: 5px;
  width: 87px;
}

.contentRestrictedMessage {
  clear: both;
  background-color: #f2f5f9;
  padding: 1.5em;
  margin-bottom: 1em;
}

#loggedout {
  margin: 0 0 1.67em 0;
  /* @extend %contentPanel */
  padding: 1.667em;
}

#notifications {
  display: block;
  margin: 0;
  padding: 0.5em;
  background: #009900;
  color: #ffffff;
}

#notifications a,
#loggedout a,
.contentRestrictedMessage a {
  font-weight: 600;
}

/* Tapestry Error Messages (Default Styling) */
form #notifications li {
  padding: 0.5em 1em;
  background-color: white;
}

div.t-error {
  margin-bottom: 1em;
  padding: 1em 1em 0 1em;
  background-color: white;
  border: 1px solid #be2228;
  color: #be2228;
  overflow: hidden;
  line-height: 1.3;
}
div.t-error div {
  margin-bottom: 0.333em;
  color: #be2228;
  font-weight: 600;
}
.locus-search-form div.t-error div {
  display: none;
}
div.t-error li {
  margin-bottom: 0.333em;
}
.modalWindow div.t-error ul {
  margin: 0 1em 1em 2em;
}
.modalWindow div.t-error li {
  list-style: disc outside none;
}

textarea.t-error,
input[type=text].t-error,
input[type=password].t-error {
  border: 1px solid #be2228;
  margin-bottom: 2em;
}

img.t-error-icon {
  display: none;
}

label.t-error {
  color: #be2228;
  font-weight: 600;
}

.t-error-popup {
  display: block;
  margin: 5.33em 0 0 1.67em;
  padding: 0.25em 0;
  height: auto !important;
  /* override inline styles */
  color: #be2228;
  font-size: 0.833em;
}
.t-error-popup:hover {
  text-decoration: underline;
  cursor: pointer;
}

/* Debugging
   ========================================================================== */
#usageLoggingDiv {
  clear: both;
  padding: 1.667em;
  background-color: #FF9912;
}

.no-abstract {
  font-style: italic;
}

#recaptcha_table {
  width: 100%;
}

.recaptchatable .recaptcha_image_cell {
  width: 68.636363636% !important;
  height: auto !important;
}
.recaptchatable #recaptcha_image,
.recaptchatable #recaptcha_image #recaptcha_challenge_image {
  /*width: 100% !important; */
  height: auto !important;
}
.recaptchatable #recaptcha_response_field {
  width: 100% !important;
}

.searchHeader {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(191, 191, 191, 0.1);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(191, 191, 191, 0.1);
  box-shadow: inset 0 -1px 0 0 rgba(191, 191, 191, 0.1);
  /* inner shadow + border create bevel */
  margin: 0;
  padding: 0 1.167em 1.167em 1.167em;
  background: white;
  color: #ffffff;
}
.searchHeader h2 {
  display: inline-block;
  margin: 0 0.5em 0 0;
  font-size: 1.167em;
  color: #ffffff;
}
.searchHeader a {
  color: #ffffff;
}
.searchHeader a:hover {
  color: #ffffff;
}
.searchHeader .searchTerm,
.searchHeader .modifySearch,
.searchHeader .clearAll {
  display: inline-block;
  margin-right: 0.5em;
  padding: 0.25em 0.25em 0.25em 0.75em;
  background: transparent;
  font-weight: 600;
}
.searchHeader .searchTerm {
  margin: 0 0.5em 0 0;
  list-style: none;
  color: #ffffff;
}
.searchHeader .searchTerm strong {
  font-weight: 600;
}
.searchHeader .searchTerm .remove a {
  display: inline-block;
  margin-left: 0.25em;
  background: transparent;
}
.searchHeader .modifySearch {
  border-left: 1px solid #cfd5e5;
}
#noresults .searchHeader {
  padding: 0 0 1.167em 0;
  background: #f2f5f9;
  color: #2a2a2a;
}
#noresults .searchHeader h2 {
  color: #2a2a2a;
}
#noresults .searchHeader a {
  color: #006fb7;
}
#noresults .searchHeader a:hover {
  color: #006fb7;
}
#noresults .searchHeader + p {
  margin-top: 1.67em;
}
@media screen and (max-width: 600px) {
  .searchHeader h2 {
    font-size: 1em;
  }
  .searchHeader .assistive-text {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .searchHeader h2 {
    display: block;
    margin: 0 0 0.5em;
  }
  .searchHeader .modifySearch {
    margin: 0;
    display: inline-block;
    padding-left: 0;
    border-left: 0;
  }
}

#noresults .searchHeader .searchTerm {
  color: #2a2a2a;
}

.browseResults #topSection {
  padding: 1em 1.167em;
  background: rgba(255, 255, 255, 0);
}
.browseResults #topSection h1#pagetitle {
  background: transparent;
  border: none;
  color: #757575;
  padding: 0;
}
.browseResults #topSection .searchHeader {
  background: transparent;
  border: none;
  color: #757575;
  padding: 0;
}
.browseResults #topSection .searchHeader h2,
.browseResults #topSection .searchHeader .searchTerm {
  color: #757575;
}
.browseResults #topSection .searchHeader a {
  color: #006fb7;
}
.browseResults #topSection .searchHeader a:hover {
  color: #006fb7;
}

.cross-search-button {
  width: 100%;
  background-color: transparent;
  margin-bottom: 30px;
  text-transform: none;
  text-align: left;
}

.showcase {
  text-align: center;
}
.showcase .showcaseInner {
  max-width: 1600px;
  margin: 0 auto;
  text-align: left;
}
.showcase .showcaseInner::after {
  clear: both;
  content: "";
  display: table;
}
.showcase .showcaseInner h2, .showcase .showcaseInner h3, .showcase .showcaseInner h4, .showcase .showcaseInner h5 {
  display: block;
  border: 0;
  color: #2a2a2a;
}
.showcase .showcaseInner h2 a, .showcase .showcaseInner h3 a, .showcase .showcaseInner h4 a, .showcase .showcaseInner h5 a {
  float: right;
  font-weight: 400;
  font-size: 16px;
}
.showcase .showcaseInner div.topicBox {
  float: left;
  width: 400px;
  padding: 2.167em;
  background-color: white;
}
.showcase .showcaseInner div.topicBox ul {
  margin-left: 0;
}
.showcase .showcaseInner div.topicBox ul li {
  list-style: none;
}
.showcase .showcaseInner div.rightColumn {
  margin-left: 450px;
}
.showcase .showcaseInner div.rightColumn div.featuredSlider {
  padding: 2.167em;
  margin-bottom: 1px;
  background-color: white;
}
@media only screen and (max-width: 1250px) {
  .showcase .showcaseInner div.rightColumn div.slider {
    margin: 0 45px;
  }
}
@media only screen and (max-width: 1000px) {
  .showcase .showcaseInner div.topicBox {
    width: 300px;
  }
  .showcase .showcaseInner div.rightColumn {
    margin-left: 320px;
  }
}
@media only screen and (max-width: 800px) {
  .showcase .showcaseInner div.rightColumn div.slider {
    margin: 0 35px;
  }
  .showcase .showcaseInner div.rightColumn div.slider a img {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .showcase .showcaseInner div.topicBox {
    float: none;
    margin-bottom: 30px;
    padding-bottom: 5px;
  }
  .showcase .showcaseInner div.topicBox ul {
    display: none;
  }
  .showcase .showcaseInner div.topicBox h2:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    padding-right: 0.625em;
    color: #2a2a2a;
    content: "\f146";
  }
  .showcase .showcaseInner div.topicBox h2.open:before {
    content: "\f0fe";
  }
  .showcase .showcaseInner div.rightColumn {
    float: none;
    margin-left: 0;
  }
}
@media only screen and (max-width: 560px) {
  .showcase .showcaseInner div.topicBox {
    width: auto;
  }
}

.t-sort-icon {
  display: none;
}

.data-grid {
  margin: 0 0 1.167em 0;
  background-color: white;
  border-top: 1px solid #cfd5e5;
  border-bottom: 1px solid #cfd5e5;
  width: 100%;
  /* The following table columns should be removed from the markup */
}
.data-grid thead {
  background: #f2f5f9;
}
.data-grid thead th {
  background: #f2f5f9;
  text-align: left;
  font-weight: 600;
  text-transform: capitalize;
}
.downloads .data-grid thead th {
  text-transform: none;
}
.data-grid th,
.data-grid td {
  vertical-align: top;
  padding: 1em 0 1em 1em;
  border-bottom: 1px solid #cfd5e5;
}
.data-grid th:last-child,
.data-grid td:last-child {
  padding-right: 1em;
}
.data-grid .order {
  padding-right: 0;
}
.data-grid .order .rowOrder {
  width: 3em;
}
.data-grid .checkbox {
  padding-right: 0;
  width: 4%;
}
.data-grid .savedTitle {
  width: 50%;
}
.data-grid .chunkTitle,
.data-grid .quoteText,
.data-grid .annotationText {
  width: 22%;
}
.data-grid .documentUri,
.data-grid .associationType {
  display: none;
}
.data-grid .tags {
  margin: 0;
  list-style: none;
}
.data-grid .actions {
  padding-right: 1em;
}
.data-grid .actions > .actions {
  width: 100%;
}
.data-grid.is-sortable thead th a {
  display: inline-block;
}
.data-grid.is-sortable thead th a:last-child {
  background: url("../img/sortable-icon.svg") no-repeat right;
}
.data-grid.is-sortable thead th a.t-sort-column-ascending a:last-child {
  background-image: url("../img/sort-asc-icon.svg");
}
.data-grid.is-sortable thead th a.t-sort-column-descending a:last-child {
  background-image: url("../img/sort-desc-icon.svg");
}
.data-grid.is-sortable .nav {
  width: 1.5em;
}
.data-grid.is-sortable .nav .sortOrderNav {
  display: block;
  position: relative;
  margin: 0;
}
.data-grid.is-sortable .nav .moveLink {
  position: absolute;
  display: block;
  font-size: 1.333em;
  line-height: 1;
}
.data-grid.is-sortable .nav .moveUp {
  top: -0.333em;
}
.data-grid.is-sortable .nav .moveDown {
  top: 0.833em;
}
@media screen and (max-width: 768px) {
  .data-grid thead {
    display: none;
  }
  .data-grid td {
    vertical-align: top;
  }
  .data-grid .checkbox {
    width: 5%;
  }
  .data-grid .savedTitle {
    width: 75%;
  }
  .data-grid .type,
.data-grid .createdDate,
.data-grid .annotationCreateDate,
.data-grid .author,
.data-grid .tagSet {
    display: none;
  }
  .data-grid .actions {
    width: 20%;
    text-align: right;
  }
}

.tagsModule {
  position: relative;
  margin-bottom: 1.167em;
  padding-top: 0;
}
.tagsModule h2 {
  margin-bottom: 0;
  padding: 0.5em 1em;
  width: 100%;
  background: white;
  color: #2a2a2a;
  font-size: 1.167em;
  font-weight: 400;
}
.tagsModule li {
  position: relative;
  margin: 0 1em;
  padding: 0.5em 0;
  border-top: 1px solid #cfd5e5;
}
.tagsModule li:first-child {
  border-top: none;
}
.tagsModule .addLink {
  display: inline-block;
  margin: 0 1em 1em 1em;
}
.tagsModule .filterTag {
  display: inline-block;
  width: 64.878049%;
}
.tagsModule a.ico-edit,
.tagsModule a.ico-delete,
.tagsModule a.ico-share {
  position: absolute;
  right: 0;
}
.tagsModule a.edit {
  right: 1.67em;
}
.tagsModule a.ico-share {
  right: 3.67em;
}
.tagsModule form::after {
  clear: both;
  content: "";
  display: table;
}
.tagsModule input {
  float: left;
}
.tagsModule input[type=text] {
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  width: 74.863387978%;
}
.tagsModule input[type=submit] {
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #267cb5;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  padding: 0;
  width: 25.136612021%;
  max-width: 3.8333333333em;
}

/* same as #mainContent on other pages */
#redeemToken {
  position: relative;
  margin: 0 0 3.6363636% 0;
  /* width: 75.353535%; */
  background-color: white;
}
#redeemToken .redeemStep {
  margin: 0 1.667em;
  padding: 1.667em 0;
  background-color: white;
}
#redeemToken .redeemStep + .redeemStep {
  border-top: 1px solid #cfd5e5;
}
#redeemToken form {
  width: 46%;
}
@media screen and (max-width: 1024px) {
  #redeemToken form {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  #redeemToken form {
    width: 100%;
  }
}
#redeemToken label {
  margin-bottom: 0.25em;
}
#redeemToken textarea,
#redeemToken input[type=text],
#redeemToken input[type=password] {
  display: block;
  width: 100%;
}

#tokenRedeemRow input[type=text],
#tokenRedeemRow input[type=submit] {
  display: inline-block;
}

#tokenRedeemRow input[type=text] {
  width: 15em;
}
@media screen and (max-width: 768px) {
  #tokenRedeemRow input[type=text] {
    display: block;
    width: 100%;
    margin-bottom: 1em;
  }
}

.page-tokens .token-form {
  text-align: right;
  padding: 0.5em;
}

.actions {
  margin: 0;
  list-style: none;
  /* PageLinks (aka content tools) and My Annotations list */
  /* Most Recent, My Content, My Searches...links not included in list  */
}
.actions li {
  display: inline-block;
}
.actions li + li {
  margin-left: 0.25em;
}
.actions a {
  display: inline-block;
}
.actions a + a {
  margin-left: 0.25em;
}

.addthis_button img {
  display: none;
  /* ticket #5522 */
  margin-bottom: -0.167em;
}
.addthis_button span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* Content Tools (aka Page Links)
   ========================================================================== */
.pageLinks ul {
  margin: 0;
  list-style: none;
}
.pageLinks a:focus,
.pageLinks a:hover {
  text-decoration: none;
}
.hi-hidden .pageLinks .ico-hi:before {
  content: "\f044";
}
.hi-visible .pageLinks .ico-hi:before {
  content: "\f14b";
}
@media screen and (max-width: 768px) {
  .pageLinks {
    right: 1.167em !important;
    top: 7px !important;
  }
}

/* List and Data Grid Controls and Toolbars
   ========================================================================== */
.resultStats {
  margin-bottom: 1.167em;
  overflow: hidden;
  /* hack to resolve whitespace issue following results bar. */
}
.resultStats::after {
  clear: both;
  content: "";
  display: table;
}
.resultStats .range,
.resultStats .showOnlySharedAnnotations,
.resultStats .show-expired-orders,
.resultStats .pagination,
.resultStats .items {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0.833em;
  line-height: 2.167em;
}

.resultsBar {
  margin: 0;
  padding: 0 1.167em;
  background: #f2f5f9;
  color: #2a2a2a;
  overflow: hidden;
  /* hack to resolve whitespace issue following results bar. */
}
.resultsBar::after {
  clear: both;
  content: "";
  display: table;
}
.resultsBar .pageSizeAndSort {
  display: inline-block;
}
.resultsBar .search-tool {
  display: inline-block;
  margin: 0.5em 1em 0.5em 0;
}
.resultsBar .sort-tool select {
  width: 12em;
}
.resultsBar .jumpto-tool input[type=text] {
  width: 3em;
}
.resultsBar label {
  margin-right: 0.33em;
}
@media screen and (max-width: 1024px) {
  .resultsBar {
    padding: 0 1.167em 0;
    clear: both;
  }
}

.results-wrapper {
  display: flex;
  flex-flow: row nowrap;
}
.results-wrapper .results-column {
  flex: 1;
}

.ie-11 .results-wrapper .results-column {
  flex: auto;
  flex-grow: 1;
}

.overlay_dialog {
  background-color: #000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.dialog {
  display: block;
  position: absolute;
  border: none;
  background: none;
}
.dialog th,
.dialog td {
  border: none;
}
.dialog table.table_window td,
.dialog table.table_window th {
  background: none;
  padding: 0;
  border: none;
}
.dialog table.top,
.dialog table.bot, .dialog_e, .dialog_w {
  display: none;
}
.dialog_close:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "\f00d";
}
.dialog_close span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.dialog_content, .dialog_content iframe {
  margin: 0;
  overflow: visible !important;
}
.dialog_content iframe {
  width: 100% !important;
  min-height: 395px !important;
}
@media screen and (max-width: 1024px) {
  .dialog {
    left: 15% !important;
    top: 15% !important;
    width: 70% !important;
    height: auto !important;
  }
  .dialog_content, .dialog_content iframe {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .dialog {
    left: 2% !important;
    top: 2% !important;
    width: 96% !important;
  }
}

.overlay_dialog + .dialog,
#saveToProjectModal {
  padding: 1.667em;
  background-color: #f2f5f9;
  overflow: auto !important;
  height: auto !important;
}
.overlay_dialog + .dialog .dialog_content,
#saveToProjectModal .dialog_content {
  height: 100% !important;
  width: 100% !important;
  font-family: "Open Sans", sans-serif;
  font-size: 100%;
  color: #2a2a2a;
}
.overlay_dialog + .dialog .dialog_content html,
#saveToProjectModal .dialog_content html {
  background-color: transparent;
}

.popup {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  position: fixed;
  top: 50%;
  left: 20%;
  width: 280px;
  height: 375px;
  background-color: #f2f5f9;
  z-index: 10000;
  overflow: hidden;
}
.popup-header {
  width: 100%;
  height: 2.67em;
  background-color: #d3d3d3;
}
.popup-header .close {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
}
.popup-content {
  padding: 1.667em;
  height: calc(100% - 2.67em);
}
.popup-content.scroll {
  overflow: auto;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f2f5f9;
  color: #2a2a2a;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px !important;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  padding: 0;
  width: 1.67em;
  height: 1.67em;
  line-height: 1.67em;
  z-index: 8040;
  background-image: none !important;
}
.fancybox-close:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "\f00d";
  display: block !important;
  margin-top: 3px;
}
.fancybox-close span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background-color: rgba(0, 0, 0, 0.6);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/* Home Page Specific Layout for News
   ========================================================================== */
.page-start .news-list {
  background-color: white;
}

/* Layout for News
   ========================================================================= */
.news-list.archive-list {
  padding: 1.667em;
}
.news-item {
  position: relative;
  margin-bottom: 1.33em;
  overflow: hidden;
}
.archive-list .news-item {
  padding-top: 1.33em;
  border-top: 1px solid #cfd5e5;
}
.archive-list .news-item:first-child {
  padding-top: 0;
  border-top: none;
}
.news-header {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  margin: 0;
  padding: 1.667em;
  background: white;
}
.news-header, .news-header h1, .news-header h2, .news-header h3, .news-header h4 {
  color: #ffffff;
}
.news-date {
  margin-bottom: 0.33em;
  color: #2a2a2a;
}
.news-title {
  margin-bottom: 0.33em;
}
.news-teaser {
  line-height: 1.3;
}
.news-article .news-content {
  padding: 1.667em;
  line-height: 1.3;
}

/* News Navigation (Archives)
   ========================================================================== */
.news-nav {
  padding: 1.167em;
}
.news-nav-menu {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  position: relative;
  margin: 0 0 1.667em 0;
  padding: 0;
}
.news-nav-title {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cfd5e5;
  display: inline-block;
  margin: 0;
  padding: 0.85714286em 1em;
  width: 100%;
  background-color: white;
  color: #ffffff !important;
  font-family: "Open Sans", sans-serif;
  font-size: 1.167em;
  font-weight: 700;
  line-height: 1.167em;
  text-transform: capitalize;
}
.news-nav-toggle {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .news-nav-toggle {
    display: inline-block;
  }
}
.news-nav-toggle:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "\f187";
}
.open .news-nav-toggle:before {
  content: "\f00d";
}
.news-nav-toggle span {
  position: static;
  display: inline;
  padding-left: 0.5em;
}
@media screen and (max-width: 768px) {
  .news-nav-toggle span {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    /*padding: 0;
    border: 0;*/
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
}

.news-nav-list {
  margin: 0 0 1.53em 0;
  list-style: none;
}
.news-nav-list li {
  margin-bottom: 0.67em;
}
.news-nav-list .count {
  margin-left: 0.25em;
}
@media screen and (max-width: 1024px) {
  .news-nav {
    display: none;
  }
  .open .news-nav {
    display: block;
    margin: 0;
  }
  .news-nav-title > span {
    display: none;
  }
  .news-nav-year {
    margin: 0 0 1em 0;
  }
}

@media screen and (max-width: 1024px) {
  .news-item {
    margin-bottom: 0;
  }

  .news-content {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .news-nav-toggle span {
    position: static;
    clip: auto;
    height: auto;
    width: auto;
    overflow: visible;
  }
}
.site-search {
  float: right;
  margin: 17px 0 0 0;
  padding: 1em 0.825em;
}
.site-search-toggle {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  display: none;
}
.site-search .close-search-button {
  display: none;
}
.site-search .button-group {
  display: inline;
  white-space: nowrap;
}
.site-search-form input[type=text],
.site-search-form .search-field {
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  float: left;
  margin: 0 0 0.33em 0;
  padding: 0 0.5em;
  background-color: #ffffff;
  color: #2a2a2a;
  font-size: 1em;
  height: 2.167em;
  line-height: 2.167em;
}
.site-search-form input[type=submit],
.site-search-form .search-button {
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #267cb5;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background: #267cb5 url("../img/mag-glass.svg") no-repeat center center;
  background: url("../img/mag-glass.svg") no-repeat center center, -webkit-linear-gradient(bottom, #267cb5, );
  background: url("../img/mag-glass.svg") no-repeat center center, linear-gradient(to top, #267cb5, );
  background-size: 25px;
  float: left;
  margin: 0 0 0.33em 0;
  padding: 0 1.167em;
  color: #ffffff;
  font-size: 1em;
  height: 2.167em;
  line-height: 2.167em;
  text-indent: -999em;
}
.site-search-form .twitter-typeahead {
  float: left;
}
.site-search-form .twitter-typeahead .tt-menu {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: white;
  font-size: 1em;
  cursor: pointer;
  padding: 0.2em;
  color: #2a2a2a;
}
.site-search-form .twitter-typeahead .tt-menu .tt-suggestion {
  padding: 0.2em;
}
@media screen and (max-width: 768px) {
  .site-search input[type=text],
.site-search .search-field,
.site-search input[type=submit],
.site-search .search-button {
    margin-bottom: 0.833em;
  }
}

/* Quick Search Scoping Options (Can extend some custom select styles) */
.search-filters {
  position: relative;
  float: left;
  display: none;
  /* hiding with CSS until the feature is configurable. */
}
.search-filters .quickLabel {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  vertical-align: middle;
  padding: 0.5em 2em 0.5em 0.5em;
  height: 2.167em;
  min-width: 100px;
  /* wide enough for default text and the custom arrows */
  background: #fff url("../img/select-arrows.svg") no-repeat scroll right center;
  color: #2a2a2a;
  font-size: 1em;
  line-height: 1em;
  text-overflow: ellipsis;
  cursor: pointer;
}
.search-filters ul {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  left: -999em;
  z-index: 9000;
  list-style: none;
  margin: 0;
  padding: 0.5em;
  width: 100%;
  background-color: white;
}
.search-filters li a {
  display: block;
  width: 100%;
  margin-bottom: 0.333em;
}
.search-filters li a:focus, .search-filters li a:hover {
  text-decoration: none;
}
.search-filters:focus ul, .search-filters:hover ul {
  left: 0;
}
.search-filters.open .quickLabel {
  background: transparent url(../images/sprite_arrows.png) no-repeat right -390px;
}
.search-filters.open ul {
  left: auto;
}
@media screen and (max-width: 768px) {
  .search-filters {
    margin-bottom: 0.833em;
  }
}

.search-utils {
  float: left;
}
.search-utils a {
  display: inline-block;
  margin-left: 0.75em;
  color: #ffffff;
}
.search-utils a.advanced {
  width: 64px;
  font-size: 13px;
  line-height: 1.2;
  padding-top: 2px;
}
.search-utils a.advanced span {
  margin-left: 0;
}
.search-utils a.ico-help {
  padding: 5px;
  margin-left: 5px;
  position: relative;
  top: -5px;
  opacity: 0.6;
}
.search-utils a.ico-help:hover {
  opacity: 1;
}
.search-utils a:focus, .search-utils a:hover {
  text-decoration: none;
}
.search-utils [class*=ico-]:before {
  color: #ffffff;
  font-size: 1.125em;
}

.breadcrumbs {
  margin: 0;
  padding: 0.667em 1.167em 0 1.167em;
  background-color: white;
  color: #ffffff;
}
.breadcrumbs ul {
  list-style: none;
  margin: 0;
}
.breadcrumbs li {
  display: inline;
  margin: 0 0.833em 0 0;
}
.breadcrumbs li:after {
  content: "\203A";
  font-size: 1.33em;
}
.breadcrumbs li:last-child:after, .breadcrumbs li.last:after {
  content: "";
}
.breadcrumbs a {
  display: inline-block;
  padding-right: 0.833em;
  color: #ffffff;
}
.breadcrumbs a:hover {
  color: #ffffff;
}

.tab-list {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cfd5e5;
  list-style: none;
  margin: 0;
  padding: 0 0.667em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.3;
}
.tab-list::after {
  clear: both;
  content: "";
  display: table;
}
.tab-list li {
  display: inline-block;
  z-index: 1;
}
.tab-list a {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5 #cfd5e5 #cfd5e5 #cfd5e5;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  display: block;
  margin: 0 0 -1px 0;
  padding: 0.667em;
  background-color: #f2f5f9;
  color: #006fb7;
}
.tab-list a:focus, .tab-list a:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5 #cfd5e5 #cfd5e5 #cfd5e5;
  background-color: #d3d3d3;
}
.tab-list .active > a {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5 #cfd5e5 white #cfd5e5;
  background-color: white;
  color: #006fb7;
}
.tab-list.myTabs {
  position: absolute;
  z-index: 1;
  top: 3em;
  width: 100%;
  margin: 0;
  padding: 0;
}
.tab-list.myTabs .active > a {
  background-color: white;
}
.tab-list li.mobile-menu {
  display: none;
}
.tab-panel {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  margin: -1px 0 1.667em 0;
  padding: 1.667em;
  min-height: 16em;
}
.tab-panel::after {
  clear: both;
  content: "";
  display: table;
}
.tab-panel.myPanel {
  margin-top: 0;
  padding: 1.667em 1.167em;
  background-color: white;
  border: none;
}
@media screen and (max-width: 1024px) {
  .tab-list.myTabs {
    clear: both;
    position: static;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: none;
  }
  .tab-panel {
    padding: 0.833em;
  }
  .tab-panel.myPanel {
    padding: 0.833em 0.5em;
  }
}
@media screen and (max-width: 768px) {
  .tab-list {
    padding: 0;
    margin-bottom: 1.125em;
    border-top: none;
    position: relative;
  }
  .tab-list li {
    margin-bottom: 0;
    border-top: 1px solid #cfd5e5;
    position: relative;
  }
  .tab-list li:first-child {
    border-top: none;
  }
  .tab-list.journalTabs li, .tab-list.myTabs li {
    display: none;
  }
  .tab-list a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .tab-list .active > a {
    border-bottom: 1px solid #cfd5e5;
  }
  .tab-list li.mobile-menu {
    display: block;
  }
  .tab-list li.mobile-menu a {
    border: 1px solid #cfd5e5 !important;
  }
  .tab-list li.mobile-menu a:before {
    display: inline-block;
    margin-right: 8px;
  }
  .tab-list li.mobile-menu a:after {
    display: block;
    font-family: "FontAwesome";
    content: "";
    font-size: 18px;
    position: absolute;
    top: 12px;
    right: 16px;
    color: #006fb7;
  }
  .tab-list + section {
    border-top: 0;
  }
  .tab-list.open li {
    display: block;
  }
  .tab-list.open li:first-of-type.tab a {
    border-top: 0;
  }
  .tab-list.open li.mobile-menu a:after {
    content: "";
  }
  .page-viewjournalarticle {
    /*.showSummary .tab-list {
    	display: block;
    }*/
  }
  .page-viewjournalarticle .tab-list {
    clear: both;
    /* Removed per EEP-535:
    display: none;*/
  }
  .page-viewjournalarticle .tab-list li {
    display: inline-block;
  }
  .page-viewjournalarticle #contentRoot {
    padding-top: 0 !important;
  }
}

/* Homepage Tabbed Content
   ========================================================================== */
#homeTabsAndPanels {
  position: relative;
  margin: 0 0 1.167em 0;
  font-size: 1em;
  line-height: 1.3;
}

#homeTabs {
  margin: 0 0 1.167em 0;
  list-style: none;
}

#whatsNewTab {
  list-style-type: none;
  border-bottom: 1px solid #cfd5e5;
}
#whatsNewTab a {
  display: inline-block;
  font-size: 1.5em;
  line-height: 1.5em;
}
#whatsNewTab span.whatsNewBtnRss a {
  font-size: 16px;
  position: relative;
  top: 4px;
  color: #ffffff;
}

.nav-ribbon {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-ribbon li {
  display: inline-block;
}
.nav-ribbon li span,
.nav-ribbon li a {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  display: inline-block;
  margin: 0;
  padding: 0.25em;
  background-color: white;
  text-align: center;
}
.nav-ribbon a {
  color: #006fb7;
}
.nav-ribbon a:hover {
  color: #d3d3d3;
}
.nav-ribbon .active,
.nav-ribbon .active a,
.nav-ribbon .active a:hover {
  color: #006fb7;
}

.t-data-grid-pager,
.pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.23em;
  margin-bottom: 0.23em;
  line-height: 2.167em;
}
.t-data-grid-pager a,
.pagination a {
  padding: 0 0.25em;
  color: #006fb7;
  display: inline-block;
}
.t-data-grid-pager a:hover,
.pagination a:hover {
  color: #006fb7;
  text-decoration: underline;
}
.t-data-grid-pager li,
.pagination li {
  list-style: none;
}
.t-data-grid-pager .current,
.pagination .current {
  padding: 0 0.25em;
  display: inline-block;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  .t-data-grid-pager,
.pagination {
    float: none;
  }
}

@media screen and (max-width: 900px) {
  #resultsBarTop div.pagination {
    display: none;
  }

  #resultsBarBottom {
    text-align: center;
  }
  #resultsBarBottom div.pagination {
    float: none;
    margin: 0 auto;
  }
}
@media screen and (max-width: 700px) {
  #resultsBarTop div.sortControl {
    display: none;
  }

  #resultsBarBottom .pagesize-tool,
#resultsBarBottom .search-tool {
    display: block;
  }
}
.site-nav-menu {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: #324473;
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  color: #ffffff;
}
.site-nav-menu::after {
  clear: both;
  content: "";
  display: table;
}
.site-nav-toggle {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  display: none;
}
.site-nav-list {
  list-style: none;
  background-color: #324473;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}
.site-nav-list a {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  color: #ffffff;
}
.site-nav-list > li {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0 0 0 -1px;
  padding: 0;
}
.site-nav-list > li > a {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: #324473;
  display: block;
  margin: 0;
  padding: 1em 0.833em;
  color: #ffffff;
}
.site-nav-list > li > a:focus, .site-nav-list > li > a:hover {
  background-color: #5d79b3;
  color: white;
}
.site-nav-list > li.current > a {
  background-color: #4c6cac !important;
  color: #ffffff !important;
}
.site-nav-list > li.current > a:focus, .site-nav-list > li.current > a:hover {
  background-color: #5d79b3 !important;
  color: white !important;
}
.site-nav-list > li.expandable:focus, .site-nav-list > li.expandable:hover, .site-nav-list > li.expandable:focus > a, .site-nav-list > li.expandable:hover > a,
.site-nav-list > li.expandable > a:focus,
.site-nav-list > li.expandable > a:hover {
  background-color: #5d79b3;
  color: white;
}
.site-nav-list > li.expandable:focus > a, .site-nav-list > li.expandable:hover > a {
  border-bottom: none;
}
.site-nav-list > li.expandable ul {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  position: absolute;
  left: -999em;
  top: auto;
  z-index: 9000;
  margin-top: -1px;
  margin: 0;
  padding: 0;
  width: 17em;
  background: #5d79b3;
}
.site-nav-list > li.expandable:focus ul, .site-nav-list > li.expandable:hover ul {
  left: auto;
}
.site-nav-list > li.expandable li {
  display: block;
}
.site-nav-list > li.expandable li > a {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  display: block;
  margin: 0;
  padding: 0.53em 0.833em;
  background: #5d79b3;
  color: #ffffff;
}
.site-nav-list > li.expandable li > a:focus, .site-nav-list > li.expandable li > a:hover {
  background: #4c6cac;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .site-nav.-menu {
    border-top: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .site-nav {
    -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    position: absolute;
    left: -999em;
    z-index: 9000;
    width: 100%;
  }
  .site-nav-menu.open .site-nav {
    left: 0;
  }
  .site-nav-toggle {
    border-width: 0;
    border-style: solid;
    border-color: #cfd5e5;
    display: block;
    margin: 0;
    padding: 1em 0.833em;
    color: #ffffff;
  }
  .open .site-nav-toggle, .site-nav-toggle:focus, .site-nav-toggle:hover {
    color: white;
  }
  .site-nav-list {
    display: block;
    float: none;
    top: 0;
  }
  .site-nav-list > li {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    -moz-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    float: none;
    display: block;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .site-nav-list > li > a {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    -moz-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    display: block;
    margin: 0;
    padding: 0.53em 0.833em;
    color: #ffffff;
    border: none;
  }
  .site-nav-list > li > a:focus, .site-nav-list > li > a:hover {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    -moz-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    color: white;
  }
  .site-nav-list > li.current > a {
    color: #ffffff;
  }
  .site-nav-list > li.current > a:focus, .site-nav-list > li.current > a:hover {
    color: white;
  }
  .site-nav-list > li.expandable:focus, .site-nav-list > li.expandable:hover {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    -moz-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
  }
  .site-nav-list > li.expandable:focus > a, .site-nav-list > li.expandable:hover > a {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    -moz-box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
    box-shadow: inset 0 1px 0 0 rgba(191, 191, 191, 0.2);
  }
  .site-nav-list li ul,
.site-nav-list li:hover ul {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: static;
    width: 100%;
    border: none;
  }
  .site-nav-list li li > a {
    padding-left: 2em;
  }
}

.user-nav-menu {
  border-width: 0;
  border-style: inherit;
  border-color: #cfd5e5;
  position: relative;
  display: inline-block;
  float: right;
  margin: 0 0.833em;
  padding: 0;
  background-color: #142655;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
}
.user-nav-menu::after {
  clear: both;
  content: "";
  display: table;
}
.user-nav-menu.open .user-nav {
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
}
.user-nav-toggle {
  display: none;
}
.user-nav-list {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.user-nav-list .user-nav-item {
  display: inline-block;
  margin: 0.33em;
  padding: 0;
  white-space: nowrap;
}
.user-nav-list a {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: white !important;
  font-weight: 600;
}
.user-nav-list a:focus, .user-nav-list a:hover {
  color: white !important;
}
@media screen and (max-width: 1024px) {
  .user-nav-list #loginLink span,
.user-nav-list #signUp span {
    display: none;
  }
}
.user-nav .locale-list {
  display: none;
}

.util-nav-menu {
  position: relative;
  display: inline-block;
  margin: 0 0.833em;
  padding: 0;
  background: #142655;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  color: white;
}
.util-nav-menu::after {
  clear: both;
  content: "";
  display: table;
}
.util-nav-toggle {
  display: none;
}
.util-nav-list {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.util-nav-list li {
  display: inline-block;
  margin: 0.33em;
  padding: 0;
  white-space: nowrap;
}
.util-nav-list a {
  display: inline;
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: white;
}
.util-nav-list a:hover {
  color: white;
}

#footerNav {
  display: inline-block;
  list-style: none;
  margin: 0 0 1em;
}
#footerNav li {
  display: inline-block;
  margin: 0 0.833em 0.333em 0;
  white-space: nowrap;
}
#footerNav li.facebook {
  font-size: 1.25em;
}
#footerNav li.facebook a span {
  display: none;
}
#footerNav li.facebook a:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "";
}
#footerNav li.twitter {
  font-size: 1.25em;
}
#footerNav li.twitter a span {
  display: none;
}
#footerNav li.twitter a:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "";
}

.faceted-nav {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  margin: 0 0 1.667em 0;
  padding: 0;
}
.faceted-nav-toggle {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .faceted-nav-toggle {
    display: inline-block;
  }
}
.faceted-nav-toggle:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "\f0b0";
}
.open .faceted-nav-toggle:before {
  content: "\f00d";
}
.faceted-nav-toggle span {
  position: static;
  display: inline;
  padding-left: 0.5em;
}
@media screen and (max-width: 768px) {
  .faceted-nav-toggle span {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    /*padding: 0;
    border: 0;*/
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
}

.faceted-nav-header {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cfd5e5;
  /* %extend side-column-nav-group-heading */
  display: inline-block;
  margin: 0;
  padding: 0.85714286em 1em;
  width: 100%;
  background-color: white;
  color: #2a2a2a !important;
  font-family: "Open Sans", sans-serif;
  font-size: 1.167em;
  font-weight: 700;
  line-height: 1.167em;
  text-transform: capitalize;
}
@media screen and (max-width: 1024px) {
  .faceted-nav-header > button {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
  }
  .faceted-nav-header > span {
    display: none;
  }
}
.faceted-nav .facetModule.shut .facet-values ul,
.faceted-nav .facetModule.shut .facet-values .form-row,
.faceted-nav .facetModule.shut .facet-values .submitRow,
.faceted-nav .facetModule.shut .facet-values .search-form {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
  margin-bottom: 0;
}
.faceted-nav .taxonomyTree {
  padding: 0 !important;
}

.facet {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  position: relative;
  margin: 0;
  padding: 0;
  color: #2a2a2a;
  font-family: "Open Sans", sans-serif;
  line-height: 1.3;
}
.facet.shut {
  margin-bottom: 1px;
}
.facet legend {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .facet {
    display: none;
  }
  .faceted-nav.open .facet {
    display: block;
  }
}
.facet label input[type=checkbox] {
  cursor: pointer;
}
.facet-label {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cfd5e5;
  display: block;
  margin: 0;
  padding: 0.5em 1em;
  background-color: white;
  color: #2a2a2a;
  font-family: "Open Sans", sans-serif;
  font-size: 1.167em;
  font-weight: 400;
  line-height: 1.3;
  outline: 0;
}
.facet-label.active {
  border-right: 5px solid #2a2a2a;
}
.facet-label.active a {
  color: #2a2a2a;
  font-weight: 700;
}
.facet-toggle {
  cursor: pointer;
}
.facet-toggle:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  padding-right: 0.125em;
}
.facet-toggle span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.facet.open .facet-toggle:before {
  content: "\f146";
}
.facet.shut .facet-toggle:before {
  content: "\f0fe";
}
.facet-values {
  margin: 0;
}
.facet-values ul {
  margin: 0;
  list-style: none;
}
.facet-values li,
.facet-values .row {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  display: block;
  margin: 0;
  padding: 0.33em 0;
}
.facet-values li.shut ul,
.facet-values .row.shut ul {
  display: none;
}
.facet-values li > ul,
.facet-values .row > ul {
  margin-left: 0.67em;
}
.facet-values .row {
  padding: 0;
}
.facet-values .c-List__items, .facet-values .row.form-row.submitRow {
  padding: 0 1.167em;
}
.facet-values li:first-child {
  padding-top: 0;
}
.facet-values li:last-child {
  padding-bottom: 0;
}
.facet-values li:last-child .row {
  padding-bottom: 12px;
}
.facet-values a,
.facet-values span {
  display: inline;
  margin: 0;
  padding: 0;
}
.facet-values label,
.facet-values a {
  color: #2a2a2a;
}
.facet-values label:focus, .facet-values label:hover,
.facet-values a:focus,
.facet-values a:hover {
  color: #2a2a2a;
}
.facet-values .active:focus,
.facet-values .active:hover,
.facet-values .active {
  font-weight: 700;
}
.facet.open .facet-values {
  display: block;
  padding-bottom: 1.167em;
}
.facet.shut .facet-values {
  padding-bottom: 0;
}

.row.form-row.submitRow {
  margin-top: 12px !important;
}

.flyoutNav .flyoutBreadcrumbs {
  padding: 0.67em 1em;
}

.static-nav-menu {
  margin: 0 0 1.67em 0;
  padding: 0;
}
.static-nav-list li {
  margin-bottom: 0.67em;
}

.article-nav-menu {
  position: relative;
  float: right;
  z-index: 5000;
  font-size: 1.167em;
  text-align: right;
}
.article-nav-menu.fixed {
  position: fixed;
  right: 10em;
}

.article-nav-toggle {
  display: inline-block;
  margin: 0;
}
.article-nav-toggle:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "\f0c9";
}
.article-nav-toggle span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.article-nav {
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  position: absolute;
  display: block;
  right: 0;
  z-index: 5001;
  width: 20em;
  margin: 0 0 1.667em 0;
  padding: 1.667em;
  background-color: #f2f5f9;
  filter: alpha(opacity=0);
  opacity: 0;
  color: #2a2a2a;
  text-align: left;
}
.open .article-nav {
  filter: alpha(opacity=100);
  opacity: 1;
}
.article-nav-title {
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%;
  color: #2a2a2a;
  font-size: 1.333em;
  font-weight: 600;
}
.article-nav-scrollpane {
  overflow-y: scroll;
  max-height: 150px;
}
.article-nav-scrollpane.scrollable {
  overflow-y: scroll;
}
.article-nav-list {
  list-style: none;
  margin: 0;
}
.article-nav-list a {
  display: inline-block;
  color: #006fb7;
}
.article-nav-list a:hover, .article-nav-list a:focus {
  color: #006fb7;
  text-decoration: none;
}
.article-nav-list li {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 1.167em;
}
.article-nav-list .active {
  position: relative;
}
.article-nav-list .ico-active {
  position: absolute;
  left: -1em;
  z-index: 2;
}
.article-nav-list .ico-active:before {
  content: "\f054";
}

@media screen and (min-width: 1024px) {
  .article-nav-toggle {
    display: none;
  }

  .article-nav {
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    width: auto;
    filter: alpha(opacity=100);
    opacity: 100;
  }
  .article-nav-scrollpane {
    max-height: none;
  }
}
/* Smart nav is really a visual representation of a title's TOC */
.smart-nav {
  position: relative;
  clear: both;
}
.smart-nav-list {
  margin: 0;
  height: 0.833em;
  list-style: none;
}
.smart-nav-item {
  position: relative;
  float: left;
  height: 0.833em;
  width: 2em;
}
.smart-nav-item a {
  display: block;
  margin-right: 1px;
  width: auto;
  height: 100%;
  background: #142655;
}
.smart-nav-item a:hover {
  background: #5d79b3;
}
.smart-nav-item a:hover:before {
  content: attr(title);
  display: block;
  position: absolute;
  z-index: 1;
  top: 1em;
  padding: 0.5em;
  max-width: 30em;
  background-color: #5d79b3;
  color: #2a2a2a;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.smart-nav-bottom .smart-nav-item a:hover:before, #bottomSmartNav .smart-nav-item a:hover:before {
  top: auto;
  bottom: 1em;
}
.smart-nav-item span {
  display: none;
}
.smart-nav-item.current span {
  text-indent: -999em;
}
.smart-nav-item.current a {
  background-color: #4c6cac;
}
.smart-nav-item.current:first-child, .smart-nav-item:first-child:hover, .smart-nav-item:first-child a {
  -webkit-border-radius: 120px 0 0 120px;
  -moz-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
}
.smart-nav-item.current:last-child, .smart-nav-item:hover:last-child, .smart-nav-item:last-child a {
  -webkit-border-radius: 0 120px 120px 0;
  -moz-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  margin-right: 0;
}
.smart-nav-item.righthalf a:hover:before {
  right: 0;
}
.smart-nav-top .smart-nav-item.current:after, #topSmartNav .smart-nav-item.current:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  margin-left: -0.5em;
  border-top: 0.5em solid #4c6cac;
  top: 100%;
}
.smart-nav-bottom .smart-nav-item.current:before, #bottomSmartNav .smart-nav-item.current:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  margin-left: -0.5em;
  border-bottom: 0.5em solid #4c6cac;
  bottom: 100%;
}
@media screen and (max-width: 768px) {
  .smart-nav-wrap {
    display: none;
  }
}

#topSmartNav {
  margin-bottom: 1.5em;
}

#bottomSmartNav {
  margin-top: 1.5em;
}

#entryPrevNextNav {
  position: absolute;
  top: 1.1669em;
  left: 1.667em;
  z-index: 99;
}
.ie8 #entryPrevNextNav {
  top: 1.667em;
}
@media screen and (max-width: 1024px) {
  #entryPrevNextNav {
    display: none;
  }
}

#newsNavigation {
  margin: 0;
  padding: 0.667em 1.167em 0 1.167em;
  background-color: white;
  color: #ffffff;
}
#newsNavigation a {
  color: #ffffff;
}
#newsNavigation a :hover {
  color: #ffffff;
}

#newsNavigation ul,
#entryPrevNextNav ul {
  margin: 0;
  list-style: none;
}
#newsNavigation li,
#entryPrevNextNav li {
  display: inline-block;
  margin-right: 0.3em;
  padding-left: 0.55em;
  border-left: 1px solid #cfd5e5;
  font-weight: 700;
}
#newsNavigation li:first-child,
#entryPrevNextNav li:first-child {
  border-left: none;
  padding-left: 0;
}
#newsNavigation a,
#entryPrevNextNav a {
  display: inline-block;
  white-space: nowrap;
}
#newsNavigation .ico-back span,
#newsNavigation .ico-prev span,
#newsNavigation .ico-next span,
#entryPrevNextNav .ico-back span,
#entryPrevNextNav .ico-prev span,
#entryPrevNextNav .ico-next span {
  position: static;
  display: inline;
  padding-left: 0.3em;
}
#newsNavigation .ico-next span,
#entryPrevNextNav .ico-next span {
  padding-left: 0;
  padding-right: 0.3em;
}

/* Possibly shared between results, index cards, and chapter data. */
.summary h1,
.summary .title {
  margin-bottom: 0.333em;
  font-size: 1.67em;
}

/* Move to index-cards.scss ??? */
.indexCard .summary .title {
  color: #2a2a2a;
  padding: 0 2em 0 0;
}

.summary h2,
.summary .authors,
.summary .editors,
.summary .subTitle,
.summary .series,
.detail h3,
.detail .subTitle,
.detail .author,
.detail .editor,
.detail .source,
.detail .series {
  font-size: 1.167em;
  font-weight: 700;
}

.summary h3.subTitle {
  font-weight: 400;
}

/* Move to index-cards.scss ??? */
.indexCard .summary h2,
.indexCard .summary .authors,
.indexCard .summary .editors,
.indexCard .summary .subTitle,
.indexCard .summary .series {
  color: #2a2a2a;
}

.detail h3,
.detail .subTitle,
.detail .author,
.detail .editor,
.detail .source,
.detail .series {
  margin-bottom: 0;
  color: #2a2a2a;
}
.detail h3.author a {
  display: inline !important;
}

.detail h3,
.detail .subTitle {
  margin-bottom: 0;
  color: #2a2a2a;
}

.detail .series,
.summary .series {
  font-style: italic;
}

.detail h3:last-of-type {
  margin-bottom: 1em;
}

.metadata {
  margin-bottom: 1em;
  margin-top: 0.5em;
  font-size: 0.875em;
  /* Content/Document Type */
}
.metadata:empty {
  display: none;
}
.metadata h3,
.metadata .parentTitle,
.metadata .publicationDate {
  margin: 0 0 0.25em 0;
  font-size: 1em;
  font-weight: 400;
  color: #868a8b;
}
.metadata dl {
  margin: 0 0 0.25em 0;
}
.metadata dl[classes^=product-biblremark] dd {
  margin-left: 0;
}
.metadata dl.doi a {
  word-break: break-all;
}
.metadata dd {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: keep-all;
  display: inline;
  margin: 0 0 0 0.2em;
}
.metadata dd:empty {
  display: none;
}
.metadata dt {
  display: inline;
  margin: 0;
}
.metadata dt:after {
  /* 	content: ":"; */
}
.metadata dt:empty + dd {
  margin: 0;
}
.metadata.parentResult dt, .metadata.parentResult dl {
  color: #868a8b;
}
.metadata .type {
  margin: 0 0 0.5em 0;
  font-size: 1.167em;
  font-weight: 700;
}
.metadata .type dt {
  text-indent: -999em;
}
.toc-list .metadata {
  margin-top: 0;
  margin-left: 0.67em;
}

.toc-list .titleMeta {
  margin-left: 100px;
}

/* 
Icon Types 

ItemMetaData now has the 'pf-type-<contenttype>' class on the top div...  
where <contenttype> is PfContentType enum... otherwise, this code was relying
completely on dc:type, instead of a more limited set... this will now work on
the view pages and in search
*/
.ico-type:before {
  margin-right: 0.5em;
}
.metadata .ico-type:before {
  color: #0f2d53;
}
.pf-type-book .ico-type:before, .pf-type-chapter .ico-type:before, .pf-type-bookseries .ico-type:before, .book-chapter .ico-type:before, .textbook .ico-type:before, .book .ico-type:before {
  color: #a6a6a6;
}
.pf-type-article .ico-type:before, .pf-type-issue .ico-type:before, .pf-type-journal .ico-type:before, .journal-article .ico-type:before, .journal .ico-type:before {
  color: #ff0054;
}
.pf-type-commentary .ico-type:before {
  color: #8d2058;
}
.pf-type-resrev .ico-type:before {
  color: #51e34a;
}
.pf-type-genref .ico-type:before {
  color: #da5fe0;
}
.pf-type-mono .ico-type:before {
  color: #f0421d;
}
.nlm-chapter .ico-type:before, .pf-type-encyclopedia .ico-type:before {
  color: #e2871a;
}
.pf-type-handbook .ico-type:before {
  color: #2f9ae5;
}

.contentItem.splitResult .metaBlock .metadata .ico-type {
  margin-top: -1px;
}
.contentItem.splitResult .metaBlock .metadata .ico-type:before {
  display: inline-block;
  float: left;
  margin-top: 3px;
}

.topAndBottomBorder {
  margin-bottom: 10px;
  margin-top: 15px;
  padding: 0.833em 0;
  border-top: 1px solid #cfd5e5;
  border-bottom: 1px solid #cfd5e5;
}
.topAndBottomBorder .label,
.topAndBottomBorder .title {
  font-size: 1.167em;
  font-weight: 600;
}

.productformats-list,
.subjects-list {
  display: inline;
  list-style: none;
  margin: 0;
  word-wrap: normal;
  word-break: normal;
  overflow-wrap: normal;
}
.productformats-list li,
.subjects-list li {
  display: inline;
}
.productformats-list li:after,
.subjects-list li:after {
  content: ", ";
}
.productformats-list li:last-child:after,
.subjects-list li:last-child:after {
  content: "";
}

.component-metadata .definition-list::after {
  clear: both;
  content: "";
  display: table;
}
.component-metadata .definition-list dl {
  float: left;
}

#readPanel {
  position: relative;
}
#readPanel .summary {
  display: block;
  margin-bottom: 20px;
}
#readPanel .summary::after {
  clear: both;
  content: "";
  display: table;
}
#readPanel .summary .hgroup,
#readPanel .summary hgroup {
  display: block;
  padding: 0 360px 0 0;
  vertical-align: top;
  float: left;
  width: 100%;
}
#readPanel .summary .aside-block {
  display: inline-block;
  padding-left: 1.333em;
  border-left: 1px solid #cfd5e5;
  width: 340px;
  vertical-align: top;
  margin-left: -340px;
  float: left;
  padding-left: 15px;
}
#readPanel .summary .metaBlock h3 {
  color: #2a2a2a;
  cursor: default;
}
#readPanel .summary .metaBlock dl {
  padding-bottom: 0.5em;
  min-width: 10em;
}
@media screen and (max-width: 768px) {
  #readPanel .hgroup,
#readPanel hgroup {
    width: 100% !important;
    display: block !important;
  }
  #readPanel .summary .metaBlock .metadata {
    margin-left: 0;
    margin-top: 1.67em;
  }
  #readPanel .summary .aside-block {
    margin-left: 0 !important;
  }
  #readPanel div.aside-block {
    display: block !important;
    border-left: none !important;
    padding-left: 0 !important;
  }
}
#readPanel .summary .metaBlock h3 {
  color: #2a2a2a;
}
#readPanel .summary .hgroup,
#readPanel .summary hgroup {
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  #readPanel .summary {
    margin-bottom: 0;
  }
  #readPanel .summary .hgroup,
#readPanel .summary hgroup {
    padding-right: 3.5em !important;
    min-height: 0 !important;
  }
  #readPanel .summary .aside-block {
    min-height: 0 !important;
  }
  #readPanel div.metadata > * {
    display: none;
  }
  #readPanel div.metadata .pdf {
    display: block;
  }
  #readPanel div.metadata div.subjectHighlight {
    display: block;
  }
  #readPanel div.aside-block {
    overflow: hidden;
    width: 100% !important;
  }
  #readPanel.showSummary div.metadata > * {
    display: block;
  }
}

a.summary-toggle {
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 0;
  padding: 0.67em;
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  border-radius: 3px;
  color: #ffffff;
}
a.summary-toggle:hover {
  color: #ffffff;
}
a.summary-toggle span {
  text-indent: -9000em;
}
a.summary-toggle:before {
  content: "\f03a";
  display: inline-block;
  -webkit-transform: scale(0.8, 1);
  /* Safari and Chrome */
  -moz-transform: scale(0.8, 1);
  /* Firefox */
  -ms-transform: scale(0.8, 1);
  /* IE 9 */
  -o-transform: scale(0.8, 1);
  /* Opera */
  transform: scale(0.8, 1);
  /* W3C */
  font-size: 20px;
  width: 20px;
  text-align: center;
}

.showSummary a.summary-toggle:before {
  content: "";
  -webkit-transform: scale(1, 1);
  /* Safari and Chrome */
  -moz-transform: scale(1, 1);
  /* Firefox */
  -ms-transform: scale(1, 1);
  /* IE 9 */
  -o-transform: scale(1, 1);
  /* Opera */
  transform: scale(1, 1);
  /* W3C */
}

.page-viewjournalissue a.summary-toggle,
.page-viewjournaloverview a.summary-toggle {
  display: none !important;
}

.page-viewjournalarticle #readPanel .summary {
  margin-bottom: 0;
}

/** FIXME: we probably need to clean this up? **/
.series-label {
  font-weight: 400;
}

.series-list {
  margin-bottom: 0.83em;
}
.series-list ul {
  display: inline;
  list-style: none;
  margin: 0;
}
.series-list ul li {
  display: inline;
  list-style: none;
}
.series-list ul li:after {
  content: ", ";
}
.series-list ul li:last-child:after {
  content: "";
}

.indexCard {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  float: left;
  width: 100%;
  padding: 1.67em;
  background: white;
  color: #2a2a2a;
  position: relative;
  margin-top: 30px;
}
.page-viewtitle .indexCard {
  margin-bottom: 1.67em;
}
.indexCard a {
  color: #006fb7;
}
.indexCard a:hover {
  color: #006fb7;
}
.indexCard a.moretoggle, .indexCard a.lesstoggle {
  font-weight: 600;
}
.indexCard a.moretoggle:after, .indexCard a.lesstoggle:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "";
  display: inline-block;
  margin-left: 5px;
}
.indexCard a.lesstoggle:after {
  content: "";
}
.indexCard .title {
  color: #2a2a2a;
}
.indexCard .summary .metaBlock {
  color: #868a8b;
}
.indexCard .summary {
  display: block;
  margin-bottom: 20px;
}
.indexCard .summary::after {
  clear: both;
  content: "";
  display: table;
}
.indexCard .summary .hgroup,
.indexCard .summary hgroup {
  display: block;
  padding: 0 360px 0 0;
  vertical-align: top;
  float: left;
  width: 100%;
}
.indexCard .summary .aside-block {
  display: inline-block;
  padding-left: 1.333em;
  border-left: 1px solid #cfd5e5;
  width: 340px;
  vertical-align: top;
  margin-left: -340px;
  float: left;
  padding-left: 15px;
}
.indexCard .summary .metaBlock h3 {
  color: #2a2a2a;
  cursor: default;
}
.indexCard .summary .metaBlock dl {
  padding-bottom: 0.5em;
  min-width: 10em;
}
@media screen and (max-width: 768px) {
  .indexCard .hgroup,
.indexCard hgroup {
    width: 100% !important;
    display: block !important;
  }
  .indexCard .summary .metaBlock .metadata {
    margin-left: 0;
    margin-top: 1.67em;
  }
  .indexCard .summary .aside-block {
    margin-left: 0 !important;
  }
  .indexCard div.aside-block {
    display: block !important;
    border-left: none !important;
    padding-left: 0 !important;
  }
}
.indexCard .abstract {
  line-height: 1.4em;
}
.indexCard .title-summary {
  padding-top: 15px;
}
.indexCard .title-summary p {
  line-height: 1.4;
}
.indexCard article.shut {
  line-height: 1.4em;
  clear: both;
  padding-top: 1.667em;
}
.indexCard .actions {
  margin: 0;
  list-style: none;
}
.indexCard .actions li {
  margin: 0 0 0.5em;
  padding: 0;
  width: 100%;
}
.indexCard .actions li + li {
  margin-left: 0;
}
.indexCard .actions a.buttonLink {
  background: #267cb5;
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
}
.indexCard .actions a {
  border-width: 1px;
  border-style: solid;
  border-color: #006fb7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 0.5em 0.67em;
  color: #006fb7;
  font-size: 0.916em;
  font-weight: 600;
  text-align: center;
  max-width: 300px;
}
.indexCard .actions a:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #006fb7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #006fb7;
}
.indexCard .button {
  border-width: 1px;
  border-style: solid;
  border-color: #006fb7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 2px 0.67em;
  color: #006fb7;
  font-weight: 600;
  text-align: center;
  max-width: 300px;
}
.indexCard .button:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #006fb7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #006fb7;
}
.indexCard .ecommerce-login-link > a {
  display: block;
}
.indexCard.hasCover {
  position: relative;
}
.indexCard.hasCover .cover {
  display: block;
  vertical-align: top;
  width: 120px;
  float: left;
}
.indexCard.hasCover .cover img {
  width: 100%;
}
.indexCard.hasCover .summary {
  margin-left: 160px;
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .indexCard.hasCover .cover {
    display: none;
  }
  .indexCard.hasCover .summary {
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .indexCard .cover {
    min-height: 0 !important;
  }
  .indexCard .summary, .indexCard.hasCover .summary {
    display: block;
    padding: 0 1.333em;
  }
  .indexCard .summary .hgroup,
.indexCard .summary hgroup,
.indexCard .summary .aside-block, .indexCard.hasCover .summary .hgroup,
.indexCard.hasCover .summary hgroup,
.indexCard.hasCover .summary .aside-block {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
    margin-left: 0;
    min-height: 0 !important;
  }
  .indexCard .summary .hgroup + .aside-block,
.indexCard .summary hgroup + .aside-block, .indexCard.hasCover .summary .hgroup + .aside-block,
.indexCard.hasCover .summary hgroup + .aside-block {
    padding-top: 1em;
    border-top: 1px solid #cfd5e5;
  }
  .indexCard .abstract {
    padding-bottom: 0.75em;
  }
  .indexCard .abstract,
.indexCard .editorial-content,
.indexCard .title-summary {
    display: none !important;
  }
  .indexCard .metaBlock .metadata > * {
    display: none;
  }
  .indexCard a.index-card-toggle {
    outline: none;
    display: block !important;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    padding: 0.67em;
    border-width: 1px;
    border-style: solid;
    border-color: #267cb5;
    background-color: #267cb5;
    background-image: -webkit-linear-gradient(bottom, #267cb5);
    background-image: linear-gradient(to top,#267cb5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
    border-radius: 3px;
    color: #ffffff;
    text-align: center;
  }
  .indexCard a.index-card-toggle:hover {
    color: #ffffff;
  }
  .indexCard a.index-card-toggle span {
    text-indent: -9000em;
  }
  .indexCard a.index-card-toggle:before {
    content: "\f03a";
    display: inline-block;
    -webkit-transform: scale(0.8, 1);
    /* Safari and Chrome */
    -moz-transform: scale(0.8, 1);
    /* Firefox */
    -ms-transform: scale(0.8, 1);
    /* IE 9 */
    -o-transform: scale(0.8, 1);
    /* Opera */
    transform: scale(0.8, 1);
    /* W3C */
    font-size: 20px;
    width: 20px;
  }
  .indexCard .hgroup + .aside-block,
.indexCard hgroup + .aside-block {
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .indexCard .hgroup + .aside-block .metadata,
.indexCard hgroup + .aside-block .metadata {
    margin-top: 0.5em !important;
  }
  .indexCard.open a.index-card-toggle:before {
    content: "";
    -webkit-transform: scale(1, 1);
    /* Safari and Chrome */
    -moz-transform: scale(1, 1);
    /* Firefox */
    -ms-transform: scale(1, 1);
    /* IE 9 */
    -o-transform: scale(1, 1);
    /* Opera */
    transform: scale(1, 1);
    /* W3C */
  }
  .indexCard.open .metaBlock .metadata > * {
    display: block;
  }
  .indexCard.open a.lesstoggle,
.indexCard.open a.moretoggle {
    display: none !important;
  }
  .indexCard.open a.buy-print-link {
    display: inline-block !important;
  }
  .indexCard.open .abstract:first-of-type,
.indexCard.open .aside-block,
.indexCard.open .metaBlock,
.indexCard.open .editorial-content,
.indexCard.open ul.actions,
.indexCard.open .title-summary {
    display: block !important;
  }
  .indexCard.open a.index-card-toggle {
    margin-bottom: 0.825em;
  }
  .indexCard.open a.index-card-toggle span.open {
    display: block;
  }
  .indexCard.open a.index-card-toggle span.close {
    display: none;
  }
  .indexCard.open ul.actions {
    display: block;
  }
  .indexCard.open .hgroup + .aside-block,
.indexCard.open hgroup + .aside-block {
    padding-top: 1em !important;
    border-top: 1px solid #cfd5e5 !important;
  }
}
@media screen and (max-width: 768px) {
  .indexCard {
    float: none;
    display: inline-block;
    padding: 1.167em;
    /*
    	- /view/9781783475032.xml?rskey=pqScWi&result=1#
    */
  }
  .indexCard .summary .title:before {
    content: "";
    display: block;
    float: right;
    width: 50px;
    height: 20px;
  }
  .indexCard .aside-block {
    margin-top: 0.825em;
  }
  .indexCard .metaBlock .buy-print-link,
.indexCard .metaBlock .component-purchase-options {
    display: block;
  }
  .indexCard ul.actions {
    display: none;
  }
}
@media (max-width: 500px) {
  .indexCard.hasCover .cover {
    display: none;
  }
  .indexCard.hasCover .summary {
    margin-left: 0;
    margin-bottom: 0;
    float: none;
  }
  .indexCard .metadata {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 350px) {
  .indexCard {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
.indexCard.narrow .summary {
  margin-left: 0;
}
.indexCard.narrow .summary .hgroup,
.indexCard.narrow .summary hgroup {
  float: none;
  padding: 0;
}
.indexCard.narrow .summary .title {
  font-size: 1.25em;
  padding: 0;
  margin: 0;
}
.indexCard.narrow .summary .subtitle {
  font-size: 0.9em;
  margin-top: 5px;
}
.indexCard.narrow .summary .metaBlock {
  margin-top: 10px;
  display: block;
  float: none;
}
.indexCard.narrow .summary .metaBlock dd, .indexCard.narrow .summary .metaBlock dt {
  clear: none;
  float: left;
  margin-top: 0;
}
.indexCard.narrow .summary .metaBlock dt {
  display: inline-block;
}
.indexCard.narrow .summary .editorial-content,
.indexCard.narrow .summary .aside-block {
  float: none;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 10px 0 0 0;
  border: none;
}
.indexCard.narrow .cover img {
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
}
.indexCard.narrow.hasCover .title,
.indexCard.narrow.hasCover .subtitle,
.indexCard.narrow.hasCover .metaBlock {
  display: block;
  margin-left: 130px;
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .indexCard.narrow hgroup {
    padding: 0.85714em 1em !important;
  }
  .indexCard.narrow.hasCover .title, .indexCard.narrow.hasCover .subtitle, .indexCard.narrow.hasCover .metaBlock {
    margin-left: 0;
  }
}
@media (max-width: 500px) {
  .indexCard.narrow hgroup {
    padding: 0.85714em 4em 0.85714em 1em !important;
  }
  .indexCard.narrow.hasCover .title {
    padding-top: 0 !important;
  }
  .indexCard.narrow.hasCover .title, .indexCard.narrow.hasCover .subtitle, .indexCard.narrow.hasCover .metaBlock {
    margin-left: 0;
  }
}

.indexCard.journalSummary .metaBlock {
  padding-bottom: 0.67em;
}
.indexCard.journalSummary .metaBlock::after {
  clear: both;
  content: "";
  display: table;
}
.indexCard.journalSummary .metaBlock dl {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
.indexCard.journalSummary .metaBlock dl dt {
  margin: 0 0.5em 0 0;
  display: block;
  float: left;
  font-weight: bold;
  padding: 0.2em 0 0 0;
}
.indexCard.journalSummary .metaBlock dl dd {
  margin: 0;
  padding: 0.2em 0 0 0;
  display: block;
  float: left;
}
.indexCard.journalSummary .metaBlock dl .frequency, .indexCard.journalSummary .metaBlock dl .impact-factor, .indexCard.journalSummary .metaBlock dl .impact-factor-five {
  margin-top: 0.3em;
}
.indexCard.journalSummary .metaBlock dl dt.frequency, .indexCard.journalSummary .metaBlock dl dt.impact-factor {
  clear: both;
  display: block;
}
.indexCard.journalSummary .metaBlock dl dd.online-issn, .indexCard.journalSummary .metaBlock dl dd.impact-factor {
  margin-right: 2em;
}
.indexCard.journalSummary .editorial-content {
  margin-top: 1.5em;
  clear: both;
}

.title-banner {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  position: relative;
  margin: 0;
  padding: 1em;
  font-size: 1em;
}
.title-banner::after {
  clear: both;
  content: "";
  display: table;
}
.page-viewtitle .title-banner, .page-advancedtitlesearch .title-banner {
  background-color: transparent;
}
.title-banner a:focus, .title-banner a:hover {
  text-decoration: none;
}
.title-banner .title-logo, .title-banner .title-text {
  display: block;
  margin: 0;
  max-width: 75%;
}
.title-banner .title-logo img {
  max-width: 100%;
}
.title-banner .title-logo + title-text {
  display: none;
}
.title-banner .title-text {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  float: left;
  margin: 0;
  padding: 1em;
  font-size: 1.667em;
  font-weight: 700;
}
.title-banner .title-text a:focus, .title-banner .title-text a:hover {
  text-decoration: none;
}
.title-banner .title-nav {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 1em;
  font-size: 1em;
}
@media screen and (max-width: 1024px) {
  .title-banner .title-logo + title-text, .title-banner .title-text {
    display: inline-block;
    font-size: 1.8em;
  }
  .title-banner .title-logo {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .title-banner .title-logo + .title-text, .title-banner .title-text {
    display: block;
    width: 100%;
    max-width: 100%;
    border-bottom: 1px;
  }
  .title-banner .title-nav {
    position: static;
    float: right;
  }
}

.related-module .related-content-item {
  overflow: hidden;
}
.related-module .related-content-item .cover {
  float: left;
  margin-right: 1em;
}
.related-module .related-content-item .cover img {
  max-height: 150px;
}
.related-module .related-content-item .related-content-link {
  vertical-align: middle;
}

.altmetric-badge-containter {
  text-align: center;
}

.component-google-translate-widget .google-translate-container {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 10px;
}

.component-rightslink-widget {
  padding: 10px;
}

.type-index-card .component.component-rightslink-widget {
  padding: 0;
}

.editorial-types img {
  vertical-align: text-top;
  margin-right: 10px;
}

/** NOTE: Since a Facet may content a nav list, title list, taxonomy tree or collapser functionality, 
	the Facet styles need to render first. **/
/** NOTE: Collapser should be rendered after lists such as table of contents. **/
/** NOTE: Since a TOC may contain a content item, the TOC styles need to render first. **/
/** NOTE: Since a TOC may contain a content item, the TOC styles need to render first. **/
.toc-menu {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  margin: 0 0 1.667em 0;
  padding: 0;
  height: auto;
}
.toc-menu::after {
  clear: both;
  content: "";
  display: table;
}
.page-viewepub .sidebar .toc-menu {
  display: none;
}
#columnOne .toc-menu .metaBlock {
  display: none;
}
.toc-menu .toggle {
  min-width: 1.1em;
}
.toc-menu .toc-header {
  display: inline-block;
  margin: 0 0 1.67em 0;
  padding: 0;
  width: 100%;
  background-color: white;
  color: #2a2a2a;
  font-size: 1.167em;
  font-weight: 700;
}
.toc-menu .toc-header a {
  color: #2a2a2a;
}
#columnOne .toc-menu .toc-header {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cfd5e5;
  display: inline-block;
  margin: 0;
  padding: 0.85714286em 1em;
  width: 100%;
  color: #2a2a2a;
  font-family: "Open Sans", sans-serif;
  font-size: 1.167em;
  font-weight: 700;
  line-height: 1.167em;
}
#columnOne .toc-menu .toc-header + ul {
  margin: 0;
}
.page-viewjournaloverview #mainContent .toc-menu .toc-header, .page-viewjournalissue #mainContent .toc-menu .toc-header {
  display: none;
}
.toc-menu.journal-toc .toc-tools li:before {
  margin-right: 0.5em;
}
.toc-menu .toc-tools {
  margin: 0 0 1em 0;
  list-style: none;
  display: block;
  width: 100%;
  text-align: right;
}
.toc-menu .toc-tools li {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  font-weight: bold;
}
.toc-menu .toc-tools li.openAll {
  padding-right: 1em !important;
  border-right-style: solid;
  border-right-width: 1px;
}
.toc-menu .toc-tools li.shutAll {
  padding-left: 1em;
}
.toc-menu .toc-tools li a {
  margin-left: 5px;
}
.toc-toggle {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .toc-toggle {
    display: inline-block;
  }
}
.toc-toggle:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "\f0ca";
}
.open .toc-toggle:before {
  content: "\f00d";
}
.toc-toggle span {
  position: static;
  display: inline;
  padding-left: 0.5em;
}
@media screen and (max-width: 768px) {
  .toc-toggle span {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    /*padding: 0;
    border: 0;*/
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
}

.toc {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  position: relative;
  margin: 0;
  padding: 0;
  color: #2a2a2a;
  line-height: 1.2;
}
.toc .toc-list li a.title:first-child, .toc .toc-list span, .toc .toc-list .active {
  display: block;
}
.toc ul {
  /* can't use .toc-list until XSL is revised so that only the top level UL has the .toc-list class */
  margin: 0;
  list-style: none;
}
.toc li {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #cfd5e5;
  display: block;
  margin: 0;
  padding: 0.5em;
}
.toc li::after {
  clear: both;
  content: "";
  display: table;
}
.toc li:first-child {
  border-top: none;
}
.toc li li {
  border: none;
}
.toc li > ul {
  margin-top: 0.67em;
  margin-left: 1.67em;
}
.toc li.current {
  font-weight: 600;
}
.toc li div.entry {
  margin-left: 1.4em;
}
.toc li.toc-section-heading {
  background-color: #f2f5f9;
  color: #2a2a2a;
}
.toc li.toc-section-heading div.title {
  margin-bottom: 0;
}
.toc li.toc-section-heading .title, .toc li.toc-section-heading .authors, .toc li.toc-section-heading .editors {
  margin-left: 0.33em;
}
.toc-list a,
.toc-list span,
.toc-list .active {
  display: inline-block;
  margin: 0;
  /*padding: $tocListLinkPadding;*/
}
.toc-list a {
  color: #006fb7;
}
.toc-list a:focus, .toc-list a:hover {
  color: #006fb7;
}
#readPanel .toc-list .accessIcon {
  position: absolute;
  top: 8px;
  left: 8px;
}
#readPanel .toc-list .article-info {
  float: left;
  padding-right: 350px;
  width: 100%;
}
#readPanel .metaBlock {
  float: left;
  width: 325px;
}
#readPanel .metaBlock .metadata {
  margin-bottom: 0;
  margin-left: 0.5em;
}
#readPanel .metaBlock .metadata dl {
  margin-bottom: 0;
}
#readPanel .summary hgroup {
  padding: 0 360px 0 0;
}
#readPanel .summary .offer-info {
  width: auto;
  margin-right: 0;
}
#readPanel .offer-action {
  float: right;
  width: auto;
}
#readPanel .aside-block > .metaBlock {
  float: none;
  min-width: 0;
}

.toc-list .item-title {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}
.toc-list li.expandable .item-title {
  cursor: pointer;
}
.toc-list .title,
.toc-list .authors,
.toc-list .editors {
  margin-left: 1.4em;
}
.toc-list .authors,
.toc-list .editors {
  color: #2a2a2a;
}
.toc-list .authors a,
.toc-list .editors a {
  display: inline !important;
  margin-left: 0;
}

@media screen and (max-width: 1024px) {
  .page-viewjournaloverview #columnOne .toc-menu {
    display: none;
  }
  #columnOne .toc-header > span {
    display: none;
  }

  .page-viewjournaloverview .toc-menu .journal-toc,
.page-viewjournaloverview .toc-menu .toc-tools {
    display: block;
  }

  .page-viewjournalarticle #columnOne .open .toc-header > span {
    display: block;
    padding-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #readPanel .toc-list .article-info {
    float: none;
    padding-right: 0;
  }
  #readPanel .toc-list .metaBlock {
    float: none;
    min-width: 1px;
    width: 100%;
    margin-left: 1.4em;
  }
  #readPanel .toc-list .metaBlock .pf-type-article {
    margin-left: 0;
    display: none;
  }
  #readPanel .toc-list .metaBlock ul li {
    padding-top: 0;
    padding-left: 0;
  }
  #readPanel .toc-list div.actions {
    padding-top: 0.5em;
  }
}
@media print {
  .toc-menu .toc-tools {
    display: none;
  }
}

#columnOne .toc li {
  border-color: #cfd5e5;
}

.collapser-flat .toc-tools {
  display: none !important;
  /* nothing to open, so don't show the button */
}

.actions li.pdfLink a:before {
  margin-right: 6px;
}

/*- Static Content Pages (Hide TOC on Mobile) -*/
@media screen and (max-width: 1024px) {
  .contentPage #toc {
    display: none;
  }
}
/*- New configurable layout page TOC Fix -*/
.type-title .tocWrapper li {
  padding-right: 0 !important;
}
.type-title .tocWrapper .metaBlock {
  float: right;
  text-align: right;
  font-size: 0.875em;
  padding: 0 0 10px 5px;
  margin: -5px;
}
@media screen and (max-width: 600px) {
  .type-title .tocWrapper .metaBlock {
    display: none;
  }
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: >>>   Media Search Styles   */
.contentItem {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #cfd5e5;
  position: relative;
  margin: 0;
  padding: 1.333em 0;
  width: 100%;
  color: #2a2a2a;
  font-size: 1em;
  line-height: 1.2;
  /*- for new configurable layout fix and remove later -*/
}
.contentItem::after {
  clear: both;
  content: "";
  display: table;
}
.content-panel .contentItem:first-of-type, .toc-list .contentItem {
  border: none;
}
.sidebar .contentItem {
  padding: 0.33em 0;
}
.contentItem a:not(.button) {
  display: inline;
  margin: 0;
  padding: 0;
}
.contentItem a.external-content:after {
  content: "";
  /* fa-external-link */
  display: inline-block;
  font-family: FontAwesome;
  margin-left: 0.3em;
}
.contentItem [class^=ico-]:before,
.contentItem [class*=ico-]:before {
  margin-right: 0.33em;
}
.contentItem .cover {
  float: left;
  max-width: 90px;
}
.contentItem .cover img {
  width: 100%;
  min-height: 60px;
  /* so loading doesn't cause the page to shift! */
  background: transparent url(../img/ajax-loader-large.gif) no-repeat center center;
  border: 1px solid #cfd5e5;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 12px;
  text-align: center;
  overflow: hidden;
}
.contentItem .cover img.default-media-image {
  background: none;
  width: 130px;
}
.contentItem .item-title {
  display: block;
  margin: 0 0 0.25em 1em;
  padding: 0 2em 0 0;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.2;
  margin-left: 0;
}
.contentItem .item-title + .author,
.contentItem .item-title + .editor,
.contentItem .item-contributor {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.2;
}
.contentItem .context {
  -webkit-transition: height 1s ease-out 1s;
  -moz-transition: height 1s ease-out 1s;
  transition: height 1s ease-out 1s;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
}
.contentItem .context.less {
  -webkit-line-clamp: 4;
  -moz-line-clamp: 4;
  line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contentItem .context h2 {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
  color: #2a2a2a;
}
.contentItem .metadata {
  font-size: 0.916em;
  font-weight: 400;
  line-height: 1.2;
  color: #2a2a2a;
}
.contentItem .metadata .cover img {
  min-height: 20px;
  /* so loading doesn't cause the page to shift! */
  max-width: 120px;
}
.contentItem .actions li {
  margin: 0 0 0.67em 0;
  padding: 0;
}
.contentItem .subTitle {
  font-weight: 400;
  font-size: 1em;
}
.contentItem .contentItem .media-image {
  margin-right: 20px;
  padding: 15px 20px;
  background-color: lightgray;
}
.contentItem .contentItem .media-image img {
  width: auto;
  min-width: 130px;
}
.contentItem.standardResult.hasCover {
  padding-left: 120px;
}
.contentItem.standardResult.titleResult .cover, .contentItem.standardResult.chunkResult .cover {
  margin-right: 0;
}
.contentItem.standardResult.titleResult.hasCover .cover, .contentItem.standardResult.chunkResult.hasCover .cover {
  margin-left: -120px;
  width: 90px;
  margin-top: -40px;
}
.contentItem.standardResult .metadata {
  font-size: 0.916em;
  font-weight: 400;
  line-height: 1.2;
}
.layout .contentItem.standardResult.titleResult.hasCover .cover, .layout .contentItem.standardResult.chunkResult.hasCover .cover {
  margin-top: 0;
}

.contentItem.splitResult {
  display: table;
}
.contentItem.splitResult .detail {
  display: table-cell;
  padding-right: 1.333em;
  width: 69.971671388%;
  vertical-align: top;
}
.contentItem.splitResult .detail .subTitle {
  margin-bottom: 1em;
}
.contentItem.splitResult .metaBlock {
  display: table-cell;
  padding-left: 1.333em;
  width: 30.028328611%;
  border-left: 1px solid #cfd5e5;
  vertical-align: top;
}
.contentItem.splitResult .metadata {
  font-size: 0.917em;
  font-weight: 400;
  margin-top: 0;
}
.contentItem.splitResult .metadata .type dd,
.contentItem.splitResult .metadata .type {
  margin-top: 0.25em;
  font-weight: 400;
}
.contentItem.splitResult .metadata h3.type {
  margin: 0 0 0.25em 1px;
}
.contentItem.splitResult.chunkResult.hasCover {
  /* PFCORE-4597
  .cover {
  	margin: .5em 4.716981132% .5em 0;
  	width: 26.530612244%;
  }*/
}
.contentItem.splitResult.titleResult.hasCover .cover {
  margin-right: 2.732240437%;
  margin-left: -30.054644808%;
  width: 27.322404371%;
}
.contentItem.splitResult.titleResult.hasCover .detail {
  padding-left: 15.580736543%;
}
.toc-list .contentItem {
  border: none;
}
#columnOne .contentItem.splitResult .detail, #columnOne .contentItem.splitResult .metaBlock,
#columnOne .contentItem .metadata {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
}
#columnOne .contentItem .item-title {
  font: inherit;
}
@media screen and (max-width: 768px) {
  .contentItem {
    display: block;
  }
  .contentItem .item-title {
    margin-top: 0.33em;
    padding: 0;
  }
  .contentItem .metadata {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
  }
  .contentItem .context p:last-child {
    margin-bottom: 0;
  }
  .contentItem.splitResult {
    padding-top: 3em;
  }
  .contentItem.splitResult .detail,
.contentItem.splitResult .metaBlock {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
  }
  .contentItem.splitResult .metadata {
    margin: 1em 0 0 0;
    padding-left: 0;
  }
  .contentItem.splitResult .metadata .type dd,
.contentItem.splitResult .metadata .type {
    margin-top: 0;
  }
  .contentItem.splitResult.titleResult.hasCover .detail,
.contentItem.splitResult.titleResult.hasCover .metaBlock {
    padding-left: 22.916666666%;
  }
  .contentItem.splitResult.titleResult.hasCover .cover {
    margin-left: -29.729729729%;
    margin-right: 2.702702702%;
    margin-top: 0;
    padding-top: 0.2em;
    width: 27.027027027%;
  }
  .contentItem.standardResult.chunkResult.hasCover {
    padding-left: 0;
  }
  .contentItem.standardResult.chunkResult.hasCover .cover, .contentItem.splitResult.chunkResult.hasCover .cover {
    display: none;
  }
  .contentItem .metaBlock {
    display: none !important;
  }
  .contentItem.expanded .metaBlock {
    clear: both !important;
    display: block !important;
    padding-left: 0 !important;
  }
}

/* CSS for new 'structural' components */
/* These are the styles for the structural/slider component which uses the jQuery "slick slider" */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-arrow.slick-hidden {
  display: none;
}

div.slider {
  margin: 0 75px;
  position: relative;
}
div.slider a {
  width: 100%;
  text-align: center;
  display: block;
  padding: 5px 0;
}
div.slider a img {
  width: 80%;
  margin: 0 auto;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
}

.slick-arrow {
  width: 75px;
  height: 138px;
  position: absolute;
  top: 50%;
  margin-top: -74px;
  border: none;
  visibility: collapse;
  cursor: pointer;
}
.slick-arrow:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  position: absolute;
  top: 0;
  color: #85837d;
  left: 0;
  visibility: visible;
  width: 75px;
  height: 138px;
  line-height: 138px;
  vertical-align: middle;
  text-align: right;
  font-size: 60px;
}
.slick-arrow.slick-prev {
  left: -75px;
}
.slick-arrow.slick-prev:before {
  content: "";
  display: block;
  text-align: left;
}
.slick-arrow.slick-next {
  right: -75px;
}
.slick-arrow.slick-next:before {
  content: "";
  display: block;
  right: 0;
  left: auto;
}
.slick-arrow:active {
  outline: 0;
}

.slick-dots {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.slick-dots li {
  display: inline-block;
  list-style: none;
  margin: 0 6px;
}
.slick-dots li button {
  font-size: 0;
  border-radius: 100px;
  padding: 7px;
  margin: 0;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
  text-align: center;
}
.slick-vertical .slick-arrow {
  width: 138px;
  height: 75px;
  position: absolute;
  left: 50%;
  margin-top: 0;
  margin-left: -69px;
  border: none;
  visibility: collapse;
  z-index: 100;
}
.slick-vertical .slick-arrow:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  position: absolute;
  top: 0;
  color: #85837d;
  left: 0;
  visibility: visible;
  width: 138px;
  height: 75px;
  line-height: 75px;
  vertical-align: middle;
  text-align: center;
  font-size: 60px;
}
.slick-vertical .slick-arrow.slick-prev {
  top: -20px;
}
.slick-vertical .slick-arrow.slick-prev:before {
  content: "";
  display: block;
}
.slick-vertical .slick-arrow.slick-next {
  bottom: -20px;
  top: auto;
}
.slick-vertical .slick-arrow.slick-next:before {
  content: "";
  display: block;
}
.slick-vertical .slick-arrow:active {
  outline: 0;
}

@media only screen and (max-width: 1250px) {
  .slick-arrow {
    width: 75px;
    height: 138px;
    position: absolute;
    top: 50%;
    margin-top: -74px;
    border: none;
    visibility: collapse;
  }
  .slick-arrow:before {
    width: 55px;
  }
  .slick-arrow.slick-prev {
    left: -45px;
  }
  .slick-arrow.slick-next {
    right: -45px;
  }
}
@media only screen and (max-width: 800px) {
  .slick-arrow {
    width: 45px;
  }
  .slick-arrow:before {
    font-size: 45px;
    width: 55px;
  }
}
.slider.fullwidth {
  margin: -1.5em -1.5em 1.5em;
  position: relative;
  background: #f4f4f4;
}
.slider.fullwidth button {
  background: transparent;
  border: none;
  outline: 0;
}
.slider.fullwidth button.slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  text-indent: -9000em;
  font-size: 0;
  margin-top: -45px;
}
.slider.fullwidth button.slick-arrow:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 100px;
  font-size: 140px;
  content: "";
  display: block;
  position: relative;
  top: -5px;
  color: #85837d;
}
.slider.fullwidth button.slick-prev {
  left: 20px;
}
.slider.fullwidth button.slick-prev:before {
  content: "";
}
.slider.fullwidth button.slick-next {
  right: 20px;
}
.slider.fullwidth button.slick-next:before {
  content: "";
}
.slider.fullwidth .slick-slide {
  opacity: 0.6;
  transition: opacity 0.3s ease-out;
}
.slider.fullwidth .slick-slide a {
  display: block;
  padding: 30px 20px;
}
.slider.fullwidth .slick-slide a img {
  margin-bottom: 0;
}
.slider.fullwidth .slick-current {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}

@media only screen and (max-width: 1000px) {
  .slider.fullwidth button.slick-arrow:before {
    font-size: 90px;
    top: -6px;
  }
}
/* These are the styles for a generic box of content 
   ON THE HOME PAGE ONLY, on configurable pages see /responsive/scss/configurable/_contentbox.scss

*/
.content-box {
  /* default styles */
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: white;
  margin-bottom: 20px;
  /* overrides for specific contexts */
}
.content-box-header, .content-box-body {
  padding: 20px;
}
.content-box-header {
  background-color: #f2f5f9;
  padding-bottom: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cfd5e5;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.columnOne .content-box {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: white;
}
.columnOne .content-box-header {
  background-color: white;
}
.site-header .content-box {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: #142655;
}
.site-header .content-box-header {
  background-color: #4c6cac;
}
.home .content-box {
  border-width: 1px;
  border-style: solid;
  border-color: #cfd5e5;
  background-color: white;
}
.home .content-box-header {
  background-color: white;
  border-bottom: none;
}
.home .content-box-body {
  padding-top: 0;
}

/* These are the styles for a flat list of content */
.flat-list {
  margin-left: 30px;
}
.flat-list.no-bullets {
  list-style: none;
  margin-left: 15px;
}
.flat-list li {
  margin-bottom: 10px;
}

nav .flat-list {
  margin-left: 30px;
}
nav .flat-list li {
  margin-bottom: 10px;
}
nav .flat-list.no-bullets {
  list-style: none;
  margin-left: 0;
}
nav .flat-list.no-bullets h3 {
  font-size: 1em;
  margin-bottom: 0;
}
nav .flat-list.no-bullets h3 a {
  display: block;
  padding: 10px 20px;
}
nav .flat-list.no-bullets h3 a.active {
  font-weight: 700;
  position: relative;
}
nav .flat-list.no-bullets h3 a.active:after {
  display: block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -19px;
  font-size: 29px;
}
nav .flat-list.no-bullets li {
  margin-bottom: 0;
}

.layout::after {
  clear: both;
  content: "";
  display: table;
}

.columns-wrapper {
  clear: both;
}

.column-group {
  clear: both;
}

.layout.three-column-with-top-bottom .columns-3 > .column {
  float: left;
}
.layout.three-column-with-top-bottom .columns-3 > .leftColumn {
  width: calc(23% + 2%);
  padding-right: 2%;
  position: relative;
  left: calc(-100% + (23% + 2%) * 2);
}
.layout.three-column-with-top-bottom .columns-3 > .centerColumn {
  width: calc(100% - (23% + 2%) * 2);
  left: calc(23% + 2%);
  position: relative;
}
.layout.three-column-with-top-bottom .columns-3 > .rightColumn {
  width: calc(23% + 2%);
  padding-left: 2%;
  float: right;
}
@media screen and (max-width: 1200px) {
  .layout.three-column-with-top-bottom .columns-3 > .leftColumn {
    width: 100%;
    max-width: 320px;
    left: calc(-100% + 320px);
  }
  .layout.three-column-with-top-bottom .columns-3 > .centerColumn {
    width: calc(100% - 320px);
    left: 320px;
  }
  .layout.three-column-with-top-bottom .columns-3 > .rightColumn {
    max-width: 100%;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .layout.three-column-with-top-bottom .columns-3 > .leftColumn {
    max-width: 100%;
    width: 100%;
    left: 0;
    margin-bottom: 20px;
  }
  .layout.three-column-with-top-bottom .columns-3 > .centerColumn {
    width: 100%;
    left: 0;
  }
}
.layout.three-column-with-top-bottom .columns-2.no-rightColumn > .column {
  float: left;
}
.layout.three-column-with-top-bottom .columns-2.no-rightColumn > .leftColumn {
  width: calc(23% + 2%);
  padding-right: 2%;
  position: relative;
  left: calc(-100% + (23% + 2%));
}
.layout.three-column-with-top-bottom .columns-2.no-rightColumn > .centerColumn {
  width: calc(100% - (23% + 2%));
  left: calc(23% + 2%);
  position: relative;
}
@media screen and (max-width: 768px) {
  .layout.three-column-with-top-bottom .columns-2.no-rightColumn > .leftColumn {
    max-width: 100%;
    width: 100%;
    left: 0;
    margin-bottom: 20px;
  }
  .layout.three-column-with-top-bottom .columns-2.no-rightColumn > .centerColumn {
    width: 100%;
    left: 0;
  }
}
.layout.three-column-with-top-bottom .columns-2.no-centerColumn > .column {
  float: left;
  width: 50%;
}
.layout.three-column-with-top-bottom .columns-2.no-centerColumn > .leftColumn {
  padding-right: calc(2%/2);
}
.layout.three-column-with-top-bottom .columns-2.no-centerColumn > .rightColumn {
  padding-left: calc(2%/2);
}
@media screen and (max-width: 768px) {
  .layout.three-column-with-top-bottom .columns-2.no-centerColumn > .column {
    width: 100%;
    padding: 0;
  }
}
.layout.three-column-with-top-bottom .columns-2.no-leftColumn > .column {
  float: left;
}
.layout.three-column-with-top-bottom .columns-2.no-leftColumn > .rightColumn {
  width: calc(23% + 2%);
  padding-left: 2%;
}
.layout.three-column-with-top-bottom .columns-2.no-leftColumn > .centerColumn {
  width: calc(100% - (23% + 2%));
}
@media screen and (max-width: 768px) {
  .layout.three-column-with-top-bottom .columns-2.no-leftColumn > .rightColumn {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    left: 0;
    padding-left: 0;
  }
  .layout.three-column-with-top-bottom .columns-2.no-leftColumn > .centerColumn {
    width: 100%;
    left: 0;
  }
}

.layout.three-by-three .column-group {
  width: 100%;
  text-align: center;
}
.layout.three-by-three .column.top-left, .layout.three-by-three .column.middle-left, .layout.three-by-three .column.bottom-left {
  float: left;
  margin-right: -100%;
  text-align: left;
}
.layout.three-by-three .column.top-right, .layout.three-by-three .column.middle-right, .layout.three-by-three .column.bottom-right {
  float: right;
  margin-left: -100%;
  text-align: right;
}
.layout.three-by-three .column.top-center, .layout.three-by-three .column.middle-center, .layout.three-by-three .column.bottom-center {
  display: inline-block;
  text-align: center;
}

/*- Column width overrides for index card (Check with Josh to determine if this is best location -*/
.type-index-card {
  padding-right: 0;
}
.type-index-card .columns-3 > .leftColumn {
  width: 160px;
  padding-right: 2%;
  left: calc(-100% + (260px + 160px));
}
.type-index-card .columns-3 > .centerColumn {
  width: calc(100% - (260px + 160px));
  left: 160px;
}
.type-index-card .columns-3 > .rightColumn {
  width: 260px;
}
.component-container.scroll-locked {
  position: fixed;
  top: 0;
  max-height: 100%;
  overflow-y: auto;
}
.component-container.container-tabbed .container-tabs {
  margin-bottom: 0;
}
.component-container.container-tabbed .container-body .container-item {
  display: none;
}
.component-container.container-tabbed .container-body .container-item .container-item {
  display: inherit;
}
.component-container.container-tabbed .container-body .container-item > .component > .content-box {
  margin-bottom: 0;
}
.component-container.container-tabbed.ui-tabs {
  padding: 0;
}
.component-container.container-tabbed.ui-tabs .ui-tabs-panel {
  padding: 0;
}
.component-container.container-tabbed.tabs-vertical .container-body .content-box {
  padding-left: 65px;
}
.component-container.container-tabbed.tabs-vertical > .content-box > .content-box-body > nav {
  width: 85px;
  float: left;
  margin-left: -20px;
  font-size: 80%;
}
.component-container.container-tabbed.tabs-vertical > .content-box > .content-box-body > nav .ui-tabs-nav .ui-tabs-anchor {
  float: none;
  padding: 0.5em;
  display: inline-block;
}
.component-container.container-tabbed.tabs-vertical > .content-box > .content-box-body > nav .ui-tabs-nav li {
  white-space: normal;
  width: 100%;
  text-align: center;
  margin-bottom: 2px;
}

.grid {
  text-align: center;
}
.grid .row-block.collapsed {
  display: none;
}
.grid a.more:not(.c-Icon):after, .grid a.less:not(.c-Icon):after {
  font-family: FontAwesome;
  line-height: 1;
  display: inline-block;
  font-size: 15px;
  margin-left: 8px;
}
.grid a.more:not(.c-Icon):after {
  content: "";
}
.grid a.less {
  display: none;
}
.grid a.less:not(.c-Icon):after {
  content: "";
}
.grid .grid-row {
  display: flex;
}
.grid .grid-row .grid-item {
  flex: 1;
  display: inline-block;
  list-style: none;
  margin-left: 0;
  padding: 10px;
}

.ie-11 .grid .grid-row .grid-item {
  flex: auto;
  flex-grow: 1;
}

/* CSS overrides for specific display components */
/* style overrides for the new content slider */
.most-viewed-content-slider .content-box-header a.see-more {
  float: right;
  margin-top: -36px;
}

/* style overrides for the new content slider */
.new-content-slider .content-box-header a.see-more {
  float: right;
  margin-top: -36px;
}

.most-viewed-content .popular-item {
  font-size: 13px;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
.most-viewed-content .popular-item h2, .most-viewed-content .popular-item h3 {
  margin-bottom: 0;
}
.most-viewed-content.vertical .cover-image {
  float: left;
  margin: 0 10px 0 0;
}
.most-viewed-content.vertical.has-title .cover-image {
  width: 20%;
}
.most-viewed-content.vertical.has-contributors .cover-image {
  width: 20%;
}
.most-viewed-content.vertical .popular-item {
  margin: 10px 0;
}
.most-viewed-content.vertical .popular-item .cover-and-title-wrapper {
  clear: both;
}
.most-viewed-content.horizontal .popular-item {
  margin: 0 10px;
  text-align: center;
}

.component-image-gallery img {
  height: auto !important;
  max-height: 100% !important;
}
.component-image-gallery ul.actions {
  list-style: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  margin: 0;
  text-align: right;
  padding: 10px;
  height: auto !important;
}
.component-image-gallery ul.actions li {
  display: inline-block;
  margin-right: 10px;
}
.component-image-gallery ul.actions li a span {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
  margin-left: 8px;
}
.component-image-gallery.full-screen {
  height: 100%;
}
.component-image-gallery.full-screen * {
  height: 100%;
}
.component-image-gallery.full-screen .caption {
  height: unset;
  overflow-y: hidden;
}
.component-image-gallery .content-box-body {
  display: flex;
  flex-direction: column;
}
.component-image-gallery .full-image-slider {
  flex: 1;
  height: calc(100% - 90px - 40px);
}
.component-image-gallery .full-image-slider img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.component-image-gallery .thumbnail-slider {
  flex: 1;
}
.component-image-gallery .thumbnail-slider {
  height: 90px;
  margin: 0 auto;
  width: 100%;
  max-width: 660px;
  padding-top: 20px;
}
.component-image-gallery .thumbnail-slider .thumb {
  display: block;
  height: 90px !important;
  position: relative;
  padding: 0 !important;
  border-style: solid;
  border-width: 1px;
  margin: 0 5px;
  cursor: pointer;
}
.component-image-gallery .thumbnail-slider span.graphic {
  display: block;
  padding: 5px 0;
  margin: 0 5px;
  position: relative;
  height: 90px;
  text-align: center;
  width: calc(100% - 10px);
}
.component-image-gallery .thumbnail-slider img {
  max-height: 90px;
  position: absolute;
  top: 5px;
  bottom: 0;
  height: calc(100% - 12px) !important;
  left: 50%;
  transform: translateX(-50%);
}
.component-image-gallery .slick-arrow {
  width: 30px;
  padding: 0;
  height: 90px;
  margin-top: 0;
  top: 0;
}
.component-image-gallery .slick-arrow:before {
  width: 30px;
  height: 90px;
  line-height: 90px;
  font-size: 26px;
  position: static;
}
.component-image-gallery .slick-arrow.slick-prev {
  left: -30px;
}
.component-image-gallery .slick-arrow.slick-next {
  right: -30px;
}
.component-image-gallery .slick-initialized .slick-slide .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 40px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0px 10%;
  overflow-y: hidden;
}
.component-image-gallery .slick-initialized .slick-slide .caption:hover {
  max-height: 50%;
  overflow-y: auto;
  background-color: black;
}
.component-image-gallery .slick-initialized .slick-slide.has-caption {
  padding-bottom: 40px;
}
.component-image-gallery .slick-initialized .slick-slide.has-caption .caption {
  display: block;
}
.component-image-gallery .slick-initialized.full-image-slider .slick-slide .graphic img {
  padding-bottom: 40px;
}
.component-image-gallery .slick-initialized .slick-initialized .slick-slide .caption {
  margin-bottom: 0;
}
.component-image-gallery .slick-initialized .slick-initialized .slick-slide .caption p {
  margin: 0 !important;
  padding: 0 !important;
}
.component-image-gallery .caption p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.component-image-gallery .caption:hover p {
  white-space: normal;
  overflow: auto;
  text-overflow: initial;
}

.ie-11 .component-image-gallery .full-image-slider {
  flex: auto;
  flex-grow: 1;
}
.ie-11 .component-image-gallery .thumbnail-slider {
  flex: auto;
  flex-grow: 1;
}

.gallery-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: black;
  z-index: 10001;
}

.component-content-figures figure figcaption {
  display: inline-block;
  text-align: center;
  font-size: 90%;
}
.component-content-figures figure .gallery-link {
  display: block;
  text-align: right;
  font-size: 90%;
  margin-bottom: 12px;
}

.message-feed-containter {
  display: block;
  clear: both;
}
.message-feed-containter h2 {
  text-align: center;
}
.message-feed-containter .message-feed-content {
  margin-bottom: 10px;
}
.message-feed-containter .message-feed-body {
  margin-bottom: 10px;
}
.message-feed-containter .message-feed-content.scheduled-maintenance {
  color: red;
  border: red;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
}
.message-feed-containter .message-feed-content.scheduled-maintenance h1, .message-feed-containter .message-feed-content.scheduled-maintenance h2, .message-feed-containter .message-feed-content.scheduled-maintenance h3, .message-feed-containter .message-feed-content.scheduled-maintenance h4 {
  color: red;
}

input[type=text].adaptive-placeholder {
  box-sizing: border-box;
  height: 35px;
  resize: none;
  outline: none;
}

input[type=text][required].adaptive-placeholder:focus ~ label[placeholder]:before,
input[type=text][required].adaptive-placeholder:valid ~ label[placeholder]:before {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transform: translate(0, -17.5px) scale(0.9, 0.9);
  transform: translate(0, -17.5px) scale(0.9, 0.9);
}

input[type=text][required].adaptive-placeholder:invalid + label[placeholder][alt]:before {
  content: attr(alt);
}

input[type=text][required].adaptive-placeholder ~ label[placeholder] {
  display: block;
  pointer-events: none;
  line-height: 35px;
  margin-top: calc(-0.33em - 35px);
  margin-bottom: 0.33em;
}

input[type=text][required].adaptive-placeholder ~ label[placeholder]:before {
  content: attr(placeholder);
  display: inline-block;
  margin: 0 2px;
  padding: 0 2px;
  white-space: nowrap;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-size: 100% 5px;
  background-repeat: no-repeat;
  background-position: center;
}

#relatedSubjectsTaxonomyFilters {
  margin-top: 1.67em;
  background: none;
}
#relatedSubjectsTaxonomyFilters #taxonomy_subject {
  padding-top: 0;
}

#snippetNav, #relatedSubjectsTaxonomyFilters {
  border-top: 1px solid #cfd5e5;
  padding-top: 1.167em;
}

#headerLogo {
  clear: left;
  max-width: 660px;
  width: 40%;
}
#headerLogo a {
  background-size: cover !important;
  position: relative;
}
#headerLogo a:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 10%;
}
#headerLogo a > .content, #headerLogo a span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#headerLogo a span {
  text-indent: -9000em;
}
@media screen and (max-width: 1024px) {
  #headerLogo {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.33em 1.25em 0;
    width: 100%;
  }
  #headerLogo a {
    width: auto !important;
    height: 46px !important;
    background-position: center left;
    background-size: contain !important;
  }
}
@media screen and (max-width: 768px) {
  #headerLogo {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.33em 1.25em 0;
    max-width: 256px;
  }
  #headerLogo a {
    background-image: url(../images/odnb-logo-mobile.svg);
    width: 256px !important;
    height: 46px !important;
    position: relative;
    background-size: 256px auto;
  }
  #headerLogo a:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 17.96875%;
  }
  #headerLogo a > .content, #headerLogo a span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

/* Search Module (e.g., block containing search form -- 
   site search, document search, refine search, locus search.)
   ========================================================================== */
.search-form .form-group-label {
  display: block;
  margin: 0;
  padding: 0.85714286em 1em;
  margin-bottom: 1.167em;
}

.searchModule + .searchModule {
  border-top: none;
  padding-top: 0;
}

.locus-search-form .form-row {
  padding: 0 1.167em;
}

.locus-search-form .search-button {
  margin-left: 1.167em !important;
}

.advanced-search #fragment {
  margin-bottom: 0;
}
.advanced-search .advSearchModule .text-title {
  display: none;
}
.advanced-search .date-query-rows {
  margin-bottom: 0;
}
.advanced-search .date-query-rows fieldset div.select-group.flex-wrap {
  display: flex;
}
.advanced-search .date-query-rows fieldset div.select-group, .advanced-search .date-query-rows fieldset div.select-group select {
  width: 80%;
}
.advanced-search .add-button-wrapper {
  margin-bottom: 1.5em;
}

#typeWrapper {
  margin-top: 2.67em;
}
#typeWrapper ul {
  margin-bottom: 0;
}
#typeWrapper ul li {
  display: inline-block;
  white-space: nowrap;
  margin-right: 1.67em;
}

@media screen and (max-width: 1024px) {
  .searchModule + .searchModule {
    border-top: none;
    padding: 1.167em;
  }

  .page-viewtitle .searchModule {
    padding: 1.167em;
  }
  .page-viewtitle .searchWithin {
    position: static;
  }

  .locus-search-form .locus-group-label {
    display: none;
  }
  .locus-search-form .form-row {
    width: auto;
    margin: 0 0.67em 0.67em 0;
    padding: 0;
  }
  .locus-search-form .search-button {
    margin-left: 0 !important;
  }
  .page-viewjournaloverview .locus-search {
    position: static;
    width: 100%;
  }
  .page-viewjournaloverview .locus-search .search-form {
    float: left;
    width: 50%;
  }
  .page-viewjournalissue .locus-search {
    position: static;
    width: 100%;
  }
  .page-viewjournalissue .locus-search .search-form {
    float: left;
    width: 50%;
  }

  .searchWithin {
    width: 100%;
  }
  .searchWithin .search-form {
    width: 100%;
  }
  .page-myannotations .searchWithin {
    position: static;
    width: 100%;
  }
  .page-viewchapter .searchWithin {
    position: static;
  }
  .page-viewepubchapter .searchWithin {
    position: absolute;
    right: 0;
    z-index: 10;
    width: 70%;
  }
  .page-viewepubchapter .searchWithin .search-form {
    float: right;
    width: 100%;
    max-width: 30em;
  }
  .page-viewjournaloverview .searchWithin {
    right: 0;
    width: 50%;
  }
  .page-viewjournaloverview .searchWithin .search-form {
    float: right;
  }
  .page-viewjournalarticle .searchWithin .search-filters {
    padding-left: 0;
  }
  .page-viewjournalarticle .searchWithin .search-filters .form-label {
    padding: 8px 0 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .page-viewjournaloverview .searchWithin {
    width: 100%;
  }
  .page-viewjournaloverview .searchWithin .search-form {
    float: none;
  }
}
#joinMailingListRow,
#termsAndConditionsRow {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#joinMailingListRow label,
#termsAndConditionsRow label {
  order: 2;
  margin-bottom: 0;
}
#joinMailingListRow input[type=checkbox],
#termsAndConditionsRow input[type=checkbox] {
  float: left;
  order: 1;
  margin-right: 7px;
}

.signup-form input[type=submit] {
  margin-left: 10px;
}

.hero-block:before {
  background-size: cover;
}
.ie8 .hero-block > img {
  left: 0;
  width: 100%;
}
.hero-content {
  width: 100%;
}
.hero-content.onecol {
  display: table;
}
.hero-content.onecol .hero-media,
.hero-content.onecol .hero-intro {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  .ie8 .hero-block > img {
    display: none;
  }
  .hero-content {
    width: 100%;
  }
}

.homeHero {
  background: white;
  padding: 1.167em;
  margin-bottom: 1.67em;
}
.homeHero::after {
  clear: both;
  content: "";
  display: table;
}
.homeHero div.video {
  display: block;
  float: left;
  margin-right: 1.167em;
  position: relative;
}
.homeHero div.video img {
  margin-bottom: 0;
}
.homeHero div.video p {
  position: absolute;
  bottom: 1em;
  left: 0;
  padding-left: 0.825em;
  background: rgba(0, 0, 0, 0.6);
  margin-bottom: 0;
}
.homeHero div.video p a {
  color: #fefefe;
  display: inline-block;
  padding: 0.825em;
}
.homeHero h2, .homeHero p {
  color: #ffffff;
}
.homeHero div.copy {
  margin-left: 350px;
}
@media screen and (max-width: 768px) {
  .homeHero div.video {
    float: none;
    margin-bottom: 1.167em;
  }
  .homeHero div.copy {
    margin-left: 0;
  }
}

#issueTitle h2 {
  font-weight: bold;
  font-size: 1em;
}
#issueTitle .issuePages {
  font-size: 1em;
}

.browseResults #pagetitle {
  font-size: 1.5em;
  padding-left: 0.75em;
  padding-bottom: 0.1em;
}
.browseResults .searchHeader h2 {
  font-size: 1em;
}

#loginPanel {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  margin: 0 0 1.67em 0;
  padding: 0;
  background-color: white;
}
#loginPanel h2 {
  /* %extend module-heading */
  margin: 0;
  padding: 0.833em 1.167em;
  font-size: 1.167em;
  font-weight: 700;
  line-height: 1.167em;
}

/* Even though it's technically a "link" to the user it functions like a button */
.metadata a.buy-print-link {
  color: #ffffff;
  background: #267cb5;
  margin-bottom: 1.167em;
  display: inline-block;
  border: solid 1px #267cb5;
  padding: 0.5em;
}
.metadata a.buy-print-link:hover {
  border: solid 1px #267cb5;
}

.micromodaljs-modal {
  display: none;
}
.micromodaljs-modal.is-open {
  display: block;
}
.micromodaljs-modal iframe {
  border: none;
  width: 100%;
  max-height: calc(80vh - 30px);
}
.micromodaljs-modal header {
  position: absolute;
  top: 10px;
  right: 15px;
}
.micromodaljs-modal .loading {
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.15), 0px 6px 10px 0px rgba(0, 0, 0, 0.1), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  position: fixed;
  top: calc(50vh - 25px);
  z-index: 100;
}
.micromodaljs-modal .loading .throbber {
  margin: 13px auto;
}
.micromodaljs-modal .loading span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.micromodaljs-modal .screen-reader-text {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.lightboxTitle span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.micromodaljs-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

.micromodaljs-modal-container {
  background-color: #f9f9f9;
  padding: 15px;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.15), 0px 24px 38px 3px rgba(0, 0, 0, 0.1), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  max-height: 80vh;
  overflow: hidden;
  overflow-y: auto;
  z-index: 0;
}

.micromodaljs-modal-close-button {
  position: absolute;
  top: -28px;
  right: -33px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 50px;
  padding: 0;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  /* a lot of buttons were using the a link color instead of the button color */
  color: #ffffff !important;
  font-weight: 400;
}
.micromodaljs-modal-close-button i {
  font-size: 20px;
  color: #ffffff !important;
  line-height: 1.7;
}
.micromodaljs-modal-close-button .c-IconButton {
  padding: 7px;
}
.micromodaljs-modal-close-button .c-IconButton:before {
  display: block;
}

.micromodaljs-modal-existing .micromodaljs-modal-content {
  max-height: 100%;
}

.micromodaljs-modal-content html {
  overflow-y: hidden;
}

.has-open-modal {
  overflow: hidden !important;
}

/* News Archives
   ========================================================================== */
@media screen and (max-width: 1024px) {
  .news-nav-menu {
    margin-bottom: 0;
  }
}

.page-viewjournaloverview .tab-panel {
  margin-bottom: 0;
}

/* Content Tools (aka Page Links)
   ========================================================================== */
.pageLinks {
  position: absolute;
  z-index: 999;
  top: 12px !important;
  right: 1.67em;
}
.pageLinks ul {
  display: inline-block;
  font-size: 1.333333em;
}
.pageLinks ul + ul {
  margin-left: 0.5em;
}
.pageLinks .actions li {
  display: inline-block;
  margin-left: 0.5em;
  line-height: 34px;
}
.pageLinks .actions li:first-child {
  margin-left: 0;
}
.pageLinks .actions li:empty {
  display: none;
}
.pageLinks .actions .highlight {
  display: none;
}
.highlights .pageLinks .actions .highlight {
  display: inline-block;
}
.pageLinks .actions a {
  margin-right: 0.25em;
}
@media screen and (max-width: 1024px) {
  .pageLinks {
    right: 1.167em;
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  #headerUtilityBar .pageLinks {
    position: static;
    background-color: #142655;
    padding: 0.53em 0.833em;
  }
  #headerUtilityBar .pageLinks li.save,
#headerUtilityBar .pageLinks li.cite,
#headerUtilityBar .pageLinks li.citationAlert,
#headerUtilityBar .pageLinks li.highlight {
    display: none;
  }
}
[data-role=shareLinkCopyConfirmation] {
  display: block;
  position: absolute;
  bottom: 30px;
  background-color: #bebebe;
  color: black;
  width: 100%;
  border-radius: 3px;
  text-align: center;
  padding-top: 5px;
}
[data-role=shareLinkCopyConfirmation]::after {
  transform: rotate(45deg);
  position: relative;
  display: block;
  background-color: #bebebe;
  height: 10px;
  bottom: -5px;
  width: 10px;
  margin: auto;
  content: "";
}

.fade-out-supported {
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

.fade-out {
  opacity: 0;
}

.fade-out-hidden {
  z-index: -1;
  opacity: 0 !important;
}

.position-relative {
  position: relative;
}

.width-fit-content {
  width: fit-content;
}

#shareLinkModalBody div {
  margin: 12px 0;
}
#shareLinkModalBody textarea {
  margin-bottom: 5px;
  resize: none;
  color: black;
}
#shareLinkModalBody a, #shareLinkModalBody button {
  display: inline-block;
  padding: 7px;
  border-radius: 3px;
  background-color: #267cb5;
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
}
#shareLinkModalBody h2 {
  margin-top: 0;
}

.site-search {
  clear: right;
}
.site-search ::-webkit-input-placeholder {
  color: #2a2a2a;
}
.site-search :-moz-placeholder {
  /* Firefox 18- */
  color: #2a2a2a;
}
.site-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #2a2a2a;
}
.site-search :-ms-input-placeholder {
  color: #2a2a2a;
}
@media screen and (max-width: 1024px) {
  .site-search {
    float: right;
    padding: 0;
    clear: none;
    position: relative;
    margin: 0;
  }
  .site-search-toggle {
    display: inline-block;
    margin: 0;
    padding: 0.625em 0.833em;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 1.325em;
    line-height: 1.3;
    text-align: center;
    border-left: solid 1px #ffffff;
    width: 57px;
    height: 54px;
  }
  .site-search-toggle:focus, .site-search-toggle:hover {
    background-color: #5d79b3;
    color: white;
  }
  .site-search.open .site-search-toggle:before {
    content: "\f00d";
  }
  .site-search-form {
    display: none;
  }
  .site-search.open .site-search-form {
    -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    position: absolute;
    right: 0;
    left: auto;
    display: block;
    z-index: 9000;
    margin: 0;
    padding: 0.833em;
    width: 19.2em;
    background-color: #5d79b3;
  }
  .site-search-form .search-field {
    width: 240px;
  }
  .site-search-form .search-field::-webkit-input-placeholder {
    line-height: 1.4em;
  }
  .site-search-form .search-utils a {
    margin-left: 0;
  }
  .site-search-form .search-utils a span {
    margin-left: 0;
  }
  .site-search-form .search-utils a#helpBtn:before {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 768px) {
  .site-search input[type=text] {
    background: #5d79b3;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
    /* Not sure why this is here
    &:focus {
    	background: lighten($brand-background-hover, 10% ) !important;
    }*/
  }
  .site-search input[type=submit] {
    background: #5d79b3 url("../img/iconmonstr-magnifier-icon-16.png") center center no-repeat;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
  }
  .site-search input[type=submit]:focus {
    background-color: #8096c3 !important;
  }
  .site-search input[type=text],
.site-search .search-field {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #267cb5;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    float: left;
    margin: 0 0 0.33em 0;
    padding: 0 0.5em;
    background-color: #ffffff;
    color: #2a2a2a;
    font-size: 1em;
    height: 2.167em;
    line-height: 2.167em;
  }
  .site-search input[type=submit],
.site-search .search-button {
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #267cb5;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: #267cb5 url("../img/mag-glass.svg") no-repeat center center;
    background: url("../img/mag-glass.svg") no-repeat center center, -webkit-linear-gradient(bottom, #267cb5, );
    background: url("../img/mag-glass.svg") no-repeat center center, linear-gradient(to top, #267cb5, );
    background-size: 25px;
    float: left;
    margin: 0 0 0.33em 0;
    padding: 0 1.167em;
    color: #ffffff;
    font-size: 1em;
    height: 2.167em;
    line-height: 2.167em;
    text-indent: -999em;
  }
  .site-search .ico-search-options:before {
    display: none !important;
  }
  .site-search .ico-search-options span {
    position: static;
  }
}
@media screen and (max-width: 500px) {
  .site-search {
    position: static !important;
  }
  .site-search.open .site-search-form {
    width: 100%;
    right: 0;
  }
  .site-search.open .site-search-form input {
    margin-bottom: 0;
  }
}

.search-filters {
  display: block;
}

@media screen and (max-width: 768px) {
  .ico-search-options:before {
    content: "\f141";
  }
  .ico-search-options span {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    /*padding: 0;
    border: 0;*/
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
}

.search-utils [class*=ico-].advanced:before {
  display: none;
}
@media screen and (max-width: 768px) {
  .search-utils [class*=ico-].advanced:before {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .search-utils {
    float: none;
    clear: both;
  }
}

.site-nav-menu {
  clear: both;
}
@media screen and (max-width: 1024px) {
  .site-nav {
    -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    position: absolute;
    left: -999em;
    z-index: 9000;
    width: 19.2em;
    background: #dcdcdc;
  }
  .site-nav-menu.open .site-nav {
    left: auto;
    right: 0;
  }
  .site-nav-menu.open .nav-toggle:before {
    content: "";
  }
  .site-nav-menu {
    position: relative;
    clear: none;
    float: right;
  }
  .site-nav-toggle {
    display: block;
    margin: 0;
    padding: 0.625em 0.833em;
    color: #ffffff;
    font-size: 1.325em;
    border-left: solid 1px #ffffff;
    width: 57px;
    height: 54px;
  }
  .site-nav-toggle span {
    display: none;
  }
  .open .site-nav-toggle, .site-nav-toggle:focus, .site-nav-toggle:hover {
    background-color: #5d79b3;
    color: white;
  }
  .site-nav-list {
    float: none;
    display: block;
  }
  .site-nav-list > li {
    float: none;
    display: block;
    border-bottom: solid 1px #ffffff;
    cursor: pointer;
  }
  .site-nav-list > li.expandable {
    position: relative;
  }
  .site-nav-list > li.expandable:after {
    display: block;
    color: #ffffff;
    font-family: "FontAwesome";
    content: "";
    font-size: 18px;
    position: absolute;
    top: 15px;
    right: 16px;
  }
  .site-nav-list > li.expandable > a {
    margin-right: 50px;
    border-right: solid 1px #ffffff;
  }
  .site-nav-list > li.expandable:hover ul {
    left: -999em;
  }
  .site-nav-list > li.expandable:focus li ul, .site-nav-list > li.expandable:hover li ul {
    left: -999em;
  }
  .site-nav-list > li.expandable.open:after {
    content: "";
  }
  .site-nav-list > li.expandable.open > ul {
    left: 0;
    position: static;
    width: 100%;
  }
  .site-nav #homenav {
    border-top: solid 1px #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .site-nav-menu {
    position: static;
  }
  .site-nav-menu.open .site-nav {
    width: 100%;
  }
  .site-nav-list > li > a {
    padding: 1em 0.833em !important;
  }
  .site-nav-list > li.expandable:hover ul {
    display: none;
  }
  .site-nav-list > li.expandable.open > ul {
    display: block;
  }
}

.section-navigation {
  list-style: none;
  margin-left: 0;
}
.section-navigation li.mobileOnly {
  display: none;
}

/* My Content and My Searches Menus */
.user-nav-menu {
  float: left;
}

.user-nav-scrollpane {
  float: right;
}
.contentDropdown {
  list-style: none;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  background-color: #142655;
}
.contentDropdown > li {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0 0 0 -1px;
  padding: 0;
}
.contentDropdown > li > a:hover,
.contentDropdown > li > a:focus,
.contentDropdown > li > a {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  display: block;
  margin: 0;
  padding: 1em 0.833em;
  background-color: #324473;
  color: #ffffff;
}
.contentDropdown > li > a:focus,
.contentDropdown > li > a:hover {
  background-color: #5d79b3;
  color: #ffffff;
}
.contentDropdown > li:focus > a, .contentDropdown > li:hover > a {
  background-color: #5d79b3;
  color: #ffffff;
  border-bottom: none;
}
.contentDropdown a {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.contentDropdown .dropdown {
  border-width: 0;
  border-style: solid;
  border-color: #cfd5e5;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  position: absolute;
  left: -999em;
  top: auto;
  z-index: 12;
  margin-top: -1px;
  margin: 0;
  padding: 0;
  width: 17em;
  background: #5d79b3;
}
.contentDropdown .dropdown .section + .section {
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #cfd5e5;
  padding-top: 1em;
}
.contentDropdown .dropdown .section h3 {
  margin-bottom: 0;
  padding: 0.5em;
  color: #2a2a2a;
}
.contentDropdown .dropdown .section li {
  padding: 0.5em;
}
.contentDropdown .dropdown .section li:hover {
  background-color: #4c6cac;
}
.contentDropdown .dropdown .section a {
  display: inline-block;
  padding: 0.25em 0;
  font-weight: 300;
  color: #ffffff;
}
.contentDropdown .dropdown .section a:hover {
  color: white;
}
.contentDropdown#savedEntries li:hover .dropdown {
  left: auto;
}
.contentDropdown#mySearches li:hover .dropdown {
  left: auto;
  right: 0;
}

@media screen and (max-width: 768px) {
  .user-nav-scrollpane {
    float: none;
    width: 100%;
  }
  .user-nav-scrollpane::after {
    clear: both;
    content: "";
    display: table;
  }
  .contentDropdown {
    float: none;
    top: 0;
    display: block;
    clear: both;
  }
  .contentDropdown.empty > li,
.contentDropdown > li {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .contentDropdown.empty > li:hover > a, .contentDropdown.empty > li:focus > a,
.contentDropdown.empty > li > a,
.contentDropdown > li:hover > a,
.contentDropdown > li:focus > a,
.contentDropdown > li > a {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    display: block;
    margin: 0;
    padding: 0.53em 0.833em;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    cursor: default;
  }
  .contentDropdown.empty > li > a:hover,
.contentDropdown.empty > li > a:focus,
.contentDropdown > li > a:hover,
.contentDropdown > li > a:focus {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    cursor: default;
  }
  .contentDropdown .dropdown {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    width: auto;
  }
  .contentDropdown .dropdown .dropdownInnerWrapper {
    padding: 0.67em;
  }
}
@media screen and (max-width: 1024px) {
  .user-nav {
    width: 19.2em;
    margin: 0 !important;
  }
  #headerUtilityBar {
    background-color: transparent;
  }

  #personalNav {
    display: none !important;
  }

  .user-nav-menu {
    float: right;
    margin: 0;
    background-color: transparent;
  }
  .user-nav-menu .user-nav {
    position: absolute;
    left: -999em;
    z-index: 12;
    margin: 0 0.833em;
    padding: 0;
  }
  .user-nav-menu.open .user-nav {
    left: auto;
    right: 0;
  }
  .user-nav-menu.open a.nav-toggle:before {
    content: "";
  }
  .user-nav-toggle {
    display: inline-block;
    margin: 0;
    padding: 0.625em 0.833em;
    font-size: 1.325em;
    color: #ffffff;
    border-left: solid 1px #ffffff;
    width: 57px;
    height: 54px;
  }
  .loggedin .user-nav-toggle {
    display: block;
  }
  .user-nav-toggle:before {
    content: "";
  }
  .user-nav-menu.open .user-nav-toggle, .user-nav-toggle:hover {
    background-color: #5d79b3;
    color: white;
  }
  .user-nav .personal-nav-menu {
    float: none;
  }
  .user-nav .personal-nav-menu ul {
    width: 100%;
  }
  .user-nav .personal-nav-menu li {
    float: none;
    display: block;
    margin: 0;
  }
  .user-nav .personal-nav-menu li a {
    padding: 0.833em !important;
  }
  .user-nav .personal-nav-menu .contentDropdown {
    float: none;
    display: block;
    border-top: solid 1px #ffffff;
  }
  .user-nav .personal-nav-menu .contentDropdown .dropdown {
    width: 100%;
    position: static;
    display: none;
  }
  .user-nav .personal-nav-menu .contentDropdown .dropdown .section {
    margin: 0;
  }
  .user-nav .personal-nav-menu .contentDropdown .dropdown .section h3 {
    font-size: 1em;
    padding: 0.5em 0.833em;
  }
  .user-nav .personal-nav-menu .contentDropdown .dropdown .section li {
    padding: 0;
    position: relative;
  }
  .user-nav .personal-nav-menu .contentDropdown .dropdown .section li span a {
    display: block;
    padding: 0.833em 0.833em 0.833em 1.67em !important;
  }
  .user-nav .personal-nav-menu .contentDropdown .dropdown .section li > a {
    position: absolute;
    top: 0;
    right: 0;
  }
  .user-nav .personal-nav-menu .contentDropdown .dropdown .section + .section {
    padding-top: 0;
  }
  .user-nav .personal-nav-menu .contentDropdown .dropdown ul {
    width: auto;
    margin: 0;
  }
  .user-nav .personal-nav-menu .contentDropdown:not(.empty) > li {
    position: relative;
    cursor: pointer;
  }
  .user-nav .personal-nav-menu .contentDropdown:not(.empty) > li:after {
    display: block;
    color: #ffffff;
    font-family: "FontAwesome";
    content: "";
    font-size: 18px;
    position: absolute;
    top: 12px;
    right: 16px;
  }
  .user-nav .personal-nav-menu .contentDropdown:not(.empty) > li > a {
    margin-right: 50px;
    border-right: solid 1px #ffffff;
  }
  .user-nav .personal-nav-menu .contentDropdown:not(.empty) > li:hover {
    left: 0;
  }
  .user-nav .personal-nav-menu .contentDropdown:not(.empty) > li.open:after {
    content: "";
  }
  .user-nav .personal-nav-menu .contentDropdown:not(.empty) > li.open div.dropdown {
    display: block;
  }
  .user-nav-list {
    width: 100%;
    padding: 0.5em 0;
    background-color: #5d79b3;
  }
  .user-nav-list li.user-nav-item {
    display: block;
    margin: 0;
  }
  .user-nav-list li.user-nav-item a {
    display: block;
    margin: 0;
    padding: 0.53em 0.833em;
    color: #ffffff;
    border: none;
  }
  .user-nav-list li.user-nav-item a:hover {
    background-color: #5d79b3;
    color: white;
  }
  .user-nav-list li.user-nav-item#loginUser {
    padding: 0.53em 0.833em;
  }
  .user-nav-list li.user-nav-item#loginUser a {
    display: inline-block;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .user-nav .contentDropdown .dropdown {
    margin: 0;
  }
  .user-nav .contentDropdown .dropdown .dropdownInnerWrapper {
    padding: 0;
  }
}

#personalNav li .dropdown {
  display: none;
}
#personalNav li.nonConfigurableActiveMenu .dropdown, #personalNav li.pfhover .dropdown {
  display: block;
  left: auto;
}

.util-nav-menu {
  float: right;
}
@media screen and (max-width: 1024px) {
  #headerUtilityBar {
    float: right;
    width: auto;
  }
  #headerUtilityBar .util-nav-menu {
    display: none;
  }

  .util-nav-menu {
    float: none;
    padding: 8px 0.833em;
    margin: 0;
  }
  .util-nav-menu li {
    display: block;
    text-align: left;
  }
  .util-nav-menu li a {
    display: block;
    padding: 5px 15px;
    margin: 0 -15px;
  }
}

.locale-menu.open .menu-toggle {
  background-color: #5d79b3;
}

@media screen and (max-width: 1024px) {
  .locale-toggle {
    display: inline-block;
    margin: 0;
    padding: 0.625em 0.833em !important;
    font-size: 1.325em;
    color: white;
    border-left: solid 1px #cfd5e5;
    width: 57px;
    height: 54px;
  }
  .locale-toggle span {
    display: none;
  }
  .open .locale-toggle, .locale-toggle:focus, .locale-toggle:hover {
    background-color: #696969;
    color: white !important;
  }
  .locale-form {
    display: none;
  }
  .locale-menu {
    margin: 0;
  }
  .locale-menu.open .menu-toggle {
    background-color: #5d79b3;
  }
  .locale-menu.open .menu-toggle:before {
    content: "";
  }
  .locale-menu.open form {
    display: block;
    position: absolute;
    right: 0;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
    position: absolute;
    right: 0;
    left: auto;
    display: block;
    z-index: 9000;
    margin: 0;
    padding: 0.833em;
    width: 12.2em;
    background-color: #5d79b3;
  }
  .locale-menu.open form select {
    width: 100%;
    line-height: 34px;
  }
}
@media screen and (max-width: 1024px) {
  .faceted-nav {
    margin: 0 -1.167em;
  }
}

.indexCard {
  padding: 0;
  background: transparent;
}
.indexCard .summary {
  /* Even though it's technically a "link" to the user it functions like a button */
}
.indexCard .summary h2.editors {
  font-weight: 600;
}
.indexCard .summary h2.subTitle {
  font-weight: 400;
}
.indexCard .summary span.subTitle {
  font-weight: 400;
  display: block;
  margin-bottom: 0.83em;
}
.indexCard .summary .hgroup, .indexCard .summary hgroup {
  padding-left: 0;
}
.indexCard .summary a.buy-print-link {
  background: #267cb5;
  margin-bottom: 1.167em;
  display: inline-block;
  border: solid 1px #267cb5;
  padding: 0.5em;
  border-radius: 3px;
  max-width: 300px;
}
.indexCard .button {
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
}
.indexCard .actions a {
  margin-bottom: 0;
  padding: 0.5em;
  font-size: 1em;
  font-weight: 400;
}
.indexCard .actions .ecommerce-login-link a {
  padding: 0;
  border: none;
}
.indexCard .offer-info {
  width: auto;
}
.indexCard .offer-action {
  padding-top: 8px;
  width: auto;
  float: right;
}
@media screen and (max-width: 1024px) {
  .indexCard .summary, .indexCard.hasCover .summary {
    padding: 0;
  }
  .indexCard .offer-list {
    display: block;
  }
}

#readPanel .summary hgroup,
#readPanel .summary .hgroup {
  padding-left: 0;
}

/** NOTE: Since a TOC may content a content item, the TOC styles need to render first. **/
/** NOTE: Since a TOC may content a content item, the TOC styles need to render first. **/
.toc h2.toc-header, .toc-menu h2.toc-header {
  padding: 0.85714286em 1em;
}
.toc h2.toc-header h3, .toc-menu h2.toc-header h3 {
  margin-bottom: 0;
}

.toc li {
  position: relative;
}
.toc li .ico-access ul li {
  font-size: 0.875em;
  border-width: 1px 0 0 0;
  border-style: solid;
}
.toc li h2.item-title {
  margin-bottom: 0.25em;
}
.toc li a.title, .toc li div.title {
  margin-bottom: 0.33em;
}
.toc li.current div.title {
  font-weight: 600;
}

#readPanel .tocWrapper .metaBlock {
  margin-left: -340px;
}
@media screen and (max-width: 768px) {
  #readPanel .tocWrapper .metaBlock {
    margin-left: 0;
  }
}

#mainContent .book-toc li {
  padding-right: 0;
}
#mainContent .book-toc li div.details {
  margin-right: 240px;
}
#mainContent .book-toc li.openAll {
  padding-right: 1em;
}
#mainContent .book-toc li.shutAll {
  margin-right: 5px;
  padding-left: 0.8em;
}
#mainContent .book-toc li.openAll:before, #mainContent .book-toc li.shutAll:before {
  margin-right: 5px;
}
#mainContent .book-toc .metaBlock {
  margin-left: 20px;
  float: right;
  padding: 0;
  width: 220px;
}
#mainContent .book-toc .metaBlock li {
  padding: 0;
}
@media screen and (max-width: 768px) {
  #mainContent .book-toc li div.details {
    margin-right: 0;
  }
  #mainContent .book-toc .metaBlock {
    float: none;
    width: auto;
    margin-bottom: 8px;
  }
}

.toc > a {
  display: block;
}
.toc > a span.title {
  display: block;
  padding: 1em 0.5em;
}
.toc-menu .toc-tools {
  padding: 0 0.5em;
}
.mainBase .toc-menu.book-toc .toc {
  padding-top: 0.5em;
}
.mainBase .toc-menu.book-toc h2.toc-header {
  margin-bottom: 0;
}
.mainBase .toc-menu.book-toc button {
  display: none !important;
}
.mainBase .toc-menu.book-toc .toc-tools {
  position: absolute;
  right: 0.33em;
  top: 1.2em;
  color: #ffffff;
}
.mainBase .toc-menu.book-toc .toc-tools a {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .mainBase .toc-menu.book-toc .toc-tools {
    position: relative;
    top: -0.5em;
    right: 0;
    margin-bottom: 0;
    padding: 0.85714286em 1em;
  }
}
@media screen and (max-width: 1024px) {
  .toc {
    /*&-toggle {
    	display: inline-block;
    	font-size: inherit;
    }*/
  }
  .toc > ul {
    padding: 0;
  }
  .toc-menu {
    margin: 0;
  }
  .toc-menu .toc-header + ul {
    display: none;
  }
  .toc-menu .toc-header > span {
    display: none;
  }
  .toc-menu .journal-toc,
.toc-menu .issue-toc,
.toc-menu .book-toc {
    display: none;
  }
  .toc-menu.open .toc-header + ul {
    display: block;
    margin: 0;
    padding: 1.167em;
  }
  .toc-menu.open .journal-toc,
.toc-menu.open .issue-toc,
.toc-menu.open .book-toc {
    display: block;
    margin: 0;
    padding: 1.167em;
  }
}
@media screen and (max-width: 768px) {
  .toc-toggle span {
    overflow: visible;
    width: auto;
    height: auto;
    position: static;
    clip: none;
  }
}

.taxonomyTree {
  padding: 1.167em 1.167em;
}

.collapser li .toggle {
  margin-left: -0.8em;
}
.collapser li li a {
  display: block;
  margin-left: 1.167em;
}
.collapser li li .ico-access span {
  left: -1.67em;
}
.collapser li li.pdfLink a {
  margin-left: 0.33em;
}

#columnOne .navMap > ul.tocTree {
  padding: 0 0.5em;
}
#columnOne .collapser li .toggle {
  margin-left: -1.1em;
}
#columnOne .collapser li li {
  padding-left: 0;
}

.page-viewjournalissue #readPanel .contentItem .item-title {
  font-size: 1.25em;
}
.page-viewjournalissue #readPanel h3.authors {
  font-size: 1em;
  margin-left: 1.7em;
}
.page-viewjournalissue #readPanel div.metaBlock .toc-list .actions {
  float: none;
}
.page-viewjournalissue #relatedContent {
  padding-top: 1.167em;
}

.page-viewjournaloverview .toc-menu {
  margin-bottom: 0;
}

/*#toc.navMap {
	div.ico-access {
		top: 8px;
	}
}
#columnOne #toc.navMap {
	div.ico-access {
		top: 0;
	}
}*/
.contentItem:first-of-type,
.contentItem:first-child {
  border-top: none;
}

.contentItem {
  padding: 1.167em 0;
}
.contentItem .cover {
  padding-right: 5px;
}
.contentItem.splitResult.titleResult.hasCover .cover {
  margin-left: 0;
}
.contentItem.splitResult.titleResult.hasCover .detail {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .contentItem.splitResult {
    padding-top: 1.167em;
  }
}
.contentItem .item-contributor + .item-contributor {
  margin-top: -0.75em;
}

.browseResults .contentItem .item-title {
  margin-left: 0;
  margin-top: -2px;
}

div.threeBoxes {
  margin-bottom: 1.67em;
  padding: 0 0 0 1.167em;
}
div.threeBoxes::after {
  clear: both;
  content: "";
  display: table;
}
div.threeBoxes div.box {
  float: left;
  width: 33.3333333%;
  padding-right: 1.167em;
  margin-bottom: 10px;
}
div.threeBoxes div.box img {
  width: 100%;
  margin-bottom: 0.5em;
}
div.threeBoxes div.box h4 {
  min-height: 45px;
}
@media screen and (max-width: 768px) {
  div.threeBoxes {
    padding: 0 0.5em;
  }
  div.threeBoxes div.box {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  #homeTabsAndPanels {
    padding: 0 0.5em;
  }
}

@media screen and (max-width: 1024px) {
  #pageContent {
    overflow-x: auto;
  }
  #pageContent #rightsidebar {
    float: none;
    width: 100%;
    overflow: hidden;
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
  }
  #pageContent #rightsidebar > table {
    width: auto;
  }
}

/* when markup is updated, remove ".t-zone .loading," */
.t-zone .loading,
.is-loading {
  width: 100%;
  min-height: 60px;
  /* so loading doesn't cause the page to shift! */
  background: transparent url(../img/ajax-loader-large.gif) no-repeat left center;
}

.collapser {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.collapser li {
  padding-left: 1.1em;
}
.collapser li .toggle {
  float: left;
  margin-left: -1.1em;
  color: #2a2a2a;
}
.collapser li > ul {
  margin-left: 0;
  margin-top: 0.5em;
}
.collapser li.shut > ul {
  display: none;
}
.collapser .ico-toggle-open:before {
  content: "\f067";
}
.collapser .ico-toggle-shut:before {
  content: "\f068";
}
.collapser-flat .openAll,
.collapser-flat .shutAll {
  display: none !important;
}
.collapser-flat li,
.collapser-flat li > ul {
  margin-left: 0;
  padding-left: 0;
}
@media print {
  .collapser li .toggle {
    display: none;
  }
  .collapser li > ul {
    display: block !important;
  }
}

.t-loading {
  background-image: url("../img/ajax-loader.gif") !important;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.t-invisible,
.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.hiddenModule {
  display: none;
}

.visuallyhidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
}

.invisible {
  visibility: hidden;
}

/* CSS designed for our content area (Web UI) that should allow the ebook's CSS to remain unmolested */
/* Reset main styles ------------------------------------------------------- 
 *
 * Use this in book pages as well as on static pages where want normal rules to apply.
 */
#contentRoot {
  font-family: Georgia, serif;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  height: 100%;
  -webkit-transition: -webkit-column-width 0.02s;
  -moz-transition: -moz-column-width 0.02s;
  -ms-transition: -ms-column-width 0.02s;
  transition: column-width 0.02s;
}

.sbo-page [role~=document] {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Specific styles for ebook content */
.sbo-page #contentRoot {
  position: relative;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Columns */
  /* Column gap is set in the javascript */
  min-width: 200%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  width: auto;
}

.sbo-page .ch-nav {
  visibility: hidden;
}

/* Apply this class to slide content, as during a human-issued transition */
#contentRoot.content-slidable {
  -webkit-transition: -webkit-column-width 0.02s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: -moz-column-width 0.02s, -moz-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: -ms-column-width 0.02s, -ms-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: column-width 0.02s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* Strong and em */
#contentRoot strong, #contentRoot th {
  font-weight: bold;
  border: 0;
}

#contentRoot em, #contentRoot address, #contentRoot caption, #contentRoot cite {
  font-style: italic;
  border: 0;
}

/* Table */
#contentRoot table {
  display: table;
  border-spacing: 2px;
  border-collapse: separate;
}

#contentRoot tr {
  display: table-row;
  vertical-align: inherit;
}

#contentRoot td {
  display: table-cell;
  border-spacing: 2px;
  padding: 2px;
  vertical-align: inherit;
  text-align: inherit;
  padding: 1px;
  border-collapse: none;
}

#contentRoot th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  padding: 1px;
  border-collapse: none;
}

/* Block Items */
#contentRoot p {
  display: block;
  margin: 1em 0;
  border: 0;
}

#contentRoot div > p {
  text-indent: 22px;
  margin: 0;
}

#contentRoot * > p:first-of-type {
  text-indent: 0;
}

#contentRoot dl {
  display: block;
  margin-left: 1em;
  border: 0;
}

#contentRoot dd {
  display: block;
  margin-left: 2em;
  border: 0;
}

#contentRoot dt {
  display: block;
  border: 0;
}

#contentRoot dd + dt {
  padding-top: 1em;
  border: 0;
}

#contentRoot blockquote {
  display: block;
  margin: 1em 40px;
  border: 0;
}

#contentRoot address {
  display: block;
  font-style: italic;
  border: 0;
}

#contentRoot center {
  display: block;
  text-align: center;
  border: 0;
}

/* Headers */
#contentRoot h1 {
  display: block;
  font-size: 1.875em;
  line-height: 1.25;
  font-weight: bold;
  margin: 0.8em 0;
  border: 0;
}

#contentRoot h2 {
  display: block;
  font-size: 1.5em;
  line-heigth: 1.5;
  font-weight: bold;
  margin: 0.8em 0;
  border: 0;
}

#contentRoot h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
  border: 0;
}

#contentRoot h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
  border: 0;
}

#contentRoot h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
  border: 0;
}

#contentRoot h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
  border: 0;
}

/* Lists */
#contentRoot ul {
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
  border: 0;
}

#contentRoot ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 40px;
  border: 0;
}

#contentRoot li {
  display: list-item;
  border: 0;
}

/* Pre */
#contentRoot pre {
  display: block;
  font-family: Courier New;
  white-space: pre;
  margin: 1em 0;
  border: 0;
}

#contentRoot code, #contentRoot tt {
  font-family: Courier New;
  margin: 1em 0;
  border: 0;
}

/*for PDF epubs*/
#contentRoot img {
  max-width: 100%;
  height: auto !important;
}

#mockingbird-text {
  display: none;
}

/* Start puboverride */
/* START UTILITIES */
/* END utilities */
[role=document] {
  padding: 0;
  margin: 0 auto;
}

[role=document]:before, [role=document]:after {
  content: " ";
  display: table;
}

[role=document]:after {
  clear: both;
}

[role=document] {
  *zoom: 1;
}

@media screen and (max-width: 32.5em), screen and (max-height: 26.25em) {
  [role=document] {
    margin: 0 auto 5px;
    position: relative;
    top: -49px;
  }

  .video [role=document] {
    top: 0;
  }

  .video [role=document], .js-preview-content [role=document] {
    margin: 0 auto;
    z-index: 0;
  }
}
/*
#container {
  overflow-x: hidden;
  background-color: white; }
  @media only screen and (max-width: 520px) {
    #container {
      overflow: hidden; } }
*/
/*  -----------------------------------------
                  SAFARI BOOKS
              READITEVERWHERESTYLES
          (c) Safari Books Online2013
    ----------------------------------------- */
#contentRoot div, #contentRoot figure, #contentRoot code, #contentRoot dir, #contentRoot figcaption, #contentRoot dl, #contentRoot dt, #contentRoot dd, #contentRoot ul, #contentRoot ol, #contentRoot li, #contentRoot h1, #contentRoot h2, #contentRoot h3, #contentRoot h4, #contentRoot h5, #contentRoot h6, #contentRoot pre, #contentRoot form, #contentRoot fieldset, #contentRoot menu, #contentRoot input, #contentRoot textarea, #contentRoot p, #contentRoot blockquote, #contentRoot th, #contentRoot td {
  margin: 0;
  padding: 0;
}

#contentRoot table {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: none;
  font-size: inherit;
}

#contentRoot fieldset, #contentRoot img {
  border: 0;
}

#contentRoot address, #contentRoot caption, #contentRoot cite, #contentRoot code, #contentRoot dfn, #contentRoot strong, #contentRoot th, #contentRoot var {
  font-style: normal;
  font-weight: normal;
}

#contentRoot code {
  font-family: "Droid Sans Mono", Courier, monospace;
}

#contentRoot strong {
  font-weight: bold;
}

#contentRoot ol, #contentRoot ul {
  list-style: none;
}

#contentRoot caption, #contentRoot th {
  text-align: left;
}

#contentRoot h1, #contentRoot h2, #contentRoot h3, #contentRoot h4, #contentRoot h5, #contentRoot h6 {
  font-size: 100%;
  font-weight: normal;
}

#contentRoot q:before, #contentRoot q:after {
  content: "";
}

#contentRoot abbr, #contentRoot acronym {
  border: 0;
}

#contentRoot em {
  font-style: italic;
}

#contentRoot article,
#contentRoot aside,
#contentRoot details,
#contentRoot figcaption,
#contentRoot figure,
#contentRoot footer,
#contentRoot header,
#contentRoot hgroup,
#contentRoot nav,
#contentRoot section {
  display: block;
}

#contentRoot audio,
#contentRoot canvas,
#contentRoot video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#contentRoot audio:not([controls]) {
  display: none;
}

#contentRoot html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

#contentRoot sub,
#contentRoot sup,
#contentRoot .footnotes,
#contentRoot .footnote {
  position: relative;
  font-size: 14px !important;
  vertical-align: baseline;
}

#contentRoot sup {
  top: -0.5em;
}

#contentRoot sub {
  bottom: -0.25em;
}

#contentRoot .footnotes,
#contentRoot .footnote,
#contentRoot .fn-group,
#lesson-fragment .footnotes,
#lesson-fragment .footnote,
#lesson-fragment .fn-group {
  border: none;
}

#contentRoot .footnotes div,
#contentRoot .footnotes p,
#contentRoot .footnote div,
#contentRoot .footnote p,
#contentRoot .fn-group div,
#contentRoot .fn-group p,
#lesson-fragment .footnotes div,
#lesson-fragment .footnotes p,
#lesson-fragment .footnote div,
#lesson-fragment .footnote p,
#lesson-fragment .fn-group div,
#lesson-fragment .fn-group p {
  font-size: 14px !important;
  margin-bottom: 1.5em;
  line-height: 1.5em;
}

/* Squash ibis-era rule to prevent extra margins */
#contentRoot > div,
#lesson-fragment > div {
  margin: 0;
  padding: 0;
}

body {
  background-color: #e1dfda;
}

[role=document],
#lesson-fragment {
  width: 100%;
  max-width: 37em;
}

@media only screen and (min-width: 1250px) {
  [role=document],
#lesson-fragment {
    font-size: 118% !important;
    max-width: 900px;
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 521px) and (max-width: 1249px) {
  [role=document],
#lesson-fragment {
    max-width: 700px;
    max-width: 43.75rem;
    font-size: 100% !important;
  }
}
@media only screen and (max-width: 520px) {
  [role=document],
#lesson-fragment {
    max-width: 100%;
    font-size: 88% !important;
  }
}
.pdfdoc .js-toc {
  overflow: hidden;
}

.pdfdoc #contentRoot {
  padding: 0 5px 0;
}

.pdfdoc.prodsample-book .t {
  display: none;
}

.pdfdoc.prodsample-book img.bi {
  width: 100% !important;
}

.js .pdfdoc section[role=document] {
  border: none !important;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.js .pdfdoc section[role=document] #contentRoot {
  opacity: 0;
}

.js .pdfdoc section[role=document].showPdf #contentRoot {
  opacity: 1;
}

#contentRoot #pdf-main .pd {
  margin: 15px 0 15px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

/* --------------------------------------------------
 Use nest class to scale nested elements to 100% of their parent on non-PDF pages
----------------------------------------------------- */
.scalefonts #contentRoot div div,
.scalefonts #contentRoot p p,
.scalefonts #contentRoot li li,
.scalefonts #contentRoot ul,
.scalefonts #contentRoot ul ul,
.scalefonts #contentRoot ol,
.scalefonts #contentRoot li,
.scalefonts #contentRoot ol ol,
.scalefonts #contentRoot table,
.scalefonts #contentRoot td,
.scalefonts #contentRoot div p,
.scalefonts #lesson-fragment div div,
.scalefonts #lesson-fragment p p,
.scalefonts #lesson-fragment li li,
.scalefonts #lesson-fragment ul,
.scalefonts #lesson-fragment ul ul,
.scalefonts #lesson-fragment ol,
.scalefonts #lesson-fragment li,
.scalefonts #lesson-fragment ol ol,
.scalefonts #lesson-fragment table,
.scalefonts #lesson-fragment td,
.scalefonts #lesson-fragment div p {
  font-size: 100% !important;
  line-height: 1.65em !important;
  text-align: left;
}

.scalefonts #contentRoot p,
.scalefonts #contentRoot div,
.scalefonts #contentRoot ol,
.scalefonts #contentRoot ul,
.scalefonts #lesson-fragment p,
.scalefonts #lesson-fragment div,
.scalefonts #lesson-fragment ol,
.scalefonts #lesson-fragment ul {
  text-indent: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.scalefonts #contentRoot .FOOTNOTES,
.scalefonts #contentRoot .endnoteentry,
.scalefonts #contentRoot .footnotes,
.scalefonts #lesson-fragment .FOOTNOTES,
.scalefonts #lesson-fragment .endnoteentry,
.scalefonts #lesson-fragment .footnotes {
  font-size: small !important;
}

#contentRoot,
#lesson-fragment {
  clear: both;
  margin: 0 auto;
  padding: 20px;
  padding: 1.25rem;
  border: 0 solid #ddd;
  color: #2a2a2a;
  font-family: Georgia, "Droid Serif", Times, serif;
  font-style: normal;
  font-weight: 400;
  /* min-height: 450px;
  Added via javascript to acronyms */
  /*code { font-size: 1.6em; line-height: 1.5em; }*/
}

@media only screen and (max-width: 520px) {
  #contentRoot,
#lesson-fragment {
    padding: 50px 20px 20px;
    padding: 3.125rem 0 1.25rem;
  }
}
#contentRoot .figure,
#lesson-fragment .figure {
  text-align: center;
  margin: 25px 0 15px;
  margin: 1.5625rem 0 0.9375rem;
}

#contentRoot .figure {
  float: left;
  margin: 0 1.167em 1.67em 0;
  max-width: 300px;
  width: 100%;
  clear: left;
}
#contentRoot .figure a {
  display: block;
}
#contentRoot .figure a img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 650px) {
  #contentRoot .figure {
    margin-right: 0;
    float: none;
  }
}

#contentRoot .p,
#lesson-fragment .p {
  text-indent: 0;
  padding: 0;
}

#contentRoot table,
#lesson-fragment table {
  padding-left: 0;
  padding-right: 0;
}

#contentRoot div,
#contentRoot div.booksection,
#lesson-fragment div,
#lesson-fragment div.booksection {
  font-family: inherit;
  margin: 0;
  padding: 0;
}

#contentRoot div.sect1.pattern,
#contentRoot div.sect1.case_study,
#lesson-fragment div.sect1.pattern,
#lesson-fragment div.sect1.case_study {
  border: none;
  background-color: transparent;
}

body .video #contentRoot,
body .video #lesson-fragment {
  padding-top: 20px;
  min-height: 2em;
}

#contentRoot p,
#contentRoot li,
#contentRoot blockquote,
#lesson-fragment p,
#lesson-fragment li,
#lesson-fragment blockquote {
  line-height: 1.5;
}

#contentRoot li p,
#contentRoot li code,
#lesson-fragment li p,
#lesson-fragment li code {
  font-size: inherit;
}

#contentRoot p code,
#lesson-fragment p code {
  font-size: inherit;
}

#contentRoot p,
#contentRoot div > p,
#contentRoot p.para_indented,
#contentRoot div.chp .para_indented,
#contentRoot .indent,
#contentRoot .noindent,
#contentRoot .p,
#lesson-fragment p,
#lesson-fragment div > p,
#lesson-fragment p.para_indented,
#lesson-fragment div.chp .para_indented,
#lesson-fragment .indent,
#lesson-fragment .noindent,
#lesson-fragment .p {
  margin: inherit;
  margin: 0.75em 0 1.25em !important;
  text-indent: 0px;
  text-align: inherit;
  font-family: inherit !important;
  line-height: 1.5em !important;
}

#contentRoot ul li,
#lesson-fragment ul li {
  margin: 0.5em 0 0.65em !important;
}

#contentRoot blockquote p,
#lesson-fragment blockquote p {
  font-weight: inherit;
}

#contentRoot strong code,
#lesson-fragment strong code {
  font-weight: bold;
}

#contentRoot sup,
#lesson-fragment sup {
  /* this is so sups don't affect line height */
  height: 0;
  line-height: 1;
  bottom: 1em;
  font-size: 0.7em;
  color: #666;
}

#contentRoot span.inlinemediaobject,
#lesson-fragment span.inlinemediaobject {
  height: auto;
}

#contentRoot h1,
#contentRoot h2,
#contentRoot h3,
#contentRoot h4,
#contentRoot h5,
#contentRoot h6,
#contentRoot .heading-1,
#contentRoot .paragraph-head,
#contentRoot .cn-chapter-number,
#contentRoot .heading-3,
#contentRoot .title_document,
#contentRoot .fm_title_document,
#contentRoot .box_title,
#contentRoot .chaptertitle,
#lesson-fragment h1,
#lesson-fragment h2,
#lesson-fragment h3,
#lesson-fragment h4,
#lesson-fragment h5,
#lesson-fragment h6,
#lesson-fragment .heading-1,
#lesson-fragment .paragraph-head,
#lesson-fragment .cn-chapter-number,
#lesson-fragment .heading-3,
#lesson-fragment .title_document,
#lesson-fragment .fm_title_document,
#lesson-fragment .box_title,
#lesson-fragment .chaptertitle {
  font-family: "source sans pro", sans-serif, "AvenirNextCondensed-Medium", "HelveticaNeue-CondensedBold", "Droid Sans", Helvetica, Arial, sans-serif !important;
  line-height: 1.1;
  font-style: normal;
  font-weight: 500;
  color: #4a3c31;
  margin: 1.5em 0 0.35em !important;
  background-color: transparent;
  word-wrap: break-word;
}

#contentRoot h1,
#contentRoot .chaptertitle,
#lesson-fragment h1,
#lesson-fragment .chaptertitle {
  font-size: 2em;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#contentRoot h2,
#lesson-fragment h2 {
  font-size: 1.575em;
}
#contentRoot div.section > h2,
#lesson-fragment div.section > h2 {
  font-size: 1.25em;
}

#contentRoot h3,
#lesson-fragment h3 {
  font-size: 1.25em;
  text-indent: 0px !important;
}

#contentRoot h4,
#lesson-fragment h4 {
  font-size: 1.15em;
}

#contentRoot h5,
#contentRoot h6,
#lesson-fragment h5,
#lesson-fragment h6 {
  font-size: 0.9375em;
}

#contentRoot div.titlepage,
#lesson-fragment div.titlepage {
  margin: 1em 0 0.35em;
}

.video #contentRoot h1, #contentRoot .transcript-wrapper .video-title, .video #lesson-fragment h1,
#lesson-fragment .transcript-wrapper .video-title {
  font-size: 1.8em;
  text-align: center;
  margin: 0.8em 0 0;
  padding: 0;
}

#contentRoot a,
#contentRoot a:link,
#contentRoot a:visited,
#lesson-fragment a,
#lesson-fragment a:link,
#lesson-fragment a:visited {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed #bbb;
  color: #070c0f;
  -webkit-transition: border-bottom 0.3s ease;
  -moz-transition: border-bottom 0.3s ease;
  transition: border-bottom 0.3s ease;
}

#contentRoot a:focus,
#contentRoot a:hover,
#lesson-fragment a:focus,
#lesson-fragment a:hover {
  border-bottom: 1px dashed #333;
}

#contentRoot hr,
#lesson-fragment hr {
  display: none;
}

#contentRoot .small,
#lesson-fragment .small {
  font-size: 0.6em;
}

#contentRoot .sc, #contentRoot abbr, #contentRoot acronym,
#lesson-fragment .sc,
#lesson-fragment abbr,
#lesson-fragment acronym {
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#contentRoot .noborder,
#lesson-fragment .noborder {
  border: 0px;
}

#contentRoot p,
#lesson-fragment p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#contentRoot .footnote p,
#lesson-fragment .footnote p {
  font-family: Arial, sans-serif;
  font-size: inherit;
}

#contentRoot .note p,
#lesson-fragment .note p {
  font-family: Arial, sans-serif;
  font-size: 1.4em;
}

#contentRoot div.tip,
#contentRoot .tip,
#contentRoot .note,
#contentRoot div.note,
#contentRoot .warning,
#contentRoot .note1,
#contentRoot .sidebar1,
#contentRoot .boxg,
#contentRoot div.sidebar,
#contentRoot div.warning,
#lesson-fragment div.tip,
#lesson-fragment .tip,
#lesson-fragment .note,
#lesson-fragment div.note,
#lesson-fragment .warning,
#lesson-fragment .note1,
#lesson-fragment .sidebar1,
#lesson-fragment .boxg,
#lesson-fragment div.sidebar,
#lesson-fragment div.warning {
  border: 1px dotted #ddd;
  padding: 1em 2em 1em 2em !important;
  background-color: #eee;
  box-shadow: 0px 5px 10px #eee;
  margin: 2em 2em 2em !important;
  font-size: smaller !important;
}

#contentRoot div.tip p,
#contentRoot .tip p,
#contentRoot .note p,
#contentRoot div.note p,
#contentRoot .warning p,
#contentRoot .note1 p,
#contentRoot .sidebar1 p,
#contentRoot .boxg p,
#contentRoot div.sidebar p,
#contentRoot div.warning p,
#lesson-fragment div.tip p,
#lesson-fragment .tip p,
#lesson-fragment .note p,
#lesson-fragment div.note p,
#lesson-fragment .warning p,
#lesson-fragment .note1 p,
#lesson-fragment .sidebar1 p,
#lesson-fragment .boxg p,
#lesson-fragment div.sidebar p,
#lesson-fragment div.warning p {
  font-size: 90% !important;
  font-family: Arial, sans-serif !important;
}

#contentRoot div.tip h3,
#contentRoot div.tip .title,
#contentRoot .tip h3,
#contentRoot .tip .title,
#contentRoot .note h3,
#contentRoot .note .title,
#contentRoot div.note h3,
#contentRoot div.note .title,
#contentRoot .warning h3,
#contentRoot .warning .title,
#contentRoot .note1 h3,
#contentRoot .note1 .title,
#contentRoot .sidebar1 h3,
#contentRoot .sidebar1 .title,
#contentRoot .boxg h3,
#contentRoot .boxg .title,
#contentRoot div.sidebar h3,
#contentRoot div.sidebar .title,
#contentRoot div.warning h3,
#contentRoot div.warning .title,
#lesson-fragment div.tip h3,
#lesson-fragment div.tip .title,
#lesson-fragment .tip h3,
#lesson-fragment .tip .title,
#lesson-fragment .note h3,
#lesson-fragment .note .title,
#lesson-fragment div.note h3,
#lesson-fragment div.note .title,
#lesson-fragment .warning h3,
#lesson-fragment .warning .title,
#lesson-fragment .note1 h3,
#lesson-fragment .note1 .title,
#lesson-fragment .sidebar1 h3,
#lesson-fragment .sidebar1 .title,
#lesson-fragment .boxg h3,
#lesson-fragment .boxg .title,
#lesson-fragment div.sidebar h3,
#lesson-fragment div.sidebar .title,
#lesson-fragment div.warning h3,
#lesson-fragment div.warning .title {
  font-family: "AvenirNextCondensed-Medium", "HelveticaNeue-CondensedBold", "Droid Sans", Arial, sans-serif !important;
  text-shadow: 1px 1px 0px #fff;
  color: #666;
  font-weight: 500;
}

@media only screen and (max-width: 520px) {
  #contentRoot div.tip,
#contentRoot .tip,
#contentRoot .note,
#contentRoot div.note,
#contentRoot .warning,
#contentRoot .note1,
#contentRoot .sidebar1,
#contentRoot .boxg,
#contentRoot div.sidebar,
#contentRoot div.warning,
#lesson-fragment div.tip,
#lesson-fragment .tip,
#lesson-fragment .note,
#lesson-fragment div.note,
#lesson-fragment .warning,
#lesson-fragment .note1,
#lesson-fragment .sidebar1,
#lesson-fragment .boxg,
#lesson-fragment div.sidebar,
#lesson-fragment div.warning {
    margin: 1.5em 0 1.5em !important;
  }
}
#contentRoot div.tip hr,
#contentRoot .tip hr,
#contentRoot .note hr,
#contentRoot div.note hr,
#contentRoot .warning hr,
#contentRoot .note1 hr,
#contentRoot .sidebar1 hr,
#contentRoot .boxg hr,
#contentRoot div.sidebar hr,
#contentRoot div.warning hr,
#lesson-fragment div.tip hr,
#lesson-fragment .tip hr,
#lesson-fragment .note hr,
#lesson-fragment div.note hr,
#lesson-fragment .warning hr,
#lesson-fragment .note1 hr,
#lesson-fragment .sidebar1 hr,
#lesson-fragment .boxg hr,
#lesson-fragment div.sidebar hr,
#lesson-fragment div.warning hr {
  display: none;
}

#contentRoot div.tip img,
#contentRoot div.tip img:hover,
#contentRoot .tip img,
#contentRoot .tip img:hover,
#contentRoot .note img,
#contentRoot .note img:hover,
#contentRoot div.note img,
#contentRoot div.note img:hover,
#contentRoot .warning img,
#contentRoot .warning img:hover,
#contentRoot .note1 img,
#contentRoot .note1 img:hover,
#contentRoot .sidebar1 img,
#contentRoot .sidebar1 img:hover,
#contentRoot .boxg img,
#contentRoot .boxg img:hover,
#contentRoot div.sidebar img,
#contentRoot div.sidebar img:hover,
#contentRoot div.warning img,
#contentRoot div.warning img:hover,
#lesson-fragment div.tip img,
#lesson-fragment div.tip img:hover,
#lesson-fragment .tip img,
#lesson-fragment .tip img:hover,
#lesson-fragment .note img,
#lesson-fragment .note img:hover,
#lesson-fragment div.note img,
#lesson-fragment div.note img:hover,
#lesson-fragment .warning img,
#lesson-fragment .warning img:hover,
#lesson-fragment .note1 img,
#lesson-fragment .note1 img:hover,
#lesson-fragment .sidebar1 img,
#lesson-fragment .sidebar1 img:hover,
#lesson-fragment .boxg img,
#lesson-fragment .boxg img:hover,
#lesson-fragment div.sidebar img,
#lesson-fragment div.sidebar img:hover,
#lesson-fragment div.warning img,
#lesson-fragment div.warning img:hover {
  border: none;
  background-color: transparent;
}

#contentRoot .tip h3,
#contentRoot .note h3,
#contentRoot .warning h3,
#lesson-fragment .tip h3,
#lesson-fragment .note h3,
#lesson-fragment .warning h3 {
  margin-top: 0;
}

#contentRoot .note1 .note,
#lesson-fragment .note1 .note {
  background: transparent none no-repeat scroll 0 0;
  border: none;
  margin: 0 !important;
  padding: 0;
}

#contentRoot .codelink,
#lesson-fragment .codelink {
  font-size: 80% !important;
}

#contentRoot .totri-image-wrapper,
#contentRoot .totri-image-wrapper p,
#lesson-fragment .totri-image-wrapper,
#lesson-fragment .totri-image-wrapper p {
  text-align: center;
}

#contentRoot pre,
#contentRoot .pre,
#contentRoot p.pre,
#contentRoot .pre1,
#contentRoot .pre-ex,
#contentRoot .pre_w,
#lesson-fragment pre,
#lesson-fragment .pre,
#lesson-fragment p.pre,
#lesson-fragment .pre1,
#lesson-fragment .pre-ex,
#lesson-fragment .pre_w {
  font-family: "Droid Sans Mono", Courier, monospace;
  line-height: 1.5em !important;
  margin: 0 0 1.5em !important;
  padding: 1em 2em !important;
  background-color: #fbfbfb !important;
  font-size: 80% !important;
  color: #4a3c31;
  border-top: 1px solid #DDD !important;
  border-bottom: 1px solid #DDD !important;
  overflow-x: scroll;
  overflow: auto;
  overflow-y: hidden;
  -webkit-hyphens: none;
  word-wrap: initial !important;
  word-break: keep-all !important;
  white-space: pre !important;
}

#contentRoot pre code,
#lesson-fragment pre code {
  font-size: inherit;
}

#contentRoot .pd_lightblue,
#contentRoot .skycolor,
#contentRoot .tabcolor,
#contentRoot .tab_num,
#contentRoot .pd_white,
#lesson-fragment .pd_lightblue,
#lesson-fragment .skycolor,
#lesson-fragment .tabcolor,
#lesson-fragment .tab_num,
#lesson-fragment .pd_white {
  color: #4a3c31 !important;
}

#contentRoot .indenthangingB,
#contentRoot .indenthanging,
#lesson-fragment .indenthangingB,
#lesson-fragment .indenthanging {
  margin: 0 0 10px 35px;
  margin: 0 0 0.625rem 2.1875rem;
}

#contentRoot .bul_hang1,
#contentRoot .bul_hang,
#contentRoot .bul_hang2,
#contentRoot .bul_hang3,
#contentRoot .hanging-i,
#contentRoot .indentbullet,
#lesson-fragment .bul_hang1,
#lesson-fragment .bul_hang,
#lesson-fragment .bul_hang2,
#lesson-fragment .bul_hang3,
#lesson-fragment .hanging-i,
#lesson-fragment .indentbullet {
  text-indent: -10px !important;
}

#contentRoot .bul_hang1:before,
#contentRoot .bul_hang:before,
#contentRoot .bul_hang2:before,
#contentRoot .bul_hang3:before,
#contentRoot .hanging-i:before,
#contentRoot .indentbullet:before,
#lesson-fragment .bul_hang1:before,
#lesson-fragment .bul_hang:before,
#lesson-fragment .bul_hang2:before,
#lesson-fragment .bul_hang3:before,
#lesson-fragment .hanging-i:before,
#lesson-fragment .indentbullet:before {
  content: "• ";
  position: relative;
  left: -10px;
}

#contentRoot .bul_hang1 img,
#contentRoot .bul_hang img,
#contentRoot .bul_hang2 img,
#contentRoot .bul_hang3 img,
#contentRoot .hanging-i img,
#contentRoot .indentbullet img,
#lesson-fragment .bul_hang1 img,
#lesson-fragment .bul_hang img,
#lesson-fragment .bul_hang2 img,
#lesson-fragment .bul_hang3 img,
#lesson-fragment .hanging-i img,
#lesson-fragment .indentbullet img {
  display: none;
}

#contentRoot .box_title,
#lesson-fragment .box_title {
  font-size: 165% !important;
  margin: 1em 0 0.5em;
}

#contentRoot .figure_legend,
#contentRoot .figure,
#lesson-fragment .figure_legend,
#lesson-fragment .figure {
  border: none !important;
}

#contentRoot .centera,
#contentRoot .centerb,
#lesson-fragment .centera,
#lesson-fragment .centerb {
  margin: 0;
  text-align: center;
}

#contentRoot div .fig_num,
#contentRoot div .fig,
#contentRoot div .fig-caption,
#contentRoot div .caption,
#contentRoot div .tab-caption,
#contentRoot div .figleg,
#contentRoot div .FigCapt,
#contentRoot div .ex-caption,
#contentRoot div .fig-title,
#contentRoot div .TabCapt,
#contentRoot div .notetitle,
#contentRoot div .figure p.title,
#contentRoot .annotator-wrapper .fig_num,
#contentRoot .annotator-wrapper .fig,
#contentRoot .annotator-wrapper .fig-caption,
#contentRoot .annotator-wrapper .caption,
#contentRoot .annotator-wrapper .tab-caption,
#contentRoot .annotator-wrapper .figleg,
#contentRoot .annotator-wrapper .FigCapt,
#contentRoot .annotator-wrapper .ex-caption,
#contentRoot .annotator-wrapper .fig-title,
#contentRoot .annotator-wrapper .TabCapt,
#contentRoot .annotator-wrapper .notetitle,
#contentRoot .annotator-wrapper .figure p.title,
#lesson-fragment div .fig_num,
#lesson-fragment div .fig,
#lesson-fragment div .fig-caption,
#lesson-fragment div .caption,
#lesson-fragment div .tab-caption,
#lesson-fragment div .figleg,
#lesson-fragment div .FigCapt,
#lesson-fragment div .ex-caption,
#lesson-fragment div .fig-title,
#lesson-fragment div .TabCapt,
#lesson-fragment div .notetitle,
#lesson-fragment div .figure p.title,
#lesson-fragment .annotator-wrapper .fig_num,
#lesson-fragment .annotator-wrapper .fig,
#lesson-fragment .annotator-wrapper .fig-caption,
#lesson-fragment .annotator-wrapper .caption,
#lesson-fragment .annotator-wrapper .tab-caption,
#lesson-fragment .annotator-wrapper .figleg,
#lesson-fragment .annotator-wrapper .FigCapt,
#lesson-fragment .annotator-wrapper .ex-caption,
#lesson-fragment .annotator-wrapper .fig-title,
#lesson-fragment .annotator-wrapper .TabCapt,
#lesson-fragment .annotator-wrapper .notetitle,
#lesson-fragment .annotator-wrapper .figure p.title {
  background-color: transparent;
  font-size: 80% !important;
  max-width: 75%;
  margin: 10px auto 1.5em !important;
}

#contentRoot table,
#lesson-fragment table {
  border: 1px solid #ddd !important;
  padding: 10px;
  max-width: 100% !important;
  width: 100%;
  background-color: #fff;
  margin-bottom: 1.5em;
  overflow: scroll;
}

#contentRoot table pre,
#lesson-fragment table pre {
  border: none;
  background-color: transparent;
  padding: 0px;
}

#contentRoot table img.totri-border,
#lesson-fragment table img.totri-border {
  padding: 0;
  border: none;
}

#contentRoot thead,
#lesson-fragment thead {
  font-family: Arial, sans-serif;
  border-bottom: 2px solid #ddd;
  background-color: #e8edff;
}

#contentRoot thead th,
#lesson-fragment thead th {
  padding: 10px;
  font-weight: bold;
}

#contentRoot tbody,
#lesson-fragment tbody {
  max-width: 100%;
  overflow: scroll;
}

#contentRoot tbody td,
#lesson-fragment tbody td {
  padding: 10px;
}

#contentRoot tbody tr,
#lesson-fragment tbody tr {
  border-bottom: 1px solid #ddd;
}

#contentRoot tbody tr:last-child,
#lesson-fragment tbody tr:last-child {
  border-bottom: 0;
}

#contentRoot tbody tr:nth-child(even),
#lesson-fragment tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

#contentRoot table p,
#lesson-fragment table p {
  margin: 0;
  font-size: inherit;
}

#contentRoot ol,
#contentRoot ul,
#contentRoot dl,
#contentRoot menu,
#contentRoot dir,
#lesson-fragment ol,
#lesson-fragment ul,
#lesson-fragment dl,
#lesson-fragment menu,
#lesson-fragment dir {
  margin: 1.5em 0 2em 2em;
  padding-left: 25px;
}

#subjects {
  margin-bottom: 0.67em;
}
#subjects .horizontalLine {
  background: #cfd5e5;
  width: 100%;
  height: 1px;
  margin-bottom: 0.5em;
}
#subjects .horizontalLine:last-child {
  margin-top: 0.5em;
}

#subjectLabel {
  font-weight: bold;
}

#contentRoot ul li,
#lesson-fragment ul li {
  list-style: circle;
  list-style-position: outside;
}

#contentRoot ol li,
#lesson-fragment ol li {
  list-style: decimal;
  list-style-position: outside;
}

#contentRoot li p,
#lesson-fragment li p {
  margin-bottom: 0;
}

#contentRoot dt,
#lesson-fragment dt {
  font-size: 1em;
  line-height: 1.5em;
}

#contentRoot dt code,
#contentRoot ol code,
#contentRoot li pre,
#contentRoot li code,
#lesson-fragment dt code,
#lesson-fragment ol code,
#lesson-fragment li pre,
#lesson-fragment li code {
  font-size: inherit;
}

#contentRoot code,
#lesson-fragment code {
  font-size: inherit;
}

#contentRoot code code,
#lesson-fragment code code {
  font-size: inherit;
}

#contentRoot .figure table,
#contentRoot .informalfigure,
#contentRoot p.image,
#lesson-fragment .figure table,
#lesson-fragment .informalfigure,
#lesson-fragment p.image {
  text-align: center;
}

#contentRoot table img,
#lesson-fragment table img {
  border: 0px;
  padding: 20px 0;
  text-align: center;
  margin: 0 auto;
}

#contentRoot img.totri-border,
#lesson-fragment img.totri-border {
  padding: 10px;
  background-color: #fff;
  border: 2px solid #ddd;
  max-width: 100%;
  height: auto;
}

#contentRoot #pdf-main img,
#lesson-fragment #pdf-main img {
  padding: 0;
  border: 0;
}

#contentRoot > section.transcript-wrapper {
  display: table-cell;
  height: auto;
  margin-bottom: 5%;
  border: 1px solid #beb9a6;
  font-family: "source sans pro", sans-serif, "AvenirNextCondensed-Medium", "HelveticaNeue-CondensedBold", "Droid Sans", Helvetica, Arial, sans-serif;
}

#contentRoot > section.transcript-wrapper h2 {
  text-align: center;
}

#contentRoot > section.transcript-wrapper > div.t-video-description {
  float: left;
  width: 100%;
  height: auto;
  padding: 20px;
  color: #8b8d8e;
  overflow: auto;
}

#contentRoot > section.transcript-wrapper > div.t-video-description .video-title, #contentRoot > section.transcript-wrapper > div.t-video-description h1 {
  margin: 10px 0 20px !important;
}

#contentRoot > section.transcript-wrapper > div#transcript-box {
  background-color: #e7e5de;
  width: 100%;
  height: auto;
  float: right;
  margin: 0 8% 0;
  padding: 20px;
}

#contentRoot > section.transcript-wrapper > div#transcript-box div.transcript {
  height: auto;
}

#contentRoot > section.transcript-wrapper > div#transcript-box div.transcript > p {
  display: inline;
  line-height: 1.2em !important;
  font-size: 90% !important;
  margin: 0 0 2% 0 !important;
  padding: 0 !important;
  color: #070c0f;
  overflow: hidden;
  font-weight: 300;
}

#contentRoot > section.transcript-wrapper > div#transcript-box div.transcript > p span.text {
  display: inline;
}

#contentRoot > section.transcript-wrapper > div#transcript-box div.transcript abbr.begin {
  font-weight: bold;
  font-size: 85% !important;
  letter-spacing: 0;
  margin: 0;
  display: none;
  padding-right: 15px;
}

#contentRoot > section.transcript-wrapper > div#transcript-box div.transcript abbr.begin:before {
  content: "[";
}

#contentRoot > section.transcript-wrapper > div#transcript-box div.transcript abbr.begin:after {
  content: "]";
}

#contentRoot > section.transcript-wrapper > div#transcript-box div.transcript abbr.end {
  display: none;
}

@media (min-width: 768px) {
  #contentRoot > section.transcript-wrapper {
    height: 502px;
  }

  #contentRoot > section.transcript-wrapper > div.t-video-description {
    width: 50%;
    height: 465px;
  }

  #contentRoot > section.transcript-wrapper > div#transcript-box {
    width: 50%;
    height: 500px;
    border-left: 1px solid #beb9a6;
  }

  #contentRoot > section.transcript-wrapper > div#transcript-box div.transcript {
    height: 456px;
    overflow: auto;
  }
}
/*
  @media handheld, only screen and (min-width: 1200px), only screen and (min-device-width: 1200px), only screen and (device-width: 768px) {

        body {
          font-size: 70% !important;
          -webkit-text-size-adjust: none;
          }

        [role=document] { width: 100%; }

  }
*/
/*@media only screen and (max-width: 499px) {*/
/*[role=document] { width: 100%; }*/
/*}*/
/*@media only screen and (min-width: 500px) and (max-width: 1249px) {*/
/*[role=document] { width: 700px; }*/
/*}*/
@media only screen and (min-width: 78.125em) {
  #contentRoot p, #contentRoot li, #contentRoot blockquote,
#lesson-fragment p,
#lesson-fragment li,
#lesson-fragment blockquote {
    line-height: 1.6em;
  }
}
@media only screen and (max-device-width: 30em) {
  #contentRoot .tip, #contentRoot .note, #contentRoot .warning,
#lesson-fragment .tip,
#lesson-fragment .note,
#lesson-fragment .warning {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #contentRoot ol, #contentRoot ul, #contentRoot dl, #contentRoot menu, #contentRoot dir,
#lesson-fragment ol,
#lesson-fragment ul,
#lesson-fragment dl,
#lesson-fragment menu,
#lesson-fragment dir {
    margin-left: 1.8em;
    margin-bottom: 2em;
  }
}
@media only screen and (max-device-width: 30em) and (orientation: landscape) {
  #contentRoot ol, #contentRoot ul, #contentRoot dl, #contentRoot menu, #contentRoot dir,
#lesson-fragment ol,
#lesson-fragment ul,
#lesson-fragment dl,
#lesson-fragment menu,
#lesson-fragment dir {
    margin-left: 1.5em;
    margin-bottom: 2em;
  }

  [role=document] {
    top: 0;
  }

  .video [role=document] {
    top: 49px;
  }

  [role=document] .sbo-nav-top {
    top: -49px;
  }
}
@media only screen and (device-aspect-ratio: 40/71) and (orientation: landscape) {
  #contentRoot p, #contentRoot li, #contentRoot blockquote,
#lesson-fragment p,
#lesson-fragment li,
#lesson-fragment blockquote {
    line-height: 1.6em;
  }
}
@media only screen and (min-device-width: 48em) and (device-height: 64em) and (orientation: portrait) {
  [role=document] {
    max-width: 100%;
  }

  #contentRoot,
#lesson-fragment {
    padding: 0 100px;
  }
}
@media only screen and (min-device-width: 48em) and (device-height: 64em) and (orientation: landscape) {
  #contentRoot p, #contentRoot li, #contentRoot blockquote,
#lesson-fragment p,
#lesson-fragment li,
#lesson-fragment blockquote {
    line-height: 1.6em;
  }
}
@media print {
  body {
    color: #000;
    background-color: #fff;
    font-size: 7pt;
  }

  @page {
    margin: 1in 1.25in 1in 1.25in;
  }
  #contentRoot h1, #contentRoot h2, #contentRoot h3, #contentRoot h4, #contentRoot h5, #contentRoot h6 {
    text-shadow: none;
    color: #000;
  }

  #contentRoot .tip, #contentRoot .note, #contentRoot .warning {
    box-shadow: none;
    background-color: #fff;
  }

  #contentRoot pre {
    background-color: #fff;
    font-size: 1.4em;
  }

  #contentRoot .note p {
    font-size: 1.4em;
  }

  #contentRoot a[href^="http://"]:after {
    content: " (" attr(href) ")";
    font-size: 75%;
  }
}
/* end puboverride */
/*# sourceMappingURL=sbo-publisher-override.css.map */
/* CSS designed for our content area (Web UI) that should allow the ebook's CSS to remain unmolested */
/* Reset main styles ------------------------------------------------------- 
 *
 * Use this in book pages as well as on static pages where want normal rules to apply.
 */
#modalContent {
  font-family: Georgia, serif;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  height: 100%;
  -webkit-transition: -webkit-column-width 0.02s;
  -moz-transition: -moz-column-width 0.02s;
  -ms-transition: -ms-column-width 0.02s;
  transition: column-width 0.02s;
}

.sbo-page [role~=document] {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Specific styles for ebook content */
.sbo-page #modalContent {
  position: relative;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Columns */
  /* Column gap is set in the javascript */
  min-width: 200%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  width: auto;
}

.sbo-page .ch-nav {
  visibility: hidden;
}

/* Apply this class to slide content, as during a human-issued transition */
#modalContent.content-slidable {
  -webkit-transition: -webkit-column-width 0.02s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: -moz-column-width 0.02s, -moz-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: -ms-column-width 0.02s, -ms-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: column-width 0.02s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* Strong and em */
#modalContent strong, #modalContent th {
  font-weight: bold;
  border: 0;
}

#modalContent em, #modalContent address, #modalContent caption, #modalContent cite {
  font-style: italic;
  border: 0;
}

/* Table */
#modalContent table {
  display: table;
  border-spacing: 2px;
  border-collapse: separate;
}

#modalContent tr {
  display: table-row;
  vertical-align: inherit;
}

#modalContent td {
  display: table-cell;
  border-spacing: 2px;
  padding: 2px;
  vertical-align: inherit;
  text-align: inherit;
  padding: 1px;
  border-collapse: none;
}

#modalContent th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  padding: 1px;
  border-collapse: none;
}

/* Block Items */
#modalContent p {
  display: block;
  margin: 1em 0;
  border: 0;
}

#modalContent div > p {
  text-indent: 22px;
  margin: 0;
}

#modalContent * > p:first-of-type {
  text-indent: 0;
}

#modalContent dl {
  display: block;
  margin-left: 1em;
  border: 0;
}

#modalContent dd {
  display: block;
  margin-left: 2em;
  border: 0;
}

#modalContent dt {
  display: block;
  border: 0;
}

#modalContent dd + dt {
  padding-top: 1em;
  border: 0;
}

#modalContent blockquote {
  display: block;
  margin: 1em 40px;
  border: 0;
}

#modalContent address {
  display: block;
  font-style: italic;
  border: 0;
}

#modalContent center {
  display: block;
  text-align: center;
  border: 0;
}

/* Headers */
#modalContent h1 {
  display: block;
  font-size: 1.875em;
  line-height: 1.25;
  font-weight: bold;
  margin: 0.8em 0;
  border: 0;
}

#modalContent h2 {
  display: block;
  font-size: 1.5em;
  line-heigth: 1.5;
  font-weight: bold;
  margin: 0.8em 0;
  border: 0;
}

#modalContent h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
  border: 0;
}

#modalContent h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
  border: 0;
}

#modalContent h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
  border: 0;
}

#modalContent h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
  border: 0;
}

/* Lists */
#modalContent ul {
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
  border: 0;
}

#modalContent ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 40px;
  border: 0;
}

#modalContent li {
  display: list-item;
  border: 0;
}

/* Pre */
#modalContent pre {
  display: block;
  font-family: Courier New;
  white-space: pre;
  margin: 1em 0;
  border: 0;
}

#modalContent code, #modalContent tt {
  font-family: Courier New;
  margin: 1em 0;
  border: 0;
}

/*for PDF epubs*/
#modalContent img {
  max-width: 100%;
  height: auto !important;
}

#mockingbird-text {
  display: none;
}

/* Start puboverride */
/* START UTILITIES */
/* END utilities */
[role=document] {
  padding: 0;
  margin: 0 auto;
}

[role=document]:before, [role=document]:after {
  content: " ";
  display: table;
}

[role=document]:after {
  clear: both;
}

[role=document] {
  *zoom: 1;
}

@media screen and (max-width: 32.5em), screen and (max-height: 26.25em) {
  [role=document] {
    margin: 0 auto 5px;
    position: relative;
    top: -49px;
  }

  .video [role=document] {
    top: 0;
  }

  .video [role=document], .js-preview-content [role=document] {
    margin: 0 auto;
    z-index: 0;
  }
}
/*
#container {
  overflow-x: hidden;
  background-color: white; }
  @media only screen and (max-width: 520px) {
    #container {
      overflow: hidden; } }
*/
/*  -----------------------------------------
                  SAFARI BOOKS
              READITEVERWHERESTYLES
          (c) Safari Books Online2013
    ----------------------------------------- */
#modalContent div, #modalContent figure, #modalContent code, #modalContent dir, #modalContent figcaption, #modalContent dl, #modalContent dt, #modalContent dd, #modalContent ul, #modalContent ol, #modalContent li, #modalContent h1, #modalContent h2, #modalContent h3, #modalContent h4, #modalContent h5, #modalContent h6, #modalContent pre, #modalContent form, #modalContent fieldset, #modalContent menu, #modalContent input, #modalContent textarea, #modalContent p, #modalContent blockquote, #modalContent th, #modalContent td {
  margin: 0;
  padding: 0;
}

#modalContent table {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: none;
  font-size: inherit;
}

#modalContent fieldset, #modalContent img {
  border: 0;
}

#modalContent address, #modalContent caption, #modalContent cite, #modalContent code, #modalContent dfn, #modalContent strong, #modalContent th, #modalContent var {
  font-style: normal;
  font-weight: normal;
}

#modalContent code {
  font-family: "Droid Sans Mono", Courier, monospace;
}

#modalContent strong {
  font-weight: bold;
}

#modalContent ol, #modalContent ul {
  list-style: none;
}

#modalContent caption, #modalContent th {
  text-align: left;
}

#modalContent h1, #modalContent h2, #modalContent h3, #modalContent h4, #modalContent h5, #modalContent h6 {
  font-size: 100%;
  font-weight: normal;
}

#modalContent q:before, #modalContent q:after {
  content: "";
}

#modalContent abbr, #modalContent acronym {
  border: 0;
}

#modalContent em {
  font-style: italic;
}

#modalContent article,
#modalContent aside,
#modalContent details,
#modalContent figcaption,
#modalContent figure,
#modalContent footer,
#modalContent header,
#modalContent hgroup,
#modalContent nav,
#modalContent section {
  display: block;
}

#modalContent audio,
#modalContent canvas,
#modalContent video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#modalContent audio:not([controls]) {
  display: none;
}

#modalContent html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

#modalContent sub,
#modalContent sup,
#modalContent .footnotes,
#modalContent .footnote {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

#modalContent sup {
  top: -0.5em;
}

#modalContent sub {
  bottom: -0.25em;
}

#modalContent .footnotes,
#modalContent .footnote,
#modalContent .fn-group,
#lesson-fragment .footnotes,
#lesson-fragment .footnote,
#lesson-fragment .fn-group {
  border: none;
}

#modalContent .footnotes div,
#modalContent .footnotes p,
#modalContent .footnote div,
#modalContent .footnote p,
#modalContent .fn-group div,
#modalContent .fn-group p,
#lesson-fragment .footnotes div,
#lesson-fragment .footnotes p,
#lesson-fragment .footnote div,
#lesson-fragment .footnote p,
#lesson-fragment .fn-group div,
#lesson-fragment .fn-group p {
  font-size: 85% !important;
  margin-bottom: 1.5em;
  line-height: 1.5em;
}

/* Squash ibis-era rule to prevent extra margins */
#modalContent > div,
#lesson-fragment > div {
  margin: 0;
  padding: 0;
}

body {
  background-color: #e1dfda;
}

[role=document],
#lesson-fragment {
  width: 100%;
  max-width: 37em;
}

@media only screen and (min-width: 1250px) {
  [role=document],
#lesson-fragment {
    font-size: 118% !important;
    max-width: 900px;
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 521px) and (max-width: 1249px) {
  [role=document],
#lesson-fragment {
    max-width: 700px;
    max-width: 43.75rem;
    font-size: 100% !important;
  }
}
@media only screen and (max-width: 520px) {
  [role=document],
#lesson-fragment {
    max-width: 100%;
    font-size: 88% !important;
  }
}
.pdfdoc .js-toc {
  overflow: hidden;
}

.pdfdoc #modalContent {
  padding: 0 5px 0;
}

.pdfdoc.prodsample-book .t {
  display: none;
}

.pdfdoc.prodsample-book img.bi {
  width: 100% !important;
}

.js .pdfdoc section[role=document] {
  border: none !important;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.js .pdfdoc section[role=document] #modalContent {
  opacity: 0;
}

.js .pdfdoc section[role=document].showPdf #modalContent {
  opacity: 1;
}

#modalContent #pdf-main .pd {
  margin: 15px 0 15px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

/* --------------------------------------------------
 Use nest class to scale nested elements to 100% of their parent on non-PDF pages
----------------------------------------------------- */
.scalefonts #modalContent div div,
.scalefonts #modalContent p p,
.scalefonts #modalContent li li,
.scalefonts #modalContent ul,
.scalefonts #modalContent ul ul,
.scalefonts #modalContent ol,
.scalefonts #modalContent li,
.scalefonts #modalContent ol ol,
.scalefonts #modalContent table,
.scalefonts #modalContent td,
.scalefonts #modalContent div p,
.scalefonts #lesson-fragment div div,
.scalefonts #lesson-fragment p p,
.scalefonts #lesson-fragment li li,
.scalefonts #lesson-fragment ul,
.scalefonts #lesson-fragment ul ul,
.scalefonts #lesson-fragment ol,
.scalefonts #lesson-fragment li,
.scalefonts #lesson-fragment ol ol,
.scalefonts #lesson-fragment table,
.scalefonts #lesson-fragment td,
.scalefonts #lesson-fragment div p {
  font-size: 100% !important;
  line-height: 1.65em !important;
  text-align: left;
}

.scalefonts #modalContent p,
.scalefonts #modalContent div,
.scalefonts #modalContent ol,
.scalefonts #modalContent ul,
.scalefonts #lesson-fragment p,
.scalefonts #lesson-fragment div,
.scalefonts #lesson-fragment ol,
.scalefonts #lesson-fragment ul {
  text-indent: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.scalefonts #modalContent .FOOTNOTES,
.scalefonts #modalContent .endnoteentry,
.scalefonts #modalContent .footnotes,
.scalefonts #lesson-fragment .FOOTNOTES,
.scalefonts #lesson-fragment .endnoteentry,
.scalefonts #lesson-fragment .footnotes {
  font-size: small !important;
}

#modalContent,
#lesson-fragment {
  clear: both;
  margin: 0 auto;
  padding: 20px;
  padding: 1.25rem;
  border: 0 solid #ddd;
  color: #333;
  font-family: Georgia, "Droid Serif", Times, serif;
  font-style: normal;
  font-weight: 400;
  min-height: 450px;
  /* Added via javascript to acronyms */
  /*code { font-size: 1.6em; line-height: 1.5em; }*/
}

@media only screen and (max-width: 520px) {
  #modalContent,
#lesson-fragment {
    padding: 50px 20px 20px;
    padding: 3.125rem 1.25rem 1.25rem;
  }
}
#modalContent .figure,
#lesson-fragment .figure {
  text-align: center;
  margin: 25px 0 15px;
  margin: 1.5625rem 0 0.9375rem;
}

#modalContent .p,
#lesson-fragment .p {
  text-indent: 0;
  padding: 0;
}

#modalContent table,
#lesson-fragment table {
  padding-left: 0;
  padding-right: 0;
}

#modalContent div,
#modalContent div.booksection,
#lesson-fragment div,
#lesson-fragment div.booksection {
  font-family: inherit;
  margin: 0;
  padding: 0;
}

#modalContent div.sect1.pattern,
#modalContent div.sect1.case_study,
#lesson-fragment div.sect1.pattern,
#lesson-fragment div.sect1.case_study {
  border: none;
  background-color: transparent;
}

.video #modalContent, .video #lesson-fragment {
  padding-top: 20px;
  min-height: 2em;
}

#modalContent p,
#modalContent li,
#modalContent blockquote,
#lesson-fragment p,
#lesson-fragment li,
#lesson-fragment blockquote {
  line-height: 1.5;
}

#modalContent li p,
#modalContent li code,
#lesson-fragment li p,
#lesson-fragment li code {
  font-size: inherit;
}

#modalContent p code,
#lesson-fragment p code {
  font-size: inherit;
}

#modalContent p,
#modalContent div > p,
#modalContent p.para_indented,
#modalContent div.chp .para_indented,
#modalContent .indent,
#modalContent .noindent,
#modalContent .p,
#lesson-fragment p,
#lesson-fragment div > p,
#lesson-fragment p.para_indented,
#lesson-fragment div.chp .para_indented,
#lesson-fragment .indent,
#lesson-fragment .noindent,
#lesson-fragment .p {
  margin: inherit;
  margin: 0.75em 0 1.25em !important;
  text-indent: 0px;
  text-align: inherit;
  font-family: inherit !important;
  line-height: 1.5em !important;
}

#modalContent ul li,
#lesson-fragment ul li {
  margin: 0.5em 0 0.65em !important;
}

#modalContent blockquote p,
#lesson-fragment blockquote p {
  font-weight: inherit;
}

#modalContent strong code,
#lesson-fragment strong code {
  font-weight: bold;
}

#modalContent sup,
#lesson-fragment sup {
  /* this is so sups don't affect line height */
  height: 0;
  line-height: 1;
  bottom: 1em;
  font-size: 0.7em;
  color: #666;
}

#modalContent span.inlinemediaobject,
#lesson-fragment span.inlinemediaobject {
  height: auto;
}

#modalContent h1,
#modalContent h2,
#modalContent h3,
#modalContent h4,
#modalContent h5,
#modalContent h6,
#modalContent .heading-1,
#modalContent .paragraph-head,
#modalContent .cn-chapter-number,
#modalContent .heading-3,
#modalContent .title_document,
#modalContent .fm_title_document,
#modalContent .box_title,
#modalContent .chaptertitle,
#lesson-fragment h1,
#lesson-fragment h2,
#lesson-fragment h3,
#lesson-fragment h4,
#lesson-fragment h5,
#lesson-fragment h6,
#lesson-fragment .heading-1,
#lesson-fragment .paragraph-head,
#lesson-fragment .cn-chapter-number,
#lesson-fragment .heading-3,
#lesson-fragment .title_document,
#lesson-fragment .fm_title_document,
#lesson-fragment .box_title,
#lesson-fragment .chaptertitle {
  font-family: "source sans pro", sans-serif, "AvenirNextCondensed-Medium", "HelveticaNeue-CondensedBold", "Droid Sans", Helvetica, Arial, sans-serif !important;
  line-height: 1.1;
  font-style: normal;
  font-weight: 500;
  color: #4a3c31;
  margin: 1.5em 0 0.35em !important;
  background-color: transparent;
  word-wrap: break-word;
}

#modalContent h1,
#modalContent .chaptertitle,
#lesson-fragment h1,
#lesson-fragment .chaptertitle {
  font-size: 2em;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#modalContent h2,
#lesson-fragment h2 {
  font-size: 1.575em;
}

#modalContent h3,
#lesson-fragment h3 {
  font-size: 1.25em;
  text-indent: 0px !important;
}

#modalContent h4,
#lesson-fragment h4 {
  font-size: 1.15em;
}

#modalContent h5,
#modalContent h6,
#lesson-fragment h5,
#lesson-fragment h6 {
  font-size: 0.9375em;
}

#modalContent div.titlepage,
#lesson-fragment div.titlepage {
  margin: 1em 0 0.35em;
}

.video #modalContent h1, #modalContent .transcript-wrapper .video-title, .video #lesson-fragment h1,
#lesson-fragment .transcript-wrapper .video-title {
  font-size: 1.8em;
  text-align: center;
  margin: 0.8em 0 0;
  padding: 0;
}

#modalContent a,
#modalContent a:link,
#modalContent a:visited,
#lesson-fragment a,
#lesson-fragment a:link,
#lesson-fragment a:visited {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed #bbb;
  color: #070c0f;
  -webkit-transition: border-bottom 0.3s ease;
  -moz-transition: border-bottom 0.3s ease;
  transition: border-bottom 0.3s ease;
}

#modalContent a:focus,
#modalContent a:hover,
#lesson-fragment a:focus,
#lesson-fragment a:hover {
  border-bottom: 1px dashed #333;
}

#modalContent hr,
#lesson-fragment hr {
  display: none;
}

#modalContent .small,
#lesson-fragment .small {
  font-size: 0.6em;
}

#modalContent .sc, #modalContent abbr, #modalContent acronym,
#lesson-fragment .sc,
#lesson-fragment abbr,
#lesson-fragment acronym {
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#modalContent .noborder,
#lesson-fragment .noborder {
  border: 0px;
}

#modalContent p,
#lesson-fragment p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#modalContent .footnote p,
#lesson-fragment .footnote p {
  font-family: Arial, sans-serif;
  font-size: inherit;
}

#modalContent .note p,
#lesson-fragment .note p {
  font-family: Arial, sans-serif;
  font-size: 1.4em;
}

#modalContent div.tip,
#modalContent .tip,
#modalContent .note,
#modalContent div.note,
#modalContent .warning,
#modalContent .note1,
#modalContent .sidebar1,
#modalContent .boxg,
#modalContent div.sidebar,
#modalContent div.warning,
#lesson-fragment div.tip,
#lesson-fragment .tip,
#lesson-fragment .note,
#lesson-fragment div.note,
#lesson-fragment .warning,
#lesson-fragment .note1,
#lesson-fragment .sidebar1,
#lesson-fragment .boxg,
#lesson-fragment div.sidebar,
#lesson-fragment div.warning {
  border: 1px dotted #ddd;
  padding: 1em 2em 1em 2em !important;
  background-color: #eee;
  box-shadow: 0px 5px 10px #eee;
  margin: 2em 2em 2em !important;
  font-size: smaller !important;
}

#modalContent div.tip p,
#modalContent .tip p,
#modalContent .note p,
#modalContent div.note p,
#modalContent .warning p,
#modalContent .note1 p,
#modalContent .sidebar1 p,
#modalContent .boxg p,
#modalContent div.sidebar p,
#modalContent div.warning p,
#lesson-fragment div.tip p,
#lesson-fragment .tip p,
#lesson-fragment .note p,
#lesson-fragment div.note p,
#lesson-fragment .warning p,
#lesson-fragment .note1 p,
#lesson-fragment .sidebar1 p,
#lesson-fragment .boxg p,
#lesson-fragment div.sidebar p,
#lesson-fragment div.warning p {
  font-size: 90% !important;
  font-family: Arial, sans-serif !important;
}

#modalContent div.tip h3,
#modalContent div.tip .title,
#modalContent .tip h3,
#modalContent .tip .title,
#modalContent .note h3,
#modalContent .note .title,
#modalContent div.note h3,
#modalContent div.note .title,
#modalContent .warning h3,
#modalContent .warning .title,
#modalContent .note1 h3,
#modalContent .note1 .title,
#modalContent .sidebar1 h3,
#modalContent .sidebar1 .title,
#modalContent .boxg h3,
#modalContent .boxg .title,
#modalContent div.sidebar h3,
#modalContent div.sidebar .title,
#modalContent div.warning h3,
#modalContent div.warning .title,
#lesson-fragment div.tip h3,
#lesson-fragment div.tip .title,
#lesson-fragment .tip h3,
#lesson-fragment .tip .title,
#lesson-fragment .note h3,
#lesson-fragment .note .title,
#lesson-fragment div.note h3,
#lesson-fragment div.note .title,
#lesson-fragment .warning h3,
#lesson-fragment .warning .title,
#lesson-fragment .note1 h3,
#lesson-fragment .note1 .title,
#lesson-fragment .sidebar1 h3,
#lesson-fragment .sidebar1 .title,
#lesson-fragment .boxg h3,
#lesson-fragment .boxg .title,
#lesson-fragment div.sidebar h3,
#lesson-fragment div.sidebar .title,
#lesson-fragment div.warning h3,
#lesson-fragment div.warning .title {
  font-family: "AvenirNextCondensed-Medium", "HelveticaNeue-CondensedBold", "Droid Sans", Arial, sans-serif !important;
  text-shadow: 1px 1px 0px #fff;
  color: #666;
  font-weight: 500;
}

@media only screen and (max-width: 520px) {
  #modalContent div.tip,
#modalContent .tip,
#modalContent .note,
#modalContent div.note,
#modalContent .warning,
#modalContent .note1,
#modalContent .sidebar1,
#modalContent .boxg,
#modalContent div.sidebar,
#modalContent div.warning,
#lesson-fragment div.tip,
#lesson-fragment .tip,
#lesson-fragment .note,
#lesson-fragment div.note,
#lesson-fragment .warning,
#lesson-fragment .note1,
#lesson-fragment .sidebar1,
#lesson-fragment .boxg,
#lesson-fragment div.sidebar,
#lesson-fragment div.warning {
    margin: 1.5em 0 1.5em !important;
  }
}
#modalContent div.tip hr,
#modalContent .tip hr,
#modalContent .note hr,
#modalContent div.note hr,
#modalContent .warning hr,
#modalContent .note1 hr,
#modalContent .sidebar1 hr,
#modalContent .boxg hr,
#modalContent div.sidebar hr,
#modalContent div.warning hr,
#lesson-fragment div.tip hr,
#lesson-fragment .tip hr,
#lesson-fragment .note hr,
#lesson-fragment div.note hr,
#lesson-fragment .warning hr,
#lesson-fragment .note1 hr,
#lesson-fragment .sidebar1 hr,
#lesson-fragment .boxg hr,
#lesson-fragment div.sidebar hr,
#lesson-fragment div.warning hr {
  display: none;
}

#modalContent div.tip img,
#modalContent div.tip img:hover,
#modalContent .tip img,
#modalContent .tip img:hover,
#modalContent .note img,
#modalContent .note img:hover,
#modalContent div.note img,
#modalContent div.note img:hover,
#modalContent .warning img,
#modalContent .warning img:hover,
#modalContent .note1 img,
#modalContent .note1 img:hover,
#modalContent .sidebar1 img,
#modalContent .sidebar1 img:hover,
#modalContent .boxg img,
#modalContent .boxg img:hover,
#modalContent div.sidebar img,
#modalContent div.sidebar img:hover,
#modalContent div.warning img,
#modalContent div.warning img:hover,
#lesson-fragment div.tip img,
#lesson-fragment div.tip img:hover,
#lesson-fragment .tip img,
#lesson-fragment .tip img:hover,
#lesson-fragment .note img,
#lesson-fragment .note img:hover,
#lesson-fragment div.note img,
#lesson-fragment div.note img:hover,
#lesson-fragment .warning img,
#lesson-fragment .warning img:hover,
#lesson-fragment .note1 img,
#lesson-fragment .note1 img:hover,
#lesson-fragment .sidebar1 img,
#lesson-fragment .sidebar1 img:hover,
#lesson-fragment .boxg img,
#lesson-fragment .boxg img:hover,
#lesson-fragment div.sidebar img,
#lesson-fragment div.sidebar img:hover,
#lesson-fragment div.warning img,
#lesson-fragment div.warning img:hover {
  border: none;
  background-color: transparent;
}

#modalContent .tip h3,
#modalContent .note h3,
#modalContent .warning h3,
#lesson-fragment .tip h3,
#lesson-fragment .note h3,
#lesson-fragment .warning h3 {
  margin-top: 0;
}

#modalContent .note1 .note,
#lesson-fragment .note1 .note {
  background: transparent none no-repeat scroll 0 0;
  border: none;
  margin: 0 !important;
  padding: 0;
}

#modalContent .codelink,
#lesson-fragment .codelink {
  font-size: 80% !important;
}

#modalContent .totri-image-wrapper,
#modalContent .totri-image-wrapper p,
#lesson-fragment .totri-image-wrapper,
#lesson-fragment .totri-image-wrapper p {
  text-align: center;
}

#modalContent pre,
#modalContent .pre,
#modalContent p.pre,
#modalContent .pre1,
#modalContent .pre-ex,
#modalContent .pre_w,
#lesson-fragment pre,
#lesson-fragment .pre,
#lesson-fragment p.pre,
#lesson-fragment .pre1,
#lesson-fragment .pre-ex,
#lesson-fragment .pre_w {
  font-family: "Droid Sans Mono", Courier, monospace;
  line-height: 1.5em !important;
  margin: 0 0 1.5em !important;
  padding: 1em 2em !important;
  background-color: #fbfbfb !important;
  font-size: 80% !important;
  color: #4a3c31;
  border-top: 1px solid #DDD !important;
  border-bottom: 1px solid #DDD !important;
  overflow-x: scroll;
  overflow: auto;
  overflow-y: hidden;
  -webkit-hyphens: none;
  word-wrap: initial !important;
  word-break: keep-all !important;
  white-space: pre !important;
}

#modalContent pre code,
#lesson-fragment pre code {
  font-size: inherit;
}

#modalContent .pd_lightblue,
#modalContent .skycolor,
#modalContent .tabcolor,
#modalContent .tab_num,
#modalContent .pd_white,
#lesson-fragment .pd_lightblue,
#lesson-fragment .skycolor,
#lesson-fragment .tabcolor,
#lesson-fragment .tab_num,
#lesson-fragment .pd_white {
  color: #4a3c31 !important;
}

#modalContent .indenthangingB,
#modalContent .indenthanging,
#lesson-fragment .indenthangingB,
#lesson-fragment .indenthanging {
  margin: 0 0 10px 35px;
  margin: 0 0 0.625rem 2.1875rem;
}

#modalContent .bul_hang1,
#modalContent .bul_hang,
#modalContent .bul_hang2,
#modalContent .bul_hang3,
#modalContent .hanging-i,
#modalContent .indentbullet,
#lesson-fragment .bul_hang1,
#lesson-fragment .bul_hang,
#lesson-fragment .bul_hang2,
#lesson-fragment .bul_hang3,
#lesson-fragment .hanging-i,
#lesson-fragment .indentbullet {
  text-indent: -10px !important;
}

#modalContent .bul_hang1:before,
#modalContent .bul_hang:before,
#modalContent .bul_hang2:before,
#modalContent .bul_hang3:before,
#modalContent .hanging-i:before,
#modalContent .indentbullet:before,
#lesson-fragment .bul_hang1:before,
#lesson-fragment .bul_hang:before,
#lesson-fragment .bul_hang2:before,
#lesson-fragment .bul_hang3:before,
#lesson-fragment .hanging-i:before,
#lesson-fragment .indentbullet:before {
  content: "• ";
  position: relative;
  left: -10px;
}

#modalContent .bul_hang1 img,
#modalContent .bul_hang img,
#modalContent .bul_hang2 img,
#modalContent .bul_hang3 img,
#modalContent .hanging-i img,
#modalContent .indentbullet img,
#lesson-fragment .bul_hang1 img,
#lesson-fragment .bul_hang img,
#lesson-fragment .bul_hang2 img,
#lesson-fragment .bul_hang3 img,
#lesson-fragment .hanging-i img,
#lesson-fragment .indentbullet img {
  display: none;
}

#modalContent .box_title,
#lesson-fragment .box_title {
  font-size: 165% !important;
  margin: 1em 0 0.5em;
}

#modalContent .figure_legend,
#modalContent .figure,
#lesson-fragment .figure_legend,
#lesson-fragment .figure {
  border: none !important;
}

#modalContent .centera,
#modalContent .centerb,
#lesson-fragment .centera,
#lesson-fragment .centerb {
  margin: 0;
  text-align: center;
}

#modalContent div .fig_num,
#modalContent div .fig,
#modalContent div .fig-caption,
#modalContent div .caption,
#modalContent div .tab-caption,
#modalContent div .figleg,
#modalContent div .FigCapt,
#modalContent div .ex-caption,
#modalContent div .fig-title,
#modalContent div .TabCapt,
#modalContent div .notetitle,
#modalContent div .figure p.title,
#modalContent .annotator-wrapper .fig_num,
#modalContent .annotator-wrapper .fig,
#modalContent .annotator-wrapper .fig-caption,
#modalContent .annotator-wrapper .caption,
#modalContent .annotator-wrapper .tab-caption,
#modalContent .annotator-wrapper .figleg,
#modalContent .annotator-wrapper .FigCapt,
#modalContent .annotator-wrapper .ex-caption,
#modalContent .annotator-wrapper .fig-title,
#modalContent .annotator-wrapper .TabCapt,
#modalContent .annotator-wrapper .notetitle,
#modalContent .annotator-wrapper .figure p.title,
#lesson-fragment div .fig_num,
#lesson-fragment div .fig,
#lesson-fragment div .fig-caption,
#lesson-fragment div .caption,
#lesson-fragment div .tab-caption,
#lesson-fragment div .figleg,
#lesson-fragment div .FigCapt,
#lesson-fragment div .ex-caption,
#lesson-fragment div .fig-title,
#lesson-fragment div .TabCapt,
#lesson-fragment div .notetitle,
#lesson-fragment div .figure p.title,
#lesson-fragment .annotator-wrapper .fig_num,
#lesson-fragment .annotator-wrapper .fig,
#lesson-fragment .annotator-wrapper .fig-caption,
#lesson-fragment .annotator-wrapper .caption,
#lesson-fragment .annotator-wrapper .tab-caption,
#lesson-fragment .annotator-wrapper .figleg,
#lesson-fragment .annotator-wrapper .FigCapt,
#lesson-fragment .annotator-wrapper .ex-caption,
#lesson-fragment .annotator-wrapper .fig-title,
#lesson-fragment .annotator-wrapper .TabCapt,
#lesson-fragment .annotator-wrapper .notetitle,
#lesson-fragment .annotator-wrapper .figure p.title {
  background-color: transparent;
  font-size: 80% !important;
  max-width: 75%;
  margin: 10px auto 1.5em !important;
}

#modalContent table,
#lesson-fragment table {
  border: 1px solid #ddd !important;
  padding: 10px;
  max-width: 100% !important;
  width: 100%;
  background-color: #fff;
  margin-bottom: 1.5em;
  overflow: scroll;
}

#modalContent table pre,
#lesson-fragment table pre {
  border: none;
  background-color: transparent;
  padding: 0px;
}

#modalContent table img.totri-border,
#lesson-fragment table img.totri-border {
  padding: 0;
  border: none;
}

#modalContent thead,
#lesson-fragment thead {
  font-family: Arial, sans-serif;
  border-bottom: 2px solid #ddd;
  background-color: #e8edff;
}

#modalContent thead th,
#lesson-fragment thead th {
  padding: 10px;
  font-weight: bold;
}

#modalContent tbody,
#lesson-fragment tbody {
  max-width: 100%;
  overflow: scroll;
}

#modalContent tbody td,
#lesson-fragment tbody td {
  padding: 10px;
}

#modalContent tbody tr,
#lesson-fragment tbody tr {
  border-bottom: 1px solid #ddd;
}

#modalContent tbody tr:last-child,
#lesson-fragment tbody tr:last-child {
  border-bottom: 0;
}

#modalContent tbody tr:nth-child(even),
#lesson-fragment tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

#modalContent table p,
#lesson-fragment table p {
  margin: 0;
  font-size: inherit;
}

#modalContent ol,
#modalContent ul,
#modalContent dl,
#modalContent menu,
#modalContent dir,
#lesson-fragment ol,
#lesson-fragment ul,
#lesson-fragment dl,
#lesson-fragment menu,
#lesson-fragment dir {
  margin: 1.5em 0 2em 2em;
  padding-left: 25px;
}

#modalContent ul li,
#lesson-fragment ul li {
  list-style: circle;
  list-style-position: outside;
}

#modalContent ol li,
#lesson-fragment ol li {
  list-style: decimal;
  list-style-position: outside;
}

#modalContent li p,
#lesson-fragment li p {
  margin-bottom: 0;
}

#modalContent dt,
#lesson-fragment dt {
  font-size: 1em;
  line-height: 1.5em;
}

#modalContent dt code,
#modalContent ol code,
#modalContent li pre,
#modalContent li code,
#lesson-fragment dt code,
#lesson-fragment ol code,
#lesson-fragment li pre,
#lesson-fragment li code {
  font-size: inherit;
}

#modalContent code,
#lesson-fragment code {
  font-size: inherit;
}

#modalContent code code,
#lesson-fragment code code {
  font-size: inherit;
}

#modalContent .figure table,
#modalContent .informalfigure,
#modalContent p.image,
#lesson-fragment .figure table,
#lesson-fragment .informalfigure,
#lesson-fragment p.image {
  text-align: center;
}

#modalContent table img,
#lesson-fragment table img {
  border: 0px;
  padding: 20px 0;
  text-align: center;
  margin: 0 auto;
}

#modalContent img.totri-border,
#lesson-fragment img.totri-border {
  padding: 10px;
  background-color: #fff;
  border: 2px solid #ddd;
  max-width: 100%;
  height: auto;
}

#modalContent #pdf-main img,
#lesson-fragment #pdf-main img {
  padding: 0;
  border: 0;
}

#modalContent > section.transcript-wrapper {
  display: table-cell;
  height: auto;
  margin-bottom: 5%;
  border: 1px solid #beb9a6;
  font-family: "source sans pro", sans-serif, "AvenirNextCondensed-Medium", "HelveticaNeue-CondensedBold", "Droid Sans", Helvetica, Arial, sans-serif;
}

#modalContent > section.transcript-wrapper h2 {
  text-align: center;
}

#modalContent > section.transcript-wrapper > div.t-video-description {
  float: left;
  width: 100%;
  height: auto;
  padding: 20px;
  color: #8b8d8e;
  overflow: auto;
}

#modalContent > section.transcript-wrapper > div.t-video-description .video-title, #modalContent > section.transcript-wrapper > div.t-video-description h1 {
  margin: 10px 0 20px !important;
}

#modalContent > section.transcript-wrapper > div#transcript-box {
  background-color: #e7e5de;
  width: 100%;
  height: auto;
  float: right;
  margin: 0 8% 0;
  padding: 20px;
}

#modalContent > section.transcript-wrapper > div#transcript-box div.transcript {
  height: auto;
}

#modalContent > section.transcript-wrapper > div#transcript-box div.transcript > p {
  display: inline;
  line-height: 1.2em !important;
  font-size: 90% !important;
  margin: 0 0 2% 0 !important;
  padding: 0 !important;
  color: #070c0f;
  overflow: hidden;
  font-weight: 300;
}

#modalContent > section.transcript-wrapper > div#transcript-box div.transcript > p span.text {
  display: inline;
}

#modalContent > section.transcript-wrapper > div#transcript-box div.transcript abbr.begin {
  font-weight: bold;
  font-size: 85% !important;
  letter-spacing: 0;
  margin: 0;
  display: none;
  padding-right: 15px;
}

#modalContent > section.transcript-wrapper > div#transcript-box div.transcript abbr.begin:before {
  content: "[";
}

#modalContent > section.transcript-wrapper > div#transcript-box div.transcript abbr.begin:after {
  content: "]";
}

#modalContent > section.transcript-wrapper > div#transcript-box div.transcript abbr.end {
  display: none;
}

@media (min-width: 768px) {
  #modalContent > section.transcript-wrapper {
    height: 502px;
  }

  #modalContent > section.transcript-wrapper > div.t-video-description {
    width: 50%;
    height: 465px;
  }

  #modalContent > section.transcript-wrapper > div#transcript-box {
    width: 50%;
    height: 500px;
    border-left: 1px solid #beb9a6;
  }

  #modalContent > section.transcript-wrapper > div#transcript-box div.transcript {
    height: 456px;
    overflow: auto;
  }
}
/*
  @media handheld, only screen and (min-width: 1200px), only screen and (min-device-width: 1200px), only screen and (device-width: 768px) {

        body {
          font-size: 70% !important;
          -webkit-text-size-adjust: none;
          }

        [role=document] { width: 100%; }

  }
*/
/*@media only screen and (max-width: 499px) {*/
/*[role=document] { width: 100%; }*/
/*}*/
/*@media only screen and (min-width: 500px) and (max-width: 1249px) {*/
/*[role=document] { width: 700px; }*/
/*}*/
@media only screen and (min-width: 78.125em) {
  #modalContent p, #modalContent li, #modalContent blockquote,
#lesson-fragment p,
#lesson-fragment li,
#lesson-fragment blockquote {
    line-height: 1.6em;
  }
}
@media only screen and (max-device-width: 30em) {
  #modalContent .tip, #modalContent .note, #modalContent .warning,
#lesson-fragment .tip,
#lesson-fragment .note,
#lesson-fragment .warning {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #modalContent ol, #modalContent ul, #modalContent dl, #modalContent menu, #modalContent dir,
#lesson-fragment ol,
#lesson-fragment ul,
#lesson-fragment dl,
#lesson-fragment menu,
#lesson-fragment dir {
    margin-left: 1.8em;
    margin-bottom: 2em;
  }
}
@media only screen and (max-device-width: 30em) and (orientation: landscape) {
  #modalContent ol, #modalContent ul, #modalContent dl, #modalContent menu, #modalContent dir,
#lesson-fragment ol,
#lesson-fragment ul,
#lesson-fragment dl,
#lesson-fragment menu,
#lesson-fragment dir {
    margin-left: 1.5em;
    margin-bottom: 2em;
  }

  [role=document] {
    top: 0;
  }

  .video [role=document] {
    top: 49px;
  }

  [role=document] .sbo-nav-top {
    top: -49px;
  }
}
@media only screen and (device-aspect-ratio: 40/71) and (orientation: landscape) {
  #modalContent p, #modalContent li, #modalContent blockquote,
#lesson-fragment p,
#lesson-fragment li,
#lesson-fragment blockquote {
    line-height: 1.6em;
  }
}
@media only screen and (min-device-width: 48em) and (device-height: 64em) and (orientation: portrait) {
  [role=document] {
    max-width: 100%;
  }

  #modalContent,
#lesson-fragment {
    padding: 0 100px;
  }
}
@media only screen and (min-device-width: 48em) and (device-height: 64em) and (orientation: landscape) {
  #modalContent p, #modalContent li, #modalContent blockquote,
#lesson-fragment p,
#lesson-fragment li,
#lesson-fragment blockquote {
    line-height: 1.6em;
  }
}
@media print {
  body {
    color: #000;
    background-color: #fff;
    font-size: 7pt;
  }

  @page {
    margin: 1in 1.25in 1in 1.25in;
  }
  #modalContent h1, #modalContent h2, #modalContent h3, #modalContent h4, #modalContent h5, #modalContent h6 {
    text-shadow: none;
    color: #000;
  }

  #modalContent .tip, #modalContent .note, #modalContent .warning {
    box-shadow: none;
    background-color: #fff;
  }

  #modalContent pre {
    background-color: #fff;
    font-size: 1.4em;
  }

  #modalContent .note p {
    font-size: 1.4em;
  }

  #modalContent a[href^="http://"]:after {
    content: " (" attr(href) ")";
    font-size: 75%;
  }
}
/* end puboverride */
/*# sourceMappingURL=sbo-publisher-override.css.map */
/*  _   _ _     __  __    ____            _             _   
 * | \ | | |   |  \/  |  / ___|___  _ __ | |_ ___ _ __ | |_ 
 * |  \| | |   | |\/| | | |   / _ \| '_ \| __/ _ \ '_ \| __|
 * | |\  | |___| |  | | | |__| (_) | | | | ||  __/ | | | |_ 
 * |_| \_|_____|_|  |_|  \____\___/|_| |_|\__\___|_| |_|\__|
 */
/* Page Breaks
  ========================================================================== */
.pageBreak {
  display: inline-block;
  margin: -1px 4px -3px 2px;
  font-weight: bold;
  cursor: default;
  background: url(../img/page_break.jpg) no-repeat;
  height: 16px;
  width: 16px;
  position: relative;
}

.pageBreak .popup {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #000000;
  display: none;
  font-size: 14px;
  padding: 2px 5px;
  position: absolute;
  right: 16px;
  top: -24px;
  margin-left: -100px;
  width: auto;
  height: auto;
  left: initial;
}

.pageBreak:hover .popup {
  display: block;
}

/* References, Citations and Footnotes
  ========================================================================== */
.refList ul {
  list-style: none;
  margin: 1em 0;
}

.refList li {
  margin: 0 0 10px 0;
  list-style: none !important;
}

.refList h2,
.footnoteGroup .title {
  color: #616B62;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

.footnoteGroup .footnote label {
  float: left;
  margin-right: 1em;
  cursor: default;
}

.footnoteGroup .footnote p {
  margin-bottom: 0;
}

.citationText .author,
.citationText .editor,
.citationText .contributor,
.citationText .collab,
.citationText .person {
  color: #002e61;
  font-weight: bold;
}

.refSection h2,
.refSection h4 {
  margin-bottom: 1em;
}

.refSection h4 {
  font-size: 14px;
  font-weight: normal;
}

.refSection .label {
  text-transform: uppercase;
}

.refSection .label:after {
  content: ": ";
}

.refSection .refList {
  list-style: none;
  margin-left: 0;
}

.reference .enumerator {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: block;
  float: left;
  height: 20px;
  min-width: 20px;
  margin-left: -40px;
  padding: 3px 0 0 3px;
  background-color: transparent;
  color: #2a2a2a;
  text-align: center;
  line-height: 20px;
}

.reference .xref {
  display: block;
  float: left;
  margin-left: -14px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}

.reference .citationActions {
  padding-left: 0 !important;
  /* important used to override #readPanel ul */
}
.reference .citationActions::after {
  clear: both;
  content: "";
  display: table;
}

.reference .citationActions li {
  display: block !important;
  float: left !important;
  margin-right: 2em !important;
  padding-left: 2em !important;
  padding-right: 2em !important;
  border-left: 1px solid #006fb7 !important;
}

.reference .citationActions li:first-child {
  padding-left: 0 !important;
  padding-right: 2em !important;
  border-left: none !important;
}

.citationActions a {
  color: #006fb7 !important;
  font-weight: bold !important;
}

.citationActions a:hover {
  color: #006fb7;
}

.openurl,
.googleScholar,
.exportCitation {
  display: block;
  height: 32px !important;
  border-bottom: none !important;
}

@media (max-width: 767px) {
  #contentRoot .reference .citationActions li {
    float: none !important;
    padding: 0 !important;
    border-left: none !important;
    margin-top: 0 !important;
    margin-bottom: 0.33em !important;
  }
}
/* OpenURL links */
a.openurl.button {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 6px 12px;
  text-align: center;
}

a.openurl span {
  text-indent: inherit;
  display: inline;
  padding: 0;
}

a.openurl img.openurlicon {
  padding: 0;
  height: 100%;
}

#contentRoot ol, #contentRoot ul, #contentRoot dl, #contentRoot menu, #contentRoot dir, #lesson-fragment ol, #lesson-fragment ul, #lesson-fragment dl, #lesson-fragment menu, #lesson-fragment dir {
  margin: 0;
}

/* being specific to override styling in entry.css */
.exportCitation {
  padding: 6px 0 0 0;
}

/* 
.googleScholar {
	background: url(../img/icon_google-scholar.jpg) no-repeat 0 50%;
}
.exportCitation {
	background: url(../img/icon_export-citation.png) no-repeat 0 50%;
}
*/
/* Table for NLM Journal Articles
   ========================================================================== */
.table-wrap {
  margin: 10px 0;
}

.table-wrap.float {
  clear: both;
}

.table-wrap label {
  cursor: default;
}

.table-wrap table {
  border: 1px solid #a2acae;
  margin: 10px 0;
}

.table-wrap table caption {
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

.table-wrap table thead {
  color: #006fb7;
  background-color: #b5bcc4;
  border: 1px solid #a2acae;
  font-weight: bold;
}

.table-wrap table tbody {
  background-color: #e8e8e8;
}

.table-wrap table th,
.table-wrap table td {
  padding: 10px;
}

.table-wrap-foot {
  font-style: italic;
}

.table-wrap-foot .footnote label {
  float: left;
  margin-right: 5px;
}

.table-wrap-foot .footnote p {
  margin-bottom: 5px;
}

/* asterisk - is this EEP-specific */
a.ref-type-aff,
a.ref-type-aff {
  color: #2a2a2a;
  margin-left: -2px;
}

/* Figures and Formulae
   ========================================================================== */
.figure img {
  max-width: 100%;
}

.figure.formula {
  position: relative;
  margin: 1em 0;
  padding: 0 3em;
  text-align: center;
}

.figure.formula .figcaption {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.formula img {
  max-width: 52em;
}

/* See PFCORE-2594, this should be OUP specific if needed or at least media-list specific
.tab-list li.mobile-menu {
	display: none !important;
}*/
.tab-list {
  list-style: none;
  margin: "0";
  padding: "0 .6666667em";
  border-width: "0 0 1px 0";
  font-size: "1em";
  line-height: "1.3";
}
.tab-list li {
  display: inline-block;
  z-index: 1;
}
.tab-list a {
  display: block;
  margin: "0 0 -1px 0";
  padding: ".6666667em";
  border-width: "1px";
  -moz-border-radius: "3px 3px 0 0";
  -webkit-border-radius: "3px 3px 0 0";
  border-radius: "3px 3px 0 0";
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.tab-panel {
  margin: -1px 0 1.667em 0;
  padding: 1.667em;
  border-width: 1px;
}

.media-display .media-result-title {
  font-size: 26px;
  color: #4BA9DC;
}
.media-display .article-image {
  width: 210px;
  background-color: #DDDDDD;
  text-align: center;
  padding: 5px;
  float: left;
  margin-right: 20px;
}

.media-display-image-divider {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #D0D0D0;
  padding-top: 1.5em;
  margin-bottom: 1.5em;
  clear: both;
}

#contentRoot,
#lesson-fragment {
  padding: 0;
  font-family: "Open Sans", sans-serif;
  color: #2a2a2a;
}
#contentRoot ol,
#contentRoot ul,
#contentRoot dl,
#contentRoot menu,
#contentRoot dir,
#lesson-fragment ol,
#lesson-fragment ul,
#lesson-fragment dl,
#lesson-fragment menu,
#lesson-fragment dir {
  padding-left: 1.67em;
}

#contentRoot a {
  color: #006fb7;
}
#contentRoot a:hover {
  color: #006fb7;
}
#contentRoot a:link, #contentRoot a:visited,
#contentRoot a sup {
  border-bottom: none;
  color: #006fb7;
}
#contentRoot a:link:hover, #contentRoot a:visited:hover,
#contentRoot a sup:hover {
  color: #006fb7;
}

#lesson-fragment a {
  color: #006fb7;
}
#lesson-fragment a:hover {
  color: #006fb7;
}
#lesson-fragment a:link, #lesson-fragment a:visited,
#lesson-fragment a sup {
  border-bottom: none;
  color: #006fb7;
}
#lesson-fragment a:link:hover, #lesson-fragment a:visited:hover,
#lesson-fragment a sup:hover {
  color: #006fb7;
}

.reference .enumerator {
  color: #006fb7;
  font-weight: 600;
  padding: 2px 0 0 3px;
  width: 34px;
  margin-left: -50px;
}

.exportCitation {
  padding-top: 0;
}

.footnoteGroup .footnote label {
  margin-top: 0.15em;
}

#contentRoot .reference .enumerator {
  background: white !important;
  color: #2a2a2a !important;
  width: 20px;
  margin-left: -40px;
  font-size: 12px;
}
#contentRoot .reference .citationActions li {
  border-color: #006fb7 !important;
}
#contentRoot .citationText .author, #contentRoot .citationText .editor, #contentRoot .citationText .contributor, #contentRoot .citationText .collab, #contentRoot .citationText .person {
  color: #2a2a2a !important;
}
#contentRoot .citationText .articleTitle {
  font-style: italic;
}
#contentRoot .refSection a {
  color: #006fb7 !important;
}
#contentRoot .refSection a:hover {
  color: #006fb7 !important;
}
#contentRoot .subjects {
  border-top: solid 1px #cfd5e5;
  border-bottom: solid 1px #cfd5e5;
  padding: 10px 0;
  margin-bottom: 1.167em;
}

/* OUP Overrides SASS file                                        */
/* If you edit this file: Be EXTRA sure it is not something that needs to go into base PubFactory and */
/* please remember to notate which .scss module or file you are overriding if appropriate       */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
  background: transparent;
  border: 0;
  float: none;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

* {
  -webkit-font-smoothing: initial;
}

img.availabilityMarker,
img.availabilityIcon {
  height: 22px !important;
}

/*- Need new variable? -*/
sub,
sup {
  font-size: 75%;
}

em {
  font-style: italic;
}

blockquote {
  margin: 0 2em;
}

table {
  margin-bottom: 22px;
}

tr {
  border-bottom: 1px solid #cfd5e5;
}

th {
  background-color: #f2f5f9;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.95em;
  font-weight: bold;
  padding: 0.7em;
  text-align: left;
}

td {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.95em;
  padding: 0.7em;
}

.js-form-submitted, .js-form-submitted * {
  cursor: pointer !important;
}

/*#refineLifeEventTerms, 
#refineByORRTaxonomy, 
#refineDateTerms, 
#refineByOccupationsAndRealmsOfRenownTaxonomy,
#refineByFormat {
    display: none;
}*/
.life-event-type {
  margin-bottom: 15px;
}

.life-event-place {
  margin-bottom: 10px;
  margin-top: 7px;
}

.life-event-type label, .life-event-place label {
  display: block;
  margin-bottom: 5px;
}
.life-event-type input[type=text], .life-event-place input[type=text] {
  width: 100%;
}
.life-event-type select, .life-event-place select {
  background-color: #f8f8f8;
}
.life-event-type > select, .life-event-place > select {
  width: 100%;
}

.date-search-filter {
  margin-top: 5px;
}
.date-search-filter .date-values {
  margin-right: -1%;
}
.date-search-filter .date-values input[type=text] {
  width: 32%;
}
.date-search-filter .date-values select {
  width: 32%;
  background-color: #f8f8f8;
  position: relative;
  top: 1px;
  padding-right: 23px !important;
}
.date-search-filter .date-values[data-type=range] .error-message {
  padding-left: 24%;
}
.date-search-filter .flex-box {
  display: flex;
}
.date-search-filter .field-set-row.date-range {
  margin-bottom: 3px;
}
.date-search-filter .date-type-label {
  display: inline;
}
.date-search-filter .date-range-values {
  margin-bottom: 0px;
}
.date-search-filter .date-range-values .date-range-label {
  width: 24%;
  color: #2a2a2a;
  font-size: 16px;
  padding-top: 3px;
}
.date-search-filter .date-range-values ~ .date-range-values {
  margin-top: 15px;
}
.date-search-filter .date-range-values .date-range-input[type=text] {
  width: 74%;
  padding-left: 5px !important;
  margin-bottom: 3px;
}
.date-search-filter .date-range-values .date-range-input[type=text]::placeholder {
  font-style: italic;
}
.date-search-filter .date-range-values .date-range-input[type=text]:-ms-input-placeholder, .date-search-filter .date-range-values .date-range-input[type=text]::-ms-input-placeholder {
  font-style: italic;
}
.date-search-filter .date-range-values .date-range-input[type=text]::-ms-input-placeholder {
  font-style: italic;
}
.date-search-filter .right-aligned {
  text-align: right;
}
.date-search-filter .date-toggle-value {
  width: 48%;
}
.date-search-filter input[type=radio] {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.help-icon:after {
  font-family: "FontAwesome";
  content: "";
  cursor: pointer;
  padding-left: 5px;
}

.exit-icon:after {
  content: "×";
  text-decoration: "none";
  font-size: 24px;
  position: absolute;
  right: 8px;
  top: 0px;
  color: #cfd5e5;
}

.life-event-tool-tip {
  background-color: white;
  position: absolute;
  z-index: 100;
  padding: 10px 52px 10px 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #cfd5e5;
  left: -2px;
  font-size: 14px;
  top: 25px;
}

.error-message {
  color: #be2228;
  font-size: 14px;
}
.error-message[id^=date-range] {
  padding-left: 24%;
}

.error-border {
  border-color: #be2228 !important;
  border-style: solid;
  border-width: 2px;
}

/*- We need to remove these permanently from the html - OUP-2891 -*/
#personalNav,
.push,
.bookmark #columnOne {
  display: none !important;
}

/*- TODO: remove elements from browse/search page - OUP-2891 -*/
.browseResults .pagetitlePagelinks,
div.items,
.jumpto-tool,
.browseResults #snippetNav,
.resultsBar .pagesize-tool {
  display: none !important;
}

.browseResults div.metaBlock h3.ico-type,
.browseResults h3.publication-history-label {
  display: none;
}

/*- how does one navigate between books and articles? OUP-2892 -*/
ul.searchresults.tabs {
  display: none !important;
}

/*- is this needed on a detail page when a result is clicked from search? OUP-2895 -*/
#entryPrevNextNav {
  display: none;
}

/*- Go to page on book detail removed? Need to remove parent LI if we're killing this - OUP-2896 -*/
#goToPage {
  display: none;
}

/*- New items that have been removed -*/
a.summary-toggle {
  display: none !important;
}

/*- Search Highlight Toggle -*/
#hhToggleForm {
  display: none;
}

/*- Title Page -*/
#index-card-control {
  display: none;
}

/*- Browse/Search Results -*/
#viewModeToolModule {
  display: none;
}

.browseResults .type.ico-type:before {
  content: none;
}

/*----- Base Overrides ------*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999 !important;
  text-indent: -3px;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999 !important;
  text-indent: -3px;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999 !important;
  text-indent: -3px;
}

#columnOne ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a9a9a9 !important;
  text-indent: -3px;
}
#columnOne ::-moz-placeholder {
  /* Firefox 19+ */
  color: #a9a9a9 !important;
  text-indent: -3px;
}
#columnOne :-ms-input-placeholder {
  /* IE 10+ */
  color: #a9a9a9 !important;
  text-indent: -3px;
}

body {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  background-color: #fff;
  color: #2a2a2a;
  font-size: 16.016px;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
}

/* Addresses OUP-3589: Update Article ToC for deep ToCs */
#leftColumn,
#leftsidebar {
  font-size: 15px;
}

h2 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h2.itemTitle {
  display: block;
  margin: 0 0 0.25em 1em;
  padding: 0 2em 0 0;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.2;
  margin-left: 0;
}
h2.itemTitle, h2.item-title {
  font-weight: bold !important;
}
h2.itemTitle a, h2.item-title a {
  color: #2a2a2a;
}

strong, b {
  font-weight: bold;
}

a:hover,
a:focus,
button:focus a {
  color: #006fb7;
  text-decoration: underline;
}

input[type=text], input[type=password], select {
  color: #2a2a2a;
  border: 1px solid #cfd5e5;
  border-radius: 3px;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.9em !important;
  padding: 3px 7px !important;
  height: auto !important;
}

hr {
  background: transparent;
  border-color: #cfd5e5;
  color: #cfd5e5 !important;
}

#pageBody {
  padding: 0;
}

.ico-remove {
  background: transparent url("../assets/remove.svg") no-repeat top left !important;
  display: inline-block !important;
  height: 18px !important;
  margin-bottom: 3px !important;
  vertical-align: middle !important;
  width: 18px !important;
}
.ico-remove:hover, .ico-remove:focus {
  background: transparent url("../assets/removeHover.svg") no-repeat top left !important;
}
.ico-remove:before {
  display: none;
}
.ico-remove span {
  display: none !important;
}

.dialog_close,
.fancybox-close,
.actionButtons a,
.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  text-transform: initial;
}

input[type=submit], button, .button, .signup-form input[type=button], .signup-form input[type=reset] {
  border-radius: 3px !important;
  cursor: pointer;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15px !important;
  padding: 4px 10px !important;
  line-height: normal !important;
  height: auto !important;
}

input[type=text], input[type=password], select {
  border-radius: 3px !important;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px !important;
  padding: 3px 10px !important;
  line-height: normal !important;
}

select {
  padding-right: 30px !important;
}

@media screen and (max-width: 960px) {
  .bookDetail #pageBody {
    padding-top: 90px;
  }
  .bookDetail #pageBody.menuOpen {
    padding-top: 45px;
  }
  .bookDetail #readPanel {
    max-width: 650px;
    margin: 0 auto;
  }
  .bookDetail #topControls {
    right: 0;
  }
  .bookDetail .pageLinks {
    right: 0 !important;
  }
  .bookDetail .pageLinks.sticky {
    right: 17px !important;
  }
  .bookDetail #columnOne.opened {
    display: block;
    z-index: 1;
  }
  .bookDetail #columnOne.opened #loginPanel {
    margin-bottom: 0;
  }
  .bookDetail #columnOne.opened > div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .bookDetail #columnOne.opened.sticky #login {
    margin-left: 0;
    margin-right: 0;
  }
  .bookDetail #columnOne.opened.sticky > div {
    padding-right: 17px !important;
    padding-left: 17px !important;
  }
  .bookDetail .menuOpen #mainContent {
    padding-top: 45px;
  }
}
/*----- 
    Header Overrides 
    ------*/
.user-nav-toggle {
  display: none;
}

#headerWrap,
#quickSearch,
#headerLogo {
  position: static;
}
#headerWrap .parent-site-link,
#quickSearch .parent-site-link,
#headerLogo .parent-site-link {
  position: absolute;
}

#advancedSearchLink {
  position: absolute;
  right: -60px;
  width: 50px;
  top: 0px;
  font-size: 0.8em;
  line-height: 1.2em;
}
#advancedSearchLink a {
  color: #006fb7;
  display: block;
}
@media screen and (min-width: 770px) {
  #advancedSearchLink a {
    color: #ffffff;
  }
}

/*- Utility / Usernav -*/
#headerUtilityBar {
  text-align: right;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 10px 17px;
  float: none;
  background: #142655;
}
#headerUtilityBar ul li {
  font-size: 0.95em;
  line-height: 24px;
  margin-right: 0;
}
#headerUtilityBar ul li#stuffLink {
  padding: 0 12px;
}
#headerUtilityBar a {
  font-weight: 400;
}
#headerUtilityBar .util-nav-menu {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0 10px 0 0;
}
#headerUtilityBar .util-nav-menu a {
  color: white;
  padding: 0 7px;
}
#headerUtilityBar .expandContractButtons {
  border: 0;
  padding: 0;
}
#headerUtilityBar .expandContractButtons a {
  background-image: url("../assets/arrowExpanded-grey.svg");
  font-size: 0.89em;
  margin: 0;
  color: #2a2a2a;
  outline: 0;
}
#headerUtilityBar .expandContractButtons a:hover, #headerUtilityBar .expandContractButtons a:focus {
  color: #2a2a2a;
}
#headerUtilityBar .expandContractButtons a.active {
  background-image: url("../assets/closeExpander-grey.svg");
}

#utilityNav li {
  display: inline-block;
  margin-right: 1em;
}

.user-nav-list .user-nav-item {
  margin: 0;
}

#homenav .homeNav {
  display: none;
}

.user-nav-menu {
  font-size: 15px;
}

@media screen and (max-width: 1024px) {
  .user-nav {
    width: auto;
  }

  .loggedin .user-nav-toggle {
    display: none !important;
  }

  .user-nav-list li.user-nav-item#loginUser {
    padding: 0;
  }

  #loginNav.closed ul,
#homenav.closed,
#personalNav.closed {
    display: none;
  }

  #loginNav.opened {
    position: relative;
    background-color: #fff;
    border: 1px solid #cfd5e5;
    border-radius: 3px;
    margin-top: 5px;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 35px;
    z-index: 10;
  }
  #loginNav.opened #userNav {
    margin-bottom: 10px;
  }
  #loginNav.opened #utilityNav {
    border-bottom: 1px solid #cfd5e5;
  }
  #loginNav.opened #utilityNav li {
    display: block;
    margin: 0;
  }
  #loginNav.opened #utilityNav li a {
    display: block;
    padding: 0 15px 0 12px;
    line-height: 1.9em;
    border-left: 3px solid transparent;
  }
  #loginNav.opened #utilityNav li a:hover, #loginNav.opened #utilityNav li a:focus {
    background-color: #f2f5f9;
    border-left-color: #2a2a2a;
  }
  #loginNav.opened:after {
    background: transparent url("../assets/upArrowGreyBorder.svg") no-repeat right 40px top;
    background-size: 16px 10px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    top: -10px;
    width: 100%;
  }

  .user-nav-menu .user-nav {
    position: static;
  }

  #homenav.opened {
    position: relative;
  }

  .user-nav-list {
    background: transparent;
    padding: 0;
  }
  .user-nav-list li {
    display: inline-block !important;
  }
  .user-nav-list li a {
    padding: 0 !important;
    display: inline !important;
    color: #2a2a2a !important;
  }
  .user-nav-list li a:hover, .user-nav-list li a:focus {
    background: transparent !important;
  }

  #headerUtilityBar {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #headerUtilityBar .util-nav-menu {
    display: block;
    margin-right: 0;
    padding-bottom: 12px;
    padding-top: 0;
  }
  #headerUtilityBar .util-nav-menu li a {
    margin: 0 -13px 0 -14px !important;
  }

  .top-menu-flex-links {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1025px) {
  #userNav {
    float: right;
  }
}
/*- Logo -*/
#headerLogo {
  float: none;
  max-width: 100%;
  padding: 17px;
  margin: 0;
}
#headerLogo a {
  max-width: 100%;
}
#headerLogo a:before {
  display: none;
}

@media screen and (max-width: 768px) {
  #headerLogo a {
    background-image: url(../images/odnb-logo-mobile.svg) !important;
  }
}
/*- Header Search -*/
.site-search-form {
  display: block;
}

.site-search {
  position: absolute !important;
}

/*- Header Parent/Portal Site Link -*/
.parent-portal-site-reference-link {
  border: solid 1px;
  font-size: 12px;
  display: inline-block;
  padding: 4px 6px 4px 16px;
  position: absolute;
  bottom: 7px;
  left: 17px;
  line-height: 1;
}
.parent-portal-site-reference-link i.left-arrow {
  cursor: pointer;
  padding-left: 5px;
  position: absolute;
  top: 4.5px;
  left: 0;
  display: inline-block;
}
.parent-portal-site-reference-link i.left-arrow:before {
  font-family: "FontAwesome";
  content: "";
  font-size: 10px;
  display: block;
}

@media screen and (min-width: 768px) {
  .parent-portal-site-reference-link {
    font-size: 13px;
    padding: 4px 8px 5px 17px;
  }

  .parent-portal-site-reference-link i.left-arrow {
    top: 5.5px;
    left: 0;
  }
}
div.parent-portal-site-reference {
  position: relative;
}

@media screen and (min-width: 1025px) {
  div.parent-portal-site-reference {
    width: 100%;
    max-width: 1025px;
    padding: 0 17px;
    margin: 0 auto;
  }
}
/*- Main Navigation -*/
#navigation {
  background: #324473;
  font-size: 1.1em;
}
#navigation #navigationWrapper {
  z-index: 100;
}
#navigation a {
  color: #ffffff;
  text-decoration: none;
  padding: 12px 17px 12px;
  display: block;
}
#navigation a:hover, #navigation a:focus {
  color: white;
  text-decoration: underline;
}
#navigation li {
  display: inline-block;
}
#navigation .browseNav .browseArrow {
  background: transparent url("../assets/upArrowWhite.svg") no-repeat center center;
  display: none;
  height: 13px;
  left: 40%;
  position: absolute;
  width: 16px;
}
#navigation .browseNav > a {
  position: relative;
}
#navigation .browseNav > a[aria-expanded=true] .browseArrow {
  display: block;
}
#navigation .browseNav.on .browseArrow {
  display: block;
}
#navigation #homenav > li {
  font-weight: normal;
}

#navigation #homenav > li > ul {
  background-color: #fff;
  padding: 10px 0;
  border: #cfd5e5 solid 1px;
  border-top: none;
  padding: 0;
}
#navigation #homenav > li > ul a {
  color: #2a2a2a;
  font-size: 0.94em;
  text-decoration: none;
  display: block;
  padding: 10px 15px 10px 12px;
  line-height: 1em;
  border-left: 3px solid transparent;
}
#navigation #homenav > li > ul a:hover, #navigation #homenav > li > ul a:focus {
  background-color: #f2f5f9;
  border-left-color: #2a2a2a;
}
#navigation #homenav > li > ul .expandContractButtons {
  background-image: none;
}
#navigation #homenav > li > ul .expandContractButtons a {
  background: #f2f5f9 url("../assets/bottom.svg") no-repeat right 10px center;
  background-size: 16px 16px;
  border-left: 0;
  display: inline-block;
  padding-left: 15px;
  width: 100%;
  margin-right: 0;
}
#navigation #homenav > li > ul .expandContractButtons a:hover, #navigation #homenav > li > ul .expandContractButtons a:focus {
  border-left: none;
}
#navigation #homenav > li > ul .expandContractButtons a.active {
  background-image: url("../assets/top.svg");
}

@media screen and (max-width: 1024px) {
  #navigation {
    font-size: 1em;
  }

  #homenav.closed {
    display: none;
  }

  .taxonomyNavigation.closed {
    display: none;
  }

  .taxonomyNavigation.opened {
    display: block !important;
  }
}
@media screen and (min-width: 481px) {
  #navigation #homenav .column2 {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 769px) {
  #navigation #homenav .column {
    float: left;
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  #headerUtilityBar {
    width: 100%;
    padding: 0;
  }

  #loginNav {
    padding: 8px 17px;
  }

  .util-nav-menu li:last-child::after {
    content: "|";
    display: inline;
    color: #cfd5e5;
  }

  #loginNav, #headerLogo, #navigationWrapper {
    width: 100%;
    max-width: 1025px;
    margin: 0 auto;
    float: none;
    display: block;
  }

  .taxonomyNavigation {
    display: block;
    margin-left: -512.5px;
    width: 1025px;
    left: 50%;
    position: absolute !important;
    z-index: 100;
  }
}
#oupcookiepolicy_message {
  bottom: 0;
  left: 0;
  position: fixed !important;
  right: 0;
  z-index: 100;
}

.cookiepolicylinks a:link,
.cookiepolicylinks a:visited,
.cookiepolicylinks a:active {
  text-decoration: none;
}

.cookiepolicylinks a:hover,
.cookiepolicylinks a:focus {
  text-decoration: underline;
}

.cookiepolicyimplied {
  background-color: rgba(0, 0, 0, 0.8);
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
}

#oupcookiepolicy_message .cookiepolicycontinue {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
}

/*- Page Links -*/
#topControls {
  position: absolute;
  width: 100%;
  top: -30px;
}

.pageLinks {
  position: absolute;
  text-align: right;
  right: 17px;
  top: 8px;
  z-index: 20 !important;
}
.pageLinks ul {
  display: inline-block;
  padding: 0;
  position: static;
}
.pageLinks ul:after {
  content: "";
  clear: both;
  display: table;
}
.pageLinks li {
  display: block;
  float: left;
  margin: 0 0 0 0;
}
.pageLinks li.print a {
  background: transparent url("../assets/iconPrint.svg") no-repeat top left;
}
.pageLinks li.print a:hover, .pageLinks li.print a:focus {
  background-image: url("../assets/iconPrintHover.svg");
}
.pageLinks li.cite a {
  background: transparent url("../assets/iconCite.svg") no-repeat top left;
}
.pageLinks li.cite a:hover, .pageLinks li.cite a:focus {
  background-image: url("../assets/iconCiteHover.svg");
}
.pageLinks li.email a {
  background: transparent url("../assets/iconEmail.svg") no-repeat top left;
}
.pageLinks li.email a:hover, .pageLinks li.email a:focus {
  background-image: url("../assets/iconEmailHover.svg");
}
.pageLinks li.save a {
  background: transparent url("../assets/iconSave.svg") no-repeat top left;
}
.pageLinks li.save a:hover, .pageLinks li.save a:focus {
  background-image: url("../assets/iconSaveHover.svg");
}
.pageLinks li.saved a {
  background: transparent url("../assets/iconRemoveSave.svg") no-repeat top left;
}
.pageLinks li.share a {
  background: transparent url("../assets/iconShare.svg") no-repeat top left;
}
.pageLinks li.share a:hover, .pageLinks li.share a:focus {
  background-image: url("../assets/iconShareHover.svg");
}
.pageLinks li.share .addthis_button img {
  display: none;
}
.pageLinks li.last {
  margin-right: 0;
  margin-bottom: 0 !important;
}
.pageLinks li:first-child {
  margin-left: 0.5em !important;
}
.pageLinks ul.actions a {
  display: block;
  height: 20px;
  width: 20px;
  margin-right: 0;
}
.pageLinks ul.actions a:before {
  display: none;
}
.pageLinks a.rightsLink {
  height: 20px;
  width: 20px;
  display: block;
  float: left;
  background: transparent url("../assets/iconPermissions.svg") no-repeat top left;
}
.pageLinks a.rightsLink:hover, .pageLinks a.rightsLink:focus {
  background-image: url("../assets/iconPermissionshover.svg");
}

.pageLinks ul.fontResizer li.textNormal {
  margin-right: 0;
  font-size: 0.7em;
}

.pageLinks ul.actions span,
.pageLinks ul.fontResizer span.text {
  position: absolute;
}

.extendedToolsModule {
  position: absolute;
  right: 143px;
  top: 8px;
  z-index: 20 !important;
  text-align: left;
}
.extendedToolsModule li {
  margin-right: 0;
}
.extendedToolsModule a {
  background: transparent url("../assets/iconPDF.svg") no-repeat top left;
  display: block;
  height: 20px;
  text-indent: -9999px;
  width: 20px;
}
.extendedToolsModule a:hover, .extendedToolsModule a:focus {
  background-image: url("../assets/iconPDFHover.svg");
}
.extendedToolsModule li.pdfdownload {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 1024px) {
  .pageLinks {
    display: block;
  }
}
@media screen and (min-width: 961px) {
  .pageLinks,
.extendedToolsModule {
    top: -40px;
  }

  .pageLinks {
    right: 0;
  }
}
@media screen and (max-width: 960px) {
  .pageLinks {
    display: block;
    z-index: 21 !important;
  }

  #topControls {
    top: 0;
    right: -20px;
    z-index: 21;
  }

  #columnWrapper .expandContractButtons {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
  }

  .noscroll {
    overflow: hidden !important;
  }
  .noscroll #footerWrap {
    display: none;
  }

  .sticky {
    z-index: 10;
    position: fixed !important;
  }
  .sticky.expandContractButtons {
    background-color: #fff;
    left: 0;
    padding: 10px 17px;
    right: 0;
    top: 0;
    z-index: 20;
  }
  .sticky .extendedToolsModule {
    top: 11px;
  }
  .sticky#columnOne.opened, .sticky.homepageLoginWelcome {
    bottom: 0;
    left: 0;
    overflow-y: auto;
    right: 0;
    top: 44px;
  }
  .sticky .facetedNav {
    margin: 20px;
  }
  .sticky #login {
    margin: 20px;
  }

  body.scrolling.menuOpen #underbar-wrapper {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .tab-list {
    z-index: -1;
  }
}
@media screen and (max-width: 481px) {
  .sticky#columnOne.opened,
.sticky.homepageLoginWelcome.opened {
    top: 37px;
  }
}
/* Updated for OUP-3589: Update Article ToC for deep ToCs */
@media screen and (min-width: 961px) {
  .sticky #leftColumn,
.sticky #leftsidebar {
    bottom: 35px;
    margin-top: 10px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 230px;
    z-index: 10;
  }
  .sticky #leftColumn div:last-child nav,
.sticky #leftsidebar div:last-child nav {
    margin-bottom: 155px;
  }

  .home .sticky #login {
    /*margin: 20px 0 0 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 220px;
    z-index: 10;*/
  }
}
@media screen and (max-width: 960px) {
  #leftsidebar hr {
    width: 100%;
  }
}
/*- Faceted Nav Overrides -*/
refineByArt_ArtFormsAndPracticesTaxonomy .field-sets > fieldset > legend,
#refineLifeEventTerms .field-sets > fieldset > legend {
  width: auto;
  float: left;
}

.facet-values > ul {
  height: auto !important;
  display: block !important;
}

#advancedSearchWidget > h2 {
  padding-left: 0;
  padding-right: 0;
  pointer-events: none;
  font-size: 20px !important;
  font-weight: 700;
  margin-bottom: 30px !important;
}
#advancedSearchWidget > h2:before {
  display: none;
}
#advancedSearchWidget .search-content {
  display: block !important;
  height: auto !important;
}

#columnOne h3 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.1em !important;
  font-weight: bold;
  margin-bottom: 0.75em;
  padding: 0;
  border-bottom: none;
}
#columnOne h3 span {
  clip: initial;
  width: auto;
  height: auto;
  position: initial;
}
#columnOne .t-forminjector fieldset legend {
  font-size: 1.1em !important;
  font-weight: 600 !important;
  padding-top: 15px;
}
#columnOne .date-range legend {
  font-size: 1.1em !important;
  padding-top: 15px;
}

/*-----
    Content Area Related
    -----*/
#contentWrapper {
  padding-top: 0;
}

/*- Main Content Column -*/
#mainContent, #myPanels {
  width: 100% !important;
  float: none;
  left: 0 !important;
  margin-bottom: 2em;
  padding-top: 1em;
  margin-left: 0 !important;
}

#columnWrapper {
  min-height: 0 !important;
  clear: both;
  margin: 1em auto 0 auto !important;
  padding: 0 17px;
  position: relative;
}

@media screen and (max-width: 960px) {
  .bookDetail #mainContent {
    padding-top: 0;
  }
}
@media screen and (min-width: 961px) {
  #mainContent {
    padding-top: 3em;
  }

  .bookDetail #mainContent {
    padding-top: 22px;
  }

  #mainContent, #myPanels {
    padding-left: 300px;
  }

  #columnWrapper {
    margin: 40px auto 0 auto !important;
  }

  #columnOne {
    float: left;
  }
}
@media screen and (min-width: 1025px) {
  #columnWrapper {
    max-width: 1025px;
    width: 100%;
  }
}
/*-----
     Homepage
    -----*/
.page-start #pageBody {
  padding-top: 0;
}
.page-start #mainContent {
  margin-left: 0;
}

#homeFrame, #pageContent {
  margin: 0 auto 2em auto;
  padding-top: 2.5em;
  max-width: 650px;
  overflow: visible;
}

@media screen and (max-width: 960px) and (min-width: 768px) {
  #homeFrame {
    padding-top: 4.5em;
  }
}
@media screen and (max-width: 767px) {
  #homeFrame, #pageContent {
    padding-top: 5em;
  }
}
@media screen and (min-width: 961px) {
  .page-start #mainContent {
    padding-top: 1.5em;
  }
}
#homeFrame p,
#homeFrame li {
  font-family: "Merriweather", Garamond, "Hoefler Text", "Times New Roman", Times, serif;
}

#homeFrame ul,
#homeFrame ol,
#homeFrame li {
  list-style-type: disc;
}

#homeFrame li {
  margin-left: 1.25em;
  margin-bottom: 0.39em;
}

#homeFrame h1,
#homeFrame h2,
#homeFrame h3,
#homeFrame h4,
#homeFrame h5 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 11px;
}

#homeFrame h1 {
  font-size: 2em;
  padding-bottom: 0.25em;
}

#homeFrame h2 {
  font-size: 1.75em;
  margin-top: 45px;
}

#homeFrame h3 {
  font-size: 1.625em;
  line-height: 1.35em;
  margin-top: 39.375px;
}

#homeFrame h4 {
  font-size: 1.5em;
  line-height: 1.35em;
  margin-top: 33.75px;
}

#homeFrame h5 {
  font-size: 1.3125em;
  line-height: 1.35em;
  margin-top: 22.5px;
}

#homeFrame h6 {
  font-size: 1.25em;
  line-height: 1.35em;
  margin-top: 22px;
  margin-bottom: 11px;
  font-style: italic;
  font-weight: bold;
}

#homeFrame p,
#homeFrame li:last-child,
#homeFrame img {
  margin-bottom: 11.25px;
}

#homeFrame .component-recent-news {
  text-align: left;
  position: relative;
}
#homeFrame .component-recent-news .news-item {
  padding-top: 20px;
  padding-bottom: 5px;
  border-style: solid;
  border-color: #cfd5e5;
  border-width: 0px 0px 1px 0px;
}
#homeFrame .component-recent-news .news-item:first-of-type {
  padding-top: 0px;
}
#homeFrame .component-recent-news .news-item:last-of-type {
  border-width: 0px;
}
#homeFrame .component-recent-news .moreLink {
  margin-top: 17px;
  text-align: left;
}
#homeFrame .component-recent-news h2, #homeFrame .component-recent-news h3, #homeFrame .component-recent-news h2 a, #homeFrame .component-recent-news .btnRss, #homeFrame .component-recent-news .btnRss a, #homeFrame .component-recent-news .news-title a {
  color: #2a2a2a;
}
#homeFrame .component-recent-news h2 {
  font-size: 1.3em;
  margin-bottom: 0.45em;
}
#homeFrame .component-recent-news h3 {
  font-size: 1em;
}
#homeFrame .component-recent-news h4.news-date {
  font-size: 0.8em;
  font-weight: normal;
  margin-bottom: 2px;
  margin-top: 0;
  text-transform: uppercase;
}
#homeFrame .component-recent-news .news-teaser {
  font-size: 0.975em;
  line-height: 1.45em;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homeFrame .component-recent-news .btnRss {
  display: block;
  background: none;
  right: -5px;
}
#homeFrame .component-recent-news .btnRss a {
  background: none;
  font-size: 1em;
  text-decoration: none;
}
#homeFrame .component-recent-news .news-title {
  margin-bottom: 0.25em;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#homeFrame .component-recent-news .news-title a {
  margin-bottom: 6.5px;
  font-size: 1em;
}
#homeFrame .component-recent-news .more {
  font-size: 0.9em;
}
#homeFrame .component-recent-news .more:after {
  content: "";
}
@media screen and (min-width: 601px) {
  #homeFrame .component-recent-news .news-list {
    display: flex;
  }
  #homeFrame .component-recent-news .news-list .news-item {
    width: 33%;
    margin-bottom: 0px;
  }
  #homeFrame .component-recent-news .news-item {
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-width: 0px 1px;
  }
  #homeFrame .component-recent-news .news-item:first-of-type {
    padding-left: 0px;
    border-width: 0px;
  }
  #homeFrame .component-recent-news .news-item:last-of-type {
    padding-right: 0px;
    border-width: 0px;
  }
  #homeFrame .component-recent-news .moreLink {
    margin-top: 10px;
    text-align: center;
  }
}

.newsDetail #pageBody #mainContent {
  padding-top: 0px;
}

.page-news .current, .newsDetail .current {
  font-weight: bold;
}
.page-news .resultsBar, .newsDetail .resultsBar {
  font-size: 13px;
  padding: 2px 1.167em;
}
@media screen and (min-width: 501px) {
  .page-news #resultStatsTop div.pagination, .newsDetail #resultStatsTop div.pagination {
    display: block;
  }
  .page-news #resultStatsBottom .t-data-grid-pager span.current, .newsDetail #resultStatsBottom .t-data-grid-pager span.current {
    margin: 0 10px 0 13px;
  }
  .page-news #resultStatsBottom .t-data-grid-pager a, .newsDetail #resultStatsBottom .t-data-grid-pager a {
    margin: 0 7px;
    padding: 0 0.25em;
  }
}
.page-news #resultStatsBottom, .newsDetail #resultStatsBottom {
  text-align: center;
}
.page-news #resultStatsBottom .range, .newsDetail #resultStatsBottom .range {
  display: none;
}
.page-news #resultStatsBottom .t-data-grid-pager, .newsDetail #resultStatsBottom .t-data-grid-pager {
  margin: 0.23em auto;
  float: none;
}
.page-news #resultStatsBottom .t-data-grid-pager span.current, .newsDetail #resultStatsBottom .t-data-grid-pager span.current {
  margin: 0 4px 0 9px;
}
.page-news #resultStatsBottom .t-data-grid-pager a, .newsDetail #resultStatsBottom .t-data-grid-pager a {
  margin: 0;
  padding: 0 7px;
}
.page-news #pageBody #columnOne, .newsDetail #pageBody #columnOne {
  padding-top: 0px !important;
}
.page-news #archivesHeader, .newsDetail #archivesHeader {
  display: inline-block;
  margin-top: 0px;
}
.page-news #columnWrapper, .newsDetail #columnWrapper {
  margin-top: 1em !important;
}
.page-news .news-date, .newsDetail .news-date {
  font-size: 14px;
}
.page-news .news-nav-list, .newsDetail .news-nav-list {
  margin-bottom: 15px;
}
.page-news .news-nav-list .count, .newsDetail .news-nav-list .count {
  margin-left: 0px;
}
.page-news .news-nav-list li, .newsDetail .news-nav-list li {
  margin-bottom: 8px;
  line-height: 1.3em;
}
.page-news #newsTitle, .newsDetail #newsTitle {
  padding-top: 3px;
}
.page-news .pagination a, .newsDetail .pagination a {
  padding: 0 0.25em;
  color: #006fb7;
  display: inline-block;
}
.page-news .pagination .current, .newsDetail .pagination .current {
  padding: 0 0.25em;
  display: inline-block;
  font-weight: bold;
}
@media screen and (max-width: 960px) {
  .page-news .news-nav-title, .newsDetail .news-nav-title {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16.016px;
  }
  .page-news .news-nav, .newsDetail .news-nav {
    display: none;
  }
  .page-news .news-nav-menu.open .news-nav, .newsDetail .news-nav-menu.open .news-nav {
    display: block;
  }
  .page-news .news-nav-toggle, .newsDetail .news-nav-toggle {
    display: inline-block;
  }
  .page-news #newsTitle, .newsDetail #newsTitle {
    margin-top: 55px;
  }
  .page-news .pageLinks, .newsDetail .pageLinks {
    right: 0px !important;
  }
  .page-news .sticky.pageLinks, .newsDetail .sticky.pageLinks {
    right: 17px !important;
  }
  .page-news .news-header, .newsDetail .news-header {
    margin-top: 65px;
  }
  .page-news #footerWrap, .newsDetail #footerWrap {
    z-index: -1;
  }
  .page-news .news-nav-menu.sticky, .newsDetail .news-nav-menu.sticky {
    margin-left: -15px;
    background-color: white;
    width: 100%;
    z-index: 10px;
    top: 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #cfd5e5;
  }
  .page-news .news-nav-menu.sticky .news-nav-title, .newsDetail .news-nav-menu.sticky .news-nav-title {
    padding: 5px;
    margin-left: 27px;
  }
  .page-news .news-nav-menu.sticky .archivesList, .newsDetail .news-nav-menu.sticky .archivesList {
    background-color: white;
    z-index: 10;
    overflow-y: auto;
    top: 43px;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    padding-left: 20px;
  }
}
@media screen and (min-width: 961px) {
  .page-news .news-nav, .newsDetail .news-nav {
    display: block;
  }
  .page-news .news-nav-toggle, .newsDetail .news-nav-toggle {
    display: none;
  }
  .page-news .pageLinks, .newsDetail .pageLinks {
    right: 0px;
  }
  .page-news .archivesList, .newsDetail .archivesList {
    margin-top: -8px;
  }
}
.page-news button.news-nav-toggle, .newsDetail button.news-nav-toggle {
  margin-left: -24px;
  background: none;
  color: #2a2a2a;
  border: none;
  padding-left: 0px !important;
}
.page-news button.news-nav-toggle:before, .newsDetail button.news-nav-toggle:before {
  content: "";
}
.page-news .news-nav-menu button.news-nav-toggle:after, .newsDetail .news-nav-menu button.news-nav-toggle:after {
  content: " ";
  font-family: FontAwesome;
}
.page-news .news-nav-menu.open button.news-nav-toggle:after, .newsDetail .news-nav-menu.open button.news-nav-toggle:after {
  content: " ";
  font-family: FontAwesome;
}
.page-news #newsTitle, .page-news .news-title, .page-news .news-title a, .newsDetail #newsTitle, .newsDetail .news-title, .newsDetail .news-title a {
  color: #2a2a2a;
}
.page-news #columnOne, .newsDetail #columnOne {
  position: absolute;
  top: 0px;
  left: 0px;
}
.page-news #newsTitle, .newsDetail #newsTitle {
  color: #2a2a2a;
  font-size: 2em;
  font-weight: bold;
  padding-left: 0px;
}
.page-news .news-item, .newsDetail .news-item {
  padding-top: 0px;
  padding-bottom: 25px;
  border-style: solid;
  border-color: #cfd5e5;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 0x;
}
.page-news .news-item:last-of-type, .newsDetail .news-item:last-of-type {
  margin-bottom: 15px;
}
.page-news .news-title, .newsDetail .news-title {
  font-size: 1.25em;
  font-weight: normal;
  font-family: "Merriweather", Garamond, "Hoefler Text", "Times New Roman", Times, serif;
  margin-bottom: 12px;
}
.page-news #newsList, .newsDetail #newsList {
  padding: 0px;
}
.page-news .archivesList, .newsDetail .archivesList {
  padding: 0px;
}
.page-news .archivesList a, .newsDetail .archivesList a {
  color: #2a2a2a;
}
.page-news .archivesYear, .newsDetail .archivesYear {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
}
.page-news #resultStatsTop, .newsDetail #resultStatsTop {
  background-color: #f2f5f9;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  text-align: right;
  border-color: #cfd5e5;
  padding: 2px 1.167em;
  position: relative;
  overflow: visible;
  margin-top: 35px;
}
.page-news #resultStatsTop .range, .newsDetail #resultStatsTop .range {
  position: absolute;
  top: -43px;
  left: 0px;
}
.page-news #resultStatsTop .pagination, .newsDetail #resultStatsTop .pagination {
  margin-top: 2px;
  margin-bottom: 2px;
}
.page-news #resultStatsTop .t-data-grid-pager, .newsDetail #resultStatsTop .t-data-grid-pager {
  font-size: 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.page-news #resultStatsTop .t-data-grid-pager span, .newsDetail #resultStatsTop .t-data-grid-pager span {
  color: #2a2a2a;
}

.page-newsitem #newsNavigation {
  display: none;
}
.page-newsitem #mainContent .news-header, .page-newsitem #mainContent .news-content {
  padding: 0px;
}
.page-newsitem .archivesList {
  margin-top: -8px;
}
.page-newsitem #columnOne .archivesYear {
  margin-top: 0px;
  line-height: 1.5;
}
.page-newsitem .news-nav-title {
  margin-bottom: 0px;
}
.page-newsitem .post-title.news-title {
  font-size: 2em;
  margin-bottom: 0px;
  margin-top: 0.8em;
  padding-top: 18px;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2em;
}
.page-newsitem .news-date {
  color: #2a2a2a;
  font-weight: bold;
  padding-bottom: 0px;
  line-height: 1.35em;
  font-size: 1.4em;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.page-newsitem h1, .page-newsitem h2, .page-newsitem h3, .page-newsitem h4, .page-newsitem h5, .page-newsitem h6 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 39px 0 11.25px;
}
.page-newsitem h2 {
  font-size: 1.75em;
  font-weight: bold;
}
.page-newsitem h3 {
  font-size: 1.6em;
  line-height: 1.35em;
}
.page-newsitem .news-title {
  font-family: inherit;
  margin-bottom: 1em;
  padding-bottom: 0px;
}
.page-newsitem .news-content {
  padding-top: 0.3em;
}
.page-newsitem .news-header {
  padding-bottom: 0px;
  padding-top: 10px;
}
@media screen and (max-width: 960px) {
  .page-newsitem .news-nav-title {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16.016px;
  }
  .page-newsitem .news-header {
    margin-top: 65px;
  }
  .page-newsitem #footerWrap {
    z-index: -1;
  }
  .page-newsitem .news-nav-menu.sticky {
    margin-left: -20px;
    background-color: white;
    width: 100%;
    z-index: 10px;
    top: 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #cfd5e5;
  }
  .page-newsitem .news-nav-menu.sticky .news-nav-title {
    padding: 5px;
    margin-left: 32px;
  }
  .page-newsitem .news-nav-menu.sticky .archivesList {
    background-color: white;
    z-index: 10;
    overflow-y: auto;
    top: 43px;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    padding-left: 20px;
  }
}
.page-newsitem .news-item {
  border: none;
  padding-top: 0px;
}
.page-newsitem p {
  font-family: "Merriweather", "Lucida Serif", "Lucida Bright", Arial, Georgia, serif;
  margin-bottom: 11.25px;
  font-size: 1em;
}

#featuredBookBlock {
  margin-bottom: 2em;
}

@media screen and (min-width: 481px) {
  .pageRow {
    margin: 0 -15px;
  }

  .pageRow:after {
    clear: both;
    content: "";
    display: table;
  }

  .columnFull {
    width: 100%;
    padding: 0 15px;
  }

  .columnHalf {
    float: left;
    width: 50%;
    padding: 0 15px;
  }
}
@media screen and (min-width: 961px) {
  #homeFrame, #readPanel, #myPanels #form, #searchHeader {
    margin: 0 0 2em 0;
    padding: 0 !important;
    max-width: none;
  }
}
/*-----
     Site Search 
    -----*/
#quickSearch {
  padding: 10px 15px;
  position: absolute;
  right: 0;
}
#quickSearch form {
  position: relative;
  margin-top: -2px;
  margin-right: 55px;
}
#quickSearch input[type=text] {
  border-color: #fff;
  font-size: 16px !important;
  line-height: 1.45em;
  min-width: 180px;
  border-radius: 3px;
  margin-bottom: 0;
  padding: 4px 7px !important;
}
#quickSearch .search-scope-select {
  float: left;
}
#quickSearch .search-scope-select .site-selector {
  font-size: 12px !important;
  min-height: 30px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-color: #fff;
  border-right-color: #cfd5e5;
  max-width: 80px;
  padding-left: 5px !important;
  padding-right: 15px !important;
  background-position: right -5px center;
}
#quickSearch .search-scope-select .site-selector::-ms-expand {
  display: none;
}
#quickSearch.sub-site #q {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

@media screen and (min-width: 768px) {
  #quickSearch .search-scope-select .site-selector {
    max-width: 115px;
    min-width: auto;
  }
  #quickSearch.sub-site #q {
    width: 215px;
    min-width: auto;
  }
}
#searchBtn {
  background: transparent url("../assets/iconSearch.svg") no-repeat center center;
  background-size: 14px 14px;
  border-radius: 0 3px 3px 0;
  border: 0;
  bottom: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  font-size: 0 !important;
  color: #212121 !important;
  top: 0;
  width: 32px;
  height: 30px !important;
  margin-bottom: 0;
  text-indent: 0;
}

@media screen and (min-width: 481px) {
  #quickSearch input[type=text] {
    min-width: 200px;
  }
}
@media screen and (min-width: 769px) {
  #quickSearch input[type=text] {
    min-width: 230px;
  }
}
@media screen and (min-width: 1025px) {
  #quickSearch {
    position: relative !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    max-width: 1024px;
  }
  #quickSearch form {
    position: absolute !important;
    right: 0 !important;
    top: 8px !important;
    margin-top: 0 !important;
    margin-right: 65px !important;
  }
  #quickSearch input[type=text] {
    min-width: 250px;
  }
}
@media screen and (max-width: 769px) {
  #quickSearch {
    position: relative !important;
    width: 100%;
    background-color: #f2f5f9;
    border-top-color: #cfd5e5;
    border-top-width: 1px;
    border-top-style: solid;
  }

  #q {
    width: 100%;
    border: #cfd5e5 !important;
    border-width: 1px !important;
    border-style: solid !important;
  }

  .sub-site .search-scope-select {
    width: 25%;
  }
  .sub-site .search-scope-select .site-selector {
    max-width: none !important;
    width: 100%;
    border: #cfd5e5 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-right: none !important;
  }
  .sub-site #q {
    max-width: 75%;
    float: right;
  }
}
/*-----
     Content Page
    -----*/
/* Updated for OUP-3612: The objective is to display the correct toggle icons */
#columnOne #inThisEntryModule #bookTocTitle, #columnOne #tocWrapper #bookTocTitle {
  font-size: 17px;
  display: block;
  margin-bottom: 17px;
  padding-bottom: 6px;
  font-weight: bold;
}
#columnOne #inThisEntryModule .toggle, #columnOne #tocWrapper .toggle {
  font-size: 0;
  float: left;
  margin-right: 5px;
}
#columnOne #inThisEntryModule .toggle:hover, #columnOne #inThisEntryModule .toggle:focus, #columnOne #tocWrapper .toggle:hover, #columnOne #tocWrapper .toggle:focus {
  text-decoration: none;
}
#columnOne #inThisEntryModule .toggle:before, #columnOne #tocWrapper .toggle:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  font-size: 20px;
}
#columnOne #inThisEntryModule .toggle, #columnOne #tocWrapper .toggle {
  cursor: pointer;
}
#columnOne #inThisEntryModule .toggle.plustoggle:before, #columnOne #tocWrapper .toggle.plustoggle:before {
  content: "";
}
#columnOne #inThisEntryModule .toggle.minustoggle:before, #columnOne #tocWrapper .toggle.minustoggle:before {
  content: "";
}
#columnOne #inThisEntryModule ul, #columnOne #tocWrapper ul {
  list-style: none;
  margin-bottom: 15px;
}
#columnOne #inThisEntryModule ul.single-level li, #columnOne #inThisEntryModule ul.non-toc li, #columnOne #tocWrapper ul.single-level li, #columnOne #tocWrapper ul.non-toc li {
  padding-left: 0px;
}
#columnOne #inThisEntryModule ul:empty, #columnOne #tocWrapper ul:empty {
  display: none;
}
#columnOne #inThisEntryModule ul li, #columnOne #tocWrapper ul li {
  line-height: 1.3;
  padding-left: 20px;
}
#columnOne #inThisEntryModule ul li.expandable, #columnOne #tocWrapper ul li.expandable {
  position: relative;
}
#columnOne #inThisEntryModule ul li.expandable .toggle, #columnOne #tocWrapper ul li.expandable .toggle {
  position: absolute;
  top: 0;
  left: 0;
}
#columnOne #inThisEntryModule ul li.expandable > ul, #columnOne #tocWrapper ul li.expandable > ul {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
#columnOne #inThisEntryModule ul li.notcurrent, #columnOne #tocWrapper ul li.notcurrent {
  font-weight: normal;
}

.contentPage, .newsDetail {
  /*#columnWrapper {
      margin-top: 20px !important;
  }*/
}
.contentPage iframe, .newsDetail iframe {
  max-width: 100%;
}
.contentPage table, .newsDetail table {
  width: 100% !important;
}
.contentPage #mainContent, .newsDetail #mainContent {
  min-height: 450px;
}
.contentPage #pageContent, .newsDetail #pageContent {
  padding: 0 !important;
}
.contentPage .empty-element, .newsDetail .empty-element {
  display: none;
}
.contentPage .pageLinks, .newsDetail .pageLinks {
  right: 0 !important;
}
.contentPage #leftsidebar, .newsDetail #leftsidebar {
  display: block !important;
}
.contentPage #columnOne, .newsDetail #columnOne {
  padding-top: 55px !important;
}
.contentPage #columnOne .toggle, .newsDetail #columnOne .toggle {
  font-size: 0;
}
.contentPage #columnOne .toggle:hover, .contentPage #columnOne .toggle:focus, .newsDetail #columnOne .toggle:hover, .newsDetail #columnOne .toggle:focus {
  text-decoration: none;
}
.contentPage #columnOne .toggle:before, .newsDetail #columnOne .toggle:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  font-size: 20px;
}
.contentPage #columnOne .toggle.plustoggle:before, .newsDetail #columnOne .toggle.plustoggle:before {
  content: "";
}
.contentPage #columnOne .toggle.minustoggle:before, .newsDetail #columnOne .toggle.minustoggle:before {
  content: "";
}
.contentPage #columnOne a, .newsDetail #columnOne a {
  color: #2a2a2a;
}
.contentPage #columnOne ul, .newsDetail #columnOne ul {
  list-style: none;
  margin-bottom: 15px;
}
.contentPage #columnOne ul ul, .newsDetail #columnOne ul ul {
  margin-left: 20px;
  padding-top: 7px;
}
.contentPage #columnOne ul li, .newsDetail #columnOne ul li {
  line-height: 1.3;
  margin-bottom: 8px;
}
.contentPage #columnOne ul li.expandable, .newsDetail #columnOne ul li.expandable {
  position: relative;
  padding-left: 20px;
}
.contentPage #columnOne ul li.expandable .toggle, .newsDetail #columnOne ul li.expandable .toggle {
  position: absolute;
  top: 0;
  left: 0;
}
.contentPage #columnOne h3, .newsDetail #columnOne h3 {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
  margin: 12px 0 8px;
}
.contentPage #columnOne h3:first-of-type, .newsDetail #columnOne h3:first-of-type {
  margin-top: 0;
}
.contentPage #columnOne h3 + hr, .newsDetail #columnOne h3 + hr {
  display: none;
}
.contentPage #mainContent, .newsDetail #mainContent {
  padding-top: 90px;
  /*#pageContent {
      margin: 0 auto 2em auto;
      padding: 0;
      max-width: 650px;
      > :first-child {
          margin-top: 0;
      }
  }*/
}
.contentPage #mainContent h1#pagetitle, .newsDetail #mainContent h1#pagetitle {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.2em;
  margin-bottom: 11.25px;
  background: transparent;
  color: #2a2a2a;
}
.contentPage #mainContent #newsTitle, .contentPage #mainContent #pagetitle, .newsDetail #mainContent #newsTitle, .newsDetail #mainContent #pagetitle {
  padding: 0;
}
.contentPage #mainContent h2, .newsDetail #mainContent h2 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 28px;
  margin: 45px 0 11.25px;
  padding-bottom: 0;
  color: #2a2a2a;
}
.contentPage #mainContent h3, .newsDetail #mainContent h3 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.6em;
  line-height: 1.35em;
  margin: 39px 0 11.25px;
  color: #2a2a2a;
}
.contentPage #mainContent h4, .newsDetail #mainContent h4 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.45em;
  line-height: 1.35em;
  margin: 33px 0 11.25px;
  color: #2a2a2a;
}
.contentPage #mainContent h5, .newsDetail #mainContent h5 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 21px;
  line-height: 1.35em;
  margin: 22.5px 0 11.25px;
  color: #2a2a2a;
}
.contentPage #mainContent h6, .newsDetail #mainContent h6 {
  font-size: 1.25em;
  font-style: italic;
  font-weight: bold;
  margin-top: 22.5px;
  margin-bottom: 11px;
}
.contentPage #mainContent ul, .contentPage #mainContent ol, .newsDetail #mainContent ul, .newsDetail #mainContent ol {
  margin: 0 0 22px 18px;
}
.contentPage #mainContent li, .newsDetail #mainContent li {
  margin-bottom: 7px;
}
.contentPage #mainContent p, .contentPage #mainContent li, .contentPage #mainContent td, .contentPage #mainContent th, .newsDetail #mainContent p, .newsDetail #mainContent li, .newsDetail #mainContent td, .newsDetail #mainContent th {
  font-family: "Merriweather", Garamond, "Hoefler Text", "Times New Roman", Times, serif;
  font-size: 16px;
  margin-bottom: 22px;
  line-height: 1.5;
  color: #2a2a2a;
}
.contentPage #mainContent td, .contentPage #mainContent th, .newsDetail #mainContent td, .newsDetail #mainContent th {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15px;
}
.contentPage #mainContent ul > br, .newsDetail #mainContent ul > br {
  display: none;
}
.contentPage #toc:not(.empty-element), .newsDetail #toc:not(.empty-element) {
  display: block !important;
}
.contentPage #toc:not(.empty-element) ul li, .newsDetail #toc:not(.empty-element) ul li {
  font-size: 15px;
}
.contentPage #toc:not(.empty-element) ul li a, .newsDetail #toc:not(.empty-element) ul li a {
  padding-bottom: 0;
}

@media screen and (max-width: 960px) {
  .contentPage .expandContractButtons.hidden {
    min-height: 44px;
    display: block !important;
    visibility: visible !important;
  }
  .contentPage .expandContractButtons.hidden .toggleArticleNav {
    display: none;
  }
  .contentPage #columnOne.sticky {
    padding: 20px 20px 0 !important;
  }
  .contentPage #pageLinks.sticky {
    padding-right: 17px;
  }

  .module.expanded {
    padding-top: 20px;
  }
}
@media screen and (max-width: 960px) and (min-width: 700px) {
  .contentPage h1#pagetitle {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
  .contentPage #mainContent #pageContent {
    float: none;
  }
}
@media screen and (min-width: 961px) {
  .contentPage #columnOne {
    padding-top: 0 !important;
  }
  .contentPage #columnWrapper {
    margin-top: 60px !important;
  }
  .contentPage .pageLinks, .contentPage .extendedToolsModule {
    top: -40px !important;
  }
  .contentPage #mainContent {
    padding-top: 0;
  }
}
/*- Column One -*/
h3.toggle {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0.75em;
  padding: 0;
  border-bottom: none;
}
h3.toggle a {
  cursor: default;
  color: #2a2a2a;
}
h3.toggle a:hover, h3.toggle a:focus {
  text-decoration: none;
}
h3.toggle:before {
  display: none;
}

.column-one a {
  color: #2a2a2a;
}

#columnOne h2 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  border-bottom: none;
  font-size: 17px;
}
#columnOne .toc li {
  border-top: none !important;
  padding: 0;
}
#columnOne .toc li a, #columnOne .toc li span {
  color: #2a2a2a;
  padding-bottom: 10px;
  display: block;
}
#columnOne .toc li .smallCaps {
  display: inline;
  font-variant: small-caps;
}
#columnOne input[type=text], #columnOne input[type=password], #columnOne select {
  border-color: #cfd5e5;
}
#columnOne div.field-sets {
  margin-bottom: 0.5em;
}
#columnOne ul.toc + ul.non-toc {
  margin-top: 22px;
  border-top: solid 1px #cfd5e5;
  padding-top: 30px;
}

#columnOne,
.homepageLoginWelcome {
  background-color: #fff;
  border-bottom: 1px solid #cfd5e5;
  padding: 0 !important;
}

.homepageLoginWelcome {
  padding-top: 0 !important;
}

/* Updated for OUP-3589: Update Article ToC for deep ToCs */
#columnOne h4#libraryModuleExpandLink,
.homepageLoginWelcome h4#libraryModuleExpandLink {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15.015px;
  margin-bottom: 0;
  margin-top: 0;
}

#columnOne.closed,
.homepageLoginWelcome.closed {
  display: none;
}

#columnOne.toggleLogin #leftColumn,
#columnOne.toggleLogin .facetedNav,
#searchWithinDocument,
.searchWithinDocument,
.homepageLoginWelcome.toggleLogin #leftColumn,
.homepageLoginWelcome.toggleLogin .facetedNav,
.homepageLoginWelcome.toggleLogin #searchWithinDocument,
.homepageLoginWelcome.toggleLogin .searchWithinDocument {
  display: none;
}

.search-within .searchWithinDocument {
  margin-top: 1.75rem;
  margin-bottom: 2.15rem;
}
.search-within .searchWithinDocument label {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 0.25rem;
}
.search-within .searchWithinDocument input[type=submit] {
  background-size: 16px 16px;
  height: 32px !important;
  margin-right: 1px;
}

#leftColumn .search-within .searchWithinDocument {
  display: block;
}

.book-index-card .search-within .searchWithinDocument input[type=submit], .book-details-left-column .search-within .searchWithinDocument input[type=submit] {
  top: 23px;
}

@media screen and (max-width: 960px) {
  .book-details-main-column .search-within .searchWithinDocument, .mainBase .book-index-card .search-within .searchWithinDocument {
    display: block;
    max-width: 250px;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 0.2em;
  }

  .book-details-main-column .search-within .searchWithinDocument input[type=submit] {
    top: 27px;
  }
  .book-details-main-column .search-within .searchWithinDocument label {
    font-size: 17px;
  }

  .mainBase .book-index-card .search-within .searchWithinDocument {
    margin-left: 150px;
  }

  .search-within-chapter input[type=submit] {
    top: 23px;
  }
}
#columnOne.toggleArticleNav #login,
.homepageLoginWelcome.toggleArticleNav #login {
  display: none;
}

#columnOne.toggleRefineSearch #login,
.homepageLoginWelcome.toggleRefineSearch #login {
  display: none;
}

#columnOne.sticky,
.homepageLoginWelcome.sticky {
  border: 0;
}

#columnOne.opened.toggleRefineSearch .facet {
  display: block;
}

@media screen and (min-width: 961px) {
  #columnOne {
    padding-bottom: 200px;
  }

  #columnOne,
.homepageLoginWelcome {
    border: 0;
    margin-right: 0;
    padding: 0;
  }

  #columnOne > div {
    margin-bottom: 3em;
  }

  #columnOne > div:last-child {
    margin-bottom: 0;
  }

  #columnOne.toggleLogin #leftColumn,
#columnOne.toggleLogin .facetedNav {
    display: block;
  }

  #columnOne.toggleArticleNav #login,
#columnOne.toggleRefineSearch #login {
    display: block;
  }

  #columnOne.opened,
#columnOne.closed,
.homepageLoginWelcome.opened,
.homepageLoginWelcome.closed {
    border: 0;
    display: block;
    margin: 0;
  }

  .browseResults #columnOne {
    position: absolute;
  }
}
@media screen and (max-width: 960px) {
  #columnOne.opened.toggleRefineSearch {
    padding-top: 45px !important;
  }
  #columnOne.opened.toggleRefineSearch.sticky {
    padding-top: 0 !important;
  }

  #columnOne.opened.toggleArticleNav {
    padding-bottom: 0 !important;
  }
  #columnOne.opened.toggleArticleNav #leftColumn {
    padding-bottom: 0 !important;
  }
}
.expanded > .toc.expanded,
.collapsed > .toc.expanded,
.shut > .facetValues.facet-values,
.open > .facetValues.facet-values {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

.facet {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  max-width: 400px;
}
.facet.shut {
  margin-bottom: 3em;
}

.advSearchModule select {
  background-color: #f8f8f8;
  width: 100%;
}
.advSearchModule input[type=text] {
  width: 100%;
  padding: 3px 7px !important;
  position: relative;
  top: -1px;
}

.twitter-typeahead {
  width: 100%;
  float: left;
}
.twitter-typeahead .tt-menu {
  width: 100%;
  background: #fff;
  border: solid 1px #cfd5e5;
  padding: 0;
  top: 80% !important;
  float: left;
}
.twitter-typeahead .tt-suggestion {
  padding: 6px 7px;
  font-size: 15px;
  background-color: #fff;
  font-weight: bold;
}
.twitter-typeahead .tt-suggestion .tt-highlight {
  font-weight: normal;
}
.twitter-typeahead .tt-cursor {
  background: #cfd5e5;
}

.taxonomy-tree li {
  padding-left: 0;
  position: relative;
}
.taxonomy-tree li a.toggle {
  position: absolute;
  left: 1px;
  top: 5px;
  padding: 5px 0 !important;
  margin-left: 0 !important;
  display: block;
  background-position: left center;
  background-size: 11px 11px;
  height: 20px;
  width: 16px;
}
.taxonomy-tree li a {
  margin-left: 1.1em;
  display: block;
}
.taxonomy-tree li span.active {
  margin-left: 1.1em;
  display: block;
}
.taxonomy-tree li:first-child > a.toggle {
  top: 0;
}

.taxonomy-tree.collapser li > ul {
  padding-left: 17px;
  padding-top: 0.5em;
  margin-left: 0;
  margin-top: 0;
}
.taxonomy-tree.collapser li > ul li a {
  margin-left: 0;
  padding-left: 1.1em;
}
.taxonomy-tree.collapser li > ul li ul a {
  padding-left: 0;
  margin-left: 1.1em;
}

@media screen and (max-width: 1024px) {
  .facet {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  .facet {
    display: none;
  }
}
.facetedNav {
  margin: 20px 0;
}
.facetedNav > div {
  margin-bottom: 3em;
}

.facet-values {
  padding: 0;
}
.facet-values .moduleDetail, .facet-values .select-group, .facet-values .date-query-rows {
  margin: 0 !important;
}
.facet-values li.expandable .row {
  margin-left: 15px;
}

.ico-toggle-open {
  background: left top no-repeat url("../assets/arrowCollapsed.svg");
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  top: 5px;
}
.ico-toggle-open:before {
  display: none;
}

.ico-toggle-shut {
  background: left top no-repeat url("../assets/arrowExpanded.svg");
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  top: 7px;
}
.ico-toggle-shut:before {
  display: none;
}

.widget.advanced-search-widget .form-group.radio-group {
  margin-left: 0;
  margin-bottom: 1em;
}
.widget.advanced-search-widget .advanced-search-action-buttons {
  margin-top: 0.5em;
}
.widget.advanced-search-widget .buttons {
  padding: 0;
}

.expandContractButtons a {
  background-size: 16px 16px;
  background: transparent url("../assets/arrowExpanded.svg") no-repeat right top 9px;
  background-size: 10px 8px;
  color: #2a2a2a;
  display: inline-block;
  margin-right: 25px;
  padding-right: 16px;
}
.expandContractButtons a.active {
  background-image: url("../assets/closeExpander.svg");
  border-bottom-color: #fff;
}

#columnWrapper .expandContractButtons {
  border-bottom: 1px solid #cfd5e5;
  padding: 10px 0;
}
#columnWrapper .expandContractButtons.sticky {
  padding: 10px 17px;
}

/*body.bookDetail { 
    #columnWrapper .expandContractButtons.sticky {
        padding: 10px 17px 10px 0;
    }
}*/
.closeNav {
  display: none;
}

.closed {
  display: none;
}

.expandContractTaxonomy,
.expandContractMyContent {
  display: inline-block;
}

@media screen and (max-width: 480px) {
  #columnWrapper .expandContractButtons a {
    height: 16px;
    text-indent: -9999px;
    width: 40px;
  }
  #columnWrapper .expandContractButtons a.toggleLogin {
    background: transparent url("../assets/iconLogin.svg") no-repeat right center;
  }
  #columnWrapper .expandContractButtons a.toggleLogin:hover, #columnWrapper .expandContractButtons a.toggleLogin:focus {
    background-image: url("../assets/iconLoginHover.svg");
  }
  #columnWrapper .expandContractButtons a.toggleLogin.active {
    background-image: url("../assets/iconLoginActive.svg");
  }
  #columnWrapper .expandContractButtons a.toggleLogin.active:hover, #columnWrapper .expandContractButtons a.toggleLogin.active:focus {
    background-image: url("../assets/iconLoginActiveHover.svg");
  }
  #columnWrapper .expandContractButtons a.toggleArticleNav {
    background: transparent url("../assets/iconArticleNav.svg") no-repeat right center;
  }
  #columnWrapper .expandContractButtons a.toggleArticleNav:hover, #columnWrapper .expandContractButtons a.toggleArticleNav:focus {
    background-image: url("../assets/iconArticleNavHover.svg");
  }
  #columnWrapper .expandContractButtons a.toggleArticleNav.active {
    background-image: url("../assets/iconArticleNavActive.svg");
  }
  #columnWrapper .expandContractButtons a.toggleArticleNav.active:hover, #columnWrapper .expandContractButtons a.toggleArticleNav.active:focus {
    background-image: url("../assets/iconArticleNavActiveHover.svg");
  }
  #columnWrapper .expandContractButtons a.toggleRefineSearch {
    background: transparent url("../assets/iconRefineSearch.svg") no-repeat right center;
  }
  #columnWrapper .expandContractButtons a.toggleRefineSearch:hover, #columnWrapper .expandContractButtons a.toggleRefineSearch:focus {
    background-image: url("../assets/iconRefineSearchHover.svg");
  }
  #columnWrapper .expandContractButtons a.toggleRefineSearch.active {
    background-image: url("../assets/iconRefineSearchActive.svg");
  }
  #columnWrapper .expandContractButtons a.toggleRefineSearch.active:hover, #columnWrapper .expandContractButtons a.toggleRefineSearch.active:focus {
    background-image: url("../assets/iconRefineSearchActiveHover.svg");
  }
}
@media screen and (min-width: 961px) {
  #columnWrapper .expandContractButtons {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  #headerWrap .expandContractButtons {
    display: none;
  }

  #headerWrap .expandContractTaxonomy {
    display: none;
  }

  #headerWrap .expandContractMyContent {
    display: none;
  }

  #headerUtilityBar .closed,
#homenav.closed {
    display: block;
  }
}
/*- Login Panel -*/
#libraryModule {
  border: solid 1px #cfd5e5;
  margin-bottom: -1px;
}
#libraryModule #signInExpand {
  display: none;
}
#libraryModule #libraryHeader {
  border: none;
  background: transparent;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 10px;
}
#libraryModule #libraryHeader h4 .library-module-tools {
  background-size: 16px 16px;
  background-position-x: right;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#libraryModule #libraryHeader h4 #libraryModuleHideTool {
  height: inherit;
  width: inherit;
  background: transparent url(../assets/bottom.svg) no-repeat right center;
  background-size: 16px 16px;
}
#libraryModule.open #libraryHeader h4 #libraryModuleHideTool {
  background-image: url(../assets/top.svg);
}
#libraryModule #institutioninfo {
  border: none;
  background: transparent;
  display: block;
  float: none;
}
#libraryModule #institutioninfo img {
  border: none;
}
#libraryModule #institutioninfo span.preamble {
  display: none;
}
#libraryModule .keyword {
  overflow: visible;
  background: transparent;
  border: none;
}
#libraryModule .keyword input[type=text] {
  background-color: #ffffff;
  border-color: #cfd5e5;
  line-height: 1.7em !important;
  margin-bottom: 0.5em;
  width: 100%;
  padding: 4px 7px !important;
  font-size: 12px !important;
}
#libraryModule #expandedSearchDropdown {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 0.5em;
}
#libraryModule #expandedSearchDropdown ul {
  background-color: #ffffff;
  border: solid 1px #cfd5e5;
  border-top: none;
  border-radius: 0 0 3px 3px;
  margin-top: -1px;
  padding: 2px 20px 5px 6px;
  position: static;
  width: 100%;
  font-size: 14px;
}
#libraryModule #expandedSearchLabel {
  background: #fff url(../assets/down.svg) no-repeat center right 5px;
  background-size: 8px;
  border: 1px solid #cfd5e5;
  border-radius: 3px;
  color: #2a2a2a;
  display: block;
  padding: 3px 20px 3px 6px;
  width: 100%;
  float: none;
  overflow: visible;
  height: auto;
  line-height: 24px;
  font-size: 14px;
}
#libraryModule input[type=submit]#expandSubmit {
  width: auto;
  float: none;
  margin-left: 0;
  background-color: #267cb5 !important;
  border-color: #267cb5 !important;
  color: #ffffff !important;
  font-size: 13px !important;
}

#libraryModule .authControls {
  background: #fff;
  padding: 0;
}
#libraryModule .authControls a {
  color: #006fb7;
  font-size: 16px;
  display: block;
  padding: 10px 30px 10px 10px;
  border-top: 1px solid #cfd5e5;
  border-bottom: 1px solid #cfd5e5 !important;
}

#login {
  padding-top: 24px;
}
#login input[type=text], #login input[type=password], #login select {
  border-color: #cfd5e5;
}

#libraryModuleContent {
  margin-bottom: 0px;
}
#libraryModuleContent .primary-account-logo #institutioninfo {
  max-width: 120px;
  max-height: 120px;
  width: 120px;
}
#libraryModuleContent .primary-account-logo #institutioninfo.name-as-logo {
  max-width: 100%;
  max-height: initial;
  width: 100%;
}
#libraryModuleContent .signOut {
  background-color: white;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 13px;
  line-height: normal;
}
#libraryModuleContent .flex-box {
  background-color: white;
}
#libraryModuleContent .flex-content {
  padding: 0;
}

#login .automatic-sign-in {
  font-size: 10px;
  color: #2a2a2a;
  background-color: #d0d6e5;
  line-height: 11px;
}
#login .userPassAuth {
  margin-top: 10px;
}
#login #libcardwrapper {
  padding-top: 10px;
}
#login .search-library-resources {
  background-color: white;
  font-size: 13px;
  margin-bottom: 0px;
}
#login .search-library-resources.library-resources-expanded {
  border: none;
}
#login .search-library-resources.library-resources-expanded #searchLibraryResources {
  color: inherit;
}
#login .search-library-resources + #librarySearch + .logged-in {
  border-top: solid 1px #cfd5e5;
  padding-top: 9px;
}
#login #searchLibraryResources {
  color: #006fb7;
}
#login .flex-box {
  display: flex;
}
#login .subscriber-sign-in-label {
  font-size: 16px;
  margin-left: 11px;
  margin-top: 11px;
  display: inline-block;
  font-weight: bold;
}
#login #libcardNumRow label {
  font-size: 14px;
}
#login #login-links {
  margin-top: -5px;
  width: 150px;
  text-align: right;
}
#login #login-links a {
  font-size: 12px;
}
#login #lcnum {
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  border-color: #cfd5e5;
  width: 100%;
}
#login .logged-in {
  padding-left: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
}
#login .signOut a {
  background-color: #267cb5 !important;
  border-color: #267cb5 !important;
  color: #ffffff !important;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  padding: 3px 9px 4px 9px !important;
}
#login #libraryModule .authControls #signInExpand {
  font-size: 14px;
  display: block;
  background: #f2f5f9 url(../assets/bottom.svg) no-repeat right 10px center;
  background-size: 16px 16px;
  margin: 0;
  border-bottom: none !important;
  color: initial;
}
#login #libraryModule .authControls.expanded-panel #signInExpand {
  display: block;
  background: #f1f5f8 url(../assets/top.svg) no-repeat right 10px center;
  background-size: 16px 16px;
}
#login .authControls.expanded-panel {
  background-color: white;
  background-image: none;
}
#login #libraryModuleContent + .authControls {
  background-color: white;
}

#loginPanel {
  border: solid 1px #cfd5e5;
  border-top: none;
  margin-bottom: 20px;
}
#loginPanel .authType {
  padding: 0px 10px;
}
#loginPanel #loginwrapper1 {
  margin: 0;
  padding: 0px;
}
#loginPanel #loginwrapper2 {
  margin: 0;
}
#loginPanel > div {
  display: none;
}
#loginPanel.expanded-login > div, #loginPanel.unauthenticated > div {
  display: block;
}
#loginPanel form {
  max-width: 100%;
}
#loginPanel.toggled > div {
  display: block;
}
#loginPanel a.signInExpand {
  color: #2a2a2a;
  font-size: 16px;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: white url(../assets/bottom.svg) no-repeat right 10px center;
  background-size: 16px 16px;
  display: block !important;
  visibility: visible;
  padding: 10px;
}
#loginPanel.toggled {
  display: block;
}
#loginPanel.toggled a.signInExpand {
  background-image: url(../assets/top.svg);
}
#loginPanel h2 {
  color: #2a2a2a;
  display: block;
  padding: 10px;
  font-size: 16px;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  border-bottom: 0;
}
#loginPanel a {
  font-size: 14px;
}
#loginPanel input[type=text],
#loginPanel input[type=password] {
  line-height: 1.7em !important;
  margin-bottom: 0.5em;
  width: 100%;
  padding: 4px 7px !important;
  font-size: 13px;
}
#loginPanel input[type=submit] {
  font-size: 13px !important;
  padding: 3px 9px 4px 9px !important;
  color: #ffffff !important;
}
#loginPanel #submitRow {
  margin-bottom: 1.5em;
}

.home #loginPanel.unauthenticated > div {
  display: block;
}
.home #loginPanel.unauthenticated a.signInExpand {
  background-image: url(../assets/top.svg);
}
.home #loginPanel.unauthenticated.toggled a.signInExpand {
  background-image: url(../assets/bottom.svg);
}
.home #loginPanel.unauthenticated.toggled > div {
  display: none;
}

#login.noauth #loginPanel {
  border-top: solid 1px #cfd5e5;
}

#loginwrapper1 {
  padding: 6px 0;
  margin: 0 10px;
}

#loginwrapper2 {
  border-top: none !important;
  padding: 0 0 4px 0;
  margin: 0 10px;
}
#loginwrapper2 div.authType, #loginwrapper2 #noAccount {
  border-top: solid 1px #cfd5e5;
  line-height: 19px;
}
#loginwrapper2 div.authType:first-of-type, #loginwrapper2 #noAccount:first-of-type {
  border-top: none;
}
#loginwrapper2 div.authType a, #loginwrapper2 #noAccount a {
  display: block;
  padding: 10px 0;
}

#loginPanel .tokenLink a, #loginPanel #noAccount a {
  font-weight: 400;
}

.libraryModule .accountName {
  border-bottom: none;
  font-size: 14px;
  background-color: transparent;
  line-height: 1.3;
}
.libraryModule + .component-login-box #loginPanel {
  border: none;
}
.libraryModule + .component-login-box #loginPanel.expanded-login {
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #cfd5e5;
}
.libraryModuleHeader {
  display: inline-block;
  padding-left: 10px;
  padding-top: 10px;
}

#loginwrapper1 .authType.userPassAuth {
  font-size: 14px;
  line-height: 1.3;
}
#loginwrapper1 .authType.userPassAuth .flex-box:last-of-type {
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #cfd5e5;
}

/* Updated for OUP-3589: Update Article ToC for deep ToCs */
@media screen and (min-width: 961px) {
  #columnOne, .homepageLoginWelcome, .annotationNav {
    width: 230px;
    left: 0;
    top: 0;
    z-index: 2;
  }

  .homepageLoginWelcome, .annotationNav {
    position: absolute;
  }
}
@media screen and (max-width: 960px) {
  .home #login {
    padding-top: 50px;
  }

  #login {
    padding-top: 65px;
  }

  .bookDetail #login {
    padding-top: 20px;
  }

  .sticky #login {
    padding-top: 0;
  }

  .home .homepageLoginWelcome {
    margin-bottom: -30px;
  }
}
@media screen and (max-width: 768px) {
  .home #login {
    padding-top: 65px;
  }

  .home .menuOpen .sticky #login {
    padding-top: 0;
  }
}
/*-----
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    Browse/Search Results
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    -----*/
#noResults ul {
  margin-left: 30px;
}

.browseResults #topSection {
  padding: 0;
}

.browseResults #mainContent {
  padding-top: 60px;
}

@media screen and (min-width: 961px) {
  .browseResults #mainContent {
    padding-top: 17px;
  }
}
.contentItem .availabilityIcon {
  display: inline-block;
  width: 34px;
  height: 18px;
}

.availabilityIcon {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
}

.availabilityIcon.unlocked {
  background-image: url("../assets/iconAccessUnlocked.svg");
}

.availabilityIcon.free {
  background-image: url("../assets/iconAccessFree.svg");
}

.availabilityIcon.ppv {
  background-image: url("../assets/iconAccessShoppingBasket.svg");
}

.availabilityIcon.locked {
  background-image: url("../assets/iconAccessLocked.svg");
}

.availabilityIcon.open {
  background-image: url("../assets/iconAccessOpen.svg");
}

.contentItem {
  border-top: 1px solid #cfd5e5;
  font-size: 15px;
  clear: both;
  padding: 45px 0 15px 0 !important;
  position: relative;
}
.contentItem:first-of-type, .contentItem:first-child {
  border-top: 1px solid #cfd5e5 !important;
}
.contentItem .item-contributor {
  margin: 0;
}
.contentItem .item-contributor + .item-contributor {
  margin-top: 0;
}
.contentItem ul.embedded-in-articles {
  display: inline;
}
.contentItem ul.embedded-in-articles li.embedded-in-article {
  display: inline;
  list-style: none;
}
.contentItem ul.embedded-in-articles li.embedded-in-article:after {
  content: ", ";
  margin-left: -3px;
}
.contentItem ul.embedded-in-articles li.embedded-in-article:last-child:after {
  content: "";
}
.contentItem .parentTitle {
  margin-top: 15px;
}
.contentItem .co-subject-breadcrumb {
  display: inline-block;
  list-style: none;
}
.contentItem .co-subject-breadcrumb-item {
  display: inline-block;
}
.contentItem .co-subject-breadcrumb-item:after {
  content: " > ";
}
.contentItem .co-subject-breadcrumb-item:last-child:after {
  content: "";
}

.contentItem.hasCover .cover {
  margin: 0 0 1em 1em !important;
  float: right !important;
}
.contentItem.hasCover .cover.media-image {
  max-width: none;
  width: auto !important;
}
.contentItem.hasCover .cover.media-image img {
  min-height: initial;
  width: auto;
  float: right;
}
.contentItem.hasCover .cover.media-image img.default-media-image {
  background: none;
  width: 130px;
}

@media screen and (max-width: 960px) {
  .browseResults .menuOpen #mainContent {
    padding-top: 1em;
  }
}
@media screen and (max-width: 768px) {
  .contentItem.standardResult.chunkResult.hasCover .cover, .contentItem.splitResult.chunkResult.hasCover .cover {
    display: block;
  }
}
h3 {
  color: #2a2a2a !important;
}

.metaColumn, .metaBlock {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.metaColumn h3, .metaBlock h3 {
  font-size: 15px !important;
}
.metaColumn h3.parentTitle, .metaBlock h3.parentTitle {
  display: inline-block;
  margin-bottom: 8px;
}
.metaColumn dl, .metaBlock dl {
  margin: 0;
  line-height: 1.8;
  font-size: 1em;
}
.metaColumn dt, .metaBlock dt {
  font-weight: 600;
  display: inline-block;
  margin: 0;
  color: #2a2a2a !important;
  font-size: 15px;
}
.metaColumn dd, .metaBlock dd {
  display: inline-block;
  margin-left: 5px;
  color: #2a2a2a !important;
  margin-right: 5px;
  font-size: 15px;
}
.metaColumn dd a, .metaBlock dd a {
  color: #006fb7;
}
.metaColumn li, .metaBlock li {
  font-size: 15px;
}

.contentItem .meta {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}

.resultsBar {
  font-size: 13px;
  padding: 2px 1.167em;
}
.resultsBar select {
  font-size: 12px !important;
}
.resultsBar #pageSizeAndSort {
  float: left;
}
.resultsBar .pagination {
  display: inline-block;
  float: right;
}

#resultsBarBottom {
  background: transparent;
  text-align: center;
}
#resultsBarBottom .sort-tool {
  display: none;
}
#resultsBarBottom .pagination {
  margin: 0.23em auto;
  float: none;
}
#resultsBarBottom .pagination span.current {
  margin: 0 4px 0 9px;
}
#resultsBarBottom .pagination a {
  margin: 0;
  padding: 0 7px;
}

@media screen and (min-width: 501px) {
  #resultsBarTop div.pagination {
    display: block;
  }

  #resultsBarBottom .pagination span.current {
    margin: 0 10px 0 13px;
  }
  #resultsBarBottom .pagination a {
    margin: 0 7px;
    padding: 0 0.25em;
  }
}
@media screen and (max-width: 700px) {
  #resultsBarTop div.sortControl {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .contentItem .metaBlock {
    display: block !important;
  }

  #resultsBarTop .pagination {
    float: right;
  }
}
#searchHeader {
  padding: 0 !important;
  margin: 1.5em auto 2em auto;
  border-bottom: none;
  box-shadow: none;
}
#searchHeader h2 {
  color: #ffffff;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 15.016px;
  margin: 0 0 1em 0;
  display: block;
}
#searchHeader .searchTerm {
  padding: 0;
  font-weight: 400;
}
#searchHeader .searchTerm strong {
  font-weight: 400;
}
#searchHeader .searchTerm span {
  color: #2a2a2a;
}
#searchHeader .searchTerm .remove {
  float: left;
  margin-right: 0.25em;
}
#searchHeader .searchTerm .remove a {
  margin-left: 0;
}
#searchHeader .thinBorder {
  display: none;
}
#searchHeader .clearAll {
  font-size: 14.016px;
  display: inline-block;
  margin-top: 0.25em;
  color: #006fb7;
  font-weight: 400;
}
#searchHeader #searchTermDiv {
  display: inline-block;
}
#searchHeader .didYouMean {
  font-size: 14.016px;
  margin-top: 1em;
  color: #2a2a2a;
}
#searchHeader .didYouMean a {
  color: #006fb7;
}
#searchHeader .didYouMean strong {
  font-weight: 400;
}
#searchHeader .didYouMean.viewMore .full {
  display: none;
}
#searchHeader .didYouMean.viewMore span.less {
  display: none;
}
#searchHeader .didYouMean.viewLess .snippet {
  display: none;
}
#searchHeader .didYouMean.viewLess span.more {
  display: none;
}
#searchHeader .didYouMean a.toggle span:after {
  display: none;
}

#searchContent {
  padding: 0 !important;
}
#searchContent h3 {
  font-size: 1em;
  font-weight: 400;
}

.type-label {
  background-color: #cfd5e5;
  font-size: 0.9em;
  padding: 6px 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.type-label h3 {
  cursor: default;
}
.type-label h3:before {
  display: none;
}

h2.faceted-nav-header {
  display: none;
}

.btn-addRow {
  float: left;
  margin-right: 0.5em;
}

.module select {
  margin-bottom: 0.5em;
}

.facet-values .select-group {
  margin-bottom: 0.75em !important;
}

.searchModule form {
  position: relative;
}
.searchModule form input[type=text] {
  line-height: 1.9em !important;
  margin: 0;
  padding: 3px 5px;
  width: 100%;
  float: none;
}
.searchModule form input[type=submit] {
  background: transparent url("../assets/iconSearch.svg") no-repeat center center;
  background-size: 14px 14px;
  border-radius: 0 3px 3px 0;
  border: 0;
  bottom: 0;
  cursor: pointer;
  position: absolute;
  right: 1px;
  text-indent: -9999px;
  top: 0;
  width: 32px;
  margin-bottom: 0;
}

.select-group label {
  display: inline-block !important;
  min-width: 40%;
}
.select-group select {
  width: 55%;
  margin-right: 0 !important;
  float: none !important;
  display: inline-block;
}

.date-field-set-add-container + .row.form-row.submitRow {
  margin: 0 0 0.33em 0 !important;
}

@media screen and (max-width: 1024px) {
  .searchModule {
    padding: 0;
  }
}
@media screen and (max-width: 960px) {
  .searchModule:not(.searchWithinDocument) {
    padding: 20px;
    background: transparent;
  }

  #leftColumn {
    padding: 0 20px 20px;
  }
}
@media screen and (min-width: 961px) {
  #searchHeader {
    padding: 0 !important;
    margin: 0 0 2em 0;
    border-bottom: 0;
  }
}
/*-----
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    Content Overrides
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    -----*/
#contentRoot h1 {
  margin-top: 0 !important;
}

.media-items {
  margin-top: 20px;
}
.media-items .media-item {
  margin-top: 20px;
  padding-top: 20px;
}
.media-items .media-item::first-child {
  margin-top: 20px;
}

.tabList {
  margin-bottom: 20px;
}
.tabList li {
  border-top: none;
}
.tabList a {
  border: none !important;
  font-weight: 400;
  background: transparent !important;
  padding: 10px 20px 16px;
  color: #2a2a2a;
}
.tabList a:hover, .tabList a:focus {
  background: transparent;
  border: none;
}
.tabList .active > a {
  border: none;
  border-bottom: solid 4px #006fb7 !important;
  padding: 10px 20px 11px;
  color: #2a2a2a;
}

@media screen and (max-width: 1024px) {
  #readPanel {
    padding: 0;
    float: none;
    margin: 0 auto 2em auto;
  }
}
@media screen and (max-width: 960px) {
  #readPanel {
    margin-top: 2.5em;
  }
}
/*-----
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    Title Page Overrides
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    -----*/
.bookLanding #bookDetail,
.bookLanding #pagetitle {
  display: block;
  padding: 0;
}

.bookLanding a {
  color: #006fb7;
}
.bookLanding #title a {
  color: #2a2a2a;
}
.bookLanding .indexCard {
  margin-top: 55px;
}
.bookLanding #pagetitle {
  color: #2a2a2a;
  font-family: "Merriweather", Garamond, "Hoefler Text", "Times New Roman", Times, serif;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 11.25px;
  font-size: 2em;
}
.bookLanding .availabilityIcon {
  display: inline-block;
  height: 22px !important;
  padding-left: 0.4em;
  vertical-align: middle;
  width: 33px !important;
}
.bookLanding #bookCover {
  background-color: #f2f5f9;
  padding: 1em 1em 0 1em;
}
.bookLanding #bookCover .cover {
  display: table-cell;
}
.bookLanding #bookCover .bookLinks {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
  list-style: none;
}
.bookLanding #bookCover .bookLinks li {
  list-style: none;
}
.bookLanding a.moretoggle, .bookLanding a.lesstoggle {
  font-weight: 400;
}
.bookLanding a.moretoggle:after, .bookLanding a.lesstoggle:after {
  display: none;
}
.bookLanding .summary {
  margin-bottom: 0;
}
.bookLanding #bookAuthors {
  padding-bottom: 1em;
}
.bookLanding #bookContent,
.bookLanding #bookAuthors {
  background-color: #f2f5f9;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.bookLanding #bookContent h2,
.bookLanding #bookAuthors h2 {
  color: #585858;
  font-family: "Merriweather", Garamond, "Hoefler Text", "Times New Roman", Times, serif;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 22.5px;
}
.bookLanding #bookContent h3,
.bookLanding #bookAuthors h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5.625px;
}
.bookLanding #bookContent > div,
.bookLanding #bookContent .keywords,
.bookLanding #bookAuthors > div,
.bookLanding #bookAuthors .keywords {
  margin-bottom: 1.5em;
}
.bookLanding #bookContent div:last-child,
.bookLanding #bookAuthors div:last-child {
  margin-bottom: 0;
}
.bookLanding #bookContent .metadata,
.bookLanding #bookAuthors .metadata {
  margin: 0;
  font-size: 1em;
}
.bookLanding #bookContent dt,
.bookLanding #bookContent dd,
.bookLanding #bookAuthors dt,
.bookLanding #bookAuthors dd {
  display: inline-block;
}
.bookLanding #bookContent .metadataLabel,
.bookLanding #bookContent .keywords em,
.bookLanding #bookAuthors .metadataLabel,
.bookLanding #bookAuthors .keywords em {
  font-weight: bold;
}
.bookLanding #authorsList {
  margin-bottom: 0 !important;
}
.bookLanding #authorsList .summary .author,
.bookLanding #authorsList .details .author {
  margin-bottom: 0.75em;
}
.bookLanding #authorsList .summary .author:last-child,
.bookLanding #authorsList .details .author:last-child {
  margin-bottom: 0;
}
.bookLanding #searchWithinDocumentDesktop {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .bookLanding #bookCover img {
    max-height: 180px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .bookLanding #bookCover {
    float: right;
    padding: 1.75em 1.75em 10px 1.75em;
    width: 200px;
  }
  .bookLanding #bookCover .cover {
    display: block;
  }
  .bookLanding #bookCover .bookLinks {
    display: block;
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 0;
  }
  .bookLanding #bookAuthors {
    padding-bottom: 0.5em;
  }
  .bookLanding #bookContent,
.bookLanding #bookAuthors {
    padding-top: 1.75em;
    padding-left: 1.75em;
    padding-right: 1.75em;
  }
}
.bookLanding #readPanel {
  float: none;
  margin-bottom: 0;
}
.bookLanding #readPanel h1, .bookLanding #readPanel #tocHeader h2,
.bookLanding #readPanel #pagetitle {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.75em;
  line-height: 1.2em;
  margin-bottom: 11px;
}
.bookLanding #readPanel .toc li {
  margin-bottom: 20px;
  position: relative;
  padding: 0 0 0 24px;
  border-top: 0;
  line-height: 1.4;
}
.bookLanding #readPanel .toc li > ul {
  margin-left: 0 !important;
}
.bookLanding #readPanel .toc li li {
  margin-left: 0;
}
.bookLanding #readPanel .toc li li:first-child {
  margin-top: 10px;
}
.bookLanding #readPanel .toc li li:last-child {
  margin-bottom: 10px;
}
.bookLanding #readPanel .toc li li:last-child li:last-child {
  margin-bottom: 0;
}
.bookLanding #readPanel .toc a {
  color: #006fb7;
}
.bookLanding #readPanel .toc a.toggle {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 11px 11px;
  cursor: pointer;
  left: 0;
  margin: 0;
  position: absolute;
  top: 3px;
  text-indent: -999px;
  width: 20px;
  height: 20px;
}
.bookLanding #readPanel .toc a.toggle.minustoggle {
  background-image: url("../assets/arrowExpanded.svg");
}
.bookLanding #readPanel .toc a.toggle.plustoggle {
  background-image: url("../assets/arrowCollapsed.svg");
}
.bookLanding #readPanel .toc span {
  display: inline-block;
}
.bookLanding #readPanel .toc .tocDesc {
  display: block;
  font-size: 0.9em;
}
.bookLanding #readPanel .toc .unlinked {
  font-size: 1.2em;
}
.bookLanding #readPanel #tocHeader h1 {
  margin-top: 2.5rem;
}
.bookLanding #readPanel #tocHeader hr {
  width: 100%;
  clear: both;
  margin-bottom: 2.25rem;
}
.bookLanding #readPanel #tocHeader h2 {
  margin-top: 2.5rem;
  padding-bottom: 0.2em;
  margin-bottom: 1.25rem;
}

.bookLanding .book-related-content {
  clear: both;
  background: #eef0f6;
  border: 1px solid #cfd5e4;
  margin: 2.7rem 0 1.5rem 0;
  padding: 1.1rem 1rem;
  font-size: 1.065rem;
  line-height: 1.45em;
}
.bookLanding .book-related-content h2 {
  font-weight: bold;
  font-size: 1.32rem;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.2em;
  margin-top: 1.5rem;
  margin-bottom: 0.6rem;
}
.bookLanding .book-related-content .book-related-content-more-on-this-topic-link, .bookLanding .book-related-content .book-related-content-external-resource-link {
  margin-top: 0.6em;
}
.bookLanding .book-related-content div:first-child h2 {
  margin-top: 0;
}

.bookLanding #pageBody .expandContractButtons {
  position: absolute;
  top: 0;
  left: 0;
  right: 17px;
}
.bookLanding #pageBody .expandContractButtons a {
  color: #2a2a2a;
}

.bookLanding #columnOne.opened {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 17px;
  top: 45px;
}

#bookDetail {
  background: #f2f5f9;
  float: none;
  width: auto;
}
#bookDetail #pagetitle {
  background: transparent;
  padding: 0;
}

.bookDetail a#bookTocTitleLink:after, .bookLanding a#bookTocTitleLink:after {
  content: "";
  display: block;
  clear: both;
}
.bookDetail .goToPage, .bookLanding .goToPage {
  float: right;
  width: 80px;
  position: relative;
  z-index: 1;
}
.bookDetail .goToPage input[type=text], .bookLanding .goToPage input[type=text] {
  padding: 6px 8px !important;
  height: 26px !important;
  line-height: 24px !important;
  border: 1px solid #c8cede;
  border-right: none;
  background-color: #fafbfd;
  border-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  font-size: 15px !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 48px;
  display: inline-block;
  margin-right: -4px;
}
.bookDetail .goToPage input[type=text]:focus, .bookLanding .goToPage input[type=text]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bookDetail .goToPage input[type=text].t-error, .bookLanding .goToPage input[type=text].t-error {
  border-color: #a21914;
}
.bookDetail .goToPage input[type=submit], .bookLanding .goToPage input[type=submit] {
  border-radius: 4px !important;
  height: 26px !important;
  min-width: 0;
  line-height: 24px !important;
  padding: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  text-transform: none;
  font-weight: normal;
  box-sizing: border-box;
  width: 32px;
  display: inline-block;
  margin-right: -4px;
}
.bookDetail .goToPage div.t-error, .bookLanding .goToPage div.t-error {
  display: block;
  border: 0 !important;
  padding: 0 !important;
  width: 280px;
  position: relative;
  left: -200px;
  margin-bottom: 5px;
}
.bookDetail .goToPage div.t-error > div, .bookLanding .goToPage div.t-error > div {
  display: none;
}
.bookDetail .goToPage div.t-error ul, .bookLanding .goToPage div.t-error ul {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: right;
}
.bookDetail .goToPage div.t-error ul li, .bookLanding .goToPage div.t-error ul li {
  font-size: 14px;
  color: #a21914;
}

@media screen and (min-width: 961px) {
  #bookDetail {
    margin-top: 26px;
    margin-left: 300px;
  }
}
.bookLanding #mainContent {
  padding-top: 1.2em;
}
.bookLanding #pagetitle {
  margin-bottom: 0.25rem;
  font-size: 24.8px;
  line-height: 1.35em;
}
.bookLanding .tocContent > ul a {
  color: #2a2a2a !important;
}
.bookLanding .tocContent > ul > .level1.first,
.bookLanding .tocContent > ul > .level1.last {
  font-family: "Merriweather", serif;
  font-size: 1.125rem;
  line-height: 1.4em;
}
.bookLanding .tocContent > ul > .level1.first .unlinked,
.bookLanding .tocContent > ul > .level1.last .unlinked {
  font-size: 1em !important;
}
.bookLanding .tocContent > ul > .level1.first li,
.bookLanding .tocContent > ul > .level1.last li {
  margin: 1em 0;
  margin-bottom: 20px;
  position: relative;
  padding: 0 0 0 24px;
  border-top: 0;
  line-height: 1.4;
  font-size: 15px;
}
.bookLanding .tocContent > ul > .level1:not(.first):not(.last) {
  font-family: "Merriweather", serif;
  font-size: 1.125rem;
  line-height: 1.4em;
}
.bookLanding .tocContent > ul > .level1:not(.first):not(.last) .unlinked {
  font-size: 1em !important;
}
.bookLanding .tocContent > ul > .level1:not(.first):not(.last) li {
  margin: 1em 0;
  margin-bottom: 20px;
  position: relative;
  padding: 0 0 0 24px;
  font-size: 1rem;
  border-top: 0;
  line-height: 1.4;
  font-size: 15px;
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
}
.bookLanding .tocContent > ul .contributors {
  margin-top: 0.05rem;
}
.bookLanding .tocContent > ul .chunk > ul li {
  margin: 0.75em 0;
}
.bookLanding .tocContent > ul .availabilityIcon {
  display: inline-block;
  height: 19px !important;
  margin-left: 0.3em;
  vertical-align: middle;
  width: 32px !important;
}
.bookLanding .tocContent > ul .availabilityIcon.locked, .bookLanding .tocContent > ul .availabilityIcon.unlocked, .bookLanding .tocContent > ul .availabilityIcon.open {
  height: 13px !important;
  width: 13px !important;
}

.book-details-left-column {
  margin-top: 48px;
  margin-bottom: 1.75rem;
}
.book-details-left-column img {
  border: 1px solid #cfd5e4;
  margin-bottom: 3px;
  max-width: 130px !important;
}
.book-details-left-column h2 {
  font-weight: bold;
  margin-bottom: 1.75rem;
  font-size: 0.9375rem !important;
}
.book-details-left-column .book-details-left-column-doi a {
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0.35em;
  margin-bottom: 0.35em;
}
.book-details-left-column .book-details-isbn-label,
.book-details-left-column .book-details-publisher-label {
  font-weight: bold;
  margin-top: 0.35em;
  margin-bottom: 0.35em;
  margin-right: 4px;
}

.book-details-left-column-find-in-library a {
  display: block;
  margin: 1.75rem 0;
}

.book-details-main-column-cover,
.book-details-main-column-doi,
.book-details-main-column-isbn,
.book-details-main-column-publisher,
.book-details-main-column-find-in-library {
  display: none;
}

.book-details-publication-dates {
  margin-top: 17px;
  font-size: 17px;
}
.book-details-publication-dates .print-publication-date {
  margin-right: 1.5rem;
}
.book-details-publication-dates span span {
  font-weight: bold;
  margin-right: 4px;
}
.book-details-publication-dates .online-publication-date,
.book-details-publication-dates .print-publication-date {
  white-space: nowrap;
}

.book-details-left-column-isbn,
.book-details-left-column-publisher {
  white-space: nowrap;
}

.book-details-main-column + .bookLanding {
  background: #eef0f6;
  padding: 1.1rem 1rem;
  margin-top: 40px;
}
.book-details-main-column + .bookLanding h2 {
  font-size: 1.25rem !important;
  font-weight: bold;
  margin-bottom: 0.75rem;
  line-height: 1.275;
}
.book-details-main-column + .bookLanding > p {
  font-family: "Merriweather", serif;
  line-height: 1.7em;
  margin: 0.65em 0;
}
.book-details-main-column + .bookLanding h3 {
  display: inline-block;
  font-weight: bold;
  font-size: 17px;
}
.book-details-main-column + .bookLanding .book-details-authors {
  font-size: 17px;
}
.book-details-main-column + .bookLanding .abstract-content {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cfd5e4;
}
.book-details-main-column + .bookLanding .keywords {
  margin-bottom: 0.25rem;
}
.book-details-main-column + .bookLanding .keywords, .book-details-main-column + .bookLanding .subjects {
  font-size: 17px;
}
.book-details-main-column + .bookLanding .subjects div {
  display: inline-block;
}

.book-details-copyright {
  text-align: center;
  margin: 15px 0;
}

.disclaimer-wrapper {
  border: 1px solid #cfd5e4;
  margin: 1.5rem 0 0;
  padding: 1rem 1rem;
}
.disclaimer-wrapper h2 {
  display: inline-block;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 0.6rem;
}
.disclaimer-wrapper span.ellipsis {
  margin-left: -2px;
  color: #333;
}
.disclaimer-wrapper .lesstoggle {
  display: none !important;
}

@media screen and (max-width: 960px) {
  .bookLanding #mainContent {
    padding-top: 4.5em;
    text-align: center;
  }

  div.bookDetails,
#readPanel {
    max-width: 650px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
  }

  .book-details-main-column-isbn,
.book-details-main-column-publisher {
    white-space: nowrap;
  }

  .book-details-main-column-cover,
.book-details-main-column-doi,
.book-details-main-column-isbn,
.book-details-main-column-publisher,
.book-details-main-column-find-in-library {
    display: initial;
  }

  .book-details-main-column-doi {
    display: block;
    margin-top: 1em;
  }

  .book-details-isbn-label,
.book-details-publisher-label {
    font-weight: bold;
    margin-right: 4px;
  }

  .book-details-main-column-isbn {
    margin-right: 1.5rem;
  }

  .book-details-main-column-find-in-library {
    display: block;
    margin-top: 1em;
  }

  .book-details-main-column-cover img {
    border: 1px solid #cfd5e4;
    width: 90px !important;
    margin-left: 15px;
    float: right;
  }
}
/*-----
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    MyStuff Overrides
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    -----*/
.sortingTable thead th, .myData thead th {
  background: #cfd5e5 !important;
}

.myStuff #mainContent {
  padding-top: 50px;
}
.myStuff .newProject,
.myStuff #submitRow {
  float: left;
}
.myStuff .newProject input[type=submit],
.myStuff .newProject button,
.myStuff .newProject .button,
.myStuff .newProject input[type=text] {
  font-size: 1em;
  margin-right: 0.5em;
}
.myStuff .range {
  display: block;
  margin-bottom: 2px;
}
.myStuff .t-data-grid {
  margin: 20px 0;
  overflow: auto;
}
.myStuff .t-data-grid table {
  width: 100%;
}
.myStuff .t-sort-icon {
  margin-left: 0.3em;
  margin-bottom: 0.1em;
}
.myStuff .items {
  background-color: #f2f5f9;
  font-size: 0.85em;
  padding: 10px 15px;
  margin: 20px 0;
}
.myStuff #resultStatsTop {
  margin: 0;
}
.myStuff .actionButtons {
  margin-bottom: 0;
}
.myStuff .sortingTable, .myStuff .myData {
  margin-bottom: 0;
}
.myStuff .actions li + li {
  margin-left: 0;
}
.myStuff .actions a {
  margin: 0 0.5em 0 0 !important;
}
.myStuff .actions a:before {
  display: none;
}
.myStuff .actions a span {
  position: static;
  clip: none;
  height: auto;
  width: auto;
  overflow: visible;
}
.myStuff div.t-error {
  padding: 1em;
}
.myStuff div.t-error div {
  margin-bottom: 0;
  color: #2a2a2a;
  font-weight: 400;
}
.myStuff .t-error {
  color: #2a2a2a;
  border: 1px solid #e0324b;
}
.myStuff .t-error ul {
  padding-left: 1.3em;
  margin: 0.5em 0;
}
.myStuff .t-error ul:last-child {
  margin-bottom: 0;
}
.myStuff .t-error li {
  list-style-type: disc;
}
.myStuff label.t-error {
  padding: 0 !important;
  border: none !important;
}
.myStuff textarea.t-error, .myStuff input[type=text].t-error, .myStuff input[type=password].t-error {
  margin-bottom: 0 !important;
}
.myStuff h1, .myStuff h2, .myStuff h3, .myStuff h4, .myStuff h5 {
  font-family: "Merriweather", Garamond, "Hoefler Text", "Times New Roman", Times, serif;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 11.25px;
}
.myStuff h1 {
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  padding-bottom: 0.25em;
}
.myStuff h2 {
  font-size: 1.3em;
  line-height: 1.35em;
  margin-top: 33.75px;
}
.myStuff table {
  background-color: #fff;
  font-size: 0.9em;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.5em;
}
.myStuff td,
.myStuff th {
  color: #2a2a2a;
  padding: 5px 10px !important;
  vertical-align: top;
}
.myStuff th {
  background-color: #cfd5e5;
  font-weight: bold;
  text-align: left;
}
.myStuff th a {
  color: #2a2a2a;
}
.myStuff td.documentUri {
  word-break: break-all;
}
.myStuff tr {
  border-bottom: 1px solid #cfd5e5;
}
.myStuff tr:first-child {
  border-top: 1px solid #cfd5e5;
}
.myStuff label {
  margin-right: 0.5em;
}

.page-myaccount .formRow label, .page-myaccount .formRow input {
  margin-bottom: 0;
}

.hiddenModule {
  display: none;
}

.accountForm label {
  display: inline-block;
  font-weight: bold;
  width: 190px;
}

.formRow {
  margin-bottom: 0.5em;
}

.tagsModule ul li {
  margin: 0;
  border: none !important;
}

@media screen and (min-width: 961px) {
  .myStuff #mainContent {
    padding-left: 0;
    padding-top: 0;
  }

  .page-myannotations #mainContent {
    padding-left: 270px;
  }

  #myTabs {
    padding-top: 25px !important;
  }
}
#myTabs {
  border-bottom: 1px solid #cfd5e5;
  padding: 70px 0 20px 0;
}
#myTabs .mobile-menu {
  display: none;
}
#myTabs .tab {
  line-height: 1.3em;
  margin-bottom: 10px;
  display: block;
  width: auto;
  border-top: none !important;
}
#myTabs .tab a {
  color: #2a2a2a;
  background: transparent;
  border: none;
  display: block;
  font-size: 1em;
  font-weight: 400;
  padding: 0;
}
#myTabs .tab.active a {
  font-weight: bold;
}
#myTabs.closed {
  display: none;
}

@media screen and (max-width: 768px) {
  .data-grid thead {
    display: table-header-group;
  }

  .data-grid .type,
.data-grid .createdDate,
.data-grid .annotationCreateDate,
.data-grid .author,
.data-grid .tagSet {
    display: table-cell;
  }
}
@media screen and (min-width: 961px) {
  #myTabs {
    border: 0;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 10;
    margin-right: 0;
    display: inline-block;
    width: auto;
  }

  #myTabs.opened,
#myTabs.closed {
    display: block;
  }

  .annotations #myPanels .annotationNav {
    float: left;
    position: static;
    margin-left: -270px !important;
    margin-top: 175px !important;
  }
}
.range {
  color: #8b8b8b;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 15.016px;
  margin: 0 0 1em 0;
}

#saveToProject {
  background-color: #f2f5f9;
  padding: 20px;
  margin-bottom: 40px;
}

#saveToProject:after {
  clear: both;
  content: "";
  display: table;
}

#myPanels {
  position: relative;
}
#myPanels.myAnnotations {
  position: static;
  padding-left: 0;
}

.documentUri {
  display: none;
}

.annotationNav {
  background-color: #f2f5f9;
  border: 1px solid #cfd5e5;
  margin: 2.5em 0 !important;
  padding: 20px !important;
  width: 220px !important;
}
.annotationNav h2 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  padding: 0 !important;
  border-bottom: none;
  color: #2a2a2a;
}
.annotationNav li {
  line-height: 1.3em;
  margin-bottom: 10px;
}
.annotationNav a {
  color: #2a2a2a;
}
.annotationNav .addLink {
  margin: 0;
  display: block;
}
.annotationNav .addLink span {
  margin-left: 0;
}
.annotationNav .addLink:before {
  display: none;
}

@media screen and (min-width: 961px) {
  .annotationNav {
    background-color: transparent;
    border: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    top: 190px;
  }
  .annotationNav h2 {
    margin: 50px 0 0.75em 0;
  }
}
@media screen and (max-width: 960px) {
  .annotationNav {
    float: none !important;
    width: 100% !important;
  }
  .annotationNav .searchModule {
    background: transparent !important;
    padding: 0 !important;
  }
  .annotationNav h2 {
    background: transparent !important;
  }
}
div#addWrapper #accountBasicsForm h2 {
  margin-top: 33.75px;
}
div#addWrapper form {
  width: 100% !important;
}

@media screen and (min-width: 961px) {
  div#addWrapper #accountBasicsForm h2 {
    margin-top: 0;
  }
}
/*-----
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    Fancybox Overrides
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    -----*/
.fancybox-skin {
  background-color: #f9f9f9;
  padding: 32px 12px 12px 12px !important;
}
.fancybox-skin .fancybox-close {
  top: 10px;
  right: 20px;
}

.fancybox-overlay {
  background-color: transparent;
  background-image: none;
}

/*-----
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    Footer Overrides
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    -----*/
#footer {
  font-size: 0.9em;
  padding: 25px 15px;
  border-right: none;
  border-left: none;
  border-bottom: none;
}

#footerDetail {
  float: left;
  text-align: left;
  margin-bottom: 0;
  line-height: 20px;
  margin-top: 10px;
}

#footerWrap {
  border: none;
  border-top: solid 1px #cfd5e5;
  position: relative;
  clear: both;
}
#footerWrap a:hover,
#footerWrap a:focus {
  text-decoration: underline;
}

#printFooterCopyright {
  display: none;
}

@media print {
  #printFooterCopyright {
    display: block;
  }
}
#footerCopyright {
  margin: 0;
}

#footerAccounts {
  float: none;
  max-width: 100%;
  margin-right: 0;
  text-align: left;
  position: relative;
}
#footerAccounts a.logout {
  position: absolute;
  top: 82px;
  right: 0;
}

#footerPublisher {
  background: top left url(../assets/oup-logo-responsive.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  margin-bottom: 10px;
  text-indent: -9999px;
  height: 48px;
  width: 190px;
}

#institutioninfo {
  float: right;
  text-align: right;
}
#institutioninfo .institutionName {
  display: none;
}
#institutioninfo span.preamble {
  display: block;
  margin-right: 0;
  float: none;
}

@media screen and (min-width: 1025px) {
  #footer {
    margin: 0 auto 0 auto;
    width: 1025px;
  }
}
@media screen and (max-width: 1000px) {
  #footerAccounts {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #footerDetail {
    width: 60%;
  }
}
@media screen and (min-width: 961px) {
  #footerWrap {
    z-index: 50;
  }
}
@media screen and (max-width: 767px) {
  #footerPublisher {
    display: block;
    margin: 0 0 1.167em;
  }

  #footerAccounts {
    margin: 0 0 1.167em;
  }
  #footerAccounts > a {
    text-align: left;
    margin: 0 0 1.67em;
  }
  #footerAccounts > a.logout {
    position: static;
    display: block;
  }

  #institutioninfo {
    padding-top: 0;
    float: none;
    clear: both;
    text-align: left;
  }
}
/*-----
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    Underbar Overrides
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    -----*/
.ui-dialog {
  top: auto;
}

/*-----
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    Fact of the Day Module 
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    -----*/
.message-feed-content.oftheday {
  font-family: "calluna-sans", sans-serif !important;
  font-size: 15px !important;
  line-height: 22px;
  font-weight: 100;
  position: relative;
  color: #000;
  margin-bottom: 10px;
}
.message-feed-content.oftheday .rss {
  position: absolute;
  top: 5px;
  right: 0;
}
.message-feed-content.oftheday .emailUpdatesSignup {
  position: absolute;
  top: 5px;
  right: 25px;
}
.message-feed-content.oftheday h2 {
  text-transform: uppercase;
  font: 12px/24px "calluna-sans", sans-serif;
  font-weight: 700;
  margin: 0px;
  color: #444;
  padding-bottom: 5px;
  border-bottom: 1px solid #999999;
  margin-bottom: 15px;
}

.message-feed-content.scheduled-maintenance {
  width: 75%;
  float: right;
}

/*-----
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    Print PDF Overrides
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
    -----*/
.pdfPrintPreview * {
  box-decoration-break: clone;
}
.pdfPrintPreview .versionLinks {
  display: none;
}
.pdfPrintPreview .chunkHead {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.pdfPrintPreview .chunkBody {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}
.pdfPrintPreview .chunkHeadMain, .pdfPrintPreview .chunkHeadMeta {
  margin-bottom: 15px !important;
}
.pdfPrintPreview .chunkHeadMeta > ul:last-of-type, .pdfPrintPreview #headerWrap {
  margin-bottom: 0px !important;
}
.pdfPrintPreview h1, .pdfPrintPreview h2, .pdfPrintPreview h3 {
  margin-top: 0px !important;
}
.pdfPrintPreview #footerWrap {
  display: none;
}
.pdfPrintPreview .pdftitle, .pdfPrintPreview #printFooterCopyright, .pdfPrintPreview #pageBody .pdftitle {
  display: block;
  position: running(headerelement);
}

.printPreview *, .pdfPrintPreview * {
  font-family: "DejaVuSerif", "Droid Sans Fallback", "GNU Unifont", serif;
}

.pdfPrintPreview #printFooterCopyright,
.pdfPrintPreview #interstitialMessageZone,
.pdfPrintPreview #contentWrapper #footerAccounts a,
.pdfPrintPreview #cssXslControls,
.pdfPrintPreview #jumpToContent,
.pdfPrintPreview .summary-toggle {
  display: none !important;
}

.pdftitle {
  display: none;
}

.pdftitle .pageNumber {
  display: none;
}

footer.pdf {
  display: none;
}

.pdfPrintPreview footer.pdf {
  display: block !important;
}

footer {
  padding: 0;
  margin: 0;
  position: running(footerelement);
}

footer span.pageCounter::before {
  content: counter(page);
}

footer span.totalPages::before {
  content: counter(pages);
}

footer .pageNumber {
  text-align: center;
  padding-bottom: 1em;
  padding-top: 1em;
}

.pdfPrintPreview footer .message {
  font-size: 0.7em;
}

.pdfPrintPreview footer .message * {
  font-size: 1em;
}

#pagetitle {
  string-set: chaptertitle self;
}

.content-table-xl {
  page: landscape;
  page-break-before: always;
  page-break-after: always;
}

@page {
  @top-left {
    content: element(headerelement);
    padding-top: 20px;
    padding-bottom: 50px;
    border-bottom: solid 1px black;
  }
  @top-right {
    border-bottom: solid 1px black;
  }
  @bottom-center {
    border-top: solid 1px black;
    content: element(footerelement);
    text-align: justify;
    vertical-align: top;
  }
  padding-top: 70px;
  counter-increment: page 1;
  size: A4;
  layout: portrait;
}
@page landscape {
  size: A4 landscape;
}
#readPanel footer.pdf {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1.2em;
}

#readPanel footer.pdf .pageNumber, #readPanel footer.pdf .pageNumber span {
  background-color: #fff;
  border: none;
  color: #333;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 8px;
  font-weight: normal;
  padding: 0;
  margin: 5px 0 5px 0;
  text-align: left;
}

#refineByAvailability input:after {
  width: 28px;
  height: 16px;
  content: " ";
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  top: -2px;
  margin-left: 15px;
}

#refineByAvailability input {
  margin-right: 28px;
}

#refineByAvailability .free input:after {
  background-image: url("../assets/iconAccessFree.svg");
}

#refineByAvailability .ppv input:after {
  background-image: url("../assets/iconAccessShoppingBasket.svg");
}

#refineByAvailability .unlocked input:after {
  background-image: url("../assets/iconAccessUnlocked.svg");
}

#refineByAvailability .locked input:after {
  background-image: url("../assets/iconAccessLocked.svg");
}

#refineByAvailability .open input:after {
  background-image: url("../assets/iconAccessOpen.svg");
}

a.bold {
  font-weight: bold;
}

/*----------------------------------------------------------------------------------------
        Accessibility Styling Adjustments
----------------------------------------------------------------------------------------*/
#navigation #homenav > li.browseNav {
  display: inline-block;
}
#navigation #homenav > li.browseNav > ul {
  display: none;
  column-count: 4;
  padding: 10px 0 10px;
}
#navigation #homenav > li.browseNav > ul li {
  display: block;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
#navigation #homenav > li.browseNav > ul li a {
  font-size: 15px;
}
#navigation #homenav a.showTaxonomyNav[aria-expanded=true] + ul {
  display: block !important;
}
#navigation #navigationWrapper a.toggleTaxonomy {
  display: none;
}
@media screen and (max-width: 1024px) {
  #navigation #navigationWrapper a.toggleTaxonomy {
    display: inline-block !important;
  }
  #navigation .toggleTaxonomy[aria-expanded=true] + #homenav {
    display: block;
  }
  #navigation #homenav li {
    width: 100%;
  }
  #navigation #homenav a.showTaxonomyNav {
    background: #f2f5f9;
    padding: 10px 15px 10px 12px;
    color: #2a2a2a;
    line-height: 1;
  }
  #navigation #homenav a.showTaxonomyNav .browseArrow {
    background: #f2f5f9 url("../assets/bottom.svg") no-repeat right center;
    background-size: 16px 16px;
    border-left: 0;
    display: inline-block;
    width: 100%;
    margin-right: 0;
    right: 8px;
    left: auto;
    width: 16px;
    height: 16px;
  }
  #navigation #homenav a.showTaxonomyNav:focus {
    z-index: 1;
  }
  #navigation #homenav a.showTaxonomyNav:hover .browseArrow, #navigation #homenav a.showTaxonomyNav:focus .browseArrow {
    border-left: none;
  }
  #navigation #homenav a.showTaxonomyNav[aria-expanded=true] + ul {
    display: block !important;
  }
  #navigation #homenav a.showTaxonomyNav[aria-expanded=true] .browseArrow {
    background-image: url("../assets/top.svg");
  }
}
@media screen and (max-width: 768px) {
  #navigation #homenav > li > ul {
    column-count: unset;
  }
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

#at20mc, body > div > div.atm {
  display: none !important;
}

#pageLinks > ul > li > a > span {
  font-size: 0;
}

.pageLinks li.share div.at-share-btn-elements a {
  background-image: none;
  width: auto;
  height: auto;
}
.pageLinks a:focus, .pageLinks a:active {
  border: none;
}

#pageLinks li.pdfdownload > a {
  font-size: 0;
}

#pageLinks > ul > li > a {
  text-indent: 0;
}

#pageLinks ul li.share {
  position: relative;
}
#pageLinks ul li.share div.addthis_inline_share_toolbox {
  display: none;
  position: absolute;
  top: 18px;
  right: 0;
  background: #fff;
  border: 1px solid #CFD5E4;
  padding: 3px;
  z-index: 10;
}
#pageLinks ul li.share div.addthis_inline_share_toolbox a {
  background: none;
  display: flex;
  width: 100%;
  height: auto;
  float: none;
  margin: 0;
  padding: 0;
}
#pageLinks ul li.share div.addthis_inline_share_toolbox a span {
  position: static;
  left: auto;
  text-indent: 0;
}
#pageLinks ul li.share div.addthis_inline_share_toolbox a:hover .at-label, #pageLinks ul li.share div.addthis_inline_share_toolbox a:focus .at-label {
  text-decoration: underline;
}
#pageLinks ul li.share div.addthis_inline_share_toolbox a:focus, #pageLinks ul li.share div.addthis_inline_share_toolbox a:active {
  outline: 1px dotted #212121 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  position: relative;
  z-index: 1;
}
#pageLinks ul li.share:hover div.addthis_inline_share_toolbox {
  display: block;
}
#pageLinks ul li.share a[aria-expanded=true] + div.addthis_inline_share_toolbox {
  display: block;
}
#pageLinks ul li.share .at-icon-wrapper {
  line-height: 22px;
  height: 22px;
  width: 22px;
}
#pageLinks ul li.share .at-label {
  line-height: 22px;
  height: auto;
  padding-right: 5px !important;
  padding-left: 5px;
  margin-left: 0;
  width: calc(100% - 40px);
  background: #fff !important;
  color: #006fb7 !important;
  width: 100px;
  text-align: left;
  font-size: 12px !important;
}
#pageLinks ul li.share a:hover .at-label, #pageLinks ul li.share a:focus .at-label, #pageLinks ul li.share a:active .at-label {
  color: #006fb7 !important;
}
#pageLinks ul li.share .at4-share-count-container {
  display: none;
}
#pageLinks ul li.share .at-resp-share-element .at-share-btn:focus, #pageLinks ul li.share .at-resp-share-element .at-share-btn:hover {
  transform: none !important;
}

#addThisMenu {
  z-index: 1;
}

#headerLogo a span {
  text-indent: 0;
  font-size: 0;
}

/*-----
    Focus Override
-----*/
:focus,
#navigationWrapper #homenav > li > a:focus, #navigationWrapper #personalNav > ul > li > a:focus {
  outline: 1px dotted #212121 !important;
  outline: thin dotted !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}

#login input[type=submit]:focus {
  /*- hack for firefox using color of button to display outline -*/
  outline: 1px dotted #212121 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}

#mainContent:focus {
  outline: none !important;
}

#readPanel a:focus {
  text-decoration: underline;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  :focus {
    outline: none !important;
  }

  a:focus, input:focus, textarea:focus, button:focus, select:focus {
    outline: 1px dotted #212121 !important;
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.error-message {
  position: relative;
  color: #be2228;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .error-message {
    left: 320px;
    top: -31px;
    margin-bottom: -24px;
  }
}

#login .error-message, #loginPanel form div.error-message:first-of-type {
  position: relative;
  left: 0px;
  top: 0px;
  color: #be2228;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

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

.display-hidden {
  display: block;
  visibility: hidden;
}

label.t-error {
  font-weight: normal;
  color: initial;
}

input.t-error {
  margin-bottom: 0.33em;
}
input.t-error[type=text] {
  margin-bottom: 0.33em;
}
input.t-error[type=password] {
  margin-bottom: 0.33em;
}

.error-header {
  border-width: 1px;
  border-style: solid;
  border-color: #be2228;
  padding: 10px 8px;
  margin-bottom: 15px;
  width: 100%;
  text-align: left;
}

#login input[type=text].t-error, #login input[type=password].t-error, #login #lcnum.t-error {
  border-color: #be2228;
}

#dateFilter .error-message {
  top: 0;
  left: 0;
  margin-bottom: 0;
}
#dateFilter .error-header {
  font-size: 14px;
}

#libcardwrapper .error-header {
  font-size: 14px;
}

input[type=checkbox].t-error {
  position: relative;
}
input[type=checkbox].t-error:after {
  content: " ";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  border-style: solid;
  border-color: #be2228;
  border-width: 1px;
  border-radius: 2px;
}

#termsAndConditionsRow {
  position: relative;
}
#termsAndConditionsRow .error-message {
  position: absolute;
  top: 18;
}
@media screen and (min-width: 769px) {
  #termsAndConditionsRow .error-message {
    top: 0;
  }
}

.page-signup #mainContent, .page-login #mainContent {
  padding-top: 0;
}
@media screen and (min-width: 961px) {
  .page-signup #mainContent, .page-login #mainContent {
    padding-top: 0;
    padding-left: 0;
  }
}

.micromodaljs-modal {
  display: none;
}
.micromodaljs-modal.is-open {
  display: block;
}
.micromodaljs-modal iframe {
  border: none;
  width: 100%;
  /*max-height: calc(80vh - 30px);*/
  max-height: unset !important;
}
.micromodaljs-modal header {
  position: absolute;
  top: 10px;
  right: 15px;
}
.micromodaljs-modal .loading {
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.15), 0px 6px 10px 0px rgba(0, 0, 0, 0.1), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  position: fixed;
  top: calc(50vh - 25px);
  z-index: 100;
}
.micromodaljs-modal .loading .throbber {
  margin: 13px auto;
}
.micromodaljs-modal .loading span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.lightboxTitle span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.micromodaljs-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

#citeLightboxIframe {
  max-height: none !important;
}

.micromodaljs-modal-container {
  background-color: #f9f9f9;
  padding: 15px;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  /*max-height:80vh;*/
  overflow: visible;
}

.micromodaljs-modal-close-button {
  position: absolute;
  top: -28px;
  right: -33px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 50px;
  padding: 0;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #267cb5;
  background-color: #267cb5;
  background-image: -webkit-linear-gradient(bottom, #267cb5);
  background-image: linear-gradient(to top,#267cb5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#267cb5, endColorstr=)";
  /* a lot of buttons were using the a link color instead of the button color */
  color: #ffffff !important;
  font-weight: 400;
}
.micromodaljs-modal-close-button i {
  font-size: 20px;
  color: #ffffff !important;
  line-height: 1.7;
}
.micromodaljs-modal-close-button .c-IconButton {
  padding: 7px;
}

.micromodaljs-modal-existing .micromodaljs-modal-content {
  max-height: 100%;
  overflow: auto;
}

.micromodaljs-modal-content {
  overflow: auto !important;
  height: 100% !important;
  max-height: calc(80vh - 30px);
}

.has-open-modal {
  overflow: hidden !important;
}

#headerUtilityBar .expandContractButtons a:focus {
  color: #ffffff;
}

.home #homeFrame h3.latestLabel a:focus {
  text-decoration: none;
}

.taxonomyTree > h3 {
  pointer-events: none !important;
}

#refineLifeEventTerms .life-event-type {
  width: 100%;
}

.new-date-field-set .date-search-filter > legend {
  font-size: 1.1em !important;
  font-weight: 600 !important;
  padding-top: 10px;
  margin-bottom: 0.5em;
}

.book-index-card img {
  border: 1px solid #cfd5e4;
  max-width: 130px !important;
  margin-bottom: 3px;
}
.book-index-card h2 {
  margin-bottom: 2px;
}
.book-index-card h2, .book-index-card p, .book-index-card div {
  font-size: 0.9375rem !important;
}
.book-index-card a, .book-index-card h2 {
  color: #006fb7;
}
.book-index-card a:hover, .book-index-card h2:hover {
  color: #006fb7;
}
.book-index-card .contributors {
  margin-top: 0.25em;
}

.mainBase .book-index-card {
  margin-bottom: 2rem;
  overflow: hidden;
}
.mainBase .book-index-card img {
  float: left;
}
.mainBase .book-index-card .title {
  margin-left: 150px;
}
.mainBase .book-index-card .contributors {
  margin-top: 0.5em;
  margin-left: 150px;
}

@media screen and (min-width: 961px) {
  .mainBase .book-index-card {
    display: none;
  }
}
#leftColumn .book-index-card div.contributors:last-child {
  padding-bottom: 25px;
}
@media screen and (min-width: 961px) {
  #leftColumn .book-index-card div.contributors:last-child {
    padding-bottom: 25px;
  }
}

.cxs-content-root .displayMaths span[class*=" MJXc-space"], .cxs-content-root .displayMaths span[class^=MJXc-space] {
  line-height: 0;
}

#readPanel .mjx-chtml {
  line-height: 0;
}
#readPanel .MJXc-TeX-unknown-R {
  font-family: STIXGeneral, "Cambria Math", "Arial Unicode MS", serif;
  font-style: normal;
  font-weight: normal;
}
#readPanel .MJXc-TeX-unknown-I {
  font-family: STIXGeneral, "Cambria Math", "Arial Unicode MS", serif;
  font-style: italic;
  font-weight: normal;
}
#readPanel .MJXc-TeX-unknown-B {
  font-family: STIXGeneral, "Cambria Math", "Arial Unicode MS", serif;
  font-style: normal;
  font-weight: bold;
}
#readPanel .MJXc-TeX-unknown-BI {
  font-family: STIXGeneral, "Cambria Math", "Arial Unicode MS", serif;
  font-style: italic;
  font-weight: bold;
}
#readPanel .MJXc-TeX-ams-R {
  font-family: MJXc-TeX-ams-R, MJXc-TeX-ams-Rw;
}
#readPanel .MJXc-TeX-cal-B {
  font-family: MJXc-TeX-cal-B, MJXc-TeX-cal-Bx, MJXc-TeX-cal-Bw;
}
#readPanel .MJXc-TeX-frak-R {
  font-family: MJXc-TeX-frak-R, MJXc-TeX-frak-Rw;
}
#readPanel .MJXc-TeX-frak-B {
  font-family: MJXc-TeX-frak-B, MJXc-TeX-frak-Bx, MJXc-TeX-frak-Bw;
}
#readPanel .MJXc-TeX-math-BI {
  font-family: MJXc-TeX-math-BI, MJXc-TeX-math-BIx, MJXc-TeX-math-BIw;
}
#readPanel .MJXc-TeX-sans-R {
  font-family: MJXc-TeX-sans-R, MJXc-TeX-sans-Rw;
}
#readPanel .MJXc-TeX-sans-B {
  font-family: MJXc-TeX-sans-B, MJXc-TeX-sans-Bx, MJXc-TeX-sans-Bw;
}
#readPanel .MJXc-TeX-sans-I {
  font-family: MJXc-TeX-sans-I, MJXc-TeX-sans-Ix, MJXc-TeX-sans-Iw;
}
#readPanel .MJXc-TeX-script-R {
  font-family: MJXc-TeX-script-R, MJXc-TeX-script-Rw;
}
#readPanel .MJXc-TeX-type-R {
  font-family: MJXc-TeX-type-R, MJXc-TeX-type-Rw;
}
#readPanel .MJXc-TeX-cal-R {
  font-family: MJXc-TeX-cal-R, MJXc-TeX-cal-Rw;
}
#readPanel .MJXc-TeX-main-B {
  font-family: MJXc-TeX-main-B, MJXc-TeX-main-Bx, MJXc-TeX-main-Bw;
}
#readPanel .MJXc-TeX-main-I {
  font-family: MJXc-TeX-main-I, MJXc-TeX-main-Ix, MJXc-TeX-main-Iw;
}
#readPanel .MJXc-TeX-main-R {
  font-family: MJXc-TeX-main-R, MJXc-TeX-main-Rw;
}
#readPanel .MJXc-TeX-math-I {
  font-family: MJXc-TeX-math-I, MJXc-TeX-math-Ix, MJXc-TeX-math-Iw;
}
#readPanel .MJXc-TeX-size1-R {
  font-family: MJXc-TeX-size1-R, MJXc-TeX-size1-Rw;
}
#readPanel .MJXc-TeX-size2-R {
  font-family: MJXc-TeX-size2-R, MJXc-TeX-size2-Rw;
}
#readPanel .MJXc-TeX-size3-R {
  font-family: MJXc-TeX-size3-R, MJXc-TeX-size3-Rw;
}
#readPanel .MJXc-TeX-size4-R {
  font-family: MJXc-TeX-size4-R, MJXc-TeX-size4-Rw;
}
#readPanel .MJXc-TeX-vec-R {
  font-family: MJXc-TeX-vec-R, MJXc-TeX-vec-Rw;
}
#readPanel .MJXc-TeX-vec-B {
  font-family: MJXc-TeX-vec-B, MJXc-TeX-vec-Bx, MJXc-TeX-vec-Bw;
}
#readPanel span.MJXc-TeX-unknown-R {
  width: auto !important;
}

#shareLinkModalBody div {
  margin: 12px 0;
}
#shareLinkModalBody textarea {
  margin-bottom: 15px;
  resize: none;
}
#shareLinkModalBody a, #shareLinkModalBody button {
  display: inline-block;
  padding: 7px;
  border-radius: 3px;
  background-color: #267cb5;
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
}
#shareLinkModalBody h2 {
  margin-top: 0;
}

#pageBody .advanced-search .date-query-rows fieldset div.select-group {
  display: block;
  width: 100%;
}
#pageBody .advanced-search .date-query-rows fieldset div.select-group select {
  width: 55%;
}

i {
  font-style: italic;
}

[data-error-block-for] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.visibility-hidden {
  visibility: hidden;
}

a[data-afl-trigger] {
  display: none;
}

.fade-out-supported {
  opacity: 1;
  transition: opacity 0.5s ease-out;
}

.fade-out {
  opacity: 0;
}

.fade-out-hidden {
  z-index: -1;
}

.position-relative {
  position: relative;
}

.width-fit-content {
  width: fit-content;
}

html:not([data-debug-enabled]) .exception-container {
  display: none;
}

.personalization-link-button {
  display: block;
  cursor: pointer;
  color: white;
  background-image: url("../assets/arrowExpanded-white.svg");
  background-size: 8px 8px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  padding-right: 17px;
  margin-top: 2px;
}
.personalization-link-button[aria-expanded=true] {
  background-image: url("../assets/closeExpander-white.svg");
  background-size: 10px 8px;
}
.personalization-link-button:hover, .personalization-link-button:focus {
  color: white;
}
@media screen and (max-width: 1024px) {
  .personalization-link-button {
    display: none;
  }
}

.personalization-link-sign-in {
  font-size: 0.95em;
}

.personalization-text-mobile {
  font-weight: bold;
  display: inline-block;
  margin-bottom: 3px;
  margin-top: 12px;
  padding: 3px 15px 0 12px;
}

.personalization-logged-in {
  position: relative;
}

.personalization-dropdown {
  background-color: white;
  padding: 12px 12px 8px 12px;
  border-radius: 3px;
  margin-top: 10px;
  display: inline-block;
  position: absolute;
  border-color: #cfd5e5;
  border-width: 1px;
  border-style: solid;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .personalization-dropdown {
    padding: 0;
    position: relative;
    border: none;
    margin-top: 0;
  }
}
.personalization-dropdown:before {
  content: " ";
  transform: rotate(56deg) skewX(20deg);
  width: 13px;
  height: 13px;
  top: -8px;
  right: 10px;
  display: block;
  position: absolute;
  background-color: white;
  border-style: solid;
  border-width: 1px 0 0 1px;
  border-color: #cfd5e5;
}
@media screen and (max-width: 1024px) {
  .personalization-dropdown:before {
    display: none;
  }
}
.personalization-dropdown .personalization-link {
  display: block;
  text-align: left;
}
.personalization-dropdown .personalization-link + .personalization-link {
  margin-top: 12px;
}
.personalization-dropdown .personalization-link.personalization-my-stuff a {
  color: #2a2a2a;
  padding: 0 15px 0 0;
  line-height: 1.9em;
  border-left: 3px solid transparent;
  display: block;
}
@media screen and (max-width: 1024px) {
  .personalization-dropdown .personalization-link.personalization-my-stuff a {
    padding-left: 9px;
  }
  .personalization-dropdown .personalization-link.personalization-my-stuff a:hover, .personalization-dropdown .personalization-link.personalization-my-stuff a:focus {
    background-color: #f2f5f9;
    border-left-color: #2a2a2a;
  }
}
.personalization-dropdown .personalization-link.personalization-sign-out {
  padding: 0 15px 10px 0;
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .personalization-dropdown .personalization-link.personalization-sign-out {
    padding-left: 13px;
    margin-top: 8px;
  }
}
.personalization-dropdown .personalization-link.personalization-sign-out a {
  color: #ffffff;
  padding: 8px;
  background-color: #267cb5;
  border-radius: 3px;
  display: inline-block;
}

#header #loginNav .personalization-link-sign-in a {
  color: white;
  margin-top: 3px;
  display: block;
}
@media screen and (max-width: 1024px) {
  #header #loginNav .personalization-link-sign-in a {
    color: #2a2a2a;
    margin-top: 10px;
    padding: 0 15px 0 12px;
    line-height: 1.9em;
    border-left: 3px solid transparent;
  }
  #header #loginNav .personalization-link-sign-in a:hover, #header #loginNav .personalization-link-sign-in a:focus {
    background-color: #f2f5f9;
    border-left-color: #2a2a2a;
  }
}

@media screen and (max-width: 1024px) {
  .display-mobile-always, .display-none.display-mobile-always {
    display: block !important;
  }
}
.page-editsearch #alertRow {
  display: none;
}

.page-login .login-form .content-box-body #usernameForm input[type=text],
.page-login .login-form .content-box-body #usernameForm input[type=password],
.page-login .login-form .content-box-body #form input[type=text],
.page-login .login-form .content-box-body #form input[type=password],
.page-signup .signup-form .content-box-body #usernameForm input[type=text],
.page-signup .signup-form .content-box-body #usernameForm input[type=password],
.page-signup .signup-form .content-box-body #form input[type=text],
.page-signup .signup-form .content-box-body #form input[type=password] {
  max-width: 300px;
}

/*----------------------------------------------------------------------------------------
		START OF OUP PROVIDED STYLES.  DO NOT PUT ANY PUBFACTORY STYLES BELOW HERE
----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------
	OUP PROVIDED SKIN OVERRIDES.
	avoid editing
---------------------------------------------------------------------------------------*/
#headerLogo {
  padding-top: 0;
}

#searchBtn {
  background-color: #ffffff;
  height: 28px !important;
  right: 1px;
  top: 1px;
  width: 30px;
}

#headerUtilityBar * {
  -webkit-font-smoothing: antialiased;
}

#headerUtilityBar .expandContractButtons a {
  color: #ffffff;
  background-image: url("/staticfiles/images/arrowExpanded-white.svg");
  background-size: 8px 10px;
}

#headerUtilityBar .expandContractButtons a:hover {
  color: #ffffff;
}

#headerUtilityBar .expandContractButtons a.active {
  background-image: url("/staticfiles/images/closeExpander-white.svg");
  background-size: 10px 8px;
}

@media screen and (max-width: 1024px) {
  #navigation {
    font-size: 1em;
  }

  #headerUtilityBar {
    color: #2a2a2a;
    padding-bottom: 5px;
  }

  #headerUtilityBar #utilityNav {
    background: #ffffff;
    color: #2a2a2a;
  }

  #headerUtilityBar #utilityNav * {
    -webkit-font-smoothing: initial;
  }

  #headerUtilityBar #utilityNav a {
    color: #2a2a2a;
  }

  #headerUtilityBar #userNav * {
    -webkit-font-smoothing: initial;
  }

  #headerUtilityBar .user-nav-list a:focus, #headerUtilityBar .user-nav-list a:hover {
    color: #2a2a2a !important;
  }
}
#libraryModule {
  margin-bottom: 0;
}

#pageContent, .contentPage h1#pagetitle {
  max-width: 690px;
}

.contentPage #columnOne li.current ul {
  font-weight: normal;
}

.contentPage #columnOne .toggle.plustoggle:before {
  font-size: 18px;
  line-height: 20px;
}

.contentPage #columnOne ul li.expandable .toggle {
  width: 18px;
}

.contentPage #columnOne .toc li.expandable ul {
  margin-bottom: 0;
}

.contentPage #columnOne .toc li.expandable.shut > ul {
  display: none;
}

.contentPage #mainContent .tableLayout tr, #homeFrame .tableLayout tr {
  border-bottom: 0;
}

.contentPage #mainContent .tableLayout td, #homeFrame .tableLayout td {
  font-family: "Merriweather", Garamond, "Hoefler Text", "Times New Roman", Times, serif;
  font-size: 1em;
  padding: 0;
}

div#glossaryList {
  display: none;
}

@media screen and (min-width: 961px) {
  .bookDetail #leftColumn div:last-child {
    padding-bottom: 175px;
  }
}
.advSearchModule input[type=text] {
  top: 0;
}

.browseResults .resultsBar {
  font-size: 15px;
}

.browseResults .resultsBar select {
  font-size: 14px !important;
}

.browseResults .contentItem {
  padding-top: 34px !important;
  font-size: 16px;
}

.browseResults .contentItem .item-title {
  font-family: "Merriweather", Garamond, "Hoefler Text", "Times New Roman", Times, serif;
  font-size: 1.25em;
  font-weight: normal !important;
}

.browseResults .contentItem.standardResult .metadata, .browseResults .contentItem .metaBlock dt, .browseResults .contentItem .metaBlock dd {
  font-size: inherit;
}

.browseResults .contentItem .metaBlock dl {
  line-height: 1.4em;
}

.pagination .current {
  font-weight: bold;
}

li[data-facet-value=Media] {
  display: none;
}

.hi-visible .hi {
  background-color: transparent;
  color: #2a2a2a;
  font-weight: bold;
}

.contentRestrictedMessage {
  background-color: #ffffff;
  padding: 0;
}

.contentRestrictedMessage a {
  font-weight: normal;
}

#footerNav {
  margin-top: 1em;
}

.region {
  margin-bottom: 45px;
}

.pageRow {
  margin: 0 0 17px 0;
}

.pageRow:last-child {
  margin-bottom: 0;
}

.column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11 {
  display: inline-block;
  line-height: 1.45em;
  margin-bottom: 17px;
  width: 100%;
}

.column2 > div, .column3 > div, .column4 > div, .column5 > div, .column6 > div, .column7 > div, .column8 > div, .column9 > div, .column10 > div, .column11 > div {
  overflow: hidden;
}

.column2:last-child, .column3:last-child, .column4:last-child, .column5:last-child, .column6:last-child, .column7:last-child, .column8:last-child, .column9:last-child, .column10:last-child, .column11:last-child {
  margin-bottom: 0;
}

.column12 {
  width: 100%;
}

.column12 > div {
  overflow: hidden;
}

.featuredBox {
  background-color: #f2f5f9;
}

.featuredBox.featuredArticle {
  background-color: transparent;
}

.featuredBox.featuredArticle img {
  float: left;
  margin: 5px 15px 5px 0;
  max-height: 190px;
  max-width: 130px !important;
  width: auto;
}

.featuredBox.featuredArticle .featuredBody {
  padding: 0;
}

.featuredBox.featuredArticle.column12 .featuredBody img {
  max-height: none;
  margin-top: 0;
  max-width: 33% !important;
}

.featuredBox.featuredArticle.imageOnly .featuredBody img {
  max-width: 100% !important;
  margin-top: 5px;
  max-height: none;
}

.featuredBox .featuredImage a {
  display: block;
}

.featuredBox .featuredImage img {
  display: inherit;
  margin-bottom: 0 !important;
  width: 100%;
}

.featuredBox .featuredBody {
  padding: 20px;
}

.featuredBox h3 {
  font-size: 1.15em;
}

.featuredBox h3 a {
  color: #2a2a2a;
}

.listBox {
  border: 1px solid #cfd5e5;
}

.listBox .listBody {
  padding-bottom: 20px;
  height: 100%;
}

.listBox .twitterBody {
  height: calc(100% - 44px);
  min-height: 400px;
  overflow: auto;
  position: relative;
}

.listBox .twitterBody > div {
  overflow: hidden;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 15px;
}

.listBox .twitterBody > div > iframe {
  margin-top: -1px !important;
}

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

.listBox p {
  padding: 10px 20px 0 20px;
}

.listBox li {
  border-bottom: 1px solid #cfd5e5;
  display: block;
  list-style: none;
  margin: 0;
  padding: 20px;
}

.listBox li:last-child {
  margin-bottom: 10px;
}

.listBox li a {
  color: #2a2a2a;
}

.listBox h3 {
  border-bottom: 1px solid #cfd5e5;
  font-size: 1.3em;
  margin-bottom: 0;
  padding: 20px 0;
  text-align: center;
}

.latestPanel {
  border: 1px solid #cfd5e5;
  padding: 20px 10px;
}

.latestBox h3 {
  font-size: 1.15em;
  margin-bottom: 0;
}

.latestBox h3 a {
  color: #2a2a2a;
}

.latestBox img {
  float: left;
  margin: 5px 15px 5px 0;
  max-height: 110px;
  max-width: 110px;
}

.latestBox .latestBody {
  margin-bottom: 25px;
}

.latestBox .latestBody:last-child {
  margin-bottom: 0;
}

.latestBox .latestBody > .indentedList > li {
  margin-bottom: 15.25px;
}

.latestBox .latestBody > .indentedList > li:last-child {
  margin-bottom: 0;
}

.latestBox .latestBody > .indentedList > li:first-child {
  padding-top: 0;
}

.timeline {
  padding-top: 1em;
}

.timeline .pageRow {
  border-left: 3px solid #cfd5e5;
  margin-bottom: 0;
  padding-left: 30px;
  position: relative;
}

.timeline .timelineDate {
  margin-bottom: 0;
}

.timeline .timelineDate h3 {
  font-size: 1.1em !important;
  margin: 0 0 11.25px 0 !important;
}

.timeline .timelineDate:after {
  background: #2a2a2a url("/staticfiles/images/timelineIndicator.svg") no-repeat top left;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  left: -7px;
  top: 6px;
  width: 11px;
}

.timeline .pageRow:first-child .timelineDate:before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  left: -7px;
  width: 11px;
}

.timeline .timelineBody {
  padding-bottom: 1em;
}

.timeline .timelineBody img {
  float: left;
  margin-right: 15px;
  margin-top: 4px;
}

.timeline .pageRow:last-child .timelineBody {
  padding-bottom: 0;
}

.timeline .pageRow:last-child .timelineBody p:last-child {
  margin-bottom: 0 !important;
}

.home #columnWrapper {
  overflow: hidden;
}

.home #columnWrapper .expandContractButtons {
  position: static;
}

.home #mainContent {
  padding-top: 0;
}

.home .homepageLoginWelcome {
  margin-bottom: 0;
}

.home .homepageLoginWelcome #login {
  padding-top: 0;
  margin-top: 20px;
}

.home #homeFrame {
  padding-top: 0;
  max-width: none;
}

.home #homeFrame p {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.975em;
  line-height: 1.45em;
  margin-bottom: 11.25px;
}

.home #homeFrame li {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.975em;
  line-height: 1.45em;
  margin-bottom: 5.25px;
  margin-left: 1.25em;
}

.home #homeFrame ul ul {
  margin-top: 5.25px;
}

.home #homeFrame h1, .home #homeFrame h2, .home #homeFrame h3, .home #homeFrame h4, .home #homeFrame h5, .home #homeFrame h6 {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 11.25px;
}

.home #homeFrame p:last-child, .home #homeFrame li:last-child {
  margin-bottom: 0;
}

.home #homeFrame #featuredBook {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  margin: 0 -17px;
  padding-top: 120px;
}

.home #homeFrame .welcomeBody {
  width: 100%;
}

.home #homeFrame .welcomeBody h1 {
  font-size: 1.45em;
  margin-bottom: 15px;
  margin-top: 0;
}

.home #homeFrame .welcomeBody ul {
  margin-bottom: 20px;
}

.home #homeFrame .welcomeBody li {
  list-style: disc;
  margin: 0 0 5px 15px;
  font-size: 1.05em;
}

.home #homeFrame .welcomeBody p {
  margin-bottom: 5px;
  line-height: 1.1em;
  font-size: 1.05em;
}

.home #homeFrame .welcomeBox {
  padding: 20px 17px;
}

.home #homeFrame .articleCategory, .home #homeFrame .collectionLabel {
  font-size: 0.8em;
  letter-spacing: 0.5px;
  line-height: 1em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.home #homeFrame .indentedList > li {
  list-style: none;
  margin-left: 0;
}

.home #homeFrame .featuredBox .featuredImage img {
  margin-bottom: 0 !important;
}

.home #homeFrame .featuredBox h3 {
  font-size: 1.15em;
}

.home #homeFrame .listBox li {
  margin: 0;
  padding: 20px;
}

.home #homeFrame .listBox li:last-child {
  margin-bottom: 10px;
}

.home #homeFrame .listBox h3 {
  font-size: 1.3em;
  margin-bottom: 0;
}

.home #homeFrame .latestBox h3 {
  font-size: 1.15em;
  margin-bottom: 0;
}

.home #homeFrame .message-feed-containter .message-feed-content.oftheday {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.home #homeFrame .message-feed-containter h2.message-feed-header {
  border-bottom-width: 0;
  color: #2a2a2a;
  font-size: 1.4em;
  margin: 0 50px 11.25px 0;
  text-align: left;
  text-transform: none;
}

.home #homeFrame .message-feed-containter p {
  font-size: 0.975em;
  line-height: 1.45em;
  margin-bottom: 11.25px;
}

.home #homeFrame .message-feed-containter li {
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.975em;
  line-height: 1.45em;
  margin-bottom: 5.25px;
  margin-left: 1.25em;
}

.home #homeFrame .message-feed-containter ul ul {
  margin-top: 5.25px;
}

.home #homeFrame .message-feed-containter p:last-child, .home #homeFrame .message-feed-containter li:last-child {
  margin-bottom: 0;
}

.home #homeFrame .message-feed-containter .oftheday .ico-rss, .home #homeFrame .message-feed-containter .oftheday .ico-email {
  color: #2a2a2a;
  top: 0;
}

.contentPage.pageBanner #pagetitle {
  margin-top: 160px;
}

.contentPage.pageBanner .banner {
  height: 120px;
  overflow: hidden;
  position: absolute;
  top: 90px;
  max-width: 690px;
  width: 100%;
}

.contentPage.pageBanner .banner img {
  max-width: initial !important;
}

.contentPage #mainContent li {
  margin-bottom: 7.425px;
}

.contentPage #mainContent .videoContainer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.contentPage #mainContent .videoContainer iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.contentPage #mainContent .videoContainer:after {
  content: "";
  display: block;
}

.contentPage #mainContent .videoContainer.ratio16by9:after {
  padding-top: 56.25%;
}

.contentPage #mainContent .videoContainer.ratio4by3:after {
  padding-top: 75%;
}

.contentPage #mainContent .featuredBox h3 {
  font-size: 1.15em;
  margin: 0;
}

.contentPage #mainContent .featuredBox.column4 h3 {
  text-align: center;
}

.contentPage .figure {
  display: table;
}

.contentPage .figure .figureCaption {
  caption-side: bottom;
  display: table-caption;
  font-size: 0.8em;
}

@media screen and (max-width: 599px) {
  .home #homeTabsAndPanels {
    padding: 0;
  }

  .home #homeFrame #featuredBook {
    padding-top: 150px;
  }

  .featuredBox.featuredArticle {
    border-bottom: 1px solid #cfd5e5;
    margin-bottom: 25px;
    padding-bottom: 17px;
  }

  .featuredBox.featuredArticle:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .featuredBox.featuredArticle:last-child img {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 600px) {
  .pageRow {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    margin: 0 -10px 20px -10px;
  }

  .pageRow.latestPanel {
    margin: 0;
  }

  .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {
    margin: 0 10px;
  }

  .column11 {
    width: 91.6666666667%;
  }

  .column10 {
    width: 83.3333333333%;
  }

  .column9 {
    width: 75%;
  }

  .column8 {
    width: 66.6666666667%;
  }

  .column7 {
    width: 58.3333333333%;
  }

  .column6 {
    width: 50%;
  }

  .column5 {
    width: 41.6666666667%;
  }

  .column4 {
    width: 33.3333333333%;
  }

  .column3 {
    width: 25%;
  }

  .column2 {
    width: 16.6666666667%;
  }

  .column1 {
    width: 8.3333333333%;
  }

  .featuredBox.featuredArticle {
    border-bottom-width: 0;
  }

  .featuredBox.featuredArticle .featuredBody {
    padding-right: 20px;
  }

  .featuredBox.featuredArticle:nth-child(even) {
    box-sizing: content-box;
    border-left: 1px solid #cfd5e5;
    margin-left: 0;
    padding-left: 10px;
  }

  .featuredBox.featuredArticle:nth-child(even) .featuredBody {
    padding-left: 20px;
    padding-right: 0;
  }

  .timeline {
    padding-top: 2em;
  }

  .timeline .pageRow {
    border-width: 0;
    padding-left: 0;
  }

  .timeline .timelineDate {
    border-right: 3px solid #cfd5e5;
    padding-right: 40px;
    position: relative;
  }

  .timeline .timelineDate:after {
    left: auto;
    right: -7px;
  }

  .timeline .timelineDate h3 {
    font-size: 1em !important;
    text-align: right;
  }

  .timeline .pageRow:first-child .timelineDate:before {
    left: auto;
    right: -7px;
  }

  .timeline .timelineBody {
    padding-bottom: 2em;
    padding-left: 20px;
  }

  .home #homeFrame #featuredBook {
    position: relative;
    background-color: transparent;
    margin: 0;
    padding: 0;
  }

  .home #homeFrame #featuredBook:before {
    bottom: 0;
    content: "";
    left: 0;
    margin-left: -1500px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30000px;
    z-index: 0;
  }

  .home #homeFrame #featuredBook:after {
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    left: 0;
    margin: 0 -17px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
  }

  .home #homeFrame #featuredBookBlock {
    margin: 0 auto 40px auto;
    max-width: 690px;
    z-index: 1;
  }

  .home #homeFrame .welcomeBox {
    background-color: transparent;
    padding: 40px 0;
  }

  .home #homeFrame .welcomeBody {
    width: 60%;
  }

  .home #homeFrame .welcomeBody h1 {
    font-size: 1.55em;
  }

  .home #homeFrame .welcomeBody p {
    display: inline-block;
    margin-right: 1.6em;
  }

  .home #homeFrame #homeTabsAndPanels {
    margin: 0 auto;
    max-width: 690px;
  }

  .home #homeFrame h3.latestLabel {
    border-bottom: 2px solid #2a2a2a;
    display: inline-block;
    font-size: 0.9em;
    letter-spacing: 0.5px;
    line-height: 1em;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
  }

  .home #homeFrame h3.latestLabel a {
    color: #2a2a2a;
  }

  .home #homeFrame h3.latestLabel a:hover {
    text-decoration: none;
  }

  .contentPage .figure.textWrap {
    float: right;
    margin-left: 20px;
  }
}
@media screen and (min-width: 961px) {
  .home #columnWrapper {
    max-width: 100%;
    padding: 0;
    margin: 0 !important;
  }

  .home #pageBody {
    margin: 0 !important;
    max-width: 100%;
  }

  .home #mainContent {
    float: none;
    margin: 0 auto !important;
    position: relative;
    max-width: 1024px;
  }

  .home .homepageLoginWelcome {
    top: 50px;
    left: 17px;
  }

  .home .homepageLoginWelcome #login {
    margin-top: 0;
  }

  .home #login {
    padding-top: 0;
    margin-top: 0;
  }

  .home #loginPanel {
    margin-bottom: 0;
  }

  .home #homeFrame {
    padding: 0 17px !important;
  }

  .home #homeFrame #featuredBook:after {
    margin-left: -1120px;
    width: 3000px;
  }

  .home #homeFrame #featuredBook .welcomeBox {
    padding-top: 50px;
  }

  .home #homeFrame #featuredBook .welcomeBody {
    width: 65%;
  }

  .home #homeFrame #featuredBookBlock {
    max-width: none;
  }

  .home #homeFrame #homeTabsAndPanels {
    max-width: none;
  }

  .contentPage.pageBanner .banner {
    left: 300px;
    right: 0;
    top: 0;
  }
}
.fancybox-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.fancybox-skin {
  background-color: #f2f5f9;
}

.buttonProceed {
  border-radius: 3px;
  padding: 4px 10px;
  background-color: #2880ba;
  color: #ffffff;
  margin-right: 10px;
}

#previewWrapper > p {
  margin-top: 1em;
  margin-bottom: 1em;
}

hr#divider {
  border-color: #cfd5e5;
  border-style: solid;
  border-width: 0 0 1px 0;
  margin-bottom: 1em;
}

select#format {
  margin-right: 1em;
}

.modalWindow.email #modalInnerContent > div {
  margin-top: 1em;
  margin-bottom: 1em;
}

.modalWindow.email #submit {
  margin-left: 1em;
}

.modalWindow.email #messageRow {
  width: 100%;
}

.modalWindow.email #recaptcha_table {
  width: 100%;
}

.page-login .login-form, .page-signup .signup-form {
  width: 100%;
}

.page-login .login-form .content-box, .page-signup .signup-form .content-box {
  border: 0;
}

.page-login .login-form .content-box-header, .page-signup .signup-form .content-box-header {
  background-color: transparent;
  border: 0;
  padding: 0;
}

.page-login .login-form .content-box-header h2, .page-signup .signup-form .content-box-header h2 {
  font-size: 1.75em;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 22.5px;
  margin-top: 15px;
}

.page-login .login-form .content-box-body, .page-signup .signup-form .content-box-body {
  padding: 0;
}

.page-login .login-form .content-box-body > h4, .page-signup .signup-form .content-box-body > h4 {
  background-color: #f2f5f9;
  border-top: 1px solid #cfd5e5;
  margin-bottom: 2em;
  padding: 1em 15px;
}

.page-login .login-form .content-box-body #usernameForm input[type=text], .page-login .login-form .content-box-body #usernameForm input[type=password], .page-login .login-form .content-box-body #form input[type=text], .page-login .login-form .content-box-body #form input[type=password], .page-signup .signup-form .content-box-body #usernameForm input[type=text], .page-signup .signup-form .content-box-body #usernameForm input[type=password], .page-signup .signup-form .content-box-body #form input[type=text], .page-signup .signup-form .content-box-body #form input[type=password] {
  width: 100%;
}

.page-login .login-form .content-box-body #submitRow, .page-signup .signup-form .content-box-body #submitRow {
  margin-top: 1em;
}

.page-login .login-form .content-box-body #submitRow input#cancel, .page-login .login-form .content-box-body #submitRow a.btnSignUp, .page-signup .signup-form .content-box-body #submitRow input#cancel, .page-signup .signup-form .content-box-body #submitRow a.btnSignUp {
  background-color: transparent;
  border: 0;
  color: #006fb7;
  margin-right: 1em;
}

@media screen and (min-width: 769px) {
  .page-login .login-form, .page-signup .signup-form {
    width: 700px;
  }

  .page-login .login-form .content-box-body #usernameForm input[type=text], .page-login .login-form .content-box-body #usernameForm input[type=password], .page-login .login-form .content-box-body #form input[type=text], .page-login .login-form .content-box-body #form input[type=password], .page-signup .signup-form .content-box-body #usernameForm input[type=text], .page-signup .signup-form .content-box-body #usernameForm input[type=password], .page-signup .signup-form .content-box-body #form input[type=text], .page-signup .signup-form .content-box-body #form input[type=password] {
    width: 50%;
  }
}
.forgot-password, .page-forgotpasswordemailsent #pageBody, .page-resetpassworddone #pageBody {
  margin-bottom: 3.5em;
}

.forgot-password h1, .page-forgotpasswordemailsent #pageBody h1, .page-resetpassworddone #pageBody h1 {
  font-size: 1.75em;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 22.5px;
  margin-top: 15px;
}

.forgot-password label, .page-forgotpasswordemailsent #pageBody label, .page-resetpassworddone #pageBody label {
  display: block;
  margin-bottom: 0.5em;
}

.forgot-password > p, .page-forgotpasswordemailsent #pageBody > p, .page-resetpassworddone #pageBody > p {
  background-color: #f2f5f9;
  border-top: 1px solid #cfd5e5;
  margin-bottom: 2em;
  padding: 1em 15px;
}

.forgot-password .actions, .page-forgotpasswordemailsent #pageBody .actions, .page-resetpassworddone #pageBody .actions {
  margin-top: 1em;
}

@media screen and (min-width: 769px) {
  .forgot-password, .page-forgotpasswordemailsent #pageBody, .page-resetpassworddone #pageBody {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .forgot-password input[type=text], .page-forgotpasswordemailsent #pageBody input[type=text], .page-resetpassworddone #pageBody input[type=text] {
    width: 50%;
  }
}
.page-resetpassword #mainContent #pagetitle {
  color: #2a2a2a;
  font-size: 1.75em;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.3em;
  margin: 15px 0 22.5px 0;
  padding: 0;
}

@media screen and (min-width: 769px) {
  .page-resetpassword #mainContent {
    left: inherit !important;
    margin: 0 auto 3.5em auto !important;
    padding: 0;
    width: 700px !important;
  }

  .page-resetpassword #mainContent input[type=text] {
    width: 50%;
  }
}
.page-glossary #pageBody .glossary-list, .contentPage #pageContent .glossary-list {
  background-color: transparent;
  color: #2a2a2a;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16.016px;
  line-height: 1.5em;
  margin-bottom: 0;
  text-rendering: optimizeLegibility;
}

.page-glossary #pageBody .alpha-nav, .contentPage #pageContent .alpha-nav {
  background-color: #f2f5f9;
  font-size: 0.85em;
  padding: 10px 15px;
}

.page-glossary #pageBody .alpha-nav-list, .contentPage #pageContent .alpha-nav-list {
  margin: 0;
  padding: 0;
  text-align: center;
}

.page-glossary #pageBody .alpha-nav-list-item, .contentPage #pageContent .alpha-nav-list-item {
  display: inline;
  float: none;
  font-size: 1em;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 0 11px;
}

.page-glossary #pageBody .alpha-nav-list-item a, .contentPage #pageContent .alpha-nav-list-item a {
  border: 0;
  font-size: 1.2em;
  display: inline;
  padding: 0;
}

.page-glossary #pageBody p, .page-glossary #pageBody li:last-child, .page-glossary #pageBody img, .contentPage #pageContent p, .contentPage #pageContent li:last-child, .contentPage #pageContent img {
  margin-bottom: 11.25px;
}

.page-glossary #pageBody td, .page-glossary #pageBody th, .contentPage #pageContent td, .contentPage #pageContent th {
  color: #2a2a2a;
  padding: 5px 10px;
  vertical-align: top;
}

.page-glossary #pageBody th, .contentPage #pageContent th {
  background-color: #cfd5e5;
  font-weight: bold;
  text-align: left;
}

.page-glossary #pageBody th a, .contentPage #pageContent th a {
  color: #2a2a2a;
}

.page-glossary #pageBody tr, .contentPage #pageContent tr {
  border-bottom: 1px solid #cfd5e5;
}

.page-glossary #pageBody tr:first-child, .contentPage #pageContent tr:first-child {
  border-top: 1px solid #cfd5e5;
}

.page-glossary #pageBody {
  margin: 2.5em auto 2em auto;
}

.signUpForm legend {
  font-weight: bold;
  margin-bottom: 1em;
}

#annotationsPopup {
  bottom: 0;
  height: auto;
  left: 0;
  margin: 0 !important;
  right: 0;
  top: auto;
  width: 100%;
}

#annotationsPopup .popup-header {
  height: auto;
}

#annotationsPopup .popup-content {
  padding: 0 15px 15px 15px;
  max-height: 200px;
}

#annotationsPopup .popup-content fieldset {
  padding: 0;
}

#annotationsPopup .annotationsForm {
  position: relative;
}

#annotationsPopup .annotationsForm .comment {
  font-size: 14px;
  min-height: 4em;
  padding-top: 0.5em;
}

#annotationsPopup .annotatedText {
  line-height: 1.2em;
  margin-bottom: 5px;
  padding: 0;
}

#annotationsPopup .shell {
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-top: 10px;
  max-width: 991px;
}

#annotationsPopup .rules {
  bottom: 19px;
  line-height: 1em;
  padding: 2px;
  position: absolute;
  right: 0px;
}

#annotationsPopup .count {
  padding-left: 5px;
}

#annotationsPopup .annotation {
  margin-bottom: 0;
}

#annotationsPopup .annotation .timestamp, #annotationsPopup .annotation .ownner {
  font-style: italic;
  line-height: 1.2em;
}

#annotationsPopup .annotation .annotatedText {
  margin-top: 10px;
}

#annotationsPopup .annotation header {
  margin-bottom: 10px;
}

#annotationsPopup .annotation blockquote {
  font-size: 0.9em;
  font-style: normal;
  line-height: 1.2em;
}

/*---------------------------------------------------------------------------------------
	OUP PROVIDED ODNB OVERRIDES.
	avoid editing
---------------------------------------------------------------------------------------*/
.site-odnb.home #homeFrame .message-feed-containter {
  background-color: #f2f5f9;
  padding: 20px;
  margin-bottom: 20px;
}
.site-odnb .timeline .timelineDate:after {
  background-color: #324473;
}

.site-odnb.searchPage h3.item-contributor, .site-odnb.browsePage h3.item-contributor {
  display: inline;
}

@media screen and (max-width: 599px) {
  .site-odnb.home #homeFrame #featuredBook {
    background-color: #f2f5f9;
    background-image: url(/fileasset/images/ODNB/MontageMobileODNB.jpg);
  }
  .site-odnb.home #homeFrame .welcomeBox {
    background-color: #f2f5f9;
  }
}
@media screen and (min-width: 600px) {
  .site-odnb.home #homeFrame #featuredBook:before {
    background: #f2f5f9;
  }
  .site-odnb.home #homeFrame #featuredBook:after {
    background-image: url(/fileasset/images/ODNB/MontageODNB.jpg);
    background-position: calc(50% + 460px) 46%;
    background-size: 820px;
  }
}
/*---------------------------------------------------------------------------------------
	OUP PROVIDED ANB OVERRIDES.
	avoid editing
---------------------------------------------------------------------------------------*/
.site-anb.home #homeFrame .message-feed-containter {
  background-color: #f2f5f9;
  padding: 20px;
  margin-bottom: 20px;
}
.site-anb.timeline .timelineDate:after {
  background-color: #006699;
}

@media screen and (max-width: 599px) {
  .site-anb.home #homeFrame #featuredBook {
    background-color: #f2f5f9;
    background-image: url(/fileasset/images/ANB/MontageMobileANB.jpg);
  }
  .site-anb.home #homeFrame .welcomeBox {
    background-color: #f2f5f9;
  }
}
@media screen and (min-width: 600px) {
  .site-anb.home #homeFrame #featuredBook:before {
    background: #f2f5f9;
  }
  .site-anb.home #homeFrame #featuredBook:after {
    background-image: url(/fileasset/images/ANB/MontageANB.jpg);
    background-position: calc(50% + 460px) 46%;
    background-size: 820px;
  }
}
/*---------------------------------------------------------------------------------------
	OUP PROVIDED Whos Who OVERRIDES.
	avoid editing
---------------------------------------------------------------------------------------*/
.site-whoswho.home #homeFrame .message-feed-containter {
  background-color: #f2f5f9;
  padding: 20px;
  margin-bottom: 20px;
}
.site-whoswho.home #homeFrame #featuredBook * {
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.site-whoswho .timeline .timelineDate:after {
  background-color: #e22342;
}
.site-whoswho .life-event-place {
  display: none;
}

@media screen and (max-width: 599px) {
  .site-whoswho.home #homeFrame #featuredBook {
    background-color: #3a3939;
    background-image: url(/fileasset/images/WW/MontageMobileWW.jpg);
  }
  .site-whoswho.home #homeFrame .welcomeBox {
    background-color: #3a3939;
  }
}
@media screen and (min-width: 600px) {
  .site-whoswho.home #homeFrame #featuredBook:before {
    background: #3a3939;
  }
  .site-whoswho.home #homeFrame #featuredBook:after {
    background-image: url(/fileasset/images/WW/MontageWW.jpg);
    background-position: calc(50% + 415px) 46%;
    background-size: 820px;
  }
}
/*---------------------------------------------------------------------------------------
	OUP PROVIDED OAO OVERRIDES.
	avoid editing
---------------------------------------------------------------------------------------*/
.site-oao #headerLogo {
  padding-top: 0px;
  padding-bottom: 19px;
}
.site-oao.home #homeFrame .featuredBox {
  background-color: #f8f8f8;
}
.site-oao.home #homeFrame .featuredBox.featuredArticle {
  background-color: transparent;
}
.site-oao .timeline .timelineDate:after {
  background-color: #399c99;
}

@media screen and (min-width: 1025px) {
  .site-oao #headerLogo {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .site-oao #headerLogo a {
    width: auto !important;
    height: 39px !important;
    background-position: center left;
    background-size: contain !important;
  }
}
@media screen and (max-width: 599px) {
  .site-oao.home #homeFrame #featuredBook {
    background-color: #f8f8f8;
    background-image: url(/fileasset/images/OAO/MontageMobileOAO.jpg);
  }
  .site-oao.home #homeFrame .welcomeBox {
    background-color: #f8f8f8;
  }
}
@media screen and (min-width: 600px) {
  .site-oao.home #homeFrame #featuredBook:before {
    background: #f8f8f8;
  }
  .site-oao.home #homeFrame #featuredBook:after {
    background-image: url(/fileasset/images/OAO/MontageOAO.jpg);
    background-position: calc(50% + 460px) 46%;
    background-size: 820px;
  }
}
/*---------------------------------------------------------------------------------------
	OUP PROVIDED BENEZIT OVERRIDES.
	avoid editing
---------------------------------------------------------------------------------------*/
.site-benezit #headerLogo {
  padding-bottom: 15px;
}
.site-benezit.home #homeFrame .featuredBox {
  background-color: #f8f8f8;
}
.site-benezit.home #homeFrame .featuredBox.featuredArticle {
  background-color: transparent;
}
.site-benezit .timeline .timelineDate:after {
  background-color: #399c99;
}

@media screen and (min-width: 1025px) {
  .site-benezit #headerLogo {
    padding-bottom: 18px;
  }
}
@media screen and (max-width: 599px) {
  .site-benezit.home #homeFrame #featuredBook {
    background-color: #f8f8f8;
    background-image: url(/fileasset/images/OAO/MontageMobileBEN.jpg);
  }
  .site-benezit.home #homeFrame .welcomeBox {
    background-color: #f8f8f8;
  }
}
@media screen and (min-width: 600px) {
  .site-benezit.home #homeFrame #featuredBook:before {
    background: #f8f8f8;
  }
  .site-benezit.home #homeFrame #featuredBook:after {
    background-image: url(/fileasset/images/OAO/MontageBEN.jpg);
    background-position: calc(50% + 475px) 46%;
    background-size: 820px;
  }
}
/*---------------------------------------------------------------------------------------
	OUP PROVIDED Grove Art OVERRIDES.
	avoid editing
---------------------------------------------------------------------------------------*/
.site-groveart #headerLogo {
  padding-bottom: 22px;
}
.site-groveart.home #homeFrame .featuredBox {
  background-color: #f8f8f8;
}
.site-groveart.home #homeFrame .featuredBox.featuredArticle {
  background-color: transparent;
}
.site-groveart .timeline .timelineDate:after {
  background-color: #399c99;
}

@media screen and (min-width: 1025px) {
  .site-groveart #headerLogo {
    padding-bottom: 26px;
  }
}
@media screen and (max-width: 599px) {
  .site-groveart.home #homeFrame #featuredBook {
    background-color: #f8f8f8;
    background-image: url(/fileasset/images/OAO/MontageMobileGAO.jpg);
  }
  .site-groveart.home #homeFrame .welcomeBox {
    background-color: #f8f8f8;
  }
}
@media screen and (min-width: 600px) {
  .site-groveart.home #homeFrame #featuredBook:before {
    background: #f8f8f8;
  }
  .site-groveart.home #homeFrame #featuredBook:after {
    background-image: url(/fileasset/images/OAO/MontageGAO.jpg);
    background-position: calc(50% + 460px) 46%;
    background-size: 820px;
  }
}
/*---------------------------------------------------------------------------------------
	OUP PROVIDED OMO OVERRIDES.
	avoid editing
---------------------------------------------------------------------------------------*/
.site-omo #headerLogo {
  padding-top: 0px;
  padding-bottom: 19px;
}
.site-omo.home #homeFrame .featuredBox {
  background-color: #f8f8f8;
}
.site-omo.home #homeFrame .featuredBox.featuredArticle {
  background-color: transparent;
}
.site-omo .timeline .timelineDate:after {
  background-color: #1977aa;
}

@media screen and (min-width: 1025px) {
  .site-omo #headerLogo {
    padding-bottom: 26px;
  }
}
@media screen and (max-width: 599px) {
  .site-omo.home #homeFrame #featuredBook {
    background-color: #f8f8f8;
    background-image: url(/fileasset/images/OMO/MontageMobileOMO.jpg);
  }
  .site-omo.home #homeFrame .welcomeBox {
    background-color: #f8f8f8;
  }
}
@media screen and (min-width: 600px) {
  .site-omo.home #homeFrame #featuredBook:before {
    background: #f8f8f8;
  }
  .site-omo.home #homeFrame #featuredBook:after {
    background-image: url(/fileasset/images/OMO/MontageOMO.jpg);
    background-position: calc(50% + 460px) 46%;
    background-size: 820px;
  }
}
/*
	OUP PROVIDED Grove Music OVERRIDES.
	avoid editing
*/
.site-grovemusic #headerLogo {
  padding-bottom: 19px;
}
.site-grovemusic.home #homeFrame .featuredBox {
  background-color: #f8f8f8;
}
.site-grovemusic.home #homeFrame .featuredBox.featuredArticle {
  background-color: transparent;
}
.site-grovemusic .timeline .timelineDate:after {
  background-color: #1977aa;
}

@media screen and (min-width: 1025px) {
  .site-grovemusic #headerLogo {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 599px) {
  .site-grovemusic.home #homeFrame #featuredBook {
    background-color: #f8f8f8;
    background-image: url(/fileasset/images/OMO/MontageMobileGMO.jpg);
  }
  .site-grovemusic.home #homeFrame .welcomeBox {
    background-color: #f8f8f8;
  }
}
@media screen and (min-width: 600px) {
  .site-grovemusic.home #homeFrame #featuredBook:before {
    background: #f8f8f8;
  }
  .site-grovemusic.home #homeFrame #featuredBook:after {
    background-image: url(/fileasset/images/OMO/MontageGMO.jpg);
    background-position: calc(50% + 460px) 46%;
    background-size: 820px;
  }
}
/*---------------------------------------------------------------------------------------
	OUP PROVIDED OVERRIDES.
	avoid editing
---------------------------------------------------------------------------------------*/
.site-oao .cross-search-button, .site-benezit .cross-search-button, .site-groveart .cross-search-button, .site-omo .cross-search-button, .site-grovemusic .cross-search-button {
  width: 100%;
  background-color: transparent;
  margin-bottom: 30px;
  text-transform: none;
  text-align: left;
  border: 0;
  padding: 0 !important;
}

/*----------------------------------------------------------------------------------------
    OUP PROVIDED OVERRIDES FOR OUP-8930
    avoid editing
----------------------------------------------------------------------------------------*/
/*////////////////////////
// ----- Homepage ----- //
////////////////////////*/
@media screen and (min-width: 601px) {
  #homeFrame .component-recent-news .typography-body {
    display: flex;
  }

  #homeFrame .component-recent-news .news-item {
    width: 33%;
    box-sizing: content-box;
  }
}
#homeFrame .component-recent-news .btnRss {
  right: 20px;
}

#homeFrame .component-recent-news .content-box-body {
  position: relative;
}

.home #homeFrame .listBox h3 {
  text-align: left;
  padding: 20px;
  border-bottom: 0;
}

.home #homeFrame .listBox ul {
  padding: 0 20px;
}

.home #homeFrame .listBox li {
  padding: 20px 0;
}

.home #homeFrame .listBox li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 5px;
}

.home #homeFrame .listBox li:first-child {
  padding-top: 5px;
}

.home #homeFrame .listBox p:last-child {
  margin: 20px 20px 0 20px;
  border-top: 1px solid #cfd5e5;
  padding: 20px 0 0 0;
}

/*//////////////////////
// ----- Search ----- //
//////////////////////*/
.contentItem .cover {
  padding-right: 0;
}

.facet-values .c-List__items {
  padding: 0;
}

.facet.open .facet-values {
  padding-bottom: 0;
}

.facet-values .row {
  padding-bottom: 0 !important;
}

.facet label input[type=checkbox] {
  margin-right: 3px;
}

.life-event-type {
  margin-bottom: 0;
}

.date-search-filter .date-range-values ~ .date-range-values {
  margin-top: 5px;
}

.life-event-place {
  margin-top: 0;
  margin-bottom: 0;
}

.search-filter-life-event-terms fieldset {
  margin-bottom: 0;
}

.search-filter-life-event-terms .date-range fieldset > div {
  margin-bottom: 5px;
}

.facet-values .select-group {
  margin-bottom: 5px !important;
}

.facetedNav > div {
  margin-bottom: 2.5em;
}

.facet-values .row.form-row.submitRow {
  padding-left: 0;
}

.browseResults .contentItem {
  padding-bottom: 5px !important;
}

#searchHeader h2 {
  margin-bottom: 5px;
}

@media screen and (max-width: 960px) {
  #advancedSearchWidget > h2 {
    display: none;
  }
}
/*/////////////////////////////////
// ----- Book content page ----- //
/////////////////////////////////*/
.book-details-authors {
  font-size: 0;
}
.book-details-authors .contributor-details-block, .book-details-authors .contributor-details-separator, .book-details-authors .contributor-unlinked {
  font-size: 17px;
}

.bookLanding #pagetitle {
  margin-bottom: 2px;
}

.book-details-publication-dates {
  margin-top: 13px;
}

.book-details-main-column + .bookLanding {
  background: #f2f5f9;
}

.book-details-main-column + .bookLanding .abstract-content {
  font-family: "Merriweather", "Lucida Serif", "Lucida Bright", Arial, Georgia, serif;
  line-height: 1.7em;
}

.book-details-main-column + .bookLanding h2 {
  margin-bottom: 0.5rem;
}

.book-details-main-column + .bookLanding h3 {
  font-size: 16px;
}

.book-details-main-column + .bookLanding .keywords, .book-details-main-column + .bookLanding .subjects {
  font-size: 16px;
}

.bookLanding #readPanel h1, .bookLanding #readPanel #tocHeader h2, .bookLanding #readPanel #pagetitle {
  font-size: 1.65em;
}

.bookLanding #readPanel #tocHeader h2 {
  padding-bottom: 0.4em;
  margin-bottom: 0;
}

.bookLanding #readPanel #tocHeader hr {
  margin-top: 0;
}

.bookLanding #readPanel .toc li > ul {
  margin-top: 0;
}

.bookLanding #readPanel .toc li {
  margin-bottom: 25px;
}

.bookLanding #readPanel .toc li li {
  margin-bottom: 15px;
}

.bookLanding #readPanel .toc li li:first-child {
  margin-top: 15px;
}

.bookLanding #readPanel .toc li li:last-child {
  margin-bottom: 5px;
}

.bookLanding .tocContent > ul > .level1.first li, .bookLanding .tocContent > ul > .level1.last li {
  font-size: 16px;
}

/*//////////////////////
// ----- Header ----- //
//////////////////////*/
#quickSearch form {
  margin-right: 65px;
}

@media screen and (min-width: 1025px) {
  #quickSearch form {
    margin-right: 80px !important;
  }

  .site-grovemusic #quickSearch.sub-site #q {
    min-width: 250px;
  }
}
@media screen and (max-width: 769px) {
  .site-grovemusic #quickSearch.sub-site #q {
    max-width: 100%;
  }
}
.site-grovemusic #quickSearch.sub-site #q {
  border-radius: 3px !important;
}

/*/////////////////////////////////
// ----- Book content page ----- //
/////////////////////////////////*/
@media screen and (min-width: 961px) {
  .bookDetail #leftColumn div:last-child {
    padding-bottom: 0;
  }

  .bookDetail #leftColumn > div:last-child {
    padding-bottom: 175px;
  }

  #columnOne #login {
    margin-bottom: 3em;
  }
}
@media screen and (max-width: 960px) {
  .bookLanding #readPanel {
    margin-top: 0;
  }

  #login {
    padding-top: 20px;
  }

  #leftColumn .book-index-card {
    padding-top: 20px;
  }

  .bookLanding #mainContent {
    text-align: left;
  }
}
.book-details-left-column {
  margin-top: 0;
}

.bookLanding #readPanel {
  overflow: hidden;
}

.bookLanding .book-related-content {
  background-color: #f2f5f9;
  margin: 1.5rem 0;
}

.pageLinks a.rightsLink {
  height: 18px;
  width: 18px;
  margin-top: 1px;
  margin-right: 2px;
}

/*//////////////////////
// ----- Search ----- //
//////////////////////*/
.page-search .pageLinks .actions li.save.untagged, .page-search .pageLinks .actions li.save.tagged, .page-search .pageLinks .actions li.cite, .page-search .pageLinks .actions li.share {
  display: none;
}

.contentItem.chapter .component-cover-image {
  display: none;
}

.detail h3:last-of-type {
  margin-bottom: 0.4em;
}

.contentItem .metaBlock h3.parentTitle {
  margin-top: 0;
  margin-bottom: 15px;
}

.site-odnb.searchPage .contentItem h3.item-contributor, .site-odnb.browsePage .contentItem h3.item-contributor {
  display: inline-block;
}

.contentItem h3.item-maker {
  display: inline-block;
}

.contentItem.image h3.parentTitle {
  margin-top: 1em;
}

.contentItem.image h3.parentTitle > em, .contentItem.chapter h3.parentTitle > em {
  font-style: normal;
}

.metaBlock.flex-2 {
  overflow: hidden;
}

.browseResults .metaBlock.flex-2 dl.child-site-tags:nth-child(4) {
  margin-top: 13px;
}

.browseResults .metaBlock.flex-2 dl.child-site-tags dt {
  font-weight: normal;
  display: inline-block;
}

.facet-values.collapser-with-toggles li .row {
  margin-left: 15px;
}

.facet-values.collapser-flat ul > li[data-facet-children-count="0"] a {
  margin: 0;
}

/* PFCORE-10945 */
.site-anb #navigation a.site-nav-toggle, .site-anb #navigation .site-nav .toggleTaxonomy {
  display: none;
}

div.alert {
  border: 1px solid red;
  border-radius: 0.75em;
  background: #ffaaaa;
  padding: 0.5em;
  margin: 0 1em 0.75em 0;
}

div.alert button.close {
  float: right;
}

div.alert h4 {
  margin-top: 0.5em;
}

div.alert ul {
  list-style: none;
}

/*----------------------------------------------------------------------------------------
		END OF OUP PROVIDED STYLES.  DO NOT PUT ANY PUBFACTORY STYLES BELOW HERE
----------------------------------------------------------------------------------------*/