/* =======================================
   Colours & Variables
   ======================================= */
/* EM breakpoints */
/* Selectors */
/* =======================================
   Boilerplate & custom defaults
   ======================================= */
html,
button,
input,
select,
textarea {
  color: #242a31;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 1em;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  clear: both;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0 0 40px 0;
  padding: 0;
}
textarea {
  height: 100px;
  resize: vertical;
}
textarea.large {
  height: 200px;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* Clearfix */
div,
article,
nav,
ul,
aside,
section,
header,
footer,
ul,
form,
fieldset,
figure,
figcaption,
video,
audio,
canvas,
ins {
  zoom: 1;
}
div:before,
article:before,
nav:before,
ul:before,
aside:before,
section:before,
header:before,
footer:before,
ul:before,
form:before,
fieldset:before,
figure:before,
figcaption:before,
video:before,
audio:before,
canvas:before,
ins:before {
  content: '';
  display: block;
}
div:after,
article:after,
nav:after,
ul:after,
aside:after,
section:after,
header:after,
footer:after,
ul:after,
form:after,
fieldset:after,
figure:after,
figcaption:after,
video:after,
audio:after,
canvas:after,
ins:after {
  content: '';
  display: table;
  clear: both;
}
/* Box Model */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
img.svg {
  min-width: 100%;
}
ul,
ol {
  margin-left: 0;
  padding-left: 20px;
}
/* General Lists */
nav {
  position: relative;
  float: left;
}
nav ul,
ul.gen-nav,
ul.centered,
ul.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li,
ul.gen-nav li,
ul.centered li,
ul.tabs li {
  line-height: normal;
  text-indent: 0;
  margin: 0;
  padding: 0;
}
nav ul a,
ul.gen-nav a,
ul.centered a,
ul.tabs a {
  cursor: pointer;
}
nav ul li,
ul.gen-nav li,
ul.tabs li {
  float: left;
}
nav a {
  display: block;
  text-decoration: none;
}
hr {
  display: block;
  height: 0;
  border: 0;
  border-top: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
}
a {
  color: #00549a;
  text-decoration: none;
}
.no-wrap {
  white-space: nowrap;
}
/* =======================================
   Form & UI elements
   ======================================= */
/* Input & select */
.dd-menu,
input[type="text"],
input[type="password"],
textarea {
  background-color: white;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
}
.search > button {
  display: block;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: absolute;
  top: 20px;
  right: 20px;
  height: 24px;
  width: 24px;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('/images/search-icon.png');
  background-image: url('/images/search-icon.svg'), none;
}
input[type="text"],
input[type="password"],
textarea {
  box-shadow: inset 0 0 6px 0 #ededed;
  -moz-box-shadow: inset 0 0 6px 0 #ededed;
  -webkit-box-shadow: inset 0 0 6px 0 #ededed;
  position: relative;
  behavior: url(/PIE.htc);
  color: #708b91;
  width: 100%;
}
.dd-menu,
input[type="text"],
input[type="password"],
textarea {
  border: 1px solid;
  border-color: #dfdfdf;
}
:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  outline: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  color: #242a31;
}
.table-course-list {
  width: 100%;
}
.table-course-list td:nth-child(0) {
  width: 70%;
}
.table-course-list td:nth-child(2) {
  width: 15%;
}
.table-course-list td:nth-child(3) {
  width: 15%;
}
/* Select */
select,
.dd-menu {
  width: 100%;
  border: 1px solid #dfdfdf;
  line-height: normal;
  background-color: #fff;
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url('/images/mc-select-arrows.png');
  background-image: url('/images/mc-select-arrows.svg'), none;
  padding-right: 40px;
}
.dd-menu > span {
  width: auto !important;
}
input[type="checkbox"],
input[type="radio"],
label {
  line-height: normal;
}
/* Forms */
div.terms {
  box-shadow: inset 0 0 10px 0 rgba(25, 29, 34, 0.1);
  -moz-box-shadow: inset 0 0 10px 0 rgba(25, 29, 34, 0.1);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(25, 29, 34, 0.1);
  margin: 30px 0;
  height: 300px;
  overflow: auto;
  border: 1px solid #dfdfdf;
  padding: 10px;
  background-color: #ededed;
}
div.terms h4,
div.terms p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.75px;
  line-height: 2.275rem;
}
form input[type="checkbox"],
form input[type="radio"] {
  float: left;
  margin-right: 14px;
}
form ul.gen-nav li {
  float: none;
  display: block;
}
form ul.gen-nav li > label {
  float: none;
  padding: 4px 30px;
  display: inline-block;
}
form ul.gen-nav li > label > input {
  margin: 3px 0 0 -30px;
}
form ul.gen-nav.left-align {
  margin-left: 40px;
}
form hr {
  margin-bottom: 40px;
}
.error input,
.error textarea,
.error input[type=text]:focus,
.error textarea:focus {
  border: 1px solid rgba(255, 0, 0, 0.4);
}
label.error {
  font-family: 'Gibson-Italic';
  padding: 14px;
  margin-bottom: 0;
  color: #e4414b;
}
button,
button:active,
button:focus,
input[type="submit"],
input[type="text"],
input[type="password"],
textarea,
label,
.dd-menu,
.btn,
.btn:active,
.btn:focus {
  padding: 10px 20px;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
}
button.small,
button:active.small,
button:focus.small,
input[type="submit"].small,
input[type="text"].small,
input[type="password"].small,
textarea.small,
label.small,
.dd-menu.small,
.btn.small,
.btn:active.small,
.btn:focus.small {
  padding: 6px 10px;
}
.btn,
.btn:active,
.btn:focus {
  color: white;
  font-weight: bold;
  border: 1px solid;
}
.blue,
.blue:active,
.blue:focus {
  border-color: #0e4e96;
  background: #5783b6;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #5783b6 0%, #0e4e96 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #5783b6 0%, #0e4e96 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #5783b6 0%, #0e4e96 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #5783b6 0%, #0e4e96 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #5783b6 0%, #0e4e96 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5783b6), color-stop(100%, #0e4e96));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#5783b6', endColorstr= '#0e4e96', GradientType=0);
  /* IE 6-9 */
  box-shadow: inset 0 1px 0 0 #80a1c8;
  -moz-box-shadow: inset 0 1px 0 0 #80a1c8;
  -webkit-box-shadow: inset 0 1px 0 0 #80a1c8;
}
.btn.grey,
.btn.grey:active,
.btn.grey:focus {
  border-color: #dfdfdf;
  background: #ededed;
  box-shadow: inset 1px 1px 0 0 #ffffff;
  -moz-box-shadow: inset 1px 1px 0 0 #ffffff;
  -webkit-box-shadow: inset 1px 1px 0 0 #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.75px;
  line-height: 2.275rem;
  font-weight: normal;
  color: #242a31;
}
.btn.inactive {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=12.5)';
  filter: alpha(opacity=12.5);
  -webkit-opacity: 0.25;
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
  cursor: default;
}
a.btn {
  display: inline-block;
}
a.btn.about {
  width: 100%;
  text-align: center;
}
.library a.btn.about {
  border-color: #fca839;
  background: #fdc664;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #fdc664 0%, #fca839 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #fdc664 0%, #fca839 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #fdc664 0%, #fca839 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #fdc664 0%, #fca839 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #fdc664 0%, #fca839 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdc664), color-stop(100%, #fca839));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#fdc664', endColorstr= '#fca839', GradientType=0);
  /* IE 6-9 */
  box-shadow: inset 0 1px 0 0 #fedda4;
  -moz-box-shadow: inset 0 1px 0 0 #fedda4;
  -webkit-box-shadow: inset 0 1px 0 0 #fedda4;
}
.glossary a.btn.about {
  border-color: #3b9d34;
  background: #64be5d;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #64be5d 0%, #3b9d34 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #64be5d 0%, #3b9d34 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #64be5d 0%, #3b9d34 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #64be5d 0%, #3b9d34 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #64be5d 0%, #3b9d34 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64be5d), color-stop(100%, #3b9d34));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#64be5d', endColorstr= '#3b9d34', GradientType=0);
  /* IE 6-9 */
  box-shadow: inset 0 1px 0 0 #a4d9a0;
  -moz-box-shadow: inset 0 1px 0 0 #a4d9a0;
  -webkit-box-shadow: inset 0 1px 0 0 #a4d9a0;
}
.classroom a.btn.about {
  border-color: #1077b5;
  background: #2b9fcf;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #2b9fcf 0%, #1077b5 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #2b9fcf 0%, #1077b5 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #2b9fcf 0%, #1077b5 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #2b9fcf 0%, #1077b5 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #2b9fcf 0%, #1077b5 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b9fcf), color-stop(100%, #1077b5));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#2b9fcf', endColorstr= '#1077b5', GradientType=0);
  /* IE 6-9 */
  box-shadow: inset 0 1px 0 0 #82c7e3;
  -moz-box-shadow: inset 0 1px 0 0 #82c7e3;
  -webkit-box-shadow: inset 0 1px 0 0 #82c7e3;
}
#blog a.btn.about {
  border-color: #64579f;
  background: #887bba;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #887bba 0%, #64579f 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #887bba 0%, #64579f 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #887bba 0%, #64579f 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #887bba 0%, #64579f 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #887bba 0%, #64579f 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #887bba), color-stop(100%, #64579f));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#887bba', endColorstr= '#64579f', GradientType=0);
  /* IE 6-9 */
  box-shadow: inset 0 1px 0 0 #b9b1d6;
  -moz-box-shadow: inset 0 1px 0 0 #b9b1d6;
  -webkit-box-shadow: inset 0 1px 0 0 #b9b1d6;
}
.form-item {
  margin-bottom: 20px;
}
.form-item p {
  margin-bottom: 0;
}
.form-item button {
  margin-right: 14px;
}
label {
  display: block;
}
label span {
  margin-left: 6px;
  color: #ca462c;
}
.form-response {
  display: none;
}
/* =======================================
   Typography & Iconography
   ======================================= */
