/*
* 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 * {
  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;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
/* =============================================================================
Links
========================================================================== */
article.content a.page_break {
  font-size: 17px;
  font-family: Brill;
}
.get-access span {
  color: #FFFFFF !important;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
  outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
i {
  font-style: italic;
}
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;
}
/* 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 */
.content sup.notesup {
  font-family: Brill;
  font-size: 17px;
}
/*DV CHANGE 20150630*/
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;
}
.nowrap {
  white-space: nowrap;
}
h2 {
  font-size: 120%;
  font-weight: bold;
}
h3 {
  font-size: 110%;
  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;
}
.subHeading {
  font-size: 125%;
}
/* =============================================================================
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;
}
.icon-list {
  margin: 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;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * RIBO-975 The PDF icon should be at the end of the link (RPT project)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.button.pdf-btn {
  padding: 7px 20px 5px 15px;
  margin-bottom: 6px;
  display: inline-block;
  border-radius: 4px;
  background-color: #0f346c;
  color: #FFF;
  font-weight: bold;
  font-size: 0.938rem;
  font-family: "Noto Sans", sans-serif;
}
.button.pdf-btn:hover {
  background-color: #091f3f;
}
.button.pdf-btn-disabled {
  background-color: #BBB;
  background-image: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  text-shadow: none;
  cursor: default;
}
.button.pdf-btn-disabled:hover {
  text-shadow: none;
}
.button.pdf-btn-disabled:active {
  background-color: #BBB !important;
  background-image: none !important;
}
img.pdf-btn-icon {
  display: inline-block !important;
  position: relative;
  top: -3px;
  left: 5px;
  max-height: 20px;
}
img.pdf-link-icon {
  display: inline !important;
  margin: -1em 0px 0px 0.1em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.zoomImg {
  cursor: pointer;
}
/*
 * 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;
  font-size: 0.9em;
}
/*DV CHANGE 20150630*/
/*
 * 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;
  width: 100%;
}
td {
  vertical-align: top;
}
th {
  text-align: left;
}
/* ==|== primary styles =====================================================
Author: dans@semantico.com
To avoid unecessary overhead will default to body.Reference and only override for .Bibligrographies
========================================================================== */
/*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,
label,
input[type="text"],
.get-access span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  color: #222;
  -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;
  color: #222;
}
.filter,
.filter a,
.filter h3,
.filter span {
  font-family: 'Noto Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.111em;
  font-weight: normal;
}
.search-details h3 {
  font-size: 18px;
  line-height: 1.4;
  color: #333;
}
.search-filter h3 {
  font-size: 1.375rem;
  color: #0f346c;
}
h1 {
  font-size: 30px;
  color: #0f346c;
}
#search-bar {
  margin-right: auto;
  margin-left: 260px;
  width: 48%;
  min-width: 300px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  position: relative;
}
#search-bar .chzn-container {
  margin-left: 12px !important;
  float: right !important;
}
#search-bar .search-wrapper {
  overflow: hidden;
  height: 44px;
  border-bottom: 2px solid #322176;
}
#search-bar .search-wrapper .input-wrapper {
  overflow: hidden;
  height: inherit;
}
#search-bar .search-wrapper .input-wrapper input#q {
  width: 100%;
  height: inherit;
  border: none;
  outline: none;
  margin: 0;
  padding: 6px 2px 0 2px;
}
#search-bar .search-wrapper #search-right {
  float: right;
  width: 40px;
  height: inherit;
  text-align: center;
}
#search-bar .search-wrapper #search-right button {
  width: inherit;
  height: inherit;
  padding: 5px 0 0 0;
  margin: 0;
  border: 0 none;
  outline: 0;
  box-shadow: none;
  text-shadow: none;
  background: transparent;
  cursor: pointer;
}
#search-bar .search-wrapper #search-right button .fa-search {
  color: #322176;
  font-size: 1.125rem;
  cursor: pointer;
}
#search-bar .search-wrapper #search-right button:hover {
  transform: scale(1.15);
}
#search-bar .advanced-search {
  color: #0f346c;
  float: right;
  height: 22px;
  margin: 5px 3px 0 0;
  border: 0 none;
  outline: 0;
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: normal;
}
#search-bar .advanced-search:hover {
  background-color: rgba(15, 53, 108, 0.1);
  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);
}
.page-search-results #search-bar {
  margin-left: 0;
  padding-left: 0;
}
#search-book-list,
#search-book,
#search-book_chzn {
  cursor: auto;
  font-size: 13px;
  border: 1px solid #cdcdcd;
  width: 34%;
  float: left;
  margin: 0% 0 1% 2%;
  height: 30px;
}
.advanced-search {
  font-size: 10px;
  font-size: 9px \9;
  float: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.result {
  padding-bottom: 35px;
  border-bottom: 2px solid #cdcdcd;
  margin: 0 0 20px 0;
}
#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;
}
#search-left .chosen-container {
  display: none;
}
.chosen-container {
  background-color: #f0eff3;
}
#within-title {
  display: none;
}
.form-row {
  position: relative;
}
.form-row.btn-row {
  padding-top: 30px;
}
.form-row.btn-row.search-clear-btns {
  width: 625px;
}
.form-row.btn-row.search-clear-btns button {
  float: right;
  margin-left: 20px;
}
.form-row h1.advanced-search-title {
  display: block;
  float: left;
  padding: 4px 6% 0 0;
}
.form-row label {
  display: block;
  width: 160px;
  height: 100%;
  padding: 14px 10px 0 0;
  float: left;
  text-align: left;
  font-size: 0.75rem;
}
.form-row .input-wrapper {
  position: relative;
  width: 42%;
  height: inherit;
  max-width: 450px;
  overflow: hidden;
}
.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 #322176;
}
.form-row .input-wrapper button {
  position: absolute;
  right: 0;
  width: 30px;
  height: 100%;
  padding: 1px 5px 0 0;
  margin: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  text-shadow: none;
  text-align: right;
  background: transparent;
  cursor: pointer;
}
.form-row .input-wrapper button .fa-search {
  color: #322176;
  font-size: 1.125rem;
  cursor: pointer;
}
.form-row .input-wrapper button:hover {
  transform: scale(1.15);
}
.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;
}
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,
a.get-access.btn-primary {
  font-family: 'Noto Sans', sans-serif;
  font-weight: bold;
  display: inline-block;
  color: #FFFFFF;
  background: #0f346c;
  -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;
}
.btn-primary:visited,
a.btn-primary:visited,
a.get-access.btn-primary:visited {
  color: #FFFFFF;
}
.btn-primary:hover,
a.btn-primary:hover,
a.get-access.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);
}
.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 .pwd-reminder {
  float: right;
  font-size: 15px;
}
#login-form .form-row {
  padding: 0;
  margin-bottom: 10px;
}
#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 .form-row {
  padding: 0;
}
#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;
}
.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;
}
/* main structure ------------------------------------- */
#container {
  min-width: 768px;
  margin: 0 auto;
  background: #FFFFFF;
}
#main {
  float: left;
  padding: 0 3.125% 20px 3.125%;
  margin: 20px 0 3.125% 0;
  width: 72.0703125%;
  min-height: 475px;
  position: relative;
  font-family: "Brill", "Georgia", "SBLHebrew", "Brillonline", "KadmosU", "Antinoou", "Gentium", "Arial Unicode MS", serif;
}
#main {
  -webkit-transition: width 0.05s ease-in;
  -moz-transition: width 0.05s ease-in;
  -o-transition: width 0.05s ease-in;
  transition: width 0.05s ease-in;
}
/* common helpers ------------------------------------- */
.hide-element,
.hide-element + .chzn-container {
  display: none !important;
}
/* main content --------------------------------------- */
.result-wrapper {
  border-top: 5px solid #f2f2f2;
  padding-top: 20px;
}
.result-item,
.title-item {
  width: 100%;
  padding: 20px 0 22px 2px;
  margin: 0 0 10px 0;
}
.title-item {
  border-bottom: solid 1px #cdcdcd;
}
.title-item:last-of-type {
  border-bottom: none;
}
#subject-list {
  padding-top: 20px;
}
.front-cover {
  float: left;
  display: inline-block;
  overflow: hidden;
  width: 240px;
  height: 173px;
  margin: 0 16px auto 0;
  position: relative;
  box-shadow: 2px 4px 11px 0px rgba(0, 0, 0, 0.75);
}
.front-cover img {
  width: 100%;
  height: 100%;
}
.product-logo {
  float: left;
  width: 240px;
  height: 173px;
  box-shadow: 2px 4px 11px 0px rgba(0, 0, 0, 0.75);
}
.result-logo {
  float: left;
  width: 100%;
  height: 100%;
}
.result-detail {
  overflow: hidden;
  padding-left: 20px;
}
.result-alphabetical {
  margin: 10px 0 0 0;
  border: 1px solid #bcbec0;
  background: #f2f2f2;
  border-width: 1px 0;
  padding: 10px 5px;
}
.result-alphabetical li {
  float: left;
  display: inline;
  margin: 0 10px 0 0;
  color: #cdcdcd;
}
.result-alphabetical li h3 {
  margin: 0;
}
.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;
}
.title-info {
  vertical-align: top;
  overflow: hidden;
}
.book-title {
  color: #000;
  margin: 0;
}
.Bibliographies #subject-list .access-icon {
  position: static;
}
.subject-list-item .access-icon {
  float: left;
  margin-right: 5px;
}
.access-icon {
  float: right;
  padding: 0;
  margin: 0;
  margin-top: 4px;
  width: 14px;
  height: 14px;
  background-position: 0 4px;
  background-size: contain !important;
}
.full-access {
  background: no-repeat url(../img/access/full-access-icon.png);
  background-position: right;
}
.no-access {
  background: no-repeat url(../img/access/no-access-icon.svg);
  background-position: right;
}
.open-access {
  background: no-repeat url(../img/access/open-access-green.svg);
  background-position: right;
}
h2.book-title {
  margin-bottom: 12px;
}
.search-results {
  padding: 20px 0;
}
.search-filter {
  float: left;
  width: 25.74525745%;
  margin: 0 4.33604336% 0 0;
  margin-bottom: 250px;
}
.search-details,
.results-list {
  float: left;
  width: 69.91869919%;
}
.search-details {
  border-bottom: 1px solid #cdcdcd;
  padding: 0 0 20px 0;
}
.results-list {
  padding: 20px 0;
  position: relative;
}
.search-details h1 {
  margin: 0;
}
.search-details h3 {
  margin: 0;
}
.search-filter h3 {
  display: inline-block;
  margin: 0;
  width: 100%;
  padding: 0 30px 5px 0;
  border-bottom: 1px solid #cdcdcd;
  cursor: pointer;
  user-select: none;
}
.search-filter h3 i {
  display: block;
  position: absolute;
  right: 3px;
  top: 0;
  padding-top: 1px;
  font-size: 1.25rem;
}
.search-filter .filter {
  font-size: 18px;
  padding: 0 0 10px 0;
  position: relative;
  overflow: hidden;
}
.search-filter .filter h3 {
  font-size: 18px;
}
.search-filter .filter ul {
  padding: 20px 0 0 0;
  color: #0f346c;
}
.search-filter .filter li {
  width: 100%;
}
.search-filter .filter li i {
  display: block;
  position: absolute;
  left: 5px;
  padding-top: 5px;
  font-size: 0.688rem;
}
.search-filter .filter li a {
  display: block;
  vertical-align: top;
  height: auto;
  width: 100%;
  padding: 0 0 10px 26px;
  font-size: 18px;
}
.search-filter .filter li a span {
  font-size: 16px;
  display: block;
  overflow: hidden;
}
.search-filter .filter li a span.row-result {
  display: inline-block;
  float: right;
  vertical-align: top;
  padding-left: 10px;
  color: #adadad;
  font-size: 1.125rem;
}
.search-filter .filter .filter-more-btn {
  position: relative;
  padding: 0 0 0 26px ;
  display: block;
  width: 100%;
  height: 30px;
  outline: 0;
  font-size: 1rem;
  font-weight: bold;
  color: #0f346c;
}
.search-filter .filter .filter-more-btn i {
  display: block;
  position: absolute;
  left: 5px;
  top: 1px;
}
.search-filter .filter.cls h3 i {
  transform: rotate(180deg);
}
mark,
em.hit {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
em.hit.highlight-off {
  background: inherit;
  color: inherit;
  font-style: inherit;
  font-weight: inherit;
}
/* tabs and toc */
#book-tabs {
  clear: both;
  position: relative;
  top: 20px;
}
#book-tabs .drop-down-list {
  max-width: 600px;
  list-style: none;
  padding: 0;
}
#book-tabs .drop-down-list .contents-list {
  margin-left: 1em;
}
#book-tabs .contents-title {
  border-bottom: 2px solid #f2f2f2;
}
#book-tabs .contents-title i {
  margin-left: 10px;
  float: right;
}
#book-tabs .contents-list {
  list-style: none;
}
#book-tabs ul,
#book-tabs ul li {
  padding-left: 0;
}
#book-tabs li:hover {
  background-color: rgba(15, 53, 108, 0.1);
  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 #f8a41a;
}
.Bibliographies #masthead {
  border-bottom: 5px solid #8cbe3f;
}
#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 {
  float: right;
  margin-top: 40px;
}
#supplimental .menu-button-nav-label {
  display: none;
}
#supplimental li {
  display: inline;
  padding-left: 5px;
}
#supplimental li + li {
  border-left: 2px solid #336699;
}
#supplimental a,
#supplimental a:visited {
  display: inline-block;
  padding: 0 8px;
  color: #fff;
  text-decoration: none;
}
#supplimental a,
#supplimental a:visited {
  display: inline-block;
  padding: 4px;
  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 {
  float: right;
  bottom: 80px;
  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;
}
@media (max-width: 800px) {
  #supplimental .brill-link-container {
    margin-top: 45px;
  }
}
/* right bar */
#flex-container {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#main {
  overflow: hidden;
  float: left;
  width: auto;
  flex-grow: 1;
  -ms-flex: 1;
  z-index: 20;
  min-height: 700px;
}
#right-bar {
  font-family: 'Noto Sans' !important;
  z-index: 300;
  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;
  min-width: 290px;
  width: 100%;
}
.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: 22px;
  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,
