/* $Id: grouptip.css,v 1.9 2018/05/30 20:36:08 hendrik Exp $ */

html { box-sizing: border-box; }
*, ::before, ::after { box-sizing: inherit; }
body {
   font-family: Verdana, Geneva, Arial, sans-serif;
   /* font-size: 14px; */
   color: black;
   background-color: white;
   max-width: 870px;
   margin: 0.1em auto;
}

header, section, footer {
   max-width: 75em;
   background: lightgreen;
   border: 1px solid #ddd; 
   padding: 0.2em; 
   margin: 0.2em auto;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
}
section {
   background: white;
   border: transparent;
}


a { text-decoration:none; font-weight:bold; color:blue}
a:hover { text-decoration:underline; color:red}
/*
a:visited { text-decoration:none; color:lightblue;}
a:link { text-decoration:none; }
a:active { text-decoration:underline; }
a:focus { text-decoration:none; color:blue}
*/

p {
   margin-top:10px;
   margin-bottom:10px;
   margin-left:20px;
   margin-right:20px;
}

h1 {
  text-align:center; 
}

hr {
   margin-top: 1em;
   margin-bottom: 1em;
   size: 2px;
   color: #ddd;
   width: 100%;
}

table {
   border:thin; 
   border-style:none;
   border-collapse:collapse;
   empty-cells:show;
   border-spacing:0pt;
   padding:0pt;
}

table.noborder {
   border-style:none;
}

table.border {
   border-style:solid;
   border-color:black; 
   background-color:#CCCCCC;
}

td,th { 
   font-weight:normal;
   padding:4pt;
   padding-left:0.5em;
   padding-right:0.5em;
   border-style:solid;
   border-width:thin;
   vertical-align:top;
}

th { font-size:120%;
     font-weight:bold; 
}

th.border,td.border {
   border-style:solid;
   border-color:black;
}

th.noborder,td.noborder {
   border-style:none;
}

td.ropen {
   border-right-style:hidden;
   text-align:left; 
}

td.lopen {
   border-left-style:hidden;
   text-align:right; 
}


ul#Navigation {
   /* border: 1px solid black; */
   border: hidden;
   margin: 0.0; padding: 0.0em;
   /* background-color: #90EE90 */
}
ul#Navigation li {
   list-style: none;
   margin: 0.1em; padding: 0.1em;
}
ul#Navigation a, ul#Navigation span {
   display:block;
   margin: 0.0em; padding: 0.5em;
   text-decoration: none; font-weight: bold;
   border: 2px solid black;
   border-left-color: white; border-top-color: white;
   color: blue; 
   background-color: #C0EEC0;
}
ul#Navigation a:hover, ul#Navigation span {
   border-color: white;
   border-left-color: black; border-top-color: black;
   color: red; background-color: #CCEEEE;
}
ul#Navigation h2 {
   font-size: 1.2em;
   /* margin: 1.1em 0 0; */
   border: hidden;
   border-color: gray;
   color: black; 
}

/* custom Checkbox */
input,select,textarea {
   font-weight:bold;
   color:#000;
   border:1px solid #000;
   border-spacing:3px;
   padding:3px;
}

input[type=checkbox] {
   display:none;
}
input[type=checkbox] + label {
   display:inline-block;
   border:2px solid #000;
   margin:-2px;
   padding: 0px 3px;
   background-color: lightgray;
   border-color: #000;
}
input[type=checkbox]:checked + label { 
   color:#fff;
   background-image: none;
   background-color:#000;
}