/* Icon fonts */
@font-face {
  font-family: 'vl-icons';
  src: url('/fonts/icons/vl-icons.eot');
  src: url('/fonts/icons/vl-icons.eot?#iefix') format('embedded-opentype'), url('/fonts/icons/vl-icons.woff') format('woff'), url('/fonts/icons/vl-icons.ttf') format('truetype'), url('/fonts/icons/vl-icons.svg#vl-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'vl-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-courses:before {
  content: "\e600";
}
.icon-menu:before {
  content: "\e601";
}
.icon-options:before {
  content: "\e602";
}
.icon-beaker:before {
  content: "\e603";
}
.icon-contact:before {
  content: "\e604";
}
.icon-share:before {
  content: "\e605";
}
.icon-pronunciation:before {
  content: "\e606";
}
.icon-glossary-terms:before {
  content: "\e607";
}
.icon-print:before {
  content: "\e608";
}
.icon-beaker:before {
  content: "\e609";
}
.icon-arrow-down:before {
  content: "\e60a";
}
.icon-arrow-up:before {
  content: "\e60b";
}
.icon-bookmark:before {
  content: "\e60c";
}
.icon-itunes:before {
  content: "\e60d";
}
.screen-reader-text {
  display: none;
}
/* fonts */
@font-face {
  font-family: OpenDyslexic;
  src: url('/fonts/open-dyslexic/OpenDyslexic-Regular.eot') format('eot'), url('/fonts/open-dyslexic/OpenDyslexic-Regular.woff') format('woff'), url('/fonts/open-dyslexic/OpenDyslexic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: OpenDyslexic;
  font-style: italic;
  src: url('/fonts/open-dyslexic/OpenDyslexic-Italic.eot') format('eot'), url('/fonts/open-dyslexic/OpenDyslexic-Italic.woff') format('woff'), url('/fonts/open-dyslexic/OpenDyslexic-Italic.ttf') format('truetype');
}
@font-face {
  font-family: OpenDyslexic;
  font-weight: bold;
  src: url('/fonts/open-dyslexic/OpenDyslexic-Bold.eot') format('eot'), url('/fonts/open-dyslexic/OpenDyslexic-Bold.woff') format('woff'), url('/fonts/open-dyslexic/OpenDyslexic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: OpenDyslexic;
  font-style: italic;
  font-weight: bold;
  src: url('/fonts/open-dyslexic/OpenDyslexic-BoldItalic.eot') format('eot'), url('/fonts/open-dyslexic/OpenDyslexic-BoldItalic.woff') format('woff'), url('/fonts/open-dyslexic/OpenDyslexic-BoldItalic.ttf') format('truetype');
}
.handwritten {
  font-family: 'Reenie Beanie', cursive;
  font-family: 'Rock Salt', cursive;
}
.dyslexic {
  font-family: 'OpenDyslexic';
}
.Open_Sans {
  font-family: 'Open Sans', Helvetica, sans-serif;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em;
}
.typewriter {
  font-family: 'Special Elite', cursive;
}
h1 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 36px;
  line-height: 3.6rem;
  text-align: center;
  margin: 30px 0 30px 0;
}
h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 36px;
  line-height: 3.6rem;
  margin: 0 0 16px 0;
}
h3 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin: 0 0 16px 0;
}
h4,
legend {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  margin: 0 0 8px 0;
}
h5 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin: 0 0 6px 0;
}
h6 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin: 0;
}
p,
pre,
blockquote,
ul,
ol,
form {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
}
p,
pre {
  margin: 0 0 26px 0;
}
pre {
  font-family: 'Open Sans', Helvetica, sans-serif;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em;
}
p.citation {
  color: #708b91;
}
p:last-child,
ul.indented-links:last-child,
ul.bulleted,
#rpp_related ul,
.resources ul {
  margin-bottom: 0;
}
legend {
  font-weight: bold;
}
blockquote {
  position: relative;
  margin: 2em 0;
  padding-left: 30px;
}
blockquote span {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 42px;
  line-height: 4.2rem;
  position: absolute;
  top: 0;
  left: 0;
}
blockquote em.credit {
  display: block;
  font-weight: bold;
  text-align: right;
}
body > header nav a,
body > footer nav a,
body > header nav a:hover,
body > footer nav a:hover,
body > header nav a:visited,
body > footer nav a:visited {
  color: white;
}
a.external {
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url('/images/icon-new-window.png');
  background-image: url('/images/icon-new-window.svg'), none;
}
p.date {
  color: #708b91;
}
ul.carousel {
  margin: 0;
}
/* =======================================
   Core Template
   ======================================= */
body,
button,
input,
select,
textarea {
  font-family: Helvetica, Helvetica Neue, Arial;
  font-family: 'Open Sans', Helvetica, sans-serif;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em;
}
body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  max-width: 100%;
  color: #242a31;
  background: #f9f9f9;
}
body.dyslexic-friendly,
body.dyslexic-friendly input,
body.dyslexic-friendly button {
  font-family: 'OpenDyslexic';
}
.inner-wrap {
  margin: 0 auto;
  max-width: 82em;
  /* 1400 / 16 */
  min-width: 300px;
}
.v-pad,
.generic.accordion > .acc-panel {
  padding-top: 20px;
  padding-bottom: 20px;
}
.stack {
  margin-top: 20px !important;
}
.h-pad {
  padding-left: 10px;
  padding-right: 10px;
}
hr.level-one {
  margin-left: 10px;
  margin-right: 10px;
}
.short,
.wide,
.left,
.right {
  width: 100%;
}
.wide-left .wide,
.wide-right .short,
.half .left {
  margin-bottom: 20px;
}
.acc-panel,
.tab-panel {
  display: none;
}
.tab-panel.selected {
  display: block;
}
.acc-panel,
.tab-panel {
  clear: both;
}
/* Colors for testing */
/* =======================================
   Pop ups
   ======================================= */
.fancybox-skin {
  border-radius: 0;
  color: #242a31;
}
.fancybox-opened .fancybox-skin {
  box-shadow: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('fancybox_sprite.png');
  background-image: url('/fancybox/fancybox_sprite.png');
  background-image: url('/fancybox/fancybox_sprite.svg'), none;
}
.pop-up h1 {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
  color: white;
}
.pop-up .table-container {
  margin: 0;
  max-width: 1280px;
}
.pop-up.small h1 {
  text-align: center;
}
.pop-up.small {
  max-width: 420px;
}
.pop-up.medium {
  max-width: 600px;
}
.pop-up.large {
  max-width: 1000px;
}
.pop-up.library h1 {
  background: #fdba4d;
}
.pop-up.glossary h1 {
  background: #4db045;
}
.pop-up.classroom h1 {
  background: #188dc5;
}
.pop-up.blog h1 {
  background: #685186;
}
.pop-up.generic h1 {
  color: #242a31;
  background: White;
  text-align: center;
}
/* =======================================
   Global Header & Footer
   ======================================= */
