div.gohome {
	position: absolute;
	right: 32px;
	color: white;
	font-weight: bold;
	font-size: 90%;
	font-family: helvetica, sans-serif;
	text-align: right;
}
div.gohome a {
	text-decoration: none;
	color: white;
}
div.gohome a:hover {
	text-decoration: none;
	color: #66EEFF;
}
body {
	background-image: url(/images/eagle.png);
	background-position: 100% 0.4em;
	margin: 0px;
	padding: 8px;
	background-repeat: no-repeat;
	background-color: #66BBFF;
}
body.homepage {
	background-image: none;
}
#page {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.footer {
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	box-sizing: content-box;
	color: black;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
/*	height: 10px;*/
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 30;
}
h1 {
	color: #3333CC;
	font-family: Bookman, Georgia, Times, serif;
	font-style: normal;
	font-weight: bold;
}

h2, h3, h4, h5, h6 {
	color: #3333CC;
	font-family: Bookman, Georgia, Times, serif;
}

body.DedicatedWindow {
	background-color: tan;
}

body.DedicatedWindow h1 {
	font-size: x-large; /* h2 size */
	margin-bottom: 0.1em;
}

form {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

textarea {
	width: 100%;
	box-sizing: border-box;
	/*height: 100%;*/
	height: 8em;
}

textarea.reason {
	width: 45%;
	box-sizing: border-box;
	height: 3em;
	vertical-align: top;
}

textarea#obsoleteforms {
	background-color: pink;
}

blockquote#showobsoleteforms {
	background-color: pink;
	padding-left: .6em;
}

table.error {
	border: thick solid cyan;
	/*background-color: pink;*/
	padding: 2em 4em;
	background-image: url(/images/errorstripes.png);
	margin: 0;
	width: 100%;
/*	font-size: larger;*/
	font-weight: bold;
}
table.error td {
	border: medium solid black;
	padding: .8em;
	background-color: pink;
}
table.warning {
	border: thick solid #222299;
	background-color: yellow;
	padding: 2em 4em;
	margin: 0;
	width: 100%;
/*	font-size: larger;*/
	font-weight: bold;
}

table.warning td {
	border: medium solid black;
	padding: .8em;
	background-color: pink;
}
table.status {
	border: thick solid cyan;
	background-color: wheat;
	padding: 2em 4em;
	margin: 0;
	width: 100%;
/*	font-size: larger;*/
	font-weight: bold;
}

table.status td {
	border: medium solid black;
	padding: .8em;
	background-color: wheat;
}

hr {
	clear: both;
}
div.error {
	background-color: #F5DEB3;
	border: thin solid #695348;
	margin: .2em 2em;
	padding: .3em .6em;
	
}
div.error h2 {
	color: red;
	text-align: center;
	margin: .3em;
	
}
div.error em {
	background-color: pink;
	
}
div.error code {
	display: block;
	margin-top: .3em;
	padding-left: 3em;
	background-color: white;
	font-family: sans-serif;
	font-weight: bold;
	
}
div.status {
	background-color: #F5DEB3;
	border: thin solid #695348;
	margin: .2em 2em;
	padding: .3em .6em;
	
}
div.status h2 {
	color: #3333CC;
	text-align: center;
	margin: .3em;
	
}
div.status em {
	background-color: white;
	
}

/* State message box. */
div#State {
	clear: both;
	margin: 0;
	margin-top: .1em;
	margin-left: auto;
	margin-right: auto;
	padding: .1em .3em;
	background-color: #49E1E5;
	color: #2B0887;
	border: medium solid #2B0887;
	font-size: large;
	text-align: center;
}

/* Status message box.  One type of message may be written to it by JavaScript. */
div#Status, div#ErrorStatus, div#ValidationStatus {
	clear: both;
	margin: 0;
	margin-top: .3em;
	margin-left: auto;
	margin-right: auto;
	padding: .2em 2em;
