/* TorahTimes CSS Framework
 * Creation Date: 2016-1-10
 * Maintainer: Yosef Gregg
 */

/* This file contains utf8. */
@charset "UTF-8";

@font-face
{
  font-family:"SBL Greek Web";
  src:url(/fonts/sbl-greek.ttf)
      format("truetype");
}

/* Must use a special font for
 * displaying Hebrew because other
 * fonts (like Times New Roman)
 * do not appear correctly in
 * FireFox as of this writing.
 */
@font-face
{
  font-family:"SBL Hebrew Web";
  src:url(/fonts/sbl-hebrew.ttf)
      format("truetype");
}

@font-face
{
  font-family:"Estranglio Web";
  src:url(/fonts/estre.ttf)
      format("truetype");
}

/* CSS padding reset. */
* { margin:0px; padding:0px; }

body { box-shadow:2px 0px 16px gray; }

/* These elements get used in
 * quotes (among other places)
 * purely for presentational
 * styling. Do not change!
 */
i { font-style:italic; }
b { font-weight:bold; }

/* 'b' and 'i' inside 'pre' should do nothing. */
pre b { font-weight:initial; }
pre i { font-style:initial; }

pre strong
{
  font-weight:initial; /* Bold text messes up the formatting. */
  text-decoration:underline;
  color:red;
  background-color:beige;
}

pre em
{
  font-style:initial; /* Italic text messes up the formatting. */
  text-decoration:underline;
}

/* Used to highlight portions of text in preformatted text-blocks. */
pre mark { background-color:yellow; }

/* Italics for emphasis inside inline quotes is hard to see. */
q em { font-weight:bold; }
q strong { text-decoration:underline; }

/* I don't want to see a 'q' inside a 'pre'. If you put a 'q' inside a
   'pre', you are Doing It Wrong™. */

/* Naked 'hr' elements are invisible unless otherwise specified. */
hr { display:none; }

/* 'hr' elements inside main are considered part of the content.
   So we make them visible. */
main hr
{
  display:block;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  border-style:inset;
  border-width:1px;
}

main p
{
  font-family:"Times New Roman", Times, serif;
  margin-bottom:15px;
  font-size:18px;
  line-height:140%;
}

body#trans main p
{
  font-family:"Times New Roman", Times, serif;
  text-align:justify;
  text-indent:0.25in;
  font-size:14pt;
  line-height:24pt;
  margin:0px;
  padding:0px;
}

body#trans main p.poetic
{
  margin-left:60px;
  max-width:600px;
  margin-top:10px;
  margin-bottom:15px;
  text-indent:0px;
}

/* See Isaiah 17:3 & 17:6 for examples of usage and appearance. */
body#trans main p.poetic-ra
{
  margin-left:60px;
  max-width:500px;
  margin-top:-15px;
  margin-bottom:15px;
  text-align:right;
}

/* No padding under the last pararagraph. */
main p:last-child { margin-bottom:0px; }

iframe { border:none; }

/* Styling for inline links within the site content. */
main a { color:green; }
main a:hover { color:orange; }

/* Translation links also use a "footnote" class, but this CSS
   isn't supposed to apply to them. */
main article a.footnote
{
  color:red;
  text-decoration:none;
}

main article a.footnote:hover { color:orange; text-decoration:none; }
main article a.footnote:before { content:"["; }
main article a.footnote:after { content:"]"; }

body#trans div.book-text
{
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  border:none;
}

body#trans div.bg
{
  background-color:beige;
  border-top:2px solid goldenrod;
  border-bottom:2px solid goldenrod;
}

/* Links in headers don't need underlining. */
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:none; }

/* Links to the Bible Translation.
 * Note: these can get used inside 'pre' tags,
 * so no funny stuff! */
main a.BL { color:brown; }
main a.BL:hover { color:red; }

/* External links. */
main a.external:after { content:url(/png/ext-ico.png); }

/* Apply ClearFix everywhere and where explicitly requested. */
main, .clearfix { overflow:auto; }
.clear { clear:both; }

/* What are these? */
.float-right { float:right; }
.float-left { float:left; }

/* Make text of article endnotes a bit smaller. */
main article section.notes { font-size:95%; }
main article section.notes p { font-size:inherit; }

