/* books.css
 *
 * This is now used for the hymnary and CCEL book pages
 */
.book-content {
  font-size: 115%;
  margin: 20pt 12pt 0pt 12pt;
}

/*
 * hide the old navbar embedded in tix files from people using the
new theme
 */
.book_navbar {
  display: none;
}

.book-navbar {
  display: block;

  height: 20pt;

  clear: both;
  margin: 5pt;
  padding: 3pt;

  border: none;
  background: #9f9f9f;
}

.book-navbar h1 a:hover {
  text-decoration: none;
}

#navbar-popup-zerosize {
  display: block;

  height: 0pt;
  width: auto;
}

#navbar-popup {
  /* should be initially hidden: */
  display: none;

  /*
     * because of our technique of using position: relative, we need to
     * let overflow be visible in the #content rule below.
     *
     * [this needs vastly more explanation!]
     * no idea why this should be true; and there isn't a #content rule below.
     */
  position: relative;
  top: 32pt;
  left: 0pt;
  bottom: 10pt;
  right: 10pt;

  background: white;
  padding: 4pt;
  border: 1pt solid #9f9f9f;

  z-index: 1;

  max-height: 40em;
  overflow: auto;
}
#navbar-popup-close {
  float: right;
  padding: 0pt;
  margin: 0pt;
}

select.outline-ccel-red:focus {
  outline: none;
  background-color: var(--ccel-red);
}
select.outline-ccel-red option {
  background-color: var(--ccel-red);
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75);
}

/* make the textbox and searchbox display on the same line. */
#ccelmod-book-menu > form div.form-item {
  display: inline-block;
  vertical-align: middle;
}

/* Let the search box and tag box sit on the same line. */
#ccelmod-book-menu div.row > form {
  max-width: 25em;
  margin-right: 1em;

  display: inline-block;
  vertical-align: top;
}

/* Make the highlighter buttons have a skinnier mouseover area. */
#ccelmod-book-menu-highlighters {
  display: inline-block;
  padding: 0em 0.1em;
}

/*
 * The following rules are for the popup annotation menu.
 */
.selection-popup {
  max-width: 204px;
  position: absolute;
  top: 0px;
  left: 0px;
  will-change: transform;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#ccelmod-book-menu-highlighters > div {
  display: inline-block;
}

#ccelmod-book-menu-highlighters > div > a:hover {
  text-decoration: none;
  background-color: #d9c756 !important;
}

#ccelmod-book-menu-highlighters > div > a.button {
  display: inline-block;
  background-color: #a8a09a;
  margin: 0.1em 0em;
  padding: 0.2em;
  font-size: 2.5em;
  vertical-align: bottom;
}

#ccelmod-book-menu-highlighters .color-yellow {
  color: #ffffaa;
}
#ccelmod-book-menu-highlighters .color-blue {
  color: #aaffff;
}
#ccelmod-book-menu-highlighters .color-green {
  color: #aaffaa;
}
#ccelmod-book-menu-highlighters .color-white {
  color: #ffffff;
}
#ccelmod-book-menu-highlighters .color-grey {
  color: #d4d0cd;
}

/* Initially hidden */
#navbar-popup-content {
  display: none;
}

/*
 * .book-navbar-prev and .book-navbar-next are only listed to support
 * the old-style <table />-based navbar from the ancient 00s
 */
.book-navbar-button,
.book-navbar-button a,
button.book-navbar-button,
.book-navbar-prev,
.book-navbar-next {
  display: inline-block;
  cursor: pointer;

  border: none;
  margin: 0.5pt;
  vertical-align: middle;

  background: #c3c3c3;
  color: #ca5800;
  font-variant: small-caps;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.book-navbar-button a {
  display: inline-block;
  cursor: pointer;
}

.book-navbar-button:hover,
.book-navbar-button a:hover {
  background: #dcdbdb;
  color: #ca5800;
  text-decoration: none;
}

.book-navbar-button a[rel='next'],
.book-navbar-button a[rel='prev'] {
  margin: 0px 3px;
}

.font-size-button {
  vertical-align: baseline;
  text-align: center;
  padding-left: 3px;
  position: relative;
  top: 1px;
}

.font-size-button a {
  font-variant: normal;
}

.book-navbar-prev,
.book-navbar-next {
  clear: none;
}
.book-navbar-prev a,
.book-navbar-next a {
  color: inherit;
}
.book-navbar-prev a:hover,
.book-navbar-next a:hover {
  text-decoration: inherit;
}

.book-navbar-left,
.book-navbar-prev,
.book-navbar-prev a {
  float: left;
  clear: none;
  text-align: left;
}

.book-navbar-title {
  display: block;
  clear: none;

  text-align: center;
  margin: auto auto;

  font-weight: bold;
  white-space: nowrap;

  color: var(--ccel-red);

  overflow: hidden;
}

.book-navbar-right,
.book-navbar-next,
.book-navbar-next a {
  float: right;
  clear: none;
  text-align: right;
  margin: 0pt 10pt 0pt 0pt;
}

a.book-navbar-gear {
  height: 24px;
  width: 24px;
}

#book-footer-right {
  float: right;
  font: 1em icomoon;
}

