.markup-preview {
  height: 200px;
  width: 97%;
  overflow: auto;
  border: 1px solid #999;
  background-image: url(/images/preview.png);
  background-position: center center;
  background-color: #ddd;
  padding: .5em;
  color: #333;
}

.markup-preview pre {
  background-color: transparent;
  border: none;
}


.markup-editor {
  height: 200px;
  width: 97%;
  padding: .5em;
  font-family: monospace;
}

.markup-area-link {
  margin-top: 2px;
  text-align: right;
  font-size: smaller;
}