html,body{min-height:100%;}

body
{
    background: fixed linear-gradient(180deg, #404c4d, #eedec5);
    color: #222;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin: 0; padding: 40px;
}

.sortable
{
    background: white;
    border-radius: 4px;
    border: 1px #788 solid;
    padding: 2px; margin:0 auto;
}
.sortable tr:first-child {  }
.sortable tr td { padding-left: 6px; padding-right: 6px; }

.tb-header td { background: #e6e6e6; cursor: pointer; padding: 8px 4px; border-right: 1px white solid; border-bottom: 1px silver solid; font-weight: 600; text-align: center; }
.tb-header td:last-child { border-right: none; }
.tb-header td:hover { background: #f6f6f6; }

.sortable tr td { border-bottom: 1px #ddd solid; }
.sortable tr:last-child td { border-bottom: none; }
.sortable tr:nth-child(odd) { background: #fcfcfc }
.sortable tr:nth-child(even) { background: #f2f2f2 }
.sortable tr:hover { background: #e6e6e6 }

a { text-decoration: none; color: #046; font-weight: 600; }

.rank   { text-align: center; border-radius: 3px; width:20px; height: 16px; font-size: 11px; font-weight: 600; vertical-align: bottom; line-height: 16px; }
.rank-0 { background: #bbb; }
.rank-1 { background: #e54; }
.rank-2 { background: #f82; }
.rank-3 { background: #fc6; }
.rank-4 { background: #bd9; }
.rank-5 { background: #8ca; }
.error { color:#b24; font-weight: bold;}