#book-footer-left {
  float: left;
}

#book-footer-left .tagbox {
  display: inline-block;
  max-width: 15em;
}
#book-footer-left .ccelmod-book-menu-tagbox .form-item > * {
  display: inline-block;
}
#book-footer-left .ccelmod-book-menu-tagbox .form-item > label,
#book-footer-left .ccelmod-book-menu-tagbox .description {
  display: none;
}
#book-footer-left .ccelmod-book-menu-tagbox input {
  width: 5em;
}
/* Hide the nonjs tagbox when JS is enabled */
.js #book-footer-left .tagbox,
.js #book-footer-left .tagbox-label {
  display: none;
}

.footer_note {
  padding: 0.3em 0em;
}

.book-content p {
  text-indent: 2em;
  line-height: 175%;
  margin: 0em;
}

.book-content p.noindent {
  text-indent: 0px;
}

.book-content h1,
.book-content h2,
.book-content h3,
.book-content h4 {
  text-align: center;
  font-weight: bold;
}

.book-content h5,
.book-content h6 {
  font-weight: normal;
  font-style: italic;
  text-align: center;
}

.book-content h2 {
  margin: 1em 0em;
}
.book-content h3 {
  margin: 0.75em 0em 0em 0em;
}

.book-content h4,
.book-content h5,
.book-content h6 {
  margin: 0.5em 0em;
}

.book-content sup {
  //line-height: 170%;
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sup.verse {
  //line-height: 170%;
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.book-content sub {
  top: 0.4em;
}

.book-content sup.v {
  line-height: 1;
}
.book-content blockquote {
  margin: 1em 3em;
}

.book-content .blockquote {
  margin: 1em 3em;
  text-indent: 0in;
}

.book-content .col-left {
  width: 49%;
  float: left;
  margin: 0px;
  padding: 0px;
}
.book-content .col-right {
  width: 49%;
  float: right;
  margin: 0px;
  padding: 0px;
}

.book-content .google-auto-placed {
  display: none;
}

.book_hit_count,
.book_proof_count {
  font-style: italic;
  clear: both;
}

.book_proof_count_help {
  font-style: normal;
}

.dict-rel-links {
  width: 12em;
  float: right;
  border: 1px dashed black;
  padding: 0.2em 0.3em;
  margin: 6em 0em 0.5em 0.5em;
}

.dict-rel-links ul {
  margin-left: 1em;
  padding-left: 0em;
}

.dict-rel-links ul li {
  font-size: 85%;
  margin: 0em 0em 0.5em 0em;
  padding-left: 0em;
}

/* Margin notes have light backgrounds */
.mnote a.NoteRef {
  color: black;
}
.book-content a.Note {
  text-decoration: none;
}
.book-content a.Note:hover {
  text-decoration: underline;
}
.book-content a.scripRef {
  text-decoration: none;
}
.book-content a.scripRef:hover {
  text-decoration: underline;
}
.book-content a.scripRef:visited {
  color: var(--ccel-red);
}
.book-content .scrHighlighted,
.book-content *:target {
  background: #fff3b0;
}
.book-content .highlight-brush-yellow {
  background-color: #ffffaa;
}
.reflowMode .book-content .highlight-brush-yellow {
  background-color: rgba(255, 255, 66, 0.5);
}
.book-content .highlight-brush-blue {
  background-color: #aaffff;
}
.reflowMode .book-content .highlight-brush-blue {
  background-color: rgba(66, 255, 255, 0.5);
}
.book-content .highlight-brush-green {
  background-color: #aaffaa;
}
.reflowMode .book-content .highlight-brush-green {
  background-color: rgba(66, 255, 66, 0.5);
}
.book-content .highlight-brush-orange {
  background-color: #ff8629;
}
.reflowMode .book-content .highlight-brush-orange {
  background-color: rgba(235, 102, 0, 0.5);
}
.book-content .highlight-brush-white {
  background-color: #ffffff;
}
.book-content .highlight-brush-red {
  background-color: #ff3f38;
}
.reflowMode .book-content .highlight-brush-red {
  background-color: rgba(255, 33, 26, 0.5);
}
.book-content .highlight-brush-purple {
  background-color: #b462b4;
}
.reflowMode .book-content .highlight-brush-purple {
  background-color: rgba(148, 71, 148, 0.5);
}
.book-content .highlight-brush-cyan {
  background-color: #88cef1;
}
.reflowMode .book-content .highlight-brush-cyan {
  background-color: rgba(77, 182, 234, 0.5);
}
.book-content .highlight-brush-tour {
  background-color: #88cef1;
  border: 1px dotted black;
}
.reflowMode .book-content .highlight-brush-tour {
  background-color: rgba(77, 182, 234, 0.5);
  border: 1px dotted black;
}
.book-content .highlight.highlight-brush-current {
  background-color: #d9fc27;
  border: 1px dotted black;
}
.reflowMode .book-content .highlight.highlight-brush-current {
  background-color: rgba(214, 253, 23, 0.5);
  border: 1px dotted black;
}
.book-content #searchHighlight .highlight {
  background-color: yellow;
}
.reflowMode .book-content #searchHighlight .highlight {
  background-color: rgba(255, 234, 0, 0.5);
}
.book-content p.First {
  text-indent: 0in;
}
.book-content p.First:first-letter {
  font-size: 200%;
}
/*.book-content p.First:first-letter {font-size: 270%; float: left; margin-top: -10px; }*/
.book-content p.dropcap {
  text-indent: 0in;
}
.book-content p.dropcap:first-letter {
  font-size: 200%;
  float: left;
}
.book-content p.smallcap {
  text-indent: 0in;
}
.book-content p.smallcap:first-letter {
  font-size: 200%;
}
.book-content .sc {
  font-variant: small-caps;
}

