p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

/* -----------div tips------------- */

ol {
  list-style-type: disc;
}

  div.exercise {
    padding: 1em;
    margin: 1em 0;
    padding-left: 100px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 15px center;
    min-height: 120px;
    color: #1f5386;
    background-color: #bed3ec;
    border: solid 5px #dfedff;
  }

  div.attemptinsum, div.attemptchecklist {
	display: list-item;
	list-style-type: disc;
  }
  
  div.insum, div.checklist {
    padding: 1em;
    margin: 1em 0;
    padding-left: 100px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 15px center;
    min-height: 120px;
    color: #1f5386;
    background-color: #bed3ec;
    border: solid 5px #dfedff;
	#display: list-item;
	#list-style-type: disc;
  }

  div.reading {
    padding: 1em;
    margin: 1em 0;
    padding-left: 100px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 15px center;
    min-height: 120px;
    color: #184066;
    background-color: #bfccdb;
    border: solid 8px #dae1eb;
  }


div.exercise {
  background-image: url("icons/exercise.png");
}

div.insum {
 background-image: url("icons/insum.png");
}

div.checklist {
  background-image: url("icons/checklist.png");
}

div.reading {
  background-image: url("icons/bookicon.png");
}