:root {
  --headerColor: #eee
}
body {
  color: #000;
  background: #0000;
}
button {
  border: 1px solid #666;
  background-color: #ddd;
  background-image: linear-gradient(#fff 0%,#bbb 100%);
  box-shadow: 0px 0px 2px #0007 inset;
  
}
button:hover {
  background-color: #ccc;
  background-image: linear-gradient(#eee 0%, #aaa 100%);
}
button:active {
  background-color: #b2b2b2;
  background-image: linear-gradient(#ddd 0%, #999 100%);
}

input[type=text] {
  border: 1px solid #666;
  border-color: #aaa;
}

input[type=checkbox], input[type=radio] {
  accent-color: #f6c;
}

select {
  border-color: #aaa;
  background-color: #ddd;
}
select:hover {
  background-color: #ccc;
}
select:active {
  background-color: #b2b2b2;
}

table, th, td {
  border-color: #555;
}
tr:nth-child(even) {
  background-color: #eeeeee
}
#footer {
  background: #eee;
  border-top: 1px solid #aaa
}

#serverlist .bgRed {
  background-color: #ff7f7f
}
#serverlist .bgYellow {
  background-color: #ffff7f
}
#serverlist .bgGreen {
  background-color: #7fff7f
}