@charset "UTF-8";
/*- END TODO: Make into new variable to set from loader -*/
/* ================================= */
/* COLORS                            */
/* ================================= */
/*- LOEB -*/
/* $brand-bar-background                   : null; */
/* $brand-bar-border                       : null; */
/*- LOEB -*/
/* $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; */
/*- LOEB -*/
/* $brand-border                           : null; */
/* $brand-icon                             : null; */
/* $brand-form-field                       : null; */
/*- LOEB -*/
/* $brand-shadow                           : null; */
/* bar colors */
/*- LOEB -*/
/* $bar-background-gradient                : null; */
/* $bar-background-highlight               : null; */
/* $bar-background-hover                   : null; */
/* $bar-bar-background                     : null; */
/*- LOEB -*/
/*- LOEB -*/
/* $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; */
/*- LOEB -*/
/* $bar-shadow                             : null; */
/* content colors */
/* LOEB */
/*- LOEB -*/
/* $content-background-hover               : null; */
/*- LOEB -*/
/* LOEB */
/* $content-highlight-text                 : null; */
/* $content-highlight-text-background      : null; */
/* $content-form-field                     : null; */
/* LOEB */
/* $content-shadow                         : null; */
/* aside colors */
/* $aside-background-hover                 : null; */
/* LOEB */
/* $aside-highlight-text                   : null; */
/* $aside-highlight-text-background        : null; */
/* LOEB */
/* $aside-form-field                       : null; */
/* LOEB */
/* $aside-shadow                           : null; */
/*- LOEB -*/
/*- LOEB -*/
/*- LOEB -*/
/*$baseFontSize			: 100%;*/
/*$contentFontSize		: $baseFontSize;*/
@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: #000000;
}

/*
   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: #333333;
  text-decoration: none;
}
a:hover {
  color: #333333;
  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: #e3e9eb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 0.33em 0;
  padding: 0 0.5em;
  color: #333333;
  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: #e3e9eb;
  -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: #333333;
  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: #868a8b;
}

.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: rgba(255, 255, 255, 0);
  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: #dcdcdc;
}
.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: #808080;
  background-color: #FFFFFF;
  color: #ffffff;
  -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-brand .box.no-border {
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cg-brand .box-gradient {
  background-color: #FFFFFF;
  background-image: -webkit-linear-gradient(bottom, #FFFFFF);
  background-image: linear-gradient(to top,#FFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=)";
}
.cg-brand .bar {
  background-color: #dcdcdc;
  border-color: #c0c0c0;
  color: #333333;
}
.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: #333333;
}
.cg-brand .bg-highlight {
  background-color: #4c6cac;
}
.cg-brand .bg-hover {
  background-color: #5d79b3;
}
.cg-brand .accent {
  color: #f5f5f5;
}
.cg-brand .text-highlight {
  background-color: #dcdcdc;
  color: #696969;
}
.cg-brand .button, .cg-brand button {
  border-width: 1px;
  border-style: solid;
  border-color: #d64937;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, endColorstr=)";
  color: #333333;
}
.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: #808080;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333333;
  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: #b3b3b3;
}
.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: #FFFFFF;
}
.cg-brand .ui-tabs .ui-tabs-nav {
  border-bottom: solid 1px #808080;
}
.cg-brand .ui-tabs .ui-tabs-nav li {
  border: solid 1px #808080;
  border-bottom-color: #4c6cac;
  background-color: #4c6cac;
}
.cg-brand .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #FFFFFF;
}
.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 #808080;
}
.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: #FFFFFF;
}
.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: #d3d3d3;
}
.cg-bar a:hover, .cg-bar a:active, .cg-bar a:focus {
  color: #f5f5f5;
}
.cg-bar .box {
  border-width: 1px;
  border-style: solid;
  border-color: #696969;
  background-color: rgba(255, 255, 255, 0);
  color: #dcdcdc;
  -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: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to top,rgba(255, 255, 255, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=rgba(255, 255, 255, 0), endColorstr=)";
}
.cg-bar .bar {
  background-color: #696969;
  border-color: #FFFFFF;
  color: #333333;
}
.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: #333333;
}
.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: #f5f5f5;
  background-image: -webkit-linear-gradient(bottom, #f5f5f5, #dcdcdc);
  background-image: linear-gradient(to top,#f5f5f5, #dcdcdc);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f5f5f5, endColorstr=#dcdcdc)";
  color: #000000;
}
.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: #696969;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333333;
  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: #b3b3b3;
}
.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: rgba(255, 255, 255, 0);
}
.cg-bar .ui-tabs .ui-tabs-nav {
  border-bottom: solid 1px #696969;
}
.cg-bar .ui-tabs .ui-tabs-nav li {
  border: solid 1px #696969;
  border-bottom-color: #808080;
  background-color: #808080;
}
.cg-bar .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: rgba(255, 255, 255, 0);
}
.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 #696969;
}
.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: rgba(255, 255, 255, 0);
}
.cg-bar .smart-nav-item a:hover {
  background-color: #696969;
}
.cg-bar .smart-nav-item a:hover:before {
  background-color: #696969;
  color: #d3d3d3;
}
.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: #000000;
}
.cg-content a {
  color: #333333;
}
.cg-content a:hover, .cg-content a:active, .cg-content a:focus {
  color: #333333;
}
.cg-content .box {
  border-width: 1px;
  border-style: solid;
  border-color: #e3e9eb;
  background-color: #FFFFFF;
  color: #333333;
  -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: #FFFFFF;
  background-image: -webkit-linear-gradient(bottom, #FFFFFF);
  background-image: linear-gradient(to top,#FFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=)";
}
.cg-content .bar {
  background-color: rgba(255, 255, 255, 0);
  border-color: #e3e9eb;
  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: rgba(255, 255, 255, 0);
}
.cg-content .bg-hover {
  background-color: #d3d3d3;
}
.cg-content .accent {
  color: #868a8b;
}
.cg-content .text-highlight {
  background-color: #808080;
  color: #ffffff;
}
.cg-content .button, .cg-content button {
  border-width: 1px;
  border-style: solid;
  border-color: #d64937;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, endColorstr=)";
  color: #ffffff;
}
.cg-content [class^=ico-],
.cg-content [class*=ico-],
.cg-content .icon {
  color: #3595b0;
}
.cg-content textarea,
.cg-content input[type=text],
.cg-content input[type=password] {
  border-width: 1px;
  border-style: solid;
  border-color: #e3e9eb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333333;
  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: rgba(255, 255, 255, 0);
}
.cg-content .adaptive-placeholder ~ label:before {
  color: #b3b3b3;
}
.cg-content div.t-error {
  background-color: rgba(255, 255, 255, 0);
  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: #FFFFFF;
}
.cg-content .ui-tabs .ui-tabs-nav {
  border-bottom: solid 1px #e3e9eb;
}
.cg-content .ui-tabs .ui-tabs-nav li {
  border: solid 1px #e3e9eb;
  border-bottom-color: rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, 0);
}
.cg-content .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #FFFFFF;
}
.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 #e3e9eb;
}
.cg-content .component-smart-nav .box {
  background-color: transparent;
}
.cg-content .smart-nav-bottom .smart-nav .smart-nav-item.current:before {
  border-bottom-color: rgba(255, 255, 255, 0);
}
.cg-content .smart-nav-top .smart-nav .smart-nav-item.current:after {
  border-top-color: rgba(255, 255, 255, 0);
}
.cg-content .smart-nav-item a {
  background-color: #FFFFFF;
}
.cg-content .smart-nav-item a:hover {
  background-color: #d3d3d3;
}
.cg-content .smart-nav-item a:hover:before {
  background-color: #d3d3d3;
  color: #333333;
}
.cg-content .smart-nav-item.current a {
  background-color: rgba(255, 255, 255, 0);
}

.cg-aside h1, .cg-aside h2, .cg-aside h3, .cg-aside h4, .cg-aside h5, .cg-aside h6 {
  color: #000000;
}
.cg-aside a {
  color: #333333;
}
.cg-aside a:hover, .cg-aside a:active, .cg-aside a:focus {
  color: #d64937;
}
.cg-aside .box {
  border-width: 1px;
  border-style: solid;
  border-color: #99afb6;
  background-color: #e3e9eb;
  color: #333333;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(153, 175, 182, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(153, 175, 182, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(153, 175, 182, 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: #e3e9eb;
  background-image: -webkit-linear-gradient(bottom, #e3e9eb);
  background-image: linear-gradient(to top,#e3e9eb);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e3e9eb, endColorstr=)";
}
.cg-aside .bar {
  background-color: #000000;
  border-color: #e3e9eb;
  color: #ffffff;
}
.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: #ffffff;
}
.cg-aside .bg-highlight {
  background-color: #e3e9eb;
}
.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: #d64937;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, endColorstr=)";
  color: #ffffff;
}
.cg-aside [class^=ico-],
.cg-aside [class*=ico-],
.cg-aside .icon {
  color: #3595b0;
}
.cg-aside textarea,
.cg-aside input[type=text],
.cg-aside input[type=password] {
  border-width: 1px;
  border-style: solid;
  border-color: #99afb6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333333;
  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: #e3e9eb;
}
.cg-aside .adaptive-placeholder ~ label:before {
  color: #b3b3b3;
}
.cg-aside div.t-error {
  background-color: #e3e9eb;
  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: #e3e9eb;
}
.cg-aside .ui-tabs .ui-tabs-nav {
  border-bottom: solid 1px #99afb6;
}
.cg-aside .ui-tabs .ui-tabs-nav li {
  border: solid 1px #99afb6;
  border-bottom-color: #e3e9eb;
  background-color: #e3e9eb;
}
.cg-aside .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #e3e9eb;
}
.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 #99afb6;
}
.cg-aside .component-smart-nav .box {
  background-color: transparent;
}
.cg-aside .smart-nav-bottom .smart-nav .smart-nav-item.current:before {
  border-bottom-color: #e3e9eb;
}
.cg-aside .smart-nav-top .smart-nav .smart-nav-item.current:after {
  border-top-color: #e3e9eb;
}
.cg-aside .smart-nav-item a {
  background-color: #e3e9eb;
}
.cg-aside .smart-nav-item a:hover {
  background-color: #d3d3d3;
}
.cg-aside .smart-nav-item a:hover:before {
  background-color: #d3d3d3;
  color: #333333;
}
.cg-aside .smart-nav-item.current a {
  background-color: #e3e9eb;
}

.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: #FFFFFF;
  background-image: -webkit-linear-gradient(bottom, #FFFFFF);
  background-image: linear-gradient(to top,#FFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=)";
}

#headerWrap {
  background-color: #FFFFFF;
  background-image: -webkit-linear-gradient(bottom, #FFFFFF);
  background-image: linear-gradient(to top,#FFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=)";
  margin: 0 auto;
  width: 100%;
  color: #ffffff;
  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: #333333;
}
.no-configurable-layout .column-wrapper a {
  color: #333333;
}
.no-configurable-layout .column-wrapper a:hover {
  color: #333333;
}
.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: #000000;
}
.no-configurable-layout .column-wrapper hr {
  border-color: #e3e9eb;
}
.no-configurable-layout .column-wrapper .module h2,
.no-configurable-layout .column-wrapper .contentBlock h2 {
  border-color: #e3e9eb;
}
#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: 0;
  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;
  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: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to top,rgba(255, 255, 255, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=rgba(255, 255, 255, 0), endColorstr=)";
  border-width: 1px;
  border-style: solid;
  border-color: #696969;
  margin: 0 auto;
  width: 100%;
  color: #dcdcdc;
}

#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: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to top,rgba(255, 255, 255, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=rgba(255, 255, 255, 0), endColorstr=)";
  float: none;
  font-family: "Open Sans", sans-serif;
  color: #dcdcdc;
}
#headerUtilityBar::after {
  clear: both;
  content: "";
  display: table;
}

/* Footer Block
   ========================================================================== */
#footer a {
  color: #d3d3d3;
}
#footer a:focus, #footer a:hover {
  color: #f5f5f5;
  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 #e3e9eb;
  border-bottom: none;
}
#columnOne nav.content-nav a,
.leftColumn nav.content-nav a {
  margin-bottom: 0;
  font-size: 1em;
  border-bottom: solid 1px #e3e9eb;
  display: block;
  padding: 0.67em 1.67em 0.67em 0.67em;
  position: relative;
  background: rgba(255, 255, 255, 0);
}
#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: #FFFFFF;
}

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

/* Content Panels
   ========================================================================== */
.content-panel {
  border-width: 0;
  border-style: solid;
  border-color: #e3e9eb;
  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: #e3e9eb;
  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: #FFFFFF;
}

#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-block {
  position: relative;
  display: inline-block;
}

.contributor-details-pop-up {
  opacity: 0;
  border-radius: 4px;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  padding: 5px 10px;
  width: 221px;
  position: absolute;
  background-color: #ffffff;
  margin-top: 6px;
  z-index: 10;
  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;
    z-index: 10;
    box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.1);
  }
}
.contributor-details-pop-up:after {
  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:after {
    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: #e3e9eb;
  -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: #333333;
  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 #e3e9eb;
  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: #333333;
  /*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: #000000 !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: #99afb6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #e3e9eb;
  padding: 1.5em;
}
.offer::after {
  clear: both;
  content: "";
  display: table;
}
.offer h3 {
  color: #000000;
}
.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: #d64937;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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: #FFFFFF;
  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: #000000 !important;
  margin-top: 10px;
}
#readPanel div.summary .ecommerce-block .ecommerce-block-footer {
  color: #333333 !important;
}
#readPanel div.summary .ecommerce-block h3.offer {
  color: #000000 !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(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: 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: #d3d3d3;
  text-transform: capitalize;
}
.locale-list a:focus, .locale-list a:hover {
  color: #f5f5f5;
}
.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: rgba(255, 255, 255, 0);
}

#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: #d64937;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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 #e3e9eb;
}
.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: #868a8b;
  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: #868a8b;
}

.annotatedText {
  margin-bottom: 1.167em;
  padding: 1em;
  font-size: 0.833em;
  background-color: rgba(255, 255, 255, 0);
}

.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(../img/logo.png);
  background-repeat: no-repeat;
  width: 303px;
  height: 100px;
  background-size: 303px 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: 202px;
    height: 66.6666666667px;
    background-size: 202px 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 #696969;
}

#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: #d64937;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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: #d64937;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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: #d64937;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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: rgba(255, 255, 255, 0);
  color: #3595b0;
  text-align: center;
  font-size: 1.333em;
  line-height: 1.333em;
}
.btnRss a:hover {
  background-color: #d3d3d3;
  color: #3595b0;
}

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

.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: rgba(255, 255, 255, 0);
  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: #e3e9eb;
  padding: 1.667em;
  background-color: #FFFFFF;
}

#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: rgba(255, 255, 255, 0);
  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: #868a8b;
}

.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: #e3e9eb;
  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 #e3e9eb;
}
@media screen and (max-width: 1024px) {
  .searchModule {
    margin: 0;
    padding: 0.85714286em 1em;
    color: #333333;
    background: #FFFFFF;
  }
}
@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: #ffffff !important;
    background: rgba(255, 255, 255, 0) !important;
  }
}

.search-form .form-group {
  margin: 0;
  padding: 0;
}
.search-form .form-group-label {
  border-width: 0;
  border-style: solid;
  border-color: #e3e9eb;
  background-color: rgba(255, 255, 255, 0);
  color: #ffffff;
  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: #e3e9eb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 0.33em 0;
  padding: 0 0.5em;
  color: #333333;
  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: #d64937;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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: #d64937 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, #d64937, );
  background: url("../img/iconmonstr-magnifier-icon-16.png") center center no-repeat, linear-gradient(to top, #d64937, );
  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: #d64937;
}
.searchWithin.fullWidth input[type=text], .search-within.fullWidth input[type=text] {
  border-width: 1px;
  border-style: solid;
  border-color: #e3e9eb;
  -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: #d64937;
}
.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 #e3e9eb;
  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 #e3e9eb;
}
.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 #e3e9eb;
}
.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 #e3e9eb;
  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: #e3e9eb;
  /* @extend %headerBar */
  margin: 0;
  padding: 0.583em;
  background: rgba(255, 255, 255, 0);
  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: #e3e9eb;
  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: #e3e9eb;
  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: #333333;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to top,rgba(255, 255, 255, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=rgba(255, 255, 255, 0), endColorstr=)";
}
#loginPanel h2 {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e3e9eb;
  background: rgba(255, 255, 255, 0);
  color: #ffffff;
}
#loginPanel a {
  color: #333333;
}
#loginPanel a:hover {
  color: #333333;
}
#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: #333333;
  border-color: #e3e9eb;
}
#loginPanel input[type=submit] {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #d64937;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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 #e3e9eb;
}

#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: rgba(255, 255, 255, 0);
  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: #FFFFFF;
}

div.t-error {
  margin-bottom: 1em;
  padding: 1em 1em 0 1em;
  background-color: #FFFFFF;
  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: #e3e9eb;
  -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: rgba(255, 255, 255, 0);
  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 #e3e9eb;
}
#noresults .searchHeader {
  padding: 0 0 1.167em 0;
  background: rgba(255, 255, 255, 0);
  color: #333333;
}
#noresults .searchHeader h2 {
  color: #000000;
}
#noresults .searchHeader a {
  color: #333333;
}
#noresults .searchHeader a:hover {
  color: #333333;
}
#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: #333333;
}

.browseResults #topSection {
  padding: 0;
}
.browseResults #topSection h1#pagetitle {
  padding: 0.5em 1em;
}
.browseResults #topSection .searchHeader {
  padding-left: 1.5em;
  padding-right: 0;
}

.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: #333333;
}
.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: #FFFFFF;
}
.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: #FFFFFF;
}
@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: #333333;
    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: #FFFFFF;
  border-top: 1px solid #e3e9eb;
  border-bottom: 1px solid #e3e9eb;
  width: 100%;
  /* The following table columns should be removed from the markup */
}
.data-grid thead {
  background: rgba(255, 255, 255, 0);
}
.data-grid thead th {
  background: rgba(255, 255, 255, 0);
  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 #e3e9eb;
}
.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: rgba(255, 255, 255, 0);
  color: #ffffff;
  font-size: 1.167em;
  font-weight: 400;
}
.tagsModule li {
  position: relative;
  margin: 0 1em;
  padding: 0.5em 0;
  border-top: 1px solid #e3e9eb;
}
.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: #e3e9eb;
  -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: #d64937;
  -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: #FFFFFF;
}
#redeemToken .redeemStep {
  margin: 0 1.667em;
  padding: 1.667em 0;
  background-color: #FFFFFF;
}
#redeemToken .redeemStep + .redeemStep {
  border-top: 1px solid #e3e9eb;
}
#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: rgba(255, 255, 255, 0);
  color: #333333;
  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: rgba(255, 255, 255, 0);
  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: #333333;
}
.overlay_dialog + .dialog .dialog_content html,
#saveToProjectModal .dialog_content html {
  background-color: transparent;
}

.popup {
  border-width: 1px;
  border-style: solid;
  border-color: #e3e9eb;
  -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: rgba(255, 255, 255, 0);
  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: rgba(255, 255, 255, 0);
  color: #333333;
  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: #e3e9eb;
}

/* 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 #e3e9eb;
}
.archive-list .news-item:first-child {
  padding-top: 0;
  border-top: none;
}
.news-header {
  border-width: 0;
  border-style: solid;
  border-color: #e3e9eb;
  margin: 0;
  padding: 1.667em;
  background: rgba(255, 255, 255, 0);
}
.news-header, .news-header h1, .news-header h2, .news-header h3, .news-header h4 {
  color: #ffffff;
}
.news-date {
  margin-bottom: 0.33em;
  color: #868a8b;
}
.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: #e3e9eb;
  position: relative;
  margin: 0 0 1.667em 0;
  padding: 0;
}
.news-nav-title {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e3e9eb;
  display: inline-block;
  margin: 0;
  padding: 0.85714286em 1em;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  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: 34px 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: #808080;
  -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: #333333;
  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: #d64937;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background: #d64937 url("../img/mag-glass.svg") no-repeat center center;
  background: url("../img/mag-glass.svg") no-repeat center center, -webkit-linear-gradient(bottom, #d64937, );
  background: url("../img/mag-glass.svg") no-repeat center center, linear-gradient(to top, #d64937, );
  background-size: green;
  float: left;
  margin: 0 0 0.33em 0;
  padding: 0 1.167em;
  color: #333333;
  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: #e3e9eb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #FFFFFF;
  font-size: 1em;
  cursor: pointer;
  padding: 0.2em;
  color: #333333;
}
.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: #808080;
  -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: #333333;
  font-size: 1em;
  line-height: 1em;
  text-overflow: ellipsis;
  cursor: pointer;
}
.search-filters ul {
  border-width: 1px;
  border-style: solid;
  border-color: #808080;
  -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: #FFFFFF;
}
.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: rgba(255, 255, 255, 0);
  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: #e3e9eb;
  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: #e3e9eb #e3e9eb #e3e9eb #e3e9eb;
  -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: rgba(255, 255, 255, 0);
  color: #333333;
}
.tab-list a:focus, .tab-list a:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #e3e9eb #e3e9eb #e3e9eb #e3e9eb;
  background-color: #d3d3d3;
}
.tab-list .active > a {
  border-width: 1px;
  border-style: solid;
  border-color: #e3e9eb #e3e9eb #FFFFFF #e3e9eb;
  background-color: #FFFFFF;
  color: #333333;
}
.tab-list.myTabs {
  position: absolute;
  z-index: 1;
  top: 3em;
  width: 100%;
  margin: 0;
  padding: 0;
}
.tab-list.myTabs .active > a {
  background-color: #FFFFFF;
}
.tab-list li.mobile-menu {
  display: none;
}
.tab-panel {
  border-width: 1px;
  border-style: solid;
  border-color: #e3e9eb;
  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: #FFFFFF;
  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 #e3e9eb;
    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 #e3e9eb;
  }
  .tab-list li.mobile-menu {
    display: block;
  }
  .tab-list li.mobile-menu a {
    border: 1px solid #e3e9eb !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: #333333;
  }
  .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 #e3e9eb;
}
#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: #e3e9eb;
  display: inline-block;
  margin: 0;
  padding: 0.25em;
  background-color: #FFFFFF;
  text-align: center;
}
.nav-ribbon a {
  color: #333333;
}
.nav-ribbon a:hover {
  color: #d3d3d3;
}
.nav-ribbon .active,
.nav-ribbon .active a,
.nav-ribbon .active a:hover {
  color: #333333;
}

.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: #333333;
  display: inline-block;
}
.t-data-grid-pager a:hover,
.pagination a:hover {
  color: #333333;
  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: #333333;
}
@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: #808080;
  background-color: #FFFFFF;
  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: #FFFFFF;
  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: #808080;
  background-color: #FFFFFF;
  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: #dcdcdc;
}
.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: #dcdcdc !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: #dcdcdc;
}
.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: #808080;
  -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: #808080;
  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: #808080;
    display: block;
    margin: 0;
    padding: 1em 0.833em;
    color: #ffffff;
  }
  .open .site-nav-toggle, .site-nav-toggle:focus, .site-nav-toggle:hover {
    color: #dcdcdc;
  }
  .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: #dcdcdc;
  }
  .site-nav-list > li.current > a {
    color: #ffffff;
  }
  .site-nav-list > li.current > a:focus, .site-nav-list > li.current > a:hover {
    color: #dcdcdc;
  }
  .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: #696969;
  position: relative;
  display: inline-block;
  float: right;
  margin: 0 0.833em;
  padding: 0;
  background-color: rgba(255, 255, 255, 0);
  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: #d3d3d3 !important;
  font-weight: 600;
}
.user-nav-list a:focus, .user-nav-list a:hover {
  color: #f5f5f5 !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: rgba(255, 255, 255, 0);
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  color: #dcdcdc;
}
.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: #d3d3d3;
}
.util-nav-list a:hover {
  color: #f5f5f5;
}

#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: #e3e9eb;
  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: #e3e9eb;
  /* %extend side-column-nav-group-heading */
  display: inline-block;
  margin: 0;
  padding: 0.85714286em 1em;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  color: #ffffff !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: #e3e9eb;
  position: relative;
  margin: 0;
  padding: 0;
  color: #333333;
  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: #e3e9eb;
  display: block;
  margin: 0;
  padding: 0.5em 1em;
  background-color: rgba(255, 255, 255, 0);
  color: #333333;
  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 #333333;
}
.facet-label.active a {
  color: #333333;
  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: #e3e9eb;
  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: #333333;
}
.facet-values label:focus, .facet-values label:hover,
.facet-values a:focus,
.facet-values a:hover {
  color: #333333;
}
.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: #e3e9eb;
  -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: rgba(255, 255, 255, 0);
  filter: alpha(opacity=0);
  opacity: 0;
  color: #333333;
  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: #000000;
  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: #333333;
}
.article-nav-list a:hover, .article-nav-list a:focus {
  color: #333333;
  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: #FFFFFF;
}
.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: #ffffff;
  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: rgba(255, 255, 255, 0);
  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 #e3e9eb;
  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: #000000;
  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: #000000;
}

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

