@charset "UTF-8";

@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;
}

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

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

.hide-show-element label {
    padding: 0 0.3em;
    border-radius: 3px;
    line-height: 1.625;
    font-size: 0.83em;
    font-family: inherit;
    background-color: #f7f7f7;
    box-shadow:
        0 0.1em 0 rgba(0, 0, 0, 0.2),
        0 0 0 0.2em #fff inset;
    color: #e8e6ff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    transition-duration: 0.5s;
    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;
    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,
.header,
.heading {
    font-family: "Condiment", cursive;
    font-weight: 400;
    font-style: normal;
}

: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-weight: 300;
}

#pagewidth {
    min-width: 860px;
    max-width: 1280px;
}

#navlist li a,
a {
    text-decoration: none;
}

a {
    font-size: 1em;
    font-weight: 400;
    margin-left: 0;
    color: #1370ab;
}

a.disabled {
    display: none;
    color: #fff;
}

a,
a:hover,
a:link,
a:visited {
    vertical-align: top;
}

a:link,
a:visited {
    color: #1370ab;
    text-decoration: none;
}

a:hover {
    color: #074ae5;
    text-decoration: underline;
}

h1 {
    font-size: 1.1rem;
    vertical-align: bottom;
    margin-top: 7px;
    margin-bottom: 4px;
}

ol,
p,
ul {
    font-size: 0.9rem;
    margin-top: 1px;
    margin-bottom: 1px;
}

h1,
p {
    font-weight: 400;
}

ol,
ul {
    list-style-position: outside;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1.3rem;
}

img.screenshot-thumb {
    border: 2px solid #1370ab;
    width: 756px;
    margin-top: 5px;
    cursor: pointer;
}

img.screenshot {
    margin-top: 5px;
}

img.screenshot,
img.slidescreenshot {
    border: 2px solid #1370ab;
}

div.noscreenshots,
div.slidenoscreenshots {
    padding: 30px 0;
    margin-top: 5px;
    border: 1px solid #1370ab;
    text-align: center;
}

div.slidenoscreenshots {
    width: 500px;
    margin-top: 30%;
}

div.drawing_desktop {
    border: 2px solid #1370ab;
    background-color: #fff;
}

div.drawing_widget {
    border: 1px solid #053264;
}

div.drawing_toplevel {
    background-color: #146eaa;
}

div.drawing_titlebar {
    background-color: #0a3c78;
    color: #fff;
    overflow: hidden;
    font-size: 10px;
}

div.drawing_parent {
    background-color: transparent;
}

div.drawing_target {
    background-color: #1e8cc8;
    color: #fff;
    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,
nav {
    float: left;
    width: 33%;
}

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

span.accessible-text {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
}

.align-center {
    text-align: center;
}

.align-right,
tfoot,
thead {
    text-align: right;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.commentInputEntityItem-display,
.updateCommentEntityItem-display {
    display: none;
}

.icon,
.material-symbols-outlined {
    font-family: "Material Symbols Outlined";
    font-weight: 400;
    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";
}

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

li.markdownicon,
li.mdicon::before,
li.webmicon,
li.webpicon {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
    display: block;
    list-style-type: none;
    font-weight: 500;
}

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

li.markdownicon,
li.mdicon::before {
    color: #fff;
    content: "∑";
}

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

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

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

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

li.cssicon::before {
    color: #fff;
    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 {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
    list-style-image: none;
    color: #fff;
    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: #fff;
    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 {
    content: "⛥";
}

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

li.pharicon::before {
    color: #fff;
    content: "♀";
    font-weight: 900;
}

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

li.jsicon,
li.jsonicon,
li.lockicon,
li.logicon,
li.new_dirHandArr,
li.pharicon,
li.phtmlicon,
li.shtmlicon {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
    list-style-image: none !important;
}

li.txticon,
li.xmlicon,
li.yamlicon,
li.ymlicon {
    list-style-image: none !important;
}

li.yamlicon,
li.ymlicon {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
}

li.logicon::before {
    content: "🖹";
    color: #fff;
    font-weight: 500;
}

li.regicon::before {
    font-weight: 500;
}

li.txticon::before {
    content: "🖹";
    color: #fff;
    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;
    width: 100%;
}

#navlist li.unknown {

    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: #fff;
    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.regicon,
li.xcficon {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
}

li.xcficon {
    color: #ffc;
    content: "∠";
    font-weight: 600;
}

li.bz2icon::before,
li.gzicon::before {
    color: #fff;
    content: "☯";
    font-weight: 500;
}

li.bz2icon::before,
li.gzicon::before,
li.phtmlicon::before,
li.raricon::before,
li.sevenzipicon::before,
li.xcficon,
li.zipicon::before {
    margin-left: -3rem;
    padding-left: 0;
    white-space: pre;
    font-size: 1.5rem;
    float: left;
}

li.raricon::before,
li.sevenzipicon::before,
li.zipicon::before {
    color: #fff;
    content: "☯";
    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 {
    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.webmicon::before,
li.webpicon::before {
    margin-left: -3rem;
    padding-left: 0;
    white-space: pre;
    font-size: 1.5rem;
    float: left;
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
    list-style-image: none;
    content: "∠";
    color: #fff;
    font-weight: 900;
}

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

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,
li.navnobull,
li.phtmlicon::before {
    list-style-image: none;
}

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

li.phtmlicon::before {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
    color: #fff;
    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 {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
}

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;
}

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: #fff;
    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: gray;
    background-position: left top;
    background-repeat: repeat;
    margin: 0;
}

body a {
    color: #2e8a6a;
}

body *,
body * p,
body div {
    background: fixed;
}

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 * li {
    padding: 0;
    margin: 0;
    background-color: #fff;
}

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

#headingTitle {
    color: #31319166;
    font-family:serif;
    text-shadow: 1px 1px 1px #33333399;
    font-size:1.4rem;
    font-weight:bold;
}

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;
}

#navlist,
h1,
h2,
h3,
h4,
h4.keyTermsHeading,
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%;
}

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

iframe {
    border: medium;
    outline: medium;
}

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

#navlist li {
    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;
    vertical-align: middle;
    width: 100%;
    font-size: 9pt;
    font-weight: 400;
}

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

#navlist li ul li {
    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;
}

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

