.skinContainer {
  display: table;
  width: 100%;
}    

.top, .middle, .bottom {
  display: table-row;
}

.left, .center, .right, .flat p, .transparent p {
  display: table-cell;
}

.left, .right {
  width: 32px;
}

.top, .top div {
  height: 74px;
}

.bottom, .bottom div {
  height: 37px;
}

.flat .top .left {
  background: url( flat/boxTL.png ) no-repeat top left;
}

.flat .top .center {
  background: url( flat/boxT.png ) repeat-x top;
}

.flat .top .right {
  background: url( flat/boxTR.png ) no-repeat top right;
}

.flat .middle .left {
  background: url( flat/boxL.png ) repeat-y left;
}

.flat p {
  background: #334c64;
}

.flat .middle .right {
  background: url( flat/boxR.png ) repeat-y right;
}

.flat .bottom .left {
  background: url( flat/boxBL.png ) no-repeat bottom left;
}

.flat .bottom .center {
  background: url( flat/boxB.png ) repeat-x bottom;
}

.flat .bottom .right {
  background: url( flat/boxBR.png ) no-repeat bottom right;
}

.transparent .top .left {
  background: url( transparent/boxTL.png ) no-repeat top left;
}

.transparent .top .center {
  background: url( transparent/boxT.png ) repeat-x top;
}

.transparent .top .right {
  background: url( transparent/boxTR.png ) no-repeat top right;
}

.transparent .middle .left {
  background: url( transparent/boxL.png ) repeat-y left;
}

.transparent p {
  background: url( transparent/boxC.png );
}

.transparent .middle .right {
  background: url( transparent/boxR.png ) repeat-y right;
}

.transparent .bottom .left {
  background: url( transparent/boxBL.png ) no-repeat bottom left;
}

.transparent .bottom .center {
  background: url( transparent/boxB.png ) repeat-x bottom;
}

.transparent .bottom .right {
  background: url( transparent/boxBR.png ) no-repeat bottom right;
}