/* ********************       Version 1.1      **************************
 *****
 *****		AEP Master Stylesheet
 *****
 *****          © 2015-16 B & W, Inc.
 *****
 ************************************************************************ */
 /* Remove selection rectangle
-------------------------------------------------- */
a:focus {
	outline: 0;
}
 /* Body styles
-------------------------------------------------- */
html {
	position: relative;
	height: 100%;
}
body {
	/* Margin bottom by footer height
	margin-bottom: 60px; */
	height: 100%; 
}
.container {
	border-left: 1px solid #a7a9ab;
	border-right: 1px solid #a7a9ab;
}
.container .text-muted {
	margin: 20px 0;
}
body > .container {
	padding: 60px 15px 0;
}
.fail {
    color: Red;
	font-weight: bold;
}
.pass {
    color: Green;
	font-weight: bold;
}

/* FCI Colors
-------------------------------------------------- */
.fciGreyText {
    color: #808284;
}
.fciGreyTextBold {
    color: #808284;
	font-weight: bold;
}
.fciGreyBdr {
    color: #a7a9ab;
}
.fciGreyBgd {
    color: #d1d2d4;
}
.fciGreyLit {
    color: #ededed;
}
.fciRed,
.fciRedAlpha {
    color: #8c0a1a;
}
.fciRedBold {
    color: #8c0a1a;
	font-weight: bold;
}
.fciRedLarge {
    color: #8c0a1a;
	font-size: 18px;
	font-weight: bold;
}
.fciGreyRounded
{
	border: 1px solid #a7a9ab;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.glyphicon {
    color: #8c0a1a;
}
.glyphicon.fciWhite {
    color: #ffffff;
}
.no-decor {
    text-decoration: none;
}
.no-decor:hover,
.no-decor:focus,
.no-decor:active {
	text-decoration: none;
	color: #808284;
}
.img-responsive {
	border: solid 2px #a7a9ab;
}

 /* Navigation arrows
-------------------------------------------------- */
.stick_r {
    position: absolute;
	right: 0;
    top: 35%;
    padding: 0;
    margin: 0;
	opacity: .3;
	z-index: 999;
	display: none;
}
.stick_l {
    position: absolute;
	left: 0;
    top: 35%;
    padding: 0;
    margin: 0;
	opacity: .3;
	z-index: 999;
	display: none;
}
.btn-nav,
.btn-nav:focus,
.btn-nav:active {
	color: #ffffff;
	background-color: #d1d2d4;
	border-color: #a7a9ab;
}
.btn-nav:hover {
	color: #ffffff;
	background-color: #8c0a1a;
	border-color: #a7a9ab;
}

/* Navbar styles
-------------------------------------------------- */
.navbar {
	background-color: #ffffff;
	border: none;
}
div#nav {
	background-color: #d1d2d4;
}
.navbar-brand.fciRed {
    color: #8c0a1a;
}
.dropdown-menu > li > a {
	color: #808284;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #000000;
	text-decoration: none;
	background-color: #ededed;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #8c0a1a;
	outline: 0;
}

 /* Contents styles
-------------------------------------------------- */
div#main {
    min-height: 100%; 
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px; /*Allow for footer height*/
}
.push {
	/* Set the fixed height of the footer here */
	height: 60px;
}

 /* Sticky footer styles
-------------------------------------------------- */
.footer {
	/* position: absolute;
	bottom: 0;
	width: 100%;
	Set the fixed height of the footer here */
	height: 60px;
	background-color: #ffffff;
}
.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}
div#foot {
	height: 60px;
	background-color: #d1d2d4;
	border-bottom: 1px solid #a7a9ab;
	font-size: 10px;
}
.footer img {
	margin:0;
	padding: 8px 0 0 0;
	vertical-align: bottom;
}
.footer-timer {
	float: right;
	padding: 0;
	margin: 20px 10px 0 0;
	font-size: 12px;
	color: #808284;
}
.CountDownPanel {
	font-weight: bold;
	color: #8c0a1a;
}

 /* Panel styles
-------------------------------------------------- */
div.panel.panel-info {
	border-color: #8c0a1a;
}
div.panel.panel-info > .panel-heading {
	color: #fff;
	background-color: #8c0a1a;
}
div.panel.panel-info.ts {
	border-color: #660000;
	font-style: italic;
	font-weight: bold;
}
div.panel.panel-info.ts > .panel-heading {
	color: #fff;
	background-image: url('../../_private/images/carbon_bg.png');
	background-repeat: repeat;
	/*background-color: #660000;*/
	font-style: normal;
	font-weight: normal;
}
.alert-success {
    color: #808284;
    background-color: #ededed;
    border-color: #a7a9ab;
}

 /* Tab styles
-------------------------------------------------- */
.nav-tabs {
	border-bottom: 1px solid #808284;
}
.nav-tabs > li > a {
	color: #808284;
}
.nav-tabs > li > a:hover {
	border-color: #ededed #ededed #808284;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #8c0a1a;
	cursor: default;
	background-color: #fff;
	border: 1px solid #a7a9ab;
	border-bottom-color: transparent;
}
/* MS IE/Edge hack for border radius bleeding bug */
 _:-ms-lang(x), .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border-bottom-color: white;
}

