/* Generic Styles for DL and Tables */

  dt {
      font-weight: bold;
      margin: 0.4em 0 0.2em; }

  td,
  th {
      padding: 0.15em 0.3em;
      font-size: 0.9em;
  }
  td,
  thead th {
      text-align: center;
  }

  table, thead, tfoot, tbody {
      border-collapse: collapse;
  }
  th {
      font-weight: bold;
      border-top: solid thin;
  }
  thead th {
      font-weight: bold;
      border-top: none;
      border-bottom: solid thin;
      background: none;
  }
  th[scope="row"], tr {
      border-bottom: dotted thin gray;
  }

  th:first-child,
  td:first-child {
      text-align: left;
  }

/* Colors for Specification and Test Suite Status Tables */

  .wd, .lc, .cr, .pr, .rec,
  .pa, .alpha, .beta, .rc, .fin, .obs {
      text-align: center;
  }

  .pa { background: #FFAA00; color: black; }
  .alpha { background: #FFFF11; color: black; }
  .beta { background: #BBFF00; color: black; }
  .rc { background: #00FF00; color: black; }
  .fin { background: #3399FF; color: black; }
  .obs { background: #C8757B; color: black; }

  .wd { background: #FFFF00; color: black; }
  .lc { background: #FFCC00; color: black; }
  .cr { background: #00FF00; color: black; }
  .pr { background: #00CCFF; color: black; }
  .rec { background: #3399FF; color: black; }

  td + td + .wd { background: #FFFF71; color: black; }
  td + td + .lc { background: #FFE371; color: black; }
  td + td + .cr { background: #71FF71; color: black; }
  td + td + .pr { background: #71E3FF; color: black; }
  td + td + .rec { background: #8EC6FF; color: black; }

  .status a,
  .track td a {
      display: block;
      background: transparent;
      color: inherit;
  }
  .status em a,
  .track td em a {
      display: inline;
  }

  .track th {
      background: transparent;
  }
  .track td {
      border-bottom: none;
      border-right: solid 1px white;
      text-align: center;
      line-height: 1.3;
      vertical-align: baseline;
  }

  .track caption {
      caption-side: bottom;
      width: auto;
      font-size: smaller;
      font-style: italic;
      text-align: left; }
  .track caption a {
      background: transparent;
      color: inherit; }

  .test td + td + td + td + td + td + td + td + td { background: #FFF2F0; color: black; }
  .test td + td + td + td + td + td + td + td { background: #FFE5E1; color: black; }
  .test td + td + td + td + td + td + td { background: #FFD7D2; color: black; }
  .test td + td + td + td + td + td { background: #FFCAC3; color: black; }
  .test td + td + td + td + td { background: #FFBDB3; color: black; }
  .test td + td + td + td { background: #FFB0A4; color: black; }
  .test td + td + td { background: #FFA295; color: black; }
  .test td + td { background: #FF9586; color: black; }
  .test td { background: #FF8877; color: black; }

  .test td.upcoming { background: #DDD; color: black; }

  .spec td.WD { background: #FFFF00; color: black; }
  .spec td + td + td + td + td + td + td + td + td + td.WD { background: #FFFFE3; color: black; }
  .spec td + td + td + td + td + td + td + td + td.WD { background: #FFFFC6; color: black; }
  .spec td + td + td + td + td + td + td + td.WD { background: #FFFFAA; color: black; }
  .spec td + td + td + td + td + td + td.WD { background: #FFFF8E; color: black; }
  .spec td + td + td + td + td + td.WD { background: #FFFF71; color: black; }
  .spec td + td + td + td + td.WD { background: #FFFF55; color: black; }
  .spec td + td + td + td.WD { background: #FFFF39; color: black; }
  .spec td + td + td.WD { background: #FFFF1C; color: black; }
  .spec td + td.WD { background: #FFFF00; color: black; }

  .spec td.LC { background: #FFCC00; color: black; }
  .spec td + td + td + td + td + td + td + td + td + td.LC { background: #FFF9E3; color: black; }
  .spec td + td + td + td + td + td + td + td + td.LC { background: #FFF4C6; color: black; }
  .spec td + td + td + td + td + td + td + td.LC { background: #FFEEAA; color: black; }
  .spec td + td + td + td + td + td + td.LC { background: #FFE88E; color: black; }
  .spec td + td + td + td + td + td.LC { background: #FFE371; color: black; }
  .spec td + td + td + td + td.LC { background: #FFDD55; color: black; }
  .spec td + td + td + td.LC { background: #FFD739; color: black; }
  .spec td + td + td.LC { background: #FFD21C; color: black; }
  .spec td + td.LC { background: #FFCC00; color: black; }

  .spec td.CR { background: #00FF00; color: black; }
  .spec td + td + td + td + td + td + td + td + td + td.CR { background: #E3FFE3; color: black; }
  .spec td + td + td + td + td + td + td + td + td.CR { background: #C6FFC6; color: black; }
  .spec td + td + td + td + td + td + td + td.CR { background: #AAFFAA; color: black; }
  .spec td + td + td + td + td + td + td.CR { background: #8EFF8E; color: black; }
  .spec td + td + td + td + td + td.CR { background: #71FF71; color: black; }
  .spec td + td + td + td + td.CR { background: #55FF55; color: black; }
  .spec td + td + td + td.CR { background: #39FF39; color: black; }
  .spec td + td + td.CR { background: #1CFF1C; color: black; }
  .spec td + td.CR { background: #00FF00; color: black; }

  .spec td.PR { background: #00CCFF; color: black; }
  .spec td + td + td + td + td + td + td + td + td + td.PR { background: #E3F9FF; color: black; }
  .spec td + td + td + td + td + td + td + td + td.PR { background: #C6F4FF; color: black; }
  .spec td + td + td + td + td + td + td + td.PR { background: #AAEEFF; color: black; }
  .spec td + td + td + td + td + td + td.PR { background: #8EE8FF; color: black; }
  .spec td + td + td + td + td + td.PR { background: #71E3FF; color: black; }
  .spec td + td + td + td + td.PR { background: #55DDFF; color: black; }
  .spec td + td + td + td.PR { background: #39D7FF; color: black; }
  .spec td + td + td.PR { background: #1CD2FF; color: black; }
  .spec td + td.PR { background: #00CCFF; color: black; }

  .spec td.rec { background: #3399FF; color: black;}

  .spec td.upcoming { background: #DDD; color: black; }

  .profile {
      margin: 1em 0;
      padding: 0.4em;
      border: solid thin; }

  .profile h3 {
      margin: 0 0 0.5em;
      font-size: larger; }
  .profile h3 :link,
  .profile h3 :visited {
      display: block;
      border: none;
      background: transparent;
      color: inherit;
      outline: none; }

  .profile dfn {
      font-weight: bold; }

  .profile dl {
      margin: 0 0 0 1em; }
  .profile dt {
      font-size: smaller; }
  .profile dd {
      margin: 0 0 0 1em; }

  p + table {
      margin-top: 1.2em; }
  table.status {
      margin-left: auto;
      margin-right: auto; }