/* Xerte theme generated via Xhibit App (https://www.xhibitapp.com) */

/* THEME: DarkCyber */
/* DESCRIPTION: A theme generated via Xhibit App. */


/* FONT */

body {
	font-family: "Arial", Helvetica, sans-serif;
}

/* HEADER GRADIENT */

#x_headerBlock {
	background: -ms-linear-gradient(top, #0d0d0d, #0d0d0d);
	background: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(#0d0d0d));
	background: -moz-linear-gradient(top,  #0d0d0d,  #0d0d0d);
	backgroundImage: -o-linear-gradient(#0d0d0d, #0d0d0d);
}

/* MAIN HEADING */

#x_headerBlock h1 {
	color: #F4F4F4;
}

/* SECONDARY HEADING */

#x_headerBlock h2 {
	color: #f4F4F4;
}

/* BOTTOM BORDER OF HEADER */

#x_headerBlock {
	border-bottom: 1px solid #ffffff;
}

/* FOOTER GRADIENT */

#x_footerBlock {
	background: -ms-linear-gradient(top, #0d0d0d, #0d0d0d);
	background: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(#0d0d0d));
	background: -moz-linear-gradient(top,  #0d0d0d,  #0d0d0d);
	backgroundImage: -o-linear-gradient(#0d0d0d, #0d0d0d);
}

/* TOP BORDER OF FOOTER */

#x_footerBlock {
	border-top: 1px solid #ffffff;
}

/* DOTS TEXTURE ON/OFF */

#x_footerBg {
	background-image: none;
}

/* FOOTER PAGE NUMBERING BOX */

#x_pageNo {
	background-color: #0d0d0d;
	border: 1px solid #0d0d0d;
	color: #f2f2f2;
}

/* BODY BACKGROUND */

#x_mainHolder {
	background: #0d0d0d;
}

/* BODY BORDER */

#x_mainHolder {
	border: 1px solid #000000;
}

/* PARAGRAPH COLOUR */

#x_mainHolder p, #textHolder {
	color: #f2f2f2;
}

/* LINK COLOUR */

#x_mainHolder a {
	color: #fbfb0c;
}

#x_mainHolder a:hover {
	color: #fdd974;
}

/* MENUS */

.ui-dialog {
	background: #ffffff;
	font-family: "Arial", Helvetica, sans-serif;
}

.ui-dialog .ui-widget-header {
	background: #2d2a2a;
	color: #ffffff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #e6e6e6;
	color: #555555;
	font-family: "Arial", Helvetica, sans-serif;
}

/* SETUP FOR FONT AWESOME ICONS */
/* (Already present in Xhibit Base Theme, but needed here for older versions of Xerte that do not have the base theme) */

#x_footerBlock button span {
	background: none; /* Hide any PNG buttons */
}

.ui-button:after { /* Setup for FontAwesome icons */
	font-family: "FontAwesome";
	color: white;
	position: absolute;
	top: 0;
	width: 100%;
	font-size: 1.58rem;
	line-height: 1.5em;
}

/* ICONS */

#x_footerBlock .ui-button:after {
	color: #ffffff;
}

#x_footerBlock .ui-button.ui-state-hover:after {
	color: #ff9900;
}

#x_nextBtn:after {
	content: "\f138";
}

#x_prevBtn:after {
	content: "\f137";
}

#x_menuBtn:after {
	content: "\f0c9";
}

#x_colourChangerBtn:after {
	content: "\f06e";
}

#x_cssBtn:after {
	content: "\f0b2";
}

#x_helpBtn:after {
	content: "\f128";
}

#x_glossaryBtn:after {
	content: "\f02d";
}

#x_mediaBtn:after {
	content: "\f16a";
}

#x_footerChevron {
	color: #ffffff;
}

/* PRESERVE INVERT FUNCTIONALITY FOR ACCESSIBILITY */

.filter_inv #x_headerBlock h1, .filter_inv #x_headerBlock h2, .filter_inv #x_pageNo, .filter_inv #x_footerChevron {
	color: black;
}

.filter_inv #x_mainHolder p, .filter_inv #textHolder, .filter_inv #x_mainHolder a, .filter_inv #x_mainHolder a:hover, .filter_inv #x_mainHolder a.x_glossary {
	color: white;
}

.filter_inv #x_pageNo {
	background-color: white;
	border: none;
}

.filter_inv .ui-dialog {
	background-color: #ffffff;
}

.filter_inv .ui-dialog .ui-widget-header {
	border: 1px solid #666666;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
}

.filter_inv .ui-state-default {
	color: #000000;
	background: #ffffff;
}

.filter_inv p.pbTxt {
	color: #000000 !important;
}

.filter_inv .pbContainer {
	background-color: #000000;
}

.filter_inv #x_footerBlock .ui-button:after {
	color: #000000;
}

.filter_inv #x_footerBlock .ui-button.ui-state-hover:after {
	color: #404040;
}

.filter_inv #x_mainHolder a {
	color: #000000;
}

.filter_inv #x_mainHolder a:hover {
	color: #404040;
}

.filter_inv .x_tooltip {
	background: #ffffff;
	color: #000000;
}

/* PRESERVE BLACK ON YELLOW FUNCTIONALITY FOR ACCESSIBILITY */

.filter_boy #x_mainHolder p, .filter_boy #textHolder, .filter_boy #x_mainHolder a, .filter_boy #x_mainHolder a:hover, .filter_boy #x_mainHolder a.x_glossary {
	color: black;
}

.filter_boy .ui-dialog .ui-widget-header {
	border: 1px solid #666666;
	background: #000000;
	color: #ffff99;
	font-weight: bold;
}

.filter_boy .ui-dialog {
	background-color: #ffff99;
}

.filter_boy .ui-state-default {
	color: #ffff99;
	background: #000000;
}

.filter_boy p.pbTxt {
	color: #ffff99 !important;
}

.filter_boy .pbContainer {
	background-color: #ffff99;
}

.filter_boy #x_footerBlock {
	border-top: 1px solid #ffff99;
}

.filter_boy #x_headerBlock {
	border-bottom: 1px solid #ffff99;
}

.filter_boy #x_footerBlock .ui-button:after {
	color: #ffff99;
}

.filter_boy #x_footerBlock .ui-button.ui-state-hover:after {
	color: #B2B235;
}

.filter_boy #x_pageNo, .filter_boy #x_footerChevron {
	color: #ffff99;
}

.filter_boy #x_pageNo {
	background: #000000;
	border: none;
}

.filter_boy #x_mainHolder a {
	color: #ffff99;
}

.filter_boy #x_mainHolder a:hover {
	color: #B2B235;
}

.filter_boy .ui-widget-content {
	background: #ffff99;
}

.filter_boy .x_tooltip {
	background: #000000;
	color: #ffff99;
}

