body
{ margin-left:   20px;
  margin-right:  20px;
  margin-top:    0px;
  margin-bottom: 20px;
  font-family:   Arial, Helvetica, sans-serif;
  font-size:     110%;
}

h1,h2,h3  
{ color:      DarkBlue; 
}

h1
{ text-align: center;  
  font-size:  250%;
}

h3.author,h2.author
{ text-align: center; 
  font-size:  125%;
}

div.title
{ padding-top:         3%;
  padding-bottom:      1%;
  margin-left:         -20px;
  margin-right:        -20px;
  background-image:    url(./Zoobar.png);
  background-repeat:   no-repeat;  
  background-position: center top;
  background-size:     100%;
}

div.legend
{ background:       WhiteSmoke;
  border:           1px solid; 
  width:            80%;
}

table
{ background:       RoyalBlue;
  color:            White;
  border:           2px solid;
  border-color:     White;
  border-collapse:  collapse;
  padding:          10px;
  table-layout:     fixed;
}

table.all
{ width:            100%;
}

table.end
{ width:            100%;
  background:       white;
  color:            DarkBlue;
  align:            center;
  border:           0px none white;
}

td.end
{ width:            50%;
  background:       white;
  color:            DarkBlue;
  border:           0px none white;
  padding:          0px;
}

table.legend
{ width:            80%;
  background:       WhiteSmoke;
  color:            Black;
  border:           1px solid;
}

td.legend
{ padding:          5px;
}

td.legend0
{ padding:          5px;
  width:           30%;
}

table.table-autosort
{ width:            40%;
}

td,th
{ border:          1px solid;
  vertical-align:  top;
  border-color:    inherit;
  color:           inherit;
  padding:         15px;
} 

th,th.table
{ color:           Orange;
  vertical-align:  middle;
  width:           10%;
  padding:         15px;
}

input.button 
{ border:       0px;
  padding:      0px;
  color:        White;
  background:   RoyalBlue;
  font-size:    110%;
  font-weight:  Bold;
}

input.button2
{ border:     0px;
  padding:    0px;
  color:      DarkRed;
  background: White;
}

a.txt:link,a.txt:visited
{ text-decoration: none; 
  color:           Blue; 
}

a:link,a:visited  
{ text-decoration: none; 
  color:           White; 
}

hr
{ width:       100%;
  margin-left: 0px;
}

ol,li,dl,dt
{ margin-left: 10px;
}