/* Header */
body > header {
  background-color: white;
}
#secondary-nav {
  background-color: #242a31;
  width: 100%;
}
nav.company-nav ul,
ul.user {
  float: left;
}
nav.company-nav ul li,
ul.user li {
  color: white;
  float: left;
  padding: 14px 10px;
}
nav.company-nav ul li,
ul.user li,
nav.company-nav ul a,
ul.user a {
  line-height: normal;
}
nav.company-nav ul {
  margin-left: -10px;
}
nav.company-nav ul a.selected {
  color: #9b87b6;
}
#secondary-nav nav.company-nav ul li {
  margin-right: 10px;
  display: none;
}
#secondary-nav nav.company-nav ul li.company-toggle {
  display: inline;
  cursor: pointer;
}
.header-drop-down {
  clear: both;
  background: #191d22;
  border-top: 1px solid #191d22;
  display: none;
}
/* Slide Toggle Panels */
#company-drop-down nav.company-nav {
  float: none;
}
#company-drop-down .company-nav ul li {
  float: none;
  padding: 4px 10px;
  display: block;
}
#company-drop-down .company-nav ul li a {
  color: white;
}
#company-drop-down .company-nav ul li.company-toggle {
  display: none;
}
#sign-in-drop-down p,
#sign-in-drop-down a {
  color: white;
}
#sign-in-drop-down a {
  text-decoration: underline;
}
#sign-in-drop-down p span {
  display: block;
}
#options-drop-down * {
  color: white;
}
#search-drop-down .customSelect {
  margin-bottom: 20px;
}
ul.user li {
  margin-left: 10px;
}
ul.user li.options {
  display: none;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 8px 10px;
}
ul.user li.options.icon {
  display: inline;
}
ul.user {
  float: right;
}
ul.user li {
  cursor: pointer;
}
ul.user li.selected {
  background: #191d22;
}
ul.user li.options {
  background: #d2593f;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #d2593f 0%, #bf3823 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #d2593f 0%, #bf3823 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #d2593f 0%, #bf3823 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #d2593f 0%, #bf3823 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #d2593f 0%, #bf3823 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2593f), color-stop(100%, #bf3823));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#d2593f', endColorstr= '#bf3823', GradientType=0);
  /* IE 6-9 */
}
#primary-nav .inner-wrap {
  position: relative;
}
#primary-nav {
  overflow: hidden;
  width: 100%;
  background-color: white;
}
#logo {
  padding-top: 20px;
  padding-bottom: 20px;
}
#logo,
#sections {
  float: left;
  width: 100%;
}
#sections li {
  background: none;
  float: left;
  width: 33.3333%;
}
#sections li a {
  padding: 14px;
  display: block;
}
#sections li#btn-library a,
#sections li#btn-glossary a,
#sections li#btn-myClassroom a {
  border: none;
}
#sections li#btn-library a {
  border-bottom: 6px solid #fdba4d;
}
#sections li#btn-glossary a {
  border-bottom: 6px solid #4db045;
}
#sections li#btn-classroom a {
  border-bottom: 6px solid #188dc5;
}
#sections li#btn-library a.selected,
#sections li#btn-glossary a.selected,
#sections li#btn-classroom a.selected {
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.2);
}
#sections li#btn-library a.selected span,
#sections li#btn-glossary a.selected span,
#sections li#btn-classroom a.selected span {
  color: white;
}
#sections li#btn-library a.selected {
  border-color: #fca839;
  background: #fdc766;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #fdc766 0%, #fca839 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #fdc766 0%, #fca839 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #fdc766 0%, #fca839 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #fdc766 0%, #fca839 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #fdc766 0%, #fca839 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdc766), color-stop(100%, #fca839));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#fdc766', endColorstr= '#fca839', GradientType=0);
  /* IE 6-9 */
}
#sections li#btn-glossary a.selected {
  border-color: #399c33;
  background: #66be5f;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #66be5f 0%, #399c33 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #66be5f 0%, #399c33 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #66be5f 0%, #399c33 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #66be5f 0%, #399c33 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #66be5f 0%, #399c33 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66be5f), color-stop(100%, #399c33));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#66be5f', endColorstr= '#399c33', GradientType=0);
  /* IE 6-9 */
}
#sections li#btn-classroom a.selected {
  border-color: #0e76b5;
  background: #27a0d0;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #27a0d0 0%, #0e76b5 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #27a0d0 0%, #0e76b5 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #27a0d0 0%, #0e76b5 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #27a0d0 0%, #0e76b5 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #27a0d0 0%, #0e76b5 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #27a0d0), color-stop(100%, #0e76b5));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#27a0d0', endColorstr= '#0e76b5', GradientType=0);
  /* IE 6-9 */
}
#sections .title {
  color: #242a31;
}
#sections .description {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.75px;
  line-height: 2.275rem;
  line-height: normal;
  color: #708b91;
  display: none;
}
#logo {
  box-shadow: 0 2px 2px 0 rgba(25, 29, 34, 0.1);
  -moz-box-shadow: 0 2px 2px 0 rgba(25, 29, 34, 0.1);
  -webkit-box-shadow: 0 2px 2px 0 rgba(25, 29, 34, 0.1);
  text-align: center;
}
#logo a {
  max-width: 65%;
  display: inline-block;
}
.alert-bar {
  display: none;
  position: relative;
  text-align: center;
  background: #ffffbd;
  padding: 10px 60px;
}
.alert-bar p,
.alert-bar button {
  color: #555;
}
.alert-bar p {
  display: inline;
  margin-bottom: 0;
}
.alert-bar button {
  font-size: inherit;
  border: none;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  float: right;
  width: auto;
  padding: 10px;
  background-color: transparent;
}
/* Global Footer */
body > footer {
  background: #242a31;
}
body > footer ul,
body > footer p,
body > footer a,
body > footer a:hover,
body > footer a:visited {
  color: white;
}
#footer-nav,
#support {
  float: left;
  width: 100%;
}
#footer-nav ul {
  float: left;
  width: 50%;
}
#footer-nav ul li {
  float: none;
  width: 100%;
}
#footer-nav .primary li a {
  font-weight: bold;
}
#footer-nav img {
  padding-bottom: 0;
}
li.footer-app-link {
  clear: both;
  margin-top: 20px;
  padding-right: 20px;
}
li.footer-app-link a {
  display: inline-block;
  *display: inline;
}
#copyright {
  border-top: 1px solid #191d22;
}
#copyright p {
  margin: 0;
}
#support a {
  text-decoration: underline;
}
#supporter-links li {
  margin-right: 20px;
}
#supporter-links a {
  display: block;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  width: 54px;
  height: 54px;
}
#supporter-links a.nsf {
  background-image: url('/images/support-nsf.png');
  background-image: url('/images/support-nsf.svg'), none;
}
#supporter-links a.doe {
  width: 90px;
  background-image: url('/images/support-doe.png');
  background-image: url('/images/support-doe.svg'), none;
}
#legal {
  margin-bottom: 20px;
}
#legal li {
  margin-right: 14px;
}
#legal li a {
  text-decoration: underline;
}
#social li {
  margin-right: 6px;
}
#social a {
  display: block;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  width: 36px;
  height: 36px;
}
#social a.facebook {
  background-image: url('/images/social-facebook-button.png');
  background-image: url('/images/social-facebook-button.svg'), none;
}
#social a.twitter {
  background-image: url('/images/social-twitter-button.png');
  background-image: url('/images/social-twitter-button.svg'), none;
}
#social a.google-plus {
  background-image: url('/images/social-google-plus-button.png');
  background-image: url('/images/social-google-plus-button.svg'), none;
}
#social a.youtube {
  background-image: url('/images/social-youtube-button.png');
  background-image: url('/images/social-youtube-button.svg'), none;
}
/* =======================================
   Shared UI
   ======================================= */
