:root 
{
  /* \\Mauro19\Documenten\Access\ColorRGB.xlsm */
  --colorRed: #8c3737; /* darkRed */
  --backRed: #f7e5e5; /* rose */
  --backRedLight: #fcf5f5; /* very light red */
  
  --colorGreen: #6b9177; /* gray green */
  --backGreen: #e1eae4; /* light green */
  --backGreen2: #ecf2e8; /* Blue */ /*#3f57bf #781a1d #1a7825; #293c91; #9ad9ae;*/
  /*--backGreen3: #9ad9ae; light green */
  --backGreen3: #43ac65; /* green */
  
  --colorH1:#77877c; /* dargGreen */
  --backH1: white; /* lightGreen */

  --backH2: #e1eae4;
  /*--colorH2: #3d53b3;  gray green */
  --colorH2: darkgray;
  
  --colorBold: #3e3e40;  /* dark gray */
  --colorStrong: darkgray;
  
  --textColor: white;
  --defautText: #333333; /* dark gray */
  
  --colorFieldSet: #555; /* light dark gray */
  --backFieldSet: white;
  --borderFieldSet: #ccc; /* gray */
  --focus: #f5f9f6; /* light green */
  --buttonEnd: #abc1b3; /* light gray green */
  --backBody: #f2f7ef; /* very light green */
  --colorButton: #38463c; /* very dark green */
  --shadow: #888888; /* gray */
  --backImageContainer: #d2e8c4; /* light green */
  --borderImage: #cecece; /* light gray */
  
  --WtRef: #292929; /* very dark gray */
  --FaqSeq: #ff9999; /* light rose */
  --Alternate: #f2f2f2; /* very light gray */

  --colorAFaq: #3e3e40;  /* dark gray */
  --colorAFaqVisited: #868686;  /* dark gray */

  --borderRadius: 4px;
}

@font-face
{
  font-family: Titillium;
  src: url(Titillium/TitilliumWeb-Regular.ttf);
}
@font-face
{
  font-family: Titillium;
  font-weight: bold;
  src: url(Titillium/TitilliumWeb-Bold.ttf);
}
@font-face
{
  font-family: Titillium;
  font-style: italic;
  src: url(Titillium/TitilliumWeb-Italic.ttf);
}

html, div, h1, h2, h3 p
{
  font-family: Titillium, Arial;
}

html
{
  margin: 0px;
  padding: 0px;
  color: var(--defaultText);
  height:100%;
}

*
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body
{
  margin:0px;
  padding:0px;
}

