html {
  margin: 0;
  padding: 0;
  text-indent: 0;
}
body {
  background: #f7f7f7;
  background-position: 164px 0;
  font:
    10pt/15pt arial,
    sans-serif;
  color: #333;
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.headertoprepeat {
  background-image: url("/images/headertoprepeat.png");
  background-repeat: repeat-x;
  height: 20px;
}
.headermiddle {
  background-color: #fff;
  height: 210px;
}
.logo {
  background-image: url("/images/logo.png");
  background-repeat: no-repeat;
  height: 206px;
}

.headerbottomrepeat {
  background-image: url("/images/headerbottomrepeat.png");
  background-repeat: repeat-x;
  height: 50px;
}

h4 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

img.center {
  display: block;
  margin: 20px auto;
}
.rightmodule h4 {
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}
label {
  font-weight: bold;
  text-decoration: none;
}
table {
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
  width: auto; /* 100%; */
  max-width: 1000px;
  padding: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
  /* For horizontal centering: */
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #000;
}
thead {
  font:
    bold 12pt/20pt arial,
    sans-serif;
  background-color: #003848;
  color: #fff;
  padding: 10px;
}
tbody {
  font-weight: normal;
}
th,
td,
thead td {
  border: 1px solid #eee;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  vertical-align: middle;
}
td {
  border: 1px solid #003848;
}
caption {
  caption-side: bottom;
  text-align: center;
  vertical-align: middle;
  width: auto; /* 100%; */
  max-width: 1000px;
  padding: 3px;
  margin-bottom: 20px;
  /* For horizontal centering: */
  margin-left: auto;
  margin-right: auto;
}
table.scripture {
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
  width: auto; /* 100%; */
  max-width: 100%; /* 0px; */
  padding: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
  /* For horizontal centering: */
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #000;
}
table.scripture thead th {
  padding: 5px;
  text-align: center;
}
table.scripture tbody th {
  padding: 3pt;
  text-align: center;
  line-height: 11pt;
  border: 1px solid #ccc;
}
table.scripture tbody td {
  padding: 3pt 5pt;
  text-align: left;
  line-height: 11pt;
  vertical-align: top;
  font-style: normal;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  /* color:#333; */
  /* font-family: serif; */
}
table.scripture tbody td.center {
  text-align: center;
}
/* Article tables - scripture-colored text in body cells */
.article-content table tbody td {
  color: #980000;
}
#ownership {
  margin-top: 30px;
}
#header {
  margin: 50px 0 10px;
  padding: 17px 0 0 20px;
  /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */ /* 14px + 17px + 2px = 33px */
  border-style: solid;
  border-color: black;
  border-width: 1px 0; /* top and bottom borders: 1px; left and right borders: 0px */
  line-height: 11px;
  background-color: #eee;

  /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
     Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
     IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See https://glish.com/css/hacks.asp for details. */
  voice-family: '"}"';
  voice-family: inherit;
  height: 14px; /* the correct height */
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
   length values to user agents that exhibit the parsing error exploited above yet get
   the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
   a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body > #header {
  height: 14px;
}

/* KNOWN GOOD
   #content {
  margin:0;
  position:absolute;
  top: 0px;
  left: 164px;
  padding: 30px;
  padding-bottom:10px;
  text-indent: 0px;
  text-align: left;
}
*/

#content {
  position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  width: auto;
  min-width: 120px;
  margin: 0 210px 20px 170px;
  padding: 10px;
  z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

/* #content>p {
  text-indent:0px;
  margin:0px;
}

#content>p+p {
  padding-left:30px;
}
*/

span.underline {
  text-decoration: underline;
}

.scripture {
  font:
    italic 10pt/15pt arial,
    sans-serif;
  color: #980000;
  /* text-align: justify;
     margin-top: 9pt;
     margin-bottom: 9pt;
     padding-left:25pt;
     padding-right:25pt; */
}

.scripture p {
  font-style: italic;
  font-weight: normal;
  color: #980000;
}

span.scripture {
  font:
    italic 10pt/15pt arial,
    sans-serif;
  color: #980000;
  padding: 0;
  margin: 0;
}

