html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }
body, p, li, ul, ol  {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Arial, Helvetica, SunSans-Regular,  sans-serif;
  margin: 0;
}
a { color: #0000cd; text-decoration: none;}
a:hover {color: #0000cd; text-decoration:none;}

/** --- theme ---

    border: 1px solid #9aae67;
    title:
      background-color: #daeea7;
      color: #626c3d;
    content:
      background-color: white;
      color: black; 
      
    +-------------------------+
    | title                   |
    +-------------------------+
    | content                 |
    |                         |
    |                         |
    +-------------------------+

    boxgrp - box group with title
    hh1grp - h1 group with title
    hc1grp - h1 group with title centered
    
    vh     - vertical header
    hh     - horizontal header
***/

table, th, td {
  font-family:      arial,helvetica,sans-serif; 
  font-style:       normal;
}

table.boxgrp,
table.hh1grp,
table.hc1grp
{
  font-family:      arial,helvetica,sans-serif; 
  font-size:        12px;
  font-style:       normal;
  margin-bottom:    5px;
}

table.boxgrp
{
  border-collapse:  collapse;
  border-spacing:   0px;
  border:           1px solid #9aae67;
}

table.hh1grp
{
}

table.hc1grp
{
}

table.boxgrp th,
table.hh1grp th,
table.hc1grp th
{
  padding:          3px 5px 3px 5px;
  border-bottom:    1px solid #9aae67; 
  vertical-align:   middle;
  font-size:        16px;
  font-weight:      normal;
  color:            #626c3d;
}

table.boxgrp th
{
  background-color: #daeea7; 
}

table.hh1grp th
{
  text-align:       left;
  background-color: white; 
}

table.hc1grp th
{
  border-bottom:    0px solid #9aae67; 
  text-align:       center;
}

table.boxgrp td,
table.hh1grp td,
table.hc1grp td
{
  padding:          3px 5px 3px 5px;
  vertical-align:   top;
  background-color: white; 
  color:            black;
  font-size:        12px;
  text-align:       left;
}

/** table row/col **/

table.rowtbl
{
  border-collapse:  separate;
  border-spacing:   2px;
  text-align:       left;
}

table.coltbl th, table.rowtbl th
{
  background-color: white;
  font-size:        12px;
  font-weight:      bold;
  padding:          0px;
  text-align:       left;
}

table.rowtbl th
{
  border:           1px none #9aae67;
  border-bottom:    1px solid #9aae67;
}

table.coltbl th
{
  border:           1px none orange;
  vertical-align:   top;
}

table.coltbl td,
table.rowtbl td
{
  padding:          1px;
  padding-bottom:   0px;
  vertical-align:   top;
  text-align:       left;
}

table.rowtbl td.hc2
{
  font-size:        16px;
  text-align:       center;
  color:            #626c3d;
}

table.rowtbl tr.r1 td,
table.rowtbl tr.r2 td
{
  cursor:           pointer;
}

table.rowtbl tr.o1 td,
table.rowtbl tr.o2 td
{
  cursor:           pointer;
}

tr.rowdot td,
tr.dotted td
{
  border-bottom:    1px dotted #ccc;
}

/** admin styles **/

table.admboxgrp
{
  font-family:      arial,helvetica,sans-serif; 
  font-size:        12px;
  font-style:       normal;
  text-align:       left;
  /*border-collapse:  collapse;
  //border-spacing:   0px;*/
  border:           1px solid orange;
  padding:          0px;
  margin:           0px;
  margin-bottom:    5px;
}

table.admboxgrp th
{
  background-color: #ffffdd; 
  padding:          3px;
  margin:           0px;
  border-bottom:    1px solid orange; 
  vertical-align:   middle;
  font-size:        16px;
  font-weight:      normal;
  color:            #626c3d;  
  text-align:       left;
}

table.admboxgrp td
{
  padding:          3px;
  margin:           0px;
  vertical-align:   top;
  background-color: white; 
  color:            black;
  font-size:        12px;
}

table.admboxgrp td.ctl
{
  border-top:       1px solid orange;
}

table.admcoltbl, table.admrowtbl
{
}

table.admrowtbl
{
  border-collapse:  separate;
  border-spacing:   3px;
}

table.admcoltbl th, table.admrowtbl th
{
  background-color: white;
  font-size:        12px;
  font-weight:      bold;
}

table.admrowtbl th
{
  border:           1px none orange;
  border-bottom:    1px solid orange;
}

table.admcoltbl th
{
  border:           1px none orange;
  vertical-align:   top;
}

table.admcoltbl td
{
  vertical-align:   top;
}

table.admrowtbl tr.r1 td,
table.admrowtbl tr.r2 td
{
  cursor:           pointer;
}

table.admrowtbl tr.o1 td,
table.admrowtbl tr.o2 td
{
  cursor:           pointer;
}

tr.admrowdot td
{
  border-bottom:    1px dotted #ccc;
}

/** list indentation **/

ul.i1
{
  margin:           0px;
  margin-left:      16px;
  padding:          0px;
  font-family:      arial,helvetica,sans-serif; 
  font-style:       normal;
  text-align:       left;
}

/** debug **/

table.z
{
  border: 0px dotted #ddd;
}
th.z, td.z, div.z
{
  border: 0px dotted #ddd;
}

.z
{
  border: 1px dotted #ddd;
  margin-bottom: -1px;
  margin-right: -1px;
}

/** other **/

.page-footer
{
  font-family: arial,helvetica,sans-serif; 
  font-size:   12px;
  font-style:  normal;
}

.email-addr
{
  text-decoration: none;
  font-family: arial,helvetica,sans-serif; 
  font-size:   12px;
  font-style:  normal;
  color: blue;
}

.bullet-list
{
  position: relative; 
  left: -21px;
}


td.xlink, .xlink, .xlink-40days
{
  text-decoration: none;
  color: #0000cd;
  cursor: pointer;
}

.xlink-40days
{
  font-size:   12px;
}

/*
.xlink:hover
{
  text-decoration: underline;
}
.xlink:activate
{
  text-decoration: underline;
}
*/

/** table input 

table.input
{
  font-size:        16px;
}

th.vh, th.hh, th.hh2
{
  text-align:       left;
  background-color: white; 
  color:            #626c3d;
  font-weight:      bold;
  font-size:        12px;
}

th.vh
{
    padding:        3px; 
    vertical-align: top;
}

th.hh, th.hh2
{
    vertical-align: middle;
    border-bottom:  1px solid #9aae67; 
    border-left:    1px solid white;
    border-right:   1px solid white;
    padding:        3px; 
}

td.cc, td.cd
{
    padding-left:   3px; 
    padding-right:  4px; 
    padding-top:    3px; 
    padding-bottom: 4px; 
    white-space:    nowrap;
    vertical-align: top;
    text-align:     left;
}

td.cd
{
    border-bottom:  1px dotted #ccc;
}
*/

/** table list: style a: border alternating background **/

tr.rr1a th
{
    border:           1px solid #ccc;
    border-left:      1px none #ccc;
    border-bottom:    3px double #ccc;
    background-color: #e8ebf0;
    padding:          3px;
}

tr.rr1a th:first-child, tr.rr1a th.c00
{
    border:           1px solid #ccc;
    border-bottom:    3px double #ccc;
}

tr.rr1a td, tr.rr2a td,
tr.ro1a td, tr.ro2a td,
tr.rs1a td, tr.rs2a td
{
    border-bottom:    1px solid #ccc;
    border-right:     1px solid #ccc;
    padding:          3px;
}

tr.rr1a td:first-child, tr.rr2a td:first-child, tr.rr1a td.c01, tr.rr1a td.c02,
tr.ro1a td:first-child, tr.ro2a td:first-child, tr.ro1a td.c01, tr.ro1a td.c02,
tr.rs1a td:first-child, tr.rs2a td:first-child, tr.rs1a td.c01, tr.rs1a td.c02
{
    border:           1px solid #ccc;
    border-top:       1px none #ccc;
}

tr.rr1a, tr.ro1a, tr.rs1a
{
    background-color: #eee;
}

tr.rr2a, tr.ro2a, tr.rs2a
{
    background-color: #fff;
}

tr.ro1a, tr.ro2a
{
    color:            blue;
    cursor:           pointer;
    background-color: #ddd;
}

tr.rs1a, tr.rs2a
{
    color:            red;
    cursor:           pointer;
}


/** word preview **/

.xspan {
    display:        -moz-inline-block;
    display:        inline-block;
    vertical-align: top;
    border:         1px dotted #ddd;
    padding:        3px;
    margin:         0px;
    margin-bottom:  -1px;
    margin-right:   -1px;
}
.ispan {
    display:        -moz-inline-block;
    display:        inline-block;
    vertical-align: top;
    margin:         0px;
    margin-bottom:  -1px;
    margin-right:   -1px;
}


/** tabs **/

ul.tabgroup, li.tabitem, li.tabactive
{
    border-bottom:   1px solid #ccc;
    margin: 0;
    padding-bottom:  23px;
    padding-left:    10px;
}

li.tabitem, li.tabactive
{
    display:         inline;
    list-style-type: none;
    margin:          0px;
    padding:         0px;
}

li.tabitem, li.tabactive
{
    background:      #e8eBf0;
    border:          1px solid #ccc;
    color:           #666;
    float:           left;
    font-size:       small;
    font-weight:     normal;
    line-height:     18px;
    margin-right:    8px;
    padding:         2px 10px 2px 10px;
    text-decoration: none;
}

li.tabitem
{
    cursor: pointer;
}

li.tabactive
{
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
    list-style-type: none;
}

.tabdiv, .tabtop
{
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    clear: both;
    margin: 0px;
    padding: 10px;
}
.tabdiv
{
    display: none;
}
.tabtop
{
}

/** forty days of purpose **/

.devotional, .devotional-visible
{
  font-family: times;
  font-size: 14px; 
}

.devotional
{
  position: absolute; 
  top: -2000px; 
  visibility: hidden; 
}

.devotional-visible
{
  position: relative; 
  visibility: visible;
  top: 0px;
}

.devotional-title
{
  font-size: 18px; 
  font-family: arial; 
  font-weight: bold;  
}

.devotional-day
{
  margin: 2px; 
  padding-left: 2px; 
  padding-right: 2px;
  font-size: 12px;
  font-family: times;
  color: blue;
  cursor: pointer;
}

.verse-number {
  font-family: times;
  font-size: 28px;
  font-style: italic;
  font-weight: bold;
  color: #5f5f5f;
}

.verse-content {
}