html, body {    
   font-family: Helvetica, Verdana, sans-serif;
   margin: 0 auto 0 auto; 
   padding: 0;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 10px;
	padding-left: 10px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
* a:hover {font-weight:bold;}

hr.fadingHr {text-align:center!important;margin:0px!important; height: 1px;border:none;width:80%;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(50%,#D0B53E), color-stop(100%,transparent)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, transparent 0%,#D0B53E 50%,transparent 100%); /* Chrome10+, Safari5.1+ */
background: -moz-linear-gradient(left, transparent 0%,#D0B53E 50%,transparent 100%);    /* FF3.6+ */
background: linear-gradient(to left, transparent 0%,#D0B53E 50%,transparent 100%);      /* W3C */
}
hr.fadingHr1 {text-align:center!important;margin:0px!important; height: 2px;border:none;width:100%;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(50%,#D0B53E), color-stop(100%,transparent)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, transparent 0%,#D0B53E 50%,transparent 100%); /* Chrome10+, Safari5.1+ */
background: -moz-linear-gradient(left, transparent 0%,#D0B53E 50%,transparent 100%);    /* FF3.6+ */
background: linear-gradient(to left, transparent 0%,#D0B53E 50%,transparent 100%);      /* W3C */
}
img { border: none;}
  /* ------------------------------------------------------------------------- */
/*                       Table Structure Elements              .                  */
  /* ------------------------------------------------------------------------- */

.ubf-Table {display: table;padding:0px!important;margin:0px!important;}
.ubf-TableBody {display: table-row-group;margin:0px!important;padding:0px!important;}
.ubf-TableRow {display: table-row;}
.ubf-TableCell {display: table-cell;padding:0px;}

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

.autoResizeImage1 {
    width: 80%;
    height: auto;
	max-width:300px;
	vertical-align: -50%;
}
.autoResizeImage2 {
    width: 80%;
    height: auto;
	max-width:150px;
}
.autoResizeImage3 {
    width: 80%;
    height: auto;
	max-width:650px;
}

#bodyDiv {
  float: right;
  width: 75%;
  background:#006;
  color: #f1f1f1;
}

.bold{ font-weight:600;}
#divWrapper {
	width: 100%;
	text-align:left;
	margin: 0 auto;
}

#sideBar {
  float: left;
  font-size: 14px;
  text-align: left;
  width: 160px;
  background:#fff;
  display: inline-block;
}

#sideBar li{
  font-size: 12px;
  padding: 0px;
  margin-left: -50px;
}

.1pix {font-size:1px;line-height:1px;}
div#navmenu { margin: 0 0 0 0px; padding: 0; height: 185px; float: left; width:100%; }
div#navmenu ul { display: block; margin: 0; padding: 0 0 0 0px; height: 30px; float: left; }
div#navmenu ul li { display: block; margin: 0; padding: 4px 0px 0px 0px; float: left; height: 30px; }
div#navmenu ul li a, div#navmenu ul li a:visited {
display: block; margin: 0; padding: 0px 0 0 0; height: 30px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; font-weight: bold; text-transform: uppercase;
color: #ffffff;float: left;
}

div#navmenu ul li a:hover, div#navmenu ul li.current_page_item a, div#navmenu ul li.current_page a:visited {
/* color: #ff9600;
background: transparent url('../images/navmenu-hover-c.gif') repeat-x scroll left bottom; */ text-decoration: none;
}

div#navmenu ul li a:hover span, div#navmenu ul li.current_page_item a span, div#navmenu ul li.current_page_item a:visited span {
/* background: transparent url('../images/navmenu-hover-z.gif') no-repeat scroll left bottom; */  text-decoration: none; 
color: #cc9b4b; 
} 

/*div#navmenu ul li a:hover span span, div#navmenu ul li.current_page_item a span span, div#navmenu ul li.current_page_item a:visited span span {
  color: #cc9b4b; 
  /* background-color: #006;  Both of these values create the "Rollover effect, Set as desired */ 
} */


