@charset "UTF-8";
/*- END TODO: Make into new variable to set from loader -*/
/* ================================= */
/* COLORS                            */
/* ================================= */
/* $brand-bar-background                   : null; */
/* $brand-bar-border                       : null; */
/* $brand-bar-text                         : null; */
/* $brand-text                             : null; */
/* $brand-headings                         : null; */
/* $brand-accent-text                      : null; */
/* $brand-highlight-text                   : null; */
/* $brand-highlight-text-background        : null; */
/* $brand-link                             : null; */
/* $brand-link-hover                       : null; */
/* $brand-border                           : null; */
/* $brand-icon                             : null; */
/* $brand-form-field                       : null; */
/* $brand-form-text                        : null; */
/* $brand-shadow                           : null; */
/* bar colors */
/* $bar-background                         : null; */
/* $bar-background-gradient                : null; */
/* $bar-background-highlight               : null; */
/* $bar-background-hover                   : null; */
/* $bar-bar-background                     : null; */
/* $bar-bar-border                         : null; */
/* $bar-bar-text                           : null; */
/* $bar-text                               : null; */
/* $bar-headings                           : null; */
/* $bar-accent-text                        : null; */
/* $bar-highlight-text                     : null; */
/* $bar-highlight-text-background          : null; */
/* $bar-link                               : null; */
/* $bar-link-hover                         : null; */
/* $bar-button-background                  : null; */
/* $bar-button-gradient                    : null; */
/* $bar-button-border                      : null; */
/* $bar-button-text                        : null; */
/* $bar-border                             : null; */
/* $bar-icon                               : null; */
/* $bar-form-field                         : null; */
/* $bar-form-text                          : null; */
/* $bar-shadow                             : null; */
/* content colors */
/* $content-background-hover               : null; */
/* $content-highlight-text                 : null; */
/* $content-highlight-text-background      : null; */
/* $content-form-field                     : null; */
/* $content-form-text                      : null; */
/* $content-shadow                         : null; */
/* aside colors */
/* $aside-background-hover                 : null; */
/* $aside-highlight-text                   : null; */
/* $aside-highlight-text-background        : null; */
/* $aside-form-field                       : null; */
/* $aside-form-text                        : null; */
/* $aside-shadow                           : null; */
/*$baseFontSize			: 100%;*/
/*$contentFontSize		: $baseFontSize;*/
/* ==================================================================================
   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 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,300,300italic);
h1,
h2,
h3,
h4, .hero-content h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  line-height: 1.3;
  color: #4b4b4b; }

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

a {
  color: #202879;
  text-decoration: none; }
  a:hover {
    color: #3241cd;
    text-decoration: none; }

em {
  font-style: italic; }

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

img {
  max-width: 100% !important;
  height: auto !important; }

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

h2 {
  font-size: 1.33em;
  font-weight: 400;
  margin-bottom: .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: #cecbc6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 0.33em 0;
  padding: 0 0.5em;
  color: #4b4b4b;
  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: .25em; }

input:-ms-input-placeholder {
  padding: .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: #cecbc6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  padding: 0 1.5em 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: #4b4b4b;
  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 */ }

@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-facebook:before {
  content: "\f082"; }

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

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

.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"; }

[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: #4b4b4b; }

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

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

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

.more:after,
.readMore:after {
  content: "\0020\00BB"; }

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

.mobileOnly {
  display: none !important; }

.phoneOnly {
  display: none !important; }

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

  .mobileOnly {
    display: block !important; } }
@media screen and (max-width: 768px) {
  .phoneOnly {
    display: block !important; } }
.cg-brand h1, .cg-brand h2, .cg-brand h3, .cg-brand h4, .cg-brand h5, .cg-brand h6 {
  color: white; }
