/*
 * HTML5  Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
HTML5 display definitions
========================================================================== */
.search-filter *,
#search-bar *,
.view-history *,
a.get-access,
.chzn-container * {
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
  outline: 0;
}
/* =============================================================================
Base
========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
/* =============================================================================
Typography
========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
/*
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
*/
/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0 0 1em 0;
}
h2 {
  font-size: 150%;
  font-weight: bold;
}
h3 {
  font-size: 120%;
  font-weight: bold;
}
h4 {
  font-size: 100%;
  font-weight: bold;
  font-style: italic;
}
h5 {
  font-size: 100%;
  font-weight: bold;
}
h6 {
  font-size: 100%;
  font-style: italic;
}
/* =============================================================================
Lists
========================================================================== */
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
figure {
  margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer;
}
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button,
input {
  line-height: normal;
  *overflow: visible;
}
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button,
table input {
  *overflow: auto;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
/* Colors for form validity */
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
/* =============================================================================
Tables
========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: scroll;
}
td {
  vertical-align: top;
}
/*RIBO 4.3 Work Order - Addition of support for @lang attribute on certain elements. CSS provided by Pim @ Brill*/
@font-face {
  font-family: 'Brill';
  src: url('../fonts/BrillRoman.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/BrillRoman.woff') format('woff'), /* Modern browsers */ url('../fonts/BrillRoman.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Brill';
  src: url('../fonts/BrillItalic.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/BrillItalic.woff') format('woff'), /* Modern browsers */ url('../fonts/BrillItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Brill';
  src: url('../fonts/BrillBold.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/BrillBold.woff') format('woff'), /* Modern browsers */ url('../fonts/BrillBold.ttf') format('truetype');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Brill';
  src: url('../fonts/BrillBoldItalic.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/BrillBoldItalic.woff') format('woff'), /* Modern browsers */ url('../fonts/BrillBoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'SBLHebrew';
  src: url('../fonts/SBL_Hbrw.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/SBL_Hbrw.woff') format('woff');
  /* Modern browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'BrillExtra';
  src: url('../fonts/BrillExtra.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/BrillExtra.woff') format('woff'), /* Modern browsers */ url('../fonts/BrillExtra.ttf') format('truetype');
}
@font-face {
  font-family: 'Bukyvede';
  src: url('../fonts/Bukyvede.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/Bukyvede.woff') format('woff');
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Bukyvede';
  src: url('../fonts/Bukyvede-Italic.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('Bukyvede-Italic.woff') format('woff');
  /* Modern Browsers */
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Bukyvede';
  src: url('../fonts/Bukyvede-Bold.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('Bukyvede-Bold.woff') format('woff');
  /* Modern Browsers */
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'AbyssinicaSIL';
  src: url('../fonts/AbyssinicaSIL-R.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/AbyssinicaSIL-R.woff') format('woff');
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Scheherazade';
  src: url('../fonts/Scheherazade-R.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/Scheherazade-R.woff') format('woff');
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'EstrangeloTalada';
  src: url('../fonts/SyrCOMTalada.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/SyrCOMTalada.woff') format('woff');
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'ImperialAramaic';
  src: url('../fonts/Aramaic-Imperial-Yeb.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/Aramaic-Imperial-Yeb.woff') format('woff');
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Paleo-Hebrew';
  src: url('../fonts/Hebrew-Paleo-Qumran.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/Hebrew-Paleo-Qumran.woff') format('woff');
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Samaritan';
  src: url('../fonts/Hebrew-Samaritan.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/Hebrew-Samaritan.woff') format('woff');
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Serto';
  src: url('../fonts/SyrCOMBatnan.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/SyrCOMBatnan.woff') format('woff');
  /* Modern Browsers */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Serto';
  src: url('../fonts/SyrCOMBatnanBold.eot') format('embedded-opentype');
  /* IE8, IE9  */
  src: local('☺'), url('../fonts/SyrCOMBatnanBold.woff') format('woff');
  /* Modern Browsers */
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
/* New font faces 201611 */
@font-face {
  font-family: 'NotoSerifArmenian';
  src: url('../fonts/NotoSerifArmenian.eot');
  src: url('../fonts/NotoSerifArmenian.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerifArmenian.ttf') format('truetype');
  src: local('☺'), url('../fonts/NotoSerifArmenian.woff') format('woff');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'NotoSerifArmenian';
  src: url('../fonts/NotoSerifArmenian-Bold.eot');
  src: url('../fonts/NotoSerifArmenian-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerifArmenian-Bold.ttf') format('truetype');
  src: local('☺'), url('../fonts/NotoSerifArmenian-Bold.woff') format('woff');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'NotoSerifGeorgian';
  src: url('../fonts/NotoSerifGeorgian.eot');
  src: url('../fonts/NotoSerifGeorgian.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerifGeorgian.ttf') format('truetype');
  src: local('☺'), url('../fonts/NotoSerifGeorgian.woff') format('woff');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'NotoSerifGeorgian';
  src: url('../fonts/NotoSerifGeorgian-Bold.eot');
  src: url('../fonts/NotoSerifGeorgian-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerifGeorgian-Bold.ttf') format('truetype');
  src: local('☺'), url('../fonts/NotoSerifGeorgian-Bold.woff') format('woff');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'NotoSansGothic';
  src: url('../fonts/NotoSansGothic.eot');
  src: url('../fonts/NotoSansGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansGothic.ttf') format('truetype');
  src: local('☺'), url('../fonts/NotoSansGothic.woff') format('woff');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'NotoSansLisu';
  src: url('../fonts/NotoSansLisu.eot');
  src: url('../fonts/NotoSansLisu.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansLisu.ttf') format('truetype');
  src: local('☺'), url('../fonts/NotoSansLisu.woff') format('woff');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Aegean';
  src: url('../fonts/Aegean.eot');
  src: url('../fonts/Aegean.eot?#iefix') format('embedded-opentype'), url('../fonts/Aegean.ttf') format('truetype');
  src: local('☺'), url('../fonts/Aegean.woff') format('woff');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Antinoou';
  src: url('../fonts/Antinoou.eot');
  src: url('../fonts/Antinoou.eot?#iefix') format('embedded-opentype'), url('../fonts/Antinoou.ttf') format('truetype');
  src: local('☺'), url('../fonts/Antinoou.woff') format('woff');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Antinoou';
  src: url('../fonts/Antinoou-Italic.eot');
  src: url('../fonts/Antinoou-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Antinoou-Italic.ttf') format('truetype');
  src: local('☺'), url('../fonts/Antinoou-Italic.woff') format('woff');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
:lang(cu-Cyrs) {
  font-family: Bukyvede;
  font-size: 95%;
}
:lang(cu-Cyrs) :lang(cu-Cyrs) {
  font-size: 100%;
}
/* Old Slavonic should be rendered using the BukyVede fonts. Both language and script are declared. All font sizes for scripts other than Latin, Greek and modern Slavic Cyrillic are set relative to the Brill typeface size. */
:lang(gez-Ethi) {
  font-family: AbyssinicaSIL;
  font-size: 83%;
}
:lang(gez-Ethi) :lang(gez-Ethi) {
  font-size: 100%;
}
/* All forms of Ethiopic should be rendered using the AbyssinicaSIL font. At the moment, the THB project only contains Ethiopic text in the Gəʿəz language, hence the language tag. Other Ethiopic language may be added in the future. */
:lang(he-Hebr) {
  font-family: SBLHebrew;
  font-size: 94%;
}
:lang(he-Hebr) :lang(he-Hebr) {
  font-size: 100%;
}
/* The data does not distinguish between the Hebrew and Aramaic languages through any use of tagging. Hence, (biblical) Aramaic text will also receive the Hebrew language tag, even though it is a different language. This cannot be helped at the moment. */
:lang(syr-Syre) {
  font-family: EstrangeloTalada;
  font-size: 118%;
}
:lang(syr-Syre) :lang(syr-Syre) {
  font-size: 100%;
}
:lang(syr-Syrj) {
  font-family: Serto;
  font-size: 118%;
}
:lang(syr-Syrj) :lang(syr-Syrj) {
  font-size: 100%;
}
/* At the time of this writing (20 January 2015) Brill has not formally acquired the right to use a webfont version of the Estrangelo Talada font. A request for permission to use web versions of some of the Meltho fonts published by Beth Mardutho [Estrangelo Talada, Serto Batnan, Serto Batnan Bold] was sent to George Kiraz on 7 November 2014 and repeated 16 December 2014. */
:lang(ar-Arab) {
  font-family: Scheherazade;
  font-size: 150%;
  line-height: 125%;
}
:lang(ar-Arab) :lang(ar-Arab) {
  font-size: 100%;
  line-height: 100%;
}
/* please note that the specific lines for the next lang - scripts pairs are not finalised */
:lang(arc-Hebr) {
  font-family: SBLHebrew;
  font-size: 94%;
}
:lang(arc-Hebr) :lang(arc-Hebr) {
  font-size: 100%;
}
:lang(arc-Armi) {
  font-family: ImperialAramaic;
  font-size: 100%;
  unicode-bidi: bidi-override;
}
:lang(arc-Armi) :lang(arc-Armi) {
  font-size: 100%;
}
:lang(cop-Copt) {
  font-family: Antinoou;
  font-size: 90%;
}
:lang(cop-Copt) :lang(cop-Copt) {
  font-size: 100%;
}
:lang(grc-Grek) {
  font-family: Brill;
  font-size: 100%;
}
:lang(grc-Grek) :lang(grc-Grek) {
  font-size: 100%;
}
:lang(hbo-Phnx) {
  font-family: Paleo-Hebrew;
  font-size: 80%;
  /* no sample added yet*/
}
:lang(hbo-Phnx) :lang(hbo-Phnx) {
  font-size: 100%;
}
:lang(smp-Samr) {
  font-family: Samaritan;
  font-size: 100%;
  /* no sample added yet*/
  unicode-bidi: bidi-override;
}
:lang(smp-Samr) :lang(smp-Samr) {
  font-size: 100%;
}
:lang(hy-Armn) {
  font-family: NotoSerifArmenian;
  font-size: 86%;
}
:lang(hy-Armn) :lang(hy-Armn) {
  font-size: 100%;
}
:lang(ka-Geor) {
  font-family: NotoSerifGeorgian;
  font-size: 84%;
}
:lang(ka-Geor) :lang(ka-Geor) {
  font-size: 100%;
}
:lang(got-Goth) {
  font-family: NotoSansGothic;
  font-size: 85%;
}
:lang(got-Goth) :lang(got-Goth) {
  font-size: 100%;
}
:lang(lis-Lisu) {
  font-family: NotoSansLisu;
  font-size: 88%;
}
:lang(lis-Lisu) :lang(lis-Lisu) {
  font-size: 100%;
}
:lang(grc-Cprt) {
  font-family: Aegean;
  font-size: 100%;
}
:lang(grc-Cprt) :lang(grc-Cprt) {
  font-size: 100%;
}
body,
button,
input,
select,
textarea,
p,
span,
#right-bar {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.111em;
  font-weight: normal;
}
body,
button,
input,
select,
label,
input[type="text"],
.get-access span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
textarea,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
.blurb,
.fragment {
  font-family: "Brill", "Georgia", "SBLHebrew", "Brillonline", "KadmosU", "Antinoou", "Gentium", "Arial Unicode MS", serif;
}
.show-more-facet,
.show-less-facet,
.facet-wrapper span,
.facet-wrapper h3 {
  font-family: 'Noto Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.111em;
  font-weight: normal;
}
h1 {
  font-size: 30px;
}
.search-details h3 {
  font-size: 18px;
  line-height: 1.4;
  color: #333;
  margin: 0;
}
.search-details a {
  font-size: 18px;
}
.search-filter h3 {
  font-size: 1.125em;
  color: #0f346c;
}
a,
a:visited {
  color: #336699;
}
/* main content panel */
#main {
  padding: 20px  2% 20px 2%;
  margin: 0 0 3.125% 0;
  min-height: 475px;
  position: relative;
  font-family: "Brill", "Georgia", "SBLHebrew", "Brillonline", "KadmosU", "Antinoou", "Gentium", "Arial Unicode MS", serif;
}
#main {
  color: #435b7a;
}
.ie #background {
  height: auto;
  background-color: #f8f8f8;
}
.olide #background:before,
.olide #background:after {
  content: "";
  display: table;
}
.olide #background:after {
  clear: both;
}
.olide #background {
  zoom: 1;
}
.content dt,
.content dd {
  float: left;
  display: inline;
  width: 25%;
  margin: 0 0 1em 0;
}
.content dt {
  clear: left;
}
.content dd {
  width: 75%;
}
.collection-page-title {
  border-top: 5px solid #f2f2f2;
  padding-top: 20px;
}
/* Global alert style */
.alert {
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
  color: #B94A48;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 4px 4px 4px 4px;
}
.alert .close {
  color: #000000;
  float: right;
  font-size: 20px;
  font-weight: bold;
  opacity: 0.2;
  text-shadow: 0 1px 0 #FFFFFF;
  line-height: 18px;
  position: relative;
  right: -21px;
  top: -2px;
}
.global-alert-wrapper {
  padding: 10px;
}
.access-icon {
  margin-bottom: 30px;
  margin-left: 8px;
  float: right;
  padding: 0;
  width: 20px;
  height: 17px;
  background-size: contain !important;
}
.access-icon.full-access {
  background: no-repeat url(/static/img/full-access-icon.png);
}
.access-icon.no-access {
  background: no-repeat url(/static/img/no-access-icon.svg);
}
.access-icon.open-access {
  background: no-repeat url(/static/img/open-access-green.svg);
}
.front-cover {
  float: left;
  display: block;
  width: 15%;
  margin: 0 3% 0 0;
  position: relative;
  box-shadow: 2px 4px 11px 0px rgba(0, 0, 0, 0.75);
}
.front-cover img {
  width: 100%;
}
.collection-img {
  box-shadow: 2px 4px 11px 0px rgba(0, 0, 0, 0.75);
  padding: 0;
  float: left;
  margin-right: 2%;
  max-width: 25%;
}
.simple-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #ccc;
  margin: 20px 0;
}
.simple-tabs li {
  float: left;
  margin-left: 10px;
}
.simple-tabs a {
  display: block;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-width: 1px 1px 2px 1px;
  background: #fff;
  position: relative;
  top: 2px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ui-tabs-selected a {
  border-bottom: 2px solid #fff;
}
.document-access {
  width: 280px;
  float: right;
}
.document-access .access-icon {
  margin-bottom: 10px;
}
.collection-item {
  max-width: 100%;
}
.collection-item img,
.collection-img img {
  max-width: 100%;
}
.collection-info {
  margin-left: 20px;
}
.collection-related {
  clear: both;
}
.toc-header {
  float: left;
  margin-bottom: 5px;
}
.collapse-link h2 {
  margin-bottom: 0.1em;
}
/* tabs */
.tabs {
  overflow: hidden;
  position: relative;
  margin: 0;
  padding-left: 3%;
}
.tabs li {
  position: relative;
  list-style: none;
}
.tabs li a {
  float: left;
  padding: 2px 10px 1px 10px;
}
.tabs li a.current {
  border-bottom: 4px solid #0f346c;
}
.tabs li a,
.tabs li a:visited {
  font-size: 111%;
  color: #353637;
}
.tabs li a:hover {
  text-decoration: none;
}
.tab-menu {
  position: relative;
  margin-top: 30px;
}
.tab-wrapper {
  position: relative;
}
.content-box {
  display: none;
  padding: 0;
}
.content-box.current {
  display: block;
  overflow: hidden;
}
.content-box h3 {
  font-size: 111%;
  margin-bottom: 0.5em;
}
.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 8px solid #f2f2f2;
  margin: 20px 0;
}
.tabs li {
  box-sizing: border-box;
  float: left;
  margin-right: 20px;
  padding-bottom: 4px;
  font-family: 'Noto Sans' !important;
  font-style: normal;
}
.tabs li:hover {
  background-color: #bb1122;
  border-radius: 4px;
  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), opacity 195ms cubic-bezier(0.4, 0, 1, 1);
}
.tabs li a {
  background-color: transparent;
  box-sizing: border-box;
  display: block;
  height: 30px;
  padding: 0 4px;
  position: relative;
  top: 2px;
}
.tabs li.ui-state-active a {
  border-bottom: 4px solid #0f346c;
}
.toc-wrapper {
  border-top: 1px solid #cdcdcd;
}
.toc {
  clear: both;
  float: right;
  padding: 20px 20px 20px;
  margin: 0 0 20px 20px;
  position: relative;
  background: #F2F2F2;
  width: 220px;
  z-index: 1000;
  list-style: none;
}
.content-box .toc > li > a {
  font-size: 115%;
}
.content-box .toc a {
  font-size: 100%;
}
.content-box .toc h3 {
  font-size: 100%;
  color: #333;
  font-weight: bold;
}
.toc ul {
  padding-left: 0;
}
.toc ol {
  padding: 0;
  list-style: none;
}
.toc li {
  padding-bottom: 8px;
  list-style: none;
  position: relative;
}
.toc .continuation {
  padding-left: 20px;
  font-size: 100%;
}
ul.toc > li.continuation > a {
  font-size: 100%;
}
.toc-more-btn {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
  background: #E6E6E6;
}
.no-js .toc-more-btn {
  display: none;
}
.arrow-up,
.arrow-down {
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 8px;
  left: -20px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  cursor: pointer;
}
.arrow-up {
  border-bottom: 7px solid #aaa;
}
.arrow-down {
  border-top: 7px solid #aaa;
}
.see-also {
  padding: 5px 10px;
  border: 1px solid #D4D4D4;
  margin: 1em 0;
}
.content-box ul {
  margin: 0;
  padding-top: 0;
}
.content-box .toc {
  width: 100%;
  float: none;
  background-color: transparent;
  list-style: none;
  padding: 0;
}
.collapse-link {
  max-width: 600px;
  cursor: pointer;
}
.collapse-link h2 {
  border-bottom: 2px solid #f2f2f2;
}
.collapse-link i {
  float: right;
}
.collection-page-tab {
  margin-bottom: 30px;
}
#search-bar {
  margin-right: auto;
  margin-left: 25%;
  width: 48%;
  min-width: 300px;
  margin-bottom: 50px;
  padding: 0 0 0 20px;
  position: relative;
  height: 36px;
  font-family: 'Noto Sans', sans-serif;
}
@media (max-width: 900px) {
  #search-bar {
    margin-left: 0;
    width: 100%;
    padding: 0;
  }
}
#search-bar form {
  width: 100%;
  display: inline-block;
  border-bottom: 2px solid #232176;
  margin-right: 15px;
}
#search-bar .search-input-container {
  height: 36px;
  overflow: hidden;
}
#search-bar .search-input-container input[type='text'] {
  border: none;
  outline: none;
  background-color: #FFFFFF;
  margin: 0;
  width: 100%;
  height: 36px;
  padding: 3px 2px 0 2px;
}
#search-bar .search-controls-container {
  float: right;
  width: 40px;
  height: 38px;
  text-align: right;
}
#search-bar .search-controls-container #search-go {
  display: inline-block;
  height: inherit;
  padding: 5px 5px 0 10px;
  border: 0 solid;
  outline: 0;
  box-shadow: none;
  background: transparent;
}
#search-bar .search-controls-container #search-go .fa-search {
  color: #232176;
  font-size: 1.125rem;
  cursor: pointer;
}
#search-bar .search-controls-container #search-go:hover {
  transform: scale(1.15);
}
#search-bar .advanced-search {
  display: inline-block;
  float: right;
}
.page-search-results #search-bar {
  margin-left: 0;
  padding-left: 0;
}
#search-advanced-bottom.form-row {
  margin: 15px 0 0 0;
}
.no-borderradius #search-bar #q {
  padding-top: 8px \9;
  height: 26px \9;
}
.ui-autocomplete {
  border-color: #232176 !important;
}
#advanced-search-form {
  display: none;
  max-width: 1000px;
}
#advanced-search-form .search-terms {
  width: 100%;
}
#advanced-search-form .search-terms .input-wrapper {
  display: inline-block;
  float: left;
}
#advanced-search-form .search-terms .chosen-container {
  width: 184px!important;
  display: block;
  margin-left: auto;
  margin-right: 10px;
  margin-top: 45px;
}
@media (max-width: 960px) {
  #advanced-search-form .search-terms .chosen-container {
    margin-top: 55px;
    margin-right: 0;
  }
}
#advanced-search-form .chosen-choices {
  background: none;
  border: none;
  box-shadow: none;
  border-bottom: 2px solid #232176;
}
#advanced-search-form .chosen-container {
  width: calc(100% - 170px) !important;
}
@media (max-width: 960px) {
  #advanced-search-form .chosen-container {
    width: 100%!important;
  }
}
#advanced-search-form select.range_.date {
  background: none;
  border: none;
  box-shadow: none;
  border-bottom: 2px solid #232176;
}
#advanced-search-form .date-range,
#advanced-search-form #range_start_dc_start_chosen,
#advanced-search-form #range_end_dc_start_chosen {
  border-bottom: 2px solid #232176;
  width: 128px !important;
  display: inline-block;
}
#advanced-search-form .date-range .chosen-single,
#advanced-search-form #range_start_dc_start_chosen .chosen-single,
#advanced-search-form #range_end_dc_start_chosen .chosen-single {
  background: none;
  border: none;
  box-shadow: none;
}
#advanced-search-form .date-range .chosen-drop,
#advanced-search-form #range_start_dc_start_chosen .chosen-drop,
#advanced-search-form #range_end_dc_start_chosen .chosen-drop {
  margin-top: 2px;
}
#advanced-search-form .date-range .chosen-search-input,
#advanced-search-form #range_start_dc_start_chosen .chosen-search-input,
#advanced-search-form #range_end_dc_start_chosen .chosen-search-input {
  display: none;
}
#advanced-search-form .date-range.to,
#advanced-search-form #range_start_dc_start_chosen.to,
#advanced-search-form #range_end_dc_start_chosen.to {
  border: none;
  width: 16px;
}
#advanced-search-form #search-advanced-bottom .input-wrapper {
  width: 100%;
  padding-top: 10px;
}
#advanced-search-form #search-advanced-bottom .input-wrapper button,
#advanced-search-form #search-advanced-bottom .input-wrapper input {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
}
@media (max-width: 960px) {
  #advanced-search-form .form-row {
    margin-top: 20px;
  }
}
.form-row {
  position: relative;
}
.form-row label {
  width: 150px;
  padding: 0 10px 0 0;
  float: left;
  text-align: right;
  font-size: 16px;
  font-family: "Brill", "Georgia", "SBLHebrew", "Brillonline", "KadmosU", "Antinoou", "Gentium", "Arial Unicode MS", serif;
}
@media (max-width: 960px) {
  .form-row label {
    float: none;
    text-align: left;
    margin-bottom: 10px;
  }
}
.form-row.btn-row {
  padding: 30px 0 0 160px;
}
.form-row h1.advanced-search-title {
  display: block;
  float: left;
  padding: 4px 6% 0 0;
}
.form-row .input-wrapper {
  position: relative;
  width: calc(100% - 170px);
  height: inherit;
  overflow: hidden;
}
@media (max-width: 960px) {
  .form-row .input-wrapper {
    width: 100%;
  }
}
.form-row .input-wrapper input[type=text],
.form-row .input-wrapper input[type=password],
.form-row .input-wrapper input[type=email] {
  float: left;
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 1px 5px 0 2px;
  border: 0;
  outline: 0;
  border-bottom: 2px solid #232176;
}
.form-row .search-select-container {
  position: absolute;
  left: 42%;
  margin: 0 2% 0 190px;
  background-color: #f0eff3;
}
.form-row .search-select-container select {
  background: transparent;
  border: none;
  outline: none;
  font-size: 13px;
  height: inherit;
  padding: 5px;
  width: 186px;
}
.search-tips {
  position: absolute;
  z-index: 100;
  margin: 30px 0 0 150px;
  height: 25px;
  overflow: hidden;
  font-size: 0.875rem;
}
@media (max-width: 960px) {
  .search-tips {
    margin: 30px 0 0 20px;
  }
}
.search-tips p {
  margin-bottom: 5px;
  cursor: pointer;
}
.search-filter .nav:first-child {
  margin-bottom: 0;
}
.search-filter h3 {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 100%;
  padding: 0 30px 5px 0;
  border-bottom: 1px solid #f2f2f2;
  cursor: pointer;
  user-select: none;
}
.search-filter h3 i {
  display: block;
  position: absolute;
  right: 3px;
  top: 0;
  padding-top: 1px;
  font-size: 1.25rem;
}
li.facet-wrapper {
  padding: 0 0 10px 0;
  position: relative;
  overflow: hidden;
  transition: height 0.1s ease-out;
}
li.facet-wrapper.collection {
  display: none;
}
li.facet-wrapper ul {
  padding: 20px 0 0 0;
  color: #0f346c;
}
li.facet-wrapper ul li {
  width: 100%;
}
li.facet-wrapper ul li i {
  display: block;
  position: absolute;
  left: 5px;
  padding-top: 6px;
  font-size: 0.688rem;
}
li.facet-wrapper ul li a {
  display: block;
  vertical-align: top;
  height: auto;
  width: 100%;
  padding: 0 0 10px 26px;
  font-size: 1.188rem;
  color: #232176 !important;
}
li.facet-wrapper ul li a a:hover {
  color: #232176 !important;
}
li.facet-wrapper ul li a span {
  display: block;
  overflow: hidden;
}
li.facet-wrapper ul li a span.filter-access-content {
  padding-right: 20px;
}
li.facet-wrapper ul li a span.row-result {
  display: inline-block;
  min-width: 22px;
  float: right;
  vertical-align: top;
  padding: 2px 0 0 0;
  margin-left: 10px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #adadad;
}
li.facet-wrapper ul .show-more-facet,
li.facet-wrapper ul .show-less-facet {
  position: relative;
  padding: 0 0 0 26px;
  display: block;
  width: 100%;
  height: 30px;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #0f346c;
  cursor: pointer;
}
li.facet-wrapper ul .show-more-facet i,
li.facet-wrapper ul .show-less-facet i {
  display: block;
  position: absolute;
  left: 5px;
  top: -3px;
  font-size: 1rem;
}
li.facet-wrapper.cls h3 i {
  transform: rotate(180deg);
}
.show-less-facet,
.show-more-facet {
  cursor: pointer;
}
a.remove-facet {
  width: 20px !important;
  height: 20px !important;
  position: relative;
  display: block;
  float: right;
  margin-left: 8px;
  padding-left: 1px !important;
  line-height: 1;
  background: #a80000;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #FFFFFF !important;
  text-align: center;
  font-size: 10px;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
}
a.remove-facet,
a.remove-facet:hover {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 768px) {
  .search-filter h3 {
    cursor: pointer !important;
  }
  li.facet-wrapper ul {
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
  }
  li.facet-wrapper .nav-collapse .nav,
  li.facet-wrapper .nav-collapse .nav ul {
    padding-left: 10px;
  }
  li.facet-wrapper .nav-collapse .nav li {
    list-style: none;
  }
}
#search-book-list_chzn .chzn-results .group-result {
  color: #11216E;
}
div#container .chzn-container .chzn-results .group-result {
  color: #11216E;
}
#search-book-list_chzn,
#search-book_chzn {
  margin: 0 0 0 0;
  border: 0;
}
.result-detail .get-access,
.result .get-access,
.bibl-ecomm .get-access {
  float: right;
  margin: 0 0 20px 20px;
}
.full-screen-btn,
.reader-container .get-access.button {
  position: absolute;
  bottom: 0;
  left: 0;
}
.full-screen-btn .btn-primary span {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
}
.full-screen-btn .btn-primary i {
  vertical-align: top;
  font-size: 25px;
  margin-left: 12px;
  margin-top: 4px;
}
a,
a:visited,
a span {
  color: #336699;
  text-decoration: none;
}
a:hover {
  color: #bb1122;
  text-decoration: none;
}
input[type=submit],
.btn-primary,
.get-access {
  width: auto;
  outline: 0;
  border: 0 solid;
  border-radius: 4px;
  font-size: 0.938rem;
  font-weight: bold;
  color: #FFFFFF;
  background: #0f346c;
}
.btn-primary,
a.btn-primary {
  font-family: 'Noto Sans', sans-serif;
  font-weight: bold;
  display: inline-block;
  color: #FFFFFF !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  height: 35px;
  line-height: 35px;
  padding: 0 20px 0 20px;
  border-radius: 4px;
  box-sizing: border-box;
  text-decoration: none;
  color: #FFFFFF;
  background: #0f346c;
}
.btn-primary:visited,
a.btn-primary:visited {
  color: #FFFFFF;
}
.btn-primary:hover,
a.btn-primary:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #091f3f;
  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), opacity 195ms cubic-bezier(0.4, 0, 1, 1);
}
a.get-access,
.get-access:visited {
  margin-top: 14px;
  float: right;
}
.result-detail a.get-access {
  float: right;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.button:hover {
  color: #fff;
  text-decoration: none;
}
#login-form {
  padding-left: 0;
}
#login-form .form-row {
  padding: 0;
  margin-bottom: 10px;
}
#login-form .pwd-reminder {
  float: right;
}
#login-form label,
#login-form input {
  display: block;
  box-sizing: border-box;
  float: none;
  width: 100%;
  text-align: left;
}
#login-form label.btn-primary,
#login-form input.btn-primary {
  width: auto;
}
#login-form label {
  padding-top: 16px;
}
#login-form label[for=pass] {
  padding: 0;
}
#login-form .form-row label.error {
  position: static;
  bottom: 0;
  right: 0;
  padding: 8px 0 0;
}
.js #login-reminder-form,
.js .lightbox-form {
  display: none;
  padding: 20px 20px 20px 20px;
  position: relative;
  font-family: 'Noto Sans', sans-serif;
}
.js #login-reminder-form {
  height: 260px;
}
.js .lightbox-form legend,
.js .lightbox-form h2 {
  font-size: 40px;
  color: #11216E;
  margin: 0 0 15px 0;
}
.js .lightbox-form label {
  font-size: 18px;
  float: none;
  width: auto;
  text-align: left;
  padding: 0;
}
.js .lightbox-form input[type=text],
.js .lightbox-form input[type=password],
.js .lightbox-form input[type=email] {
  width: 390px;
  font-size: 14px;
}
#cboxLoadedContent {
  overflow: hidden;
}
select#collection {
  display: none;
}
/* =============================================================================
Links
========================================================================== */
#main a,
#main a:visited {
  color: #336699;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
}
/* ======================================================================== */
#container {
  min-width: 768px;
  margin: 0 auto;
  background: #FFFFFF;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.111em;
  font-weight: normal;
  color: #0f346c;
}
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  color: #0f346c;
}
.float-right {
  float: right;
}
/*
a, a:visited {
  outline:none !important;
  &:hover {
    background-color: rgba(15, 53, 108, 0.1);
    border-radius: 4px;
    transition: background-color 225ms cubic-bezier(0.0, 0, 0.2, 1), color 225ms cubic-bezier(0.0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0.0, 0, 0.2, 1), opacity 195ms cubic-bezier(0.4, 0, 1, 1);
  }
}
*/
a,
a h1,
a h2 {
  outline: none !important;
  color: #336699;
}
a:visited,
a h1:visited,
a h2:visited {
  color: #884488;
}
a:hover,
a h1:hover,
a h2:hover {
  color: #bb1122;
  text-decoration: underline;
  background-color: rgba(15, 53, 108, 0.1);
  border-radius: 4px;
  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), opacity 195ms cubic-bezier(0.4, 0, 1, 1);
}
.jump-to {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.jump-to a:focus,
.jump-to a:active {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
#masthead {
  position: relative;
  height: 90px;
  padding-top: 10px;
  border-bottom: 5px solid #5190df;
}
#headerLogo {
  width: 550px;
  height: 35px;
}
#headerLogo a {
  background: left center no-repeat url(../img/brill-desktop.png);
  background-size: 540px auto;
  width: 100%;
  height: 100%;
}
#brill-logo-link,
#site-logo-link {
  float: left;
}
#brill-logo-link,
#brill-logo {
  display: block;
}
#brill-logo-link {
  margin: 22px 0 10px 15px;
}
#site-logo-link {
  width: 470px;
  display: block;
  margin: 97px 0 0 16px;
  line-height: 1;
  font-size: 36px;
  font-family: Georgia, garamond, serif;
  color: #0B206E;
}
#site-logo-link em {
  font-size: 32px;
}
#site-logo-link,
#site-logo-link:visited {
  text-decoration: none;
  color: #0B206E;
}
#site-logo-link:hover {
  text-decoration: underline;
}
#slogan {
  font-size: 16px;
  font-style: italic;
  margin-bottom: 5px;
}
#supplimental ul,
#supplimental form {
  display: inline;
}
#supplimental {
  height: 90px;
  font-size: 15px;
  position: absolute;
  top: 5px;
  right: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#supplimental .brill-link-container {
  margin-top: 40px;
}
#supplimental .menu-button-nav-label {
  display: none;
}
#supplimental li {
  display: inline;
  padding-left: 5px;
}
#supplimental li + li + li {
  border-left: 2px solid #336699;
}
.Bibliographies #supplimental li {
  border-color: #99CC66;
}
#supplimental a,
#supplimental a:visited {
  display: inline-block;
  padding: 0 2px;
  color: #336699;
  text-decoration: none;
}
#site-jump {
  margin: 0 0 0 10px;
}
.js #site-jump-go {
  display: none;
}
#main-nav {
  position: relative;
  z-index: 10;
  background: #11216E;
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
}
#main-nav li {
  float: left;
  width: 33.31%;
}
#main-nav a,
#main-nav a:visited {
  font: 18px/38px "Georgia", "Brillonline", "KadmosU", "Antinoou", "Gentium", "BrillText", "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Times New Roman", "SBL Hebrew", "Sylfaen", serif;
  background: no-repeat url(../img/bg-main-nav.png) #11216E top left;
  color: #fff;
  border-left: 1px solid #000;
  display: block;
  text-decoration: none;
  text-align: center;
}
#main-nav li:first-child a {
  border-left: none;
}
#main-nav a:hover,
#main-nav .selected a {
  border: 0;
  padding-right: 1px;
  background-color: #5151ba;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5151ba), to(#2b358d));
  background-image: -webkit-linear-gradient(top, #5151ba, #2b358d);
  background-image: -moz-linear-gradient(top, #5151ba, #2b358d);
  background-image: -ms-linear-gradient(top, #5151ba, #2b358d);
  background-image: -o-linear-gradient(top, #5151ba, #2b358d);
  background-image: linear-gradient(top, #5151ba, #2b358d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5151BA', EndColorStr='#2B358D');
}
#n-home {
  width: 13.183%;
}
#n-reference {
  width: 22.558%;
}
#n-texts {
  width: 27.246%;
}
#n-all {
  width: 21.093%;
}
#n-subjects {
  width: 15.92%;
}
.header-big-icon {
  width: 114px;
  height: 114px;
  float: left;
  margin: 16px 0 0 32px;
}
#supplimental #brill-link,
#supplimental #brill-link:visited,
#supplimental #brill-link:hover {
  position: absolute;
  right: 5px;
  top: 62px;
  color: #336699;
  font-size: 15px;
}
#supplimental input[type='checkbox'] {
  display: none;
}
.header-icons {
  position: absolute;
  right: 15px;
  bottom: 48px;
}
.header-icons li {
  float: left;
  margin-left: 10px;
  list-style: none;
}
.header-icon {
  width: 27px;
  height: 27px;
  background: url(../img/header-icons.png) 0 0 no-repeat;
}
.referenceworks-inactive {
  background-position: 0 -28px;
  cursor: default;
}
.referenceworks {
  background-position: 0 -56px;
}
.bibliographies-inactive {
  background-position: 0 -84px;
  cursor: default;
}
.bibliographies {
  background-position: 0 -112px;
}
.primary-sources {
  background-position: 0 -140px;
}
.primary-sources-inactive {
  background-position: 0 -168px;
}
.dictionaries {
  background-position: 0 -196px;
}
#institution {
  height: 60px;
  width: 180px;
  display: block;
  position: relative;
}
#institution img {
  max-height: 60px;
  max-width: 180px;
  position: absolute;
  left: 0;
}
.menu-overlay {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease-out;
}
@media (max-width: 680px) {
  #masthead {
    height: 50px;
  }
  #brill-logo-link {
    margin-top: 2px;
    margin-bottom: 0;
  }
  #headerLogo {
    width: 130px;
    height: 35px;
  }
  #headerLogo a {
    background: left center no-repeat url(../img/brill-mobile.png);
    background-size: 130px auto;
    width: 100%;
    height: 100%;
  }
  #supplimental {
    position: absolute;
    z-index: 999;
    right: 0px;
    width: 100%;
    height: 40px;
    float: right;
    margin-top: 10px;
  }
  #supplimental .nav-link-wrapper {
    height: 0;
    position: absolute;
    right: 0;
    margin-top: 50px;
    background-color: #FFFFFF;
    overflow: hidden;
    width: 100%;
  }
  #supplimental #brill-link,
  #supplimental #brill-link:visited,
  #supplimental #brill-link:hover {
    position: relative;
    right: 0;
    top: 0;
  }
  #supplimental ul li {
    float: none;
    display: block;
    border-left: none!important;
    font-size: 14px;
  }
  #supplimental li {
    margin: 0 10px;
  }
  #supplimental li + li {
    border-top: 1px solid #232176;
  }
  #supplimental a,
  #supplimental a:visited {
    padding: 18px 20px;
    width: 100%;
  }
  #supplimental input[type='checkbox']:checked + .nav-link-wrapper {
    height: 232px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    display: block;
  }
  #supplimental input[type='checkbox']:checked + .nav-link-wrapper + .menu-overlay {
    background-color: rgba(0, 0, 0, 0.12);
    transition: background-color 0.3s ease-out;
    position: fixed;
    top: 296px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
  }
  #supplimental .menu-button-nav-label {
    float: right;
    display: block;
    width: 35px;
    height: 35px;
    font-size: 22px;
    color: #232176;
    margin-right: 5px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 2px;
  }
}
/* right bar */
#flex-container {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: calc(100vh - 239px);
}
#main {
  overflow: hidden;
  float: left;
  width: auto;
  flex: 1;
  -ms-flex: 1;
  z-index: 20;
  min-height: 700px;
}
#right-bar {
  font-family: 'Noto Sans' !important;
  z-index: 100;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  width: 400px;
  position: relative;
  float: right;
  overflow: hidden;
  transition: width 0.2s linear, min-width 0.2s linear;
}
#right-bar.collapse {
  width: 56px;
}
#right-bar.collapse.smallest {
  width: 12px;
}
@media (max-width: 480px) {
  #right-bar {
    o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    position: fixed;
    width: 88%;
    top: 0;
    left: 12%;
    background-color: #FFFFFF;
    height: 100%;
  }
}
#right-bar.collapse {
  transition: width 0.2s linear, min-width 0.2s linear;
  position: static;
  height: auto;
}
#right-bar.collapse.smallest {
  transition: width 0.2s linear, min-width 0.2s linear;
  right: 0;
  width: 12px;
}
.right-bar-content-wrapper {
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  min-width: 290px;
}
.right-bar-content-wrapper p,
.right-bar-content-wrapper span,
.right-bar-content-wrapper h1,
.right-bar-content-wrapper h2,
.right-bar-content-wrapper h3,
.right-bar-content-wrapper h4,
.right-bar-content-wrapper h5,
.right-bar-content-wrapper h6 {
  font-family: 'Noto Sans' !important;
  font-style: normal;
}
.right-bar-content-wrapper p {
  font-size: 15px;
}
.tools-bar {
  flex-shrink: 0;
  box-sizing: border-box;
  float: left;
  width: 56px;
  padding-top: 10px;
  font-size: 24px;
  background-color: #0f346c;
  text-decoration: none;
}
.tools-bar a {
  line-height: 1;
  position: static;
  color: #FFFFFF;
  display: block;
  margin: 5px 2px 0px 2px;
  cursor: pointer;
  background: #0f346c;
  border: 12px solid #0f346c;
  border-radius: 26px;
}
.tools-bar a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background: #123f82;
  border: 12px solid #123f82;
  border-radius: 26px;
  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), opacity 195ms cubic-bezier(0.4, 0, 1, 1);
}
.tools-bar a i {
  margin-left: 2px;
}
.tools-bar a i.fa-chevron-right {
  margin-left: 6px;
}
.tools-bar a i.fa-chevron-left {
  margin-left: 6px;
}
.tools-bar a.expand-trigger.smallest {
  position: fixed;
  top: 50%;
  right: 2px;
  font-size: 18px;
  background-color: black;
  border: 4px solid black;
  margin-left: 0;
}
@media (max-width: 480px) {
  .tools-bar a.expand-trigger.smallest {
    top: 30%;
  }
}
.tools-bar a.expand-trigger.smallest i {
  background-color: black;
  border: 4px solid black;
  margin-left: 0;
}
.tools-bar a.to-top {
  display: none;
  background-color: black;
  width: 24px;
  margin-left: 3px;
}
.tools-bar a.to-top.smallest {
  right: 2px;
  font-size: 18px;
  margin-left: 0;
  padding-left: 0;
}
@media (max-width: 480px) {
  .tools-bar a.to-top.smallest {
    top: 35%;
  }
}
.tools-bar a.to-top i {
  background-color: black;
  margin-left: 5px;
}
.tools-bar.fixed a.to-top {
  display: block !important;
  position: fixed;
  margin-left: 3px;
  top: auto;
  bottom: 2vh;
  background-color: black;
  border: 12px solid black;
}
.tools-bar.scroll-footer a.to-top {
  position: absolute;
}
.tools-bar .text {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  padding-top: 5px;
  padding-left: 10px;
}
.tools-bar .tools-link.off {
  color: #a6a6a6;
  cursor: auto;
}
.tools-bar .icon-wrapper.fixed {
  position: fixed;
  top: 10px;
}
.tools-bar.fixed .icon-wrapper {
  position: fixed;
  top: 10px;
}
.tools-bar .tool-wrapper {
  height: 65px;
}
.right-bar-content {
  flex-shrink: 0;
  width: 346px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 20px;
  transition: right 0.2s linear, min-width 0.2s linear;
}
@media (max-width: 480px) {
  .right-bar-content {
    flex-shrink: 1;
  }
}
.right-bar-content::-webkit-scrollbar {
  display: none;
}
.right-bar-content.fixed {
  position: fixed;
  right: -2px;
  top: 0;
  bottom: 0;
}
.right-bar-content.fixed.sidebar-max-scroll {
  position: absolute;
  top: auto;
}
@media (max-width: 480px) {
  .right-bar-content.fixed {
    position: relative;
    width: 100%;
  }
}
.right-bar-content.collapse {
  right: -400px;
}
.right-bar-content .inst-login {
  margin-top: 20px;
}
.right-bar-content .inst-login p:first-child {
  font-weight: bold;
}
.right-bar-content .inst-login p {
  line-height: 1;
  margin-bottom: 10px;
}
.right-bar-content .view-history .chosen,
.right-bar-content .view-history .chosen-container {
  width: 60% !important;
  display: block;
  margin-bottom: 10px;
}
.panel {
  padding: 10px 0;
  border-bottom: 3px solid #f2f2f2;
}
.panel li {
  margin: 0 0 8px 0;
}
.panel-title {
  font-size: 100%;
  padding-top: 10px;
  margin-bottom: 0;
}
#social-media li {
  float: left;
  margin: 0 4px 0 0;
}
#addthis-links .addthis_addthis_toolbox .at300b,
#addthis-links .addthis_addthis_toolbox .at300m {
  float: none;
  padding: 0;
}
.feedback {
  margin: 8px 0;
}
.access-from {
  font-weight: normal;
}
.ie .access-from {
  font-weight: bold;
}
.tools-list {
  padding-top: 10px;
}
.tools-list a {
  padding: 0 0 0 22px;
  display: block;
  background: no-repeat url(../img/bg-tools.png) 0 4px;
}
.tools-list .tools-permissions {
  background-position: 0 -18px;
}
.tools-list .tools-export {
  background-position: 0 -42px;
}
.tools-list .no-icon {
  background-image: none;
}
.tools-list .tools-star {
  background-image: none;
  padding: 0;
}
.content-tools {
  border-top: 1px solid #ccc;
}
.js #tools-labels {
  display: none;
}
#tools-labels {
  padding: 0 0 2px 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(209, 225, 241, 0)), to(#d1e1f1));
  background-image: -webkit-linear-gradient(top, rgba(209, 225, 241, 0), #d1e1f1);
  background-image: -moz-linear-gradient(top, rgba(209, 225, 241, 0), #d1e1f1);
  background-image: -ms-linear-gradient(top, rgba(209, 225, 241, 0), #d1e1f1);
  background-image: -o-linear-gradient(top, rgba(209, 225, 241, 0), #d1e1f1);
  background-image: linear-gradient(top, rgba(209, 225, 241, 0), #d1e1f1);
}
.no-cssgradients #tools-labels {
  backround: #D1E1F1;
}
.divider {
  border-top: 1px solid #ccc;
}
#tools-labels label {
  font-size: 12px;
  position: relative;
}
#tools-labels a {
  background: none;
  padding: 0;
  font-size: 12px;
}
#tools-labels input {
  position: relative;
}
#legend-keys ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #0f346c;
}
#legend-keys img {
  margin-right: 10px;
}
.open-access-icon {
  width: 20px;
  height: 26px;
}
#sign-out-popup {
  font-family: 'Noto Sans', sans-serif;
}
#sign-out-popup input {
  margin-right: 20px;
}
.print-this-page,
.your-account {
  float: none !important;
}
.your-account-grey {
  color: gray;
}
.star-icon-img {
  position: relative;
  bottom: 5px;
}
.view-history .chzn-container {
  width: 100% !important;
  max-width: 100%;
  margin-bottom: 6px;
}
.clear-history {
  display: inline-block;
}
.clear-history.blue-btn {
  max-width: 86%;
  padding: 6px 7%;
  text-align: center;
}
/* footer */
#page-footer {
  color: #FFFFFF;
  padding: 40px 40px 20px 40px;
  background-color: #0f346c;
  font-size: 15px;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 134px;
  z-index: 200;
}
#page-footer a,
#page-footer a:visited {
  color: #FFFFFF;
}
.footer-right {
  float: right;
  height: 74px;
  position: relative;
}
#footer-copyright {
  display: inline;
}
#test-footer-links {
  display: inline-block;
  margin-bottom: 12px;
}
.highwire-link {
  float: right;
  margin-top: 15px;
  width: 156px;
}
.attrib {
  padding-top: 3px;
}
.hw-logo {
  float: right;
  width: 100px;
  height: auto;
  padding-left: 3px;
}
@media (max-width: 440px) {
  #page-footer {
    text-align: center;
  }
  .highwire-link {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-right {
    float: none;
    margin-top: 15px;
  }
}
/* forms and buttons */
.navbar .btn-navbar {
  display: inline-block;
  padding: 6px 20px;
  color: #fff;
  border: 0;
  font: 93% "Georgia", "Brillonline", "KadmosU", "Antinoou", "Gentium", "BrillText", "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Times New Roman", "SBL Hebrew", "Sylfaen", serif;
  letter-spacing: 1px;
  cursor: pointer;
  background: #356caf;
  background: -moz-linear-gradient(top, #356caf 0%, #1f5499 50%, #063b7f 51%, #063b7f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #356caf), color-stop(50%, #1f5499), color-stop(51%, #063b7f), color-stop(100%, #063b7f));
  background: -webkit-linear-gradient(top, #356caf 0%, #1f5499 50%, #063b7f 51%, #063b7f 100%);
  background: -o-linear-gradient(top, #356caf 0%, #1f5499 50%, #063b7f 51%, #063b7f 100%);
  background: -ms-linear-gradient(top, #356caf 0%, #1f5499 50%, #063b7f 51%, #063b7f 100%);
  background: linear-gradient(to bottom, #356caf 0%, #1f5499 50%, #063b7f 51%, #063b7f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#356caf', endColorstr='#063b7f', GradientType=0);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0 0 10px #000;
}
.btn-primary,
.navbar .btn-navbar {
  -webkit-box-shadow: 0px -1px 0 1px rgba(27, 60, 100, 0.8);
  box-shadow: 0px -1px 0 1px rgba(27, 60, 100, 0.8);
}
input[type=button]:active {
  background-color: #221e1f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#221e1f), to(#4a4a4a));
  background-image: -webkit-linear-gradient(top, #221e1f, #4a4a4a);
  background-image: -moz-linear-gradient(top, #221e1f, #4a4a4a);
  background-image: -ms-linear-gradient(top, #221e1f, #4a4a4a);
  background-image: -o-linear-gradient(top, #221e1f, #4a4a4a);
  background-image: linear-gradient(top, #221e1f, #4a4a4a);
  -webkit-box-shadow: 0 1px 1px #000 inset;
  -moz-box-shadow: 0 1px 1px #000 inset;
  box-shadow: 0 1px 1px #000 inset;
}
.link-style input[type="submit"] {
  display: inline;
  background-image: none;
  background-color: transparent;
  color: #0066CC;
  box-shadow: none;
  text-shadow: none;
  font-size: 100%;
  filter: none;
}
.page-saved-searches .link-style input[type="submit"] {
  padding: 0;
}
label {
  display: block;
}
.form-row,
.check-row {
  position: relative;
}
.form-row .check-row {
  width: auto;
}
input.error {
  border-color: #c00;
  -webkit-box-shadow: 0 0 4px #c00;
  -moz-box-shadow: 0 0 4px #c00;
  box-shadow: 0 0 4px #c00;
}
label.error {
  color: #c00;
  font: 12px sans-serif !important;
  font-style: italic;
}
.email-error {
  color: #c00;
}
.form-row label.error {
  position: absolute;
  right: 50px;
  bottom: 0;
}
.check-row label.error {
  position: absolute;
  top: 5px;
  right: 0;
}
.lightbox-form .check-row label.error {
  top: 25px;
  right: auto;
  left: 0;
}
#at16sub {
  color: #222;
  filter: none;
}
/* home */
#home-hero {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 32px 32px 10px 32px;
  height: 125px;
}
.Bibliographies #home-hero {
  background-color: #dadeac;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dadeac), to(#f0f0e6));
  background-image: -webkit-linear-gradient(top, #dadeac, #f0f0e6);
  background-image: -moz-linear-gradient(top, #dadeac, #f0f0e6);
  background-image: -ms-linear-gradient(top, #dadeac, #f0f0e6);
  background-image: -o-linear-gradient(top, #dadeac, #f0f0e6);
  background-image: linear-gradient(top, #dadeac, #f0f0e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DADEAC', EndColorStr='#F0F0E6');
}
#strapline {
  width: 50%;
  float: left;
  font-size: 44px;
}
#home-img {
  float: left;
  max-width: 50%;
}
/* search */
#search-book-list_chzn .chzn-results .group-result {
  color: #11216E;
}
.navbar .btn-navbar {
  padding: 5px 6px 6px 6px;
}
.navbar .btn-navbar {
  color: #fff;
  text-shadow: 0 0 10px #000;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#search-book-list,
#search-book,
#search-book_chzn {
  cursor: auto;
  font-size: 13px;
  font-family: "Georgia", "Brillonline", "KadmosU", "Antinoou", "Gentium", "BrillText", "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Times New Roman", "SBL Hebrew", "Sylfaen", serif;
  background: none;
  background-color: white;
  border: 1px solid #cdcdcd;
  width: 34%;
  float: left;
  margin: 0% 0 1% 2%;
  height: 36px;
}
#search-book-list_chzn,
#search-book_chzn {
  margin: 0 0 0 2%;
  border: 0;
}
.result {
  padding: 20px 0;
  border-bottom: 2px solid #cdcdcd;
  margin: 0 0 20px 0;
}
h1 .other {
  padding: 0 10px;
  margin: 0 0 0 10px;
  border-left: 1px solid #cdcdcd;
  font-size: 14px;
  font-weight: normal;
}
.result-logo {
  float: left;
  width: 14.90514905%;
}
.result-logo img {
  width: 100%;
}
.result-detail {
  float: left;
  width: 82.38482385%;
  padding: 0 0 0 2.7100271%;
}
.result-alphabetical {
  margin: 0 0 0 17.61517615%;
  border: 1px solid #cdcdcd;
  border-width: 1px 0;
  padding: 10px 0;
}
.result-alphabetical li {
  float: left;
  display: inline;
  margin: 0 10px 0 0;
  color: #cdcdcd;
}
.result-additional {
  margin: 0 0 0 17.61517615%;
  padding: 10px 0 0 0;
}
.result-alternative {
  border-top: 1px solid #cdcdcd;
  padding-top: 10px;
}
.result-alternative li {
  margin-bottom: 5px;
}
.search-results {
  color: #555;
  margin: 0 0 20px 0;
}
em.hit {
  background-color: #FFFFCC;
  border: 1px solid #CCCC99;
  font-style: normal;
}
.associated-labels {
  list-style: none;
  padding: 0 0 10px 10px;
}
.associated-labels li {
  float: right;
  border: 1px solid #F0F1B2;
  padding: 5px;
  margin: 0 10px 0 0;
  background-color: #ffffe0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffe0), to(#feffc0));
  background-image: -webkit-linear-gradient(top, #ffffe0, #feffc0);
  background-image: -moz-linear-gradient(top, #ffffe0, #feffc0);
  background-image: -ms-linear-gradient(top, #ffffe0, #feffc0);
  background-image: -o-linear-gradient(top, #ffffe0, #feffc0);
  background-image: linear-gradient(top, #ffffe0, #feffc0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFE0', EndColorStr='#FEFFC0');
}
.associated-labels .label {
  border: 0;
  background: 0;
  filter: none;
  font-weight: bold;
  padding: 7px 0;
}
.associated-labels a {
  display: inline-block;
  padding: 0 5px 0 0;
}
.associated-labels .label-delete {
  border-left: 1px solid #F0F1B2;
  padding: 0 0 0 5px;
}
.book-title {
  font-size: 150%;
  margin: 0;
}
.search-results .book-title {
  font-size: 120%;
}
.brillart .heading {
  font-size: 22px;
  margin: 0;
  color: #11216E;
  font-weight: bold;
}
.star {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: no-repeat url(../img/bg-star.png) 0 -60px;
}
.star.selected {
  background-position: 0 0;
}
.metrics {
  color: #555;
  font-size: 12px;
}
.to-top-div {
  position: absolute;
  width: 100%;
  display: block;
  text-align: right;
  margin-top: 10px;
}
.bibliography {
  padding: 20px 0 0;
  margin: 20px 0;
  border-top: 1px solid #cdcdcd;
}
.citation,
.source {
  padding: 20px;
  background: #f2f2f2;
  margin: 0 0 20px 0;
}
.citation-container {
  padding: 15px 3% 10px 3%;
  background-color: #ddd;
}
/* content font-list */
.content,
.bibliography,
.citation {
  font-size: 14px;
  line-height: 1.618;
  color: #555;
}
.citation {
  font-size: 12px;
}
.content h3,
.bibliography h3,
.citation h3 {
  font-size: 24px;
}
.content h4,
.bibliography h4,
.citation h4 {
  font-size: 20px;
}
.content h5,
.bibliography h5,
.citation h5 {
  font-size: 18px;
  margin: 0;
}
.content h6,
.bibliography h6,
.citation h6 {
  font-size: 16px;
  color: #333;
  margin: 0;
  font-style: italic;
}
.table thead th,
.table thead td {
  border: solid #222;
  border-width: 1px 0;
}
.table table {
  min-width: 70%;
  border-bottom: 1px solid #222;
  margin: 1em 0;
}
.table td,
.table th {
  padding: 5px 10px 5px 0;
}
.table .right {
  text-align: right;
}
.table .left {
  text-align: left;
}
.table td p,
.table th p {
  margin: 0;
}
.citation .citationitalic {
  font-style: italic;
}
.citation .citationunderline {
  text-decoration: underline;
}
.search-results {
  padding: 20px 0;
}
.search-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}
.navbar {
  display: none;
}
#search-page-title {
  margin-left: 25%;
}
@media (max-width: 760px) {
  #search-page-title {
    margin-left: 0;
  }
}
.search-searchbar-wrapper #search-bar {
  max-width: 500px;
  float: left;
}
.search-searchbar-wrapper #search-bar:after {
  clear: both;
}
.search-details,
.results-list {
  float: left;
  width: 75%;
}
.search-details {
  border-bottom: 1px solid #cdcdcd;
  padding: 0 0 20px 0;
}
.results-list {
  float: right;
  padding: 20px 0;
  position: relative;
}
.search-details h1 {
  margin: 0;
}
.filter {
  border-bottom: 1px solid #cdcdcd;
  padding: 10px 10px 0 10px;
  position: relative;
}
.filter h3 {
  font-size: 16px;
  margin: 0 0 5px 0;
}
.filter ul {
  padding: 0 0 10px 0;
}
.filter li {
  margin-bottom: 5px;
}
.filter-more-btn {
  position: relative;
  left: -10px;
  padding: 0 10px;
  display: block;
  background: #E6E6E6;
  width: 100%;
}
.result-item,
.title-item {
  position: relative;
  padding: 10px 0;
  margin: 0 0 10px 0;
}
.title-item h4 {
  margin: 0.5em 0;
}
.result-item:hover,
.title-item:hover {
  background-color: transparent;
  -webkit-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
}
.sources,
.excerpt,
.subjects {
  color: #333;
}
.sources {
  margin-top: 5px;
}
.sources span {
  color: #cdcdcd;
}
.sources em {
  font-weight: bold;
  background-color: yellow;
}
.sources.off em {
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
}
.descriptors {
  float: right;
  width: 180px;
}
.paginationQuantity {
  position: absolute;
  bottom: 0;
  right: 10px;
}
.paginationQuantity a.displaying,
.paginationQuantity a.displaying:visited {
  font-weight: bold;
  color: #000;
}
.pagination {
  position: relative;
  padding: 10px 0;
  border: 1px solid #cdcdcd;
  border-width: 1px 0;
}
.pagination li {
  float: left;
  list-style: none;
  padding: 0 8px;
  border-left: 1px solid #ccc;
}
.pagination li:first-child {
  border-left: none;
}
.pagination a {
  display: inline-block;
  padding: 5px;
}
.pagination .selected a,
.pagination .selected a:visited {
  color: #153255;
  font-weight: bold;
}
.pagination .excerpt {
  float: left;
  margin-bottom: 20px;
}
.title-info {
  float: left;
  width: 82%;
}
.title-info .book-title {
  margin-bottom: 6px;
}
.page-title.bar {
  margin: 15px 0;
  text-decoration: none;
  background: #b2b4b6;
  background: -moz-linear-gradient(left, #b2b4b6 0%, #d7d9da 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b2b4b6), color-stop(100%, #d7d9da));
  background: -webkit-linear-gradient(left, #b2b4b6 0%, #d7d9da 100%);
  background: -o-linear-gradient(left, #b2b4b6 0%, #d7d9da 100%);
  background: -ms-linear-gradient(left, #b2b4b6 0%, #d7d9da 100%);
  background: linear-gradient(to right, #b2b4b6 0%, #d7d9da 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b4b6', endColorstr='#d7d9da', GradientType=1);
}
.page-title.bar.bold {
  color: #444;
  font-weight: bold;
  font-size: 125%;
}
.page-title.bar a {
  color: #555;
}
a h1.page-title.bar:hover {
  text-decoration: none;
}
.page-all-titles .result-alphabetical {
  margin: 0;
}
.public-info {
  color: #222222;
}
.ui-autocomplete {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #ccc;
  width: 220px;
}
.ui-autocomplete a {
  display: inline-block;
  padding: 5px;
}
.ui-tabs-hide {
  display: none;
}
.page-map {
  clear: both;
  max-width: 96%;
  border: 1px solid #ccc;
  border-width: 1px 0;
  padding: 2%;
  margin-bottom: 20px;
}
.row {
  clear: both;
  border-bottom: 1px dashed transparent;
  margin-bottom: 6px;
}
.row:hover {
  border-bottom-color: #ddd;
}
.page-map a {
  float: left;
  clear: left;
  max-width: 80%;
}
.page-map a h3 {
  margin-bottom: 0;
}
.page-map .page-nr {
  float: right;
  clear: right;
  max-width: 70px;
  margin-left: 10px;
}
.panel-round {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.6);
}
.panel-header {
  margin-bottom: 0;
  padding: 15px 20px 10px 20px;
  background: #ddd;
  border-bottom: 1px solid #aaa;
  color: #555;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.panel-header span {
  font-size: 12px;
  font-style: italic;
  position: relative;
  bottom: 2px;
}
.panel-content {
  padding: 15px 20px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  background-color: #fff;
}
.related-title {
  vertical-align: middle;
  clear: both;
  margin-top: 20px;
}
.related-icons {
  display: inline-block;
  width: 37px;
  height: 37px;
  margin-right: 8px;
  background: url(../img/related-icons.png) 0 0 no-repeat;
  vertical-align: middle;
}
.collection-related ul {
  padding: 0;
}
.collection-related li {
  list-style: none;
}
.three-col {
  float: left;
  width: 30%;
  margin-left: 3%;
}
.row-col {
  margin-left: -3%;
}
.related-link {
  padding-right: 25px;
  background: url(../img/open-icon.png) right center no-repeat;
}
.related-primary-src .related-title {
  margin-top: 0;
  float: none;
}
.related-primary-src li {
  border-bottom: 1px solid #bbb;
}
.related-books .related-icons {
  background-position: 0 -38px;
}
.related-reference .related-icons {
  background-position: 0 -75px;
}
.related-bibl .related-icons {
  background-position: 0 -112px;
}
.related-src {
  font-size: 12px;
}
.temporary-related .row-col {
  margin-left: 0;
}
.temporary-related p {
  width: 90%;
  margin: 0 auto 10px auto;
  padding: 0 5% 10px 5%;
  border-bottom: 1px solid #ccc;
}
.temporary-related h3 {
  font-size: 100%;
}
.four-col {
  float: left;
  width: 23%;
  margin-left: 2%;
  margin-top: 10px;
}
.meta-data-container {
  padding-left: 8px;
}
.sources .meta-data-container {
  padding-left: 0;
}
.sources .item-metadata {
  color: #333;
}
/* Reader */
/*CJP modified: .reader-container { position:relative; float:right; width:68%; text-align:center; margin-bottom:20px; }*/
.reader-container {
  position: relative;
  left: -1px;
  float: right;
  clear: right;
  width: 280px;
  margin: 0 0 15px 8px;
  text-align: center;
}
.no-js .reader-container .btn-primary {
  display: none;
}
.fullscreen-img {
  position: absolute;
  right: 15px;
  bottom: 9px;
  width: 24px;
  height: 24px;
  background: url(../img/reader-btn.png) right center no-repeat;
}
.no-javascript-msg {
  display: none;
}
.no-js .no-javascript-msg {
  display: block;
  position: relative;
  top: 230px;
  z-index: 1;
  width: 55%;
  margin: 0 auto;
  padding: 6px;
  background: #fff;
  color: red;
  border: 1px solid red;
  text-align: center;
  font-weight: bold;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}
/* CJP modified: .reader {  width:95%; height:450px; margin-left:10px; border:2px solid #444; -webkit-box-shadow:3px 3px 4px 0 rgba(0,0,0,0.5); box-shadow:3px 3px 4px 0 rgba(0,0,0,0.5); }*/
.reader {
  overflow: hidden;
  float: left;
  width: 100%;
  height: 265px;
  margin-left: 0px;
  border: 1px solid #444;
  -webkit-border-radius: 0 0 9px 9px;
  border-radius: 0 0 9px 9px;
}
/* Manage labels */
#manage-labels {
  display: none;
}
#manage-labels .lightbox-form {
  display: block;
  padding: 0;
}
#tb-labels {
  width: 100%;
  margin-bottom: 18px;
}
#tb-labels td,
#tb-labels th {
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  width: 95%;
}
#tb-labels tbody tr:nth-child(even) {
  background: #f0f0f0;
}
#tb-labels tbody tr:hover {
  background: #eee;
}
#tb-labels .actions {
  width: 5%;
  text-align: right;
}
/* Manage stars */
#manage-stars {
  display: none;
}
#manage-stars .lightbox-form {
  display: block;
  padding: 0;
}
#tb-stars {
  width: 100%;
  margin-bottom: 18px;
}
#tb-stars td,
#tb-stars th {
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  width: 95%;
}
#tb-stars tbody tr:nth-child(even) {
  background: #f0f0f0;
}
#tb-stars tbody tr:hover {
  background: #eee;
}
#tb-stars .actions {
  width: 5%;
  text-align: right;
}
.starred-title {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
.page-home .starred-title {
  border-top: none;
  padding-top: 0px;
}
/* Search history */
#manage-search-history {
  display: none;
}
#manage-search-history .lightbox-form {
  display: block;
  padding: 0;
}
#tb-search-history {
  width: 100%;
  margin-bottom: 18px;
}
#tb-search-history td,
#tb-search-history th {
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  width: 95%;
}
#tb-search-history tbody tr:nth-child(even) {
  background: #f0f0f0;
}
#tb-search-history tbody tr:hover {
  background: #eee;
}
#tb-search-history .actions {
  width: 5%;
  text-align: right;
}
/* Saved searches */
#manage-saved-searches {
  display: none;
}
#manage-saved-searches .lightbox-form {
  display: block;
  padding: 0;
}
#tb-saved-searches {
  width: 100%;
  margin-bottom: 18px;
}
#tb-saved-searches td,
#tb-saved-searches th {
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  width: 95%;
}
#tb-saved-searches tbody tr:nth-child(even) {
  background: #f0f0f0;
}
#tb-saved-searches tbody tr:hover {
  background: #eee;
}
#tb-saved-searches .actions {
  width: 5%;
  text-align: right;
}
/* advanced search */
#search-bar.search-dropdown {
  padding-bottom: 4px;
}
#search-bar.search-dropdown #search-left {
  right: 266px;
}
#search-bar.search-dropdown #q {
  width: 95.5%;
  padding: 0 2% 0 2.5%;
}
#search-bar.search-dropdown .chzn-drop {
  width: 148px !important;
}
#search-bar.search-dropdown .chzn-search input {
  width: 114px !important;
}
.wrapper.range_.date {
  padding: 0 0 17px;
  margin: 4px 0;
}
.form-row {
  padding: 0 0 18px;
}
.form-row select {
  float: left;
}
.form-row select.range_.date {
  float: none;
  margin: 0 1px 0 0;
  width: 136px;
}
.form-row span.range_.date {
  padding: 0 10px;
}
.form-row span.range_.or {
  margin: 0 6px 0 137px;
}
.form-row .btn {
  margin-left: 160px;
}
.form-row .enable-chzn {
  width: 312px;
}
.form-row .enable-chzn-title {
  width: 312px;
}
.form-row .small {
  width: 100px;
}
.additional-fields {
  display: none;
}
.additional-fields.show {
  display: block;
}
.page-top {
  margin-top: 1em;
}
.page-update-personal-details #main .key,
.page-update-personal-details #main .check-row,
.page-registration #main .key,
.page-registration #main .check-row {
  margin-left: 160px;
}
.page-update-personal-details #main label.error,
.page-registration #main label.error {
  right: auto;
  left: 160px;
  bottom: auto;
  top: 26px;
  text-align: left;
  width: auto;
}
.page-update-personal-details #main .check-row label.error,
.page-registration #main .check-row label.error {
  left: 220px;
  top: 22px;
  left: 0;
}
.no-js .search-tips:hover {
  height: auto;
}
/* All content types */
.small-caps {
  font-variant: small-caps;
}
.underline {
  text-decoration: underline;
}
.overline {
  text-decoration: overline;
}
.quote {
  margin: 0.2em;
}
.paraphrase {
  color: #AD6B2A;
}
/* text & commentaries */
.meta {
  margin: 0 0 1em;
}
.meta p,
.none p {
  margin: 0;
}
.inscription {
  background: #fff;
  padding: 1em;
  margin: 0 0 1em 0;
  border: 1px solid #ccc;
}
table.none {
  margin: 1em 0;
}
table.none td.left {
  width: 5%;
}
.TFhead .sectionhead,
span.segnum {
  font-size: 150%;
  font-weight: bold;
  color: #AA0000;
}
.page-entry .content .star {
  float: left;
  position: relative;
  top: 5px;
}
/* your account */
#account-nav {
  position: relative;
  z-index: 10;
  background: #11216E;
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.25);
}
#account-nav li {
  float: left;
}
#main-nav a,
#main-nav a:visited {
  font: 18px/38px "Georgia", "Brillonline", "KadmosU", "Antinoou", "Gentium", "BrillText", "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Times New Roman", "SBL Hebrew", "Sylfaen", serif;
  background: no-repeat url(../img/bg-main-nav.png) #11216E top left;
  color: #fff;
  border-left: 1px solid #000;
  display: block;
  text-decoration: none;
  text-align: center;
}
#main-nav li:first-child a {
  border-left: none;
}
#main-nav a:hover,
#main-nav .selected a {
  border: 0;
  padding-right: 1px;
  background-color: #5151ba;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5151ba), to(#2b358d));
  background-image: -webkit-linear-gradient(top, #5151ba, #2b358d);
  background-image: -moz-linear-gradient(top, #5151ba, #2b358d);
  background-image: -ms-linear-gradient(top, #5151ba, #2b358d);
  background-image: -o-linear-gradient(top, #5151ba, #2b358d);
  background-image: linear-gradient(top, #5151ba, #2b358d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5151BA', EndColorStr='#2B358D');
}
.page-your-account .account-group {
  width: 50%;
  float: left;
}
.account-group p {
  margin-left: 1em;
}
/* subject listing */
.panel-left {
  float: left;
  width: 22%;
  min-height: 150px;
  margin: 10px 3% 0 0;
}
.subject-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 16px "Georgia", "Brillonline", "KadmosU", "Antinoou", "Gentium", "BrillText", "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Times New Roman", "SBL Hebrew", "Sylfaen", serif;
  font-weight: normal;
}
.subject-list h3 {
  margin-bottom: 0.2em;
  font-size: 105%;
}
.subject-list ul {
  font-size: 13px;
  list-style: none;
}
.subject-list > li {
  width: 100%;
  line-height: 16px;
  clear: left;
  float: left;
  border-top: 1px solid #ccc;
}
.subject-list > li > div {
  padding: 12px;
}
.subject-list > li:first-child {
  border: none;
}
.subject-list > li > div > a {
  display: block;
}
.subject-list span {
  font-size: 12px;
  color: #aaa;
}
.subject-list .access-icon {
  float: none;
  display: inline-block;
}
#subject-list li li {
  padding-left: 24px;
  position: relative;
  line-height: 1.8em;
}
#subject-list .access-icon {
  position: absolute;
  top: 0;
  left: 0;
}
#subject-list .page-title.bar {
  margin-bottom: 0;
}
.subjects-intro {
  background-color: #d6d6d6;
  margin: 6px 0;
  padding: 10px;
}
.spotlight-article {
  float: left;
  width: 69%;
}
.spotlight-article img {
  float: left;
  margin: 0 15px 15px 0;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.col-container {
  margin-left: -2.5%;
}
.two-col {
  float: left;
  width: 47.5%;
  margin-left: 2.5%;
}
.two-col .book-title {
  min-height: 26px;
  margin-top: 11px;
}
.two-col > div:first-child .book-title {
  margin-top: 0;
}
.book-title.with-reader-btn {
  margin: -17px 0 0;
}
.reader-btn.btn-primary {
  float: right;
  font-size: 13px;
  margin: 5px 10px;
}
.reader-btn.btn-primary.toc-entry {
  margin: 26px 0 0;
}
img.reader-btn {
  margin: -5px 0 0 2px;
  width: 16px;
}
.collapse-a-wrapper {
  margin-right: 125px;
}
.subject-collection-list {
  width: 100%;
  margin: 3px 0;
}
.subject-collection-list .access-icon {
  float: left;
  margin-right: 5px;
  margin-bottom: 0;
}
.subject-collection-list h4 {
  float: left;
  display: block;
  width: 90%;
  margin: 2px 0 0 0;
  font-style: normal;
}
/* Fragr styles */
nav#fragr-info {
  position: fixed;
  padding: 0.5em;
  right: 0;
  bottom: 0;
  background-color: #d1d1d1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#fff));
  background-image: -webkit-linear-gradient(top, #d1d1d1, #fff);
  background-image: -moz-linear-gradient(top, #d1d1d1, #fff);
  background-image: -ms-linear-gradient(top, #d1d1d1, #fff);
  background-image: -o-linear-gradient(top, #d1d1d1, #fff);
  background-image: linear-gradient(top, #d1d1d1, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d1d1d1', EndColorStr='#ffffff');
}
body.label-preview .fragment {
  background-color: #FFFFE0;
  position: relative;
  z-index: 10;
  border: 1px solid yellow;
}
.fragment a.edit {
  position: absolute;
  top: -1.8em;
  left: 0.5em;
  border: 1px solid yellow;
  border-bottom: none;
  background-color: #FFFFE0;
  padding: 0px 5px;
  font-weight: bold;
}
div.fragment {
  display: inline;
  padding: 0;
  margin: 0;
}
body.fragr-enabled .tabs li {
  display: block !important;
}
#resource-select,
#resource_select_chzn {
  display: none;
}
#tocpaging {
  max-width: 150px;
}
.row {
  margin-left: -20px;
}
.col-50 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-left: 20px;
  width: 50%;
}
.text-right {
  text-align: right;
}
/* Colorbox styles */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #333;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
  padding: 20px 20px 20px 20px;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxTitle {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  text-align: center;
  color: #000;
}
#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999;
}
#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}
#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
}
#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444;
}
#cboxLoadingOverlay {
  background: #fff url(../img/colorbox/loading.gif) no-repeat 5px 5px;
}
#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  color: #444;
  font-size: 1.5em;
  line-height: 0.5em;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