.tools-bar a:visited {
  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;
}
@media (max-width: 480px) {
  .tools-bar a.expand-trigger.smallest {
    top: 30%;
  }
}
.tools-bar a.expand-trigger.smallest i {
  background-color: black;
  border: 5px solid black;
  border-radius: 16px;
}
.tools-bar a.to-top {
  display: none;
  background-color: black;
  border: 12px solid black;
  border-radius: 26px;
  width: 24px;
  margin-left: 3px;
}
.tools-bar a.to-top.smallest {
  right: 2px;
  font-size: 18px;
}
@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;
  top: auto;
  bottom: 2vh;
  border: 12px solid black;
  border-radius: 26px;
}
.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: 1;
  width: 346px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  overflow: -moz-scrollbars-none;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 20px;
  transition: right 0.2s linear, min-width 0.2s linear;
}
.right-bar-content::-webkit-scrollbar {
  display: none;
}
.right-bar-content.fixed {
  position: fixed;
  right: -2px;
  top: 0;
  bottom: 0;
}
@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 .tools-list.panel {
  display: none;
}
.right-bar-content #tools {
  border-top: 3px solid #cdcdcd;
}
.panel {
  padding: 10px 0;
  border-bottom: 3px solid #cdcdcd;
}
.panel li {
  margin: 0 0 8px 0;
}
.panel h4 {
  font-size: 17px;
}
.access-provided {
  color: #666;
}
.access-from {
  font-size: 1em;
  font-weight: normal;
  color: #222;
}
.pass-reminder {
  display: block;
  margin-bottom: 8px;
}
.pass-reminder:after {
  clear: both;
}
/*DV CHANGE 20150630*/
#right-bar .reg-msg {
  margin-bottom: 10px;
}
.p13n-input-label {
  color: #646464;
  font-weight: bold;
}
.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;
}
.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;
}
#sign-out-popup {
  font-family: 'Noto Sans', sans-serif;
}
#sign-out-popup input {
  margin-right: 20px;
}
#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;
}
#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: grey;
}
.star-icon-img {
  position: relative;
  bottom: 5px;
}
#view-history .chosen-container {
  width: 60% !important;
  margin-bottom: 6px;
}
#view-history .clear-history {
  display: block;
  padding-left: 2px;
}
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);
}
#main.hague {
  width: 90%;
  margin: 0;
}
.fullwidth {
  width: 93.75% !important;
}
.sliderhide {
  display: none;
}
.ie #background {
  height: auto;
}
.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;
  margin: 0 0 0.2em 0;
}
/* RIBO-966
 * removed the margin which was breaking width in percentage
 * content dt { clear:left; margin-right:0.5em; } */