.cg-brand a {
  color: #68697c; }
.cg-brand .box {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  background-color: white;
  color: #68697c;
  -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: white;
    background-image: -webkit-linear-gradient(bottom, white);
    background-image: linear-gradient(to top,white);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)"; }
.cg-brand .bar {
  background-color: white;
  border-color: white;
  color: #d7d7d7; }
  .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: #d7d7d7; }
.cg-brand .bg-highlight {
  background-color: #27319b; }
.cg-brand .bg-hover {
  background-color: #2e38a9; }
.cg-brand .accent {
  color: white; }
.cg-brand .highlight {
  background-color: #dcdcdc;
  color: #696969; }
.cg-brand .button button {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  background-color: #aabbcc;
  background-image: -webkit-linear-gradient(bottom, #aabbcc);
  background-image: linear-gradient(to top,#aabbcc);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#aabbcc, endColorstr=)";
  color: #3c4eff; }
.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: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #68697c;
  background-color: #ffffff; }

.cg-bar h1, .cg-bar h2, .cg-bar h3, .cg-bar h4, .cg-bar h5, .cg-bar h6 {
  color: #ffffff; }
.cg-bar a {
  color: #68697c; }
.cg-bar .box {
  border-width: 1px;
  border-style: solid;
  border-color: #696969;
  background-color: white;
  color: #adaeba;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25); }
  .cg-bar .box.no-border {
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .cg-bar .box-gradient {
    background-color: white;
    background-image: -webkit-linear-gradient(bottom, white);
    background-image: linear-gradient(to top,white);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)"; }
.cg-bar .bar {
  background-color: white;
  border-color: white;
  color: #68697c; }
  .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: #68697c; }
.cg-bar .bg-highlight {
  background-color: #808080; }
.cg-bar .bg-hover {
  background-color: #696969; }
.cg-bar .accent {
  color: #e7e7e7; }
.cg-bar .highlight {
  background-color: #f5f5f5;
  color: #808080; }
.cg-bar .button 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: #68697c;
  background-color: #ffffff; }

.cg-content h1, .cg-content h2, .cg-content h3, .cg-content h4, .cg-content h5, .cg-content h6 {
  color: #4b4b4b; }
.cg-content a {
  color: #202879; }
.cg-content .box {
  border-width: 1px;
  border-style: solid;
  border-color: #cecbc6;
  background-color: #fbfcfc;
  color: #68697c;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 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: #fbfcfc;
    background-image: -webkit-linear-gradient(bottom, #fbfcfc, white);
    background-image: linear-gradient(to top,#fbfcfc, white);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fbfcfc, endColorstr=white)"; }
.cg-content .bar {
  background-color: white;
  border-color: white;
  color: #4b4b4b; }
  .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: #4b4b4b; }
.cg-content .bg-highlight {
  background-color: white; }
.cg-content .bg-hover {
  background-color: #d3d3d3; }
.cg-content .accent {
  color: #4b4b4b; }
.cg-content .highlight {
  background-color: #808080;
  color: #f4f1e8; }
.cg-content .button button {
  border-width: 1px;
  border-style: solid;
  border-color: #202879;
  background-color: #202879;
  background-image: -webkit-linear-gradient(bottom, #202879);
  background-image: linear-gradient(to top,#202879);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#202879, endColorstr=)";
  color: #ffffff; }
.cg-content [class^="ico-"],
.cg-content [class*="ico-"],
.cg-content .icon {
  color: #202879; }
.cg-content textarea,
.cg-content input[type="text"],
.cg-content input[type="password"] {
  border-width: 1px;
  border-style: solid;
  border-color: #cecbc6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #4b4b4b;
  background-color: #ffffff; }

.cg-aside h1, .cg-aside h2, .cg-aside h3, .cg-aside h4, .cg-aside h5, .cg-aside h6 {
  color: #4b4b4b; }
.cg-aside a {
  color: #202879; }
.cg-aside .box {
  border-width: 1px;
  border-style: solid;
  border-color: #cecbc6;
  background-color: white;
  color: #4b4b4b;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(191, 191, 191, 0.25); }
  .cg-aside .box.no-border {
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .cg-aside .box-gradient {
    background-color: white;
    background-image: -webkit-linear-gradient(bottom, white);
    background-image: linear-gradient(to top,white);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)"; }
.cg-aside .bar {
  background-color: #4b4b4b;
  border-color: #cecbc6;
  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: #ecebe7; }
.cg-aside .bg-hover {
  background-color: #d3d3d3; }
.cg-aside .accent {
  color: #868a8b; }
.cg-aside .highlight {
  background-color: #808080;
  color: #ffffff; }
.cg-aside .button button {
  border-width: 1px;
  border-style: solid;
  border-color: #202879;
  background-color: #202879;
  background-image: -webkit-linear-gradient(bottom, #202879);
  background-image: linear-gradient(to top,#202879);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#202879, endColorstr=)";
  color: #ffffff; }
.cg-aside [class^="ico-"],
.cg-aside [class*="ico-"],
.cg-aside .icon {
  color: #202879; }
.cg-aside textarea,
.cg-aside input[type="text"],
.cg-aside input[type="password"] {
  border-width: 1px;
  border-style: solid;
  border-color: #cecbc6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #4b4b4b;
  background-color: #ffffff; }

.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: .33em; }

.intro {
  background: transparent; }

@media screen and (768px) {
  #personalNav {
    display: none; } }
.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: #fbfcfc;
  background-image: -webkit-linear-gradient(bottom, #fbfcfc, white);
  background-image: linear-gradient(to top,#fbfcfc, white);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fbfcfc, endColorstr=white)"; }

#headerWrap {
  background-color: white;
  background-image: -webkit-linear-gradient(bottom, white);
  background-image: linear-gradient(to top,white);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=)";
  margin: 0 auto;
  width: 100%;
  color: #68697c;
  z-index: 5000;
  /* this makes sure that it is always above anything in the main content */ }

#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; }

.column-wrapper {
  color: #68697c;
  margin: 0 auto;
  width: 100%; }
  .column-wrapper a {
    color: #202879; }
    .column-wrapper a:hover {
      color: #3241cd; }
  .column-wrapper h1, .column-wrapper h2, .column-wrapper h3, .column-wrapper h4 {
    color: #4b4b4b; }
  .column-wrapper hr {
    border-color: #cecbc6; }
  .column-wrapper .module h2,
  .column-wrapper .contentBlock h2 {
    border-color: #cecbc6; }

#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; } }
#mainContent {
  width: calc(100% - 23% - 5%);
  position: relative;
  float: left;
  left: calc(23% + 5%);
  margin-bottom: 3.6363636%; }
  @media screen and (max-width: 1024px) {
    #mainContent {
      float: none;
      width: 100%;
      left: 0; } }

.page-search #mainContent,
.contentPage #mainContent {
  left: 5%; }
  @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: 5%; }
  @media screen and (max-width: 1024px) {
    .contentPage #mainContent {
      margin: 0; } }

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

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

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

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

#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: .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%; } }

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

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

#footerAccounts {
  float: left;
  margin: 0 3em 0 0;
  max-width: 21%;
  font-size: .8125em; }
  #footerAccounts > a {
    background: left top no-repeat url(//www.peterlang.com/fileasset/footer-logo.png);
    display: block;
    width: 150px;
    height: 30px;
    text-indent: -9000em;
    outline: none;
    margin-bottom: .5em; }
  @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 #cecbc6;
  border-bottom: none; }
  #columnOne nav.content-nav a,
  .leftColumn nav.content-nav a {
    margin-bottom: 0;
    font-size: 1em;
    border-bottom: solid 1px #cecbc6;
    display: block;
    padding: .67em 1.67em .67em .67em;
    position: relative;
    background: white; }
    #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: "\f054";
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -8px; }
    #columnOne nav.content-nav a.active,
    .leftColumn nav.content-nav a.active {
      background: #fbfcfc; }

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

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

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

#jumpToJournalArticle .form-row {
  width: 33%;
  float: left;
  padding: 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: #68697c; }
  .site-header a:hover {
    color: #424355; }

.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; } }

.ico-access {
  position: relative;
  float: left;
  margin-right: .5em;
  margin-top: 1px; }
  .ico-access:focus > *, .ico-access:hover > * {
    visibility: visible; }
  .contentItem .ico-access {
    float: right; }
  .indexCard .summary .ico-access {
    float: right; }
  .ico-access-restricted {
    color: #be2228 !important; }
    .ico-access-restricted:before {
      content: "\f023"; }
  .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: "\f13e"; }
  .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: #cecbc6;
    -webkit-box-shadow: 0 0.05em 0.15em 0 rgba(178, 197, 197, 0.25);
    -moz-box-shadow: 0 0.05em 0.15em 0 rgba(178, 197, 197, 0.25);
    box-shadow: 0 0.05em 0.15em 0 rgba(178, 197, 197, 0.25);
    margin-bottom: 1em;
    padding: .33em;
    background-color: #d3d3d3;
    width: 10em;
    margin-left: -5em;
    visibility: hidden;
    right: -7.8em;
    color: #68697c;
    padding: .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 #cecbc6;
      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) {
  .ico-access span {
    display: none; } }
.media-image {
  color: black; }

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

/* Product Offers
========================================================================== */
.ecommerce-block {
  color: #4b4b4b;
  /*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: #4b4b4b !important;
    margin: 1em 0; }
  .ecommerce-block-content {
    margin-bottom: 1em; }
  .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: "\f0d7";
      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: "\f0d8";
        margin-right: 4px; }
    .ecommerce-block .toggle-activator.open .less {
      display: inline-block; }
    .ecommerce-block .toggle-activator.open .more {
      display: none; }
.ecommerce-disclaimer {
  font-size: smaller; }
.ecommerce-provider {
  font-weight: 700; }

.offer {
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #cecbc6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
  padding: 1.5em; }
  .offer::after {
    clear: both;
    content: "";
    display: table; }
  .offer h3 {
    color: #4b4b4b; }
  .offer-list {
    list-style: none;
    margin: 0; }
  .offer-info {
    display: inline-block;
    margin-right: 5%;
    width: 73%; }
  .offer-name {
    margin-bottom: .53em;
    font-size: .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: #202879;
      background-color: #202879;
      background-image: -webkit-linear-gradient(bottom, #202879);
      background-image: linear-gradient(to top,#202879);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#202879, 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; }
  .ecommerce-price.ecommerce-multi-currency {
    font-size: .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; }

.cart-update-button {
  font-size: .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; } }

#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: #fbfcfc;
  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; }

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

#readPanel div.summary .ecommerce-block h2 {
  color: #4b4b4b !important;
  margin-top: 10px; }
#readPanel div.summary .ecommerce-block .ecommerce-block-footer {
  color: #68697c !important; }
#readPanel div.summary .ecommerce-block h3.offer {
  color: #4b4b4b !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; }

.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(178, 197, 197, 0.25);
  -moz-box-shadow: 0 0 20px 0 rgba(178, 197, 197, 0.25);
  box-shadow: 0 0 20px 0 rgba(178, 197, 197, 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: #68697c; }
    .locale-menu .menu-toggle:hover {
      color: #68697c; }
  .locale-menu.open .menu-toggle {
    background-color: white; }
    .locale-menu.open .menu-toggle:hover {
      color: #68697c; }
.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: white; }
    .open .locale-list .selected {
      background: #808080; }
  .locale-list a {
    display: block;
    margin: 0;
    padding: 0.53em 0.833em;
    color: #424355;
    text-transform: capitalize; }
    .locale-list a:focus, .locale-list a:hover {
      color: #4758ff; }
  .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: 55px;
  background: transparent url(../img/safari-throbber.gif) top left no-repeat;
  padding-top: 0.8em;
  padding-left: 35px; }
.cxs-content-root .cxs-error {
  display: none;
  min-height: 55px;
  background: transparent url(../img/safari-error.png) top left no-repeat;
  padding-top: 0.8em;
  padding-left: 35px; }
.cxs-content-root .cxs-messages {
  padding: 1.0em; }
.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: 1.0em;
  padding-left: 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: 1.0em;
  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; }
.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: 1.0em; }
.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;
  bottom: -25px;
  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: 1.0em;
  color: #000000; }
.cxs-content-root .cxs-params:after, .cxs-content-root .cxs-params:before {
  left: 100%;
  bottom: 25px;
  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: transparent;
  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: #646565;
  color: #9b9a9a;
  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: white; }

#createAnnotation {
  position: absolute;
  z-index: 999;
  margin: -25px 0 0 -50px; }
  #createAnnotation button {
    -webkit-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #202879;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #202879;
    background-image: -webkit-linear-gradient(bottom, #202879);
    background-image: linear-gradient(to top,#202879);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#202879, 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 #cecbc6; }
  .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: '\201C';
      font-style: normal; }
    .annotation blockquote:after {
      content: '\201D';
      font-style: normal; }
  .annotation .timestamp,
  .annotation .owner {
    color: #4b4b4b;
    font-size: .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: .833em;
  color: #4b4b4b; }

.annotatedText {
  margin-bottom: 1.167em;
  padding: 1em;
  font-size: .833em;
  background-color: white; }

.annotationNav {
  float: right;
  margin: 0 -23% 0 0;
  padding-left: 5%;
  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: 5%; }
  @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: -.3em; }

#headerLogo {
  float: left;
  margin: 1em 1.67em; }
  #headerLogo a {
    display: block;
    background-image: url(//www.peterlang.com/fileasset//pl-logo.png);
    background-repeat: no-repeat;
    width: 215px;
    height: 82px;
    background-size: 215px 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: 91px;
        height: 43px;
        background-size: 91px auto; } }

#publisherAttr {
  float: left; }
  #publisherAttr .preamble {
    display: block;
    float: left;
    margin-right: .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: .5em; }
  #institutioninfo .institutionName {
    display: inline-block; }

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

#footerCopyright {
  display: block;
  margin: 0 .833em .5em 0; }

#footerLogoWrap .attribution {
  display: block;
  position: absolute;
  left: -999em; }

#footerLogo {
  float: right;
  /*@include pf-media-tablet {
  	a {
  		background-size: 70%;
  	}
  }*/ }
  #footerLogo a {
    display: block;
    width: 144px;
    height: 46px;
    background-image: url("../img/logos/small/powered-by-safari-lockup-sunshine-and-white.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain; }
  #footerLogo span {
    display: block;
    text-indent: -999em; }

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

.dialog_close,
.fancybox-close {
  position: absolute;
  top: .25em;
  right: .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: white;
    color: #202879;
    text-align: center;
    font-size: 1.333em;
    line-height: 1.333em; }
    .btnRss a:hover {
      background-color: #d3d3d3;
      color: #202879; }

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

.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: .67em; }

.module h3,
.contentBlock h3,
#snippetNav h3 {
  margin-bottom: .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: .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: .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: #cecbc6;
  padding: 1.667em;
  background-color: #fbfcfc; }

#saveToProjectModal label {
  display: block; }

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

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

@media screen and (max-width: 1024px) {
  .european-union-cookies-agreement-present #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: .5em; }

.wideField {
  width: 12.375em; }

.inputSm {
  width: 4em; }

.example,
.hint {
  font-size: .833em;
  color: #4b4b4b; }

.date-range * {
  margin-bottom: .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: #cecbc6;
  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 #cecbc6; }
  @media screen and (max-width: 1024px) {
    .searchModule {
      margin: 0;
      padding: 0.85714em 1em;
      color: #68697c;
      background: #fbfcfc; } }
  @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: #4b4b4b !important;
    background: white !important; } }

.search-form .form-group {
  margin: 0;
  padding: 0; }
  .search-form .form-group-label {
    border-width: 0;
    border-style: solid;
    border-color: #cecbc6;
    background-color: white;
    color: #4b4b4b;
    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: .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: #cecbc6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 0.33em 0;
  padding: 0 0.5em;
  color: #4b4b4b;
  font-size: 1em;
  height: 2.167em;
  line-height: .8; }
.search-form input[type="submit"],
.search-form .search-button {
  border-width: 1px;
  border-style: solid;
  border-color: #202879;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #202879;
  background-image: -webkit-linear-gradient(bottom, #202879);
  background-image: linear-gradient(to top,#202879);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#202879, 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: #202879 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 , #202879, );
  background: url("../img/iconmonstr-magnifier-icon-16.png") center center no-repeat, linear-gradient(to top, #202879, );
  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: "\f002";
        font-size: 24px;
        display: block;
        position: absolute;
        top: 18px;
        right: 18px;
        color: #202879; }
    .searchWithin.fullWidth input[type="text"], .search-within.fullWidth input[type="text"] {
      border-width: 1px;
      border-style: solid;
      border-color: #cecbc6;
      -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.250em;
      padding: 0 80px 0 1.667em; }
      .searchWithin.fullWidth input[type="text"]:focus, .search-within.fullWidth input[type="text"]:focus {
        outline: 0;
        border-color: #202879; }
    .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: .25em; }
.advancedSearch .buttons {
  padding-top: 1em;
  border-top: 1px solid #cecbc6;
  text-align: right; }
.advancedSearch legend {
  display: none; }
.advancedSearch .searchtype {
  width: 100%;
  max-width: 19.25em;
  margin-right: 1em;
  margin-bottom: .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 .5em 0;
  padding-right: 2%;
  width: 20%; }
.advancedSearch .advSearchModule {
  margin-bottom: 1.5em !important; }
.advancedSearch + .advSearchModule {
  border-top: 1px solid #cecbc6; }
.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 select {
      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: .67em; }
  .advancedSearch .t-forminjector a.deleteRow {
    float: none !important;
    position: static !important;
    margin: .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 #cecbc6; }
  .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 #cecbc6;
  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; }

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

#readPanel > #pagetitle {
  margin-bottom: .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: #cecbc6;
    width: 100%;
    height: auto; }
  .hero-content h1 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: .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: #cecbc6;
  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; }

#loginPanel {
  position: relative;
  overflow: hidden;
  font-size: 1em;
  color: #68697c; }
  #loginPanel h2 {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: white;
    background: white;
    color: #4b4b4b; }
  #loginPanel a {
    color: #202879; }
    #loginPanel a:hover {
      color: #3241cd; }
  #loginPanel form {
    max-width: 30em; }
  #loginPanel label {
    display: block;
    margin-bottom: .25em; }
  #loginPanel input[type="text"],
  #loginPanel input[type="password"] {
    width: 100%;
    background-color: #ffffff;
    color: #4b4b4b;
    border-color: #cecbc6; }
  #loginPanel input[type="submit"] {
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #202879;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #202879;
    background-image: -webkit-linear-gradient(bottom, #202879);
    background-image: linear-gradient(to top,#202879);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#202879, 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: .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 #cecbc6; }

#loginPanel #submitRow {
  display: inline-block;
  margin-right: 10px; }
#loginPanel #forgotPasswordRow {
  display: inline-block; }
  #loginPanel #forgotPasswordRow a {
    display: inline-block;
    font-size: .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: white;
  padding: 1.5em;
  margin-bottom: 1em; }

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

#notifications {
  display: block;
  margin: 0;
  padding: .5em;
  background: #009900;
  color: #4b4b4b; }

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

/* Tapestry Error Messages (Default Styling) */
div.t-error {
  margin-bottom: 1em;
  padding: 1em 1em 0 1em;
  background-color: #fbfcfc;
  border: 1px solid #be2228;
  color: #be2228;
  overflow: hidden;
  line-height: 1.3; }
  div.t-error div {
    margin-bottom: .333em;
    color: #be2228;
    font-weight: 600; }
    .locus-search-form div.t-error div {
      display: none; }
  div.t-error li {
    margin-bottom: .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: .25em 0;
  height: auto !important;
  /* override inline styles */
  color: #be2228;
  font-size: .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: white;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(178, 197, 197, 0.1);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(178, 197, 197, 0.1);
  box-shadow: inset 0 -1px 0 0 rgba(178, 197, 197, 0.1);
  /* inner shadow + border create bevel */
  margin: 0;
  padding: 0 1.167em 1.167em 1.167em;
  background: white;
  color: #4b4b4b; }
  .searchHeader h2 {
    display: inline-block;
    margin: 0 .5em 0 0;
    font-size: 1.167em;
    color: #4b4b4b; }
  .searchHeader a {
    color: #4b4b4b; }
    .searchHeader a:hover {
      color: #4b4b4b; }
  .searchHeader .searchTerm,
  .searchHeader .modifySearch,
  .searchHeader .clearAll {
    display: inline-block;
    margin-right: .5em;
    padding: .25em .25em .25em .75em;
    background: transparent;
    font-weight: 600; }
  .searchHeader .searchTerm {
    margin: 0 .5em 0 0;
    list-style: none;
    color: #4b4b4b; }
    .searchHeader .searchTerm strong {
      font-weight: 600; }
    .searchHeader .searchTerm .remove a {
      display: inline-block;
      margin-left: .25em;
      background: transparent; }
  .searchHeader .modifySearch {
    border-left: 1px solid #cecbc6; }
  #noresults .searchHeader {
    padding: 0 0 1.167em 0;
    background: white;
    color: #68697c; }
    #noresults .searchHeader h2 {
      color: #4b4b4b; }
    #noresults .searchHeader a {
      color: #202879; }
      #noresults .searchHeader a:hover {
        color: #3241cd; }
    #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 .5em; }
    .searchHeader .modifySearch {
      margin: 0;
      display: inline-block;
      padding-left: 0;
      border-left: 0; } }

#noresults .searchHeader .searchTerm {
  color: #68697c; }

.browseResults #topSection {
  padding: 1em 1.167em;
  background: #202879; }
  .browseResults #topSection h1#pagetitle {
    background: transparent;
    border: none;
    color: white;
    padding: 0; }
  .browseResults #topSection .searchHeader {
    background: transparent;
    border: none;
    color: white;
    padding: 0; }
    .browseResults #topSection .searchHeader h2,
    .browseResults #topSection .searchHeader .searchTerm {
      color: white; }
    .browseResults #topSection .searchHeader a {
      color: white; }
      .browseResults #topSection .searchHeader a:hover {
        color: white; }

.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: #68697c; }
      .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: #fbfcfc; }
      .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: #fbfcfc; }
    @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: .625em;
          color: #68697c;
          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: #fbfcfc;
  border-top: 1px solid #cecbc6;
  border-bottom: 1px solid #cecbc6;
  width: 100%;
  /* The following table columns should be removed from the markup */ }
  .data-grid thead {
    background: white; }
    .data-grid thead th {
      background: white;
      text-align: left;
      font-weight: 600;
      text-transform: capitalize; }
  .data-grid th,
  .data-grid td {
    vertical-align: top;
    padding: 1em 0 1em 1em;
    border-bottom: 1px solid #cecbc6; }
    .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 {
    width: 12%;
    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 {
      margin-bottom: -3px;
      width: 15px;
      height: 15px;
      background: url("../img/sortable-icon.svg") no-repeat 5px 0; }
    .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: -.333em; }
    .data-grid.is-sortable .nav .moveDown {
      top: .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: .5em 1em;
    width: 100%;
    background: white;
    color: #4b4b4b;
    font-size: 1.167em;
    font-weight: 400; }
  .tagsModule li {
    position: relative;
    margin: 0 1em;
    padding: .5em 0;
    border-top: 1px solid #cecbc6; }
    .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: #cecbc6;
    -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: #202879;
    -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.83333333333em; }

/* same as #mainContent on other pages */
#redeemToken {
  position: relative;
  margin: 0 0 3.6363636% 0;
  /* width: 75.353535%; */
  background-color: #fbfcfc; }
  #redeemToken .redeemStep {
    margin: 0 1.667em;
    padding: 1.667em 0;
    background-color: #fbfcfc; }
    #redeemToken .redeemStep + .redeemStep {
      border-top: 1px solid #cecbc6; }
  #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: .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: 65%; }
  @media screen and (max-width: 768px) {
    #tokenRedeemRow input[type="text"] {
      display: block;
      width: 100%;
      margin-bottom: 1em; } }

.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: .25em; }
  .actions a {
    display: inline-block; }
    .actions a + a {
      margin-left: .25em; }

.addthis_button img {
  display: none;
  /* ticket #5522 */
  margin-bottom: -.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: .833em;
    line-height: 2.167em; }

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

.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: white;
  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: #68697c; }
    .overlay_dialog + .dialog .dialog_content html,
    #saveToProjectModal .dialog_content html {
      background-color: transparent; }

.popup {
  border-width: 1px;
  border-style: solid;
  border-color: #cecbc6;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
  position: fixed;
  top: 50%;
  left: 20%;
  width: 280px;
  height: 375px;
  background-color: white;
  z-index: 10000;
  overflow: hidden; }
  .popup-header {
    width: 100%;
    height: 2.67em;
    background-color: #d3d3d3; }
    .popup-header .close {
      position: absolute;
      top: .25em;
      right: .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: white;
  color: #68697c;
  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: .25em;
  right: .5em;
  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"; }
  .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: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Layout for News
   ========================================================================= */
.news-list.archive-list {
  padding: 1.667em; }
.news-item {
  position: relative;
  margin-bottom: 1.33em;
  overflow: hidden; }
  .archive-list .news-item {
    padding-top: 1.33em;
    border-top: 1px solid #cecbc6; }
    .archive-list .news-item:first-child {
      padding-top: 0;
      border-top: none; }
.news-header {
  border-width: 0;
  border-style: solid;
  border-color: white;
  margin: 0;
  padding: 1.667em;
  background: white; }
  .news-header, .news-header h1, .news-header h2, .news-header h3, .news-header h4 {
    color: #4b4b4b; }
.news-date {
  margin-bottom: .33em;
  color: #4b4b4b; }
.news-title {
  margin-bottom: .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: #cecbc6;
    position: relative;
    margin: 0 0 1.667em 0;
    padding: 0; }
  .news-nav-title {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: white;
    display: inline-block;
    margin: 0;
    padding: 0.85714em 1em;
    width: 100%;
    background-color: white;
    color: #4b4b4b !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: .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: .67em; }
    .news-nav-list .count {
      margin-left: .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: 25px 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-form input[type="text"],
  .site-search-form .search-field {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: white;
    -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: #68697c;
    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: white;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: #aabbcc url("../img/mag-glass.svg") no-repeat center center;
    background: url("../img/mag-glass.svg") no-repeat center center, -webkit-linear-gradient( bottom , #aabbcc, );
    background: url("../img/mag-glass.svg") no-repeat center center, linear-gradient(to top, #aabbcc, );
    background-size: green;
    float: left;
    margin: 0 0 0.33em 0;
    padding: 0 1.167em;
    color: #3c4eff;
    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: #cecbc6;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background: #fbfcfc;
      font-size: 1em;
      cursor: pointer;
      padding: 0.2em;
      color: #68697c; }
      .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: .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: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    vertical-align: middle;
    padding: .5em 2em .5em .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: #68697c;
    font-size: 1em;
    line-height: 1em;
    text-overflow: ellipsis;
    cursor: pointer; }
  .search-filters ul {
    border-width: 1px;
    border-style: solid;
    border-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    left: -999em;
    z-index: 9000;
    list-style: none;
    margin: 0;
    padding: .5em;
    width: 100%;
    background-color: #fbfcfc; }
  .search-filters li a {
    display: block;
    width: 100%;
    margin-bottom: .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: .833em; } }

.search-utils {
  float: left; }
  .search-utils a {
    display: inline-block;
    margin-left: .75em;
    color: #68697c; }
    .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: .6; }
      .search-utils a.ico-help:hover {
        opacity: 1; }
    .search-utils a:focus, .search-utils a:hover {
      text-decoration: none; }
  .search-utils [class*="ico-"]:before {
    color: #ffffff;
    font-size: 1.125em; }

.breadcrumbs {
  margin: 0;
  padding: 0.667em 1.167em 0 1.167em;
  background-color: white;
  color: #4b4b4b; }
  .breadcrumbs ul {
    list-style: none;
    margin: 0; }
  .breadcrumbs li {
    display: inline;
    margin: 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: .833em;
    color: #4b4b4b; }
    .breadcrumbs a:hover {
      color: #4b4b4b; }

.tab-list {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cecbc6;
  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: #cecbc6 #cecbc6 #cecbc6 #cecbc6;
    -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: white;
    color: #202879; }
    .tab-list a:focus, .tab-list a:hover {
      border-width: 1px;
      border-style: solid;
      border-color: #cecbc6 #cecbc6 #cecbc6 #cecbc6;
      background-color: #d3d3d3; }
  .tab-list .active > a {
    border-width: 1px;
    border-style: solid;
    border-color: #cecbc6 #cecbc6 #fbfcfc #cecbc6;
    background-color: #fbfcfc;
    color: #202879; }
  .tab-list.myTabs {
    position: absolute;
    z-index: 1;
    top: 3em;
    width: 100%;
    margin: 0;
    padding: 0; }
    .tab-list.myTabs .active > a {
      background-color: #fbfcfc; }
  .tab-list li.mobile-menu {
    display: none; }
.tab-panel {
  border-width: 1px;
  border-style: solid;
  border-color: #cecbc6;
  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: #fbfcfc;
    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: .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 #cecbc6;
      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 #cecbc6; }
    .tab-list li.mobile-menu {
      display: block; }
      .tab-list li.mobile-menu a {
        border: 1px solid #cecbc6 !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: "\f078";
          font-size: 18px;
          position: absolute;
          top: 12px;
          right: 16px;
          color: #202879; }
    .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: "\f077"; }
  .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 #cecbc6; }
  #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: #f4f1e8; }

.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: #cecbc6;
      display: inline-block;
      margin: 0;
      padding: 0.25em;
      background-color: #fbfcfc;
      text-align: center; }
  .nav-ribbon a {
    color: #202879; }
    .nav-ribbon a:hover {
      color: #d3d3d3; }
  .nav-ribbon .active,
  .nav-ribbon .active a,
  .nav-ribbon .active a:hover {
    color: #3241cd; }

.t-data-grid-pager,
.pagination {
  display: inline-block;
  float: right;
  margin-top: .23em;
  margin-bottom: .23em;
  line-height: 2.167em; }
  .t-data-grid-pager a,
  .pagination a {
    padding: 0 .25em;
    color: #202879;
    display: inline-block; }
    .t-data-grid-pager a:hover,
    .pagination a:hover {
      color: #3241cd;
      text-decoration: underline; }
  .t-data-grid-pager .current,
  .pagination .current {
    padding: 0 .25em;
    display: inline-block;
    color: #68697c; }
  @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: white;
  background-color: white;
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  color: #68697c; }
  .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: white;
  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: #68697c; }
  .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: white;
      background-color: white;
      display: block;
      margin: 0;
      padding: 1em 0.833em;
      color: #68697c; }
      .site-nav-list > li > a:focus, .site-nav-list > li > a:hover {
        background-color: white;
        color: #4758ff; }
    .site-nav-list > li.current > a {
      background-color: white !important;
      color: #68697c !important; }
      .site-nav-list > li.current > a:focus, .site-nav-list > li.current > a:hover {
        background-color: white !important;
        color: #4758ff !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: white;
      color: #4758ff; }
    .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: white;
      -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(178, 197, 197, 0.25);
      -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
      box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
      position: absolute;
      left: -999em;
      top: auto;
      z-index: 9000;
      margin-top: -1px;
      margin: 0;
      padding: 0;
      width: 17em;
      background: white; }
    .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: white;
        display: block;
        margin: 0;
        padding: 0.53em 0.833em;
        background: white;
        color: #68697c; }
        .site-nav-list > li.expandable li > a:focus, .site-nav-list > li.expandable li > a:hover {
          background: white;
          color: #68697c; }
@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(178, 197, 197, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 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: white;
      display: block;
      margin: 0;
      padding: 1em 0.833em;
      color: #68697c; }
      .open .site-nav-toggle, .site-nav-toggle:focus, .site-nav-toggle:hover {
        color: #4758ff; }
    .site-nav-list {
      display: block;
      float: none;
      top: 0; }
      .site-nav-list > li {
        -webkit-box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
        -moz-box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
        box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 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(178, 197, 197, 0.2);
          -moz-box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
          box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
          display: block;
          margin: 0;
          padding: 0.53em 0.833em;
          color: #68697c;
          border: none; }
          .site-nav-list > li > a:focus, .site-nav-list > li > a:hover {
            -webkit-box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
            -moz-box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
            box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
            color: #4758ff; }
        .site-nav-list > li.current > a {
          color: #68697c; }
          .site-nav-list > li.current > a:focus, .site-nav-list > li.current > a:hover {
            color: #4758ff; }
        .site-nav-list > li.expandable:focus, .site-nav-list > li.expandable:hover {
          -webkit-box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
          -moz-box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
          box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 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(178, 197, 197, 0.2);
            -moz-box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 0.2);
            box-shadow: inset 0 1px 0 0 rgba(178, 197, 197, 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: #424355;
  position: relative;
  display: inline-block;
  float: right;
  margin: 0 0.833em;
  padding: 0;
  background-color: white;
  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(178, 197, 197, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 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: #424355 !important;
    font-weight: 600; }
    .user-nav-list a:focus, .user-nav-list a:hover {
      color: #4758ff !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: white;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  color: #adaeba; }
  .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: #424355; }
    .util-nav-list a:hover {
      color: #4758ff; }

#footerNav {
  display: inline-block;
  list-style: none;
  margin: 0 0 1em; }
  #footerNav li {
    display: inline-block;
    margin: 0 .833em .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: "\f082"; }
    #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: "\f081"; }

.faceted-nav {
  border-width: 0;
  border-style: solid;
  border-color: #cecbc6;
  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: .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: white;
    /* %extend side-column-nav-group-heading */
    display: inline-block;
    margin: 0;
    padding: 0.85714em 1em;
    width: 100%;
    background-color: white;
    color: #4b4b4b !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; } }

.facet {
  border-width: 0;
  border-style: solid;
  border-color: #cecbc6;
  position: relative;
  margin: 0;
  padding: 0;
  color: #68697c;
  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 {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #cecbc6;
    display: block;
    margin: 0;
    padding: 0.5em 1em;
    background-color: white;
    color: #202879;
    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 #202879; }
      .facet-label.active a {
        color: #202879;
        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: .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;
    padding: 1.167em; }
    .facet-values ul {
      margin: 0;
      list-style: none; }
    .facet-values li,
    .facet-values .row {
      border-width: 0;
      border-style: solid;
      border-color: #cecbc6;
      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 !important; }
    .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 !important; }
    .facet-values a,
    .facet-values span {
      display: inline;
      margin: 0;
      padding: 0; }
    .facet-values label,
    .facet-values a {
      color: #202879; }
      .facet-values label:focus, .facet-values label:hover,
      .facet-values a:focus,
      .facet-values a:hover {
        color: #3241cd; }
    .facet-values .active:focus,
    .facet-values .active:hover,
    .facet-values .active {
      font-weight: 700; }
  .facet.open .facet-values {
    display: block; }
  .facet.shut .facet-values {
    display: none; }

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

.static-nav-menu {
  margin: 0 0 1.67em 0;
  padding: 0; }
.static-nav-list li {
  margin-bottom: .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: #cecbc6;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
  -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
  box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
  position: absolute;
  display: block;
  right: 0;
  z-index: 5001;
  width: 20em;
  margin: 0 0 1.667em 0;
  padding: 1.667em;
  background-color: white;
  filter: alpha(opacity=0);
  opacity: 0;
  color: #68697c;
  text-align: left; }
  .open .article-nav {
    filter: alpha(opacity=100);
    opacity: 1.0; }
  .article-nav-title {
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
    color: #4b4b4b;
    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: #202879; }
      .article-nav-list a:hover, .article-nav-list a:focus {
        color: #3241cd;
        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: .833em;
    list-style: none; }
  .smart-nav-item {
    position: relative;
    float: left;
    height: .833em;
    width: 2em; }
    .smart-nav-item a {
      display: block;
      margin-right: 1px;
      width: auto;
      height: 100%;
      background: #cacbd3; }
      .smart-nav-item a:hover {
        background: #4758ff; }
        .smart-nav-item a:hover:before {
          content: attr(title);
          display: block;
          position: absolute;
          z-index: 1;
          top: 1em;
          padding: .5em;
          max-width: 30em;
          background-color: #4758ff;
          color: white;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
          #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: #4758ff; }
    .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; }
    #topSmartNav .smart-nav-item.current:after {
      content: "";
      position: absolute;
      z-index: 2;
      left: 50%;
      border-left: .5em solid transparent;
      border-right: .5em solid transparent;
      margin-left: -.5em;
      border-top: 0.5em solid #4758ff;
      top: 100%; }
    #bottomSmartNav .smart-nav-item.current:before {
      content: "";
      position: absolute;
      z-index: 2;
      left: 50%;
      border-left: .5em solid transparent;
      border-right: .5em solid transparent;
      margin-left: -.5em;
      border-bottom: 0.5em solid #4758ff;
      bottom: 100%; }
  @media screen and (max-width: 768px) {
    .smart-nav-wrap {
      display: none; } }

#topSmartNav {
  margin-bottom: 1.5em; }

#bottomSmartNav {
  margin-top: 1.5em; }

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

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

#newsNavigation ul,
#entryPrevNextNav ul {
  margin: 0;
  list-style: none; }
#newsNavigation li,
#entryPrevNextNav li {
  display: inline-block;
  margin-right: .3em;
  padding-left: .55em;
  border-left: 1px solid #cecbc6;
  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: .3em; }
#newsNavigation .ico-next span,
#entryPrevNextNav .ico-next span {
  padding-left: 0;
  padding-right: .3em; }

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

/* Move to index-cards.scss ??? */
.indexCard .summary .title {
  color: #4b4b4b;
  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: #4b4b4b; }

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

.detail h3,
.detail .subTitle {
  margin-bottom: 0;
  color: #4b4b4b; }

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

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

.metadata {
  margin-bottom: 1em;
  margin-top: .5em;
  font-size: .875em;
  /* Content/Document Type */ }
  .metadata:empty {
    display: none; }
  .metadata h3,
  .metadata .parentTitle,
  .metadata .publicationDate {
    margin: 0 0 .25em 0;
    font-size: 1em;
    font-weight: 400;
    color: #868a8b; }
  .metadata dl {
    margin: 0 0 .25em 0; }
    .metadata dl[classes^="product-biblremark"] dd {
      margin-left: 0; }
  .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 .5em 0;
    font-size: 1.167em;
    font-weight: 700; }
    .metadata .type dt {
      text-indent: -999em; }

.toc-list .metadata {
  margin-top: 0;
  margin-left: .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: .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: 0px;
  margin-top: 15px;
  padding: .833em 0;
  border-top: 1px solid #cecbc6;
  border-bottom: 1px solid #cecbc6; }
  .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 {
      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 #cecbc6;
      width: 290px;
      vertical-align: top;
      margin-left: -310px;
      float: left;
      padding-left: 2.5em; }
    #readPanel .summary .metaBlock h3 {
      color: #4b4b4b;
      cursor: default; }
    #readPanel .summary .metaBlock dl {
      padding-bottom: .5em;
      min-width: 10em; }
  @media screen and (max-width: 768px) {
    #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: #4b4b4b; }
  #readPanel .summary hgroup {
    vertical-align: top; }
  @media screen and (max-width: 768px) {
    #readPanel .summary {
      margin-bottom: 0; }
      #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: .67em;
  border-width: 1px;
  border-style: solid;
  border-color: #202879;
  background-color: #202879;
  background-image: -webkit-linear-gradient(bottom, #202879);
  background-image: linear-gradient(to top,#202879);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#202879, 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: "\f00d";
  -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; }

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

.series-list {
  margin-bottom: .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: #cecbc6;
  float: left;
  width: 100%;
  padding: 1.67em;
  background: #ebecf2;
  color: #4b4b4b;
  position: relative;
  margin-top: 30px; }
  .page-viewtitle .indexCard {
    margin-bottom: 1.67em; }
  .indexCard a {
    color: #202879; }
    .indexCard a:hover {
      color: #3241cd; }
    .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: "\f107";
        display: inline-block;
        margin-left: 5px; }
    .indexCard a.lesstoggle:after {
      content: "\f106"; }
  .indexCard .title {
    color: #4b4b4b; }
  .indexCard .summary .metaBlock {
    color: #868a8b; }
  .indexCard .summary {
    display: block;
    margin-bottom: 20px; }
    .indexCard .summary::after {
      clear: both;
      content: "";
      display: table; }
    .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 #cecbc6;
      width: 290px;
      vertical-align: top;
      margin-left: -310px;
      float: left;
      padding-left: 2.5em; }
    .indexCard .summary .metaBlock h3 {
      color: #4b4b4b;
      cursor: default; }
    .indexCard .summary .metaBlock dl {
      padding-bottom: .5em;
      min-width: 10em; }
  @media screen and (max-width: 768px) {
    .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 .5em;
      padding: 0;
      width: 100%; }
    .indexCard .actions li + li {
      margin-left: 0; }
    .indexCard .actions a.buttonLink {
      background: #202879;
      border-width: 1px;
      border-style: solid; }
    .indexCard .actions a {
      border-width: 1px;
      border-style: solid;
      border-color: #202879;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      display: block;
      padding: .5em .67em;
      color: #202879;
      font-size: .916em;
      font-weight: 600;
      text-align: center; }
      .indexCard .actions a:hover {
        border-width: 1px;
        border-style: solid;
        border-color: #3241cd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #3241cd; }
  .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 .aside-block, .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.hasCover .summary hgroup + .aside-block {
        padding-top: 1em;
        border-top: 1px solid #cecbc6; }
    .indexCard .abstract {
      padding-bottom: .75em; } }
  @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: .825em; }
      .indexCard .abstract,
      .indexCard .editorial-content,
      .indexCard .title-summary {
        display: none !important; }
      .indexCard .metaBlock .metadata > * {
        display: none; }
      .indexCard .metaBlock .buy-print-link {
        display: inline-block; }
      .indexCard a.index-card-toggle {
        outline: none;
        position: absolute;
        top: .5em;
        right: .5em;
        padding: .67em;
        border-width: 1px;
        border-style: solid;
        border-color: #202879;
        background-color: #202879;
        background-image: -webkit-linear-gradient(bottom, #202879);
        background-image: linear-gradient(to top,#202879);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#202879, 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 ul.actions {
        display: none; }
      .indexCard hgroup + .aside-block {
        border-top: none !important;
        padding-top: 0 !important;
        margin-top: 0 !important; }
        .indexCard hgroup + .aside-block .metadata {
          margin-top: 0.5em !important; }
      .indexCard.open a.index-card-toggle:before {
        content: "\f00d";
        -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: .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 {
        padding-top: 1em !important;
        border-top: 1px solid #cecbc6 !important; } }
  @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: .5em;
      padding-right: .5em; } }

.title-banner {
  border-width: 1px;
  border-style: solid;
  border-color: #cecbc6;
  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: #cecbc6;
    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; }

/** 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: #cecbc6;
  margin: 0 0 1.667em 0;
  padding: 0;
  height: auto; }
  .toc-menu::after {
    clear: both;
    content: "";
    display: table; }
  .page-viewepub .sidebar .toc-menu {
    display: none; }
  #columnOne .toc-menu .metaBlock {
    display: none; }
  .toc-menu .toggle {
    min-width: 1.1em; }
  .toc-menu .toc-header {
    display: inline-block;
    margin: 0 0 1.67em 0;
    padding: 0;
    width: 100%;
    background-color: white;
    color: #4b4b4b;
    font-size: 1.167em;
    font-weight: 700; }
    .toc-menu .toc-header a {
      color: #4b4b4b; }
    #columnOne .toc-menu .toc-header {
      border-width: 0 0 1px 0;
      border-style: solid;
      border-color: white;
      display: inline-block;
      margin: 0;
      padding: 0.85714em 1em;
      width: 100%;
      color: #4b4b4b;
      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: .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: .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: #cecbc6;
    position: relative;
    margin: 0;
    padding: 0;
    color: #68697c;
    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: #cecbc6;
      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: .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: white;
        color: #4b4b4b; }
        .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: .33em; }
    .toc-list a,
    .toc-list span,
    .toc-list .active {
      display: inline-block;
      margin: 0;
      /*padding: $tocListLinkPadding;*/ }
    .toc-list a {
      color: #202879; }
      .toc-list a:focus, .toc-list a:hover {
        color: #3241cd; }
    #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: 295px; }
      #readPanel .metaBlock .metadata {
        margin-bottom: 0;
        margin-left: .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: #4b4b4b; }
      .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-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: .5em; } }
  @media print {
    .toc-menu .toc-tools {
      display: none; } }

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

/*- 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: .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: #cecbc6;
  position: relative;
  margin: 0;
  padding: 1.333em 0;
  width: 100%;
  color: #68697c;
  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: .33em 0; }
  .contentItem a:not(.button) {
    display: inline;
    margin: 0;
    padding: 0; }
  .contentItem [class^="ico-"]:before,
  .contentItem [class*="ico-"]:before {
    margin-right: .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 #cecbc6;
      text-align: center;
      word-break: break-word;
      word-wrap: break-word;
      font-size: 12px;
      text-align: center;
      overflow: hidden; }
  .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-author,
  .contentItem .item-title + .editor,
  .contentItem .item-editor {
    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: #cecbc6;
      margin: 0;
      padding: 0;
      font-size: 1em;
      font-weight: 700;
      line-height: 1.4;
      color: #4b4b4b; }
  .contentItem .metadata {
    font-size: 0.916em;
    font-weight: 400;
    line-height: 1.2;
    color: #4b4b4b; }
    .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 .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 #cecbc6;
      vertical-align: top; }
    .contentItem.splitResult .metadata {
      font-size: .917em;
      font-weight: 400;
      margin-top: 0; }
      .contentItem.splitResult .metadata .type dd,
      .contentItem.splitResult .metadata .type {
        margin-top: .25em;
        font-weight: 400; }
      .contentItem.splitResult .metadata h3.type {
        margin: 0 0 .25em 1px; }
    .contentItem.splitResult.chunkResult.hasCover .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: .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: .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(178, 197, 197, 0.25);
      -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
      box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 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: #3e55f7;
    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: "\f053";
      display: block;
      text-align: left; }
  .slick-arrow.slick-next {
    right: -75px; }
    .slick-arrow.slick-next:before {
      content: "\f054";
      display: block;
      right: 0;
      left: auto; }
  .slick-arrow:active {
    outline: 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: #3e55f7;
    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: "\f077";
      display: block; }
  .slick-vertical .slick-arrow.slick-next {
    bottom: -20px;
    top: auto; }
    .slick-vertical .slick-arrow.slick-next:before {
      content: "\f078";
      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: "\f104";
        display: block;
        position: relative;
        top: -5px;
        color: #3e55f7; }
    .slider.fullwidth button.slick-prev {
      left: 20px; }
      .slider.fullwidth button.slick-prev:before {
        content: "\f104"; }
    .slider.fullwidth button.slick-next {
      right: 20px; }
      .slider.fullwidth button.slick-next:before {
        content: "\f105"; }
  .slider.fullwidth .slick-slide {
    opacity: .6;
    transition: opacity .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 .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 */
.content-box {
  /* default styles */
  border-width: 1px;
  border-style: solid;
  border-color: #cecbc6;
  background-color: #fbfcfc;
  margin-bottom: 20px;
  /* overrides for specific contexts */ }
  .content-box-header, .content-box-body {
    padding: 20px; }
  .content-box-header {
    background-color: white;
    padding-bottom: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cecbc6;
    -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: #cecbc6;
    background-color: #fbfcfc; }
    .columnOne .content-box-header {
      background-color: white; }
  .site-header .content-box {
    border-width: 1px;
    border-style: solid;
    border-color: white;
    background-color: white; }
    .site-header .content-box-header {
      background-color: #27319b; }
  .home .content-box {
    border-width: 1px;
    border-style: solid;
    border-color: #cecbc6;
    background-color: white; }
    .home .content-box-header {
      background-color: white;
      border-bottom: none; }
    .home .content-box-body {
      padding-top: 0; }

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

nav .flat-list {
  margin-left: 30px; }
  nav .flat-list li {
    margin-bottom: 10px; }
  nav .flat-list.no-bullets {
    list-style: none;
    margin-left: 0; }
    nav .flat-list.no-bullets h3 {
      font-size: 1em;
      margin-bottom: 0; }
      nav .flat-list.no-bullets h3 a {
        display: block;
        padding: 10px 20px; }
        nav .flat-list.no-bullets h3 a.active {
          font-weight: 700;
          position: relative; }
          nav .flat-list.no-bullets h3 a.active:after {
            display: block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 1;
            content: "\f105";
            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% + 5%);
  padding-right: 5%;
  position: relative;
  left: calc(-100% + (23% + 5%) * 2); }
.layout.three-column-with-top-bottom .columns-3 > .centerColumn {
  width: calc(100% - (23% + 5%) * 2);
  left: calc(23% + 5%);
  position: relative; }
.layout.three-column-with-top-bottom .columns-3 > .rightColumn {
  width: calc(23% + 5%);
  padding-left: 5%;
  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%;
    left: 0; }
  .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% + 5%);
  padding-right: 5%;
  position: relative;
  left: calc(-100% + (23% + 5%)); }
.layout.three-column-with-top-bottom .columns-2.no-rightColumn > .centerColumn {
  width: calc(100% - (23% + 5%));
  left: calc(23% + 5%);
  position: relative; }
@media screen and (max-width: 768px) {
  .layout.three-column-with-top-bottom .columns-2.no-rightColumn > .leftColumn {
    max-width: 100%;
    left: 0; }
  .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(5%/2); }
.layout.three-column-with-top-bottom .columns-2.no-centerColumn > .rightColumn {
  padding-left: calc(5%/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% + 5%);
  padding-left: 5%; }
.layout.three-column-with-top-bottom .columns-2.no-leftColumn > .centerColumn {
  width: calc(100% - (23% + 5%)); }
@media screen and (max-width: 768px) {
  .layout.three-column-with-top-bottom .columns-2.no-leftColumn > .rightColumn {
    max-width: 100%;
    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: 5%;
    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; }

.tree.collapsible-tree li.shut ul {
  display: none; }
.tree.collapsible-tree li.shut .toggle:before {
  content: "\f067"; }
.tree.collapsible-tree .toggle {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1; }
  .tree.collapsible-tree .toggle:before {
    content: "\f068"; }
  .tree.collapsible-tree .toggle span {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    overflow: hidden; }

.container.scroll-locked {
  position: fixed;
  top: 0;
  max-height: 100%;
  overflow-y: auto; }
.container.container-tabbed .container-body .container-item {
  display: none; }

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

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

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

#headerLogo {
  clear: left;
  max-width: 215px;
  width: 40%; }
  #headerLogo a {
    background-size: cover !important;
    position: relative; }
    #headerLogo a:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 38.13953%; }
    #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: .33em 1.25em 0;
      width: 100%; }
      #headerLogo a {
        width: auto !important;
        height: 43px !important;
        background-position: center left;
        background-size: contain !important; } }
  @media screen and (max-width: 768px) {
    #headerLogo {
      position: absolute;
      top: 0;
      left: 0;
      margin: .33em 1.25em 0;
      max-width: 91px; }
      #headerLogo a {
        background-image: url(//www.peterlang.com/fileasset/pl-logo.png);
        width: 91px !important;
        height: 43px !important;
        position: relative;
        background-size: 91px auto; }
        #headerLogo a:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 47.25275%; }
        #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.85714em 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; }

#typeWrapper {
  margin-top: 2.67em; }
  #typeWrapper h4 {
    margin: 0 0 .8em 0;
    font-weight: 400;
    font-size: 1.17em; }
  #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 .67em .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; }

  	/*.page-search .searchWithin {
  		width: 75%;
  	}
  	.searchWithin input[type="text"],
  	.searchWithin .search-field {
  		width: 75%;
  	}
  
  	.page-viewjournalarticle .searchWithin,
  	.page-viewjournalissue .searchWithin,
  	.page-viewjournaloverview .searchWithin {
  		position: static;
  		width: 100%;
  	}
  	.page-viewjournalarticle .searchWithin .search-form,
  	.page-viewjournalissue .searchWithin .search-form,
  	.page-viewjournalissue .locusSearch .search-form,
  	.page-viewjournaloverview .searchWithin .search-form,
  	.page-viewjournaloverview .locusSearch .search-form,
  	.page-viewepub .searchWithin .search-form {
  		float: none;
  		width: 100%;
  		margin: 0;
  	}*/ }
.hero-block:before {
  background-size: cover; }
.ie8 .hero-block > img {
  left: 0;
  width: 100%; }
.hero-content {
  width: 100%; }
  .hero-content.onecol {
    display: table; }
    .hero-content.onecol .hero-media,
    .hero-content.onecol .hero-intro {
      display: table-cell;
      width: 100%;
      vertical-align: middle; }
@media screen and (max-width: 1200px) {
  .ie8 .hero-block > img {
    display: none; }
  .hero-content {
    width: 100%; } }

.homeHero {
  background: white;
  padding: 1.167em;
  margin-bottom: 1.67em; }
  .homeHero::after {
    clear: both;
    content: "";
    display: table; }
  .homeHero div.video {
    display: block;
    float: left;
    margin-right: 1.167em;
    position: relative; }
    .homeHero div.video img {
      margin-bottom: 0; }
    .homeHero div.video p {
      position: absolute;
      bottom: 1em;
      left: 0;
      padding-left: .825em;
      background: rgba(0, 0, 0, 0.6);
      margin-bottom: 0; }
      .homeHero div.video p a {
        color: #fefefe;
        display: inline-block;
        padding: .825em; }
  .homeHero h2, .homeHero p {
    color: #4b4b4b; }
  .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,
#issueTitle .issuePages {
  font-size: 1em; }

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

#loginPanel {
  border-width: 0;
  border-style: solid;
  border-color: #cecbc6;
  margin: 0 0 1.67em 0;
  padding: 0;
  background-color: #fbfcfc; }
  #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: #202879;
  margin-bottom: 1.167em;
  display: inline-block;
  border: solid 1px #202879;
  padding: .5em; }
  .metadata a.buy-print-link:hover {
    border: solid 1px #202879; }

/* 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: .5em; }
  .pageLinks .actions li {
    display: inline-block;
    margin-left: .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: .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: white;
    padding: 0.53em 0.833em; }
    #headerUtilityBar .pageLinks li.save,
    #headerUtilityBar .pageLinks li.cite,
    #headerUtilityBar .pageLinks li.citationAlert,
    #headerUtilityBar .pageLinks li.highlight {
      display: none; } }
.site-search {
  clear: right; }
  .site-search ::-webkit-input-placeholder {
    color: #68697c; }
  .site-search :-moz-placeholder {
    /* Firefox 18- */
    color: #68697c; }
  .site-search ::-moz-placeholder {
    /* Firefox 19+ */
    color: #68697c; }
  .site-search :-ms-input-placeholder {
    color: #68697c; }
  @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: #68697c;
        font-family: "Open Sans", sans-serif;
        font-size: 1.325em;
        line-height: 1.3;
        text-align: center;
        border-left: solid 1px #68697c;
        width: 57px;
        height: 54px; }
        .site-search-toggle:focus, .site-search-toggle:hover {
          background-color: white;
          color: #4758ff; }
        .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(178, 197, 197, 0.25);
          -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
          box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
          position: absolute;
          right: 0;
          left: auto;
          display: block;
          z-index: 9000;
          margin: 0;
          padding: .833em;
          width: 19.2em;
          background-color: white; }
        .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: #2e38a9;
      color: #68697c;
      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: #2e38a9 url("../img/iconmonstr-magnifier-icon-16.png") center center no-repeat;
      color: #68697c;
      border-color: rgba(255, 255, 255, 0.2); }
      .site-search input[type='submit']:focus {
        background-color: #3f4bcb !important; }
    .site-search input[type="text"],
    .site-search .search-field {
      border-width: 1px 0 1px 1px;
      border-style: solid;
      border-color: white;
      -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: #68697c;
      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: white;
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0;
      background: #aabbcc url("../img/mag-glass.svg") no-repeat center center;
      background: url("../img/mag-glass.svg") no-repeat center center, -webkit-linear-gradient( bottom , #aabbcc, );
      background: url("../img/mag-glass.svg") no-repeat center center, linear-gradient(to top, #aabbcc, );
      background-size: green;
      float: left;
      margin: 0 0 0.33em 0;
      padding: 0 1.167em;
      color: #3c4eff;
      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(178, 197, 197, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
    position: absolute;
    left: -999em;
    z-index: 9000;
    width: 19.2em;
    background: #424355; }
    .site-nav-menu.open .site-nav {
      left: auto;
      right: 0; }
    .site-nav-menu.open .nav-toggle:before {
      content: "\f00d"; }
    .site-nav-menu {
      position: relative;
      clear: none;
      float: right; }
    .site-nav-toggle {
      display: block;
      margin: 0;
      padding: 0.625em 0.833em;
      color: #68697c;
      font-size: 1.325em;
      border-left: solid 1px #68697c;
      width: 57px;
      height: 54px; }
      .site-nav-toggle span {
        display: none; }
      .open .site-nav-toggle, .site-nav-toggle:focus, .site-nav-toggle:hover {
        background-color: white;
        color: #4758ff; }
    .site-nav-list {
      float: none;
      display: block; }
      .site-nav-list > li {
        float: none;
        display: block;
        border-bottom: solid 1px #68697c;
        cursor: pointer; }
        .site-nav-list > li.expandable {
          position: relative; }
          .site-nav-list > li.expandable:after {
            display: block;
            color: #68697c;
            font-family: 'FontAwesome';
            content: "\f078";
            font-size: 18px;
            position: absolute;
            top: 15px;
            right: 16px; }
          .site-nav-list > li.expandable > a {
            margin-right: 50px;
            border-right: solid 1px #68697c; }
          .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: "\f077"; }
          .site-nav-list > li.expandable.open > ul {
            left: 0;
            position: static;
            width: 100%; }
    .site-nav #homenav {
      border-top: solid 1px #68697c; } }
@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: white; }
    .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: white;
        display: block;
        margin: 0;
        padding: 1em 0.833em;
        background-color: white;
        color: #68697c; }
      .contentDropdown > li > a:focus,
      .contentDropdown > li > a:hover {
        background-color: white;
        color: #68697c; }
      .contentDropdown > li:focus > a, .contentDropdown > li:hover > a {
        background-color: white;
        color: #68697c;
        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: white;
      -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(178, 197, 197, 0.25);
      -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
      box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
      position: absolute;
      left: -999em;
      top: auto;
      z-index: 12;
      margin-top: -1px;
      margin: 0;
      padding: 0;
      width: 17em;
      background: white; }
      .contentDropdown .dropdown .section + .section {
        border-width: 1px 0 0 0;
        border-style: dotted;
        border-color: white;
        padding-top: 1em; }
      .contentDropdown .dropdown .section h3 {
        margin-bottom: 0;
        padding: .5em;
        color: #68697c; }
      .contentDropdown .dropdown .section li {
        padding: 0.5em; }
        .contentDropdown .dropdown .section li:hover {
          background-color: white; }
      .contentDropdown .dropdown .section a {
        display: inline-block;
        padding: .25em 0;
        font-weight: 300;
        color: #68697c; }
        .contentDropdown .dropdown .section a:hover {
          color: #4758ff; }
    .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(251, 252, 252, 0.1);
            -moz-box-shadow: inset 0 1px 0 0 rgba(251, 252, 252, 0.1);
            box-shadow: inset 0 1px 0 0 rgba(251, 252, 252, 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(251, 252, 252, 0.1);
            -moz-box-shadow: inset 0 1px 0 0 rgba(251, 252, 252, 0.1);
            box-shadow: inset 0 1px 0 0 rgba(251, 252, 252, 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: .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: "\f00d"; }
    .user-nav-toggle {
      display: inline-block;
      margin: 0;
      padding: 0.625em 0.833em;
      font-size: 1.325em;
      color: #68697c;
      border-left: solid 1px #68697c;
      width: 57px;
      height: 54px; }
      .loggedin .user-nav-toggle {
        display: block; }
      .user-nav-toggle:before {
        content: "\f0ad"; }
      .user-nav-menu.open .user-nav-toggle, .user-nav-toggle:hover {
        background-color: white;
        color: #4758ff; }
    .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: .833em !important; }
      .user-nav .personal-nav-menu .contentDropdown {
        float: none;
        display: block;
        border-top: solid 1px #68697c; }
        .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: .5em .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: .833em .833em .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: #68697c;
            font-family: 'FontAwesome';
            content: "\f078";
            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 #68697c; }
          .user-nav .personal-nav-menu .contentDropdown:not(.empty) > li:hover {
            left: 0; }
          .user-nav .personal-nav-menu .contentDropdown:not(.empty) > li.open:after {
            content: "\f077"; }
          .user-nav .personal-nav-menu .contentDropdown:not(.empty) > li.open div.dropdown {
            display: block; }
    .user-nav-list {
      width: 100%;
      padding: .5em 0;
      background-color: white; }
      .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: #68697c;
          border: none; }
          .user-nav-list li.user-nav-item a:hover {
            background-color: white;
            color: #4758ff; }
        .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; } }

.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 .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: white; }

@media screen and (max-width: 1024px) {
  .locale-toggle {
    display: inline-block;
    margin: 0;
    padding: 0.625em 0.833em !important;
    font-size: 1.325em;
    color: #424355;
    border-left: solid 1px #424355;
    width: 57px;
    height: 54px; }
    .locale-toggle span {
      display: none; }
    .open .locale-toggle, .locale-toggle:focus, .locale-toggle:hover {
      background-color: white;
      color: #4758ff !important; }
  .locale-form {
    display: none; }
  .locale-menu {
    margin: 0; }
    .locale-menu.open .menu-toggle {
      background-color: white; }
      .locale-menu.open .menu-toggle:before {
        content: "\f00d"; }
    .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: .833em;
      width: 12.2em;
      background-color: white; }
      .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: .83em; }
  .indexCard .summary hgroup {
    padding-left: 0; }
  .indexCard .summary a.buy-print-link {
    margin-bottom: 1.167em;
    display: inline-block;
    border: solid 1px;
    padding: .5em;
    border-radius: 3px; }
.indexCard .button {
  border-width: 1px;
  border-style: solid; }
.indexCard .actions a {
  margin-bottom: 0;
  padding: .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 {
  padding-left: 0; }

.indexCard.journalSummary .metaBlock {
  padding-bottom: .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: 2.0em; }
.indexCard.journalSummary .editorial-content {
  margin-top: 1.5em;
  clear: both; }

/** 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.85714em 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: .875em;
    border-width: 1px 0 0 0;
    border-style: solid; }
  .toc li h2.item-title {
    margin-bottom: .25em; }
  .toc li a.title, .toc li div.title {
    margin-bottom: .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: .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 .5em; }
.toc-menu .toc-tools {
  padding: 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: .33em;
  top: 1.2em;
  color: #4b4b4b; }
  .mainBase .toc-menu.book-toc .toc-tools a {
    color: #4b4b4b; }
  @media screen and (max-width: 768px) {
    .mainBase .toc-menu.book-toc .toc-tools {
      position: relative;
      top: -.5em;
      right: 0;
      margin-bottom: 0;
      padding: 0.85714em 1em; } }
@media screen and (max-width: 1024px) {
  .toc > ul {
    padding: 0; }
  .toc-toggle {
    display: inline-block;
    font-size: inherit; }
  #columnOne .toc-menu {
    margin: 0; }
    #columnOne .toc-menu .toc-header + ul {
      display: none; }
    #columnOne .toc-menu .toc-header > span {
      display: none; }
    #columnOne .toc-menu .journal-toc,
    #columnOne .toc-menu .issue-toc,
    #columnOne .toc-menu .book-toc {
      display: none; }
    #columnOne .toc-menu.open .toc-header + ul {
      display: block;
      margin: 0;
      padding: 1.167em; }
    #columnOne .toc-menu.open .journal-toc,
    #columnOne .toc-menu.open .issue-toc,
    #columnOne .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: -.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: .33em; }

#columnOne .navMap > ul.tocTree {
  padding: 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-title + .author,
  .contentItem .item-author,
  .contentItem .item-title + .editor,
  .contentItem .item-editor {
    font-size: 1em; }

.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: .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: #202879; }
    .collapser li > ul {
      margin-left: 0;
      margin-top: .5em; }
    .collapser li.shut > ul {
      display: none; }
  .collapser .ico-toggle-open:before {
    content: "\f0da"; }
  .collapser .ico-toggle-shut:before {
    content: "\f0d7"; }
  .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 .02s;
  -moz-transition: -moz-column-width .02s;
  -ms-transition: -ms-column-width .02s;
  transition: column-width .02s; }

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

/* Specific styles for ebook content */
.sbo-page #contentRoot {
  position: relative;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  /* 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: .8em 0;
  border: 0; }

#contentRoot h2 {
  display: block;
  font-size: 1.5em;
  line-heigth: 1.5;
  font-weight: bold;
  margin: .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: #68697c;
  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: .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: .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: .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: .6em; }

#contentRoot .sc, #contentRoot abbr, #contentRoot acronym,
#lesson-fragment .sc,
#lesson-fragment abbr,
#lesson-fragment acronym {
  font-size: .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: .67em; }
  #subjects .horizontalLine {
    background: #cecbc6;
    width: 100%;
    height: 1px;
    margin-bottom: .5em; }
    #subjects .horizontalLine:last-child {
      margin-top: .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 .02s;
  -moz-transition: -moz-column-width .02s;
  -ms-transition: -ms-column-width .02s;
  transition: column-width .02s; }

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

/* Specific styles for ebook content */
.sbo-page #modalContent {
  position: relative;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  /* 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: .8em 0;
  border: 0; }

#modalContent h2 {
  display: block;
  font-size: 1.5em;
  line-heigth: 1.5;
  font-weight: bold;
  margin: .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: .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: .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: .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: .6em; }

#modalContent .sc, #modalContent abbr, #modalContent acronym,
#lesson-fragment .sc,
#lesson-fragment abbr,
#lesson-fragment acronym {
  font-size: .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: '\003A\0020'; }

.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: #68697c;
  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 #202879 !important; }

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

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

.citationActions a:hover {
  color: #3241cd; }

.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: .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: #202879;
  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: #4b4b4b;
  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: #68697c; }
  #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: #202879; }
  #contentRoot a:hover {
    color: #3241cd; }
  #contentRoot a:link, #contentRoot a:visited,
  #contentRoot a sup {
    border-bottom: none;
    color: #3241cd; }
    #contentRoot a:link:hover, #contentRoot a:visited:hover,
    #contentRoot a sup:hover {
      color: #202879; }

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

.reference .enumerator {
  color: #202879;
  font-weight: 600;
  padding: 2px 0 0 3px;
  width: 34px;
  margin-left: -50px; }

.exportCitation {
  padding-top: 0; }

.footnoteGroup .footnote label {
  margin-top: .15em; }

#contentRoot .reference .enumerator {
  background: #fbfcfc !important;
  color: #68697c !important;
  width: 20px;
  margin-left: -40px;
  font-size: 12px; }
#contentRoot .reference .citationActions li {
  border-color: #202879 !important; }
#contentRoot .citationText .author, #contentRoot .citationText .editor, #contentRoot .citationText .contributor, #contentRoot .citationText .collab, #contentRoot .citationText .person {
  color: #4b4b4b !important; }
#contentRoot .citationText .articleTitle {
  font-style: italic; }
#contentRoot .refSection a {
  color: #202879 !important; }
  #contentRoot .refSection a:hover {
    color: #3241cd !important; }
#contentRoot .subjects {
  border-top: solid 1px #cecbc6;
  border-bottom: solid 1px #cecbc6;
  padding: 10px 0;
  margin-bottom: 1.167em; }

/* Empty Overrides SASS file for use by plug-in projects */
/* Possibly temp include of open sans */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?h1ltgt");
  src: url("../fonts/icomoon.eot?h1ltgt#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?h1ltgt") format("truetype"), url("../fonts/icomoon.woff?h1ltgt") format("woff"), url("../fonts/icomoon.svg?h1ltgt#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon-big-arrow:before {
  content: "\e900"; }

.icon-cart_outlines:before {
  content: "\e901"; }

.icon-gear:before {
  content: "\e902"; }

.content-panel.featured {
  line-height: 1.4; }

.contentPage .toc a.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: .125em;
  content: "\f146"; }
.contentPage .toc a.toggle.plustoggle:before {
  content: "\f0fe"; }
.contentPage .toc a.toggle span {
  display: none; }

#columnOne nav.content-nav,
.leftColumn nav.content-nav {
  border: 1px solid #cecbc6;
  border-bottom: none; }
  #columnOne nav.content-nav a,
  .leftColumn nav.content-nav a {
    margin-bottom: 0;
    font-size: 1em;
    border-bottom: solid 1px #cecbc6;
    display: block;
    padding: .67em 1.67em .67em .67em;
    position: relative;
    background: #ecebe7; }
    #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: "\f054";
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -8px; }
    #columnOne nav.content-nav a.active,
    .leftColumn nav.content-nav a.active {
      background: #fff; }

h2 {
  font-size: 1.4em; }

/*- Page Layout -*/
#pageBody, #columnsTop, #columnsBottom {
  padding-left: 2.5em;
  padding-right: 2.5em; }

.pageLinks {
  right: 2.167em; }

/*- Browse by Title -*/
.searchHeader {
  padding: 0 1.167em 1.167em 2.167em; }

.t-data-grid-pager, .pagination {
  margin-top: .27em; }

.resultsBar .search-tool {
  margin: .5em .5em .5em 0; }

/*- List Items -*/
.contentItem.splitResult .metadata {
  font-size: .875; }

.metadata dl.doi {
  display: inline-block; }

/*- Facets -*/
.facet-label {
  padding: .8em 1em; }

/*- Utility Bar -*/
.user-nav-menu {
  font-size: .95em; }

.util-nav-menu {
  font-size: .95em; }

.locale-menu {
  font-size: 1em; }

/*- Main Nav, User Nav, Logo, Global search -*/
.site-nav-list > li > a {
  padding: 1.2em 0.8333em; }

.contentDropdown > li > a:hover, .contentDropdown > li > a:focus, .contentDropdown > li > a {
  padding: 1.2em 0.8333em; }

.browseResults .offer-info {
  width: 100%;
  margin-right: 0;
  margin-bottom: .5em; }
.browseResults .offer-action {
  width: 100%; }

@media screen and (max-width: 1024px) {
  #pageBody, #columnsTop, #columnsBottom {
    padding-left: 1.125em;
    padding-right: 1.125em; }

  .browseResults .offer-list {
    display: block; }
  .browseResults .offer {
    display: block;
    width: 100%; } }
/*-- Slider override --*/
.fullWidth, div.intro-block {
  margin: -1.5em -2.5em 1.5em; }

div.fullWidth div.slider.multi-book {
  margin: 0 -2.5em; }

@media screen and (max-width: 1024px) {
  .fullWidth, div.intro-block {
    margin: -1.5em -1.125em 1.5em; }

  div.fullWidth div.slider.multi-book {
    margin: 0 -1.5em; } }
div.slider {
  min-height: 150px; }

div.slider button.slick-arrow {
  width: 62px;
  height: 110px;
  margin-top: -60px;
  visibility: visible;
  text-indent: -9000em;
  z-index: 2;
  background-color: transparent; }
  div.slider button.slick-arrow:focus, div.slider button.slick-arrow:active {
    outline: 0; }
  div.slider button.slick-arrow:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: block;
    width: 60px;
    height: 110px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font-size: 110px; }
  div.slider button.slick-arrow.slick-prev {
    left: 2.5em; }
    div.slider button.slick-arrow.slick-prev:before {
      left: 0;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      text-indent: 0; }
    div.slider button.slick-arrow.slick-prev:hover:before {
      color: #202879; }
  div.slider button.slick-arrow.slick-next {
    right: 2.5em; }
    div.slider button.slick-arrow.slick-next:before {
      left: 0;
      text-indent: 0; }
    div.slider button.slick-arrow.slick-next:hover:before {
      color: #202879; }

div.full-width-slider {
  padding: 0 !important; }
  div.full-width-slider div.slider {
    margin: 0; }
  div.full-width-slider div.slide {
    width: 100%;
    margin: 0; }
    div.full-width-slider div.slide a {
      padding: 0;
      margin: 0 auto; }
      div.full-width-slider div.slide a img {
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
  @media screen and (min-aspect-ratio: 16 / 9) {
    div.full-width-slider div.slide a {
      max-width: 1200px; } }

div.slider.multi-book {
  margin: 0; }
  div.slider.multi-book a img {
    -webkit-box-shadow: 15px 15px 0px 0px #dcdde4;
    -moz-box-shadow: 15px 15px 0px 0px #dcdde4;
    box-shadow: 15px 15px 0px 0px #dcdde4; }
  div.slider.multi-book .slick-slide {
    padding-bottom: 15px;
    opacity: .8;
    transition: opacity .3s ease-out; }
    div.slider.multi-book .slick-slide:hover {
      opacity: 1;
      transition: opacity .3s ease-out; }

@media screen and (max-width: 1024px) {
  div.slider button.slick-arrow {
    width: 25px;
    height: 50px;
    margin-top: -25px; }
    div.slider button.slick-arrow:before {
      font-size: 50px;
      width: 25px;
      height: 50px; }
    div.slider button.slick-arrow.slick-prev {
      left: 1.5em; }
      div.slider button.slick-arrow.slick-prev:before {
        left: 0; }
    div.slider button.slick-arrow.slick-next {
      right: 1.5em; } }
/*
 I've moved this to _eu-cookie-agreement.scss in responsive, but leaving this for now 
*/
/*- Cookies Messaging -*/
#euCookiesZone {
  display: none; }

.european-union-cookies-agreement-present #euCookiesZone {
  display: block;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  padding: 10px 20px;
  background: #adaeba; }
  .european-union-cookies-agreement-present #euCookiesZone p {
    margin: 0;
    font-size: 14px;
    line-height: 1.2; }

@media screen and (max-width: 1024px) {
  .european-union-cookies-agreement-present #euCookiesZone {
    position: fixed;
    top: 55px;
    z-index: 1; } }
/*- Header Design Fixes -*/
#header {
  border-bottom: solid 1px #c8cbd7; }
  #header .site-nav-menu {
    border-width: 0; }
  #header .locale-list {
    width: 100%;
    position: static;
    background: transparent; }
    #header .locale-list ul {
      margin: 0; }
    #header .locale-list .selected {
      background: transparent;
      color: #4657ff; }

/*- Search Boxes -*/
div.site-search {
  border: none;
  background: transparent !important;
  border-bottom: solid 1px #c8cbd7;
  padding: 0 39px 0 0;
  margin-top: 32px;
  width: 100%;
  max-width: 350px;
  position: relative; }
  div.site-search input[type="text"] {
    width: 100%;
    margin-bottom: 0;
    float: none;
    border: none;
    padding-right: 0; }
    div.site-search input[type="text"]:focus {
      outline: 0;
      background: #f2f3f8; }
  div.site-search input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0; }

div.searchWithin form {
  border: none;
  background: transparent !important;
  border-bottom: solid 1px #c8cbd7;
  padding: 0 39px 0 0;
  margin-top: 0;
  width: 100%;
  max-width: 350px;
  position: relative; }
div.searchWithin input[type="text"] {
  width: 100%;
  margin-bottom: 0;
  float: none;
  border: none;
  padding-right: 0; }
  div.searchWithin input[type="text"]:focus {
    outline: 0;
    background: #f2f3f8; }
div.searchWithin input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0; }

.single-query-form input[type="submit"], .single-query-form .search-button,
.site-search-form button[type="submit"], .site-search-form .search-button {
  color: #3c4eff;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: 0;
  width: 40px;
  padding: 0;
  background: transparent; }
  .single-query-form input[type="submit"] span, .single-query-form .search-button span,
  .site-search-form button[type="submit"] span, .site-search-form .search-button span {
    display: none; }
  .single-query-form input[type="submit"]:after, .single-query-form .search-button:after,
  .site-search-form button[type="submit"]:after, .site-search-form .search-button:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 20px;
    display: inline-block;
    color: #3c4eff;
    position: relative;
    top: 1px; }

.single-query-form input[type="submit"]:after, .single-query-form .search-button:after {
  top: 3px;
  left: -6px; }

.single-query-form input[type="submit"], .single-query-form .search-button, .site-search-form button[type="submit"], .site-search-form .search-button {
  text-indent: -9000em;
  background: transparent; }
  .single-query-form input[type="submit"]:after, .single-query-form .search-button:after, .site-search-form button[type="submit"]:after, .site-search-form .search-button:after {
    position: absolute;
    text-indent: 0;
    top: 8px;
    left: 10px !important; }

div.searchWithin {
  margin-top: 0; }
  div.searchWithin .search-button {
    border: none; }
    div.searchWithin .search-button:after {
      left: 0; }

@media screen and (max-width: 1024px) {
  div.site-search, div.searchWithin {
    margin-top: 0; } }
/*- Header Overrides for Desktop Only -*/
@media screen and (min-width: 1025px) {
  .utilLinks {
    padding: 0 .5em;
    margin: 0; }

  .locale-menu {
    padding: 0 .67em 0 .5em;
    margin: 0; }

  #header {
    padding: 0 25px;
    min-height: 165px; }
    #header #headerLogo {
      margin: 31px 0 0 0; }
      #header #headerLogo a {
        background-image: url(/fileasset/pl-logo.png); }
    #header #headerUtilityBar {
      float: right; }
    #header .site-nav-menu {
      position: absolute;
      top: 77px;
      left: 310px; }
    #header .site-nav .home-nav-item {
      display: none; }
    #header .site-nav-list > li.current a {
      color: #202879 !important; }
    #header .site-nav-list > li.expandable li > a:hover {
      color: #4758ff !important; }
    #header .locale-menu {
      display: none; }
    #header div.site-search {
      border-bottom: solid 1px #c8cbd7;
      padding: 0 39px 0 0;
      margin-top: 32px;
      width: 100%;
      max-width: 350px;
      position: relative; }
      #header div.site-search input[type="text"] {
        width: 100%;
        margin-bottom: 0;
        float: none; }
        #header div.site-search input[type="text"]:focus {
          outline: 0;
          background: #f2f3f8; }
      #header div.site-search input[type="submit"] {
        position: absolute;
        top: 0;
        right: 0; }
    #header #quickSearchItems {
      position: absolute;
      bottom: -23px;
      right: 9px; }
      #header #quickSearchItems a.advanced {
        width: auto; }
      #header #quickSearchItems #helpBtn {
        display: none; }
    #header #utilityNav {
      display: none; }
    #header #loginLink {
      display: inline-block; }
      #header #loginLink a {
        padding: 17px 15px 20px;
        display: block;
        color: #68697c; }
        #header #loginLink a:after {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 1;
          content: "\f007";
          color: #adaeba;
          margin-left: 5px; }
        #header #loginLink a:hover {
          background: #292a33;
          color: #829cff !important; }
          #header #loginLink a:hover:after {
            color: #829cff; }
    #header .user-nav {
      -webkit-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
      -moz-box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
      box-shadow: 3px 3px 3px 0 rgba(178, 197, 197, 0.25);
      position: absolute;
      top: 56px;
      right: 0;
      z-index: 1;
      width: 220px; }
      #header .user-nav-scrollpane {
        display: none; }
      #header .user-nav-item {
        margin: 0; }
        #header .user-nav-item li {
          font-size: 16px; }
        #header .user-nav-item#signUp span {
          display: none; }
        #header .user-nav-item#signUp a {
          padding: 17px 15px 20px;
          display: inline-block;
          color: #68697c; }
          #header .user-nav-item#signUp a:hover {
            background: #292a33;
            color: #829cff !important; }
      #header .user-nav-menu {
        float: right;
        margin: 0;
        position: relative; }
        #header .user-nav-menu .user-nav-list {
          position: absolute;
          top: -56px;
          right: 175px;
          width: 500px;
          text-align: right;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        #header .user-nav-menu .personal-nav-menu {
          display: block !important; }
          #header .user-nav-menu .personal-nav-menu ul {
            display: none;
            float: none; }
            #header .user-nav-menu .personal-nav-menu ul#cart {
              display: block;
              position: absolute;
              top: -56px;
              right: 70px; }
              #header .user-nav-menu .personal-nav-menu ul#cart span.qty-wrapper {
                display: none; }
              #header .user-nav-menu .personal-nav-menu ul#cart li {
                position: relative; }
                #header .user-nav-menu .personal-nav-menu ul#cart li a {
                  padding: 17px 15px 20px 54px; }
                  #header .user-nav-menu .personal-nav-menu ul#cart li a:before {
                    /* use !important to prevent issues with browser extensions that change fonts */
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    /* Better Font Rendering =========== */
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e901";
                    display: block;
                    position: absolute;
                    top: 16px;
                    left: 9px;
                    width: 38px;
                    height: 25px;
                    display: inline-block;
                    color: #adaeba;
                    font-size: 25px; }
                  #header .user-nav-menu .personal-nav-menu ul#cart li a span.qty {
                    position: absolute;
                    top: 12px;
                    left: 19px;
                    display: block;
                    width: 25px;
                    text-align: center;
                    font-weight: 700;
                    color: #4657ff; }
                  #header .user-nav-menu .personal-nav-menu ul#cart li a:hover {
                    background: #292a33;
                    color: #fff; }
                    #header .user-nav-menu .personal-nav-menu ul#cart li a:hover:before {
                      color: #fff; }
                    #header .user-nav-menu .personal-nav-menu ul#cart li a:hover span.qty {
                      color: #fff; }
        #header .user-nav-menu.open {
          background: #292a33; }
          #header .user-nav-menu.open a {
            color: #fff; }
          #header .user-nav-menu.open .user-nav {
            background: #292a33; }
            #header .user-nav-menu.open .user-nav .locale-list {
              display: block; }
          #header .user-nav-menu.open #cart a {
            color: #68697c; }
          #header .user-nav-menu.open .contentDropdown {
            border-bottom: solid 1px #fff; }
            #header .user-nav-menu.open .contentDropdown .dropdown {
              position: static;
              width: 100%;
              background: transparent;
              padding-left: 15px;
              -webkit-box-shadow: none;
              -moz-box-shadow: none;
              box-shadow: none;
              position: relative;
              top: -12px;
              z-index: 1;
              display: none; }
              #header .user-nav-menu.open .contentDropdown .dropdown h3 {
                font-size: 14px;
                color: #fff; }
              #header .user-nav-menu.open .contentDropdown .dropdown ul {
                margin: 0; }
              #header .user-nav-menu.open .contentDropdown .dropdown li {
                font-size: 14px;
                padding-top: 3px;
                padding-bottom: 3px; }
                #header .user-nav-menu.open .contentDropdown .dropdown li:hover {
                  background: transparent; }
            #header .user-nav-menu.open .contentDropdown:hover .dropdown {
              display: block; }
            #header .user-nav-menu.open .contentDropdown#cart {
              border-bottom: none; }
          #header .user-nav-menu.open .personal-nav-menu {
            display: block !important; }
            #header .user-nav-menu.open .personal-nav-menu ul {
              float: none;
              display: block;
              background: none; }
              #header .user-nav-menu.open .personal-nav-menu ul li {
                float: none;
                display: block; }
                #header .user-nav-menu.open .personal-nav-menu ul li a {
                  background: none; }
      #header .user-nav-toggle {
        display: block;
        width: 67px;
        height: 56px;
        text-align: center;
        padding-top: 16px; }
        #header .user-nav-toggle:before {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e902";
          display: block;
          width: 23px;
          height: 23px;
          display: block;
          color: #adaeba;
          margin: 0 auto;
          font-size: 23px; }
        #header .user-nav-toggle:hover {
          background-color: #292a33; }
          #header .user-nav-toggle:hover:before {
            color: #fff; }

  .loggedin #header .user-nav-menu .user-nav-list li {
    line-height: 56px; }
    .loggedin #header .user-nav-menu .user-nav-list li a {
      display: inline-block;
      padding: 0 15px 0 15px;
      line-height: 0; }
    .loggedin #header .user-nav-menu .user-nav-list li#loginUser a {
      padding-left: 0;
      padding-right: 0; }
    .loggedin #header .user-nav-menu .user-nav-list li#stuffLink {
      position: relative;
      left: 7px; }

  /*- german spacing fixes -*/
  html[lang="de"] #header .user-nav-menu .user-nav-list {
    right: 225px; } }
@media screen and (min-width: 1025px) and (max-width: 1350px) {
  /*- german spacing fixes -*/
  html[lang="de"] #header .site-nav-menu {
    left: 250px; }
  html[lang="de"] .site-nav-list > li {
    font-size: 15px; } }
@media screen and (min-width: 1025px) and (max-width: 1300px) {
  #header div.site-search {
    max-width: 250px; } }
@media screen and (min-width: 1025px) and (max-width: 1150px) {
  #header div.site-search {
    max-width: 190px; }
  #header .site-nav-menu {
    left: 275px; }
  #header .site-nav-list > li > a {
    padding: 1.2em 13px; } }
@media screen and (min-width: 1025px) and (max-width: 1090px) {
  /*- german spacing fixes -*/
  html[lang="de"] #header {
    min-height: 130px; }
    html[lang="de"] #header #headerLogo {
      max-width: 175px; }
    html[lang="de"] #header .site-nav-menu {
      left: 212px;
      top: 64px; }
    html[lang="de"] #header div.site-search {
      margin-top: 18px;
      max-width: 175px; } }
@media screen and (max-width: 1024px) {
  #header #headerLogo {
    margin: .33em 1.25em 0; }
  #header div.site-search {
    border: none;
    width: auto;
    max-width: 100%;
    padding: 0; }
  #header .open div.user-nav .locale-list {
    display: block;
    background: #fff;
    border-top: solid 1px #68697c; }
  #header .site-header a:hover {
    color: #fff; }
  #header #localeSelector {
    display: none; }
  #header .site-nav #homenav,
  #header .site-search-toggle,
  #header .site-nav-list > li,
  #header .site-nav-list > li.expandable > a,
  #header .user-nav-toggle,
  #header .site-nav-toggle {
    border-color: #c8cbd7; }
  #header .site-search-toggle,
  #header .user-nav-toggle,
  #header .site-nav-toggle {
    color: #68697c; }
    #header .site-search-toggle:hover,
    #header .user-nav-toggle:hover,
    #header .site-nav-toggle:hover {
      background: #292a33;
      color: #fff; }
  #header .search-utils a.advanced {
    width: 100%; }
  #header .ico-help {
    display: none; }
  #header .site-search-form {
    padding: .833em 50px .833em .833em; }
  #header .site-search-form input[type="text"], #header .site-search-form .search-field {
    border-bottom: solid 1px #c8cbd7;
    margin-bottom: 8px;
    float: left; }
  #header .site-search-form button[type="submit"], #header .site-search-form .search-button {
    border-bottom: solid 1px #c8cbd7;
    top: 13px;
    right: 13px; }
    #header .site-search-form button[type="submit"]:after, #header .site-search-form .search-button:after {
      left: 0; } }
/*- Homepage Design Updates -*/
.page-start h2 {
  font-family: georgia, serif;
  font-weight: normal;
  font-size: 32px;
  margin: 0 6% 2%;
  border-bottom: none; }
  .page-start h2 a {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    color: #4657ff;
    float: right;
    position: relative;
    top: 10px;
    font-weight: 400; }
    .page-start h2 a:after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e900";
      font-size: 20px;
      display: inline-block;
      width: 10px;
      height: 20px;
      top: 2px;
      margin-left: 5px;
      color: #4657ff;
      position: relative; }
    .page-start h2 a:hover {
      color: #202879; }
      .page-start h2 a:hover:after {
        color: #202879; }
.page-start #columnOne, .page-start #mainContent {
  display: none; }
.page-start .greyBg {
  background: #f2f3f8;
  min-height: 100px; }
.page-start #columnTwo {
  width: 100%;
  float: none;
  left: 0;
  padding: 0; }
  .page-start #columnTwo #whatsNewTab {
    width: 100%;
    padding: 10px 0 50px;
    border-bottom: none; }
    .page-start #columnTwo #whatsNewTab a {
      font-family: georgia, serif;
      font-weight: normal;
      font-size: 36px;
      color: #8a8ca2; }
    .page-start #columnTwo #whatsNewTab span.whatsNewBtnRss {
      display: none; }
  .page-start #columnTwo h3.news-title {
    font-family: georgia, serif;
    font-weight: normal;
    font-size: 32px;
    color: #8a8ca2;
    margin-bottom: 30px; }
  .page-start #columnTwo h4.news-date {
    font-family: georgia, serif;
    font-weight: normal;
    font-size: 16px;
    color: #8a8ca2; }
  .page-start #columnTwo #loginPanel {
    display: none; }
  .page-start #columnTwo #whatsNewPanel {
    position: relative; }
    .page-start #columnTwo #whatsNewPanel div.more {
      position: absolute;
      top: -98px;
      right: 0; }
      .page-start #columnTwo #whatsNewPanel div.more a {
        font-size: 20px;
        color: #4657ff; }
        .page-start #columnTwo #whatsNewPanel div.more a:after {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e900";
          display: inline-block;
          font-size: 20px;
          width: 10px;
          height: 20px;
          top: 2px;
          margin-left: 5px;
          color: #4657ff;
          position: relative; }
        .page-start #columnTwo #whatsNewPanel div.more a:hover {
          color: #202879; }
          .page-start #columnTwo #whatsNewPanel div.more a:hover:after {
            color: #202879; }
      .page-start #columnTwo #whatsNewPanel div.more:after {
        display: none; }
    .page-start #columnTwo #whatsNewPanel p {
      font-size: 18px;
      line-height: 1.5; }
  .page-start #columnTwo .news-list {
    overflow: hidden;
    width: 100%;
    margin: 0; }
    .page-start #columnTwo .news-list .news-item {
      width: 33%;
      float: left;
      padding: 0 35px; }
