/* panels.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-sidepanel-btmbar-color: black;
  --plg-sidepanel-sidebar-color: #B0B0B0;
  --plg-sidepanel-title-bg: #F3F0DD;
  --plg-sidepanel-title-fg: black;
  --plg-sidepanel-header-bg: black;
  --plg-sidepanel-header-fg: white;  
  --plg-sidepanel-bodybar-color: #E8E8E8;
  
  --plg-sidepanel-workedexample-color: #cc9966;
  --plg-sidepanel-programlisting-color: #006cb7;
  --plg-sidepanel-specialtopic-color: #008e4f;
} 


/* --- Standard style for Content Panels --- */

div.plg-contentpanel {
  padding-top: 0px;
  padding-bottom: 5px;
  width: 85%;
  text-align: left;
  margin: auto;
}

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

div.plg-contentpanel table.content {
  width: 100%;
  border: none;
  margin-bottom: 10px; 
  border-top: 7px solid #006cb7; 
  border-bottom: 2px solid #006cb7; 
  border-top-color: var(--plg-panels-topbar-color);
  border-bottom-color: var(--plg-panels-topbar-color);
  border-spacing: 2px;
  text-align: left;
}

div.plg-contentpanel table.content div.body {
  border-bottom: 1px solid black;
  border-bottom-color: var(--plg-panels-btmbar-color);
  margin-top: 1.1ex; 
  padding-bottom: 1ex;
}



/* --- ADT Definition Content Panel --- */

div.plg-contentpanel.adtdef table.content {
  border-left: 1px dashed #004f9e;
  border-right: 1px dashed #004f9e;
  border-left-color: var(--plg-panels-btmbar-color);
  border-right-color: var(--plg-panels-btmbar-color);
}

div.plg-contentpanel.adtdef table.content div.body {
  padding-bottom: 0;
  line-height: 1.2; 
}

div.plg-contentpanel.adtdef table.content div.body div.descp {
  font-family: var(--plg-panels-descp-font); /*"Times New Roman", serif;*/  
  font-size: 1.1em;  
  padding: 8px 8px 8px 8px;
  margin-bottom: 6px; /*1.5ex;*/
  margin-left: 1ex;
  margin-right: 1ex;
  background-color: var(--plg-panels-descp-bg); /*#FFFFE0; #fcf9e6; #F3F0DD; #F3F2EB;*/
}

div.plg-contentpanel.adtdef div.ops {
  font-size: 16px; /*12pt;*/
  /*border-top: 1px solid #999;*/  
  padding-top: 1ex;
  margin-right: 1ex;
}

div.plg-contentpanel.adtdef div.ops .usage {
  line-height: 1.2;
  margin-bottom: 0.5ex;
  background-color: #F0F0F0;   
  padding: 2px;
}

div.plg-contentpanel.adtdef span.opdef {
  font-size: 11pt;
  font-family: var(--plg-panels-syntax-font); /*SourceCodeFont, 'Courier New', monospace;*/  
}

div.plg-contentpanel.adtdef div.ops .opdescp {
  padding: 0px;
  margin-bottom: 1.5ex;
  font-family: var(--plg-panels-descp-font);
  font-size: 1.1em;    
}

div.plg-contentpanel.adtdef ul span.special {
  font-family: var(--plg-panels-special-font); /*"Times New Roman", serif;*/  
  font-size: 1.1em;
  font-style: italic;
}

div.plg-contentpanel.adtdef ul li {
  padding-left: 1ex;
  padding-right: 1ex;
}

/* --- Syntax Definition Content Panel --- */

div.plg-contentpanel.syntaxdef table.content {
  border: 1px solid #004f9e;
  border-top: 7px solid #004f9e;
  border-bottom: 2px solid #004f9e; 
  border-color: var(--plg-panels-topbar-color);  
  background-color: var(--plg-panels-synsummary-bg); 
  /*padding: 0px 2px 0px 2px;*/
}

div.plg-contentpanel.syntaxdef table.content div.body {
  line-height: 1.2; 
  /*background-color: #F4F4F4;*/
  padding: 3px;
  border: 1px solid #ccc;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid black;
  border-bottom-color: var(--plg-panels-btmbar-color);
  background-color: white;
}

div.plg-contentpanel.syntaxdef table.content div.title {
  /*background-color: #F0F0F0;*/
  /*padding: 3px;*/
  padding-left: 10px;
  margin-bottom: 2px;
  color: #004F9E;
  font-size: 16px;
 /* background-color: #FFFFE0;*/    
}