.ref,
a.rtBibleRef {
  font-style: normal !important;
  font-weight: 900 !important;
  color: #980000 !important;
}

/* Auto-insert parentheses around refs inside scripture blocks */
.scripture .ref::before {
  content: "(";
  font-style: normal;
  font-weight: normal;
  color: #000;
}

.scripture .ref::after {
  content: ")";
  font-style: normal;
  font-weight: normal;
  color: #000;
}

.quote,
caption {
  font:
    italic 10pt/15pt arial,
    sans-serif;
  color: #003848;
}

.quote p {
  font:
    italic 10pt/15pt arial,
    sans-serif;
  color: #003848;
}

blockquote.quote {
  font:
    italic 10pt/15pt arial,
    sans-serif;
  color: #003848;
}

#adirections {
  left: 0;
  /* padding:10px;
     margin:20px; */
  margin-top: 0;
  margin-bottom: 0;
  border-top: 3px ridge #666;
  border-bottom: 3px ridge #666;
}

#atopics {
  left: 0;
  /* padding:10px;
     margin:20px; */
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 3px ridge #666;
}

#alessons {
  left: 0;
  margin-top: 0;
  margin-bottom: 10pt;
  padding-bottom: 10pt;
  border-bottom: 3px ridge #666;
}

#alessons table.audio-section {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10pt;
  margin-bottom: 15pt;
}

#alessons table.audio-section td {
  border: none;
}

#alessons tr.section-header {
  background: #003848;
  color: #fff;
}

#alessons tr.section-header td {
  padding: 5pt 10pt;
}

#alessons tr.section-header td:first-child {
  text-align: left;
}

#alessons tr.section-header td:last-child {
  text-align: right;
}

#alessons tr.section-header h3 {
  margin: 0;
  padding: 0;
  color: #fff;
  display: inline;
}

#alessons tr.section-header a {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

#alessons tr.section-desc td {
  padding: 8pt 10pt;
  text-align: left;
}

#alessons tr.audio-entry td {
  padding: 3pt 10pt;
}

#alessons tr.audio-entry td:first-child {
  width: 60%;
  text-align: left;
}

#alessons tr.audio-entry td:nth-child(2) {
  width: 25%;
  text-align: center;
}

#alessons tr.audio-entry td:nth-child(3) {
  width: 15%;
  text-align: right;
}

#alessons tr.audio-entry td:last-child {
  text-align: right;
}

#alessons tr.audio-entry a {
  font-weight: bold;
}

#ccontainer {
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 550px;
  text-indent: 0;
}

span h1 {
  margin-bottom: 0;
  padding-bottom: 0;
  background-image: none;
  line-height: 28pt;
}

#ccontainer ul {
  margin: 0;
  padding: 0;
  text-align: left;
  list-style-type: none;
  display: inline;
}

#ccontainer ul li {
  padding-right: 20pt;
  list-style-type: none;
  display: inline;
}

#ccontainer ol li {
  margin-bottom: 5pt;
}

#ccontainer ol li a {
  /* text-decoration: none; */
  color: #900;
  font-weight: bold;
}

#ccontainer h3 {
  font:
    normal 12pt/20pt arial,
    sans-serif;
  text-decoration: none;
  width: 100%;
  margin: 0;
  padding: 5pt 15pt;
  background: #003848;
  color: #fff;
  text-align: left;
  display: inline;
}

#ccontainer h3 a {
  text-decoration: none;
  color: #fff;
  text-align: left;
}

#ccontainer td {
  font-weight: bold;
}

/* Home page index menu - override Bootstrap */
ul#indexmenu {
  padding: 10px;
  margin: 10px auto 0;
  padding-top: 35px;
  padding-right: 40px;
  padding-left: 0;
  background-position: center top;
  background-repeat: repeat-x;
  background-color: transparent;
  font:
    normal 10pt/15pt arial,
    sans-serif;
  color: #000;
  text-indent: 0;
  text-align: left;
  list-style: none;
  max-width: 800px;
}

