/***********************************************************************
 ** skin.css
 ***********************************************************************/

/* ---------------------------------------------------------------

#wikibanner - the banner bar on the left side of the page. 

#siteicon - the block containing the site icond for navigating back to the
            main site. 

.tocicon - the block containing the table of content icon for opening/closing
           the TOC.

#wikicmds

#wikibody - the contents of the page within the <main> block. 

#navigation - the pagination block at the top of the page.           

images:
  homeicon.png 
---------------------------------------------------------------- */ 
    
:root {
  --wiki-banner-width: 80px; /* 100px;*/
  --wiki-banner-bg: #f5f5f4; /*#f3f2eb; */
  --wiki-site-fg: #707070;
  
  --wiki-page-bg: white;
  --wiki-page-fg: black;
  --wiki-text-fg: #202020;
  --wiki-footer-fg: #aaa;
  
  --wiki-nav-bg: #eee;
  --wiki-nav-fg: #606060;
  --wiki-nav-hover: #0000d0;
  --wiki-nav-border: #ccc;
  
  --book-theme-fg: white;
  --book-theme-bg: blue;
  
  --toc-icon-fg: white;
  --toc-icon-size: 18.662px; /*15px;*/
  
  --toc-title-bg: white; 
  --toc-body-bg: white; /*#f8f8f8;*/
  --toc-body-fg: black;
  --toc-author-fg: #808080;
  
  --page-title-fg: black;
  
  --link-normal-color: #003380;
  --link-hover-color: #006000;
}
 
/* ----------------------------------------------------------------
 *  HTML body settings
 * ----------------------------------------------------------------*/

html {
  height: 100%;
}

body {
  margin: 0px; 
  font-family: "Roboto", arial, helvetica, Verdana, sans-serif; 
  font-size: 16px; 
  font-weight: normal; 
  color: var(--wiki-page-fg);
  background-color: var(--wiki-page-bg);
  /*background-image: url('refbar.gif');*/

}

.vertical-bar-left {
  position: fixed;
  left: 0px;
  top: 0;
  width: var(--wiki-banner-width);
  height: 100vh;
  background-color: var(--wiki-banner-bg);
  border-right: 1px solid #e0e0e0;
}



/* ----------------------------------------------------------------
 *  Wiki Banner
 * ----------------------------------------------------------------*/

 /* The leftside banner that runs down the length of the page. */
#wikibanner {
  width: var(--wiki-banner-width); /*75px;*/
  text-align: center;
  position: fixed;
  top: 80px; /*100px;*/
  left: 0;
}

#wikibanner .bookicon {
  margin-top: 1ex;
}

#wikisite .bookicon img, 
#wikibanner .bookicon img {
  width: 42px; /*52px;*/
  height: 42px; /*52px;*/
  font-size: 13px; 
}

#wikisite .bookicon {
  margin-bottom: 2ex;
}

#wikibanner .bookauthor {
  font-size: 13px; 
  padding-left: 10px;
  color: #999; /*var(--book-theme-fg);*/
  /*font-style: italic;*/
  line-height: 13px;
  /*display: inline-block;*/
}

#wikibanner .bookauthor a,
#wikibanner .bookauthor a:visited {
  color: #999; 
  text-decoration: none;
  display: block;
}

#wikibanner .bookauthor a:hover {
  color: #0040C0;
}

#wikisite {
  width: var(--wiki-banner-width); 
  text-align: center;
  position: fixed;
  bottom: 15px;
  left: 0;
  font-size: 11px;
  color: var(--wiki-site-fg);
}

#wikisite a,
#wikisite a:link,
#wikisite a:visited {
  color: var(--wiki-site-fg);
}

#wikisite a:hover {
  color: #0040C0;
  text-decoration: none;
}


 /* The block containing the toc icon for opening/closing the toc. */
#tocicon {
  min-width: 30px;
  color: var(--toc-icon-fg);
  font-weight: normal;
  line-height: 18px; 
  cursor: pointer;
  font-style: normal;
  font-size: var(--toc-icon-size);
  margin-left: 8px;  /* new setting */
  padding-top: 5px;
  display: inline-block;
}

.tocicon {
  cursor: default;
}
 

/* ----------------------------------------------------------------
 *  Wiki Header
 * ----------------------------------------------------------------*/

