html { background: black url("images/background.gif") repeat-x; }
body { background: black url("images/background.gif") repeat-x; font: normal 1.0em "Calibri", "Tahoma", "Sans-serif"; }

#loading { position: absolute; left: 50%; margin:-82px 0px 0px -108px; top: 50%;}

#install .veil { background-color: black; }
#install .veil #console { color: yellow; font-size: 0.6em; }
#install .box { color: white; }
#install .box h1 { font: bold 1.6em "Cambria", "Georgia", "Serif"; }
#install .box button { background: #171717 url("images/buttons.png") no-repeat 0px 0px; color: white; }
#install .box button.large { font: normal 1.6em "Cambria", "Georgia", "Serif"; }
#install .box button.large h1 { opacity: 0.75; }
#install .box button.large:hover { background-position: 0px -67px; }
#install .box button.large:hover h1 { opacity: 0.9; }
#install .box button.large:disabled { background-position: 0px -201px; color: #222; }
#install .box button.large:disabled h1 { opacity: 0.25; }
#install .box button.large:active { background-position: 0px -134px; color: #222; }
#install .box button.large:active h1 { opacity: 0.75; }
#install .box button.regular { background-position: 0px -268px; font: normal 0.9em "Calibri", "Tahoma", "Sans-serif"; }
#install .box button.regular:hover { background-position: 0px -295px; }
#install .box button.regular:active { background-position: 0px -322px; color: #222; }
#install .box button.regular:disabled { background-position: 0px -349px; color: #222; }
#install .box button.cancel { background-position: -67px -268px; font: normal 0.9em "Calibri", "Tahoma", "Sans-serif"; }
#install .box button.cancel:hover { background-position: -67px -295px; }
#install .box button.cancel:disabled { background-position: -67px -349px; color: #222; }
#install .box button.cancel:active { background-position: -67px -322px; color: #222; }
#install .box button.option { border: 2px solid #111; color: #666; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#install .box button.option:hover { border: 2px solid #777; color: white; }
#install .box button.option:hover p { color: #AAA; }
#install .box button.option:active, #install .box button.option.active { border-color: #224466; color: #88CCFF; }
#install .box button.option:active p, #install .box button.option.active p { color: #6688AA; }
#install .box button.option h2 { font-size: 1.1em; margin: 0px; }
#install .box button.option p { color: #444; font-size: 0.8em;  margin: 5px 0px 0px 0px;}
#install .box button.read { background: #000 url("images/read.png") no-repeat 5px 10px; border: 2px solid #333; color: #999; }
#install .box button.packages { background: black url("images/packages.png") no-repeat 0px 10px; }
#install .box button.read:active, #install .box button.read.active { background-position: 3px 12px; }
#install .box button.packages:active { background-position: -2px 12px; }

#install .box .progress { background-color: #101010; border: 1px solid #888888; display: block; margin-left: 100px; padding:2px 0px 0px 2px; height: 16px; text-align: left; width: 200px; }
#install .box .progress .progressValue { background: transparent url("images/buttons.png") repeat-x scroll -0px -376px; clear: none; float: left; height: 14px; margin: 0px; padding: 0px; width: 0px; }
#install .box .progress .start { background: transparent url("images/buttons.png") no-repeat -134px -268px; clear: none; float: left;height: 14px; margin: 0px; padding: 0px; width: 2px; }
#install .box .progress .end { background: transparent url("images/buttons.png") no-repeat -136px -268px; clear: none; float: left;height: 14px; margin: 0px; padding: 0px; width: 2px; }
#install .box .fact { background: #303030; color: #777777; cursor: default; font-size: 0.8em; height: 50px; margin-left: 100px; opacity: 0.8; width: 200px; }
#install .box .fact:hover { background: #444444; color: white;  }

