body
{
  margin: 0px;
  padding: 0px;
  font: 16px sans-serif;
  background-color: #000000;
  color: #bfbfbf;
}

a
{
  text-decoration: none;
  color: #ffffff;
}

a:hover
{
  text-decoration: underline;
  color: #ffff7f;
}

#top_message
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  min-width: 960px;
  height: 24px;
  font-size: 18px;
  line-height: 24px;
  background-color: #efef0f;
  color: #7f0000;
  text-align: center;
  overflow: hidden;
}

#page
{
  /* width: 93.75%; */
  min-width: 960px;
  margin: 32px auto 0px;
}

#header
{
  margin: 5px auto;
  width: 93.75%; /* */
}

#header > div
{
  float: left;
}

#header > div:nth-child(1)
{
  width: 25%;
  text-align: left;
}

#header > div:nth-child(2)
{
  width: 50%;
  text-align: center;
}

#header > div:nth-child(3)
{
  width: 25%;
  text-align: right;
}

#friendly_sites
{
  float: right;
}

#friendly_sites > fieldset
{
  padding-top: 2px;
}

#friendly_sites img
{
  display: block;
  margin-bottom: 10px;
  width: 234px;
  height: 60px;
  border: 0px none;
}

#friendly_sites button
{
  margin: 0px 0px 10px;
  width: auto;
  height: auto;
}

#friendly_sites .scrolling_banners
{
  margin: 0px;
  height: 371px;
  overflow: hidden;
}

#friendly_sites .scrolling_banners_shadow_top
{
  position: relative;
  margin: 0px 0px -30px;
  width: 100%;
  height: 30px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 255), rgba(0, 0, 0, 0)); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 255), rgba(0, 0, 0, 0)); /* Firefox 3.6+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 255), rgba(0, 0, 0, 0)); /* IE 10+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 255), rgba(0, 0, 0, 0)); /* Opera 11.10+ */
}

#friendly_sites .scrolling_banners_shadow_bottom
{
  position: relative;
  margin: -30px 0px 0px;
  width: 100%;
  height: 30px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 255)); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 255)); /* Firefox 3.6+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 255)); /* IE 10+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 255)); /* Opera 11.10+ */
}

#donate
{
  width: 74px;
  height: 21px;
  margin: 0px auto;
}
#donate input { padding: 0px; }

#visitors
{
  margin: 0px;
  font-size: 14px;
  color: #ff9f00;
  float: left;
}

#footer
{
  margin: 0px 0px 0px;
  padding: 20px 0px;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  border-top: 1px solid #3f3f3f;
}

#footer > div
{
  float: left;
}

#footer > div:nth-child(1),
#footer > div:nth-child(3)
{
  width: 25%;
}

#footer > div:nth-child(2)
{
  width: 50%;
}

.pesdb_logo
{
  margin: 0px auto;
  width: 470px;
  height: 118px;
  border: 0px none;
}

.pesdb_logo_small
{
  margin: 103px 0px 0px 0px;
  width: 65px;
  height: 15px;
  border: 0px none;
}

.ad_responsive
{
  margin: 10px 0px;
}

.ad468x60
{
  margin: 10px auto;
  width: 960px;
  height: 60px;
}

.ad468x60 > div
{
  float: left;
  margin-left: 8px;
  width: 468px;
  height: 60px;
  overflow: hidden;
}

.ad728x90
{
  margin: 10px auto;
  width: 728px;
  height: 90px;
  overflow: hidden;
}

.ad160x600
{
  width: 160px;
  height: 600px;
  overflow: hidden;
}

.ad120x240
{
  width: 120px;
  height: 240px;
  overflow: hidden;
}

.ad336x280
{
  margin: 10px auto;
  width: 336px;
  height: 280px;
  overflow: hidden;
}

.ad300x250
{
  margin: 0px auto;
  width: 300px;
  height: 250px;
  overflow: hidden;
}
.ad300x250 > iframe
{
  margin: 0px;
  padding: 0px;
  width: 300px;
  height: 250px;
  border: 0px none;
  overflow: hidden;
}

table.players
{
  border-spacing: 0px;
  border-collapse: collapse;
  width: 1px;
  margin: 0px auto;
}

table.players th
{
  background-clip: padding-box;
  vertical-align: bottom;
  padding: 2px 8px;
  width: 1px;
  font-weight: normal;
  font-size: 14px;
}

th.selected a
{
  color: #ffff00;
}

td.selected
{
  background-color: #00001f;
}

table.players td
{
  background-clip: padding-box;
  white-space: nowrap;
  border: 1px solid #5f5f5f;
  padding: 2px 8px;
  width: 1px;
  text-align: center;
}
table.players td.condition img
{
  display: block;
  margin: 0px auto 0px auto;
}

table.players td.left
{
  text-align: left;
}

table.players td.right
{
  text-align: right;
}

table.players td a
{
  color: inherit;
}

