/**
* Stylesheet for bible verses
*
* Font sizes are in em as much as possible to allow scaling
* to work properly.
*
*  Top margin * 2 + title font-size = header height 
*
* This is optimized for Mozilla/Firefox. Any IE specific stuff
* should override these styles in ie.css
*/

/* This seems to be needed when using an XSL stylesheet to generate the html */
html {
    background-image: url('background.jpg');
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-color: #3578bc;
}

body {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    min-width: 420px;
    background-color: #3578bc;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;
    background-image: url('background.jpg');
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-color: #3578bc;
    /*
    background-image: url('test.gif');
    background-repeat: repeat;
    background-position: center;
    */
}

table {
  /*display: inline;*/
  width: auto;
  border-collapse: separate;
}

p,div,dd,dt {
  font-size: 1em;
  line-height: 1.5em;
}

h4 {
  margin: 0px;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
  font-weight: bold;
  font-size: 1.15em;
  text-align: center;
}

h5 {
  margin: 0px;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
  font-weight: bold;
  font-size: 1.125em;
  text-align: center;
}

h6 {
  margin: 0px;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
}

/* division for top panel, which should always remain at top of page */
div.searchHeader, div.header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    min-height: 36px; /* icon is 32x32, plus room for borders */
    height: 2.2em; /* top space */
    background-color: #81addc;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;    
    min-width: 420px;
    padding-left: 50px; /* same as main text */
    border-bottom-style: solid;
    border-bottom-width: 2px;
    z-index: 1;
}

div.xmlHeader {
	top: 0px;
    left: 0px;
    right: 0px;
    height: 58px;
    margin: 0px;
    margin-left: 160px;
    margin-right: 160px;
    padding: 0px;
    padding-top: 2px;
	color: white;
}