.book-content p.indent,
p.Normal {
}
.book-content p.continue {
  text-indent: 0in;
}
.book-content p.Continue {
  text-indent: 0in;
}
.book-content p.ChapterSummary {
  text-align: center;
  font-style: italic;
}
.book-content p.Attribution {
  text-align: right;
}
.book-content p.Argument {
  text-align: center;
  font-style: italic;
}
.book-content p.meter {
  text-align: right;
  margin-top: -12pt;
}
.book-content p.SectionInfo {
  margin-left: 1in;
  text-indent: -0.5in;
  margin-right: 0.5in;
  font-style: italic;
}
.book-content p.footnote {
  text-indent: 0.25in;
}
.book-content p.endnote {
  text-indent: 0.35in;
}
.book-content .pagebreak {
  page-break-before: always;
}
.book-content sup.Note {
  font-size: 70%;
  vertical-align: 40%;
}
.book-content sup.NoteRef {
  font-size: 70%;
  vertical-align: 40%;
}
.book-content div.Note {
  font-size: 88%;
  text-indent: 0.35in;
}
.book-content div.offer {
  margin-top: 6pt;
}
.book-content p.noteMark {
  text-indent: 0in;
  margin-bottom: -12pt;
}
.book-content p.pages {
  text-indent: 0in;
  font-size: smaller;
}

.book-content .List1,
.book-content .List2,
.book-content .List3,
.book-content .List4,
.book-content .List5,
.book-content .List6,
.book-content .List7 {
  text-indent: -0.25in;
  margin-right: 0.25in;
}
.book-content .List1 {
  margin-left: 0.5in;
}
.book-content .List2 {
  margin-left: 0.75in;
}
.book-content .List3 {
  margin-left: 1in;
}
.book-content .List4 {
  margin-left: 1.25in;
}
.book-content .List5 {
  margin-left: 1.5in;
}
.book-content .List6 {
  margin-left: 1.75in;
}
.book-content .List7 {
  margin-left: 2in;
}
.book-content .ListCont1,
.book-content .ListCont2,
.book-content .ListCont3,
.book-content .ListCont4,
.book-content .ListCont5,
.book-content .ListCont6 {
  text-indent: 0in;
  margin-right: 0.5in;
}
.book-content .ListCont1 {
  margin-left: 0.5in;
}
.book-content .ListCont2 {
  margin-left: 0.75in;
}
.book-content .ListCont3 {
  margin-left: 1in;
}
.book-content .ListCont4 {
  margin-left: 1.25in;
}
.book-content .ListCont5 {
  margin-left: 1.5in;
}
.book-content .ListCont6 {
  margin-left: 1.75in;
}

