table.doc {
  border: 2px solid var(--main-foreground);
  background-color: var(--main-background);
  padding: 5px;
  border-radius: 5px;
  width: 90%;
}

td.doc {
  padding: 8px;
  }

th.doc {
  padding: 8px;
  }

tr.doc {
  border: 0px;
  cell-padding: 3px;
  cell-spacing: 2px;
  background-color: var(--pod-background);
  color: var(--main-foreground);
}

tr.docheader {
  border: 0px;
  cell-padding: 3px;
  cell-spacing: 2px;
  background-color: var(--pod-background);
  color: var(--main-foreground);
  font-weight: bold;
  text-align: center;
  }

tr.alt {
  background-color: var(--accent-dark-1);
}

tr.doc:hover {
  color: var(--main-foreground);
  background-color: var(--main-background);
}

span.author {
  font-size: 70%;
  text-decoration: italic;
  }
span.description {
  font-size: 90%;
  text-decoration: italic;
  }
  
div.dlbutton {
  color: var(--main-foreground);
  background-color: var(--accent-light-3); 
  border: 1px solid var(--main-foreground); 
  border-radius:3px; 
  margin: 2px 2px 5px 2px; 
  padding:3px 20px 3px 20px;
  }

div.dlbutton:hover {
  background-color: var(--main-accent);
  color: var(--main-foreground);
  }

table.meminfo {
  cell-spacing: 5px;
  border: 1px solid var(--main-foreground);
  width: 60%;
  }
tr.meminfo {
  background-color: var(--pod-background);
  color: var(--main-foreground);
}
.member tr:hover {
  background-color: var(--main-background);
}
td.meminfo1 {
  background-color: var(--pod-background);
  width: 30%;
  text-align: right;
  padding: 2px 10px 2px 2px;
}
td.meminfo2 {
  width: 70%;
  text-align: left;
  font-weight: bold;
  padding: 2px 2px 2px 10px;
}


table.member {
  cell-spacing: 2px;
  border: 0px;
  width: 120%;
  left: -10%;
  }
tr.membertitle {
  background-color: var(--accent-color-1);
  color: var(--main-background);
  text-align: center;
}
td.membertotal {
  background-color: var(--main-background);
  color: var(--accent-light-1);
  text-align: right;
  padding: 5px;
}
tr.membertitle2 {
  background-color: var(--pod-background);
  color: var(--accent-light-1);
  text-align: center;
}

tr.memberrow {
  background-color: var(--pod-background);
  color: var(--main-foreground);
  text-align: center;
}
.member tr:hover {
  background-color: var(--main-background);
}
.member tr:nth-child(odd) {
  background-color: var(--accent-dark-1);
}
.member tr:nth-child(odd):hover {
  background-color: var(--main-background);
}
.member {
  border: 0px;
  border-radius: 2px;
  padding: 5px;
}
td.member {
  text-align: center;
}
th.member {
  background-color: var(--link-hover-color);
  font-size: 120%;
  text-align: center;
}
th.member2 {
  background-color: var(--pod-background);
  font-size: 120%;
  text-align: center;
  }
td.alert  {
  background-color: var(--main-accent);
  color: var(--main-background);
  font-weight: bold;
}
textarea.member {
  background-color: var(--pod-background);
  color: var(--main-foreground);
  font-weight: bold;
  font-size: 100%;
  border: 0px;
  width: 100%;
  margin: 0px;
}
input.member {
  background-color: var(--pod-background);
  color: var(--main-foreground);
  font-weight: bold;
  font-size: 100%;
  border: 0px;
  width: 100%;
  margin: 0px;
}