div.xmlHeader a:link { color: #ffffff; }
div.xmlHeader a:visited { color: #f0f0ff; }
div.xmlHeader a:hover { color: #e0e0e0; }


div.xmlHeader h1 {
    font-size: 16px;
    font-weight: bold;
	padding: 0px;
	margin: 0px;
	height: 20px;
	line-height: 16px;
}

div.bookFilter {
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #81addc;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 50px;
    margin-right: 50px; 
    padding: 0px;
    padding-bottom: 2px;   
    min-width: 420px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

div.bookFilter table td {
    vertical-align: top;
}

/* This is an empty division hidden behind the header when vertical scroll
 * is at the top.
 */
div.topSpace {
	height: 3em; /* top space */
    margin-top: 0px;
    margin-bottom: 0px;
}

/* division for bible chapters */
div.chapters {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 50px;
    margin-right: 50px;
    height: auto;
    overflow: visible;
    position: static;
    padding: 1em;
}

div.chapters, table.parallel, div.searchResults, div.chBody, div.contents {
    background-color: #f0f0ff;
    border-width: 5px;
    border-style: solid;
    border-color: #3578bc;
    -moz-border-radius: 10px 10px 10px 10px;
}

/* division for footnotes */
div.footnotes {
    /*position: fixed;
    position: absolute;*/
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*width: 100%;*/
    margin: 0px;
    background-color: #81addc;
    border-top-style: solid;
    border-top-width: 2px;
}

div.footer {
    clear: both;
    /*position: static;*/
    margin-left: 50px;
    margin-right: 50px;
    /* allows room for links */
    margin-top: 2em; 
    margin-bottom: 0px;
    border-top-style: solid;
    border-top-width: 2px;
    font-family: verdana, sans-serif;
}

#removeFootnotes + div.footer {
    /* bottom space to allow verse links to put the verse at the top of the page 
	this should be reasonable for most screen sizes (+ only works in Firefox) */
    height: 500px;
}

p.footer {
    font-size: 0.689em;
    margin: 0px;
    text-align: right;
    font-family: verdana, sans-serif;
}

/* header stuff */
table.header {
    width: 100%;
}

td.goto {
    text-align: right;
}


span.title {
    font-size: 1.25em;
    font-weight: bold;
    padding: 0px;
    margin-top: .4em;
    vertical-align: top;
}
span.title a {
  position: relative;
  display: inline;
  top: 0.2em;
  height: 2em;
    vertical-align: bottom;
}

span.currentRef {
    position: relative;
    display: inline;
    top: 0.2em;
    font-size: 1.25em;
    vertical-align: top;
}

span.goto {
    height: 0px;

}

td.title {
    padding: 0px;
    text-align: left;
    margin: 2.5px;
}

h1 {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin: 3px;
    height: 1.5em;
	line-height: 1.5em;
	vertical-align: middle;
	padding: 0.2em;
}

/* Used for chapter headings*/
h2 {
    font-size: 1.375em;
    font-weight: bold;
    /*font-weight: normal;*/
    text-align: center;
    margin: 2px;
    line-height: 1.5em;
	padding: 0.2em;
}

/* Used for English headings*/
h3 {
    font-size: 1.25em;
    font-weight: bold;
    font-family: verdana, sans-serif;
    text-align: center;
    margin: 0px;
	padding: 0.1em;
}


td.goto {
    padding: 0px;
    text-align: right;
    margin: 0px;
}

/* Formating for verses */

div.verses {
  margin: 0px;
  padding: 0px;
  clear: both;
  text-align: justify;
}

p.verses {
  font-size: 1.125em;
}

/* the id bookmarks need to be offset because of the 
   position=fixed bar at the top */
   
span.verseId {
	position: relative;
	top: -3.8em;  /*text font-size + top height */
	height: 0px;
	margin: 0pt;
}

span.chapterId {
	position: relative;
  vertical-align: bottom;
	top: -3.5em; /* h2 font-size + top height */
	height: 0px;
	margin: 0pt;
}

span.endVerse {
  text-decoration: overline;
}

/*footnote*/
sup {
 font-size: 0.8em;
 font-style: italic;
 background-color: #81addc;
}

sup img {
   border-style: solid;
   border-color: #81addc;
   border-width: 1px;
}

p.footnote, span.footnote, span.footnote_left, span.footnote_right {
    margin-top: 2em;
    position: absolute;
    background-color: #81addc;
    border-color: black;
    border-style: solid;
    border-width: 2px;
    opacity: 0.8;
    z-index: 50; /*make sure it is on top */
}

span.footnote_left {
    left: 50px;
    width: 45%;
}

span.footnote_right {
    left: auto;
    right: 50px;
    width: 45%;
}

a.footnote {
  display: inline;
  cursor: pointer;
  color: #0000a0;
}

i {
    font-style: italic;
}

/* Link colours */
a.contentsbar:link { color: #c0c000;background-color: #101060;}
a.contentsbar:visited { color:#c08000;background-color: #101060;}
a.contentsbar:active { color: #c0e000;background-color: #101060;}
a:link { color: #0000a0; text-decoration: none;}
a:visited { color:#000050; text-decoration: none;}
a:active { color: #0000f0; background-color: #d0d6f0; text-decoration: none;}


/*Contents style*/

div.contents {
  text-align: center;
  margin-left: 50px;
  margin-right: 50px;
}

table.contents {
  margin-left: 0%;
  margin-right:0%;
  text-align: center;
  width: 100%;
  border-spacing: 0.5em;
}


th.contents {
  background: #81addc;
  border: 2px solid black;
  border-left: none;
  border-right: none;
  font-size: 1.0em;
  font-weight: normal;
  text-align: center;
}

td.contents {
  text-align: center;
  vertical-align: top;
  font-size: 1em;
}

/*Search Styles*/
body.search {
    margin-top: 0%;
    background-color: #81addc;
}

h1.search {
    font-size: 1.25em;
    /*font-weight: bold;*/
    font-weight: normal;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    margin-top: 0%;
    margin-bottom:0%;
}


body.searchResults {
    margin-left: 5%;
    margin-right: 5%;
    background-color: #d0d6f0;
}

p.userGuide {
    font-size: small;
    padding: 0em;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.searchUserGuide {
}

div.searchResults {
	margin-left: 50px;
	margin-right: 10%;
}

table.searchUserGuide {
  border-collapse: collapse;
  border: 3px solid black;
  width: 100%;
  text-align:center;
  }

thead.searchUserGuide {
  background: #81addc;
}

col.searchUserGuide {
  width: 10%;
}

th.searchUserGuide {
  border: 1px solid black;
}


td.searchKeyword {
  font-style: italic;
  border: 1px solid black;
  text-align:left;
}


td.searchMatchYes {
  border: 1px solid black;
  color: green;
}

td.searchMatchNo {
  border: 1px solid black;
  color: red;
}
.verseLink {
  vertical-align: super;
  font-size: smaller;
}

dd.search {
 margin-left: 0%;
 margin-right: 0%;
 text-align: left;
}

dt.search {
 font-family: sans-serif;
 text-align: left;
 margin-right: 0%;
 margin-left: -5%;
 margin-top: 1em;
 height: auto;
}

div.indexHeader {
    padding-top: 0.5em;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    background-color: #81addc;
    margin-top: 0em;
    margin-bottom: 0px;
    margin-left: -50px;
    margin-right: -5.3%;
}

/* Index styles */
h1.index {
    font-size: 1.5em;
    font-weight: bold;
    /*font-weight: normal;*/
    text-align: center;
    background-color: #81addc;
    
}

h1.index + h1.index {
    font-size: 1.5em;
    font-weight: bold;
    /*font-weight: normal;*/
    text-align: center;
}

h1.index a  {
    font-size: 1em;
}

h2.index {
    text-align: center;
}

address {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 0%;
    margin-left: 0%;
    text-align: right;
    font-size: 0.6875em;
}

p.copyright {
    text-align: right;
    font-size: 0.6875em;
    font-family: verdana, sans-serif;
}

hr.para {
  /*height: 5px;*/
  text-align: center;
  width: 200px;
  /*background-color: #81addc;*/
  display: block;
  border-style: none;
  border-top-style: solid;
  border-top-width: 2px;
}

.chooseVersion, .chooseBook, .chooseChapter, .chooseVerse {
    /*background-color: #81addc;*/
    display: block;
    top: 4px;
    position: fixed;
    width: 4em;
    text-align: center;
    border-color: black;
    border-width: 1px;
}

.gotoRef {
    background-color: #81addc;
    display: block;
    top: 4px;
    position: fixed;
    text-align: center;
    right: 12.4em;
    width: 3em;
    border-color: black;
    border-width: 1px;
}

.currentChapter {
    text-align: center;
}

.chooseVersion {
    right: 15.6em;
    width: 6em;
}

.chooseBook {
    right: 10.2em;
    width: 2em;
}
.chooseChapter {
    right: 4.4em;
    width: 5.4em;
}
.chooseVerse {
    right: 0.2em;
}

div.versionList, div.bookList, div.chapterList, div.verseList, div.searchForm {
    position: fixed;
    top: 3em;
    max-height: 300px; 
    background-color: #81addc;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 2px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    overflow: auto;
    text-align: left;
    opacity: 0.8;
    z-index: 3;
}
div.versionList {
	width: 14em;
}

div.bookList {
	right: 21.8em;
}
div.searchForm { 
	right: 14em;
}

div.chapterList {
    right: 4.4em;
    width: 22em;
}

div.verseList {
    right: 0.2em;
    min-width: 2.5em;
    width: 22em;
}


.closeList {
  border-width: 1px;
  border-style: none;
  border-bottom-style: solid;
  text-align: right;
  display: block;
  cursor: pointer;
}

div.versionList a.closeList {
  padding-left: 6em;
  text-align: right;
  display: block;
}

.tabbedLink {
  float: left;
  padding: 2px;
  text-align: right;
  width: 1.8em;
}

.tabbedLink:active { opacity: 1; }

.newLinkLine {
  clear: both;
}

.resultRanges {
  text-align: center;
  width: 95%;
  font-size: 10pt;
}



div.searchTop {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 2em; /* top space */
    background-color: #81addc;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;    
    min-width: 420px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

div.searchTopSpace {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 2.5em;
}

.searchTitle {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0px;
    vertical-align: middle;
}

table.searchTable {
  display: inline;
}

span.searchTable {
  padding: 0px;
  top: 1px;
}

span.match {
  background-color: #81addc;
}

span.match img {
  border-bottom-color: black;/*#81addc;*/
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

td.bookFilter {
  vertical-align: top;
  padding: 2px;
}

table.bookFilter {
  display: inline;
}

p.bookFilter {
  text-align: center;
}

span.bookSelected {
  background-color:#d0d6f0;
}

/*
input, select {
  background-color:#d0d6f0;
  border-width: 1px;
  border-style: solid;
  border-color: white;
}
*/

table.consonants, table.vowels {
  display: block;
  padding: .2em;
  background-color:#81addc;
  border-collapse: collapse;
  border-spacing: 0.4em;
}

col.consonants {
  width: 2em;
}
col.vowels {
  width: 2em;
}
col.consWide {
  width: 2.5em;
}
col.wideCol {
  width: 3em;
}

a.closeWindow , a.closeWindow:link, a.closeWindow:visited, a.closeWindow:active{
    color: white;
	font-family: Arial;
	font-weight: bold;
	margin-left: 0.5em;
	vertical-align: top;
	font-size: small;
}
.keyboardTopBar img {
  border-style: none;
}


.arrow {
  font-family: arial;
}

/* This causes images to only have a line underneath, not quite sure about this  */
a[href] img{
  border-style: solid;
  border-top-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
}
a[href] img:hover {
  border-style: solid;
  border-top-width: 3px;
  border-bottom-width: 1px;
  border-left-width: 3px;
  border-right-width: 1px;
}

img.mbsLogo {
  vertical-align: top;
  z-index: 3;
}


img.biblesIcon {
  vertical-align: top;
}

.indexLogo {
  position: fixed;
  top: 10px;
  left: 5px;
}

span.biblesIcon {
  position: fixed;
  top: 44px;
  left: 5px;
  z-index: 10;
}

span.logo {
  vertical-align: top;
  height: 32px;
  position: fixed;
  left: 5px;
  top: 10px;
  z-index: 10;
}
/*
button.submitSearch {
  display: none;
}
*/

.disclaimer {
  font-size: 8pt;
  text-align: justify;
  font-family: verdana, sans-serif;
}

a.feedback {
  font-size: 8pt;
  font-family: verdana, sans-serif;
}

a.feedback:hover { text-decoration: underline;}

p.miscPara {
  text-align: center;
}

/*tables in bible itself*/
div.centreTable {
  display: block;
  text-align: center;
  clear: left;
}



tbody {
  padding: 5px;
}

tr {
  padding: 5px;
}

th {
  border-style: solid;
  border-width: 2px;
  border-color: #81addc;
  padding: 0px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: left;
  font-weight: bold;
  font-size: 1.125em;
    background-color: #d0d6f0;
}

td {
  border-style: solid;
  border-width: 2px;
  padding: 0px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: left;
  font-weight: normal;
  border-color: #81addc;
}

ul.lg {
  list-style-type: none;
}

div.linkPrev {
  clear: both;
  vertical-align: bottom;
  float: left;
  position: relative;
  text-align: left;
  top: 0em;
  left: 50px;
}

div.linkNext { 
  vertical-align: bottom;
  float: right;
  position: relative;
  text-align: right;
  top: 0em;
  right: 50px;
}


div.linkTop { 
  vertical-align: bottom;
  text-align: center;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 1em;
}

div.linkPrev a img, div.linkNext a img, div.linkTop a img {
  vertical-align: middle;
  text-align: center;
  border: none;
}

div.linkPrev a img:hover, div.linkNext a img:hover, div.linkTop a img:hover {
  border: none;
}


span.titleSub, span.titleContinued, span.titleParallel, span.title {
  font-weight: bold;
  line-height: 1.6em;
}

a.topAnchor {
  height: 3em;
}

div.mainContents {
  text-align: left;
  margin-left: 50px;
  margin-right: 50px;
}

div.interlinearVersions, div.normalVersions {
  background-color: #81addc;
  margin: 0em;
  margin-bottom: 0.3em;
  margin-top: 0.3em;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-top-width: 2px;
}

div.normalVersions {
  float: left;
  margin-right: 0.5em;
  width: 10em;
}

div.interlinearVersions {
  float: right;
  margin-left: 0.5em;
  padding: 0px;
  width: 15em;
}

div.normalVersions h2, div.interlinearVersions h2 {
  padding: 0em;
  padding-top: 0.4em;
  padding-bottom: 0.2em;
}

/* Note: my overrides this in Judson/styles/version.css */
div.interlinearVersions ul {
  float: left; 
  display: block;
  width: 12em;
}

#homeLink { font-size: 9pt; }


div.normalVersions li, div.interlinearVersions li {
  font-size: 0.78em;
  padding: 0px;
  padding-left: 0.1em;
  margin: 0px;
}

div.fontLinks {
  margin: 0em;
  margin-top: 0.2em;
  border-top-style: solid;
  border-top-width: 2px;
  clear: both;
}
div.fontLinks  ul {
  float: none;
  width: 13em;
}

div.fontLinks * img {
  float: right;
}

div.normalVersions ul, div.interlinearVersions ul {
  display: block;
  vertical-align: middle;
  text-align: left;
  list-style-type: disc;
  padding: 0em;
  padding-left: 0.5em;
  margin-left: 1em;
  margin-right: 0.1em;
}


div.mainTitle {
  background-color: #81addc;
  left:  0px;
  right: 0px;
  border-style: none;
  border-width: 0px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
}

div.mainTitle h1 {
  margin-top: 0px;
  padding: 0.2em;
}

/* a search match that is not actually in the verse */
span.afterVerse {
  font-style: italic;
}

.left, .right { font-size: 1.25em; }

th.left, th.right {
  background-color: #81addc;
  font-weight: bold;
  font-size: 2em;
  border-style: none;
  border-width: 0px;
  border-color: black;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-top-width: 2px;
}

select.parallelVersion {
  float: right;
}

table.bibleSearch {
  border-width: 0px;
  border-style: none;
  padding: 0px;
}

table.bibleSearch td {
  width: 100%;
  border-width: 0px;
  border-style: none;
  padding: 0px;
  margin: 0px;
}

p.status {
  position: static;
}

/** searching */
div.ranges, div.results {
  margin: 5%;
}

div.mainTitle p {
  text-align: center;
}

div.main {
	margin-left: 50px;
	margin-right: 50px;
}

div.intro {
	font-weight: bold;
	color: white;
    /*
    border-width: 5px;
    border-style: solid;
    border-color: #3578bc;*/
}

div.intro h3 {
	font-weight: bold;
	font-size: 14pt;
}

/** readme */
div.myInstructions {
  float: right;
  width: 45%;
}
div.footer div.myInstructions {
  font-size: 0.75em;
}
div.enInstructions {
  float: left;
  width: 45%;
}

div.readme {
  clear: both;
  margin-top: 1em;
}

span.bottomFootnote {
  font-size: 0.8em;
}



div.chList p {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  line-height: 1.2em;
  padding: 0px;
  margin: 0px;
}

br.clearChList {
  clear: both;
}
div.chapterBlock {
  clear: both;
}

div.chapterToggle {
  /*position: relative;
  left: -35px;*/
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-align: right;
  float: left;
  cursor: pointer;
}

a.chapterToggle {
  cursor: pointer;
}

p.removeFootnotes {
  clear:both;
  float: right;
  font-size: 0.667em;
  padding: 0px;
  margin-bottom: 0px;
  margin-right: 50px;
}

.parallelVerseTitle {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.phpParallelSearch {
  float: right;
  font-size: 0.625em;
}

table.parallel {
  margin-top: 0.5em;
  margin-left: 5%;
  margin-right: 5%;
}

table.parallel tfoot {
	font-size: 0.86em;
	background-color: #81addc;
}

.parallelSearch {
  float: left;
  text-align: right;
  font-size: 0.86em;
  width: 45%;
}

.parallelSearch:before {
  content: "[";
}

.parallelSearch:after {
  content: "]";
}

img.myText2Image, a img.myText2Image:visited, a img.myText2Image:active, a img.myText2Image:link, a img.myText2Image:hover {
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    border-width: 1px;
}

div.parallel h2 {
	clear: both;
}

div.parallel h2 span {
	background-color: #81addc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: black;
    border-bottom-color: black;
}
div.parallel p {
	/*clear: both;*/
	padding-top: 0em;
	padding-bottom: 2px;
	margin: 0px;
}
div.parallel span {
	padding: 2px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	width: 45%;
	float: left;
	
	overflow: auto;
	border-style: solid;
	border-color: #81addc;
	border-width: 2px;
	margin: 2px;
	z-index: 1;
}
div.parallel span.footnote {
    border-color: black;
    border-style: solid;
    border-width: 2px;
    position: static;/*relative doesn't work in firefox - it gets put behind*/
    z-index: 10;
}

div.chBody span.footnote {
	position: absolute;
	left: 180px;
	right: 180px;
	z-index: 20;
}

div.parallel h3 {
    font-weight: bold;
    font-size: 1em;
}

.ranges span, .ranges a {
    float: left;
    width: 4em;
    text-align: center;
    padding-right: 0.3em;
    border-color: #81addc;
    border-style: solid;
    border-width: 2px;
    margin: 2px;
}

a.alternative {
	float: none;
	width: auto;
	display: block;
}

div.searchHeader h2 {
    text-align: left;
    font-size: 1em;
    line-height: 1.5em;
}
a.parallelLink {
    font-size: 0.75em;
}

div.chBody {
    border-style: solid;
    border-width: 1px;
    margin-left: 160px;
    margin-right: 160px;
    margin-top: 0px;
    overflow: auto;
    height: 500px;
    padding: 20px;
    clear: both;
}

div.chList {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 12px;
    height: 30px;
    overflow: auto;
    text-align:right;
}

#bookScroll, #versionScroll {
    overflow: auto;
    padding: 0px;
    font-size: 12px;
    z-index: 2;
}

div.books, div.version { 
    position: absolute; 
    z-index: 1;
    top: 60px; width: 140px; height: 50px; 
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: black;
    background-color: #81adda;
}

div.books {
    left: 10px; 
}

div.version {
    right: 10px;
}

div.books h2, div.version h2 {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    
}

div.error {
	color: red;
	text-align: center;
}

span.divineName { font-variant: small-caps; }

emph.speaker { font-style: italic; }