/* All Lists */
ul.text-links p,
ul.text-links a {
  line-height: normal;
}
ul.text-links li {
  margin-right: 14px;
}
ul.text-links li a {
  font-weight: bold;
}
ul.text-links li:last-child {
  margin-right: 0;
}
ul.text-links a:hover {
  text-decoration: underline;
}
ul.centered {
  width: auto;
  text-align: center;
}
ul.centered li {
  display: inline-block;
}
ul.indented-links {
  list-style: none;
  margin: 0 0 20px  0;
}
ul.indented-links h5 {
  margin-left: -20px;
  margin-top: 0;
}
ul.indented-links li {
  margin-bottom: 6px;
  line-height: normal;
}
ul.indented-links a:hover {
  text-decoration: underline;
}
.bulleted,
#rpp_related ul,
.resources ul {
  margin-top: 0;
  margin-bottom: 24px;
}
.bulleted li,
#rpp_related ul li,
.resources ul li {
  margin-bottom: 14px;
}
.carousel {
  list-style: none;
  padding-left: 0;
}
.carousel li {
  float: left;
}
.wrap-course-info {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  margin: 0 0 30px 0;
  padding: 40px;
  border-color: #dfdfdf;
}
.course-info {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.course-info li {
  overflow: hidden;
  width: 100%;
  margin-bottom: 6px;
}
.course-info strong {
  display: block;
  color: #188dc5;
}
.table-tools {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.table-tools li {
  float: left;
  margin-right: -1px;
}
.table-tools input {
  margin: 0;
}
.table-tools .btn {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.75px;
  line-height: 2.275rem;
  padding: 6px 10px;
}
.table-tools .btn.blue {
  margin-left: 10px;
}
.active {
  display: block;
}
#share-list {
  padding: 10px 20px 10px 10px;
}
#share-list li {
  float: none;
}
#share-list li a {
  padding: 2px 0;
  display: block;
  color: #708b91;
}
#share-list li a span {
  width: 1.8em;
}
#share-list li#share-facebook > a {
  color: #0068a6;
}
#share-list li#share-twitter > a {
  color: #56a3d9;
}
/* Accordions */
.acc-button {
  position: relative;
  display: block;
  cursor: pointer;
}
.generic.accordion {
  clear: both;
}
.generic.accordion .acc-button {
  display: block;
  font-weight: bold;
  color: #00549a;
  border: 1px solid #dfdfdf;
  margin-top: -1px;
  padding: 14px 20px;
}
.generic.accordion .acc-button.selected {
  background-color: #ededed;
  color: #242a31;
}
.generic.accordion .acc-panel {
  padding-left: 20px;
  padding-right: 20px;
}
.generic.accordion .acc-button span,
.collapsable-nav .acc-button.leader span {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  color: #242a31;
}
nav.collapsable-nav {
  width: 100%;
  background: #191d22;
}
nav.collapsable-nav ul li {
  float: none;
  color: white;
}
nav.collapsable-nav ul.indented-links {
  padding: 0 20px;
}
nav.collapsable-nav ul.indented-links li a {
  color: #708b91;
  color: #dfdfdf;
}
nav.collapsable-nav > ul > li.leader,
nav.collapsable-nav > ul > li > ul > li {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29.250000000000004px;
  line-height: 2.9250000000000003rem;
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: normal;
  background: #242a31;
  color: #708b91;
}
nav.collapsable-nav > ul > li > ul > li {
  margin-top: 1px;
}
nav.collapsable-nav > ul > li > ul > li.acc-button.selected {
  border-left: 6px solid #fdba4d;
  color: white;
}
nav.collapsable-nav > ul > li > ul > li.acc-button.selected strong {
  margin-left: -6px;
}
nav.collapsable-nav > ul > li > ul > li > a {
  color: inherit;
}
nav.collapsable-nav > ul > li > ul > li.acc-panel {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #191d22;
}
nav.collapsable-nav > ul > li > ul > li.acc-panel > ul > li > ul > li.acc-button {
  margin-top: 14px;
}
nav.collapsable-nav > ul > li > ul > li.acc-panel > ul > li > ul > li.acc-button a:hover {
  text-decoration: none;
}
nav.collapsable-nav > ul > li > ul > li.acc-panel > ul > li > ul > li.acc-panel {
  padding-top: 4px;
  padding-bottom: 4px;
}
nav.collapsable-nav > ul > li > ul > li.acc-panel > ul > li > ul > li.acc-panel ol li {
  list-style-type: decimal;
}
nav.collapsable-nav li.acc-button.leader {
  color: #191d22;
}
nav.collapsable-nav > ul > li > ul > li.acc-button,
nav.collapsable-nav > ul > li.leader,
nav.collapsable-nav > ul > li > ul > li.acc-panel {
  padding-left: 20px;
  padding-right: 20px;
}
.library nav.collapsable-nav li.acc-button.leader {
  background: #fdba4d;
}
.library nav.collapsable-nav ul li ul li.acc-button.selected {
  border-left-color: #fdba4d;
}
.library nav.collapsable-nav a.selected {
  color: #fdba4d;
}
.classroom nav.collapsable-nav li.acc-button.leader {
  background: #188dc5;
}
.classroom nav.collapsable-nav ul li ul li.acc-button.selected {
  border-left-color: #188dc5;
}
.classroom nav.collapsable-nav a.selected {
  color: #188dc5;
}
.company nav.collapsable-nav li.acc-button.leader {
  background: #685186;
}
.company nav.collapsable-nav ul li ul li.acc-button.selected {
  border-left-color: #685186;
}
.company nav.collapsable-nav a.selected {
  color: #685186;
}
.classroom nav.collapsable-nav ul.indented-links a span {
  display: none;
  font-weight: bold;
  text-align: center;
  background: #ca462c;
  color: white;
  padding: 0 10px;
  margin-left: 14px;
}
.add-edit-modules p,
.add-edit-modules a {
  display: inline;
}
.add-edit-modules a {
  text-decoration: underline;
}
.announcement {
  border-top: 1px solid #dfdfdf;
  padding: 20px 0;
}
/*  Blog */
.entries > article img {
  margin-bottom: 20px;
}
.author-bio img {
  float: left;
  margin-right: 30px;
}
.commentlist div:before {
  display: inherit;
  content: none;
}
#respond input[type="submit"] {
  padding: 10px 20px;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  color: white;
  font-weight: bold;
  border: 1px solid;
  border-color: #0e4e96;
  background: #5783b6;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #5783b6 0%, #0e4e96 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #5783b6 0%, #0e4e96 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #5783b6 0%, #0e4e96 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #5783b6 0%, #0e4e96 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #5783b6 0%, #0e4e96 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5783b6), color-stop(100%, #0e4e96));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#5783b6', endColorstr= '#0e4e96', GradientType=0);
  /* IE 6-9 */
  box-shadow: inset 0 1px 0 0 #80a1c8;
  -moz-box-shadow: inset 0 1px 0 0 #80a1c8;
  -webkit-box-shadow: inset 0 1px 0 0 #80a1c8;
}
#respond input[type="submit"].small {
  padding: 6px 10px;
}
.prev-page {
  display: inline-block;
  float: left;
}
.next-page {
  display: inline-block;
  float: right;
}
.filter-title {
  padding-top: 16px;
}
#wpadminbar *:after {
  clear: none;
}
.individual .left {
  margin-bottom: 20px;
}
#amazon-affiliates {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  padding: 20px;
}
#amazon-affiliates img {
  float: right;
}
#amazon-affiliates ul,
#amazon-affiliates h4 {
  clear: right;
}
#leaderboard {
  text-align: center;
}
#leaderboard p {
  margin: 20px;
}
/* Tables */
.table-container {
  overflow-y: auto;
  _overflow: auto;
  margin: 40px 0;
}
.size-40 {
  max-width: 40%;
}
.size-60 {
  max-width: 60%;
}
.size-80 {
  max-width: 80%;
}
.full {
  width: 100%;
}
.color-my-background .column-a {
  background: tan;
}
.color-my-background .column-b {
  background: yellow;
}
.color-my-background .column-c {
  background: green;
}
.color-my-background .column-d {
  background: grey;
}
.color-my-background .column-e {
  background: red;
}
.color-my-background .column-f {
  background: pink;
}
.color-my-background .column-g {
  background: purple;
}
table.no-wrap th,
table.no-wrap td {
  white-space: nowrap;
}
thead tr {
  border: none;
}
th,
td,
table > caption {
  text-align: left;
  padding: 14px 10px;
  line-height: normal;
}
table > caption {
  caption-side: bottom;
  text-align: center;
}
tr {
  border-top: 1px solid #dfdfdf;
}
th {
  font-weight: bold;
}
th {
  vertical-align: bottom;
}
td {
  vertical-align: top;
}
/* Classroom tables */
.footable-row-detail-cell {
  background: #ededed;
}
table.dt-course-list td > h6 > a > em {
  color: #ca462c;
}
table.dt-bookmarks .column-a,
table.dt-course-list .column-a {
  width: 5%;
}
table.dt-bookmarks td,
table.dt-course-list td {
  vertical-align: middle;
}
/* Data-driven tables */
table.horizontal {
  border: none;
}
table.horizontal tr td {
  border: none;
}
table.no-margin p,
table.no-margin img,
table.no-margin figure {
  margin-bottom: 0;
}
table.centered th,
table.centered td {
  text-align: center;
}
.highlight {
  background: #f7f9fb;
}
.v-align {
  vertical-align: middle;
}
table.generic-data {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  border: 1px solid #dfdfdf;
  margin-left: auto;
  margin-right: auto;
}
table.generic-data td {
  border: 1px solid #dfdfdf;
}
table.generic-data b,
table.generic-data td {
  color: #242a31;
}
td.arrow {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 17.875px;
  line-height: 1.7875rem;
}
td.arrow span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.75px;
  line-height: 2.275rem;
  display: block;
}
table.equation td {
  text-align: center;
  vertical-align: middle;
}
/* =======================================
   Articles
   ======================================= */
