/* stylesheet for use with Prophero/Haiola */
/* 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 */
/* 2013-09-02 Expanded for USFM 2.4 by Kahunapule */
/* JohnT: global defaults */

body	{ font-family:'Gentium Basic', 'Gentium', 'Liberation Serif', 'Times New Roman', 'serif'; font-size: 14pt }
body.mainDoc	{
	background-color: rgb(255,255,255);
	min-width: 120px
	}
select { font-family: 'Gentium Basic', 'Gentium', 'Liberation Serif', 'Times New Roman', 'serif'; font-size: 14pt }

/* Styles for USFM elements -- div for paragraph and span for character styles */
span.add { font-style: italic }
span.bd, span.em { font-weight: bold }
span.bdit, span.bk {font-weight: bold; font-style: italic }
div.cd, div.conc {  font-size: 11pt; display: block; margin-bottom: 6pt; text-align:justify; margin-top: 6pt; color: rgb(0,0,128) }
div.cls { display: block; margin-bottom: 6pt; text-align:right; margin-top: 0.2em}
div.cov {  display: block; margin-bottom: 6pt; text-align:center; margin-top: 6pt; color: rgb(0,0,128) }
div.d {  font-weight: bold; display: block }
div.ebm {  font-size: 11pt; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; color: rgb(0,0,128) }
div.ebp {  font-size: 11pt; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em; color: rgb(0,0,128) }
div.ebq div.ebq1 {  font-size: 11pt; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; margin-left: 12em; text-indent: -4em; color: rgb(0,0,128)}
div.ebq2 {  font-size: 11pt; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; margin-left: 8em; text-indent: -4em; color: rgb(0,0,128)}
div.ebq3 {  font-size: 11pt; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; margin-left: 12em; text-indent: -4em; color: rgb(0,0,128)}
div.ebs, div.ebs1 {  font-weight: bold; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em}
div.ebs2 {  font-weight: bold; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em}
div.ebs3 {  font-size: 11pt; font-weight: bold; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em}
span.fm, span.notemark {  font-size: 7pt; vertical-align: super; margin-left: 2pt; line-height: 0; color: rgb(0,128,0)}
div.fp {  font-size: 11pt; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; margin-left: 12em; color: rgb(0,0,128)}
span.fq {  font-style: italic; color: rgb(0,0,128) }
span.fqa {  font-style: italic; color: rgb(0,0,128) }
span.fr {  color: rgb(0,0,16) }
span.ft {  font-weight: normal; color: rgb(0,0,128) }
span.fv {  color: maroon }
div.f {  font-size: 11pt; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; margin-left: 12em; text-indent: -12em }
div.glo {  font-size: 13pt; font-weight: bold; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em }
div.ib, div.idx, div.ie, div.iex, div.intro, div.ip, div.zp {  font-size: 14pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em }
div.ili, div.ili1 {  font-size: 11pt; color: rgb(0,0,128); display: list-item; list-style-type: square; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 2em }
div.ili2 {  font-size: 11pt; color: rgb(0,0,128); display: list-item; list-style-type: square; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 4em }
div.ili3 {  font-size: 11pt; color: rgb(0,0,128); display: list-item; list-style-type: square; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 8em }
div.ili4 {  font-size: 11pt; color: rgb(0,0,128); display: list-item; list-style-type: square; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 12em }
div.io, div.io1 {  font-size: 11pt; color: rgb(0,0,128); display: list-item; list-style-type: none; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 2em }
div.io2 {  font-size: 11pt; color: rgb(0,0,128); display: list-item; list-style-type: none; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 4em }
div.io3 {  font-size: 11pt; color: rgb(0,0,128); display: list-item; list-style-type: none; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 6em }
div.io4 {  font-size: 11pt; color: rgb(0,0,128); display: list-item; list-style-type: none; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 0em; margin-left: 8em }
div.im {  font-size: 11pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left }
div.imi {  font-size: 11pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em; margin-left: 12em; margin-right: 12em }
div.imq {  font-size: 11pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em; margin-left: 12em }
div.imt, div.imt1 { font-weight: bold;  font-size: 13pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em }
div.imt2, div.iot { font-weight: bold;  font-size: 13pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: 2em }
div.imt3, div.imte { font-weight: bold;  font-size: 11pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; 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-size: 11pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; margin-left: 2em; text-indent: 2em }
div.ipr {  font-size: 11pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align: right; margin-top: 6pt; margin-left: 2em; text-indent: 2em }
div.iq, div.iq1 {  font-size: 11pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: -8em; margin-left: 12em }
div.iq2 {  font-size: 11pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: -4em; margin-left: 12em }
div.iq3 {  font-size: 11pt; color: rgb(0,0,128); display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; text-indent: -2em; margin-left: 12em }
span.iqt { color: rgb(0,0,255) }
div.is, div.is1 {  font-size: 13pt; color: rgb(0,0,128); font-weight: bold; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt }
div.is2 {  font-size: 11pt; color: rgb(0,0,128); font-weight: bold; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt }
div.is3 {  font-size: 11pt; color: rgb(0,0,128); font-weight: bold; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt }
span.it { font-style: italic }
span.k { font-weight: bold }
div.keyword, div.keyword1 {  font-size: 13pt; font-weight: bold; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; margin-right: 12em; text-indent: -12em }
div.keyword2 {  font-size: 13pt; font-weight: bold; display: block; margin-bottom: 6pt; text-align:left; margin-top: 6pt; margin-right: 12em; text-indent: -4em }
div.keyword3 {  font-size: 13pt; font-weight: bold; display: block; margin-bottom: 6pt; 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: 8em }
div.li4, div.ph4 { display: list-item; list-style-type: none; text-align:left; text-indent: 12em }
div.lit { text-align: right }
div.b, div.m { text-indent: 0em; margin-top: 0 }
div.mi { text-indent: 2em; text-align: left; margin-top: 0 }
div.mr {  font-size: 11pt; display: block; margin-bottom: 6pt; text-align:center; margin-top: 6pt; text-indent: 2em }
div.ms, div.ms1 { color: rgb(0,0,128); font-weight: bold;  font-size: 13pt; display: block; margin-bottom: 6pt; margin-top: 6pt }
div.ms2 { font-weight: bold;  font-size: 13pt; display: block; margin-bottom: 6pt; text-align:center; margin-top: 6pt; text-indent: 2em }
div.ms3 { font-weight: bold;  font-size: 13pt; display: block; margin-bottom: 6pt; text-align:center; margin-top: 6pt; text-indent: 2em }
div.mt, div.mt1, div.mte, div.mte1, h1 { font-weight: bold; font-size: 16pt; text-align: center}
div.mt2, div.mte2, h2 { font-weight: bold; font-size: 14pt; text-align: center }
div.mt3, div.mte3, h3 { font-weight: bold; font-size: 13pt; 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-weight: bold;  font-variant: small-caps }
span.ndx, span.no { font-style: normal }
span.ord { vertical-align: super; font-size: 11pt; text-decoration: underline }
div.p, div.p1, 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: -4em; margin-left: 4em }
div.q2 { text-align:left; margin-top: 0pt; text-indent: -2em; margin-left: 4em }
div.q3 { text-align:left; margin-top: 0pt; text-indent: -2em; margin-left: 6em }
div.qa {  font-weight: bold; display: block; margin-bottom: 6pt; text-align: center; margin-top: 6pt; text-indent: 0em }
span.qac { 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-variant: small-caps }
div.r, div.sr {  font-size: 13pt; font-style: italic; text-align: center; margin-bottom: 6pt; color: rgb(0,0,128) }
div.rr, div.rq, span.rq {  font-size: 11pt; font-style: italic; color: rgb(0,0,128); text-align: right }
div.s, div.s1 {  font-style: bold; color: rgb(0,0,128); text-align: center; margin-top: 8pt }
div.s2 {  font-size: 13pt; color: rgb(0,0,128); font-style: bold; text-align: center }
div.s3 {  font-size: 13pt; color: rgb(0,0,128); text-align: center }
span.sig { font-style: italic }
span.sls { font-style: italic }
div.sp { text-align: left;  font-size: 13pt; font-style: italic }
span.w, span.wg, span.wh, span.wr, span.zc { font-style: normal }
span.wj { color: rgb(192,0,0) }
span.xk {  font-weight: bold; color: rgb(0,0,128) }
span.xq {  color: rgb(0,0,128) }
span.xt, span.xo, span.notebackref {  color: rgb(0,0,128) }

