body {
  background-color:    #acd;
  background-image:    url("images/bd-light.jpg");
  font-family:         Tahoma,Helvetica,sans-serif;
  font-size:           9pt;
  color:               #46a;
  margin:              0;
}

a {
  text-decoration: none;
}

div[id^='wrapper'] {
  margin-top: 5%;
  text-align: center;
  width: 100%;
  padding: 10px;
}

div[id^='DIR'] {
  background-color: #ffe;
  border-color: #46a;
  border-style: solid;
  display: inline-block;
  margin: 10px;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
}

div[id^='DATABASE'] {
   /* background-color: #AAA; */
  border-color: #46a;
  border-style: solid;
  display: inline-block;
  margin: 10px;
  padding: 10px;
  width: 90%;
  border-radius: 10px;
}

div[id^='GENTHUMBS'] {
  background-color: #ccc;
  border-color: #46a;
  border-style: solid;
  display: inline-block;
  margin: 10px;
  padding: 10px;
  width: 500%;
  color: black;
  border-radius: 10px;
}

div[id^='BACK'] {
  background-color: #ffe;
  border-color: #46a;
  border-style: solid;
  display: inline-block;
  margin: 20px 10px;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
}


div[id^='FOOTER']  {
  background-color: #c64;
  color: cornsilk;
  text-align: center;
  width: 100%;
  padding: 5px;
  margin-top: 10%;
}

div[id^='FULLBUTTON']  {
  width: 90%;
  display: inline-block;
  margin: 10px;
  padding: 10px;
  width: 90%;
  border-radius: 10px;
}

#dirbutton {
  background-color: #c64;
  border: none;
  color: cornsilk;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  width: 100%;
  border-radius: 10px;
}

h1 {
    margin-bottom: 0;
    text-align: center;
}

h2.dirinfo {
    font-weight: lighter;
    margin-top: 0;
    padding: 0;
    text-align: center;
}