/* ----------------------------------------------------------------------
Style sheet for bible2.net BibleStudio
------------------------------------------------------------------------*/

body {
  background-color: #faffd0;
  font-family: Verdana,Geneva,Arial,sans-serif;
  margin: 0;
  border: 0;
  padding: 0;
  min-width: 1000px;
}

.header {
/*
  background-image: url("/images/sunset5.jpg");
  background-repeat: no-repeat;
  background-repeat: horizontal;
  background-position: top left;
*/
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.2em;
  padding-bottom: 0.5em;
  background-color: #ffff99; 
  max-height: 3em;
/*  background-color: #476c5e; current dokuwiki mmClean*/
/*  background-color: #ccffcc; bright green */
/*  background-color: #faffd0;*/
}

.logo {
  margin: 0.3em;
  background-image: url("../../images/bibel20logo200x50.png");
  background-repeat: no-repeat;
  background-position: top left;
}

#heading {
  font-size: 90%;
  margin-left: 18em; 
  padding: 0.5em 0 0.5em 2em; 
  border: 0;
}

#headingLabel {
  font-size: 200%;
}

#jshint {
  color: red;
  font-weight: bold;
}

#content {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 80%;
}

.footer {
  border: 0;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: grey;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding: 0;
  font-size: 80%;
}


/* --- Pair --- */

#tablePair {
  margin: 0;
  border: 0;
  padding: 0;
  border-spacing: 0; /* need this for border line */
}

#tablePair tr td {
  padding: 0.5em; /* padding for all text cells (for images ignored via td .first/.second) */
}

#tablePair tr td .first, #tablePair tr td.second {
  padding: 0;
}

#Parol1 {
  min-width: 35em;
  max-width: 45em;
}

#Parol2 {
  min-width: 35em;
  max-width: 45em;
}


.Parol {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  /* if min-height is big enough, vertical layout does not change in case the number of lines varies
    when switching from one parol to the other */
  /* 2009-12-31 HS:
    IE6 does not support min-height
  min-height: 14em;
  */
  height: 14em;
}

.first {
  color: #0033ff;
  background-image: url('images/IMG_2001_bright.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ccffff;
}

.firstCell {
  background-color: #ffff99;
}

.second {
  color: Maroon;
  background-image: url('images/IMG_0482_2_bright.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffbd;
}

.rightBorder {
  padding-right: 2px;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: grey;
}

.bottomBorder {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: grey;
}

.filteredParol {
  background-color: #ffff99;
}

/* --- Parol part ----------------- */

p.IL {
  margin-bottom: -1em;
  font-size: 90%;
  font-style: italic;
  text-align: center;
  color: #476c5e;/* separator line colour */
}

p.L {
  text-align: center;
  font-weight: normal;
  font-size: 120%; 
  /* 2009-12-31 HS [white-space-pre]:
  IE6 ignores white-space:pre for text assigned to innerHTML.
  For now, insert <br/> in ParolView instead.
  white-space: pre;
  */
/*  color: #006600;*/
}

p.SL {
  margin-top: -1em;
  font-size: 80%;
  font-style: italic;
  text-align: center;
  color: #009966; /* SL colour */
  /*color: #476c5e;*/
}

p.C {
  font-size: 80%;
  text-align: center;
  color: #476c5e; /* separator line colour */
}

p.Copyright {
  white-space: pre;
  line-height: 0.9em;
  font-size: 60%;
  text-align: center;
  color: #cccccc; /* inverse font colour in header (menu items) */
}


/* === Settings === */

.label {
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: right;
  width: 10em;
}

.widelabel {
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 20em;
}

#Collection {
  width: 20em;
}

#Series {
  width: 20em;
}

.combo {
  font-size: 100%;
}

#divSelectBible {
}

#Bible {
}



/* === Navigation === */

#FirstCurIndex, #FirstLastIndex, #SecondCurIndex {
  display: inline-block;
  min-width: 1.8em;
  text-align: right;
}

#btnShowBibleTextForFirst, 
#btnShowBibleTextForSecond,
#btnBibleTextForParol,
#btnBibleTextForStatusParol,
#btnSortSecondByBibleRef,
#btnNo {
  margin-right: 1em;
}

#btnSortSecondByRateBibleRef,
#btnSortSecondByBibleRef {
  display: none;
}

#LastPair {
}

.Rate {
  display: none;
}

#rateHeading {
  border: 0;
  margin: 0;
  padding: 0;
}

#pRate {
  border: 0;
  margin: 0;
  padding: 0;
}

#btnDeletePair {
  display: none;
}

#btnSecondList {
  float: right;
}

#btnGotoLogin {
  float: right;
  background-color: #b1e001;
}

#statusLine {
  margin: 0;
  border: 0;
  padding: 0;
  text-align: right;
  color: red;
  font-size: 80%;
}


/* --- Second list --- */

