*, html, body {
  padding: 0 0 0 0;
}

html {
  height: 100%;
}

img {
     display: block;
}

body {
  background: url(images/theholyscriptures600x600.png) repeat;
  /* background: #2C308F;
  background-image: url(images/Pattern_Diamonds.gif); */
  color: #ffffff;
  /* font-family: 'Lucida Grande', Verdana, Arial; */
  font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
  font-size: 100%;
  height: 100%;
  /* overflow: hidden; */
}

.nobr {
  white-space: nowrap;
}
a.tooltip {
 border-bottom: 1px dotted #000000; color: #000000; outline: none;
 cursor: help; text-decoration: none;
 position: relative;
}
a.tooltip div {
 margin-left: -999em;
 position: absolute;
}
a.tooltip:hover div {
 border-radius: 3px 3px; -webkit-border-radius: 3px; 
 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
 font-family: Calibri, Tahoma, Geneva, sans-serif;
 position: absolute; left: 1em; top: 2em; z-index: 99;
 margin-left: 0; width: 250px;
}
span.classictip {
 padding: 0.8em 1em;
 background: #FFFFAA;
 border: 1px solid #FFAD33; 
}
.accordion_content {
  overflow: hidden;
  font-size: 1em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
#slate {
  /* background-color: #2D2D30; all browsers respect this */
  background-color: rgba(45, 45, 48, 0.40); /* only IE fails here so the prior declaration sticks */
  width: 100%;
  background-image: url('images/KingJamesBible_1612-1613.jpg');
  background-repeat: no-repeat;
  background-position: right;
  /* text-shadow: 2px 2px 5px white; wait for Firefox 3.1 */
}

#container {
  visibility: hidden;
  position: relative;
  width: 100%;
  margin: 20px 0px 0px 0px;
  background-color: gray; /* header color */
  display: block;
  background: url(images/headergradient.jpg) 0% 0% repeat-x;
/*  background: url(images/headergradient.jpg) 0% 0% repeat-x; */
  border-radius: 3px;
  -webkit-border-radius: 3px;  
}
#bottom_container {
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  color: white;
  border-color: #2C308F;
  display: none;
//  visibility: hidden;
}
#vertical_container {
  visibility: hidden;
}
#commentary_container {
  background: black;
  display: none;
  padding-left: 20px;
  margin: auto 10px auto 0px;
  width: 820px;
  height: 350px;    
}
#links_container {
  background: black;
  display: none;
  padding-left: 20px;
  margin: auto 10px auto 0px;
  width: 820px;
  height: 350px;    
}
#compare_container {
  background: black;
  display: none;
  padding-left: 20px;
  margin: auto 10px auto 0px;
  width: 820px;
  height: 350px;    
}
#essay_container {
  background: black;
  display: none;
  padding-left: 20px;
  margin: auto 10px auto 0px;
  width: 820px;
  height: 350px;    
}
#search_container {
  background: black;
  display: none;
  padding-left: 20px;
  margin: auto 10px auto 0px;
  width: 820px;   
  height: 350px;    
}

#top_container {
  width: 50%;
  height: 130px;
  margin: 10px auto 10px auto;
}
#vertical_nested_container {
  margin: auto 20px 20px auto;
  width: 620px;
}
#commenttext {
  display: block; 
  /* visibility: hidden; */
  padding: 1em 1em 1em 2.2em; 
  border: red 0px solid; 
  position: absolute; 
  left: 55%; 
  width: 38%; 
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1em;
  background-color: black;
}
#updatecomment {
  display: block; 
  /* visibility: hidden; */
  padding: 3px; 
  border: black 0px solid; 
  position: absolute; 
  left: 55%; 
  width: 38%; 
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
}

#volume_book_title {
  margin: 0px auto 0px auto;
  display: block;
  background-color: #1A0C02;
  padding: 0px auto 0px auto;
  line-height: 24px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
#other_title {
  margin: 0px 0px 0px 0px;
  background-color: #1A0C02;
  padding: 5px 0px 10px 0px;
  line-height: 24px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
