@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Condiment&display=swap');

@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 100 700;
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v179/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}
			    .hide-show-element {
			        width: 10rem;
			        display: inline-block;
			    }

			    .hide-show-element label:hover {
			        color: #D00;
			    }

			    .hide-show-element input[type='checkbox'] {
			        display: none;
			    }

			    .hide-show-element label {
			        margin: 0 .1em;
			        padding: 0 .3em;
			        border-radius: 3px;
			        border: .1em solid #ccc;
			        color: #333;
			        line-height: 1.625;
			        font-size: .83em;
			        font-family: inherit;
			        background-color: #f7f7f7;
			        box-shadow: 0 .1em 0 rgba(0, 0, 0, .2), 0 0 0 .2em #fff inset;
			    }

			    .hide-show-element label {
			        /* background-color: #a00; */
			        /* border: 1px solid #111; */
			        color: #E8E6FF;
			        cursor: pointer;
			        /* display: block; */
			        /* padding: 20px; */
			        display: inline-block;
			        text-align: center;
			        transition-duration: 0.4s;
			        width: 90%;
			        margin: 0;
			        text-shadow: 0.06rem 0.06rem 0.1rem #33333355;
			    }

			    .hide-show-element label:after {
			        display: block;
			        content: "Show Controls";
			    }

			    .hide-show-element input:checked+label {
			        background-color: none;
			        /* border: 1px solid #a00; */
			        color: #3A29BB;
			    }

			    .hide-show-element input:checked+label:after {
			        content: "Hide Controls";
			    }

			    .test1 {
			        opacity: 0;
			        position: relative;
			        height: 0;
			        transform: rotate(135deg);
			        top: 20%;
			        transition-duration: 0.6s;
			        width: 0;
			    }

			    .hide-show-element input:checked~.test1 {
			        filter: grayscale(25%);
			        opacity: 1;
			        height: 200px;
			        transform: rotate(0);
			        width: 8rem;
              z-index: 999;
			    }
			    .randomimage {
			        display:inline-block;
			        max-width:1024;
			        max-height:768;
			    }
			    #jsaffect {

			    display: inline-block;
			    flex-direction: unset;
			    border: 0.01rem solid #7fd5ff;

			    }



.condiment-regular {
  font-family: "Condiment", cursive;
  font-weight: 400;
  font-style: normal;
}

.heading,
.header {
  font-family: "Condiment", cursive;
  font-weight: 400;
  font-style: normal;
}

h1,
h2 {
  font-family: "Condiment", cursive;
}

:root {
  font-family: "HelveticaNeue-Light", "HelveticaNeue", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: rgba(245, 245, 247, 0.5);
  color: #333;
}

* {

  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

}

body {


  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;


  background-color: #FFFFFF;

  margin: 20px;

  color: #575757;



}

#pagewidth {
  min-width: 720px;
  max-width: 99.9%;
}

a {

  color: rgb(19, 112, 171);

  font-size: 1em;

  font-weight: normal;

  text-decoration: none;

  margin-left: 0px;

  vertical-align: top;

}



a.disabled {

  display: none;

  color: #FFFFFF;

}



a:link,
a:visited {

  color: rgb(19, 112, 171);

  text-decoration: none;

  vertical-align: top;

}



a:hover {

  color: rgb(7, 74, 229);

  text-decoration: underline;

  vertical-align: top;

}



h1 {

  color: #4465A2;

  font-size: 1.1rem;

  font-weight: normal;

  vertical-align: bottom;

  margin-top: 7px;

  margin-bottom: 4px;

}



p {

  font-size: 0.9rem;

  font-weight: normal;

  margin-top: 1px;

  margin-bottom: 1px;

}



ul,
ol {

  font-size: 0.9rem;

  list-style-position: outside;

  margin-top: 1px;

  margin-bottom: 1px;

  padding-top: 1px;

  padding-bottom: 1px;

  line-height: 1.3rem;

}



img.screenshot-thumb {

  border: 2px solid rgb(19, 112, 171);

  width: 756px;

  margin-top: 5px;

  cursor: pointer;

}



img.screenshot {

  border: 2px solid rgb(19, 112, 171);

  margin-top: 5px;

}



img.slidescreenshot {

  border: 2px solid rgb(19, 112, 171);

}



div.noscreenshots {

  padding: 30px 0px 30px 0px;

  margin-top: 5px;

  border: 1px solid rgb(19, 112, 171);

  text-align: center;

}



div.slidenoscreenshots {

  width: 500px;

  margin-top: 30%;

  padding: 30px 0px 30px 0px;

  border: 1px solid rgb(19, 112, 171);

  text-align: center;

}



div.drawing_desktop {

  border: 2px solid rgb(19, 112, 171);

  background-color: white;

}



div.drawing_widget {

  border: 1px solid rgb(5, 50, 100);

}



div.drawing_toplevel {

  background-color: rgb(20, 110, 170);

}



div.drawing_titlebar {

  background-color: rgb(10, 60, 120);

  color: white;

  overflow: hidden;

  font-size: 10px;

}



div.drawing_parent {

  background-color: transparent;

}



div.drawing_target {

  background-color: rgb(30, 140, 200);

  color: white;

  overflow: hidden;

  font-size: 10px;

}



hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #B6BCC6;

  margin: 1em 0;

  padding: 0;

}



.clearfix {

  overflow: auto;

}



.left33 {

  float: left;

  width: 33%;

}



span.accessible-text {

  height: 1px;

  width: 1px;

  position: absolute;

  overflow: hidden;

  top: -10px;

}



.align-left {

  text-align: left;

}



.align-center {

  text-align: center;

}



.align-right {

  text-align: right;

}



