.ranking-header {
    padding: 5px;
    background: rgb(57,59,63);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzOTNiM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(57,59,63,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(57,59,63,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(57,59,63,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(57,59,63,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(57,59,63,1) 0%,rgba(0,0,0,1) 100%);
    background: radial-gradient(ellipse at center, rgba(57,59,63,1) 0%,rgba(0,0,0,1) 100%);
    color: #eeee22;
    font-weight: bold;
    width: 100%;
    float: left;
}
.ranking-header-circuit {
    margin: 5px; 
    float: left;
}
.ranking-header-title {
    padding-left: 12px;
    font-size: 1.5em;
    float: left;
    vertical-align:middle;
}
.ranking-header-subtitle {
    font-size: 0.6em; 
    color: #ed8;
}
.ranking-header-info {
    float: left;
    color: #ddd;
    font-size: 0.7em; 
    padding-left: 40px;
}
.ranking-header-form {
    font-size: 1em; 
    float: right;
    color: #ddd;
    padding-left: 20px;
}
.ranking-header-filter-link {
    font-size: 0.75em;
    padding: 2px;
    color: #aaa;
}
.ranking-header-filter-link:hover {
    background-color: #eeee22;
    color: #222;
}
.ranking-header-info-label {
    text-align: right;
}
.ranking-header-info-value {
    color: #cccc77;
}
.ranking-header-info-value a:hover {
    color: #ffa500;
    text-decoration: underline;
}
.ranking-header-sidetext {
    color: #dddddd;
    font-size: 1em;
    font-weight: 500;
}
.ranking-header-sidetext-sub {
    color: #889;
    font-size: 0.8em;
}

.ranking-playerlist-table {
    font-size: 0.7em;
    width: 700px;
}
.ranking-playerlist-table-counter {
    text-align: right;
    width: 55px;
    color: #2f4f4f;
    font-weight: 600;
}
.ranking-playerlist-table-name {
    width: 260px;
    font-weight: 400;
    font-size: .95em;
}
.ranking-playerlist-table-code {
    font-weight: 400;
    font-size: 0.8em;
    color: #888;
}
.ranking-playerlist-table-count {
    width: 90px;
    text-align: right;
    padding-right: 15px;
    font-weight: 700;
    color: #2f4f4f;
}
.ranking-playerlist-table-pts {
    width: 90px;
    text-align: right;
    padding-right: 5px;
    font-weight: 600;
    color: #333;
    font-family: consolas;
    font-size: 1.0em;
}
.ranking-playerlist-table-combined {
    width: 60px;
    text-align: right;
    padding-right: 10px;
    font-weight: 600;
    color: #888;
    font-size: 0.9em;
}
.ranking-playerlist-table-played {
    width: 20px;
    text-align: right;
    padding-right: 3px;
    font-weight: 400;
    font-size: 0.8em;
    color: #888;
    font-family: helvetica;
}
.ranking-playerlist-table-flag {
    width: 14px;
    color: #888;
    float: left;
    margin-right: 10px;
}
.ranking-playerlist-table-br1 {
    width: 30px;
    text-align: right;
    color: #777; 
}
.ranking-playerlist-table-br2 {
    width: 50px;
    text-align: center;
    font-size: 0.9em;
    color: #a0a0b0;
}
.ranking-playerlist-table-br-badge {
    width: 10px;
    text-align: center;
    font-size: 0.9em;
    color: #a0a0b0;
}
.ranking-playerlist-table-age {
    width: 60px;
    text-align: center;
    font-size: 0.9em;
    color: #2f4f4f;
}
.ranking-playerlist-table-sep {
    width: 15px;
}
.ranking-playerlist-table-week {
    width: 25px;
    text-align: right;
    font-size: 0.9em;
    color: #888;
    font-weight: 400;
    padding-right: 3px;
    border-bottom: solid 1px #555;
    border-right: solid 1px #222;
    background: #eee;
}
.ranking-playerlist-table-year {
    width: 25px;
    text-align: right;
    font-size: 0.9em;
    color: #888;
    font-weight: 400;
    padding-right: 3px;
    background: #eee;
    border-bottom: solid 1px #555;
}
.up {
    color: #008000;
    font-weight: 600;
}
.dn {
    color: #c00000;
    font-weight: 400;
}

.ranking-form {
    float: right;
    background-color: #888;
    background: rgb(206,220,231);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjZWRjZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTk2YTcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 );   
    font-size: .7em;
    color: #eee;
    padding: 3px;
    margin: 5px;
    border-radius: 4px;
}
.ranking-form-header {
    text-align: center;
    background-color: #222;
}
.ranking-form-label {
    text-align: center;
    font-size: .9em;
}
.ranking-paging-static {
    background-color: #222;
    text-align:center;
    border:solid 1px #888;
    color:#eee;
    font-size:0.6em;
    float:left;
    padding:3px;
    width:36px;
    box-shadow: 2px 2px 10px #222;
}
.ranking-paging-clickable {
    text-align: center; 
    border: solid 1px #bbb;
    color: #ffffff;
    font-size: 0.6em; 
    float: left; 
    padding: 3px; 
    width: 36px;
    background-color: #d2d2d2;
    box-shadow: 2px 2px 10px #222;
}

.ranking-paging-clickable:hover {
    background-color: #eeee22;
    border:1px solid #555; 
}
.ranking-info-container {
    font-size: 0.6em;
    width: 170px;
    margin-top: 30px;
    margin-left: 10px;
    background-color: #ddc;
    padding-bottom: 8px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px #ccc;
    box-shadow: 2px 2px 10px #333;
    background: rgb(219,220,226);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2RiZGNlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjhiYWM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left,  rgba(219,220,226,1) 2%, rgba(245,246,246,1) 37%, rgba(245,246,246,1) 57%, rgba(221,223,227,1) 100%, rgba(184,186,198,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(2%,rgba(219,220,226,1)), color-stop(37%,rgba(245,246,246,1)), color-stop(57%,rgba(245,246,246,1)), color-stop(100%,rgba(221,223,227,1)), color-stop(100%,rgba(184,186,198,1)));
    background: -webkit-linear-gradient(left, rgba(219,220,226,1) 2%,rgba(245,246,246,1) 37%,rgba(245,246,246,1) 57%,rgba(221,223,227,1) 100%,rgba(184,186,198,1) 100%);
    background: -o-linear-gradient(left, rgba(219,220,226,1) 2%,rgba(245,246,246,1) 37%,rgba(245,246,246,1) 57%,rgba(221,223,227,1) 100%,rgba(184,186,198,1) 100%);
    background: -ms-linear-gradient(left, rgba(219,220,226,1) 2%,rgba(245,246,246,1) 37%,rgba(245,246,246,1) 57%,rgba(221,223,227,1) 100%,rgba(184,186,198,1) 100%);
    background: linear-gradient(to right, rgba(219,220,226,1) 2%,rgba(245,246,246,1) 37%,rgba(245,246,246,1) 57%,rgba(221,223,227,1) 100%,rgba(184,186,198,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdce2', endColorstr='#b8bac6',GradientType=1 );    
}
.ranking-info-summary {
    text-align: center;
    font-size: 1.2em;
    background-color: #222;
    color: #00ced1;
    padding: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.ranking-info-label {
    font-weight: 700;
    padding: 2px;
    text-align: right;
    padding-right: 10px;
}
.ranking-hilite {
    background-color: #ff0;
}
.grey-fade {
    color: #779;
}
.grey-fade-last {
    border-bottom: solid 1px #779;
    padding-bottom: 7px;
    color: #779;
}