div.sitebanner
{
  min-height:100px;
  max-height:100px;
  background-image:url("/png/petrified-wood-banner.jpg");
  background-color:#c8d8bb;
  color:white;
  text-align:center;
  padding:0px;
  margin:0px;
  margin-top:40px;
}

div.sitebanner a
{
  text-decoration:inherit;
  color:inherit;
}

div.sitebanner p
{
  font-family:"Georgia", "Times New Roman", serif;
  text-shadow: -2px -2px 2px gray, 2px 2px 2px black;
}

div.sitebanner p:first-of-type
{
  font-size:30px;
  padding-top:20px;
  color:white;
}

div.sitebanner p:nth-of-type(2)
{
  font-size:16px;
}

nav.sitenav
{
  background-color:#2a222f;
  min-height:40px;
  max-height:40px;
}

nav.sitenav ul
{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
}

nav.sitenav li
{
  display:block;
  list-style-type:none;
}

nav.sitenav a
{
  font-family:"Georgia", "Times New Roman", serif;
  display:block;
  min-height:40px;
  max-height:40px;
  padding-right:8px;
  padding-left:8px;
  text-decoration:none;
  text-shadow: -1px -1px 2px gray, 1px 1px 2px black;
  color:white;
  background-color:transparent;
  transition:background-color 0.3s linear, color 0.3s linear, text-shadow 0.3s linear;
  line-height:40px;
}

nav.sitenav a:hover
{
  background-color:orange;
  color:purple;
  text-shadow: -1px -1px 2px orange, 1px 1px 2px black;
}

/* Hide the bottom nav-bar,
 * since we don't need it.
 */
footer nav.sitenav { display:none; }

main
{
  border-top:2px solid goldenrod;
  border-bottom:2px solid goldenrod;
}

/* If the browser window is too small,
 * nav items overflow and look ugly.
 * Just hide them instead, for now.
 */
header nav.sitenav { overflow:hidden; }
header div.sitebanner { overflow:hidden; }
footer div.sitefooter { overflow:hidden; }

header nav.sitenav
{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  box-shadow:0px 8px 8px rgba(127, 127, 127, 0.5);
}

body
{
  background-color:#a4b199;
  margin-left:100px;
  margin-right:100px;
}

@media (max-width: 1000px)
{
  body
  {
    margin-left:0px;
    margin-right:0px;
  }
}

main
{
  background-color:beige;
  padding-left:50px;
  padding-right:50px;
  padding-top:20px;
  padding-bottom:20px;
}

main h1
{
  font-family:"Georgia", "Times New Roman", serif;
  font-size:30px;
  text-align:center;
  margin-bottom:15px;
}

main h2
{
  font-family:"Georgia", "Times New Roman", serif;
  margin-bottom:15px;
}

div.sitefooter
{
  background-color:#c8d8bb;
  background-image:url("/png/papyrus-footer.jpg");
  font-size:14px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  margin-bottom:auto;
  height:100%;
}

div.sitefooter p
{
  font-family:"Georgia", "Times New Roman", serif;
  margin-top:0px;
  margin-bottom:15px;
  margin-left:20px;
  margin-right:20px;
  text-shadow: -4px -4px 4px white, 2px 2px 2px gray;
}

.image-float-left
{
  float:left;
  margin-right:20px;
  margin-bottom:5px;
}

.image-float-right
{
  float:right;
  margin-left:20px;
  margin-bottom:5px;
}

main p.center
{
  text-align:center;
}

main h2.center
{
  text-align:center;
}

/* Styles for images which are part of article content. */
main figure.center, main figure
{
  text-align:center;
  margin-bottom:20px;
}

main figure.center img, main figure img
{
  /* Prevent large images from exploding outside their container. */
  max-width:100%;
}

main figure.left
{
  float:left;
  max-width:48%; /* Roughly half the page, including margin space. */
  margin-bottom:10px;
  margin-right:20px;
}

main figure.right
{
  float:right;
  max-width:48%; /* Roughly half the page, including margin space. */
  margin-bottom:10px;
  margin-left:20px;
}

main figure.left img, main figure.right img
{
  /* Keep images from overflowing their containers. */
  width:100%;
  height:100%;
}

figcaption
{
  font-family:"Georgia", "Times New Roman", serif;
  text-align:center;
  font-size:80%;
}

