/* *** DATESORT_DESCRIPTIONS_HISTORY CSS - 5 Apr 2026  15:30:22 - JGKNAUTH */

body {background-image: url(../marble.jpg); background-attachment: fixed;}
div#body {width: 55em; margin: auto; background: white; padding: 1em 2.5em; border: solid black 1px;
          position: relative;}

.popup {display: block; text-align: center; width: 6em; position: absolute; z-index: 1; font-size: 80%;
        text-decoration: none; padding: .2em .1em; border: 3px solid transparent; border-radius: 5px;}
.popup:link,  .pop:visited {color: transparent; background: transparent;}
.popup:hover, .pop:focus   {color: black;}

a#TEST1L       {top: 4px; left: -88px; line-height: 2em;}
a#TEST1L:hover {background: #CFC;}
a#TEST2L       {top: 40px; left: -88px;}
a#TEST2L:hover {background: #FA8;}

a#TEST1R       {top: 4px; right: -88px;}
a#TEST1R:hover {background: pink;}
a#TEST2R       {top: 40px; right: -88px; line-height: 2em;}
a#TEST2R:hover {background: #F80C;}
a#TEST3R       {top: 75px; right: -88px; line-height: 2em;}
a#TEST3R:hover {background: cyan;}

h1 {font-size: 130%; line-height: 95%;}
p.linksnote {font-size: 90%; line-height: 100%; color: maroon;}

span.afterelec {font-size: 70%; font-style: italic;}
p#postscript {color: maroon; font-size: 80%; font-weight: 700; font-style: italic; width: fit-content; margin: 1em auto;
              border: 1px black solid; border-radius: 3px; background: #FFC; padding: .2em .3em;}

ul.outer {margin: 1.5em auto auto -2.5em; list-style-type: none;}
ul > li  {margin: .5em auto; font-size: 95%; padding: .2em .3em 0 .3em; break-inside: avoid;}
ul.inner {margin: -.2em auto .3em 4em;}
ul.inner li {margin: 0 auto -.2em; font-size: 95%; list-style-type: disc;}

div#keybox {margin: 1.5em auto 2em auto; border-radius: 4px;  background: #FED; padding: .3em .3em;
            border: 3px double black;}
p#keyhd {margin: -.1em auto -1em auto; width: fit-content; color: maroon; font-weight: 700; font-size: 90%;}
div#colorkey {display: flex; flex-flow: row wrap; justify-content: flex-start; width: 100%; margin: 1em auto auto auto;}
div#colorkey > div {margin: .2em auto; font-size: 77%; font-weight: 700; padding: .2em .4em;}

div.nofill {width: 33em; background: #FFF;}
div.signif {width: 30em; background: #FF8;}
div.cmnts  {width: 30em; background: #AFF;}
div.info   {width: 33em; background: #AFA;}

.nofill {background: #FFFF; border: 1px solid black; border-radius: 5px;}
.signif {background: #FF06; border: 1px solid black; border-radius: 5px;}
.cmnts  {background: #0FF2; border: 1px solid black; border-radius: 5px;}
.info   {background: #0F02; border: 1px solid black; border-radius: 5px;}

span.atxt {font-weight: 700;}
span.fixed {font-size: 75%; color: green; font-weight: 700; padding-right: .2em;}
a {text-decoration: none;}
ul.inner a:link, ul.inner a:visited {color: brown; background: white; font-weight: 700;}
ul.inner a:focus {color: black; background: #F808;}
ul.inner a:hover, ul.inner a:active {color: white; background: brown;}

span.empr {color: red;}

/* Link to history files */
a#history {display: block; margin: 1.5em auto auto; font-size: 110%; background: #f003; width: fit-content;
           padding: .2em .5em; border: 2px solid black; border-radius: 8px; font-weight: 700;}
a#history:hover {background: blue; color: white;}

div#lcupdate {font-size: 80%; margin: 1.5em auto 0; width: fit-content;}