.country-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;
}
.country-header-subtitle {
    font-size: 0.7em;
    color: #ddd;
}
.country-header-location {
    font-size: 0.8em;
    color: #ddd;
    background-color: #111;
    text-align: center;
    padding: 3px;
    width: 198px;
    margin-right: 2px;
    box-shadow: 2px 2px 10px #aaa;
}
.country-header-map {
    box-shadow: 2px 2px 10px #aaa;
    border: solid 1px #aaa;
    padding: 1px;
}
.country-header-name {
    padding-left: 5px;
    float: left;
    vertical-align: middle;
    width: 170px;
}
.country-header-circuit {
    padding-left: 5px;
    margin-left: 20px;
    float: left;
}
.country-header-circuit-info {
    padding-left: 5px;
    font-size: 0.7em;
    float: left;
    color: #ddd;
}
.country-playerlist-table {
    font-size: 0.7em;
    width: 470px;
}
.country-playerlist-table-counter {
    width: 20px;
    text-align: right;
    color: #2f4f4f;
}
.country-playerlist-table-name {
    width: 200px;
    font-size: 1.0em;
}
.country-playerlist-table-age {
    width: 70px;
    text-align: center;
    font-size: 0.9em;
    color: #2f4f4f;
    margin: 5px;
}
.country-playerlist-table-rank {
    width: 40px;
    text-align: right;
    padding-right: 15px;
    font-weight: 700;
}
.country-playerlist-table-br1 {
    width: 30px;
    text-align: right;
    color: #777; 
}
.country-playerlist-table-br2 {
    width: 50px;
    text-align: center;
    font-size: 0.9em;
    color: #a0a0b0;
}
.country-playerlist-table-br-badge {
    width: 10px;
    text-align: center;
    font-size: 0.9em;
    color: #a0a0b0;
}
.country-header-circuit-info-label {
    color: #eeeeee;
    font-weight: 700;
    text-align: right;
}
.country-header-circuit-info-value {
    color: #cccc77;
    font-weight: 700;
    padding-right: 10px;
}

.country-segment-description {
    background-color: #111; 
    color: #fff;
    text-align: center;
    color: #ffa500;
    font-weight: 700;
    padding: 2px;
}
.country-segment-secondrow {
    background-color: #333; 
    color: #aaa;
}
.country-segment-label {
    text-align: right;
    padding: 2px;
}
.country-segment-value {
    font-weight: 700;
    color: #eee;
    padding-right: 10px;
    padding: 2px;
}
.country-segment-container {
    font-size: 0.6em;
    margin-top: 10px;
    width: 165px;
    box-shadow: 2px 2px 10px #779;
}
.country-segment-players {
    padding-left: 5px;
}
.country-playerlist-table-sep {
    background-color: transparent;
    border-bottom: solid 3px #111;
}

.country-item-clickable {
    text-align: center; 
    border: solid 1px #bbb;
    color: #ffffff;
    font-size: 0.6em; 
    padding: 3px; 
    background-color: #d2d2d2;
    box-shadow: 2px 2px 10px #222;
    width: 165px;
}

.country-item-clickable:hover {
    background-color: #eeee22;
    border:1px solid #555; 
}

/* ---------- Country ranking ------------- */
.countryrank-playerlist-table {
    font-size: 0.7em;
    background-color: #fafafa;
}
.countryrank-playerlist-table-counter {
    text-align: right;
    color: #2f4f4f;
}
.countryrank-playerlist-table-name {
    width: 220px;
    font-weight: 600;
    font-size: 0.9em;
}
.countryrank-playerlist-table-code {
    font-weight: 400;
    font-size: 0.8em;
    color: #888;
}
.countryrank-playerlist-table-count {
    width: 90px;
    text-align: right;
    padding-right: 15px;
    font-weight: 700;
    color: #2f4f4f;
}
.countryrank-playerlist-table-rank {
    width: 60px;
    text-align: right;
    padding-right: 15px;
    font-weight: 400;
    color: #888;
}
.countryrank-playerlist-table-flag {
    width: 28px;
    color: #888;
    float: left;
    margin-right: 10px;
}
.countryrank-zone {
    width: 220px;
    border-bottom: solid 1px #222;
    font-size: 0.6em;
}
.countryrank-bar {
    border: solid 1px #eee;    
    background-color: #0000cd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWU1Nzk5IiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(30,87,153,0.8) 15%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,0.8) 85%, rgba(30,87,153,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(15%,rgba(30,87,153,0.8)), color-stop(19%,rgba(30,87,153,1)), color-stop(20%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(80%,rgba(30,87,153,1)), color-stop(81%,rgba(30,87,153,1)), color-stop(85%,rgba(30,87,153,0.8)), color-stop(100%,rgba(30,87,153,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=0 ); /* IE6-8 */
}
.countryrank-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: .8em;
    color: #eee;
    padding: 3px;
    margin-right: 5px;
    border-radius: 4px;
}
.countryrank-form-header {
    text-align: center;
    background-color: #222;
}
.countryrank-form-label {
    text-align: center;
    font-size: .9em;
}
.countryrank-summary {
    text-align: center;
    font-size: .7em;
    background-color: #222;
    color: #00ced1;
    padding: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.countryrank-zone-container {
    width: 320px;
    background-color: #ddc;
    padding-bottom: 8px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 2px 2px 10px #333;
    border: solid 1px #ccc;
    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 );    
}

.a20 {
    background-color: #7fff00;
}
.a25 {
    background-color: #88ffaa;
}
.a30 {
    background-color: #fff770
}
.a35 {
    background-color: #ffc500;
}
.a0 {
    background-color: transparent;
}