.page-start .greyBg {
  padding: 60px 2.5em 80px; }
  .page-start .greyBg > h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: 300; }
.page-start .intro-block {
  padding: 60px 2.5em 30px; }
  .page-start .intro-block.center {
    text-align: center; }
  .page-start .intro-block a {
    color: #3c4eff; }
  .page-start .intro-block h2.action {
    font-size: 30px;
    font-family: georgia, serif; }
    .page-start .intro-block h2.action a {
      font-size: inherit;
      float: none;
      font-family: georgia, serif; }
      .page-start .intro-block h2.action a:after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e900";
        font-size: 30px;
        display: inline-block;
        width: 15px;
        height: 30px;
        color: #3c4eff;
        position: relative;
        top: 2px;
        margin-left: 10px; }
      .page-start .intro-block h2.action a:hover {
        color: #202879; }
        .page-start .intro-block h2.action a:hover:after {
          color: #202879; }
.page-start div.tri-button {
  width: 100%;
  max-width: 950px;
  margin: 0 auto 40px;
  text-align: left; }
  .page-start div.tri-button a {
    display: inline-block;
    line-height: 130px;
    width: 33.33333%;
    margin-right: -4px;
    background-size: cover;
    font-family: georgia, serif;
    color: #fff;
    font-size: 28px;
    position: relative;
    opacity: 1;
    transition: opacity .3s ease-out; }
    .page-start div.tri-button a:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      background: #fff;
      width: 4px;
      height: 100%; }
    .page-start div.tri-button a:last-child:after {
      display: none; }
    .page-start div.tri-button a span {
      display: inline-block;
      vertical-align: middle;
      padding: 20px 30px;
      line-height: normal; }
    .page-start div.tri-button a:hover {
      opacity: .8;
      transition: opacity .3s ease-out; }

@media screen and (max-width: 1200px) {
  .page-start h2 {
    font-size: 32px; }
    .page-start h2 a {
      top: 3px; }
    .page-start h2.action a:after {
      width: 40px;
      height: 55px; }
  .page-start div.tri-button {
    margin-bottom: 10px; }
  .page-start #columnTwo #whatsNewTab {
    padding-bottom: 25px; }
    .page-start #columnTwo #whatsNewTab a {
      font-size: 32px; }
  .page-start #columnTwo #whatsNewPanel div.more {
    top: -68px; }
  .page-start #columnTwo #whatsNewPanel p {
    font-size: 16px; }
  .page-start #columnTwo h3.news-title {
    font-size: 26px; }
  .page-start #columnTwo .news-list {
    margin: 0 -20px; }
    .page-start #columnTwo .news-list .news-item {
      padding: 0 20px; } }
