.exercise em {
  font-weight: bold;
  font-style: italic;
}

.exercise #items {
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  height: 60px;
}


.exercise #items .drag {
  position: relative;
  float: left;
  line-height: 1.4em;
  padding: 2px 10px;
  margin: 1px;
  margin-right: 8px;
  text-decoration: none;
  cursor: move;
  color: #ffffff;
  background-color: #007cc2;
  font-size: 110%;
  white-space: normal;
  width: 15em;
  height: 5em;
  vertical-align: middle;
}

.exercise #topics {
  position: relative;
  clear: both;
  width: 100%;
}

.exercise .topic {
  float: left;
  width: 18.25em;
  margin-right: 6px;
}

.exercise .topic .title {
  display: block!important;
  height: 3em;
  font-size: 135%;
  margin: 0 auto!important;
  text-align: center;
  padding: 10px;
  color: #252422;
}

.exercise .item {
  height: 2.5em;
  margin: 8px 0;
  padding: 5px;
  background-color: #fef7cb;
  color: #535353;
  font-size: 90%;
  vertical-align: middle;
}

.exercise .done { background-color: #cce1f2; }