* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* begin change Pure default styles */
html {
  line-height: 1.5;
  font-size: 112.5%;
}
.pure-g {
  letter-spacing: normal;
  text-rendering: optimizeLegibility;
  font-family: Georgia, Times, "Times New Roman", serif;
}
.pure-g [class*=pure-u] {
  font-family: serif;
}
/* https://www.modularscale.com/ major second starting at 1.125 */
h1 {
  font-size: 2.027em;
  font-weight: normal;
  line-height: 1;
}
h2 {
  font-size: 1.802em;
  font-weight: normal;
  line-height: 1;
}
h3 {
  font-size: 1.602em;
  font-weight: normal;
  line-height: 1;
}
h4 {
  font-size: 1.424em;
  font-weight: normal;
}
h5 {
  font-size: 1.266em;
  margin-top: -.2em;
  font-weight: normal;
}
h6 {
  font-size: 1.125em;
}
a {
  text-decoration: none;
}
a:visited, a:active { /* a:hover brings to light incorrect coding in the early volumes - do not use */
  color: #0000ee;
}
hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
blockquote {
  margin-left: 2em;
}
figure {
  margin: 1.2em 8em 1em 2em;
}
embed {
	width: 95%;
	height: 90vh !important;
}
.clicklabel {
  display: block;
  font-size: 77.7%;
  color: #bbbbbb;
  line-height: 1.5em;
}
figcaption {
  font-size: 88.8%;
  line-height: 1.5em;
}
/* end change Pure default styles */
/* begin add margin to grid elements */
.pure-g {
  margin: 0 1.5em;
}
.pure-g > div {
  padding: 0 1em;
}
/* end add margin to grid elements */
.bck-color {
	background-color: #F5F2ED;
}
.jscm {
  display: none;
}
.auth-link {
  font-size: .5em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -.8em;
  left: .2em;
}
.small, .sml {
  font-size: 0.8em;
}
.right {
	text-align: right;
}
.hide {
	display: none;
}
.printer-friendly {
	float: right;
	clear: none;
}
#hdr-figure, #ftr-figure {
  margin: .2em 0 .5em 0;
}
#ftr-color-bar #color {
  height: .5em;
  background-color: #002B58;
}
#hdr-figure img, #ftr-figure img {
  display: block;
  width: 100%;
}
.info-title {
  font-size: 1em;
  font-weight: 600;
}
/* begin menu */
#main-menu {
  width: 100%;
  background: #002B58;
  margin-bottom: 1em;
  font-size: 1.2em;
  color: #ffffff;
}
#main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  text-align: center;
}
#main-menu li {
  flex: auto;
}
#main-menu li a {
  color: #ffffff;
}
#main-menu li a:hover {
  background: #06406B;
}
#ham-menu-toggle {
  width: 100%;
  background: #002B58;
  margin-bottom: 2em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.2em;
  color: #ffffff;
  padding: .5em 1em;
}
#ham-menu-toggle a {
  color: #ffffff;
  cursor: pointer;
}
#ham-menu {
  width: 100%;
  background: #002B58;
  margin-bottom: 2em;
  font-size: 1.2em;
  color: #ffffff;
  display: none;
}
#ham-menu ul {
  margin: -2em 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
#ham-menu li {}
#ham-menu li a {
  color: #ffffff;
}
#ham-menu li a:hover {
  background: #06406B;
}
.hamburger {
  font-size: 2em;
  line-height: .7;
}
/* end menu */
#reading-jscm, #additional-info, #how-to-cite, #copyright {
  display: none;
  font-size: 0.8em;
  line-height: 1;
  background-color: #eeeeee;
  padding: .1em 1em;
}
#info-block a, #info-block-rt a, #info-block-lt a {
  color: #0000ee;
  cursor: pointer;
}
#footnotes p, #footnotes table {
  line-height: 1.5;
  font-size: 77.7%;
}
#info-block, #info-block-rt, #info-block-lt {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: right;
  border-left: none;
  border-right-style: double;
  border-right-width: 4px;
  border-right-color: #999999;
  margin: -.6em 0 2.5em 0;
  padding: 0 1.25em;
}
#info-block p, #info-block p a {
  font-size: 0.9em;
  line-height: .6;
  color: #999999;
}
#info-block-lt p, #info-block-lt p a {
  font-size: 0.9em;
  line-height: .6;
  color: #999999;
}
#info-block-rt p, #info-block-rt p a {
  font-size: 0.9em;
  line-height: .6;
  color: #999999;
}
#info-block-lt p a:hover, #info-block-rt p a:hover {
  color: #0000ee;
}
#info-block-lt.icons-only {
	float: right;
	clear: none;
	border-right: none;
	height: 20px;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	width: 100%;
	margin-bottom: 1em;
}
table.extraspace {
	border-collapse: separate;
    border-spacing: 1em 0;
}
table.padding tr td {
	padding: .5em;
}
table p {
	margin-bottom: 0;
}
table.border, table.border th, table.border td {
	border: 1px solid #000;
}
table.noborder, table.noborder th, table.noborder td {
	border: none;
}
th, td {
	text-align: left;
	vertical-align: top;
}

