body {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.813em;
  color: #555555; }
  body.mceContentBody {
    font-size: 0.813em;
    color: black; }

  .typography h1 {
    font-size: 2em;
    margin-bottom: 10px; }
  .typography h2 {
    font-size: 1.8em; }
  .typography h3 {
    font-size: 1.6em; }
  .typography h4 {
    font-size: 1.4em; }
  .typography h5 {
    font-size: 1.2em; }
  .typography h6 {
    font-size: 1em; }
  .typography a {
    color: #263fa5; }
  .typography p {
    margin-bottom: 10px; }
    .typography p.message {
      border: 1px solid #666666;
      background: #999999;
      color: white;
      letter-spacing: 2px;
      padding: 2px 5px; }
      .typography p.message.good {
        border-color: #009900;
        background: #00cc00; }
      .typography p.message.bad {
        border-color: #cc0000;
        background: red; }
  .typography .hint {
    font-size: 0.85em; }
  .typography ol {
    margin: 0px 0px 20px 10px; }
    .typography ol li {
      margin: 0px 0px 5px 10px; }
  .typography ul {
    list-style-type: square;
    margin: 0px 0px 20px 10px; }
    .typography ul li {
      margin: 0px 0px 5px 10px; }