:root {
	--c8_lime: #a6ce39;
	--c8_magenta: #ec008c;
	--c8_magenta_darker: #d0007b;
	--c8_orange: #f68b33;
	--c8_sky: #28c0da;
	--c8_ink: #06234b;
	--c9_light_blue: #0668c5;
	--c9_very_light_blue: #c6d9f1;
	--nav_background: #eaeaea;
	--nav_background-darker: #d2d2d2;
	--nav_text: white;
	--c9table02_header_background: #4f81bd;
}
#nsa-box {
	height: 66px;
	background-color: var(--nav_background-darker);
}
#hs-header-m #hs-menu span {
	background-color: var(--c8_ink);
}
#hs-content-h,
#hs-content-m {
	background: #f7f7f7;
}

#hs-title-h,
#hs-title-m {
	color: var(--c9_light_blue);
	margin: 0 auto;
	font-family: "Calibri", "Tahoma", "Verdana", "sans-serif";
	font-size: 40px;
	font-weight: 500;
}

@media only screen and (max-width: 770px) {
	#hs-title-m {
		font-size: 16px;
	}
}
#nsa-box > div > table > tbody > tr > td.cell0 > h1 {
	margin-top: 0;
	text-align: center;
}

#nsa-box > div > table > tbody > tr > td.cell0 > h1 > span {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 24px;
	font-weight: 500;
	color: var(--c9_light_blue);
}
#nsa-box > div > table > tbody > tr > td.cell1 > h1 {
	margin-top: 6px;
}
#nav-tabs {
	height: 66px;
	background-color: var(--nav_background);
	border-bottom-style: none;
}

#nav-tabs li {
	background-color: var(--nav_background);
}

#nav-tabs li:hover:not(.hstabs-active) {
	border-color: #111;
	background: none 0 0 #eee;
}

#nav-tabs li.hstabs-active {
	border-color: var(--nav_background);
	background: none 0 0 #d2d2d2;
}

#tabs-panels {
	min-width:295px;
}
#tabs-panels .hstabs-panel {
	background-color: #757575;
}

#tabs-panels .text-label {
	color: var(--nav_text);
}

#tabs-panels .hstree-node > a {
	color: var(--nav_text);

}
#tabs-panels .hstree-node-title {
	text-wrap: nowrap;
}

#kwd-search,
#search-box input#squery {
	background-color: var(--nav_text);
}
#kwd-search-box > label,
#search-form > label {
	font-weight: bold;
	font-style: italic;
}
#search-result span.se-message {
	color: var(--nav_text);
}
#search-result-tree li.hstree-node.visited-topic > a {
	color: var(--nav_text);
}
#tabs-panels .hstree-node > a:focus {
	color: var(--nav_text);
	background: transparent;
}

#tabs-panels .hstree-node.hstree-active > a,
#search-result-tree .hstree-root li.hstree-node.hstree-active > a,
#index-tree li.hstree-node.hstree-active > a {
	color: var(--nav_text);
	background: #33b4d3;
	border: 1px solid white;
}

#tabs-panels .hstree-node > a:hover {
	color: cyan;
	text-decoration: none;
}

#tabs-panels .hstree-node-icon {
	display: none;
}

#tabs-panels a {
	height: 24px;
}

#tabs-panels .hs-icons a > .hstree-node-icon {
	display: none;
}

/* #toc-tree .hstree-node > a:focus { */
/* background-color:inherit; */
/* } */

#hs-toc-panel > ul > li a > div.hstree-node-btn i::before {
	color: cyan;
}

#sa-box {
	margin-top: 10px;
}

#sa-box table {
	width: 100%;
	height: auto;
}

#sa-box img {
	max-width: 100%;
	height: auto;
}

#sa-box p.c8bullets,
#sa-box p.c9bullets {
	margin-bottom: 0;
}
#sa-box .c8bullets img,
#sa-box .c9bullets img {
	width: unset;
	vertical-align: baseline;
}
#sa-box h2 {
	margin-top: 10px;
}
#content-box > h1:nth-child(1) {
	margin-top: 0;
}
/* JQueryUI overrides */
.ui-widget {
	font-family: "Calibri", "Tahoma", "Verdana", "sans-serif";
}

.ui-tooltip.ui-widget {
	border: 1px solid;
	border-color: #db0182;
	border-radius: 5px;
	color: #64912d;
}
.ui-tooltip.ui-widget-shadow {
	box-shadow: none;
}
/* notes */
[class*="c9note"] {
	border-color: #63331c;
	border-style: solid;
	border-width: 1px;
	background: #fffacd;
	padding: 5px 2px 5px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 14px;
	& :nth-child(2) {
		/* spacing between image and text */
		width: 10px !important;
	}
}

#sa-box [class*="c9note"] img {
	width: unset;
	height: unset;
	vertical-align: text-bottom;
}
/* tables */

/*Most table styling is done in the Word Processor with table styles. */
.c9tableAside {
	background-color: aliceblue;
}
