.player-board .boarditem {
    display: inline-block;
    height:40px;
    margin:0 5px 5px 0;
    vertical-align: middle;
}
.player-board .boarditem:last-child {
    margin-right:0;
}
.player-board .boarditem > div {
    vertical-align: middle;
}

    float:right;

.player-board .cube_supply,
.player-board .disc_supply {
    clear:both;

.player-board .cube_supply {

    padding:2px 5px;

    margin-top:5px;
    margin-right:8px;

    margin:0 -8px -14px 0;

.player-board .disc_supply {
    position: relative;
    margin-top:5px;
    margin-right:15px;
}

    margin:0 -15px 0 0;

var jstpl_player_board = '<div>' +

var jstpl_player_board = '' +
    '<div>' +
    '<div class="boarditem" style="width:33%">' +
    '  <div class="investigator investigator_${colorname}"></div>&times;&nbsp;<span id="remaining_investigators_${id}"></span>' +
    '</div><div class="boarditem" style="width:25%">' +
    '  <div class="cube_supply" id="cubes_${id}"></div>' +
    '</div><div class="boarditem" style="width:20%">' +
    '  <div class="disc_supply" id="discs_${id}"></div>' +
    '</div><div class="boarditem" style="width:5%">' +

    '<div class="investigator investigator_${colorname}"></div>&times;&nbsp;<span id="remaining_investigators_${id}"></span>' +
    '<div class="cube_supply" id="cubes_${id}"></div>' +
    '<div class="disc_supply" id="discs_${id}"></div>' +

    '</div>' +