  body {
    margin: 2em;
    font-family: tahoma, arial, helvetica, sans-serif;
  }

  .questionchoices {
    padding-left: 1em;
  }

  legend {
    font-weight: bold;
  }

  input, textarea {
    border: thin solid black;
  }

  fieldset > label, button[type=submit] { display: block; margin: 1rem 1rem;}


  /* error class gets applied by jQuery Validate */
  div.error, label.error {
    color: red;
  }

/* use the ::before pseudo-element to place a red "x" Unicode character before
   the label.  For more info, see:
   :: before pseudo-class
      https://developer.mozilla.org/en-US/docs/Web/CSS/::before
   Unicode "Cross Mark" U+274C
      https://www.compart.com/en/unicode/U+274C
*/
  label.error::before {
    content: "\274C";
    padding-left: 5px;
    padding-right: 3px;
  }

  code
  {
      font-size: 100%;
      font-family: "lucida console", courier, monospace;
      padding: 2px 4px;
      color: #d14;
      background-color: #f7f7f9;
      border: 1px solid #e1e1e8;
  }
