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



    .popover-title {
        color: black;
        font-size: 18px;
    }
    .popover-content {
        color: blue;
        font-size: 16px;
    }

    .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: 400px;

    }

        .qt-header {
            background: #406698;
            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 {
            /* To change gold class headings throughout site modify the other .gold on line ~320 */
            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: #367BC0;
}

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

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

/* 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: #367BC0;
    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:#35669A;
	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: black;
      font-size: 18px;
  }

  .popover-content {
      color: blue;
      font-size: 16px;
  }

  .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: #406698;
      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
  }