.float-right,
.floatRight,
.floatRt,
.floatright,
.floatrt {
    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;
    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: #fff;
    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,
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.code-workspaceicon,
li.geanyicon,
li.kpficon,
li.nppsessionicon,
li.pnprojicon,
li.projectfile,
li.projecticon {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
}

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: #fff;
    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 li {
    border: 0.08em solid #fff;
    display: block;
    /* float: none; */
    margin: 0.9em auto;
    padding: 0;
    text-align: left;
    background-color: #EEEEEE;
}

#cookieData {
    display: none;
}

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

#cssBoxImg {
    float: right;
}

#cssBox_Target {
    background-color: transparent;
    border: 0;
    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 {
    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('../images/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 var(--color-primary);
    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;
}

ul#controList {
	background-color: #f8f8f8;
	border-radius: 1.5em 1em 1.5em 1rem;
	box-shadow: 0 0 0.8em #4448;
	margin: 0;
	padding: 0.5em 0 0.5em 0.7rem;
	position: relative;
	min-width: 8rem;
	height: 0;

}

#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.5);
    outline-color: rgba(220, 220, 255, 0.2);
    outline-style: groove;
    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;
    background-color: #FFFFFFEE;
}

#navlist li,
li.toggler ul li {
    outline: 0;
}

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

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

#pageControls {
    height:0;
}

#pageControls li {
    background-color: #fff;
}

#pageControls:before {
    /* content: url(../images/gear.png); */
    margin-left: 0;
    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;
}

.reloadIcon::before .material-symbols-outlined,
#toTopJscon::before .material-symbols-outlined {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
    font-family: "Material Symbols Outlined";
    color: #d83f3f;
    content: "\f053";
    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);
}

#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,
.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::before {
    font-family: "Material Symbols Outlined";
    color: #d83f3f;
    content: "\f728";
    display: block;
    list-style-type: none;
    font-weight: 500;
    font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
    font-size:2rem;
    position: relative;
    right:2rem;
    align-content: space-around;
}


#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 {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
    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: #fff;
    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;
}

#navlist li ul li.icon::before,
li.shicon::before {
    text-shadow: 0.1rem 0.1rem 0.1rem #737373aa;
    margin-left: -3rem;
    padding-left: 0;
    white-space: pre;
    font-size: 1.5rem;
    float: left;
}

#navlist li ul li.icon::before {
    font-family: "Material Symbols Outlined";
    color: #d83f3f88;
    content: "";
    display: block;
    list-style-type: none;
    font-weight: 500;
    font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
}

li.shicon::before {
    color: #ffe6cc;
    content: "↯";
    font-weight: 900;
}

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

#pageControls {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 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: absolute;
    right: 5px;
    width: 14rem;
    z-index: 300;
    top:auto;
    
}
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;
}

.inner-list {
    display: none;
}

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

li#leftColtrigger::before,
li#pageCon_goBack::before,
li#toTopJscon::before {
    font-family: "Material Symbols Outlined";
    font-size: 20px;
}

li#toTopJscon::before {
    content: "";
}

li#leftColtrigger::before {
    content: "";
}

li#pageCon_goBack::before {
    content: "";
}

li#cssBoxFig::before,
li#frameControl::before,
li#toBottom::before {
    font-family: "Material Symbols Outlined";
    font-size: 20px;
}

li#toBottom::before {
    content: "";
}

li#frameControl::before {
    content: "";
}

li#cssBoxFig::before {
    content: "";
}

li#fbloader::before {
    content: "\e1d2";
}

li#fbloader::before,
li#iframe2top::before,
li#js2index::before {
    font-family: "Material Symbols Outlined";
    font-size: 20px;
}

li#iframe2top::before {
    content: "\f731";
}

li#js2index::before {
    content: "\f053";
}

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

#quickChange {
    font-size: small;
    background-color: #fefefe;
}

#navlist li.toggler {
    background-color: #ededed;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.inner-list li {
    background-color: transparent;
}

.displaynone {
    display: none;
}