.unresolved { background-color: skyblue; }
.noTemplate { background-color: yellow; }



body {
	margin-left: 10px;
}

/* DITA stuff */

.booktitle {
	margin: 20px 20px 12px 0px;
	font-size: 30px;
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	line-height: 36px;	
	font-weight: normal;
	color: #6b6b6b;
	margin-left: 0px;
	}

.booktitle sup {
	font-size: 10px;
	vertical-align:top;
}
	

.reltasks,.relconcepts,.relinfo,.relref {
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 15px;
}

.option {
	font-family: "Courier New", Courier, monospace;
}


p {
	margin-left:0px;
	margin-right:0px;
    line-height: 125%;
}


dl {
	margin-left: 0px;
	margin-right:0px;
}



img

{
	border: none;
}

.opt {
	font-family: "Courier New", Courier, monospace;
}

.h1, h1 {
	font: 18px  verdana, tahoma, helvetica, arial, sans-serif;
	line-height: 24px;
	font-weight: normal;
	color: #336699;
	margin-left: 0px;
	}
.h2,  h2 {
	font: 14px  verdana, tahoma, helvetica, arial, sans-serif;
	line-height: 20px;
	color: #336699;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
.h3, h3 {
	font: 13px verdana, tahoma, helvetica, arial, sans-serif;
	line-height: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #666;
	margin-left: 0px;
	}
.h4, h4 {
	font: 12px  verdana, tahoma, helvetica, arial, sans-serif;
	line-height: 19px;
	font-weight: bold;
	margin-bottom: 0px;
		margin-top: 0px;
	color: #666;
	margin-left: 0px;
	}	

	
td {
	padding: 3px;
	margin: 10px;
	background: #fff url('/images/template/bg.gif') repeat-x;
	font: 12px verdana, tahoma, helvetica, arial, sans-serif;
	line-height: 140%;
	color: #333;
	}
	

 a:link, a:link { color: #5f83a8; text-decoration: none; }
 a:visited, a:visited { color: #5f83a8; text-decoration: none; }
 a:hover, a:hover { color: #006699; text-decoration: none; }

.p, .widetext p {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right:0px;
	}
 .SUP, .widetext SUP {
	position: relative;
	top: 3px;
	font-size: 9px;
	}

 .td 
{
    margin: 5px;
	text-align: left;
}
	

 
 .ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	}
	
	ul li {
		background: transparent url('images/bullet_round.png') no-repeat 0px 9px;
		list-style: none;
		padding-left: 12px;
		margin-left: 16px;
		margin-right: 16px;
	}
	
	ul li li {
		background: transparent url('images/bullet_2.png') no-repeat 0px 9px;
		list-style: none;
		padding-left: 12px;
		margin-left: 16px;
		margin-right: 16px;
	}
	
	
 .li {
	background: transparent url('images/bullet_round.png') no-repeat 0px 9px;
	padding-left: 12px;
	margin-left: 16px;
	margin-right: 16px;
	}
 .li li {
	background: transparent url('images/bullet_2.png') no-repeat 0px 9px;
	list-style: none;
	}
 .li li li, #list3 {
	background: transparent url('images/bullet_2.png') no-repeat 0px 9px;
	
	}
 .ol {
	margin-left: 0px;
	padding-left: 20px;
	}
 .ol li {
	background: none;
	margin: 0px 0px 9px 0px;
	padding-left: 0px;
	margin-right: 10px;

	}

	div.parentlink {
		margin-left:0px;
	}
	
	div.p {
		margin-left:0px;
		
	}
	
	div {
		margin-left:0px;
		margin-right:0px;
	}
	
	span {
		margin-left:0px;
	}
	
	pre {
		margin-left:0px;
		margin-right:0px;
	}
	
	p.pre {
		margin-left:0px;
		margin-right:0px;
	}

.codeph {
	font-family: courier, monospace;
	font-weight: bold;
	color: brown;
}

dl.PREPROCESSOR_SINCE {
	display: inline-block;
}

dt.PREPROCESSOR_SINCE {
	background-color:    #D2FFFF;
	background-image:    linear-gradient(#72CEFF, #72CEFF);
	background-repeat:   no-repeat;
	background-size:     5px 100%;
	background-position: 0 100%;
	padding-left:        15px;
	padding-right:       10px;
}

dl.PREPROCESSOR_DEPRECATED {
	display: inline-block;
}

dt.PREPROCESSOR_DEPRECATED {
	background-color:    #FFFDD6;
	background-image:    linear-gradient(#FFF671, #FFF671);
	background-repeat:   no-repeat;
	background-size:     5px 100%;
	background-position: 0 100%;
	padding-left:        15px;
	padding-right:       10px;
}

pre.synopsis {
	background: #f0f0f0;
	font-family: courier, monospace;
	color: brown;
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
}

pre.syntax {
	background: #f0f0f0;
	font-family: courier, monospace;
	color: brown;
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
}

img {
	border: none;
}

/* Generic tables have thin black borders. Headers have a grey fill. */

table, th, td {
    table-layout: auto;
    margin: 1em;
    empty-cells: show;
    border-collapse: collapse;
    border: 1px solid black;
    padding:5px;
}

th {
    background-color: #f0f0f0;
}

/* Tables for notes, cautions, and warnings have horizontal, but no vertical,
   borders. Make the hairlines above and below invisible. */

hr.note, hr.caution, hr.warning {
    visibility:hidden;
    margin: 0;
}

table.note, table.caution, table.warning {
    margin: 1em;
    width:97%;
    table-layout: auto;
    padding:2px;
}

td.noteicon, td.cautionicon, td.warningicon {
    width: 45px;
    padding-top:5px;
    padding-bottom:5px;
    border-left: 0px;
    border-right: 0px;
}

table.note, th.note, td.note,
table.caution, th.caution, td.caution,
table.warning, th.warning, td.warning {
    margin: 1em;
    empty-cells: show;
    border-collapse: collapse;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 0px;
    border-right: 0px;
    padding:2px;
}

/* Tables for the navigation buttons and onesteps have no borders. */

table.nav, th.nav, td.nav,
table.onestep, th.onestep, td.onestep {
    table-layout: auto;
    margin: 1em;
    empty-cells: show;
    border-collapse: collapse;
    border: 0px;
    padding:2px;
}





/***********************************************/
/************* Syntax highlighting *************/
/***********************************************/

.codesamp {
	background: #f0f0f0;
	border-left: 5px double #A0A0A0;
	font-family: courier, monospace;
	color: black;
	margin-right:  60px;
	margin-left:   40px;
	margin-top:    10px;
	margin-bottom: 10px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 20px;
	padding-bottom: 20px;
	white-space: pre-wrap;
}

span.keyword, span.keywordflow {
	font-weight: bold;
	color: #0040E0;
}

span.keywordtype {
	font-weight: bold;
	color: #0040E0;
}

span.preprocessor {
	font-weight: bold;
	color: #7F7F00;
}

span.comment {
	font-weight: bold;
	font-style: italic;
	color: #009E00;
}

span.stringliteral {
	font-weight: bold;
	color: #BA55D3;
}

span.charliteral {
	font-weight: bold;
	color: #E4357B;
}





/**********************************************/
/********** Default description list **********/
/**********************************************/

dl.PREPROCESSOR_DL {
	display:       inline-block;
	page-break-inside: auto;
	width:         97%;
}

span.PREPROCESSOR_DL {
	font-style:    italic;
}

dd.PREPROCESSOR_DL:not(:last-child) {
	margin-bottom: 12px;
}





/**********************************************/
/*************** Safety "table" ***************/
/**********************************************/

dl.PREPROCESSOR_DL_safety {
	display:       inline-block;
	width:         350px;
	border-left:   5px double #A0A0A0;
	border-right:  5px double #A0A0A0;
	height:        calc(100% - 20px);
}

dt.PREPROCESSOR_DL_safety_header {
	background:    #E0E0E0;
	font-weight:   bold;
	text-align:    center;
	float:         left;
	width:         350px;
	margin:        0;
}

dt.PREPROCESSOR_DL_safety {
	background:    #E0E0E0;
	border-top:    2px solid #ffffff;
	border-right:  2px solid #ffffff;
	float:         left;
	width:         228px;
	text-align:    center;
	margin:        0;
}

dd.PREPROCESSOR_DL_safety {
	background:    #f0f0f0;
	border-top:    2px solid #ffffff;
	float:         left;
	width:         120px;
	text-align:    center;
	margin:        0;
}

span.PREPROCESSOR_DL_safety {
	font-style:    italic;
}







/*********************************************/
/*************** Marcoses list ***************/
/*********************************************/

dl.PREPROCESSOR_DL_macroses {
	display:           inline-block;
	page-break-inside: auto;
	width:             97%;
}

dt.PREPROCESSOR_DL_macroses_header {
	font-weight:       bold;
}

dd.PREPROCESSOR_DL_macroses:not(:last-child) {
	margin-bottom:     12px;
}

span.PREPROCESSOR_DL_macroses {
	font-weight:       bold;
	color:             #7F7F00;
}







/**********************************************/
/**************** Options list ****************/
/**********************************************/

dl.PREPROCESSOR_DL_options {
	display:       inline-block;
	page-break-inside: auto;
	width:         97%;
}

span.PREPROCESSOR_DL_options_1stWORD {
	font-weight:   bold;
	font-style:    normal;
}

span.PREPROCESSOR_DL_options {
	font-style:    italic;
}

dd.PREPROCESSOR_DL_options:not(:last-child) {
	margin-bottom: 12px;
}







/*********************************************/
/*************** Env.vars list ***************/
/*********************************************/

dl.PREPROCESSOR_DL_env {
	display:           inline-block;
	page-break-inside: auto;
	width:             97%;
}

dt.PREPROCESSOR_DL_env_header {
	font-weight:       bold;
}

dd.PREPROCESSOR_DL_env:not(:last-child) {
	margin-bottom:     12px;
}

span.PREPROCESSOR_DL_env {
	font-weight:       bold;
	color:             #7E2A7A;
	text-shadow:       -1px -1px #FFF,
                       -2px -2px #FFF,
                       -1px 1px #FFF,
                       -2px 2px #FFF,
                       1px 1px #FFF,
                       2px 2px #FFF,
                       1px -1px #FFF,
                       2px -2px #FFF,
                       -2px -2px 2px #CCC,
                       -2px 2px 2px #CCC,
                       2px 2px 2px #CCC,
                       2px -2px 2px #CCC;
	transition:        all 1s;
}








/*********************************************/
/***************** File list *****************/
/*********************************************/

dl.PREPROCESSOR_DL_files {
	display:           inline-block;
	page-break-inside: auto;
	width:             97%;
}

dt.PREPROCESSOR_DL_files_header {
	font-weight:       bold;
}

dd.PREPROCESSOR_DL_files:not(:last-child) {
	margin-bottom:     12px;
}

span.PREPROCESSOR_DL_files {
	font-weight:       bold;
	color:             #000000;
	text-shadow:       1px 1px white,
                       2px 2px #999;
	transition:        all 1s;
}








/*********************************************/
/***************** @output{} *****************/
/*********************************************/

span.PREPROCESSOR_OUTPUT {
	display: inline-block;
	font-weight:    bold;
	background:     #f0f0f0;
	border-left:    3px solid #A0A0A0;
	border-right:   3px solid #A0A0A0;
	font-family:    courier, monospace;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    2px;
	padding-bottom: 2px;
	white-space:    pre;
}

/**********************************************/
/*************** @output{shell} ***************/
/**********************************************/

span.PREPROCESSOR_OUTPUT_shell {
	display: inline-block;
	font-weight:    bold;
	color:          #ffffff;
	background:     #000000;
	border-left:    3px solid #A0A0A0;
	border-right:   3px solid #A0A0A0;
	font-family:    courier, monospace;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    2px;
	padding-bottom: 2px;
	white-space:    pre;
}

/**********************************************/
/************* @output{asciiart} *************/
/**********************************************/

span.PREPROCESSOR_OUTPUT_asciiart {
	display: inline-block;
	font-weight:    bold;
	background:     #f0f0f0;
	border-left:    3px solid #A0A0A0;
	border-right:   3px solid #A0A0A0;
	font-family:    courier, monospace;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    2px;
	padding-bottom: 2px;
	white-space:    pre;
	line-height:    120%;
}








/*********************************************/
/*************** Release Notes ***************/
/*********************************************/

dl.PREPROCESSOR_DL_RN_PROJECT {
	display:               inline-block;
	width:                 98%;
}

dt.PREPROCESSOR_DL_RN_PROJECT_header {
	margin-left:           10px;
}

dt.PREPROCESSOR_DL_RN_PROJECT {
	background:            #E0E0E0;
	width:                 100%;
	text-align:            center;
	margin-top:            0px;
	font-weight:           bold;
	padding-bottom:        10px;
	padding-top:           10px;
    box-shadow:            4px 4px rgba(0, 0, 0, .4);
    //box-shadow:            1px 3px 10px 0px rgba(0, 0, 0, .9);
}

dt.PREPROCESSOR_DL_RN_PROJECT:not(:first-child) {
	margin-top:            70px;
	font-weight:           bold;
}

dd.PREPROCESSOR_DL_RN_PROJECT {
}

span.PREPROCESSOR_DL_RN_PROJECT {
	font-weight:           bold;
}




dl.PREPROCESSOR_DL_RN_COMPONENT {
	margin-left:           -40px;
}

dt.PREPROCESSOR_DL_RN_COMPONENT_header {
	margin-left:           10px;
}

dt.PREPROCESSOR_DL_RN_COMPONENT {
	margin-left:           10px;
	margin-top:            30px;
	margin-bottom:         -20px;
}

dl dd.PREPROCESSOR_DL_RN_COMPONENT {
    box-shadow:            4px 4px rgba(0, 0, 0, .3);
    //box-shadow:            1px 3px 10px 0px rgba(0, 0, 0, .9);
    margin:                40px 0 0 40px;
    background:            #f6f6f6;
    padding:               5px;
}

span.PREPROCESSOR_DL_RN_COMPONENT {
//	text-transform:        uppercase;
//    font-size:             larger;
	color:                 #70a0a0;
	font-weight:           bold;
}



dl.PREPROCESSOR_DL_RN_ENTRY {
	display:               grid;
	grid-template-columns: max-content auto;
	margin-left:           40px;
}

dt.PREPROCESSOR_DL_RN_ENTRY_header {
	grid-column-start:     span 2;
	background:            #F0F0F0;
	width:                 100%;
	text-align:            center;
	margin-top:            15px;
}

dt.PREPROCESSOR_DL_RN_ENTRY {
	margin-top:            15px;
	grid-column-start:     1;
	text-align:            left;
}

dd.PREPROCESSOR_DL_RN_ENTRY {
	grid-column-start:     2;
	display:               list-item;
	list-style-position:   inside;
	list-style-type:       circle;
	-webkit-margin-start:  20px;
	list-style-position:   outside;
}

dt.PREPROCESSOR_DL_RN_ENTRY + dd.PREPROCESSOR_DL_RN_ENTRY {
	margin-top:            15px;
	grid-column-start:     2;
}

span.PREPROCESSOR_DL_RN_ENTRY {
}

td.PREPROCESSOR_DL_RN_ENTRY:first-child {
	vertical-align:        top;
};




dd.PREPROCESSOR_DL_RN_ENTRY div.PREPROCESSOR_DL_RN_ENTRY div.PREPROCESSOR_SINCE dl.PREPROCESSOR_SINCE {
	padding:               0px;
	margin:                0px;
	margin-top:            5px;
	webkit-margin:         0px;
}

dd.PREPROCESSOR_DL_RN_ENTRY div.PREPROCESSOR_DL_RN_ENTRY div.PREPROCESSOR_DEPRECATED dl.PREPROCESSOR_DEPRECATED {
	padding:               0px;
	margin:                0px;
	margin-top:            5px;
	webkit-margin:         0px;
}




table.PREPROCESSOR_DL_RN_ENTRY {
    border-width:          0;
    width:                 98%;
}

td.PREPROCESSOR_DL_RN_ENTRY {
    border-width:          0;
    background:            #f6f6f6;
}

td.PREPROCESSOR_DL_RN_ENTRY_CAPTION {
    border-width:          0;
    background:            #f6f6f6;
    width:                 130px;
    vertical-align:        top;
}

td.PREPROCESSOR_DL_RN_ENTRY_SUBCAPTION {
    border-width:          0;
    background:            #f6f6f6;
    width:                 200px;
    vertical-align:        top;
    padding-left:          10px;
}

tr.PREPROCESSOR_DL_RN_ENTRY:not(:last-child) td:not(:first-child) {
    border-bottom:         2px outset #E0E0E0;
    padding-bottom:        25px;
}

tr.PREPROCESSOR_DL_RN_ENTRY:not(:first-child) td {
    padding-top:           25px;
}




/*
<span style="
font-weight:       bold;
letter-spacing: 1px;
text-shadow:
    1px 1px 1px black,
    1px -1px 1px black,
    -1px 1px 1px black,
    -1px -1px 1px black;
  color: white;
  transition: all 1s;
">/etc/group</span>
*/








/*********************************************/
/************** Private blocks ***************/
/*********************************************/

fieldset.PREPROCESSOR_INTERNAL {
	position:              relative;
	line-height:           1.2em;
	border-color:          #0000FF;
	background-color:      #E6ECFF;
	padding:               9px;
	padding-top:           7px;
	padding-bottom:        15px;
	margin:                5px;
	margin-bottom:         14px;
}

legend.PREPROCESSOR_INTERNAL {
	color:                 #00009E;
	font-weight:           bold;
	font-size:             7pt;
}

div.PREPROCESSOR_INTERNAL {
	color:                 #00009E;
	font-weight:           bold;
	font-size:             7pt;
	position:              absolute;
	bottom:                -7px;
	left:                  10px;
	line-height:           1.2em;
	background-image:      linear-gradient(#E6ECFF, #E6ECFF);
	background-repeat:     no-repeat;
	background-size:       100% 10px;
}








/*********************************************/
/************** @@item -> <div> **************/
/*********************************************/

:root {
	--item-left-pad:       50px;
	--item-left-pad-shift: 50px;
}

div.PREPROCESSOR_ITEM {
	display:               list-item;
	list-style-position:   inside;
	list-style-type:       circle;
}

fieldset.PREPROCESSOR_INTERNAL > div.PREPROCESSOR_ITEM {
	transform:             translateX(-15px);
}