#SecondList {
  height: 15em;
  padding: 1px;
  overflow: auto;
  margin-bottom: 0.5em;
  border-style: solid;
  border-width: thin;
  border-color: grey;
/*
  background-color: #ffff99;
*/
}

.parolTable {
  background-color: #faffd0;
  width: 100%;
  margin: 1px;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  border-style: solid;
  border-width: thin;
  border-color: grey;
}

.parolRow {
  margin: 0;
  padding: 0;
  border-style: solid;
  border-width: thin;
  border-color: grey;
}

.parolRow:hover {
  border-color: #000000;
/*  background-color: #ff9900;*/ /* #ffff99, pairedit: #ff9900 */
}

.secondIndicator {
  width: 1em;
  padding: 0;
  vertical-align: top;
}

.secondRate {
  padding: 0 0.3em;
  min-width: 2em;
  text-align: right;
  vertical-align: top;
}

.parolRef {
  font-size: 90%;
  padding: 0 0.3em;
  min-width: 10em;
  vertical-align: top;
}

.parolText {
}

.selectedParol {
  background-color: #ffff99; /* #ffff99, pairedit: #ff9900 */
  color: #000000;
}


.clear {
  clear: both;
}

.topBorder {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: Maroon;
}

/* --- FilteredParol list --- */

#tabFilteredParol {
/*  background-color: #faffd0 !important;*/
  border: 0;
  margin: 0;
  padding: 0 0.3em;
}

#tabFilteredParol p {
  margin: 0.3em;
  border: 0;
  padding: 0;
}

#tabFilteredParolHint {
  font-size: 80%; 
  display: none;
  color: grey;
}

.leftmargin {
  margin-left: 2em;
}

#editParol {
  display: none;
  margin-left: 2em;
}

#filterForParol {
  font-weight: normal;
}

#btnAddPair {
  display: none;
  font-weight: bold;
}

#btnGotoFilteredFirstParol {
}

#btnFilterReset, #filterForParolFind {
}

#FilteredParolList {
  background-color: #faffd0;
  min-height: 5em;
  max-height: 30em; /* with this, the hitlist gets a scrollbar, too*/
  overflow: auto;
  border-style: solid;
  border-width: thin;
  border-color: grey;
}

#FilteredParolListHint {
  padding: 2em;
  text-align: center;
  vertical-align: middle;
}


/*
.fpInfo {
  padding: 0 0.3em;
  min-width: 2em;
  text-align: right;
}
*/

.match {
  background-color: #ffff99; /* #ffff99, pairedit: #ff9900 */
}



/* --- Bible context --- */

#tabBibleText {
/*  background-color: #faffd0 !important;*/
  border: 0;
  margin: 0;
  padding: 0;
}

#tabBibleTextHint {
  float: right; 
  font-size: 80%; 
  margin-bottom: -2em;
  color: grey;
}

#navBibleText {
  border: 0;
  margin: 0;
  padding: 0.3em;
}

#navBibleText input {
  font-weight: normal;
}

#BibleText {
  min-height: 5em;
  border-style: solid;
  border-width: 1px;
  border-color: grey;
  max-height: 30em; /*with this, the hitlist gets a scrollbar, too*/
  overflow: auto;
  background-color: #faffd0;
}

.VerseNumber {
  vertical-align: super;
  font-size: 60%;
}

.VerseText {
}

.VerseSecondLinks {
  font-size: 70%;
  padding-left: 1em;
}

#BibleText .selectedVerse {
  /* cf. selectedParol */
  background-color: #ffff99; /* #ffff99, pairedit: #ff9900 */
  color: #000000;
}

#BibleText .nonSelectedVerse {
}

/* --- First status --- */

#tabFirstStatus {
/*  background-color: #faffd0 !important;*/
  border: 0;
  margin: 0;
  padding: 0;
}

#tabFirstStatus p {
  margin: 0.3em;
  border: 0;
  padding: 0;
}

#tabFirstStatusHint {
  font-size: 80%; 
  color: grey;
}

#btnGotoFirstParol {
}

#navFirstStatus {
  border: 0;
  margin: 0;
  padding: 0.3em;
  float: right;
}

#navFirstButtons {
  border: 0;
  margin: 0;
  padding: 0.3em;
}

/*
#navBibleText input {
  font-weight: normal;
}
*/
#navBibleHistory {
  float: right;
}

.fsHeader {
  background-color: #ffff99;
  color: #000000;
}

#FirstStatusList {
  min-height: 5em;
  border-style: solid;
  border-width: 1px;
  border-color: grey;
  max-height: 30em; /*with this, the hitlist gets a scrollbar, too*/
  overflow: auto;
  background-color: #faffd0;
}

.noPairs {
  color: red;
  font-weight: bold;
}

.fewPairs {
  color: red;
}

.fewEval {
  color: red;
}

.fsNo, .fsSecond, .fsEval {
  vertical-align: top;
  padding: 0 0.3em;
  min-width: 2em;
  text-align: right;
}

