/* asides.css  */

:root {
/*  
  --plg-panels-topbar-color: #004f9e;
  --plg-panels-btmbar-color: black;
  --plg-panels-header-bg: black;
  --plg-panels-header-fg: white;
  --plg-panels-descp-bg: #ffffe0; 
  --plg-panels-descp-font: "Times New Roman", serif;
  --plg-panels-special-font: "Times New Roman", serif;
  --plg-panels-synsummary-bg: #F0F0F0;  
  --plg-panels-syntax-font: SourceCodeFont, monospace, 'Courier New';
*/  
  
  --plg-supplement-btmbar-color: black;
  --plg-supplement-sidebar-color: #B0B0B0;
  --plg-supplement-title-bg: #F3F0DD;
  --plg-supplement-title-fg: black;
  --plg-supplement-header-bg: black;
  --plg-supplement-header-fg: white;  
  --plg-supplement-bodybar-color: #E8E8E8;
  
  --plg-supplement-workedexample-color: #cc9966;
  --plg-supplement-programlisting-color: #006cb7;
  --plg-supplement-specialtopic-color: #008e4f;
} 



/* ---- Supplemental Aside Blocks (Special Topic and Worked Example, etc) ---- */


aside.plg-supplement {
  padding-top: 0px;
  padding-bottom: 10px;
  width: 95%;
  text-align: left;
}

aside.plg-supplement table.content {
  border: none;
  margin-bottom: 10px;
  border-top: 7px solid #008e4f; 
  border-bottom: 3px solid #008e4f;
  border-left: 1px solid #B0B0B0;
  border-right: 1px solid #B0B0B0;
  border-left-color: var(--plg-supplement-sidebar-color);
  border-right-color: var(--plg-supplement-sidebar-color);
  border-spacing: 3px;
  text-align: left;  
  width: 100%;
  box-shadow: 3px 4px 4px #BBB;
}

aside.plg-supplement.workedexample table.content {
  border-color: var(--plg-supplement-workedexample-color);
}

aside.plg-supplement.programlisting table.content {
  border-color: var(--plg-supplement-programlisting-color);  
}

aside.plg-supplement.specialtopic table.content {
  border-color: var(--plg-supplement-specialtopic-color);  
}

aside.plg-supplement.referenceinfo table.content {
  border-top: 7px solid #006cb7; 
  border-bottom: 4px solid #006cb7; 
}


aside.plg-supplement div.header {
  display: inline-block;
  color: var(--plg-supplement-header-fg);
  background-color: var(--plg-supplement-header-bg);
  font-weight: bold;
  font-family: "Arial", sans-serif;  
  font-size: 11pt;
  border-radius: 5px;
  padding: 0px 8px 0px 8px;
  position: relative;
  top: 13px;
  left: 10px;
}

aside.plg-supplement table.content td {
  text-align: left;
  font-family: Arial, sans-serif;
}

aside.plg-supplement table.content td.title {
  padding-top: 10px;
}

aside.plg-supplement div.title {
  position: relative;
  font-size: 0.9em; 
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding: 6px 4px 6px 6px;
 /* background-color: #E8E8E8; *//*#F3F0DD; #f0f0f0;*/
  border-radius: 5px;
  color: var(--plg-supplement-title-fg);
  background-color: var(--plg-supplement-title-bg); /*#F3F0DD;*/
}

aside.plg-supplement div.title .wiki-edittab {
  right: 0px;
}

aside.plg-supplement div.title .wiki-edittab button.bw-button {
  color:black;
}

aside.plg-supplement .title code {
  font-weight: normal;
}

aside.plg-supplement div.toggle {
  width: 24px;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 0px;
  position: relative;
  top: 3px;
}

aside.plg-supplement .toggle img {
  width: 16px;
  background-color: white;
}

aside.plg-supplement div.sidepanel-hide { 
  display: none;
}

/*
.programlisting div.title {
  font-family: 'Courier New', monospace; 
  font-weight: normal;
  font-size: 1em;
}
*/

aside.plg-supplement td.body {
  font-size: 0.9em; /*12pt;*/   
  line-height: 1.5;
  /*color: #202020;*/
  border-bottom: 1px solid black;
  border-bottom-color: var(--plg-supplement-btmbar-color);
}

aside.plg-supplement div.body {
  margin-left: 0.3in; /*0.55in; */
  padding: 7px;
  padding-left: 2ex;
  padding-right: 2ex;
  display: none;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 15px solid #E8E8E8;
  border-color: var(--plg-supplement-bodybar-color);
/*  background-color: #F8F8F8; */  
  background-color: white;
}

aside.plg-supplement div.body p:last-child {
  margin-bottom: 0px;
}

aside.plg-supplement div.programlisting div.body {
  display: block;
  padding: 0px;
}

aside.plg-supplement div.workedexample div.body {
  display: block;
}

aside.plg-supplement div.sourceblocktext {
  font-size: 10pt;
}

div.plg-pgmlisting div.sourceblocktext,
div.programlisting .sourceblocktext {
  background-color: white;
  font-size: 10pt;
}

div.plg-pgmlisting div.plg-sourcefile div.sourceblocktext ol li::marker,
div.plg-supplement div.plg-sourcefile div.sourceblocktext ol li::marker {
  color: #606060;
  font-size: 0.9em;
}

div.plg-pgmlisting div.sourceblock,
div.programlisting div.sourceblock {
  border: none;
  margin: 0px;
  padding: 0px;    
}

/*
div.programlisting div.sourceblock {
  border-top: 1px solid #DDD;
}
*/

div.plg-pgmlisting .plg-sourcefile {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px; /*10px*/
	margin-top: 0px;
	padding: 0px;
	/*padding-top: 4px;*/
	padding-bottom: 3px;
	border: 1px solid #DDD;
}	

div.programlisting .plg-sourcefile {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px; /*10px*/
	margin-top: 0px;
	padding: 0px;
	padding-bottom: 3px;
	/*padding-top: 4px;*/
	border: 1px solid #DDD;
}	


div.plg-pgmlisting div.plg-sourcefile div.toptab,
div.programlisting .plg-sourcefile .toptab {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: /*#ffffdf;*/ /*#F3F2EB; */ #E8E8E8;
  text-align: center;
  padding-left: 1ex;
  font-size: 13px;
}

div.plg-pgmlisting div.plg-sourcefile div.texttab,
div.programlisting .plg-sourcefile .texttab {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: /* #ffffdf;  #F3F2EB; */  #E8E8E8; 
  text-align: center;
  padding-left: 1ex;
  font-size: 13px;
  border: 1px outset white;
}


div.plg-pgmlisting div.sourceblocktext li {
  border-left: 1px solid #ccc;
}


aside.plg-supplement div.programlisting div.sourceblocktext li {
  border-left: 1px solid #ccc;  
}

/*
div.plg-pgmlistingx div.plg-sourcefile {
  text-align: right;
}

div.plg-pgmlistingx div.sourceblocktext {
  text-align: left;
}
*/

/*
div.plg-pgmlistingx div.sourceblocktext ol li:nth-child(even) {
  background-color: #F0F0F0;
}
*/