/* th:first-of-type, td:first-of-type {
	padding: .25em .75em .25em 0;
	text-align: left;
	vertical-align: top;
	line-height: 1.4;
}
table.border th:first-of-type, table.border td:first-of-type {
	padding: .25em .75em;
}
th, td {
	padding: .25em .75em;
	text-align: left;
	vertical-align: top;
	line-height: 1.4;
}
th:last-of-type, td:last-of-type {
	padding: .25em 0 .25em .75em;
	text-align: left;
	vertical-align: top;
	line-height: 1.4;
}
table.multiColBlockquote th:first-of-type, table.multiColBlockquote td:first-of-type {
	padding: 0 .75em 0 1.125em;
}
table.multiColBlockquote th, table.multiColBlockquote td {
	padding: 0 .75em;
}
table.multiColBlockquote th:last-of-type, table.multiColBlockquote td:last-of-type {
	padding: 0 1.125em 0 .75em;
}
table.multiColBlockquote th p, table.multiColBlockquote td p {
	margin-bottom: .5em !important;
	line-height: 1.5;
}
table.multiColBlockquote th p:last-of-type, table.multiColBlockquote td p:last-of-type {
	margin-bottom: 0 !important;
	line-height: 1.5;
} */
th.col2, td.col2 {
	width: 2% !important;
}
th.col5, td.col5 {
	width: 5% !important;
}
th.col7, td.col7 {
	width: 7% !important;
}
th.col10, td.col10 {
	width: 10% !important;
}
th.col125, td.col125 {
	width: 11.25% !important;
}
th.col15, td.col15 {
	width: 15% !important;
}
th.col20, td.col20 {
	width: 20% !important;
}
th.col225, td.col225 {
	width: 22.5% !important;
}
th.col25, td.col25 {
	width: 25% !important;
}
th.col30, td.col30 {
	width: 30% !important;
}
th.col33, td.col33 {
	width: 33.3% !important;
}
th.col35, td.col35 {
	width: 35% !important;
}
th.col40, td.col40 {
	width: 40% !important;
}
th.col45, td.col45 {
	width: 45% !important;
}
th.col475, td.col475 {
	width: 47.5% !important;
}
th.col49, td.col49 {
	width: 49% !important;
}
th.col50, td.col50 {
	width: 50% !important;
}
th.col55, td.col55 {
	width: 55% !important;
}
th.col60, td.col60 {
	width: 60% !important;
}
th.col65, td.col65 {
	width: 65% !important;
}
th.col66, td.col66 {
	width: 66.6% !important;
}
th.col70, td.col70 {
	width: 70% !important;
}
th.col75, td.col75 {
	width: 75% !important;
}
th.col80, td.col80 {
	width: 80% !important;
}
th.col85, td.col85 {
	width: 85% !important;
}
th.col90, td.col90 {
	width: 90% !important;
}
th.col95, td.col95 {
	width: 95% !important;
}
th.col100, td.col100 {
	width: 100% !important;
}
/* table.nowidthset {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	width: auto;
	margin-bottom: 1em;
}
table.nowidthset td {
	white-space: nowrap;
} */



/* begin accordian menu */
.ui-state-active {
		background: #EDEDED;
		border: #EDEDED;
		color: #000000;
	}
#accordion div a {
	color: blue;
}
/* end accordian menu */
@media (max-width: 64em) { /* large breakpoint */
  /* make notes sticky at bottom, fix height, add bottom space to article */
  #article {
    position: fixed;
    height: 80%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom-style: solid;
    border-bottom-width: 1em;
    border-bottom-color: #ffffff;
  }
  #footnotes {
    position: fixed;
    height: 20%;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 3;
    overflow: scroll;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #dddddd;
  }
}
@media (min-width: 1024px) { /* large breakpoint */
  .lg-xl, #info-block-rt {
    display: block;
  }
  .sm-md, #info-block-lt {
    display: none;
  }
}
@media (max-width: 1024px) { /* large breakpoint */
  .lg-xl, #info-block-rt {
    display: none;
  }
  .sm-md, #info-block-lt {
    display: block;
  }
}
@media (max-width: 48em) { /* medium breakpoint */
  #article {
    height: 75%;
  }
  #footnotes {
    height: 25%;
  }
}
@media (max-width: 48em) and (orientation:landscape) { /* medium breakpoint landscape */
  #article {
    height: 60%;
  }
  #footnotes {
    height: 40%;
  }
}
@media (max-width: 35.5em) { /* small breakpoint */
  #article {
    height: 70%;
  }
  #footnotes {
    height: 30%;
  }
}
@media (max-width: 35.5em) and (orientation:landscape) { /* small breakpoint landscape */
  #article {
    height: 60%;
  }
  #footnotes {
    height: 40%;
  }
}