dl {
  display: block;
  padding: 15px;/* Lines up Horizontal section with Vertical section  */
  margin: 10px;
}

dl.vertical {
  width: 190px;/* Total width of Vertical section  */
  float: left;
  padding: 15px 0px 2px 23px;/* padding: top,  left & right vert,  Between vert & horiz, left  */
  margin: 0px;
}

dl.vertical dt {
  float: left;
  font-size: 9px;/* Vertical Label font size  */
  font-family: Verdana;/* vertical label font  */
  color: #ABB1AA;
}

dl.vertical dd {
padding-top: 1px;
margin-left: 70px;/* Distance of block to label  */
  margin-bottom: 8px;/* Distance vertically between labels  */
  background-color: #545454;/* color of block  */
  width: 115px;/* width of block  */
  height: 11px;/* Height of vertical blocks  */
  font-family: Verdana;/* Font of vertical blocks  */
  font-size: 9px;/* Font size of vertical blocks  */
  color: #E5E5E5;
  text-align: center;
}

dl.horizontal {
  clear: both;
}

dl.horizontal dt {
  float: left;
  display: block;
  width: 70;/* Resizes Horizontal labels automatically depending on text  */
  font-size: 9px;/* Horizontal Label Font size  */
  font-family: Verdana;/* Horizontal label font  */
  color: #ABB1AA;
}

dl.horizontal dd {
padding-top: 2px;
float: left;
  display: block;
  width: 78px;/* Total width of Horizontal section  */
  background-color: #545454;/* color of block  */
  margin-left: 10px;/* Distance from label (left) */
  margin-right: 10px;/* Distance from block (right)  */
  height: 11px;/* height of block  */
  font-size: 9px;/* Font of block text  */
  text-align: center;/* Center the Block text  */
  font-family: Verdana;/* Block text font  */
  color: #E5E5E5;
}