.content dt {
  flex: 0 0 8%;
  clear: left;
}
.content .complexarticlediv dt {
  clear: none;
  margin-right: 0;
}
/* RIBO-966 . The fix for RIBO-966 was to add padding and margins, however this broke other issues.
 *            Therefore reverting to previous settings without padding or margin. See Jira for details.
 * .content dd { width:87%; padding-left: 40px; margin-top: -26px; } */
.content dd {
  flex: 0 0 92%;
  margin-left: auto;
  text-align: left;
}
/* RIBO-1315 . dd elements are not clearing correctly when dls are higher
add a 'clearfix' method to force some clearance ,caveat of which is that the height
will need to be increased should the dl content go over three lines */
.content .complexarticlediv dd:after {
  content: "";
  display: table !important;
  clear: both;
  content: "---";
  visibility: hidden;
}
dl {
  overflow: hidden;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;
}
/* 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;
}
/* Contributors */
ul.byline {
  padding: 0;
  list-style-type: none;
}
ul.byline li {
  text-align: left;
  font-size: 13px;
}
/* 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: 500;
}
#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;
}
input[type=text],
input[type=password],
input[type=email],
textarea {
  border: 1px solid #cdcdcd;
  margin: 0 10px 0 0;
  padding: 5px;
}
.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;
  -moz-box-shadow: 0 0 4px #c00;
  -webkit-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;
}
.js #register-form img:not(.key-img) {
  margin-left: 10px;
}
.js #logout-form input[type=text],
.js #logout-form input[type=password] {
  width: 188px;
}
.js #logout-form {
  width: 325px;
  height: 220px;
}
.js #export-form input[type=text] {
  width: 188px;
}
.js #export-form {
  width: 375px;
  height: 320px;
}
#export-form label {
  position: relative;
}
#export-form label.error {
  position: absolute;
  left: 130px;
  top: 10px;
}
.js #recommend-library-form input[type=text] {
  width: 400px;
}
/* Export forms */
.js #export-refworks-form {
  margin: 1em 0;
}
.risData {
  display: none;
}
.note {
  color: #666666;
  font-size: 10px;
}
.lightbox-info {
  font-size: 20px;
}
.checkTerms {
  margin: 0 0 15px 0;
  font-size: 12px !important;
}
.key {
  color: #c00;
}
#breadcrumb {
  margin-bottom: 18px;
  overflow: hidden;
}
/* Create new label form */
#create-new-label-form {
  height: 200px;
}
.js #create-new-label-form input[type=text] {
  width: 188px;
}
.js #create-new-label-form {
  width: 240px;
}
#create-new-label-form .form-row {
  padding-bottom: 18px;
}
#create-new-label-form .form-row .error {
  bottom: 9px;
  left: 0;
  right: auto;
}
/* home */
#home-hero {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 32px 32px 10px 32px;
  height: 125px;
  background-color: #e4ac5b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4ac5b), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #e4ac5b, #f1f1f1);
  background-image: -moz-linear-gradient(top, #e4ac5b, #f1f1f1);
  background-image: -ms-linear-gradient(top, #e4ac5b, #f1f1f1);
  background-image: -o-linear-gradient(top, #e4ac5b, #f1f1f1);
  background-image: linear-gradient(top, #e4ac5b, #f1f1f1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E4AC5B', EndColorStr='#F1F1F1');
}
.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%;
}
h1 .other {
  padding: 0 10px;
  margin: 0 0 0 10px;
  border-left: 1px solid #cdcdcd;
  font-size: 14px;
  font-weight: normal;
}
.search-results {
  color: #555;
  margin: 0 0 20px 0;
}
.toc-wrapper {
  border-top: 1px solid #cdcdcd;
}
.toc {
  clear: both;
  padding: 20px 20px 20px;
  float: right;
  margin: 0 0 20px 20px;
  position: relative;
  background: #F2F2F2;
  width: 220px;
  z-index: 1000;
}
.toc ol {
  padding: 0;
  list-style: none;
}
.toc li {
  padding-bottom: 8px;
}
.toc h2 {
  font-size: 100%;
  margin-bottom: 0em;
}
.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;
}
.see-also {
  padding: 5px 10px;
  border: 1px solid #D4D4D4;
  margin: 1em 0;
}
.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;
}
/*DV CHANGE 20150630*/
.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;
}
.bibliography {
  padding: 20px 0 0;
  margin: 20px 0;
  border-top: 1px solid #cdcdcd;
}
/* content font-list */
.citation {
  font-size: 12px;
}
.citation,
.source {
  overflow-x: auto;
  padding: 20px;
  background: #f2f2f2;
  margin: 0 0 20px 0;
}
/* RIBO-634 poem/quote */
.cit .l {
  margin: 0 8% 0 8%;
}
.lg {
  display: inline-block;
  padding-bottom: 20px;
}
.table,
.T {
  overflow-x: auto;
}
.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 .center {
  text-align: center;
}
.table td p,
.table th p {
  margin: 0;
}
.citation .citationitalic {
  font-style: italic;
}
.citation .citationunderline {
  text-decoration: underline;
}
.sources,
.excerpt,
.subjects .authors {
  color: #333;
  font-size: 17px;
}
/*DV 20160921*/
.sources {
  margin-top: 5px;
}
.sources span {
  color: #cdcdcd;
}
.descriptors {
  float: right;
  width: 180px;
}
.paginationQuantity {
  float: right;
}
.paginationQuantity a.displaying,
.paginationQuantity a.displaying:visited {
  font-weight: bold;
  color: #000;
}
/*REVIEWED DV 20160921*/
.pagination {
  padding: 10px 0;
  border: 1px solid #cdcdcd;
  border-width: 1px 0;
}
.pagination li {
  float: left;
}
.pagination a {
  display: inline-block;
  padding: 5px;
}
.pagination .selected a,
.pagination .selected a:visited {
  color: #333;
  font-weight: bold;
}
.page-title {
  border-bottom: 1px solid #cdcdcd;
  padding: 10px 0;
  margin: 0 0 10px 0;
}
.page-title-box {
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 10px;
}
.page-title-box .page-title {
  border-bottom: none;
  margin: 0;
}
.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;
}
.simple-tabs {
  list-style: none;
  padding: 0;
  border-bottom: 8px solid #f2f2f2;
  margin: 0;
  margin-bottom: 15px;
}
.simple-tabs li {
  float: left;
  margin-right: 20px;
  margin-bottom: -1px;
  font-style: normal;
}
.simple-tabs li a {
  display: block;
  height: 30px;
  padding: 0;
  border-bottom: 2px solid #0f346c;
  position: relative;
  top: 2px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Noto Sans' !important;
}
.simple-tabs li a span {
  font-family: 'Noto Sans' !important;
}
.simple-tabs li.ui-state-active a {
  border-bottom: 4px solid #0f346c;
}
/* 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 */
.form-row {
  padding: 0 0 18px;
}
.chzn-container input[type=text] {
  float: none;
}
.form-row select {
  float: left;
}
.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,
.page-registration #main input[type=submit] {
  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;
}
/* 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,
table.none th {
  border: 0px none;
}
table.none td.left {
  width: 5%;
}
table.all {
  margin: 1em 0;
  border: 1px solid #222;
}
table.all td,
table.all th {
  border: 1px solid #222;
  padding-left: 2px;
  padding-right: 2px;
}
.TFhead .sectionhead,
span.segnum {
  font-size: 150%;
  font-weight: bold;
  color: #AA0000;
}
.T .THead .sectionhead {
  color: #AA0000;
  font-size: xx-large;
}
/* Bibliographies content (brillart) */
ul.brillart,
ul.brillart ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.brillart li {
  margin-bottom: 5px;
}
.result-item .brillart li,
.result-item .brillart ul {
  display: inline;
}
.result-item .brillart > li {
  padding-right: 10px;
}
ul.brilllb_source,
ul.brilllb_source ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.brilllb_source li {
  margin-bottom: 5px;
  margin-left: 10px;
}
.brilllb_source img {
  margin-left: 10px;
}
li.brilllb_source {
  margin-bottom: 18px;
}
#wcd-panel {
  padding: 20px 0;
  margin-top: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.p13n-logged-in .content .brillart .heading {
  text-indent: 5px;
}
.page-entry .content .star {
  float: left;
  position: relative;
  top: 5px;
}
/* your account */
#account-nav {
  position: relative;
  z-index: 10;
  background: #11216E;
  -moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.25);
  -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: 20px/38px "Georgia", "Brillonline", "KadmosU", "Antinoou", "Gentium", "Brill", "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-right: 1px solid #000;
  display: block;
  text-decoration: none;
  text-align: center;
}
#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 */
.col-container {
  margin-left: -2.5%;
}
.two-col {
  float: left;
  width: 47.5%;
  margin-left: 2.5%;
}
.two-col h2 {
  /*height: 26px;*/
  /*DV CHANGE 20150630*/
  margin: 11px 0 0 0;
  font: 0.8em "Georgia", "Brillonline", "KadmosU", "Antinoou", "Gentium", "Brill", "Arial Unicode MS", "Lucida Grande", "Lucida Sans Unicode", "Times New Roman", "SBL Hebrew", "Sylfaen", serif;
  /*DV CHANGE 20150630*/
  font-weight: normal;
}
.two-col > div:first-child .book-title {
  margin-top: 0;
}
.subject-list-item {
  width: 100%;
  margin: 3px 0;
}
.subject-list-item a {
  font-size: 0.8em;
  /*DV CHANGE 20150630*/
  float: left;
  display: block;
  width: 90%;
  margin: 2px 0 0 0;
  font-style: normal;
}
/* Alternate layout for bibliographies */
.Bibliographies #subject-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Bibliographies #subject-list .show-control {
  width: 100%;
}
.Bibliographies #subject-list .show-control a {
  float: right;
  font-size: 18px;
  display: none;
}
.Bibliographies #subject-list .blurb-container {
  width: 100%;
  display: none;
}
.figure {
  display: inline-block;
  float: right;
  clear: right;
  margin: 0 0 10px 10px;
  padding: 10px;
  border: 1px solid #ccc;
  width: 250px;
}
.figure img {
  width: 100%;
}
.figurehead {
  display: block;
  font-size: 12px;
}
.num {
  color: #434;
}
/* 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 {
  line-height: 1.11em;
  /*DV CHANGE 20150630*/
  display: inline;
  padding: 0;
  margin: 0;
}
div.subject {
  font-size: 0.8em;
  line-height: 1.11em;
}
/*DV CHANGE 20160921*/
div.lh-related-content {
  font-size: 0.8em;
  line-height: 1.11em;
}
/*DV CHANGE 20161014*/
/*This allows new lines to be displayed in search results for subject descriptors*/
.result-item .brillart > li.new-line {
  display: block;
}
/* 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;
  padding: 20px;
  font-family: 'Noto Sans', sans-serif;
}
#cboxContent .form-row {
  margin: 10px 0;
}
#cboxLoadedContent {
  overflow: hidden;
}
#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;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxTitle {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  text-align: center;
  color: #000;
}
/* RIBO-729 */
.modified #cboxTitle {
  position: static;
}
.modified #cboxWrapper {
  position: static;
}
.modified #cboxContent {
  padding-bottom: 10px;
}
/* END of RIBO-729 */
#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 only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}
/* ==|== 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;
    box-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,
  #breadcrumb 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,
  #linking-hub-related-container,
  .to-top {
    display: none;
  }
  .search-results {
    display: none;
  }
}
/* buttons styled as links */
.linkLike {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  text-decoration: none;
  cursor: pointer !important;
  font-size: 10px ;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}