.book-content li.wwec {
  font-family: Arial;
  font-size: 83%;
}

.book-content div.Verse {
  margin-top: 12pt;
  margin-left: 1.25in;
  margin-right: 0.5in;
  display: block;
}
.book-content div.verse2 {
  width: 80%;
  margin-left: 10%;
  text-align: center;
  margin-top: 6pt;
  margin-bottom: 6pt;
}
.book-content table.verse {
  margin-bottom: 12pt;
}
.book-content .verseFloatLeft {
  float: left;
  margin-left: -0.3in;
}
.book-content .t0 {
  margin-left: 7em;
  text-indent: -5em;
}
.book-content .t1,
.book-content .t {
  margin-left: 7em;
  text-indent: -4em;
}
.book-content .t2 {
  margin-left: 7em;
  text-indent: -3em;
}
.book-content .t3 {
  margin-left: 7em;
  text-indent: -2em;
}
.book-content .t4 {
  margin-left: 7em;
  text-indent: -1em;
}
.book-content .t5 {
  margin-left: 7em;
}

.book-content .editbox {
  font-family: Arial, sans-serif;
  font-size: 83%;
}
.book-content .Center,
.book-content .Centered {
  text-indent: 0in;
  text-align: center;
}
.book-content span.Italic {
  font-style: italic;
}
.book-content span.Bold {
  font-weight: bold;
}
.book-content span.Sub {
  vertical-align: sub;
}
.book-content span.Super {
  vertical-align: super;
}
.book-content .left {
  text-align: left;
}

.book-content ul.Index1 {
  font-weight: bold;
}
.book-content ul.Index2 {
  font-weight: normal;
}
.book-content p.index1,
.book-content p.index2,
.book-content p.index3,
.book-content p.index4 {
  text-indent: -2em;
  margin-top: 0in;
}
.book-content p.index1 {
  margin-left: 2em;
}
.book-content p.index2 {
  margin-left: 3em;
}
.book-content p.index3 {
  margin-left: 4em;
}
.book-content p.index4 {
  margin-left: 5em;
}
.book-content p.Index1 {
  text-indent: -2em;
  margin-top: 0in;
  margin-left: 2em;
}
.book-content p.Index2 {
  text-indent: -2em;
  margin-top: 0in;
  margin-left: 3em;
}

.book-content p.bbook {
  text-indent: 0in;
  font-weight: bold;
  text-align: center;
}
.book-content p.bref {
  text-indent: 0in;
  text-align: center;
}
.book-content p.by {
  text-indent: 0in;
  text-align: center;
  font-size: medium;
  margin-top: 12pt;
}

.book-content .whitehead {
  font-family: arial, helvetica, sans-serif;
  font-size: 83%;
  color: #ffffff;
  font-weight: bold;
  margin-top: 0pt;
  line-height: 140%;
}
.book-content table.marg {
  position: absolute;
  left: 0.1in;
  padding-left: 1pt;
}
.book-content span.pb {
  display: block;
  float: right;
  line-height: normal;
  font-size: 75%;
  text-indent: 0px;
  border: 1px solid var(--ccel-red);
  color: var(--ccel-red);
  background-color: #b3aaaa;
  padding: 3px 4px;
  margin: 0px 0px 0px 8px;
}
.book-content span.pb a {
  display: block;
  padding: 4px 5px;
  margin: -4px -5px;
  background: var(--ccel-red);
  color: #fff;
}
.book-content td p {
  text-indent: 0in;
}
.book-content p.thin {
  font-size: 1pt;
  margin-top: 0pt;
}
.book-content .chap {
  position: absolute;
  margin-left: -0.3in;
  float: left;
  font-size: 200%;
  display: none;
}
.book-content span.Note {
  color: blue;
}

.book-content hr.W30 {
  width: 30%;
}
.book-content hr.Note {
  text-align: left;
  width: 30%;
}
.book-content img.page {
  margin-left: -0.5in;
}