div.maintitle        { display: block; text-align: center;  font-size: 18pt; font-weight: bold; margin-top: 10pt; margin-bottom: 10pt }
div.maintitle1       { display: block; text-align: center;  font-size: 18pt; font-weight: bold; margin-top: 2pt }
div.maintitle2       { display: block; text-align: center; font-size: 13pt; font-weight: bold; font-style: italic; margin-bottom: 2pt }
div.copyright, div.fine { display: block; text-align: center;  font-size: 6pt; color: #808080; margin-bottom: 2pt }
div.toc {display: block;  font-size: 13pt; text-align: left; text-indent: -1em; margin-left: 1em }
div.toc1 {display: block;  font-size: 13pt; text-align: left; text-indent: -1em; margin-left: 2em }
div.toc2 {display: block;  font-size: 11pt; text-align: left; text-indent: -1em; margin-left: 3em }

div.sectionheading, div.chapterlabel   { display: block; text-align: center;  font-size: 13pt; font-weight: bold; margin-top: 12pt }
div.sectionsubheading   { display: block; text-align: center;  font-weight: bold; font-style: italic; margin-top: 6pt; margin-left: 12pt } /* JohnT */
div.sectionsubsubheading   { display: block; text-align: center;  font-size: 13pt; font-weight: bold; font-style: normal; margin-top: 6pt; margin-left: 12pt } /* JohnT */
div.parallel		 {  display: block; text-align: center; font-style: italic; margin-top: 0pt; font-size:9pt } /* JohnT */
div.parallelSub		 {  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-size: 13pt; font-weight: bold; display: block; margin-bottom: 6pt; line-height: 52pt; text-align: center; clear: both; border-radius: 5px }
div.navButtons a { padding: 3px; background-color: #036; border-bottom: 1px solid #eee; border-radius: 5px; }
div.navButtons a:visited { color: #ffff66; text-decoration: none; border-radius: 5px; }
div.navButtons a:link { color: #ffffff; text-decoration: none; border-radius: 5px; }
div.navButtons a:hover { background-color: #0520ff; color: #fff; border-radius: 5px; }
div.navChapters {  font-size: 10pt; display: block; margin-bottom: 10pt; text-align: center; line-height: 28pt; border-radius: 5px; }
div.navChapters a { padding: 3px; background-color: #036; border-bottom: 1px solid #eee; border-radius: 5px; }
div.navChapters a:visited { color: #ffff66; text-decoration: none; border-radius: 5px; }
div.navChapters a:link { color: #ffffff; text-decoration: none; border-radius: 5px; }
div.navChapters a:hover { background-color: #0520ff; color: #fff; border-radius: 5px; }
div.prose            { display: block; margin-bottom: 6pt; text-align:justify; margin-top: 6pt}
div.proseblock       { display: block; text-align:justify}
div.proseblockindent { display: block; margin-left: 1cm; 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; margin-right: 1.0cm; text-align:justify }
div.deepPoetry       { display: block; margin-left: 2.5cm; text-indent: -0.5cm; 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-size: 11pt}
div.text            {margin-left: 0;margin-right:0}
div {margin-left: 5px; margin-right:5px}
div.bookList {  font-size: 12pt; line-height: 13pt; float: left; margin: 0px; padding: 3px; width: 120px; background: rgb(223,255,255) }
div.main { /* margin-left: 132px; padding: 4px;*/ background: rgb(255,255,255) }
div.mainindex { margin-left: 132px; padding: 4px; background: rgb(240,255,244) }
div.bookLine  {  font-size: 11pt; display: block; text-align:left; width: 120px; border-radius: 5px; }
div.bookLine a { display: block; padding: 3px; background-color: #036; border-bottom: 1px solid #eee; border-radius: 5px; }
div.bookLine a:visited { color: #ffff66; text-decoration: none; border-radius: 5px; }
div.bookLine a:link { color: #ffffff; text-decoration: none; border-radius: 5px; }
div.bookLine a:hover { background-color: #0520ff; color: #fff; border-radius: 5px; }
div.dcbookLine  {  font-size: 11pt; display: block; text-align:left; width: 120px; border-radius: 5px; border-radius: 5px; }
div.dcbookLine a { display: block; padding: 3px; background-color: #404040; border-bottom: 1px solid #eee; border-radius: 5px; }
div.dcbookLine a:visited { color: #ffff66; text-decoration: none; border-radius: 5px; }
div.dcbookLine a:link { color: #ffffff; text-decoration: none; border-radius: 5px; }
div.dcbookLine a:hover { background-color: #ababab; color: #fff; border-radius: 5px; }

p.footnote, p.crossRefNote { display: block;   margin-top: 3pt; font-size: 13pt; text-align: left; margin-left: 0em }

span.chapter         {  font-size: 18pt; 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;  vertical-align: super; font-size: 8pt; margin-left: 0pt; margin-right: 0pt; color: rgb(0,128,0); line-height:  0 }
span.smallcaps       { font-size: smaller }
span.crmark			 {  font-size: 11pt; 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. */
div.figure {float:right;text-indent:0em;padding:5px;border:2px solid blue;margin:5px; }
span.figcopr {font-size: 7pt; color: rgb(180,180,200); line-height: 7pt}
span.figCaption {font-size: 10pt; color: rgb(0,0,128); line-height: 9pt}
span.figref {font-size: 10pt; color: rgb(0,0,128); font-weight: bold}
 
select, option { font-size: 13pt; line-height: 1.4em}

/* 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 
{
  
  position: absolute;
  display: block;
  background: rgb(255,255,255);
  border: 1px solid black;
  color: rgb(0,0,128);
  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 {
  
  position: absolute;
  display: block;
  background: rgb(255,255,255);
  border: 1px solid black;
  color: rgb(0,0,128);
  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;}
}