/* Simplified CSS, removing dependency on flamingo.css and starting afresh */

body,
html {
	margin: 0;
	font-family: "-apple-system", "Lucida Grande", "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	background-color: #fff;
	height: 98%;
	width: 100%;
}

#container {
	width: 100%;
	left: 0;
	margin: 0 auto;
}

.activelink {
	color: #2878D4 !important;
}

.ident {
	width: 10em;
	height: 10em;
}

.dwi {
	width: 12em;
	height: auto;
}

.ident_search {
	width: 8em;
	height: 8em;
}

#share {
	position: fixed;
	top: 0.5em;
	right: 1.2em;
	width: 1.4em;
	height: 1.4em;
	z-index: 90;
}

#g-search {
	max-width: 80%;
	margin: 0 auto;
	display: block;
}

/* Platform specific class definitions. These are overridden in win32.css and osx.css */

x-win32,
x-osx,
x-ios,
.win32,
.osx,
.ios {
	display: none;
}

x-hide,
.x-hide {
	display: none;
}



/* Front page ticker displayed in app */
#ticker {
	white-space: nowrap;
	margin: 0 auto;
	text-align: center;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

#ticker_wrapper {
	width: 100%;
	padding-top: 1em;
	text-align: center;
	height: 18em;
}

#ticker_left {
	position: absolute;
	left: 0.45em;
	background-image: url("../../shared/ticker_left.png");
	background-size: contain;
	width: 2.2em;
	height: 2.2em;
	top: 16.7em;
	filter: drop-shadow(3px 5px 5px #000);
}

#ticker_right {
	position: absolute;
	right: 0.45em;
	background-image: url("../../shared/ticker_right.png");
	background-size: contain;
	width: 2.2em;
	height: 2.2em;
	top: 16.7em;
	filter: drop-shadow(3px 5px 5px #000);
}

.ticker_item {
	display: inline-block;
	padding: 0;
	text-align: center;
	margin: 0 auto;
	width: 19em;
}

.ticker_thumbnail {
	max-width: 18em;
	height: auto;
	opacity: 1;
}

.ticker_thumbnail {
	border-radius: 1%;
}

.ticker_text {
	font-size: 85%;
}

.ticker_header {
	font-size: 120%;
	text-align: center;
	padding-top: 0;
	margin-bottom: 0;
}

#navigation {
	position: fixed;
	width: 16em;
	top: 0;
	bottom: 0;
	border: none;
	background: rgb(237,238,241); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237,238,241,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,238,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237,238,241,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237,238,241,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237,238,241,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237,238,241,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	-webkit-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.49);
	box-shadow: 3px 0px 8px 0px rgba(0,0,0,0.49);
	z-index: 2;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: scroll;
}

.buttons_container {
	width: 16em;
	display: block;
	height: 4em;
	position: fixed;
	bottom: 0;
	left: 0;
	background: rgb(237,238,241); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237,238,241,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,238,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237,238,241,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237,238,241,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237,238,241,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237,238,241,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.49);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.49);
	z-index: 2;
}

.buttons_container.no_language {
	height: 2.2em;
}

.language_choice {
 	left: 0.75em;
	top: 0.6em;
	display: block;
	position: absolute;
	font-size: 75% !important;
	width: 18em;
	color: #000;
}

#collapse_button,
#expand_button,
#print_button,
#share_button,
#version_button {
	width: 1.2em;
	height: 1.2em;
	display: block;
	position: absolute;
	background-image: url('../../shared/collapse_white.png');
	background-size: 1.2em 1.2em;
	background-position: top left;
	bottom: 0.5em;
}


#collapse_button {
	left: 2.5em;
}

#expand_button {
	background-image: url('../../shared/expand_white.png');
	left: 0.75em;
}

#print_button {
	background-image: url('../../shared/print2_white.png');
	left: 4.5em;
}

#share_button {
	background-image: url('../../shared/clipboard_white.png');
	left: 6.5em;
}

#version_button {
	background-image: url('../../shared/help_version_white.png');
	left: 8.5em;
}

.hide_help_viewer {
	display: none;
	visibility: hidden;
}

