/************************** [ General Style ] *********************************/

body {
  line-height: 1.5;
  font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: #960010;
  text-decoration: none;
  text-shadow: 0 0 1px rgba(150, 0, 0, 0.3);
}

a:hover {
  color: rgb(255,0,0);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5em;
  font-weight: bolder;
}
h1 { font-size: 2.0rem; }
h2 { font-size: 1.7rem; }
h3 { font-size: 1.4rem; }
h4 { font-size: 1.1rem; }

ul {
  list-style-type: square;
  padding-left: 1.8rem;
}

p, ul, ol, dl {
    margin-top: 1em;
}

/******************************* [ Layout ] ***********************************/

.content {
  width: 80%;
  max-width: 800px;
  margin: auto;
}

header, footer {
  background: #960010;
  color: white;
  clear: both;
}

header {
  margin-bottom: 20px;
}

footer {
  margin-top: 20px;
  text-align: center;
}

header h1 {
  margin: 0;
}

header a, footer a {
  color: white;
}

header .content, footer .content {
  padding: 20px 0;
}

/***************************** [ Specifics ] **********************************/

.hidden { display: none; }
.accepted { background: #afa; }
.rejected { background: #aaf; }
.errored  { background: #faa; }
.empty    { background: #ddd; }
pre { max-width: 100%%; overflow: auto; }

/* Tables */

table { width: 100%; }

td, th {
  padding: .2rem;
}

thead tr, tr th {
  font-weight: bold;
  background: #960010;
  color: white;
}

tbody tr:nth-child(even) {
  background: #fff8f8;
}

tbody tr:hover, tbody tr:focus {
  background: #ddc8c8;
}

.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}