@charset "UTF-8";

/* Web-safe colours should have % rgb values as a multiple of 20 */

.standardscreen{
  display: inline;
}
  
.smallscreen{
  display: none;
}

body
{
  background: white;
  padding: 0px;
  margin: 0px;
  color: black;
  min-height: 98vh;
}

#banner
{
   font-family: serif;
   background: white;
   position: relative;
}

#banner > div.title
{
   min-width: 85%;
   max-width: 85%;
   margin: 0px;
   padding: 0px;
   position: relative;
   font-size: 0.5in;
   font-weight: bold;
   font-variant: small-caps;
   font-family: serif;
   text-align: center;
   padding-bottom: 1.5ex;
   padding-top: .5ex;
}

#banner > div.title a
{
  text-decoration:none;
  color: black;
}

#banner > div.cookies{
  position: absolute;
  bottom: 0%;
  max-width: 75%;
  font-size: small;
  margin: .5em
}

#banner > div.logo{
   position: absolute;
   right: 0%;
   padding: 5px;
}

#banner > div.buttons
{
   font-size: small;
   text-align: right;
   padding: 1px;
   position: absolute;
   bottom: 0%;
   right: 0%;
   max-width: 24%;
}

#sidebar
{
   font-family: serif;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   font-size: small;
   background: white;
   text-align: left;
   margin: 1px;
   padding: 1px;
}

.fixed_btm{
  bottom: 0;
  position: fixed;
  right: 0;
}

.current { font-weight: bold; }
.topic { font-weight: bold; font-size: large; }
.subtopic { font-weight: bold; font-size: medium; }

div#sidebar > ul:not(.listnav)
{
   padding-left: 1em;
   list-style-position: outside;
}

ul.listnav
{
   list-style-type: none;
   padding-left: 0px;
   margin-left: 0px;
   padding-right: 0px;
   margin-right: 0px;
}

ul.listnav > li ul
{
   list-style-type: none;
   padding-left: 0.25em;
   margin-left: 0.25em;
}

ul.listnav > li > ul > li > ul
{
   margin-left: 0.5em;
}

#sidebar ul.listnav > li > ul > li > ul > li
{
   font-size: smaller;
}

ul.listnav a { text-decoration: none; }
ul.listnav a:hover { text-decoration: underline; }

#sidebar ul.listnav  li::before {
  margin-right: 1px;
  padding-right: 1px;
  text-align: right;
  width: 1.0em;
  display: inline-block;
}

#toolbar
{
  font-weight: bold;
  font-variant: small-caps;
  font-size: medium;
  color: black;
  border: 2px solid black;
  padding: 6px;
}

.tool
{
  padding: 4px .5em;
  margin: 0px;
  display: inline;
  white-space: nowrap;
}

div.tool a
{
   text-decoration: none;
}

span.toolbutton
{
  font-weight: normal;
  font-variant: normal;
  display: inline;
  padding-left: .5em;
}

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

.alignleft { float: left; }
.alignright { float: right; }

#hamburger, #hamburger-close {
  display: none;
  border: none;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  padding-right: 2px;
  margin-left: 4px;
  margin-top: 2px;
  float: right;
  cursor: pointer;
  font-size: medium;
  font-weight: normal;
}

div#google_translate_element
{
  display: inline;
  float: right;
}

#main
{
   background: white;
   font-family: serif;
   font-weight: normal;
   min-height: 350px;
   padding: 14px;
}

#newsbanner
{
   background: white;
   border: 4px solid red;
   padding: 1ex;
}

#recentnews
{
  font-size: small;
  padding-left: 14px;
  padding-right: 14px;
  border-bottom: 1px silver solid;
  background: white;
}

#footnotes
{
   background: white;
   color: black;
   font-family: serif;
   font-weight: normal;
   border: 1px solid black;
   padding: 1ex;
}

#boilerplate
{
  font-family: serif;
  font-style: italic;
  font-size: small;
  text-align: center;
  border-top: 1px solid silver;
}

a.sitenavigation
{
   padding: 1.5em;
   margin: 1.5em;
}

#footer
{
  font-size: small;
  text-align: center;
  border-top: 1px solid silver;
}

.showaccesskey::before
{
   content: "[";
}

.showaccesskey::after
{
   content: "] ";
}