.center-block {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.commentInputEntityItem-display {

  display: none;

}



.updateCommentEntityItem-display {

  display: none;

}


.material-symbols-outlined,
.icon {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
}

nav {
  background-color: transparent;
  display: block;
  float: left;
  font-family: sans-serif;
  font-size: 0.9rem;
  position: relative;
  width: 18%;
  z-index: 10;
}

li.webpicon,
li.webmicon {
  list-style-image: none !important;
}

li.webpicon,
li.webpicon.material-symbols-outlined::before,
li.webmicon,
li.webmicon.material-symbols-outlined::before {
  font-family: 'Material Symbols Outlined';
  color: #66cc91;
  content: '\e639';
  display: block;
  list-style-type: none;
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 500;
}

li.markdownicon,
li.mdicon {
  list-style-image: none !important;
}


li.markdownicon,
li.mdicon::before {
  color: #66cc91;
  content: "∑";
  display: block;
  list-style-type: none;
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 500;
}

li.markdownicon,
li.mdicon {
  list-style-image: none !important;
}

li.cssicon::before,
li.navnobull::before {
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
}

li.cssicon::before {
  color: #ff0;
  content: "♛";
  display: block;
  font-weight: 500;
}

li.cssicon,
li.cssicon::before {
  list-style-type: none;
}

li.imgShowItem img {
  color: #555;
  height: 3rem;
  width: 5rem;
}

li.navnobull::before {
  color: #00bfff;
  content: "∆";
  font-weight: 900;
}

li.jsicon::before,
li.jsonicon::before,
li.lockicon::before,
li.shtmlicon::before,
li.xmlicon::before,
li.yamlicon::before,
li.ymlicon::before {
  color: #ff46ff;
  content: "⛧";
  margin-left: -3.1rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 500;
}

li.xmlicon::before,
li.yamlicon::before,
li.ymlicon::before {
  color: #fab;
  content: "⛥";
}

li.logicon::before,
li.pharicon::before,
li.regicon::before,
li.txticon::before {
  color: #bfb;
  content: "♀";
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 900;
}

li.jsicon,
li.jsonicon,
li.lockicon,
li.logicon,
li.new_dirHandArr,
li.pharicon,
li.phtmlicon,
li.shtmlicon,
li.txticon,
li.xmlicon,
li.yamlicon,
li.ymlicon {
  list-style-image: none !important;
}

li.logicon::before,
li.regicon::before,
li.txticon::before {
  content: "🖹";
  color: #d1d1d1;
  font-weight: 500;
}

coden::before,
lite {
  line-height: 140%;
  background-color: #fffaef;
  color: #395;
  padding: 0.4rem;
}

dt.cross {
  color: #088;
  cursor: crosshair;
  font-family: Arial, "DejaVu Sans Condensed", "Helvetica", sans-serif;
  letter-spacing: 0.02rem;
  margin-top: 1rem;
}

h4:before {
  content: "★";
}

#navlist li a {
  cursor: pointer;
  display: block;
  text-decoration: none;
  width: 100%;
}

#navlist li.unknown {
  list-style-image: url(unknown-icon.png);
  margin-left: -0.5rem;
  padding-left: 0;
  white-space: pre;
}

* html p.displaynone {
  display: none;
  margin-left: 8rem;
  width: 100%;
}

* html.unfloat {
  height: 1%;
}

dl dd dl,
n::before {
  background-color: #eee;
}

n::before {
  display: inline-block;
}

Comment,
Hints,
n::before {
  color: #c00;
  font-family: monospace;
  font-style: italic;
  margin: 0;
  padding: 0;
}

.keyTerms ul li pre {
  background-image: none;
  font-size: large;
}

.keyTerms ul li sup code {
  font-size: large;
}

li.regicon::before {
  content: "⚿";
  color: #9f9;
  max-height: 16px;
  max-width: 16px;
}

li.bmp::before,
li.bmpicon::before,
li.gif::before,
li.gificon::before,
li.ico::before,
li.icoicon::before,
li.jpg::before,
li.jpgicon::before,
li.pdn::before,
li.pdnicon::before,
li.png::before,
li.pngicon::before,
li.psd::before,
li.psdicon::before,
li.regicon,
li.svg::before,
li.svgicon::before,
li.tga::before,
li.tgaicon::before,
li.tif::before,
li.tiff::before,
li.tifficon::before,
li.tificon::before,
li.xcf::before,
li.xcficon {
  list-style-image: none !important;
}

li.xcficon {
  color: #ffc;
  content: "∠";
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 600;
}

.icoicon::before,
li.bz2icon::before,
li.gzicon::before,
li.phtmlicon::before,
li.raricon::before,
li.sevenzipicon::before,
li.zipicon::before {
  color: #efa;
  content: "☯";
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 500;
}

li,
ul.keyTermsList {
  font-family: serif;
}

ul.keyTermsList {
  background-color: #f8f8f8;
  color: #006;
  padding: 0.8rem;
}

#calContainer #calendarIframe {
  margin: 0 auto;
  visibility: hidden;
}

#cssTips * dd {
  padding: 0.8rem;
}

#leftcol dl#alpharrayTest {
  z-index: 9;
}

#maincol div.displayNone dl dd {
  background-color: #fffaf5;
}

#maincol dl dd {
  border: 0.08em dotted #c55;
}

#maincol dl dt {
  font-size: 1.2rem;
  margin: 1em auto 0.5rem;
}

#pageControls ul {
  -webkit-box-shadow: 0 0 0.8em rgba(68, 68, 68, 0.533333);
  box-shadow: 0 0 0.8em rgba(68, 68, 68, 0.533333);
}

