/* -------------------------------------------------- */
/* CSS version 2 "styles.css?v2" from 2025-12-16      */
/* Copyright Cipher Machines and Cryptology 2004-2025 */
/* -------------------------------------------------- */

body
{
font: small tahoma, arial, veranda, 'sans serif'; 
font-size:100%
}

p,table,li,ul
{
font-family: small tahoma, arial, veranda, 'sans serif'; 
}

h1,h2,h3,h4,h5,h6
{
font-family: small tahoma, arial, veranda, 'sans serif'; 
color: #383838;
}

ul
{
font-family: small tahoma, arial, veranda, 'sans serif'; 
list-style: square;
}

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

menutab.current {font-size:90%;text-decoration:none;color:#606060;background:white;width:130px;padding:0.1em 0.2em; font-weight:normal}

menutinker.current {font-size:90%;text-decoration:none;color:#606060;background:#FEE498;width:130px;padding:0.1em 0.2em; font-weight:normal}

a:link    {text-decoration: none; color: #013ADF}
a:visited {text-decoration: none; color: #013ADF}
a:active  {text-decoration: none; color: #013ADF}
a:hover   {text-decoration:underline; color: #0040FF}

a.menu:link {font-size:90%;text-decoration:none;color:white; background:grey;width:130px;padding:0.1em 0.2em; font-weight:normal}
a.menu:visited {font-size:90%;text-decoration:none;color:white; background:grey;width:130px;padding:0.1em 0.2em; font-weight:normal}
a.menu:active {font-size:90%;text-decoration:none;color:white; background:grey;width:130px;padding:0.1em 0.2em; font-weight:normal}
a.menu:hover {font-size:90%;text-decoration:none;color:#606060; background:white;width:130px;padding:0.1em 0.2em; font-weight:normal}

a.menu-sized:link {font-size:90%;text-decoration:none;color:white; background:gray;padding:0.1em 0.2em; font-weight:normal}
a.menu-sized:visited {font-size:90%;text-decoration:none;color:white; background:gray;padding:0.1em 0.2em; font-weight:normal}
a.menu-sized:active {font-size:90%;text-decoration:none;color:white; background:gray;padding:0.1em 0.2em; font-weight:normal}
a.menu-sized:hover {font-size:90%;text-decoration:none;color:#606060; background:white;padding:0.1em 0.2em; font-weight:normal}

a.menu-index:link {font-size:90%; text-decoration:none;color:dimgray; font-weight: normal; color:gray }
a.menu-index:visited {font-size:90%;text-decoration:none;color:dimgray; font-weight: normal; color:gray }
a.menu-index:active {font-size:90%;text-decoration:none;color:dimgray; font-weight: normal; color:gray }
a.menu-index:hover {font-size:90%;text-decoration:underline;color:dimgray; font-weight: normal; color:gray }

a.language:link {font-size:90%;text-decoration:none;color:white; background:grey;width:130px;padding:0.1em 0.2em; font-weight:normal}
a.language:visited {font-size:90%;text-decoration:none;color:white; background:grey;width:130px;padding:0.1em 0.2em; font-weight:normal}
a.language:active {font-size:90%;text-decoration:none;color:white; background:grey;width:130px;padding:0.1em 0.2em; font-weight:normal}
a.language:hover {font-size:90%;text-decoration:none;color:white; background:#4169E2;width:130px;padding:0.1em 0.2em; font-weight:normal}


img.a {
  vertical-align: baseline;
}

img.b {
  vertical-align: text-top;
}

img.c {
  vertical-align: text-bottom;
}

img.d {
  vertical-align: sub;
}

img.e {
  vertical-align: super;
}

div.polaroid {
  width: 400px;
  height: 265px;
  box-shadow: 10px 10px 8px grey;
  text-align: center;
}

div.photoshadow {
  width: auto;
  padding: 8px;
  background-color: #F5F5F5;
  box-shadow: 5px 5px 7px grey;
  text-align: left;
}

div.photobox {
  border: 1px solid #ddd;
  background-color: #F9F9F9;
  border-radius: 0px;
  padding: 5px;
  box-shadow: 4px 4px 8px grey;
}

paperstrip {
  padding: 6px;
  background-color: #FFFFE0;
  box-shadow: 4px 4px 7px grey;
  text-align: left;
}

div.paperboxauto {
  width: auto;
  padding: 10px;
  background-color: #FFFFE0;
  box-shadow: 5px 5px 8px grey;
  text-align: left;
}

div.paperbox100 {
  width: 200px;
  padding: 10px;
  background-color: #FFFFE0;
  box-shadow: 5px 5px 8px grey;
  text-align: left;
}

div.paperbox200 {
  width: 200px;
  padding: 10px;
  background-color: #FFFFE0;
  box-shadow: 5px 5px 5px grey;
  text-align: left;
}

div.paperbox300 {
  width: 400px;
  padding: 10px;
  background-color: #FFFFE0;
  box-shadow: 5px 5px 8px grey;
  text-align: left;
}

div.paperbox400 {
  width: 400px;
  padding: 10px;
  background-color: #FFFFE0;
  box-shadow: 5px 5px 8px grey;
  text-align: left;
}

div.paperbox500 {
  width: 400px;
  padding: 10px;
  background-color: #FFFFE0;
  box-shadow: 5px 5px 8px grey;
  text-align: left;
}

div.paperbox600 {
  width: 400px;
  padding: 10px;
  background-color: #FFFFE0;
  box-shadow: 5px 5px 8px grey;
  text-align: left;
}

div.paperbox700 {
  width: 400px;
  padding: 10px;
  background-color: #FFFFE0;
  box-shadow: 5px 5px 8px grey;
  text-align: left;
}

div.paperbox800 {
  width: 400px;
  padding: 10px;
  background-color: #FFFFE0;
  box-shadow: 5px 5px 8px grey;
  text-align: left;
}

div.paperboxstrip {
  width: auto;
  padding: 2px;
  background-color: #F0F0F0;
  box-shadow: 5px 5px 5px grey;
  text-align: left;
}

/* old version tooltip 400px green justify */

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: PaleGreen;
  color: black;
  text-align: justify;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 30%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20%;
  margin-left: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: PaleGreen transparent transparent transparent;
  opacity: 0;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip:hover .tooltiptext::after {
  visibility: visible;
  opacity: 1;
}

mark { 
  background-color: black;
  color: black;
}

keymark { 
  background-color: black;
  color: white;
  font-weight: bold;
}