.fsNo {
  font-size: 80%;
  vertical-align: top;
  padding: 0 0.3em;
  min-width: 2em;
  text-align: right;
  color: grey;
}

.fsSecond {
}


/* --- ParolEdit --- */

#divParolEdit {
  margin-left: 4em;
  display: none;
  border-style: solid;
  border-width: thin;
  border-color: grey;
  background-color: #faffd0; /* cf. #tableLogin */
  padding: 0.3em;
}

#btnParolEditWrap {
}

#btnParolEditApply {
  float: right;
  background-color: #b1e001;
  width: 8em;
}

#btnParolEditClose {
  margin-left: 1em;
  float: right;
}

#btnParolDelete {
}

#headingParolNew, #headingParolEdit {
  font-weight: bold;
}

.tableParolEdit tr td {
  vertical-align: top;
}

.tableParolEdit .label {
  width: 7em;
  font-size: 90%;
}

#parolEditBibleRef, #parolEditIntro, #parolEditText {
  font-size: 90%;
}

/* --- Login/ParolEdit --- */

#tabLoginText {
  padding: 0 0.3em 0.3em 0.3em;
}

.inactive {
  color: grey;
}

#tableLogin { /* cf. #tableParolEdit */
  background-color: #faffd0;
  padding: 0.3em;
}

#tableLogin tr td {
  vertical-align: top;
}

td.info, p.info {
  font-size: 70%;
  color: grey;
}

#btnLogin {
  background-color: #b1e001;
}

#btnLogout {
  background-color: #ffda2d;
  display: none;
}

#acceptLicenseText {
  font-weight: bold;
}

.acceptLicenseTextHighlight {
  color: #ff0033;
}

#Welcome {
  background-color: #b1e001;
  display: none;
  padding: 0.3em;
}

/* --- HTML block elements --- */


h1 {
  margin: 0;
  border: 0;
  font-size: 110%;
  padding: 0.3em 0 0 0;
  font-weight: bold;
  color: #476c5e;
}

h2 {
  margin: 0;
  border: 0;
  font-size: 90%;
  padding: 0.3em 0 0 0;
  font-weight: bold;
}

button {
  padding: 0; /* 0.2em is rather wide in FF3.5, 0 is narrow in Opera 10.10... */
}

img {
  border: 0;
}

.TestKastl {
  border: 0.5em;
  margin: 0.5em;
  padding: 0.5em;
  background-color: #ffff99;
  border-style: solid;
  border-width: 1px;
  border-color: grey;
}

/* --- Vote --- */
/* 
  yes:  #b1e001 b2ffb2 
  maybe: #ffff66 #cccccc #ffda2d #ffffcc
  no: #fbf0da #ffcc99
*/
/*
.number {
  text-align: right;
}
*/
.yes {
  background-color: #b1e001;
}
.maybe {
  background-color: #ffda2d;
}
.no {
  background-color: #ffcc99;
}
/*
.undef {
  background-color: #ffffff;
}
*/


#tabDownload {
}

#tabFormsText {
  padding: 0.3em;
  background-color: #ffff99 !important;
}

#downloadSeries {
  padding: 0.3em;
  background-color: #faffd0 !important;
}

#downloadCover {
  padding: 0.3em;
  background-color: #faffd0 !important;
}

#tabHelp {
  background-color: #ffff99 !important;
}

#tabHelpText {
  margin: 0.5em 0 0.5em 0;
  padding: 0 0.5em 0 0.5em;
  background-color: #faffd0 !important;
}



/* --- jqueryui --- */

#tabs { 

}

.ui-tabs {
  /* position: relative prevents IE scroll bug
   (element with position: relative inside container with overflow: auto appear as "fixed") */  
  position: relative; 
  padding: .2em; 
  zoom: 1;  
  padding: 0;
}
.ui-widget-content {
/*  background-color: #faffd0 !important;*/
}

.ui-tabs-nav {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  background-color: #ffff99 !important;
}

.ui-tabs .ui-tabs-nav li { 
  list-style: none; 
  float: left; 
  position: relative; 
  top: 1px; 
  margin: 0 .2em 1px 0; 
  border-bottom: 0 !important; 
  padding: 0; 
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a { 
  float: left; 
  padding: .5em 1em; 
  text-decoration: none; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}

/* first selector in group seems obsolete, but required to overcome bug in
  Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer; 
}

.ui-tabs .ui-tabs-panel { 
  display: block; 
  border: 0; 
  padding: 1em 1.4em; 
  background: none;
}

.ui-tabs .ui-tabs-hide { 
  display: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0; 
  padding: 0;
  /*font-weight: bold;*/
}


.ui-tabs-panel {
  margin: 0 !important;
  border: 0 !important;
  padding: 0.3em !important;
  background-color: #ffff99 !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  background-color: #ffff99 !important;
}