#maincol.center dl,
#maincol.centered dl,
#maincol.content dl {
  background-color: #f0f0f0;
  display: block;
  margin: 0;
  text-align: left;
}

div.hiddenPath:before {
  content: "\a\d";
}

ol#navlist li.phpicon a:hover,
ul#navlist li.phpicon a:hover {
  background-color: #fff;
  color: #c30;
}

#chmodTableInner td,
#chmodTableInner th,
#chmodTableOuter td,
#chmodTableOuter th {
  padding: 0.5rem;
}

.icoicon::before,
li.phtmlicon::before {
  content: "∠";
  color: #ffc;
  font-weight: 900;
}

li.nav:active {
  background-color: #ffffffee;
  color: #333;
}

dl {
  border: 0.1em dashed #ddd;
  margin: 1em 0 2em 0.5rem;
  width: 90%;
}

dl * dt {
  outline: 0;
  border: 0;
  font-style: italic;
}

dl dd {
  background-color: #fcfcfa;
  margin: 1em 0 0;
}

dl dd dl {
  border: medium;
  margin-bottom: 0;
}

dl dd dl dd {
  color: #330;
  margin-bottom: 0;
  padding-bottom: 0;
}

dl dd ul {
  list-style-position: inside;
}

body,
dl dd ul li {
  font-family: "Liberation Sans", "Droid Sans", "DejaVu Sans", arial, helvetica,
    sans-serif;
}

dl dd ul li {
  color: #330;
  text-indent: 0.5rem;
}

dl dl * dt {
  font-style: normal;
}

dl dt {
  border-bottom: 0.01em solid #777;
  font-weight: 600;
}

li {
  font-size: 0.95rem;
  font-weight: 400;
}

li.nav {
  list-style-image: url(bullet_square_grey.png);
  margin-left: -0.5rem;
  padding-left: 0;
}

li.bakicon {
  list-style-image: url(bakicon.gif);
  list-style-type: none;
}

li.cssicon {
  list-style-image: none;
}

li.jsicon {}

li.navnobull {
  list-style-image: none;
}

li.new_dirHandArr {}

li.pdficon {
  list-style-image: url(pdf.png);
}

li.phtmlicon {}

li.phtmlicon::before {
  color: #4646ff;
  content: "⚤";
  font-weight: 500;
}

li.selicon {
  list-style-image: url(sel-icon.png);
}

li.shortcutlink {
  list-style-image: url(link-icon.gif);
}

li.shtmlicon {
  display: none;
}

li.swficon {
  list-style-image: url(swf-icon.gif);
}

li.thumbicon {
  list-style-image: url(thumb-icon.gif);
  list-style-type: none;
}

li.txticon,
li.xmlicon {}

li.xpiicon {
  list-style-image: url(xpiicon.png);
}

li.sourceLine:after {
  content: " ";
}

li#font_demo_sans,
li#font_demo_serif {
  font-size: 2rem !important;
  font-variant: normal !important;
  white-space: wrap !important;
  text-align: start !important;
}

li#font_demo_serif {
  font-family: Argesta, Didot, "Playfair Display", Lora, Cambria,
    "Times New Roman", times, serif !important;
}

li#font_demo_serif::before {
  content: "Serif ⇒";
  font-size: 1rem;
  clear: both;
}

li#font_demo_sans {
  font-family: Raleway, Poppins, Roboto "Open Sans", "Segoe UI", Ubuntu,
    Cantarell, system-ui, -apple-system, Roboto, Oxygen, BlinkMac, SystemFont,
    "Helvetica Neue", sans-serif !important;
}

li#font_demo_sans::before {
  content: "Sans ⇒";
  font-size: 1rem;
  clear: both;
}

dl dd,
iframe html {
  background-image: none;
  color: #330;
}

tfoot,
thead {
  text-align: right;
}

#pageControl,
#pageControls {
  justify-content: center;
}

li.php,
li.phpicon {
  list-style-image: none;
}

li.php::before,
li.phpicon::before {
  text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
  list-style-image: none;
  color: #ff46ff;
  content: "♀";
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 900;
}

body {
  background-attachment: fixed;
  background-color: #808080;
  background-position: left top;
  background-repeat: repeat;
  color: #fff;
  margin: 0;
}

body a {
  color: #2E8A6A;
}

body div,
body * p,
body * {
  background-color: #F0F0F0;
}

code,
code.codelite {
  background-color: #dafac0;
  color: #05c;
  line-height: 140%;
  padding: 0.05em 0.3rem;
}

code.codelite {
  background-color: #fffaef;
  color: #395;
  padding: 0.4rem;
}

/*#pageControls ul li *,
body,
dl,
html {
  padding: 0;
  margin:0;
}*/

#pageControls * li {
  padding: 0;
  margin: 0;
  background-color: #fff;
}

#navlist li,
dl,
dl dl * dt {
  font-family: sans-serif;
  color:
}

dl dd code,
pre {
  background-image: url(code-bg.jpg);
  color: #a30;
  display: block;
  margin: 0.5em 0.25rem;
  padding: 0.6em 0.2em 0.2em 0;
}

pre {
  background-color: #e0e0da;
  border: 0.2em double #eca;
  color: #00c;
  margin: 0.5em auto;
  padding: 1rem;
  white-space: pre;
  width: 92%;
}

#maincol div.displayNone dl,
#maincol div.displaynone dl,
dl dd ul,
dl dd ul li,
dl p {
  background-color: transparent;
}

dl * dt,
dl dd dl,
dl dd ul,
dl dd ul ul,
h1,
h2,
h4,
h5,
h6,
iframe,
li {
  color: #330;
}

#cssTips * dt,
dl dt {
  font-family: "Playfair Display", Argesta, Didot, GFSDidot, Lora, Cambria,
    "Times New Roman", times, serif;
  text-indent: 0;
}