table.player
{
  margin: 20px auto;
  width: 1px;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.players > tbody > tr:hover
{
  background-color: #1f1f1f !important;
}

table.player > tbody > tr > td
{
  border: 1px solid #5f5f5f;
  vertical-align: top;
}

table.player > tbody > tr > td > table
{
  margin: 0px auto;
}

table.player table th
{
  padding: 2px 4px;
  width: 1px;
  white-space: nowrap;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

table.player table th[colspan]
{
  font-weight: bold;
  text-align: center;
  height: 2em;
}

table.player table td
{
  padding: 2px 4px;
  width: 1px;
  white-space: nowrap;
  text-align: right;
}
table.player table td.condition img
{
  display: block;
  margin: 0px -4px 0px auto;
}


table.player table td.positions
{
  height: 44px;
  line-height: 11px;
  font-size: 10px;
  text-align: center;
}

table.player table td.positions span
{
  display: inline-block;
  margin: 2px 4px;
  padding: 1px 4px;
  width: 22px;
}

.posGK > div, .posDF > div, .posMF > div, .posFW > div
{
  /* margin: 0px auto; */
  display: inline-block;
  width: 40px;
  height: 16px;
  line-height: 18px;
  font-size: 12px;
  background-color: rgb(127, 127, 127);
  border-top: 1px solid rgb(191, 191, 191);
  border-bottom: 1px solid rgb(63, 63, 63);
  color: #efefef;
  font-weight: bold;
  text-align: center;
}

.posGK > div { background-color: rgb(219, 161,  16); border-top-color: rgb(226, 179,  60); border-bottom-color: rgb(151, 111,  10); }
.posDF > div { background-color: rgb( 35, 105, 217); border-top-color: rgb( 76, 133, 224); border-bottom-color: rgb( 24,  72, 150); }
.posMF > div { background-color: rgb( 75, 159,  35); border-top-color: rgb(108, 177,  75); border-bottom-color: rgb( 51, 110,  23); }
.posFW > div { background-color: rgb(190,  38,  46); border-top-color: rgb(202,  78,  84); border-bottom-color: rgb(131,  25,  31); }

.posGK > span.pos2 { color: #ffffff; background-color: rgba(219, 161,  16, 1.0); }
.posDF > span.pos2 { color: #ffffff; background-color: rgba( 35, 105, 217, 1.0); }
.posMF > span.pos2 { color: #ffffff; background-color: rgba( 75, 159,  35, 1.0); }
.posFW > span.pos2 { color: #ffffff; background-color: rgba(190,  38,  46, 1.0); }

.posGK > span.pos1 { color: rgba(219, 161,  16, 1.0); }
.posDF > span.pos1 { color: rgba( 35, 105, 217, 1.0); }
.posMF > span.pos1 { color: rgba( 75, 159,  35, 1.0); }
.posFW > span.pos1 { color: rgba(190,  38,  46, 1.0); }

.posGK > span.pos0 { color: rgba(219, 161,  16, 0.1); }
.posDF > span.pos0 { color: rgba( 35, 105, 217, 0.1); }
.posMF > span.pos0 { color: rgba( 75, 159,  35, 0.1); }
.posFW > span.pos0 { color: rgba(190,  38,  46, 0.1); }

table.player table td a
{
  color: inherit;
}

table.player table.social td
{
  text-align: left;
}

table.player table.social td input
{
  width: 210px;
}

table.player table.social td > div
{
  height: 24px;
}

table.player table.playing_styles
{
}

table.player table.playing_styles tr:not(:nth-of-type(1)) th
{
  padding-top: 20px;
}

table.player table.playing_styles th
{
  font-size: 12px;
  font-weight: bold;
  color: #cfcfcf;
  text-align: center;
}

table.player table.playing_styles td
{
  font-size: 12px;
  text-align: center;
}

table.player table.scouts
{
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.player table.scouts td
{
  padding: 0px;
  text-align: center;
  border-top: 1px solid #3f3f3f;
}

table.player table.scouts a
{
  display: block;
  padding: 2px;
}

table.player table.scouts tr:hover a:not(.nohover)
{
  background-color: #00005f;
  background: linear-gradient(#00007f, #00003f);
  color: #dfdfdf;
  text-decoration: none;
}

.pages
{
  margin: 5px;
  text-align: center;
}

fieldset
{
  display: inline-block;
  padding: 0px 10px;
  text-align: right;
}

fieldset legend
{
  color: #bfbf7f;
  text-align: center;
}

fieldset div
{
  margin: 10px 0px;
  white-space: nowrap;
}

fieldset input
{
  width: 152px;
}
fieldset select
{
  width: 160px;
}

fieldset button
{
  width: 100px;
  height: 25px;
}

input:not([type=image]),
select,
textarea
{
  margin: 0px;
  background-color: #dfdfdf;
  border: none;
  border-radius: 2px;
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.5);
}

input:not([type=image]):hover,
select:hover,
textarea:hover
{
  background-color: #efefef;
  box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.5);
}

input:not([type=image]):focus,
select:focus,
textarea:focus
{
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.5);
}

input,
textarea
{
  padding: 2px 4px;
}

#filters
{
  display: inline-block;
}

#filters span
{
  display: inline-block;
  width: 160px;
  cursor: pointer;
  text-align: center;
  color: #7f7f7f;
}

#filters span:hover
{
  text-decoration: underline;
}

#filters span.modified
{
  color: #bfbf7f;
}

select
{
  padding: 1px;
}

select[multiple]
{
  text-align: center;
}

input[type="checkbox"] { margin-right: 5px; }
input[type="checkbox"]:checked+label { color: #ffff7f; }

option.separator
{
  background-color: #3f3f3f;
  color: #bfbfbf;
  font-weight: bold;
}

.c1
{
  color: #ffff00;
}

.c2
{
  color: #ffbf00;
}

.c3
{
  color: #ff7f00;
}

.c4
{
  color: #ff0000;
  font-weight: bold;
}

.lvl30::before
{
  content: "Lv.30";
  margin-right: 10px;
  font-size: 10px;
  color: #7f7f7f;
  vertical-align: middle;
}

#popup_filters
{
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
  overflow: auto;
  z-index: 1;
}

#popup_filters.show
{
  display: block;
}

#popup_filters > table
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
}

#popup_filters > table > tbody > tr > td
{
  padding: 0px;
  white-space: nowrap;
  width: 50%;
}

#popup_filters td.center
{
  width: 1px;
  height: 1px;
}

/*
#agents fieldset
{
  width: 230px;
  text-align: center;
}

#agents select
{
  width: 125px;
}
#agents select[multiple]
{
  width: 100%;
  margin: 10px 0px 5px;
  text-align: left;
}

#agents p
{
  margin: 0px 0px 6px;
  font-size: 12px;
}
#agents p#selected_agents
{
  font-size: 14px;
}
#agents p#selected_agents.modified
{
  color: #bfbf7f;
  font-weight: bold;
}
#agents div
{
  margin-top: 0px;
}
#agents div select
{
  margin-top: 5px;
}
*/

td.center > div
{
  display: none;
  min-width: 200px;
  padding: 20px;
  border: 2px ridge #ffffff;
  background-color: #1f1f1f;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 8px rgba(255, 255, 255, 0.25);
}

td.center > div.show
{
  display: inline-block;
}

td.center > div button
{
  width: 100px;
  height: 25px;
  margin-top: 10px;
}

td.center > div table
{
  width: 100%;
}

td.center > div > table
{
  width: 1px;
}

td.center td
{
  width: 50%;
  white-space: nowrap;
}

td.center td:nth-child(odd)
{
  text-align: right;
  vertical-align: top;
}

td.center td:nth-child(even)
{
  text-align: left;
}

td.center td:nth-child(odd) > table > tbody > tr > td
{
  vertical-align: middle;
}

div.liveupdate-tabs
{
  margin: 20px auto -21px;
  width: 760px;
}
div.liveupdate-tabs div
{
  float: left;
  margin: 0px 15px 0px;
  width: 348px;
  border: 1px solid #7f7f7f;
  text-align: center;
  cursor: pointer;
  padding: 5px 0px;
}
div.liveupdate-tabs div:hover
{
  background-color: #00002f;
  color: #dfdfdf;
}
div.liveupdate-tabs div.active
{
  padding: 15px 0px;
  border-radius: 10px 10px 0px 0px;
  border-bottom: none;
  background-color: #00003f;
  color: #ffffff;
}

img.player_image
{
  display: block;
  margin: 0px auto;
  width: 128px;
  height: 128px;
}

table.compare
{
  margin: 15px auto;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.compare tr:hover
{
  background-color: #00005f;
}
table.compare th
{
  text-align: left;
  white-space: nowrap;
}
table.compare td
{
  padding: 2px 8px;
  text-align: center;
  white-space: nowrap;
}
input.compare-search-box
{
  width: 150px;
}
div.compare-search-list
{
  position: absolute;
  padding-top: 8px;
  width: 150px;
}

/* the slider bar */
.slider {
  position: relative;
  width: 100%;
  height: 1em;
  margin: 1.5em auto;
  background-color: #3f7fbf;
  border-radius: 0.5em;
  box-sizing: border-box;
  
  font-size: 16px;
  
  -ms-touch-action: none;
      touch-action: none;
}

/* the slider handle */
.slider:before {
  content: "";
  display: block;
  position: relative;
  top: -0.5em;

  width: 2em;
  height: 2em;
  margin-left: -1em;
  border: solid 0.25em #fff;
  border-radius: 1em;
  background-color: inherit;

  box-sizing: border-box;
}

/* display the value */
.slider:after {
  content: attr(data-value);
  position: absolute;
  top: -1.5em;
  width: 3em;
  line-height: 1em;
  margin-left: -1.5em;
  text-align: center;
}