/* horizontal tabs */
   #tabs ul {
      margin: -4px 0px 4px 0px;
      padding: 0;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.75em;
      font-weight: normal;
      list-style-type: none;
      display: flex;
      border: 1px solid #006666;
      background-color: #006666;
   }
   #tabs ul li {
      display: flex;
      flex-direction: row;
      flex: 1 0 auto;
      padding: 0 0.5px; /* replace with padding: 0; */
   }
   #tabs ul li a {
      display: flex;
      flex-direction: row;
      flex: 1 0 auto;
      justify-content: center;
      text-decoration: none;
      color: #660000;
      background-color: #a6c9c9;
      padding: 0.25em;
      transition: transform 0.2s;
   }
   #tabs ul li a:hover {
      background-color: #d9e8e8;
      color: #008080;
      -ms-transform: scale(1.2); /* IE 9 */
      -webkit-transform: scale(1.2); /* Safari 3-8 */
      transform: scale(1.2);
   }
   #tabs ul li.current a {
      background-color: #008080;
      color: #fff;
   }