@media screen and (max-width: 1024px) {
  .page-start .greyBg,
  .page-start .intro-block {
    padding: 40px 1.5em 15px; }
    .page-start .greyBg h2,
    .page-start .intro-block h2 {
      margin: 0 0 2%; }
  .page-start div.tri-button a {
    font-size: 20px; }

  .title-template .indexCard a.index-card-toggle {
    top: auto; }
  .title-template .indexCard .summary .ico-access {
    margin-right: 50px; }

  .browseResults #columnOne .searchModule {
    padding: 1.167em 20px 5px 135px; }
    .browseResults #columnOne .searchModule input[type="text"] {
      border-radius: 0; }

  .searchWithin {
    max-width: 100% !important; }
    .searchWithin .search-form {
      max-width: 100%; } }
@media screen and (max-width: 768px) {
  .browseResults #columnOne .searchModule {
    padding-left: 70px; }

  .page-start h2 {
    margin: 0 0 20px 0;
    overflow: hidden; }
  .page-start #columnTwo .news-list .news-item {
    width: 100%;
    float: none; }
  .page-start .greyBg, .page-start .page-start .intro-block {
    padding: 30px 1.5em 15px; }
  .page-start div.tri-button a {
    font-size: 20px;
    display: block;
    width: 100%;
    margin: 0 auto 5px auto;
    max-width: 400px; }
    .page-start div.tri-button a:after {
      display: none; } }