h1
{
  color:var(--colorH1);
  font-size:20pt;
  /*! background-color: var(--backH1); */
  margin-top:0.1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

h1 a
{
  color:var(--colorH1);
}

h2
{
  color: var(--colorH2);
}

a
{
  color:#;
  text-decoration: none;
}

strong, b
{
  color: var(--colorBold);
}

img
{
  max-width: 100%;
  height: auto;
}

@keyframes errorBorder
{
  0% {border-left:3px dotted var(--colorRed);}
  50% {border-left:3px dotted var(--colorRed);}
  51% {border-left:4px dotted var(--colorRed);}
  100% {border-left:4px dotted var(--colorRed);}
}

.error
{
  margin:5px;
  padding:5px;
  border-left:3px dotted var(--colorRed);
  background-color: var(--backRed);
  animation: errorBorder 1s ease-in-out 0s infinite alternate;
}

.success
{
  margin:5px;
  padding:5px;
  border-left: 3px dotted var(--colorGreen);
  background-color: var(--backGreen);
}

div.Wt-domRoot
{
  margin: 0 auto;
}

/* FAQ */
div.Wt-tree .Wt-label
{
  cursor: pointer;
}

/* BODY */
body
{
  height:100%;
}

div.footer
{
  background-color: var(--backGreen);
}

div.footer > div
{
  box-sizing: initial;
  padding:5px;
  border-left: 3px dotted var(--colorGreen);
  background-color: var(--backGreen);
  margin-bottom: 20px;
}
/* INPUT */
#topHeaderPixel
{
  margin-top: 50px;
  height:100px;
  transition: height 1s;
}
.headerToStick
{
  transition: height 2s;
  /*border:2pt solid green;*/
}
div.headerFrame
{
  position: fixed;
  top: 0px;
  width:100%;
}
div.header.headerStickToTop
{
  height: 60px;
  overflow:hidden
}
div.headerLogo
{
  padding-top: 0.2em;
  margin-left: 0.2em;
  margin-right: 1em;
  float: left;
}
div.headerLogo > img
{
  cursor: pointer;
}
div.header
{
  height: 120px;
  display: flex;
}
div.headerContent
{
  flex-grow: 10;
}
div.headerLogoLabel
{
  color: white;
  font-size: 11pt;
  padding-left: 0.2em;
  font-style: italic;
}
div.headerLanguages
{
  color: white;
  font-weight: bold;
  margin-right: 1em;
  text-align: right;
  margin-right: 0.5em;
}
div.headerLanguages > span
{
  cursor: pointer;
}
div.headerUserInfo
{
  color: white;
  text-decoration: italic;
  text-align:right;
  margin-right: 0.5em;
}
label.setStyleClass
{
  float: none;
}
span.PageEditFormEnd
{
  clear: left;
  display: block;
}

input.Wt-invalid,
textarea.Wt-invalid
{
 -webkit-box-shadow: inset 0 1px 1px rgba(159, 94, 94);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(159, 94, 94);
}

div.FormRow > input,
div.FormRow > select,
div.FormRow > textarea,
div.inscriptionFormComment textarea,
fieldset
{
  padding: 6px 12px;
  margin:5px 0px;
  color: var(--colorFieldSet);
  background-color: var(--backFieldSet);
  border: 1px solid var(--borderFieldSet);
  border-radius: var(--borderRadius);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

div.FormRow > input.not(Wt-valid),
div.FormRow > select.not(Wt-valid),
fieldset
{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

input[type="checkbox"]
{
  display: initial;
  width: auto;
  margin-right: 5px;
}

fieldset > label > span
{
  padding-right: 3em;
}

select:focus,
input:focus
{
  background-color: var(--focus);
  border-color: var(--colorGreen);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(136, 172, 148, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(136, 172, 148, 0.6);
}

select.Wt-invalid:focus,
input.Wt-invalid:focus
{
  background-color: var(--backRedLight);
  border-color: var(--colorRed);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(159, 94, 94);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(159, 94, 94);
}

.Wt-invalid
{
  border-color: var(--colorRed);
  background-color: inherit;
}

/* BUTTONS */
input[type="submit"],
input[type="button"],
button.Wt-btn
{
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid var(--colorH2);
  border-radius: var(--borderRadius);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  background-color: var(--backGreen);
  background-image: linear-gradient(+175deg, var(--backFieldSet) 0, var(--backGreen) 95%, var(--buttonEnd) 100%);
  color: var(--colorButton);
}

input[type="submit"],
input[type="button"],
button.Wt-btn
{
  display: inline-block;
  margin: 5px 0px;
  padding: 6px 12px;
  font-size: 12pt;
  font-weight: normal;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button.Wt-btn:hover
{
  -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(136, 172, 148, 0.6);
  box-shadow: inset 0px 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(136, 172, 148, 0.6);
}

input[type="submit"]:active,
input[type="button"]:active,
button.Wt-btn:active
{
  border-radius: var(--borderRadius);
  background-color: var(--backGreen);
  background-image: none;
}

div.btn-group
{
  display:inline-block;
  margin: 5px 0px;
  background-image: linear-gradient(+179.5deg, var(--backFieldSet) 0, var(--backGreen) 80%, var(--buttonEnd) 100%);
  border: 1px solid var(--colorH2);
  border-radius: var(--borderRadius);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

div.btn-group > button
{
  border-radius:0;
  margin:0px;
  border-left:0px;
  background-image: none;
  background: none;
  border:none;
  box-shadow: none;
  border-right: 1px solid var(--colorH2);
}

div.btn-group > button:last-child
{
  border-right: none;
}

/* MyRoWeb 2021 */
div.Body
{
  padding-left:0.2em;
}
div.TopCommand
{
  float: right;
}
div.TopCommand
{
  color:darkgray;
  font-size:9pt;
  text-align: center;
  /*border:1pt solid blue;*/
}
div.EndCommand
{
  clear:both;
}

@media (min-width: 1080px)
{
  div.HomeMainFrame
  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  div.homeDocumentFrame
  {
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    padding-bottom: 0px;
  }
  div.homeDocumentBody
  {
    height: 100%;
  }
}
@media (min-width: 540px)
{
  div.homeDocumentFrame
  {
    padding-bottom: 1.5em;
  }
}
div.homeDocumentFrame
{
  margin-bottom: 1.5em;
  transition: width 1s;
}

div.homeGroupImage img
{
  display:block;
  width: 100%;
}

div.homeDocumentBody
{
  border:1pt solid var(--backH1);
  background-color:var(--backBody);
  min-height: 148px;
  transition: height 1s;
}
@media (max-width: 540px)
{
  div.homeDocumentBody
  {
    justify-content: center;
  }
}
@media (min-width: 540px)
{
  div.homeDocumentBody
  {
    display:flex;
    flex-wrap: wrap;
  }
}
div.homeDocumentMainImage
{
  margin-top:.9em;
  margin-left: 0.5em;
}
div.homeDocumentMainImage img:hover
{
  box-shadow: 4px 4px 16px var(--shadow);
  transition: 0.2s all;
  transform: scale(0.98);
}

div.homeDocumentContent
{
  margin-top:.9em;
  margin-left:1em;
  min-height:128px;
  /*flex-grow: 5;*/
  margin-right: 0.5em;
}
div.homeDocumentContent li
{
  list-style: none;
}

div.homeCommandImagesFrame
{
  display:flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  transition: margin-top 1s;
}
@media screen and (min-width: 540px)
{
  div.homeCommandImagesFrame
  {
    margin-top: -38px;
  }
}
@media screen and (max-width: 540px)
{
  div.homeCommandImagesFrame
  {
    margin-top: 0.1em;
  }
  #topHeaderPixel
  {
    height:130px;
  }
}

div.homeCommandImageFrame
{
  /* border:1pt solid red; */
  margin-right: 0.2em;
  z-index: 1;
}
div.EditImageContainer
{
  background-color: var(--backImageContainer);
  font-size: smaller;
  margin-top: 0.3em;
  text-align: center;
  cursor: pointer;
}
div.EditImageContainer > img
{
  border: 4pt outset var(--borderImage);
  min-width: 30px;
  min-height: 30px;
}
div.homeCommandImage
{
  width:6em;
  text-align: center;
  /*border: 1pt solid blue;*/
}
div.homeCommandImage img:hover
{
  box-shadow: 4px 4px 6px var(--shadow);
  transition: 0.2s all;
  transform: scale(0.95);
}
div.homeCommandImageLabel
{
  /*border: 1pt solid green;*/
}
div.UserBody
{
  padding-left: 0.2em;
  padding-right: 0.2em;
}
table.listPages th
{
  font-weight: bold;
}
table.listPages tr:nth-child(even)
{
  background-color: var(--backBody);
}
table.listPages td
{
  padding-right: 1em;
}
.pointer
{
  cursor: pointer;
}
span.ImageSelectorLabel
{
  cursor: pointer;
}
div.ImageList
{
  display: flex;
  flex-wrap: wrap;
}
div.ImageListFrame
{
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 2px;
  background-color: var(--backBody);
  cursor: pointer;
}
div.TinyImageListFrame
{
  display:flex;
}
div.TinyImageListFrame div
{
  margin-left: 1em;
  margin-right: 1em;
}
div.TinyImage
{
  margin-left: 1em;
}
div.page
{
  margin-left: 1em;
  margin-right: 1em;
}
div.inscription
{
  margin-left: 0.5em;
  margin-right: 0.5em;
}
/*
input.CheckSum
{
  min-width: 20%;
}
*/
div.FaqSearcher
{
  width: 80%;
  margin: auto;
}
input.FaqSearcher
{
  width: 100%;
  border: 1px solid var(--borderFieldSet);
  border-radius: var(--borderRadius);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
@media (min-width: 700px)
{
  div.inscriptionOverview
  {
    display: flex;
    flex-flow: column nowrap;
  }
  div.inscriptionRow, div.inscriptionHeader
  {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  div.inscriptionItem, div.inscriptionHeaderItem
  {
    width: 100%;
    flex-grow: 1;
  }
  div.inscriptionHeaderItem
  {
    color:var(--colorH1);
    background-color: var(--backH1);
    text-align:center;
  }
}
@media (max-width: 700px)
{
  div.inscriptionHeader
  {
    display:none;
  }
  div.inscriptionDay
  {
    font-weight: bold;
    color:var(--colorH1);
    background-color: var(--backH1);
  }
  div.inscriptionContentSmall
  {
    text-align:center;
  }
}
div.inscriptionDay, div.inscriptionHour
{
  text-align: center;
}
div.inscriptionDay
{
  flex-grow: 2;
}
div.inscriptionContent, div.inscriptionContentSmall
{
  flex-grow: 4;
}
div.inscriptionRow:nth-of-type(odd)
{
  background-color: var(--Alternate);
}
@media (min-width: 820px)
{
  div.pageEditorFrame,
  div.inscriptionFormFields,
  div.contactFrame,
  div.loginFrame
  {
    display: flex;
    flex-flow: column nowrap;
  }
  div.contactFrame div.FormRow,
  div.loginFrame div.FormRow,
  div.pageEditorFrame div.FormRow,
  div.inscriptionFormFields div.FormRow
  {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  div.contactFrame div.FormRow label.PageEditorLabel,
  div.loginFrame div.FormRow label.PageEditorLabel,
  div.pageEditorFrame div.FormRow label.PageEditorLabel,
  div.inscriptionFormFields div.FormRow label.PageEditorLabel
  {
    flex-basis: 0;
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    margin-right: 0.5em;
  }
  div.contactFrame div.FormRow input,
  div.loginFrame div.FormRow input,
  div.pageEditorFrame div.FormRow input,
  div.inscriptionFormFields div.FormRow input
  {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 5;
  }
}
@media (max-width: 820px)
{
  div.contactFrame div.FormRow label.PageEditorLabel,
  div.contactFrame2 div.FormRow label.PageEditorLabel,
  div.contactFrame2 div.CheckSum div.FormRow label.PageEditorLabel,
  div.loginFrame div.FormRow label.PageEditorLabel,
  div.pageEditorFrame div.FormRow label.PageEditorLabel,
  div.inscriptionFormFields div.FormRow label.PageEditorLabel
  {
    width: 100%;
    text-align: center;
    display: block;
  }
  div.contactFrame div.FormRow input,
  div.contactFrame2 div.CheckSum div.FormRow input,
  div.loginFrame div.FormRow input,
  div.pageEditorFrame div.FormRow input,
  div.inscriptionFormFields div.FormRow input
  {
    display: block;
    width: 100%;
  }
}
div.pageEditorFrame2
{
  display: flex;
  flex-flow: column nowrap;
}
div.pageEditorFrame2 div.FormRow
{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
div.pageEditorFrame2 div.FormRow label.PageEditorLabel
{
  display: flex;
  flex-flow: row nowrap;
  margin-right: 0.5em;
  min-width: 8em;
}
div.pageEditorFrame2 div.FormRow input
{
  display: flex;
  flex-flow: row nowrap;
}
@media (min-width: 820px)
{
  div.CheckSum div.FormRow
  {
    flex-flow: row nowrap;
    display: flex;
    align-items: center;
  }
  div.CheckSum div.FormRow label.PageEditorLabel
  {
    margin-right: 0.5em;
  }
}
div.ImagesEditor,
div.inscriptionForm
{
  margin-left: 1em;
  margin-right: 1em;
}
div.inscriptionFormComment textarea
{
  width:100%;
}
button.inscriptionButton
{
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  font-size: 12pt;
}
.deleted
{
  text-decoration: line-through;
}
td.ListContent
{
  padding-right: 1em;
}
span.FaqParentTitle
{
  font-size: smaller;
  font-weight: normal;
}
span.FaqParent
{
  font-size: smaller;
  font-weight: normal;
}
span.FaqSep
{
  padding-left: 0.5em;
  font-weight:normal;
  padding-right: 0.5em;
  color: var(--FaqSeq);
}
div.FaqItemBody,
div.FaqIntro,
div.FaqRecent,
div.FaqAll
{
  padding-left: 0.5em;
}
div.ImageRecent
{
  border:2pt solid darkblue;
  box-shadow: 5px 5px darkblue;
}
ul.Wt-suggest > li
{
  padding-left: 1em;
  padding-right: 2em;
}
ul.Wt-suggest
{
  background-color: white;
}
ul.Wt-suggest > li a
{
  color: var(--WtRef);
}
div.FloatLeft
{
  padding-top: 0.5em;
  margin-left: 0.2em;
  margin-right: 1em;
  height:100px;
  width:150px;
  float: left;
}
.VerticalCenter
{
  padding-top: 0.5em;
}
.LeftMargin
{
  margin-left: 1em;
}
div.UserBody pre > img
{
  display:block;
  margin-left: auto;
  margin-right: auto;
}
div.UserBody h1
{
  text-align: center;
  color: var(--colorH1);
  border-radius:4px;
}
div.UserBody h2
{
  background-color: var(--backH2);
  text-align: center;
  color: var(--colorH2);
  border-radius:4px;
  font-size:13pt;
  margin-top: 2.5em;
  margin-bottom: 1.5em;
}
div.UserBody strong
{
  color: var(--colorStrong);
}
ul
{
  list-style: none;
}
li
{
  padding-bottom: 0.5em;
}
ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--diskColor);
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
div.installationGlobal
{
  margin-left: auto;
  margin-right: auto;
  background-color: var(--backGreen);
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width:90%;
  border-radius: var(--borderRadius);
  display: flex;
}
div.setupImage
{
  margin-right: 1em;
}
div.installationGlobal select
{
  margin-left: 1em;
}
div.installationGlobal button
{
  margin-top: 1em;
  border: none;
  background-color: var(--backGreen3);
  margin-left: 3em;
  width: 18em;
  color: white;
  background-image: none;
  font-weight: bold;
  letter-spacing: 0.2em;
}
div.setupInfo
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--backGreen);
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width:90%;
  border-radius: var(--borderRadius);
}

/* vlvoVKO */

h1.Doc
{
  font-size: 24pt;
}
h2.Doc
{
  font-size: 18pt;
}
@media (min-width: 1080px)
{
  div.DocBlock
  {
    display: flex;
    justify-content: space-around;
  }
}
@media (max-width: 1080px)
{
  div.DocBlockImage, div.DocInlineImage
  {
    text-align: center;
  }
}

div.DocBlockImage
{
  margin: 1em;
}
div.DocBlockTable
{
  text-align: center;
  margin:1em;
  padding:1em;
  font-style: italic;
  color: #32a852;
  background-color: #b3d5fb;
  border-radius: 1em;
}
@media (min-width: 1080px)
{
  div.DocBlockTable
  {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 30em;
    width: 30em;
  }
  div.DocLabel
  {
    max-width: 10em;
  }
}
div.DocBlockTable > div
{
  padding: 1em;
}
div.DocBetween
{
  padding-top: 0.3em;
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
  font-style: italic;
  color: white;
  background-color: #c0d6b6;
  border-radius: 1em;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}
div.DocBetween div.Author
{
  text-align: right;
  font-size: 12pt;
  font-style: normal;
  font-weight: normal;
  padding-right: 1em;
}
@font-face
{
  font-family: DancingScript;
  src: url(DancingScript/DancingScript-Regular.ttf);
}
div.DocWittnessFrame
{
  border-radius: var(--borderRadius);
  border: 1pt solid var(--backBody);
  padding-left: 1em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  margin-bottom: 3em;
  box-shadow: 4px 4px 16px var(--shadow);
  border-radius: 1em;
}
div.DocWittness
{
  font-style: italic;
}

div.DocAuthor
{
  font-family: DancingScript, Arial;
  font-size: 12pt;
  text-align: right;
  color: var(--WtRef);
}

div.DocProgress
{
  color: var(--defautText);
}
div.DocCenterImage
{
  margin-top: 1em;
  text-align: center;
}
div.shortcutMenu
{
  width: 2em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  cursor: pointer;
}
@media (min-width: 600px)
{
  div.shortcutMenu
  {
    display: none;
  }
}
@media (max-width: 600px)
{
  div.homeCommandImagesFrame
  {
    display: none;
    background-color: white;
    margin-top: 1em;
    padding-top: 1em;
    margin-top: 0em;
  }
}
div.open
{
  display: flex;
}

@media (min-width: 150em)
{
  div.faq, div.UserBody
  {
    max-width: 140em;
    margin-left: auto;
    margin-right: auto;
    /*background-color: green;*/
  }
}
@media (max-width: 150em)
{
  div.faq, div.UserBody
  {
    margin-left: 8%;
    margin-right: 8%;
    /*background-color: yellow;*/
  }
}

div.faq h1
{
  color:var(--colorH1);
  margin-top:1.5em;
  margin-bottom:1.5em;
  font-size: 28pt;
}

div.faq h2
{
  color:var(--colorH2);
  margin-top:1.5em;
  margin-bottom:1.5em;
  font-size: 24pt;
}

div.FaqAll > div
{
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

div.FaqAll > div a
{
  color:var(--colorAFaq);
}

div.FaqAll > div a:visited
{
  color:var(--colorAFaqVisited);
}

div.FaqItem h1
{
  margin-top: 0pt;
  margin-bottom: 0pt;
  font-size: 14pt;
}

div.faq h1.FaqTitle
{
  margin-top:0pt;
  padding-top:0pt;
  margin-bottom:0pt;
  padding-bottom:0pt;
  text-align:center;
}

div.faq h1.FaqRecent, div.faq h1.FaqAll
{
  padding-top:1em;
  margin-top: 0pt;
  margin-bottom:1em;
  font-size: 18pt
}

div.TopCommand, div.TopCommand a
{
  color:var(--colorCommandA);
}

div.FaqItemBody div
{
  text-align: justify;
}

div.FaqItemBody h2
{
  text-align: left;
}