article > header h1 {
  margin: 10px 0;
}
article > header h1 span {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29.250000000000004px;
  line-height: 2.9250000000000003rem;
  color: #708b91;
  display: block;
}
article > header p {
  text-align: center;
}
article > header p span {
  display: block;
}
/* Module */
.to-top span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.75px;
  line-height: 2.275rem;
  vertical-align: middle;
  margin-right: 6px;
}
a.glossary-term {
  color: #306e2b;
  padding: 4px 2px;
  white-space: nowrap;
}
a.glossary-term.highlighted {
  color: #439a3c;
  background: #deecdc;
  padding: 2px 2px;
}
.library article section h3 {
  margin-top: 20px;
}
.library article .comprehension-checkpoint {
  margin: 30px 0 30px 0;
  overflow: hidden;
}
.library article .comprehension-checkpoint h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29.250000000000004px;
  line-height: 2.9250000000000003rem;
  font-family: 'Reenie Beanie', cursive;
  font-family: 'Rock Salt', cursive;
  color: #ca462c;
}
.library article .comprehension-checkpoint h3 {
  margin-top: 0;
}
.library article .comprehension-checkpoint:last-child {
  margin-bottom: 0;
}
.pop-up-indicator {
  max-width: 60%;
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  margin: 30px auto;
  padding: 6px;
}
.pop-up-indicator .thumbnail,
.pop-up-indicator .text {
  float: left;
  width: 100%;
}
.pop-up-indicator .text {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pop-up-indicator img {
  min-width: 100%;
}
.pop-up-indicator h4 {
  color: #242a31;
}
.pop-up-indicator p span {
  margin-right: 6px;
}
/* Glossary */
.glossary article header h1 {
  text-align: left;
  margin: 0;
}
/* =======================================
   Module Specific Tables
   ======================================= */
.align-center {
  text-align: center;
}
.math {
  display: inline-block;
  color: #242a31;
  font-size: inherit;
}
.periodic-table-wrap {
  background: #242a31;
}
.pop-up h1 {
  color: white;
  background: none;
  text-align: center;
}
/* The Periodic Table */
table.periodic-table,
table.periodic-table td.alkaki-metals,
table.periodic-table td.alkaki-earth-metals,
table.periodic-table td.transition-metals,
table.periodic-table td.post-transition-metals,
table.periodic-table td.metalloids,
table.periodic-table td.lanthanides,
table.periodic-table td.actinides,
table.periodic-table td.nonmetals,
table.periodic-table td.halogens,
table.periodic-table td.noble-gases,
table.periodic-table td.generic-elements {
  cursor: pointer;
  border: 2px solid #242a31;
}
table.periodic-table {
  background: #242a31;
}
table.periodic-table th,
table.periodic-table tr,
table.periodic-table td {
  border: none;
}
table.periodic-table th,
table.periodic-table td,
table.periodic-table ul {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.75px;
  line-height: 2.275rem;
  color: white;
}
table.periodic-table td {
  vertical-align: bottom;
  width: 5%;
  padding: 0 8px;
}
table.periodic-table td.label {
  text-align: right;
  vertical-align: middle;
}
table.periodic-table a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29.250000000000004px;
  line-height: 2.9250000000000003rem;
  display: block;
  color: white;
}
table.periodic-table p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 19.5px;
  line-height: 1.95rem;
  margin-bottom: 0;
  color: white;
}
table.periodic-table td.alkaki-metals {
  background: #1a67c9;
}
table.periodic-table td.alkaki-metals:hover {
  background: #2075e2;
}
table.periodic-table td.alkaki-earth-metals {
  background: #a1669f;
}
table.periodic-table td.alkaki-earth-metals:hover {
  background: #ad79ab;
}
table.periodic-table td.transition-metals {
  background: #f53951;
}
table.periodic-table td.transition-metals:hover {
  background: #f6566b;
}
table.periodic-table td.post-transition-metals {
  background: #f46d4a;
}
table.periodic-table td.post-transition-metals:hover {
  background: #f68467;
}
table.periodic-table td.metalloids {
  background: #f5b65a;
}
table.periodic-table td.metalloids:hover {
  background: #f7c377;
}
table.periodic-table td.lanthanides,
table.periodic-table td.lanthanides.inactive:hover {
  background: #004e73;
}
table.periodic-table td.lanthanides:hover {
  background: #006392;
}
table.periodic-table td.lanthanides.hd {
  background: #c0ebff;
}
table.periodic-table td.actinides,
table.periodic-table td.actinides.inactive:hover {
  background: #552f55;
}
table.periodic-table td.actinides:hover {
  background: #693a69;
}
table.periodic-table td.actinides.hd {
  background: #eee1ee;
}
table.periodic-table td.nonmetals {
  background: #00b6bd;
}
table.periodic-table td.nonmetals:hover {
  background: #00d3dc;
}
table.periodic-table td.halogens {
  background: #59d06d;
}
table.periodic-table td.halogens:hover {
  background: #71d782;
}
table.periodic-table td.noble-gases {
  background: #339091;
}
table.periodic-table td.noble-gases:hover {
  background: #3ba6a8;
}
table.periodic-table td.generic-elements {
  background: #849997;
}
table.periodic-table td.generic-elements:hover {
  background: #95a7a5;
}
table.periodic-table td.inactive a,
table.periodic-table td.inactive span,
table.periodic-table td.inactive p {
  cursor: default;
  color: #708b91;
}
table.periodic-table td.hd {
  vertical-align: middle;
  cursor: default;
}
table.periodic-table td.info {
  vertical-align: top;
  padding: 0;
}
table.periodic-table td.info p {
  line-height: normal;
}
table.periodic-table tr.separator td {
  padding: 20px;
}
table.periodic-table td.inactive {
  vertical-align: middle;
}
table.periodic-table.full {
  min-width: 800px;
  max-width: 1300px;
  margin-bottom: 0;
}
ul.periodic-table-key {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
ul.periodic-table-key li {
  line-height: 12px;
  text-align: left;
  padding: 4px;
  margin-bottom: 6px;
}
ul.periodic-table-key li span {
  float: left;
  width: 12px;
  height: 12px;
  margin-right: 10px;
}
ul.periodic-table-key li.alkaki-metals span {
  background: #1a67c9;
}
ul.periodic-table-key li.alkaki-earth-metals span {
  background: #a1669f;
}
ul.periodic-table-key li.transition-metals span {
  background: #f53951;
}
ul.periodic-table-key li.post-transition-metals span {
  background: #f46d4a;
}
ul.periodic-table-key li.metalloids span {
  background: #f5b65a;
}
ul.periodic-table-key li.lanthanides span {
  background: #004e73;
}
ul.periodic-table-key li.actinides span {
  background: #552f55;
}
ul.periodic-table-key li.nonmetals span {
  background: #00b6bd;
}
ul.periodic-table-key li.halogens span {
  background: #59d06d;
}
ul.periodic-table-key li.noble-gases span {
  background: #339091;
}
/* Acids & Bases */
td.ph-00 {
  background: #c33f4a;
}
td.ph-01 {
  background: rgba(195, 63, 74, 0.85);
}
td.ph-02 {
  background: rgba(195, 63, 74, 0.7);
}
td.ph-03 {
  background: rgba(195, 63, 74, 0.55);
}
td.ph-04 {
  background: rgba(195, 63, 74, 0.4);
}
td.ph-05 {
  background: rgba(195, 63, 74, 0.25);
}
td.ph-06 {
  background: rgba(195, 63, 74, 0.1);
}
td.ph-14 {
  background: #23749e;
}
td.ph-13 {
  background: rgba(35, 116, 158, 0.85);
}
td.ph-12 {
  background: rgba(35, 116, 158, 0.7);
}
td.ph-11 {
  background: rgba(35, 116, 158, 0.55);
}
td.ph-10 {
  background: rgba(35, 116, 158, 0.4);
}
td.ph-09 {
  background: rgba(35, 116, 158, 0.25);
}
td.ph-08 {
  background: rgba(35, 116, 158, 0.1);
}
table.lewis-dot-structure img {
  margin-bottom: 0;
}
table.full-image img {
  min-width: 80px;
  width: 100%;
}
/* Exponential Equations */
table.salary-calculation .column-a {
  width: 15%;
}
table.salary-calculation .column-b {
  width: 45%;
}
table.salary-calculation .column-c {
  width: 40%;
  text-align: right;
}
/* Process of Science - Transcripts */
blockquote.transcript {
  font-family: 'Special Elite', cursive;
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  background-image: url('/images/bg-transcript.png');
  font-style: normal;
  margin: 24px auto;
  padding: 30px 30px 14px 30px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-color: white;
}
blockquote.transcript p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  padding: 0;
  color: #3e4854;
}
blockquote.transcript strong {
  background: #f6f6c0;
  padding: 4px 8px;
  margin-left: -8px;
}
blockquote.transcript ul,
blockquote.transcript ol {
  padding: 0 20px;
}
/* Index */
#disciplines {
  padding-left: 5px;
  padding-right: 5px;
}
#disciplines li {
  float: left;
}
#disciplines li img {
  min-width: 100%;
}
#disciplines a {
  position: relative;
  overflow: hidden;
  color: white;
  font-weight: 600;
  font-weight: bold;
  display: block;
}
#disciplines .disc-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 14px;
  text-align: left;
  background: url(/images/bg-disc-title.png);
}
#disciplines li {
  width: 100%;
  padding: 5px;
}
#blog-cta h3 {
  font-weight: normal;
  text-align: center;
}
ul#blog-carousel {
  padding-left: 10px;
  padding-right: 10px;
}
ul#blog-carousel li {
  padding: 10px;
  min-width: 100%;
}
ul#blog-carousel a {
  display: block;
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  padding: 10px;
}
ul#blog-carousel a p {
  padding: 10px;
}
ul#blog-carousel img {
  width: 100%;
}
ul#blog-carousel p {
  color: #00549a;
}
ul#blog-carousel strong {
  display: block;
  margin-bottom: 6px;
  color: #708b91;
}
ul#tout-carousel li {
  box-shadow: inset 1px 1px 10px 0 rgba(25, 29, 34, 0.1);
  -moz-box-shadow: inset 1px 1px 10px 0 rgba(25, 29, 34, 0.1);
  -webkit-box-shadow: inset 1px 1px 10px 0 rgba(25, 29, 34, 0.1);
  width: 100%;
  padding: 30px;
  background-color: #ededed;
  border-left: 1px solid #f9f9f9;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
