.viewer {font-size: 1.1rem; padding: 20px; line-height: 1.75em;}
.viewer .clearFont {font-style: normal; font-weight: normal; color: #333333;}

.viewer a.xref {color: inherit; text-decoration: inherit; border-bottom: 2px solid #cccccc;}
.viewer a.xref:hover {border-bottom: 2px solid #437de2; }

.viewer span.caption {border-bottom: 1px dotted #cccccc; cursor: default;}
.viewer span.caption:hover {background-color: #fffde3;}

.viewer span.italic {font-style: italic;}
.viewer span.bold {font-weight: bold;}
.viewer span.xema_red {color: #9e2929;}
.viewer span.xema_blue {color: #29549e;}
.viewer span.xema_green {color: #0c804c;}
.viewer span.xema_grey {color: #777777;}
.viewer span.smaller {font-size: 75%;}
.viewer span.bigger {font-size: 120%;}

.viewer .border {border-radius: 4px;}
.viewer div.border {padding: 5px 10px; margin: 15px -10px; }
.viewer span.border {padding: 0px 2px; margin: 0px 0px;display:inline-block}
.viewer .border.dotted {border: 1px dotted #999999;}
.viewer .border.solid {border: 1px solid #999999;}
.viewer .border.thick {border: 2px solid #999999;}

.viewer .background {border-radius: 4px; }
.viewer div.background {padding: 5px 10px; margin: -5px -10px; }
.viewer span.background {padding: 0px 2px; margin: 0px -2px; }
.viewer .background.xema_yellow {background-color: #fffde3;}
.viewer .background.xema_blue {background-color: #d9f7ff; text-shadow: 1px 1px 0px #ffffff;}
.viewer .background.xema_grey {background-color: #eeeeee; text-shadow: 1px 1px 0px #ffffff;}

.viewer div.indented {margin-left: 40px;}
.viewer span.indented {margin-left: 0.5em; margin-right: 0.5em;padding-left:0.5em}

.viewer div.hanging {margin-left: 40px; text-indent: -40px;}
.viewer span.hanging {margin-right: 0.5em;}

.viewer div.bulleted {}
.viewer div.bulleted > div.bullet {float: left; margin-left: 5px; color: #999999; text-align: center; width: 20px;}
.viewer div.bulleted > div.inside {margin-left: 40px;}
.viewer div.bulleted > div.clear {clear: left;}
.viewer span.bulleted {color: #999999; font-size: 0.75rem; margin: 0 0 0 0.25em;}
.viewer .bulleted span.numberingSymbol { background-color: #999999; color: #ffffff; padding: 2px 6px; border-radius: 4px; font-size: 1rem;}

/*separation dimension*/
.viewer div.space {margin: 0.5em 0;}

.viewer span.label {font-style: normal; font-weight: normal; color: #333333; font-size: 0.85em; white-space: nowrap; background-color: #eeeeee; padding: 2px 4px; border-radius: 4px; text-shadow: 1px 1px 0px #ffffff;}

.viewer .media_image {max-width: 50%}
.viewer .media_video {max-width: 50%}