#install .box .packages {}
#install .box .packages table { background: #000; border-spacing: 0px; color: #888; margin-bottom: 15px; }
#install .box .packages table th { color: #FFF; border-bottom: 1px solid #ddd; }
#install .box .packages table thead { padding-bottom: 10px; }
#install .box .packages table td { color: #666; font-size: 0.9em;}
#install .box .packages table .packageCell { padding: 0px 0px 0px 5px; text-align: left; }
#install .box .packages em.force { color: red; cursor: help; font-size: 0.8em; font-style: normal; }
#install .box .packages select { border: 1px solid #222; }
#install .box .packages .no { background-color: #000; color: #888; }
#install .box .packages .add { background-color: #000; color: #99FFAA; }
#install .box .packages .rem { background-color: #000; color: #FF9999; }

#navigator { }
#navigator .mark1 { background: transparent url('images/nav-bookmarks.png') no-repeat 0px -0px; }
#navigator .mark2 { background: transparent url('images/nav-bookmarks.png') no-repeat 0px -50px; }
#navigator .mark3 { background: transparent url('images/nav-bookmarks.png') no-repeat 0px -100px; }
#navigator .mark4 { background: transparent url('images/nav-bookmarks.png') no-repeat 0px -150px; }
#navigator .mark5 { background: transparent url('images/nav-bookmarks.png') no-repeat 0px -200px; }
#navigator .mark6 { background: transparent url('images/nav-bookmarks.png') no-repeat 0px -250px; }
#navigator .marker { background: transparent url('images/nav-bookmarks.png') no-repeat 0px -300px; }
#navigator .mark1:hover { background-position: -9px 0px; }
#navigator .mark2:hover { background-position: -9px -50px; }
#navigator .mark3:hover { background-position: -9px -100px; }
#navigator .mark4:hover { background-position: -9px -150px; }
#navigator .mark5:hover { background-position: -9px -200px; }
#navigator .mark6:hover { background-position: -9px -250px; }
#navigator .tooltip { background: transparent url('images/nav.png') repeat-x 0px -150px; border: 1px solid #445566; color: white; padding: 2px 4px; }

.window .fill { background-image: url("images/window-background.png"); }
.window .bar.left { background-image: url("images/window-l.png"); background-repeat: repeat-y; background-position: 15px 0px; }
.window .bar.right { background-image: url("images/window-r.png"); background-repeat: repeat-y; }
.window .row.top .corner.left { background-image: url("images/window-corners.png"); background-repeat: no-repeat; background-position: 15px 15px; }
.window .row.top .middle { background-image: url("images/window-t.png"); background-repeat: repeat-x; background-position: 0px 15px; }
.window .row.top .corner.right { background-image: url("images/window-corners.png"); background-repeat: no-repeat; background-position: -15px 15px; }
.window .row.bottom .middle { background-image: url("images/window-b.png"); background-repeat: repeat-x; background-position: 0px 0px;}
.window .row.bottom .corner.right { background-image: url("images/window-corners.png"); background-repeat: no-repeat; background-position: -15px -15px; }
.window .row.bottom .corner.left { background-image: url("images/window-corners.png"); background-repeat: no-repeat; background-position: 15px -15px; }
.window .row.bottom .middle { background-image: url("images/window-b.png"); background-repeat: repeat-x; background-position: 0px 0px;}

