table.piece-header{
    margin-left: auto;
    margin-right:auto;
}

td.piece-header-sprite{
    width:100px;
    position: relative;
}

td.piece-header-title{
    width:350px;
}

.iron-piece{
    filter: brightness(50%) grayscale(50%) contrast(50%) sepia(50%);
}

.piece-actions-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.piece-actions-row .piece-action-panel {
    width: 48%;
    box-sizing: border-box;
}

.piece-action-panel{
    float:left;
}

.piece-action-grid{
    width:270px;
    height:270px;
    border-spacing: 0;
}

.piece-title-sprite
{
    position: absolute;
    width:100px;
    height: 100px;
    top: 0px;
}

.piece-title-item.left {
    left:20px;
}

.piece-title-item.center {
    left:200px;
}

.piece-title-item.right {
    right:20px;
}

.piece-title-item{
    width:160px;
    position:relative;
    display:inline-block;
}

.piece-container{
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.piece-action-icon {
    width: 30%;
    margin: 20px auto 0 auto;
    display: block;
}

.piece-tile-sprite {
    height: 100%;
    width: 100%;
}


.piece-action-tile {
    width: 33px; /*  300/9 rounded down  */
    height: 33px;
    padding: 0px;
    margin: 0px;
}

.piece-action-tile.white .tile-sprite-small,
.piece-action-tile.black .tile-sprite-small {
    height: auto;
}