/* 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:11pt; 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}}