/* ******************************************************************************************* */
/* GENERALLY USED COLOURS (BUT NOT EXCLUSIVELY) ********************************************** */
/* ******************************************************************************************* */

/* Shades of Olive : */
/* #000000 #0D0D00 #1A1A00 #262600 #333300 #404000 #4D4D00 #5A5A00 #666600 #737300 */
/* #808000 (Olive)                                                                 */
/* #8D8D19 #999933 #A6A64D #B3B366 #C0C080 #CCCC99 #D9D9B2 #E6E6CC #F2F2E6 #FFFFFF */

/* Shades of Green : */
/* #000000 #000D00 #001A00 #002600 #003300 #004000 #004D00 #005A00 #006600 #007300 */
/* #008000 (Green)                                                                 */
/* #198D19 #339933 #4DA64D #66B366 #80C080 #99CC99 #B2D9B2 #CCE6CC #E6F2E6 #FFFFFF */

/* Shades of Red */
/* #000000 #1A0000 #330000 #4C0000 #660000 #800000 #990000 #B20000 #CC0000 #E60000 */
/* #FF0000 (Red)                                                                   */
/* #FF1919 #FF3333 #FF4D4D #FF6666 #FF8080 #FF9999 #FFB2B2 #FFCCCC #FFE6E6 #FFFFFF */

/* Shades of Blue */
/* #000000 #00001A #000033 #00004C #000066 #000080 #000099 #0000B2 #0000CC #0000E6 */
/* #0000FF (Blue) */
/* #1919FF #3333FF #4D4DFF #6666FF #8080FF #9999FF #B2B2FF #CCCCFF #E6E6FF #FFFFFF */

/* Shades of SlateGrey */
/* #000000 #0B0D0E #161A1D #22262B #2D333A #384048 #434D56 #4E5A65 #5A6673 #657382 */
/* #708090 (SlateGrey) */
/* #7E8D9B #8D99A6 #9BA6B1 #A9B3BC #B8C0C8 #C6CCD3 #D4D9DE #E2E6E9 #F1F2F4 #FFFFFF */


/* ******************************************************************************************* */
/* FONTS ************************************************************************************* */
/* ******************************************************************************************* */

/* https://www.google.com/get/noto/#/ */
/* ensure consistent looks across platforms */
/* use only serif or sans-serif */
/*  ---------- SERIF FONTS ---------- */