ul#tout-carousel li img {
  float: right;
  max-width: 20%;
  margin-left: 5%;
}
ul#tout-carousel li.app img {
  max-width: none;
}
.owl-theme .owl-controls {
  margin-top: 20px;
}
/* Discipline */
.discipline #content img {
  min-width: 100%;
}
.discipline #content .wide-right .wide h3 {
  margin-top: 14px;
}
/* Library */
#disc-quick-view .acc-button {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  margin-bottom: 6px;
  cursor: pointer;
}
#disc-quick-view .acc-button img:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
#disc-quick-view .acc-button img,
#disc-quick-view .acc-button strong,
#disc-quick-view .acc-button span {
  display: inline-block;
  vertical-align: middle;
}
#disc-quick-view .acc-button strong {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  color: #708b91;
  display: inline;
  font-weight: normal;
}
#disc-quick-view .acc-button img {
  width: 20%;
  margin-right: 4%;
}
#disc-quick-view .acc-button span {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 17.875px;
  line-height: 1.7875rem;
  font-family: 'Reenie Beanie', cursive;
  font-family: 'Rock Salt', cursive;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -6px;
  font-weight: normal;
  color: #00549a;
  display: none;
}
#disc-quick-view .acc-button.selected strong {
  color: #242a31;
}
/* aside */
.section-feature {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  padding: 30px;
}
.section-feature h4 {
  font-family: 'Reenie Beanie', cursive;
  font-family: 'Rock Salt', cursive;
  text-align: center;
  margin-bottom: 20px;
}
.stack p {
  margin-bottom: 6px;
}
.library .section-feature h4 {
  color: #fdba4d;
}
.glossary .section-feature h4 {
  color: #4db045;
}
.classroom .section-feature h4 {
  color: #188dc5;
}
#blog .section-feature h4 {
  color: #685186;
}
.classroom .section-feature {
  text-align: center;
}
.classroom .section-feature h4 {
  color: #188dc5;
}
/* Module Specific  */
.below-nav blockquote {
  padding-right: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29.250000000000004px;
  line-height: 2.9250000000000003rem;
  margin: 0;
  color: #708b91;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/images/module-quote.png');
  background-image: url('/images/module-quote.svg'), none;
}
.below-nav blockquote em {
  margin-top: 1em;
}
#prereader h2 {
  margin-bottom: 40px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: normal;
}
#prereader ul {
  list-style: none;
}
#prereader .glossary-term {
  color: #4db045;
}
ul.reading-toolbar,
.tools {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.reading-toolbar li,
.tools li {
  float: left;
}
.tools span[aria-hidden="true"],
#media-buttons span[aria-hidden="true"] {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 42.25000000000001px;
  line-height: 4.2250000000000005rem;
}
.tools span,
#media-buttons span {
  vertical-align: middle;
}
#media-buttons {
  list-style: none;
  padding: 0;
}
#media-buttons li {
  padding: 10px 20px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('/images/media-h-stroke.png');
}
#media-buttons a {
  width: auto;
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: bold;
  margin-top: 1px;
}
#media-buttons span.text {
  padding: 0 10px;
}
ul.tools {
  margin-bottom: 10px;
}
ul.tools li {
  margin-right: 4px;
  cursor: pointer;
}
ul.tools li,
ul.tools li a,
ul.tools li a:hover,
ul.tools li a:visited {
  color: #708b91;
}
ul.tools span.text {
  padding: 0 4px;
}
ul.tools span.text {
  display: none;
}
ul.tools li.glossary-terms.active {
  color: #4db045;
}
ul.tools li.bookmark.active a.fancybox {
  color: #708b91;
}
ul.tools li.bookmark.active a {
  color: #188dc5;
}
#wrap-reading-toolbar {
  z-index: 100;
}
ul.reading-toolbar {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  width: 100%;
  margin: 0;
  padding: 0 10px;
}
ul.reading-toolbar ul.tools {
  margin-bottom: 0;
  padding: 10px 0;
}
ul.reading-toolbar li.wrap-audio {
  float: right;
  padding: 10px 0;
}
ul.reading-toolbar li.wrap-audio ul li {
  padding: 6px 0;
}
ul.reading-toolbar li.wrap-tools {
  width: 40%;
}
ul.reading-toolbar li.wrap-audio {
  width: 60%;
}
ul.reading-toolbar li.player {
  width: 84%;
}
ul.reading-toolbar li.itunes {
  width: 16%;
  text-align: center;
}
li.itunes a {
  color: #242a31;
}
li.itunes a span {
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.75px;
  line-height: 2.275rem;
}
ul.reading-toolbar.no-audio li.wrap-tools {
  width: 100%;
}
ul.reading-toolbar.no-audio ul.tools {
  text-align: center;
}
ul.reading-toolbar.no-audio ul.tools li {
  float: none;
  display: inline-block;
  width: 30%;
}
/* Figure Styles */
figure,
div[id*="attachment_"] {
  margin-bottom: 30px;
}
.fig-inner {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.fig-inner > a {
  display: inline-block;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/images/enlarge.png');
  background-image: url('/images/enlarge.svg'), none;
}
.fig-inner img {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  behavior: url(/PIE.htc);
  padding: 6px;
  position: relative;
  max-width: 100%;
}
.fig-inner p.fig-caption {
  background-color: #ededed;
  text-align: left;
  line-height: normal;
  padding: 20px;
}
.fig-inner span.credit {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  margin-bottom: 0;
  text-align: left;
  color: #708b91;
  z-index: 1200;
  display: block;
}
.fig-inner > a > img,
.fig-inner > a > p {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50);
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition: opacity 0.075s ease-in-out;
  -moz-transition: opacity 0.075s ease-in-out;
  -webkit-transition: opacity 0.075s ease-in-out;
}
.fig-inner > a:hover > img,
.fig-inner > a:hover > p {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=7.5)';
  filter: alpha(opacity=7.5);
  -webkit-opacity: 0.15;
  -khtml-opacity: 0.15;
  -moz-opacity: 0.15;
  opacity: 0.15;
}
/* To remove any br or p tags that the WordPress editor likes to throw in */
#blog figure img + br,
#blog figure a + br,
#blog figure img + p,
#blog figure a + p {
  display: none;
}
p.wp-caption-text {
  background-color: #ededed;
  text-align: left;
  line-height: normal;
  padding: 20px;
}
div[id*="attachment_"] img {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  behavior: url(/PIE.htc);
  padding: 6px;
  position: relative;
  max-width: 100% !important;
  width: inherit !important;
}
.fig-center,
.fig-none {
  margin: 40px 0;
}
.module-footer hr,
.module-footer ul,
.module-footer ol {
  margin-bottom: 30px;
}
.module-footer ul.text-links li a.selected {
  color: #242a31;
}
/*  Tabs and more */
ul.tabs {
  display: block;
  width: 100%;
}
ul.tabs li {
  width: 100%;
  float: left;
}
.generic-tabs > ul.tabs {
  border-bottom: 1px solid #dfdfdf;
  float: left;
}
.generic-tabs > ul.tabs li {
  background: #ededed;
  border-top: 1px solid #dfdfdf;
  padding: 0;
}
.generic-tabs > ul.tabs a {
  display: block;
  text-align: center;
  padding: 14px 20px;
  color: #708b91;
}
.generic-tabs > ul.tabs a.selected {
  border-left: none;
  background-color: #f9f9f9;
  color: #242a31;
}
.filter-bar {
  clear: both;
}
.filter-bar > .v-pad {
  clear: both;
}
.filter-bar > ul.tabs,
.filter-bar > ul.tabs li {
  border: none;
  background: none;
}
.filter-bar > ul.tabs {
  width: 100%;
  border: none;
}
.filter-bar > ul.tabs li {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  text-align: center;
  width: 100%;
  border: none;
}
.filter-bar > ul.tabs li.search {
  padding: 10px;
  margin-top: 10px;
}
.filter-bar > ul.tabs input,
.filter-bar > ul.tabs a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  line-height: normal;
  color: #708b91;
}
.filter-bar > ul.tabs li a {
  display: block;
  padding: 21px 20px 21px 20px;
}
.filter-bar > ul.tabs li a.selected {
  background: white;
  color: #242a31;
  border-bottom: 2px solid #242a31;
  padding: 21px 20px 19px 20px;
}
.search-bar form {
  padding: 10px;
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
}
.search-bar li {
  width: 100%;
  border: none;
  position: relative;
}
.search-bar .search > button {
  top: 10px;
}
.glossary .filter-bar > ul.tabs a.selected {
  color: #4db045;
  border-color: #4db045;
}
.classroom .filter-bar ul.tabs a.selected {
  color: #188dc5;
  border-color: #188dc5;
}
#blog .filter-bar ul.tabs a.selected {
  color: #685186;
  border-color: #685186;
}
.dd-menu.month,
.dd-menu.day,
.dd-menu.year {
  padding-right: 50px;
  width: auto;
}
/* sub filter lists */
.sub-filter {
  clear: both;
  padding-top: 20px;
  padding-bottom: 20px;
}
.sub-filter ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sub-filter ul a.selected,
.sub-filter ul li.current-cat a {
  font-weight: bold;
  text-decoration: underline;
}
.sub-filter ul li {
  padding: 2px 0;
}
.sub-filter ul.centered li {
  padding: 0 4px;
}
.glossary .sub-filter a.selected {
  color: #4db045;
}
.classroom .sub-filter a.selected {
  color: #188dc5;
}
#blog .sub-filter a.selected,
#blog .sub-filter li.current-cat a {
  color: #685186;
}
/* Module Tabs */
#module-tabs > ul.tabs {
  overflow: hidden;
  background: #95a0a2;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #95a0a2 0%, #697578 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #95a0a2 0%, #697578 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #95a0a2 0%, #697578 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #95a0a2 0%, #697578 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #95a0a2 0%, #697578 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95a0a2), color-stop(100%, #697578));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#95a0a2', endColorstr= '#697578', GradientType=0);
  /* IE 6-9 */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 4px 0 rgba(25, 29, 34, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(25, 29, 34, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(25, 29, 34, 0.2);
}
#module-tabs > ul.tabs li {
  text-align: center;
  border-bottom: 1px solid #242a31;
}
#module-tabs > ul.tabs li a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 29.250000000000004px;
  line-height: 2.9250000000000003rem;
  font-weight: bold;
  display: block;
  padding: 18px 20px;
  color: #fff;
}
#module-tabs > ul.tabs li a.selected {
  background: #505960;
  background: #686f76;
  /* Fallback solid color for old browsers */
  background: linear-gradient(to bottom, #686f76 0%, #3b444c 100%);
  /* W3C */
  background: -moz-linear-gradient(top, #686f76 0%, #3b444c 100%);
  /* FF 3.6+ */
  background: -ms-linear-gradient(top, #686f76 0%, #3b444c 100%);
  /* IE 10+ */
  background: -o-linear-gradient(top, #686f76 0%, #3b444c 100%);
  /* Opera 11.10+ */
  background: -webkit-linear-gradient(top, #686f76 0%, #3b444c 100%);
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #686f76), color-stop(100%, #3b444c));
  /* Chrome, Safari 4+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#686f76', endColorstr= '#3b444c', GradientType=0);
  /* IE 6-9 */
}
#module-tabs > ul.tabs li#button-resources {
  border-bottom: none;
}
/* Classroom Tabs */
#classroom-tabs {
  margin-bottom: 20px;
  border-left: 1px solid;
  border-color: #dfdfdf;
}
#classroom-tabs li {
  float: left;
  width: 50%;
}
#classroom-tabs a {
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: #dfdfdf;
  text-align: center;
  background: #ededed;
  color: #242a31;
  display: block;
  padding: 20px 20px 20px 20px;
}
#classroom-tabs p {
  display: none;
}
#classroom-tabs a,
#classroom-tabs a span {
  vertical-align: middle;
}
#classroom-tabs span {
  margin-right: 10px;
}
#classroom-tabs a.selected {
  border-bottom: none;
  background: #f9f9f9;
  color: #188dc5;
}
/* End tabs  */
#discipline-masthead .wide,
#discipline-masthead .short {
  margin-bottom: 0;
  width: 100%;
}
#discipline-masthead .wide {
  float: left;
}
#discipline-masthead .short {
  float: right;
}
#discipline-masthead form {
  margin-top: 30px;
}
#discipline-masthead span.dd-menu {
  border-color: #fdba4d;
  background-color: #fdba4d;
  color: #242a31;
}
#introduction {
  background: #242a31;
}
#introduction h1,
#introduction p {
  color: white;
}
#introduction h1 {
  text-align: left;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 42px;
  line-height: 4.2rem;
  margin: 0 0 14px 0;
}
#introduction h4 {
  display: block;
  color: #fdba4d;
  font-family: 'Reenie Beanie', cursive;
  font-family: 'Rock Salt', cursive;
}
.leader h3 {
  line-height: normal;
}
.leader h3 span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  color: #242a31;
}
#signed-in {
  padding-top: 22px;
  padding-bottom: 22px;
  background-color: #eaf5fa;
}
#signed-in p {
  margin: 0;
}
/* =======================================
   Global Quizzes
   ======================================= */
