*, html, body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

html {
  height: 100%;
}
body {
/*  color: #F1E6D5; */
  color: black;
  font-family: sans-serif; 
  font-size: 100%;
  height: 100%;
  margin: .2em .2em .2em .2em;
  line-height: normal
  /* overflow-y: scroll; */
}
@media (min-resolution: 100dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) { 
  body {
  font-family: serif; 
  /* overflow-y: scroll; */
  }
}
body::-webkit-scrollbar {
  width: .5em;
}

.bodyfont {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: normal
}
header, section, footer, aside, nav, main, article {
  display: block; 
}
h1 {
  font-family: serif, sans-serif; 
  color: black;
  font-size: 175%;
  font-weight: normal;
  text-align: center;
}
h2 {
  font-family: serif, sans-serif;  
  color: black;
  font-size: 140%;
  font-weight: normal;
  text-align: center;
}
h3 {
  font-family: serif, sans-serif;  
  color: black;
  font-size: 120%;
  font-weight: normal;
  margin: 1em 0 .5em 0;
  text-align: center;
}
h4 {
  font-family: serif, sans-serif;  
  color: black;
  font-size: 100%;
  font-weight: normal;
  margin: 1em 0 0 0;
  text-align: center;
}

/*
a:link {
  text-decoration: none;
  color: blue; 
}
  color: blue; 
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: red;
}
a:active {
  text-decoration: none;
  color: none;
}
*/
ul {
  margin-left: 3.5em;
}
ol {
  margin-left: 3.5em;
}
thead {
  /* table-layout: fixed; */
}
.tooltip2 {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip2 .top {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    visibility:hidden; opacity:0; transition:opacity 0.8s;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.tooltip2:hover .top {
    visibility:visible; opacity:1;
}

.tooltip2 .top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip2 .top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#EEEEEE;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
figcaption {
  caption-side:bottom;
  padding: .0em .5em .5em .5em;
  font-size: .9em;
  margin: 1% 3% 1% 3%;
  line-height: normal
 }
figcaption.imageCaption {
  padding: .0em .5em .5em .5em;
  width: 97%; 
  font-size:.9em;
  margin-top: 1%;
  line-height: normal
}
table td {
  table-layout: fixed;
  padding: .25em;
  vertical-align: top;
}
  table {
    border: 0px;
    padding: 0;
    margin: 0
  }

  td {
    border: 0px;
    padding: 0;
    margin: 0
  }
  /* <!-- @media (max-width:500px) {
    .scripture {
      font-size: 4vw;
      color: red;
      margin: 0;
    }
  } */

table.tableSection {
/*  transform: translate3d(0,0,0);
  transform:translateZ(1px); */
  border-collapse: collapse;
  border: 1px solid grey;
  margin: 0em 2em 0em 1em;
  width: 100%;
  text-align: left;
  table-layout: fixed;
}
.tableSection td {
 border-bottom: 1px solid black;
}
.PlainTable {
  border-collapse: collapse;
  border: 1px solid grey;
  margin: 1em 4em 2em 1em;
  padding-left: 4em;
  width: 100%;
  text-align: left;
  table-layout: fixed;
}
.PlainTable tr:nth-child(odd){ 
  background: #dae5f4;
}
.PlainTable tr:nth-child(even){
  background: #dae5f4;
}
table.tablesection td {
  padding: 0em .1em 0em .1em;
  margin: 1% 1% 1% 1%;
} 
table.tableSection2 {
/*  transform: translate3d(0,0,0);
  transform:translateZ(1px); */
  border-collapse: collapse;
  border: 1px solid grey;
  margin: 0em 2em 0em 1em;
  text-align: left;
  table-layout: auto;
  white-space: nowrap;
}
table.tablesection2 td {
  padding: 0em .1em 0em .1em;
  margin: 1% 1% 1% 1%;
}
table.tableSection2 tr:nth-child(odd){ 
  background: #b8d1f3;
}
table.tableSection2 tr:nth-child(even){
  background: #dae5f4;
}
table.tableCommentary td {
  border-collapse: collapse;
  border: 1px solid grey;
  padding: .25em .25em .25em .25em;
  text-align: left;
}
table.tableCommentary {
  border-collapse: collapse;
  border: 1px solid grey;
  margin: 1em 2em 0em 1em;
  width: 100%;
  text-align: left;
  table-layout: fixed;
}
table.tableCommentary tr:nth-child(odd){ 
  background: #f4e9e6;
}
table.tableCommentary tr:nth-child(even){
  background: #f9f6f4;
}
table.tableCommentary td {
  border-collapse: collapse;
  border: 1px solid grey;
  padding: .25em .25em .25em .25em;
  text-align: left;
}
table.tableStats {
  border-collapse: collapse;
  margin: 1em 2em 0em 1em;
  text-align: right;
  table-layout: fixed;
}
table.center {
  margin-left:auto; 
  margin-right:auto;
}
table.tableStats td {
  border: 1px solid grey;
  padding: .25em .25em .25em .25em;
  text-align: right;
  right-margin:1em;
}
detail {
/*  z-index:2; */
}

li {
  font-weight: normal;
}
p {
  margin: 1em 2em 1em 2em;
  font-size: 1.1em;
  line-height: normal
}
p2 {
  margin: 1em 0em 0em 0em;
  font-size: 1.1em;
  line-height: normal
}
p.narrow {
  margin: .5em 1em .5em 1em;
  font-size: .9em;
  line-height: normal
}
li p {
  font-weight:normal;
}
.left {
  margin: .5em auto .5em .5em;
}
.right {
  margin: .5em .5em .5em auto;
}
.center {
  margin: 2em 2em .5em 2em;
}
.centerImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.hcenter {
  display: block;
  margin: 0 auto 0 auto;
}
.standout {
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.9);
}
.centerPict {
  padding: 0 0 0 0;
}
.tp {
  /* width:100%; */
  /* max-width:85wh; */
  max-height:85vh;
}
.autofit {
  margin:auto auto 3px auto;
}
.standout2 {
  border-radius: 3px;
}
.full {
  width: 99%;
  margin-right: 1%;
}
.standoutright {
  margin: 0 0 0 auto;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.9);
}
.standoutcenter {
  margin: 0 auto 0 auto;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.9);
}
.nw {
  white-space:nowrap;
}
.scripture {
  font-family: "Times New Roman", Times, Georgia, serif; 
  font-size: .9em;
  margin: 0 0 0 .5em;
  color: #020f82;
}
.scriptureTable {
  font-family: "Times New Roman", Times, Georgia, serif; 
  font-size: 1.2em;
  margin-left: .2em;
  margin-right: .2em;
  color: #020f82;
}
.sbullet {
  font-family: "Times New Roman", Times, Georgia, serif; 
  color: #020f82;
  font-size: 1.3em;
  line-height: normal
}
.cellborder td th {
  border: .1em solid grey;
}
.pboarder {
  border: .1em solid grey;
  margin:.1em .1em .1em .1em;
  padding:.4em 1.5em .4em .4em;
  background:wheat;
  border-radius: .4em;
/*  float:left; 
  width:100%;
  overflow-y: scroll;
  height: 100%; */
}
ul .list {
  margin-left: 4em;
  font-size: 1.3em;
  line-height: normal
}
ul.table {
  margin-left: 2em;
  list-style-type: upper-alpha;
  line-height: normal
}
ol .list {
  margin-left: 7em;
  font-size: 1.3em;
  line-height: normal
}
ol.table {
  margin-left: 2em;
  list-style-type: upper-alpha;
  color: #020f82;
}
.border {
  border: 1px solid brown;
  padding: .5em .5em .5em .5em;
  display: block;
  margin: 1em 1em 1em 1em !important;
}
.comment {
  font-size: 1em;
  color: brown;
  margin-left:6em;
  line-height: normal
}
.entity {
  font-size:1.5vw;
}
.red {
  color: red;
}
.yellow {
  color: yellow;
}
.blue {
  color: blue;
}
.orange {
  color: orange;
}
.brown {
  color: brown;
}
.orange {
  color: #ff9900;
}
.magenta {
  color: magenta; 
}
a.EN:link, a.EN:visited, a.EN:active {
  /* text-decoration: underline; */
  color: #ffff00;
}
a.LN:link, a.LN:visited, a.LN:active {
  /* text-decoration: underline; */
  color: #f6150f;
}
a.JR:link, a.JR:visited, a.JR:active {
  /* text-decoration: underline; */
  color: #00ffff;
}
a.FT:link, a.FT:visited, a.FT:active {
  /* text-decoration: underline; */
  color: white;
}
.EN {
  color: #ffff00;
  text-stroke: 1px black;
  -webkit-text-stroke: 1px black;
	 /* text-shadow: -1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000; */
}
.LN {
  color: #f6150f;
  text-stroke: 1px black;
  -webkit-text-stroke: 1px black;
	 /* text-shadow: -1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000; */
}
.JR {
  color: #00ffff;
  text-stroke: 1px black;
  -webkit-text-stroke: 1px black;
	 /* text-shadow: -1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000; */
}
.FT {
  color: white;
  text-stroke: 1px black;
  -webkit-text-stroke: 1px black;
	 /* text-shadow: -1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000; */
}
hr { 
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: dotted;
  border-width: .5px;
  color: gray;
}
.rev {
  font-size:.8em;
  font-weight:normal;
  text-align:left;
  padding:7px;
  clear: both;
}
.centerYouTube {
  max-width: 560px; /* you have to have a size or this method doesn't work */
  max-height: 315px;
  margin-right: auto;
  margin-left: auto;
}
.tooltip:active .tooltiptext {
  visibility: visible;
  z-index:999;
} 
.tooltipPict:active .tooltipPicture {
  visibility: visible;
  z-index:999;  
}

