/* ============================ */
/* = Ingenta Connect Branding = */
/* ============================ */

/* resets some NLM styles */
:root {
   --ingentaDarkBlue:   #1b5faa;
   --ingentaLightBlue:  #56a0f0;
   --ingentaDarkGrey:   #103f87;
   --ingentaLightGrey:  #a4a6a8;
   --ingentaWhite:      #ffffff;
   --ingentaOffWhite:   #f2f2f2; /* 13 points below pure white */
   --ingentaBlack:      #000000;
   --ingentaOffBlack:   #0d0d0d; /* 13 points above pure black */
}
html,
body {
   font-family: arial, helvetica, sans-serif;
   font-size: 10pt;
   margin: 0;
}
/* Change for IC-395 */
body {
   background-color: transparent;
   padding: 3px;
   margin: 0;
}
.sectionDivider a {
   color: var(--ingentaBlack) !important;
   text-decoration: none !important;
}
hr.part-rule,
hr.section-rule {
   color: var(--ingentaDarkGrey);
   height: 1px;
}
.li-title,
.tl-default,
.tl-lowest-section,
.tl-section-level,
.tl-main-part,
.tl-document,
h1,
h2 {
   color: var(--ingentaBlack);
}
.tl-document,
h1 {
   font-size: 1.5em;
   text-align: center;
}
.tl-main-part,
h2 {
   font-size: 1.3em;
}
.tl-section-level {
   font-size: 1.2em;
}
.tl-lowest-section,
.li-title,
.tl-default {
   font-size: 1.1em;
}
.tl-lowest-section {
   padding-top: 10px;
}
h2 {
   color: grey;
}
ul.flat,
ul.flat li {
   list-style: none;
   margin: 0;
   padding: 0;
}
ul.flat {
   margin-bottom: 13px;
}
ul.flat.article-header-metadata {
   background-color: var(--ingentaOffWhite);
   border-color: var(--ingentaDarkBlue);
   border-style: solid;
   border-width: thin;
   margin: 0.25rem 0;
   padding: 0.25rem; 
}
ul.authors li,
ul.affiliations li,
ul.keywords li {
   display: inline;
}
dl.abstract * {
   margin: 0;
   padding: 0;
}
dl.abstract dd {
   margin-bottom: 10px;
}
dl.abstract dt {
   float: left;
   font-weight: bold;
   margin-right: 5px;
}
strong,
dt {
   color: var(--ingentaDarkGrey);
}
/* Position inline formulae nicely */
img.inline-formula {
   vertical-align: middle;
}
/* Position other formulae centered on page */
img.disp-formula {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
/* Line height adjustments for sub and sup */
.articleSection p {
   line-height: 1.6em;
}
/* Changes for IC-200 */
.articleSection sub,
.articleSection sup {
   line-height: 0;
}
/* Changes for IC-200 */
.articleSection .caption p sub,
.articleSection .caption p sup {
   line-height: 0;
}
.comment {
   display: none;
}
/* additional styles for top branding bar */
#wrap {
   padding: 15px 100px;
}
* html {
   width: 100%;
}
* html #wrap {
   width: 100%;
}
/* Changes for IC-395 and IC-1608*/
.sectionDivider {
   background-color: var(--ingentaDarkBlue);
   background-image: linear-gradient(to right, var(--ingentaDarkBlue), var(--ingentaLightBlue));
   padding: 5px 0;
}
/* Changes for IC-395 */
.sectionDivider a {
   color: var(--ingentaWhite) !important;
}
/* Changes for IC-395 */
.sectionDivider .menuButton {
   border-color: var(--ingentaWhite);
   color: var(--ingentaWhite);
   padding: 2px 5px;
}
/* Changes for IC-395 */
.sectionDivider .title {
   padding-left: 5px;
}
/* Changes for IC-395 */
.dropDownMenu {
   background-color: var(--ingentaOffWhite);
   border-top: none;
   border: 1px solid var(--ingentaLightGrey);
   color: var(--ingentaWhite);
   display: none;
   float: right;
   margin-left: 5px;
   min-width: 200px;
   padding: 10px 15px;
   position: absolute;
   right: 0;
   z-index: 55;
}
.dropDownMenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.dropDownMenu a {
   display: block;
}
.dropDownMenu a:link {
   color: var(--ingentaBlack);
   text-decoration: none;
}
.dropDownMenu a:visited {
   color: var(--ingentaBlack);
   text-decoration: none;
}
.dropDownMenu a:hover {
   color: var(--ingentaDarkBlue);
   outline: dotted thin var(--ingentaDarkBlue);
   text-decoration: none;
}
.menuButton {
   border: 1px solid var(--ingentaDarkGrey);
   clear: right;
   color: var(--ingentaDarkGrey);
   cursor: pointer;
   float: right;
   font-size: 0.9em;
   margin-right: 5px;
   padding: 0 5px;
}
.sectionDivider .title {
   clear: left;
   float: left;
}
.clearer {
   clear: both;
   line-height: 0;
}
.figure {
   font-size: 0.8em
}
.figure .image {
   clear: left;
   float: left;
   margin-left: 20px;
   text-align: center;
}
.figure .caption {
   margin-left: 200px;
}
.figure .image a:link {
   text-decoration: none;
}
.figure .image a:visited {
   text-decoration: none;
}
.correspondence {
   margin-bottom: 10px;
}
.caption .captionLabel {
   font-weight: bold;
}
.capture-id .tableLabel {
   background-color: var(--ingentaLightGrey);
   padding: 5px 0;
}
.tableWrap {
   padding: 15px 10px;
}
img {
   vertical-align: middle;
}