/* Title page
-------------------------------------------------- */
div#bgd {
	margin: -50px 0 0 0;
	padding: 0;
	background-image: url('../../images/FCI_bgd_tr.png');
	background-repeat: no-repeat;
	background-position:0 40%;
}
div#title {
	text-align: center;
	margin-bottom: 23px;
}
div#fciTitle {
 	color: #ffffff;
	background-color: #8c0a1a;
	padding: 20px 0;
	margin-bottom:10px;
}
div#title hr {
	margin:1em 25%;
	border-width:2px;
	border-color:#000000;
}
div#title h1 {
	font-weight: bold;
}
div#title h2 {
	font-size: 24px;
}
div#title h3 {
	color: #808284;
	font-weight: bold;
}
.page-header {
	border-bottom: none;
}
.prereq {
	font-size: 16px;
	font-weight: bold;
}

/* Modal page
-------------------------------------------------- */
.iframe-container {    
    padding-bottom: 60%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal.in .modal-dialog {
	transform: none; /*translate(0px, 0px);*/
}
.modal-pdf {
	width: 800px;
}
/* Custom page (contents) and Gadgets
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
div#contents {
    padding: 0;
    margin: 0;
}
div.page {
    margin-top: 15px;
    padding: 0 5px;
    clear: both;
    min-height: 600px; 
    /* initial state */
    display: none;
}
.abstract {
    min-height: 600px; 
}
.bgd {
	background-image: url('../../images/watermark.png');
	background-repeat: no-repeat;
}
.bgd-center {
	background-image: url('../../images/watermark.png');
	background-repeat: no-repeat;
	background-position: center 10%;
}
.bgd-cover {
	background-image: url('../../images/watermark.png');
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
}
.vid-border {
	position: relative;
	height: 280px;
	width: 490px;
	border: 5px solid #a7a9ab;
	overflow: hidden;
}
.teacher-a {
	color: #808284;
	padding-left: 20px;
	margin-bottom: 5px;
}
.teacher-aRed {
	color: #8c0a1a;
	padding-left: 20px;
	margin-bottom: 5px;
}
.box-aRed {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	border: 2px solid #8c0a1a;
	padding: 3px 20px;
}
.dwld {
	color: #808284;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
}
code {
	font-size: 12px;
	color: #8c0a1a;
}
ol.fciRed,
ol.fciRedAlpha {
	counter-reset: item;
	/*border: 2px solid #a7a9ab;*/
	padding: 10px 5px;
}
ol.fciRed li,
ol.fciRedAlpha li {
	display: block;
	/* below to recreate indentation for multilines */
	margin-left: 2em;
	text-indent: -1.2em;
}
ol.fciRed li:before {
	content: counter(item) ". ";
	counter-increment: item;
	color: #000;
	font-weight: bold;
}
ol.fciRedAlpha li:before {
	content: counter(item, upper-alpha) ". ";
	counter-increment: item;
	color: #000;
	font-weight: bold;
}
div.settings a {
    color: #808284;
	font-weight: bold;
	text-decoration: underline;
}
/******* gadgets styles ***********************/
.teacher {
    margin:0;
    padding: 0;
	vertical-align: text-bottom;
}
.popover {
	max-width: 400px;
}
/******** span styles *************************/
/*=== More ======++++++++++++========*/
span.more {
    font-weight: bold;
	color: #8c0a1a;
    cursor: pointer;
}
/*==== Cross Reference (Talkback) ====*/
span.xref {
    font-weight: bold;
	color: #8c0a1a;
}
span.xref img {
    vertical-align: middle;
}
/* all + unvisited link */
span.xref a {
    font-weight: bolder;
    letter-spacing: .1em;
    text-decoration: underline;
    color: #8c0a1a;
}
/* visited link */
span.xref a:visited {
    color: #808284;
}
/* hover + active link */
span.xref a:hover, span.xref a:active {
    color: #a7a9ab;
}