h1 > span.title {color: white; font-family: "Open Sans"; font-size: 150%; letter-spacing: 4px; margin: 0px 10px 20px 20px;}

h1.title.topictitle1 {color: #666; font: 300 26pt "Open Sans", "Lucida sans Unicode", "Lucida Grande"; letter-spacing: 3px; font-weight: normal; background: transparent; margin: 0em 0 0em -0.5em;}
h2.title.sectiontitle {color: #666; font: 800 14pt "Open Sans", "Trebuchet MS", "Lucida sans Unicode", "Lucida Grande"; letter-spacing: 2px; background: transparent; margin: 1em 0 0em -0.5em;}

span.keyword.wintitle {color: #666;}
span.undefined_element {display: none}
a:link, a:visited {color: #308ce8; letter-spacing: 1px;}
a:hover {color: red;}

body.frmBody {padding: 0em 2em;}
body.frmBody div.footer {width: 100%; text-align: center;}
body.frmBody div.section {margin: 2em 0 1em 0;}
body.frmBody div.section p {margin-left:2em;}

div.relinfo {margin-top: 4em; border-top: solid 1px #eee;}
div.relinfo > strong {color: #666; font: bold 13pt "Open Sans", "Trebuchet MS", "Lucida sans Unicode", "Lucida Grande"; letter-spacing: 2px; }

div#breadcrumbLinks {margin-left:20px}
div#breadcrumbLinks > span {display: none;}
div#breadcrumbLinks .navheader_parent_path {margin-left:0;}
div#breadcrumbLinks .navheader_parent_path:not(:last-of-type):after {content: ' > ';}
div#navigationLinks a:link, div#navigationLinks a:visited {color: white !important;}



/**************************************************************************************************   FIGURES */
body.frmBody div.fig {display: block;} 
body.frmBody div.fig img {} 
body.frmBody div.fig {
    display: flex;
    flex-flow: column;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
     width: 100%; margin: 2em 0;
}
body.frmBody div.fig dl.parml {order: 3;}
body.frmBody div.fig .figcap {
    order: 2;
    color: #666; margin: 0em auto;
}
body.frmBody div.fig img.image {
    order: 1;
    max-width: 90%; margin: 2em auto;
}

/**************************************************************************************************   LISTS */
.dlgopt:before {content: 'Dialog options'; font: bold 11pt "Open Sans", "Trebuchet MS", "Lucida sans Unicode"; text-transform: uppercase; letter-spacing: 4px; color: #888;}
.dlgopt {display: block; margin: 0 auto; width: 70%;}
.dlgopt dt {margin:1em 0 0 1em;}

dl.dl {margin: 1em 0 3em 2em; width: 70%;}
dl.dl dd {margin: 0em 0 2em 2em;}

/**************************************************************************************************   STEPS */
ol.steps {margin:0 4em 0 4em; padding:0; counter-reset:li; /* Initiate a counter */;}
ol.steps > li {
    position:relative; /* Create a positioning context */
    margin:0 2em 20px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    min-height: 40px;
    border-top:1px solid #3F51B5;
}
ol.steps > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-1px;
    left:-30px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:35px;
    
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:7px;
    border:1px solid #3F51B5;
    color:#3F51B5;
    font-weight:bold;
    font-size: 120%;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
ol.steps > li span.cmd {margin: 0 0 1em 0.5em !important; font: bold 13pt "Open Sans", "Trebuchet MS";}
li.step div.info {margin: 1em 0 1em 1em;}
li.step ul.choices {margin: 1em;}
li.step ul.choices > li {margin-bottom: 0.5em;}


/**************************************************************************************************   NOTES */
body.frmBody div.note {margin: 1em 4em 2em 6em; padding: 1em 0 0.1em 1em; background: #FAFAFA; border-left: double 3px #888; }


/**************************************************************************************************   ELEMENTS */