a {
    text-underline-offset: 4px; /* Pushes the line away from the text */
    text-decoration-thickness: 1px; /* Keeps it delicate and modern */
    transition: text-underline-offset 0.2s ease; /* Adds a smooth feel on hover */
}

a:hover {
    text-underline-offset: 6px; /* Subtle movement when the user interacts */
    color: #ffffff; /* Optional: turn white on hover to match your theme */
}

a { 
 color: hotpink;
}

body ,h1  ,div  ,p ,.helplink{
   background-color: black;
   color: white;
}

body, table, tr, td, .caption{ 
  font-family: sans-serif;
  font-size: 18px ;  
}   
 
.helplink:hover {background-color: #542f3a;}
.helplink {
    font-size: 16px ; 
    text-decoration: none;
    display: block;       
    padding: 2px 1px 1px 12px;
}

.helplinkSelected {background-color: green;}

.helpindex{  scrollbar-width: thin;}

.helpsection  {
color: hotpink;
   font-size: 22px ; 
    text-decoration: none;
    display: block;
    padding: 2px 1px 1px 16px;
}


button {
  border: yes;
  color: black;
  padding: 0px 0px;
  display: inline-block;
  font-size: 20px;
}

img.screenshot {padding: 0px 0px; }

img.btn {
  border: 1px solid black;
  border-radius: 1px;
  padding: 0px 0px; 
}

input.chk {width: 10px;margin:0;}

.popup_item:hover {background-color: LightGray;}  
.popup_items{							
 list-style:none;						
 margin:0px;							
 font-size:17px;						
 color: #333333;						
 cursor:default;						
}

.xsmall{height: 	20;}
.xsmallbutton{height: 	20;  vertical-align:bottom; padding:1;margin:1; }

.small{height: 	        20;}
.smallbutton{height: 	20;  vertical-align:bottom; padding:1;margin:1; }