.contents-title {
  font-weight: bold;
}
.arrow {
  font-size: 20px;
  margin-left: 5px;
}
h3.search-query {
  overflow: hidden;
}
/*
 * 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%;
}
/* RIBO-927 : Re-order font-family, so that "Brill" is now preferred over "Georgia".
 *            Note that "Brill" is a font that belongs to the Brill company and each user is required to download
 *            it to their client machine before they can see it.
 *            Problem: The Brill font is "smaller" than Georgia, so the default font size is increased.
 *                     However, each user who has not downloaded the Brill font will get Georgia (or lower precedence),
 *                     and the letters will be bigger than they should be.
 *                     We can't do anything about this, it is a decision made by Brill. They know the implications.
 */
body {
  margin: 0;
  font-size: 1.24em;
  line-height: 1.28;
}
span {
  color: inherit;
}
.rtl {
  direction: rtl;
}
.ltr {
  direction: ltr;
  unicode-bidi: bidi-override;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.align-justify {
  text-align: justify;
}
.audio-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/speaker.png) transparent no-repeat scroll 0 0;
  margin: 0px 3px;
  position: relative;
  top: -3px;
}
.audio-image {
  background: url(../img/speaker48.png) transparent no-repeat scroll 0 0;
  left: 0px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  margin-left: 5px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.audio-image-inv {
  background: url(../img/speaker48inv.png) transparent no-repeat scroll 0 0;
  left: 0px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  margin-left: 5px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.audio-text-inline {
  color: #CC3399;
  cursor: pointer;
}
p.audio-text {
  font-style: italic;
}
div.audio-layout {
  position: relative;
  padding-left: 32px;
}
bdi[dir='ltr'],
[dir='rtl'] {
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: -ms-isolate;
  unicode-bidi: isolate;
}
bdo[dir='ltr'],
bdo[dir='rtl'] {
  unicode-bidi: bidi-override;
  unicode-bidi: -webkit-isolate-override;
  unicode-bidi: -moz-isolate-override;
  unicode-bidi: -ms-isolate-override;
  unicode-bidi: isolate-override;
}