dl dt,
p {
  color: #330;
}

.content p,
dt code {
  background-color: inherit;
}

dt code {
  color: #3a0;
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-shadow: 0 0.04em 0 rgba(255, 255, 255, 0.9);
}

h3 {
  color: #033;
  letter-spacing: -0.02rem;
}

h1,
h2,
h4,
h5,
h6 {
  font-family: serif;
}

h4 {
  border-bottom: 0.09em dotted #44c;
  font-variant: small-caps;
  margin-left: 0.4rem;
  text-indent: 0.4rem;
  width: 89.9%;
}

#navlist,
h3,
h4.keyTermsHeading {
  font-family: serif;
}

h4.keyTermsHeading {
  color: #c30;
  font-style: italic;
}

html {
  background-color: #efefef;
  color: #333;
  margin: 0;
}

iframe {
  border: medium;
  outline: medium;
}

#navlist {
  background-color: rgba(217, 217, 217, 0.5);
  color: #aaa;
  display: block;
  font-size: 0.9rem;
  margin-top: 1rem;
  text-align: left;
  outline: 0.1em solid #f88;
  padding: unset;
}

#navlist li {
  background-color: rgba(255, 255, 255, 0.5);
  background-position: 50% 50%;
  border-color: #eee #efefef #eee #eee;
  border-style: solid;
  border-width: 0.2em 0.1em 0.2em 0.2rem;
  color: #000;
  list-style-position: outside;
  margin: 0.01rem;
  padding: 0.01em 0 0.2em 0.5rem;
  text-align: justify;
  vertical-align: middle;
  width: 110%;
  font-size: 9pt;
  font-weight: 400;
}

#navlist li a:first-letter {
  color: #3434ee;
  font-size: 1.5rem;
}

#navlist li ul li {
  font-family: sans-serif;
  font-size: 8pt !important;
}

p {
  line-height: 140%;
  padding: 0 0.8rem;
}

p.displaynone {
  background-color: #ffc;
  border: 0.1em ridge #f03;
  color: #33c;
  float: right;
  font-family: "Bradley Hand ITC", "Staccato222 BT", cursive;
  margin-left: 13rem;
  margin-top: -2rem;
  padding: 1rem;
  position: absolute;
}

.antihead {
  margin-top: -0.5rem;
}

.attn {
  background-color: #dd3;
  color: #003;
  font-family: "Comic Sans MS", "comic sans", cursive;
}

.backlinks {
  color: #dfdfef;
}

.bg_grey {
  background-color: #ddd;
}

.bg_lightx2grey {
  background-color: #eee;
}

.bg_white {
  background-color: #fff;
}

#navlist * li a:hover,
.black {
  color: #000;
}

.blue {
  color: #0000df;
}

.bottomsmaller {
  background-color: #cdd;
  border: 0.1em dashed #999;
  color: navy;
  display: block;
  font-family: Arial, "Helvetica", sans-serif;
  font-size: 0.8rem;
  margin: 0.5em 2rem;
  padding: 1.5rem;
  text-align: justify;
}

.center,
.closeme:hover {
  text-align: center;
}

.clearBoth,
.clearboth {
  clear: both;
}

.clearLeft,
.clearleft {
  clear: left;
}

.clearRight,
.clearright {
  clear: right;
}

.closeme {
  color: #03f;
  font-family: serif;
  text-align: center;
}

.closeme:hover {
  color: #c22;
  font-weight: 700;
}

.code {
  background-color: #eee;
  color: #337;
  display: inline-block;
  font-family: "Liberation Mono", "DejaVu Sans Mono", "Lucida Console",
    "monte carlo", monospace;
}

.codeComment,
.codeHints {
  color: #c00;
  font-family: monospace;
  font-style: italic;
  margin: 0;
  padding: 0;
}

#cssTips dl,
.content {
  font-family: sans-serif;
}

.content {
  background-color: #fefef8;
  font-weight: 400;
  margin: 0.5em auto;
  padding: 0.25rem;
}

.content p {
  background-position: center bottom;
  background-repeat: repeat-x;
}

.content p * {
  background-color: rgba(255, 255, 255, 0.6);
}

.coral {
  color: coral;
}

.darkorange {
  color: #ff8c00;
}

.defListTitle {
  border: 0;
  color: #d02;
  font-family: serif;
  font-style: italic;
  margin-bottom: 0.3rem;
  width: 50%;
}

.error {
  background-color: #06c;
  color: #fff;
  display: table-cell;
  padding: 0.2rem;
}

.larger {
  font-size: larger;
}

.floatLeft,
.floatLt,
.floatleft,
.floatlt,
.float-left {
  float: left;
  position: relative;
}

.floatRight,
.floatRt,
.floatright,
.floatrt,
.float-right {
  float: right;
  position: relative;
}

.green {
  color: #00af00;
}

.hidden,
.hiddenItem,
hr.hidden,
li.bakicon,
li.hidden,
li.hiddenitem {
  visibility: hidden;
}

.indianRed,
.indianred {
  color: #cd5c5c;
}

.italic {
  font-style: italic;
}

#aboveFooter,
.keyTerms {
  display: block;
  font-family: sans-serif;
}

.keyTerms {
  background-color: #fafafa;
  margin: 0 2rem;
  padding: 0.2em 1rem;
  text-align: justify;
}

.keyTerms h4 {
  border: 0.2em outset #aaa;
  padding: 0.3rem;
  width: 8rem;
}

.keyTerms ul li {
  font-size: 0.8rem;
  margin-bottom: 2rem;
}

.mediumblue {
  color: #0000cd;
}

