body {
         font-family: Verdana;
         font-size: 70%;
         background-color: #ffdc6b;
         background-color: rgb(200,209,224);
      }

      h1 {
         font-style: italic;
         color: #ffffff;
         font-size: 290%;
      }

      h2 {
            border: 1px solid black;
            color: #000000; /*rgb(200,209,224);*/
            background-color: white;
            padding: 0.4em;
      }

      h4 {
         margin: 0.2em;
         margin-top: 0.9em;
         font-size: 140%;
         border: 1px solid black;
         color: #000000; /*rgb(200,209,224);*/
         background-color: white;
         padding: 0.4em;
         margin-left: 0em; padding-left: 1em;
      }

      table {
         font-size: 100%;
         margin-top: 1em;
         border-collapse: collapse;
      }

      table, th, td {
         border: 1px solid #000000;
      }

      th {
         background-color: #dddddd;
      }

      td {
         padding: 0.4em;
      }

      a {
         color: #000000;
      }

      img {
         border: 1px solid black;
      }

      input, select, textarea, button {
         font-family: Verdana;
         font-size: 100%;
         font-weight: bold;
      }

      input, select {
         width: 100%;
         width: 20em;
      }

      button {
          border: 1px solid white;
          background-color: orange;
          padding: 1em;
          cursor: hand;
          font-size: 110%;
      }


      ul {
         padding: 0px;
      }

      .ch-box {
         width: 2em;
      }

      label {
         font-weight: normal;
         color: #a0a0a0;
         color: #262626;
      }

      hr {
         height: 0.01em;
         color: #000000;
         margin-top: 1em;
         margin-bottom: 1em;
      }

      ul {
         margin: 0em;
         margin-left: 2em;
      }

      #i-navigation {
         border: 0.01em solid #000000;
         background-color: #ffffff;
         padding: 1em;
         margin: 0.5em;
         margin-left: 0em;
      }

      .short {
         width: 5em;
      }

      .short-input {
         width: 49%;
         margin-right: 1em;
      }

      .alert {
         padding: 1em;
         font-size: 110%;
         /*color: #f28b15;*/
         color: #aa0000;
         background-color: #ffffff;
         font-weight: bold;
         border: 0.01em solid #dd0000;
         padding: 2em;
      }

      .c01 {
         cursor: help;
      }


      .i-query {
         background-color: #ffffaa;
      }

      .i-query-INNER ul {
         margin-top: 0.4em;
      }

      .correct {
         background-color: #00aa00;
         background-color: #35ec31;
      }

      .incorrect {
         background-color: #ed2121;
         background-color: #ff4a2e;
      }

      .ansewer {
         cursor: hand;
         border: 0em;
         border-bottom: 0.01em dotted #000000;
         padding: 0.2em;
         margin: 0.2em;
      }

      .selected-ansewer {
         cursor: hand;
/*text-decoration: underline;*/
         border: 0.01em solid #000000;
         background-color: #ffffff;
         padding: 0.2em;
         margin: 0.2em;
      }

      .h-ansewer {
         color: #ffffaa;
      }

      .v-ansewer {
         color: #000000;
      }

      #copyright {
         font-size: 80%;
         color: #a0a0a0;
         color: #000000;
      }

      .h {
         display: none;
      }