/*
   Based on a style by Damien Elmes, modified by D. Goel
   Thanks to wiki.gra.dk, mutated by Grape to bear almost no resemblance...
*/

/* ---- SECTIONS ------------------------------ */
div.contain {
  color: inherit;
  background-color: white;
  border-bottom: 2px solid black;
}

div.foot {
  padding-top: 2px;
  color: inherit;
  background-color: #C4CFD3;
  font-size: 8pt;
}

div.left {
  /* x-margin: 10px; */
  padding: 10px 0;
  margin-left: 35px; /* 130px */
}
/*
div.btm {
  position: fixed !important;
  top: 45px;
  padding: 3px;
  margin-top: 40px;
  width: 17px;
  height: auto; /- 120px; -/
} */

div.diff {
  border-bottom: 1px dashed black;
  margin-bottom: 5px;
}

.diff pre {
  color: gray;
}

.diff .old {
  color: maroon;
}

.diff .new {
  color: green;
}

.small {
  font-size: small;
}

div#btm, div.btm2 {
  color: #666;
  background-color: #C4CFD3;
  border: 1px solid #000000;
}
div.btm2 {
  margin: 10px;
  padding: 1px 5px;
}
div#btm img {
  border: 0px;
  width: 16px;
  margin-bottom: 2px;
  font-size: 8pt;
  font-weight: normal;
}
div#btm input {
  position: fixed;
  border: 1px solid black;
  font-family: tahoma, sans-serif;
  padding: 2px;
/*  top: 231px; */
  left: 44px; 
}
div#btm input:focus {
  color: inherit; 
  background-color: white;
}
div#btm .submit { 
  display: none;
  border: 0px;
  font-family: tahoma, sans-serif;
}

div#btm form a, div#btm form input, h1 a, h1 a:visited {
  color: #666;
  background-color: #C4CFD3;
}

table.auto tr th {
  border-bottom: 1px solid black;
}

table td {
  vertical-align: top;
  font-size: 14px;
}

/*
 * The Rollover -- where both browsers
 * force me to write nonstandard CSS.
 */
#toolbar a:hover, .toolbar td a:hover { 
  color: inherit;
  background-color: inherit;
}

#toolbar img, .toolbar td img {
  -moz-opacity: 0.5;         /* Mozilla */
  opacity: 0.5;              /* W3C     */
  filter: alpha(opacity=50); /* IE5+    */
  padding: 2px;
}
@media (hover: none) { /* chrome reports this, but not mobile safari */
    #toolbar img, .toolbar td img {
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

#toolbar a img, .toolbar td a img {
  border: 0px;
}

.dummy { /* used to help parser clean itself up */ }

#toolbar a:hover img, .toolbar td a:hover img {
 -moz-opacity: 1;
 opacity: 1;
 filter: alpha(opacity=100);
 background-color: pink;
 border-radius: 4px;
}

.dummy { /* used to help parser clean itself up */ }

#toolbar a.pop .pop { display: none; }
#toolbar a.pop:hover .pop { display: inline; margin-top: -2px; padding-top: -2px;}

#toolbar form { display: inline; }

.log .ip {
     background-color: #eff5ff;
}

/* ---- AESTHETICS ---------------------------- */

body {
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  margin:auto;
  color: inherit;
  background-color: #EFF5FF;
  padding: 2% 5% 5% 5%;
}

a {
  text-decoration:none;
  font-weight:bold;
  color: #c00;
  background-color: inherit;
}

a.ext {
  border-bottom: 1px dashed blue;
}

.grey {
  color: #555555;
  background-color: transparent;
}

a:visited {
  color:#770000;
  background-color: inherit;
}

a.new {
  /*color:#F00;*/
  border-bottom: 1px dashed red;
}

a.spe {
  color: #114400;
  background-color: inherit;
}

a:hover {
  background-color: black;
  color: white;
}
div.btm a {
  border: none;
}

h2, h3, h4 {
  background-color: inherit;
  color: #666;
}

h1 a, h2 a, h3 a, h4 a {
  color: #666;
  background-color: inherit;
}

h5.print {
  margin-top: 2px;
}

h1 a:hover {
  color: black;
  background-color: #C4CFD3;
}

h1 { 
  font-size: 36px;
  color: #666;
  background-color: #C4CFD3;
  border-bottom: 2px solid #000000;
  padding: 2px;
  margin: 0px;
}

h1 img {
  margin-bottom: -6px;
  margin-right: -6px;
}

h2 { 
  font-size: 22px;
  padding: 2px;
  margin-top: 5px;
  border-bottom: 2px solid #000000;
}

h3 { 
  font-size: 18px;
  padding: 2px;
  margin-top: 5px;
  border-bottom: 1px dashed #000;
}

h4 {
  font-size: 16px;
  padding: 2px;
  margin-top: 8px;
  margin-bottom: 5px;
  background-color: inherit;
}

pre {
  border: #777777 1px solid;
  padding: 0.5em;
  margin-left: 1em;
  margin-right: 2em;
  white-space: pre;
  background-color: #e6e6e6;
  color: black;
}								      

div.hide img {
  display: none;
}

.textarea-handle {
  height: 5px;
  display: block;
  /*width: 450px;*/
  background: #C5C5C5;
  background-image: url('http://www.mollerus.net/images/grab-handle.gif');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* --- Print Exceptions ----------------- */

/* These appear when no stylesheet is defined... */
.nostyle {
  display: none;
}

@media print {
  div.btm { display: none; }
  div.left { margin-left: 0px; }
  .print { display: inline; }
  .web { display: none; }
  #toolbar { display: none; }
}
@media screen {
  .print { display: none; }
}
@media only screen and (max-width: 500px) {
    #toolbar {
        height: 48px; 
        width: 100%;
    }
    #toolbar a img, #toolbar form input {
        transform: scale(2.0) translate(0px, 8px);
        transform-origin: left; 
        margin-left: 6px;
        margin-right: 6px;
    }
}
@media (any-pointer: coarse) {
#toolbar {
        height: 48px; 
        width: 100%;
    }
#toolbar a img, #toolbar form input {
        transform: scale(2.0) translate(0px, 8px);
        transform-origin: left; 
        margin-left: 6px;
        margin-right: 6px;
    }
}


/* --- Dark Mode -------------- */
@media (prefers-color-scheme: dark) {
    body, h1 {
        background-color: #666;
        color: #C4CFD3;
    }

    h1, h1 a {
        color: #C4CFD3;
        background-color: #236;
        /*background-image: linear-gradient(#236, #236, #458);*/
    }

    h1 {
        border-bottom: 2px solid #236;
        border-bottom: none;
    }

    h2, h3, h4, h2 a, h3 a, h4 a {
      background-color: inherit;
      color: #bcf; /* orange; */
    }

    #toolbar, div.foot {
        color: skyblue;
        background-color: #458;
    }

    div.contain {
        color: inherit;
        background-color: black;

    }

    pre {
        color: skyblue;
        background-color: #223;
    }

    textarea {
        color: skyblue;
        background-color: black;
    }

    .log .ip {
         background-color: #2f252f;
    }

    a:visited {
      color:#911;
      background-color: inherit;
    }


}