DIV.Wrapper {

  align: left;
  width:100%;
}

DIV.Header {
  width:100%;
  height: 100px; 
  color: #ffffee;
  padding-top: 5px;
  margin-bottom: -15px;
  text-align:center;
  background-image: url(file:///C|/Users/Barry%20Clark/Downloads/images/headbg.png); background-repeat:repeat-x;

}

DIV.Navigation {
  width:auto;
  text-align:justify;
  height: 12px;
  margin-top: -40px;
  margin-left: 0px;
  margin-right: 0px;
  color: #ffffee;
  background-color:#006;
}

DIV.Navigation ul { 
  margin: 0;
  width: 100%;
  padding: 3px; /* Set margin and padding for cross browser consistency. */ 
  list-style-type: none; /* Needed to eliminate list item marker */ 
  text-align: center; /* Centers navigation bar */ 
  background-color: #006; /* Set as desired */ 
} 

DIV.Navigation ul li { 
  display: inline; /* Needed to create horizontal effect */ 
  float: left;
  /* width: 32%; */
  padding: 2px; /* Set margin and padding for cross browser consistency. */ 
  font-size: 12px;
  color: #ffffee;
  background-color: #006; /* Set as desired */ 
} 

DIV.Navigation ul li a { 
  text-decoration: none; /* The setting of "none" allows the link to not be underlined. This is up to user preference. */ 
  padding: .2em 1em; /* Gives the link space inside it's individual block. */ 
  color: #ffffee; /* Set as desired */ 
  font-size: 12px;
  background-color: #006; /* Set as desired */ 
} 

DIV.Navigation ul li a:hover { 
  color: #cc9b4b; 
  background-color: #006; /* Both of these values create the "Rollover effect, Set as desired */ 
} 

DIV.Container {
  width:99%;
  text-align:left;
  height: 100%;
  font-size: .9em;
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 3px;
  color: #006;
  background-color:#fff;
}

DIV.GLF_Container {
  width:90%;
  text-align:center;
  height: auto;
  font-size: .9em;
  margin: 0px;
  color: #006;
  padding: 5px;
  background-color:#fefefe;
}

.GLF_Footer {
  text-align: center!important;
  align: center;
  clear: both;
  width:94%!important;
  color:#0FF;
  background:#051335;
  font-size: .6em; 
  font-style:italic;
  padding:10px;
  margin:5px auto 5px auto!important;
}

.GLF_Footer a {color:#eFF!important;}
.GLF_Footer a :hover{text-decoration:underline;}

a { color: #006;text-decoration: none;}

a.Lindex {
  color: #cc9b4b;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  line-height: 24px;
}

a.GP-link {
  color: #cc9b4b;
  text-decoration: none;
}

a.GIP-link:link { /* default link color */
     color: #000;
	 font-size:12px;
	 border-bottom-style: solid;
	 border-bottom-width:1px;
	 border-bottom-color:#f1f1f1;
	 display: block;
	 line-height:12px;
}
a.GIP-link:hover { /* change to dark blue on mouseover */
     font-weight: bold;
}

.back-to-top {
  display: block;
  margin-top: 1em;
  width: 7em;
}

.BiggerMargin {
  margin-right: 2px;
  margin-left: 0px!important;
}

.PartMargin {
  margin-right: 3.0em;
  margin-left: 4.0em;
}

.Center {
  text-align: center;
}

.float-left {
  float: left;
  margin-right: .5em;
  display: inline;
  position: relative;
}
.float-right {
  float: right;
  margin-left: .5em;
  display: inline;
  position: relative;
}



.GLFh1 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #006;
  margin-top: 0px;
}

.GLFhdr2 {
  color: #6364C0;
  font-weight: bold;
  text-align: center;
}

.GLF-body {
  background-color: #006;
  color: #ffffee;
}


.GLF-hdr-left {
  color: #ffffee;
  font-size: .8em;
  text-align: center;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 5px;
}

.GLF-hdr-right {
  color: #ffffee;
  font-size: .8em;
  text-align: center;
  font-weight: normal;

}

.GLF-term {
  color: #cc9b4b;
  font-size: 1.0em;
  text-align: left;
  font-weight: bold;

}

.GLF-key {
  color: #ffffff;
  font-size: 1.0em;
  text-align: left;
  font-weight: normal;
  font-style: italic;
}

.GLF-def {
  color: #e9ebef;
  font-size: .9em;
  text-align: left;
  font-weight: normal;
}

.GLF-HiRef {
  color: #cc9b4b;
  font-size: .9em;
  text-align: left;
  font-weight: bold;
}

.GLF-NormRef {
  color: #a49894;
  font-size: .8em;
  text-align: left;
  font-weight: normal;
}
.GLF-defRefs {font-size:.75em;  font-weight: bold;}
.GLF-partRefs {text-align:left!important;margin:20px 10px 20px 10px!important;}
.GLF-part {color: #4c72bb!important;font-size: 0.8em!important;text-align: left!important;text-decoration:underline;margin-right:10px;
  /* text-decoration:underline; */font-weight: bold!important;}

.GLF-part-hdr {
  color: #a49894;
  font-size: 1.0em;
  display:block;
  text-align: center;
  font-weight: bold;
}
.GLF-partHdr {text-align:center!important; display:block; margin-bottom:20px;
  font-size:0.6em;
  padding:3px 25px 3px 25px;
  background:#f0f0f0;
  line-height:150%;
  border: 1px solid #999;}

.GLF-HiRef {
  color: #cc9b4b;
  font-size: .9em;
  text-align: left;
  font-weight: bold;
}

.GLF-NormRef {
  color: #d4d0c8;
  font-size: .8em;
  text-align: left;
  font-weight: normal;
}

.GLF-sup {
  color: #cc9b4b;
  font-size:x-small; 
  vertical-align:top;
}


.GLFgrey {color: grey;}

.glossaryEntry {color:#4c72bb!important;font-weight:normal;padding-left:0.5em;background:#f1f1f1;display:block;line-height:1.75em;font-size:0.8em;}


.GP-body {
  background-color: #fefefe;
}

.GPboxee {
  color: #ffffee;
  border-width:.01em; 
  border-style:dotted;
  border-color: #f1f1f1; 
  padding-right:20px;
  padding-left:20px;
  padding-top:10px; 
  padding-bottom:10px;
  background-color: #cc9b4b;
}



.GP-highlight {
  color:#66FF66;
  font-size: 1.1em;
  font-weight: 500;
}

.GP_index_item {
  font-size: 12px;
  color: #333;
}

.GP-sup {
  color: #cc9b4b;
}


.GP-hdr-left {
  color: #ffffee;
  font-size: .8em;
  text-align: left;
  line-height: 40px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

.GParrow {
  color: #cc9b4b;
  font-weight: normal;
}

.GP-hdr-right {
  color: #ffffee;
  font-size: .8em;
  text-align: right;
  line-height: 40px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

.GP-ct-right {
  color: #ffffff;
  font-size: .8em;
  text-align: left;
  font-weight: normal;
  margin-left: 48px;

}
.GP-ct-right a {
  color: #ffffff;
  font-size: 1.0em;
  text-align: right;
  font-weight: bold;

}

.GP-general {
  color: #ffffee;
  font-size: .9em;
  text-align: center;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

.GP-term {
  color: #cc9b4b;
  font-size: 1.2em;
  text-align: left;
  font-weight: normal;
/*  border-width:1px; 
  border-style:solid;
  border-color: #808080; 
  padding-right:2px;
  padding-left:2px;
  margin-top: 0px;
  margin-bottom: 0px; */
}

.GPoverterm {
  color: #cc9b4b;
  font-size: 1.0em;
  text-align: left;
  font-weight: bold;
/*  border-width:1px; 
  border-style:solid;
  border-color: #808080; 
  padding-right:2px;
  padding-left:2px;
  margin-top: 0px;
  margin-bottom: 0px; */
}

.GPover {
  color: #ffffee;
  font-size: 1.0em;
  text-align: center;
  font-weight: bold;
  background: #003;
}

.GPTitle {
  margin-top: 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.1em;
  color: #006;
}
.GPhdr1 {font-size:1.3em!important;font-weight:bold;color:#006!important;padding-top:0.5em;text-align:center!important;}


.ubf-GPhdrCol-1 {width:20%;margin:0 auto 0 auto;}
.ubf-GPhdrCol-2 {width:55%;vertical-align:middle;}
.ubf-GPhdrCol-3 {width:20%;vertical-align:middle;}
.ubf-questionMarkHdr {height:40px;width:40px;}
.ubf-GPhdrImg {height:75px;width:75px;}

.GPtotals {
  width:100%!important;
  display:block;
  text-align:center!important;
  margin-top:2px;
  padding-bottom:5px!important;
  line-height: 2.0em;
  font-weight: normal;
  font-size: .6em;
  color: #006;
}

.GUB-body {
  color: #000077;
  font-weight: normal;
  background: url(file:///C|/Users/Barry%20Clark/Downloads/images/bg01.gif) repeat-x 0 0;
}


.GUB-hdr-left {
  color: #006;
  font-size: .9em;
  text-align: left;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

.GUBhilite {
  background: #ffffdd;
}

a.GUBlink {color:#0001c5; font-weight:bold;font-size:90%;}

.GUBver {
  display: block;
  margin-top:-5px;
  display: inline-block;
  color: #006;
  font-size: .6em;
  font-weight: bold;
  font-style: italic;
}

h1 {
  height: auto;
  font-weight: normal;
  text-align: center;
  padding: 20px 20px 0;
  margin: 0 0 .5em;
  color: #fff;
  background: #000000 url(file:///C|/Users/Barry%20Clark/images/headbg.jpg) repeat-x 0 0;
}

h2 {
  font-size: 1.1em;
  text-align: center;
}

h3 {
  margin-top: 0;
  text-align: left;
  padding-top: 1em;
  color: #4c72bd;
  font-size:.80em;
}

h4 {
  margin: .5em 0;
  color: #4c72bd;
  font-size:2.25vw!important;
}

hr {
	color: #212123;
	height: .1em;
	background-color: #212123;
	border: none;
}

.hereClass{color:#cc9b4b;}

/* Gradient transparent - color - transparent */
hr.style-two {
    border: 0;
	line-height:5px;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #f1f1f1, #aaa, #f1f1f1);
}

hr.style-three {
    border: 0;
	line-height:5px;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #f1f1f1, #aaa, #f1f1f1);
}


hr.style-four {
    border: 0;
	line-height:5px;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #003, #f1f1f1, #003);
}
hr.style-five {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #f1f1f1, #aaa, #f1f1f1);
}
hr.sub {
	color: #8b8b8b;
	height: .1em;
	background-color: #212123;
}

.hl {
  color:#003;
  font-size: inherit;
  border-width:.0em; 
  border-style:solid;
  border-color: #6F3; 
  background-color: #6F3;
}
#ubf-wholePaper .hl {background-color:#CF0;font-size:inherit;font-weight:bold;}
.HDRsub {
  color: #ffffee;
  font-size: .7em;
  font-weight: bold;
  line-height: 40px;
 }

#initialContent {
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding-left:10px;
	font-size: 14px;
	color:#aaa;
    text-align: justify;
    text-justify: inter-word;
	}

ins {
  text-decoration: none;
  color: #090;
}
.instructions {display:block;font-size:10px; color:#f00;text-align:center;margin-top:-15px;}
.ipage {
  color: #ffffee;
}

#jqlogo {
  position:absolute;
  top: 10px;
  right: 10px;
}
#jqlogo img {
  border: 0;
}

.jtHover {
	background-color: #000033;
	font-size: 1.2em;
	font-weight: 550;
}

.LetterIndex {
  text-align: center;
  color: #ffffee;
}

/* li {
  margin-top: .5em;
  margin-bottom: .5em;
} */

.NAVicon {
  font-size: .7em;
}
.navTable {clear:both; background:#fff;}

p {
  padding: 0;
  margin-top: 0;
  margin-right: 1.0em;
  margin-left: 1.0em;
  /*text-align: justify;*/
  font-size:1.0em;
}

.ParagraphStyle {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #ffffff;
  text-shadow:none!important;
}

.pTitle {font-weight:bold;margin-left:10px;}

.PaperTitle {
  font-weight: bold;
  font-size: 1.0em;
  color: #000;
    background-color: #f4f4f4;
    border: 1px solid lightgrey;
    padding: 5px;
    margin-right: 20px;
	margin-left: 20px;
}

.PaperParagraph {
	font-size:0.9em;
  	color: #000;
	text-align:justify;
}


.pediaText1 {
  color:#000;
  font-size:18px;
  font-weight: bold;
  letter-spacing: 3px;
}
.pediaText2 {
  color:#000;
  font-size:16px;
  font-weight: bold;
  letter-spacing: 3px;
}

#pediaWorldbg {
background: #F1F1F1; /* old browsers*/ 
background: -moz-linear-gradient(top, #F1F1F1 0%, #FEFEFE 50%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(50%,#FEFEFE)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#FEFEFE', GradientType=0); /* ie */
}

.PTItitle {
  margin-top: 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.1em;
  color: #000066;
}

.PTPtitle {
  margin-top: 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.1em;
  color: #ffffee;
}

.PTPsection {
  margin-top: 0;
  text-align: left;
  font-weight: bold;
  font-size: 1.1em;
  color: #ffffee;
}

.rounded {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.SectionTitle {
  margin-top: 0;
  font-weight: bold;
  font-size: 1.0em;
  color: #000;
    background-color: #f4f4f4;
    border: 1px solid lightgrey;
    padding: 5px;
    margin-right: 20px;
	margin-left: 20px;
}

.SectionStyle {
  margin-top: 0px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #ffffee;
}
.smallItalText {font-size:45%!important;font-style:italic;font-weight:normal!important;}
sup {
  color: #000033;
  font-size: .6em; 
  font-weight: normal;
  vertical-align:top;
}

.supSUM {
  color: #006;
  font-size:12px;; 
  font-weight: bold;
  vertical-align:bottom;
}

.supPTP {
  color: #fff;
  font-size:small; 
  font-weight: normal;
  vertical-align:top;
}

.sup {
  color: #cc9b4b;
  font-size:x-small; 
  vertical-align:top;
}

.tap {margin-top:-10px;font-size:11px;}
pre, code {
  font-size: 1em;
}
pre {
  padding: .5em;
  background-color: #eef;
}
#navigation {
  float: left;
  list-style-type: none;
  margin: -60px 0 0 20px;
  padding-left: 0;
}

#navigation li {
  float: left;
  margin: 5px 0;
  padding: 5px 0;
}
#navigation a {
  color: #fff;
  background: #6565c1;
  padding: 5px;
  text-decoration: none;
  border: 1px solid #fff;
}
#navigation a.active {
  color: #006;
  background: #fff;
  border: 1px solid #006;
  border-bottom: 1px solid #fff;
}
#container {
  clear: left;
  padding: .5em 20px 100px 20px;
}

.highlight {
  background: #fcc;
}
.highlighter {
  background: #ff3;
}

.TOCtd .jtTOCclass {
  color:#0645ac;
}
.rightCell {
  padding-right:20px;	
}
.SearchBox {
  color: #000066;
  font-size: 1.0em;
  height:20px;
  border-width:.01em; 
  border-style:solid;
  border-color: #000066; 
  background-color:#ffffef;
  padding: 1px;
  vertical-align: bottom;
}
.sectionAudio {height:14px!important;width:14px!important;box-shadow: 1px 1px 2px #C30;vertical-align:-15%;}

.socialIcons {	
	height:14px;
	width:14px;
	vertical-align:-8px;
}

table { border-collapse: collapse;}

table.background {
  height: 110px;
  font-weight: normal;
  text-align: center;
  padding: 20px 20px 0;
  margin: 0 0 .5em;
  color: #fff;
  background: #000033 url(file:///C|/Users/Barry%20Clark/images/headbg.jpg) repeat-x 0 0;
}

.TitleStyle {
  margin-top: 0px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #ffffee;
}

.TOChdrow {
  margin-right: auto;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
  font-size: .9em;
  color: #000;
}
.TOChdrow a{
  color: #000;
}
.TOChdrow a:hover  {
  text-decoration: none; 
  background-color: #e2e4f1; 
} 

.TOChdr {
  width: 20%;
  color: #f1f1f1;
  text-align: left;
}

.TOCidx {
  width: 90%;
  margin-top: 0px;
  padding-top: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-weight: bold;
  color: #006;
  background-color: #fffdff; 
  border-collapse:collapse;
  border-bottom: 1px solid #f0f0ff; 

-moz-box-shadow: 2px -2px 4px #999;
-webkit-box-shadow: -2px 2px 4px #999;
box-shadow: 2px -2px 4px #999;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=45, Color='#000033')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=45, Color='#000033');
}

.TOCtitle {
  margin-left: 0px;
  padding-left: 3px;
  text-align: left;
  font-weight: bold;
  font-size: 0.6em;
}

  /* * a:hover  {
	border-bottom: 1px solid #004;
text-decoration:underline; */
}
.TOCtd {
  width:50%;
  text-align: left;
  font-weight: normal;
  text-indent: 1px;
  /* line-height: 10px; */
  color: #004;
  border-left: 1px solid #d4d0c8; 
  border-right: 1px solid #d4d0c8; 
  font-size: 0.9em;
}

.TOCtd a {
  color:#000;
}
.TOCsection {
  margin-left: 0px;
  text-align: left;
  font-weight: 600;
  text-indent: 1px;
  font-size: 0.8em;
  color: #006;

}

.TOCsub {
  display: block;
  margin-top:15px;
  margin-left:20px;
  text-align: left;
  font-weight: bold;
  font-size: 1.23em;
  color: #004;
}



ul li {
  margin: .5em 0;
}

td {
  vertical-align: top;
  /* border-left: 1px solid #d4d0c8; 
  border-right: 1px solid #d4d0c8; 
  border-top: 1px solid #d4d0c8; 
  border-bottom: 1px solid #d4d0c8; */
}


.version {
  font-size: .75em;
  color:#004;
  font-weight: bold;
  font-style:italic;
}


.WBLterm {
  color: #cc9b4b;
  font-size: .9em;
  text-align: left;
  font-weight: bold;
}

.WBLkey {
  color: #ffffee;
  font-size: .9em;
  text-align: left;
  font-weight: normal;
}

.WBLdef {
  color: #e0e0e0;
  font-size: .9em;
  text-align: left;
  font-weight: normal;
}

.WBLnothing {
  color: #ffffee;
  font-size: .9em;
  text-align: left;
  font-weight: normal;
}

.WhiteText {
  color: #ffffee;
}
* -------------------------------------------------------------- */
/* ---------------------- PERFECT SCROLLBAR  -------------------- */
/* -------------------------------------------------------------- */
/*
 * Container style
 */
.ps {
  overflow: hidden!important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
/* -------------------- END OF PERFECT SCROLLBAR  ---------------- */