.detail h3,
.detail .subTitle {
  margin-bottom: 0;
  color: #868a8b;
}

.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 #e3e9eb;
  border-bottom: 1px solid #e3e9eb;
}
.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 #99afb6;
  width: 340px;
  vertical-align: top;
  margin-left: -340px;
  float: left;
  padding-left: 15px;
}
#readPanel .summary .metaBlock h3 {
  color: #333333;
  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: #000000;
}
#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: #d64937;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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: #99afb6;
  float: left;
  width: 100%;
  padding: 1.67em;
  background: rgba(255, 255, 255, 0);
  color: #333333;
  position: relative;
  margin-top: 30px;
}
.page-viewtitle .indexCard {
  margin-bottom: 1.67em;
}
.indexCard a {
  color: #333333;
}
.indexCard a:hover {
  color: #d64937;
}
.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: #000000;
}
.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 #99afb6;
  width: 340px;
  vertical-align: top;
  margin-left: -340px;
  float: left;
  padding-left: 15px;
}
.indexCard .summary .metaBlock h3 {
  color: #333333;
  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: #d64937;
  border-width: 1px;
  border-style: solid;
}
.indexCard .actions a {
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 0.5em 0.67em;
  color: #333333;
  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: #d64937;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #d64937;
}
.indexCard .button {
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 2px 0.67em;
  color: #333333;
  font-weight: 600;
  text-align: center;
  max-width: 300px;
}
.indexCard .button:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #d64937;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #d64937;
}
.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 #99afb6;
  }
  .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: #d64937;
    background-color: #d64937;
    background-image: -webkit-linear-gradient(bottom, #d64937);
    background-image: linear-gradient(to top,#d64937);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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 #99afb6 !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: #e3e9eb;
  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: #e3e9eb;
  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: #e3e9eb;
  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: rgba(255, 255, 255, 0);
  color: #ffffff;
  font-size: 1.167em;
  font-weight: 700;
}
.toc-menu .toc-header a {
  color: #ffffff;
}
#columnOne .toc-menu .toc-header {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e3e9eb;
  display: inline-block;
  margin: 0;
  padding: 0.85714286em 1em;
  width: 100%;
  color: #ffffff;
  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: #e3e9eb;
  position: relative;
  margin: 0;
  padding: 0;
  color: #333333;
  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: #e3e9eb;
  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: rgba(255, 255, 255, 0);
  color: #000000;
}
.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: #333333;
}
.toc-list a:focus, .toc-list a:hover {
  color: #333333;
}
#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: #868a8b;
}
.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: #e3e9eb;
}

.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: #e3e9eb;
  position: relative;
  margin: 0;
  padding: 1.333em 0;
  width: 100%;
  color: #333333;
  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 #e3e9eb;
  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: #e3e9eb;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
  color: #000000;
}
.contentItem .metadata {
  font-size: 0.916em;
  font-weight: 400;
  line-height: 1.2;
  color: #868a8b;
}
.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 #e3e9eb;
  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: #e3e9eb;
  background-color: #FFFFFF;
  margin-bottom: 20px;
  /* overrides for specific contexts */
}
.content-box-header, .content-box-body {
  padding: 20px;
}
.content-box-header {
  background-color: rgba(255, 255, 255, 0);
  padding-bottom: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e3e9eb;
  -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: #e3e9eb;
  background-color: #FFFFFF;
}
.columnOne .content-box-header {
  background-color: rgba(255, 255, 255, 0);
}
.site-header .content-box {
  border-width: 1px;
  border-style: solid;
  border-color: #808080;
  background-color: #FFFFFF;
}
.site-header .content-box-header {
  background-color: #4c6cac;
}
.home .content-box {
  border-width: 1px;
  border-style: solid;
  border-color: #e3e9eb;
  background-color: #e3e9eb;
}
.home .content-box-header {
  background-color: #e3e9eb;
  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 #e3e9eb;
  padding-top: 1.167em;
}

#headerLogo {
  clear: left;
  max-width: 303px;
  width: 40%;
}
#headerLogo a {
  background-size: cover !important;
  position: relative;
}
#headerLogo a:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.00330033%;
}
#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: 66.6666666667px !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: 202px;
  }
  #headerLogo a {
    background-image: url(../img/logo.png);
    width: 202px !important;
    height: 66.6666666667px !important;
    position: relative;
    background-size: 202px auto;
  }
  #headerLogo a:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 33.00330033%;
  }
  #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: rgba(255, 255, 255, 0);
  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: #e3e9eb;
  margin: 0 0 1.67em 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0);
}
#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: #d64937;
  margin-bottom: 1.167em;
  display: inline-block;
  border: solid 1px #d64937;
  padding: 0.5em;
}
.metadata a.buy-print-link:hover {
  border: solid 1px #d64937;
}

.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: #d64937;
  background-color: #d64937;
  background-image: -webkit-linear-gradient(bottom, #d64937);
  background-image: linear-gradient(to top,#d64937);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d64937, 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: rgba(255, 255, 255, 0);
    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;
}

.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: #d64937;
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
}
#shareLinkModalBody h2 {
  margin-top: 0;
}

.site-search {
  clear: right;
}
.site-search ::-webkit-input-placeholder {
  color: #333333;
}
.site-search :-moz-placeholder {
  /* Firefox 18- */
  color: #333333;
}
.site-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #333333;
}
.site-search :-ms-input-placeholder {
  color: #333333;
}
@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: #dcdcdc;
  }
  .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: #d64937;
    -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: #333333;
    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: #d64937;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: #d64937 url("../img/mag-glass.svg") no-repeat center center;
    background: url("../img/mag-glass.svg") no-repeat center center, -webkit-linear-gradient(bottom, #d64937, );
    background: url("../img/mag-glass.svg") no-repeat center center, linear-gradient(to top, #d64937, );
    background-size: green;
    float: left;
    margin: 0 0 0.33em 0;
    padding: 0 1.167em;
    color: #333333;
    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: #dcdcdc;
  }
  .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: rgba(255, 255, 255, 0);
}
.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: #808080;
  display: block;
  margin: 0;
  padding: 1em 0.833em;
  background-color: #FFFFFF;
  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: #808080;
  -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: #808080;
  padding-top: 1em;
}
.contentDropdown .dropdown .section h3 {
  margin-bottom: 0;
  padding: 0.5em;
  color: #ffffff;
}
.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: #dcdcdc;
}
.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: #dcdcdc;
  }
  .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: #dcdcdc;
  }
  .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: #d3d3d3;
    border-left: solid 1px #696969;
    width: 57px;
    height: 54px;
  }
  .locale-toggle span {
    display: none;
  }
  .open .locale-toggle, .locale-toggle:focus, .locale-toggle:hover {
    background-color: #696969;
    color: #f5f5f5 !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 .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 {
  margin-bottom: 1.167em;
  display: inline-block;
  border: solid 1px;
  padding: 0.5em;
  border-radius: 3px;
  max-width: 300px;
}
.indexCard .button {
  border-width: 1px;
  border-style: solid;
}
.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: #3595b0;
}
.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: #333333;
  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: #e3e9eb;
  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: #333333;
  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 #333333 !important;
}

.reference .citationActions li:first-child {
  padding-left: 0 !important;
  padding-right: 2em !important;
  border-left: none !important;
}

.citationActions a {
  color: #333333 !important;
  font-weight: bold !important;
}

.citationActions a:hover {
  color: #333333;
}

.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: #333333;
  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: #868a8b;
  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: #333333;
}
#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: #333333;
}
#contentRoot a:hover {
  color: #333333;
}
#contentRoot a:link, #contentRoot a:visited,
#contentRoot a sup {
  border-bottom: none;
  color: #333333;
}
#contentRoot a:link:hover, #contentRoot a:visited:hover,
#contentRoot a sup:hover {
  color: #333333;
}

#lesson-fragment a {
  color: #333333;
}
#lesson-fragment a:hover {
  color: #333333;
}
#lesson-fragment a:link, #lesson-fragment a:visited,
#lesson-fragment a sup {
  border-bottom: none;
  color: #333333;
}
#lesson-fragment a:link:hover, #lesson-fragment a:visited:hover,
#lesson-fragment a sup:hover {
  color: #333333;
}

.reference .enumerator {
  color: #333333;
  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: #FFFFFF !important;
  color: #333333 !important;
  width: 20px;
  margin-left: -40px;
  font-size: 12px;
}
#contentRoot .reference .citationActions li {
  border-color: #333333 !important;
}
#contentRoot .citationText .author, #contentRoot .citationText .editor, #contentRoot .citationText .contributor, #contentRoot .citationText .collab, #contentRoot .citationText .person {
  color: #868a8b !important;
}
#contentRoot .citationText .articleTitle {
  font-style: italic;
}
#contentRoot .refSection a {
  color: #333333 !important;
}
#contentRoot .refSection a:hover {
  color: #333333 !important;
}
#contentRoot .subjects {
  border-top: solid 1px #e3e9eb;
  border-bottom: solid 1px #e3e9eb;
  padding: 10px 0;
  margin-bottom: 1.167em;
}

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "zephtextbold";
  src: url("../fonts/zephtextbold-webfont.eot");
  src: url("../fonts/zephtextbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/zephtextbold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "zephtextbolditalic";
  src: url("../fonts/zephtextbolditalic-webfont.eot");
  src: url("../fonts/zephtextbolditalic-webfont?#iefix") format("embedded-opentype"), url("../fonts/zephtextbolditalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "zephtextitalic";
  src: url("../fonts/zephtextitalic-webfont.eot");
  src: url("../fonts/zephtextitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/zephtextitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "syrcomedessa";
  src: url("../fonts/SyrCOMEdessa.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "zephtextregular";
  src: url("../fonts/zephtextregular-webfont.eot");
  src: url("../fonts/zephtextregular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/zephtextregular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*@import 'loeb-tei';*/
/*@import 'modaloverride';*/
/*@import 'loeb-print';*/
/******************* Missing variables (temporary) ************/
/*$siteWidth			: 	960;*/
/* Breakpoints for Media Queries*/
/*$breakpoint-modal 	: 	48em;*/
/*$breakpoint-sm 		: 	33.75em;*/
/*$breakpoint-med 	: 	78.6em;*/
/*$breakpoint-lg		:	82.5em;*/
/*{$borderColor		: #dfdfdf;}*/
/* ----- Colors ---------- */
/*$canvasColor		: #ffffff;*/
/*$baseColor			: #404040;*/
/*$neutralColor		: #e5e5e5;*/
/****************************************************************
/* ------------------------------------------------------------------
   Styles for LOEB
   ------------------------------------------------------------------ */
/* ------------------------------------------------------------------
   HTML5 Elements
   ------------------------------------------------------------------ */
article,
aside,
details,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/* ------------------------------------------------------------------
   Base HTML Element Styles
   ------------------------------------------------------------------ */
a {
  color: #333333;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

table {
  border: none;
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 1em;
}

td, th {
  vertical-align: inherit;
  border: none;
}

input,
textarea {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px !important;
  padding: 6px 5px 6px !important;
  border-radius: 0 !important;
  border-color: #a9a9a9;
}

select {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px !important;
  height: 20px !important;
  vertical-align: middle;
  background-size: 20px;
  padding: 5px;
  border-radius: 0;
  border-color: #a9a9a9;
}

textarea,
input[type=text],
input[type=password] {
  box-sizing: border-box;
  box-shadow: inset 2px 2px 2px #e6e6e6;
  color: #777;
  border-color: #a9a9a9 !important;
  padding: 5px;
  margin: 0px;
  vertical-align: middle;
}

input[type=text],
input[type=password] {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 16px;
  border: 1px solid #d6d6d6;
}

/* Placeholder attribute CSS (used in search-within) */
::-webkit-input-placeholder {
  padding-top: 3px;
  color: #666666;
}

:-moz-placeholder {
  /* older Firefox*/
  padding-top: 3px;
  color: #666666;
}

::-moz-placeholder {
  /* Firefox 19+ */
  padding-top: 3px;
  color: #666666;
}

:-ms-input-placeholder {
  padding-top: 3px;
  color: #666666;
}

button,
input[type=button],
#loginPanel input[type=submit],
.search-form input[type=submit] {
  padding: 0 18px;
  height: 40px;
  vertical-align: middle;
  border: 1px solid #e3e3e3;
  background: #f0f0f0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10ffffff, endColorstr=#10000000);
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  color: #333333 !important;
  text-transform: uppercase;
}

/* This makes sure we are not including the large button sizing for these particular icons that are not part of the masthead*/
input[type=submit], .signup-form input[type=button] {
  vertical-align: middle;
  border: 1px solid #e3e3e3;
  background: #f0f0f0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10ffffff, endColorstr=#10000000);
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  color: #333333 !important;
  text-transform: uppercase;
  padding: 0 18px !important;
  height: 40px !important;
}

h1, h2, h3, h4, .hero-content h1 {
  font-family: "zephtextregular";
  font-variant-ligatures: none;
}

@media screen and (max-width: 1024px) {
  html.touch #createAnnotation {
    display: block;
  }
}
/* ------------------------------------------------------------------
   Accessibility Features
   ------------------------------------------------------------------ */
a.offScreen {
  position: absolute;
  left: -999em;
}

/* would like to change to .skip since you are allowing user to skip content and navigation. */
.largeFont .mainBase {
  font-size: 1em;
  line-height: 1;
}

/* override normalize.css */
/* .largeFont .mainBase, News pages and search results pages use .mainBase */
.largeFont #pageContent,
.largeFont #readPanel .panel,
.largeFont.bookLanding #readPanel,
.largeFont #xtraContent .tabPanel,
.largeFont #searchContent,
.largeFont #browseContent,
.largeFont #newsList,
.largeFont.newsDetail .mainBase {
  font-size: 150%;
}

/* ------------------------------------------------------------------
   Reusable Styles
   ------------------------------------------------------------------ */
a.more,
.more > a {
  font-style: italic;
}

a.more:after,
.more > a:after {
  content: " >";
}

.more:after, .readMore:after {
  display: none;
}

.author,
.authorName {
  display: inline;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.sortControl .author {
  display: inline;
  text-transform: none;
  letter-spacing: normal;
}

.workTitle {
  font-family: "zephtextitalic";
}

/* ------------------------------------------------------------------
   Layout Containers
   ------------------------------------------------------------------ */
html {
  /* background-color:#fff; */
  font-size: 62.5%;
}

body, .content-wrapper {
  font-family: "zephtextregular";
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  color: #333333;
  background-color: transparent;
}

/* Wrappers */
body.content-wrapper {
  font-family: "zephtextregular";
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  color: #333333;
}

#headerWrap {
  z-index: 0;
  background-color: transparent;
  position: static;
  background: #fff url("../images/masthead_lg.jpg") repeat-x -20px 35px;
}

.masthead-sm #headerWrap {
  background: #fff url("../images/masthead_key_sm.png") repeat-x 0 36px;
}

#columnWrapper {
  margin: 0;
  width: 100%;
  position: relative;
  margin-bottom: 0 !important;
  padding-bottom: 0;
  background-color: #ffffff;
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(229, 229, 229, 0.5)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(229, 229, 229, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff, endColorstr=#50e5e5e5);
  */
  -moz-box-shadow: inset 0 -1px 1px white;
  -webkit-box-shadow: inset 0 -1px 1px white;
  box-shadow: inset 0 -1px 1px white;
  min-height: 320px;
}

.column-wrapper {
  background-color: #FFFFFF;
}

.column-wrapper a {
  color: #333333;
}

.column-wrapper a:hover {
  text-decoration: underline;
  color: #333333;
}

#footerWrap {
  margin: 0;
  width: 100%;
  border: none;
  border-top: 1px solid #d3d3d3;
  background-color: transparent;
  color: #333333;
}

#footerWrap a {
  color: #333333;
  text-decoration: none;
}

#footerWrap a:hover {
  color: #333333;
  text-decoration: underline;
}

.page-viewtei #footerWrap, .page-viewteipage #footerWrap {
  margin-bottom: 5em;
}

@media screen and (max-width: 767px) {
  .page-viewteipage #footerWrap {
    margin-bottom: 60px;
  }

  .page-viewteipage #pageBody {
    padding: 15px 12px !important;
  }
}
#pageBody {
  padding: 0 0 0 0;
}

#header,
#pageBody,
#footer {
  width: 1020px;
  margin: 0 auto;
  position: relative;
}

.page-viewtei #pageBody {
  margin-bottom: 3em;
}

#header {
  height: 185px;
  z-index: 2;
}

#footer {
  overflow: hidden;
  position: static;
  padding: 10px 10px 10px 10px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
}

.site-header a {
  color: #333333;
}

#columnOne {
  float: left;
  width: 235px;
  margin: 107px 0 0 0;
  padding: 0 0 0 10px !important;
  position: relative;
  clear: both;
}

.browseResults #columnOne {
  margin-top: 44px;
}

.annotations #columnOne {
  display: none;
}

.advancedSearch #columnOne {
  float: right;
  margin-top: 95px;
  padding: 0 10px 0 0;
  display: block;
}

.contentPage #columnOne {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 97px;
}

.bookLanding #columnOne {
  margin-top: 0;
  clear: none;
  margin-left: -100%;
}

#columnOne .module {
  padding: 0;
  margin-bottom: 13px;
  float: left;
  width: 100%;
}

#columnTwo {
  position: relative;
  float: left;
  margin: 0 0 2em 28px;
  margin: 0 0 2em 2.916666666%;
  padding: 19px;
  width: 181px;
  width: 18.854166666%;
}

#mainContent {
  float: left;
  padding: 0 10px 0 25px;
  margin: 40px 0 0;
  width: calc(100%/* + 15px*/);
  min-height: 350px;
}

.volumes #mainContent, .page-browseauthors #mainContent {
  width: 100%;
  padding: 0 10px;
}

.page-wayf .mainBase {
  width: 100%;
  padding: 0 10px;
  margin: 40px 0 0 0;
  min-height: 350px;
}

.page-redeem #redeemToken {
  width: 100%;
  padding: 0 10px;
  margin: 40px 0 0 0;
  min-height: 350px;
  background: transparent;
}

.contentPage #mainContent,
.newsDetail #mainContent,
.page-news #mainContent {
  margin-top: 100px;
}

.bookLanding #mainContent {
  margin-top: 0;
  margin: 0 0 0 240px;
}

.page-search #mainContent, .page-news #mainContent, .page-viewteivolume #mainContent,
.page-advancedsearchpage #mainContent, .page-page #mainContent {
  width: calc(100% - 235px);
}

.page-mystuff [class^=ico-] span,
.page-mystuff [class*=ico-] span {
  position: static;
}

@media screen and (max-width: 767px) {
  #columnOne {
    float: none;
    margin-top: 40px;
  }

  #mainContent {
    float: none;
    width: 100%;
  }

  .page-search #mainContent,
.contentPage #mainContent {
    padding: 0 10px;
    margin-top: 30px;
  }

  .bookLanding #mainContent {
    margin-left: 0;
    padding: 0 10px 0 10px;
  }
  .bookLanding #columnOne {
    margin-left: 0;
    float: none;
  }
}
@media screen and (min-width: 1025px) {
  .contentPage #mainContent {
    margin-top: 0;
  }
}
#topSection {
  margin: 0;
  height: auto;
}

.volumes #topSection {
  margin-left: 0;
  margin-bottom: 3em;
}

/* Home Pages */
.home #contentWrapper,
.myStuff #contentWrapper,
.contentPage #contentWrapper,
.page-browseauthors #contentWrapper,
.page-redeem #contentWrapper {
  background-color: transparent;
  margin-bottom: 0 !important;
}

/* .page-viewteipage #headerWrap, */
.home #headerWrap,
.myStuff #headerWrap,
.contentPage #headerWrap,
.page-browseauthors #headerWrap,
.page-redeem #headerWrap {
  /* background:url("../images/masthead_key_lg.png") repeat-x 0 209px; */
}

.home #columnWrapper {
  padding-top: 50px;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.bookLanding #columnWrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.page-viewteipage #columnWrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.browseResults #columnWrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.myStuff #columnWrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.contentPage #columnWrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.home #header,
.myStuff #header,
.contentPage #header,
.page-browseauthors #header,
.page-redeem #header {
  height: 406px;
}

/*- Homepage Column Layout -*/
.page-start #pageBody {
  padding-top: 0;
}
.page-start #mainContent {
  float: right;
  clear: right;
  border-left: 1px solid #dfdfdf;
  width: calc(50% - 1px);
  padding: 0 10px 0 40px !important;
  margin: 0 !important;
}
.page-start #columnOne {
  width: 50%;
  float: left;
  padding: 0 40px 0 10px !important;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
}
.page-start #columnTwo {
  position: static;
  float: right;
  border-left: 1px solid #dfdfdf;
  width: calc(50% - 1px);
  padding: 0 10px 0 40px !important;
  margin: 0 !important;
}

