.panel {
    margin: 0 auto;
    padding: 5px;
    display: table;
}

.panel-part-header {
    font-variant: small-caps;
    display: table-row;
}

.panel-part-content {
    display: table-row;
}

.panel-part-footer {
    display: table-row;
}

.panel-head {
    display: table-cell;
}

.panel-content {
    display: table-cell;
}

.panel-footerbar {
    display: table-cell;
}

.panel-controll {
    float: right;
}

.panel-caption {
    float: left;
}

.panel-corner {
    background-image: url("/images/panels/corners.png");
    display: table-cell;

}

div.panel-part-header div.panel-corner {
    width: 10px;
    height: 27px;
}

div.panel-part-footer div.panel-corner {
    width: 10px;
    height: 12px;;
}

div.panel-part-header div.panel-corner:first-child {
    background-position: 0 0;
}

div.panel-part-header div.panel-corner:last-child {
    background-position: -10px 0;
}

div.panel-part-footer div.panel-corner:first-child {
    background-position: 0 -27px;
}

div.panel-part-footer div.panel-corner:last-child {
    background-position: -10px -27px;
}

div.panel-head {
    background-image: url("/images/panels/head_background.png");
}

div.panel-foot {
    background-image: url("/images/panels/foot_background.png");
    display: table-cell;
}

div.panel-sidebar {
    background-image: url("/images/panels/sidebars.png");
    width: 10px;
    height: 100%;
    display: table-cell;
}

div.panel-part-content div.panel-sidebar:first-child {
    background-position: 0 0;
}

div.panel-part-content div.panel-sidebar:last-child {
    background-position: -10px 0;
}

.panel-content {
    background-color: #ffdfc0;
}