/*FONTS*/
/*
 MOVED INTO OWN CSS FILE
@font-face {
  font-family: "Rockwell";
  src: url("../fonts/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix");
  src: url("../fonts/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix") format("eot"), url("../fonts/2848532f-bf3e-4430-aae1-bc0d1367eb84.svg#2848532f-bf3e-4430-aae1-bc0d1367eb84") format("svg"), url("../fonts/7d69578b-ab0e-4986-af19-428861ada4e4.ttf") format("truetype"), url("../fonts/49ff3af5-13b2-4add-8470-4cdac3cf650e.woff") format("woff");
}

@font-face {
  font-family: "RockwellW02-BoldItalic";
  src: url("../fonts/c28ebfa1-5643-48f8-8fc3-6e26ecc6c7e1.eot?#iefix");
  src: url("../fonts/c28ebfa1-5643-48f8-8fc3-6e26ecc6c7e1.eot?#iefix") format("eot"), url("../fonts/69b95ecf-d500-4262-a615-67565fd08749.svg#69b95ecf-d500-4262-a615-67565fd08749") format("svg"), url("../fonts/30042027-5958-4a32-9a44-39d0b7e2216b.woff") format("woff"), url("../fonts/8e44be19-4da7-4054-8641-4d63e4731eea.ttf") format("truetype");

  font-weight: bold;
  //font-style: italic;
}
*/
/*.topicModal .modal-content {
  -ms-overflow-style: scrollbar;
}*/
@-ms-viewport {
  width: auto;
}
#app-loading-message h3 {
  background-color: white;
  padding: 10px;
  margin: 30px auto;
  width: 630px;
  border-radius: 7px;
}
.levelLockIconBox {
  padding: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
.levelLockIconBox i {
  margin: 7px 3px 3px 3px;
}
.smallLockIconBox {
  padding: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 17px;
  background-color: #ffffff;
}
.smallLockIconBox i {
  margin: 1px 0 0 0;
}
.smallLockIconBoxWide {
  font-size: 24px;
  margin-left: 2px;
}
/*COLOURS*/
/*VARS*/
/*MIX INS*/
.buttShadow {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.topicPaneShadow {
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.noDropShadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sidebarShadow {
  -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.3);
}
.carousel-indicators li {
  display: none;
}
/*ANIMATIONS*/
/* GLOBAL STUFF */
body {
  background-color: #e5e5e5;
  -ms-touch-action: pan-y;
  /*
    GG: Removed to fix keyboard input issues on Firefox. Overflow-y: scroll causes a long standing
        bug in the way that FF calculates offsets.
        overflow-y: scroll;
  */
}
.btn:focus {
  outline: none;
}
.bg-orange {
  background-color: #ff9500;
}
.bg-blue {
  background-color: #3f5785;
}
.bg-light-blue {
  background-color: #baccda;
}
.bg-green {
  background-color: #4ca064;
}
.bg-burgundy {
  background-color: #8b1225;
}
.bg-light-burgundy {
  background-color: rgba(139, 18, 37, 0.43);
}
.text-orange {
  color: #ff9500;
}
.text-blue {
  color: #3f5785;
}
.text-green {
  color: #4ca064;
}
.text-burgundy {
  color: #8b1225;
}
.text-grey {
  color: #9c9c9c;
}
.content-block {
  margin: 0;
  min-height: 20px;
  padding: 15px;
  margin-bottom: 20px;
}
.content-block .content-block-inner {
  padding: 0 10px 10px 10px;
}
.content-block a {
  color: #3f5785;
  text-decoration: underline;
}
.content-block .btn {
  color: #ffffff;
  text-decoration: none;
}
.content-block h4 {
  margin: 0 0 10px 0;
  padding: 0px 10px 5px 0px;
  /*font-weight: bold;*/
}
.content-block .content-block-title {
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  color: #ffffff;
  font-family: 'Rockwell', Arial, sans-serif;
  background-color: #3f5785;
}
.content-block .home-block-title {
  background-color: #8b1225;
}
.content-block .content-block-sub-title {
  font-size: 20px;
  font-family: 'Rockwell', Arial, sans-serif;
}
.updateCreditsSpinner{
  position:relative;
  width:8px;
  height:8px;
  display:inline-block;
  margin-right: 8px;
}
.cgpLoadingSpinner {
  margin: 2em 0;
}
.cgpLoadingSpinner .spinner-container{
  position:relative;
  width:100%;
  height:60px;
}
.cgpLoadingSpinner .timeout-text{
  margin-top: 1em;
}
/*TOPIC OVERLAY*/
.topicModal .modal-header {
  border: none;
  margin: 0;
  padding: 0;
}
.topicModal .modal-header h3 {
  color: #ffffff;
  margin: 10px 10px 0 10px;
  padding: 15px 15px 10px 15px;
  background-color: #3f5785;
}
.topicModal .modal-header .close {
  position: absolute;
  right: -5px;
  top: -5px;
  opacity: 1;
  background-color: #ffffff;
  padding: 5px 9px 5px 9px;
  border: solid #000000 2px;
}
.topicModal .modal-body {
  padding: 5px 10px 0 10px;
}
.topicModal .modal-body .topicIntro {
  padding-bottom: 0;
}
.topicModal .modal-dialog {
  width: 97%;
  max-width: 870px;
}
.topicModal .btn-default {
  background-color: #d8d8d8;
}
/*FIRST RUN*/
.firstRunPanel {
  padding: 0 0 10px 10px;
}
.firstRunPanel h1 {
  margin-top: 0;
}
.firstRunPanel .headerText {
  margin-left: 10px;
  vertical-align: top;
}
.firstRunPanel .list-unstyled li {
  margin-bottom: 20px;
}
.firstRunPanel .firstRunControls {
  padding: 20px;
  background-color: #baccda;
}
.firstRunPanel .firstRunControls h4 {
  font-size: 22px;
  font-family: 'Rockwell', Arial, sans-serif;
  font-weight: bold;
  background-color: #4ca064;
  color: #ffffff;
  padding: 10px;
  display: inline-block;
}
.firstRunPanel .dropdown-toggle {
  background-color: #ffffff;
}
.firstRunPanel .controlGroup {
  margin-bottom: 15px;
}
.firstRunPanel .controlGroup .controlGroupInner {
  margin-left: 15px;
}
.firstRunPanel .controlGroup p {
  margin-top: 10px;
}
.firstRunPanel h3 {
  font-family: 'Rockwell', Arial, sans-serif;
  font-size: 28px;
  margin-top: 10px;
  font-weight: bold;
}
.firstRunPanel p {
  font-size: 16px;
}
.firstRunPanel .finishButt {
  text-align: center;
}
.firstRunPanel .finishButt .btn {
  font-size: 18px;
  font-family: 'Rockwell', Arial, sans-serif;
}
.firstRunPanel .btn-info {
  margin-top: 20px;
  width: 150px;
}
.settingsPanel {
  font-size: 16px;
}
.settingsPanel .row {
  margin-bottom: 40px;
}
.personalityListItemDisabled {
  display: block;
  margin-top: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  white-space: nowrap;
}
.firstRunPanel .controlGroup .personalityListItemDisabled {
  margin: 0;
  font-size: 14px;
}
/*LEFT PANEL*/
.leftPanel {
  -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.3);
  width: 250px;
  background-color: #FFFFFF;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.leftPanel .toggleCollapseButton {
  margin-top: 12px;
  margin-bottom: 15px;
  padding: 5px 10px 5px 10px;
  color: #ffffff;
}
.leftPanel .productHeader {
  padding: 15px 0px 5px 3px;
  margin-bottom: 40px;
}
.leftPanel .productHeader img {
  float: left;
  padding: 0;
}
.leftPanel .productHeader h1 {
  vertical-align: middle;
  float: left;
  font-weight: normal;
  font-size: 26px;
  margin: 0;
  padding: 0px 0 0px 3px;
}
.leftPanel .mainNav {
  padding: 0;
}
.leftPanel .mainNav hr {
  margin: 8px 0 8px 0;
}
.leftPanel .mainNav small {
  font-size: 10px;
  display: block;
  color: #858585;
}
.leftPanel .mainNav .active a {
  background-color: #8b1225;
  color: #FFFFFF;
  /* color: @blockBurgundy;
         font-weight: bold;
         font-style: italic;
         text-decoration: none;*/
}
.leftPanel .mainNav .active a:hover,
.leftPanel .mainNav .active a:focus {
  text-decoration: none;
}
.leftPanel .mainNav .active small {
  color: #ffffff;
}
.leftPanel .mainNav li {
  font-size: 16px;
  padding: 0px;
  cursor: pointer;
  cursor: hand;
}
.leftPanel .mainNav li a {
  padding: 10px 10px 10px 10px;
  display: block;
  width: 100%;
  color: #000000;
  line-height: 20px;
}
.leftPanel .mainNav li a:hover {
  text-decoration: none;
}
.leftPanel .nav-pills li {
  padding-bottom: 5px;
}
.leftPanel .nav-pills li a {
  padding: 10px;
}
.leftPanel img {
  padding-left: 5px;
}
.leftPanel a {
  color: #000000;
}
.leftPanel .quickTopicFinder {
  margin-top: 0px;
  clear: both;
}
.leftPanel .quickTopicFinder .searchResults {
  clear: both;
}
.leftPanel .quickTopicFinder .result-row {
  padding: 5px;
  font-size: 13px;
}
.leftPanel .quickTopicFinder .sectionTitle {
  padding: 5px;
  text-transform: uppercase;
  padding-left: 10px;
  font-size: 11px;
  color: #ffffff;
}
.leftPanel .quickTopicFinder .topicRowOdd {
  background-color: #e6e6e6;
}
.leftPanelCollapsed {
  width: 38px;
  overflow-y: hidden;
}
/*MODAL*/
/*Builder*/
.builderSubStageHeading {
  background-color: #3f5785;
  color: #ffffff;
  padding: 20px 20px 20px 20px;
  margin: 0;
}
.builderQuestions {
  background: #ffffff;
  border: solid 1px #e5e5e5;
  padding: 0px 20px 20px 20px;
}
.builderQuestions .img-responsive {
  width: 600px;
}
.mb-breadcrumb {
  color: #575757;
  font-size: 18px;
  margin-bottom: 15px;
}
.mb-breadcrumb a {
  color: #575757;
}
.mb-breadcrumb .btn {
  padding: 3px 8px 3px 8px;
  margin-right: 10px;
  color: #ffffff;
}
.mb-breadcrumb .fa-angle-right {
  color: #bfbfbf;
}
.breadcrumb {
  background: none;
  padding-left: 5px;
  margin-bottom: 10px;
}
.breadcrumb a {
  color: #3f5785;
  font-weight: bold;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #2a6496;
  text-decoration: underline;
}
.mutedIcon {
  opacity: 0.3;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
}
input[type="text"] {
  width: auto;
  display: inline;
  padding: 4px 6px;
  font-size: 18px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  margin-bottom: 10px;
}
/*Backgrounds*/
.bigBgImage {
  background: no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*/
}
.bgButtList li {
  padding-bottom: 10px;
}
.lightText {
  color: rgba(255, 255, 255, 0.9);
}
/*Used for Drop Down*/
.mb-dropdown .mb-dropdown-toggle {
  border: solid 1px #a9a9a9;
  background-color: #fff;
  display: inline-block;
  padding: 1px 14px;
  cursor: pointer;
  margin: 0 0 10px 0;
}
.mb-dropdown .mb-dropdown-toggle:hover {
  text-decoration: none;
}
.mb-dropdown .dropdown-menu {
  margin-top: -10px;
  font-size: 18px;
}
.mb-dropdown .dropdown-menu li {
  padding-top: 0px;
  margin-bottom: 0;
}
.textStyleBox {
  width: auto;
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
a {
  color: #000000;
}
a:hover,
a:focus {
  color: #000000;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}
.formButton {
  vertical-align: top;
}
/*CONTENT*/
.content {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  margin-left: 250px;
  position: relative;
  /*MAIN PANEL*/
}
.content .mainPanel {
  background: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 848px;
  min-height: 100%;
}
.content .mainPanel .pageHeader {
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  margin: 0 0 20px 0;
  padding: 15px 25px 15px 0px;
  background-color: #8b1225;
}
.content .mainPanel .pageHeader .btn-link {
  color: #ffffff;
}
.content .mainPanel .pageHeader h1 {
  font-family: 'Rockwell', Arial, sans-serif;
  font-weight: normal;
  font-size: 26px;
  margin: 0px 0 0 0;
  color: #ffffff;
}
.content .mainPanel .pageHeader h1 i {
  margin-right: 7px;
}
.content .mainPanel .reducedPaddingHeader {
  padding-top: 10px;
}
.content .mainPanel .contentHolder {
  margin-bottom: 50px;
  padding: 25px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.content .mainPanel .contentHolder .panelHeader {
  margin: 0 0 15px 0;
}
.content .mainPanel .no-background {
  background: none;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.contentWhenSideBarCollapsed {
  margin-left: 38px;
  /*  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;*/
}
.contentInFirstRun {
  margin-left: 0;
  margin-top: 20px;
}
.nextPrevButts {
  margin-right: 30px;
}
.progress {
  vertical-align: bottom;
  margin-bottom: 0px;
  border-radius: 10px;
  padding: 5px;
  margin-top: 10px;
  background-image: none;
  background-color: #FFFFFF;
  border: #c8c7c9 1px solid;
}
.progress .progress-left-rounded {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.progress .progress-right-rounded {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.progress .progress-bar {
  -webkit-transition: none;
  transition: none;
}
/*HOME*/
.homeIntro {
  font-size: 16px;
  margin-bottom: 10px;
}
.homeProgressTable .gradeTableRow {
  vertical-align: middle;
  clear: both;
  margin-bottom: 0px;
}
.homeProgressTable .progress {
  margin-top: 0;
}
.boredContent {
  /*margin-left: auto;
  margin-right: auto;*/
  text-align: center;
  padding: 20px;
  background-color: #ffffff;
  margin-bottom: 30px;
  border: #4ca064 solid 2px;
}
.boredContent h4 {
  margin-right: 40px;
}
/*h1 {
  margin-bottom: 20px;
}*/
.btn {
  border: none;
  border-radius: 0;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: .3;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #448f59;
}
.btn-inverse {
  background-color: #2c2c2c;
  color: #FFFFFF;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #000000;
}
.btn-info {
  background-color: #3f5785;
}
.btn-primary {
  background-color: #8b1225;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #5e0c19;
}
.btn-green {
  background-color: #4ca064;
  color: #ffffff;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  background-color: #3c7d4e;
  color: #ffffff;
}
.btn-secondary {
  color: #ffffff;
  background-color: #3f5785;
  background-image: none;
}
.btn-secondary:hover,
.btn-secondary[disabled],
.btn-secondary:focus {
  color: #ffffff;
  background-color: #2f4062;
}
.btn-secondary-standout {
  color: #ffffff;
  background-color: #854289;
  background-image: none;
}
.btn-secondary-standout:hover,
.btn-secondary-standout[disabled],
.btn-secondary-standout:focus {
  color: #ffffff;
  background-color: #643167;
}
.btn-secondary-light {
  color: #ffffff;
  background-color: #baccda;
  color: #000000;
  background-image: none;
}
.btn-secondary-light:hover {
  background-color: #99b3c8;
}
.btn-success {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #4ca064;
  background-image: none;
  font-weight: bold;
}
.carousel-control {
  display: none;
}
.slideButts {
  margin-left: 5px;
}
.carouselThing {
  margin-top: 30px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  background-color: #8b1225;
}
/* BROWSER / FINDER*/
.finderSearchCtrls ul li {
  padding: 0;
}
.finderSearchCtrls input[type="text"] {
  margin-bottom: 0;
  margin-right: 0;
}
.finderSearchCtrls .searchClearButt {
  vertical-align: middle;
  margin-right: 10px;
}
.finder-controls {
  background-color: rgba(78, 78, 78, 0.76);
  color: #ffffff;
  padding: 20px 0 0 0;
}
.finder-controls .form-horizontal .control-group {
  margin-bottom: 0;
}
.finder-controls .form-horizontal .controls {
  margin-left: 20px;
  margin-bottom: 0;
}
.topicList {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0 20px 10px 20px;
}
.topicRow {
  padding: 10px;
  cursor: pointer;
  cursor: hand;
  border-top: solid thin rgba(78, 78, 78, 0.1);
  background-color: #ffffff;
}
.topicRow .nameCol {
  padding-left: 5px;
}
.topicRow .progress {
  width: 100%;
  margin: 0;
  padding: 3px;
}
.disabledTopicRow {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* For IE8 and earlier */
  cursor: pointer;
}
/*LEVEL*/
/*TOPIC*/
.topic {
  padding: 0.5%;
  font-size: 16px;
}
.topic h3 {
  color: #8b1225;
}
.topic .helpBox-content .img-responsive {
  width: 600px;
}
.topic-timer {
  background-color: #d7deec;
  font-size: 18px;
  padding: 5px 10px 5px 0;
  text-align: center;
}
.topic-timer .question-state {
  background-color: #3f5785;
  padding: 3px 8px;
  color: #ffffff;
}
.topicHeader {
  font-weight: bold;
  border: rgba(0, 0, 0, 0.5) 1px solid;
  background-color: #fff9c5;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 3px 10px 3px 12px;
  margin-bottom: 10px;
}
.topicHeader h3 {
  font-family: 'RockwellW02-BoldItalic', Arial, sans-serif;
  padding: 0;
  margin: 0;
  line-height: 38px;
}
.topicContent .showFunButt {
  padding-left: 10px;
}
.topicIntro {
  padding-bottom: 10px;
}
/*NEW TABS*/
.mb-tab-content {
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  border: 1px solid #ddd;
  margin: 0;
  padding: 30px;
}
.mb-tab-group {
  margin: 0;
  padding: 0;
  margin-bottom: -2px;
}
.mb-tab {
  color: #ffffff;
  background-repeat: no-repeat;
  font-size: 16px;
  text-align: center;
  width: 199px;
  height: 40px;
  cursor: hand;
  cursor: pointer;
  padding: 10px 0 0px 0;
  margin: 0 -20px 0px 0;
  position: relative;
  z-index: 4;
}
.mb-tab0 {
  background-image: url("../img/tab_green.png");
  z-index: 4;
}
.mb-tab1 {
  background-image: url("../img/tab_green.png");
  z-index: 3;
}
.mb-tab2 {
  background-image: url("../img/tab.png");
  z-index: 2;
}
.mb-tab3 {
  z-index: 1;
  background-image: url("../img/tab_orange.png");
}
.mb-tab-selected {
  z-index: 5;
  cursor: default;
}
.topicContent .topicTabs .topicTab {
  cursor: pointer;
  z-index: 2;
  color: #ffffff;
  width: 175px;
  /*width: 30%;*/
  display: inline-block;
  padding: 10px 0 0 0;
  height: 40px;
  text-align: center;
  position: relative;
  /* Only round the top corners */
  /*            -webkit-border-top-left-radius: 15px;
                  -webkit-border-top-right-radius: 15px;
                  -moz-border-radius-topleft: 15px;
                  -moz-border-radius-topright: 15px;
                  border-top-left-radius: 15px;
                  border-top-right-radius: 15px; */
}
.topicContent .topicTabs .selectedTab {
  z-index: 3;
}
.topicContent .topicTabs .revisionTab {
  /*min-width: 145px;*/
  margin-left: 5px;
  background-image: url("../img/tab_orange.png");
  /*background-color: @blockOrange;*/
  background-repeat: no-repeat;
}
.topicContent .topicTabs .videoTab {
  /*min-width: 145px;*/
  margin-left: -15px;
  background-image: url("../img/tab_burgundy.png");
  /*background-color: @blockBurgundy;*/
  background-repeat: no-repeat;
}
.topicContent .topicTabs .practiceTab {
  margin-left: -15px;
  /*min-width: 174px;*/
  background-image: url("../img/tab_green.png");
  /*background-color: @blockGreen;*/
  background-repeat: no-repeat;
}
.topicContent .tabContent .tab-inner {
  padding: 20px;
}
.topicContent .tabContent .revisionTabContent {
  border: #ff9500 4px solid;
}
.topicContent .tabContent .videoTabContent {
  border: #8b1225 4px solid;
}
.topicContent .tabContent .practiceTabContent {
  border: #4ca064 4px solid;
}
.nav-tabs > li > a {
  font-size: 16px;
  border: none;
  border-bottom-color: transparent;
  cursor: hand;
  padding: 0px 25px 10px 25px;
  color: #FFFFFF;
  padding-top: 10px;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  border: none;
  cursor: default;
  background-color: transparent;
  color: #FFFFFF;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}
.nav-tabs > li {
  text-align: center;
  width: 199px;
  height: 40px;
  cursor: hand;
  cursor: pointer;
  margin-right: -20px;
  background-image: url("../img/tab.png");
  background-repeat: no-repeat;
  position: relative;
}
.nav-tabs > li.tab0 {
  z-index: 4;
  background-image: url("../img/tab_green.png");
}
.nav-tabs > li.tab1 {
  z-index: 3;
  background-image: url("../img/tab.png");
}
.nav-tabs > li.tab2 {
  z-index: 2;
  background-image: url("../img/tab_orange.png");
}
.nav-tabs > li.tab3 {
  z-index: 1;
  background-image: url("../img/tab_burgundy.png");
}
.nav-tabs > li.active {
  position: relative;
  z-index: 15;
}
.nav-tabs {
  padding-left: 5px;
}
.tab-content {
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.tab-content .tab-pane {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-top: none;
  margin: 0;
}
.tab-content .tab-pane .selectedRevisionButt {
  background-color: #8b1225;
  color: #ffffff;
}
.tab-content .tab-pane .selectedRevisionButt[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}
.tab-content .tab-pane .tab-inner {
  padding: 20px;
}
.tab-content .tab-pane .questions-tab-inner {
  padding: 0px;
  border: #0f4486 7px solid;
}
.topic .nav {
  margin: 0;
}
.topic .nav-pills > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 20px;
}
.sectionsCol li {
  margin-bottom: 20px;
}
/*Vids*/
.vjs-default-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  margin-left: -57px;
  margin-top: -30px;
}
.vidThumbTitle {
  margin-top: 0;
  font-size: 16px;
  font-weight: bold;
}
.vidThumb {
  margin-bottom: 20px;
}
/*.vjs-poster {
  height: 100%;
}*/
/*Question nav*/
.navButts {
  padding: 5px 0px 20px 0px;
  margin-top: 10px;
}
.navButts h5 {
  margin: 10px 10px 0 0;
  font-weight: normal;
}
.navButts .qButt {
  color: #ffffff;
  float: left;
  background-color: #baccda;
  padding: 5px 10px 5px 10px;
  cursor: hand;
  cursor: pointer;
  text-align: center;
  margin-right: 2px;
  border-top: #ffffff solid 2px;
  border-bottom: #ffffff solid 2px;
}
.navButts .selectedQNum2 {
  border-top-color: rgba(0, 0, 0, 0.5);
  border-bottom-color: rgba(0, 0, 0, 0.5);
}
.navButts .qButtWrong {
  background-color: #8b1225;
}
.navButts .qButtPartCorrect {
  background-color: #ff9500;
}
.navButts .qButtCorrect {
  background-color: #4ca064;
}
/*.scratchPad {
    padding-top: 30px;
}*/
/*
    QUESTION
*/
.spaced-h-list li {
  margin-right: 20px;
  margin-top: 0;
}
.checkbox-vertical-list {
  display: block;
}
.mb-checkbox-group .btn {
  border: none;
  font-size: 18px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: left;
  white-space: inherit;
}
.mb-checkbox-group .btn-mb-deselected {
  background-image: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  background-color: #8d8d8d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  outline: 0;
}
.mb-checkbox-group .btn.disabled,
.mb-checkbox-group .btn[disabled] {
  /*Here because it displays funny in IE*/
  color: #262323;
  background-color: white;
  filter: none;
}
.mb-radio-group .btn {
  border: none;
  font-size: 18px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: left;
  white-space: inherit;
}
.mb-radio-group .btn-mb-deselected {
  background-image: none;
  color: #ffffff;
  background-color: #8d8d8d;
  outline: 0;
}
.mb-radio-group .btn.disabled,
.mb-radio-group .btn[disabled] {
  /*Here because it displays funny in IE*/
  color: #262323;
  background-color: white;
  filter: none;
}
.mb-radio-group .radio-vertical-list {
  display: block;
  text-align: left;
}
.questionNumberText {
  font-size: 24px;
}
.feedBack {
  padding-top: 10px;
  margin-left: 2px;
  position: relative;
}
.feedBack .alert {
  margin: 0;
  background-color: #FFFFFF;
  border-color: #ff9500;
}
.feedBack .alert p {
  margin: 0;
}
.feedBack .alert-danger {
  border-color: #8b1225;
}
.feedBack .alert-success {
  border-color: #4ca064;
}
/*TABLES*/
.questionTable {
  width: 100%;
  margin-bottom: 10px;
}
.questionTable thead {
  background-color: #f1f1f1;
}
.questionTable td {
  padding: 8px;
  border: #333333 solid 2px;
}
.questionTable td .marksArea {
  padding: 5px;
  margin: 0;
}
.questionTable td .marksArea .userInput {
  margin: 0;
}
.centeredTable {
  text-align: center;
}
.fullWidthTable {
  width: 100%;
}
.retryButt {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #8b1225;
  background-image: none;
}
.retryButt:hover,
.retryButt:focus,
.retryButt:active,
.retryButt.active,
.retryButt.disabled,
.retryButt[disabled] {
  color: #fff;
  background-color: #5e0c19;
}
.nextButt {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3f5785;
  background-image: none;
}
.nextButt:hover,
.nextButt:focus,
.nextButt:active,
.nextButt.active,
.nextButt.disabled,
.nextButt[disabled] {
  color: #fff;
  background-color: #2f4062;
}
/* FUN PICS */
.funPic {
  margin-left: 1%;
  float: left;
  width: 20%;
  background-color: #ffffff;
}
.topicTabs .tab-content {
  max-width: 100%;
}
.topicTabs .nav-tabs {
  max-width: 100%;
}
.questionHolder {
  clear: both;
}
.questionHolder:after {
  clear: both;
}
.marksArea {
  clear: both;
}
.marksArea label {
  vertical-align: middle;
  padding: 0px;
  padding-bottom: 5px;
}
.marksArea label input {
  margin: 0 0 4px 0;
}
.alert-orange {
  color: #ff9500;
}
.inline-marksArea .marksArea {
  display: inline-block;
  padding: 5px;
  margin: 0;
}
.inline-marksArea .marksArea .userInput {
  margin: 0;
}
.hidden-marksArea .marksArea {
  background: none;
  border: none;
}
.small-marksArea .marksArea {
  margin: 0;
  padding: 0;
}
.questionWithGraphic {
  max-width: 600px;
  min-width: 250px;
}
.qEnd {
  clear: both;
}
.fullWidthQuestion {
  width: 100%;
  margin: 0;
}
.helpScreen h3 {
  font-weight: bold;
  margin-top: 10px;
}
.helpScreen hr {
  margin-top: 40px;
}
.helpScreen p,
.helpScreen li {
  font-size: 16px;
}
.helpScreen p a {
  text-decoration: underline;
}
.helpBox {
  margin-left: 0px;
  padding: 0px;
  text-align: left;
}
.helpBox .helpBox-content {
  padding: 5px 0 15px 0;
}
.helpBox .helpBox-content img {
  margin-left: auto;
  margin-right: auto;
}
.helpBox hr {
  border: none;
  height: 20px;
  padding: 0;
  margin: 0;
}
.myArrow {
  border: solid 15px transparent;
  border-right-color: rgba(0, 0, 0, 0.4);
  border-left-width: 0;
  position: absolute;
  margin: 23px 0 0 -16px;
}
.questionInner {
  border: none;
  padding: 0px 0px 0px 0px;
}
.questionInner li .marksArea {
  margin-top: 4px;
}
.question {
  font-size: 18px;
  line-height: 28px;
  /*.mathjax {
    font-family: Impress, Arial, sans-serif;
  }*/
}
.question h4 {
  font-weight: bold;
}
.question .btn {
  font-family: Arial, Verdana, sans-serif;
}
.question .qIntro {
  padding-bottom: 10px;
  /*border-bottom: #d4d4d4 solid thin;*/
  margin-bottom: 0px;
}
.question .indented {
  padding-left: 20px;
}
.question .bigindented {
  padding-left: 40px;
}
.question ol li {
  padding-top: 10px;
  margin-bottom: 15px;
}
.question ol li .marksArea {
  margin-top: 5px;
}
.question ul {
  list-style: none;
}
.question ul li {
  padding-top: 20px;
}
.question ul li .marksArea {
  margin-top: 5px;
}
.question .helpBox {
  font-size: 16px;
}
.question form {
  margin: 0;
}
.topicQEnd {
  padding-top: 5px;
  clear: both;
}
/*MARK BUTT, RETRY etc*/
.qButts button {
  margin-top: 10px;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
/*ANSWER*/
.fractionInputs input[type="text"] {
  margin-bottom: 1px;
}
.fractionInputs .dividingLine {
  height: 2px;
  border-top: 1px solid #333;
  margin: 1px;
}
/*MATHQUILL*/
.mathquill-rendered-math .numerator {
  margin-bottom: 0;
}
.mathquill-rendered-math .sqrt-stem {
  margin-top: .1em;
}
.mathQuillHoldingThing {
  /*font-family: "Times New Roman", Symbola, serif;*/
}
.mathQuillHoldingThing sup {
  top: auto;
  font-size: 75%;
  padding-left: .1em;
}
.mathQuillHoldingThing sup .fraction {
  font-size: 100%;
}
.mathQuillHoldingThing sub .fraction {
  font-size: 100%;
}
.mathQuillHoldingThing .denominator {
  padding: 0 .1em 0 .1em;
}
.mathQuillHoldingThing * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.mathQuillHoldingThing *:before,
.mathQuillHoldingThing *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fractionForMatrix {
  vertical-align: middle;
  /*font-size: 22px;*/
}
.fractionForMatrix .fraction {
  font-size: 100%;
}
.fractionForMatrix .numerator {
  padding-left: 5px;
  padding-right: 5px;
}
.fractionForMatrix .non-leaf .fraction .denominator {
  border: none;
}
.fractionForRecurringDecimal .fraction {
  font-size: 100%;
  vertical-align: 0;
  padding: 0;
}
.fractionForRecurringDecimal .numerator {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: -6px;
}
.fractionForRecurringDecimal .denominator {
  border: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
/* Small dots used in background of input field to indicate recursion -- George */
.recurringDecimal1 input {
  background-image: url("../img/recurringDecimal1.png");
  background-repeat: no-repeat;
}
.recurringDecimal2 input {
  background-image: url("../img/recurringDecimal2.png");
  background-repeat: no-repeat;
}
.recurringDecimal1 input[disabled] {
  background-image: url("../img/recurringDecimal1marked.png");
  background-repeat: no-repeat;
}
.recurringDecimal2 input[disabled] {
  background-image: url("../img/recurringDecimal2marked.png");
  background-repeat: no-repeat;
}
.mathQuillAnswerBit {
  margin-bottom: 10px;
}
.mathQuillAnswerBit * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.mathQuillAnswerBit *:before,
.mathQuillAnswerBit *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.mathQuillAnswerBit sup {
  top: 0px;
}
.mathquill-rendered-math.empty {
  background-color: #ffffff;
}
.mathquill-editable,
.mathquill-embedded-latex,
.mathquill-uneditable {
  font-size: 20px;
  border: 1px solid gray;
  padding: 5px 10px 5px 10px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 15px;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;*/
}
.mathquill-uneditable {
  background-color: #f3f3f3;
}
.marksArea {
  margin: 0px 0 0px 0;
  padding: 15px 19px 0px 10px;
  background-color: #f1f1f1;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.marksArea .alert {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
}
.marksArea .alert [class^="icon-"],
.marksArea .alert [class*=" icon-"] {
  line-height: normal;
  vertical-align: top;
  background-image: none;
  background-position: 0% 0%;
}
.marksArea .alert i {
  font-size: 32px;
}
.marksArea .alert .message {
  padding-left: 5px;
  color: #000000;
}
/* I (chris) assume fraction is used elsewhere, but it's overriding the fraction class used in mathquill so I've tried to undo the affects here.*/
/*Chris - I've now changed the non-mathquill fraction class to mb-fraction and mb-numerator and changed the relevant partials.
SO the class below shouldn't be needed anymore.
*/
.mb-fraction {
  display: inline-block;
  margin-bottom: 10px;
  padding: 6px;
  text-align: center;
}
.mb-fraction span {
  margin-bottom: 0px;
}
.mb-fraction input[type="text"] {
  margin: 0px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: left;
}
.mb-fraction .mb-numerator {
  padding-bottom: 3px;
  border-bottom: 1px solid #aaa;
}
.mb-fraction .mb-denominator {
  margin-top: 2px;
}
.totalMarks {
  font-size: 12px;
  padding-left: 0;
  margin-right: -18px;
  /*clear: both;*/
  color: #989399;
}
.inputPanelButt {
  margin: 0 0 10px 0px;
}
.markText {
  margin-top: 5px;
  font-size: 13px;
  color: #989399;
  /*clear: both;*/
  margin-right: 5px;
}
input .userInput {
  display: inline;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #fdfdfd;
}
/*
    TIMED TESTS
*/
.timedTestsIntro {
  margin-bottom: 10px;
}
.timedTestsIntro h3 {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #c6c6c6;
}
.timedTestsIntro ul {
  padding-left: 20px;
}
.timedTestsIntro li {
  padding-bottom: 10px;
}
.timedTestPaper .timer {
  background-color: #ffffff;
  z-index: 2000;
  border: #8b1225 solid 1px;
  padding: 20px;
  color: #8b1225;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.timedTestPaper .affix {
  right: 1%;
}
.examPaper {
  max-width: 800px;
}
.examTitlePage {
  background-color: #FFFFFF;
  padding: 40px 40px 40px 60px;
  margin-bottom: 20px;
  border: #d4d4d4 thin solid;
}
.examPaperPage {
  padding-top: 50px;
  background-color: #FFFFFF;
}
.examPaperQuestions {
  margin-left: 0px;
  border: #d4d4d4 thin solid;
  max-width: 850px;
  float: left;
  background-color: #ffffff;
}
.questionInnerExam {
  border-bottom: #d4d4d4 thin solid;
  padding: 35px 35px 10px 35px;
}
.marksColumn {
  padding-right: 10px;
  width: 100px;
  float: right;
}
.questionsFooter {
  padding: 10px 20px 50px 50px;
  clear: both;
}
/* Docs */
.docs-example {
  background-color: #ffffff;
}
.docs-accordian .accordion-heading {
  font-size: 16px;
  padding: 5px;
  background-color: #c4e3f3;
}
.docs-accordian .accordion-heading a {
  color: #000000;
}
.docs-accordian .accordion-body {
  background-color: rgba(255, 255, 255, 0.7);
}
/*STYLE GUIDE*/
/*mathsjax*/
.mathsjax-text-area {
  width: 100%;
}
/*TOPIC MODEL*/
.key {
  padding: 10px;
  margin: 5px;
  font-weight: bold;
}
.topic-model-topic {
  border: #0044cc solid 2px;
  background-color: #aecff6;
  color: #0044cc;
}
.topic-model-question {
  background-color: #e0a39d;
  border: #802420 solid 2px;
  color: #802420;
}
.topic-model-question-inner {
  background-color: #e0a39d;
  border: #802420 dashed 2px;
  color: #802420;
}
.topic-model-marksarea {
  background-color: #97c995;
  border: #008001 solid 2px;
  color: #008001;
}
.topic-model-answer {
  background-color: #e9cde7;
  border: #cb00cb solid 2px;
  color: #cb00cb;
}
.topic-model-results {
  background-color: #97c995;
  border: #008001 dashed 2px;
  color: #008001;
}
/*CHARTS GRAPHS*/
.axis path,
.axis line {
  fill: none;
  stroke: black;
  shape-rendering: crispEdges;
}
.axis path {
  fill: none;
  /*stroke: none;*/
}
.bar {
  fill: steelblue;
}
/*DATA PAGE*/
.dataPage {
  font-size: 16px;
  line-height: 32px;
}
.dataPage li {
  line-height: 24px;
  padding-bottom: 10px;
}
.cjd-arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.cjd-popover {
  font-size: 18px;
  position: absolute;
  z-index: 1009;
  padding: 10px 10px 10px 10px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.cjd-popover .cover-panel {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
/* Video Popup */
.video-container {
  border: #000000 solid 1px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.7em;
}
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  bottom: -3.4em !important;
  background-color: #07141e !important;
}
/*.videopopup {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 590px;
  width: 750px;
  margin-left: -400px;
  margin-top: -295px;
  z-index: 2000;
  background-color: white;
  border-radius: 10px;

  .videopopup-header {
    margin: 0px 15px;

    .close {
      margin-top: 5px;
      font-size: 45px;
      line-height: 30px;
      opacity: 0.6;
    }
  }

  .videopopup-body {
    text-align: center;
    position: absolute;
    bottom: 0;
  }
}*/
.teststyle {
  font-weight: bold;
  font-size: x-large;
}
.videopopup-trigger .vid-thumb {
  width: 225px;
  height: 162px;
  border: solid 1px black;
}
.fun-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  /*height: 590px;*/
  width: 650px;
  margin-left: -350px;
  margin-top: -295px;
  z-index: 2000;
  background-color: white;
  border-radius: 10px;
}
.fun-popup .fun-popup-header {
  margin: 0px 15px;
}
.fun-popup .fun-popup-header .close {
  margin-top: 5px;
  font-size: 40px;
  line-height: 30px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */
}
.fun-popup .fun-popup-body {
  text-align: center;
  /*position: absolute;*/
  bottom: 0;
  margin-bottom: 15px;
}
/*GRADE DISPLAY*/
.grade {
  display: inline;
  padding: 3px;
}
.selectedGrade {
  background-color: #89a0b7;
  color: #FFFFFF;
}
.gradeLineEnd:after {
  /*content:"\A";
  white-space:pre;*/
}
/*Trophies, Credits, Medals*/
.wallpaper {
  background-image: url("../img/achievements/Wallpaper_Tile.jpg");
}
.shelf {
  margin-bottom: 40px;
  padding: 0 15px 0 15px;
}
.shelf .footer {
  border: #5e3122 1px solid;
  text-align: center;
  background-color: #744821;
  color: rgba(192, 137, 81, 0.87);
}
.shelf .footer h3,
.shelf .footer h4 {
  font-family: "Rockwell";
  text-shadow: inset #000000 20px;
  padding: 10px 0 10px 0;
  margin: 0;
}
.shelf .footer h4 {
  padding-bottom: 0;
  margin-bottom: 0;
}
.shelf .footer h5 {
  padding-top: 0;
  margin-top: 0;
  font-size: 12px;
  font-family: "Rockwell";
}
.poster {
  margin: 5px;
  padding: 10px 10px 20px 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  font-family: "Rockwell";
}
.poster h3 {
  text-align: center;
  font-family: "Rockwell";
  padding-bottom: 10px;
}
.poster .result-row {
  font-size: 16px;
  padding: 5px;
  color: #858585;
}
.poster .explanButt {
  margin-top: 10px;
  text-align: left;
}
.poster .explanButt i {
  padding-left: 10px;
}
.poster .explanation {
  text-align: left;
  font-family: "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif;
  font-size: 20px;
}
.poster .explanation h4 {
  font-weight: bold;
  padding-top: 20px;
}
/*Challenges*/
.activeChallenge .img-responsive {
  width: 600px;
}
.activeChallenge .blue {
  background-color: #b4c2dc;
  color: #3f5785;
}
.activeChallenge .orange {
  background-color: #f4c699;
  color: #e68600;
}
.activeChallenge .green {
  background-color: #b6cda1;
  color: #4ca064;
}
.activeChallenge .btn-block {
  font-weight: bold;
  font-size: 18px;
  padding: 15px;
  color: #ffffff;
}
.activeChallenge .btn-block:hover {
  opacity: 0.9;
}
.activeChallenge .blueButt {
  background-color: #3f5785;
}
.activeChallenge .greenButt {
  background-color: #4ca064;
}
.activeChallenge .orangeButt {
  background-color: #ff9500;
}
.activeChallenge .challengeHolder {
  margin-bottom: 40px;
}
.activeChallenge .content-block {
  margin-bottom: 0;
}
.activeChallenge h2,
.activeChallenge h3 {
  margin: 0;
}
.activeChallenge .bestScore {
  font-weight: bold;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  margin: 0;
}
.activeChallenge .startButt {
  font-weight: bold;
  font-size: 24px;
}
.activeChallenge .instructions {
  margin: 20px;
  font-size: 18px;
}
.activeChallenge .challenge-progress-block {
  padding: 20px;
  background-color: #f2f2f2;
  border: solid #cecece 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.activeChallenge .challenge .question-state {
  font-size: 24px;
  font-weight: normal;
  display: inline-block;
  margin-right: 20px;
  float: right;
}
.activeChallenge .challenge .timing {
  font-size: 24px;
  font-weight: bold;
}
.activeChallenge .questionHolder {
  margin-top: 20px;
}
.challenge-block {
  background-repeat: no-repeat;
  height: 118px;
  padding: 20px;
  margin: 0;
}
.sudden-fail-block {
  background-image: url('../img/challenges/Sudden_Fail.jpg');
}
.time-trial-block {
  background-image: url('../img/challenges/Time_Trial.jpg');
}
.against-the-clock-block {
  background-image: url('../img/challenges/Against_The_Clock.jpg');
}
.challenge-block-footer {
  padding: 5px;
  background-color: #000000;
  color: #ffffff;
  margin-bottom: 20px;
}
.revImgPadding {
  padding-top: 20px;
}
.warningTxt {
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  width: 100%;
  height: 100%;
  color: black;
  z-index: 5000;
  background-image: url(img/backgrounds/normal_home.jpg);
  background-attachment: fixed;
}
.warningTxt p {
  background-color: #8b1225;
  color: white;
  font-size: 12pt;
  width: 400px;
  padding: 20px;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -200px;
  position: absolute;
}
.warningTxt a {
  color: white;
  text-decoration: underline;
}
.gridShader td {
  border: 1px solid black;
  width: 50px;
  height: 50px;
}
.gridShader td.selected {
  background-color: #ccc;
}
.gridShader td.selectedCorrect {
  background-color: #F00;
}
ol.radioButtonOptions {
  list-style-type: upper-alpha;
}
.radioButtonOptions li {
  font-weight: normal;
}
.axisYLabel {
  position: absolute;
  top: 50%;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.dropdown-menu li {
  cursor: pointer;
}
.softkeyEnabled {
  background-color: #FFF !important;
  cursor: pointer !important;
}
.simulatedCursor {
  border-right: 1px solid #000;
}
.topicModal .modal-dialog {
  /* So softkeys cannot cover questions */
  margin-bottom: 250px;
}
.topicHolderBg {
  color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
.topicHolder .btn-default {
  background-color: #d8d8d8;
}
.topicHolder .modal-content {
  max-width: 870px;
  margin: 10px auto 0 auto;
}
.topicHolder .modal-header {
  border: none;
  margin: 0;
  padding: 0;
}
.topicHolder .modal-header h3 {
  color: #ffffff;
  margin: 10px 10px 0 10px;
  padding: 15px 15px 10px 15px;
  background-color: #3f5785;
}
.topicHolder .modal-header .close {
  position: absolute;
  right: -5px;
  top: -5px;
  opacity: 1;
  background-color: #ffffff;
  padding: 5px 11px 10px 11px;
  border: solid #000000 2px;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
ul,
li {
  cursor: default;
}
.dynamicLoaded svg {
  width: 100%;
}
button.mobileclose {
  /*
      font-size: 35px;
      width: 30px;
      z-index: 10;
      float: none;
      position: absolute;
      right: 10px;
      top: 10px;
  */
}
/* Overriding top bar styles to make it responsive
.cgp-topbar .cgp-topbar-content {
  width:auto;
}*/
.cgp-topbar div.cgp-topbar-fixedwidth,
.cgp-topbar div.cgp-topbar-content {
  width: 100%;
  min-width: 500px;
}

.mb-block-tabs{
  clear: both;
  margin-left: 5px;
}

.mb-block-tab{
  display: inline-block;
  background-color: #555555;
  color: #ffffff;
  padding: 10px 15px 3px 15px;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  vertical-align: bottom;
  margin-top: 7px;
}

.orange-tab{
  background-color: #ff9501;
}

.burgundy-tab{
  background-color: #8b1225;
}

.green-tab{
  background-color: #4ca064;
}

.mb-block-tab-selected{
  margin-top: 0px;
  padding-bottom: 10px;
}

@media (max-width: 976px) {
  .versionTxt {
    visibility: hidden;
  }
}
@media (max-width: 850px) {
  .printExamContent .topicTabs .topicTab {
    width: auto;
    padding: 10px;
  }
  .printExamContent .topicTabs .revisionTab {
    margin-left: 0;
    background-image: none;
    background-color: #ff9500;
  }
  .printExamContent .topicTabs .videoTab {
    margin-left: 0;
    background-image: none;
    background-color: #8b1225;
  }
  .printExamContent .topicTabs .practiceTab {
    margin-left: 0;
    background-image: none;
    background-color: #4ca064;
  }
}
@media (max-width: 767px) {
  .mb-block-tabs{
    margin-left: 0;
  }

  .mb-block-tab{
    border-radius: 0;
    margin-top: 0;
    padding-bottom: 10px;
  }

  .versionTxt {
    visibility: hidden;
  }
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 834px) {
  .topicContent .topicTabs .topicTab {
    width: auto;
    padding: 10px;
  }
  .topicContent .topicTabs .revisionTab {
    margin-left: 0;
    background-image: none;
    background-color: #ff9500;
  }
  .topicContent .topicTabs .videoTab {
    margin-left: 0;
    background-image: none;
    background-color: #8b1225;
  }
  .topicContent .topicTabs .practiceTab {
    margin-left: 0;
    background-image: none;
    background-color: #4ca064;
  }
}
@media (max-width: 1060px) {
  /* For tables that are too wide we add a sidescroller */
  .sidescroller {
    overflow-x: auto;
    overflow-y: hidden;
    /* No need to reduce the font-size */
    /*font-size:14px;*/
  }
  /* Free up a little space by removing some padding in timed tests */
  .questionInnerExam {
    border-bottom: #d4d4d4 thin solid;
    padding: 0px;
  }
}
@media (max-width: 800px) {
  /* 767px  For tables that are too wide we add a sidescroller */
  .sidescroller {
    /*overflow-x: auto;
    overflow-y: hidden;
	font-size:10px;*/
  }
  /* Free up a little space by removing some padding in timed tests * /
  .questionInnerExam {
    border-bottom: #d4d4d4 thin solid;
    padding: 0px;
  }*/
}