@charset "UTF-8";
/*
work with fonts
http://cssing.org.ua/2009/10/24/font-face/
*/
@font-face {
    font-family: 'Supercell-Magic';
    src: url(../FONT/Supercell-magic-webfont.ttf);
    src: local('Supercell-Magic'), local('Supercell-Magic'), url(../FONT/Supercell-magic-webfont.ttf) format('truetype');
}

/*td{text-align:center;}*/

html, body, iframe {
            margin: 0;
            padding: 0;
            height : 100%;
        }
iframe {
            display: block;
            width: 100%;
            border: none;
        }

table,td,tr,th {border: 1px solid black;
    align-content:  center;
    text-align: center;
    padding: 0px 0px;
}
td{padding: 2px 2px;
   margin: 0 0;
}



/*Заголовок клана */
#tClanHeader {
    width: 80%; 
     margin: 0 auto; text-align: center;
}
.ClanHeader > td { height: 10px;    
}

#tClanHeader tbody tr,#tClanHeader tbody tr td {
    padding: 1px 5px;
    margin-bottom: 0;
margin-top: 0;
}

p.ClanHeader {color: gold;
          border-bottom-color: blanchedalmond;
          text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
          font-family:'Supercell-Magic';
          font: 12px'Supercell-Magic', Arial, sans-serif;
          letter-spacing: 2;}
p.ClanHeaderBlack {color: Black;
          border-bottom-color: blanchedalmond;
          font-family:'Supercell-Magic';
          font: 14px'Supercell-Magic', Arial, sans-serif;
          text-align: left;
          letter-spacing: 1;}

h2.ClanHeader {color: gold;
          border-bottom-color: blanchedalmond;
          padding: 1px 1px;
          text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
          font-family:'Supercell-Magic';
          font: 20px'Supercell-Magic', Arial, sans-serif;
          text-align: center;
          letter-spacing: 0;
          margin: 0;}
p.ClanHeaderDescripltion {color: #ffff33;
          border-bottom-color: black;
          text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
          font-family:'Supercell-Magic';
          font: 12px'Supercell-Magic', Arial, sans-serif;
          letter-spacing: 1;}

.player-nav { margin: 15px 0 0px 0; min-height: 15px; }
.player-nav span { border-radius: 8px; padding: 12px 15% 15px; position: relative; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
/*Заголовок клана */

/*Условия отбора*/
.ControlButtons{
    padding: 5px 40px 5px 40px;
    margin-bottom: 0;
    
}

#tControlButtons{
    width: 90%; 
    margin: 0 auto; text-align: center;
}
/*Условия отбора*/

/*Пользователи*/
#tuserdata tbody tr:hover {background-color: #cad2fc;}
#tuserdata th {padding: 1px 5px;}

#tuserdata{
    width: 90%; 
    margin: 0 auto; text-align: center;
}
.userdata{color: yellow;
          border-bottom-color: grey;
          text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
text-align: center;}

h1.fontface {font: 10px'Supercell-Magic', Arial, sans-serif;
          letter-spacing: 0;}

h2.fontface {font: 10px'Supercell-Magic', Arial, sans-serif;
          letter-spacing: 0;}

div.fontface {font: 14px 'Supercell-Magic', Arial, sans-serif;
          letter-spacing: 0;}

td.userdata > p {font: 12px 'Supercell-Magic', Arial, sans-serif;
              letter-spacing: 0;
              color: gold;
              border-bottom-color: grey;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    padding: 1px 1px;
}

th,td.userheader {font: 12px 'Supercell-Magic', Arial, sans-serif;
    letter-spacing: 1;
    color: blue;
    text-shadow: 0 0  white;
 }
 
td.userdataWhite > p, td.userdataWhite > p > a {font: 12px 'Supercell-Magic', Arial, sans-serif;
              letter-spacing: 0;
              color: white;
              border-bottom-color: grey;
-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    padding: 1px 1px;
}