ul#indexmenu li {
  margin: 0 0 12px;
  padding: 5px 0 5px 105px;
  list-style-type: none;
  min-height: 90px;
  background-size: 90px 90px;
  background-position: left center;
  background-repeat: no-repeat;
}

ul#indexmenu li a {
  font:
    normal 14pt/18pt arial,
    sans-serif;
  color: #900;
  font-weight: normal;
}

ul#indexmenu li a:hover {
  color: #003848;
}

ul#indexmenu li#forumsicon {
  background-image: url("/images/forums.png");
}
ul#indexmenu li#articlesicon {
  background-image: url("/images/articles.png");
}
ul#indexmenu li#audioicon {
  background-image: url("/images/audio.png");
}
ul#indexmenu li#searchicon {
  background-image: url("/images/search.png");
}
ul#indexmenu li#correspicon {
  background-image: url("/images/ccourse.png");
}
ul#indexmenu li#linksicon {
  background-image: url("/images/link.png");
}
ul#indexmenu li#downloadsicon {
  background-image: url("/images/download.png");
}
ul#indexmenu li#texticon {
  background-image: url("/images/largetext.png");
}

#newstuff {
  margin: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
  border-top: 3px ridge #666;
  padding-top: 15px;
  font:
    normal 10pt/15pt arial,
    sans-serif;
  text-indent: 0;
  text-align: center;
}

#newstuff ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#newstuff ul li {
  margin: 5px 0;
}

#legalstuff {
  margin: 10px;
  margin-top: 70px;
  padding: 10px;
  font:
    normal 10pt/15pt arial,
    sans-serif;
  text-indent: 0;
  text-align: center;
}
#body_container {
  position: relative;
}

#body_container > .container {
  margin-right: 220pt;
}

#container {
  position: relative;
  top: 0;
  left: 0;
  height: 650px;
  padding: 5px;
  margin: 0;
  text-indent: 0;
  background-image: url("../images/leftcolrepeat.png");
  background-repeat: repeat-x;
  line-height: 17px;
  z-index: 2;
  /* Again, the ugly brilliant hack. */
  voice-family: '"}"';
  voice-family: inherit;
  width: 153px;
}
/* Again, "be nice to Opera 5". */
body > #container {
  width: 163px;
}

#container p {
  text-indent: 0;
}

#container input {
  width: 130px;
  /*
  margin: 0.5em;
  padding: 0.5em;
  font-family: sans;
  font-size: 1em;
  */
}

#rightpanel {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  /* border:1px solid black; */
  text-align: left;
  z-index: 1;
  /* Again, the ugly brilliant hack. */
  voice-family: '"}"';
  voice-family: inherit;
  width: 200pt;
}
/* Again, "be nice to Opera 5". */
body > #rightpanel {
  width: 200pt;
}

.rightmodule {
  border: 1px dashed black;
  /* background-color:#eee; */
  margin-bottom: 20px;
  padding: 10px;
  text-align: left;
}

.rightmodule ul {
  margin: 0;
  padding-left: 1.2em;
  list-style-position: outside;
}

.rightmodule li {
  margin: 0;
  padding: 0;
}

/* Reset sidebar styles when inside rightmodule */
.rightmodule .sidebar {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
}

.rightmodule .sidebar ul {
  padding-left: 1.2em;
}

.rightmodule .sidebar li {
  margin-left: 0;
  list-style: disc;
}

.rightmodule p {
  text-align: left;
}

.sidebar {
  float: right;
  width: 200pt;
  padding: 10pt;
  margin: 30px;
  border: 2px dashed #003848;
  /* background:#fff url(../images/bkg3.jpg); */
  /* background-color: #ccffcc; */
  /* font: 12px/16px verdana,sans-serif; */
  /* color: black; */
  /* z-index: 2; */
  list-style: none;
  overflow: hidden;
}

.sidebar li {
  margin: 0;
  margin-left: -30pt;
  padding: 0;
  list-style: none;
}

