body {
  font-family: Helvetica, Calibri, sans-serif;
  font-size: 12px;
}
p {
  width: 600px;
}
a, a:link, a:visited {
  color: #46a;
}

ul.classification,
ul.classification li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.classification {
  float: left;
  clear: left;
}
ul.classification li {
  float: left;
  padding-right: 12px;
  margin-right: 5px;
  background: url(divider.png) no-repeat right 50%;
}
ul.classification li.common {
  background-image: none;
  margin-right: 0;
  padding-right: 0;
}

.variable .container,
.fixed .container,
.dynamic .container {
  width: 10000px;
}
.fixed,
.variable,
.dynamic {
  overflow: hidden;
  padding: 1em;
}
.fixed {
  width: 400px;
  border: 1px solid #09f;
}
.variable {
  border: 1px solid #0f9;
}
.dynamic {
  width: 600px;
  padding-right: 70px;
  border: 1px solid #f90;
  position: relative;
}
.dynamic .dragger {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  background: #fa6;
  color: #fff;
  line-height: 8;
  width: 60px;
  text-align: center;
  cursor: move;
}