/*	position: relative;
	height: 100%;
	width: 100%;
*/
}
div#Status ul, div#ErrorStatus ul, div#ValidationStatus ul {
	text-align: left;
}
div#Status {
	width: 90%;
}
div.badmessage div.errorcontext {
	margin-top: 0;
	padding: .1em .8em;
	border-color: DarkBlue;
	background-color: white;
	color: black;
	font-family: monospace;
	font-size: 90%;
	text-align: left;
}
span.errorregion {
	background-color: #FF66FF;
	color: black;
}
span.errorposition {
	color: red;
	font-weight: bold;
	font-size: xx-large;
}
table#msgtable {
	border: thin solid #3333CC;
	border-collapse: collapse;
	margin: 0 auto .75em auto;
}
table#msgtable td {
	border: thick solid #3333CC;
	padding: .1em .6em;
	text-align: left;
}
span.errpos {
	background-color: magenta;
}
div.statusmessage {
	text-align: center;
	display: block;
	padding: .2em 3em;
	background-color: wheat;
	font-family: sans-serif;
	font-size: larger;
	font-weight: bold;
	border: thick solid peru;
	
}
div.goodmessage {
	text-align: center;
	display: block;
	padding: .2em 3em;
	background-color: palegreen;
	/*font-size: larger;*/
	font-family: sans-serif;
	font-weight: bold;
	border: thick solid olivedrab;
	
}
div.warningmessage {
	text-align: center;
	display: block;
	padding: .2em 3em;
	background-color: lightyellow;
	font-family: sans-serif;
	font-size: larger;
	font-weight: bold;
	border: thick solid gold;
	
}
div.badmessage {
	text-align: center;
	display: block;
	padding: .2em 3em;
	background-image: url(/images/errorstripes.png);
	font-family: sans-serif;
	font-size: larger;
	font-weight: bold;
	border: thick solid cyan;
}
div.badmessage div {
	text-align: center;
	display: block;
	margin: 1em -1em;
	padding: .2em 3em;
	background-color: cyan;
	font-family: sans-serif;
	font-size: larger;
	font-weight: bold;
	border: thick solid magenta;
	font-size: smaller;
}
div.statusmessage h1 {
	font-family: inherit;
	font-size: medium;
}
div.goodmessage h1 {
	font-family: inherit;
	font-size: large;
}
div.warningmessage h1 {
	font-family: inherit;
	font-size: x-large;
}
div.badmessage h1 {
	font-family: inherit;
	font-size: x-large;
}

table.validation {
	border-collapse: collapse;
	border: medium solid black;
}

table.validation td, table.validation th {
	border: thin solid black;
	padding: 1pt .8em;
}

.VocabWordTable {
	width: 100%;
	border: medium solid black;
	border-collapse: collapse;
}

.VocabWordTable td {
	padding: 1pt .3em;
	border: thin solid black;
}

.dictH {
	font-family: FrankRuehl, Times, "Times New Roman", serif;
	direction: rtl;
	padding-bottom: .2em; /* for vowels! */
}

.dictG {
	font-family: BSTGreek, Times, "Times New Roman", serif;
	direction: ltr;
}

td.HebWord {
	/* add BSTHebrew? */
	font-family: FrankRuehl, Times, "Times New Roman", serif;
	font-size: 160%;
	font-weight: bold;
	direction: rtl;
	text-align: center;
	padding-bottom: .2em; /* for vowels! */
}
td.HebWord input.form {
	/* add BSTHebrew? */
	font-family: FrankRuehl, Times, "Times New Roman", serif;
	font-size: inherit;
	font-weight: bold;
	direction: rtl;
	text-align: right;
	padding-bottom: .1em; /* for vowels! */
}

td.GrkWord {
	font-family: BSTGreek, Times, "Times New Roman", serif;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
td.GrkWord input.form {
	font-family: BSTGreek, Times, "Times New Roman", serif;
	font-size: inherit;
	font-weight: bold;
	text-align: left;
}

table#validationtable td {
	vertical-align: top;
	text-align: center;
}


tr.error a:link, tr.extra a:link {
	color: #FF0000;
}
tr.error a:visited, tr.extra a:visited {
	color: #DD0000;
}
td.errorflag {
	background-color: #FFFF00;
}
td.errorflag img {
	width: 1em;
	height: 1em;
}
td.noerrorflag {
	/*background-color: #DDDD33;*/
}

table.errornotes {
	border: medium solid black;
	background-color: white;
	padding: .2em 1em;
	color: red;
}
table#errornotes td {
	text-align: left;
	font-weight: bold;
}

table#errornotes td.errorflag {
	background-color: transparent;
}
td.status {
	text-align: center;
}
.v {
	font-size: 70%;
	font-weight: bold;
}
span.changed {
	background-color: yellow;
}
span.deleted {
	background-color: silver;
	text-decoration: line-through;
}
div.verse-history {
	margin: .2em 3em 1em 3em;
	font-family: Courier, monospace;
	/*font-style: italic;
	font-weight: bold;*/
}
div.verse-history del {
	background-color: silver;
	text-decoration: line-through;
}
div.verse-history ins {
	background-color: yellow;
	text-decoration: none;
}

img.sym {
	height: 1em;
}


table.PassageSelector {
	margin: 0;
	padding: 0;
	border-spacing: 0;
}

table.PassageSelector td {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table.PassageSelector input.chapter,table.PassageSelector input.verse {
	width: 2em;
}

table.PassageSelector td.GoCell {
	text-align: center;
}

table.fullwidth {
	width: 100%;
}
/*
td#buttonseperator {
	border-right: medium solid #3333CC;
}
*/

table.ButtonList {
	margin: -.5em 0 .8em 0;
	padding: 0;
	/*border: medium solid #3333CC;*/
/*	float: center;*/
width: 100%;
}

table.ButtonList td {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	text-align: center;
}
td#previousbutton {
	text-align: left;
}

td#nextbutton {
	text-align: right;
}


div.Bookmarks {
	position: absolute;
	top: 0;
	left: 0;
}

div#RedBookmark {
	content: url("/images/RedMarker.png");
	left: 80px;
	z-index: 55;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

@media print {
	body {
		background-color: white;
	}
}