header {
    height: 150px;
    background-color: #6e438d;
}


.popover-title {
    color: blue;
    font-size: 15px;
}
.popover-content {
    color: red;
    font-size: 10px;
}

.errorTitle {
  color: black;
}

.dl-header {
    background: #6e438d;
    height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fec326;
    padding-top: 10px;

}
.dl-body {
    background: white;
    width: 100%;
    color: #5d5d5d !important;
    text-align: center;
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 300px;

}


.qt-header {
    background: #6e438d;
    height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fec326;
    padding-top: 10px;

}
.qt-body {
    background: white;
    width: 100%;
    color: #5d5d5d !important;
    text-align: center;
    font-size: 22px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 400px;
}

.gold {
    font-size: 30px;
    color: #fec326;
    line-height: 30px;
}

.white {
    font-size: 26px;
    color: #ffffff;
    line-height: 30px;
}


.mistake {
    font-size: 26px;
    color: #fec326;
    line-height: 30px;
    text-decoration: underline;
}

.check-your-answers {
  position: relative;
  right: 0px;
}

.content-container {
    padding-top: 20px;
}

.slide-prototype-1 {
    min-height: inherit;
}

.slide-prototype-2 {
    min-height: inherit;
}

.item {
    min-height: 500px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none
}


body {
    background-color: #8a62a7;
}

/* Tab Bar Colouring */
.nav-tabs {
    background-color: #6e438d;
}

/* Tab Colouring */
.nav-tabs li {
    background-color: #FFC32A;
    border: 1px solid #6e438d;
}

/* Tab Link Colouring */
.nav-tabs li a {
    color: black;
    margin: 0;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;

}

/* On Tab Change */
.nav-tabs li.active a:focus, .nav-tabs li.active a {
    background-color: #8a62a7;
    color: white;
}


/* ------------------- PARAGRAPH STYLING ----------------*/
body {
    font-family: 'Roboto', sans-serif;
}



/* -------------------- ICONS -------------------------- */
}
.icon-revisit{
	background:url(images/module-icn-1-over.png) no-repeat center;
	width: 14px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}

.icon-annotated{
	background:url(images/module-icn-2-over.png) no-repeat center;
	width: 18px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-watch{
	background:url(images/module-icn-3-over.png) no-repeat center;
	width: 20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-have{
	background:url('images/module-icn-4-over.png') no-repeat center;
	width: 21px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-quick{
	background:url(images/module-icn-5-over.png) no-repeat center;
	width: 19px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-learn{
	background:url(images/module-icn-6-over.png) no-repeat center;
	width: 20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.icon-download{
	background:url(images/module-icn-7-over.png) no-repeat center;
	width: 20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}


/* -------- UNSORTED STYLES ------- */

#alfHeaderTabs{
	background-color:#6e438d;
	color:#FFF;
}


.alfModuleSubtitle{
	color:#FEC326;
	font-size:2.5em;
}

#alfTabContainer{
	margin-top:15px;
}
.alfReturnBtnContainer{
	width:180px;
	position:absolute;
	top:12px;
	left:12px;
	z-index:1000;
}
.alfReturnBtn{
	background:url(../images/ico-home.png) no-repeat left;
	width:62px;
	height:24px;
	line-height:26px;
	display:block;
	font-size:11px;
	padding-left:24px;
	color:#fff;
}
.alfReturnBtn:hover{
	background-color:#367ABF;
	color:#fff;
}

  .popover-title {
      color: blue;
      font-size: 15px;
  }

  .popover-content {
      color: red;
      font-size: 10px;
  }

  .errorTitle {
      color: black;
  }

  .dl-header {
      background: #406698;
      height: 50px;
      text-align: center;
      font-size: 24px;
      color: #fec326;
      padding-top: 10px;
  }

  .dl-body {
      background: white;
      width: 100%;
      color: #5d5d5d !important;
      text-align: center;
      font-size: 18px;
      padding-bottom: 10px;
      padding-left: 10px;
      padding-right: 10px;
      min-height: 300px;
  }

  .qt-header {
      background: #6e438d;
      height: 50px;
      text-align: center;
      font-size: 24px;
      color: #fec326;
      padding-top: 10px;
  }

  .qt-body {
      background: white;
      width: 100%;
      color: #5d5d5d !important;
      text-align: center;
      font-size: 22px;
      padding-bottom: 10px;
      padding-left: 10px;
      padding-right: 10px;
  }

  .gold {
      font-size: 30px;
      color: #fec326;
      line-height: 30px;
      /* ADDED BY JAMES 20 DEC 2016 */
      padding-bottom: 15px;
      line-height: 150%;
  }

  .white {
      font-size: 26px;
      color: #ffffff;
      line-height: 30px;
      /* ADDED BY JAMES 20 DEC 2016 */
      line-height: 150%;
  }

  .mistake {
      font-size: 26px;
      color: #fec326;
      line-height: 30px;
      text-decoration: underline;
  }

  .check-your-answers {
      position: relative;
      right: 0px;
  }

  .content-container {
      padding-top: 20px;
  }

  .slide-prototype-1 {
      min-height: inherit;
  }

  .slide-prototype-2 {
      min-height: inherit;
  }

  .item {
      min-height: 500px;
  }

  .col-centered {
      float: none;
      margin: 0 auto;
  }

  .carousel-control.left,
  .carousel-control.right {
      background-image: none
  }