/* $Id: reader.css,v 1.8 Exp $ */

/*
 * Reader pane styles
 */

#book-name {
  text-align: center;
}

/*
 * Chapter selector
 */
#chap-select {
  background-image: url(images/white_50pc.png);
  margin: 10px 20px 10px 10px;
/*  border: 1px solid #8fac8f;*/
  border: 1px solid #c3bd97;
  font-size: 90%;
}

.chap-link {
  margin-right: 0.75em;
}

/*
 * Content pane
 */
#verses-container, #verses-leftcol, #verses-rightcol,
#verses-container-mini, #verses-leftcol-mini, #verses-rightcol-mini {
  height: 64px;	/* initial height before ajax population */
}

#verses-container, #verses-container-mini {
  background-image: url(images/white_50pc.png);
  margin: 0 20px 10px 10px;
  border: 4px ridge #c3bd97;
  overflow: hidden;
}

#verses-content {
  margin: 0 16px 0 16px;
  padding: 5px 5px 5px 5px;
}

#verses-content div {
  display: inline;
}

#verses-leftcol, #verses-rightcol,
#verses-leftcol-mini, #verses-rightcol-mini,
#less-button, #up-button, #more-button, #down-button,
#elevator, #top-bar, #mid-bar, #mid-bar-top, #mid-bar-bot, #bottom-bar {
  width: 16px;
}

#verses-leftcol, #verses-rightcol,
#verses-leftcol-mini, #verses-rightcol-mini {
  position: relative;
  background-color: #eee;
}

#verses-leftcol, #verses-leftcol-mini {
  float: left;
  border-right: 1px solid #ccc;
}
  
#verses-rightcol, #verses-rightcol-mini {
  float: right;
  border-left: 1px solid #ccc;
}

#less-button, #more-button, #up-button, #down-button,
#elevator, #top-bar, #mid-bar, #mid-bar-top, #mid-bar-bot, #bottom-bar {
  position: absolute;
}

#less-button, #more-button, #up-button, #down-button {
  height: 16px;
}

#less-button {
  bottom: 16px;
}
  
#more-button, #down-button {
  bottom: 0;
}

.uparrow-U {
  background-image: url(images/btn_uparrow_U.gif);
}

.uparrow-D {
  background-image: url(images/btn_uparrow_D.gif);
}

.dnarrow-U {
  background-image: url(images/btn_dnarrow_U.gif);
}

.dnarrow-D {
  background-image: url(images/btn_dnarrow_D.gif);
}

#elevator {
  top: 16px;
}

#top-bar, #mid-bar, #bottom-bar {
  height: 22px;		/* initial value is (100 - 2 * 16) / 3 */
}

#mid-bar {
  background-image: url(images/btn_bar_mid.gif);
  top: 22px;
}

#mid-bar-top, #mid-bar-bot {
  height: 8px;
}

#mid-bar-top {
  background-image: url(images/btn_bar_top.gif);
}

#mid-bar-bot {
  background-image: url(images/btn_bar_bot.gif);
  bottom: 0;
}

#bottom-bar {
  bottom: 0;
}
  
.throbber {
  background: url(images/status-active.gif) no-repeat center;
  padding-left: 20px;
}

/*
 * Content classes
 */
.chapter-num {
  float: left;
  padding: 0.1em 0.3em 0.2em 0;
  font-size: 122%;
  font-weight: bold;
  line-height: 0.8em;
}
  
.verse-num {
  padding-left: 0.2em;
  padding-right: 0.2em;
  font-size: 75%;
  line-height: normal;
  vertical-align: top;
}

.heading {
  padding-top: 0.8em;
  font-weight: bold;
  font-style: italic;
}

.chap-space-before {
  padding-top: 0.8em;
}

.space-before {
  padding-top: 0.8em;
}

.chap1stline {
}

.indent {
  text-indent: 1.5em;
}

.noindent {
}

.inlinevs {
  display: inline;
}

.psalmintro {
  font-style: italic;
}

.poetry1 {
  margin-left: 1.5em;
}

.poetry2 {
  margin-left: 3em;
}

.poetry3 {
  margin-left: 4.5em;
}

.bodytextitalic {
  font-style: italic;
}

.signboard {
  font-variant: small-caps;
  text-align: center;
}

.tuhan {
  font-variant: small-caps;
}