header {
  position: sticky;
  position: -webkit-sticky;  
  z-index: 200;
  top: 0;
  width: 100%;
  height: 59px; /*68px;*/ /*65px;*/ 
  background-color: var(--book-theme-bg);
  color: var(--book-theme-fg);
  box-shadow: 0px 3px 7px black;
  margin-bottom: 0px; /*30px;*/
  /*font-weight: 400;*/ /* normal weight */
  /*font-size: 30px; */
}


header a, 
header a:link,
header a:visited, 
header a:hover {
  color: var(--book-theme-fg); 
  text-decoration: none;
}


header .booktitle {
  font-size: 20px; 
}

header .booktitle a, 
header .booktitle a:link,
header .booktitle a:visited, 
header .booktitle a:hover {
  font-weight: 500;
  color: var(--book-theme-fg); 
  text-decoration: none;
}

header .booksubtitle {
  font-size: 18.62px;
  font-style: italic;
  display: inline-block;
  font-family: 'Times New Roman', serif;
}

header .bookauthor {
  font-size: 13px; 
  padding-left: 5px; /*10px;*/
  padding-right: 1ex;
  color: var(--book-theme-fg);
  /*font-style: italic;*/
  line-height: 13px;
  display: inline-block;
}


header .siteicon a:hover,
header .bookauthor a:hover {
  color: #ffff88; 
  text-decoration: none;
}

header .bookicon img {
  width: 40px; 
  height: 40px; 
}


 /* The block containing the siteicon for returning to the main site. */

header .siteicon {
  color: white;
  font-size: 13px;
  text-align: left;
  padding-left: 10px;
}

div.siteref {
  color: #ccc;
  font-size: 13px;
  text-align: center;
}

div.siteref a,
div.siteref a:visited
{
  color: #444;
}

div.siteref a:hover
{
  color: blue;
}

#searchbar {
  padding-right: 7px;
  padding-bottom: 0px;   
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
}

.searchform {
  margin: 0px;
  font-size: 10pt;
}

.searchform input {
  font-size: 9pt;
}

.searchbtn {
  display: none;
}

#searchbox {
  border-radius: 8px;
  border: 1px solid white;
  /*
  border: 1px solid #f4f4f4;
  background-color: #f4f4f4;
  */
}

#searchboxX:hover {
  border: 1px solid white;
  background-color: white;
}

header .bar {
  border-top: 1px solid #eee;
  /*background-image: url('navbg.gif');*/
  /*background-color: var(--book-theme-bg);*/
  background-color: black;
  height: 24px; 
  padding-left: 0px;
  padding-right: 1ex;
  font-size: 9px;
  height: 18px;
}

/* ----------------------------------------------------------------
 *  Wiki Commands
 * ----------------------------------------------------------------*/

#wikicmds { 
  /*float:right;*/ 
  white-space:nowrap; 
  padding-right: 0px;
  padding-top: 0px;
  margin-top: 0px;
  margin-right: 2px;
  /*padding-left: 2ex;*/
  display: inline-block;
}  

#wikicmds .vspace {height: 0px;}
           
#wikicmds ul { list-style:none; margin:0px; padding:0px; }
#wikicmds li { display:inline; margin: 0px 5px; }
#wikicmds li.login { font-weight: bold;}

#wikicmds li a { text-decoration: none; color: #006000; border: none; }
#wikicmds li a.createlink { display:none; }

#wikicmds li.view a,
#wikicmds li.login a,
#wikicmds li a:hover { text-decoration:underline; color: red;}

#wikicmds form select {
  font-size: 8pt;
}

/* ----------------------------------------------------------------
 *  Main Body
 * ----------------------------------------------------------------*/

main {
  margin-left: 80px; /*100px;*/ /*132px;*/  /* 125px; */
  font-size: 1em; 
  padding-left: 0px;
  padding-right: 0px;
  width: 1000px;  
  background-color: white;
  padding: 20px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 0px;  
}

.pagegroup { 
  margin-top:8px; 
  margin-bottom:2px; 
}

.pagetitle { 
  line-height:1em; 
  font-size:1.9em; 
  font-weight:normal; 
  margin:0px;   
  margin-top: 0.75in; 
  padding-bottom: 10px;
  padding-top: 10px;
  color: var(--page-title-fg); 
}


#wikititle {
  margin-top: 30px; /*50px;*/ 
  margin-bottom: 3ex;
}


#wikicontents {  
  min-height: 6in;
  padding-left: 30px; /*55px;*/
  padding-right: 30px; /*55px;*/
  padding-bottom: 3ex;
  margin-top: 0px; 
  /*border: 1px solid #ddd;*/
}