div.bookcover
{
   float: left;
   padding-right: 1em;
}

.booktitle { font-style: italic; }

.moddate { font-style: italic; }

div.resultlistitem { padding-bottom: .5ex; margin-bottom: .5ex; padding-top: .5ex; margin-top: .5ex; }
div.resultlisttitle { display: block; }
div.resultlistsummary { padding-left: 3em; padding-bottom: 1ex; }
div.searchresults span.category { font-weight: bold; }
div.searchresults span.status { font-weight: bold; }

div.bump
{
   padding-left: 1em;
   display: inline-block;
   font-size: smaller;
}

div.like
{
   padding-left: 1em;
   display: inline-block;
   font-size: smaller;
}

div.comment span.from { font-style: italic; }
div.comment blockquote { border-left: solid silver; }

.role_admin { color: green; }
.status_verified { color: green; }
.status_pending { color: blue; font-weight: bold; }
.status_draft { color: #a814fd; font-weight: bold; }
.status_blocked { color: red; font-weight: bold; }

div.markup
{
   display: inline-block;
   vertical-align: top;
}

div.preview
{
   border: 1px dotted;
}

table.cookies tr
{
  vertical-align: top;
}

table.cookies tr td
{
  padding-bottom: 1.5ex;
  padding-top: 1.5ex; 
}

div.faqtitle { font-weight: bold; font-size: large;}

.spoilersurround {border: 1px dashed silver;}
.hidespoiler {visibility: hidden;}

button:not(:focus).visually-hidden
{
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

span.header, label.header { font-weight: bold; }
div.inlineheader { font-weight: bold; display: inline-block; }

.nobr { white-space: nowrap; }

.linkicon { display: inline-block; }
.linkiconleft { display: inline-block; padding-right: .25em; }
.linkiconright { display: inline-block; padding-left: .25em; }
a.icon { white-space: nowrap; }
a.icon span { white-space: normal; }

.textit { font-style: italic; }

.textbf { font-weight: bold; }

.code { font-family: monospace; }
.file { font-family: monospace; }
.meta { font-style: italic; color: green; }

dl.exerciselist dt { font-weight: bold; }
dl.exerciselist dd { padding-bottom: 2ex; }

dl.acronymlist dd { padding-bottom: 2ex; }

.sideimage { float: right; overflow: auto; margin-left: .5em; }

.galleryimage { padding: 2pt; border: solid 1pt; }

figcaption { text-align: center;  font-weight: bold;}

div.subcaption { text-align: center; font-weight: bold; }

div.subfigure { display: inline-block; padding-left: .25em; padding-right: .25em; padding-top: 1ex; padding-bottom: 1ex; }

div.figureimage { overflow: auto; text-align: center; padding-top: 1ex; padding-bottom: 1ex; }

div.widetable { overflow: auto; }

div.wideinlinetable { overflow: auto; display: inline;}

table.inline { display: inline; }

table.accountinfo { overflow: auto; }
table.accountinfo tr { vertical-align: top; }
table.accountinfo th { text-align: left; }

div.accountinfo > div {margin-bottom: 2ex; overflow: auto; }
div.accountinfo > div > div.header
{
   font-weight: bold;
   min-width: 10em;
   display: inline-block;
}

div.accountinfo > div > div.content
{
   display: inline-block;
   padding-right: 2em;
}

div.accountinfo > div > div.action
{
   display: inline-block;
}

table.appinfo tr { text-align: left; }
table.bookinfo tr { text-align: left; vertical-align: top; }

dl.bookinfo
{
   display: grid;
   grid-template-columns: max-content auto;
}

dl.bookinfo dt
{
  grid-column-start: 1;
  font-weight: bold;
}

dl.bookinfo dd
{
  grid-column-start: 2;
  padding-bottom: 0.5ex;
}

table.download { border: 3px double black; border-collapse: collapse; }

table.download tr { text-align: center; }

table.download td { border: 3px double gray; border-collapse: collapse; }
table.download th { border: 3px double gray; border-collapse: collapse; }

table.competitions td { vertical-align: top; padding-left: .5em; padding-right: .5em;}
table.competitions td img { vertical-align: top; float: left;}

td.numeric { text-align: right; padding-right: 1em; }

form table tr {text-align: left; vertical-align: top; }
form table tr th  { vertical-align: top; }
form table tr td  { vertical-align: top; }
.elementerror {color: red;}

table.reportinfo tr {text-align: left; vertical-align: top; }

table.searchresults {border-collapse: separate; border: 1px solid}
table.searchresults td {border: 1px solid; }

div.config_name 
{
   display: inline-block;
   min-width: 15em;
   font-family: monospace;
   font-weight: bold;
}

div.config_value 
{
   display: inline-block;
   min-width: 10em;
}

div.config_description 
{
   display: inline-block;
}

.resultrowheader { font-weight: bold; font-size: large; }

button img { vertical-align: middle; }
a.submit img { vertical-align: middle; }
a.submit, a.submit:link, a.submit:visited
{
   text-decoration: none;
   color: black;
   padding: 2px;
}

.buttongroup { display: inline; }
.buttongroupelement { display: inline; width: 5em; }

button.page_button, button.page_button_first, button.page_button_last 
{
  padding: 0px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: .5em;
  margin-right: .5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
}

dl.boldspaced dt { font-weight: bold; padding-top: 1ex; }
dl.boldspaced dd { padding-bottom: 1ex; padding-top: .5ex; }

dl.inline dt { display: inline; }
dl.inline dd { display: inline; margin: 0;}
dl.inline dd:after { display: block; content: '';}

dl.news dt { font-weight: bold;}
dl.news dd { padding-bottom: 2ex;}
dl.news dd ul { padding-left: 0ex; margin-left: 0ex; list-style-type: none; }
dl.news dd ul ul { padding-left: 1ex; margin-left: 1ex; list-style-type: disc; }

ul.selection
{
   list-style-type: none;
   padding-left: 0px;
}

ul.selection ul
{
   list-style-type: none;
   padding-top: 1ex;
   padding-bottom: 1ex;
}

ul.toc
{
  padding: 0em;
  margin: 0em;
  padding-left: 0.5em;
  margin-left: 0.5em;
}
ul.toc > li > ul
{
   padding-left: 1em;
   margin-left: 0em;
}
ul.toc > li > ul > li > ul
{
   padding-left: 1em;
   margin-left: 0em;
}
ul.toc > li
{
  font-size: large;
  padding-top: .5ex;
  padding-bottom: .5ex;
  padding-left: 0em;
  margin-left: 0em;
}
ul.toc > li > ul li
{
  font-size: medium;
  padding-top: .25ex;
  padding-bottom: .25ex;
  padding-left: 0em;
  margin-left: 0em;
}

ul.toc .topic { font-weight: bold; }

ul.toc a { text-decoration: none; }
ul.toc a:hover { text-decoration: underline; }

span.spacer { padding-left: 1em; padding-right: 1em; }

div.confirmation
{
   background: #ffffcc;
}

div.maintenance
{
   background: #ffcccc;
}

span.notset
{
   font-weight: normal;
   font-style: italic;
   color: silver;
}

blockquote.transcript 
{
  white-space: pre-wrap;
  font-family: monospace; 
  margin-top: -2ex;
}

li > blockquote.transcript { margin-top: 0ex; }

pre.codeblock { white-space: pre-wrap; overflow: auto;}
pre.shell { overflow: auto;}

div.navline { text-align: center; width: 100%; min-height: 3ex; }
div.navline > div.navleft { display: inline-block; float: left; }
div.navline > div.navright { display: inline-block; float: right; }

div.summaryheading
{
   display: block;
   font-size: large;
   font-weight: bold;
   font-size : x-large;
   padding-bottom: 1ex;
}

div.summary-name
{
  font-size : x-large;
  padding-top: 1ex;
}

div.summary-desc 
{ 
  padding-left: 2em;
}

div.booksample a 
{
   text-decoration: none;
}

.booksample
{
  width: 400px;
  overflow: auto;
  border: 1px solid silver;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
}
.booksampleheader 
{
  display: inline-block; 
  font-size: xx-large;
  width: 336px;
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
.booksampletrailer 
{
  display: inline-block; 
  font-size: medium;
  width: 336px;
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
.booksampleheaderleft 
{ 
  display: inline-block; 
  width: 28px;
  max-width: 28px;
  text-align: left;
  padding-left: 2px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.booksampleheaderright 
{ 
  display: inline-block; 
  width: 28px;
  max-width: 28px;
  text-align: right;
  padding-left: 0px;
  padding-right: 2px;
  margin-left: 0px;
  margin-right: 0px;
}

.disabled { color: silver; }

div.navigate
{
  padding-bottom: 4ex;
  line-height: 0.9;
  font-size: small;
  font-weight: normal;
  text-align: center;
}

div.navigatesym
{
   font-size: xx-large;
   font-weight: bold;
}

div.navigateprev
{
  position: absolute;
  left: 0;
  width: 30%;
  min-width: 30%;
  max-width: 30%;
  border: 2px outset;
}

div.navigateup
{
  position: absolute;
  left: 34%;
  width: 28%;
  min-width: 28%;
  max-width: 28%;
  border: 2px outset;
}

div.navigatenext
{
  position: absolute;
  width: 28%;
  min-width: 28%;
  max-width: 28%;
  left: 66%;
  border: 2px outset;
}

div.disnavigateprev
{
  position: absolute;
  left: 0;
  width: 30%;
  min-width: 30%;
  max-width: 30%;
  color: silver;
  border: 2px inset;
}

div.disnavigateup
{
  position: absolute;
  left: 34%;
  width: 28%;
  min-width: 28%;
  max-width: 28%;
  color: silver;
  border: 2px inset;
}

div.disnavigatenext
{
  position: absolute;
  width: 28%;
  min-width: 28%;
  max-width: 28%;
  left: 66%;
  color: silver;
  border: 2px inset;
}


div.navigateprev a {font-weight: bold; text-decoration: none;}
div.navigateup a {font-weight: bold; text-decoration: none;}
div.navigatenext a {font-weight: bold; text-decoration: none;}

div.bottomnavigateprev, div.bottomnavigateup, div.bottomnavigatenext, div.bottomdisnavigateprev, div.bottomdisnavigateup, div.bottomdisnavigatenext
{
  font-size: small;
  font-weight: normal;
  width: 30%;
  min-width: 30%;
  max-width: 30%;
  text-align: center;
  display: inline-block;
}

div.bottomdisnavigateprev, div.bottomdisnavigateup, div.bottomdisnavigatenext
{
  color: silver;
}

div.bottomnavigateprev a {font-weight: bold; text-decoration: none;}
div.bottomnavigateup a {font-weight: bold; text-decoration: none;}
div.bottomnavigatenext a {font-weight: bold; text-decoration: none;}

span.keystroke
{
   border-style: outset;
   font-family: monospace;
}

div.code 
{
   font-family: monospace;
   border: 6px groove;
   padding: 1ex;
   overflow: auto;
}

div.shell 
{
   font-family: monospace;
   border: 6px double;
   padding: 1ex;
}

div.definition 
{
   font-family: monospace;
   border: 6px ridge;
   padding: 1ex;
}

div.displayblock
{
   font-family: monospace;
   padding-top: 1ex;
   padding-bottom: 1ex;
}

div.result 
{
   border: 6px groove;
   padding: 1ex;
}

div.warning
{
  font-size: large;
  font-weight: bold;
  color: red;
  position: absolute;
  left: 0px;
  min-width: 1em;
  text-align: center;
  border: 2px solid;
  background: white;
  margin-top: 2ex;
}

div.incorrect
{
  color: red;
  font-size: large;
  font-weight: bold;
  position: absolute;
  left: 0px;
  min-width: 1em;
  text-align: center;
  border: 2px solid;
  background: white;
  margin-top: 2ex;
}

div.correct
{
  color: green;
  font-size: large;
  font-weight: bold;
  position: absolute;
  left: 0px;
  min-width: 1em;
  text-align: center;
  border: 2px solid;
  background: white;
  margin-top: 2ex;
}

a.linkanchor
{
  font-size: smaller;
  color: silver;
  text-decoration: none;
}

span.warning
{
  font-weight: bold;
  color: red;
}

span.incorrect
{
  font-weight: bold;
  color: red;
}

span.correct
{
  font-weight: bold;
  color: green;
}

a.gls
{
  text-decoration: none;
  color: blue;
}

div.indexentry
{
   display: inline-block;
   min-width: 13em;
   border-bottom: thin silver dotted;
   padding-right: 2em;
   padding-top: .5ex;
   padding-bottom: .5ex;
}

div.indexloc
{
   display: inline-block;
   margin-left: 1em;
   padding-top: .5ex;
}


div.indexheading
{
   display: block;
   font-size: large;
   font-weight: bold;
}

div.index
{
  line-height: 1.5;
}

div.index div.index
{
  margin-left: 2em;
}

div.indextotop
{
  font-size: small;
}

div.alltt
{
   padding-top: 2ex;
   padding-bottom: 2ex;
}

.legalterm { font-weight: bold; }

div.spaced, p.spaced
{
  margin-bottom: 5pt;
}


ul.spaced li
{
  margin-bottom: 5pt;
}

ol.spaced li
{
  margin-bottom: 5pt;
}

ul.unilist ul
{
  padding-left: 0.5em;
  margin-left: 0em;
}

ul.unilist li
{
  list-style: none;
  line-height: 1.5em;
  padding-left: 0.125em;
  margin-left: 0em;
}

.unibull { float: left; width: 1.25em; }

ul.unilist ul li
{
   font-variant: normal;
   font-size: small;
}

input[type=submit], button[type=submit], button.submit, a.submit
{
  border-style: outset;
  font-weight: bold;
  font-family: "Noto Sans", "DejaVu Sans Condensed", sans-serif;
  font-size: medium;
}

input[type=submit]:active, button[type=submit]:active, button.submit:active, a.submit:active
{
   border-style: inset;
}

a.social[target="_blank"]:before
{
   content: "";
}

#sidebarskip a
{
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

#sidebarskip a:focus
{
  position:static;
  width:auto;
  height:auto;
} 

#skip a
{
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
 
#skip a:focus
{
  position:static;
  width:auto;
  height:auto;
} 

.prompt
{
  display: none;
}

div.error
{
   font-weight: bold;
   color: red;
}

div.symbollist
{
   overflow: auto;
}

table.symbollist, table.symbollist tr th, table.symbollist tr td
{
   border-collapse: collapse;
   border: solid;
   border-width: thin;
   border-color: silver;
}

table.topheader td, th { padding: 0 20px; }
table.topheader th { text-align: center; }

div.bookblock
{
   display: inline-block;
   overflow: auto;
   text-align: center;
   vertical-align: top;
}

div.banner
{
   text-align: center;
   padding: 2ex;
}

.wide
{
   overflow: auto;
}

.wideright
{
   overflow: auto;
   float: right;
}

textarea.wide
{
   width: 60em;
}

textarea.halfwide, input[type="text"].halfwide
{
   width: 50vw;
   overflow: auto;
}

div.smashwords-widget a[target="_blank"]:before
{
   content: "";
}

#goodreads-widget {
    font-family: georgia, serif;
    padding: 18px 0;
    width:575px;
}

#goodreads-widget h1 {
    font-weight:normal;
    font-size: 16px;
    border-bottom: 1px solid #BBB596;
    margin-bottom: 0;
}

#goodreads-widget a {
    text-decoration: none;
    color:#660;
}

#goodreads-widget iframe {
    background-color: #ffffff;
}

#goodreads-widget a:hover { text-decoration: underline; }

#goodreads-widget a:active {
    color:#660;
}

#gr_footer {
    width: 100%;
    border-top: 1px solid #BBB596;
    text-align: right;
}

#goodreads-widget .gr_branding{
    color: #382110;
    font-size: 11px;
    text-decoration: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.extract
{
   font-style: italic;
   margin-left: 10%;
   margin-right: 10%;
}

/* JavaScript button activated collapsible content*/

.collapsible
{
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 4px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 10px;
}

.prominent
{
  color: black;
  font-weight: bold;
  font-size: large;
}

.active, .collapsible:hover
{
  background-color: #ccc;
}

.collapsible_content
{
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.collapsible_content a.linkanchor
{
  position: absolute;
  left: 10px;
  font-size: small;
  text-decoration: none;
}

.collapsible:after
{
  content: '\02795';
  font-size: 10px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after
{
  content: "\2796";
}

.container a
{
  padding: .2em;
}

/* larger tap area for touchscreen users */

@media (pointer: coarse)
{
  .container a
  {
    padding: .8em;
  }
}