/* Tab classes for left menu */

.tabs input[type=radio] {
	position: absolute;
	top: -500em;
	left: -500em;
}

.tabs {
	width: 100%;
	height: 100%;
	float: left;
	list-style: none;
	list-style-position: outside;
	position: relative;
	padding: 0;
	margin: 0;
}

.tabs li {
	float: left;
}

.tabs label {
	display: block;
	background: rgba(200, 200, 200, 0.4);
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-size: 75%;
}

.tabs label:hover {
	background: rgba(120, 120, 120, 0.5);
}

[id^=tab]:checked+label {
	background: #bbb;
	color: #fff;
}

[id^=tab]:checked~[id^=tab-content] {
	display: block;
}

.tab-content {
	z-index: 1;
	display: none;
	width: 100%;
	height: auto;
	color: #000;
	position: absolute;
	margin-top: 0em;
	left: 0;
	box-sizing: border-box;
}

/* Stop Windows search results from appearing in large font size */

.searchresults {
	font-size: 80%;
}

#search {
	font-size: 70%;
	display: inline;
}

.search-form {
	width: 80%;
	padding-left: 1em;
	padding-top: 0.7em;
}

.search-buttons {
	padding-top: 0.25em;
	float: right;
	margin-right: -0.5em;
}

.search {
	width: 100% !important;
}

#search-results {
	margin-left: -3em;
	font-size: 65%;
	padding-top: 3.5em;
	padding-right: 1em;
	padding-bottom: 8em;
}

#search-results li {
	float: none;
	padding-bottom: 0.25em;
}

#search-results a {
	font-weight: bold;
}

#search-results p {
	margin-top: 0.25em;
	margin-bottom: 1em;
}

.search-paragraph {
	font-weight: normal;
	text-decoration: none !important;
}

.search-paragraph:hover {
	text-decoration: none !important;
}

#fav {
	font-size: 65%;
	display: inline;
}

#fav-list {
	margin-left: -2em;
	padding-top: 0.8em;
	padding-right: 1em;
}

#fav-list li {
	float: none;
	padding-bottom: 0.25em;
}

.fav-delete-button {
	background-image: url('../../shared/fav_delete_white.png');
	background-size: 0.6em 0.7em;
	background-position: top left;
	width: 0.6em;
	height: 0.7em;
	position: absolute;
	left: 0.8em;
	margin-top: 0.25em;
}

#fav-add-button {
	background-image: url('../../shared/fav_add_white.png');
	background-size: 0.7em 0.7em;
	background-position: top left;
	width: 0.7em;
	height: 0.7em;
	display: block;
/* 	position: absolute; */
/* 	left: 12em; */
	position: relative;
	left: 0.4em;
	top: 0.3em;
}

#fav-clear-button {
	margin-left: 0.5em;
	margin-top: 0.5em;
}

#fav-add-button:active {
	opacity: 0.2;
	background-size: 0.8em 0.8em;
	width: 0.8em;
	height: 0.8em;
/* 	top: 0.29em; */
}

#topics {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 1%;
	left: 17em;
	z-index: 1;
	padding: 0;
	margin: 0;
	width: calc(100% - 17em);
	width: -webkit-calc(100% - 17em);
}

.offcanvas_topic,
offcanvas_menu {
	display: none;
}

#menu {
	padding-right: 2em;
	margin-left: -3.5em;
	padding-top: 0.65em;
	padding-bottom: 7em;
	font-size: 60%;
	line-height: 2em;
}

#menu li {
	float: none;
}

iframe {
	border: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch !important;
	}

li {
	list-style-type: none;
}

.caret li {
	list-style-type: none;
	font-weight: bold;
}

.caret li a {
	background-image: url('../../shared/caret.png');
	background-repeat: no-repeat;
	background-position: 0 0.42em;
	padding-left: 1.25em;
	margin-left: 0em;
	background-size: 1.1em 1.1em;
}

.nocaret li,
.nosubcaret {
	list-style-type: circle !important;
	background-image: none !important;
	padding-left: 0;
	margin-left: -0.5em;
	font-weight: normal;
}