#wikitext { 
  margin-top: 10px; 
  line-height: 1.4; /*1.45;*/ /*1.5;*/ /*1.33em;*/ 
  color: var(--wiki-text-fg);  
} 

#wikitext table { 
  font-size:100%; 
  line-height: 1.5; 
} 

/* These are for the edit form. */
#wikiedit form { margin:0px;  width:100%; }
#wikiedit textarea { width:100%; font-family: Courier New; } 

/* These affect the main content area. */
#wikitext ul ul { list-style-type: disc;  padding-left: 2em; };

.wikiaction { margin-top:4px; margin-bottom:4px; }

/* These are for the edit form. */
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }


/* ----------------------------------------------------------------
 *  Wiki Footer
 * ----------------------------------------------------------------*/

.footerbar {
  background-color: var(--book-theme-bg); /*#0f4374;*/
  text-align: right;
  min-height: 12px; 
  color: #d8d8d8;
  font-size: 12px; /*10pt;*/
}

footer {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 0.8em;
  color: #e8e8e8; /*var(--wiki-footer-fg);*/
  background-color: black;
/*  padding-left: 2ex;
  padding-right: 2ex; */
  width: 100%;
/*  
  position: absolute;
  bottom: 0;
  left: 0;
  */
}

footer a,
footer a:visited { 
  text-decoration: none; 
  color: #e8e8e8; /*#0E6E3E;*/ 
  border:none; 
}

footer a:hover { 
  text-decoration: none; 
  color:yellow; 
}

footer table td:first-child{
  padding-left: 2ex;
}

footer table td:last-child{
  padding-right: 2ex;
}
/* ----------------------------------------------------------------
 *  Tooltips for hovering text.
 * ----------------------------------------------------------------*/

 /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  font-weight: normal;
}

 /* Tooltip text. */
.tooltip .tooltiptext,
.tooltip .navtiptext {
  visibility: hidden;
  min-width: 175px;
  height: 28px;
  line-height: 28px;
  padding-left: 1ex; 
  padding-right: 1ex;
  background-color: #FFFFCC;
  color: #222;
  white-space: nowrap;  
  text-align: center;
  font-size: 14px;
  font-style: italic;
  border-radius: 6px;
  border: 1px solid #FFFFCC;
  
   /* Position the tooltip text */
  position: absolute;
  z-index: 1;  
}

.tooltip .tooltiptext {
  top: 5px;
  left: 40px;
}

.tooltip .navtiptext {
  left: 85px;
}

.tooltip:hover .tooltiptext,
.tooltip:hover .navtiptext {
  visibility: visible;
}

.left .tooltip .navtiptext,
.right .tooltip .navtiptext {
  top: 100%;
  left: 20%;
  margin-left: -180px;
}

.left .tooltip .navtiptext {
 /* margin-left: -25px;*/
  margin-top:  10px;
}

.right .tooltip .navtiptext {
  margin-top: 10px;
}

.topleft .tooltip .navtiptext,
.topright .tooltip .navtiptext {
  top: 100%;
  left: 20%;
  margin-left: -125px;
  margin-top: -70px;
}

.topleft .tooltip .navtiptext {
  margin-left: -25px;  
}

/* ----------------------------------------------------------------
 *  Scroll to Top Button
 * ----------------------------------------------------------------*/

#scrollBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 15px; /* Place the button at the bottom of the page */
  right: 12px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: var(--book-theme-bg); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 3px 5px 3px 5px; /* Some padding */
  border-radius: 5px 5px 0px 0px; /* Rounded corners */
  font-size: 17px; /* Increase font size */
  font-family: symbola, arial, helvetica, Verdana, sans-serif;       
}

#scrollBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
} 

/* ----------------------------------------------------------------
 *  Table of Contents dynamic block
 * ----------------------------------------------------------------*/

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 300;
  cursor: pointer;
}
 
#booktoc {
  width: 350px; 
  border: 1px solid #888; 
  border-top: none;
  /*border-radius: 0 8px 0 0;*/
  background-color: var(--toc-body-bg);
  color: var(--wiki-text-fg);
  position: fixed; 
  z-index: 500;
  left: -382px; 
  top: 0;
  bottom: 0;
  margin-top: 0px; /*75px;*/ 
  margin-right: 3px;
  transition: 0.35s;
  white-space: nowrap;
  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.2), 2px 4px 4px 0 rgba(0, 0, 0, 0.19);
}

