body, html {        
	background-color: #fafafa;
	color: #555555;
	overflow: hidden;    
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;  
	}
	
/* Pretty scrollbars for Webkit browsers */
 /* width */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar:horizontal {
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f5f5f5;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #858585;
}

/* General links */
	a { color: #555555; text-decoration: none;  }
	a:visited {color: #555555;}
	a:hover { color: #555555; text-decoration: underline; }

/* TOC LIST CSS */
	#toc    { margin: 0; padding: 0; } /* General margin of the TOC (root entry) */
	#toc li { 
		margin:  0 0 0 0; 
		padding: 0 0 0 0; 
		background-position: 3px 1px !important; 
		background-size: 10px 10px !important;
		background-repeat: no-repeat;
		vertical-align: bottom;
		} 
	#toc li span {
		padding: 2px 0px;
		margin-left: -20px; /* Position of title related to icon */
		}
	/* Vertical spacing between TOC items */
	#toc ul { 
		margin: 3px 0 0 3px; 
		padding: 0; 
		vertical-align: bottom; } 
/* TOC LIST CSS */

div#hmtocheader {
	position: absolute; 
	top: 10px; left: 10px; right: 18px;
	}
div#hmtocbody {
	position: absolute;
	background-color: #fafafa;
	top: 85px; left: 7px; right: 0; bottom: 35px;
	overflow-y: auto;
	border-style: solid;
	border-color: silver;
	border-width: 1px 0 1px 0;
	padding-top: 7px;
	margin-right: 2px;
	/* Pretty scrollbar for Firefox */
	scrollbar-color: #a1a1a1 #f5f5f5;
	scrollbar-width: thin;
	}
div#tree {
	overflow-y: hidden;
	}
div#hmtocfooter {
	position: absolute;
	bottom: 0; left: 8px; right: 8px;
	background-color: transparent;
	}
div#hmtocfooter p {
	font-size: 0.7em; 
	text-align: center;
	margin-bottom: 5px;   
	color: #555555;
	}
.navtitle {
	font-size: 10pt;
	margin-bottom: 10px;
	/*line-height: 98%;*/
	color: #555555
	}
.navsubtitle { 
	display: none; 
	font-size: 10pt; 
	color: #555555;
	padding: 0;
	margin: -8px 0 0 0;
	}
.nojstitle { font-size: 10pt; white-space: nowrap; margin-top: -8px; }
.nojstitle a { color: black; text-decoration: none; }
.nojstitle a:visited {color: black;}
.nojstitle a:hover {text-decoration: underline; }
li.heading1 {background-position: 1px 1px !important;}
.heading1 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; text-decoration: none; }
.heading2 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; text-decoration: none; }
.heading3 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; text-decoration: none; }
.heading4 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; text-decoration: none; }
.heading5 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; text-decoration: none; }
.heading6 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; text-decoration: none; }

.hilight1 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; border: 1px dashed #555555; text-decoration: none; }
.hilight2 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; border: 1px dashed #555555; text-decoration: none; }
.hilight3 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; border: 1px dashed #555555; text-decoration: none; }
.hilight4 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; border: 1px dashed #555555; text-decoration: none; }
.hilight5 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; border: 1px dashed #555555; text-decoration: none; }
.hilight6 { font-family: Arial,Helvetica; font-weight: normal; font-size: 10pt; color: #555555; border: 1px dashed #555555; text-decoration: none; }