body {
  margin: 20px;
}

body * {
  color: black;
  font-size: 12px;
}
 
h1 {
  font-size: 130%;
}

#stats {
  width: 100%;
}

#stats th {
  font-size: 110%;
  font-weight: bold;
  background: #bbb;
  text-align: center;
  vertical-align: middle;
  padding:  3px 5px;
}

#stats tbody tr.even {
  background: #eee;
}

#stats tbody tr:hover {
  background: #ddd !important;
}

#stats tbody td {
  text-align: center;
  padding: 3px 5px;
  vertical-align: top;
}

#stats tbody td.id {
  font-weight: bold;
}

#stats tbody td.id a {
}

#stats tbody td.publish_date {
  color: brown;
}

#stats tbody td.update_date {
  color:  blue;
  white-space: pre-wrap;
}

#stats tbody td.publish {
  color: orange;
}

#stats tbody tr {
  opacity:  0.75;
}

#stats tbody tr.publish {
  opacity:  1;
}

#stats tbody tr.publish td.publish {
  color: green;
  font-weight: bold;
}

#stats tbody tr.errors {
  opacity:  0.85;
  background: orange;
}

#stats tbody tr.errors td.update_date {
  color: red;
  font-weight: bold;
}

#stats tbody td[class="#image"] {
  position: relative;
}

#stats tbody td[class="#image"] a {
  text-decoration: none;
}

#stats tbody td[class="#image"] img {
  margin: 2px;
  border: 1px solid #ccc;
  max-width: 30px;
  max-height: 30px;
  display: inline-block;
  width: auto;
  height: auto;
}

#stats tbody td[class="#image"] img:hover {
}

#stats small {
  font-size: 90%;
}

big {
  font-size: 120%;
}