body { margin : 10px; }
h1 { font-family : Arial; font-variant : small-caps; font-size : 16pt; font-weight : bold; color : #ff9b00; letter-spacing : 3px; border-bottom : dashed 1px #afafaf; }
h2 { font-family : Arial; font-variant : small-caps; font-size : 12pt; font-weight : bold; color : #ff9b00; letter-spacing : 1px; border-bottom : dotted 1px #afafaf; }
div.list { float : left; clear : left; width : 550px; }
div.list table { width : 100%; border-top : solid 1px #afafaf; border-left : solid 1px #afafaf; }
div.list table tr { }
div.list table tr th { text-align : center; width : 11%; border-bottom : solid 1px #000000; border-right : solid 1px #000000; font-family : Arial; font-size : 8pt; font-weight : bold; font-variant : small-caps; letter-spacing : 2px; color : #ffffff; background-color : #000000; }
div.list table tr th.m { width : 23%; text-align : left; padding-left : 5px; }
div.list table tr td { text-align : center; width : 11%; border-bottom : solid 1px #000000; border-right : solid 1px #000000; font-family : Verdana; font-size : 8pt; }
div.list table tr td.m { width : 23%; text-align : left; padding-left : 5px; background-color : #dfdfdf; }
div.list table tr td.g { background-color : #afffaf; }
div.list table tr td.a { background-color : #afafff; }
div.list table tr td.b { background-color : #ffafaf; }
div.list table tr td.t { background-color : #ffffaf; }
div.list table tr td.s { background-color : #000000; color : #ffffff; font-weight : bold; }
div.list table tr td.r { background-color : #bf9fbf; color : #ffffff; font-weight : bold; }
div.list table tr td.l { background-color : #bf9fbf; color : #ffffff; font-weight : bold; }
div.rankings { float : left; clear : right; width : 280px; margin-left : 20px; }
div.rankings table { width : 100%; border-top : solid 1px #afafaf; border-left : solid 1px #afafaf; }
div.rankings table tr { }
div.rankings table tr td { border-right : solid 1px #000000; border-bottom : solid 1px #000000; text-align : center; font-family : Verdana; font-size : 10pt; }
div.rankings table.averages { background-color : #000000; }
div.rankings table.averages td { color : #ffffff; font-style : italic;  }
div.rankings table.averages td.l { text-align : right; font-size : 8pt; font-style : normal; }
div.rankings table.averages td.m { text-align : right; padding-right : 5px; }
div.rankings table.averages td.r { text-align : left; }
div.rankings table.top5 { background-color : #afffaf; }
div.rankings table.top5 td.p { width : 10%; background-color : #000000; font-weight : bold; color : #ffffff; }
div.rankings table.top5 td.n { width : 70%; text-align : left; padding-left : 10px; }
div.rankings table.top5 td.s { width : 20%; background-color : #000000; font-weight : bold; color : #3fff3f; }
div.rankings table.low5 { background-color : #ffafaf; }
div.rankings table.low5 td.p { width : 10%; background-color : #000000; font-weight : bold; color : #ffffff; }
div.rankings table.low5 td.n { width : 70%; text-align : left; padding-left : 10px; }
div.rankings table.low5 td.s { width : 20%; background-color : #000000; font-weight : bold; color : #ff3f3f; }
div.lastupdate { clear : both; font-family : Verdana; font-style : italic; font-size : 8pt; color : #afafaf; padding-top : 10px; }