.book-content p.bib {
  margin-left: 0.5in;
  text-indent: -0.25in;
  font-size: x-small;
}

.book-content .mnote {
  clear: right;
  font-size: 80%;
  float: right;
  margin-top: 0pt;
  background-color: #ffffe5;
  padding: 1em;
  width: 30%;
  text-indent: 0in;
  line-height: normal;
  font-variant: normal;
  text-transform: none;
  font-weight: normal;
  text-align: left;
}
/* default notes style is that mnotes are hidden and footnotes are shown */
.book-content .mnote {
  display: none;
}
/* notes=hidden */
.notes-style-hidden .book-content .footnotes-hr,
.notes-style-hidden .book-content .footnotes,
.notes-style-hidden .book-content .mnote {
  display: none;
}
.notes-style-hidden .book-content .mnote.mnote-shown {
  display: inline;
}
/* notes=margin */
.notes-style-margin .book-content .footnotes-hr,
.notes-style-margin .book-content .footnotes {
  display: none;
}
.notes-style-margin .book-content .mnote {
  display: inline;
}
.notes-style-margin .book-content .mnote.mnote-hidden {
  display: none;
}

.book-content .argument {
  text-align: center;
  font-style: italic;
  text-indent: 0in;
  margin-bottom: 12pt;
}
.book-content .arg {
  margin-top: 6pt;
  margin-bottom: 6pt;
  text-indent: 0in;
  font-style: italic;
  text-align: center;
}
.book-content .attr {
  text-align: right;
}
.book-content .author {
}
.book-content .composer {
}
.book-content .incipit {
}
.book-content .l {
}
.book-content .meter {
  text-align: right;
  margin-top: -12pt;
}
.book-content .music {
}
.book-content .tune {
}
.book-content span.foreign {
  color: #003300;
}
.book-content span.unclear {
  color: #808080;
}
.book-content span.Greek {
  font-family: 'Gentium', 'GentiumAlt', 'Palatino Linotype', 'Arial Unicode MS';
}
.book-content span.Hebrew {
  font-family: 'Ezra SIL', 'Arial Unicode MS', 'Lucida Sans Unicode',
    'Times New Roman';
  font-size: 120%;
  direction: rtl;
}
.book-content .woc,
.book-content .red {
  color: red;
}
.book-content .navbarfixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 24pt;
  background: var(--ccel-red);
  color: white;
  border-bottom: solid #fff0e6 4pt;
  font-family: Arial, sans-serif;
  font-size: 83%;
}
.book-content .offer {
  margin-top: 6pt;
  margin-bottom: 6pt;
}

.book-content pre {
  background: none;
  border: none;
}

/**
 * Let the browser know the size of a book's cover image before it loads.
 *
 * \see _ccelmod_build_bookinfo()
 */
.book-cover-image {
  width: 120px;
  height: 160px;
}

/*
 * We use PHP to put class="book-font-size-$size" in to avoid having
 * to javascriptedly muck around the top class="book-content" element
 * on every page load.
 *
 * The font-size of 10.4pt is such that ``font-size: 115%;''
 * somewheres in the above CSS will yield 12pt font. It's sorta
 * confusing. 8.6 yields 10pt, 12.1 yields 16pt.
 */
.book-font-size-smallest .book-content {
  font-size: 95%;
}
.book-font-size-small .book-content {
  font-size: 105%;
}
.book-font-size-normal .book-content {
  font-size: 115%;
}
.book-font-size-large .book-content {
  font-size: 134%;
}
.book-font-size-larger .book-content {
  font-size: 144%;
}
.book-font-size-largest .book-content {
  font-size: 154%;
}

.font-choice.book-font-size-smallest {
  font-size: 10pt;
}
.font-choice.book-font-size-small {
  font-size: 11pt;
}
.font-choice.book-font-size-normal {
  font-size: 12pt;
}
.font-choice.book-font-size-large {
  font-size: 14pt;
}
.font-choice.book-font-size-larger {
  font-size: 15pt;
}
.font-choice.book-font-size-largest {
  font-size: 16pt;
}

/* likewise for font families */
.book-font-family-sans-serif .book-content,
.book-font-family-sans-serif .book-content p,
.font-choice.book-font-family-sans-serif {
  font-family: Arial, Helvetica, sans-serif;
}
.book-font-family-serif .book-content,
.book-font-family-serif .book-content p,
.font-choice.book-font-family-serif {
  font-family: cmr10, Georgia, serif;
}

