/* Bible books 31, 57, 63, 64 with no chapter designations */
div.nochapter {margin: 18px 0;}

/* No Button Links */
div.show-hideL {float: left; margin-left: 20px;}
div.show-hideLB {float: left; margin-left: 0;}
div.show-hideR {float: right; margin-right: 20px; margin-top: 10px;}
div.show-hideToU {float: left; margin-left: 0;}
div.inlineB {display: inline-block; width: 100%;}
div.marg20-edB {margin-left: 20px;}
span.menuB {float: right; background-color: #7e7e99; color: #ffffff; cursor: pointer; padding: 5px 3px; border-radius: 5px; margin-right: 5px; border: 1px solid #70708f; font-size: .95em;}
span.menuB:hover {background-color: #ff0000; border: 1px solid #e60000;}
a.menuB:link, a.menu:visited, a.menu:active {background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
a.menuB:hover {background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
span.menuT {float: right; background-color: #ff0000; color: #ffffff; cursor: pointer; padding: 4px; border-radius: 5px; border: 1px solid #e60000; font-size: .80em;} /* NOTE: span.menuT:hover is listed under small and large devices (omitted in very small devices to help avoid problems with Safari/iPhone) */ 
div.scrolltopN {display: none;} 
div.scrolltopB {display: block; position: sticky; top: 89%; right: 10px; margin-bottom: 5px; cursor: pointer;}

/* Removes blue target highlight in Chrome et al. */
.noSelect {-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.noSelect:focus {outline: none !important;}

/* Print Only */
@media print {body {font-family: Arial, Verdana, Helvetica, sans-serif; width: 100%; background-color: #ffffff; margin-left: 0; margin-right: 0}}
@media print {body.np {display: none;}} /* no printing */
@media print {div.np {display: none;}}
@media print {div.floatL {display: none !important;}}
@media print {div.main-unhidden {display: none !important;}}
@media print {div.main-hidden {display: none !important;}}
@media print {div.print {display: block !important;}}
@media print {div.sig {margin-left: 80%; margin-top: -15px;}}
@media print {#logo-print-only {display: block !important;}}
@media print {div.titlespace {display: block !important;}}
@media print {#overflow {margin-top: 18px !important;}}
@media print {article p {font-family: Arial, Verdana, Helvetica, sans-serif;}}
@media print {input.general {display: none;}}
@media print {span.menuT {display: none !important;}}
@media print {p {page-break-inside: avoid;}} /* prevents line splits */
div.titlespace {display: none;}
/* Index Begin */
div.main-hidden {display: none;}
div.main-unhidden {display: block;}
div.print {display: none; text-align: center; margin: 50px auto 0 auto;}
span.main-print1 {font-family: Times New Roman, Times, serif; font-size: 7.5em; font-weight: bold; color: #000066; border: 0; padding: 0; outline: 0; vertical-align: top;}
span.main-print2 {font-family: Times New Roman, Times, serif; font-size: 6.5em; font-weight: bold; color: #000066; border: 0; padding: 0; outline: 0; vertical-align: middle;}
/* Index End */
#logo-print-only {display: none;}
div.logo-print {font-family: Arial, Verdana, Helvetica, sans-serif; color: #b8b8c7; /*#c6c6d2;*/ font-size: 87.5%; position: absolute; top: 30px; width: 94%; display: block;} /* 94% width creates 15mm margin on R and L */
div.logo-print2 {float: right; display: inline-block;}
.ss {font-family: Arial, Verdana, Helvetica, sans-serif;}
span.title:after {content: "Jes.us\00AE";}
span.site:after {content: "www.jes.us";}
/* End */

html {zoom: 100%;}

/* Very Small Device Begin max 500px */
@media only screen and (max-width: 500px) {
body {font-family: Arial, Verdana, Helvetica, sans-serif; width: 100%; font-size: 100%; margin: 0 auto; height: 100%;}
header.small {width: 100%; background-color: #4a4a5e; height: 70px; position: relative; display: block; margin-top: 0;}
header.verysmall {width: 100%; background-color: #4a4a5e; height: 10px; position: relative; display: block; margin-top: 0;}
div.logo-wrapper {margin: 0 0 0 5px; float: left; position: absolute; top: 30%; transform: translateY(-50%);}
div.search-adv {display: none;}
div.floatL {display: none;}
div.floatLcell {display: none;}
div.main2 {border-collapse: collapse; margin-right: 20px; margin-left: 20px;}
div.sig {text-align: right; padding: 3px; margin-top: -15px; margin-right: 20px;}
div.jcaplg {position: relative; top: 8px; display: inline; margin-right: -5px;}
div.esus {position: relative; top: 5px; display: inline;}
div.tradesm {position: relative; top: -5px; display: inline;}
span.jcapsm {font-family: Times New Roman, Times, serif; font-size: 3em; font-weight: bold; color: #ecf5fc;}
span.esussm {font-family: Times New Roman, Times, serif; color: #ecf5fc; font-weight:bold; font-size: 2.3em;}
span.periodsm {font-family: Times New Roman, Times, serif; color: #ff0000; font-weight: bold; font-size: 1.5em;}
span.tradesm {font-family: Times New Roman, Times, serif; color: #ecf5fc; font-weight: bold; font-size: .50em;}
nav.mainindex {width: 100%; float: right; height: 50px; position: relative; display: block;  background-color: #7e7e99; margin-top: 0;}
nav.index {width: 100%; float: right; height: 50px; position: relative; display: block;  background-color: #7e7e99; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 0;}
div.SH {position: relative; margin: 23px 0 0 6px;}
footer.small {background-color: #4a4a5e; padding: 5px; text-align: center; color: #ecf5fc; line-height: 80%; height: 65px; display: block; margin-bottom: 0;}
#device-hide {display: none;}
#device-show {display: block;}
#device-search {margin-right: 20px; margin-top: 0;}
span.indexmap {display: inline;} /* was display: none; */
div.mapL {width: 50%; vertical-align: top; float: left; margin-left: 20px;} 
div.mapR {vertical-align: top; float: right; margin-left: 0; margin-right: 20px;} 
div.helpinstructions {padding: 0 6px 10px 6px; background-color: #f0f0e1; border: 1px solid #7e7e99; display: inline-block; color: #5e5e66; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: auto; width: 320px; font-size: .85em; margin-top: -1px;} /* margin-top: -1px needed to remove gray-yellow gap in menu with Safari/iPhone */
div.helptext1a {display: block;}
div.helptext1b {display: none;}
div.helptext1c {display: block;}
div.helptext1d {display: none;}
input.zoom_searchbox {font-family: Arial, Verdana, Helvetica; width: 130px; border: 1px solid #9999ac; color: #000066; font-weight: bold; background-color: #f0f0e1; padding: 5px; border-radius: 5px; margin-bottom: 5px;} 
input.zoom_searchbox:focus {font-family: Arial, Verdana, Helvetica; width: 130px; border: 1px solid #7e7e99; color: #000066; background-color: #ffffff; padding: 5px; border-radius: 5px; margin-bottom: 5px;}
div.marg20-ed {margin-left: 0; vertical-align: top; position: relative; top: -10px;}
hr.width250 {width: 275px;}
span.hide {display: none;}
/* span.swapcirca:after {content: "ca.";} */ /* <span class="swapcirca"></span> */
}
/* Very Small Device End */

/* Small Device Begin min 501px max was 800px*/
@media only screen and (min-width: 501px) and (max-width: 800px) {
body {font-family: Arial, Verdana, Helvetica, sans-serif; width: 100%; font-size: 100%; margin: 0 auto; height: 100%; background: linear-gradient(to right, #434356 0%,#2d2d39 15%,#2d2d39 50%,#2d2d39 85%,#434356 100%);}
header.small {width: 100%; background-color: #4a4a5e; height: 70px; position: relative; display: block; margin-top: 0;}
header.verysmall {width: 100%; background-color: #4a4a5e; height: 10px; position: relative; display: block; margin-top: 0;}
div.logo-wrapper {margin: 0 0 0 5px; float: left; position: absolute; top: 30%; transform: translateY(-50%);}
div.search-adv {display: none;}
div.floatL {display: none;}
div.floatLcell {display: none;}
div.main2 {border-collapse: collapse; margin-right: 20px; margin-left: 20px;}
div.sig {text-align: right; padding: 3px; margin-top: -15px; margin-right: 20px;}
div.jcaplg {position: relative; top: 15px; display: inline; margin-right: -5px;}
div.esus {position: relative; top: 5px; display: inline;}
div.tradesm {position: relative; top: -5px; display: inline;}
span.jcapsm {font-family: Times New Roman, Times, serif; font-size: 3em; font-weight: bold; color: #ecf5fc;}
span.esussm {font-family: Times New Roman, Times, serif; color: #ecf5fc; font-weight:bold; font-size: 2.3em;}
span.periodsm {font-family: Times New Roman, Times, serif; color: #ff0000; font-weight: bold; font-size: 1.5em;}
span.tradesm {font-family: Times New Roman, Times, serif; color: #ecf5fc; font-weight: bold; font-size: .50em;}
nav.mainindex {width: 100%; float: right; height: 50px; position: relative; display: block;  background-color: #7e7e99; margin-top: 0;}
nav.index {width: 100%; float: right; height: 50px; position: relative; display: block;  background-color: #7e7e99; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 0;}
div.SH {position: relative; margin: 23px 0 0 6px;}
footer.small {background-color: #4a4a5e; padding: 5px; text-align: center; color: #ecf5fc; line-height: 80%; height: 65px; display: block; margin-bottom: 0;}
#device-hide {display: block;} /* changed from smallest @media */
#device-show {display: none;} /* changed from smallest @media */
#device-search {margin-right: 20px; margin-top: 0;}
span.indexmap {display: inline;} /* changed from smallest @media */
div.mapL {width: 40%; vertical-align: top; float: left; margin-left: 10%;} 
div.mapR {width: 40%; vertical-align: top; float: right; margin-left: 5%;}
button.menux:hover {border: 1px solid #434356; background-color: #4a4a5e;}
div.helpinstructions {padding: 0 6px 10px 6px; background-color: #f0f0e1; border: 1px solid #7e7e99; display: inline-block; color: #5e5e66; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: auto; width: 320px; font-size: .85em;}
div.helptext1a {display: block;}
div.helptext1b {display: none;}
div.helptext1c {display: block;}
div.helptext1d {display: none;}
input.zoom_searchbox {font-family: Arial, Verdana, Helvetica; width: 130px; border: 1px solid #9999ac; color: #000066; font-weight: bold; background-color: #f0f0e1; padding: 5px; border-radius: 5px; margin-bottom: 5px;} 
input.zoom_searchbox:focus {font-family: Arial, Verdana, Helvetica; width: 130px; border: 1px solid #7e7e99; color: #000066; background-color: #ffffff; padding: 5px; border-radius: 5px; margin-bottom: 5px;}
div.marg20-ed {margin-left: 0; vertical-align: top; position: relative; top: -10px;}
hr.width250 {width: 250px;}
span.menuT:hover {background-color: #7e7e99; border: 1px solid #70708f;}
/* span.swapcirca:after {content: "circa";} */
}
/* Small Device End */

/* Large Device Begin min was 801px */
@media only screen and (min-width: 801px) {
body {font-family: Arial, Verdana, Helvetica, sans-serif; width: 70%; font-size: 100%; margin: 0 auto; height: 100%; background: linear-gradient(to right, #434356 0%,#2d2d39 15%,#2d2d39 50%,#2d2d39 85%,#434356 100%);}
header.small {width: 100%; background-color: #4a4a5e; height: 80px; position: relative; display: block; margin-top: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
header.verysmall {width: 100%; background-color: #4a4a5e; height: 20px; position: relative; display: block; margin-top: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
div.logo-wrapper {margin: 0 0 0 5px; float: left; position: absolute; top: 40%; transform: translateY(-50%);}
div.search-adv {position: relative; top: 0; display: inline; margin-right: 20px;}
div.floatL {position: relative; top: -10px; float: left;}
div.floatLcell {display: none;}
div.main2 {border-collapse: collapse; margin-right: 50px; margin-left: 50px;}
div.sig {text-align: right; padding: 3px; margin-top: -15px; margin-right: 50px;}
div.jcaplg {position: relative; top: 15px; display: inline; margin-right: -5px;}
div.esus {position: relative; top: 0; display: inline;}
div.tradesm {position: relative; top: -15px; display: inline;}
span.jcapsm {font-family: Times New Roman, Times, serif; font-size: 4em; font-weight: bold; color: #ecf5fc;}
span.esussm {font-family: Times New Roman, Times, serif; color: #ecf5fc; font-weight:bold; font-size: 3em;}
span.periodsm {font-family: Times New Roman, Times, serif; color: #ff0000; font-weight: bold; font-size: 2em;}
span.tradesm {font-family: Times New Roman, Times, serif; color: #ecf5fc; font-weight: bold; font-size: .70em;}
nav.mainindex {width: 100%; float: right; height: 50px; position: relative; display: block;  background-color: #7e7e99; margin-top: 0;}
nav.index {width: 100%; float: right; height: 50px; position: relative; display: block;  background-color: #7e7e99; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 20px;}
div.SH {position: relative; margin: -102px 0 0 -150px;}
footer.small {background-color: #4a4a5e; padding: 5px; text-align: center; color: #ecf5fc; line-height: 80%; height: 65px; display: block; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 20px;}
#device-hide {display: block;}
#device-show {display: none;}
#device-search {margin: 0;}
span.indexmap {display: inline;}
div.mapL {width: 40%; vertical-align: top; float: left; margin-left: 10%;} 
div.mapR {width: 40%; vertical-align: top; float: right; margin-left: 5%;}
button.menux:hover {border: 1px solid #434356; background-color: #4a4a5e;}
div.helpinstructions {padding: 0 12px 10px 6px; background-color: #f0f0e1; border: 1px solid #7e7e99; display: inline-block; color: #5e5e66; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: auto; width: 510px; font-size: .85em;}
div.helptext1a {display: none;}
div.helptext1b {display: block;}
div.helptext1c {display: none;}
div.helptext1d {display: block;}
input.zoom_searchbox {font-family: Arial, Verdana, Helvetica; width: 200px; border: 1px solid #9999ac; color: #000066; font-weight: bold; background-color: #f0f0e1; padding: 5px; border-radius: 5px; margin-bottom: 5px;} 
input.zoom_searchbox:focus {font-family: Arial, Verdana, Helvetica; width: 200px; border: 1px solid #7e7e99; color: #000066; background-color: #ffffff; padding: 5px; border-radius: 5px; margin-bottom: 5px;}
div.marg20-ed {margin-left: 20px; vertical-align: top; position: relative; top: -10px;}
#Menu-Cell {display: none;}
hr.width250 {width: 250px;}
span.menuT:hover {background-color: #7e7e99; border: 1px solid #70708f;}
/* span.swapcirca:after {content: "circa";} */
}
/* Large Device End */

@media print {body {width: 100%; background-color: #ffffff;}} /* "@media print" is used for printing sections */
p {font-size: 1em}
* {box-sizing: border-box;}
i {font-style: italic;}
table {font-family: Arial, Verdana, Helvetica, sans-serif; color: #333333;}
div.padB {padding-bottom: 15px;} /* adds space at bottom of some pages; not needed with article.scroll */
div.padB2 {padding-bottom: 30px;}
div.padBS {padding-bottom: 20px;} /* adds linespace to bottom of search results on search_template.html: <!--ZOOMSEARCH--> [line break] <div class="padBS"></div>; could use <br> */
.height {height: 100vh}
div.contact {display: none; text-align: center; margin-left: auto; margin-right: auto;}
#toggleMail {background:url(_images/inf.png) no-repeat; width: 274px; height: 58px;}

/* Small Logo */
@media print {header.small {display: none;}}
article.scroll {height: auto; padding: 6px 20px 10px 20px;}
div.jcapsm {position: relative; top: 10px; display: inline; margin-left: 15px;}
div.search-wrapper-small {margin: 0; float: right; position: relative; top: 30px;}
@media print {footer.small {display: none;}}
div.copyrightsm {position: relative; top: -35px; margin-right: auto; margin-left: auto; width: 310px;}
/* End Small Logo

/* Large Logo for Home Page */
article.normal {height: auto; overflow: auto; padding: 20px 20px 0 20px;} /* "Important! overflow: auto;" is needed to allow div to expand to fit content; NOTE: this can be a div under <article> */
/* Scroll TEST BEGIN */
article.index {height: auto; padding: 20px 20px 0 20px;} /* used to add TOP function */
div.index {margin-top: 50px;} /* adjusts top of large logo spacing */
/* Scroll TEST END */
div.esuslg {position: relative; display: inline;}
div.tradelg {position: relative; top: -30px; display: inline;}
span.jcaplg {font-family: Times New Roman, Times, serif; font-size: 7em; font-weight: bold; color: #000066;}
span.esuslg {font-family: Times New Roman, Times, serif; color: #000066; font-weight:bold; font-size: 5.5em;}
span.periodlg {font-family: Times New Roman, Times, serif; color: #ff0000; font-weight: bold; font-size: 4em;}
span.tradelg {font-family: Times New Roman, Times, serif; color: #000066; font-weight: bold; font-size: 1.125em;}
.shadow {text-shadow: 2px 2px 4px #7e7e99;}
/* End Large Logo

/* Index */
span.main1 {color:#000066; font-family: Arial, Verdana, Helvetica, sans-serif;}
div.main1 {position: relative; margin-bottom: 20px;}
div.linesT {text-align: center; margin: auto; width: 250px; height: 1px; border-radius: 10px; background-color: #d4d4dd;}
div.lineB {margin-top: 50px; text-align: center; margin: auto; width: 150px; height: 1px; border-radius: 10px; background-color: #d4d4dd;}
span.gray {color: #7e7e99; font-size: .875em;}
span.fontgray {font-size: .875em;}
/* End Index */

/* Navigation with Show/Hide Menu */
nav {width: 100%; float: right; height: 40px; position: relative; display: block;  background-color: #7e7e99;}
@media print {nav {display: none;}}
@media print {nav.index {display: none;}}
.vertical-center {width: 100%; margin: 0; position: absolute; top: 50%; transform: translateY(-50%);}
nav ul {list-style-type: none; padding: 0;} 

div.menu {font-size: .95em; text-align: center; position: relative; top: 22px; background-color: #7e7e99; padding: 4px 0 4px 0; border: 0; color: #ffffff; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px;}
div.close {position: relative; top: -2px; right: 0; float: right; margin-top: 0; margin-right: 5px;}
span.close {padding: 0 2px 0 2px;}

span.menu {float: right; background-color: #ff0000; color: #ffffff; cursor: pointer; padding: 5px 3px; border-radius: 5px; font-size: .80em; margin-right: 5px; border: 1px solid #e60000;}
span.menu:hover {background-color: #4a4a5e; border: 1px solid #434356;}

button.menux {color: #ffffff; font-weight:bold; border: 1px solid #e60000; background-color: #ff0000; font-size: .75em; vertical-align: baseline; padding: 1px;}
/* Removed hover code below to improve functionality with Safari/iPhone: */
/* button.menux:hover {border: 1px solid #434356; background-color: #4a4a5e;} */

div.menulist {width: 146px; padding: 6px 0 6px 0; font-weight: normal; font-size: .95em; color:#505050; background-color: #ecf5fc; border-left: 1px solid #7e7e99; border-right: 1px solid #7e7e99;}
div.menulistB {width: 146px; padding: 6px 0 6px 0; font-weight: normal; font-size: .95em; color:#505050; background-color: #ecf5fc; border-left: 1px solid #7e7e99; border-bottom: 1px solid #7e7e99; border-right: 1px solid #7e7e99; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: -1px;}
ul.menu-ul {padding: 0; list-style-type: none; margin-top: 5px; margin-bottom: 0; text-align: right; font-size: .90em;}
li.pad5 {padding-bottom: 5px; font-weight: bold;}
li.pad5t {padding-top: 5px; font-weight: bold;}
li.pad10 {padding: 5px 0 10px 0;}
li.pad10b {padding-bottom: 10px;}
li.pad5n {font-weight: bold;}
li.bold {font-weight: bold;}

/* "overflow" below needs !important; to work in stylesheet */
/* "auto" does not add horizontal scroll like "scroll" does */ 
#overflow {margin-top: 60px; padding: 0; width: 100%; height: 100%; /*400px;*/ border: 0; overflow-y: auto !important;} /* Change height from 400px to 100% in #overflow to remove scroll bars in Bible and Glossary */

/* Shade derivatives basded on #7e7e99; nav color */
::-webkit-scrollbar {width: 15px;}
::-webkit-scrollbar-track {background: #e2e2e9;}
::-webkit-scrollbar-thumb {background-color: #c6c6d2;}
/* ::-webkit-scrollbar-thumb:hover {background-color: #7e7e99;} */
/* ::-webkit-scrollbar-button {background: #7e7e99; height: 2px;} */

#overflow-none {margin-top: 66px; padding: 0; width: 100%; height: 100%; border: 0;}
/* If margin-top in #overflow-none is changed, need to also change margin-top of #overflow-testing */
#overflow-testing {margin-top: 30px; padding: 0; width: 100%; height: 100%; border: 0;}

#overflow-menu {margin-top: 0; padding-right: 8px; height: 450px; cursor: pointer; overflow-y: auto !important;}
#overflow-bible {margin-top: 0; padding-right: 8px; height: 80px; cursor: pointer; overflow-y: auto !important;}
#overflow-resources {margin-top: 0; padding-right: 8px; height: 400px; cursor: pointer; overflow-y: auto !important;}
/* #overflow-help {margin-top: 0; padding-right: 8px; height: 300px; cursor: pointer; overflow-y: auto !important;} */

div.show-hide {float: left; margin-left: 15px;}
div.main-menu {float: right; margin-right: 15px;}
#statdivSH {position: absolute; z-index: 1;}
input.menu {color: #4a4a5e; border: 1px solid #70708f; background-color: #f0f0e1; font-size: .80em; font-weight: normal; padding: 5px; border-radius: 10px;} 
input.menu:hover {color: #000066; background-color: #ecf5fc; cursor: pointer; border: 1px solid #656580; font-size: .80em; font-weight: normal; padding: 5px; border-radius: 10px;}

input.menuS {color: #ffffff; border: 1px solid #70708f; background-color: #7e7e99; cursor: pointer;  font-size: .80em; font-weight: normal; padding: 5px 6px; border-radius: 5px; -webkit-appearance: none !important;}
input.menuS:hover {color: #ffffff; background-color: #ff0000; border: 1px solid #e60000; font-size: .80em; font-weight: normal; padding: 5px 6px; border-radius: 5px; -webkit-appearance: none !important;} 

input.navbar {float: left; color: #ffffff; border: 1px solid #e60000; background-color: #ff0000; cursor: pointer; font-size: .80em; font-weight: normal; padding: 5px 6px; border-radius: 5px; margin-right: 5px;}
input.navbar:hover {background-color: #4a4a5e; border: 1px solid #434356;}

/* LINKS Begin */
/* Not Specified */
a:link, a:visited {color: #000066; background-color: transparent; text-decoration: none; border-bottom: 1px solid #c6c6d2; padding: 0; outline: 0;}
a:hover {color: #000033; background-color: #ecf5fc; text-decoration: none; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #ff0000; padding: 0; outline: 0;}
a:active {color: #000066; background-color: transparent; text-decoration: none; border-bottom: 1px solid #c6c6d2; padding: 0; outline: 0;}

/* Search Results */
.result_title a:link, a:visited {font-weight: bold; color: #000066; background-color: transparent; text-decoration: none; border-bottom: 1px solid #c6c6d2; padding: 0; outline: 0;}	
.result_title a:hover {font-weight: bold; color: #000033; background-color: #ecf5fc; text-decoration: none; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #ff0000; padding: 0; outline: 0;}
.result_title a:active {font-weight: bold; color: #000033; background-color: transparent; text-decoration: none; border-bottom: 1px solid #c6c6d2; padding: 0; outline: 0;}

/* Search Multiple-Page Results at Bottom */
.result_pages a:link, a:visited {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
.result_pages a:hover {color: #ff0000; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
.result_pages a:active {color: #7e7e99; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}

/* Search OT and NT Results */
.cat_summary a:link, a:visited {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
.cat_summary a:hover, a:active {color: #7e7e99; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}

/* Index Map */
.mapL a:link, a:visited {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
.mapL a:hover, a:active {color: #000033; background-color: #ecf5fc; text-decoration: none; border: 0; padding: 0; outline: 0; border-right: 0 solid #ff0000; padding-right: 0; border-top: 0 solid #ff0000; border-bottom: 1px solid #ff0000;}
.mapR a:link, a:visited {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
.mapR a:hover, a:active {color: #000033; background-color: #ecf5fc; text-decoration: none; border: 0; padding: 0; outline: 0; border-right: 0 solid #ff0000; padding-right: 0; border-top: 0 solid #ff0000; border-bottom: 1px solid #ff0000;}

a.menu2:link, a.menu2:visited, a.menu2:active  {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0; margin-left: 5px;}
a.menu2:hover  {color: #ff0000; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0; margin-left: 5px;}

span.test1 {color: #9999ac; font-weight: bold; border: 0; background-color: transparent; font-size: .95em; vertical-align: 10%;}
a:hover span.test1 {color: #ff0000; font-weight: bold; border: 0; background-color: transparent; font-size: .95em; vertical-align: 10%;}

span.test2 {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
a:hover span.test2 {color: #000033; background-color: #ecf5fc; text-decoration: none; border-bottom: 1px solid #ff0000; padding: 0; outline: 0;}

/* Link to Bible Index Button */
a.switch:link, a.switch:visited {color: #000066; background-color: transparent; text-decoration: none; border: 0; outline: 0;}
a.switch:hover {color: #ff0000; background-color: transparent; text-decoration: none; border: 0; outline: 0;}
a.switch:active {color: #ff0000; border: 0; outline: 0;}

/* Bible Index */
/* Change styles for heading and book links separatively: */
ul.menu-ul a:link, a:visited {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding-left: 0; outline: 0;}
ul.menu-ul a.bible:hover {color: #000066; background-color: transparent; text-decoration: none; border-left: 0 solid #ff0000; padding-left: 0; border-top: 0 solid #ff0000; border-bottom: 0 solid #ff0000; outline: 0;}
ul.menu-ul a:hover {color: #000033; background-color: #ffffff; text-decoration: none; border-left: 5px solid #ff0000; padding-left: 3px; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; outline: 0;}
ul.menu-ul a:active {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding-left: 0; outline: 0;}
/* Could combine into one link style if desired styling was the same, for example: */
/* ul.menu-ul a:hover a.bible:hover {color: #7e7e99; background-color: transparent; text-decoration: none;} */

/* Holy Bible */
a.bibleindex:link, a.bibleindex:visited {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
a.bibleindex:hover, a.bibleindex:active {color: #7e7e99; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}

/* Book Index */
ul.menu-ulR a:link, a:visited {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
ul.menu-ulR a:hover, a:active {color: #7e7e99; background-color: transparent; /*#ecf5fc; #f0f0e1;*/ text-decoration: none; border: 0; padding: 0; outline: 0;}

/* Main Menu */
a.menu:link, a.menu:visited, a.menu:active {color: #000066; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
a.menu:hover {color: #7e7e99; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}

/* Footer */
a.footer:link, a.footer:visited {color: #c6c6d2; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
a.footer:hover, a.footer:active {color: #ffffff; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}

/* Search */
a.search-adv:link, a.search-adv:visited {color: #7e7e99; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
a.search-adv:hover, a.search-adv:active {color: #ffffff; background-color: transparent; text-decoration: none; border: 0; padding: 0; outline: 0;}
/* LINKS End */

#statdivT {position: fixed; height: 30px; top: 20px; left: 20px; width: auto; text-align: left; z-index: 1;} /* for counter boxes on tests 6 and 7 */

.hidden {display: none;}
.unhidden {display: block;}

#drag1 {cursor: move;} /* Menu */
#drag2 {cursor: move;} /* Bible */
#drag3 {cursor: move;} /* Books */
#drag4 {cursor: move;} /* Search */
#drag5 {cursor: move;} /* CVI */

/* Menu for Small Device Begin */
div.SH-M-index {position: relative; top: 33px; left: -146px; float: right;} 
div.SH-M {position: relative; top: 23px; left: -146px; float: right;}
#statdiv-M {position: absolute; z-index: 1;}
div.menuM {font-size: .95em; text-align: center; position: relative; top: 22px; background-color: #7e7e99; padding: 4px 0 4px 0; border: 0 solid #7e7e99; color: #ffffff; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px;}
div.menuM1 {padding: 0 6px 6px 6px; background-color: #f0f0e1; border: 1px solid #7e7e99; display: inline-block; color:  #000066; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: auto; width: 140px; font-size: .90em; margin-top: -1px;} /* margin-top: -1px needed to remove gray-yellow gap in menu with Safari/iPhone */
div.menuM2 {position: relative; top: 10px;} 
ul.menuM {list-style-type: none; margin-left: 10px; margin-top: 0;}
input.navbarM {float: left; color: #ffffff; border: 1px solid #e60000; background-color: #ff0000; cursor: pointer; font-size: .80em; font-weight: normal; padding: 3.5px; border-radius: 5px; margin-left: 5px;}
input.navbarM:hover {background-color: #4a4a5e; border: 1px solid #434356;}
div.middle {margin-top: 3px;} /* vertically centers the three-bar icon in navigation bar in selected situations */
/* Three Line Menu Icon Begin */
.containerI {display: block; width: 20px; height: 20px; margin-right: 5px; background-color: transparent; cursor: pointer;}
.threelinesI {background-color: #4a4a5e; width: 20px; height: 4px; margin: 0 auto;}
.threelinesT {background-color: transparent; width: 20px; height: 4px; margin: 0 auto;}
/* span.icon {font-size: .875em;} */ /* Apparently NOT USED, probably DELETE */
/* Hover code below may affect functionality with Safari/iPhone: */
.containerI:hover .threelinesI {background-color: #ffffff;}
/* Three Line Menu Icon End */
/* Menu for Small Device End */

/* CSS Menu Begin */
/* <select class="always_visible" disabled><option>Bible Index</option></select> [has down arrow]
<div class="always_visible">Bible Index</div> [no down arrow] */
.drop_container {position: relative; float: left;}
.always_visible {float: left; background-color: #ff0000; color: #ffffff; cursor: pointer; padding: 5px; border-radius: 5px; font-size: .8em; margin-left: 20px; border: 1px solid #e60000;}
.always_visible:hover {background-color: #4a4a5e; border: 1px solid #434356;}
.always_visible:hover + .hidden_container {display: block; position: absolute; color: #505050; font-size: .75em;}
.hidden_container {margin-top: 25px; display: none; color: #505050; background-color: #ffffff; border: 1px solid #7e7e99; padding: 5px; z-index: 1; width: 125px; font-size: .75em; height: 300px; overflow: auto; border-radius: 5px;}
.hidden_container:hover {display: block; position: absolute;}
.hidden_container a:hover {color: white; background-color: #4a4a5e;}
.hidden_container a:link {margin-left: 5px;}
a.hbtop:link {margin-left: 18px;}
a.hbotnt:link {margin-left: 0;}
/* CSS Menu End */
/* Navigation with Show/Hide Menu End */

/* Content */
article {padding: 20px; width: 100%; font-size: .875em; background-color: #ffffff; border-left: 0 solid #7e7e99; border-right: 0 solid #7e7e99;}
@media print {article {border-left: 0; border-right: 0;}}
span.verse {font-weight: bold; margin-right: 7px; color: #000066;} /*#a2a2a9; #7a7a85; */
span.commentA {margin-left: 0; font-size: .85em;}
span.commentB {margin: -5px 20px 0 20px; font-size: .85em; display: block;} /* display and margin-top closes vertical linespace; original:  margin-left: 0; font-size: .85em; display: block; margin-top: -5px; */
p.padT {padding-top: 10px;}
span.edit {font-style: italic;}

p.chapter {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; color: #000066; text-align: center;}

span.dropcap {float: left; font-size: 3em; padding-right: 3px; margin-top: -0.25em; margin-bottom: -0.2em; color: #000066; font-family: Times New Roman, Times, serif; font-weight: bold;} /* for font-size of 4em need margin-top: -0.35em; margin-bottom: -0.2em; */
/* NOT USED: p.clear {clear: both;}*/ /* Use for second sentence after dropcap to clear float */
/* Content End */

/* Footer */
@media print {footer {display: none;}}
span.footer2 {color: #c6c6d2; font-size: .75em;}
span.footerred {color: #ff0000; font-size: 1em; font-weight: bold;}
span.footerreg {color: #ecf5fc;; font-size: .80em; vertical-align: super; font-weight: bold;}
div.arrow {float: right; padding-right: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; width: 50%; text-align: right; vertical-align: middle; height: 20px;}
div.copyright {position: relative; top: -20px; margin-right: auto; margin-left: auto;}

#scrollbutton:link {background-color: transparent; border: 0; z-index: 1;}
#scrollbutton:visited {background-color: transparent; border: 0; z-index: 1;}
#scrollbutton:hover {background-color: transparent; border: 0; z-index: 1;}
#scrollbutton:active {background-color: transparent; border: 0; z-index: 1;}

/* Education */
span.educ1 {color: #ff0000; font-weight:bold; border: 1px solid #7e7e99; background-color: #ffffff; font-size: .95em; vertical-align: baseline; padding: 2px;}
span.pad-ed {padding-top: 10px;}
div.pad20-ed {padding-left: 20px;}
div.inline {display: inline;}
div.large-ed {width: 85%; float: left; vertical-align: top;}
div.small-ed {width: 15%; float: right; padding-left: 20px; vertical-align: top; margin-top: -5px;}
div.regform {display: block; margin-left: 20px;}
div.regblock {display: block;}
ol.ed {font-size: 1em;}

input.general {color: #ffffff; border: 1px solid #70708f; background-color: #7e7e99; cursor: pointer;  font-size: 1em; font-weight: normal; padding: 4px; border-radius: 5px;}
input.general:hover {color: #ffffff; background-color: #ff0000; border: 1px solid #e60000; font-size: 1em; font-weight: normal; padding: 4px; border-radius: 5px;} 

span.testT2 {color: #bbbbbb; font-weight:bold; border: 0; background-color: transparent; font-size: 1.2em; padding-left: 0;}
/* Education End */

/* Education Tests */
div.scores {display: inline; text-align: center; width: 375px; border: 1px solid #d4d4dd; padding: 7px 10px 7px 5px; font-size: 1em;}
div.timer {border: 3px solid #7e7e99; border-radius: 10px; background-color: #f0f0e1; vertical-align: middle; padding: 6px; font-size: .95em;}
input.timer {text-align: center; border: 1px solid #7e7e99; color: #000066;}
img.scores {vertical-align: -5%;}
table.center {margin-right: auto; margin-left: auto;}
/* Education Tests End */

/* Glossary */
div.wrapper-table {display: table; width: 100%; border: 0; background-color: #ffffff; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; color: #505050; font-size: .8em; /*was .875em*/}
div.wrapper-row {display: table-row; width: 100%;}
div.cellLH {display: table-cell; width: 15%; font-weight: bold; color: #000066;}
div.cellMH {display: table-cell; width: 50%; font-weight: bold; color: #000066;}
div.cellRH {display: table-cell; width: 35%; font-weight: bold; color: #000066;}
div.cellL {display: table-cell; width: 15%;}
div.cellM {display: table-cell; width: 50%;}
div.cellR {display: table-cell; width: 35%;}
/* Glossary End */

/* Resources and Books */
#statdivR {position: absolute; z-index: 1;}
div.menuR {font-size: .95em; text-align: center; position: relative; top: 22px; background-color: #7e7e99; padding: 4px 0 4px 0; border: 0 solid #7e7e99; color: #ecf5fc; font-weight: bold; border-top-left-radius: 10px;  border-top-right-radius: 10px;}
span.menuR {float: right; border: 0; outline: 0; background-color: #ff0000; color: #ffffff; cursor: pointer; padding: 5px; border-radius: 10px; font-size: .80em; margin-right: 5px;}
span.menuR:hover {background-color: #4a4a5e;}  

div.booklist {margin-left: 20px;}
ul.menu-ulR {padding: 0; list-style-type: none; margin-top: 0; margin-bottom: 0; text-align: left; font-size: .95em;}
li.pad5tbtop {padding: 0 0 5px 0; font-weight: bold; color: #000066;}
li.pad5tb {padding: 12px 0 5px 0; font-weight: bold; color: #000066;}

input.menu-r {color: #303030; border: 1px solid #bbbbbb; background-color: #cccccc; font-size: .95em; font-weight: normal; padding: 4px;} 
input.menu-r:hover {color: #ffffff; background-color: #7e7e99; cursor: pointer; border: 1px solid #4a4a5e; font-size: .95em; font-weight: normal; padding: 4px;}
#booksiframe {border: 5px solid #9999ac; z-index: -2;} /* cannot use "class" to style iframe, only "id" */
body.boxr {background: linear-gradient(to right, #fffce6 0%, #fffce6 100%);}
div.boxr {text-align: center; margin-top: 25px;}
span.boxr {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; text-align: center; color: #cccca4; border: 1px solid #cccca4; padding: 1px;}
/* Resources and Books End */

/* Search */
div.instructions2 {position: relative; top: 10px;}
span.marginS {padding-left: 20px;}
span.search-adv {font-variant: small-caps; font-size: .625em;}
span.searchwhite {color: #000066; font-weight:bold; border: 1px solid #7e7e99; background-color: #ffffff; font-size: .95em; padding: 4px; vertical-align: baseline; border-radius: 10px;}
a:hover span.searchwhite {color: #000066; font-weight:bold; border: 1px solid #7e7e99; background-color: #ffff99; font-size: .95em; padding: 4px; vertical-align: baseline; border-radius: 10px;}
span.testS {color: #7e7e99; font-weight:bold; border: 0; background-color: transparent; font-size: .80em; vertical-align: 20%; padding-left: 20px;}

/* Help for Search Begin*/
#statdiv-help {position: absolute; height: 30px; top: 0; left: 25px; width: auto; text-align: left; z-index: 1;}
div.SH-help {position: relative; margin: 22px 0 0 -20px;}
div.menu-help {font-size: .95em; text-align: center; position: relative; top: 22px; background-color: #7e7e99; padding: 4px 0 4px 0; border: 0 solid #7e7e99; color: #ecf5fc; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px;}
div.helpinstructions2 {position: relative; top: 10px;}
ul.search {list-style-type: none; margin-left: 10px; margin-top: 0;}
li.leftS {margin-left: 30px;}
li.tbS {padding: 5px 0 5px 0;}
li.tbSB {padding: 5px 0 0 0;}
span.indent30 {margin-left: 30px;}
/* Help for Search End */
/* Search End */

/* Index Map */
div.mapcontainerT {display: block; overflow: hidden;}
div.mapcontainerB {display: block; overflow: hidden; margin-top: -5px;}
span.mapwhite {color: #000066; font-weight:bold; border: 1px solid #7e7e99; background-color: #ffffff; font-size: 1em; padding: 4px; vertical-align: baseline; border-radius: 5px;}
a:hover span.mapwhite {color: #000066; font-weight:bold; border: 1px solid #7e7e99; background-color: #ecf5fc; font-size: 1em; padding: 4px; vertical-align: baseline; border-radius: 5px;}
/* Index Map End */

/* Terms of Use */
span.testT {color: #7e7e99; font-weight:bold; border: 0; background-color: transparent; font-size: 1.2em; padding-left: 0;}
span.general {color: #ffffff; border: 1px solid #70708f; background-color: #7e7e99; cursor: pointer;  font-size: 1em; font-weight: normal; padding: 4px; border-radius: 5px;}
span.general:hover {color: #ffffff; background-color: #ff0000; border: 1px solid #e60000; font-size: 1em; font-weight: normal; padding: 4px; border-radius: 5px;}
/* Terms of Use End */

/* General */
span.blue {color: #000066;}
span.blueb {color: #000066; font-weight: bold;}
span.blueb1 {color: #000066; font-weight:normal; font-size: .95em;}
span.blueb2 {color: #000066; font-weight:bold; font-size: 1.05em;}
span.blueb3 {color: #000066; font-weight:bold; font-size: 1.1em;}
span.blueb4 {color: #000066; font-weight:bold; font-size: 1.1em;} /* for test results % */

span.blue2 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1em;}
span.blue2a {font-family: Times New Roman, Times, serif; color: #000066; font-size: 1.1em;}
span.blue2aa {font-family: Times New Roman, Times, serif; color: #000066; font-size: 1.3em;}
span.blue2b {font-family: Times New Roman, Times, serif; color: #000066; font-weight:bold; font-size: 1.5em;}
span.blue4b {font-family: Times New Roman, Times, serif; color: #000066; font-weight:bold; font-size: 5em;}
span.blue5b {font-family: Times New Roman, Times, serif; color: #000066; font-weight:bold; font-size: 3.8em;} 

span.words {font-family: Arial, Verdana, Helvetica, sans-serif; color: #ff0000;}
span.red {font-family: Arial, Verdana, Helvetica, sans-serif; color: #ff0000;}
span.green {font-family: Arial, Verdana, Helvetica, sans-serif; color: #00aa00;}
span.red3b {font-family: Arial, Verdana, Helvetica, sans-serif; color: #ff0000; font-weight:bold; font-size: .75em;}
span.red4b {font-family: Times New Roman, Times, serif; color: #ff0000; font-weight:bold; font-size: 3em;}
span.redb {color: #ff0000; font-weight:bold;}
span.whiteb {color: #ffffff; font-size: .80em; font-weight: bold;}

/* Alternate Code to insert copyright year with this code: <span class="us2"><span class="copyrightyear">Copyright &copy; 2003-</span>&nbsp;by the Developer</span> and the following: */
.copyrightyear:after {content: "2020";}

div.divcenter {text-align: center; margin-left: auto; margin-right: auto;}

p.center {text-align: center;}

hr.line {display: block; border: 0; border-top: 8px solid #f1f1f4; height: 0; padding: 0; margin-left: auto; margin-right: auto; text-align: center; border-radius: 5px;}
hr.lineOTNT {display: block; border: 0; border-top: 3px solid #f1f1f4; height: 0; padding: 0; margin-left: auto; margin-right: auto; text-align: center; border-radius: 5px;}
/* for hr 100% of article width: ADD to hr css: margin: -20px; position: absolute; width: 70%; ADD to article css: position: relative; more adjustments may be needed */
hr.width150 {width: 150px;}
hr.linetestsT {display: block; border: 0; border-top: 8px solid #f1f1f4; height: 0; padding: 0; margin-left: auto; margin-right: auto; text-align: center; border-radius: 5px;} /* used in test results page */
hr.linetests {display: block; border: 0; border-top: 1px solid #f1f1f4; height: 0; padding: 0; margin-left: auto; margin-right: auto; text-align: center;} /* used between answers in test results page */
hr.line25 {display: block; border: 0; border-top: 3px solid #f1f1f4; height: 0; padding: 0; width: 25%; margin-right: auto; margin-left: 0; text-align: left; margin-bottom: -5px;} /* used with reference in test page */
hr.left {margin-right: auto; margin-left: 0; text-align: left;}
/* alternate with div: <p><div class="linesT">&nbsp;</div></p> */

img.mid {vertical-align: middle;} 

/*h1,h2,h3,h4,h5,h6 {font-size:100%;}*/
h1 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1.7em; font-weight: bold; text-align: center;}
h2 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1.6em; /*1.3 1.2*/ font-weight: bold; text-align:center;}
h2.large {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1.7em; font-weight: bold; text-align:center;} /* Used instead of h1 to center "h1" equivalent title text in genesis.htm and matthew.htm in print page function; print centering doesn't work with h1 */
h3 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1.25em; /*1.0*/ font-weight: bold; text-align:center;}
h4 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1em; font-weight: bold;}
h5 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #ff0000; font-size: 1em; font-weight: bold;}
h6 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066;}
basefont {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: .80em}
dt {font-size: .80em}
dd {font-size: .80em}
dl {font-size: .80em}

span.us {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 1em; font-weight: bold;}
span.us2 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: .7em;}
span.usred {font-family: Arial, Verdana, Helvetica, sans-serif; color: #ff0000; font-size: 1em; font-weight: bold;}
span.usreg {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000066; font-size: 75%; vertical-align: super; font-weight: bold;}

span.steps {font-family: Arial, Verdana, Helvetica; color: #000066; font-weight:bold; border: 1px solid #9999ac; background-color: #ffff99; font-size: .80em; padding: 1px; vertical-align: baseline;}
a:hover span.steps {font-family: Arial, Verdana, Helvetica; color: #000066; font-weight:bold; border: 1px solid #7e7e99; background-color: #ffffff; font-size: .80em; padding: 1px; vertical-align: baseline;}

span.reference {font-family: Arial, Verdana, Helvetica; color: #000066; font-weight:bold; font-size: 1.125em;}

span.redbox {font-family: Arial, Verdana, Helvetica; color: #ff0000; font-weight:bold; border: 1px solid #ff0000; background-color: #ffffff; font-size: .95em;}
a:hover span.redbox {font-family: Arial, Verdana, Helvetica; color: #ffffff; font-weight:bold; border: 1px solid #ff0000; background-color: #ff0000; font-size: .95em;}

span.test {font-family: Arial, Verdana, Helvetica; color: #9999ac; font-weight: bold; border: 0 solid #ff0000; background-color: transparent; font-size: .95em; vertical-align: 10%;}
a:hover span.test {font-family: Arial, Verdana, Helvetica; color: #ff0000; font-weight: bold; border: 0 solid #ff0000; background-color: transparent; font-size: .95em; vertical-align: 10%;}

a:link, a:visited {color: #000066; background-color: transparent; text-decoration: none; border-bottom: 1px solid #c6c6d2; padding: 0; outline: 0;}
a:hover {color: #000033; background-color: #ecf5fc; text-decoration: none; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #ff0000; padding: 0; outline: 0;}
a:active {color: #000066; background-color: transparent; text-decoration: none; border-bottom: 1px solid #c6c6d2; padding: 0; outline: 0;}

span.num1 {font-family: Arial, Verdana, Helvetica; color: #000066; font-weight:bold; border: 1px solid #9999ac; background-color: #ffff99; font-size: .95em;}
span.num2 {font-family: Arial, Verdana, Helvetica; color: #000066; font-weight:bold; border: 1px solid #9999ac; background-color: #f0f0e1; font-size: .95em;}
a:hover span.num2 {font-family: Arial, Verdana, Helvetica; color: #000066; font-weight:bold; border: 1px solid #7e7e99; background-color: #ffff99; font-size: .95em;}

span.underline {text-decoration: underline;}

/* Allows custom styling with Safari/iPhone: */
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"],.input-checkbox {-webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;}
/* Used to remove blue outline with Chrome: */
input:focus, select:focus, textarea:focus, button:focus, input.form-control:focus {outline: 0 !important; box-shadow: none !important; outline-width: 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none;}

/* ======================================================================================================== */
/* CVI */

div.InvSH {position: fixed; width: 100px; margin: 10px 10px 0 -10px;}
#statdivInv {position: fixed; height: 30px; top: 0; left: 25px; width: auto; text-align: left; z-index: 1;} 
div.menuInv {width: 120px; padding: 15px 6px 6px 6px; font-weight: normal; font-size: .95em; color:#505050; background-color: #f0f0e1; border: 1px solid #7e7e99;}
#overflow-Inv {margin-top: 0; padding-right: 8px; height: 140px; overflow-y: auto;}
div.menuInvSH {width: 120px; padding: 12px 6px 6px 6px; font-weight: normal; font-size: .95em; color:#505050; background-color: #f0f0e1; border: 1px solid #7e7e99; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
div.inlineSH {display: inline; vertical-align: middle;}
div.left1 {display: inline-block; float: left; color: #000066; font-weight: bold; font-size: .95em; background-color: #f0f0e1; padding: 3px; margin-top: 3px;}
div.right1 {display: inline-block; float: right; padding: 3px; color: #000066; font-weight: bold; font-size: .95em; background-color: #f0f0e1;}

span.alertmsg {background-color: #ff0000; color: #ffffff; text-align: center; width: auto; border: 1px solid #e60000; padding: 3px; margin-left: 2px;}
div.alert {position: fixed; top: 175px; left: 12.5%; margin-left: 42px; width: 270px; text-align: left; z-index: 1;}

span.alertmsg2 {background-color: #ff0000; color: #ffffff; text-align: center; width: auto; border: 1px solid #e60000; padding: 3px;}
div.alert2 {position: relative; margin-left: 75px; width: 250px; text-align: left; z-index: 1;}

table.cvi {border: 0; border-spacing: 0;}
table.cvi td {padding: 3px;}

table.cviscores {width: 120px; border: 5px solid #9999ac; color:#505050; border-spacing: 0; border-collapse: collapse;} /*1px solid #666666;*/
table.cviscores td {padding: 6px; font-weight: bold; color:#505050; background-color:#fefad2;}
table.cviscores tr.cviscores td {padding: 6px; font-weight: bold; color:#505050; background-color:#e5e5d1; border-bottom: 1px solid #9999ac;}

table.cvibars {border: 0; visibility: hidden; border-collapse: collapse; border-spacing: 0;}
div.cvibars {border: 0; visibility: hidden; border-collapse: collapse; border-spacing: 0;}
span.cvibars {color: #4a4a5e; font-weight: bold;}

td.pad4 {padding: 4px;}

table.cviT {width: 400px; background-color: #7e7e99; border-left: 1px solid #7e7e99; border-right: 1px solid #7e7e99; border-top: 1px solid #7e7e99; margin-left: auto; margin-right: auto; border-collapse: collapse; border-spacing: 0;}
table.cviB {width: 400px; background-color: #f0f0e1; margin-left: auto; margin-right: auto; border-collapse: collapse; border-spacing: 0;}

td.shaded3 {background-color: #7e7e99; padding: 3px;}
td.width98 {width: 98px;}
td.width70 {width: 70px;}

td.center {text-align: center;}

div.Inv1 {position: relative; padding-bottom: 10px; margin-left: auto; margin-right: auto;}
div.CVIT {width: 350px; background-color: #7e7e99; margin-left: auto; margin-right: auto;}
div.CVIB {width: 350px; background-color:#f0f0e1; padding: 5px; border-left: 1px solid #7e7e99; border-right: 1px solid #7e7e99; border-bottom: 1px solid #7e7e99;}
div.inlineI2 {display: inline;}
div.left2 {display: inline-block; width: 75px; padding: 5px; color: #000066; font-weight: bold; font-size: .95em; background-color: #7e7e99;}
div.right2 {display: inline-block; padding-left: 20px; color: #000066; font-weight: bold; font-size: .95em; background-color: #7e7e99;}
div.inlineI {display: inline;}
div.left {display: inline-block; width: 75px; padding-top: 3px; padding-left: 3px; color: #000066; font-weight: bold; font-size: .95em;}
div.right {display: inline-block; padding-left: 15px;}
div.clear {clear: both;}

span.whiteb {color: #ffffff; font-size: 1em; font-weight: bold;}
div.closeInv {position: relative; top: -2px; right: 0; float: right; margin-top: 2px; margin-right: 5px;}
span.closeInv {padding: 0 2px 0 2px;}

/* ======================================================================================================== */
/*Zoom styles*/

.highlight {color: #ff0000; background: #ffcccc; /*#ffff99;*/ text-decoration: underline; font-weight: bold;}
.searchheading {font-size: 1.1em; font-weight: bold; color:#000066; padding-top: 20px;} /* earlier had "margin-bottom: -20px;" padding-top: 20px needed to add line space before "Search results for: " line; also had to change line 1709 in search.php by removing two <br /><br /> */
.summary {font-size: .8em; font-style: italic; padding-top: 16px;} /* was 35px; earlier was 20px, needed to add line space before "Search results for: " and "No results found." lines; */
.suggestion {font-size: .8em; font-style: italic; padding-bottom: 10px; margin-top: -10px;} /* ALTERED, added padding-bottom and margin-top */
.results {font-size: 100%; margin-bottom: -10px;} /*ALTERED, added margin-bottom;*/
.category {color: #7e7e99;}
.sorting {text-align: right;}

.result_title {font-size: 100%;}		
.description {font-size: 100%; color: #7e7e99;}
.context {font-size: 100%;}
.infoline {font-size: 80%; font-style: normal; color: #7e7e99;}
.zoom_searchform {font-size: 100%; color: #000066;}
		
/* .zoom_searchform1 is for the searchbox at the top of each page */
.zoom_searchform1 {font-size: 100%; display: inline; margin: 0; padding: 0;} /*aligns form in Firefox:*/ 
		
.zoom_results_per_page {font-size: 1em; margin-left: 10px; color: #000066;}
.zoom_match {font-size: 1em; margin-left: 10px; color: #000066;}
.zoom_categories {font-size: 1em; color: #000066;} 
.zoom_categories ul {display: inline; margin: 0; padding: 0;}
.zoom_categories li {display: inline; margin-left: 15px; list-style-type: none;}
		
.cat_summary ul {margin: 0; padding: 0; display: inline;}
.cat_summary li {display: inline; margin-left: 15px; list-style-type: none;}		
		
.result_image {float: left; display: block;}
.result_image img {margin: 10px; width: 80px; border: 0;}

.result_block {margin-top: 15px; margin-bottom: 15px; clear: left;}
.result_altblock {margin-top: 15px; margin-bottom: 15px; clear: left;}
		
.result_pages {font-size: 100%; padding-top: 10px; color: #000066;} /*ALTERED, added padding-top*/
.result_pagescount {font-size: .8em; font-style: italic;} /*ALTERED, font-size, font-style*/
		
.searchtime {font-size: 80%;}
		
.recommended {background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px;}
.recommended_heading {float: right; font-weight: bold;}
.recommend_block {margin-top: 15px; margin-bottom: 15px; clear: left;}		
.recommend_title {font-size: 100%;}
.recommend_description {font-size: 100%; color: #008000;}
.recommend_infoline {font-size: 80%; font-style: normal; color: #808080;}
.recommend_image {float: left; display: block;}
.recommend_image img {margin: 10px; width: 80px; border: 0;}
		
/* Option below is NOT in original Zoom css; can also add "input" to this */
select {color: #000066; background-color: #ffffff; border: 1px solid #9999ac;}	
select option {color: #000066; background-color: #f0f0e1; border: 0;}
		
/* Begin: the following .zoom_buttom css makes the search button [on the advanced page] the same style as the other buttons in the document */
.zoom_button {color: #ffffff; border: 1px solid #70708f; background-color: #7e7e99; cursor: pointer;  font-size: 1em; font-weight: normal; padding: 5px; border-radius: 5px; -webkit-appearance: none !important;}
.zoom_button:hover {color: #ffffff; background-color: #ff0000; border: 1px solid #e60000; font-size: 1em; font-weight: normal; padding: 5px; border-radius: 5px; -webkit-appearance: none !important;} 

/* This code REMOVES the light-blue color in search form due to autofill */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;}

/* Used for Advanced Search input window; widths changed in different @media entries */
/*input.zoom_searchbox {font-family: Arial, Verdana, Helvetica; border: 1px solid #9999ac; color: #000066; font-weight: bold; background-color: #f0f0e1; padding: 5px; border-radius: 5px; margin-bottom: 5px;} 
input.zoom_searchbox:focus {font-family: Arial, Verdana, Helvetica; border: 1px solid #7e7e99; color: #000066; background-color: #ffffff; padding: 5px; border-radius: 5px; margin-bottom: 5px;}*/
		
/* Used for search in header */
input.zoom_searchboxS {font-family: Arial, Verdana, Helvetica; width: 150px; border: 1px solid #9999ac; background-color: #f0f0e1; font-size: .80em; color: #000066; font-weight: bold; padding: 5px; border-radius: 5px;} 
input.zoom_searchboxS:focus {font-family: Arial, Verdana, Helvetica; width: 150px; border: 1px solid #7e7e99; background-color: #ffffff; font-size: .80em; color: #000066; font-weight: bold; padding: 5px; border-radius: 5px;}

/* Used for Advanced Search with magnifying glass image NOT USED */		
input.zoom_button1 {width: 18px; background: transparent url(../div-based_template/searchmagsm5.gif) no-repeat center top;overflow: hidden; border: 0; cursor: pointer; cursor: pointer;}
input.zoom_button1:hover {width: 18px; background: transparent url(../div-based_template/searchmagsm6.gif) no-repeat center top; overflow: hidden; border: 0; cursor: pointer; cursor: pointer;}

/* For input areas on login, registration, and tests */
input.regtest {font-family: Arial, Verdana, Helvetica; width: 145px; border: 1px solid #9999ac; background-color: #ffffff; font-size: .875rem; color: #000066; padding: 2px 0 2px 3px;}
input.regtest:focus {font-family: Arial, Verdana, Helvetica; width: 145px; border: 1px solid #7e7e99; background-color: #f0f0e1; font-size: .875rem; color:#000066; padding: 2px 0 2px 3px;}
/* Regtest end */
		
/* For input areas on login, registration, and tests */
input.regtestNS {font-family: Arial, Verdana, Helvetica; border: 1px solid #9999ac; background-color: #ffffff; font-size: .875rem; color: #000066; padding: 2px 0 2px 3px;} 
input.regtestNS:focus {font-family: Arial, Verdana, Helvetica; border: 1px solid #7e7e99; background-color: #f0f0e1; font-size: .875rem; color: #000066; padding: 2px 0 2px 3px;}
/* Regtest end */

/* For text area on eval form */
.regtextarea {font-family: Arial, Verdana, Helvetica; border: 1px solid #9999ac; background-color: #ffffff; font-size: .875rem; color: #000066; padding: 2px 0 2px 3px;}
.regtextarea:focus {font-family: Arial, Verdana, Helvetica; border: 1px solid #7e7e99; background-color: #f0f0e1; font-size: .875rem; color: #000066; padding: 2px 0 2px 3px;} 
/* Text area end */

/* Not Used */
input.searchB {color: #000066; border: 1px solid #9999ac; background-color: #f0f0e1; padding-left: 3px; padding-right: 3px;}
input.searchB:hover {color: #000066; background-color: #f7f7ee; cursor: pointer; border: 1px solid #7e7e99; padding-left: 3px; padding-right: 3px;}
/* End use of search in header */