/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 80%;
    border-radius: 0.375rem;
  }
  
  /* The Close Button */
  .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

.mt2 {
    font-size: 133%;
    font-style: italic;
    text-align: center;
    margin-bottom: 2pt;
}

.mt1 {
  font-weight: bold;
  font-size: 166%;
  text-align: center;
  margin-bottom: 20pt;
  margin-top: 2pt;
}

.is {
  font-weight: bold;
  font-size: 116%;
  text-align: center;
  margin-bottom: 4pt;
  margin-top: 8pt;
}

.im {
  font-size: 100%;
  text-align: left;
}

.ip {
  text-indent: 0.125in;
  font-size: 100%;
  text-align: left;
}

.iot {
  font-weight: bold;
  font-size: 100%;
  text-align: center;
  margin-bottom: 4pt;
  margin-top: 8pt;
}

.iosection {
  margin-top: 10pt;
  margin-bottom: 20pt;
}

.io1 {
  font-size: 100%;
  text-align: left;
  margin-left: 0.500in;
}

.io2 {
  font-size: 100%;
  text-align: left;
  margin-left: 0.750in;
}

#STGEN1_1 {
  font-size: 150%;
}

#book-chapter {
  font-weight: bold;
}

.subtitle1, .refTitle {
  font-weight: bold;
  text-align: center;
  margin-bottom: 4pt;
  margin-top: 8pt;
}

.subtitle2 {
  font-style: italic;
  font-size: 100%;
  text-align: center;
  margin-bottom: 4pt;
  margin-top: 8pt;
}

.relatedsubtitle {
  font-size: 100%;
  font-style: italic;
  text-align: center;
  margin-bottom: 4pt;
}

.verse_q1 {
  /* text-indent: -1.000in; */
  font-size: 100%;
  text-align: left;
  margin-left: 20px;
}

.verse_q2 {
  /* text-indent: -0.750in; */
  font-size: 100%;
  text-align: left;
  /* margin-left: 1.250in; */
  margin-left: 40px;
}

.verse_q2_vno {
  /* text-indent: -0.750in; */
  font-size: 100%;
  text-align: left;
  /* margin-left: 1.250in; */
  margin-left: 40px;
  display: inline-block;
}

.verse_q3 {
  /* text-indent: -0.750in; */
  font-size: 100%;
  text-align: left;
  /* margin-left: 1.250in; */
  margin-left: 60px;
}

.verse_q4 {
  /* text-indent: -0.750in; */
  font-size: 100%;
  text-align: left;
  /* margin-left: 1.250in; */
  margin-left: 80px;
}

.versenumber, .versenumber_footer{
  background-color: #E8E8E8;
  margin: 0px 2px 0px 2px;
  padding: 0px 1px 0px 1px;
  text-indent: 0in;
  vertical-align: text-top;
  font-size: 0.66em;
  white-space: nowrap;
}

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

.verse_p {
  font-size: 100%;
  text-align: left;
  display: inline-block;
}

.footcaller{
  color: #0000CC;
  font-weight: bold;
  text-indent: 0pt;
  vertical-align: text-top;
  font-size: 0.7em;
}

.imgcaller {
  color: #CC0000;
  font-weight: bold;
  text-indent: 0pt;
  vertical-align: text-top;
  font-size: 0.8em;
}

.xcaller {
  color: #0FCC00;
  font-weight: bold;
  text-indent: 0pt;
  vertical-align: text-top;
  font-size: 0.8em;
}

.chapternumber {
  padding-left: 5px;
  padding-right: 10px;
  float: left;
  position: relative;
  top: -0.1em;
  margin-bottom: -0.5em;
  margin-left: -6px;
  margin-right: 2px;
  font-size: 42px;
}

.parentTitle {
  font-weight: bold;
  font-size: 116%;
  text-align: center;
  margin-bottom: 4pt;
  margin-top: 16pt;
}

.speaker {
  font-style: italic;
}

.signature {
  font-style: italic;
}

.d {
  font-style: italic;
  text-align: center;
}

.verse_qc {
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: center;
}

footer {
  font-size: 80%;
  text-align: left;
  margin-top: 100px;
}

a:link { text-decoration: none; }

table{border-collapse: collapse;border: 1px solid black; margin-top: 3px; margin-bottom: 3px;}
th{background: hsl(20, 50%, 70%);}
th, td{ border: 1px solid;padding: 5px;}

.brindent { text-indent: 0.125in; }

.mi { margin-left: 20px;}