.book-theme-light,
.font-choice.book-theme-light {
  background: white;
}
/* special supersweet red-eye support */
.book-theme-dark,
.font-choice.book-theme-dark {
  background: #111;
  color: #ddd;
}
/*
 * Override books' built-in stylesheets
 * Test with /ccel/bible/kjv.John.5.html
 */
#content.book-theme-dark,
#main.book-theme-dark,
body.book-theme-dark {
  background-color: #111;
}
.book-theme-dark .woc,
.book-theme-dark .red,
.font-choice.book-theme-dark.woc,
.font-choice.book-theme-dark.red {
  color: #ff9977 !important;
}
.book-theme-dark .book-content .highlight-brush-yellow {
  background-color: #f39c12;
}
.book-theme-dark .book-content .highlight-brush-blue {
  background-color: #375a7f;
}
.book-theme-dark .book-content .highlight-brush-green {
  background-color: #00bc8c;
}
.book-theme-dark .book-content .highlight-brush-orange {
  background-color: #d03700;
}
.book-theme-dark .book-content .highlight-brush-cyan {
  background-color: #0b5351;
}
/* Override scripture highlighting for ?scrBook&scrCh&scrV */
.book-theme-dark.scrHighlighted,
.book-theme-dark .book-content .scrHighlighted,
.book-theme-dark:target,
.book-theme-dark .book-content *:target {
  background: #553300;
}
.book-theme-dark .book-content sup.verse {
  color: #ddd;
}
.book-theme-dark a.scripRef:link {
  color: #ff8877;
}
.book-theme-dark .mnote {
  background: #433221;
  border: none;
}

.selection-popup .highlighter-define-word {
  display: inline-block;
}

/*
 * Weird <a><img alt="something" /></a> problem where the image's
 * bottom is aligned with the baseline of the <a />, causing
 * an appearance of padding on the bottom.
 */
.selection-popup a > img {
  vertical-align: bottom;
}

.page-image-thumbnail {
  height: 100px;
  position: relative;
  float: right;
}

/* Make the wikpage background a light pink */
.wikipage-background {
  background-color: #efd9d9;
}

/* Rules for dictionary image selections */
.jcrop-selection {
  background-color: #eedd56;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.form-complete {
  background: #58aa36;
}

.jcrop-current button,
.jcrop-current button:hover {
  background-color: #d9c756;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.form-complete button,
.form-complete button:hover {
  background: #587436;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.jcrop-current {
  background: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Rules for displaying dictionary image selections */
div.scalable {
  width: 75%;
}

img.scalable {
  width: 98%;
  margin: 0% 1% 0% 1%;
  max-width: 600px;
}

@media only screen and (max-width: 900px) {
  div.scalable {
    width: 100%;
  }
}

/* Rules for dictionary image popup editor */
div.popup-div {
  position: absolute;
  z-index: 10;
  width: 300px;
  height: auto;
  padding: 1em;
  text-align: left;
  color: #000000;
  background: #ffffff;
  display: none;
  border: 1px solid #a8a09a;
}

input[name='new_def'] {
  width: 150px;
}

div#term-radios {
  padding-left: 3em;
}

.form-error {
  color: red;
}

#edit-cancel {
  background: #d4d0cd;
  float: right;
}
#edit-cancel:hover {
  cursor: pointer;
}

#edit-delete,
#edit-edit {
  float: right;
}

#page_image_hires {
  width: 100%;
  max-width: 740px;
}

.formatimg {
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 64px;
  color: #587436;
}

.note.fa {
  display: inline;
}
.note-yellow {
  color: #747400;
}
.note-red {
  color: red;
}
.note-purple {
  color: purple;
}
.note-orange {
  color: orange;
}
.note-cyan {
  color: cyan;
}
.note-tour {
  color: #008282;
}
.tags {
    margin-left: -35px;
    margin-top: 4px;
    margin-bottom: -5px;
    color: white;
    list-style: none;
}
.tags ul {
    list-style: none;
}
.tags ul li {
    color: black;
    display: inline;
    margin-left: 2px;
    background-color: white;
    position: relative;
}
.tags ul li.unfinished {
    background-color: grey;
}
.tagx {
	padding: 2px 2px 2px 2px;
}
.tagx:hover {
	cursor: pointer;
	background-color: lightgrey;
}
.slim {
	max-width: 800px;
}