.multipurpose_monospace {
  background-color: #ccc;
  color: #00a;
  font-family: monospace;
}

.normal {
  font-style: normal;
  font-weight: 400;
}

.pre {
  white-space: pre;
}

.preWrap,
.prewrap {
  white-space: pre-wrap;
}

.pseudocode {
  background-color: #f0f0ea;
  color: #080;
  font-family: "Lucida Console", "DejaVu Sans Mono", "Monaco", monospace;
  font-size: 0.9rem;
  margin: 0.2rem;
}

.purple {
  color: #bf00df;
}

.right {
  text-align: right;
}

.sansSerif,
.sansSerifBold {
  font-family: "DejaVu Sans", "Liberation Sans", Arial, "Helvetica", sans-serif;
}

.sansSerifBold {
  font-weight: 700;
}

.serif,
.serifBold {
  font-family: serif;
}

.serifBold {
  font-weight: 700;
}

.showMatches {
  background-color: #dde;
  border: 0.1em double #960;
  font-family: monospace;
  margin: 1.5em auto;
  padding: 0.2em 2rem;
  width: 80%;
}

.smaller {
  font-size: smaller;
}

.steelblue {
  color: #4682b4;
}

.tableHeadrow {
  font-family: serif;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

.testValue {
  background-color: #ffd;
  color: #0d0;
  font-family: monospace;
  font-size: 0.9rem;
  white-space: pre;
}

.toggler,
.trigger {
  color: navy;
  cursor: help;
  font-family: "DejaVu Sans Condensed", "Arial Narrow", Arial, Helvetica,
    sans-serif;
  font-variant: small-caps;
  letter-spacing: 0.1rem;
  line-height: 2rem;
  vertical-align: middle;
  white-space: nowrap;
}

.unfloat,
kbd {
  display: inline-block;
}

.vertMid {
  padding: 1rem;
  vertical-align: top;
}

.violet {
  color: violet;
}

.width_150 {
  width: 150px;
}

.width_25 {
  width: 25px;
}

.width_37 {
  width: 37px;
}

.width_40 {
  width: 40px;
}

.winpathanchor {
  color: #060;
}

.winpathanchor:focus {
  background-color: #ffa;
  color: #00bfff;
}

.winpathanchor:hover {
  background-color: #ff0;
  color: green;
  outline: medium #00f;
}

.winpathanchor:link {
  color: #00f;
}

.winpathanchor:visited {
  color: purple;
}

hr.hidden {
  clear: both;
}

kbd {
  margin: 0 0.1rem;
  padding: 0 0.3rem;
  border-radius: 3px;
  border: 0.1em solid #ccc;
  color: #333;
  line-height: 1.625;
  font-size: 0.83rem;
  font-family: inherit;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.2em #fff inset;
  -ms-box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.2em #fff inset;
  -o-box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.2em #fff inset;
  box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.2em #fff inset;
}

li.ds_storeicon,
li.dsstore {
  list-style-image: url(ds_store-icon.png);
}

li.cfgicon,
li.conficon,
li.htmicon,
li.htmlicon,
li.iniicon {
  list-style-image: none;
}

li.htmicon::before,
li.htmlicon::before {
  text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
  color: red;
  content: "♂";
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 900;
}

li.listHead li,
li.listHeadItem li,
li.listhead li,
li.listheaditem li {
  counter-reset: inherit;
  list-style-image: url(bullet-rightwardarrow.gif);
}

li.listHead,
li.listHeadItem,
li.listHeader,
li.listhead,
li.listheader,
li.listheaditem {
  background-color: #fff;
  color: purple;
  font-family: serif;
  font-size: 14pt;
  font-style: normal;
  font-variant: small-caps;
  font-weight: 700;
  list-style-type: none;
  margin-bottom: 1rem;
  margin-top: 1.3rem;
  padding-left: 0;
  text-decoration: none;
}

li.comicon,
li.error_logicon {
  list-style-image: none;
}

li.logicon {}

li.mp3,
li.mp3icon,
li.netcomicon,
li.neticon {
  list-style-image: none;
}

li.projectfile a,
li.projecticon a {
  background-color: #b4b4c8;
  color: #fff;
}

li.apficon,
li.clpprjicon,
li.code-workspaceicon,
li.geanyicon,
li.kpficon,
li.nppsessionicon,
li.pnprojicon,
li.projectfile,
li.projecticon,
li.workspaceicon {
  list-style-type: none;
  list-style-image: none !important;
}

li.apficon,
li.geanyicon,
li.kpficon,
li.nppsessionicon,
li.pnprojicon,
li.projectfile,
li.projecticon {}

li.apficon::before,
li.clpprjicon::before,
li.code-workspaceicon::before,
li.geanyicon::before,
li.kpficon::before,
li.nppsessionicon::before,
li.pnprojicon::before,
li.projectfile::before,
li.projecticon::before,
li.workspaceicon::before {
  text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
  color: #bb0;
  content: "☸";
  max-height: 16px;
  max-width: 16px;
  margin-left: -3.15rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
}

li.sourceLine,
li.sourceline {
  color: #ccc;
  font-family: monospace;
  font-size: 0.5rem;
  vertical-align: middle;
}

li.bz2icon,
li.gzicon,
li.raricon,
li.sevenzipicon,
li.zipicon {
  list-style-image: none;
}

span.keyStyle {
  color: #c00;
  font-family: monospace;
  font-weight: 900;
}

span.pointer,
span.toggler {
  cursor: pointer;
  font-family: monospace;
  font-size: 0.8rem;
  font-variant: small-caps;
  padding-left: 0;
}

ul.keyTermsList li {
  list-style-image: url(info-icon.gif);
}

ul.keyTermsList li sup {
  background-color: #fafafa;
  border-bottom: 0.18em groove #aaa;
  letter-spacing: 0.15rem;
  margin: 0.2rem;
  padding: 0.3rem;
}

#aboveFooter {
  float: right;
  margin: 1rem;
  padding: 1rem;
}