.nocaret li a {
	padding-left: 0em;
}

.mlink {
	list-style-type: circle !important;
	background-image: none !important;
	padding-left: 0;
	font-weight: normal;
}

.subcaret li:not(.nosubcaret) {
	margin-left: -2.1em !important;
}

.nosubcaret .mlink {
	padding-left: 0 !important;
}

.subcaret .book {
	background-image: url('../../shared/caret.png') !important;
	background-repeat: no-repeat !important;
	background-position: 0 0.42em !important;
	background-size: 1.1em 1.1em !important;
}

.subcaret li > a.book.selected {
	background-image: url('../../shared/caret_down.png') !important;
}

.subcaret li ul li .book {
	background-image: url('../../shared/caret.png') !important;
}

.selected {
	background-image: url('../../shared/caret_down.png') !important;
	background-repeat: no-repeat;
	background-position: 0 0.42em;
	padding-left: 1.5em;
	margin-left: 0em;
	background-size: 1.1em 1.1em;
	font-weight: bold;
}

a:link,
a:visited {
	text-decoration: none;
	color: #000;
	-webkit-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}

a:hover,
a:active {
	color: #111;
	-webkit-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}

#menu a:hover,
#menu a:active {
	text-decoration: underline;
}

.collapse a:link,
a:visited,
a:hover,
a:active {
	display: block;
}

.book a:link,
.book a:visited {
	color: #4e4e4e;
}

image {
	border: none;
}

img {
	border: none;
}

.toc_hide {
	display: none;
}

@keyframes fadeUp {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.centre {
	top: 2em;
	text-align: center;
	display: block;
	animation: fadeUp ease-in 1;
	animation-fill-mode: forwards;
	animation-duration: 0.6s;
	animation-delay: 0;
}

#search-results a:hover {
	text-decoration: none;
}

.searchentry {
	display: block;
	transition: background-color 0.05s ease-in-out;
	padding-top: 0.01em;
	padding-bottom: 0.01em;
	padding-left: 0.2em;
}

.searchentry p {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

.searchentry:hover {
	background-color: rgba(150,195,255,0.1);
}

.search_head {
	font-weight: bold;
	display: block;
}

.search_desc {
	font-weight: normal;
	display: block;
	font-size: 90%;
	margin-top: -0.5em;
}

.h1in {
	font-size: 150%;
}

.bottom1 {
	font-size: 75%;
	color: #555;
}

.bottom2 {
	font-size: 70%;
	display: block;
	bottom: 1em;
	left: 0;
	right: 0;
	position: absolute;
}

.gsc-thumbnail-inside {
	padding: 0 !important;
}

.gs-result .gs-title,
.gs-result .gs-title * {
	font-family: "-apple-system", "Lucida Grande", "Segoe UI", Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
}

.gs-result .gs-title {}

@media screen and (max-width: 56em) {
	.offcanvas_icon {
		width: 1.4em;
		height: 1.4em;
		display: block;
		position: absolute;
		background-image: url('../../shared/icon_menu_white.png');
		background-size: 1.4em 1.4em;
		background-position: top left;
		left: 0.5em;
		top: 0.5em;
		z-index: 99;
	}

	#fav-add-button {
/* 		left: 12.7em; */
		left: 0.4em;
/* 		top: 2.72em; */
	}

	.buttons_container,
	.buttons_container.no_language {
		width: 18em;
	}

	.tabs {
		padding-top: 1.25em;
		padding-left: 0.5em;
	}

	#navigation {
		display: none;
		width: 0;
	}

	#navigation:target {
		display: block;
		width: 18em;
	}

	#topics {
		margin: 0 auto !important;
		width: 100%;
		padding-top: 1.5em;
		padding-bottom: 2.5em;
		left: 0;
	}

	#menu {
		padding-top: 1em;
	}

	.offcanvas_topic,
	.offcanvas_menu {
		display: block;
		width: 99%;
		height: 1.2em;
		overflow: hidden;
	}

	iframe {
		margin: 0 auto !important;
		display: block;
	}

	.bottom2 {
		position: relative;
		bottom: 0;
	}
}