div.preformatted
{
  display:table; /* shrinkwrap, while allowing centering */
  border:1px solid black;
  background-color:rgb(250, 250, 250);
  margin-left:50px;
  margin-right:50px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  font-size:90%;
  margin-bottom:20px;
}

div.center
{
  margin-left:auto;
  margin-right:auto;
}

main pre
{
  font-family:"Courier New", Courier, monospace;
  font-size:inherit;
}

/* Intended use: inline math/numeral text in articles.
 * Or just anything that looks like math or code
 * and which should be read as such.
 */
main code
{
  font-size:14px;
  font-family:"Courier New", Courier, monospace;
  background-color:rgb(240, 240, 240);
  border:1px dotted rgb(200, 200, 200);
  padding-left:2px;
  padding-right:2px;
}

/* These two are used on the main page. */
.left-pane { float:left; width:45%; }
.right-pane { float:right; width:45%; }

#info-banner
{
  background-color:#5e6c00;
  padding-top:5px;
  padding-bottom:5px;
}

#info-banner p
{
  font-family:"Georgia", "Times New Roman", serif;
  text-align:center;
  color:white;
}

div.calendar
{
  display:table; /* shrinkwrap */
  font-family:"Courier New", Courier, monospace;
  font-size:14px;
  margin-top:15px;
  margin-bottom:15px;
  margin-left:50px;
  background-color:black;
  color:white;
  padding:5px;
  border:3px inset gray;
  box-shadow:4px 4px 8px gray;
}

/* Begin styling for blockquotes. */
div.bquote
{
  overflow:hidden; /* Keep from extending behind floats. */
  margin-top:15px;
  margin-bottom:20px;
  margin-left:50px;
  margin-right:50px;
  border-top:1px solid #ccc;
  border-left:4px solid #ccc;
  box-shadow:2px 2px 2px gray;
}

/* Blockquotes inside ordered lists don't need padding. */
main ol div.bquote
{
  margin-left:0px;
  margin-right:0px;
}