.js #colorbox #cboxLoadedContent > * {
  display: block;
}
/* Modifications to old styles from BRO */
.backtotop {
  display: none;
}
span.segnum {
  font-weight: bold;
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir,
#social-media a {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
/* Hide for both screenreaders and browsers: h5bp.com/m */
.hidden {
  display: none;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/n  & h5bp.com/o */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after,
.form-row:before,
.form-row:after,
.content dl:before,
.content dl:after,
#subject-list li:before,
#subject-list li:after {
  content: "";
  display: table;
}
.clearfix:after,
.form-row:after,
.content dl:after,
#subject-list li:after {
  clear: both;
}
.clearfix,
.form-row,
.content dl,
#subject-list li {
  zoom: 1;
}
.clear {
  clear: both;
}
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media (max-width: 800px) {
  /* Style adjustments for viewports up to 800px go here */
  .form-row label {
    text-align: left;
  }
  .related-icons {
    display: block;
  }
  /* for the temporary solution of the related panel */
}
@media (max-width: 768px) {
  /* Style adjustments for viewports up to 768px go here */
  body {
    font-size: 13px;
  }
  #container {
    width: 100%;
    min-width: 0;
    max-width: 2000px;
  }
  .header-big-icon,
  .header-big-icon img {
    width: 76px;
    height: auto;
    margin: 14px 5px 5px 5px;
  }
  .header-big-icon img {
    margin: 0;
  }
  #main-nav ul li {
    width: 38%;
  }
  #main-nav ul li:first-child {
    width: 24%;
  }
  .header-icons {
    bottom: 43px;
  }
  .hide-for-collapse {
    display: none;
  }
  #subject-list,
  .panel-left {
    width: 100%;
    min-height: 0;
  }
  .subject-list > li > div {
    padding: 6px 10px;
  }
  .subject-list > li > div > a,
  .subject-list h3 {
    font-size: 100%;
  }
  .search-filter {
    display: none;
  }
  .navbar {
    display: block;
    margin: 15px 0 10px 0;
  }
  .navbar-inner {
    padding: 0;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 1px 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .navbar .btn-navbar {
    margin-top: 10px;
  }
  .navbar .brand {
    font-size: 130%;
    color: #06254a;
    text-shadow: none;
    padding: 2%;
  }
  .search-details,
  .results-list {
    width: 100%;
  }
  .spotlight-article {
    width: 100%;
  }
  .tabs {
    top: -26px;
  }
  .two-col {
    width: 100%;
  }
  .reader-container {
    float: none;
    clear: right;
  }
  .footer-site-links a {
    font-size: 12px;
  }
}
@media (max-width: 680px) {
  .advanced-search-form > p,
  .form-row.two-lines .chzn-container,
  .search-tips,
  .form-row #search-go {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  /* Style adjustments for viewports up to 480px go here */
  #footer-site-links .col:first-child {
    display: none;
  }
  #resource-select,
  #resource_select_chzn {
    display: block;
  }
  #resource_select_chzn {
    width: 150px;
    float: right;
    margin: 5px;
  }
  #masthead .chzn-search {
    display: none;
  }
  body {
    font-size: 12px;
  }
  .header-big-icon,
  .header-big-icon img {
    width: 40px;
    height: auto;
  }
  .header-big-icon {
    float: left;
    clear: left;
    margin: 5px;
  }
  #site-logo-link {
    float: left;
    display: inline-block;
    width: 60%;
    margin: 9px 0 0 0;
    font-size: 18px;
  }
  #site-logo-link em {
    font-size: 18px;
  }
  #main-nav {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  }
  #main-nav a,
  #main-nav a:visited {
    font-size: 14px;
    height: 43px;
    line-height: 22px !important;
  }
  #main {
    width: 96%;
  }
  #right-bar ul {
    margin-left: -13px;
  }
  #right-bar li {
    margin-left: 13px;
  }
  .panel-title {
    clear: both;
  }
  #search-left {
    left: 5px;
    right: 90px;
    top: 4px;
  }
  #search-right {
    width: 90px;
    right: 5px;
    top: 7px;
  }
  #search-bar.search-dropdown {
    padding-bottom: 0;
    height: 68px;
  }
  #search-bar.search-dropdown .chzn-container {
    float: left;
    right: auto;
    left: 5px;
    top: 35px;
    font-size: 12px;
  }
  #search-bar.search-dropdown #search-left {
    right: 100px;
  }
  h1 {
    margin-bottom: 0.5em;
  }
  .spotlight-article {
    width: 100%;
  }
  .pagination li {
    padding: 0 4px;
    font-size: 105%;
  }
  .result-item,
  .title-item {
    margin-bottom: 3px;
    padding: 5px 3px;
  }
  .reader-container {
    width: 280px;
    min-height: 55px;
    text-align: left;
  }
  .reader {
    display: none;
  }
  .full-screen-btn {
    top: 0;
    margin: 10px 0;
    width: 62%;
  }
  .reader-container .btn-primary {
    width: auto;
    padding: 7px 42px 7px 10px;
  }
  .fullscreen-img {
    right: 10px;
    top: 6px;
  }
  .tabs {
    top: -24px;
  }
  .tabs li a {
    padding: 2px 5px 1px 5px;
  }
  .collection-related .three-col {
    clear: both;
    width: 95%;
  }
  .panel-round {
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  .panel-header {
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    padding: 7px 10px 4px 10px;
  }
  #page-footer {
    padding: 5px 2% 25px 2%;
  }
  #footer-site-links .col {
    width: 48%;
    margin-right: 0;
    clear: both;
  }
  .footer-site-links a {
    font-size: 12px;
  }
  .footer-title {
    margin: 0;
    min-height: auto;
    line-height: 1.5;
    font-size: 18px;
  }
}
input.date-range {
  background-image: url(/static/img/datepicker.png);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 96% 50%;
  width: 128px !important;
  float: none !important;
  margin: 0 1px 0 0 !important;
}
span.date-range {
  padding: 0 6px;
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  /*a[href]:after { content: " (" attr(href) ")"; font-size:12px !important; font-style:normal !important; font-weight:normal !important; }*/
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after,
  #site-logo-link:after,
  #brill-logo-link:after,
  a:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  #supplimental,
  #main-nav,
  #page-footer,
  #right-bar,
  #search-bar {
    display: none;
  }
  #home-hero {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
  #main {
    float: none;
    width: auto;
  }
  #background {
    height: auto;
    min-height: 0;
    max-height: auto;
  }
  #relatedEntries {
    display: none;
  }
}
body .uwy .uai,
body .uwy .ulsti {
  cursor: pointer;
  background: #0048ff !important;
  border-radius: 50% !important;
  padding: 0;
  transition: 0.1s;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  position: relative;
  top: 19px !important;
}
body .uwy.userway_p1 .userway_buttons_wrapper {
  right: -55px !important;
  bottom: auto;
  left: calc(100vw - 21px);
  transform: translate(-100%);
}