.cartquantity input[type="number"] {
  width: 100%;
  margin-bottom: 5px; }

/*- Static Content Pages (Hide TOC on Mobile) -*/
@media screen and (max-width: 1024px) {
  .contentPage .breadcrumbs {
    display: none; } }
/*- Footer Design Fixes -*/
#footer {
  padding: 2.5em 2.5em 95px 2.5em; }

#footerWrap {
  background: #292a32;
  color: #fff; }
  #footerWrap p {
    line-height: 1.4; }
  #footerWrap a {
    color: #829cff; }
    #footerWrap a:hover {
      color: #fff; }
  #footerWrap #institutioninfo {
    line-height: 1.4;
    padding-top: 22px; }
  #footerWrap #footerAccounts {
    display: block;
    float: left;
    margin: 0; }
    #footerWrap #footerAccounts a.logo {
      background: center center no-repeat url(/fileasset/footer-logo.png);
      width: 200px;
      height: 90px;
      background-size: 100% auto;
      display: block;
      text-indent: -9000em; }
  #footerWrap #footerDetail {
    display: inherit;
    float: none;
    padding-left: 350px; }
  #footerWrap #footerNav {
    display: inherit;
    overflow: hidden; }
    #footerWrap #footerNav li {
      width: 44%;
      padding-right: 25px;
      margin: 0 -4px 0 0;
      white-space: normal;
      vertical-align: top;
      line-height: 1.2; }
      #footerWrap #footerNav li.logout {
        display: none; }
      #footerWrap #footerNav li.column-one, #footerWrap #footerNav li.column-two {
        width: 28%; }
        #footerWrap #footerNav li.column-one a, #footerWrap #footerNav li.column-two a {
          display: block;
          padding-bottom: 5px;
          margin-bottom: 10px; }
      #footerWrap #footerNav li.column-three {
        padding-right: 0; }
      #footerWrap #footerNav li p.subscribe {
        font-family: georgia, serif;
        font-size: 18px; }
        #footerWrap #footerNav li p.subscribe a:after {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e900";
          display: inline-block;
          width: 10px;
          height: 25px;
          font-size: 20px;
          top: 3px;
          margin-left: 5px;
          color: #829cff;
          position: relative; }
        #footerWrap #footerNav li p.subscribe a:hover:after {
          color: #fff; }
      #footerWrap #footerNav li p.facebook a {
        display: inline; }
        #footerWrap #footerNav li p.facebook a:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 1;
          padding-right: 10px;
          font-size: 20px;
          content: "\f09a"; }
      #footerWrap #footerNav li p.twitter a {
        display: inline; }
        #footerWrap #footerNav li p.twitter a:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 1;
          padding-right: 10px;
          font-size: 20px;
          content: "\f099"; }
  #footerWrap #footerLogoWrap p {
    margin-bottom: 0;
    position: absolute;
    bottom: 24px;
    left: auto;
    right: 2.5em;
    float: right;
    color: #b0b2c0;
    font-size: 16px;
    font-family: georgia, serif; }
    #footerWrap #footerLogoWrap p a {
      font-size: 22px; }
  #footerWrap #footerCopyright {
    margin: 0;
    position: absolute;
    bottom: 30px;
    left: 2.5em;
    color: #b0b2c0;
    font-size: 16px;
    font-family: georgia, serif; }