/*- Homepage news -*/
div.component-recent-news div.content-box {
  background: none;
  border: none;
}
div.component-recent-news div.content-box-header {
  display: none;
}
div.component-recent-news .content-box-body {
  padding: 0;
}

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

  #columnTwoBottomBlock {
    width: 100%;
    float: none;
  }

  .page-start #mainContent {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-start #mainContent {
    float: none;
    border-left: none;
    width: 100%;
    padding: 0 10px 0 10px !important;
  }
  .page-start #columnOne {
    float: none;
    width: 100%;
    padding: 0 10px 0 10px !important;
    position: static;
  }
  .page-start #columnTwo {
    float: none;
    width: 100%;
    padding: 0 10px 0 10px !important;
    border-left: none;
  }
}
/* Content Detail Pages */
.page-viewteipage #columnWrapper {
  background: #fff;
  filter: none;
}

.page-viewteipage #pageBody {
  padding: 20px 10px;
  width: 1020px;
  margin-bottom: 1em;
}

.page-viewteipage #mainContent {
  margin-top: 20px;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 1060px) {
  .page-viewteipage #pageBody {
    padding: 20px 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .page-viewteipage #pageBody {
    padding: 20px 20px !important;
  }
}
/* ------------------------------------------------------------------
   Page Headings
   ------------------------------------------------------------------ */
#pagetitle,
#newsTitle,
#newsHeadline {
  margin: 0 0 13px 0;
  padding: 0 !important;
  font-size: 2.1em !important;
  line-height: 1.2;
  color: #000;
}

/* ------------------------------------------------------------------
   Branding
   ------------------------------------------------------------------ */
/* The pages that do not use this style set are the Advanced Search, Browse, and Search pages */
#headerLogo {
  padding-top: 218px;
  font-family: "zephtextregular";
  width: 490px;
  max-width: 100%;
  margin: 0 0 0 10px;
}
#headerLogo a {
  display: block;
  background: url("../images/loeb_seal.png") no-repeat 0 0;
  background-size: 94px auto !important;
  padding: 0 0 0 104px;
  color: #fff;
  width: 490px;
}
#headerLogo a:before {
  display: none;
}
#headerLogo a:hover {
  text-decoration: none;
}
#headerLogo a span {
  position: static;
  text-indent: 0;
}
#headerLogo a > span {
  display: block;
  padding: 23px 0 28px;
}
#headerLogo .logotype {
  font-size: 23px;
  font-size: 2.3rem;
  letter-spacing: 0.13em;
}
#headerLogo .byline {
  margin-top: 11px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: "zephtextitalic";
  display: block;
}
#headerLogo .byline .founder,
#headerLogo .byline .editor {
  font-family: "zephtextregular";
  margin-right: 1.5em;
}

/* Special styles for View TEI Page, AdvancedSearch, Search, and Browse pages that are the stripped down version of the masthead */
/* Styles also for .forgot-password and .page-forgotpasswordemailsent font sizes */
.page-viewteipage #headerLogo,
.page-viewteivolume #headerLogo,
.advancedSearch #headerLogo,
.searchPage #headerLogo,
.browsePage #headerLogo,
.page-loggedout #headerLogo,
.page-wayf #headerLogo,
.page-openathens #headerLogo,
.page-forgotpassword #headerLogo,
.page-news #headerLogo,
.page-newsitem #headerLogo,
.page-signup #headerLogo,
.page-forgotpasswordemailsent #headerLogo,
.page-login #headerLogo {
  padding-top: 26px;
  width: 400px;
}
.page-viewteipage #headerLogo a,
.page-viewteivolume #headerLogo a,
.advancedSearch #headerLogo a,
.searchPage #headerLogo a,
.browsePage #headerLogo a,
.page-loggedout #headerLogo a,
.page-wayf #headerLogo a,
.page-openathens #headerLogo a,
.page-forgotpassword #headerLogo a,
.page-news #headerLogo a,
.page-newsitem #headerLogo a,
.page-signup #headerLogo a,
.page-forgotpasswordemailsent #headerLogo a,
.page-login #headerLogo a {
  background-image: none;
  padding: 30px 0 0 0;
}
.page-viewteipage #headerLogo a span,
.page-viewteivolume #headerLogo a span,
.advancedSearch #headerLogo a span,
.searchPage #headerLogo a span,
.browsePage #headerLogo a span,
.page-loggedout #headerLogo a span,
.page-wayf #headerLogo a span,
.page-openathens #headerLogo a span,
.page-forgotpassword #headerLogo a span,
.page-news #headerLogo a span,
.page-newsitem #headerLogo a span,
.page-signup #headerLogo a span,
.page-forgotpasswordemailsent #headerLogo a span,
.page-login #headerLogo a span {
  padding: 0;
}
.page-viewteipage #headerLogo a span.logotype,
.page-viewteivolume #headerLogo a span.logotype,
.advancedSearch #headerLogo a span.logotype,
.searchPage #headerLogo a span.logotype,
.browsePage #headerLogo a span.logotype,
.page-loggedout #headerLogo a span.logotype,
.page-wayf #headerLogo a span.logotype,
.page-openathens #headerLogo a span.logotype,
.page-forgotpassword #headerLogo a span.logotype,
.page-news #headerLogo a span.logotype,
.page-newsitem #headerLogo a span.logotype,
.page-signup #headerLogo a span.logotype,
.page-forgotpasswordemailsent #headerLogo a span.logotype,
.page-login #headerLogo a span.logotype {
  display: block;
}
.page-viewteipage #headerLogo a span.byline,
.page-viewteivolume #headerLogo a span.byline,
.advancedSearch #headerLogo a span.byline,
.searchPage #headerLogo a span.byline,
.browsePage #headerLogo a span.byline,
.page-loggedout #headerLogo a span.byline,
.page-wayf #headerLogo a span.byline,
.page-openathens #headerLogo a span.byline,
.page-forgotpassword #headerLogo a span.byline,
.page-news #headerLogo a span.byline,
.page-newsitem #headerLogo a span.byline,
.page-signup #headerLogo a span.byline,
.page-forgotpasswordemailsent #headerLogo a span.byline,
.page-login #headerLogo a span.byline {
  display: none;
}
.page-viewteipage .forgot-password, .page-viewteipage #stepContents,
.page-viewteivolume .forgot-password,
.page-viewteivolume #stepContents,
.advancedSearch .forgot-password,
.advancedSearch #stepContents,
.searchPage .forgot-password,
.searchPage #stepContents,
.browsePage .forgot-password,
.browsePage #stepContents,
.page-loggedout .forgot-password,
.page-loggedout #stepContents,
.page-wayf .forgot-password,
.page-wayf #stepContents,
.page-openathens .forgot-password,
.page-openathens #stepContents,
.page-forgotpassword .forgot-password,
.page-forgotpassword #stepContents,
.page-news .forgot-password,
.page-news #stepContents,
.page-newsitem .forgot-password,
.page-newsitem #stepContents,
.page-signup .forgot-password,
.page-signup #stepContents,
.page-forgotpasswordemailsent .forgot-password,
.page-forgotpasswordemailsent #stepContents,
.page-login .forgot-password,
.page-login #stepContents {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}
.page-viewteipage .forgot-password, .page-viewteipage .login-form, .page-viewteipage .signup-form, .page-viewteipage #stepContents,
.page-viewteivolume .forgot-password,
.page-viewteivolume .login-form,
.page-viewteivolume .signup-form,
.page-viewteivolume #stepContents,
.advancedSearch .forgot-password,
.advancedSearch .login-form,
.advancedSearch .signup-form,
.advancedSearch #stepContents,
.searchPage .forgot-password,
.searchPage .login-form,
.searchPage .signup-form,
.searchPage #stepContents,
.browsePage .forgot-password,
.browsePage .login-form,
.browsePage .signup-form,
.browsePage #stepContents,
.page-loggedout .forgot-password,
.page-loggedout .login-form,
.page-loggedout .signup-form,
.page-loggedout #stepContents,
.page-wayf .forgot-password,
.page-wayf .login-form,
.page-wayf .signup-form,
.page-wayf #stepContents,
.page-openathens .forgot-password,
.page-openathens .login-form,
.page-openathens .signup-form,
.page-openathens #stepContents,
.page-forgotpassword .forgot-password,
.page-forgotpassword .login-form,
.page-forgotpassword .signup-form,
.page-forgotpassword #stepContents,
.page-news .forgot-password,
.page-news .login-form,
.page-news .signup-form,
.page-news #stepContents,
.page-newsitem .forgot-password,
.page-newsitem .login-form,
.page-newsitem .signup-form,
.page-newsitem #stepContents,
.page-signup .forgot-password,
.page-signup .login-form,
.page-signup .signup-form,
.page-signup #stepContents,
.page-forgotpasswordemailsent .forgot-password,
.page-forgotpasswordemailsent .login-form,
.page-forgotpasswordemailsent .signup-form,
.page-forgotpasswordemailsent #stepContents,
.page-login .forgot-password,
.page-login .login-form,
.page-login .signup-form,
.page-login #stepContents {
  padding-top: 20px;
}

.page-wayf .intro,
.page-openathens .intro {
  padding-left: 0;
}
.page-wayf p,
.page-openathens p {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 12px;
}
.page-wayf li,
.page-openathens li {
  list-style-type: disc;
}
.page-wayf select,
.page-openathens select {
  padding: 0;
  width: auto;
  min-width: 20em;
}
.page-wayf input[type=submit],
.page-openathens input[type=submit] {
  vertical-align: middle;
  border: 1px solid #e3e3e3;
  background: #f0f0f0;
  width: 10em;
}

#redeemToken .intro {
  padding-left: 0;
}
#redeemToken .redeemStep {
  background: transparent;
  margin: 0;
}
#redeemToken form {
  width: 100% !important;
  max-width: 400px;
}

@media screen and (max-width: 500px) {
  #recaptcha_image {
    width: 190px !important;
  }
}
.ico-locale::before {
  content: "";
  display: block;
  float: left;
}

#localeSelector {
  display: none;
  float: left;
}

#localeSelector .locale-toggle {
  display: none;
}

#localeSelectorForm {
  display: block;
  float: left;
}

/* ------------------------------------------------------------------
   Footer
   HUP-specific footer styles should be shared across all HUP sites.
   ------------------------------------------------------------------ */
/* Subscribing institution */
#footerAccounts {
  float: left;
  width: 230px;
  margin-right: 20px;
}

#footerAccounts #institutioninfo .preamble {
  float: left;
  margin-right: 10px;
}

#footerAccounts #institutioninfo .institutionName {
  display: block;
  text-indent: -999em;
}

.publisherLogo {
  display: block;
  background: transparent url("../images/logo_hup.png") no-repeat 0 0;
  height: 30px;
  width: 222px;
  text-indent: -999em;
}

/* Copyright information and navigation */
#footerDetail {
  float: left;
  margin-top: 12px;
  text-align: left;
}

#footerDetail #footerCopyright {
  display: inline-block;
  margin-right: 1em;
}

#footerCopyright .legal {
  display: inline;
}

/* Subscriber 'Access brought to you by:" statement */
#accountInfo {
  clear: both;
  margin-top: 1em;
}

#institutioninfo img {
  margin: 0 0.5em;
  max-height: 60px;
  max-width: 100px;
}

#institutioninfo img + .institutionName {
  display: none;
}

/* Powered by PubFactory */
#footerLogoWrap {
  float: right;
  width: 25%;
}

#footerLogoWrap .attribution {
  display: inline;
  margin: 0;
}

#footerLogoWrap #footerLogo {
  display: inline;
}

/* ------------------------------------------------------------------
   Error Messages
   ------------------------------------------------------------------ */
div.t-error, div.alert[role=alert] {
  color: #cc3333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  line-height: 1.45;
  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;
  height: 20px;
  width: 20px;
  padding: 0;
  line-height: 0;
}

div.alert h4 {
  margin-top: 0.5em;
}

div.alert ul {
  list-style: none;
}

.t-error ul, div.t-error, div.alert[role=alert] ul {
  margin-bottom: 0;
}

.t-error li, div.t-error, div.alert[role=alert] li {
  /*     margin-left: 0; */
  /*     padding: 0; */
}

div.alert[role=alert] h4 {
  margin-bottom: 0.333em;
  color: #be2228;
  font-weight: 600;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#pageNumber-help-block {
  display: none;
}

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

label.t-error {
  color: #BE2228;
  font-weight: normal;
}

.t-error-popup {
  border: 1px dotted #BE2228;
  color: #BE2228;
  cursor: pointer;
  display: block;
  float: none;
  height: auto !important;
  margin: 31px 0 0 18px;
  padding: 3px 6px;
  background: none repeat scroll 0 0 white;
}

.t-error-popup:hover {
  text-decoration: underline;
}

.t-error-popup span {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1em;
  padding: 0;
  background: none repeat scroll 0 0 transparent;
}

/* ------------------------------------------------------------------
   Pubfactory Icons Overrides
   ------------------------------------------------------------------ */
[class^=ico-]:before, [class^=ico-]:after, [class*=ico-]:before, [class*=ico-]:after {
  display: none;
}

/* ------------------------------------------------------------------
   Authentication
   ------------------------------------------------------------------ */
.tokenLink {
  margin: 1em 0;
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #dfdfdf;
  padding: 10px;
}
.tokenLink a {
  color: #666;
}

#loginPanel {
  margin-bottom: 13px;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  /* Library card login form */
  /* Actions */
  /* Subscribe Now */
  /* /redeem page ajustments */
  /* Listing alternate values since Internet Explorer 11 does not currently support "initial" */
}
#loginPanel h2 {
  color: #000;
  font-size: 1.8rem;
  background-color: transparent;
  padding: 0;
  margin: 0 0 1em;
  border-bottom: none;
  font-weight: normal;
}
#loginPanel a {
  color: #666;
}
#loginPanel p {
  margin: 0;
  padding: 10px;
}
#loginPanel #loginwrapper1,
#loginPanel #loginwrapper2 {
  margin: 0;
  padding: 0;
}
#loginPanel #loginwrapper1 {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 10px;
}
#loginPanel #loginwrapper2 {
  padding: 20px 0;
}
#loginPanel input[type=text],
#loginPanel input[type=password] {
  display: inline-block;
  width: 330px;
  width: 57%;
  font-size: 14px;
  font-size: 1.4rem;
}
#loginPanel [type=submit] {
  padding: 0 18px !important;
  height: 40px !important;
}
#loginPanel label {
  display: inline-block;
  margin-right: 16px;
  margin-right: 3.902439024%;
  padding: 5px 0;
  width: 60px;
  width: 37%;
  text-align: right;
}
#loginPanel .formRow {
  margin-bottom: 10px;
}
#loginPanel #submitRow {
  text-align: right;
  display: block;
  margin-right: 0;
}
#loginPanel #forgotPasswordRow {
  margin: 0px 0 20px 180px;
  margin: 0px 0 20px 43.902439024%;
  display: block;
}
#loginPanel #forgotPasswordRow a {
  font-size: 1.4rem;
}
#loginPanel #libcardwrapper {
  padding: 10px;
  background-color: #f2f2f2;
}
#loginPanel #libcardNumRow label {
  width: auto;
}
#loginPanel #libcardNumRow [type=text] {
  float: none;
  width: 378px;
  width: 92.195121951%;
}
#loginPanel .actions {
  list-style: none;
  margin: 0;
}
#loginPanel .actions:empty {
  display: none;
}
#loginPanel .actions li {
  list-style: none;
  margin: 0;
  padding: 10px;
  background-color: #f2f2f2;
}
#loginPanel #shibboleth {
  background-color: transparent;
}
#loginPanel .tokenLink {
  padding: 10px 0;
}
#loginPanel .tokenLink a,
#loginPanel #noAccount a {
  font-weight: 400;
}
#loginPanel .tokenLink a,
#loginPanel #noAccount p {
  margin: 0;
  padding: 10px;
}
#loginPanel .page-redeem #loginPanel label {
  display: inherit;
  margin-right: inherit;
  text-align: inherit;
  width: inherit;
}
#loginPanel #usernameRow input,
#loginPanel #passwordRow input {
  display: inline-block;
  display: initial;
  width: 57%;
  width: initial;
}

@media screen and (max-width: 1024px) {
  #loginPanel #forgotPasswordRow {
    margin: 0;
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  #loginPanel label {
    margin-right: 0;
    display: block;
    width: 100%;
    text-align: left;
  }
  #loginPanel input[type=text],
#loginPanel input[type=password] {
    width: 100%;
    display: block;
  }

  .home #pageBody {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .home #pageBody #columnTwo {
    order: 2;
  }
  .home #pageBody #mainContent {
    order: 3;
  }
  .home #pageBody #columnOne {
    order: 1;
  }
}
/* Logged Out Messaging */
#loggedout {
  margin: 30px 0 0 0;
  padding: 20px 10px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 1.3em;
  font-size: 1.3rem;
}

#loggedout p {
  line-height: 1.45;
}

#loggedout a {
  display: block;
  margin-top: 1em;
}

/* ------------------------------------------------------------------
   Token redemption
   ------------------------------------------------------------------ */
.page-redeem h2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
}

.page-redeem h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.page-redeem #notifications {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

/* start page winds up with 2 token redemption links; hide the one in the login box */
.page-start #loginwrapper2 .tokenLink {
  display: none;
}

.page-start .news-list {
  background-color: transparent;
}

/*Hide the news list background color*/
#columnOne > .tokenLink:first-child {
  border-top: none;
  border-bottom: 1px solid #dfdfdf;
  padding: 0 0 1em 0;
}

#redeemToken {
  margin: 30px 0 0 0;
  width: 705px;
  width: 73.4375%;
}

#redeemToken p > a {
  color: #3333CC;
}

#redeemToken .intro {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}

#redeemToken .redeemStep {
  font-size: 14px;
  font-size: 1.4rem;
}

#redeemToken form {
  width: 54%;
}

#redeemToken textarea,
#redeemToken input[type=text],
#redeemToken input[type=password] {
  height: 29px;
}

#redeemToken label {
  padding: 0;
}

#redeemToken #loginPanel #submitRow {
  text-align: left;
}

#redeemToken #loginPanel #forgotPasswordRow {
  margin: 0px 0 20px 100px;
}

#redeemToken ul#notifications {
  font-weight: bold;
  font-size: 1.5em;
}

/* ------------------------------------------------------------------
   Navigation Toggles
   ------------------------------------------------------------------ */
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^=ico-] {
  -ms-zoom: 1;
}

/* PubFactory platform uses the ico-* prefix for icons. */
.site-nav-toggle span {
  position: static;
  display: inline;
  padding-left: 0.5em;
}

.site-nav-toggle:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

.site-nav-toggle {
  display: none;
  -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;
}

/* @media screen and (max-width: $breakpoint-sm) { } */
/*.mobile-nav .site-nav-toggle,
.mobile-nav .site-nav-toggle:hover {
	display: block;
  	background-color: transparent;
  	color: $mainNavLinkColor;
  	font-size: 1em;
  	font-weight: normal;
  	line-height: 1;
  	text-decoration: none;
  	margin-top: 10px;
  	padding: 2px 8px 2px 12px;
  	height: 22px;
}*/
/* ------------------------------------------------------------------
   Primary Navigation
   ------------------------------------------------------------------ */
#navigation {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  background-color: transparent;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
}

#homenav,
#mainnav {
  display: inline-block;
  margin: 0;
  list-style: none;
}

#mainnav {
  width: 100%;
}

#homenav a,
#mainnav a {
  display: block;
  transition: color 0.2s ease-in-out;
}

#homenav a:hover,
#mainnav a:hover {
  text-decoration: none;
  color: #777777;
}

#mainnav #uselibnav {
  float: right;
}

#homenav > li,
#mainnav > li {
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
}

#homenav > li.expandable > a,
#mainnav > li.expandable > a,
#homenav > li > a,
#mainnav > li > a {
  display: block;
  margin: 10px 0 0 0;
  padding: 2px 8px 2px 12px;
  border-left: 1px solid #d6d6d6;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.3;
  color: #333333;
  height: 22px;
}

#mainnav > #uselibnav > a,
#mainnav > li:first-child > a {
  border-left: none;
  padding-left: 2px;
}

#homenav > li.expandable:hover > a,
#mainnav > li.expandable:hover > a,
#homenav > li > a:hover,
#mainnav > li > a:hover {
  position: relative;
  z-index: 9001;
  background-color: transparent;
  color: #333333;
}

#homenav li.expandable ul,
#mainnav li.expandable ul {
  position: absolute;
  margin-top: 6px !important;
  left: -999em;
  top: auto;
  margin: 0;
  width: 200px;
  background-color: #e5e5e5;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
}

#homenav li.expandable:hover ul,
#mainnav li.expandable:hover ul {
  left: auto;
}

#mainnav li#uselibnav:hover ul {
  left: auto;
  right: 0;
}

#homenav li li,
#mainnav li li {
  width: 100%;
  border-top: 1px solid #d6d6d6;
}

#homenav li li:first-child,
#mainnav li li:first-child {
  border-top: none;
}

#homenav li li a,
#mainnav li li a {
  padding: 6px 10px;
  border-top: 1px solid #f6f6f6;
  font-size: 14px;
  line-height: 1.5;
  height: auto;
}

/* ------------------------------------------------------------------
   Personalization Navigation
   ------------------------------------------------------------------ */
#personalNav {
  float: right;
  font-size: 11px;
  font-size: 1.1rem;
}

#personalNav .contentDropdown li {
  display: block;
  padding: 0 10px;
}

#personalNav .contentDropdown li:hover {
  background-color: #999;
}

#personalNav .count {
  padding-left: 2px;
}

#personalNav .dropdown {
  position: absolute;
  left: -999em;
  top: 36px;
  z-index: 999;
  background-color: #999;
  width: 200px;
  color: #fff;
  border: 1px solid #999;
  border-top: none;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
}

#personalNav .dropdown ul {
  background-color: #e5e5e5;
  padding: 10px;
  width: 180px;
  float: none;
}

#personalNav .dropdown li {
  padding: 3px;
  background-color: #e5e5e5;
  float: none;
}

#personalNav .dropdown li:hover {
  background-color: transparent;
}

#personalNav .dropdown li a {
  border: none;
  color: #444;
}

#personalNav .dropdown h3 {
  margin: 0;
  padding: 8px 12px;
}

#personalNav #savedEntries li:hover .dropdown {
  left: 0;
}

#personalNav #mySearches li:hover .dropdown {
  left: auto;
  right: 0;
}

/* ------------------------------------------------------------------
   Ancillary Header Navigation
   ------------------------------------------------------------------ */
#headerUtilityBar {
  background-color: transparent;
  float: left;
  width: 100%;
  height: 35px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  color: #666;
}

#headerUtilityBar a {
  color: #333333;
}

#loginNav,
#utilityNav {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  float: right;
}
#loginNav a,
#utilityNav a {
  color: #333333 !important;
}
#loginNav li,
#utilityNav li {
  display: block;
  float: left;
}
#loginNav li a,
#utilityNav li a {
  display: block;
  padding: 6px 8px 7px 8px;
}

#loginNav {
  float: left;
  margin-left: 10px;
}
#loginNav li#loginUser {
  padding: 6px 0;
}
#loginNav li#loginUser a {
  display: inline-block;
  padding: 0;
}
#loginNav li:first-child {
  margin-left: 0;
}
#loginNav a {
  margin-left: 0.25em;
  font-weight: 600;
}

#utilityNav a {
  font-weight: 400;
}

/* Update for HUP-1007: No longer hide personalization prior to authentication
 *   Previously, only show personalization nav if authenticated against AMX, or already logged in to personalization.
 *   #loginNav { display: none; } */
