/* Colour scheme 
 * 
 * Black (Tablet/Phone sidebar): 			#474641
 * Pure black:								#000000
 * Blue: 									#0079ac
 * Light Blue: 								#59caff
 * White: 									#ffffff
 * Light grey: 								#dcd7d2
 * Light grey 2:							#f1ede9
 * Light grey 3:							#cfcbc6
 * Light grey 4:							#a99f95
 * Light grey 5:							#e0dcd7
 * Dark grey:								#474641
 * Dark grey 2:								#363530
 *
 */

/****** Global settings (all devices) ******/
body {
	font-size: 100%;/* 1em = 16px */
	font-family: "Century Gothic", Arial, sans-serif;
	font-family: "Century Gothic", Arial, sans-serif;
	margin: 0;
	padding: 0;
	min-width: 250px;
	color: #363530;
	background-color: #dcd7d2;
}
div.content {
	background-color: #ffffff;
}
div.header {
	background-color: #0079ac;
	z-index: 5;
}
div.title {
	color: #ffffff;
}
div.content_top_link {/* Holds back to top link: Desktop only. */
	display: none;
	position: fixed;
	right: 2em;
	bottom: 1em;
	height: 1em;
}
div.content_top_link a {
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	background-image: url(to_top.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	padding-left: 25px;
	color: #0079ac;
}
div.content_top_link a:hover,
div.content_top_link a:active {
	text-decoration: none !important;
}
div.header a {
	text-decoration: inherit;
}
div.sidebar a,
div.desktop_functionholder a,
div.searchfieldholdermobile a,
div.wSearchResults a,
div.mobile_browseholder a,
div.buttonbar a {
	color: inherit;
	text-decoration: inherit;
}
a.homelink {
	border: none;
	text-decoration: none;
	color: #ffffff;
	font-family: "Arial Black", Arial, sans-serif;
	font-weight: 900;/* Force FF to use Arial Black instead of Arial */
	display: block;
	height: 100%;
}
a.homelink:hover {
	text-decoration: none;
}
div.logo {
	text-align: left;
}
div.logo img {/* Force logo to adhere to logo placeholder size */
	width: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	vertical-align: middle;
}
/* Hide localisation div */
div#localisation {
	display: none;
}
/* Disable webkit additions to search field */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input[type="search"]::-ms-clear{display: none;}
/* Buttonbar: Only small phone has separate setting */
div.buttonbar {
	background-color: #474641;
}
div.buttonbarholder {
	width: 45em;
	height: 5em;
	margin: 0 auto;
}
div.buttonbarholder > div {
	width: 5em;
	height: 5em;
	margin: 0 2em 2em;/* Different media queries do specify different margins! */
	padding: 0;
	float: left;
	cursor: pointer;
}
div.buttonbar div img {
	max-width: 100%;
}
div.buttonbar a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
div.bar_toc {
	background-color: transparent;
	background-image: url(toc.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.bar_toc:hover,
div.bar_toc:active,
div.bar_toc_active {
	background-color: #dcd7d2;
	background-image: url(toc_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.bar_index {
	background-color: transparent;
	background-image: url(index.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.bar_index:hover,
div.bar_index:active,
div.bar_index_active {
	background-color: #dcd7d2;
	background-image: url(index_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.bar_glossary {
	background-color: transparent;
	background-image: url(glo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.bar_glossary:hover,
div.bar_glossary:active,
div.bar_glossary_active {
	background-color: #dcd7d2;
	background-image: url(glo_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.bar_search {
	background-color: transparent;
	background-image: url(search_buttonbar.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.bar_search:hover,
div.bar_search:active,
div.bar_search_active {
	background-color: #dcd7d2;
	background-image: url(search_buttonbar_hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.bar_topic {
	background-color: transparent;
	background-image: url(topic.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.bar_topic:hover,
div.bar_topic:active {
	background-color: transparent;
	background-image: url(topic.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/* Browse sequence buttons for mobile devices */
div.mobile_browseholder {
	height: 3em;
	width: 100%;
	overflow: hidden;
	background-color: #f1ede9;
}
div.mobile_browseholder div.brsBack {
	float:left;
	height: 3em;
	width: 3em;
}
div.mobile_browseholder div.brsNext {
	float: right;
	height: 3em;
	width: 3em;
}
div.mobile_browseholder div.brsBack img,
div.mobile_browseholder div.brsNext img	{
	height: 2.5em !important;
	width: 2.5em !important;
	margin-top: 0.25em;
	
}
/* Page title of special pages */
div.specialpagetitle {
	font-family: "Arial Black", Arial, sans-serif;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #0079ac;
	margin: 0;
	padding: .5em 0;
}
/* Style checkboxes to on/off switches */
.hidden {
	display: none;
}
div.switch {
	min-height: 50px;
	line-height: 50px;
}
label.switch-toggle {
	background-image: url('switch.png');
	background-repeat: repeat-y;
	height: 21px;
	width: 52px;
	line-height: 21px;
	padding: 0 12px;
	font-size: 15px;
	display: block !important;
	font-weight: bold;
	cursor: pointer;
	display: none;
	float: left;
	font-family: "Arial Black", Arial, sans-serif;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
div.switch {
	min-height: 1.2em;
	line-height: 1.2em;
}
label.switch-toggle.on {
	text-align: left;
	background-position: 0px 21px;
	color: #ffffff;
}
label.switch-toggle.off {
	text-align: right;
	background-position: 0px 0px;
	color: #a99f95;
	padding: 0 24px 0 0;
}
label.switch-toggle.hidden {
	display: none;
}
/****** Media queries: Target specific devices ******/
@media screen and (max-width: 43.68em) {
	
	/****** Phone framework ******/
	div.floatholder {
		
	}
	div.phone_scrollarea {
		margin-bottom: 3em;
	}
	div.header {
		overflow: hidden;
	}
	div.logo {
		display: none;
	}
	div.title {
		font-size: 2.5em;
		line-height: .5em;
		margin: .25em 0;
		text-align: center;
	}
	div.title a {
		font-size: .5em;
	}
	div.searchholder {
		margin: 1em 5%;
		width: 90%;
		height: 4em;
		float: left;
	}
	div.sidebar {
		display: none;
	}
	div.content {
		margin: 0 2.5% .5em 2.5%;
		padding-bottom: 1em;
		width: 95%;
	}
	div.specialpagetitle {
		font-size: 1.5em;
	}
	div.desktop_functionholder {
		display: none;
	}
	div.buttonbar {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2.5em;
	}
	div.buttonbar > div {
		width: 100%;
		height: 2.5em;
		margin: 0 auto;
	}
	div.buttonbar > div > div {
		width: 20%;
		margin: 0;
		padding: 0;
		height: 2.5em;
		float: left;
	}
	div.bar_toc {
		background-image: url(toc_buttonbar_small.png);
	}
	div.bar_toc:hover,
	div.bar_toc:active,
	div.bar_toc_active {
		background-image: url(toc_hover_buttonbar_small.png);
	}
	div.bar_index {
		background-image: url(index_buttonbar_small.png);
	}
	div.bar_index:hover,
	div.bar_index:active,
	div.bar_index_active {
		background-image: url(index_hover_buttonbar_small.png);
	}
	div.bar_glossary {
		background-image: url(glo_buttonbar_small.png);
	}
	div.bar_glossary:hover,
	div.bar_glossary:active,
	div.bar_glossary_active {
		background-image: url(glo_hover_buttonbar_small.png);
	}
	div.bar_search {
		background-image: url(search_buttonbar_small.png);
	}
	div.bar_search:hover,
	div.bar_search:active,
	div.bar_search_active {
		background-image: url(search_hover_buttonbar_small.png);
	}
	div.bar_topic {
		background-image: url(icon_back_small.png);
	}
	div.bar_topic:hover,
	div.bar_topic:active {
		background-image: url(icon_back_small.png);
	}
	/* Special styling for topic page only */
	div.bar_toc.topic_page,
	div.bar_index.topic_page,
	div.bar_glossary.topic_page,
	div.bar_search.topic_page{
		width: 25%;
	}
	div.buttonbarholder.topic_page_holder {
		width: 80%;
		margin: 0 10%;
	}
	/* Browse sequence holder */
	/* Browse sequence buttons for mobile devices */
	div.mobile_browseholder {
		height: 2em;
	}
	div.mobile_browseholder div.brsBack {
		height: 2em;
		width: 2em;
	}
	div.mobile_browseholder div.brsNext {
		height: 2em;
		width: 2em;
	}
	div.mobile_browseholder div.brsBack img,
	div.mobile_browseholder div.brsNext img	{
		height: 1.5em !important;
		width: 1.5em !important;
		margin-top: 0.25em;
		
	}
}

@media screen and (min-width: 43.69em) and (max-width: 59.49em) {
	
	/****** Tablet small framework ******/
	div.floatholder {
	
	}
	div.phone_scrollarea {
		margin-bottom: 6em;
	}
	div.header {
		overflow: hidden;
	}
	div.logo {
		height: 3em;
		margin: .25em;
		float: left;
	}
	div.title {
		font-size: 2.5em;
		margin: 0 .25em 0;
		float: left;
	}
	div.title a {
		font-size: .75em;
	}
	div.searchholder {
		/* display: none; */
		height: 4em;
		width: 90%;
		margin: 1em 5%;
		float: left;
	}
	div.sidebar {
		display: none;
	}
	div.content {
		margin: 1em 1em 6em 1em;
		padding: 0;
		position: relative;
	}
	div.desktop_functionholder {
		display: none;
	}
	div.buttonbar {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 5em;
	}
	div.buttonbarholder.topic_page_holder {
		width: 36em;
		height: 5em;
		margin: 0 auto;
	}
}

@media screen and (min-width: 59.5em) and (max-width: 80.99em) {
	
	/****** Tablet large framework ******/
	div.floatholder {
		
	}
	div.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 4em;
		overflow: auto;
	}
	div.logo {
		height: 3.5em;
		margin: .25em;
		width: 5em;
		max-width: 5em;
	}
	div.title {
		font-size: 1.75em;
		height: 2em;
		line-height: 2em;
		overflow: auto;
		margin: 0;
		position: absolute;
		top: .07em;
		left: 3.3em;
		right: 0;
	}
	div.searchholder {
		font-size: 2em;
		height: 2em;
		line-height: 2em;
		width: 6em;
		margin: .5em .5em 0 0;
		float: right;
	}
	div.sidebar {
		display: none;
	}
	div.content {
		margin: 7em 7em 0 .5em;
		overflow: auto;
	}
	div.desktop_functionholder {
		display: none;
	}
	div.buttonbar {
		position: fixed;
		top: 4em;
		right: 0;
		bottom: 0;
		width: 5em;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	div.buttonbar > div {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	div.buttonbar > div > div {
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (min-width: 81em) {
	/* Custom scrollbar Need more info styling the scroll bar? See http://css-tricks.com/custom-scrollbars-in-webkit/ */
	::-webkit-scrollbar              {
		width: .5em;
		height: .5em;
	}
	::-webkit-scrollbar-button  {}
	::-webkit-scrollbar-track  {
		background-color: #f1ede9;
	}
	::-webkit-scrollbar-track-piece  {}
	::-webkit-scrollbar-thumb {
		background-color: #cfcbc6;
	}
	::-webkit-scrollbar-corner       {}
	::-webkit-resizer                {}

	/****** Desktop colour ******/
	body {
		
	}
	div.header { 
		
	}
	div.title {
		
	}
	div.content {
		
	}
	div.sidebar {
		background-color: #dcd7d2;
	}
	div.sidebar .ui-resizable-e {
		background-color: #cfcbc6;
	}
	div.desktop_functionholder {
		background-color: #474641;
	}
	
	/****** Desktop framework ******/
	div.floatholder {
		
	}
	div.header {
		width: 100%;
		height: 4em;
		margin: 0;
		padding: 0;
		position: absolute;
		overflow: auto;
	}
	div.logo {
		height: 3.5em;
		margin: .25em 0 0 .25em;
		padding: .5;
		width: 5em;
		max-width: 5em;
	}
	div.title {
		height: 1.5em;
		font-size: 2.5em;
		line-height: 1.5em;
		margin: 0;
		padding: 0;
		width: auto;
		position: absolute;
		top: 0;
		left: 2.3em;
		right: 0;
		overflow: auto;
	}
	div.sidebar {
		position: absolute;
		top: 4em;
		left: 0%;
		width: 22%;
		bottom: 0;
		overflow: hidden;
	}
	div.sidebar .ui-resizable-e {
		right: 0;
		cursor: col-resize;
	}
	div.sidebar div.closebutton {
		position: absolute;
		right: 1px;
		top: 50%;
		height: 4em;
		width: .6em;
		margin: -2em 0 0 0;
		cursor: pointer;
		z-index: 250;
		border-color: #cfcbc6;
		border-style: solid;
		border-width: .1em;
	}
	div.sidebar .buttonOpened {
		background-color: #f1ede9;
		background-image: url(close_sidebar.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	div.sidebar .buttonClosed {
		background-color: #f1ede9;
		background-image: url(open_sidebar.png);
		background-repeat: no-repeat;
		background-position: right center;
	}
	div.sidebar div.text {
		text-align: center;
		font-size: 1.8em;
		font-weight: bold;
		margin: 0;
		padding: .25em 0;
	}
	div.sidebar div.text a {
		color: #59caff;
		text-decoration: none;
		border: none;
		display: block;
		height: 4.5em;
		background: transparent url(topic.png) no-repeat center 2em;
	}
	div.sidebar div.text a:hover {
		background-color: #ffffff;
	}
	div.content {
		position: absolute;
		top: 4em;
		right: 0%;
		width: 78%;
		bottom: 0;
		overflow: hidden;
	}
	div.contentholder {
		position: absolute;
		top: 5.5em;
		bottom: 2em;
		left: .5em;
		right: .5em;
		overflow: auto;
	}
	div.content_top_link {
		display: block;
	}
	div.desktop_functionholder {
		height: 5em;
		width: 100%;
		overflow: hidden;
	}
	div.searchholder {
		float: left;
		width: 15em;
		height: 3em;
		margin: 1em .5em 1em 1.5em;
	}
	div.print,
	div.brsBack,
	div.brsNext {
		float: right;
		height: 5em;
		width: 5em;
		margin: 0 .25em;
		
	}
	div.print a:hover,
	div.brsBack a:hover,
	div.brsNext a:hover {
		background-color: #dcd7d2;
		cursor: pointer;
	}
	div.brsBack a,
	div.print a,
	div.brsNext a {
		display: block;
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		border: none;
	}
	div.brsBack img,
	div.print img,
	div.brsNext img{
		max-height: 50% !important;
		max-width: 50% !important;
		margin: 25% 25%;
		border: none;
		vertical-align: middle;
	}
	div.print img {
		margin: 30% 25% 20%;
	}
	div.mobile_browseholder {
		display: none;
	}
	div.buttonbar {
		display: none;
	}
	
}

@media print {
	div.header {
		display: none;
	}
	div.sidebar {
		display: none;
	}
	div.searchfieldholdermobile {
		display: none;
	}
	div.desktop_functionholder {
		display: none;
	}
	div.mobile_browseholder {
		display: none;
	}
	div.buttonbar {
		display: none;
	}
}

/*************
	
	CSS for widgets

************/
* {
	outline-style: none;
}

/****** Topic ******/
div.wTopic {
	/* No position attributes allowed */
	margin: 1em;
	
}

/****** Glossary ******/
div.wGlossary {/* Main holder div */
	/* No position attributes allowed */
	
}
input.wGloFilter {/* Filter box */
	font-size: 1.4em;
	height: auto;
	line-height: 1.6em;
	width: 80%;
	margin: 1em 0 1em 10%;
	padding: .25em .4em;
	border-width: .05em;
	border-style: solid;
	border-color: #a99f95;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	background-color: #eeeeee;
}
div.wGloTerm {/* Glossary term */
	color: #363530;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 0;
}
div.wGloTermHover {/* Glossary term hover */
	color: #363530;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 0;
	cursor: pointer;
}
div.wGloTermSelected {/* Glossary term selected */
	color: #363530;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	padding: 1em 0;
	cursor: pointer;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
}
span.wGloTermText {/* Glossary term text */
	
}
div.wGloDefinition {/* Glossary definition */
	margin: 0 2em 1em;
}
div.wGloDefinitionHover {/* Glossary defintion holder */
	margin: 0 2em 1em;
	cursor: pointer;
}
span.wGloDefinitionText {/* Definition text */
	color: #363530;
}
div.wGloAlphabet {/* Category (letter or sign) */
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #59caff;
	margin: 0;
	padding: .25em 0;
	border-top-width: .1em;
	border-top-style: solid;
	border-top-color: #f1ede9;
}
span.wGloAlphabetText {/* Alphabet text */
	
}
@media screen and (max-width: 43.68em) {
	input.wGloFilter {/* Filter box */
		margin-top: 0;
	}
	div.wGloAlphabet {/* Category (letter or sign) */
		display: none;
	}
	div.wGloTerm {/* Glossary term */
		font-size: 1.1em;
		padding: .25em 0;
	}
	div.wGloTermHover {/* Glossary term hover */
		font-size: 1.1em;
		padding: .25em 0;
	}
	div.wGloTermSelected {/* Glossary term selected */
		font-size: 1.1em;
		padding: .25em 0;
	}
	div.wGloDefinition {/* Glossary definition */
		margin: 0 .5em 0;
	}
	div.wGloDefinitionHover {/* Glossary defintion holder */
		margin: 0 .5em 0;
	}
}
@media screen and (min-width: 81em) {
	input.wGloFilter {/* Filter box */
		font-size: 1.2em;
		height: auto;
		line-height: 1.4em;
		background-color: #ffffff;
		border: none;
		border-color: #a99f95;
	}
	div.wGloTerm {/* Glossary term */
		font-size: 1em;
		font-weight: normal;
		text-align: left;
		border: none;
		padding: 0;
		margin: .5em 0 .25em 0;
		min-height: auto;
		line-height: 15px;
		color: #363530;
	}
	div.wGloTermHover {/* Glossary term hover */
		font-size: 1em;
		text-align: left;
		font-weight: normal;
		cursor: pointer;
		text-decoration: underline;
		border: none;
		padding: 0;
		margin: .5em 0 .25em 0;
		min-height: auto;
		line-height: 15px;
		color: #363530;
	}
	div.wGloTermSelected {/* Glossary term selected */
		font-size: 1em;
		text-align: left;
		font-weight: normal;
		cursor: pointer;
		border: none;
		padding: 0;
		margin: .5em 0 .25em 0;
		min-height: auto;
		line-height: 15px;
		color: #363530;
	}
	div.wGloDefinition {/* Glossary definition */
		font-size: .9em;
		margin: 0 .5em 1em;
		border: none;
	}
	div.wGloDefinitionHover {/* Glossary defintion holder */
		font-size: .9em;
		margin: 0 .5em 1em;
		border: none;
	}
	span.wGloDefinitionText {
		color: #363530;
	}
	div.wGloAlphabet {/* Category (letter or sign) */
		margin: .5em 0;
		color: #0079ac;
		border: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #cfcbc6;
	}
}

/****** Index ******/
div.wIndex {/* Main index holder */
	/* No position attributes allowed */
	
}
input.wIdxFilter {/* Index filter input */
	font-size: 1.4em;
	height: auto;
	line-height: 1.6em;
	width: 80%;
	margin: 1em 0 1em 10%;
	padding: .25em .4em;
	border-width: .05em;
	border-style: solid;
	border-color: #a99f95;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	background-color: #eeeeee;
}
div.wIdxKeyword {/* Index keyword */
	color: #363530;
	font-weight: bold;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: transparent;
	background-image: url(TOCNodeOpenBook.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
div.wIdxKeywordHover {/* Index keyword hover */
	color: #363530;
	font-weight: bold;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: transparent;
	background-image: url(TOCNodeOpenBook.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
span.wIdxKeywordText {/* Index keyword text */
	
}
div.wIdxChildBlock {/* Index child block */
	width: 95%;
	margin: 0 0 0 5%;
}
div.wIdxLink {
	color: #0079ac;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: transparent;
	background-image: url(TOCNodePage.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
div.wIdxLinkHover {
	color: #0079ac;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: transparent;
	background-image: url(TOCNodePage.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
span.wIdxLinkText {/* Index link entry */
	
}
div.wIdxAlphabet {/* Category (letter or sign) */
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #59caff;
	margin: 0;
	padding: .25em 0;
	border-top-width: .1em;
	border-top-style: solid;
	border-top-color: #f1ede9;
}
span.wIdxAlphabetText {/* Alphabet text */
	
}
@media screen and (max-width: 43.68em) {
	input.wIdxFilter {/* Index filter input */
		margin-top: 0;
	}
	div.wIdxKeyword {/* Index keyword */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreePage.png);
		background-size: 15px 15px;
	}
	div.wIdxKeywordHover {/* Index keyword hover */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreePage.png);
		background-size: 15px 15px;
	}
	div.wIdxChildBlock {/* Index child block */
		width: 95%;
		margin: 0 0 0 5%;
	}
	div.wIdxLink {
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreePage.png);
		background-size: 15px 15px;
	}
	div.wIdxLinkHover {
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreePage.png);
		background-size: 15px 15px;
	}
	div.wIdxAlphabet {/* Category (letter or sign) */
		display: none;
	}
}
@media screen and (min-width: 81em) {
	input.wIdxFilter {/* Index filter input */
		font-size: 1.2em;
		height: auto;
		line-height: 1.4em;
		background-color: #ffffff;
		border-color: #a99f95;
		border: none;
	}
	div.wIdxKeyword {/* Index keyword */
		font-size: 1em;
		font-weight: normal;
		text-align: left;
		border: none;
		background: none;
		padding: 0;
		margin: .5em 0 .25em 0;
		min-height: 1em;
		line-height: 1em;
		color: #363530;
	}
	div.wIdxKeywordHover {/* Index keyword hover */
		font-size: 1em;
		text-align: left;
		font-weight: normal;
		cursor: pointer;
		text-decoration: underline;
		border: none;
		background: none;
		padding: 0;
		margin: .5em 0 .25em 0;
		min-height: 1em;
		line-height: 1em;
		color: #363530;
	}
	div.wIdxLink {
		font-size: 1em;
		font-weight: normal;
		text-align: left;
		border: none;
		background: none;
		padding: 0;
		margin: .5em 0 .25em 0;
		min-height: 1em;
		line-height: 1em;
		color: #0079ac;
	}
	div.wIdxLinkHover {
		font-size: 1em;
		text-align: left;
		font-weight: normal;
		cursor: pointer;
		text-decoration: underline;
		border: none;
		background: none;
		padding: 0;
		margin: .5em 0 .25em 0;
		min-height: 1em;
		line-height: 1em;
		color: #363530;
	}
	span.wIdxLinkText {/* Index link entry */
		
	}
	div.wIdxAlphabet {/* Category (letter or sign) */
		margin: .5em 0;
		color: #0079ac;
		border: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #cfcbc6;
	}
	span.wIdxAlphabetText {/* Alphabet text */
		
	}
}
/****** TOC Tree ******/
div.wTOCTreePage {/* Main tree holder */
	/* No position attributes allowed */
}
div.wTOCTreeCloseBook {/* Closed book */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	color: #363530;
}
div.wTOCTreeCloseBookHover {/* Closed book hover */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	cursor: pointer;
	text-decoration: underline;
	color: #363530;
}
div.wTOCTreeCloseBookSelected {/* Closed book selected */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	background-color: #ffffff;
	color: #363530;
}
span.wTOCTreeCloseBookText {/* Closed book text */
	color: #363530;
}
img.wTOCTreeCloseBookIcon {/* Closed book icon */
	margin: 0 5px 0 0;
	vertical-align: middle;
	border: none;
	max-height: 16px !important;
	max-width: 15px !important;
}
div.wTOCTreeOpenBook {/* Open book */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	color: #363530;
}
div.wTOCTreeOpenBookHover {/* Open book hover */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	cursor: pointer;
	text-decoration: underline;
	color: #363530;
}
div.wTOCTreeOpenBookSelected {/* Open book selected */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	background-color: #ffffff;
	color: #363530;
}
div.wTOCTreeOpenBookChildBlock {/* Open book child block */
	margin-left: 1em;
	min-width: 10em;
}
span.wTOCTreeOpenBookText {/* Open book text */
	color: #363530;
}
img.wTOCTreeOpenBookIcon {/* Open book image */
	margin: 0 4px 0 0;
	vertical-align: middle;
	border: none;
	max-height: 16px !important;
	max-width: 15px !important;
}
div.wTOCTreePage {/* TOC page */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	color: #363530;
}
div.wTOCTreePageHover {/* TOC page hover */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	cursor: pointer;
	text-decoration: underline;
	color: #363530;
}
div.wTOCTreePageSelected {/* TOC page selected */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	background-color: #ffffff;
	color: #363530;
}
span.wTOCTreePageText {/* TOC page text */
	color: #363530;
}
img.wTOCTreePageIcon {/* TOC page icon */
	margin: 0 5px 0 0;
	vertical-align: middle;
	border: none;
	max-height: 16px !important;
	max-width: 15px !important;
}
div.wTOCTreeLink {/* TOC URL */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	color: #363530;
}
div.wTOCTreeLinkHover {/* TOC URL hover */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	cursor: pointer;
	text-decoration: underline;
	color: #363530;
}
div.wTOCTreeLinkSelected {/* TOC URL selected */
	line-height: 15px;
	margin: .5em 0 .25em 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
	background-color: #ffffff;
	color: #363530;
}
span.wTOCTreeLinkText {/* TOC URL text */
	color: #363530;
}
img.wTOCTreeLinkIcon {/* TOC URL image */
	margin: 0 5px 0 0;
	vertical-align: middle;
	border: none;
	max-height: 16px !important;
	max-width: 15px !important;
}
/****** TOC expanding node ******/
div.wTOCNode {/* Main TOC holder */
	/* No position attributes allowed */
	
}
div.wTOCNodeCloseBook {/* Closed book */
	font-weight: bold;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: transparent;
	background-image: url(TOCNodeCloseBook.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
div.wTOCNodeCloseBookHover {/* Closed book hover */
	font-weight: bold;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: #f1ede9;
	background-image: url(TOCNodeCloseBook.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
	cursor: pointer;
}
div.wTOCNodeCloseBookSelected {/* Closed book selected */
	font-weight: bold;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: #f1ede9;
	background-image: url(TOCNodeCloseBook.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
	cursor: pointer;
}
span.wTOCNodeCloseBookText {/* Closed book text */
	color: #363530;
}
img.wTOCNodeCloseBookIcon {/* Closed book icon */
	display: none;
}
div.wTOCNodeOpenBook {/* Open book */
	font-weight: normal;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: transparent;
	background-image: url(TOCNodeOpenBook.png);
	background-repeat: no-repeat;
	background-size: 33px 33px;
	background-position: 10px center;
}
div.wTOCNodeOpenBookHover {/* Open book hover */
	font-weight: normal;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: #f1ede9;
	background-image: url(TOCNodeOpenBook.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
	cursor: pointer;
}
div.wTOCNodeOpenBookSelected {/* Open book selected */
	font-weight: normal;
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: #f1ede9;
	background-image: url(TOCNodeOpenBook.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
	cursor: pointer;
}
span.wTOCNodeOpenBookText {/* Open book text */
	color: #363530;
}
img.wTOCNodeOpenBookIcon { /* Open book icon */
	display: none;
}
div.wTOCNodePage {/* TOC page */
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: transparent;
	background-image: url(TOCNodePage.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
div.wTOCNodePageHover {/* TOC page hover */
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: #f1ede9;
	background-image: url(TOCNodePage.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
	cursor: pointer;
}
div.wTOCNodePageSelected {/* TOC page selected */
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: #f1ede9;
	background-image: url(TOCNodePage.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
span.wTOCNodePageText {/* TOC page text */
	color: #363530;
}
img.wTOCNodePageIcon {/* TOC page image */
	display: none;
}
div.wTOCNodeLink {/* TOC URL */
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: transparent;
	background-image: url(TOCNodeLink.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
div.wTOCNodeLinkHover {/* TOC URL hover */
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: #f1ede9;
	background-image: url(TOCNodeLink.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
	cursor: pointer;
}
div.wTOCNodeLinkSelected {/* TOC URL selected */
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: #f1ede9;
	background-image: url(TOCNodeLink.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
span.wTOCNodeLinkText {/* TOC URL text */
	color: #363530;
}
img.wTOCNodeLinkIcon {/* TOC URL image */
	display: none;
}
div.wTOCNodeUp {/* TOC up */
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: transparent;
	background-image: url(TOCNodeUp.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
}
div.wTOCNodeUpHover {/* TOC up hover */
	text-align: left;
	font-size: 1.2em;
	border-top-width: .15em;
	border-top-style: solid;
	border-top-color: #f1ede9;
	padding: 1em 1em 1em 50px;
	min-height: 33px;
	line-height: 33px;
	background-color: #f1ede9;
	background-image: url(TOCNodeUp.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 33px 33px;
	cursor: pointer;
}
span.wTOCNodeUpText {/* TOC up text */
	text-decoration: none;
	margin-left: .5em;
}
img.wTOCNodeUpIcon {/* TOC up image */
	display: none;
}
@media screen and (max-width: 43.68em) {
	div.wTOCNodeCloseBook {/* Closed book */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreeCloseBook.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeCloseBookHover {/* Closed book hover */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreeCloseBook.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeCloseBookSelected {/* Closed book selected */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreeCloseBook.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeOpenBook {/* Open book */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreeOpenBook.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeOpenBookHover {/* Open book hover */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreeOpenBook.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeOpenBookSelected {/* Open book selected */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreeOpenBook.png);
		background-size: 15px 16px;
	}
	div.wTOCNodePage {/* TOC page */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreePage.png);
		background-size: 15px 16px;
	}
	div.wTOCNodePageHover {/* TOC page hover */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreePage.png);
		background-size: 15px 16px;
	}
	div.wTOCNodePageSelected {/* TOC page selected */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreePage.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeLink {/* TOC URL */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreeLink.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeLinkHover {/* TOC URL hover */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreeLink.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeLinkSelected {/* TOC URL selected */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCTreeLink.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeUp {/* TOC up */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCNodeUpSmall.png);
		background-size: 15px 16px;
	}
	div.wTOCNodeUpHover {/* TOC up hover */
		font-size: 1.1em;
		padding: .25em 0 0 30px;
		background-image: url(TOCNodeUpSmall.png);
		background-size: 15px 16px;
	}
}

/****** Print link ******/
a.wPrintLink {
	color: #0079ac;
}
a.wPrintLink:hover,
a.wPrintLink:active {
	text-decoration: underline;
}
/****** Print button ******/
a.wPrintButton {
	color: #0079ac;
}
a.wPrintButton:hover,
a.wPrintButton:active {
	text-decoration: underline;
}
img.wPrintButton {
	border: none;
}

/****** Browse sequence links ******/
a.wBSBackLink {
	color: #0079ac;
}
a.wBSBackLink:active {
	text-decoration: underline;
}
a.wBSNextLink {
	color: #0079ac;
}
a.wBSNextLink:active {
	text-decoration: underline;
}
/****** Browse sequence buttons ******/
a.wBSBackButton {
	color: #0079ac;
}
a.wBSBackButton:active {
	text-decoration: underline;
}
img.wBSBackButton {
	border: none;
}
a.wBSNextButton {
	color: #0079ac;
}
a.wBSNextButton:active {
	text-decoration: underline;
}
img.wBSNextButton {
	border: none;
}

/****** Search results area ******/
div.wSearchResults {
	/* No position attributes allowed */
	margin: 1em;
	font-size: 1.1em;
}
div.wSearchResultSettings {
	margin: 0 0 1em 0;
}
div.cSearchAND {/* Custom element added to widget */
	margin: .5em 0;
}
div.wSearchHighlight {
	margin: .5em 0;
}
input.wSearchHighlight {
	
}
span.wSearchHighlight {
	
}
div.wSearchCount {
	margin: .5em 0;
}
select.wSearchCount {
	border-width: 1px;
	border-style: solid;
	border-color: #e0dcd7;
	background-color: #e0dcd7;
	margin-right: .6em;
	width: 62px;
	
}
span.wSearchCount {
	
}
div.wSearchMessage {
	margin: 0 0 1em 0;
	font-size: .9em;
	border-bottom-width: .1em;
	border-bottom-style: solid;
	border-bottom-color: #a99f95;
	display: block;
}
span.wSearchMessage {
	
}
div.wSearchResultItemsBlock {
	
}
div.wSearchResultItem {
	margin: 0 0 1em 0;
}
div.wSearchResultTitle {
	color: #0079ac;
	font-size: 1.2em;
	font-weight: bold;
}
div.wSearchResultTitleHover {
	color: #0079ac;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}
span.wSearchURL {
	color: #59caff;
	word-break:break-all;
}
span.wSearchContext {
	color: #363530;
}
div#searchResList {
	
}
div.wSearchNavigation {
	font-size: 3em;
	overflow: hidden;
	margin-bottom: .5em;
}
div.wSearchBack {
	float: left;
}
a.wSearchBack {
	text-decoration: none;
	margin-right:.5em;
	padding-right: .5em;
	color: transparent !important;
	background-image: url(BSBack.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
a.wSearchBack:hover,
a.wSearchBack:active {
	text-decoration: underline;
}
div.wSearchNext {
	float: right;
	margin-left:.5em;
	
}
a.wSearchNext {
	text-decoration: none;
	padding-left: .5em;
	color: transparent !important;
	background-image: url(BSNext.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
a.wSearchNext:hover,
a.wSearchNext:active {
	text-decoration: underline;
}
div.wSearchPageNumbers {
	float: left;
}
div.wSearchPageNumbers ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
li.wSearchPageNumberSelected {
	color: #59caff;
	border-left-width: .1em;
	border-left-style: solid;
	border-left-color: #363530;
	margin-left:.5em;
	padding-left: .5em;
}
li.wSearchPageNumberLink {
	color: #363530;
	text-decoration: none;
	margin-left:.5em;
	padding-left: .5em;
	border-left-width: .1em;
	border-left-style: solid;
	border-left-color: #363530;
}
li.wSearchPageNumberLink:hover {
	text-decoration: underline;
}
span.wSearchPageNumberSelected {

}
a.wSearchPageNumberLink {
	
}
@media screen and (max-width: 43.68em) {
	div.wSearchResultItem {
		font-size: .9em;
	}
	div.wSearchPageNumbers {
		display: none;
	}
	a.wSearchBack {
		padding: 0;
	}
	a.wSearchNext {
		padding: 0;
}
}
@media screen and (min-width: 43.69em) and (max-width: 59.49em) {
	div.wSearchPageNumbers {
		display: none;
	}
}
@media screen and (min-width: 59.5em) and (max-width: 80.99em) {
	div.wSearchNavigation {
		font-size: 2em;
	}
}
@media screen and (min-width: 81em) {
	div.wSearchNavigation {
		font-size: 1.2em;
	}
	div.wSearchNext {
		float: left;
	}
	a.wSearchNext {
		border-left-width: .1em;
		border-left-style: solid;
		border-left-color: #363530;
		color: #363530 !important;
		background: none;
	}
	a.wSearchBack {
		border-right-width: .1em;
		border-right-style: solid;
		border-right-color: #363530;
		color: #363530 !important;
		background: none;
	}
}

/****** Search results area for small screens ******/

div.wSearchResultsSmallScr {
	/* No position attributes allowed */
	margin: 1em;
	font-size: 1.1em;
}
div.wSearchResultSettingsSmallScr {
	margin: 0 0 1em 0;
}
div.wSearchHighlightSmallScr {
	margin: .5em 0;
}
input.wSearchHighlightSmallScr {
	
}
span.wSearchHighlightSmallScr {
	
}
div.wSearchCountSmallScr {
	margin: .5em 0;
}
div.wSearchCountComboSmallScr {
	
}
select.wSearchCountSmallScr {
	
}
div.wSearchCountMsgSmallScr {
	
}
span.wSearchCountSmallScr {

}
div.wSearchMessageSmallScr {
	margin: 0 0 1em 0;
	font-size: .9em;
	border-bottom-width: .1em;
	border-bottom-style: solid;
	border-bottom-color: #a99f95;
}
span.wSearchMessageSmallScr {

}
div.wSearchResultItemsBlockSmallScr {
	
}
div.wSearchResultItemSmallScr {
	margin: 0 0 1em 0;
}
div.wSearchResultTitleSmallScr {
	color: #0079ac;
	font-size: 1.2em;
	font-weight: bold;
}
div.wSearchResultTitleHoverSmallScr {
	color: #0079ac;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}
span.wSearchURLSmallScr {
	color: #59caff;
	word-break:break-all;
}
span.wSearchContextSmallScr {

}
div#searchResListSmallScr {
	
}
div.wSearchNavigationSmallScr {
	font-size: 1.1em;
	overflow: hidden;
}
div.wSearchBackSmallScr {
	float: left;
}
a.wSearchBackSmallScr {
	color: #363530;
	text-decoration: none;
	margin-right:.5em;
	padding-right: .5em;
	display: block;
	height: 42px;
	line-height: 60px;
}
a.wSearchBackSmallScr img {
	margin-right: 15px;
}
div.wSearchNextSmallScr {
	float: left;
	margin-left:.5em;
	padding-left: .5em;
}
a.wSearchNextSmallScr {
	color: #363530;
	text-decoration: none;
	display: block;
	height: 42px;
	line-height: 60px;
}
a.wSearchNextSmallScr img {
	margin-left: 15px;
}
div.wSearchPageNumbersSmallScr {
	float: left;
}
div.wSearchPageNumbersSmallScr ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
li.wSearchPageNumberSelectedSmallScr{
	color: #59caff;
	margin-left:.5em;
	padding-left: .5em;
}
li.wSearchPageNumberLinkSmallScr {
    color: #363530;
	text-decoration: none;
	margin-left:.5em;
	padding-left: .5em;
}
li.wSearchPageNumberLinkSmallScr:hover {
	text-decoration: underline;
}
span.wSearchPageNumberSelectedSmallScr {

}
a.wSearchPageNumberLinkSmallScr {
	
}


/****** Show/Hide ******/
a.wShowHide {
	color: #0079ac;
}
a.wShowHide:hover,
a.wShowHide:active {
	text-decoration: underline;
}
/****** Show/Hide toggle ******/
a.wShow {
	color: #0079ac;
}
a.wShow:hover,
a.wShow:active {
	text-decoration: underline;
}
a.wHide {
	color: #0079ac;
}
a.wHide:hover,
a.wHide:active {
	text-decoration: underline;
}

/****** Project title ******/
span.wProjTitle {

}

/****** Search options (with AND) ******/
div.wSearchField {
	width: 100%;
	height: 5em;
	margin: 0 auto;
	position: relative;
}
input.wSearchField {
	font-size: 1.4em;
	height: 1.4em;
	line-height: 1.2em;
	margin: 1.2em 2% 1em;
	padding: .25em 2.5em .25em .4em;
	border-width: .05em;
	border-style: solid;
	border-color: #a99f95;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	background-color: #eeeeee;
	padding: 0 2%;
	width: 96%;
	-moz-box-sizing: border-box;
     box-sizing: border-box;
}
a.wSearchLink {
    position: absolute;
	top: 1.6em;
	right: 4%;
	-webkit-appearance: none;
}
img.wSearchLink {
	max-width: 2em;
	max-height: 2em;
	width: auto !important;
	margin-top: .2em;
}
input.wSearchAND {
	
}
span.wSearchAND {
	
}
@media screen and (min-width: 81em) {
	div.desktop_functionholder div.wSearchField {
		width: 25em;
		height: 2.5em;
		margin: .25em 0 0 0;
		background-color: #363530;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;
	}
	div.desktop_functionholder input.wSearchField {
		-webkit-appearance: none;
		background: transparent;
		color: #ffffff;
		font-size: 1.3em;
		margin: .1em 0 0 1em;
		padding: 0;
		float: left;
		border: none;
		width: 14.8em;
		height: 1.69em;
	}
	div.desktop_functionholder a.wSearchLink {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: .1em 0;
		font-size: 1em;
		height: 2.3em;
		width: 4em;
		border: none;
		display: block;
		float: left;
		background-color: #000000;
		-webkit-border-top-right-radius: 1em;
		-webkit-border-bottom-right-radius: 1em;
		-moz-border-radius-topright: 1em;
		-moz-border-radius-bottomright: 1em;
		border-top-right-radius: 1em;
		border-bottom-right-radius: 1em;
		text-align: center;
	}
	div.desktop_functionholder a.wSearchLink  img.wSearchLink{
		margin-top: .2em;
		max-width: 100% !important;
		max-height: 80% !important;
	}
}

/****** Search options ******/
div.wSearchOptions {
	/* No position attributes allowed */
	
}
/****** Tabbed Panel - Horizontal (empty and not empty) ******/
div.wTabbedPanel {
	/* No position attributes allowed */
	min-width: 17.5em;
}
ul.wTabGroup {
	background-color: #363530;
	height: 5em;
	color: #dcd7d2;
	margin: 0;
	padding: 0;
	font-weight: bold;
	overflow: hidden;
	width: 100%;
}
ul.wTabGroup li:first-child {
	margin-left: .25em !important;
}
ul.wTabGroup li img {
	margin-top: .6em;
}
li.wTab {
	display: block !important;
	font-size: 2em;
	height: 2.5em;
	line-height: 2.5em;
	margin: 0 0 0 5%;
	width: 2.5em;
	float: left;
	text-align: center;
	cursor: default;
}
li.wTabHover {
	display: block !important;
	font-size: 2em;
	height: 2.5em;
	line-height: 2.5em;
	margin: 0 0 0 5%;
	width: 2.5em;
	float: left;
	text-align: center;
	cursor: pointer;
	background-color: #dcd7d2;
	color: #363530;
}
li.wTabSelected {
	display: block !important;
	font-size: 2em;
	height: 2.5em;
	line-height: 2.5em;
	margin: 0 0 0 5%;
	width: 2.5em;
	float: left;
	text-align: center;
	cursor: default;
	background-color: #dcd7d2;
	color: #363530;
}
li.wTab img,
li.wTabHover img,
li.wTabSelected img {
	width: auto !important;
	max-width: 2em !important;
	max-height: 2em !important;
}
span.wTabText {
	
}
div.wTabContentGroup {
	position: absolute;
	top: 5.5em;
	bottom: .5em;
	left: .5em;
	right: 1.25em;
	overflow: auto;
}
div.wTabContent {
	display: none;
}

/****** Tabbed pannel - Vertical (empty and not empty) ******/
div.wVTabbedPanel {
	/* No position attributes allowed */
	
}
ul.wVTabGroup {
	background-color: #363530;
	color: #dcd7d2;
	margin: 0;
	padding: 0;
	font-weight: bold;
	overflow: hidden;
	min-width: 15em;
}
li.wVTab img,
li.wVTabHover img,
li.wVTabSelected img {
	
}
li.wVTab {
	display: block;
	text-align: center;
	font-size: 1.5em;
	padding: .5em 0;
}
li.wVTabHover {
	display: block;
	text-align: center;
	font-size: 1.5em;
	padding: .5em 0;
	background-color: #dcd7d2;
	color: #363530;
	cursor: pointer;
}
li.wVTabSelected {
	display: block;
	text-align: center;
	font-size: 1.5em;
	padding: .5em 0;
	background-color: #dcd7d2;
	color: #363530;
}
span.wVTabText {

}
div.wVTabContentGroup {
	
}
div.wVTabContent {
	
}

/****** Loading ******/
div.wLoadingIcon {
	text-align: center;
}
div.loadingicon {
	text-align: center;
}
img.wLoadingIcon {
	border: none;
	vertical-align: middle;
}
div.wLoadingText {
	text-align: center;
}
div.loadingtext {
	text-align: center;
}

/****** Internal widget styles, must always be available ******/
.unclickable {/*Modifies the cursor on hover to default*/
	cursor: default;
}
.handcursor {/*Modifies the cursor on hover to hand*/
	cursor: pointer;
	cursor: hand;
}
.unselectable {/*Modifies the content unselectable by mouse*/
	-webkit-user-select: none;
	-moz-user-select: none;
}
div.treeitem {/*Used by TOC Tree widget*/
	clear: both;
	margin: 0px;
	padding: 0px;
}
li.hlist {/*Used to display horizontal list of page numbers in search results */
	display: inline;
}
a.nolink {/*Used to remove default styling of a hyperlink*/
	color: inherit;
	text-decoration: none;
}