/* ----------------------------------------------------------------------
Style sheet for bible2.net PairRate page
$Id: style.css 3967 2009-11-16 20:47:29Z helmut $
------------------------------------------------------------------------*/

body {
  background-color: /* pale yellow: */ #faffd0; /*#ffffff;*/
  font-family: Verdana,Geneva,Arial,sans-serif;
  margin: 0;
  border: 0;
  padding: 0;
}

.header {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.2em;
  display: block;
  background-color: /* current dokuwiki mmClean: */ #476c5e; /* bright green: #ccffcc;*/
/*  background-color: #faffd0;*/
}

.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%;
}

#content {
  margin-left: 0.5em;
  margin-right: 0.5em;
  border: 0;
  padding: 0;
  font-size: 80%;
}

h1 {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 150%;
  font-weight: bold;
  color: #476c5e;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #476c5e;
}

h2 {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 120%;
}

#visibleManual {
  display: block;
  margin: 1em 0 2em 2em; /* [TopMargin] */
  padding: 0.5em;
  padding-top: 0; /* for "hide" button */
  border-style: solid;
  border-width: 2px;
  border-color: #cccccc;
}

#hiddenManual {
  display: none; /* default for 'display' */
}

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

.manualSwitchButton {
  border-style: solid;
  border-width: thin;
  border-color: #000000;
  background-color: #c0c0c0;
  color: blue;
}

.manualSwitch:hover {
}

#showManualTrue {
  margin-top: 1em; /* [TopMargin] */
  margin-left: 2em;
}
#showManualFalse {
  margin-top: -2em;
  margin-left: -1.5em;
}

#manualTable {
  width: 100%;
}

table {
  border-collapse: collapse;
  border-style: solid;
  border-width: thin;
  margin: 0.3em;
}
th, td, th p, td p {
  margin: 0;
  border: 0;
  padding: 0.3em;
}
th {
  background-color: #476c5e; /*#ffff99; *//*#ffda2d;*/
  color: #b1e001;
  vertical-align: top;
  border-style: solid;
  border-width: thin;
  border-color: #cccccc;
  font-weight: bold;
}

td {
  vertical-align: top;
  border-style: solid;
  border-width: thin;
  border-color: #cccccc;
  background-color: #ffffff;
}


#pairs {
  margin-left: 2em;
  margin-right: 2em;
}

#pairs th, #pairs td {
  border-color: #cccccc;
  margin: 0;
  padding: 0;
}

#pairs div p {
  margin: 0;
  border: 0;
  padding: 0;
  white-space: nowrap;
}

#pairs .first {
  color: #0033ff;
  padding: 1em 3em 1em 3em;
}

#pairs .second {
  color: Maroon;
  padding: 1em 3em 1em 3em;
}

#pairs tr:hover .first {
/*
  background-image: url('IMG_2001_bright.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ccffff;
*/
}

#pairs tr:hover .second {
/*
  background-image: url('IMG_0482_2_bright.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffbd;
*/
}

/* /service/TheWord/today/today.css */

.IL, p.IL {
  margin-bottom: 0;
  font-size: 80%;
  font-style: italic;
  text-align: center;
  color: #476c5e;
}

p.L {
  text-align: center;
  font-weight: bold;
  /*font-size: 90%;*/
  white-space: nowrap;
}

p.SL {
  color: #476c5e;

  margin-top : 0.3em;
  margin-bottom : 0.3em;
  font-size: 90%;
  font-style: italic;
  text-align: center;
}

.eval p {
  margin: 0;
  padding: 0;
  border: 0;
}

td.yes, td.maybe, td.no, td.undef {
  vertical-align: middle;
}

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

.result {
  margin-right: 1em;
  min-width: 3em;
}

.comment {
  width: 20em;
}
.comment:hover {
  background-color: #ffffff;
}

#copyright {
  border-top-style: solid;
  border-top-width: 1px;
  white-space: nowrap;
  color: grey;
}

#CurPage {
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 120%;
  font-weight: bold;
}

#RealPage, #Key {
  color: #eeeeee;
  font-size: 60%;
}

img {
  border: 0;
}