#accessContainerTrigger {
  font-family: serif;
}

#accessoryContainer {
  color: #330;
  font-size: 0.99rem;
  line-height: 100%;
  margin: 0;
  padding: 0 0.5rem;
}

#accHeading {
  display: block;
  height: 2rem;
}

#backlinks {
  margin-bottom: -1rem;
  padding-top: 1rem;
}

#backlinks a {
  color: #ff0;
}

#searchrec {
  text-align: center;
  text-indent: 3rem;
}

#searchrec a {
  color: #00f !important;
}

#chmodTableInner {
  font-family: Verdana;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: normal;
}

#chmodTableOuter {
  border: 1px solid gray;
}

#controList {
  -webkit-box-shadow: 0 0 0.5em #545454 inset;
  box-shadow: 0 0 0.5em #545454 inset;
}

#controList li {
  border: 0.08em solid #fff;
  display: block;
  float: none;
  margin: 0.9em auto;
  padding: 0;
  text-align: left;
}

#cookieData {
  display: none;
}

#cssBoxContainer {
  margin: 1em 0.5em 0.5rem;
}

#cssBoxImg {
  float: right;
}

#cssBox_Target {
  background-color: transparent;
  border: none;
  float: left;
  left: 32.75%;
  margin: 0 auto;
  padding: 1rem;
  position: absolute;
  text-align: center;
  top: 25%;
  z-index: 99999;
  box-shadow: 1.5em 2em 1em rgba(0, 0, 0, 0.68);
}

#cssTips * {
  margin: 0 auto;
  width: 85%;
}

#cssTips * dt {
  font-style: oblique;
  margin: 0;
  padding: 0.3em 0 0.2rem;
  text-align: left;
}

#cssTips dl {
  background-color: #fafaef;
}

#displayHttPath,
#doc_loc_href {
  font-family: serif;
}

#displayHttPath {
  background-color: rgba(255, 255, 255, 0.1);
  color: #000;
  display: table-cell;
  font-size: 0.95rem;
  font-weight: 300;
  text-align: left;
  text-shadow: 0 0.04em 0 rgba(255, 255, 255, 0.9);
}

#doc_loc_href {
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  text-shadow: -0.025em 0.055em 0.06em rgba(20, 20, 20, 0.7);
  text-align: right;
  margin: 0.75em 3.75em -1em 0;
}

#duckduckgo {
  margin-left: 23rem;
  bottom: 32px;
  position: relative;
}

#footer {
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: repeat-x;
  clear: both;
  font-family: "Liberation Sans", "Droid Sans", "DejaVu Sans", arial, helvetica,
    sans-serif;
  text-align: center;
}

#footer p {
  display: block;
  margin: 0 auto;
  padding-top: 1rem;
}

#footer p a:hover {
  color: #aff;
}

#footer p a:link {
  color: #00f;
}

#footer p a:visited {
  color: #ddf;
}

#footer hr {
  border: 0.035em inset rgba(150, 190, 220, 0.7);
}

#footer :link {
  color: #8080ff;
}

#footer :visited {
  color: #d456d4;
}

#footer :focus {
  color: #ff8080;
}

#footer :hover {
  color: inherit;
}

#footer :active {
  color: #ff8080;
}

#footer a,
#pageControls ul li a {
  text-decoration: none;
}

#foundDirs {
  background-color: #c02;
  color: #ffa;
  list-style-type: upper-roman;
}

#frameName {
  background-color: rgba(255, 245, 152, 0.5);
  color: #003c3c;
  font-family: serif;
  font-size: 0.9rem;
  font-variant: small-caps;
}

#header,
#headimage,
p#collapser img {
  vertical-align: middle;
}

#header {
  background-image: url(head_bg_2022.png);
  background-position: center bottom;
  clear: both;
  color: #ffe;
  font-family: Impact, "charcoal", fantasy, sans-serif;
  height: 10rem;
  text-align: center;
  text-shadow: 0.08em 0.08em 0.06rem;
  z-index: 20;
  border-bottom: 20px solid #2d2090;
  position:relative;
  bottom: -10px;
}

#headimage {
  background-color: transparent;
  display: block;
  float: left;
  margin: 0.5em 1rem;
  overflow: visible;
  padding: 0 1em 0 0;
  position: relative;
}

#headtext {
  display: block;
  font-weight: 400;
  margin: 0 auto;
  padding: 1.6em 0 0;
  text-align: center;
}

#javaScriptletDomi {
  background-color: #fff;
  color: #808;
  font-family: sans-serif;
  font-weight: 600;
  unicode-bidi: normal;
}

#leftcol {
  background-color: transparent;
  display: block;
  float: left;
  font-family: sans-serif;
  font-size: 0.9rem;
  position: relative;
  width: 18%;
  z-index: 10;
  max-width: 15em;
}

#localScope {
  border: 2em solid #ccc;
  font-family: serif;
  margin: 0 2rem;
  width: 30rem;
}

#maincol {
  background-color: inherit;
  display: block;
  float: right;
  font-family: sans-serif;
  position: relative;
  width: 80%;
  z-index: 11;
}

#maincol div *,
#maincol form *,
#maincol iframe,
#maincol p *,
#maincol table * {
  padding-left: 0;
}

#localScope li,
#maincol div,
#maincol dl,
#maincol form,
#maincol h1,
#maincol h2,
#maincol h3,
#maincol ol,
#maincol p,
#maincol table,
#maincol ul {
  padding-left: 1rem;
}