@media screen and (max-width: 1024px) {
  #footerWrap #footerDetail {
    padding-left: 230px;
    text-align: left; }
  #footerWrap #footerNav li.column-one,
  #footerWrap #footerNav li.column-two {
    width: 50%; }
  #footerWrap #footerNav li.column-three {
    width: 100%;
    float: none;
    padding-top: 20px; }

  #footerAccounts {
    padding-right: 20px !important;
    width: 230px;
    text-align: left;
    max-width: 100%; }
    #footerAccounts > a {
      margin: 0 0 1.167em !important; } }
@media screen and (max-width: 768px) {
  #footer {
    padding: 1.5em 1.5em 95px 1.5em; }

  #footerWrap #footerDetail {
    padding-left: 0; }
  #footerWrap #footerAccounts {
    float: none; }
    #footerWrap #footerAccounts a.logo {
      width: 120px;
      height: 60px; } }
@media screen and (max-width: 600px) {
  #footerWrap #footerNav li.column-one,
  #footerWrap #footerNav li.column-two {
    float: none;
    width: 100%; }
  #footerWrap #footerCopyright {
    bottom: 70px;
    left: 0;
    right: 0;
    padding: 0 1.5em;
    text-align: center; }
  #footerWrap #footerLogoWrap p {
    left: 0;
    right: 0;
    padding: 0 1.5em;
    text-align: center; } }