@font-face {
	font-family: 'font-serif';
  	src: url('NotoSerif-Regular.eot'); /* IE9 Compat Modes */
    src: url('NotoSerif-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
        url('NotoSerif-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('NotoSerif-Regular.woff') format('woff'); /* Modern Browsers */ }

/*  ---------- SANS-SERIF FONTS ---------- */
@font-face {
	font-family: 'font-noserif';
  	src: url('NotoSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('NotoSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
        url('NotoSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('NotoSans-Regular.woff') format('woff'); /* Modern Browsers */ }

/*  ---------- alpha-characters FONTS ---------- */
@font-face {
	font-family: 'font-character';
  	src: url('JacquesFrancoisShadow-Regular.eot'); /* IE9 Compat Modes */
    src: url('JacquesFrancoisShadow-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
        url('JacquesFrancoisShadow-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('JacquesFrancoisShadow-Regular.woff') format('woff'); /* Modern Browsers */ }

/* ******************************************************************************************* */
/* @MEDIA ************************************************************************************ */
/* ******************************************************************************************* */

@media print { /* don't print to paper things which are only relevant to the online page page */
	.navigation {
		display: none; }
	.navigation-entry {
		display: none; }
	.navigation-link {
		display: none; }
  .page-rule {
    display: none;
  }
  body {
    background-color: transparent;
    margin: 0.50em auto 2.50em auto; /* keep "things" offa the edges as to the edges look ugly */
  }
}

@media screen {
  body {
  background-color: #F8F8FF; /*  GhostWhite; */
  margin: 1.00em auto 2.50em auto; /* keep "things" offa the edges as to the edges look ugly */
 }
}

/* ******************************************************************************************* */
/* PRIMARY STYLES **************************************************************************** */
/* ******************************************************************************************* */

body { /* standardise general characteristics off each page */
  /*border: 1px solid silver;*/
  /* THIS SHOULD BE THE ONLY PLACE ADJUSTMENTS TO FONT SIZES ARE MADE */
  font-size: 1.00em; /* basis for all other declared font sizes */
  width: 210.10mm; /* but do not display a page wider than this regardless */
}

.navigation { /* envelope for the navigation container at top and bottom of every page */
  margin-left: auto;
  margin-right: auto;
  width: 21.00em;
}
.navigation-entry { /* for the actual navigation entry (the "cell") */
  display: table-cell;
  text-align: center;
	vertical-align: middle;
  width: 7.00em;
}
.general-heading {
  font-family: font-serif;
  font-size: 1.00em;
	font-variant: small-caps;
  /*font-weight: bold;*/
  text-align: center;
}
.page-number {
  /*color: #A9B3BC;*/
  font-family: font-noserif, sans-serif;
  font-size: 0.70em;
  margin-bottom: 2.00em;
  text-align: center;
}

/* generic header section */
.header-title, .header-subtitle {
  font-family: font-noserif, sans-serif;
  text-align: center;
  text-shadow: 2px 2px 1px #C0C080; /* h-shadow v-shadow blur-radius color|none|initial|inherit; */
}
.header-title {
  font-size: 1.00em;
  margin-top: 0.15em;
}
.header-subtitle {
  font-size: 0.80em;
  margin-bottom: 0.15em;
}

.standard-paragraph {
  font-family: font-serif;
  font-size: 0.80em;
  margin-bottom: 0.30em;
  text-align: justify;
  text-indent: 2.50em;
}

/* copyright page only  */
.copyright-text, .printing-text, .printed-in-text {
  font-family: font-serif;
  font-size: 0.90em;
  text-align: center;
}
.copyright-text {
  margin-top: 3.50em;
}
.printing-text {
  margin-top: 8.00em;
}
.printed-in-text {
  margin-top: 10.00em;
  margin-bottom: 10.00em;
}
/* table of contents page only */
.contents-envelope {
  margin-left: auto;
  margin-right: auto;
  width: 10.25em;
}
.content-entry {
  font-family: font-noserif, sans-serif;
  margin-bottom: 0.20em;
  font-size: 0.85em;
}
.az-envelope {
  margin: 0.50em auto 25.00em auto;
  width: 31.00em;
}

.footnote-envelope {
  margin-left: 4.00em;
}
.footnote {
	font-family: "Noto Sans", font-noserif, sans-serif;
  font-size: 0.60em;
	margin-left: 0.75em;
	text-align: justify;
	text-indent: -0.80em;
}
.footnote-rule {
	border-bottom: 1px solid silver;
	height: 3px;
	width: 33%;
}

.asin {
  margin-left: 1.50em;
  width: 39.00em;
}
.entry-asin {
  display: table-cell;
  font-size: 0.80em;
  padding-bottom: 0.20em;
  padding-left: 2.00em;
  width: 15.85em;
}

.both-sides-indented {
  margin-left: 2.50em;
  margin-right: 2.50em;
}

.abbreviations-envelope {
  font-size: 0.80em;
  margin-bottom: 0.15em;
  margin-left: 7.50em;
}
.abbr {
  display: table-cell;
  width: 6.00em;
}
.expanded-abbr {
  display: table-cell;
}

.number {
  font-size: 0.75em;
  margin-right: 0.75em;
}
.singles {
  padding-left: 0.50em;
}

.alpha-letter { /* for the alpha-character at the head of every alpha-section */
  font-family: font-character;
  margin: 1.75em auto 0.50em auto;
  text-align: center;
  width: 8.00em;
}
.the-letter {
  font-size: 3.50em;
}
.alphabet-sideline {
  font-weight: bold;
  position: relative;
  top: -1.25em;
  width: 1.75em;
}

.glossary-entry, .glossary-entry-table {
  display: table;
  font-size: 0.80em;
  margin-top: 1.00em;
}
.glossary-entry-table {
	border-collapse: collapse;
	border-spacing: 0 0;
  margin-bottom: -1.00em;
  padding-left: 1.50em;
  text-indent: -1.50em;
}
.ge-row {
  vertical-align: top;
}
.the-word, .table-the-word {
  font-family: font-noserif, sans-serif;
  font-size: 105%;
  width: 45.00mm;
}
.the-word, .table-the-word, .the-word2, .the-word3, .the-word4, .the-word5 {
  font-style: italic;
}
.the-word {
  float: left;
  padding-left: 1.00em;
  text-indent: -1.00em;
}
.table-the-word {
  padding-left: 3.00em;
  text-indent: -2.00em;
}
.the-word-number { /* first used in "Months (Baha'i)" */
  float: left;
  font-family: font-noserif, sans-serif;
  font-size: 80%;
  padding-top: 0.25em;
  text-align: right;
  width: 3.00em;
}
.the-word2 { /* first used in "Months (Baha'i)" */
  float: left;
  font-family: font-noserif, sans-serif;
  font-size: 105%;
  margin-left: 1.50em;
  width: 9.85em;
}
.the-word3 { /* first used in "Months (Muslim)" */
  float: left;
  font-family: font-noserif, sans-serif;
  margin-left: 2.25em;
  width: 12.00em;
}
.the-word4 { /* first used in "Mother Book" */
  float: left;
  font-family: font-noserif, sans-serif;
  width: 27.40em;
}
.the-word5 { /* first used in "Persia, 19th century: administrative divisions and capitals:". -- no other elements should be on the right */
  font-family: font-noserif, sans-serif;
}
.sounds-like {
  float: left;
  font-family: font-serif;
  width: 45.00mm;
}
.description { /* main 'description' */
  font-family: font-serif;
}
.describe2 { /* first used in "Months (Baha'i)" */
  float: left;
  font-family: font-serif;
  width: 12.00em;
}
.single-word-pad-left {
  padding-left: 1.50em;
}
.double-word-pad-left {
  padding-left: 0.90em;
}
/* left padding for the Baha'i days of the week, the description column, are generated by inline styles */
.desc-first-padding {
  padding-left: 2.25em;
}

.br-pushitdown {
  margin-bottom: 0.50em;
}

/* ******************************************************************************************* */
/* SPECIAL VERTICAL SPACERS USED FOR FIRST COLUMN OF THE GLOSSARY PROPER ********************* */
/* ******************************************************************************************* */

.h-1em {
	height: 1.00em;
}
.h-2em {
	height: 2.00em;
}
.h-2p5em {
	height: 2.50em;
}
.h-3em {
	height: 3.00em;
}
.h-3p5em {
	height: 3.50em;
}
.h-4em {
	height: 4.00em;
}
.h-4p5em {
	height: 4.50em;
}
.h-5em {
	height: 5.00em;
}
.h-5p5em {
	height: 5.50em;
}
.h-6em {
	height: 6.00em;
}
.h-6p5em {
	height: 6.50em;
}
.h-7em {
	height: 7.00em;
}
.h-7p5em {
	height: 7.50em;
}
.h-8em {
	height: 8.00em;
}
.h-8p5em {
	height: 8.50em;
}
.h-9em {
	height: 9.00em;
}
.h-10em {
	height: 10.00em;
}
.h-11em {
	height: 11.00em;
}
.h-12em {
	height: 12.00em;
}
.h-12p5em {
	height: 12.50em;
}
.h-13em {
	height: 13.00em;
}
.h-14em {
	height: 14.00em;
}
.h-14p5em {
	height: 14.50em;
}
.h-15em {
	height: 15.00em;
}
.h-15p5em {
	height: 15.50em;
}
.h-16em {
	height: 16.00em;
}
.h-17em {
	height: 17.00em;
}
.h-18em {
	height: 18.00em;
}
.h-19em {
	height: 19.00em;
}
.h-20em {
	height: 20.00em;
}
.h-21em {
	height: 21.00em;
}
.h-22em {
	height: 22.00em;
}
.h-23em {
	height: 23.00em;
}
.h-24em {
	height: 24.00em;
}
.h-25em {
	height: 25.00em;
}



/* ******************************************************************************************* */
/* LANDING PAGE ONLY ************************************************************************* */
/* ******************************************************************************************* */

/* USED FOR SAMPLER 1 ************************************************************************ */

.left-divide { /* we need to divide the page into two. this is for the left side */
  display: table-cell;
  height: 30.00em;
  width: 25.00em;
}
.solid-right-border { /* as the name says, gives a thick solid right border */
  border-right: 0.25em solid #2D333A;
}

.right-divide { /* we need to divide the page into two. this is for the left side */
  display: table-cell;
  height: 30.00em;
  /*margin-left: auto;
  margin-right: auto;*/
  width: 15.00em;
}

.large-square-block {
  background-color: #2D333A;
  height: 5.00em;
  margin-bottom: 2.00em;
  margin-top: 3.00em;
  width: 5.00em;
}
.small-square-block {
  background-color: #2D333A;
  height: 3.00em;
  /*margin-bottom: 2.00em;*/
  width: 3.00em;
}

.document-title {
  font-family: font-noserif, sans-serif;
  font-size: 2.00em;
	font-variant: small-caps;
}

.document-description {
  float: left;
  font-family: font-serif;
  font-size: 1.00em;
	font-variant: small-caps;
  margin-left: 0.50em;
  position: relative;
  text-indent: 3.00em;
  top: -1.00em;
}

.author-container {
  font-family: font-serif;
  font-style: italic;
  margin-left: 4.00em;
  top: 8.00em;
  position: relative;
}

.by {
  font-size: 1.00em;
}

.who {
  font-size: 1.20em;
}

.place-small-right {
  float: right;
  margin-right: 2.50em;
}
.place-small-bottom {
  margin-top: 22.00em;
}

.l-2-5em {
  margin-left: 2.50em;
}

/* USED FOR SAMPLER 2 ************************************************************************ */

.left-half {
  display: table-cell;
  width: 105.00mm;
}
.decorative-block { /* to style the decorative image */
  margin-bottom: 3.00em;
  margin-left: 2.50em;
  margin-top: 2.25em;
  width:85.00mm;
}
.right-half {
  display: table-cell;
  width: 105.00mm;
}
.title-image {
  left: 6.50em;
  position: relative;
  top: -30.00em;
  width: 8.00em;
}
.author-image {
  left: -1.50em;
  position: relative;
  top: -3.00em;
  width: 9.50em;
}
.descriptive-text {
  font-family: font-noserif, sans-serif;
  font-size: 0.90em;
	font-variant: small-caps;
  margin-bottom: 3.00em;
  margin-left: 2.50em;
  text-align: center;
  width: 23.00em;
}



/* ******************************************************************************************* */
/* FORMATTING STYLES ************************************************************************* */
/* ******************************************************************************************* */

._small-caps {
  font-variant: small-caps;
}
._underline {
  text-decoration: underline;
}
._italic {
  font-style: italic;
}
.super {
	color: #003300; /* dark shade of green */
	font-family: "Noto Sans", font-noserif, sans-serif;
	font-size: 60%;
	position: relative;
	top: -0.65em; }

.f-120pc {
  font-size: 120%;
}
.f-p95 {
  font-size: 0.95em;
}
.f-p85 {
  font-size: 0.85em;
}
.f-p80 {
  font-size: 0.80em;
}
.std-font-size {
  font-size: 0.80em;
}
.f-p75 {
  font-size: 0.75em;
}

.f-1p05pc {
  font-size: 105%;
}



/* ******************************************************************************************* */
/* RULES, BORDERS ETC. *********************************************************************** */
/* ******************************************************************************************* */

.page-rule { /* ruled line across the page */
	border-top: 1px solid silver;
	height: 0.10em;
	margin-left: auto;
	margin-right: auto;
	max-width: 40.00em;
	width: 60%; }

/* ******************************************************************************************* */
/* DIMENSIONING STYLES *********************************************************************** */
/* ******************************************************************************************* */

.t-1em {
  margin-top: 1.00em;
}
.t-1p5em {
  margin-top: 1.25em;
}
.t-2em {
  margin-top: 2.00em;
}
.t-2p5em {
  margin-top: 2.50em;
}
.t-3em {
  margin-top: 3.00em;
}

.b-1em {
  margin-bottom: 1.00em;
}
.b-2em {
  margin-bottom: 2.00em;
}
.b-3em {
  margin-bottom: 3.00em;
}
.b-4em {
  margin-bottom: 4.00em;
}
.b-8em {
  margin-bottom: 8.00em;
}
.b-bigbig-bottom {
  margin-bottom: 55.00em;
}

/* ******************************************************************************************* */
/* LINKS ************************************************************************************* */
/* ******************************************************************************************* */

.navigation-link, .notta-link {
  border-radius: 0.75em; /* change to a rounded border left and right */
  display: block;
  font-family: font-noserif, sans-serif;
  font-size: 0.65em;
  margin-bottom: 0.15em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.15em;
  text-decoration: none; /* no underlining here */
  width: 6.00em; /* this will be relative to the size of the font-size */
}
.navigation-link:link,.navigation-link:visited {
  border: 1px solid #C6CCD3; /* lighter shade of SlateGrey */
  color: #003300; /* a darker shade of green */
}
.navigation-link:hover,.navigation-link:active {
/*  border: 1px solid #2D333A;  lighter shade of SlateGrey */
	box-shadow: -2px -2px 3px 2px #C4C4C4 inset;
  color: #660000; /* darker shade of red - show that the this link is now active */
}
.notta-link {
  border: 1px solid #E2E6E9; /* lighter shade of SlateGrey */
  color: #A9B3BC; /* #003300 a darker shade of green */
}

.contents-link {
  display: block;
  text-decoration: none;
}
.contents-link:link,.contents-link:visited {
  color: #003300; /* a darker shade of green */
}
.contents-link:hover,.contents-link:active {
  background-color: #F2F2E6; /* lighter shade of Olive */
  color: #660000; /* darker shade of red - show that the this link is now active */
}

.az-link, .az-blank {
  display: inline-block;
  font-family: font-noserif, sans-serif;
  font-size: 0.85em;
  margin: 0;
  text-align: center;
  text-decoration: none;
  width: 1.25em;
}
.az-link:link,.az-link:visited {
  border: 1px solid transparent;
  color: #003300; /* a darker shade of green */
}
.az-link:hover,.az-link:active {
  background-color: #F2F2E6; /* lighter shade of Olive */
  border: 1px solid #B2D9B2; /* lighter shade of green */
  color: #660000; /* darker shade of red - show that the this link is now active */
}
.az-blank {
  color: #A9B3BC; /* lighter shade of SlateGrey
}

.footnote-link {
  font-family: font-noserif, sans-serif;
  text-decoration: underline;
}
.footnote-link:link,.footnote-link:visited {
  color: #003300; /* a darker shade of green */
}
.footnote-link:hover,.footnote-link:active {
  color: #660000; /* darker shade of red - show that the this link is now active */
}


/* .xxx-link:link,.xxx-link:visited */
/* .xxx-link:hover,.xxx-link:active */



/* ******************************************************************************************* */
/* TABLES ************************************************************************************ */
/* ******************************************************************************************* */

.guide-table {
	border-collapse: collapse;
	border-spacing: 0 0;
  font-family: font-noserif, sans-serif;
  margin: 1.50em auto 1.50em auto;
  width: 31.00em;
}
/*.guide-table-row {
  text-align: center;
}*/
.top-guide-table-letter, .top-guide-table-transliteration, .top-guide-table-pronunciation, .top-guide-table-abjad {
  font-size: 0.95em;
  font-variant: small-caps;
  margin-bottom: 0.10em;
  text-align: center;
}
.guide-table-letter, .guide-table-transliteration, .guide-table-pronunciation, .guide-table-abjad {
  border-bottom: 1px solid #F1F2F4;
  padding-bottom: 0.10em;
  padding-top: 0.10em;
}
.guide-table-transliteration, .guide-table-pronunciation, .guide-table-abjad {
  font-size: 0.80em;
}
.guide-table-letter {
  font-size: 0.85em;
  font-weight: 100;
  text-align: center;
  width: 5.00em;
}
.guide-table-transliteration {
  text-align: left;
  padding-left: 6.00em;
  width: 11.00em;
}
.guide-table-pronunciation {
  text-align: left;
  padding-left: 4.00em;
  width: 10.00em;
}
.guide-table-abjad {
  text-align: right;
  padding-right: 5.50em;
  width: 11.00em;
}