/* header */
.header h1 {
   color:            #88D066;
   border-bottom:    2px solid;
   border-color:     black;
   border-left:      2px solid;
   border-radius:    0px 0px 0px 3ex;
   border-color:     #AACCFF;
   }

/* https://stackoverflow.com/questions/14920401/how-to-simulate-hfill-with-html-and-css */
.header h1 ul {
   display:          flex;
   justify-content:  space-between;
   margin:           0.5ex;
   }

.header h1 li {
   display:          inline;
   }

a#refresh {
   background:       #E0E0E0;
   border-radius:    1.8ex;;
   margin-left:      2ex;
   padding:          0.3ex 1.3ex;
   text-decoration:  none;
   }

a#refresh:after { 
   content:          "\00A0\21bb";
   }

/* general */
a:link, a:visited {
   text-decoration:  none;
   }

a:hover, a:active {
   text-decoration:  underline solid;
   }

table {
   border:           none;
   margin:           0;
   }

td {
   border:           0px;
   }

td.bold {
   font-weight:      bold;
   }

td.hoop {
   border:           1px solid #777777;
   }

hr {
   border-style:     solid;
   border-width:     1px;
   color:            #AACCFF;
   margin-top:       4ex;
   width:            70%;
   }

/* action */
.action h2 {
   color:            #88D066;
   }

/* footer */
.footer {
   float :           right;
   margin-right:     5%;
   }

div.footer {
   font-size:        xx-small;
   color:            #666;
   }

.footer ul {
   margin-top:       0.8ex;
   }