div.bquote blockquote { background-color:#f1edeb; }

div.bquote > p
{
  text-align:right;
  font-size:95%;
  margin:0px;
  padding-top:10px;
  padding-bottom:3px;
  padding-left:5px;
  padding-right:5px;
  background-color:rgb(250, 250, 250);
}

div.bquote > p.comment
{
  text-align:left;
}

div.bquote blockquote p:not(:last-of-type) { margin-bottom:15px; }

div.bquote blockquote
{
  text-align:left;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  font-family:"Times New Roman", Times, serif;
  /*font-family:"Garamond", "Times New Roman", serif;*/
  font-size:110%;
}

div.bquote blockquote p
{
  font-family:inherit;
  font-size:inherit;
  text-align:inherit;
}

div.bquote p a { font-weight:initial; color:blue; }
div.bquote p a:hover { font-weight:initial; color:purple; }
/* End styling for blockquotes. */

/* Extern-button styling. */
.extern-button
{
  font-family:"Georgia", "Times New Roman", serif;
  display:inline-block;
  font-style:italic;
  font-weight:bold;
  border-width:2px;
  border-style:solid;
  border-radius:5px;
  padding:3px 20px 3px 20px;
  color:#a8d7ae;
  background-color:#666c2d;
  border-color:#45260e;
  text-decoration:none;
  margin-bottom:5px;
  margin-top:5px;
  box-shadow:3px 3px 3px transparent;
  transition:background-color 0.3s linear, color 0.3s linear, text-shadow 0.3s linear, box-shadow 0.3s linear;
}

.extern-button:hover
{
  background-color:orange;
  color:purple;
  text-shadow:1px 1px 2px gray;
  box-shadow:3px 3px 8px gray;
}
/* End extern-button styling. */

#gnm-preview-links
{
  display:inline-flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:center;
  list-style-type:disc;
  list-style-position:inside;
  padding-bottom:0px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:50px;
  margin-right:50px;
}

#gnm-preview-links li
{
  margin-right:10px;
}

#gnmpreviewbox
{
  text-align:center;
  width:100%;
}

#gnmpreviewbox iframe
{
  /* Fit images exactly. */
  width:800px;
  height:1236px;
  margin:0px;
  padding:0px;
  border:1px dotted gray;
  overflow:hidden;
}

#video-page li { margin:0px; }
#video-page ol { padding:0px; }

#video-page div.video
{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-around;
}

#video-page div.video ol
{
  list-style-position:inside;
  height:100%;
  overflow:auto;
  margin-bottom:10px;
}

#video-page div.video iframe
{
  width:480px;
  height:360px;
  border:1px solid black;
}

/* Styling for non-English words/phrases within English prose. */
[lang="el"]
{
  /*font-style:italic;*/
  font-size:120%;
  font-family:"SBL Greek Web";
}

[lang="he"]
{
  font-size:140%;
  direction:rtl;
  unicode-bidi:bidi-override;
  font-family:"SBL Hebrew Web";
}

/* Special font for Syriac text.
 * Note: the letters 'sy' may not be the correct HTML language code.
 */
[lang="sy"]
{
  font-size:200%;
  direction:rtl;
  unicode-bidi:bidi-override;
  font-family:"Estranglio Web";
}

[lang="de"] { font-style:italic; }

[lang="el"] i { font-style:initial; }
[lang="de"] i { font-style:initial; }

/* Make inline quotes easier to see. */
q { color:rgb(50, 100, 200); }

sup { font-size:70%; }

/* Styling for tables. */
/* Using padding rather than margin because margin doesn't work with the display type. */
table { margin-bottom:20px; }
table.small { font-size:70%; }
table.center { margin-right:auto; margin-left:auto; }
table, th, td { border:1px solid gray; }
td, th { font-size:inherit; padding-top:1px; padding-bottom:1px;}
td, th { padding-left:5px; }
td, th { vertical-align:middle; }

td:not(:last-of-type), th:not(:last-of-type)
{ padding-right:30px; }

td:first-of-type, th:first-of-type { padding-right:20px; }
td:last-of-type, th:last-of-type { padding-right:10px; }

table.small td:last-of-type, table.small th:last-of-type
{ padding-right:5px; }

table.small td:not(:last-of-type):not(:first-of-type),
table.small th:not(:last-of-type):not(:first-of-type)
{ padding-right:20px; }

tr:nth-of-type(odd) { background-color:rgb(234, 242, 211); }
tr:nth-of-type(even) { background-color:rgb(250, 242, 211); }
th { background-color:rgb(220, 255, 200); }
th { text-align:left; }

td.center { text-align:center; }
/* End styling for tables. */

/* Some articles have abstracts. */
main p.abstract { font-style:italic; }
main p.abstract em { font-style:normal; }
main p.abstract cite { font-style:normal; }
main p.abstract i { font-style:normal; }

main ol
{
  margin-left:70px;
  margin-right:70px;
  margin-bottom:15px;
}

main ol li
{
  font-size:18px;
  font-family:"Times New Roman", Times, serif;
  margin-bottom:15px;
}

/* BEGIN styles for the Bible translation TOC. */
#translation-contents-container > div
{
  display:flex;
  justify-content:flex-start;
  flex-direction:row;
  flex-wrap:wrap;
}

#translation-contents-container > div section
{
  margin-left:20px;
  margin-right:20px;
}

#translation-contents-container > div p
{
  font-size:20px;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:5px;
  background-color:rgb(230, 230, 230);
  box-shadow:4px 4px 8px gray;
  padding:5px;
  margin-left:-5px;
}

#translation-contents-container > div ul
{
  background-color:red;
  margin-left:-5px;
  padding-left:5px;
  margin-top:-5px;
  padding-top:5px;
  background-color:white;
  box-shadow:4px 4px 8px gray;
}

#translation-contents-container > div li
{
  display:block;
  list-style-type:none;
}

#translation-contents-container
{
  display:flex;
  justify-content:center;
  margin-bottom:20px;
}
/* END styles for the Bible translation TOC. */

/* Custom text-selection color. */
::selection { background:rgb(200, 200, 200); }
::-moz-selection { background:rgb(200, 200, 200); }

main aside.article-series
{
  border:1px dotted gray;
  width:35%;
  max-width:350px;
  margin-bottom:15px;
  background-color:aliceblue;
}

main aside.article-series p
{
  margin-left:25px;
  margin-right:5px;
}

main aside.article-series > p:first-of-type
{
  margin-top:5px;
}

main aside.article-series ol
{
  margin-left:25px;
  margin-right:5px;
  list-style-position:inside;
}

main aside.article-series li
{
  font-size:90%;
  margin-bottom:10px;
}

main aside.article-series, main aside.article-series.left
{
  float:left;
  margin-right:15px;
}

main aside.article-series.right
{
  float:right;
  margin-left:15px;
  margin-right:0px;
}

/* Styling for the navlinks "previous|top|next" which appear at the
   bottom of those articles which are part of a series. */
main aside.article-nav
{
  margin-left:0px;
  margin-right:0px;
  margin-top:40px;
  margin-bottom:15px;
  position:relative;
}

main aside.article-nav ul
{
  list-style-type:none;
  text-align:center;
  font-size:inherit;
}

main aside.article-nav ul li
{
  display:inline-block;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:0px;
  padding-left:0px;
  margin:0px;
  border:1px dotted gray;
  background-color:bisque;
  font-size:inherit;
}

main aside.article-nav a
{
  display:block;
  color:brown;
  text-decoration:none;
  text-shadow:1px 1px 8px gray;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:20px;
  padding-left:20px;
  transition:background-color 0.1s linear, color 0.1s linear, box-shadow 0.3s linear;
}

main aside.article-nav a:hover
{
  color:maroon;
  background-color:aliceblue;
  box-shadow:1px 1px 8px gray;
}

main aside.article-nav li.next
{
  position:absolute;
  right:0px;
}

main aside.article-nav li.prev
{
  position:absolute;
  left:0px;
}

main aside.article-nav li.prev a:before { content:"<"; }
main aside.article-nav li.top a:before { content:"^"; }
main aside.article-nav li.top a:after { content:"^"; }
main aside.article-nav li.next a:after { content:">"; }
/* End styling for article navlinks. */

/* main.articles-toc { background-color:white; } */
main.articles-toc a { color:blue; }
main.articles-toc a:hover { color:purple; }

main.articles-toc li
{
  margin-bottom:15px;
}

main.articles-toc ol
{
  display:inline-block; /* shrinkwrap */
  margin-top:0px;
  margin-bottom:0px;
  margin-left:50px;
  margin-right:0px;
  border:1px dotted gray;
  padding-left:5px;
  padding-right:5px;
  padding-top:2px;
  padding-bottom:2px;
  list-style-position:inside;
}

main.articles-toc ol li
{
  margin-bottom:2px;
  font-size:16px;
}

main.articles-toc p.title { margin-bottom:5px; }

body#trans main .wip-warning
{
  text-align:center;
  margin-right:100px;
  margin-left:100px;
  margin-bottom:20px;
  color:red;
}

body#trans main .msg
{
  border: 1px dotted black;
}
body#trans main .msg p
{
  text-indent: 0px;
  padding: 0px 0px 0px 10px;
  font-size: 90%;
}

/* These exist entirely because the admin
 * wants to put horizontal
 * lines at some places in the main text.
 */
body#trans main .normal { /* Nothing specific needed currently. */ }
body#trans main .strong { border-width:3px; border-style:solid; }

body#trans main g-ml { display:none; }
body#trans main g-ll { display:inline; }

body#trans main g-hn { display:none; }
body#trans main g-en { display:inline; }

/* Verse numbers. */
body#trans main sup
{
  color:black;
  font-size:12pt;
  font-weight:bold;
}

/* Ring marks. */
body#trans main span.rn
{
  text-decoration:none;
  color:blue;
}

/* The admin insists on putting minor footnote-marks into the main
   text, although they are not used outside of the commentary page. */
body#trans main a.footnote-bold
{
  text-decoration:none;
  font-weight:bold;
  color:gray;
}

/* Dropcaps. */
body#trans main p.first .dc, body#trans main p.firstlast .dc
{
  float:left;
  font-size:410%;
  line-height:45pt;
  padding-right:2pt;
  font-weight:bold;
}

body#trans main p.first
{
  text-indent:0px;
  font-size:14pt;
  line-height:24pt;
}

body#trans main p.firstlast
{
  text-indent:0px;
  font-size:14pt;
  line-height:24pt;
  margin-bottom:50px;
}

body#trans main p.last
{
  text-indent:0.25in;
  font-size:14pt;
  line-height:24pt;
  margin-bottom:50px;
}

body#trans main p.last.poetic
{
  text-indent:0px;
}

body#trans main section.chapter-block p.last,
  body#trans main section.chapter-block p.firstlast
{
  margin-bottom:0px;
}

/* The '>' is needed to prevent targeting
 * of paragraphs contained by chapter divs.
 */
body#trans main > p:last-of-type { margin-bottom:0px; }

/* Target chapter divs. */
body#trans main > section.chapter-block { margin:0px; padding:0px; }

body#trans main > section.chapter-block
{
  margin-bottom:50px;
}

body#trans main > section:last-of-type
{
  margin-bottom:0px;
}

/* Book Title */
body#trans main h1
{
  font-family:"Times New Roman", Times, serif;
  font-variant:small-caps;
  text-align:center;
  font-size:50px;
  font-weight:bold;
}

/* Chapter-Headings */
body#trans main h2, body#trans main h2.chapter-heading
{
  font-family:"Times New Roman", Times, serif;
  font-weight:bold;
  margin-top:8pt;
	margin-bottom:8pt;
  font-size:18pt;
  text-indent:0px;
}

/* Section-Headings (or Descriptive-Headings) */
body#trans main h3.section-heading
{
  font-family:"Times New Roman", Times, serif;
  font-weight:bold;
  font-style:italic;
  margin-top:8pt;
  margin-bottom:4pt;
  font-size:14pt;
  text-indent:0px;
}

.js-alert
{
  padding-top:7px;
  padding-bottom:7px;
  color:white;
  background-color:brown;
  position:fixed;
  width:100%;
  top:40px;
  left:0px;
  text-align:center;
  height:20px;
  box-shadow:0px 8px 8px rgba(127, 127, 127, 0.5);
  z-index:1;
}

.js-alert-padding { padding-top:34px; }
.page-control-padding { padding-top:34px; }

.page-control
{
  min-height:34px;
  max-height:34px;
  line-height:34px;
  color:white;
  background-color:darkslategray;
  position:fixed;
  width:100%;
  top:40px;
  left:0px;
  box-shadow:0px 8px 8px rgba(127, 127, 127, 0.5);
  z-index:1;
}

.page-control ul
{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  list-style-type:none;
}

.page-control a
{
  display:block;
  color:orange;
  padding-left:20px;
  padding-right:20px;
  background-color:transparent;
  transition:background-color 0.3s linear, color 0.3s linear, text-shadow 0.3s linear;
}

.page-control a:hover
{
  color:brown;
  background-color:orange;
  text-shadow:1px 1px 1px gray;
}

article p.subtitle
{
  margin-top:-10px;
  font-size:30px;
  font-weight:bold;
  text-align:center;
  color:gray;
}

article p.author
{
  text-align:center;
  font-style:italic;
}

article h3
{
  margin-top:30px;
  margin-bottom:10px;
}


/* Translation tooltip notes. */
#tip
{
  display:none;
  pointer-events:none;
  min-width:10px;
  min-height:10px;
  max-width:500px;
  border:2px solid #993300;
  padding:2px;
  background-color:lightyellow;
  position:fixed;
  top:0px;
  left:0px;
  z-index:100;
  font-size:18px;
  font-family:"Times New Roman", Times, serif;
  box-shadow:3px 3px 12px goldenrod;
}

#tip p.fndb
{
  line-height:24px;
  color:darkblue;
  margin-bottom:15px;
}

#tip p.fndb:last-child
{
  margin-bottom:0px;
}

/* This also applies to the Javascript pop-up boxes. */
body#trans main span.dn
{
  color:blue;
  cursor:pointer; /* Change to a hand. */
}

body#trans main span.dn:hover { color:red; }

/* Error log from the database compiler. */
body#trans main div.error-log
{
  background-color:lightcoral;
  border:1px black dotted;
  margin-bottom:5px;
}

body#trans main div.error-log p
{
  margin-left:10px;
  text-indent:0px;
  font-size:14px;
  font-family:"Courier New", Courier, monospace;
  line-height:20px;
}



body#trans .tooltip
{
  display: inline;
  position: relative;
}

body#trans .tooltip:hover:after
{
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  bottom: 26px;
  color: white;
  content: attr(data-tooltip-text);
  left: -10px;
  padding: 2px 5px;
  position: absolute;
  z-index: 200;
  width: 150px;
  text-indent:0px;
  font-size:14px;
}