/*  -------------------------------------- */
/*  Urantia Book Glossary App BASIC STYLES */
/*  -------------------------------------- */

body {
  font-family: Helvetica, Verdana, sans-serif;
  margin: 0px; background:#fff;
}

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

.alignLeft {text-align:left;}

.alignCenter {text-align:center;}

.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;
}


.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;
}

#chkBox {text-align: right;font-size:13px;white-space:nowrap;text-align:right;}


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

#GPbody { margin:10px; font-size:.80em;}

#GP_Body {
  float: left;
  margin:20px 30px 20px 20px;
  color: #999;
  height: 100%;
  /*text-align: justify;
  text-justify: inter-word;*/
}
#GPbox {
  font-size:14px;
  color: #001c55;
  border: 1px solid #ccc; 
  margin:10px;
  padding: 10px;
  background-color:#f0f0f0;
  word-wrap: normal;
  text-align:center;
}


.GPboxPro {font-size:13px;}

#GP_Bar {
  float: left;
  text-align: left;
  width: 19.5%;
 /*  min-width:125px; */
}
.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 span, div#navmenu ul li a:visited span {
display: block; float: left; margin: 0; padding: 0 0 0 30px;
height: 30px; line-height: 30px;
color: #ffffff;
} REMOVING THIS DEFINITION RESTORED NORMAL MOUSEOVER (hand presence - WEIRD)*/


/* div#navmenu ul li a span span, div#navmenu ul li a:visited span span {
display: block; float: left; margin: 0; padding: 0 30px 0 0;
height: 30px; line-height: 30px;
color: #ffffff;
} */



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(../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:99%;
  text-align:center;
  height: auto;
  font-size: .9em;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  color: #006;
  padding: 5px;
  background-color:#fefefe;
}

DIV.Footer {

  left: 0px;
  float: center;
  align: center;
  width:75%;
  color: #006;
  font-size: .8em; 
  text-align:left;
  border-width:.01em; 
  border-style:solid;
  border-color: #f1f1f1;
  margin: 0px auto -1px auto;  
  padding-right:20px;
  padding-left:20px;
  padding-top:10px; 
  padding-bottom:10px;

}

DIV.GLF_Footer {
  left: 0px;
  float: center;
  align: center;
  clear: both;
  width:95%;
  color: #aaa;
  font-size: .7em; 
  text-align:left;
  border-width:.01em; 
  border-style:solid;
  border-color: #e9e7e3;
  margin: 0px auto -1px auto;  
  padding-right:20px;
  padding-left:20px;
  padding-top:10px; 
  padding-bottom:10px;
}

DIV.GLF_Footer a {
  color: #e9e7e3;
}


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

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;
}