.authenticated #loginNav,
.loggedin #loginNav {
  display: block;
}

/*--- Header Tablet & Mobile Styles ---*/
#searchWithinDocumentDesktop {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  #contentWrapper {
    padding-top: 0;
  }

  #header {
    padding: 0;
  }
  #header a.site-search-toggle,
#header a.user-nav-toggle,
#header a.util-nav-toggle {
    display: none;
  }

  #headerWrap {
    background-image: url("../images/masthead_key_sm.png");
    background-position: 0 36px;
  }

  #navigation {
    position: static;
    clear: both;
    padding-left: 10px;
    padding-right: 4px;
    background: #c0c0c0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c0c0c0 0%, #e8e8e8 9%, #fafafa 17%, #fafafa 41%, #fafafa 41%, #eaeaea 74%, #d8d8d8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c0c0c0 0%, #e8e8e8 9%, #fafafa 17%, #fafafa 41%, #fafafa 41%, #eaeaea 74%, #d8d8d8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c0c0c0 0%, #e8e8e8 9%, #fafafa 17%, #fafafa 41%, #fafafa 41%, #eaeaea 74%, #d8d8d8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c0c0c0", endColorstr="#d8d8d8",GradientType=0 );
    /* IE6-9 */
  }

  #headerLogo {
    padding: 26px 0 6px;
    position: static;
    /*height: 85px !important;*/
  }
  #headerLogo a {
    background-size: 80px auto !important;
    height: 80px !important;
    padding: 0 0 0 90px;
  }
  #headerLogo a > span {
    padding: 15px 0 28px;
  }

  #userNav {
    position: static !important;
    width: auto !important;
  }
  #userNav .user-nav-list {
    background: transparent;
  }

  #headerUtilityBar .util-nav-menu {
    display: block;
    margin-top: 0 !important;
    padding: 4px 0 3px;
  }
  #headerUtilityBar .util-nav-menu li {
    margin: 0;
  }
  #headerUtilityBar .util-nav-menu li a {
    padding: 5px 10px;
    margin: 0;
  }

  .page-start #quickSearch,
.myStuff #quickSearch,
.contentPage #quickSearch,
.page-browseauthors #quickSearch,
.page-redeem #quickSearch {
    top: 44px !important;
    right: 12px;
    float: none;
    float: right !important;
  }
  .page-start #header,
.myStuff #header,
.contentPage #header,
.page-browseauthors #header,
.page-redeem #header {
    height: auto;
  }

  #headerLogo {
    width: 85px !important;
  }
  #headerLogo a {
    background: left top no-repeat url(../images/loeb_seal.png) !important;
    background-size: 80px auto !important;
    height: 80px !important;
    padding: 0 !important;
  }
  #headerLogo a > span {
    display: none;
  }

  #headerLogo a {
    width: auto !important;
  }

  .site-search input[type=text], .site-search .search-field {
    margin-bottom: 0;
  }

  #headerLogo {
    padding: 20px 0 0 !important;
  }
  #headerLogo a {
    background-size: 51px !important;
    height: 57px !important;
  }

  #headerWrap {
    background-position: 0 0 !important;
    background-size: auto 100px !important;
  }

  #headerUtilityBar {
    float: none;
    height: auto;
  }

  #loginNav, #utilityNav {
    overflow: visible;
    float: none;
  }

  #header {
    height: auto !important;
  }
  #header #quickSearch {
    top: 0 !important;
    right: 0 !important;
  }
  #header a.site-search-toggle,
#header a.util-nav-toggle,
#header a.site-nav-toggle {
    display: block !important;
    padding: 17px;
    position: absolute;
    top: 18px;
    right: 0;
    text-align: center;
    border-left: solid 1px #8f8f8f;
    background: transparent;
  }
  #header a.site-search-toggle:before,
#header a.util-nav-toggle:before,
#header a.site-nav-toggle:before {
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    color: #fff;
    font-size: 20px;
  }
  #header a.site-search-toggle:hover, #header a.site-search-toggle:active, #header a.site-search-toggle:focus,
#header a.util-nav-toggle:hover,
#header a.util-nav-toggle:active,
#header a.util-nav-toggle:focus,
#header a.site-nav-toggle:hover,
#header a.site-nav-toggle:active,
#header a.site-nav-toggle:focus {
    text-decoration: none;
    background: #000 !important;
    outline: none;
  }
  #header a.site-search-toggle span,
#header a.util-nav-toggle span,
#header a.site-nav-toggle span {
    display: none;
  }
  #header a.util-nav-toggle {
    padding: 17px 18px 17px 19px;
  }
  #header .ico-menu:before {
    content: "";
  }
  #header .ico-search:before, #header .c-Icon--search:before {
    content: "";
  }
  #header .util-nav-toggle:before {
    content: "";
  }
  #header a.site-search-toggle {
    right: 57px;
  }
  #header a.site-nav-toggle {
    right: 114px;
  }

  #quickLinks, #userNav, #mainnav {
    display: none;
  }

  #navigation.open {
    padding: 0;
    position: absolute;
    top: 76px;
    right: 0;
    left: auto;
    bottom: auto;
    border: 1px solid #e3e3e3;
    width: 100%;
    max-width: 320px;
  }
  #navigation.open a.site-nav-toggle {
    top: -58px;
  }
  #navigation.open a.site-nav-toggle:before {
    content: "";
  }
  #navigation.open #mainnav {
    display: block;
    padding: 0;
  }
  #navigation.open #mainnav > li {
    padding: 0;
    border-bottom: 1px solid #a8a8a8;
  }
  #navigation.open #mainnav > li > a {
    margin: 0;
  }
  #navigation.open #mainnav > li.has-subnav.open {
    border-bottom: 1px solid #a8a8a8;
  }
  #navigation.open #mainnav > li.has-subnav.open:after {
    content: "" !important;
  }
  #navigation.open #mainnav > li.has-subnav.open ul {
    display: block !important;
  }
  #navigation.open #mainnav li {
    float: none;
    display: block;
    cursor: pointer;
  }
  #navigation.open #mainnav li a {
    display: block;
    border-left: none;
    padding: 13px 10px;
    height: auto !important;
  }
  #navigation.open #mainnav li.has-subnav {
    position: relative;
  }
  #navigation.open #mainnav li.has-subnav:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "" !important;
    color: #333333;
    position: absolute;
    top: 11px;
    right: 11px;
    font-size: 18px;
  }
  #navigation.open #mainnav li.has-subnav > a {
    margin-right: 45px;
    border-right: 1px solid #a8a8a8;
  }
  #navigation.open #mainnav li.has-subnav ul {
    padding: 5px 0;
  }
  #navigation.open #mainnav li.has-subnav ul li a {
    padding: 6px 10px;
  }
  #navigation.open #mainnav li ul {
    display: none;
    position: static;
    float: none;
    background: none;
    margin-top: 0 !important;
    moz-box-shadow: none;
    box-shadow: none;
    webkit-box-shadow: none;
    width: 100%;
  }
  #navigation.open #mainnav li ul li {
    border-top: 0;
    padding-left: a;
    padding-left-border-top: 0;
    padding-left-font-size: 13px;
    padding-left-padding-left: 25px;
  }

  #quickSearch.open {
    position: static;
  }
  #quickSearch.open a.site-search-toggle:before {
    content: "";
  }
  #quickSearch.open #quickLinks {
    display: block;
    position: absolute;
    top: 76px;
    right: 0;
    background: #fff;
    padding: 20px;
    width: 378px;
    border: 1px solid #e3e3e3;
  }
  #quickSearch.open #quickLinks a {
    color: #333;
  }

  #utilityNav {
    display: block !important;
    padding: 0 !important;
    position: static;
  }

  #utilityNavList {
    display: none;
  }

  #headerUtilityBar.open {
    position: static;
    display: block;
    position: absolute;
    top: 76px;
    right: 0;
    left: auto;
    background: #c0c0c0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c0c0c0 0%, #e8e8e8 9%, #fafafa 17%, #fafafa 41%, #fafafa 41%, #eaeaea 74%, #d8d8d8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c0c0c0 0%, #e8e8e8 9%, #fafafa 17%, #fafafa 41%, #fafafa 41%, #eaeaea 74%, #d8d8d8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c0c0c0 0%, #e8e8e8 9%, #fafafa 17%, #fafafa 41%, #fafafa 41%, #eaeaea 74%, #d8d8d8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c0c0c0", endColorstr="#d8d8d8",GradientType=0 );
    /* IE6-9 */
    border: 1px solid #e3e3e3;
    width: 100%;
    max-width: 320px;
  }
  #headerUtilityBar.open a.util-nav-toggle {
    top: -59px;
    right: 2px;
  }
  #headerUtilityBar.open a.util-nav-toggle:before {
    content: "";
  }
  #headerUtilityBar.open #loginNav {
    margin: 0 !important;
  }
  #headerUtilityBar.open #utilityNav,
#headerUtilityBar.open #userNav,
#headerUtilityBar.open #utilityNavList {
    display: block !important;
  }
  #headerUtilityBar.open ul {
    background: transparent;
  }
  #headerUtilityBar.open li {
    float: none;
    font-size: 13px;
    border-bottom: 1px solid #e3e3e3 !important;
  }
  #headerUtilityBar.open li a {
    margin: 0;
    font-weight: 400;
    padding: 13px 8px 13px 8px !important;
  }
  #headerUtilityBar.open li a:hover {
    background: transparent;
  }
  #headerUtilityBar.open li:last-child {
    border-bottom: none;
  }
  #headerUtilityBar.open li#loginUser {
    padding-left: 11px !important;
    padding-right: 8px !important;
  }
  #headerUtilityBar.open li#loginUser a {
    padding: 0 !important;
  }
  #headerUtilityBar.open #userNav .user-nav-list {
    padding-bottom: 0 !important;
  }
  #headerUtilityBar.open #utilityNavList {
    border-top: 1px solid #cbcbcb !important;
  }
  #headerUtilityBar.open #utilityNavList li {
    border-bottom: 1px solid #cbcbcb !important;
  }
}
@media screen and (max-width: 400px) {
  #quickSearch #quickLinks, #searchWithinDocument #quickLinks {
    width: 320px !important;
    padding: 20px 16px !important;
  }
  #quickSearch #searchWithinDocumentForm, #searchWithinDocument #searchWithinDocumentForm {
    width: 320px !important;
    padding: 5px 0 !important;
  }
  #quickSearch .charPalette, #searchWithinDocument .charPalette {
    width: 250px !important;
  }
  #quickSearch input[type=text], #searchWithinDocument input[type=text] {
    width: 250px !important;
  }
}
/* ------------------------------------------------------------------
   Ancillary Footer Navigation
   ------------------------------------------------------------------ */
#footerNav {
  float: none;
  margin: 0;
  list-style: none;
  display: inline;
  padding-top: 12px;
}

#footerNav li {
  display: inline;
  margin: 0 0 0 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 1px solid #d3d3d3;
}

#footerNav li:first-child {
  margin: 0;
  padding: 0;
  border-left: none;
}

#footerNav a {
  color: #444444;
  text-decoration: none;
}

#footerNav a:hover {
  text-decoration: underline;
}

#footerNav li:focus, #footerNav li a:focus, #footerNav li a span:focus, #footerCopyright a:focus {
  color: #444444;
}

/* ------------------------------------------------------------------
   Faceted (Guided) Navigation
   ------------------------------------------------------------------ */
.facetedNav {
  clear: both;
  margin-bottom: 13px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.facetedNav h2 {
  margin: 0;
  padding: 10px 0;
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
}

.facetedNav {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.facetedNav h1, .facetedNav h2, .facetedNav h3, .facetedNav h4 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.facetedNav h3 {
  font-size: 12px;
}

.facet {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 1.5em;
}

#taxonomy_library.facet, #taxonomy_form.facet {
  margin-bottom: 1em;
}

.facet.shut, #taxonomy_library.facet.shut, #taxonomy_form.facet.shut {
  margin-bottom: 0;
}

.facet h3 {
  margin: 0;
  padding: 7px 7px 7px 14px;
  /*text-transform:uppercase;*/
}

.facet a {
  color: #333333;
}

@media screen and (max-width: 1024px) {
  .facetedNav h3 {
    font-size: 13px;
  }

  .facet {
    font-size: 13px;
  }
}
.facet .facetToggle {
  cursor: pointer;
  background-image: url("../images/sprite_toggles.png");
  background-repeat: no-repeat;
  background-position: 0 -343px;
}

.facet.open .facetToggle {
  background-position: 0 -343px;
}

.facet.shut .facetToggle {
  background-position: 3px -292px;
}

.facet .facetTools {
  border-bottom: 1px solid #ccc;
  padding: 10px;
  overflow: hidden;
}

.facet .facetValues {
  padding: 10px 10px 0 14px;
  overflow: hidden;
}

#facet_contents_author, #facet_contents_subject, #facet_contents_period {
  max-height: 162px;
  overflow-y: auto;
}

/* Single-select facet values */
.facetValues ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.facetValues li {
  padding: 0;
  margin-bottom: 0.75em;
}

.facetValues li.hidden {
  display: none;
}

.facetValues ul ul {
  margin-top: 5px;
}

.facetValues li li {
  margin-left: 20px;
}

.facetValues #taxonomy_library_greek {
  display: inline-block;
  border-left: 10px solid #14b76b;
  padding-left: 3px;
}

.facetValues #taxonomy_library_latin {
  display: inline-block;
  border-left: 10px solid #ff0000;
  padding-left: 3px;
}

.facetValues a.showMore {
  clear: both;
  display: block;
  border-top: 1px solid #F1F0E9;
  color: #134ea4;
  margin-top: 5px;
  padding-top: 10px;
  cursor: pointer;
}

.facetValues a.showMore:after {
  content: "...";
}

/* Multi-select facet values */
.facetValues fieldset {
  border: none;
}

.facetValues label {
  display: inline-block;
  float: none;
  line-height: 11px;
  height: auto;
  width: auto;
}

.facetValues input[type=text] {
  border: 1px solid #c9cac9;
  height: 23px;
  font-size: 11px;
  line-height: 11px;
  color: #444;
}

.facetValues input[type=checkbox] {
  display: inline-block;
  float: none;
  margin: 0 5px 0 0;
}

.facetValues input[type=submit] {
  background-color: #7d7b6e;
  color: #fff;
  text-transform: none;
  margin: 5px 0;
  padding: 0 5px;
  height: 25px;
}

.facetValues .delimiter {
  margin: 0 5px;
}

/* Date Entry */
.facet .dateValues {
  position: relative;
}

.facet .dateValues fieldset {
  padding: 3px 0 4px 0;
}

.facet .dateValues input[type=text] {
  width: 36px;
}

.facet .dateValues input[type=submit] {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}

/* Period Picker */
.facet .facetValuesPicker {
  margin: 10px 0 0 0;
  /*background-color:#cccbbc;*/
}

.facet .facetValuesPicker a.facetValuesSelect {
  display: block;
  padding: 10px 20px 10px 10px;
  background: #cccbbc url("../images/sprite_arrows.gif") no-repeat 180px -40px;
}

.facet .facetValuesPicker a.facetValuesSelect:hover {
  color: #fff;
  background-color: #7d7b6e;
  text-decoration: none;
}

.facet .facetValuesPicker.expanded a.facetValuesSelect {
  background-position: 180px -40px;
}

.facet .facetValuesPicker.expanded a.facetValuesSelect:hover {
  background-position: 180px 10px;
}

.facet .facetValuesPicker.collapsed a.facetValuesSelect {
  background-position: 180px -190px;
}

.facet .facetValuesPicker.collapsed a.facetValuesSelect:hover {
  background-position: 180px -140px;
}

.facet .facetValuesPicker.collapsed .facetValuesOptions {
  display: none;
}

.facet .facetValuesPicker .facetValuesOptions {
  background-color: #cccbbc;
  margin-top: 1px;
  padding: 10px;
}

.facet .facetValuesPicker .facetValuesOptions .facetValues {
  background-color: transparent;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .facet {
    display: block;
  }
}
/* ------------------------------------------------------------------
   Taxonomy Tree
   ------------------------------------------------------------------ */
.taxonomyTree ul {
  list-style: none;
  margin: 0;
}
.taxonomyTree li {
  padding: 3px 0 3px 15px;
}
.taxonomyTree .shut > ul {
  display: none;
}
.taxonomyTree .toggle {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: -15px;
  text-indent: -999em;
  cursor: pointer;
  background-image: url("../images/sprite_toggles.png");
  background-repeat: no-repeat;
}
.taxonomyTree .shut > .toggle {
  background-position: 3px -300px;
}
.taxonomyTree .open > .toggle {
  background-position: 0 -350px;
}
.taxonomyTree.facetValues li {
  padding: 0;
}

/* ------------------------------------------------------------------
   Alpha Filter
   ------------------------------------------------------------------ */
.alphaFilter {
  overflow: hidden;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.alphaFilter ul {
  margin: 0;
  float: left;
  list-style: none;
  color: #ccc;
}

.alphaFilter li {
  display: block;
  float: left;
  line-height: 2.1;
  height: 27px;
  width: 22px;
  text-align: center;
  border-left: 1px solid #e3e3e3;
  box-sizing: initial;
}

.alphaFilter li:first-child {
  border-left: none;
}

.alphaFilter a {
  display: block;
  color: #333333;
  line-height: 2.1;
  padding: 0 0.5em;
}

.alphaFilter .on {
  background-color: #333333;
}

.alphaFilter .on > a {
  color: #fff;
}

.facet .alphaFilter {
  padding-bottom: 3px;
  margin-bottom: -2px;
}

.facet .alphaFilter li {
  margin-bottom: 0;
  border-left: none;
  padding: 0 !important;
}

.facet .alphaFilter .gridRow {
  border-left: none;
}

.facet .alphaFilter a {
  padding: 0 0.5em;
}

.facet .alphaFilter .on {
  background-color: transparent;
}

.facet .alphaFilter .on > a {
  color: #666;
  text-decoration: underline;
}

/* ------------------------------------------------------------------
   Breadcrumb Navigation
   ------------------------------------------------------------------ */
#breadcrumb {
  margin: 0 0 50px -250px;
  padding-left: 0;
  width: 100%;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1em;
  line-height: 1.5em;
}
#breadcrumb ul {
  overflow: hidden;
  margin: 1em 0;
}
#breadcrumb li {
  float: left;
  list-style: none;
  color: #333;
  margin-right: 0;
}
#breadcrumb li a {
  padding-right: 0;
}
#breadcrumb li:after {
  content: "  ›  ";
}
#breadcrumb li:last-child:after, #breadcrumb li.last:after {
  content: "";
}

@media screen and (max-width: 1024px) {
  #breadcrumb {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 90px 0 10px;
    margin: 0 0 30px 0;
  }
}
/* ------------------------------------------------------------------
   Previous / Next Result Navigation
   ------------------------------------------------------------------ */
#entryPrevNextNav {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
}

#entryPrevNextNav ul {
  margin: 0;
}

#entryPrevNextNav li {
  float: left;
  margin-right: 0;
  list-style: none;
  border-left: none;
}

#entryPrevNextNav .prev a,
#entryPrevNextNav .next a {
  display: block;
  width: 16px;
  background-image: url("../images/sprite_arrows.png");
  background-repeat: no-repeat;
  background-position: left -100px;
  text-decoration: none;
  text-indent: -999em;
  overflow: hidden;
}

#entryPrevNextNav .next a {
  background-position: right -100px;
}

@media screen and (max-width: 1024px) {
  #entryPrevNextNav {
    display: block;
  }
}
/* ------------------------------------------------------------------
   Previous / Next Page Navigation for Content Detail
   ------------------------------------------------------------------ */
.pageNav {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  /*font-size:11px;*/
  font-size: 1.1em;
  font-size: 1.1rem;
}

.pageNav ul {
  margin: 0;
  list-style: none;
}

.pageNav .prev {
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -10px;
}

.pageNav .next {
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -10px;
}

.pageNav .prev a,
.pageNav .next a {
  display: block;
  width: 15px;
  height: 25px;
  background-color: #fff;
  background-image: url("../images/sprite_arrows.png");
  background-repeat: no-repeat;
  text-decoration: none;
  text-indent: -999em;
  overflow: hidden;
  opacity: 0.7;
  filter: alpha(opacity=70);
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.pageNav .prev a {
  background-position: left -250px;
}

.pageNav .next a {
  background-position: right -250px;
}

.pageNav .prev a:hover,
.pageNav .next a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* .pageNav .prev a:hover { background-position:left -250px; } */
/* .pageNav .next a:hover { background-position: right -250px; } */
/* ------------------------------------------------------------------
   NAVIGABLE TABLES OF CONTENTS
   ------------------------------------------------------------------ */
.tocModule {
  background-color: #fff;
}

.tocContent {
  clear: both;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  /*font-size:12px;*/
  font-size: 1.2em;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.tocContent #bookTocTitleLink {
  display: none;
}

.tocContent ul {
  list-style: none;
  margin: 0;
}

.tocContent li {
  padding-left: 15px;
  margin-bottom: 0.75em;
}

.tocContent a + ul {
  margin-top: 0.75em;
}

.tocContent li.current > a {
  font-weight: bold;
}

.tocContent a .title {
  display: none;
}

.tocContent .toggle {
  display: block;
  float: left;
  height: 10px;
  width: 10px;
  margin-left: -15px;
  text-indent: -9999em;
  cursor: pointer;
  background-image: url("../images/sprite_toggles.png");
  background-repeat: no-repeat;
}

.tocContent li .plustoggle {
  background-position: 3px -300px;
}

.tocContent li .minustoggle {
  background-position: 0 -350px;
}

.tocContent .shut > ul {
  display: none;
}

.tocContent .shut > .toggle {
  background-position: 3px -300px;
}

.tocContent .open > .toggle {
  background-position: 0 -350px;
}

.bookLanding .tocContent {
  font-size: 12px;
  font-size: 0.92em;
  font-size: 1.2rem;
}

.bookLanding .tocContent li {
  margin-bottom: 1em;
  padding-top: 1em;
  padding-left: 0;
}

.bookLanding .tocContent li li {
  margin-bottom: 0.5em;
  padding: 0;
}

.bookLanding .tocContent li ul {
  display: block !important;
  margin-left: 2em;
}

.bookLanding .tocContent .toggle {
  display: none;
}

.bookLanding .tocContent .heading {
  display: block;
  font-size: 13px;
  font-size: 1.08em;
  font-size: 1.3rem;
  /*font-family:"zephtextregular";*/
}

/* ------------------------------------------------------------------
   Tabbed Navigation
   ------------------------------------------------------------------ */
/* Tabs on Personalization Pages */
#myTabs {
  margin: 30px 0 0 0;
  border-bottom: 1px solid #888;
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
  list-style: none;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
}

.myStuff.bookmark #myTabs,
.myStuff.annotations #myTabs {
  float: left;
  padding-right: 255px;
}

#myTabs li {
  float: left;
  margin: 0 6px -1px 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

#myTabs a {
  border: none;
  /* override mystuff.css */
  display: block;
  line-height: 24px;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}

#myTabs li.active > a {
  border: 1px solid #888;
  border-bottom: 1px solid white;
  color: #333333;
}