#mainFrame {
  text-align: center;
  background-color: #fff;
  height: 50rem;
  margin: 1em 0;
  width: 90%;
}

#maincol div.center,
#maincol div.centered,
#pageControls ul {
  margin: 0 auto;
  text-align: center;
}

#pageControls ul {
  background-color: #f8f8f8;
  border-radius: 1.5em 1em 1.5em 1rem;
  /* -webkit-box-shadow: 0 0 .8em #4448; */
  box-shadow: 0 0 0.8em #4448;
  margin: 0;
  padding: 0.5em 0 0.5em 0.7rem;
  position: relative;
  min-width: 8rem;
}

#pageControls, #controlList {
  z-index: 999;
}

#maincol div.displayNone,
#maincol div.displaynone {
  background-color: transparent;
  margin: 1em 1em 0.5em 0.5rem;
  padding: 0;
}

#matchList {
  background-color: #fffffc;
  color: #0a0;
  font-family: monospace;
  font-size: 0.9rem;
  white-space: pre;
}

#navlist,
#navlist li,
.bottomsmaller:first-line {
  font-variant: small-caps;
  display: list-item;
}

#navlist li,
#navlist li ul li,
#pageControls ul li {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(220, 220, 255, 0.7);
  border-radius: 1rem 1rem 1rem 1rem;
  box-shadow: 0 0 0.25em #888;
  margin: 0.5em 1.1em 0.5em 0.5rem;
  padding: 0.01rem;
  text-align: left;
  text-indent: 1em;
  font-size: 0.7rem;
  max-width: 90%;
}

#pageControls ul li {
  font-size: 0.65rem;
}

.nobull {
  list-style-type: none;
}

#noFrame_independex {
  height: 800px;
  background-color: rgba(255, 255, 255, 0.5);
}

#pageControlHeader {
  color: #fafafa;
  padding: 0 0 1em 1.5rem;
  font-size: 1.2rem;
  text-shadow: -0.025em 0.055em 0.175em rgba(20, 20, 20, 0.85);
  vertical-align: middle;
  margin-top: -0.5rem;
  font-size: 1rem;
}

#pageControlHeader:before {
  content: url(gear.png);
  margin-left: -1rem;
  margin-right: 0.8rem;
}

#pagewidth {
  background-color: #fff;
  display: block;
  margin: 0 auto;
  width: 90%;
}

#previewWin {
  background-color: #f90;
  border: 1px solid #cc0;
  clip: auto;
  font: 0.8em arial, helvetica, sans-serif;
  height: 100px;
  left: 5px;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  top: 5px;
  visibility: hidden;
  width: 400px;
  z-index: 9999;
}

#print_frameTitle {
  text-align: right;
  float: left;
  position: relative;
  top: 30%;
  right: 45%;
  margin: 1rem;
  padding: 0.5rem;
  color: #000;
  font-family: serif;
  background: 0 0;
  width: 10%;
  left: 45%;
  height: 4rem;
}

#printrGet {
  border: 0.3em double #55a;
}

#printrGet,
#printrPost,
#printrRequest {
  background-color: #effaef;
  font-family: monospace;
  font-size: 0.9rem;
  margin: 0.7rem;
  padding: 1rem;
}

#printrPost {
  border: 0.3em double #a55;
}

#printrRequest {
  border: 0.3em double #5a5;
}

#svgtitle {
  width: 100%;
  font-family: "Arial black";
}

#testStringSplit {
  color: #c20;
  font-family: sans-serif;
  font-size: 14px;
}

#toBottom {
  clear: right;
  margin: 0.2rem;
}

#toTop,
p#collapser {
  float: right;
  font-variant: small-caps;
}

#toTop {
  display: block;
  font-size: small;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0.2rem;
  padding: 1.5em 0.5em 1.5em 0;
}

#toTopJscon::before .material-symbols-outlined {
  text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
  color: #ff46ffAA;
  content: "♀";
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 900;
  font-family: 'Material Symbols Outlined';
  color: #d83f3f;
  content: '\e25a';
  display: block;
  list-style-type: none;
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 500;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
#urlSplit li {
  font-family: sans-serif;
  font-size: 0.8rem;
  margin: 0.4em 0.5rem;
}

#wrapper {
  background-color: rgba(255, 255, 255, 0.65);
  background-image: url(backgrounddiagonal.gif);
}

#dbFormContainer,
.align-left,
.alignleft,
.alignleft *,
.left,
.left-align,
.leftalign {
  text-align: left;
}

.inline,
ul#imgShow {
  display: inline;
}

#previewWin h1,
#previewWin h2,
.keyTerms ul li sup {
  font-size: 1rem;
}

#collapser-0,
.collapsableDd,
.displayNone,
.displaynone,
.target,
li.exeicon,
li.forbidden,
li.forbiddenitem,
li.hiddenitem {
  display: none;
}

#calContainer,
div.centered {
  display: block;
  margin: 0 auto;
  text-align: center;
}

hr#clearImgShow {
  clear: both;
}

li#goUpItem {
  list-style-image: url(folder-up.gif);
}

#controList li *,
.intraNav,
li.imgShowItem a {
  border: medium;
}

ol#pathItems {
  font-family: sans-serif;
  font-size: small;
}

ol#readyStateList {
  background-color: #efe;
}

p#collapser {
  clear: right;
  font-size: x-small;
  letter-spacing: 0.3rem;
}

p#jumpBack {
  float: right;
  margin: 0 auto;
}

p#jumpBack img {
  display: table-cell;
}