hr.fadingHr{margin:5px 0 10px 0!important;height: 1px;border:none; width:95%;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(50%,#0a2472), color-stop(100%,transparent)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, transparent 0%,#0a2472 50%,transparent 100%); /* Chrome10+, Safari5.1+ */
background: -moz-linear-gradient(left, transparent 0%,#0a2472 50%,transparent 100%);    /* FF3.6+ */
background: linear-gradient(to left, transparent 0%,#0a2472 50%,transparent 100%);      /* W3C */
}
hr.fadingHr1{margin:5px 0px!important;height: 1px;border:none; width:95%;
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 */
}

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

.BiggerMargin { margin: 10px 2px 0 2px;}

.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;
}

.fullListing {display: block;text-align:center;}

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

.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: bold!important;
  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-nav {
  background:#d8d8d8;
  border-width:1px; 
  border-style:dotted;
  border-color: #b8b8b8; 
  }

.GFF-navText {color:#006;font-weight:bold;}

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

.GLF-part {
  color: #a49894;
  font-size: .85em;
  text-align: left;
  font-weight: bold;
}

.GLF-part-hdr {
  color: #a49894;
  font-size: 0.8em;
  display:block;
  text-align: center;
  font-weight: bold;
}
.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;
}

.GLFwhite {
  color: #ffffee;
}

.GLFgrey {
  color: grey;
}

.glossaryEntry {background:#f1f1f1;display:block;line-height:12px;font-size:.9em; }

.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;
}

.GPhdr1 {display:inline-block; margin-top:-20px;font-size:18px!important;color:#fff;letter-spacing:3px;}
.GPhdr2 {font-size:22px!important;font-weight:bold;}

.gpmenu{
margin: 2px 0;
padding: 0;
width: 100%; /*width of menu*/
border: 1px solid #CCC;
height: auto;
}

.gpmenu div.blueheader a{
font: normal 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #006;
display: block;
text-align: center;
font-weight: normal;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.gpmenu div.blueheader a:visited, .gpmenu div.blueheader a:active{
color: #006;
}

.gpmenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
text-align: left;
padding: 2px;
height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.GPtip {display:block;font-size:.65em;text-align:center;margin-top:7px;}
.GPtipText {display:inline-block;vertical-align:40%}
.GPinfoIMG {width:20px!important; height:20px;}

.GP-highlight {
  color: #cc9b4b;
  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;
}

.GPtotals, .GPtotalsWhite {
  display:block;
  margin-top:6px;
  line-height: 2.0em;
  text-align: center;
  font-weight: normal;
  font-size: .60em;
  color: #006;
}

.GPtotalsWhite { color: #fff!important;letter-spacing:1px;margin-top:0px!important;}

.GUB-body {
  color: #000077;
  font-weight: normal;
  background: url(../images/bg01.gif) repeat-x 0 0;
}

#gubHeader {padding:10px 0 10px 0;width:95%!important;text-align:center;background:url(../images/omniBG.png);margin:10px auto 0 auto!important;}
#gubNav {width:95%!important;text-align:center;margin:0px auto 0 auto!important;padding:3px 0 3px 0!important;}

#infoTip {width:90%; margin:0 auto 0 auto;}

.ubf-GUBlink {width:15%;padding:3px!important;}
.ubf-GUBlink a {color:#d0b53e;}
.ubf-GUBlink a:hover {color:#f1f1f1;}
.ubf-TableNav {font-size:12px;color:#fff;background:#0c1620;vertical-align:-50%;}

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

.GUBhilite {
  background: #ffffdd;
}

.GUBlink {color:#0a2472!important; font-weight:bold;}

.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(../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: #fff;
}

h4 {
  margin: .5em 0;
}

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: #000033;
  font-size: .9em;
  border-width:.01em; 
  border-style:solid;
  border-color:#FF0; 
  background-color:#FF0;
}

.hla {
  color: #000033;
  background-color: yellow;
}

.HDRsub {
  color: #ffffee;
  font-size: .7em;
  font-weight: bold;
  line-height: 40px;
 }

html, body {    
   height: 100%; 
}

.html, .jquery {
  margin-top: .5em;
  color: #900;
  cursor: pointer;
  font-size: .9em;
  width: 8.5em;
}

img { border: none;}

#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;  margin-left:auto; margin-right: auto;}

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: #ffffee;
}

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

#paperDiv {width:85%;margin:0 auto 0 auto!important;}
.PaperTitle {
  font-weight: bold;
  font-size: 1.2em;
  color: #000;
    background-color: #f4f4f4;
    border: 1px solid lightgrey;
    padding: 5px;
    margin: 20px auto 20px auto!important;
	padding: 10px 0px!important;
	width:80%
}

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

.PaperSection {
	font-size:1.0em;
  	color:#000077;
	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 {
	width:10%;
	max-width: 5%;
	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;
}

.qTip40:hover {background:#FF9;}
/* .qTip40m:hover {background:#6CF;} */

.qTipE {font-size: 1.2em;}
.qTipE-Hdr {font-size:12px;text-align:center;margin:3px 8px 10px 8px;background:#fff;color:#001c55;border-radius: 3px;}
.qTipT-Hdr {font-size:13px;text-align:center;margin:3px 8px 10px 8px;background:#fff;color:#001c55;border-radius: 3px;}

.qTipE {font-size:12px;}
a .qTipEcss {color:#cc9b4b;}
a .qTipEcssH {color:rgb(204,255,51);}



.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;
}

sup {
  color: #000033;
  font-size: .6em; 
  font-weight: normal;
  vertical-align:top;
}

.supColor {color:#6f3;}

.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;
}

.tagTERM {color:#001c55;text-decoration: underline; text-decoration-color:#565656;}

.tap {font-size:11px;text-align:left;padding-top:4px;}
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;
}

td#pediaHdr {width:100%!important;color:#fff`/*background:url(../images/hdrBG.png);*/
background:#9FF;
padding-bottom:7px;background-size:cover;background-size: 100vw 100vh;}

.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;
}

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

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(../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;
}

.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;
    font-size: 0.8em; */
  text-indent: 1px;
  color: #006;

}

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



ul li {
  margin: .5em 0;
}

.sectionAudio {width:16px; height:16px;}

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

.ubf-center {display:block;text-align:center!important;}
.ubf-fontNormal {font-weight:normal;font-size:11px;}
.ubf-indent {margin-left:10px;}
.ubf-Table {display:table;}
.ubf-TableCell {display:table-cell;padding:0px!important;margin:0px!important;}
.ubf-TableRow {display:table-row;padding:0px!important;margin:0px!important;}
.ubf-underline {text-decoration:underline;}
.ubf-occurs {font-size:12px;}

.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;
}


  /* ------------------------------------------------------------------------- */
/*                     TOOLTIPSTER STYLING OVERRIDES                             */
  /* ------------------------------------------------------------------------- */
.tooltipster-sidetip .tooltipster-content{padding:0px 0px 6px 0px!important;}
.tooltipster-box{margin-right:0px!important;margin-left:0px!important;}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:1px;border-style:solid;border-color:#0045e0;border-radius:5px;background:#001a54;box-shadow: 0 0 10px 6px #70c6f8 ; } /* All the borders by using the spread properties */

.tooltipster-box{max-width:300px;min-width:200px;}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#fff}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}
/* END   TOOLTIPSTER THEME FOR THE About Tooltip    */


/* -------------------------------------------------------------- */
/* -----------             MEDIA QUERIES         ---------------- */
/* -------------------------------------------------------------- */

@media all and (min-width:1200px){  						/*  DESKTOP  */
}

@media all and (min-width: 960px) and (max-width: 1199px) { /*  LARGEST MOBILE SCREENS   */
.glossaryEntry {font-size:90%!important;}
}

@media all and (min-width: 768px) and (max-width: 959px)  { /*  MEDIUM SIZED MOBILE SCREENS   */
.glossaryEntry {font-size:80%!important;}

}

@media all and (min-width: 601px) and (max-width: 767px) {  /*  SMALL TABLETS  */
.GPhdr1 {font-size:85%!important;}

.glossaryEntry {font-size:75%!important;}
.glossaryEntry, .GLF-defRefs,.GLF-partHdr {font-size:75%!important;}
.GLF-partRefs {font-size:100%!important;}
}

@media (max-width: 600px) {									/*  SMALLer TABLETS  */
#pediaWorldbg {display:none!important;}	
td#pediaHdr {width:100%!important;font-size:75%;}
.PaperTitle {font-size: 1.1em;}
.sectionAudio {width:16px; height:16px;}
.tocTitle2 {font-size:90%!important;}
.GPhdr1 {font-size:75%!important;}
.GPtotals {font-size:.5em!important;}
}

@media all and (min-width: 521px) and (max-width: 599px) {   /*  MID_SIZE SMART PHONES  */
#GPbox {font-size:80%!important;}

.GPhdr1 {font-size:90%!important;}
.glossaryEntry {font-size:70%!important;}
.GIP_startMsg {font-size:70%!important;}
.glossaryEntry, .GLF-defRefs,.GLF-partHdr {font-size:70%!important;}
.GLF-partRefs {font-size:100%!important;}
}

@media all and (max-width: 520px)	{     					/*  OLDEST SMART PHONES  */
#GPbox {font-size:75%!important;}

.GPhdr1 {font-size:70%!important;}
.GPhdr2 {font-size:130%!important;}
.GIP_startMsg {font-size:60%!important;}
.GPtotals {font-size:50%!important;}
.glossaryEntry, .GLF-defRefs,.GLF-partHdr {font-size:60%!important;}
.GLF-partRefs {font-size:90%!important;}
h3 #ubf-titleUB .ubf-titleUB {font-size:40%!important;}
}

/* ----------- END OF MEDIA QUERIES FOR MOBILE DEVICES  ---------------- */