body {
	/* Global font family */
	font: 16px/1.5 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; /* 16px/20px */
	font-weight: 300;
	color: #444;
}

strong {
    font-weight: 500;
}

/* page loading spinner background */
#spinner {
	background-color: rgb(128, 128, 128);
}

/*
1. applies to page-flip (BookBlock) content container
2. applies to primary page content containers
3. applies to prev/next nav button callouts
4. applies to flyout menu
*/
.bb-content, /* 1 */
.bb-item, /* 1 */
#acf-pages div[data-index], /* 2 */
#acf-pages div.main-container, /* 2 */
div.acf-nav-callout, /* 3 */
#acf-flyout /* 4 */
{
	color: #444;
}

.bb-content, /* 1 */
.bb-item, /* 1 */
#acf-pages div[data-index], /* 2 */
#acf-pages div.main-container, /* 2 */
div.acf-nav-callout /* 3 */
{
	background-color: #fff;
}

#acf-flyout { /* 4 */
	min-width: 210px;
}

/* flyout - header bottom border */
#acf-flyout > header {
	background-color: #fff;
    border-bottom: 1px solid #c3c3c3;
}

/* flyout - header image */
#acf-flyout > header img {
	height: 40px;
}

/* flyout - list item */
#acf-flyout nav li {
	border: 1px solid transparent;
}

#acf-flyout nav li:first-child:not(.heading) {
    margin-top: 5px;
}

/* flyout - list item on hover */
.touch #acf-flyout nav li:not(.active):not(.tbd)[data-id][data-href],
.no-touch #acf-flyout nav li:not(.active):not(.tbd)[data-id][data-href]:hover {
	color: #0077c9;
}

.no-touch #acf-flyout nav li:not(.active):not(.tbd)[data-id][data-href]:hover {
	border-color: #bbb;
}

/* flyout - footer top border */
#acf-flyout footer {
    border-top: 1px solid #c3c3c3;
}

/* flyout - section hover */
/* applies to flyout group section headers */
#acf-flyout nav header
{
/*	background-color: #edeff0;*/
}

/* applies to topic list placed in primary page content container */
nav.topics-list
{
	background-color: #f8f8f8;
}

/* applies to section header placed in <main> page content container */
main.acf header.sectionTitle {
    border-bottom-color: #aaa;
}

/* applies to topics list heading placed in <main> page content container */
main.acf nav.topics-list > ul > li:first-child {
	color: #888;
}

/* default style for primary navigation buttons */
#acf-flyout-button,
#acf-scrolltop-button,
#acf-pin-button {
	background-color: rgba(128, 128, 128, 0.5);
}

.no-touch #acf-flyout-button:hover,
.no-touch #acf-scrolltop-button:hover,
.no-touch #acf-pin-button:hover {
	background-color: rgba(100, 100, 100, 0.8);
}

/* default style for prev/next/topics navigation elements */
#acf-topics-button,
#acf-prev-button,
#acf-next-button,
footer.acf div.prev-page div.container,
footer.acf div.next-page div.container {
	background-color: rgb(128, 128, 128, 0.5);
}

/* links and more (hidden text) elements */
a,
a:link,
a:active,
a:visited,
span.more {
	color: #4eb0f4;
}

/* primary system button style */

li.system-button,
div.system-button {
	background-color: #0077c9;
	border-color: #0077c9;
}

li.system-button a,
li.system-button a:link,
li.system-button a:active,
li.system-button a:visited,
div.system-button a,
div.system-button a:link,
div.system-button a:active,
div.system-button a:visited {
	color: #fff;
}

/* secondary button styles */

li.system-button.secondary,
div.system-button.secondary {
	background-color: transparent;
}

li.system-button.secondary a,
div.system-button.secondary a {
	color: #0077c9;
}

/* primary system button hover styles */

.no-touch li.system-button:hover a,
.no-touch div.system-button:hover a,
.no-touch li.system-button a:hover,
.no-touch div.system-button a:hover {
	color: #fff;
}

/* secondary system button hover styles */

.no-touch li.system-button.secondary:hover,
.no-touch div.system-button.secondary:hover {
	background-color: #0077c9;
}

.no-touch li.system-button.secondary a:hover,
.no-touch div.system-button.secondary a:hover {
	color: #fff;
}

/* disabled system button styles */

li.system-button.disabled,
div.system-button.disabled {
	background-color: transparent;
	border-color: #ddd;
}

li.system-button.disabled a,
div.system-button.disabled a {
	color: #ddd;
}

/* disabled system button hover styles */

.no-touch li.system-button.disabled:hover,
.no-touch div.system-button.disabled:hover {
	background-color: transparent;
}

.no-touch li.system-button.disabled:hover a,
.no-touch div.system-button.disabled:hover a,
.no-touch li.system-button.disabled a:hover,
.no-touch div.system-button.disabled a:hover {
	color: #ddd;
}

/* applies to page-flip (BookBlock) content containers with dark backgrounds */
.bb-overlay {
	background-color: rgba(0, 0, 0, 0.7);
}
.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.2);
}