body {
 font-family: sans-serif;
 }
.hcstitle {
 color: #881208;
 font-size: 1.3em;
 font-weight: bold;
 background-color: #f5e6c9;
 text-decoration: none;
 padding: 3px;
 }
.hcssubtitle {
 color: #ed1c22;
 font-size: 1.2em;
 font-weight: bold;
 background-color: #fffdc4;
 padding: 1px;
 }

.pointhighlight {
 color: #482e1f;
 font-weight: bold;
 background-color: #ff0;
 padding-right: 4px;
 padding-left: 4px;
 }

.hcshightlight {
 color: #fdfbc2;
 font-weight: bold;
 background-color: #b01116;
 margin-bottom: 3px;
 padding: 2px;
 }

.boxin {
 margin: 1px;
 padding: 1px;
 border: solid 1px #482e21;
 
 }

.hcscaption {
 color: #482e21;
 font-size: 1.1em;
 line-height: 1.2em;
 background-color: #e8f9ff;
 margin: 1px;
 padding: 6px 2px 8px;
 border: solid 1px #482e1f;
 }

.hcsmaintxtcontent {
 font-size: 0.8em;
 background-color: #fff;
 margin: 2px;
 padding: 4px;
 }

.indent4leftbluepoint {
 color: #06c;
 font-weight: bold;
 margin-left: 2px;
 padding-left: 5px;
 border-left: 10px solid #06c;
 
 }

.indent4leftredpoint {
 color: #ed1c22;
 font-weight: bold;
 margin-left: 2px;
 padding-left: 5px;
 border-left: 10px solid #ed1c22;
 }

.superredborder {
 margin: 2px;
 padding: 1px 2px 3px;
 border: dotted 3px #ed1c22;
 
 }