/* ----- validation form ----- */

form#validation {
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 50px;
}

/* ----- results ----- */

.message {
  background-color: yellow;
  color: black;
}

.marker {
  background-color: transparent;
  color: #cc0000;
}

.badOctet {
  font-weight: bold;
  color: inherit;
  background: red;
}

div.specialmessage {
  border: 1px solid black;
  background-color: #ddd;
  color: black;
  margin-left: 2em;
  margin-right: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

/* ----- code listing ----- */

/* code listing from <http://development.incutio.com/simon/numbered-code-experiment.html> */
ol.codeListing {
  font-family: monospace;
  color: green;
  background-color: #fff;
  list-style-type: decimal-leading-zero;
  list-style-position: inside;
  width: 90%;
}

ol.codeListing li {
  background-color: #eee;
  color: black;
  margin: 2px;
}

ol.codeListing li code {
  background: transparent;
  color: black;
  margin-left: 2em;
}

ol.codeListing li code.b {
  background: yellow;
  color: black;
}