div.plg-contentpanel.syntaxdef table.content div.syntax {
 /* background-color: #FFFFE0;*/
  background-color: #F0F0F0;
  padding: 8px 8px 8px 8px;
  margin-bottom: 0px; 
  margin-left: 5px;;
  margin-right: 5px;  
  /*border: 1px solid #ddd;*/   
}

div.plg-contentpanel.syntaxdef table.content div.descp {
  margin: 10px 5px 0px 5px;
  background-color: white;
  min-height: 0.5in;
  padding: 8px;
  font-size: 14.66px;
  /*border: 1px solid #ddd;*/  
  border-top: none;
}


/* --- Function Prototype Content Panel --- */

div.plg-contentpanel.fnctdef table.content {
  border: 1px solid #004f9e;
  border-top: 7px solid #004f9e;
  border-bottom: 2px solid #004f9e; 
  border-color: var(--plg-panels-topbar-color);  
  background-color: var(--plg-panels-synsummary-bg); 
  /*padding: 0px 2px 0px 2px;*/
}

div.plg-contentpanel.fnctdef table.content div.body {
  line-height: 1.2; 
  /*background-color: #F4F4F4;*/
  padding: 3px;
  border: 1px solid #ccc;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid black;
  border-bottom-color: var(--plg-panels-btmbar-color);
  background-color: white;
}

div.plg-contentpanel.fnctdef table.content div.title {
  /*background-color: #F0F0F0;*/
  /*padding: 3px;*/
  padding-left: 10px;
  margin-bottom: 2px;
  color: #004F9E;
  font-size: 16px;
 /* background-color: #FFFFE0;*/    
}

div.plg-contentpanel.fnctdef table.content div.module {
  padding-right: 10px;
  margin-bottom: 2px;
  color: black;
  font-weight: bold;
  font-size: 14.66px;
  display: inline-block;
  float: right;
 /* background-color: #FFFFE0;*/    
}

div.plg-contentpanel.fnctdef table.content div.def {
 /* background-color: #FFFFE0;*/
  background-color: #F0F0F0;
  padding: 8px 8px 8px 8px;
  margin-bottom: 0px; 
  margin-left: 5px;;
  margin-right: 5px;  
  /*border: 1px solid #ddd;*/   
}

div.plg-contentpanel.fnctdef table.content div.descp {
  margin: 10px 5px 0px 5px;
  background-color: white;
  min-height: 0.5in;
  padding: 8px;
  font-size: 14.66px;
  /*border: 1px solid #ddd;*/  
  border-top: none;
}


/* --- Program Listing Content Panel --- */

div.plg-contentpanel.pgmlisting {
  width: 85%;
}

div.plg-contentpanel.pgmlisting table.content div.body {
  font-size: 0.9em;
  background-color: #F0F0F0;
  padding: 2ex;  
}

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

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

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

div.plg-contentpanel.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.plg-contentpanel.pgmlisting div.plg-sourcefile .toptab {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: #E8E8E8;
  text-align: center;
  padding-left: 1ex;
  font-size: 13px;
}

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

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

/* ------------------------------------------------------------ */



/* ---- Side Panel boxes (Special Topic and Worked Example, etc) ---- */


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

div.plg-sidepanel 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-sidepanel-sidebar-color);
  border-right-color: var(--plg-sidepanel-sidebar-color);
  border-spacing: 3px;
  text-align: left;  
  width: 100%;
  box-shadow: 3px 4px 4px #BBB;
}

div.plg-sidepanel.workedexample table.content {
  border-color: var(--plg-sidepanel-workedexample-color);
}

div.plg-sidepanel.programlisting table.content {
  border-color: var(--plg-sidepanel-programlisting-color);  
}

div.plg-sidepanel.specialtopic table.content {
  border-color: var(--plg-sidepanel-specialtopic-color);  
}

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


div.plg-sidepanel div.header {
  display: inline-block;
  color: var(--plg-sidepanel-header-fg);
  background-color: var(--plg-sidepanel-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;
}

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

div.plg-sidepanel table.content td.title {
  padding-top: 10px;
}

div.plg-sidepanel div.title {
  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-sidepanel-title-fg);
  background-color: var(--plg-sidepanel-title-bg); /*#F3F0DD;*/
}

div.plg-sidepanel .title code {
  font-weight: normal;
}

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

div.plg-sidepanel .toggle img {
  width: 16px;
  background-color: white;
}

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

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

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

div.plg-sidepanel 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-sidepanel-bodybar-color);
/*  background-color: #F8F8F8; */  
  background-color: white;
}

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

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

div.plg-sidepanel 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-sidepanel 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;
}


div.plg-sidepanel 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;
}
*/