@media screen and (max-width: 48em) {
	.centre {
		padding-top: 1em;
	}
}

@media screen and (max-height: 50em) {
	.bottom2 {
		position: relative;
		bottom: 1em;
	}

	#fav-add-button {
/* 		left: 12.25em; */
		left: 0.4em;
/* 		top: 0.3em; */
	}
}

/* Make look nice for phones */

@media screen and (max-width: 40em) {
	.centre {
		width: 90%;
		margin: 0 auto;
	}

	#g-search {
		max-width: 100%;
		width: 100%;
	}

	#navigation:target {
		display: block;
		width: 100%;
	}

	.offcanvas_icon {
		width: 1.5em;
		height: 1.5em;
		background-size: 1.5em 1.5em;
	}

	#menu {
		padding-top: 1em;
		font-size: 70%;
		margin-left: -2.8em;
	}

	.buttons_container,
	.buttons_container.no_language {
		width: 100%;
		height: 2.5em;
	}

	.language_choice {
		left: 0.5em;
		top: 0.6em;
		font-size: 70% !important;
		height: 2.2em;
	}

	#collapse_button,
	#expand_button,
	#print_button,
	#share_button,
	#version_button {
		width: 1.2em;
		height: 1.2em;
		display: block;
		background-size: 1.2em 1.2em;
		bottom: 0.65em;
		left: auto;
	}

	#collapse_button {
		right: 1em;
	}

	#expand_button {
		right: 3em;
	}

	#share_button {
		right: 5em;
	}

	#print_button {
		right: 7em;
	}

	#version_button {
		right: 9em;
	}

	.tabs {
		padding-top: 2em;
		padding-left: 0.5em;
	}

	#search {
		font-size: 70%;
		display: inline;
	}

	.search {
		font-size: 120%;
	}

	.search-form {
		width: 80%;
	}

	.search-buttons {
		font-size: 120%;
	}

	#search-results {
		font-size: 70%;
		margin-left: -2.5em;
		padding-right: 2.5em;
	}

	#fav-list {
		margin-left: -1.3em;
		padding-top: 1.2em;
		padding-right: 1em;
		font-size: 110%;
	}

	#fav-add-button {
/* 		left: 13em; */
		left: 0.4em;
/* 		top: 3.5em; */
	}

	.fav-delete-button {
		background-size: 0.7em 0.7em;
		background-position: top left;
		width: 0.7em;
		height: 0.7em;
		position: absolute;
		left: 0.8em;
		margin-top: 0.27em;
	}
}

@media screen and (max-width: 30em) {
	.language_choice {
		top: 0.35em;
		font-size: 70% !important;
		height: 2.8em;
	}

	.tabs label {
		font-size: 90%;
	}

	#collapse_button,
	#expand_button,
	#print_button,
	#share_button,
	#version_button {
		display: block;
		left: auto;
	}

	#collapse_button {
		right: 1.5em;
	}

	#expand_button {
		right: 3.5em;
	}

	#share_button {
		right: 5.7em;
	}

	#print_button {
		right: 7.7em;
	}
	
	#version_button {
		right: 9.7em;
	}

	.search {
		font-size: 120%;
		width: 100%;
	}

	.search-buttons {
		font-size: 120%;
	}

	#fav-clear-button {
		font-size: 120%;
	}

	#fav-add-button {
/* 		left: 15em; */
		left: 0.4em;
/* 		top: 3.55em; */
	}
}

@media screen and (max-width: 23em) {
	.language_choice {
		top: 0.7em;
		font-size: 70% !important;
		height: 2.25em;
		width: 12em;
	}
}

/* Print layout */

@media print {
	#navigation {
		display: none !important;
		width: 0 !important;
	}

	#container {
		height: auto !important;
		width: 100% !important;
		margin: 0px auto !important;
		padding: 0 !important;
	}

	#topics {
		width: 97% !important;
		height: 100% !important;
		padding: 0.5em !important;
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
	}

	.centre {
		padding-top: 0px !important;
		text-align: center !important;
	}

	.offcanvas_topic {
		display: none !important;
	}
}