p#reset-quiz {
  text-align: center;
  padding: 14px;
  display: none;
}
ul.quiz-questions {
  margin-top: 0;
  margin-bottom: 20px;
}
ul.quiz-questions li {
  line-height: normal;
  margin-bottom: 4px;
}
ul.quiz-questions label {
  display: inline-block;
  float: none;
}
ul.quiz-questions li p.response {
  display: none;
  margin: 10px 0;
  font-style: italic;
}
#quiz-score {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
  padding: 20px;
  margin-bottom: 1em;
  text-align: center;
  display: none;
}
#quiz-score p {
  margin-bottom: 0;
}
#quiz-score p.score {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 35.75px;
  line-height: 3.575rem;
  margin-bottom: 10px;
}
#quiz-score a {
  color: #708b91;
  padding: 0 14px;
  text-decoration: underline;
}
.correct {
  color: #009900;
}
.incorrect {
  color: #ca462c;
}
div.check-answer p {
  font-family: 'Reenie Beanie', cursive;
  font-family: 'Rock Salt', cursive;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.75px;
  line-height: 2.275rem;
  color: #ca462c;
  padding-top: 12px;
  padding-bottom: 10px;
  margin-top: 6px;
}
div.check-answer span {
  margin-right: 14px;
}
div.check-answer a {
  color: #708b91;
}
div.check-answer .response {
  display: none;
}
div.check-answer .correct {
  color: #009900;
}
div.check-answer .incorrect {
  color: #ca462c;
}
/* Radio Buttons */
ul.quiz-questions:not(#default) {
  list-style: none;
  padding-left: 35px;
}
ul.quiz-questions:not(#default) > li > input[type='radio'] {
  display: none;
  float: left;
  width: 25px;
}
ul.quiz-questions:not(#default) > li > input[type='radio'] + label {
  margin-left: -35px;
  clear: none;
  padding: 2px 0 2px 35px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url('/images/quiz-option.png');
  background-image: url('/images/quiz-option.svg'), none;
}
ul.quiz-questions:not(#default) > li.option-b input[type='radio'] + label {
  background-position: 0 -200px;
}
ul.quiz-questions:not(#default) > li.option-c input[type='radio'] + label {
  background-position: 0 -400px;
}
ul.quiz-questions:not(#default) > li.option-d input[type='radio'] + label {
  background-position: 0 -600px;
}
ul.quiz-questions:not(#default) > li.option-e input[type='radio'] + label {
  background-position: 0 -800px;
}
ul.quiz-questions:not(#default) > li > label > span {
  display: none;
}
ul.quiz-questions:not(#default) > li > input[type='radio']:checked + label {
  background-position: 0 0;
  background-image: url('/images/quiz-option-selected.png');
  background-image: url('/images/quiz-option-selected.svg'), none;
}
ol.quiz {
  font-size: 20px;
  font-size: 2rem;
  line-height: 32.5px;
  line-height: 3.25rem;
  font-weight: bold;
  margin: 0;
}
ol.quiz li ul {
  font-weight: normal;
}
ol.quiz > li {
  margin-left: 20px;
  margin-bottom: 50px;
}
/*  qTip Overrides */
.qtip {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
}
/* Light style */
.qtip-light {
  background-color: white;
  border-color: #E2E2E2;
  color: #454545;
}
.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}
/* Green style */
.qtip-green {
  background-color: #d5eed3;
  border-color: #6cc365;
  color: #35792f;
}
.qtip-green .qtip-titlebar {
  background-color: #8fd18a;
}
.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}
/* Share style */
.qtip-share {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
}
.code-containter {
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.075);
  background: #f5f2f0;
  height: 228px;
  overflow-y: scroll;
  margin: 0 0 1em;
}
.code-containter pre,
.code-containter code {
  margin: 0;
  background: none;
}
/* =======================================
   Media Queries
   ======================================= */