#page_find {
  margin: 0px 0px 0px 0px;
  background-color: #1A0C02;
  padding: 5px 0px 10px 0px;
  line-height: 18px;
  font-weight: bold;
  border-bottom: 1px solid #cde99f;
  width: 100%;
  text-align: center;
}
h1 {
  color: #96BF55;
  font-size: 1.3em;
  font-weight: normal;
  margin: 5px 0 5px 0;
  text-align: left;
}

  h1 span {
    color: #ffffff;
    font-size: 1.3em;
    font-weight: normal;
    margin: 5px 5px 5px 0;
    text-align: left;
  }
del {
  color: gray;
}
ins {
  color: red;
  text-decoration: none;
}

/* 
-webkit-box-shadow: 10px 10px 25px #ccc;  
box-shadow: 10px 10px 25px #ccc;  

h5 {
  font: bold 1.3em;
  font-family: 'Lucida Grande','Trebuchet MS',Verdana,Arial,sans-serif;
  position: relative;
  color: black;
}
   
h5 span {
  background: url(images/gradientfull.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}
    <!--[if lt IE 7]>
    <style>
    h5 span {
      background: none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gradient-glossy.png', sizingMethod='scale');
    }
    </style>
    <![endif]-->
*/
li {
  font-weight: normal;
}

li p {
  font-weight: normal;
}

a.tips {
  text-decoration: none;
  color: blue;
  outline: none;
  font-weight: normal; 
  background: transparent;
}
a.tipup {
  text-decoration: none;
  color: blue;
  outline: none;
  font-weight: normal; 
  background: transparent;
}
a.tips:hover  {
  color: red;
  font-weight: normal; 
}

a.etips {
  text-decoration: none;
  color: #CEC66F;
  visited: #CEC66F;
  outline: none;
  font-weight: normal; 
  background: transparent;
}
a.etipup {
  text-decoration: underline;
  color: #CEC66F;
  visited: #CEC66F;
  outline: none;
  font-weight: normal; 
  background: transparent;
}
a.etips:hover  {
  color: red;
  font-weight: normal; 
}
a.commentlink:link {
  text-decoration: none;
}
a.commentlink:visited {
  text-decoration: none;
}
a.commentlink:hover {
  text-decoration: none;
  font-style: italic;
}
a.commentlink:active {
  text-decoration: none;
  font-style: italic;
}

a.editlink:link {
  text-decoration: none;
  color: yellow;
}
a.editlink:visited {
  text-decoration: none;
  color: yellow;
}
a.editlink:hover {
  text-decoration: none;
  color: red;
}
a.editlink:active {
  text-decoration: none;
  color: yellow;
}
#showindicator {
  font-size: 1.2em;
  font-weight: bold;
  color: red;
  /* cursor: s-resize; */
  cursor: pointer;
  display: block;
}

a.sectionlink:link {
  outline: none;
  color: #DFD88B; 
  text-decoration: none;
  font-weight: bold;
  font-size: .81em;
  margin: 5px 0 5px 0;
  text-align: left;
}
a.sectionlink:visited {
  outline: none;
  color: #DFD88B;
  text-decoration: none;
  font-size: .81em;
  margin: 5px 0 5px 0;
  text-align: left;
}
a.sectionlink:hover {
  outline: none;
  color: #CC0000;
  text-decoration: none;
  font-style: normal;
  font-size: .81em;
  margin: 5px 0 5px 0;
  text-align: left;
}
a.sectionlink:active {
  outline: none;
  color: red;
  text-decoration: none;
  font-style: normal;
  font-size: .81em;
  margin: 5px 0 5px 0;
  text-align: left;
}

.mark {
  color: red;
}

.description {
  font-size: 1em;
  line-height: 18px;
  color: #ffffbe;
  padding: 5px 0 15px 0;
}

h2 {
  text-align: left;
  font-weight: normal;
  font-size: 1.5em;
  color: #09f;
  margin: 5px 0 15px 0;
}
h2 span {
  clear: both;
  font-size: 1em;
  color: #FF9;
}
  

.notice {
  border: 3px solid #ffffbe;
  padding: 10px;
  color: #ffffff;
  background-color: #09f;
  margin: 0 0 20px 0;
}
li a {
  color: #ffffff;
  text-decoration: none;
}

