body, ul {margin:0;padding:0;}
input {color:#FFF;cursor:default;}
input::-webkit-inner-spin-button {display:none;}
ol {float:left;}
li {list-style-type:none;cursor:pointer;}
a {text-decoration:none;}
select {font-size:18px;}
header {position:fixed;z-index:999;width:100%;background-color:#55CC55;}
header nav > div {float:left;width:14%;height:14px;padding:3px 0;color:#FFF;text-align:center;line-height:15px;font-size:14px;letter-spacing:3px;}
header nav > div span {float:left;width:80%;cursor:pointer;}
header a.new {float:left;margin-left:-20px;}
.overview {float:left;width:100%;background-color:#CCC;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
.clubsoverview {height:450px;}
.nationsoverview {height:250px;}
.clubsoverview ul {display:inline-block;height:100%;max-width:170px;padding:0px 10px;}
.nationsoverview ul {float:left;width:18%;padding:1%;}
.clubsoverview ul > li {float:left;width:34px;height:34px;}
.nationsoverview ul > li {float:left;width:34px;height:34px;}
.overview ul > li a {display:block;}
.clubsoverview ul > a img {display:block;margin:10px auto 20px;height:20px;border:1px solid #999;}
.clubsoverview ul > li img {display:block;width:100%;margin:2px auto;height:28px;object-fit:contain;}
.nationsoverview ul > li img {display:block;width:20px;border:1px solid #999;}
.clubsoverview ul > hr {width:100%;margin:3px 0;color:#999;border:1px solid;}
.playersoverview {width:100%;height:900px;position:fixed;top:20px;z-index:1;text-indent:3px;}
.playersoverview ul {float:left;width:186px;height:100%;overflow-y:scroll;}
.playersoverview ul li {width:100%;height:18px;padding:1px 0;margin:0;position:relative;}
.default-refer span {font-weight:bold;}
.retired span:nth-of-type(1) {font-family:Athelas;font-size:17px;}
.players {font-family:Arial;}
.players li img, .levels li img {height:16px;margin:1px 4px -3px;}
.players li img.nation, .levels li img.nation {height:11px;margin:3px 2px 2px;}
.playersoverview li span {float:left;line-height:19px;}
.playersoverview li img {float:left;}
.playersoverview li span:nth-of-type(2), .players li span:nth-of-type(2) {position:absolute;right:1px;top:0;width:25px;font-size:15px;line-height:22px;text-align:right;}
.playersoverview h4 {margin:0;padding:5px 0 0;}
main {width:100%;float:left;margin-top:25px;position:relative;}
main > p {display:none;position:absolute;top:-10px;right:0;width:100%;background-color:gray;text-align:center;margin:0;padding:20px 0;font-style:italic;}
main > form {display:none;}
img.nation {border:1px solid #BBB;}
.rank select {float:left;margin:0 10px;}
.rank li, .rank span {display:block;float:left;width:25px;margin:0 10px;}
.rank li.selected img {width:25px;height:25px;}
.rank img {width:20px;height:20px;}
.rank span {font-size:20px;cursor:pointer;}
.filter {float:left;clear:left;height:900px;width:60px;margin-right:10px;}
.filter > button {width:35px;margin:5px 20px 5px 5px;font-size:13px;}
.filter > button.selected {color:#FFF;font-weight:bold;}
.ranking, .levels {float:left;white-space:nowrap;width:1600px;height:920px;overflow-x:scroll;overflow-y:hidden;}
.level {display:inline-block;width:165px;height:925px;font-family:Arial;}
.level > h4 {float:left;width:165px;margin:7px 0;}
.level > ul {float:left;width:165px;height:885px;overflow-y:scroll;}
.level > ul > li {height:22px;}
.level > ul > li > span.default-refer {font-weight:bold;}
.guess span:nth-of-type(1) {font-style:italic;}
.ranking li.irrelevant, .players li.irrelevant {display:none;}
.ranking span {padding:2px 5px;}
.cf {background-color:#F99;}
.ss {background-color:#FB8;}
.wf {background-color:#EBB;}
.sm {background-color:#CEA;}
.am {background-color:#DF9;}
.cm {background-color:#AE8;}
.dm {background-color:#9C9;}
.w {background-color:#8DC;}
.sb {background-color:#ADE;}
.cb {background-color:#ACE;}
.gk {background-color:#EEA;}
.invisible {display:none!important;}
.competition {float:left;margin:0px 100px;width:200px;}
.competitionclubs {float:right;margin-right:10px;width:1200px;}
.competitionclubs > ul > li {float:left;width:12.5%;height:200px;margin-top:30px;}
.competitionclubs > ul > li a {display:block;width:100%;font-size:12px;text-transform:uppercase;text-align:center;color:#777;}
.competitionclubs > ul > li img {display:block;margin:auto;height:80px;}
.competitionclubs > ul > li span {display:block;width:100%;padding:10px 0;}
.competitiongames {clear:left;float:left;width:400px;margin-left:10px;margin-right:10px;}
.competitiongames:nth-of-type(2) {height:100px;margin-top:50px;margin-bottom:30px;}
.competitiongames:nth-of-type(3) {height:400px;margin-top:10px;}
.competitiongames:nth-of-type(2) ul {height:115px;}
.competitiongames:nth-of-type(3) ul {height:400px;}
.competitiongames ul {background-color:#CCC;overflow:scroll;}
.competitiongames li a {display:block;width:100%;margin:0;cursor:pointer;color:#000;font-size:17px;text-align:center;}
main > hr {clear:left;float:left;width:400px;margin-left:10px;}
main > .gamelist {float:left;width:44%;padding:0 3%;}
.gamelist h1 {margin:0 0 20px 0;text-align:right;}
.gamelist ul {float:right;width:600px;height:110px;background-color:#CCC;margin:0 0 20px 0;overflow:scroll;}
.gamelist img {clear:both;float:left;margin:0 20px 0 0;}
.gamelist li a {display:block;width:100%;margin:0;cursor:pointer;color:#000;font-size:18px;text-align:center;}