.xclantable {
    width         : 100%;
    border        : #8a0101 1px solid;
    border-radius : 3px;
    color         : #fff;
    font-size     : 14px;
    }
.xclantable th {
    padding    : 10px;
    background : rgba(35, 11, 11, 0.56);
    }
.xclantable tr:first-child th:first-child {
    border-top-left-radius : 3px;
    }
.xclantable tr:first-child th:last-child {
    border-top-right-radius : 3px;
    }
.xclantable td:first-child {
    border-left : 0;
    }
.xclantable td {
    padding       : 10px;
    border-top    : 1px solid #8a0101;
    border-bottom : 1px solid #8a0101;
    border-left   : 1px solid #8a0101;
    background    : #000;
    }
.xclantable tr:last-child td {
    border-bottom : 0;
    }
.xclantable tr:last-child td:first-child {
    border-bottom-left-radius : 3px;
    }
.xclantable tr:last-child td:last-child {
    border-bottom-right-radius : 3px;
    }
.xclantable tr:hover td {
    background : #111;
    }
.nologo {
    position      : relative;
    display       : inline-block;
    width         : 100px;
    height        : 100px;
    border-radius : 4px;
    background    : #222;
    }
.nologo:after {
    position       : absolute;
    top            : 40px;
    left           : 0;
    width          : 100%;
    content        : 'No Logo';
    text-shadow    : 0 1px 1px rgba(0, 0, 0, 0.4);
    letter-spacing : 2px;
    transform      : rotate(-40deg);
    }
.wmapsout:before {
    position      : absolute;
    top           : -45px;
    left          : 0;
    box-sizing    : border-box;
    padding       : 10px;
    width         : 100%;
    border        : #8a0101 1px solid;
    border-top    : 1px solid #8a0101;
    border-bottom : 1px solid #8a0101;
    border-radius : 3px;
    background    : rgba(35, 11, 11, 0.56);
    color         : #fff;
    content       : 'Mapübersicht';
    text-align    : center;
    font-weight   : bold;
    font-size     : 14px;
    }
.wmapsout {
    position   : relative;
    margin     : 60px 0 0 0;
    padding    : 0;
    list-style : none;
    text-align : center;
    }
.wmapsout li {
    position      : relative;
    display       : inline-block;
    margin        : 13px;
    width         : 200px;
    border        : #8a0101 1px solid;
    border-radius : 3px;
    color         : #fff;
    text-align    : center;
    font-size     : 14px;
    }
.wmapsout li .maphead {
    margin-bottom : 10px;
    padding       : 10px;
    border-bottom : 1px solid #8a0101;
    border-radius : 3px 3px 0 0;
    background    : rgba(35, 11, 11, 0.56);
    color         : #fff;
    }
.wmapsout li .mapscore {
    margin-top    : 10px;
    height        : 30px;
    border-top    : 1px solid #8a0101;
    border-bottom : 1px solid #8a0101;
    font-weight   : bold;
    line-height   : 30px;
    }
.wmapsout li .mapscore span {
    display      : inline-block;
    width        : 48%;
    border-right : 1px solid #8a0101;
    }
.wmapsout li .mapscore span + span {
    border-right : 0;
    }
.wmapsout li .mapscreens {
    height      : 30px;
    line-height : 30px;
    }
.wmapsout li .mapscreens.next {
    height      : 15px;
    line-height : 15px;
    }
.whead {
    box-sizing    : border-box;
    margin        : 10px 0 15px 0;
    padding       : 10px;
    width         : 100%;
    border        : #8a0101 1px solid;
    border-top    : 1px solid #8a0101;
    border-bottom : 1px solid #8a0101;
    border-radius : 3px;
    background    : rgba(35, 11, 11, 0.56);
    color         : #fff;
    text-align    : center;
    font-weight   : bold;
    font-size     : 14px;
    }
.xwarscont {
    position : relative;
    margin   : 10px auto -9px auto;
    width    : 50%;
    height   : 100px;
    }
.xwarscont div {
    position     : absolute;
    bottom       : 0;
    padding-top  : 10px;
    min-height   : 10px;
    width        : 100%;
    height       : 100%;
    border-right : 2px solid #8a0101;
    border-left  : 2px solid #8a0101;
    }
.xwarscont div span {
    position    : absolute;
    top         : 0;
    display     : block;
    width       : 100%;
    color       : black;
    font-weight : bold;
    font-size   : 13px;
    }
.xwarscont .win {
    background : green;
    }
.xwarscont .draw {
    background : orange;
    }
.xwarscont .lose {
    background : red;
    }
.nohover {
    text-shadow : 0 0 0;
    }
a.xasc {
    position : relative;
    }
a.xasc:after {
    position      : absolute;
    top           : 0;
    right         : -12px;
    width         : 0;
    height        : 0;
    border-top    : 6px solid transparent;
    border-right  : 4px solid transparent;
    border-bottom : 8px solid #666;
    border-left   : 4px solid transparent;
    content       : '';
    }
a.xdesc {
    position : relative;
    }
a.xdesc:after {
    position      : absolute;
    top           : 7px;
    right         : -12px;
    width         : 0;
    height        : 0;
    border-top    : 8px solid #666;
    border-right  : 4px solid transparent;
    border-bottom : 6px solid transparent;
    border-left   : 4px solid transparent;
    content       : '';
    }
#searchcont {
    position      : relative;
    float         : left;
    margin-bottom : 10px;
    }
#searchcont input {
    width : 250px;
    }
#searchcont img {
    position : absolute;
    top      : 9px;
    right    : 10px;
    display  : none;
    }
#cfilter {
    float       : left;
    margin-left : 20px;
    font-weight : bold;
    }
#cfilter select {
    margin-left : 5px;
    max-width   : 160px;
    height      : 29px;
    }
/*Stats*/

.balkenstatsbg {
    padding : 2px;
    }
.balkenstats {
    display        : inline-block;
    margin-top     : -2px;
    min-width      : 1px;
    max-width      : 355px;
    height         : 20px;
    background     : #444;
    vertical-align : middle;
    }
.balkenstats.win {
    background : green;
    }
.balkenstats.draw {
    background : orange;
    }
.balkenstats.lose {
    background : red;
    }
.statsbody {
    display : none;
    }
.xclantable.stats {
    position : relative;
    cursor   : pointer;
    }
.xclantable.stats:after {
    position      : absolute;
    top           : 15px;
    right         : 10px;
    width         : 0;
    height        : 0;
    border-top    : 8px solid #666;
    border-right  : 4px solid transparent;
    border-bottom : 6px solid transparent;
    border-left   : 4px solid transparent;
    content       : '';
    transition    : all 0.3s linear;
    }
.xclantable.stats.select:after {
    position      : absolute;
    top           : 9px;
    right         : 10px;
    width         : 0;
    height        : 0;
    border-top    : 6px solid transparent;
    border-right  : 4px solid transparent;
    border-bottom : 8px solid #666;
    border-left   : 4px solid transparent;
    content       : '';
    }
.xclantable.stats tbody td:first-child {
    width      : 35%;
    word-break : break-all;
    }
.xclantable.stats a {
    display : block;
    }