td.KVResultCell > p { font: 8px/7px 'Supercell-Magic', Arial, sans-serif;
              letter-spacing: 0.1;
              color: gold;
              border-bottom-color: grey;
              padding: 0px 0px;
              margin: 2px;
              font-stretch:extra-condensed;
              font-weight:lighter;
}

td.KVResultCell > p.KVResultStars { font: 12px/10px 'Supercell-Magic', Arial, sans-serif;
              letter-spacing: 0.1;
              color: gold;
              border-bottom-color: grey;
              padding: 0px 0px;
              margin: 0px;
              font-stretch:extra-condensed;
              font-weight:lighter;
}


/*Информация о прокачке войск  /troopsprogress.php?village=home&type=troops&name=Barbarian&th=10&lvl=2*/
.Gold { background: url('../jc/images/resources/Gold.png'); background-size: cover; width: 18px; height: 20px; padding: 0px 0; display: inherit;}
.Elixir { background: url('../jc/images/resources/Elixir.png'); background-size: cover; width: 18px; height: 20px; padding: 0px 0; display: inherit; }
.Dark_Elixir { background: url('../jc/images/resources/Dark_Elixir.png'); background-size: cover; width: 18px; height: 20px; padding: 0px 0; display: inherit; }


.TroopsLVLInfoForm, .TroopsLVLInfoTitle, 
.TroopsLVLInfo-CompliteLVL, .TroopsLVLInfo-RushLVL, .TroopsLVLInfo-AvailableLVL, .TroopsLVLInfo-FutureLVL,
.TroopsLVLInfoTH, .TroopsLVLInfoLVL, .TroopsLVLInfoCost, .TroopsLVLInfoTime 
  { display: inline-block; 
    padding: 5px 5px 5px 5px; 
    position: relative;
    height: auto;}
.TroopsLVLInfoForm { background: #eefdec; border-bottom: 3px solid #e0e0d7; border-radius: 8px; border-top: 3px solid #fcfcf0; box-shadow: 0 3px 1px rgba(0,0,0,0.4); margin-bottom: 6px; padding: 3px 10px; position: relative; width:420px}  

.TroopsLVLInfo-CompliteLVL, .TroopsLVLInfo-RushLVL, 
.TroopsLVLInfo-AvailableLVL, .TroopsLVLInfo-FutureLVL { border: 1px solid #000000; padding: 3px 3px; position: relative; width: 95%; border-radius: 6px; width: 410px; }
.TroopsLVLInfo-CompliteLVL { background: #d6d6cc; } 
.TroopsLVLInfo-RushLVL  { background: #FF0000; }
.TroopsLVLInfo-AvailableLVL { background: #FFCCCC;}
.TroopsLVLInfo-FutureLVL    { background: #FFFFFF;}


.TroopsLVLInfoTH, .TroopsLVLInfoLVL, 
.TroopsLVLInfoCost, .TroopsLVLInfoTime { border: 1px solid #a8a7a2; padding: 3px 5px 3px 5px; position: relative;  border-radius: 6px; margin: 0 auto; text-align: right; vertical-align: top; height: inherit;}
.TroopsLVLInfoTH, .TroopsLVLInfoLVL { width: 10%; min-width: 50px; max-width: 80px;}
.TroopsLVLInfoCost, .TroopsLVLInfoTime { width: 30%; min-width: 90px; max-width: 120px;}


#TroopsProgress{
    transform: none !important;
    position: absolute !important;
    transform: none !important;
    margin: 0 0 0 0 !important;
}
#TroopsProgressFrame{
    transform: none !important;
    position:absolute !important;
    margin: 0 0 0 0 !important;
}
#TroopsProgressContent{
 
    margin: 0 0 0 0 !important;    
}
.troops-progress { 
    transform: none !important;
    position:relative !important;
    margin: 0 0 0 0 !important;
}