html, body {
  background: url(../images/dotgrid13e.gif);
  font: 13px Helvetica;
  margin: 0px;
  overflow: hidden;
  height: 95%;
}

#buffer, .element {
  position: absolute;
  margin: -13px -16px;
  border: 2px solid transparent;
  padding: 1px 3px;
  white-space: nowrap;
  -khtml-border-radius: 4px;
  list-style-type: none;
}

#buffer {
  position: absolute;
  z-index: 100;
  /*cursor: url(../images/cursors/blank.png), none;*/
  line-height: 20px;
}

#buffer li {
  width: 30px;
  height: 30px;
  margin: -10px;
}

.element {
  cursor: url(../images/cursors/hand.png), default;
}

.element:hover {
  background: rgba(0, 0, 0, 0.15);
}

.element.selected,
.element.being_dragged {
  background: rgba(0, 0, 0, 0.27);
}

.element.bullet {
  font-size: 23px;
  font-weight: bold;
  margin-top: 5px;
  margin-left: -10px;
  padding: 10px 4px 0px 4px;
  line-height: 0px;
}

.element_editor {
  position: absolute;
  margin: -15px -17px;
  padding: 3px;
  outline: 0;
  border: 2px solid #999;
  font: 13px Helvetica;
  background: white;
  -khtml-border-radius: 4px;
  white-space: nowrap;
}