/* stylesheet for use with osis2html.xsl */
/* Dave van Grootheest, Netherlands Bible Society */
/* Adapted 2009-07-21 for use with Prophero and expanded to include most of the USFM 2.2 style set by Kahunapule */
/* JohnT: global defaults */
body { font-family: "Gentium Basic", "Gentium", "Charis SIL", "Times New Roman", serif; font-size: 12pt; line-height: 1.4em}
body.mainDoc {
background-color: rgb(128,255,255);
}
/* Styles for USFM elements -- div for paragraph and span for character styles */
span.add { color: rgb(16,16,16); font-style: italic }
div.b { display: block; margin-left: 12em; text-indent: -2em; line-height: 1.4em }
span.bd, span.em { font-weight: bold }
span.bdit, span.bk {font-weight: bold; font-style: italic }
div.cd, div.conc { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:justify; margin-top: 6pt}
div.cls { display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:right; margin-top: 6pt}
div.cov { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:center; margin-top: 6pt}
div.d { font-weight: bold; display: block; line-height: 1.4em; margin-top: 1.4em}
div.ebm { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt}
div.ebp { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em}
div.ebq div.ebq1 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; margin-left: 12em; text-indent: -4em}
div.ebq2 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; margin-left: 8em; text-indent: -4em}
div.ebq3 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; margin-left: 252em; text-indent: -4em}
div.ebs, div.ebs1 { font-family: "Arial", "Helvetica", san-serif; font-size: 12pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em}
div.ebs2 { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em}
div.ebs3 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em}
span.fm, span.notemark { font-family: Times New Roman, Serif; font-size: 9pt; vertical-align: super; margin-left: 2pt; line-height: 0}
div.fp { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; margin-left: 12em}
span.fq { font-weight: bold }
span.fqa { font-weight: bold }
span.fr { color: rgb(0,0,16) }
span.ft { font-weight: normal; color: rgb(0,0,0) }
span.fv { color: maroon }
div.f { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; margin-left: 12em; text-indent: -12em }
div.glo { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em }
div.ib, div.idx, div.ie, div.iex, div.intro, div.ip, div.zp { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em }
div.ili, div.io, div.io1 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: list-item; list-style-type: square; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 2em }
div.io2 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: list-item; list-style-type: square; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 12em }
div.io3 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: list-item; list-style-type: square; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 8em }
div.im { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left }
div.imi { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em; margin-left: 12em; margin-right: 12em }
div.imq { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em; margin-left: 12em }
div.imt, div.imt1 { font-weight: bold; font-family: "Arial", "Helvetica", san-serif; font-size: 12pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em }
div.imt2, div.iot { font-weight: bold; font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em }
div.imt3, div.imte { font-weight: bold; font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: 2em }
span.ior { font-weight: bold }
div.ipi, div.ipq, div.pref, div.pub, div.pubinfo, div.spine { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; margin-left: 2em; text-indent: 2em }
div.ipr { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align: right; margin-top: 6pt; margin-left: 2em; text-indent: 2em }
div.iq, div.iq1 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: -12em; margin-left: 8em }
div.iq2 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: -4em; margin-left: 8em }
div.iq3 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; text-indent: -2em; margin-left: 8em }
span.iqt { color: rgb(0,0,16) }
div.is, div.is1 { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt }
div.is2 { font-family: "Arial", "Helvetica", san-serif; font-size: 9pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt }
div.is3 { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt }
span.it { font-style: italic }
span.k { font-weight: bold }
div.keyword, div.keyword1 { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; margin-right: 12em; text-indent: -12em }
div.keyword2 { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; margin-right: 12em; text-indent: -4em }
div.keyword3 { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:left; margin-top: 6pt; margin-right: 12em; text-indent: -2em }
div.li, div.li1, div.ph, div.ph1 { display: list-item; list-style-type: none; text-align:left; text-indent: 2em }
div.li2, div.ph2, div.phi { display: list-item; list-style-type: none; text-align:left; text-indent: 4em }
div.li3, div.ph3 { display: list-item; list-style-type: none; text-align:left; text-indent: 12em }
div.lit { text-align: right }
div.m { text-indent: 0em; margin-top: 0 }
div.mi { text-indent: 2em; text-align: left; margin-top: 0 }
div.mr { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:center; margin-top: 6pt; text-indent: 2em }
div.ms, div.ms1 { color: rgb(0,0,256); font-weight: bold; font-family: "Arial", "Helvetica", san-serif; font-size: 14pt; display: block; margin-bottom: 6pt; line-height: 1.4em; margin-top: 6pt }
div.ms2 { font-weight: bold; font-family: "Arial", "Helvetica", san-serif; font-size: 12pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:center; margin-top: 6pt; text-indent: 2em }
div.ms3 { font-weight: bold; font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:center; margin-top: 6pt; text-indent: 2em }
div.mt, div.mt1, div.mte, div.mte1 { font-weight: bold; font-size: 20pt; text-align: center }
div.mt2, div.mte2 { font-weight: bold; font-size: 16pt; text-align: center }
div.mt3, div.mte3 { font-weight: bold; font-size: 14pt; text-align: center }
div.nb, div.ps { text-indent: 0em; margin-top: 0em }
div.k1 { text-indent: 0em; text-align: left; font-weight: bold }
span.nd, span.sc { font-variant: small-caps }
span.ndx, span.no { font-style: normal }
span.ord { vertical-align: super; font-size: 7pt; text-decoration: underline }
div.p, div.pb, div.pde, div.pdi { text-indent: 2em; margin-top: 6pt; text-align: left; margin-left: 0em }
div.pc { text-indent: 0em; margin-top: 6pt; text-align: center }
div.pi, div.pi1 { text-indent: 2em; margin-top: 6pt; margin-left: 2em; text-align: justify }
div.pi2 { text-indent: 2em; margin-top: 6pt; margin-left: 4em; text-align: justify }
div.pi3 { text-indent: 2em; margin-top: 6pt; margin-left: 12em; text-align: justify }
div.pm, div.pmo, div.pmc, div.psi { text-indent: 2em; margin-top: 6pt; margin-left: 2em; margin-right: 2em; text-align: justify }
div.pmr, div.pr { text-indent: 2em; margin-top: 6pt; margin-left: 2em; margin-right: 2em; text-align: right; text-align: justify }
span.pn { color: rgb(0,0,8) }
span.pro { color: rgb(32,8,8) }
div.q, div.q1 { text-align:left; margin-top: 0pt; text-indent: -6em; margin-left: 6em }
div.q2 { text-align:left; margin-top: 0pt; text-indent: -4em; margin-left: 6em }
div.q3 { text-align:left; margin-top: 0pt; text-indent: -2em; margin-left: 6em }
div.qa { font-family: "Arial", "Helvetica", san-serif; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align: center; margin-top: 6pt; text-indent: 0em }
span.qac {font-family: "Arial", "Helvetica", san-serif; font-weight: bold }
div.qc { text-align: center; margin-top: 0pt; text-indent: 0em; margin-left: 0em }
div.qm, div.qm1 { text-align:left; margin-top: 0pt; text-indent: -8em; margin-left: 12em }
div.qm2 { text-align:left; margin-top: 0pt; text-indent: -12em; margin-left: 12em }
div.qm3 { text-align:left; margin-top: 0pt; text-indent: -4em; margin-left: 12em }
div.qr { text-align:right; margin-top: 0pt; text-indent: 0em }
div.qs { text-align:right; }
span.qt { font-style: oblique }
div.r, div.sr { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-style: italic; text-align: center; margin-bottom: 6pt }
div.rr, div.rq { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-style: italic; text-align: right }
div.s, div.s1 { font-family: "Arial", "Helvetica", san-serif; font-style: bold; text-align: center; margin-top: 8pt }
div.s2 { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-style: bold; text-align: center; margin-top: 3pt }
div.s3 { font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; text-align: center; margin-top: 1pt }
span.sig { color: rgb(0,0,16) }
span.sls { font-style: italic }
div.sp { text-align: left; font-family: "Arial", "Helvetica", san-serif; font-size: 10pt; font-style: italic }
span.w, span.wg, span.wh, span.wr, span.zc { font-style: normal }
span.wj { color: rgb(128,0,0) }
span.xk { font-weight: bold }
span.xq { font-family: "Gentium", "Charis SIL", "Times New Roman", serif; }
span.xt { font-weight: bold }
div.maintitle { display: block; text-align: center; font-family: Arial; font-size: 22pt; font-weight: bold; margin-top: 10pt; margin-bottom: 10pt }
div.maintitle1 { display: block; text-align: center; font-family: Arial; font-size: 22pt; font-weight: bold; margin-top: 2pt }
div.maintitle2 { display: block; text-align: center; font-size: 14pt; font-weight: bold; font-style: italic; margin-bottom: 2pt }
div.copyright { display: block; text-align: center; font-family: Arial; font-size: 12pt; color: red; margin-bottom: 2pt }
div.toc {display: block; font-family: "Arial", "Helvetica", san-serif; font-size: 12pt; text-align: left; text-indent: -1em; margin-left: 1em }
div.toc1 {display: block; font-family: "Arial", "Helvetica", san-serif; font-size: 12pt; text-align: left; text-indent: -1em; margin-left: 2em }
div.toc2 {display: block; font-family: "Arial", "Helvetica", san-serif; font-size: 9pt; text-align: left; text-indent: -1em; margin-left: 3em }
div.sectionheading, div.chapterlabel { display: block; text-align: center; font-family: Arial, "Helvetica", san-serif; font-size: 14pt; font-weight: bold; margin-top: 12pt }
div.sectionsubheading { display: block; text-align: center; font-family: Arial; font-weight: bold; font-style: italic; margin-top: 6pt; margin-left: 12pt } /* JohnT */
div.sectionsubsubheading { display: block; text-align: center; font-family: Arial; font-size: 10pt; font-weight: bold; font-style: normal; margin-top: 6pt; margin-left: 12pt } /* JohnT */
div.parallel { font-family: Charis SIL, Times New Roman, Serif; display: block; text-align: center; font-style: italic; margin-top: 0pt; font-size:9pt } /* JohnT */
div.parallelSub { font-family: Charis SIL, Times New Roman, Serif; display: block; text-align: center; font-style: italic; margin-top: 0pt; margin-left: 12pt; font-size:9pt } /* JohnT */
/* JohnT: based on a recommendation in http://www.xs4all.nl/~sbpoley/webmatters/superscripts.html, to make line spacing
as nearly as possible uniform despite superscripts, especially in FF, we set block elements that contain them to a line-height
of 1.4 em, and the actual superscript elements have a line-height of zero.*/
div.navButtons { font-family: "Arial", "Helvetica", san-serif; font-size: 12pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 1.4em; text-align: center; clear: both }
div.navButtons a { padding: 3px; background-color: #036; border-bottom: 1px solid #eee; }
div.navButtons a:visited { color: #ffff66; text-decoration: none; }
div.navButtons a:link { color: #ffffff; text-decoration: none; }
div.navButtons a:hover { background-color: #0520ff; color: #fff; }
div.navChapters { font-family: "Arial", "Helvetica", san-serif; font-size: 7pt; display: block; margin-bottom: 10pt; text-align: center }
div.navChapters a { padding: 3px; background-color: #036; border-bottom: 1px solid #eee; }
div.navChapters a:visited { color: #ffff66; text-decoration: none; }
div.navChapters a:link { color: #ffffff; text-decoration: none; }
div.navChapters a:hover { background-color: #0520ff; color: #fff; }
div.prose { display: block; margin-bottom: 6pt; line-height: 1.4em; text-align:justify; margin-top: 6pt}
div.proseblock { display: block; line-height: 1.4em; text-align:justify}
div.proseblockindent { display: block; margin-left: 1cm; line-height: 1.4em; text-align:justify }
div.poetry { display: block; margin-left: 1.5cm; text-indent: -0.5cm; line-height: 1.4em }
div.embeddedPoetry { display: block; margin-left: 2.0cm; text-indent: -0.5cm; line-height: 1.4em; margin-right: 1.0cm; text-align:justify }
div.deepPoetry { display: block; margin-left: 2.5cm; text-indent: -0.5cm; line-height: 1.4em; margin-right: 1.0cm; text-align:justify }
div.list { margin-left: 1cm; text-indent: -0.5cm; line-height: 1.4em }
div.quoteSource { display:block; text-align:right; font-style:italic}
div.introListItem { margin-left: 1cm; text-indent: -0.5cm; line-height: 1.4em }
div.pageFooter { display: block; margin-bottom: 6pt; text-align: left; margin-top: 6pt; padding: 3px; font-family: Arial, Helvetica, san-serif; font-size: 8pt}
div.text {margin-left: 0;margin-right:0}
div {margin-left: 5px; margin-right:5px}
div.bookList { font-family: "Arial", "Helvetica", san-serif; font-size: 7pt; line-height: 8pt; float: left; margin: 0px; padding: 3px; width: 120px; background: rgb(128,255,255) }
div.main { margin-left: 132px; padding: 4px; background: rgb(112,256,176) }
div.bookLine { font-family: "Arial", "Helvetica", san-serif; font-size: 8pt; line-height: 9pt; display: block; text-align:left }
div.bookLine a { display: block; padding: 3px; background-color: #036; border-bottom: 1px solid #eee; }
div.bookLine a:visited { color: #ffff66; text-decoration: none; }
div.bookLine a:link { color: #ffffff; text-decoration: none; }
div.bookLine a:hover { background-color: #0520ff; color: #fff; }
div.dcbookLine { font-family: "Arial", "Helvetica", san-serif; font-size: 7pt; line-height: 8pt; display: block; text-align:left }
div.dcbookLine a { display: block; padding: 3px; background-color: #404040; border-bottom: 1px solid #eee; }
div.dcbookLine a:visited { color: #ffff66; text-decoration: none; }
div.dcbookLine a:link { color: #ffffff; text-decoration: none; }
div.dcbookLine a:hover { background-color: #ababab; color: #fff; }
p.footnote, p.crossRefNote { display: block; font-family:Charis SIL, Times New Roman; margin-top: 3pt; font-size: 10pt; text-align: left; margin-left: 0em }
span.chapter { font-family: Times New Roman, Serif; font-size: 32pt; font-weight: bold; float:left; margin-right: 4pt; line-height: 30pt; padding-top: 1pt; vertical-align:top }
div.p span.chapter, div.q span.chapter, div.q1 span.chapter div.q2 span.chapter, div.q3 span.chapter, div.poetry span.chapter {margin-right: 20pt }
span.verse { white-space:nowrap; font-family: Times New Roman, Serif; vertical-align: super; font-size: 7pt; margin-right: 2pt; color: rgb(0,128,0); line-height: 0 }
span.smallcaps { font-size: smaller }
span.crmark { font-family: Times New Roman, Serif; font-size: 9pt; vertical-align: super; margin-left: 2pt; line-height: 0}
span.overlap {} /* Where chapter number splits paragraph, used for part of paragraph in a different chapter. */
/* JohnT: for tooltips. The dummy font-size rule is a trick to make IE 'notice' the hover on the span, which apparently it otherwise ignores. */
a span.popup {display:none}
a span.crpopup {display:none}
a:hover {
font-size: 100%;
}
a:hover span.popup
{
font-family: Charis SIL, Times New Roman;
position: absolute;
display: block;
background: rgb(255,255,255);
border: 1px solid black;
color: black;
margin-left:2pt;
padding-left: 3pt;
padding-right: 3pt;
text-decoration: none;
text-indent: 0pt;
z-index: 1;
max-width: 3in;
font-weight:normal;
text-align:left;
}
a:hover span.crpopup {
font-family: Charis SIL, Times New Roman;
position: absolute;
display: block;
background: rgb(255,255,255);
border: 1px solid black;
color: black;
margin-left:2pt;
padding-left: 3pt;
padding-right: 3pt;
text-decoration: none;
text-indent: 0pt;
z-index: 1;
max-width: 3in;
font-weight:normal;
text-align:left;
}
td.text { line-height: 18pt }
a.noteBackRef {margin-right: 4pt}
/* JohnT, for chapter index */
body.BookChapIndex, body.ConcIndex {background: #ff8}
div.BookChapIndex { }
p.IndexChapterList { margin-left: 18pt; margin-top: 0pt; margin-bottom: 0pt }
p.IndexIntroduction { margin-left: 18pt; margin-top: 0pt; margin-bottom: 0pt; padding-bottom: 0pt}
p.IndexBookName { margin-bottom: 0pt; margin-top: 3pt }
/* JohnT, for word occurrence files */
span.OccRef {color:Maroon}
span.special {color:Gray}
/* JohnT, for bookNames index file */
table.BookNameTable {}
th.bookNameHeader,th.bookNameVernHeader, td.bookNameMissing, td.bookNameItem {padding-right: 4pt}
th.bookNameHeader,th.bookNameVernHeader {text-align:left}
td.bookNameVern,th.bookNameVernHeader {color:Blue}
td.bookNameMissing {background-color:Yellow}
td.bookNameItem {}
/* JohnT: for print footer. Note there should be only one in doc, with ID (not class) print-footer.
This does not work well...not at all in IE (the footer div is hidden on screen, appears inline in print).
In Firefox it sort of works, but the footer is in addition to the standard one and prints too close to
other text, sometimes on top of it. Currently I am not using these styles. */
@media print {
div#print-footer {display: block; position: fixed; bottom: 0; padding-top: 10pt}
}
@media screen {
div#print-footer {display: none;}
}