/* Generic Tabs */
.tabs {
  float: left;
  width: 100%;
  margin: 0;
  background-color: #fff;
  /* 	-moz-box-shadow:inset 1px 1px 1px rgba(204, 204, 204, 1); */
  /* 	-webkit-box-shadow:inset 1px 1px 1px rgba(204, 204, 204, 1); */
  /* 	box-shadow:inset 1px 1px 1px rgba(204, 204, 204, 1); */
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #888;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
}

.tabs li {
  display: block;
  float: left;
  margin-top: -1px;
  margin-bottom: -1px;
  border-top: 1px solid #ccc;
}

.tabs .on {
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #fff #888;
}

.tabs a {
  display: block;
  margin: 0;
  padding: 12px 12px 10px 12px;
  margin: 0;
  color: #333333;
}

.tabs a:hover {
  color: #666;
  text-decoration: none;
}

.tabs .on a {
  color: #999;
}

/* ------------------------------------------------------------------
   My Account Pages
   ------------------------------------------------------------------ */
.myStuff #mainContent {
  padding: 0;
  width: 100%;
  margin: 0;
}
.myStuff.bookmark #pageBody, .myStuff.annotations #pageBody {
  height: auto;
  overflow: hidden;
}
.myStuff.bookmark #annotSearchForm input[type=submit], .myStuff.annotations #annotSearchForm input[type=submit] {
  height: 30px !important;
  padding: 6px 5px 6px !important;
  border: 1px solid #d6d6d6;
  border-left: none;
}
.myStuff.bookmark #mainContent, .myStuff.annotations #mainContent {
  margin-left: -250px;
  padding-left: 250px;
  float: right;
  /*float: left;
     width: 100%;
     margin-right: -250px;
     .myPanel {
     	margin-right: 250px;
     }*/
}
.myStuff.bookmark #columnOne, .myStuff.annotations #columnOne {
  float: left;
  margin-top: 107px;
  clear: none;
  /*width: 225px;
   		float: right;
   		clear: none;*/
}
.myStuff .tab-panel.myPanel {
  padding-right: 10px;
  padding-left: 10px;
  background: transparent;
}
.myStuff div.formRow {
  padding-right: 20px;
}
.myStuff div.formRow input[type=text], .myStuff div.formRow input[type=password] {
  width: 320px;
  max-width: 100%;
}
.myStuff div.formRow input[type=submit] {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.myStuff #myTabs {
  float: none !important;
  padding-right: 0 !important;
}
.myStuff .data-grid {
  background: transparent;
}
.myStuff select {
  font-size: 12px;
  padding: 0 5px;
}

@media screen and (max-width: 1024px) {
  .myStuff #columnOne {
    width: 235px !important;
  }
}
@media screen and (max-width: 900px) {
  .myStuff #columnOne {
    float: none !important;
    margin: 0 0 30px 0 !important;
  }
  .myStuff.bookmark #mainContent, .myStuff.annotations #mainContent {
    float: none !important;
    margin-left: 0;
    padding-left: 0;
    min-height: 0;
  }
}
@media screen and (max-width: 768px) {
  #myTabs {
    float: none;
    height: auto;
    line-height: 1;
    max-width: 300px;
    margin-left: 10px;
    padding: 0;
    border: 1px solid #e3e9eb !important;
  }
  #myTabs li {
    float: none;
    margin-right: 0;
  }
  #myTabs li a {
    padding: 5px 10px;
  }
  #myTabs li.active > a {
    border: none !important;
    font-weight: bold;
  }
  #myTabs li.mobile-menu a {
    padding: 5px 10px;
  }
  #myTabs li.mobile-menu a:after {
    top: 7px;
    right: 10px;
  }
}
/* ------------------------------------------------------------------
   Control Bars for Result Sets
   ------------------------------------------------------------------ */
.resultsBar {
  clear: both;
  overflow: hidden;
  padding: 4px 0 3px;
  border-top: 2px solid #e3e3e3;
  border-bottom: 2px solid #e3e3e3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
}

.resultsBar form {
  float: left;
  margin: 0 10px 0 0;
}

.resultsBar label {
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  /*height:18px; line-height:18px;*/
}

.resultsBar select {
  float: left;
  padding: 0 5px;
  font-size: 11px;
}

.resultsBar input[type=text] {
  float: left;
  margin-right: 5px;
  font-size: 11px;
  padding: 1px 3px !important;
}

.resultsBar input[type=submit] {
  float: left;
  margin: 0;
  border: 1px solid #e5e5e5;
  background-color: #e6e6e6;
  color: #333333;
  text-transform: none;
  padding: 1px 5px !important;
  height: initial !important;
}

.resultsBar input[type=submit]:disabled {
  color: #ccc;
}

.resultsBar .pagination {
  float: right;
  margin-top: 5px;
}

.volumes #mainContent .resultsBar,
.volumeRedirect #mainContent .resultsBar {
  display: none;
}

@media screen and (max-width: 900px) {
  #resultsBarTop {
    text-align: center;
  }
  #resultsBarTop div.pagination {
    display: inline-block;
    float: none;
    margin: 0 auto;
  }
}
/* ------------------------------------------------------------------
   Page Size Widget
   ------------------------------------------------------------------ */
.myStuff .items {
  float: right;
}

.myStuff .t-data-grid-pager {
  margin-left: 7px;
}

.items label:after {
  content: ":";
}

/* ------------------------------------------------------------------
   Sort Order Widget
   ------------------------------------------------------------------ */
.resultsBar .sortControl label:after {
  content: ":";
}

@media screen and (max-width: 700px) {
  #resultsBarTop div.sortControl {
    display: block;
  }
}
/* ------------------------------------------------------------------
   Jump To Location Widget
   ------------------------------------------------------------------ */
.jumpToModule input[type=text] {
  width: 48px;
}

/* .ie9 .jumpToModule input[type="submit"] { padding-top:2px; } */
/* ------------------------------------------------------------------
   Pagination
   ------------------------------------------------------------------ */
/* currently overriding styles from default.css. would like to get rid of default.css */
div.t-data-grid-pager {
  margin: 0;
  font-size: 11px;
  height: 19px;
  line-height: 19px;
}

div.t-data-grid-pager span.current,
div.t-data-grid-pager a {
  font-size: 11px;
  margin: 0 0 0 5px;
  padding: 0;
  text-decoration: none;
  background-color: transparent;
  color: #444444;
  border: none;
}

div.t-data-grid-pager a:hover,
div.t-data-grid-pager a:focus,
div.t-data-grid-pager a:active {
  text-decoration: underline;
  border: none;
}

div.t-data-grid-pager span.current {
  color: #666666;
  text-decoration: underline;
}

/* ------------------------------------------------------------------
   Tags Module
   ------------------------------------------------------------------ */
.tagsModule {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.tagsModule h2 {
  margin-bottom: 0;
  padding: 10px 13px;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(#c3c3c3));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 0%, #c3c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff, endColorstr=#c3c3c3);
  text-transform: uppercase;
  font-size: 13px;
  font-size: 1.3rem;
  color: #333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.tagsModule ul {
  overflow: hidden;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  margin-bottom: 0;
}
.tagsModule li {
  padding: 0;
  margin: 0;
  border: none !important;
  clear: both;
}
.tagsModule li .filterTag {
  clear: both;
  width: 105px;
  padding: 10px;
}
.tagsModule li strong.filterTag {
  margin-left: -10px;
  float: left;
}
.tagsModule li a {
  display: block;
  padding: 10px 0;
  position: relative !important;
  right: auto !important;
  left: auto !important;
  float: left;
  z-index: 5;
}
.tagsModule li a span {
  position: static;
  overflow: visible;
  clip: auto;
  height: auto;
  width: auto;
}
.tagsModule ul.groups li a {
  padding: 10px;
  position: static !important;
  float: none;
}
.tagsModule a.addLink {
  display: block !important;
  padding: 10px !important;
  margin: 0 !important;
}
.tagsModule a.addLink span {
  margin-left: 0;
}
.tagsModule li.current {
  padding: 10px;
}
.tagsModule li:first-child {
  border-top: none;
}
.tagsModule a.delete, .tagsModule a.email {
  margin-left: 8px;
}
.tagsModule a.addLink {
  display: inline-block;
  margin: 10px 13px;
}

/* ------------------------------------------------------------------
   Quick Search
   ------------------------------------------------------------------ */
#quickSearch {
  position: relative;
  float: right;
  top: 44px;
  right: 10px;
}

.home #quickSearch,
.myStuff #quickSearch,
.contentPage #quickSearch,
.page-browseauthors #quickSearch,
.page-redeem #quickSearch {
  top: 240px;
}

#quickSearch form {
  position: relative;
}

#quickSearch fieldset {
  border: none;
}

#quickSearch input[type=text] {
  display: block;
  float: left;
  border: 1px solid #e6e6e6;
  border-right: none;
  padding: 6px 7px 0 7px;
  width: 300px;
  font-family: "zephtextregular";
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #777777;
  text-indent: 3px;
}

#quickSearch input[type=text]:focus {
  color: #333333;
}

#quickSearch input[type=submit] {
  display: block;
  float: left;
  border: 1px solid #e6e6e6;
  border-left: 1px solid #dddddd;
  margin: 0;
  width: 36px;
  height: 39px !important;
  background: #e6e6e6 url("../images/btn_search.png") no-repeat 50% 50%;
  text-indent: -999em;
}

#quickSearchFilters {
  display: none;
}

#quickSearchItems {
  clear: both;
  float: right;
  margin-top: 5px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 1rem;
}

#quickSearchItems a {
  color: #fff;
  margin: 0;
}

/* ----- Advanced Search Options ----- */
.advSearchOptions {
  text-align: right;
  display: block;
  margin-top: 11px;
}

.advSearchOptions a.advSearchBtn {
  color: #444444;
}

.advancedSearch span.example {
  display: none;
}
.advancedSearch #pagetitle {
  text-align: left;
}
.advancedSearch .search-content {
  padding: 0;
}
.advancedSearch select {
  line-height: 27px !important;
  height: 27px !important;
  padding-top: 0;
  padding-bottom: 0;
}

.site-search {
  margin: 0;
  padding: 0;
}

.search-form input[type=text], .search-form .search-field {
  height: 27px;
}

/* ------------------------------------------------------------------
   Search Within
   ------------------------------------------------------------------ */
#searchWithin {
  height: 30px !important;
  padding: 6px 5px 6px !important;
}

#searchWithinDocumentSubmit {
  height: 30px !important;
  padding: 0px !important;
}

.searchWithin *,
.searchModule * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.searchWithin,
.searchModule {
  display: block;
  float: left;
  margin-bottom: 13px;
  font-size: 11px;
  font-size: 1.1em;
}

.searchWithin form,
.searchModule form {
  position: relative;
}

.searchWithin input[type=text],
.searchModule input[type=text] {
  display: block;
  float: left;
  border: 1px solid #d6d6d6;
  border-right: none;
  padding: 3px 7px;
  /* width:177px; removed 3 pixels to accommodate for sub-pixel rounding when zooming
  height:22px;*/
  width: 84%;
  width: calc(100% - 30px);
  height: 30px;
  color: #666666;
  font-family: "zephtextitalic";
}

.searchWithin input[type=text]:focus,
.searchModule input[type=text]:focus {
  color: #444444;
}

.searchWithin input[type=submit],
.searchModule input[type=submit] {
  display: block;
  float: left;
  border: 1px solid #d6d6d6;
  border-left: none;
  margin: 0;
  padding: 0;
  width: 30px;
  /*width:13.333333333%;*/
  height: 30px;
  /*background:#e6e6e6 url("../images/btn_search.png") no-repeat 4px -37px;*/
  background: #e6e6e6 url("../images/btn_search.png") no-repeat 50% 50%;
  background-size: 70%;
  text-indent: -999em;
}

#columnOne .searchWithin,
#columnOne .searchModule {
  width: 100%;
}

#contentToolset .searchWithin input[type=submit],
#contentToolset .searchModule input[type=submit] {
  width: 30px;
}

@media screen and (max-width: 1024px) {
  .browseResults #columnOne .searchModule {
    position: static;
    float: none;
    padding: 0;
  }
}
/* ------------------------------------------------------------------
   Character Palette (e.g., Greek Keyboard)
   ------------------------------------------------------------------ */
.charPalette * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.charPalette {
  position: relative;
  float: left;
  border: none;
  width: 300px;
}

.charPalette input[type=text] {
  padding-right: 47px;
  /*width:245px;*/
  width: 100%;
}

.charPalette .toggle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  display: block;
  width: 42px;
  height: 29px;
  background: transparent url("../images/btn_keyboard.png") no-repeat 5px 5px;
  text-indent: -999em;
  cursor: pointer;
}

.charPalette.open .toggle {
  background-color: #d6d6d6;
}

.charPalette .charMenu {
  display: none;
}

/* default state */
.charPalette .charMenu {
  position: absolute;
  top: 29px;
  right: 0;
  z-index: 9999;
  padding: 14px;
  padding: 4.666666666%;
  background: #fff url("../images/bkg_notch.png") no-repeat 273px top;
  background-position: 95% top;
  border: 1px solid #d6d6d6;
  width: auto;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  min-height: 5em;
}

.charPalette .charIndex {
  list-style: none;
  margin: 0 0 1em -2px;
  float: left;
  width: 100%;
}

.charPalette .charIndex.upper {
  display: none;
}

.charPalette .charIndex li {
  display: block;
  float: left;
  margin-left: 4px;
  margin-left: 1.470588235%;
  margin-bottom: 6px;
  width: 9.558823529%;
  text-align: center;
  color: #878787;
  font-size: 1.8em;
  cursor: pointer;
}

.charPalette .charIndex li a {
  display: block;
  padding: 6px 0;
  width: 24px;
  width: 100%;
  height: 17px;
  height: 31px;
  color: #878787;
  border: 1px solid #d6d6d6;
  background: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e9e9e9));
  background-image: -moz-linear-gradient(#f3f3f3 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3f3f3, endColorstr=#e9e9e9);
}

.charPalette .charIndex li a:hover,
.charPalette .charIndex li a:focus {
  color: #878787;
  text-decoration: none;
  background: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#d6d6d6));
  background-image: -moz-linear-gradient(#f3f3f3 0%, #d6d6d6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3f3f3, endColorstr=#d6d6d6);
}

.charPalette .charIndex li.shift a {
  background: #aeaeae;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#aeaeae), to(#a4a4a4));
  background-image: -moz-linear-gradient(#aeaeae 0%, #a4a4a4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aeaeae, endColorstr=#a4a4a4);
  color: #fff;
}

.charPalette .charIndex li.shift span {
  display: block;
  background-image: url("../images/sprite_arrows.png");
  background-repeat: no-repeat;
  color: #fff;
  text-indent: -999em;
}

.charPalette .charIndex li.shift.up span {
  background-position: 4px -297px;
}

.charPalette .charIndex li.shift.dn span {
  background-position: -22px -295px;
}

.charPalette .charIndex li.shift a:hover {
  color: #fff;
}

.charPalette .charIndex .indent {
  margin-left: 19px;
}

.charPalette .charMenu .contextHelp {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 1rem;
}

#quickSearch .charPalette input[type=text] {
  padding-right: 47px;
  padding-bottom: 6px;
}

#quickSearch .charPalette .toggle {
  height: 37px;
  background-position: 5px 9px;
}

#quickSearch .charPalette .charMenu {
  top: 36px;
}

#columnOne .charPalette {
  width: 189px;
  width: 84%;
  width: calc(100% - 30px);
}

#columnOne .charPalette input[type=text] {
  /*width:134px;*/
  width: 189px;
  width: 100%;
}

#columnOne .charPalette .charMenu {
  padding: 6px;
  right: -30px;
  /*background-position:161px top;
  right:-15.873015873%;*/
  background-position: 77.777777777% top;
}

#columnOne .charPalette .charIndex li {
  font-size: 1.2em;
}

#columnOne .charPalette .charIndex li a {
  padding: 6px 2px;
  /*width:13px;
  height:13px;*/
}

#columnOne .charPalette .charIndex li.shift.up span {
  background-position: 2px -347px;
}

#columnOne .charPalette .charIndex li.shift.dn span {
  background-position: -23px -345px;
}

#columnOne .charPalette .charIndex .indent {
  margin-left: 15px;
}

#contentToolset .charPalette .toggle {
  position: relative;
  float: right;
  margin-left: -42px;
}

#contentToolset .charPalette.open .toggle {
  margin-left: -344px;
}

#contentToolset .charPalette .charMenu {
  clear: both;
  position: relative;
  top: -1px;
  right: 0;
  /*width:270px;*/
}

/* ------------------------------------------------------------------
   Homepage (page-start)
   ------------------------------------------------------------------ */
.page-start #columnOne {
  padding-right: 0;
}

/* ------------------------------------------------------------------
   Page Links & Display Tools (aka Content Tools)
   ------------------------------------------------------------------ */
#pageLinks {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 99;
}

#pageLinks ul {
  float: left;
  margin: 0 0 0 0;
  list-style: none;
}

#pageLinks li {
  float: left;
  margin-right: 0px;
  margin-left: 10px;
}

#pageLinks a {
  display: block;
  float: left;
  background-image: none;
}

#pageLinks a:focus,
#pageLinks a:active {
  border-style: dotted;
  border-width: 1px;
}

#pageLinks ul.actions {
  float: left;
  margin-right: 1em;
}

#pageLinks ul.actions a {
  background: transparent url("../images/sprite_tools_global.png") no-repeat 0 0;
  display: block;
  float: left;
  height: 19px;
  width: 16px;
}

#pageLinks ul.actions span {
  display: block;
  /*text-indent:-999em;*/
  position: absolute;
  left: -999em;
}

#pageLinks li.saved a,
#pageLinks li.save a {
  background-position: -26px top;
  width: 12px;
}

.page-search #pageLinks li.save a {
  background: transparent url("../images/sprite_tools.png") no-repeat 0 0;
  width: 14px;
}

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

#pageLinks ul.actions a.ico-hi {
  display: none;
}

#pageLinks li.email a {
  background-position: -76px top;
  width: 18px;
}

#pageLinks li.print a {
  background-position: 0 top;
}

#pageLinks li.share a {
  background-position: -100px top;
}

#pageLinks li.cite a {
  background-position: -50px top;
}

/* #pageLinks li.cite a { background:none; width:auto; } */
/* #pageLinks li.cite span { position:static; left:0; } */
#pageLinks li.copy a.off {
  zoom: 1;
  filter: alpha(opacity=30);
  opacity: 0.3;
  cursor: default;
}

#pageLinks li.share .addthis_button span {
  position: relative;
  left: 0;
  text-indent: -999em;
}

#pageLinks li.share .addthis_button img {
  width: 0;
  height: 0;
  overflow: hidden;
}

.page-volumes li.save {
  display: none !important;
}

#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-button-label {
  visibility: hidden !important;
}

#at-expanded-menu-host .at-expanded-menu-close {
  padding: 0 !important;
  width: 40px !important;
  height: 40px !important;
}
#at-expanded-menu-host .at-expanded-menu-close span {
  line-height: 41px !important;
}

#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-service-list button, #at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-service-list li {
  line-height: normal;
  height: initial !important;
}

#at-expanded-menu-host .at-expanded-menu-service-list button {
  padding: 0 !important;
}

div.atm {
  display: none !important;
}

/* Only show save links if authenticated against AMX, or already logged in to personalziation. */
.pageLinks .save {
  display: none;
}

.authenticated .pageLinks .save,
.loggedin .pageLinks .save {
  display: list-item;
}

.pageLinks .actions a {
  margin: 0;
}

#pageLinks ul.fontResizer {
  margin: 0 0 0 0px;
  height: 18px;
}

#pageLinks ul.fontResizer li {
  margin: 2px 2px 0 0;
  line-height: 20px;
  color: #666;
}

#pageLinks ul.fontResizer .textNormal a {
  font: 12px/12px Georgia, serif;
  padding-top: 2px;
}

#pageLinks ul.fontResizer .textLarge a {
  font: 18px/12px Georgia, serif;
}

#pageLinks ul.fontResizer .textLarge a.selected,
#pageLinks ul.fontResizer .textNormal a.selected {
  color: #666;
}

#pageLinks ul.fontResizer span.text {
  position: absolute;
  left: -999em;
}

#pageLinks ul.fontResizer a:focus,
#pageLinks ul.fontResizer a:hover,
#pageLinks ul.fontResizer a:active {
  border: none;
  text-decoration: underline;
}

.displayTools ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
}

.displayTools li {
  margin-left: 1em;
  display: block;
  float: left;
}

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

.displayTools li li {
  margin-left: 0.25em;
}

.displayTools li + li {
  border-left: 1px solid #D6D6D6;
  padding-left: 1em;
}

.displayTools li:first-child + li,
.displayTools li li + li {
  border-left: none;
  padding-left: 0;
}

.displayTools li a + a {
  margin-left: 0.5em;
}

.displayTools a {
  display: block;
  background: transparent url("../images/sprite_tools_entry.png") no-repeat 0 0;
  height: 20px;
  width: 20px;
}

.displayTools .tocToggle {
  background-position: 0 0;
}

.displayTools .tocToggle.active {
  background-position: 0 -25px;
}

.displayTools .annotToggle {
  background-position: -25px 0;
}

.displayTools .annotToggle.active {
  background-position: -25px -25px;
}

.displayTools .pageModeDual {
  background-position: -50px 0;
}

.displayTools .pageModeDual.active {
  background-position: -50px -25px;
}

.displayTools .pageModeVerso {
  background-position: -75px 0;
}

.displayTools .pageModeVerso.active {
  background-position: -75px -25px;
}

.displayTools .pageModeRecto {
  background-position: -100px 0;
}

.displayTools .pageModeRecto.active {
  background-position: -100px -25px;
}

.displayTools .pageModeReader {
  background-position: -125px 0;
}

.fullScreen .displayTools .pageModeReader {
  background-position: -125px -25px;
}

.displayTools span {
  position: absolute;
  left: -999em;
}

@media screen and (max-width: 1024px) {
  .pageLinks {
    display: block;
  }
}
/* ------------------------------------------------------------------
   Content Toolbar
   ------------------------------------------------------------------ */
#contentToolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  -moz-box-shadow: 1px -1px 1px #cccccc;
  -webkit-box-shadow: 1px -1px 1px #cccccc;
  box-shadow: 1px -1px 1px #cccccc;
  border-top: 1px solid #999;
  margin-top: 32px;
}

#contentToolbar .toolbarToggle {
  display: block;
  float: left;
  margin-top: -32px;
  margin-left: 2%;
  padding: 10px 10px 20px;
  height: 10px;
  background: #ffffff;
  zoom: 1;
  filter: alpha(opacity=85);
  opacity: 0.85;
  border: 1px solid #999;
  border-bottom: 1px solid #ffffff;
  -moz-box-shadow: 1px -1px 1px #cccccc;
  -webkit-box-shadow: 1px -1px 1px #cccccc;
  box-shadow: 1px -1px 1px #cccccc;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  z-index: 9999;
}

