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

  .questionchoices {
    padding-left: 1em;
  }

  legend {
    font-weight: bold;
  }

  input, textarea {
    border: thin solid black;
  }


  /* error class gets applied by jQuery Validate */
  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;
  }