.navigation { 
  list-style: none; 
  margin: 10px 0 30px 0; 
  width: 200px;
}

a.page-options {
  color: #000000; 
  text-decoration: none; 
  display: block; 
  text-align: left; 
  padding: 5px; 
  background: #a9d06a;
  margin: 3px 0 0 0;
  border-bottom: 1px solid #333333;
  border-bottom: 1px solid #555555;
}

p small, 
li small {
  color: #09F;
  font-size: 1em;
}
p em, 
em {
  color: #ffffff;
}

.accordion_toggle {
  display: block;
  background: top right #2D2D30;
  padding: 0px 10px 0px 10px;
  /* line-height: 3px; */
  font-weight: normal;
  text-decoration: none;
  outline: none;
  border-bottom: 1px solid #cde99f;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
  font-size: 1em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  overflow: hidden;
  height: auto;
/*  vertical-align: text-center; */
  background: #131313; /* url(images/chaptergradient.jpg) 0% 0% repeat-x; */
  border-radius: 3px;
  -webkit-border-radius: 3px;  
}

.accordion_toggle_active {
  background: top right #2e2e33;
  border-bottom: 1px solid #f68263;
/*  font-size: .8vw; */
}

  .p_no {
    font-size: 1.0em;
    vertical-align: top;
    text-align: right;
    padding: 0 .3em 0 0;
    font-family: Garamond, Palatino, Baskerville, Georgia, Times New Roman, serif;
    font-weight: normal;
  }
  .script {
    font-size: 1.0em;
    vertical-align: top;
    font-family: Garamond, Palatino, Baskerville, Georgia, Times New Roman, serif;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    user-select: text;
    /* width: 100%; */
  }
  .parchment {
    color: #210000;
    background-color: white;
  }
  .scriptnarrow {
    vertical-align: top;
    font-family: Garamond, Palatino, Baskerville, Georgia, Times New Roman, serif;
    font-size: 1.1em;
    width: 30%;
  }
  .delta {
    display: none;
  }
  .deltaShow {
    display: ; /* blank (for browser default) on purpose -instead of table-row or block- for FF vs IE compatibility */
    font-size: 1.1em;
    border: solid 1px black;
    font-family: Garamond, Palatino, Baskerville, Georgia, Times New Roman, serif;
    padding: 3px 3px 3px 3px;
    background-color: #DFDFDF;
    vertical-align: top;
   }
  .deltaShow2 {
    display: block;
   }
  .deltaShowFF {
    font-size: 1.1em;
    border: solid 1px black;
    padding: 3px 3px 3px 3px;
    background-color: #DFDFDF;
    vertical-align: top;
    display: inline;
  }
  .showit {
    display: block;
  }
  .hideit {
    display: none;
  }
  .ref {
    /* border-left: solid 1px black;
    padding: 3px 3px 3px 3px; */
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .dim {
    color:gray;
  }
    
/*
  Vertical Accordions
*/

.vertical_accordion_toggle {
  display: block;
  height: 30px;
  width: 600px;
  background: url(images/accordion_toggle.jpg) no-repeat top right #2D2D30;
  padding: 0 10px 0 10px;
  line-height: 30px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  outline: none;
  font-size: 1em;
  color: #000000;
  border-bottom: 1px solid #cde99f;
  cursor: cell;
  margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
  background: url(images/accordion_toggle_active.jpg) no-repeat top right #2D2D30;
  color: #ffffff;
  border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
  background-color: #ffffff;
  color: #444444;
  overflow: hidden;
}

.vertical_accordion_content h2 {
  margin: 15px 0 5px 0px;
  color: #0099FF;
}

.vertical_accordion_content p {
  line-height: 150%;
  padding: 5px 10px 15px 0px;
}
  
/*
  Horizontal Accordion
*/

.horizontal_accordion_toggle {
  float: left;  /* This make sure it stays horizontal */
  display: block;
  height: 350px;
  width: 30px;
  color: #ffffff;
  text-decoration: none;
  outline: none;
  border-right: 1px solid #2D2D30; /* light gray */
  cursor: cell;
  margin: 0 0 0 0;
  font-size: 1em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}

.SS {
  background: url(images/Search.gif) no-repeat top left #C2ECEF;
}

.ES {
  background: url(images/Essay.gif) no-repeat top left #C2ECEF;
}
.OT {
  background: url(images/OldTestament.gif) no-repeat top left #1A0C02;
}

.NT {
  background: url(images/NewTestament.gif) no-repeat top left #1A0C02;
}

.BM {
  background: url(images/BookOfMormon.gif) no-repeat top left #1A0C02;
}

.DC {
  background: url(images/DoctrineAndCovenants.gif) no-repeat top left #1A0C02;
}

.PP {
  background: url(images/PearlOfGreatPrice.gif) no-repeat top left #1A0C02;
}

.AP {
  background: url(images/ApocryphalWorks.gif) no-repeat top left #1A0C02;
}

h3 {
  background-color: #1A0C02;
}
#horizontal_container {
  margin: auto 10px auto 0px;
  width: 950px;  
  height: 350px;
  /* overflow: hidden;  */ 
}