#booktoc .tocheader {
  background-color: black;
  min-height: 0.75in;
  padding: 8px;
  margin-right: 1px;
}

#booktoc .tocheader .icon img {
  width: 40px;
  height: 40px;
}

#booktoc .tocheader .icon p {
  color: white;
  display: inline-block;
  float: right;
  font-size: 13px;
}

#booktoc .tocheader .title {
  color: white;
  font-weight: 700;
  font-size: 18px;
  margin-top: 4px;
  white-space: normal;
}


#booktoc .tocbarx {
  border-radius: 0 8px 0 0;  
  background-image: url('navbg.gif');
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  padding: 4px;  
  padding-bottom: 2px;
  text-align: center;
  width: 342px;
}

#booktoc .toctitlex {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 5ex;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  padding: 2ex 2ex 2ex 2ex;
  color: var(--book-theme-bg); 
  background-color: var(--toc-title-bg);
  white-space: normal;  
}

#booktoc .toctitle {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 5ex;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  padding: 2ex 2ex 2ex 2ex;
  color: white; /*var(--book-theme-bg);*/ 
  background-color: var(--toc-title-bg);
  white-space: normal;  
}

#booktoc .tocauthor { 
  font-family:arial, verdana, sans-serif;
  font-size: 10pt;
 /* color: var(--toc-author-fg);*/
  color: var(--book-theme-fg);
  background-color: var(--book-theme-bg);
 
  line-height: 1.2em;
  margin-top: 3ex; 
  padding-top: 1ex;
  padding-bottom: 1ex;
  text-align: center;
  bottom: 0;
  width: 342px;
  white-space: normal;
  border-top: 1px solid #F0F0F0;
}

#booktoc .tocauthor a,
#booktoc .tocauthor a:visited {
  color: white; /*#808080;*/
}

#booktoc .tocauthor a:hover {
  color: #0033F0;
  background-color: transparent;
}

#booktoc .tocbody {
  width: 342px;
  font-size: 0.9em;
  line-height: 1.60;
  padding: 1ex;
  padding-left: 0px;
  position: fixed;
  top: 0;
  bottom: 0; 
  margin-top: 112px;
  overflow-x: hidden;
  overflow-y: auto;  
  color: var(--wiki-text-fg);
/*  background-color: var(--toc-body-bg);*/
}

#booktocx .tocbody a { 
  text-decoration: none; 
  color: #303030;
  display: block; 
}

#booktoc .tocbody ul {
  list-style-type: square; 
  margin: 0px;
  padding-left: 45px; /*28px;*/
}

#booktoc .tocbody ul li a,
#booktoc .tocbody ul li a:visited { text-decoration: none; color: #303030; font-weight: normal; }

#booktoc .tocbody a:hover,
#booktoc .tocbody ul li a:hover {
  text-decoration: none;
  color: #003380; 
  background-color: #ffffcc;    
}

#booktoc a.createlinktext { text-decoration: none;  border: 0px;}


/* ----------------------------------------------------------------
 *  Chapter pagination using chapter trails
 * ----------------------------------------------------------------*/

#top-navigation .nav {
  float: right;
}


#btm-navigation {
  margin-top: 4ex;
  padding-bottom: 2ex;
}

#btm-navigation table.nav {
  width: 100%;
}

#top-navigation table.nav,
#btm-navigation table.nav {
  font-family: arial, helvetica, Verdana, sans-serif;   
  font-size: 13.33px;
  border: 1px solid gray;
  border-color: var(--wiki-nav-border);
  border-radius: 4px;
}

#btm-navigation table.nav {
  border: none;
}

#top-navigation table.nav td {
  border-left: 1px solid gray;
  border-color: var(--wiki-nav-border);  
  background-color: var(--wiki-nav-bg);
}

#top-navigation table.nav td:first-child {
  border-left: none;
}

#btm-navigation table.nav td {
}

#btm-navigation table.nav td:first-child {
  width: 24px;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid var(--wiki-nav-border);  
  background-color: var(--wiki-nav-bg);  
}

#btm-navigation table.nav td:last-child {
  width: 24px;
  border-radius: 0px 4px 4px 0px;
  border: 1px solid var(--wiki-nav-border);  
  background-color: var(--wiki-nav-bg);  
}

#btm-navigation table.nav td:nth-child(2) {
  border-top: none;
  border-bottom: none;
  background-color: transparent;
}


#top-navigation .nav .arrow,
#btm-navigation .nav .arrow {
  font-size: 17px;
  font-family: symbola, arial, helvetica, Verdana, sans-serif;     
}