noscript .window h1 { color: #D9E4F7;}
noscript .window {color: #000; }
noscript .window a { border-bottom: 1px dotted #607090; color: #6DA585; text-decoration: none; }
noscript .window a:hover { border-bottom: 1px solid #80B0E6; color: #CDFFA6;}

.error .window h1 {color: #D9E4F7;}
.error .window p {color: #7D95B5;}

#container .resize { background-image: url("images/resize.png"); background-repeat: repeat-y; background-position: -0px 0px;}
#container .drag { background-image: url("images/resize.png"); background-repeat: repeat-y; background-position: -10px 0px; display: none; }

#interface { }
#interface #tabs { width: 42px; }
#interface #tabs .tab { background-image: url("images/tabs.png"); background-repeat: no-repeat; background-position: 0px -275px; height: 55px; width: 42px; }
#interface #tabs .tab .icon { background-repeat: no-repeat; background-position: 6px 10px; cursor: pointer; display: block; height: 55px; text-decoration: none; width: 42px; }

#interface #tabs #tabRead.active { background-image: url("images/tabs.png"); background-repeat: no-repeat; background-position: 0px 0px; }
#interface #tabs #tabSearch.active { background-image: url("images/tabs.png"); background-repeat: no-repeat; background-position: 0px -55px; }
#interface #tabs #tabConcordance.active { background-image: url("images/tabs.png"); background-repeat: no-repeat; background-position: 0px -110px; }
#interface #tabs #tabNotes.active { background-image: url("images/tabs.png"); background-repeat: no-repeat; background-position: 0px -165px;}
#interface #tabs #tabConfigure.active { background-image: url("images/tabs.png"); background-repeat: no-repeat; background-position: 0px -220px; }

#selectRead { background-image: url("images/icons/main-read.png"); }
#selectSearch { background-image: url("images/icons/main-search.png"); }
#selectConcordance { background-image: url("images/icons/main-concordance.png"); }
#selectNotes { background-image: url("images/icons/main-notes.png"); }
#selectConfigure { background-image: url("images/icons/main-configure.png"); }

#interface #host .multiview {  }
#interface #host { background-color: #b7b7b7; background-image: url("images/interface-gradient.png"); background-repeat: repeat-x; border-bottom: 1px solid #669eb8; border-right: 1px solid #669eb8; border-left: 1px solid #669eb8; }
#interface #host .pane { background-color: white; background-image: url("images/read-gradient.png"); background-repeat: repeat-x; border: 1px solid #C5C5C5; }
#interface #host .view .header h1 { color: #6C1B1B; font: normal 2.0em "Cambria", "Georgia", "Serif"; }
#interface #host #vwRead #bibleDisplay .header .info { font-size: 0.8em;  }

#interface #host #vwRead #bibleDisplay .header ol li { background-image: url("images/reader.png"); background-repeat: no-repeat; }
#interface #host #vwRead #bibleDisplay .header ol li:active { cursor: pointer; }
#interface #host #vwRead #bibleDisplay .header ol .active { cursor: pointer; }
#interface #host #vwRead #bibleDisplay .header .resize .small { background-position: 0px 0px; }
#interface #host #vwRead #bibleDisplay .header .resize .medium { background-position: -22px 0px; }
#interface #host #vwRead #bibleDisplay .header .resize .large { background-position: -42px 0px; }
#interface #host #vwRead #bibleDisplay .header .resize .small:hover { background-position: 0px -22px; }
#interface #host #vwRead #bibleDisplay .header .resize .medium:hover { background-position: -22px -22px; }
#interface #host #vwRead #bibleDisplay .header .resize .large:hover { background-position: -42px -22px; }
#interface #host #vwRead #bibleDisplay .header .resize .small.active { background-position: 0px -44px; }
#interface #host #vwRead #bibleDisplay .header .resize .medium.active { background-position: -22px -44px; }
#interface #host #vwRead #bibleDisplay .header .resize .large.active { background-position: -42px -44px; }
#interface #host #vwRead #bibleDisplay .header .layout .none { background-position: -64px -0px; }
#interface #host #vwRead #bibleDisplay .header .layout .inline { background-position: -86px -0px; }
#interface #host #vwRead #bibleDisplay .header .layout .overline { background-position: -106px -0px; }
#interface #host #vwRead #bibleDisplay .header .layout .none:hover { background-position: -64px -22px; }
#interface #host #vwRead #bibleDisplay .header .layout .inline:hover { background-position: -86px -22px; }
#interface #host #vwRead #bibleDisplay .header .layout .overline:hover { background-position: -106px -22px; }
#interface #host #vwRead #bibleDisplay .header .layout .none.active { background-position: -64px -44px; }
#interface #host #vwRead #bibleDisplay .header .layout .inline.active { background-position: -86px -44px; }
#interface #host #vwRead #bibleDisplay .header .layout .overline.active { background-position: -106px -44px; }
#interface #host #vwRead #bibleDisplay .header .flow .vertical { background-position: -172px -0px; }
#interface #host #vwRead #bibleDisplay .header .flow .vertical:hover { background-position: -172px -22px; }
#interface #host #vwRead #bibleDisplay .header .flow .vertical.active { background-position: -172px -44px; }
#interface #host #vwRead #bibleDisplay .header .flow .horizontal { background-position: -193px -0px; }
#interface #host #vwRead #bibleDisplay .header .flow .horizontal:hover { background-position: -193px -22px; }
#interface #host #vwRead #bibleDisplay .header .flow .horizontal.active { background-position: -193px -44px; }
#interface #host #vwRead #bibleDisplay .header .navigation .previousBook { background-position: -215px 0px; }
#interface #host #vwRead #bibleDisplay .header .navigation .previousChapter { background-position: -237px 0px; }
#interface #host #vwRead #bibleDisplay .header .navigation .nextChapter { background-position: -257px 0px; }
#interface #host #vwRead #bibleDisplay .header .navigation .nextBook { background-position: -278px 0px; }
#interface #host #vwRead #bibleDisplay .header .navigation .previousBook:hover { background-position: -215px -22px; }
#interface #host #vwRead #bibleDisplay .header .navigation .previousChapter:hover { background-position: -237px -22px; }
#interface #host #vwRead #bibleDisplay .header .navigation .nextChapter:hover { background-position: -257px -22px; }
#interface #host #vwRead #bibleDisplay .header .navigation .nextBook:hover { background-position: -278px -22px; }
#interface #host #vwRead #bibleDisplay .header .navigation .previousBook:active { background-position: -215px -44px; }
#interface #host #vwRead #bibleDisplay .header .navigation .previousChapter:active { background-position: -237px -44px; }
#interface #host #vwRead #bibleDisplay .header .navigation .nextChapter:active { background-position: -257px -44px; }
#interface #host #vwRead #bibleDisplay .header .navigation .nextBook:active { background-position: -278px -44px; }
#interface #host #vwRead #bibleDisplay .header .paragraphs .switch { background-position: -150px -0px; }
#interface #host #vwRead #bibleDisplay .header .paragraphs .switch:hover { background-position: -150px -22px; }
#interface #host #vwRead #bibleDisplay .header .paragraphs .switch.active { background-position: -150px -44px; }
#interface #host #vwRead #bibleDisplay .header .notes .switch { background-position: -128px -0px; }
#interface #host #vwRead #bibleDisplay .header .notes .switch:hover { background-position: -128px -22px; }
#interface #host #vwRead #bibleDisplay .header .notes .switch.active { background-position: -128px -44px; }

#interface #host #vwRead #bibleDisplay .text { background-color: #fff; }
#interface #host #vwRead #bibleDisplay .text sup { color: gray; margin-left: 0.5em; }
#interface #host #vwRead #bibleDisplay .text sup.break { color: black; font-weight: bold; }
#interface #host #vwRead #bibleDisplay .text h6 { display: inline; color: blue; margin: 0em 0.5em 0em 0em; }
#interface #host #vwRead #bibleDisplay .text .w { display: inline-block; margin: 0.25em 0em 0em 0.3em; }
#interface #host #vwRead #bibleDisplay .text .w0:hover { color: red; background-color: #ddd; }
#interface #host #vwRead #bibleDisplay .text .w:hover .l a { color: #5479CE; }
#interface #host #vwRead #bibleDisplay .text .w .l { display: inline-block; font-size: 0.6em; margin: 0em 0.3em 0em 0.3em; }
#interface #host #vwRead #bibleDisplay .text .w .l a { color: #AACCFF; }
#interface #host #vwRead #bibleDisplay .text .w .l a:hover { cursor: pointer; text-decoration: underline; }
#interface #host #vwRead #bibleDisplay .text .w .t { font-size: 1.0em; }
#interface #host #vwRead #bibleDisplay .text .w1 { color: #DD3333; }
#interface #host #vwRead #bibleDisplay .text .w2 .t { font-weight: bold; }
#interface #host #vwRead #bibleDisplay .text .w4 { color: gray; font-style: italic; }
#interface #host #vwRead #bibleDisplay .text .w16 { color: navy; margin: 0;}

#interface #host #vwRead #bibleDisplay .text.small { font-size: 0.8em; }
#interface #host #vwRead #bibleDisplay .text.medium { font-size: 1.0em; }
#interface #host #vwRead #bibleDisplay .text.large { font-size: 1.2em; }
#interface #host #vwRead #bibleDisplay .text.none .l { display: none; }
#interface #host #vwRead #bibleDisplay .text.inline .l { display: inline-block; margin: 0em 0.3em 0em 0.3em; }
#interface #host #vwRead #bibleDisplay .text.overline .l { display: block; }
#interface #host #vwRead #bibleDisplay .text.hideparagraphs br { display: none; }
#interface #host #vwRead #bibleDisplay .text.vertical { overflow-x: hidden;	overflow-y: visible; }
#interface #host #vwRead #bibleDisplay .text.horizontal { overflow-x: visible; overflow-y: hidden;	-moz-column-width: 15em; -moz-column-gap: 3em; -webkit-column-width: 15em; -webkit-column-gap: 3em; }

#interface #host #vwSearch {}
#interface #host #vwSearch .superSearch {}
#interface #host #vwSearch .superSearch input { background-color: #f6f6f7; border: 1px solid #ccc; color: #888; font-size: 3em; font-weight: bold; }
#interface #host #vwSearch .superSearch input:focus { color: #000; background-color: #fff; }
#interface #host #vwSearch .superSearch input:hover { color: #000; }
#interface #host #vwSearch .superSearch button { } /* background: url("images/icons/main-search.png") no-repeat 30px 20px; } */
#interface #host #vwSearch #searchDisplay #searchResults .infoBar div { color: gray; font-size: 0.8em; font-style: italic; margin: 0px 200px 0px 20px; }
#interface #host #vwSearch #searchDisplay #searchResults .filter .books .book { background-color: #ccc; border-right: 1px solid white; }
#interface #host #vwSearch #searchDisplay #searchResults .filter .books .book .hits { background-color: #ff7700; }
#interface #host #vwSearch #searchDisplay #searchResults .filter .testaments { border-bottom: 1px solid white; }
#interface #host #vwSearch #searchDisplay #searchResults .filter .testaments .testament { background-color: #ccc; }
#interface #host #vwSearch #searchDisplay #searchResults .filter .testaments .old { border-right: 1px solid white; }
#interface #host #vwSearch #searchDisplay #searchResults .filter .all { background-color: #ccc; }
#interface #host #vwSearch #searchDisplay #searchResults .filter .tooltip { background: transparent url("images/nav.png") repeat-x 0px -150px; border: 1px solid #445566; color: white; }
#interface #host #vwSearch #searchDisplay #searchResults .filter .filterable:hover { background-color: #ffcc88; }
#interface #host #vwSearch #searchDisplay #searchResults .filter .filterable:hover .filterable { background-color: #ff2200; }
#interface #host #vwSearch #searchDisplay #searchResults .searchCompanion { background-color: #eee; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#interface #host #vwSearch #searchDisplay #searchResults .result h5 { border-bottom: 1px dotted blue; color: blue; font-size: 1.1em; font-weight: normal; }
#interface #host #vwSearch #searchDisplay #searchResults .result h5:hover { border-bottom: 1px solid blue; }
#interface #host #vwSearch #searchDisplay #searchResults .result p { font-size: 0.9em; }
#interface #host #vwSearch #searchDisplay #searchResults .result p .hit { background-color: #e2e4e6; }
#interface #host #vwSearch #searchDisplay #searchResults .result .meta { color: gray; font-size: 0.8em; }
#interface #host #vwSearch #searchDisplay #searchResults .result .meta .occurrences { color: green; }
#interface #host #vwSearch #searchDisplay #searchResults .result .meta a { border-bottom: 1px dotted #7777CC; color: #7777CC; }
#interface #host #vwSearch #searchDisplay #searchResults .result .meta a:hover { border-bottom: 1px solid #7777CC; }

#interface #host #vwSearch #searchDisplay #searchResults .paginator a { border: 1px solid #bbb; font-size: 10pt; padding: 2px 3px; text-align: center; }
#interface #host #vwSearch #searchDisplay #searchResults .paginator a:hover { background-color: #ddf; border: 1px solid blue; color: blue; }
#interface #host #vwSearch #searchDisplay #searchResults .paginator .prev { border: 1px solid #fff; font-size: 12pt; padding: 0px 3px;}
#interface #host #vwSearch #searchDisplay #searchResults .paginator .next { border: 1px solid #fff; font-size: 12pt; padding: 0px 3px;}
#interface #host #vwSearch #searchDisplay #searchResults .paginator .disabled { color: #bbb; }
#interface #host #vwSearch #searchDisplay #searchResults .paginator .disabled:hover { background-color: #fff; border-color: #fff; color: #bbb; }
#interface #host #vwSearch #searchDisplay #searchResults .paginator ol li a { margin: 0px 3px 0px 3px; }
#interface #host #vwSearch #searchDisplay #searchResults .paginator ol .current a { background-color: #ddd; border-color: black; color: black; font-weight: bold; }

#tools #miniSearch .wrapText input{ background-color: transparent; background-image: url("images/search-box-gradient.png"); background-repeat: repeat-x; border: 1px solid #669eb8; color: grey; font: italic 0.65em "Tahoma", "Sans-serif";  }
#tools #miniSearch .wrapText input:focus { color: black; font-style: normal; }
#tools #miniSearch .wrapButton input { background-color: transparent; background-image: url("images/search-button.png"); background-repeat: no-repeat; border: none; }

#tools #bookmarks .bookmark { background-image: url("images/bookmarks.png"); background-position: 0px 0px; background-repeat: no-repeat; color: #1d1d1d; font-size: 0.8em; height: 17px; margin-bottom: 10px; padding-left: 40px; }
#tools #bookmarks .bookmark:hover { color: #669EB8; }
#tools #bookmarks .bookmark .delete { background-image: url('images/bookmarks.png'); background-position: 0px -325px; background-repeat: no-repeat; }
#tools #bookmarks .bookmark .delete:hover { background-position: -21px -325px; }
#tools #bookmarks .mark1:hover { background-position: 0px -17px; }
#tools #bookmarks .mark2:hover { background-position: 0px -34px; }
#tools #bookmarks .mark3:hover { background-position: 0px -51px; }
#tools #bookmarks .mark4:hover { background-position: 0px -68px; }
#tools #bookmarks .mark5:hover { background-position: 0px -85px; }
#tools #bookmarks .mark6:hover { background-position: 0px -102px; }
#tools #bookmarks .set.mark1 { background-position: 0px -119px; }
#tools #bookmarks .set.mark2 { background-position: 0px -136px; }
#tools #bookmarks .set.mark3 { background-position: 0px -153px; }
#tools #bookmarks .set.mark4 { background-position: 0px -170px; }
#tools #bookmarks .set.mark5 { background-position: 0px -187px; }
#tools #bookmarks .set.mark6 { background-position: 0px -204px; }
#tools #bookmarks .set.mark1:hover { background-position: 0px -221px; }
#tools #bookmarks .set.mark2:hover { background-position: 0px -238px; }
#tools #bookmarks .set.mark3:hover { background-position: 0px -255px; }
#tools #bookmarks .set.mark4:hover { background-position: 0px -272px; }
#tools #bookmarks .set.mark5:hover { background-position: 0px -289px; }
#tools #bookmarks .set.mark6:hover { background-position: 0px -306px; }

#tools #pad .notepad { color: grey; font: italic 0.65em "Tahoma", "Sans-serif"; opacity: 50; }
#tools #pad .notepad:focus { color: black; font-style: normal; opacity: 100; }
#tools #pad .pages { background-color: #e7e7e7; border-bottom: 1px solid #afafaf; border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-top: 1px solid #d7d7d7;}
#tools #pad .page { color: #111111; font-size: 0.8em; }
#tools #pad .page:hover { color: #369EE4; }
#tools #pad .page.active { background-color: #fff; border: 1px solid #d7d7d7; color: #000; cursor: default; }