#contentToolbox {
  background: #ffffff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 1%, rgba(229, 229, 229, 0.85) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(229, 229, 229, 0.85)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 1%, rgba(229, 229, 229, 0.85) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.85) 1%, rgba(229, 229, 229, 0.85) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.85) 1%, rgba(229, 229, 229, 0.85) 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0.85) 1%, rgba(229, 229, 229, 0.85) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#85ffffff", endColorstr="#85e5e5e5",GradientType=0 );
  filter: alpha(opacity=85);
}

#contentToolset {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 7px 10px 5px;
  overflow: hidden;
  text-align: right;
}
#contentToolset .searchModule {
  float: left;
  margin-bottom: 0;
  margin-left: 0;
  text-align: left;
}
#contentToolset #pageLinks {
  position: static;
  display: inline-block;
  margin: 5px 0 5px 0;
  padding-left: 0;
  border-left: none;
}
#contentToolset #pageLinks ul {
  margin-right: 0;
}
#contentToolset .displayTools {
  display: inline-block;
  margin: 5px 0 5px 1em;
  padding-left: 1em;
  border-left: 1px solid #D6D6D6;
  position: relative;
  top: -5px;
}

@media screen and (max-width: 1024px) {
  .searchModule {
    padding: 0;
    background: transparent;
  }
}
@media screen and (max-width: 650px) {
  #contentToolset {
    text-align: left;
  }
  #contentToolset .searchModule {
    width: 100%;
    margin-bottom: 10px;
  }
  #contentToolset #pageLinks li.first {
    margin-left: 0;
  }
}
/* ------------------------------------------------------------------
   Advanced Search Form
   ------------------------------------------------------------------ */
.advancedSearch #mainContent {
  padding: 0 25px 0 10px;
}
.advancedSearch span.example {
  display: none;
}
.advancedSearch #pagetitle {
  text-align: left;
}
.advancedSearch .search-content {
  padding: 0;
}
.advancedSearch select {
  float: left;
}
.advancedSearch input[type=text] {
  margin-bottom: 0 !important;
}
.advancedSearch .form-row .charPalette {
  padding-left: 10px;
  width: 45%;
}
.advancedSearch .form-row .charPalette input {
  max-width: 100%;
}
.advancedSearch .form-row select.searchtype {
  width: 29%;
  margin: 0 0 0 1%;
  max-width: 100%;
}
.advancedSearch .form-row select.operator {
  width: 15%;
  margin: 0;
}
.advancedSearch #fragment .first.form-row select {
  width: 45%;
  margin: 0;
}
.advancedSearch .formDescription {
  display: none;
  padding-top: 1em;
  font-size: 1.3em;
  font-size: 1.3rem;
  line-height: 1.3;
}
.advancedSearch .advSearchModule {
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 2em 0;
  margin-bottom: 2em;
}
.advancedSearch .advSearchModule.multiSearch legend {
  display: none;
}
.advancedSearch fieldset {
  border: none;
}
.advancedSearch legend {
  display: block;
  font-weight: bold;
}
.advancedSearch .row {
  padding: 10px;
}
.advancedSearch .row:hover {
  background-color: #fcfae1;
}
.advancedSearch .row,
.advancedSearch .buttons {
  clear: both;
  margin-bottom: 0.5em;
}
.advancedSearch .buttons {
  text-align: right;
}
.advancedSearch .buttons input {
  margin-left: 0.5em;
}
.advancedSearch .deleteRow,
.advancedSearch .addRow {
  display: block;
  font-size: 1.1em;
  font-size: 1.1rem;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.advancedSearch .deleteRow {
  float: left;
  margin-top: 6px;
  margin-left: 0.5em;
  width: 20px;
  height: 20px;
  background: url("../images/icon_close.png") no-repeat 0 0;
  text-indent: -999em;
}
.advancedSearch .addRow {
  clear: both;
  float: left;
  margin-left: 10px;
  padding-left: 20px;
  line-height: 1.4;
  background: url("../images/icon_add.png") no-repeat 0 0;
}
.advancedSearch .dateRange legend {
  display: block;
  float: left;
  width: 200px;
  font-weight: normal;
}
.advancedSearch .dateRange label {
  display: none;
}
.advancedSearch .wideField {
  max-width: 300px;
}
.advancedSearch .moduleDetail > div,
.advancedSearch .date-range-group,
.advancedSearch .date-query-rows {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .advancedSearch .form-row select.searchtype {
    width: 29% !important;
  }
  .advancedSearch #fragment .first.form-row select {
    width: 45% !important;
  }
  .advancedSearch .t-forminjector a.deleteRow {
    margin: 6px 0 0 0.5em;
  }
}
@media screen and (max-width: 700px) {
  .advancedSearch #columnOne {
    float: none;
    margin-top: 30px;
    padding: 10px;
    width: 100%;
  }
  .advancedSearch #mainContent {
    float: none;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 700px) {
  .advancedSearch #fragment .first.form-row select {
    width: 100% !important;
  }
  .advancedSearch .form-row .charPalette {
    padding-left: 0;
    width: 90%;
  }
  .advancedSearch .form-row select.searchtype {
    width: 69% !important;
    margin-bottom: 10px !important;
  }
  .advancedSearch .form-row select.operator {
    width: 30%;
  }
}
#periodSelector {
  clear: both;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 15px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 1.3em;
  vertical-align: middle;
}

#periodSelector label {
  display: block;
  float: left;
  margin-left: 10px;
  margin-right: 0.5em;
  margin-top: 3px;
  vertical-align: inherit;
}

#advancedSearchTip {
  padding: 1em;
  background-color: #e6e6e6;
}

#advancedSearchTip h2 {
  font-size: 1.8em;
  font-size: 1.8rem;
  line-height: 1.3;
  margin-bottom: 0.5em;
}

#advancedSearchTip p {
  font-size: 1.3em;
  font-size: 1.3rem;
  line-height: 1.3;
}

.page-advancedsearchpage #periodSelect {
  padding-right: 1.8em;
}

.page-myaccount #preferredLanguage {
  padding-right: 2em;
}

/* ------------------------------------------------------------------
   Browse Header
   ------------------------------------------------------------------ */
.browseHeader h1 {
  padding: 0 10px;
}
.browseHeader .alphaFilter {
  padding: 2px;
  border-top: 2px solid #e3e3e3;
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 1em;
  font-size: 14px;
  font-size: 1.4em;
}

.browseResults .alphaFilter li {
  padding: 1px;
}

/* ------------------------------------------------------------------
   Browse Content
   ------------------------------------------------------------------ */
.browseContent {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 1.2em;
  padding: 0 10px;
}
.browseContent .facetValues ul {
  float: left;
  width: 33%;
}
.browseContent .facetValues a {
  color: #333333;
}

@media screen and (max-width: 767px) {
  .browseContent .facetValues ul {
    padding-right: 10px;
  }
}
@media screen and (max-width: 500px) {
  .browseContent .facetValues ul {
    width: 100%;
  }
}
/* ------------------------------------------------------------------
   Search Header
   ------------------------------------------------------------------ */
.searchHeader {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 12px;
  border-bottom: none;
  padding-left: 0 !important;
  box-shadow: none;
}

.searchHeader h2 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  float: left;
  margin: 0 1em 1em 0;
  font-size: 1em;
  color: #333333;
}

.searchHeader ul {
  list-style: none;
  margin: 0;
}

.searchHeader .searchTerm {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  color: #333333;
}

.searchHeader .searchTerm, .searchHeader .modifySearch, .searchHeader .clearAll {
  font-weight: 400;
}

.searchHeader .searchTerm strong {
  font-weight: normal;
}

.searchHeader .searchTerm .label,
.searchHeader .searchTerm .text,
.searchHeader .searchTerm .remove {
  display: block;
  float: left;
}

.searchHeader .searchTerm .remove a {
  display: block;
  float: left;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  background: url("../images/icon_remove.png") no-repeat 0 0;
}

.searchHeader .searchTerm .remove span {
  position: absolute;
  left: -999em;
}

.searchHeader .modifySearch,
.searchHeader .clearAll {
  display: block;
  float: left;
  margin-left: 15px;
}

.searchHeader a {
  color: #333333;
}

/* .volumes .searchHeader { display:none; } */
/* ------------------------------------------------------------------
   Search Result Item
   ------------------------------------------------------------------ */
#searchContent {
  font-size: 1.3em;
  clear: both;
  padding: 0;
}

#searchContent .contentItem {
  border-top: 1px solid #eee;
  margin: 1em 0;
  padding: 0;
  width: 705px;
  width: 100%;
  font-family: "zephtextregular";
}

#searchContent .contentItem:first-child {
  border-top: none;
}

#searchContent .contentItem article {
  padding: 1.5em 0 1em 0;
}

#searchContent .contentItem.greekLib {
  border-right: 2px solid #14b76b;
}

#searchContent .contentItem.latinLib {
  border-right: 2px solid #ff0000;
}

#searchContent .contentItem h1 {
  /*font-size:16px; font-size:1.6rem;*/
  font-size: 1.25em;
  line-height: 1.4;
  margin-bottom: 0.5em;
}

#searchContent .contentItem .bibliographicAuthorName {
  text-transform: uppercase;
  letter-spacing: 1px;
}

#searchContent .contentItem .context {
  clear: both;
}

#searchContent .contentItem .context .hi {
  font-weight: bold;
}

#searchContent .contentItem mark {
  font-weight: bold;
  background: transparent;
}

#searchContent .contentItem dt,
#searchContent .contentItem dd {
  display: inline;
  margin: 0;
  padding: 0;
}

#searchContent .contentItem dt {
  margin-right: 0.17em;
}

#searchContent .contentItem .meta > span {
  display: block;
  margin-bottom: 4px;
}

#searchContent .showResultsWithinZone.open, #searchContent .showResultsWithinZone.shut .hitsWithinResults {
  background: rgba(0, 0, 0, 0) !important;
  padding-bottom: 1em;
}

#searchContent .showResultsWithinLink {
  display: inline-block;
  margin-bottom: 1em;
  padding-left: 15px;
  background-image: url("../images/sprite_toggles.png");
  background-repeat: no-repeat;
}

#searchContent .showResultsWithinZone.shut .showResultsWithinLink {
  background-position: 3px -297px;
}

#searchContent .showResultsWithinZone.open .showResultsWithinLink {
  background-position: 0 -347px;
}

#searchContent .showResultsWithinZone.shut .hitsWithinResults, #searchContent .showResultsWithinZone.shut .showHitsWithinMessage {
  display: none;
}

#searchContent .showResultsWithinZone.open .hitsWithinResults, #searchContent .showResultsWithinZone.open .showHitsWithinMessage {
  display: block;
}

#searchContent .showHitsWithinMessage .queryString {
  font-weight: bold;
}

#searchContent .showHitsWithinMessage,
#searchContent .hitsWithinResults {
  margin: 0 2.5em;
}

#searchContent .hitsWithinResults .contentItem {
  width: 100%;
  font-size: 0.9em;
  border: none;
}

#searchContent .hitsWithinResults .contentItem:first-child {
  border-top: none;
}

#searchContent .hitsWithinResults .contentItem article {
  padding: 1em 1.5em 1.5em 1.5em;
  background-color: #e9e9e9;
  transition: background 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out;
  -webkit-transition: background 0.25s ease-in-out;
}

#searchContent .hitsWithinResults .contentItem article:hover {
  background-color: #dadada;
}

#searchContent .hitsWithinResults .showMoreLink {
  width: 95%;
  padding-top: 1em;
}

.volumes #searchContent .contentItem {
  padding-top: 1em;
}

.volumes #searchContent .contentItem:first-child {
  border-top: 1px solid #eee;
}

@media screen and (max-width: 767px) {
  .browseResults #pageBody {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .browseResults #pageBody #mainContent {
    order: 2;
    width: 100%;
  }
  .browseResults #pageBody #pageLinks {
    order: 1;
  }
  .browseResults #pageBody .pagination {
    width: 100%;
  }
  .browseResults #pageBody #columnOne {
    order: 3;
    width: 100%;
  }
}
/* ------------------------------------------------------------------
   No Results
   ------------------------------------------------------------------ */
.noResultsPage #topSection {
  margin-left: 0;
}

.noResultsPage #columnOne {
  display: none;
}

#noresults {
  background-color: transparent;
  padding: 0;
}
#noresults .searchHeader {
  overflow: hidden;
  padding-bottom: 0;
  margin-bottom: 1.5em;
  position: relative;
}
#noresults .searchHeader h2 {
  margin-bottom: 10px;
}
#noresults .searchHeader .searchTerm, #noresults .searchHeader .clearAll {
  padding-top: 1px;
  margin-bottom: 10px;
}
#noresults p {
  clear: both;
}

#noresults p,
#noresults ul {
  font-size: 1.4em;
  line-height: 1.2;
}

#noresults #searchSuggestions {
  border-top: 1px solid #ccc;
  padding-top: 1em;
  list-style: none;
  margin-left: 0;
  /*font-size:15px; font-size:1.5rem;*/
  font-size: 1.5em;
}

#noresults .searchHeader .searchTerm {
  font-size: 1em;
  line-height: 1;
}

.noresults {
  font-size: 1.4em;
  line-height: 1.2;
}

/* Messaging for page-level results - hitsWithinResults */
.noResults {
  margin: 0;
  padding: 1em 1.5em 1.5em 1.5em;
  background-color: transparent;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.3;
}

/* ------------------------------------------------------------------
   Search Results
   ------------------------------------------------------------------ */
.results-wrapper {
  display: initial;
}

/* ------------------------------------------------------------------
   Personalization "My Stuff"
   ------------------------------------------------------------------ */
.myPanel {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.5;
  padding: 20px;
}

.myStuff.bookmark .myPanel {
  border-left: none;
}

.myStuff #stuffTable [data-grid-property=actions] a.cite {
  display: none;
}
.myStuff #stuffTable [data-grid-property=actions] a {
  margin: 0 7px 0 0 !important;
}
.myStuff #stuffTable [data-grid-property=actions] a span {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
}

.myPanel .actionButtons {
  clear: both;
  margin: 0;
  overflow: hidden;
  padding: 5px 0;
}

.myPanel #actionButtonsIdTop {
  border-top: 2px solid #e3e3e3;
}

.myPanel #actionButtonsIdBottom {
  border-bottom: 2px solid #e3e3e3;
}

.myPanel #gridResultCount {
  float: left;
  margin-bottom: 2em;
}

.resultStats {
  clear: both;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
}

.resultStats .t-data-grid-pager {
  float: right;
}

.resultStats .range {
  float: left;
  margin-bottom: 2em;
}

.resultStats .searchTerm {
  float: left;
  margin-left: 0.5em;
}

.page-news .resultStats {
  clear: both;
  overflow: hidden;
  padding: 4px 0;
  border-top: 2px solid #E3E3E3;
  border-bottom: 2px solid #E3E3E3;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
}

.page-news .resultStats .range {
  margin-bottom: 0;
  line-height: 19px;
}

.news-nav-title {
  color: #000 !important;
  font-family: "Lucide Sans Unicode", sans-serif !important;
  font-weight: 400 !important;
}

.news-nav,
.news-list.archive-list {
  padding: 0;
}

.page-news #mainContent,
.page-newsitem #mainContent {
  float: right;
  padding-top: 90px;
  margin-top: 0;
}
.page-news #columnOne,
.page-newsitem #columnOne {
  clear: none;
  margin-top: 90px;
}

.page-news div.news-teaser table img {
  width: 60px !important;
  min-width: 60px !important;
}

.showOnlySharedAnnotations {
  float: left;
  margin-left: 2em;
}

.myStuff .actionButtons input[type=submit] {
  display: block;
  float: left;
  margin-right: 10px;
}

/* #1233 -- disabling the Export Annotations for mobile (touch) devices */
.touch #exportSelectedButton {
  display: none;
}

/* Data table within My Stuff */
#stuffTable {
  margin-bottom: 0;
  border-top: 2px solid #e3e3e3;
  border-bottom: 2px solid #e3e3e3;
  clear: both;
  width: 100%;
}

#stuffTable th,
#stuffTable td {
  border: none;
  padding: 7px 10px;
  vertical-align: middle;
}

#stuffTable th {
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
}

#stuffTable td {
  border-top: 1px solid #e3e3e3;
}

/* #stuffTable .bookmark:first-child > td { border-top:none; } */
#stuffTable input[type=checkbox] {
  margin: 0;
}

#stuffTable .tags,
#stuffTable .actions {
  list-style: none;
  margin: 0;
}

#stuffTable .actions a {
  display: block;
  float: left;
  margin-right: 8px;
  /* Engineering Note: some padding to put space between the action buttons on the My Annotations page; [FS] This will affect all actions in mystuff tables. */
}

#stuffTable .actions a.edit,
#stuffTable .actions a.editSearch {
  margin-right: 8px;
}

#stuffTable .actions a.cite {
  margin-right: 5px;
}

#stuffTable .actions a.delete {
  margin-right: 0;
}

#stuffTable th.checkbox {
  width: 12px;
}

#stuffTable th.chunkTitle {
  /*width:65px;*/
}

#stuffTable th.actions {
  /*width:60px;*/
}

#stuffTable th.type {
  /*min-width: 45px;*/
}

#stuffTable th.tagSet,
#stuffTable th.createdDate,
#stuffTable th.annotationText {
  /*min-width: 80px*/
}

#stuffTable th.author {
  /*min-width: 85px*/
}

#stuffTable.search .type {
  display: none;
}

#accountForm {
  padding: 20px 0;
  overflow: hidden;
}

#accountForm .formRow {
  margin-bottom: 0.5em;
}

#accountForm label {
  display: block;
  float: left;
  width: 250px;
  height: 30px;
  line-height: 30px;
}

#accountForm input[type=text],
#accountForm input[type=password] {
  border: 1px solid #cccbbc;
  padding: 4px;
  vertical-align: middle;
  width: 165px;
  color: inherit;
}

#accountForm input[type=submit] {
  margin-top: 1em;
}

.hiddenModule {
  display: none;
}

#saveToProjectModal_content {
  background-color: white;
  padding: 30px;
}

#savetag {
  position: relative;
  padding: 0 9px;
}
#savetag .tag_title {
  width: 163px;
}
#savetag .submit {
  position: absolute;
  top: 0;
  right: 9px;
  padding: 5px 5px 4px !important;
  border-color: #e3e3e3;
}

/* Save to project dialog content */
#saveToProject {
  clear: both;
  border: 1px solid #ccc;
}

#saveToProject fieldset {
  border: none;
}

/* ------------------------------------------------------------------
   Dialogs and Lightboxes
   ------------------------------------------------------------------ */
.dialog {
  background-color: #fff;
  border: 1px solid #fff;
}

.dialog html {
  background-color: transparent;
}

.dialog th,
.dialog td {
  border: none;
}

.dialog {
  display: block;
  position: absolute;
  border: 0 none;
  background: transparent none;
}

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

.overlay___invisible__ {
  background-color: #666666;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

.dialog table.top,
.dialog table.bot,
.dialog_e, .dialog_w {
  display: none;
}

.dialog_close {
  top: 25px;
  right: 25px;
  background: transparent url(../images/close.gif) no-repeat left top;
}

.dialog_content {
  color: #2a2a2a;
  font: 12px/18px Arial, Helvetica, sans-serif;
}

.mainBase #modalContent {
  background-color: white;
  padding: 40px;
}

#lightboxContent {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

/* ------------------------------------------------------------------
   Homepage Tabbed Content
   ------------------------------------------------------------------ */
#homeTabsAndPanels {
  position: relative;
  margin-bottom: 3.5em;
}

#homeTabsAndPanels #homeTabs {
  list-style: none;
  margin-left: 0;
}

#homeTabsAndPanels #homeTabs a, #homeTabsAndPanels #homeTabs #whatsNewTab {
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
  display: block;
  margin-bottom: 1em;
}

/* News module */
#whatsNewTab {
  border: none;
}

#whatsNewTab .newsBlurb {
  margin-bottom: 1.5em;
  font-size: 13px;
  font-size: 1.3em;
}

.news-teaser img {
  /*height: 119px !important;*/
  width: 75px;
  max-width: initial !important;
}

/* #whatsNewTab .newsBlurb h4 { margin-bottom:.75em; font-size:11px; font-size:1.1rem; } */
#whatsNewTab .newsBlurb h4 {
  display: none;
}

#whatsNewTab .newsBlurb h3 {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

#whatsNewTab .newsBlurb .teaser {
  line-height: 1.6;
}

#whatsNewTab .btnRss {
  position: absolute;
  top: 3px;
  left: 50px;
  display: block;
  margin-top: 4px;
}

#homeTabsAndPanels #homeTabs #whatsNewTab a.ico-rss {
  display: inline-block !important;
  height: 12px !important;
  width: 12px !important;
  position: relative;
  top: 1em;
  margin-left: 0.35em;
  background: url("../images/icon_rss.png") no-repeat 0 0;
}

#homeTabsAndPanels #homeTabs #whatsNewTab a.ico-rss span {
  height: auto !important;
  width: auto !important;
}

#whatsNewTab .btnRss span {
  position: absolute;
  left: -999em;
}

#whatsNewTab .more, .moreLink .more {
  /*font-family:"ZephTextBold"; font-style:italic;*/
  font-family: "zephtextitalic";
  font-size: 13px;
  font-size: 1.3rem;
}

/* ------------------------------------------------------------------
   CMS-Driven Content
   ------------------------------------------------------------------ */
#toc .right {
  float: right;
}

.contentBlock {
  font-size: 13px;
  font-size: 1.3em;
  margin-bottom: 3em;
}

.contentBlock h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
  font-weight: normal;
  border: none;
}

.contentBlock em {
  /*font-family:"ZephTextItalic"; font-style:italic;*/
  font-family: "font-style:italic;";
}

.contentBlock h3 > em {
  font-size: 16px;
  font-size: 1.6rem;
}

.contentBlock p {
  line-height: 1.6;
}

.contentPage #pageContent {
  padding: 0;
}
.contentPage #leftsidebar {
  margin-bottom: 13px;
}

/* Static Content Page TOC */
.contentPage #toc {
  margin-bottom: 13px;
}

.contentPage #toc:empty {
  display: none;
}

.contentPage #toc h2 {
  display: none;
}

.contentPage #toc h3 {
  display: none;
}

.contentPage #toc ul {
  list-style: none;
  margin: 0;
}

.contentPage #toc a {
  text-decoration: none;
}

.contentPage #toc li.current a {
  color: #444;
  font-weight: bold;
}

.contentPage #toc li {
  padding: 5px 0;
  border: none;
}

.contentPage #toc li li {
  font-style: normal;
}

.contentPage #toc li.expandable {
  padding-left: 20px;
}

.contentPage #toc li.expandable .plustoggle {
  background-position: left 0;
}

.contentPage #toc li.expandable .minustoggle {
  background-position: left -30px;
}

.contentPage #toc li li.expandable .plustoggle {
  background-position: left -60px;
}

.contentPage #toc li li.expandable .minustoggle {
  background-position: left -90px;
}

