/* Fixed CSS */
:focus, *:focus, a:focus {
    outline: 1px dotted #f00;
}
.greymode {
	-webkit-filter: grayscale(100%) contrast(100%);
	-moz-filter: grayscale(100%) contrast(100%));
	-ms-filter: grayscale(100%) contrast(100%);
	-o-filter: grayscale(100%) contrast(100%);
	filter: grayscale(100%) contrast(100%);
	background: #000 !important;
	color: #fff !important;
}
#Accessibility {
	background: #003366;
}
#Accessibility ul {
	margin: 0px;
	padding: 0px;
	text-align:center;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#Accessibility li {
	vertical-align: top;
	display: table-cell;
	font: 600 14px/30px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	height: 30px;
	position: relative;
	overflow: hidden;
}
#Accessibility li a {
	color: #fff;
}
.fontsize .fontmain {
	display: inline-block;
	width: 130px;
}
.fontsize span {
	display:inline-block;
	vertical-align: top;
	position: relative;
}
.fontsize a {
	padding: 0px 10px;
	display: block;
	position: relative;
}
.fontsize span::before {
	position: absolute;
	content:'';
	height:20px;
	top: 5px;
	right: 0px;
	border-left:1px solid #fff;
	z-index:1;
}
.fontsize span:last-child::before {
	display: none;
}
.fontminus {
	font-size:12px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
.fontminus a {
	padding-left: 20px;
}
.fontminus a::after {
	position:absolute;
	left: 5px;
	top:0px;
	content:'-';
	font-size: 18px;
	z-index:0;
}
.fontreset {
	font-size:16px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.fontplus {
	font-size:20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.fontplus a::after {
	position:absolute;
	right: 5px;
	top:0px;
	content:'+';
	font-size: 16px;
	z-index:0;
}
.fontplus a {
	padding-right: 20px;
}
.contrast span {
	display: inline-block;
	vertical-align: middle;
}
.contrast a {
	padding: 0px 10px;
	display: block;
}
.contrastmode {
	background: #000 !important;
	color: #fff !important;
}
.contrastmode a, .greymode .contrastmode a, .greymode .contrastmode a:hover {
	color: #fff !important;
}
.contrastmode a.active {
	border: 2px solid #fff;
}
.colormode {
	background: #fff !important;
	color: #000 !important;
}
.colormode a, .greymode .colormode a, .greymode .colormode a:hover {
	color: #000 !important;
}
.colormode a.active {
	border: 2px solid #f00;
}
.greymode div, .greymode h1, .greymode h2, .greymode h3, .greymode h4, .greymode p, .greymode span, .greymode a, .greymode a:hover {
	color: #fff !important;
}

.banner-controls {
	position: absolute;
	z-index: 99;
	left: 50%;
	bottom: 10px;
	padding: 5px 10px;
	border-radius: 22%;
	border: 1px solid #2b2b2b;
}
.banner-controls li {
	position: relative;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
}
.banner-controls li a {
	width: 100%;
	height: 100%;
	display: block;
}
.banner-controls li::before {
	font-family: 'FontAwesome';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
}
.banner-controls li {
	content: "";
	background:url(../images/pause.png) center center no-repeat;
}
.banner-controls li.activeBan {
	content: "";
	 background:url(../images/play.png) center center no-repeat;
}
/* ----- Theme CSS ----- */

.greymode header {
	background: rgba(0, 0, 0, 0.69) !important;
}
.greymode #Information-Resources {
	background: #000;
}
.greymode .banner-controls, .greymode .header-right-first li a, .greymode .dr-right-slider, .greymode .dr-right-slider h3, .greymode .dr-right-slider h4, .greymode .dr-right-slider h4 span, .greymode .dr-right-slider .dr-text, .greymode .article-publications-list p a, .greymode .service-grid-home h4, .greymode .service-grid-home p, .greymode .pri-list li span, .greymode .banner-content h3 {
	color: #000 ! important;
}
.greymode .textMain ul li, .greymode .dr-profile-s h5, .greymode .textMain ol li {
	color: #fff ! important;
}
.greymode .header-left {
	-webkit-filter: grayscale(100%) contrast(10%);
	-moz-filter: grayscale(100%) contrast(10%));
	-ms-filter: grayscale(100%) contrast(10%);
	-o-filter: grayscale(100%) contrast(10%);
	filter: grayscale(100%) contrast(10%);
}