@media only screen and (min-width: 25em) {
  /* Header */
  #options-drop-down ul li.option {
    float: left;
  }
  /* Core Template */
  #sections .title {
    font-weight: bold;
  }
  /* Index */
  #disciplines li {
    width: 50%;
  }
  #disc-quick-view .acc-button strong {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 29.250000000000004px;
    line-height: 2.9250000000000003rem;
  }
  /* Figure styles */
  .fig-inner {
    position: relative;
    display: table;
    width: 1px;
    /* Arbitrary, low number */
    margin-left: auto;
    margin-right: auto;
  }
  .fig-full > .fig-inner {
    display: block;
    width: 100%;
  }
  .fig-left img,
  .fig-right img,
  .fig-center img,
  .fig-none img {
    width: auto;
    max-width: 300px;
  }
  /* Legacy Wordpress figures */
  div[id*="attachment_"] {
    width: 100% !important;
    text-align: center;
  }
  div[id*="attachment_"] img {
    max-width: 300px !important;
    height: auto !important;
  }
  div[id*="attachment_"] p.wp-caption-text {
    max-width: 300px !important;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
  .pop-up-indicator {
    max-width: 60%;
  }
  .form-item.inline .wrap-dd-menu .left {
    margin-bottom: 20px;
  }
}
/* end 400 */
@media only screen and (min-width: 37.5em) {
  /* Core Template */
  .v-pad,
  .generic.accordion > .acc-panel {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .stack {
    margin-top: 30px !important;
  }
  .h-pad {
    padding-left: 20px;
    padding-right: 20px;
  }
  hr.level-one {
    margin-left: 20px;
    margin-right: 20px;
  }
  article > header p span {
    display: inline;
    padding: 0 4px;
  }
  /* Home */
  #disciplines {
    padding-left: 10px;
    padding-right: 10px;
  }
  div.check-answer p,
  div.check-answer button {
    float: left;
  }
  div.check-answer p {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0;
  }
  /* Global Footer */
  #footer-nav,
  #support {
    width: 50%;
  }
  #legal {
    float: left;
    margin-bottom: 0;
  }
  #social {
    float: right;
  }
  .popup form {
    min-width: 320px;
  }
  #media-buttons li,
  #module-tabs > ul.tabs li {
    float: left;
    width: 33.3333%;
  }
  .generic-tabs > ul.tabs li {
    width: auto;
  }
  .generic-tabs > ul.tabs {
    border-left: 1px solid #dfdfdf;
    border-bottom: none;
  }
  .generic-tabs > ul.tabs li {
    border-right: 1px solid #dfdfdf;
  }
  .generic-tabs > ul.tabs a {
    border-bottom: 1px solid #dfdfdf;
  }
  .generic-tabs > ul.tabs a.selected {
    border-bottom: none;
  }
  .filter-bar > ul.tabs,
  .filter-bar > ul.tabs li,
  .filter-bar > ul.tabs li.search {
    border: none;
  }
  .filter-bar > ul.tabs li a {
    border: none;
    background: none;
  }
  .filter-bar > ul.tabs {
    background: white;
    box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
    -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
    -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
    position: relative;
    behavior: url(/PIE.htc);
  }
  .filter-bar > ul.tabs li {
    box-shadow: none;
  }
  .filter-bar > ul.tabs li.search {
    float: right;
    width: 50%;
    margin-top: 0;
  }
  .search-bar li {
    float: left;
  }
  .search-bar li.sections {
    width: 35%;
  }
  .search-bar li.search {
    width: 65%;
  }
  #module-tabs > ul.tabs li {
    border-bottom: none;
    border-right: 1px solid #242a31;
  }
  #module-tabs > ul.tabs li#button-resources {
    border-right: none;
  }
  #classroom-tabs {
    margin-bottom: 30px;
  }
  #classroom-tabs a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #classroom-tabs strong {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 39px;
    line-height: 3.9rem;
  }
  #classroom-tabs p {
    margin-top: 10px;
    display: block;
  }
  #discipline-masthead .wide {
    width: 66.6666%;
    padding-right: 0;
  }
  #discipline-masthead .short {
    width: 33.3333%;
  }
  /* Figure styles */
  .fig-left img,
  .fig-right img {
    max-width: 240px;
  }
  .fig-center img,
  .fig-none img,
  div[id*="attachment_"] img {
    max-width: 480px;
  }
  .fig-full img {
    max-width: 100%;
  }
  .fig-right,
  .alignright {
    float: right;
  }
  .fig-left,
  .alignleft {
    float: left;
  }
  .fig-right,
  .alignright {
    width: auto;
    margin-left: 20px;
  }
  .fig-left,
  .alignleft {
    width: auto;
    margin-right: 20px;
  }
  .course-info strong {
    width: 35%;
    float: left;
  }
  div[id*="attachment_"] {
    max-width: 100% !important;
    width: inherit !important;
  }
  div[id*="attachment_"].aligncenter {
    margin-left: auto;
    margin-right: auto;
  }
  div[id*="attachment_"].alignleft,
  div[id*="attachment_"].alignright {
    max-width: 240px !important;
  }
  div[id*="attachment_"] img {
    max-width: 100% !important;
    height: auto !important;
  }
  div[id*="attachment_"] p.wp-caption-text {
    max-width: 100% !important;
  }
  div.aligncenter {
    max-width: 100% !important;
    width: inherit !important;
    margin-bottom: 30px;
  }
  div.aligncenter img {
    width: 100% !important;
    height: auto !important;
  }
  .individual .left {
    float: left;
    width: 15%;
    margin-right: 5%;
  }
  .individual .right {
    float: right;
    width: 80%;
  }
  .form-item.inline .wrap-dd-menu .left {
    margin-bottom: 20px;
  }
}
/* end 600 */
@media only screen and (min-width: 45em) {
  /* Global Header */
  #secondary-nav nav.company-nav ul li {
    display: inline;
  }
  #secondary-nav nav.company-nav ul li.company-toggle {
    display: none;
  }
  #company-drop-down {
    display: none;
  }
  ul.user li.sign-out a {
    color: white;
  }
  ul.user li.options {
    display: inline;
  }
  ul.user li.options.icon {
    display: none;
  }
  ul.tools li {
    margin-right: 10px;
  }
  ul.tools span.text {
    display: inline;
  }
  ul.reading-toolbar li.wrap-tools {
    width: 60%;
  }
  ul.reading-toolbar li.wrap-audio {
    width: 40%;
  }
  #sections li a {
    padding: 20px 30px;
  }
  #disciplines li {
    width: 33.3333%;
  }
  ul#blog-carousel {
    padding-left: 10px;
    padding-right: 10px;
  }
  #disc-quick-view .acc-button span {
    display: block;
  }
  #disc-quick-view .acc-button img {
    width: 18%;
  }
  #disc-quick-view .acc-button strong {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 35.75px;
    line-height: 3.575rem;
  }
  .sub-filter ul.disc {
    float: left;
    width: 50%;
  }
  .filter-bar > ul.tabs li {
    width: auto;
  }
  .filter-bar > ul.tabs li.search {
    padding-left: 0;
  }
  .by-discipline ul {
    width: 50%;
    float: left;
  }
  .entries > section {
    position: relative;
  }
  .entries > section h2,
  .entries > section p {
    margin-right: 220px;
    margin-right: 30%;
  }
  .entries > section img {
    min-width: 25%;
    position: absolute;
    top: 40px;
    right: 0;
  }
  .entries > article {
    position: relative;
  }
  .entries > article img {
    min-width: 25%;
    position: absolute;
    top: 40px;
    right: 0;
  }
  .entries > article.has-thumbnail {
    position: relative;
  }
  .entries > article.has-thumbnail h2,
  .entries > article.has-thumbnail p {
    margin-right: 220px;
    margin-right: 30%;
  }
  .entries > article.has-thumbnail img {
    min-width: 25%;
    position: absolute;
    top: 40px;
    right: 0;
  }
  .pop-up-indicator {
    max-width: 80%;
  }
  .pop-up-indicator .thumbnail {
    width: 35%;
  }
  .pop-up-indicator .text {
    width: 65%;
  }
  .form-item.inline .wrap-dd-menu .left {
    margin-bottom: 20px;
  }
}
/* end 768 */
@media only screen and (min-width: 62.5em) {
  /* Core Template */
  .module .wide {
    float: right;
  }
  .below-nav {
    float: left;
  }
  .short,
  .wide,
  .left,
  .right {
    float: left;
  }
  .wide {
    width: 66.6666%;
  }
  .short,
  .below-nav {
    width: 33.3333%;
  }
  .left,
  .right {
    width: 50%;
  }
  .half .left {
    padding-right: 20px;
  }
  .half .right {
    padding-left: 20px;
  }
  .wide-left .wide {
    padding-right: 0;
  }
  .wide-right .wide {
    padding-left: 0;
  }
  .wide-left .wide,
  .wide-right .short,
  .half .left {
    margin-bottom: 0;
  }
  /* Global Header */
  #primary-nav {
    box-shadow: 0 2px 2px 0 rgba(25, 29, 34, 0.1);
    -moz-box-shadow: 0 2px 2px 0 rgba(25, 29, 34, 0.1);
    -webkit-box-shadow: 0 2px 2px 0 rgba(25, 29, 34, 0.1);
  }
  #primary-nav .inner-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  #logo {
    box-shadow: none;
    text-align: left;
    width: 33.3333%;
    margin-top: 2px;
  }
  #logo a {
    margin: 0;
    width: auto;
    max-width: 100%;
  }
  #sections {
    width: 66.6666%;
  }
  #sections li a {
    padding: 22px 14px;
  }
  #sections .title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 39px;
    line-height: 3.9rem;
  }
  #sections .description {
    display: block;
  }
  /* Index */
  #disciplines li {
    width: 25%;
  }
  #media-buttons li {
    float: none;
    width: 100%;
  }
  ul.reading-toolbar li.wrap-tools {
    width: 65%;
  }
  ul.reading-toolbar li.wrap-audio {
    width: 35%;
  }
  #sign-in-drop-down div.form-item {
    float: left;
    width: 33.3333%;
    padding-right: 20px;
  }
  #sign-in-drop-down p span {
    display: inline;
    margin-right: 14px;
  }
  #search-drop-down .wide,
  #search-drop-down .short {
    margin: 0;
  }
  #search-drop-down div.form-item {
    float: left;
  }
  #search-drop-down div.form-item.wide {
    padding-right: 20px;
  }
  #search-drop-down .customSelect {
    float: left;
    width: 35%;
    margin-bottom: 0;
  }
  #search-drop-down input[type="text"] {
    float: right;
    width: 65%;
  }
  .form-item.inline .wrap-dd-menu,
  .form-item .wrap-dd-menu {
    float: left;
    width: 100%;
  }
  .form-item.inline .wrap-dd-menu .left,
  .form-item .wrap-dd-menu .left {
    margin-bottom: 0;
    padding-right: 10px;
  }
  .form-item.inline .wrap-dd-menu .right,
  .form-item .wrap-dd-menu .right {
    margin-bottom: 0;
    padding-left: 10px;
  }
}
/* end 1000 */
@media only screen and (min-width: 75em) {
  body {
    border: none;
  }
  /* Core Template */
  .v-pad,
  .generic.accordion > .acc-panel {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .stack {
    margin-top: 40px !important;
  }
  .h-pad {
    padding-left: 30px;
    padding-right: 30px;
  }
  hr.level-one {
    margin-left: 30px;
    margin-right: 30px;
  }
  #primary-nav .inner-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
  #disciplines {
    padding-left: 20px;
    padding-right: 20px;
  }
  #disc-quick-view .acc-button strong {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 39px;
    line-height: 3.9rem;
  }
  ul.reading-toolbar {
    padding-left: 20px;
    padding-right: 20px;
  }
  ul.reading-toolbar li.wrap-tools {
    width: 60%;
  }
  ul.reading-toolbar li.wrap-audio {
    width: 40%;
  }
  ul.reading-toolbar li.player {
    width: 90%;
  }
  ul.reading-toolbar li.itunes {
    width: 10%;
    text-align: center;
  }
  .form-item.inline label,
  .form-item.inline > input,
  .form-item.inline textarea,
  .form-item.inline .wrap-dd-menu {
    float: left;
    width: 65%;
  }
  .form-item.inline label .left,
  .form-item.inline > input .left,
  .form-item.inline textarea .left,
  .form-item.inline .wrap-dd-menu .left {
    padding-right: 10px;
  }
  .form-item.inline label .right,
  .form-item.inline > input .right,
  .form-item.inline textarea .right,
  .form-item.inline .wrap-dd-menu .right {
    padding-left: 10px;
  }
  .form-item.inline label .gen-nav label,
  .form-item.inline > input .gen-nav label,
  .form-item.inline textarea .gen-nav label,
  .form-item.inline .wrap-dd-menu .gen-nav label {
    float: none;
    width: auto;
  }
  .form-item.inline label {
    width: 35%;
    padding-left: 0;
  }
}
/* end 1200px */
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  display: block;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
/* ==========================================================================
   Mixins
   ========================================================================== */
.ie-support {
  position: relative;
  behavior: url(/PIE.htc);
}
/* Custom Mixins */
.content-box-shadow {
  background: white;
  box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(112, 139, 145, 0.2);
  position: relative;
  behavior: url(/PIE.htc);
}
/* ==========================================================================
   Internet Explorer only
   ========================================================================== */
html.lt-ie9 ul.quiz-questions {
  list-style: none;
}
html.lt-ie9 ul.quiz-questions li {
  width: 100%;
  float: none !important;
}
html.lt-ie9 ul.quiz-questions input,
html.lt-ie9 ul.quiz-questions span {
  float: left;
}
html.lt-ie9 ul.quiz-questions input {
  margin-top: 3px;
  margin-right: 10px;
}
html.lt-ie9 ul.quiz-questions label {
  padding: 0;
}
html.lt-ie9 ul.quiz-questions span {
  margin-right: 6px;
}
html.lt-ie9 figure img {
  max-width: none;
}
html.lt-ie9 figure a {
  display: inline;
}
html.lt-ie9 .btn-enlarge {
  display: none;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  button.btn {
    border: 1px solid black;
  }
  .check-answer > button.btn {
    display: none;
  }
  button.btn {
    border: 1px solid black;
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 1.25cm 0.5cm 0.5cm 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  /* Remove unneeded page elements */
  #sections,
  #secondary-nav,
  body > footer,
  .advertising,
  .short,
  .below-nav,
  #module-tabs > .tabs,
  #wrap-reading-toolbar,
  .text-links,
  .to-top,
  .filter-bar > .tabs,
  .tools {
    display: none;
  }
  article > header p span,
  ul.quiz-questions li label span {
    display: inline !important;
  }
  div.acc-panel {
    display: block;
  }
  #disciplines li {
    float: left;
    width: 25%;
  }
  #disciplines li .disc-title {
    color: white !important ;
  }
}
/* ==========================================================================
   Imports
   ========================================================================== */
@font-face {
  font-family: 'footable';
  src: url('/fonts/footable/footable.eot');
  src: url('/fonts/footable/footable.eot?#iefix') format('embedded-opentype'), url('/fonts/footable/footable.woff') format('woff'), url('/fonts/footable/footable.ttf') format('truetype'), url('/fonts/footable/footable.svg#footable') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('/fonts/footable/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.footable {
  width: 100%;
  /** SORTING **/
  /** PAGINATION **/
}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\e013";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\e012";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\e022";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
}
.footable-odd {
  background-color: #f7f7f7;
}