.horizontal_accordion_toggle_active {
  border-right: 1px solid #2D2D30;
}

.horizontal_accordion_content {
  height: 230px;  /* We need to define a height for the accordion as it stretches the width */
  float: left;  /* This make sure it stays horizontal */
  overflow: hidden;
  padding: 5px 5px 5px 5px;
  background-color: black;  
  color: #EBFFB4; 
  font-size: 1em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  /* overflow: hidden; */ 
}
  
.horizontal_accordion_content p {
  width: 750px;
  line-height: 120%;
  padding: 5px 5px 5px 5px;
  font-size: 1em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  margin: auto 10px auto 10px;
  /* overflow: hidden;   */
}
      
.section {
  font-family: verdana, "arial narrow", "sans serif";
  font-style: italic;
  font-weight: bold;
  padding-left: 20px;
  line-height: 150%;
}

.SSs a:link {color: #EBFFB4;}
.SSs a:visited {color: #EBFFB4;}  
.SSs a:hover {color: #C2ECEF;}  
.SSs a:active {color: #EBFFB4;}  
.SSs a {text-decoration: none;}  
.SSs {color: #C2ECEF; font-size: 1em;}
.SSb {background-color: #C2ECEF;}
div.SSs {
  height: 1px;
/*  border-top: 1px solid #C2ECEF; */
  margin: 7px 5px 3px 5px;
  display: inline;
  width: 700px;
}
div.SSs hr {display: none;}

.ESs a:link {color: #EBFFB4;}
.ESs a:visited {color: #EBFFB4;}  
.ESs a:hover {color: #C2ECEF;}  
.ESs a:active {color: #EBFFB4;}  
.ESs a {text-decoration: none;}  
.ESs {color: #C2ECEF;font-size: 1em;}
.ESb {background-color: #C2ECEF;}
div.ESs {
  height: 1px;
  border-top: 1px solid #C2ECEF;
  margin: 7px 5px 3px 5px;
  display: inline;
  width: 700px;
}
div.ESs hr {
  display: none;
}

.OTs a:link {color: #EBFFB4;}
.OTs a:visited {color: #EBFFB4;}  
.OTs a:hover {color: #F5C493;}  
.OTs a:active {color: #EBFFB4;}  
.OTs a {text-decoration: none;}  
.OTs {color: #F5C493;font-size: 1em;}
.OTb {background-color: #F5C493;}

span.OTs {
  height: 1px;
  margin: 7px 5px 3px 5px;
  line-height: 110%;
  display: inline-block;
  width: 680px;
}
span.OTs hr {display: none;}

.NTs a:link {color: #EBFFB4;}
.NTs a:visited {color: #EBFFB4;}  
.NTs a:hover {color: #029929;}  
.NTs a:active {color: #EBFFB4;} 
.NTs a {text-decoration: none;}  
.NTs {color: #029929;font-size: 1em;}
.NTb {background-color: #029929;}

span.NTs {
  height: 1px;
  margin: 7px 5px 3px 5px;
  line-height: 110%;
  display: inline-block;
  width: 680px;
}
span.NTs hr {display: none;}

.BMs a:link {color: #EBFFB4;}
.BMs a:visited {color: #EBFFB4;}
.BMs a:hover {color: #76A5F3;}
.BMs a:active {color: #EBFFB4;}
.BMs a {text-decoration: none;}
.BMs {color: #76A5F3;font-size: 1em;}
.BMb {background-color: #76A5F3;}

span.BMs {
  height: 1px;
  margin: 7px 5px 3px 5px;
  line-height: 110%;
  display: inline-block;
  width: 680px;
}
span.BMs hr {display: none;}

.DCs a:link {color: #EBFFB4;}
.DCs a:visited {color: #EBFFB4;}
.DCs a:hover {color: #CC0000;}
.DCs a:active {color: #EBFFB4;}
.DCs a {text-decoration: none;}
.DCs {color: #CC0000;font-size: 1em;}
.DCb {background-color: #CC0000;}

span.DCs {
  height: 1px;
  margin: 7px 5px 3px 5px;
  line-height: 110%;
  display: inline-block;
  width: 680px;
}
span.DCs hr {display: none;}

.PPs a:link {color: #EBFFB4;}
.PPs a:visited {color: #EBFFB4;}  
.PPs a:hover {color: #F0F1F3;}  
.PPs a:active {color: #EBFFB4;}  
.PPs a {text-decoration: none;}  
.PPs {color: #F0F1F3;font-size: 1em;}
.PPb {background-color: #F0F1F3;}

span.PPs {
  height: 1px;
  margin: 7px 5px 3px 5px;
  line-height: 110%;
  display: inline-block;
  width: 680px;
}
span.PPs hr {display: none;}

.APs a:link {color: #EBFFB4;}
.APs a:visited {color: #EBFFB4;}  
.APs a:hover {color: #FE8F00;}  
.APs a:active {color: #EBFFB4;}  
.APs a {text-decoration: none;}  
.APs {color: #FE8F00;font-size: 1em;}
.APb {background-color: #FE8F00;}

span.APs {
  height: 1px;
  margin: 7px 5px 3px 5px;
  line-height: 110%;
  display: inline-block;
  width: 680px;
}
span.APs hr {display: none;}

td.ChapterPanel {
  width: 100%;
//  background-color: #424248;
  background-color: black;
  padding: 0 0 .2em .5em;
  margin: 0 0 0 0;
}

a.CloseButton:link {text-decoration: none; color: red;}
a.CloseButton:visited {text-decoration: none;  color: red;}
a.CloseButton:hover {text-decoration: none; color: yellow;}
a.CloseButton:active {text-decoration: none; color: yellow; }

.CloseButton {
  text-decoration: none;
  font-weight: normal;
  float: right;
  outline: none;
}

a.Adjust:link {text-decoration: none; color: LightYellow;}
a.Adjust:visited {text-decoration: none;  color: LightYellow;}
a.Adjust:hover {text-decoration: none; color: yellow;}
a.Adjust:active {text-decoration: none; color: yellow; }
a.Adjust {
  text-decoration: none;
  font-weight: bold;
  outline: none;
  border-width:0px;
  /* border-color: #424248; */
}
.Small {
  font-size: 1em;
}
.SmallTitle {
  font-size: .7em;
}
.Big {
  font-size: 1.2em;
}
.BigDelta {
  font-size: 1em;
  text-align: center;
}
.Box {
  border: thin solid red;
}
.Verses {
  font-weight: normal;
}
.commentlink {
 cursor: pointer;
}
.clear { /* generic container (i.e. div) for floating buttons */
  overflow: hidden;
  width: 100%;
}
.big {
  font-size: 1.1em;
  font-weight: bold;
}
textarea#searchfor {
  width: 400px;
  height: 65px;
  border: 6px solid #cccccc;
  padding: 5px;
  font-family: Arial Tahoma, sans-serif;
  background-color: #C2ECEF;
  overflow:auto;
  /* background-image: url(bg.gif);
  background-position: bottom right;
  background-repeat: no-repeat; */
}
/* Container styling */
/* #volume_book_title {
  text-align: center;
  width: 100%;
} */

#searchresults {
  display: block; 
  color: #C2ECEF;
  font-size: 1em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}