#col-type-list li {
  width: 100px;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #838383;
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url('../img/footer_types.png');
  opacity: 0.35;
  cursor: pointer;
}
#col-type-list li:hover,
#col-type-list li.active {
  opacity: 1;
}

.list-item-col0 { background-position: -0px -2px }
.list-item-col1 { background-position: -100px -2px }
.list-item-col2 { background-position: -200px -2px }
.list-item-col3 { background-position: -300px -2px }
.list-item-col4 { background-position: -400px -2px }
.list-item-col5 { background-position: -0px -52px }
.list-item-col6 { background-position: -100px -52px }
.list-item-col7 { background-position: -200px -52px }
.list-item-col8 { background-position: -300px -52px }
.list-item-col9 { background-position: -400px -52px }

.frmFooter .content .row {
  min-height: 40px;
  margin-bottom: 10px;
  position: relative;
}

.frmFooter .vTable {
  width: 570px;
}

.frmFooter ul.vTableBody > li.placeholder {
  width: 570px;
}

.footerPreviewIcon {
  font-size: 24px;
  position: relative;
  top: 5px;
  color: #777777;
}
.footerPreviewText {
  line-height: 16px;
  text-align: left;
  padding: 9px 8px 0px 8px;
  height: 30px;
  overflow: hidden;
}
.footerPreviewText p {
  margin: 0;
}
.footerPreviewTextArea {
  display: none;
}