.tooltip {
/*   position: fixed; */
  display: inline-block;
  border-bottom: 2px dotted #666;
  cursor: help;
  user-select: none; /* Standard */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+  Edge */
  }
.tooltipPict {
/*   position: fixed; */
  display: inline-block;
  cursor: help;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+  Edge */
  user-select: none; /* Standard */
} 

.tooltip .tooltiptext {
/* -webkit-transform: translate3d(0,0,0); */
  user-select: none; /* Standard */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+  Edge */
  -webkit-touch-callout: none;
  position: fixed;  
  display: block;
  visibility: hidden;
  max-width: calc(100vw - 25em);
  border: 1px solid black;
  background-color: wheat;
  color: black;
  text-align: left;
  border-radius: 1em;
  padding: 1em 1em 1em 1em;
  font-size: 1.0em;
  top: 2em;
  right: 20em;
  white-space: normal;
  word-break: normal;
  line-height: normal
}
.tooltipPict .tooltipPicture {
/* -webkit-transform: translate3d(0,0,0); */
-webkit-user-select: none;
-webkit-touch-callout: none;
  position: fixed;  
  visibility: hidden;
  height: auto;
  width: auto; 
  border: 1px solid black;
  background-color: wheat;
  color: black;
  text-align: left;
  border-radius: .75em;
  padding: 1em 1em 1em 1em;
  font-size: 1em;
  top: 2em;
  right: 25em;
  line-height: normal
}
figure {
  display: table;
  margin: .5em auto .1em auto;
}
figure img {
    display: block;
    width: 100%;
}
img {
  max-width: 100%;
  display: block;
  height: auto;
}

.ser {
  margin-left:1em;
}
.etitle {
  color: red;
}

.rborder {
  border-right: 2px solid black;
  text-align:center;
}
.pic-container {
  width: 100%;
  height: 500px;
  overflow-y: scroll;
  overflow-x:hidden;
}
.thick {
  height:2px;
  border-width:0;
  color:gray;
  background-color:gray;
}
#loader {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #444444;
  width: 70px;
  height: 70px;
  animation: spin 1s linear infinite;
}
@-ms-keyframes spin {
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.centerSpin {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}