body {
          font-family: verdana, arial, helvetica;
          font-size: 8pt;
          }
        h2 {
          text-align: center;
          font-size: 16pt;
          margin-bottom: 0pt;
          margin-top: 0pt;
          }
        h3 {
          text-align:center;
          font-size: 14pt;
          margin-bottom: 0pt;
          margin-top: 0pt;
          }

        p {
          color: black; 
          margin-top:0pt;
          margin-bottom:0pt;
          margin-left:0pt;
          margin-right:0pt;
          }
        .points {
          color: blue;
          }
        .crank {
          color: green;
          }
        .score {
          color: #0069a1;
          }
        .percent {
          color: brown;
          }
        .trank {
          color: gray;
          }
        .hdline2 {
          font-size: 80%;
          font-weight: normal;
/*          color: gray; */
          }

        a:link {
          color: #0069a1;
          text-decoration: none;
          }
        a:hover {
          color: red;
          text-decoration: underline;
          }

        table {
          border-width: 2px;
          border-style: solid;
          border-color: #e8e8e8;   
          border-collapse: collapse; 
          }
        th, td {
          border-width: 1px;
          border-style: solid;
          border-color: #cccccc; 
          border-collapse: collapse; 
          text-align: center;
          padding: 5px;
/*          vertical-align: top; */
          }

         table#t00 {
           background-color: #eeeeee;
           padding: 4px 6px;
           margin-left: auto;
           margin-right: auto;
           }

        table#t01 {
          width: 99%;
/*          font-size: 8pt; */
          font-size: 100%; 
          padding: 4px 6px;
          margin-left: auto; 
          margin-right: auto;
          vertical-align: top;
          }
        table#t01 th {
          vertical-align: center;
          background-color: #c0c0c0;
          }
        table#t01 tr:nth-child(even) {
          background-color: #eeeeee;
          }
        table#t01 tr:nth-child(odd) {
          background-color: #d9d9d9;
          }

        table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
            content: " \25B4\25BE" 
          }


/* lines below provide a column index */
table.sortable tbody {
    counter-reset: sortabletablescope;
}
table.sortable thead tr::before {
    content: "#";
    background-color: #c0c0c0;
    vertical-align: inherit;
    text-align: center;
    display: table-cell;
}
table.sortable tbody tr::before {
/*    background-color: #c0c0c0;*/
    content: counter(sortabletablescope);
    counter-increment: sortabletablescope;
    vertical-align: inherit;
    text-align: center;
    padding: 4px 6px;
    display: table-cell;
}