/* File:     jhg.css
 * Author:   Howard Gibson
 * Date:     2025-05-10
 * Project:  RevPlace Website
 * Language: W3C HTML 5 CSS Level 3
 * */

body {
  background:  white;
  color:  black;
  font-family:  sans-serif;
  max-width:  80em;
  margin-right:  2em;
  margin-left:  2em;
}
a:link {color:  #008000;}
a:visited {color:  #004000;}
a:active {color:  yellow;}
a:hover {
  color:  red;
  background:  yellow;
}

h1 {
  text-align:  left;
  color:  #206020;
  background:  #c0f0d0;
  border-bottom:  solid medium #008000;
  border-right:  solid medium #008000;
  border-radius:  0.2em;
  margin-right:  0em;
  margin-left:  0;
  padding:  0.25em;
  padding-left:  0.5em;
}

img.logo {
  float:  left;
  width:  1.2em;
  height:  1.2em;
  margin-left:  0em;
  margin-right:  0.25em;
  border-bottom:  solid thin #c0f0d0;
  border-right:  solid thin #c0f0d0;
}
img.logo:hover {
  background:  #e0ffe0;
  border-bottom:  solid thin #008000;
  border-right:  solid thin #008000;
}

h2 {
  clear:  both;
}

h3 {
  clear:  both;
}

p {
  text-indent:  1em;
}

.warning {
  font-weight:  bold;
  color:  #800000;
}
.warning strong {
  color:  #400000;
}
p.warning {
  border:  thin solid red;
  padding:  0.5em;
}

div.sidebar {
  clear:  right;
  float:  right;
  width:  40%;
  border-left:  thin solid black;
  border-bottom:  thin solid black;
  margin-left:  1em;
  padding-left:  1em;
  margin-bottom:  0.5em;
}

div.sidebar p {
  margin-top:  0;
}

a.button {
  background:  #c0f0d0;
  border-bottom:  solid thin #004000;
  border-right:  solid thin #004000;
  margin-right:  0.25em;
  margin-left:  0.25em;
  padding-left:  0.5em;
  padding-right:  0.5em;
  color:  #206020;
  font-weight:  bold;
  line-height:   1.0em;
}
a.button:link {
  color:  #006000;
  text-decoration:  none;
}
a.button:visited {color:  #002000;}
a.button:active {color:  #00ff00;}
a.button:hover {
  background:  #e0ffe0;
}

ul.CompactList {
  line-height:  2.0em;
}
ul.CompactList li {
  display:  inline;
  border-right:  solid thin white;
}
ul.CompactList li a {
  padding-left:  0.5em;
  padding-right:  0.5em;
  text-decoration:  none;
  border-bottom:  solid 1px white;
  border-right:  solid 1px white;
}
ul.CompactList li a:hover {
  background:  #e0ffe0;
  color:  #004000; 
  border-bottom:  solid 1px #006000;
  border-right:  solid 1px #006000;
}

p.FirstPar {
  /*float:  right;
  width:  50%; */
}

p.MyName {
  text-indent:  0;
}

p.info {
  text-indent:  0;
}

blockquote {
  color:  #000080;
}

q {
  color:  #000080;
}

div.poetry {
  color:  #000080;
  margin-bottom:  2em;
  font-style:  italic;
}
div.poetry p {
  text-indent:  0;
  padding-bottom:  0;
  margin-bottom:  -1em;
}

ul.nav {
  margin-top:  2em;
  text-align:  center;
  margin-bottom:  2em;
}
ul.nav li {
  list-style:  none;
  display:  inline;
  line-height:  2.5em;
  font-size:  120%;
}
ul.nav li a {
  background:  #c0f0d0;
  color:  #206020;
  border-bottom:  solid thin #000080;
  border-right:  solid thin #000080;
  margin-right:  0.5em;
  margin-left:  0;
  padding-top: 0.25em;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 0.25em;
  font-weight:  bold;
}
ul.nav li a:link {
  color:  #0000f0;
  text-decoration:  none;
}
ul.nav li a:visited {color:  #000080;}
ul.nav li a:active {color:  #0000ff;}
ul.nav li a:hover {
  background:  #e0ffe0;
}

dl.articles {
  margin-top:  -1em;
}
dl.articles dt {
  margin-top:  1em;
  font-weight:  bold;
  display:  inline-block;
}
/*dl.articles dt:after {
  content:  ': ';
}*/
dl.articles dd {
  display:  inline;
  margin-left:  0.5em;
}
dl.articles dd:after {
  display:  block;
  content:  '';
}

dl.dialog {
}
dl.dialog dt {
  font-weight: bold;
  display:  inline-block;
  margin-left:  -1em;
}
dl.dialog dd {
  display:  inline;
  margin-left: 0.5em;
}
dl.dialog dd:after {
  display:  block;
  content:  '';
  margin-left:  2em;
}

dl.numbered {
  counter-reset:  section;
}
dl.numbered dt::before {
  counter-increment:  section;
  content:  counter(section) ". ";
}

p.signature {
  text-align:  right;
}

.footer {
  clear:  both;
  border-top:  solid thin black;
  text-indent:  0;
  padding-top:  0.75em;
  font-size:  75%;
  text-align:  right;
  line-height:  2.5em;
}

ul.contents {
  font-size:  1.2em;
}
ul.contents li {
  list-style:  none;
}
ul.contents li ul li {
  font-size:  90%;
  display:  inline;
}
ul.contents li a {
  text-decoration:  none;
  padding-left:  0.5em;
  padding-right:  0.5em;
  border-right:  solid thin white;
}
ul.contents li a:hover {
  background:  #e0ffe0;
  color:  #004000; 
  border-bottom:  solid thin #006000;
  border-right:  solid thin #006000;
}

.fullwidth {
    clear:  both;
    margin-top:  0;
    margin-bottom:  0;
    margin-left:  auto;
    margin-right:  auto;
}
.fullwidth table {
    margin-left:  auto;
    margin-right:  auto;
}

.photo {
  margin-top:  0;
  text-align:  center;
  display:  block;
  margin-left:  auto;
  margin-right:  auto;
  text-indent:  0em;
}

.caption {
  text-align:  center;
  border-top:  thin solid black;
  width:  75%;
  margin-right:  auto;
  margin-left:  auto;
  padding-top:  0.5em;
}

div.Picture {
    clear:  left;
}
div.Picture img {
    margin-bottom:  0.5em;
}

table {
}
table tr {
}
table th {
  padding-right:  0.5em;
  padding-left:  0.5em;
  vertical-align:  bottom;
}
table td {
  padding-right:  0.5em;
  padding-left:  0.5em;
  vertical-align:  top;
}
table tr.bottom {
}
table tr.bottom th {
  border-bottom:  thin solid black;
}
table tr.bottom td {
  border-bottom:  thin solid black;
}
table tr.top {
}
table tr.top th {
  border-top:  thin solid black;
}
table tr.top td {
  border-top:  thin solid black;
}
table tr td.label {
  text-align:  right;
}
table tr td.number {
  text-align:  right;
  font-family:  sans-serif;
}

table.graphics {
    clear:  both;
    margin-left:  auto;
    margin-right:  auto;
}
table.graphics tr {
    border:  1px;
}
table.graphics tr td {
    text-align: center;
    padding-left:  1em;
    padding-right:  1em;
}

table.numbers {
}
table.numbers tr {
}
table.numbers th {
  text-align:  right;
}
table.numbers td {
  text-align:  right;
}

table.TwoCol {
  width:  100%;
}
table.TwoCol tr {
}
table.TwoCol tr td {
  width:  50%;
}

p.gallery {
    text-indent:   0em;
    text-align:   center;
}

span.refer {
  color:  #004000;
  font-size:  75%;
  vertical-align:  sub;
}
span.refer:before {
  content:  "[Ref"
}
span.refer:after {
  content:  "]"
}
span.refer a {
  display:  none;
  position:  absolute;
  background-color:  white;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-left: 0;
  padding:  0.5em;
}
span.refer:hover {
}
span.refer:hover a {
  display:  inline;
}

span.note {
  color:  #004000;
  font-size:  75%;
  vertical-align:  sub;
}
span.note:before {
  content:  "[Note"
}
span.note:after {
  content:  "]"
}
span.note a {
  display:  none;
  position:  absolute;
  background-color:  white;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-left: 0;
  padding:  0.5em;
}
span.note:hover {
}
span.note:hover a {
  display:  inline;
}

.right {
  clear:  right;
  float:  right;
  margin-top:  1em;
  margin-left:  1em;
  margin-bottom:  1em;
  margin-right:  0;
}
.right img {
  border:  0;
  margin-right:  0;
}

.left {
  clear:  left;
  float:  left;
  margin-top:  1em;
  margin-right:  1em;
  margin-bottom:  1em;
}
.left img {
  border:  0;
}

a.note {
  vertical-align:  sub;
  font-size: 75%;
}

a.author {
  font-style:  italic;
}

/* FAQ Tools */
.question {
  font-weight:  bold;
  color:  #004000;
}
.answer {
  color:  #400000;
  margin-left:  2em;
}
/* FAQ Tools end */

/* This is used in OfficeSuiteAbuse.html */
.key {
  font-weight:  bold;
}
.key:before {
  content:  "[";
}
.key:after {
  content:  "]";
}
.menu {
  font-weight:  bold;
  font-style:  italic;
}
.Button  {  
  border-right:  black thin solid;
  border-left:  black thin solid;
  padding-left:  0.5em;
  padding-right:  0.5em;
  background:  #dddddd;
}
/* End of OfficeSuiteAbuse.html stuff */

/* Start of htlatex and make4ht mods */ 
h2.titleHead {
  text-align:  left;
  background:  #c0f0d0;
  border-bottom:  solid medium #006000;
  border-right:  solid medium #006000;
  border-radius:  0.2em;
  margin-right:  0.25em;
  margin-left:  0;
  padding:  0.25em;
  padding-left:  0.5em;
  color:  #206020;
}
div.author {
  text-align:  center;
}
div.date {
  text-align:  center;
}
p.noindent {
  text-indent:  0;
}
table.tabular {
  width:  100%;
}
table.tabular tr {
}
table.tabular tr th {
  padding-right:  1em;
}
table.tabular tr td {
  padding-right:  1em;
}
table.tabular tr td.td11 {
  margin-top;  0;
  margin-bottom;  0;
}
table.tabular tr td p {
  margin-top:  0;
  margin-bottom:  0;
}
img graphics {
  width:  200%;
  height:  auto;
}
.cmti-12 {  /* Emphasised mode ??? */
  font-style:  italic;
}
.cmti-10 { /* More emphasised mode ??? */
  font-style:  italic;
}
.cmmi-12 {  /* Used for equation values ??? */
  font-style:  italic;
}
.ecti-1200 {  /* Emphasised Mode */
  font-style:  italic;
}
.ectt-1200 { /* Monospace/Computer font */
  font-family:  monospace;
}
div.centerline {
  text-align:  center;
}
.tableofcontents a {
  text-decoration:  none;
  padding-left:  0.5em;
  padding-right:  0.5em;
}
.tableofcontents a:hover {
  background:  #e0ffe0;
  color:  #004000; 
  border-bottom:  solid thin #008000;
  border-right:  solid thin #008000;
}
.quote {
  margin-right:  4em;
  margin-left:  4em;
  color:  #000080;
}
table.equation {
  margin-left:  auto;
  margin-right:  auto;
}
.equation-label {
  padding-left:  2em;
}
/* End of htlatex mods */ 

.printonly {
  display:  none;
}

.cellphoneonly {
  display:  none;
}

.nocellphone {
  display:  inline-block;
}

.editor-highlight {
  background:  #ffd0d0;
  padding-right:  0.5em;
  padding-left:  0.5em;
}

.editor-remove {
  text-decoration:  line-through;
  color:  #800000;
  background:  #ffd0d0;
  padding-right:  0.5em;
  padding-left:  0.5em;
}

.editor-add {
  color:  #800000;
  background:  #ffd0d0;
  padding-right:  0.5em;
  padding-left:  0.5em;
}

.editor-remark {
  color:  #000080;
  background:  #d0d0ff
}
.editor-remark:before {
  content:  "{";
}
.editor-remark:after {
  content:  "}";
}

@media only screen and (hover:none) {
  body {
    font-size:  150%;
    margin-right:  1em;
    margin-left:  1em;
  }
  h1 {
    line-height:  2em;
  }
  p {
    text-indent:  3em;
  }
  img.logo {
    width:  2em;
    height:  2em;
  }
  p.FirstPar {
    width:  100%;
  }
  ul.nav ul {
    clear:  both;
  }
  ul.nav ul li {
    display:  inline;
    margin:  2em;
    font-size:  300%;
  }
  table {
    width:  100%;
  }
  table.TwoCol {
  }
  table.TwoCol tr {
  }
  table.TwoCol tr td {
    font-size:  150%;
  }
  .footer {
    font-size:  75%;
  }
  ul.contents {
  }
  ul.contents li {
    line-height:  2em;
  }
  ul.contents li ul li {
    line-height:  2em;
    font-style:  italic;
  }
  div.sidebar {
    font-size:  150%;
  }
  dl {
  }
  dl dd {
    margin-left:  4em;
  }
  a.button {
    line-height:  2em;
  }
  table.tableofcontents {
  }
  table.tableofcontents tr {
  }
  table.tableofcontents td {
  }
  table.tableofcontents td a {
    line-height:  2em;
  }
  dl.articles {
  }
  dl.articles dt {
    margin-top:  1.0em;
    display:  block;
  }
  dl.articles dd {
    display:  block;
    margin-left:  3em;
  }
  dl.articles dt:after {
    content:  '';
  }
  ul.CompactList {
  }
  ul.CompactList li {
    font-size:  150%;
    line-height:  3em;
  }
  .cellphoneonly {
    display:  block;
  }
  .nocellphone {
    display:  none;
  }
}

@media print {
  h1 {
    background:  white;
    color:  black;
    width:  100%;
    border-right:  none;
    padding-left:  0;
    border-bottom:  thin solid black
  } 
  h2.titleHead {
    background:  white;
    color:  black;
    width:  100%;
    border-right:  none;
    padding-left:  0;
    border-bottom:  thin solid black
  }
  .noprint {
    display:  none;
  }
  .printonly {
    display:  inline-block;
  }
  /*p.FirstPar {
    width:  100%;
  }*/
  .nav {
    display:  none;
  }
  a.button {
    background:  white;
    border:  none;
    margin-left:  0;
    margin-right:  0;
  }
  .ref {
    font-size:  medium;
    vertical-align:  baseline;
  }
  .ref span {
    display:  inline;
    position:  relative;
    box-shadow:  none;
    padding:  0;
  }
  .ref span a {
    text-decoration:  none;
  }
  span.refer a {
    display:  inline;
    vertical-align:  sub;
    text-decoration:  none;
  }
  span.refer:before {
    content:  "Ref:"
  }
  span.refer:after {
    content:  ""
  }
  span.note a {
    display:  inline;
    vertical-align:  sub;
    text-decoration:  none;
  }
  span.note:before {
    content:  "Ref:"
  }
  span.note:after {
    content:  ""
}