@media screen and (max-width: 1024px) {
  .contentPage #pageContent {
    padding-top: 20px 0 0 0;
  }
  .contentPage #toc {
    display: block;
  }
  .contentPage #toc:empty {
    display: none;
  }
  .contentPage #leftsidebar {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .contentPage #columnOne {
    width: 100%;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 20px;
    margin-top: 100px;
  }
  .contentPage #columnOne > div {
    width: 235px;
  }
  .contentPage h1#pagetitle {
    margin-top: 20px;
    position: absolute;
    top: 30px;
  }
}
.page-viewteivolume #toc ul.toc-list li {
  line-height: 18px;
  border: none;
}
.page-viewteivolume #toc ul.toc-list li a {
  display: inline;
}

/* News navigation */
#newsNavigation {
  position: absolute;
  top: 13px;
  left: -235px;
  z-index: 99;
  font-size: 1.1em;
  font-size: 1.1rem;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #333333;
}

#newsNavigation ul {
  margin: 0;
}

#newsNavigation li {
  float: left;
  margin-right: 15px;
  list-style: none;
  border-left: none;
  font-weight: 400;
}

#newsNavigation li a {
  color: #333333;
}

/* News Archives Module */
.archives-toggle {
  display: none;
}

#archivesCallout {
  background-color: #e6e6e6;
  margin-bottom: 13px;
  font-family: "Lucide Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
}

#archivesCallout #archivesHeader {
  background-color: #f4f4f4;
  padding: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid #d5d5d5;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
}

#archivesCallout .archivesYear {
  margin: 0;
  padding: 10px 10px 10px 25px;
  background-image: url("../images/sprite_toggles.png");
  background-repeat: no-repeat;
  cursor: pointer;
  color: #333333;
  font-family: "Lucide Sans Unicode", sans-serif;
  font-size: 11px;
}

#archivesCallout .archivesYear.open {
  background-position: 8px -337px;
}

#archivesCallout .archivesYear.shut {
  background-position: 10px -287px;
  border-bottom: 1px solid #ccc;
}

#archivesCallout ul {
  margin: 0;
  list-style: none;
  padding: 0 10px 10px 23px;
  border-bottom: 1px solid #ccc;
}

#archivesCallout li {
  margin-bottom: 0.5em;
  padding: 2px;
}

#archivesCallout li.on {
  background-color: #ccc;
}

#archivesCallout a {
  color: #666;
}

/* News Result List */
#newsList {
  clear: both;
}

/* News Result Item */
.newsItem {
  border-bottom: 1px solid #eee;
  border-top: none;
  padding: 1em 0 0;
  margin-bottom: 0;
}

.newsItem:hover {
  background-color: #eee;
}

.newsItem:first-child {
  border-top: 1px solid #eee;
  padding-top: 8px !important;
}

.newsItem .date, .newsBlurb .news-date {
  /*display: none;*/
  margin-bottom: 0.75em;
  font-size: 1.1em;
  font-weight: 400;
}

.newsItem .news-date {
  font-weight: 400;
}

.newsItem .headline, .news-item .text-headline {
  margin-bottom: 0.5em;
  font-size: 1.6em;
  line-height: 1.2;
}

.newsItem .abstract {
  margin-bottom: 1em;
  font-size: 1.4em;
  line-height: 1.2;
}

.news-teaser {
  font-size: 1.3em;
}

#resultStatsTop + #newsList > .newsItem:first-child {
  border-top: none;
}

/* News Article */
#newsByline,
#newsDate {
  display: inline-block;
  font-size: 1.4em;
  color: #999;
}

.newsArticle {
  font-size: 1.4em;
  line-height: 1.2;
}
.newsArticle table td img {
  max-width: none !important;
}

.news-article .news-content {
  padding: 0;
}

.news-header {
  padding: 0;
}

.button.toggle, button.toggle {
  background: none;
  border: none;
  font-size: 12px;
  line-height: 1;
  height: auto !important;
  padding: 0 !important;
  margin-bottom: 0;
}
.button.toggle:before, button.toggle:before {
  display: none;
}

.news-nav {
  display: block !important;
}

@media screen and (max-width: 767px) {
  #newsNavigation {
    left: 0;
  }

  .page-news #mainContent,
.page-newsitem #mainContent {
    padding-left: 10px;
  }
  .page-news #columnOne,
.page-newsitem #columnOne {
    clear: both;
    float: none;
  }
}
/* Public Static Page */
#pageContent {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

/* ------------------------------------------------------------------
   Entry Display (Reader Mode)
   ------------------------------------------------------------------ */
/* Content Header */
.contentHeader {
  overflow: hidden;
  margin-bottom: 0.4em;
}

.contentHeader h1 {
  float: left;
  margin: 0;
}

.contentHeader h1, .volumeLoc h2 {
  font-size: 16px;
  font-size: 1.6em;
  line-height: 1.3;
}

.twoPanel .contentHeader {
  width: 100%;
}

.onePanel .contentHeader {
  width: 100%;
  /* 730/960 */
}

/* Volume Location (Pages) */
.volumeLoc {
  float: right;
  margin-bottom: 1em;
}

.volumeLoc h2 {
  float: right;
  margin: 0 0 0.2em 0;
  padding: 0;
}

/* Volume References */
.volumeRef {
  clear: both;
  float: right;
  margin-bottom: 0.7em;
}

.volumeRef ul {
  clear: both;
  float: left;
  margin: 0;
  list-style: none;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
}

.volumeRef li {
  display: inline-block;
  margin-left: 1em;
}

.bookLanding .volumeRef {
  clear: none;
  float: left;
}

.bookLanding .volumeRef ul {
  margin: 0;
}

/* LCL Book Cover */
.lclBookCover {
  float: left;
  padding: 3px 13px 16px 13px;
  margin-bottom: 1em;
  background: none;
  border: none;
}
.lclBookCover .content-box-header {
  display: none;
}
.lclBookCover .content-box-body {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .lclBookCover {
    display: none;
  }
}
/* Go to Page Module */
#goToPage {
  clear: both;
  float: left;
}

#goToPage label {
  display: block;
  float: left;
  margin-right: 0.5em;
  padding-top: 0.5em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
}

#goToPage input[type=text] {
  display: block;
  float: left;
  padding: 3px !important;
  width: 44px;
  height: 21px !important;
  font-size: 11px;
  font-size: 1.1rem;
}

#goToPage input[type=submit] {
  display: block;
  float: left;
  padding: 0 5px !important;
  height: 21px !important;
}

#goToPage div.alert button.close {
  display: none;
}

/* Content Panels */
#readPanel {
  clear: both;
  background-color: #fff;
  border-width: 1px 10px;
  border-style: solid;
  margin-bottom: 1em;
  position: relative;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.greekLib #readPanel {
  border-color: #11b872;
}

.page-viewteipage.greekLib .workTitle, .greekLib .volumeLoc h2 a {
  color: #11b872 !important;
}

.latinLib #readPanel {
  border-color: #ff0000;
}

.page-viewtei.latinLib .workTitle, .latinLib .volumeLoc h2 a {
  color: #ff0000 !important;
}

.onePanel {
  text-align: center;
}
.onePanel #readPanel {
  width: 51.041667%;
  margin-left: auto;
  margin-right: auto;
  float: none !important;
  text-align: left;
  min-width: 500px;
}
.onePanel #readPanel:after {
  content: "";
  display: table;
  clear: both;
}

.twoPanel #readPanel {
  width: 100%;
  margin-left: 0;
}

#readPanel .panel,
#footnotePopup {
  float: left;
  /* 	font-size:13px; */
  font-size: 1.3em;
  font-size: 1.3rem;
  line-height: 1.45;
  letter-spacing: -0.01em;
  /* To fix the extra kerning in Firefox */
}

.onePanel #readPanel.recto .verso {
  display: none;
}

.onePanel #readPanel.verso .recto {
  display: none;
}

.twoPanel #readPanel {
  background: transparent url("../images/bkg_twopanel.gif") repeat-y 50% 0;
}

#readPanel .contentNav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  /* Floating footer bar is 9999, and the primary nav drop-down menus are 999, which have to be on top.. */
  height: 100%;
  width: 100%;
  width: inherit;
  overflow: auto;
  background-color: #e6e6e6;
  display: none;
}

#readPanel .contentNav .contentNavContents {
  padding: 25px;
}

.bookLanding #readPanel {
  background-color: transparent;
  border-width: 2px 0px;
  border-color: #dfdfdf;
  padding: 25px 0 !important;
  /* 	font-size:13px; */
  font-size: 1.3em;
  font-size: 1.3rem;
  line-height: 1.45;
  width: 100%;
}
.bookLanding #readPanel h3 {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
}
.bookLanding #readPanel #lclAbstract,
.bookLanding #readPanel #tocWrapper {
  margin-bottom: 2em;
}
.bookLanding #readPanel #tocWrapper,
.bookLanding #readPanel #lclBibliographic {
  border-top: 1px solid #eaeaea;
  padding-top: 1.8em;
}
.bookLanding #readPanel #lclBibliographic .volumeTitle {
  font-family: "zephtextitalic";
}

@media screen and (max-width: 767px) {
  .onePanel #readPanel {
    max-width: 500px;
    min-width: 1%;
    width: 100%;
  }
}
/* ------------------------------------------------------------------
   Index Card
   ------------------------------------------------------------------ */
.indexCard {
  clear: both;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 0;
}

.indexCard .bookCover {
  float: left;
  width: 20%;
}

.indexCard .bookSummary {
  float: left;
  border-left: 1px solid #e7e7e7;
  padding-left: 30px;
  width: 75%;
}

.indexCard h1 {
  margin: 0 0 0.5em 0;
  padding: 0;
  /*font-size:21px; font-size:2.1rem;*/
  font-size: 2.1em;
  line-height: 1.2;
  color: #000;
}

.indexCard h2 {
  /*font-size:13px; font-size:1.3rem;*/
  font-size: 1.3em;
  float: left;
}

/* ------------------------------------------------------------------
   Related Content
   ------------------------------------------------------------------ */
#relatedContent {
  clear: both;
  font-size: 1.3em;
  font-size: 1.3rem;
  padding-top: 1em;
  margin-bottom: 1em;
}

.relatedWorks {
  overflow: visible;
}
.relatedWorks::after {
  clear: both;
  content: "";
  display: table;
}

.relatedWorks h2 {
  float: left;
  font-weight: bold;
  font-size: 1.3em;
  font-size: 1.3rem;
  line-height: 1.2;
}

.relatedWorks h2:after {
  content: ": ";
}

.relatedWorks ul {
  display: block;
  list-style: none;
  margin: 0;
}

.relatedWorks li {
  display: block;
  float: left;
  line-height: 1.2;
}

.relatedWorks li:after {
  content: ", ";
}

.relatedWorks li:last-child:after {
  content: "";
}

/* ------------------------------------------------------------------
   Editions
   ------------------------------------------------------------------ */
.editionMessage {
  padding: 1em 1.5em;
  background-color: #e9e9e9;
  margin: 0 0 1em 0;
  font-size: 14px;
  font-size: 1.4em;
  font-size: 1.4rem;
  font-style: italic;
}

/* ------------------------------------------------------------------
   Prompts
   ------------------------------------------------------------------ */
.contentRestrictedMessage {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  color: #666;
  padding: 1em;
  background-color: #eee;
}

.contentRestrictedMessage a {
  font-weight: bold;
  color: #333333;
}

.alert-info {
  margin-bottom: 1em;
  padding: 1em 1.5em;
  background-color: #e9e9e9;
}

.alert-info p {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.3;
}

.alert-access p {
  text-indent: 0 !important;
}

.alert-access a {
  color: #3333CC !important;
}

/* ------------------------------------------------------------------
   Popups
   ------------------------------------------------------------------ */
.popup {
  background-color: #ffffff;
}

.popupHeader {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(#c3c3c3));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 0%, #c3c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff, endColorstr=#c3c3c3);
}

.popupHeader .close {
  z-index: 1000000;
  display: block;
  width: 22px;
  height: 20px;
  background: transparent url("../images/icon_close.png") no-repeat;
  background-position: center right;
  text-indent: -999em;
}

.popup .shell .header {
  margin: 6em;
}

/* Loading message */
/* ------------------------------------------------------------------
   Annotations
   ------------------------------------------------------------------ */
#createAnnotation button {
  padding: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #999;
  background: #c5c5c5 center center no-repeat url("../images/icon_annotate.png");
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  text-indent: -999em;
}

#createAnnotation button:hover {
  border-color: #666;
  background-color: #999;
}

.annotationsForm {
  font-size: 1.3em;
  font-size: 1.3rem;
}
.annotationsForm .annotatedText {
  font-size: 1.3em;
  font-size: 1.3rem;
  color: #666;
  padding-left: 0;
  padding-right: 0;
}
.annotationsForm .comment {
  margin-bottom: 0.5em;
  width: 96%;
}
.annotationsForm .rules {
  font-size: 1em;
  font-size: 1rem;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#annotSearchForm:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.annotation {
  font-size: 1.3em;
  font-size: 1.3rem;
}

.annotation header {
  font-size: 0.75em;
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.annotation .annotatedText {
  padding: 0.5em 1em;
  border-color: #e3e3e3;
  font-size: 1em;
  font-size: 1.3rem;
  color: #666;
}

.annotation blockquote {
  margin-bottom: 1.5em;
}

.annot {
  background: yellow !important;
}

.hideAnnotations .annot {
  background: inherit !important;
}

.hideAnnotations .popup.annotationsPopup {
  display: none;
}

#mainContent .myAnnotations {
  width: 100%;
}

.annotations #mainContent {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.annotationNav {
  float: left;
  clear: none;
  width: 235px !important;
  margin: 6px 0 0 0 !important;
  padding: 0 0 0 10px !important;
}

#annotationListForm {
  margin-left: -250px;
  padding-left: 250px;
  float: right;
  width: 100%;
}

.myAnnotations #myGroups {
  margin-top: 45px;
}

.annotationTools {
  width: 700px;
  width: 100%;
}

#annotationListForm .author {
  display: table-cell;
  letter-spacing: normal;
  text-transform: none;
}

#annotationsPopupResizeHandle {
  margin-right: 2px;
  margin-top: -12px;
  width: 10px;
  height: 10px;
  float: right;
  cursor: nw-resize;
  border-right: 1px dashed gray;
  border-bottom: 1px dashed gray;
}

@media screen and (max-width: 1000px) {
  .page-myannotations .t-data-grid {
    overflow-x: scroll;
  }
  .page-myannotations .t-data-grid table {
    width: 768px !important;
  }
}
@media screen and (max-width: 767px) {
  .myAnnotations {
    display: flex;
    flex-flow: column wrap;
  }

  .annotationNav {
    order: 2;
    float: none;
    margin: 0 0 20px 0 !important;
    padding-left: 0 !important;
  }
  .annotationNav #myGroups {
    clear: both;
  }

  .page-mystuff #myPanels, .page-myannotations #myPanels {
    overflow-x: scroll;
    width: 100%;
  }
  .page-mystuff [data-grid-property=documentUri], .page-mystuff [data-grid-property=annotationCreateDate], .page-myannotations [data-grid-property=documentUri], .page-myannotations [data-grid-property=annotationCreateDate] {
    display: none;
  }

  #annotationListForm {
    order: 1;
    margin-left: 0;
    padding-left: 0;
    float: none;
  }
}
#accountBasicsForm h2,
#editPasswordForm h2 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 14px;
}

/* ------------------------------------------------------------------
   Global Classes
   ------------------------------------------------------------------ */
.hidden {
  display: none;
}

.t-invisible {
  display: none;
}

/* Hide Tapestry related stuff */
/* ------------------------------------------------------------------
   Full Screen (Reader) Mode
   ------------------------------------------------------------------ */
.fullScreen #headerWrap,
.fullScreen #footerWrap,
.fullScreen #entryPrevNextNav,
.fullScreen #relatedContent,
.fullScreen .doi,
.fullScreen .contentHeader {
  display: none;
}

/* ------------------------------------------------------------------
   TEI Content (Eventually move to separate LOEB TEI stylesheet)
   ------------------------------------------------------------------ */
.onePanel #readPanel .panel {
  width: 100%;
}

.twoPanel #readPanel .panel {
  width: 50%;
}

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

#readPanel {
  padding: 1px 0 !important;
}
#readPanel .panel {
  position: relative;
  font-family: "zephtextregular" !important;
  font-size: 13px !important;
  font-size: 1.3rem !important;
}
#readPanel .panel header hgroup h1, #readPanel .panel header hgroup h2 {
  font-family: "zephtextbold" !important;
  font-weight: normal !important;
  font-size: 1em !important;
  line-height: 1.4;
}

#readPanel .panel > .div1 {
  padding: 25px 0 25px 0 !important;
  /* 30/480 */
  margin: 0 6.25%;
  margin-bottom: 25px;
  min-height: 320px;
  overflow: visible;
  width: auto;
  float: none;
}
#readPanel .panel > .div1 ul.simple {
  margin-top: 1em;
}

#readPanel .verso > .div1 {
  margin-left: 19.791667% !important;
  /* 95/480 */
}

#readPanel .recto > .div1 {
  margin-right: 19.791667% !important;
  /* 95/480 */
}

/* Page Numbers */
.pageNumber {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: block;
  height: 25px;
  /* 	width:380px; */
  /* 	width:80.851064%; 380/470 */
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 2;
}

.twoPanel .pageNumber {
  width: 50%;
}

.verso .pageNumber {
  /* 	padding-left:90px;  */
  padding-left: 9.375%;
  /* 90/960 */
  padding-left: 9.6938776%;
  /* 95/980 */
  text-align: left;
}

.recto .pageNumber {
  /* 	padding-right:90px;  */
  padding-right: 9.375%;
  /* 90/960 */
  padding-right: 9.6938776%;
  /* 95/980 */
  text-align: right;
}

.twoPanel .recto .pageNumber {
  /* 	left:470px;  */
  left: 50%;
}

/* Images */
.div1 img {
  /* max-width:314px; */
  max-width: 100%;
}

/* Headings */
#readPanel .panel h1 {
  font-weight: bold;
  text-align: center;
  font-family: "zephtextregular" !important;
  margin: 0 0 1em 0 !important;
  font-size: 1em !important;
}
#readPanel .panel h2 {
  text-align: center;
  margin: 0 0 1em 0 !important;
  font-family: "zephtextbolditalic" !important;
  font-size: 1em !important;
}
#readPanel .panel h3 {
  text-align: center;
  margin: 0 0 1em 0 !important;
  font-family: "zephtextbolditalic" !important;
  font-size: 1em !important;
}

.div2 h3 {
  margin-top: 1em;
}

.div1 header hgroup {
  text-align: center;
  font-variant: small-caps;
}

.div1 header hgroup h1,
.div1 header hgroup h2 {
  font-family: "zephtextbold";
  /*font-weight:bold;*/
  display: inline-block;
}

.div1 header hgroup h2:before {
  content: ": ";
}

/* Labels */
.div1 .label {
  display: block;
  text-align: center;
  margin-top: 1em;
}

.div1 p + .label {
  margin-top: 2em;
}

.div1 .label + p {
  margin-top: 1em;
}

/* Letter opener */
.div2 .opener {
  display: block;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 0.5em;
  font-size: 1.1em;
  font-size: 1.4rem;
}

.div2 .opener .salute {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* Letter closer */
.div2 .closer .signed {
  display: block;
  text-align: right;
}

.div2 .closer .dateline {
  display: block;
  text-indent: 1.5em;
}

/*- base app content root override -*/
#contentRoot .sc,
#contentRoot abbr,
#contentRoot acronym {
  font-size: 13px !important;
  font-size: 1.3rem !important;
  text-transform: none;
  letter-spacing: 0;
}

#contentRoot .sc {
  font-variant-ligatures: none;
}

/* Typographical Changes to Text (Highlighting, Not Semantic) */
.div1 .hi, .popup .hi {
  background-color: #D0D0D0;
}

/* render highlighted */
.div1 .hi .annot, .popup .hi .annot {
  background-color: inherit;
}

.div1 .bold, .popup .bold {
  font-family: "zephtextbold";
  /*font-weight:bold;*/
}

/* render bold */
.div1 .italic, .popup .italic {
  font-family: "zephtextitalic";
}

/* render italic */
.div1 .ac, .popup .ac {
  text-transform: uppercase;
}

/* render all caps */
.div1 .sc, .popup .sc {
  font-variant: small-caps;
}

/* render small caps */
.div1 .underlined, .popup .underlined {
  text-decoration: underline;
}

/* render underlined */
.div1 .subscript, .div1 .superscript,
.popup.subscript, .popup .superscript {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: smaller;
}

.div1 .subscript, .popup .subscript {
  top: 0.4em;
}

/* Figures */
.div1 figure {
  margin-bottom: 1em;
}

.div1 figcaption {
  text-align: center;
}

.div1 figure p {
  font-size: 10px;
  font-size: 1rem;
}

/* Lists */
.div1 ul {
  list-style: none;
  margin: 0;
}

.div1 ul.simple {
  margin-top: 1em;
  list-style: none;
}

.div1 ul.simple ul {
  margin-top: 0.5em;
  list-style: none;
}

/* Lists of Table of Contents */
.div1.contents li ul {
  margin-left: 1.5em;
  margin-bottom: 1em;
}

.div1.contents li:after {
  content: "";
  display: table;
  clear: both;
}

.index {
  margin-left: 1em;
}

.index li {
  text-indent: -1em;
}

/* List of Bibliographic Citations */
.listBibl {
  margin: 0;
  list-style: none;
}

.listBibl li {
  margin-left: 1em;
  text-indent: -1em;
}

/* Paragraphs */
#contentRoot .div1 p {
  margin: 0 !important;
  text-indent: 1.5em;
}

#contentRoot .div1 p.noindent {
  text-indent: 0;
  margin-top: 1em;
}

contentRoot .div1 p + .lineGroup,
.div1 .lineGroup + p {
  text-indent: 0;
}

.right {
  text-align: right !important;
}

/* .div1[lang="gr"] p { white-space:pre; } */
/* Tables */
.div1 table {
  width: 100%;
}

/* Verse, Drama and Dialogue */
#contentRoot .div1 .lineGroup {
  text-indent: 0;
  margin-bottom: 0.5em !important;
}

.div1 .lineGroup + .lineGroup {
  text-indent: 0;
}

.line {
  display: block;
}

/* r1477 changed from inline-block to block */
.line.indent1 {
  text-indent: 0.75em;
}

.line.indent2 {
  text-indent: 1.5em;
}

.line.indent3 {
  text-indent: 2.25em;
}

.line.indent4 {
  text-indent: 3em;
}

.line.indent5 {
  text-indent: 3.75em;
}

.line.indent6 {
  text-indent: 4.5em;
}

.line.indent7 {
  text-indent: 5.25em;
}

.line.indent8 {
  text-indent: 6em;
}

.line.indent9 {
  text-indent: 6.75em;
}

.line.indent10 {
  text-indent: 7.5em;
}

.line.indent11 {
  text-indent: 8.25em;
}

.line.indent12 {
  text-indent: 9em;
}

.line.indent13 {
  text-indent: 9.75em;
}

.line.indent14 {
  text-indent: 10.5em;
}

.line.indent15 {
  text-indent: 11.25em;
}

.line.indent16 {
  text-indent: 12em;
}

.line.indent17 {
  text-indent: 12.75em;
}

.line.indent18 {
  text-indent: 13.5em;
}

.line.indent21 {
  text-indent: 14.25em;
}