#top-navigation .nav a,
#top-navigation .nav a:visited,
#btm-navigation .nav a,
#btm-navigation .nav a:visited {
  display: inline-block;
  padding: 2px 5px 2px 5px;
  color: var(--wiki-nav-fg);
  height: 20px;
  line-height: 18px;
}

#top-navigation .nav a:hover,
#btm-navigation .nav a:hover {
  background-color: #ccc;
  color: var(--wiki-nav-hover);  
  text-decoration: none;
}

#top-navigation .nav .center a {
  padding-left: 10px;
  padding-right: 10px;
}

#top-navigation .nav .left a,
#top-navigation .nav .right a,
#btm-navigation .nav .left a,
#btm-navigation .nav .right a {
  line-height: 21px;
}

#btm-navigation .nav .lefttext {
  text-align: left;
  padding-left: 1ex;
  color: var(--wiki-nav-fg);  
}

#btm-navigation .nav .righttext {
  text-align: right;
  padding-right: 1ex;
  color: var(--wiki-nav-fg);  
}

/* ----------------------------------------------------------------
 *  Wiki and chapter trails
 * ----------------------------------------------------------------*/

#toptrail button:hover,
#bottomtrail button:hover {
  color: #003380;
}

#toptrail button,
#bottomtrail button {
  font-size: 12px;
  color: #003380; /*#444;*/
}


#toptrail .center button {
  padding-top: 2px;
  padding-bottom: 2px;
}

.booktrail .navtitle {
  font-size: 0.85em;
  color: #777;
  padding-bottom: 10px;
}

.booktrail td.topleft, 
.booktrail td.left {
  width: 30%;
}
 
.booktrail td.topright,
.booktrail td.right {
  width: 30%;
}

#toptrail {
  margin-bottom: 6ex;
  margin-top: 1ex;
  font-size: 13.33px;
}

#toptrail .booktrail {
 border-radius: 10px 10px 0px 0px;  
  /*float: right;*/
  width: 100%;
  border-bottom: 1px solid #ccc;  
/*  border-top: 1px solid #ddd; */ 
}

#toptrail .booktrail td {
  padding: 1px;
  padding-bottom: 0px;
}

#bottomtrail {
 margin-top: 2ex;   
 padding-bottom: 2ex; 
 font-size: 13.33px;
}

#toptrail .booktrail,
#bottomtrail .booktrail {
 background-color: #f0f0f0; /*var(--book-theme-bg);*/ /*#eee;*/ /*f4f4f4;*/
}

#toptrail .booktrail img, 
#bottomtrail .booktrail img {
  width: 14px;
  height: 14px;
}

#bottomtrail .booktrail {
 border-radius: 0px 0px 10px 10px;  
 border-top: 1px solid #ddd; /*var(--book-theme-bg);*/
 /*border-bottom: 1px solid #ccc;*/
}
 
#bottomtrail .booktrail td {
  padding: 1px;
  padding-top: 0px;
}

#bottomtrail hr {
  margin-bottom: 2px;
}

#toptrail a,
#toptrail a:visited,
#bottomtrail a,
#bottomtrail a:visited {
  height: 20px;
  display: inline-block;
  min-width: 100px;
  padding-right: 1ex;
  padding-left: 1ex;
  text-decoration: none;
}

#toptrail a:hover,
#bottomtrail a:hover {
  text-decoration: none;
  color: blue;
  background-color: #ccc;
}

#toptrail .right a {
  border-radius: 0px 8px 0px 0px;
}

#toptrail .left a {
  border-radius: 8px 0px 0px 0px;
}

#bottomtrail .topright a {
  border-radius: 0px 0px 8px 0px;
}

#bottomtrail .topleft a {
  border-radius: 0px 0px 0px 8px;
}

/* ----------------------------------------------------------------
 *  Skin specific structure and format for the site.
 * ----------------------------------------------------------------*/

/* Used with the wikistyle 'themebar' to create a header bar like the
   title bar on the toc sliding box. */
.themebar {
  color: white;
  font-weight: bold;
  padding: 2px;
  text-align: center;
  background-color: black;
  background-image: url('navbg.gif');
}


/* Format the htpasswd user form and the login form. */
.htpasswdusrform table { 
  background-color: #f2efeb;
  padding: 5px;
}

.loginform {
  background-color: #f2efeb;
  padding: 10px;
  padding-left: 2em;
  width: 350px;
}


