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-action-panel{
    float:left;
}

.piece-action-grid{
    width:300px;
    height:300px;
    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 0 0 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #0c0c0c;

    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 8px;
}

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


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