#userlist {
    right: 0;
    width: 304px;
    background: #26282C;
    overflow-y: scroll;
    padding: 8px;
}

.player_details {
    border: 2px solid rgb(255, 255, 255);
    padding: 8px;
    margin: 0 0 8px;
    text-align: left;
    cursor: pointer;
}
.player_details.selected {
    border-color: rgb(255, 192, 0);
}

.player_details > img {
    width: 100px;
    border: 1px solid rgb(255, 255, 255);
    vertical-align: middle;
    margin-right: 8px;
}
.player_details > span {
    font-weight: 700;
}

.player_details.selected > span {
    color: rgb(255, 192, 0);
}

.player_details > div {
    display: block;
    font-size: 0;
    margin: 8px 0 0;
}
.player_details:not(.selected) > div {
    display: none;
}
.player_details > div > span {
    display: inline-block;
    font-size: 10pt;
    margin: 2px 0;
}
.player_details > div > .label {
    width: 33%;
    text-align: left;
    font-weight: 700;
}
.player_details > div > .value {
    width: 67%;
    text-align: right;
    font-weight: 100;
}
.player_details > div > .fullwidth {
    width: 100%;
    text-align: center;
}