body{
 background-color: white;
}

pre {
 clear: both;
}

ul {
  list-style: none;
  clear: left;
}

li {
  padding-top: 1em;
}

.note, .warning, .box {
 page-break-inside: avoid;
  padding: 0 4px 0;
	margin: 1em 0 1em;
  text-align: center;
  font-weight: bold;
}

.figure {
 page-break-inside: avoid;
 text-align: center;
}

.example pre {
 text-align: left;
}

.note p,
.warning p,
.box p,
.box pre,
.note pre {
  color: black;
  text-align: left;
  font-weight: normal;
}
.small-example p,
.small-figure p,
 .example p,
 .figure p {
 text-align: center;
 page-break-inside: avoid;
 padding: 2px;
 font-style: italic;
 margin: 0;
}


.note {
  color: blue;
  border: 1px dotted blue;
}
.warning {
  color: red;
  border: 1px dotted red;
}
.box {
  border: 1px solid black;
}

.small-figure {
 margin: 1em 0 1em 1em;
 padding: 1px;
 float: right;
 text-align: center;
}
.figure {
 text-align: center;
}

.small-example {
 border: 1px dashed black;
 margin: 1em 0 1em 1em;
 padding: 1px;
 float: right;
}
table, .example{
 border: 1px dashed black;
 clear: right;
}

.small-figure img, .figure img{
 page-break-inside: avoid;
}

.contact {
  margin: 1em 40px 1em 40px;
}

.domain, .url {
 font-style: italic;
}

.standout {
  margin-left: 40px;
}

table{
 width: 100%;
 border-collapse:collapse;
 border-spacing: 0;
}

table th {
 padding: 2px;
 border: 1px solid black;
 background-color: #cccccc;
}
table td{
 border: 1px solid black;
 padding: 2px;
}

table td img{
 display: block;
 margin: auto;
}

table caption {
 text-align: left;
 font-style: italic;
 margin-bottom: 1em;
}