/* Article content list spacing */
.article-content ol,
.article-content ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* Nested lists should be compact */
.article-content li > ol,
.article-content li > ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* Lists inside styled containers should be compact */
.upper-roman > ol,
.lower-roman > ol,
.upper-alpha > ol,
.lower-alpha > ol {
  margin-top: 0;
  margin-bottom: 0;
}

/* List style types using ::: container syntax */
.upper-alpha > ol {
  list-style-type: upper-alpha;
}
.lower-alpha > ol {
  list-style-type: lower-alpha;
}
.upper-roman > ol {
  list-style-type: upper-roman;
}
.lower-roman > ol {
  list-style-type: lower-roman;
}

/* Automatic nesting: roman -> alpha -> decimal -> lower-alpha */
.upper-roman ol ol {
  list-style-type: upper-alpha;
}
.upper-roman ol ol ol {
  list-style-type: decimal;
}
.upper-roman ol ol ol ol {
  list-style-type: lower-alpha;
}
.upper-roman ol ol ol ol ol {
  list-style-type: lower-roman;
}
.upper-roman ol ol ol ol ol ol {
  list-style-type: lower-alpha;
}
.lower-roman ol ol {
  list-style-type: lower-alpha;
}
.lower-roman ol ol ol {
  list-style-type: decimal;
}
.lower-roman ol ol ol ol {
  list-style-type: lower-alpha;
}

/* Indent container for simple indentation without blockquote styling */
.indent {
  margin-left: 2em;
}

.article-content ol li,
.article-content ul li {
  margin-bottom: 0;
}

/* Loose lists (with p inside li) get extra spacing */
.article-content ol li p,
.article-content ul li p {
  margin: 0.5em 0;
  padding: 0;
}

.article-tags {
  margin-top: 2em;
}

/* Bible translation comparison tables (and general article tables) */
.article-content table {
  border-collapse: collapse;
  margin: 1.5em auto;
  font-size: 0.95em;
}

.article-content table th,
.article-content table td {
  border: 1px solid #000;
  padding: 0.4em 0.6em;
  vertical-align: top;
  text-align: left;
}

.article-content table th {
  font-weight: bold;
  text-align: center;
}

/* First column (verse numbers) - bold and centered */
.article-content table td:first-child {
  font-weight: bold;
  text-align: center;
}

/* Table captions - centered, smaller, below table */
.table-caption {
  text-align: center;
  font-size: 0.9em;
  margin-top: -1em;
  margin-bottom: 1.5em;
}

.sidebar a {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

#menu {
  position: absolute;
  top: 124px;
  left: 15px;
  width: 114px;
  height: 250px;
  margin: 0;
  padding: 0;
  display: inline;
  overflow: hidden;
  list-style: none;
}

#menu li {
  margin: 0;
  padding: 0;
  display: inline; /* duplicated for IE 5/Win */
  list-style-type: none; /* duplicated for IE 5/Win */
}

#menu a {
  float: left;
  height: 0 !important; /* IE 5/Win hack */
  padding: 28px 0 0;
  overflow: hidden;
}

#forums a {
  width: 114px;
  background: url("../images/menu.png") top left no-repeat;
}
#forums a:hover {
  background-position: 0 -30px;
}
#forums a:active,
#forums a.selected {
  background-position: 0 -60px;
}

#articles a {
  width: 114px;
  background: url("../images/menu.png") top left no-repeat;
  background-position: 0 -90px;
}
#articles a:hover {
  background-position: 0 -120px;
}
#articles a:active,
#articles a.selected {
  background-position: 0 -150px;
}

#audio a {
  width: 114px;
  background: url("../images/menu.png") top left no-repeat;
  background-position: 0 -180px;
}
#audio a:hover {
  background-position: 0 -210px;
}
#audio a:active,
#audio a.selected {
  background-position: 0 -240px;
}

#corresp a {
  width: 114px;
  background: url("../images/menu.png") top left no-repeat;
  background-position: 0 -270px;
}
#corresp a:hover {
  background-position: 0 -300px;
}
#corresp a:active,
#corresp a.selected {
  background-position: 0 -330px;
}