ul#imgShow li.imgShowItem {
  background-color: #cdf;
  display: table-cell;
  float: left;
  list-style-type: none;
  margin: 0.1em 0.3rem;
  outline: 0.05em solid #ccc;
  padding: 0.1em 0.1em 0.2em 0.4rem;
  text-indent: 0;
}

#matchList:before,
#urlSplit:before {
  background-color: #fafafa;
  color: #30f;
  content: "Showing: D A ($ matches as$ matchKey-> matchVal): ";
  font-family: monospace;
  font-weight: 800;
  padding: 0.2rem;
}

:active {
  color: green;
}

:focus {
  background-color: rgba(255, 255, 0, 0.7);
  color: #0000b4;
}

:hover {
  color: #000;
}

:link {
  color: #00f;
}

:visited {
  color: #a080a0;
}

.red,
.winpathanchor:active {
  color: red;
}

.toggler:hover {
  background-color: #fff;
  color: red;
  padding: 0.2em 0 0.3rem;
  visibility: visible;
}

.unfloat:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.bottomsmaller:first-letter,
dl dd dl dt:first-letter {
  font-weight: 800;
  vertical-align: baseline;
}

li.com:before,
li.info:before,
li.net:before,
li.org:before {
  content: "www.";
}

ol#navlist li:hover,
ul#navlist li:hover {
  background-color: #fff;
  background-image: none;
  border-bottom: 0.2em solid #ccc;
  border-right: 0.1em solid #cfcfcf;
  color: #03f;
}

#chmodTableInner,
#chmodTableOuter {
  border-spacing: 0.5rem;
}

.width_200 {
  width: 200px;
}

li#adb_small_logo img {
  width: 100px;
  height: 80px;
  margin-left: 2rem;
  margin-top: 1rem;
}

li.bmp,
li.bmpicon,
li.gif,
li.gificon,
li.ico,
li.icoicon,
li.jpg,
li.jpgicon,
li.pdn,
li.pdnicon,
li.png,
li.pngicon,
li.psd,
li.psdicon,
li.svg,
li.svgicon,
li.tga,
li.tgaicon,
li.tif,
li.tiff,
li.tifficon,
li.tificon,
li.xcf {
  list-style-image: none;
}

li.bmp::before,
li.bmpicon::before,
li.gif::before,
li.gificon::before,
li.ico::before,
li.icoicon::before,
li.jpg::before,
li.jpgicon::before,
li.pdn::before,
li.pdnicon::before,
li.png::before,
li.pngicon::before,
li.psd::before,
li.psdicon::before,
li.svg::before,
li.svgicon::before,
li.tga::before,
li.tgaicon::before,
li.tif::before,
li.tiff::before,
li.tifficon::before,
li.tificon::before,
li.xcf::before,
li.xcficon::before {
  text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
  color: #ffc;
  content: "∠";
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 900;
}

li.xcficon::before {
  list-style-image: none;
}

#wrapper {
  background-color: #f5f4f3;
  width: 100%;
}

#pageControl,
#pageControls {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 1em 1em 1em 1rem;
  font-family: sans-serif;
  font-size: x-small;
  font-style: normal;
  font-variant: small-caps;
  font-weight: 400;
  line-height: normal;
  outline: 0.1em outset rgba(0, 30, 200, 0.1);
  padding: 1.5em 0.5em 1.5em 0;
  position: fixed;
  right: 5px;
  /* display: flex;
  flex-direction: column; */
  margin: 10% 2rem 0 0;
  width:14rem;
}

figure,
figure img {
  border: 2px solid #e3e8f4;
  border-radius: 16px;
  display: block;
  margin: 1rem auto;
  max-width: 100%;
}

figure {
  overflow: hidden;
  padding: 1rem;
}

figure figcaption {
  border-top: 1px solid #e3e8f4;
  background: #eff2fb;
  font-size: 0.9rem;
  text-align: center;
  padding: 1rem;
  margin: 1rem -1rem -1rem;
}

.hide-show-element label:after {
  display: block;
  content: "Show Controls";
}

.inner-list {
  display: none;
}

.iframe-nav-link {
  font-size: 1rem;
}

#navlist li ul li.icon::before {
  text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
  color: #ff46ffAA;
  content: "♀";
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 900;
  font-family: 'Material Symbols Outlined';
  color: #d83f3f;
  content: '\e2c7';
  display: block;
  list-style-type: none;
  margin-left: -3rem;
  padding-left: 0;
  white-space: pre;
  font-size: 1.5rem;
  float: left;
  font-weight: 500;
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}

li#toTopJscon::before {
  font-family: 'Material Symbols Outlined';
  content: "\e25a";
  font-size: 20px;
}
li#leftColtrigger::before {
  font-family: 'Material Symbols Outlined';
  content: "\e25b";
  font-size: 20px;
}
li#pageCon_goBack::before {
  font-family: 'Material Symbols Outlined';
  content: "\e25c";
  font-size: 20px;
}
li#toBottom::before {
  font-family: 'Material Symbols Outlined';
  content: "\e25d";
  font-size: 20px;
}
li#frameControl::before {
  font-family: 'Material Symbols Outlined';
  content: "\e25e";
  font-size: 20px;
}
li#cssBoxFig::before {
  font-family: 'Material Symbols Outlined';
  content: "\e25f";
  font-size: 20px;
}
li#fbloader::before {
  font-family: 'Material Symbols Outlined';
  content: "\e250";
  font-size: 20px;
}
li#iframe2top::before {
  font-family: 'Material Symbols Outlined';
  content: "\e251";
  font-size: 20px;
}
li#js2index::before {
  font-family: 'Material Symbols Outlined';
  content: "\e252";
  font-size: 20px;
}


#sytebuild_htmlbuild * {
  display: inline-block;
  font-size: 14px;
  font-family: sans-serif;
}