.page-viewtitle #pageBody {
  padding-left: 0;
  padding-right: 0; }
.page-viewtitle .leftColumn, .page-viewtitle .rightColumn {
  margin-bottom: 0;
  padding-bottom: 20px; }
.page-viewtitle .leftColumn {
  background-color: #f7f7fa; }
.page-viewtitle .indexCard {
  margin-top: -56px;
  margin-bottom: 0;
  padding-top: 56px;
  padding-bottom: 0;
  background-color: #ebecf2;
  border-bottom: solid 1px #c8cbd7;
  color: #68697c; }
  .page-viewtitle .indexCard .aside-block {
    padding-left: 0;
    border-left: none; }
  .page-viewtitle .indexCard .summary .ecommerce-block-header {
    display: none; }
  .page-viewtitle .indexCard .summary .title a, .page-viewtitle .indexCard .summary .subTitle, .page-viewtitle .indexCard .summary .metaBlock, .page-viewtitle .indexCard .summary .metaBlock h3 {
    color: #68697c; }
  .page-viewtitle .indexCard .summary .metaBlock a {
    color: #4657ff; }
  .page-viewtitle .indexCard .summary .metaBlock h3 {
    font-weight: normal; }
    .page-viewtitle .indexCard .summary .metaBlock h3.offer-name {
      margin-bottom: 20px; }
  .page-viewtitle .indexCard .summary .offer {
    margin-top: 15px; }
  .page-viewtitle .indexCard .offer-action {
    float: none;
    width: 100%; }
    .page-viewtitle .indexCard .offer-action .button {
      width: 100%;
      text-align: center;
      margin-top: 15px; }

@media screen and (min-width: 1025px) {
  .page-viewtitle .titleContent {
    display: table; }
  .page-viewtitle .centerColumn, .page-viewtitle .leftColumn, .page-viewtitle .rightColumn {
    display: table-cell;
    vertical-align: top; }
  .page-viewtitle .leftColumn {
    padding-right: 0 !important; }
    .page-viewtitle .leftColumn nav.content-nav {
      border: none; }
      .page-viewtitle .leftColumn nav.content-nav a {
        background: none;
        padding-left: 50px; }
        .page-viewtitle .leftColumn nav.content-nav a:after {
          content: ""; }
        .page-viewtitle .leftColumn nav.content-nav a.active {
          background-color: #ffffff; }
  .page-viewtitle .centerColumn {
    padding: 25px; } }
@media screen and (max-width: 1025px) {
  .page-viewtitle .column {
    position: relative;
    left: 0;
    float: none;
    width: 100%;
    padding-right: 0;
    max-width: none; }
  .page-viewtitle .centerColumn {
    padding: 15px; }
  .page-viewtitle .indexCard {
    margin-top: -27px;
    padding-top: 17px; }
  .page-viewtitle .leftColumn nav.content-nav {
    width: 100%; }
    .page-viewtitle .leftColumn nav.content-nav a:after {
      content: "\f105";
      font-size: 29px;
      right: 20px;
      margin-top: -19px; } }
/*- Add drop shadow to images -*/
.cover img {
  -webkit-box-shadow: 6px 6px 0 0 #dcdde4;
  -moz-box-shadow: 6px 6px 0 0 #dcdde4;
  box-shadow: 6px 6px 0 0 #dcdde4; }

.dctype-series .indexCard.bookSummary .cover-image,
#searchContent .contentItem.series .cover-image {
  display: none; }

.dctype-series .indexCard.hasCover .summary {
  margin: 0; }

input:invalid, textarea:invalid {
  background-color: white !important; }