/* ----------------------------------------------------------------
 *  Book Cover page
 * ----------------------------------------------------------------*/

/* Front page. */
.coverbody div.bookcover {
  text-align: center;
  margin-top: 4ex;
  margin-bottom: 4ex;
}

.coverbody div.bookcover img { }

div.coveropen {
  background-color: #E8E8E8;
  text-align: center;
  min-height: 0.4in;
  margin-bottom: 2.5ex;
}

div.coveropen .password {
  color: #555;
}

div.coveropen .click {
  line-height: 0.4in;
  font-weight: normal;
}

div.coveropen .click:hover{
  background-color: #ffd320;
}

section.coverbody {
  margin-top: 1ex;
  padding-top: 2ex;
/*  margin-left: 0.5in;
  margin-right: 0.5in; */
  padding-left: 0.5in;
  padding-right: 0.5in;
  padding-bottom: 3ex;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19), 0 -1px 3px 0 rgba(0, 0, 0, 0.19); 
  border: 1px solid #bbb;  
  border-left: 6px solid #888;
}

.coverbody div.covertitle {
  font-size: 26pt;
  font-weight: normal;
}

.coverbody div.coverauthor {
  text-align: right;
  font-family: 'Times New Roman', serif;
  font-size: 20pt;
  font-style: italic;
  margin-top: 1ex;
}

.coverbody div.covertext {
  margin-top: 1ex;
  text-align: justify;
}


/* ----------------------------------------------------------------
 *  Miscellaneous
 * ----------------------------------------------------------------*/

/* Hide the category links on the pages. */
a.categorylink {
  display: none;
}

/* Offset named anchors for the float blocks due to the fixed header. */
a.anchor {
  display: block;
  position: relative;
  top: -125px;
  visibility: hidden;
}


/* ----------------------------------------------------------------
 *  Site structure.
 * ----------------------------------------------------------------*/

/* These are for the left-sidebar. */

@media only screen and (max-width: 1024px) {
  .booklogo {
    display: none;
  }
}

/* ----------------------------------------------------------------
 *  Document format.
 * ----------------------------------------------------------------*/


/* Modify the hyper links. */
a, a:visited, a:link {
	color: var(--link-normal-color);
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	color: var(--link-hover-color);
}


/* These control the fixed-width text elements of the page */
textarea, code { font-size: 1em; }
pre { font-size: 1em; }

pre, code { 
  font-family: "Courier New", Lucida Console, Andale Mono, Courier, monospace; 
}

pre { line-height: 1.35; }  
pre code, code code, pre pre { font-size:100%; }

/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1, h2, h3, h4, h5, h6 { margin-top:1.5em; margin-bottom:0.6em; }
/*                       font-family: Arial, sans-serif; color: #202020;}*/
h1, h2 { font-weight:normal; }
h4, h6 { font-weight:bold; }
h3, h5 { font-weight:normal; }
h1 code, h2 code, h3 code, h4 code { font-size:1em; }

h1 { 
  font-size:1.8em; 
}

h2 { 
  font-size:1.7em; 
  line-height: 1em; 
  margin-top: 2em; 
  margin-bottom: 2ex; 
  color: #222; /*var(--book-theme-bg);*/ 
  border-bottom: 2px solid #006d7e;
}

h3 { font-size:1.45em; } 
h4 { font-size:1.2em; }
h5 { font-size:1.0em; } 
h6 { font-size:1.1em;}

h3 { color: var(--book-theme-bg); } /*#0f4374; }*/
h2 { border-bottom: 2px solid var(--book-theme-bg);}

h5 { 
  font-weight: bold; 
  background-color: #e0e0e0; 
  padding: 1px;
  padding-left: 1ex;
  margin-top: 2em;
}

p.par { 
  font-size: 1.0em; 
  font-weight: bold; 
  margin-bottom: 0.5em; 
}

/* Extend the interspace between list items. */
div.stretch li { margin-bottom: 0.5ex; }

/* Create a round light gray box. */
.roundbox {
  background-color: #EEEEEE;
  text-align: center;
  border-radius: 8px 8px 8px 8px;
}


/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
  body { width:auto; margin:0px; padding:0.5em; }
  #wikihead, #wikileft, #wikicmds, .footnav { display:none; }
  #wikifoot { padding:2px; }
  footer { position: fixed; bottom: 0; margin-top: 5ex;}
  section#toptrail { display: none; }
  section#bottomtrail { display: none; }
  #searchbar { display: none; }
}