.line.indent25 {
  text-indent: 15em;
}

.line.indent27 {
  text-indent: 15.75em;
}

.line.indent28 {
  text-indent: 16.5em;
}

.line.indent27 {
  text-indent: 17.25em;
}

.line.indent28 {
  text-indent: 18em;
}

/* Line breaks */
/* See https://trac.pubfactory.com/huplcl/ticket/345 for details.
   Currently disabled due to https://trac.pubfactory.com/huplcl/ticket/449 */
span.br {
  /* 	display:block; */
}

span.linebreak {
  display: block;
}

/* Inline Quotes and Blockquotes */
.div1 q,
.div1 blockquote {
  display: inline-block;
  margin: 0.5em 1.5em;
}

.div1 blockquote p {
  text-indent: 0;
  /* is this rule correct? */
}

.div1 blockquote p > .line {
  /* See LCL Vol 325, p.271 - data appears to be different now, can we remove? */
  display: inline-block;
}

/* Speech */
.sp {
  margin: 0 0 1em 0;
}

.sp .speaker {
  display: block;
  text-align: center;
}

/* Default display for a speaker is a block with centered text */
.sp p.noindent {
  margin-top: 0;
}

.sp p.noindent .right {
  text-align: right !important;
}

.sp.inline {
  margin: 0;
}

.sp.inline .speaker {
  display: inline;
  text-align: left;
}

/* Inline speaker in parentheses is crucial to the meter of the line */
.sp.inline .lineGroup {
  margin-bottom: 0;
}

/* .sp.inline .line { display:inline; } */
p + .sp.inline,
.sp.inline + p {
  margin-top: 1em;
}

/* Gap */
.gap {
  display: morph;
  content: "[...]";
  /*font-style:italic;*/
  font-family: "zephtextitalic";
}

.gap:after {
  content: "";
}

/* Line Numbers and Margin Notes */
.lineNumber,
.marginNote {
  display: block;
  width: 26.760563%;
  /* 95/355 */
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-indent: 0;
}

.lineNumber {
  padding: 0 10px;
  color: #999;
  font-size: 13px;
  font-size: 1.3rem;
}

.marginNote {
  margin-top: 0.5em;
  /* to align with baseline of text */
  padding: 0 1em;
  font-size: 70%;
  line-height: 1;
}

.verso .lineNumber,
.verso .marginNote {
  float: left;
  margin-left: -26.760563%;
  /* 95/355 */
  text-align: right;
}

.verso blockquote .lineNumber,
.verso blockquote .marginNote {
  margin-left: calc(-26.760563% - 1.5em);
}

.verso .lineNumber.intendLevel2 {
  margin-left: -38.028169%;
  /* 135/355 */
}

.recto .lineNumber,
.recto .marginNote {
  float: right;
  margin-right: -26.760563%;
  /* 95/355 */
  text-align: left;
}

.recto blockquote .lineNumber,
.recto blockquote .marginNote {
  margin-right: calc(-26.760563% - 1.5em);
}

.recto .lineNumber.intendLevel2 {
  margin-right: -38.028169%;
  /* 135/355 */
}

p + p > .lineNumber {
  text-indent: 0;
}

.marginNote.bottom {
  float: none;
  width: 100%;
  margin: 0;
  font-size: 75%;
  line-height: 1;
}

.marginNote.partNote {
  font-size: 110%;
}

p + p > .marginNote {
  text-indent: 0;
}

.line.indent1 > .marginNote {
  text-indent: 0;
}

.line.indent2 > .marginNote {
  text-indent: 0;
}

.line.indent3 > .marginNote {
  text-indent: 0;
}

.line.indent4 > .marginNote {
  text-indent: 0;
}

.innerMarginNote {
  display: block;
  margin-top: 0.5em;
  /* to align with baseline of text */
  /* 	width:25px; */
  width: 7.0422535%;
  /* 25/355 */
  width: 8.4507042%;
  /* 30/355 */
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-indent: 0;
  font-size: 70%;
  line-height: 1;
}

.innerMarginNote.left {
  /* 	margin-left:-25px; */
  margin-left: -7.0422535%;
  /* 25/355 */
  margin-left: -8.4507042%;
  /* 30/355 */
  padding-right: 5px;
  text-align: right;
}

.innerMarginNote.right {
  /* 	margin-right:-25px; */
  margin-right: -7.0422535%;
  /* 25/355 */
  margin-rightt: -8.4507042%;
  /* 30/355 */
  padding-left: 0;
  text-align: left;
}

/* Column Breaks */
/* Added in https://trac.pubfactory.com/huplcl/changeset/301
   Example: /view/menander_comic_poet-dis_exapaton_twice_swindler/1979/pb_LCL132.173.xml */
.column {
  float: left;
  margin: 2em;
  margin-bottom: 0;
}

.columnLast {
  margin-bottom: 2em;
}

.columnClear {
  clear: both;
}

/*- column height fix -*/
#contentRoot {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#contentRoot > div {
  display: table-cell;
  float: none !important;
  vertical-align: top;
}
#contentRoot .recto p {
  margin: 0 !important;
}
#contentRoot .div2 h3 {
  margin-top: 1em !important;
}

@media screen and (min-width: 767px) {
  #blankPage {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #contentRoot {
    diplay: block;
  }
  #contentRoot > div {
    display: block;
  }

  .twoPanel #readPanel {
    background-image: none;
  }
  .twoPanel #readPanel .panel {
    width: 100% !important;
    float: none;
    text-align: center;
  }
  .twoPanel #readPanel .panel > section {
    float: none;
    text-align: left;
    max-width: 415px;
    margin: 0 6.25% 0 10% !important;
    padding: 25px 0 30px 0 !important;
  }
  .twoPanel .verso {
    border-bottom: solid 2px #cbcbcb;
  }
  .twoPanel .verso .pageNumber {
    padding-left: 20px;
    bottom: 10px;
  }
  .twoPanel .recto .pageNumber {
    left: 0;
    text-align: left;
    padding-left: 20px;
  }

  #readPanel .panel > .div1 {
    min-height: 0;
  }

  #readPanel .panel > .div2 {
    min-height: 0;
  }
}
@media screen and (max-width: 650px) {
  .recto .lineNumber, .recto .marginNote {
    width: auto;
    margin-right: 4%;
    padding: 0;
  }

  .twoPanel #readPanel .recto > section {
    margin-right: 0 !important;
  }
}
/* Sub/Superscript */
#contentRoot a:link, #contentRoot a:visited, #contentRoot a sup {
  color: #777777;
}

#readPanel #contentRoot sup, #contentRoot sub {
  font-size: 75% !important;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* Footnotes */
.footnotes {
  margin-top: 1em;
  font-size: 85%;
  line-height: 1.2;
}

.footnotePopup .shell {
  padding: 1em;
}

#annotationsPopupResizeHandle {
  position: absolute;
  bottom: 1px;
  right: 0;
}

@media screen and (max-width: 1024px) {
  #footnotePopup {
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;
    width: 80% !important;
    left: 10% !important;
  }
}
#footnotePopup .footnotes,
#footnotePopup .footnotes ul {
  margin: 0;
  font-size: 95%;
  line-height: 1.4;
}

.footnotes ul {
  margin-left: 0;
  list-style: none;
}

.footnotes .lineRef {
  margin-left: 2em;
  margin-right: 0.5em;
}

#footnotePopup .footnotes .lineRef {
  margin-left: 1em;
}

.footnotes .lineRef + p {
  display: inline;
}

.footnotes sup {
  font-size: 100%;
  top: 0;
}

.footnoteLink {
  color: #b7b7b7;
}

#contentRoot ul li, #lesson-fragment ul li {
  list-style: none;
  margin: 0;
}

#readPanel #contentRoot .footnotes {
  background: none;
  padding: 0;
}
#readPanel #contentRoot .footnotes ul li {
  list-style: none;
  line-height: 1.4;
}
#readPanel #contentRoot .footnotes .note {
  border: none;
  padding: 0 !important;
  background-color: transparent;
  box-shadow: none;
  margin: 0 !important;
}
#readPanel #contentRoot .footnotes .note sup {
  font-size: 100% !important;
  position: static !important;
  vertical-align: initial !important;
}

/* ------------------------------------------------------------------
   Suppressing features that are not yet implemented.
   ------------------------------------------------------------------ */
/* .page-start #pageBody, */
/* #loginPanel, */
#personalNav,
#actions #email,
#actions .share,
#helpBtn,
#searchContent .type,
#searchContent .source,
#searchContent .testData,
#refineByLib, #refineByLang,
#stuffTable .associationType,
#stuffTable .documentUri,
#xtraContent {
  display: none;
}

.mobile-menu {
  display: none;
}

/*- Modal Style Overrides -*/
.fancybox-skin {
  background: #f9f9f9;
  padding: 15px !important;
}

.fancybox-overlay {
  background-color: rgba(0, 0, 0, 0);
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span,
#lightboxClose {
  background-image: url(../images/fancybox_sprite@2x.png) !important;
  background-size: 44px 152px;
}

#lightboxClose .fa {
  display: none;
}

#lightboxActual {
  overflow: visible;
}

.fancybox-close, #lightboxClose {
  position: absolute;
  top: -28px;
  right: -31px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  border-color: transparent !important;
  background-color: transparent !important;
  border-top: none;
}
.fancybox-close:before, #lightboxClose:before {
  display: none !important;
}

body .micromodaljs-modal-container {
  overflow: visible;
}

body .micromodaljs-modal-close-button {
  /*top: -30px;
  right: -32px;*/
  background-color: black;
  border-color: white;
  border-width: 2px;
}

body .micromodaljs-modal-close-button i {
  position: relative;
  top: -2px;
}

body .micromodaljs-modal-content {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

@media screen and (max-width: 1024px) {
  .touch .fancybox-skin {
    padding: 5px !important;
    border-radius: 0 !important;
  }
  .touch .fancybox-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
  }
  .touch .fancybox-outer, .touch .fancybox-skin, .touch .fancybox-inner {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
  }
  .touch .fancybox-inner iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
  }
  .touch .fancybox-close, .touch #lightboxClose {
    top: 8px;
    right: 22px;
  }
}
/*---- New Styles for Section Navigation ----*/
#headerWrap {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1024px) {
  #headerUtilityBar {
    height: 0;
  }

  #headerUtilityBar.open {
    height: auto;
  }

  #headerUtilityBar.open #loginNav {
    width: 100%;
  }

  #quickSearch.open #quickLinks {
    padding: 19px;
  }
}
.contentHeader {
  overflow: visible;
  content: "";
  display: table;
  clear: both;
}

.volumeLoc > #goToPage {
  padding-top: 7px;
}

.emptyTemp {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 1;
}

.bookNavigation {
  float: left;
  clear: left;
  margin-top: 10px;
  position: relative;
}

.bookNavigation div.inner {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

.bookNavigation .filter-list {
  display: block;
}

.bookNavigation .sectionFilters {
  position: absolute;
  top: 0;
  z-index: 3;
  display: none;
  width: calc(100vw - 17px);
  margin-left: -20px;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 38%, #f4f5f5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 38%, #f4f5f5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 38%, #f4f5f5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 10px 20px 5px 20px;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
}

.bookNavExpanded .bookNavigation > .toggle-section {
  display: none;
}

.bookNavExpanded .bookNavigation .sectionFilters {
  display: block;
  z-index: 10001;
}

.bookNavigation .sectionFilters .goto {
  border-bottom: solid 1px #dfdfdf;
  margin-bottom: 20px;
  width: 100%;
  padding-bottom: 20px;
}

.bookNavigation .sectionFilters .goto label {
  font-size: 14px !important;
  font-family: "zephtextregular" !important;
  padding-top: 0 !important;
  margin-right: 5px;
  width: 93px;
}

.bookNavigation .sectionFilters .goto input[type=submit] {
  background: #e6e6e6;
  border: solid 1px #e3e3e3 !important;
  color: #333333 !important;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "zephtextregular";
  padding: 0 8px !important;
  height: 30px !important;
  line-height: 28px !important;
  border-radius: 0 !important;
  margin-bottom: 0;
  margin-left: -3px;
}

#bookNavigation .sectionFilters .goto input[type=text] {
  height: 30px !important;
  padding: 5px 5px 5px 5px !important;
  line-height: 1 !important;
  width: 70px !important;
}

.bookNavigation label {
  font-size: 14px;
  width: 100px;
  line-height: 30px;
}

.bookNavigation .selectGroup {
  width: 100%;
  margin-bottom: 16px;
  display: flex;
}

.bookNavigation .selectGroup select {
  width: calc(100% - 100px);
  height: 30px !important;
  line-height: 20px !important;
  background: #fff url(../images/sprite_arrows.png) no-repeat right -32px top -393px;
  padding: 5px 35px 5px 5px;
}

.bookNavigation a.toggle-section {
  background: #f0f0f0;
  border: solid 1px #e3e3e3;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  padding: 6px 12px 6px 15px;
  -webkit-box-shadow: inset 0px 0px 18px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: inset 0px 0px 18px 0px rgba(0, 0, 0, 0.09);
  box-shadow: inset 0px 0px 18px 0px rgba(0, 0, 0, 0.09);
}

.bookNavigation div.inner a.toggle-section {
  position: absolute;
  bottom: -33px;
  left: 0;
}

.bookNavigation a.toggle-section span {
  background: transparent url(../images/sprite_arrows.png) no-repeat left -50px;
  display: inline-block;
  width: 10px;
  height: 7px;
  margin-left: 10px;
}

.bookNavigation div.inner a.toggle-section span {
  transform: rotate(180deg);
  position: relative;
  top: -3px;
}

.bookNavigation .disabled, .bookNavigation button[disabled] {
  opacity: 0.5;
}

.bookNavigation button {
  background: #e6e6e6;
  border: solid 1px #e3e3e3 !important;
  color: #333333 !important;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "zephtextregular";
  padding: 6px 8px;
  height: 28px !important;
  line-height: 26px !important;
  border-radius: 0 !important;
  width: 100%;
  margin-bottom: 14px;
}

.bookNavigation button#goToNavSubmit {
  padding-top: 0px;
  padding-bottom: 0px;
}

#bookNavigation .menu-overlay {
  position: absolute;
  top: 0;
}

body:not(.bookNavExpanded) #bookNavigation .menu-overlay {
  height: 0 !important;
  width: 0 !important;
}

.bookNavExpanded #bookNavigation .menu-overlay {
  width: 100vw;
  background: rgba(0, 0, 0, 0.6);
  height: 100vh;
  width: calc(100vw - 17px);
  margin-left: -20px;
  z-index: 10000;
}

@media screen and (min-width: 600px) {
  .bookNavigation .sectionFilters .goto label {
    width: auto;
  }

  .bookNavigation .filter-list {
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .bookNavigation label {
    width: auto;
  }

  .bookNavigation .selectGroup select {
    width: 100%;
    margin: 0 15px 0 5px;
  }
}
@media screen and (min-width: 767px) {
  .bookNavExpanded #bookNavigation .menu-overlay {
    margin-left: -30px;
  }

  .bookNavigation .sectionFilters {
    width: calc(100vw - 17px);
    margin-left: -30px;
    padding: 7px 30px 15px 30px;
  }

  .bookNavigation .sectionFilters .goto {
    float: right !important;
    width: 166px !important;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .bookNavigation .sectionFilters .goto label {
    padding-top: 3px !important;
  }

  .bookNavigation .sectionFilters form {
    margin-top: -3px;
  }

  .bookNavigation .selectGroup {
    margin-bottom: 0;
  }

  .bookNavigation button {
    margin-bottom: 0;
  }

  #bookNavigation .sectionFilters .goto input[type=text] {
    width: 50px !important;
    margin-top: -6px !important;
  }

  .bookNavigation .sectionFilters .goto input[type=submit] {
    margin-bottom: 0;
    margin-top: -6px !important;
  }

  .bookNavigation .sectionFilters .filter-list {
    float: left;
    width: calc(100% - 178px);
    padding-right: 12px;
    border-right: solid 1px #dfdfdf;
    margin-right: 12px;
  }

  .bookNavigation div.inner a.toggle-section {
    clear: both;
    bottom: -43px;
  }

  .bookNavigation .inner {
    overflow: visible;
    content: "";
    display: table;
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .bookNavExpanded #bookNavigation .menu-overlay {
    margin-left: -40px;
  }

  .bookNavigation .sectionFilters {
    width: calc(100vw - 17px);
    margin-left: -40px;
    padding: 7px 30px 20px 40px;
  }

  .bookNavigation .sectionFilters .filter-list {
    width: calc(100% - 196px);
    padding-right: 30px;
    margin-right: 30px;
  }

  .bookNavigation div.inner a.toggle-section {
    bottom: -48px;
  }
}
@media screen and (min-width: 1061px) {
  .bookNavigation .sectionFilters {
    width: 100vw;
    margin-left: calc(-1 * calc((100vw - 1000px) / 2) - 10px);
    padding: 7px 30px 20px 50px;
  }

  .bookNavExpanded #bookNavigation .menu-overlay {
    width: 100vw;
    margin-left: calc(-1 * calc((100vw - 1000px) / 2) - 10px);
  }
}
/* bookNavigation should not display unless there is JSON content for it */
#bookNavigation {
  display: none;
}

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

@media screen and (min-width: 1025px) {
  .display\@md-block {
    display: block !important;
  }
}
#shareLinkModalBody div {
  font-size: 14px;
}
#shareLinkModalBody a, #shareLinkModalBody button {
  color: white !important;
  font-family: "zephtextregular";
  text-transform: none;
}
#shareLinkModalBody button {
  height: initial !important;
  background-image: none;
}

/* ---------------------------------------------------------------------------------------- */
/* Header logo styling copied from the production site's style.css file; */
/* ---------------------------------------------------------------------------------------- */
/* Header logo styling copied from the production site's style.css file; */
/* Special styles for View TEI Page, AdvancedSearch, Search, and Browse pages that are the stripped down version of the masthead */
/* Styles also for .forgot-password and .page-forgotpasswordemailsent font sizes */
.page-viewtei #headerLogo,
.page-viewteivolume #headerLogo,
.advancedSearch #headerLogo,
.searchPage #headerLogo,
.browsePage #headerLogo,
.page-loggedout #headerLogo,
.page-wayf #headerLogo,
.page-openathens #headerLogo,
.page-forgotpassword #headerLogo,
.page-news #headerLogo,
.page-newsitem #headerLogo,
.page-signup #headerLogo,
.page-forgotpasswordemailsent #headerLogo,
.page-login #headerLogo {
  padding-top: 26px;
  width: 400px;
}

.page-viewtei #headerLogo a,
.page-viewteivolume #headerLogo a,
.advancedSearch #headerLogo a,
.searchPage #headerLogo a,
.browsePage #headerLogo a,
.page-loggedout #headerLogo a,
.page-wayf #headerLogo a,
.page-openathens #headerLogo a,
.page-forgotpassword #headerLogo a,
.page-news #headerLogo a,
.page-newsitem #headerLogo a,
.page-signup #headerLogo a,
.page-forgotpasswordemailsent #headerLogo a,
.page-login #headerLogo a {
  background-image: none;
  padding: 30px 0 0 0;
}

.page-viewtei #headerLogo a span,
.page-viewteivolume #headerLogo a span,
.advancedSearch #headerLogo a span,
.searchPage #headerLogo a span,
.browsePage #headerLogo a span,
.page-loggedout #headerLogo a span,
.page-wayf #headerLogo a span,
.page-openathens #headerLogo a span,
.page-forgotpassword #headerLogo a span,
.page-news #headerLogo a span,
.page-newsitem #headerLogo a span,
.page-signup #headerLogo a span,
.page-forgotpasswordemailsent #headerLogo a span,
.page-login #headerLogo a span {
  padding: 0;
}

.page-viewtei #headerLogo a span.logotype,
.page-viewteivolume #headerLogo a span.logotype,
.advancedSearch #headerLogo a span.logotype,
.searchPage #headerLogo a span.logotype,
.browsePage #headerLogo a span.logotype,
.page-loggedout #headerLogo a span.logotype,
.page-wayf #headerLogo a span.logotype,
.page-openathens #headerLogo a span.logotype,
.page-forgotpassword #headerLogo a span.logotype,
.page-news #headerLogo a span.logotype,
.page-newsitem #headerLogo a span.logotype,
.page-signup #headerLogo a span.logotype,
.page-forgotpasswordemailsent #headerLogo a span.logotype,
.page-login #headerLogo a span.logotype {
  display: block;
}

.page-viewtei #headerLogo a span.byline,
.page-viewteivolume #headerLogo a span.byline,
.advancedSearch #headerLogo a span.byline,
.searchPage #headerLogo a span.byline,
.browsePage #headerLogo a span.byline,
.page-loggedout #headerLogo a span.byline,
.page-wayf #headerLogo a span.byline,
.page-openathens #headerLogo a span.byline,
.page-forgotpassword #headerLogo a span.byline,
.page-news #headerLogo a span.byline,
.page-newsitem #headerLogo a span.byline,
.page-signup #headerLogo a span.byline,
.page-forgotpasswordemailsent #headerLogo a span.byline,
.page-login #headerLogo a span.byline {
  display: none;
}

/* End of header logo styling copied from the production site's style.css file; */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* More stuff copied from style.css */
html body.page-viewtei.greekLib .workTitle, .greekLib .volumeLoc h2 a {
  color: #11b872 !important;
}

/* News module */
#whatsNewTab {
  border: none;
}

#whatsNewTab .newsBlurb {
  margin-bottom: 1.5em;
  font-size: 13px;
  font-size: 1.3em;
}

#whatsNewTab img {
  height: 119px !important;
  width: 75px;
  max-width: initial !important;
}

/* #whatsNewTab .newsBlurb h4 { margin-bottom:.75em; font-size:11px; font-size:1.1rem; } */
#whatsNewTab .newsBlurb h4 {
  display: none;
}

#whatsNewTab .newsBlurb h3 {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

#whatsNewTab .newsBlurb .teaser {
  line-height: 1.6;
}

#whatsNewTab .btnRss {
  position: absolute;
  top: 3px;
  left: 50px;
  display: block;
  margin-top: 4px;
}

#whatsNewTab .btnRss a {
  display: block;
  height: 12px;
  width: 12px;
  background: url("../images/icon_rss.png") no-repeat 0 0;
}

#whatsNewTab .btnRss span {
  position: absolute;
  left: -999em;
}

#whatsNewTab .more {
  /*font-family:"ZephTextBold"; font-style:italic;*/
  font-family: "zephtextitalic";
  font-size: 13px;
  font-size: 1.3rem;
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------
   ENGINEERS: Please don't put CSS changes at bottom of this CSS file. Insted, search the CSS file
   for styles that have already been created for a feature or element. Either update and existing CSS
   rule or add your CSS in close proximity to the CSS rules that it most closely corresponds to. Try
   to use the same CSS-selectors that are already defined.

   For new features, follow the structure that has already been established. Add a heading for the
   feature (copy and paste an existing heading, and revise text) followed by the style rules for
   that feature.

   Put any styling related to content styling under the heading:
   "TEI Content (Eventually move to separate LOEB TEI stylesheet)"
  --------------------------------------------------------------------------------------------------- */