#about a {
  width: 114px;
  background: url("../images/menu.png") top left no-repeat;
  background-position: 0 -360px;
}
#about a:hover {
  background-position: 0 -390px;
}
#about a:active,
#about a.selected {
  background-position: 0 -420px;
}

#contact a {
  width: 114px;
  background: url("../images/menu.png") top left no-repeat;
  background-position: 0 -450px;
}
#contact a:hover {
  background-position: 0 -480px;
}
#contact a:active,
#contact a.selected {
  background-position: 0 -510px;
}

#home a {
  width: 114px;
  background: url("../images/menu.png") top left no-repeat;
  background-position: 0 -540px;
}
#home a:hover {
  background-position: 0 -570px;
}
#home a:active,
#home a.selected {
  background-position: 0 -600px;
}

#searchside {
  position: absolute;
  top: 400px;
  left: 5px;
  margin: 0;
  padding: 0;
}

#searchside .footnote {
  font-style: italic;
  font-size: 7pt;
  line-height: 13pt;
  color: #980000;
  text-align: left;
}

#footer {
  margin: 50px 0 10px;
  padding: 0;
  text-align: center;
  text-indent: 0;
}

#footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #fff;
  background-color: transparent;
}

#footer ul li {
  display: inline;
}

#footer ul li a {
  text-decoration: none;
  padding: 1em;
  color: #003848;
}

#footer a:hover {
  color: #fff;
  background-color: #003848;
}

#footer a:active,
a.visited {
  color: #fff;
  background-color: #900;
}
.results {
  font-family: arial, sans-serif;
  font-size: 10pt;
  border-top: thin ridge #008000;
  padding-top: 0.3em;
}
.credits {
  font-family: arial, sans-serif;
  border-top: thin ridge #008000;
  font-size: 9pt;
}
.tweet {
  margin-top: 5px;
}

/* For:  RefTagger https://www.logos.com/reftagger            */
/* From: https://bible.logos.com/Content/ReferenceTagging.css */
.lbsTooltip {
  background: #fffade;
  border: 1px solid gray;
  z-index: 99;
  text-align: left;
  text-indent: 0;
}
.lbsTooltipHeader {
  background: #fff4b8;
  color: black;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  font-family: Arial, Helvetica, serif;
  margin: 0;
  padding: 4px;
  position: relative;
  border: 0;
}
.lbsTooltipBody {
  padding: 4px 8px 0;
  margin: 0;
  position: relative;
  z-index: 2;
  border: 0;
  line-height: 16px;
}
.lbsTooltipBody p,
.lbsTooltipBody span {
  display: inline;
  color: black;
  font-family: Arial, Helvetica, serif;
  font-size: 14px;
  line-height: 16px;
}
.lbsTooltipFooter {
  font-size: 11px;
  font-family: Helvetica, Arial, serif;
  bottom: 4px;
  margin-top: 4px;
  position: absolute;
  text-align: right;
  border: 0;
}
.lbsTooltipFooter a:link,
.lbsTooltipFooter a:visited,
.lbsTooltipFooter a:hover {
  color: blue;
  text-decoration: underline;
  font-weight: normal;
  font-size: 11px;
  font-family: Helvetica, Arial, serif;
}
.lbsTooltipBody .ch-ref,
.lbsTooltipBody .verse-ref {
  font-size: 85%;
  top: -1px;
  position: relative;
}
.lbsTooltipBody .ch-ref {
  font-weight: bold;
}
.lbsTooltipBody .verse-ref {
  color: dimgray;
}
.lbsTooltip,
.lbsTooltipBody span,
.lbsTooltip a,
.lbsTooltipBody p {
  margin: 0;
  padding: 0;
}
.lbsLibronix img {
  float: none !important;
}

/* Header anchor links */
.header-anchor {
  text-decoration: none;
  color: inherit;
}
.header-anchor:hover {
  text-decoration: underline;
}
@media print {
  .header-anchor {
    text-decoration: none !important;
  }
}

/* Homepage-specific overrides */
.homepage #rightpanel {
  display: none;
}

.homepage #footer {
  display: none;
}
