/********************
BASE STYLES
********************/
*:focus {
	outline-color: rgb(77, 144, 254); // #4D90FE
	outline-offset: -2px;
	outline-style: auto;
	outline-width: 5px;
}

html {
  background-image: url("../images/stripes-light.png"), linear-gradient(to right, rgb(19, 40, 61) 0%, rgb(50, 97, 115) 60%, rgb(69, 121, 134) 100%);
  scroll-behavior: smooth;
}

body {
	font-family: Arial, sans-serif;
	margin: 0 auto;
	max-width: 1400px;
	color: #242424;
	min-height: 100%;
	overflow-y: scroll;
}

h1 {
	font-size: 30px;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 26px;
}

h4 {
	color: #0033CC;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

ol {
	overflow: hidden;
}

ul {
	overflow: hidden;
}

.content p {
  line-height: 1.25;
}

.content p, .content li {
	color: #3e3e3e;
}

.content li {
	margin-bottom: 10px;
}

/********************
MAIN LAYOUT
********************/
/* Main Container */
.oneColLiqCtr #container {
	width: 90%;
	background: #FFFFFF;
	margin: 35px auto;
	padding-bottom: 25px;
	text-align: left;
  border-radius: 10px;
  border: 4px solid #ecf0f1;
  box-shadow: 0px 10px 15px rgb(0, 0, 0, .2);
}

/* Content Container */
.content {
	position: relative;
	padding: 0px 40px;
	font: 16px Arial, sans-serif;
}

/********************
HEADER
********************/
#top-navigation {
	width: 100%;
	padding-bottom: 30px;
	background-color: #000;
  border-radius: 5px 5px 0px 0px;
}

.icon-and-header {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.icon-and-header .icon {
	width: 60px;
	height: 60px;
  margin-top: 5px;
  margin-left: 15px;
  box-sizing: border-box;
}

.icon-and-header .icon img {
  border-radius: 60px;
  border: 2px solid #fff;
}

.icon-and-header .title {
	margin-left: 25px;
	font-size: 1.75em;
	position: relative;
	top: 18px;
}

#top-navigation .paging {
	color: #fff;
	position: relative;
	top: 16px;
	right: 18px;
	font-size: 1.5em;
	font-weight: bold;
}

.paging .goback, .paging .goforward {
	background: none;
	border: none;
	color: #fff;
	font-size: 1em;
}

@media all and (max-width: 673px) {
  #top-navigation .paging {
    font-size: 1.2em;
  }
}

@media all and (max-width: 583px) {
  #top-navigation .paging {
    font-size: .9em;
  }

  .paging .goback, .paging .goforward {
    font-size: 1em;
  }
}

.intro {
	background-color: #ecf0f1;
	padding: 1px 40px;
  margin-bottom: 5px;
}

.intro h2 {
	font-size: 1.35em;
	font-weight: normal;
}

#top {
	position: relative;
	width: 100%;
	height: 60px;
	z-index: 100;
}

#toc_btn {
	position: absolute;
	width: 195px;
	height: 27px;
	background-image: url('../images/toc.gif');
	top: -21px;
	cursor: pointer;
}

#toc {
	display: none;
	z-index: 50;
}

#toc ol {
	top: 10px;
	width: 195px;
	/*list-style: decimal inside none;*/
	/*list-style-position:inside;*/
	margin: 0;
	padding: 10px 0;
	color: #01588d;
	background-color: #bababa;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, #bababa), color-stop(0.85, rgb(255, 255, 255)));
	background-image: -moz-linear-gradient( center bottom, #bababa 33%, rgb(255, 255, 255) 85%);
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
}

#toc ol li {
	/*white-space:nowrap;*/
	font-size: 14px;
	margin-left: 30px;
	padding: 3px;
}

#toc ol a {
	text-decoration: none;
	color: #01588d;
}

#bookmark {
	position: absolute;
	width: 68px;
	height: 53px;
	right: 70px;
	top: -20px;
	background-image: url('../images/btn_bookmark.png');
	cursor: pointer;
}

div#audio {
	position: absolute;
	width: 300px;
	height: 55px;
	right: 10px;
	top: 20px;
}

div#audio audio {
	width: 300px;
	display: inline-block;
}

#help {
	position: absolute;
	width: 42px;
	height: 55px;
	right: 10px;
	top: -20px;
	background-image: url('../images/btn_audio.png');
	cursor: pointer;
}

#help a {
	display: block;
	width: 100%;
	height: 100%;
}

#pager {
	width: 337px;
	height: 77px;
	position: absolute;
	top: -19px;
	left: 50%;
	margin-left: -168px;
	background-image: url('../images/pager_bg.gif');
}

#pager_left {
	position: absolute;
	width: 50px;
	height: 40px;
	top: 33px;
	left: 18px;
}

#pager_right {
	position: absolute;
	width: 50px;
	height: 40px;
	top: 33px;
	left: 269px;
}

#pager_left a,
#pager_right a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
}

#pager_text {
	position: absolute;
	width: 100px;
	top: 29px;
	left: 50%;
	margin-left: -50px;
	font: 22px Arial, sans-serif;
	text-align: center;
}

#idealMenuTocContents {
  text-align: right;
  display: block;
}

#idealMenuTocContents span.tocPopup {
  display: none;
  top: 0px;
  text-align: left;
  position: absolute;
  z-index: 9999;
  margin-right: -1px;
}

#idealMenuTocContents span.tocItem {
  display: block;
  color: white;
  background-color: black;
  font-size: 80%;
  padding: 6px;
  cursor: pointer;
}

#idealMenuTocContents .idealMenuTocSelected {
  text-align: left;
  display: block;
  color: white;
  font-size: 120%;
  padding: 6px;
  cursor: pointer;
}

#idealMenuTocContents .dropdownarrow {
  border: none;
  background: none;
  display: inline-block;
  color: #fff;
  font-size: 1em;
}

#contentContainer .pageheader {
  background-color: black;
}

#contentContainer .icon {
  width: 60px;
  height: 60px;
  padding: 10px;
}

#contentContainer .rightPart {
  display: block;
  overflow: hidden;
}

#contentContainer .pageheader .banner {
  color: white;
  background-color: black;
  padding: 8px;
  font-size: 150%;
  font-weight: bold;
  display: block;
}

/********************
FOOTER
********************/
.bottomPaging a {
	text-decoration: none;
	color: inherit;
}

.footer {
	margin: 40px 40px 20px 40px;
  color: #7f8c8d;
}

a.footer-btn {
  color: #7f8c8d;
  transition: color .5s;
}

a.footer-btn:focus, a.footer-btn:hover {
  color: #000;
}

.footer-audio {
	display: block;
	margin: 0 auto;
  border: 4px solid #bdc3c7;
  border-radius: 40px;
}

/********************
HELPERS
********************/
.clear {
	clear: both;
}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.hidden {
	visibility: hidden;
}

.floatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.floatRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.stopFloat {
	margin: 0px;
	clear: both;
}

hr.dotted {
  border: 3px dotted #ecf0f1;
  border-style: none none dotted; 
  color: #fff; 
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* Hide visually and from screen readers */
.hidden {
  display: none !important;
}
/* Use this class to left-justify centered text when it begins to wrap.  */
.center-wrap {
  display: flex;
  justify-content: center;
}

/********************
BUTTONS
********************/
/* FLAT BUTTONS */
.flat-btn {
  display: block;
  font-size: 1.2em;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  width: 100%;
  height: 55px;
  text-align: center;
  text-decoration: none;
  line-height: 55px;
  border-radius: 5px;
  transition: .5s;
  box-shadow: 0px 2px 3px #bdc3c7;
  border: none;
}

.red-btn {
  background-color: #c0392b;
}

.red-btn:hover, .red-btn:focus {
  background-color: #e74c3c;
}

.grey-btn {
  background-color: #7f8c8d;
}

.grey-btn:hover, .grey-btn:focus {
  background-color: #95a5a6;
}

.green-btn {
  background-color: #27ae60;
}

.green-btn:hover, .green-btn:focus {
  background-color: #2ecc71;
}

.blue-btn {
  background-color: #277CB4;
}

.blue-btn:hover, .blue-btn:focus {
  background-color: #3498db;
}

.dark-blue-btn {
  background-color: #2c3e50;
}

.dark-blue-btn:hover, .dark-blue-btn:focus {
  background-color: #34495e;
}

.ae-blue-btn {
  background-color: #0e6198;
}

.ae-blue-btn:hover, .ae-blue-btn:focus {
  background-color: #106fae;
}

.orange-btn {
  background-color: #d35400;
}

.orange-btn:hover, .orange-btn:focus {
  background-color: #e67e22;
}

.purple-btn {
  background-color: #8e44ad;
}

.purple-btn:hover, .purple-btn: focus {
  background-color: #9b59b6;
}

/* FLAT OUTLINE BUTTONS */
.red-btn-outline {
  background-color: #fff;
  border: 1px solid #c0392b;
  color: #c0392b;
  box-shadow: none;
}

.red-btn-outline:hover, .red-btn-outline:focus {
  background-color: #e74c3c;
  color: #fff;
}

.grey-btn-outline {
  background-color: #fff;
  border: 1px solid #7f8c8d;
  color: #7f8c8d;
  box-shadow: none;
}

.grey-btn-outline:hover, .grey-btn-outline:focus {
  background-color: #95a5a6;
  color: #fff;
}

.green-btn-outline {
  background-color: #fff;
  border: 1px solid #27ae60;
  color: #27ae60;
  box-shadow: none;
}

.green-btn-outline:hover, .green-btn-outline:focus {
  background-color: #2ecc71;
  color: #fff;
}

.blue-btn-outline {
  background-color: #fff;
  border: 1px solid #277CB4;
  color: #277CB4;
  box-shadow: none;
}

.blue-btn-outline:hover, .blue-btn-outline:focus {
  background-color: #3498db;
  color: #fff;
}

.dark-blue-btn-outline {
  background-color: #fff;
  border: 1px solid #2c3e50;
  color: #2c3e50;
  box-shadow: none;
}

.dark-blue-btn-outline:hover, .dark-blue-btn-outline:focus {
  background-color: #34495e;
  color: #fff;
}

.ae-blue-btn-outline {
  background-color: #fff;
  border: 1px solid #0e6198;
  color: #0e6198;
  box-shadow: none;
}

.ae-blue-btn-outline:hover, .ae-blue-btn-outline:focus {
  background-color: #0e6198;
  color: #fff;
}

.orange-btn-outline {
  background-color: #fff;
  border: 1px solid #d35400;
  color: #d35400;
  box-shadow: none;
}

.orange-btn-outline:hover, .orange-btn-outline:focus {
  background-color: #e67e22;
  color: #fff;
}

.purple-btn-outline {
  background-color: #fff;
  border: 1px solid #8e44ad;
  color: #8e44ad;
  box-shadow: none;
}

.purple-btn-outline:hover, .purple-btn-outline:focus {
  background-color: #9b59b6;
  color: #fff;
}

/* BRIGHT GRADIENT BUTTONS */
.colorful-btn {
  display: block;
  font-size: 1em;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  width: 100%;
  height: 55px;
  text-align: center;
  background-size: 300% 100%;
  border-radius: 50px;
  border: 1px solid #fff;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

a.colorful-btn {
  line-height: 55px;
  text-decoration: none;
}

.colorful-btn:hover, .colorful-btn:focus {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.colorful-btn .text-shadow {
  text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);;
}

.colorful-btn.blue-gradient {
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.colorful-btn.red-gradient {
  background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}

.colorful-btn.orange-gradient {
  background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

.colorful-btn.teal-gradient {
  background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}

.colorful-btn.purple-gradient {
  background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}

.colorful-btn.green-gradient {
  background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
  box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}

.colorful-btn.grey-gradient {
  background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
  box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

.colorful-btn.ae-gradient {
  background-image: linear-gradient(to right, #0e6198, #106fae, #0e6198, #0e6198);
  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

/* HOVER EFFECTS */

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/**********************************************
FANCYBOX/LIGHTBOX
**********************************************/
/* CUSTOM STYLES */

/* Hides modal container until clicked */
.lightbox-content {
    display: none;
}

/* Centers image in modal container */
.lightbox-content img {
    display: block;
    margin: 0 auto;
}

/* Right corner plus symbol */
.lightbox-img, .lightbox-text {
    display: inline-block;
    position: relative;
}

.lightbox-img:after, .lightbox-text:after {
    content: '+';
    display: block;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 0.25s;
    position: absolute;
    padding: 6px 10px 4px 10px;
}

.lightbox-img:after {
    bottom: 6px;
    right: 2px;
}

.lightbox-text:after {
    bottom: 18px;
    right: 2px;
    border-radius: 0px 0px 3px 0px;
}

/* Default image */
.lightbox-border {
    border: 2px solid #bdc3c7;
}

/* Text and button content instead of images */
.lightbox-text, .lightbox-btn {
    text-decoration: none;
    color: inherit;
}

.lightbox-text {
    width: 100%;
}

.lightbox-btn button {
    display: block;
    margin: 0 auto;
}

.lightbox-text > .lightbox-border {
    padding: 30px 15px 30px 15px;
    background-color: #ecf0f1;
    border-radius: 5px;
}


/* DEFAULT STYLES */

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
  outline-color: rgb(77, 144, 254); // #4D90FE
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 5px;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/********************
CIRCLE IMAGES
********************/
.circle-image {
	display: block;
	margin: 0 auto;
	border: 3px solid;
	border-radius: 200px;
	padding: 10px;
}

.rounded-image {
	display: block;
	margin: 0 auto;
	border: 3px solid;
	border-radius: 5px;
	padding: 10px;
}

.red-border {
	border-color: #c0392b;
	background-color: #e74c3c;
}

.green-border {
	border-color: #27ae60;
	background-color: #2ecc71;
}

.grey-border {
	border-color: #bdc3c7;
	background-color: #ecf0f1;
}

/********************
RESPONSIVE IMAGES
********************/
/* Hides smaller image on large screen */
.sm-display-img {
	display: none;
}

@media all and (max-width: 950px) {
	/* Hides larger image on small screen */
	.lg-display-img {
		display: none;
	}
	/* Shows smaller image on small screen */
	.sm-display-img {
	 	display: block;
	 	margin: 0 auto;
	}
}

/********************
16:9 RESPONSIVE VIDEOS
********************/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#transcriptArea {
	width: 100%;
	box-sizing: border-box;
}

#transcriptBtn {
	display: block;
	margin: 0 auto;
	border: none;
	background-color: transparent;
}

/********************
REVEAL ANSWER
********************/
/* Primary Button Styles */
.AE-reveal button, .AE-reveal select, .AE-reveal textarea, .AE-reveal input[type="text"], .AE-reveal input[type="button"], .AE-reveal input[type="submit"], .AE-reveal input[type="reset"], .AE-reveal input[type="password"], .AE-reveal a.btn {
  margin: 0 0.6em 0.6em 0;
  padding: 0.4em 0.6em;
  line-height: 1.6em;
  border-width: 1px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border-style: solid;
  border-color: #084268;
  max-width: 100%;
  font-size: 1.3rem;
  text-decoration: none;
  min-width: 80px;
  text-align: center;
}
/* Default color settings of buttons */
.AE-reveal button, .AE-reveal input[type="button"], .AE-reveal input[type="submit"], .AE-reveal input[type="reset"], .AE-reveal a.btn {
  display: inline-block;
  color: #ffffff;
  background-color: #0B6199;
  border: 1px solid #0B6199;
  font-weight: bold;
}
/* Style settings of buttons in hover state */
.AE-reveal button:hover, .AE-reveal input[type="button"]:hover, .AE-reveal input[type="submit"]:hover, .AE-reveal a.btn:hover {
  background-color: #ffffff;
  color: #0B6199;
  border-color: #0B6199;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  transition: 0.2s;
}
/* Style settings of buttons in focus state */
.AE-reveal button:focus, .AE-reveal input[type="button"]:focus, .AE-reveal input[type="submit"]:focus, .AE-reveal a.btn:focus {
  background-color: #ffffff;
  color: #0B6199;
  border-color: #0B6199;
  text-decoration: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
  transition: 0.2s;
}
/* Style settings for small buttons */
.AE-reveal button.btn-small, .AE-reveal input[type="button"].btn-small, .AE-reveal input[type="submit"].btn-small, .AE-reveal a.btn-small {
  font-size: 1rem;
}
/* Style settings for large buttons */
.AE-reveal button.btn-large, .AE-reveal input[type="button"].btn-large, .AE-reveal input[type="submit"].btn-large, .AE-reveal a.btn-large {
  font-size: 1.6rem;
}
/* Settings for center/middle-aligned buttons.  */
.AE-reveal button.btn-middle, .AE-reveal input[type="button"].btn-middle, .AE-reveal input[type="submit"].btn-middle, .AE-reveal a.btn-middle {
  position: relative;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}
/* Remove inner dotted box from firefox buttons */
.AE-reveal button::-moz-focus-inner {
 border: 0;
}
/* Center button.  */
.AE-reveal .btn-centered {
  display: block;
  margin: auto;
}

/* ==========================================================================
   Additional Reveal Answer and Show Me Styles
   ========================================================================== */
/* Outer Div settings for Reveal Answer.  */
.AE-reveal {
  background-color: #F4F4F4;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 8px 13px -7px #9C9583, 5px 5px 15px 5px rgba(0,0,0,0);
  box-shadow: 0px 8px 10px -7px #9C9583, 5px 5px 15px 5px rgba(0,0,0,0);
  -moz-box-shadow: 0px 8px 13px -7px #9C9583, 5px 5px 15px 5px rgba(0,0,0,0);
  border: 1px solid #cccccc;
  margin-bottom: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.AE-reveal h2 {
  margin: 0 0 1rem 0;
}
.AE-reveal p {
  margin-top: 0;
}
/* Remove box settings for Show Me interactive.  */
.AE-reveal-no-box {
  background-color: inherit;
  width: 100%;
  margin: auto;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}
/* Settings for answer box. */
.AE-reveal:not(.AE-reveal-no-box) .reveal-box {
  padding: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 6px -2px rgba(85,85,85,1);
  -moz-box-shadow: inset 0px 0px 6px -2px rgba(85,85,85,1);
  box-shadow: inset 0px 0px 6px -1px rgba(85,85,85,1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 0;
}

.show-me {
  margin: 0 auto !important;
}

/* Fix crashing divs when 2-column answer stacks on mobile screens. */
@media only screen and (max-width: 63.99rem) {
  .add-margin {
    margin-top: 20px !important;
  }
}

/********************
TIP BOX
********************/
div.tip {
	float: right;
	width: 250px;
	margin: 0px 0px 20px 20px;
	padding: 15px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-box-shadow: 3px 3px 6px #888;
	-webkit-box-shadow: 3px 3px 6px #888;
	box-shadow: 3px 3px 6px #888;
	background: #ffe850 url('../images/tip.png') no-repeat 215px 10px;
}

div.tip h2 {
	margin-top: 0;
}

div.tip p {
	margin: 0;
}

/********************
SLIDESHOW
********************/
.AE-slideshow-wrapper {
   position: relative;
}

.AE-slideshow-wrapper .AE-slideshow {
  position: relative;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0px 40px 0px 40px;
}

.AE-slideshow-wrapper .AE-slideshow .AE-slide {
  z-index: 20;
  padding: 40px;
  background-color: #ecf0f1;
  border: 3px solid;
  border-color: #bdc3c7;
  border-radius: 5px;
  margin: 10px;
  box-sizing: content-box;
}

.AE-slideshow-wrapper .AE-slideshow .slick-arrow {
  position: absolute;
  top: 50%;
  font-size: 2em;
  color: #333;
  cursor: pointer;
  z-index: 50;
  background: transparent;
  border: none;
}

.slide_content img {
  border: 1px solid #000;
  border-radius: 3px;
}

.AE-slideshow-wrapper .AE-slideshow .slick-arrow.right-arrow {
  right: 5px;
}

.AE-slideshow-wrapper .AE-slideshow .slick-arrow.left-arrow {
  left: 5px;
}

.AE-slideshow-wrapper .AE-slideshow .slick-disabled {
  opacity: 0.2;
  pointer-events: none;
}

.AE-slideshow-wrapper .slideshow-counter {
  position: absolute;
  border: none;
  left: calc(50% - 100px);
  background: transparent;
  bottom: -20px;
  z-index: 9999;
  font-size: 14px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
 
div.practicePage {
	width: 370px;
	padding: 15px;
	margin-left: 3px;
	float: left;
	display: none;
}

div.current {
	display: block;
}

div.highlights {
	background-color: #FFC;
	padding: 15px 40px;
	margin: 20px 0;
}

.justPoint {
	cursor: pointer;
}

.textEmph {
	color: #000;
	font-size: inherit;
	cursor: pointer;
	transition: color .5s, font-size .5s;
	-moz-transition: color .5s, font-size .5s;
	-webkit-transition: color .5s, font-size .5s;
	-o-transition: color .5s, font-size .5s;
}

.textEmphSlight {
	color: #000;
	font-size: inherit;
	cursor: pointer;
	transition: color .5s;
	-moz-transition: color .5s;
	-webkit-transition: color .5s;
	-o-transition: color .5s;
}

.textEmph:hover {
	color: #339;
	font-size: 21px;
}

.textEmphSlight:hover {
	color: #0000FF;
}

div.contentPopUps {
	padding: 10px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.fauxPopUp {
	width: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 3px;
	background-color: #fff;
	border: thin solid #006;
	text-align: center;
	z-index: 7;
	visibility: hidden;
	color: #039;
}

/********************
MULTIPLE CHOICE, DRAG AND DROP, OLD FLASHCARDS
********************/
div.multiple_choice,
div.drag_drop,
div.flash_cards {
	position: relative;
	width: 480px;
	margin: 0 auto;
	padding: 15px 15px 75px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-box-shadow: 3px 3px 6px #888;
	-webkit-box-shadow: 3px 3px 6px #888;
	box-shadow: 3px 3px 6px #888;
	background-color: #FFA;
}

div.multiple_choice div.question,
div.summary,
div.drag_drop div.question,
div.flash_cards div.question {
	display: none;
}

div.multiple_choice div.question:first-child,
div.drag_drop div.question:first-child,
div.flash_cards div.question:first-child {
	display: block;
}

div.multiple_choice h2,
div.drag_drop h2,
div.flash_cards h2 {
	margin-top: 0;
	font-size: 110%;
}

div.multiple_choice div.responses,
div.multiple_choice div.responsesMA {
	width: 450px;
	margin-right: 10px;
}

div.multiple_choice div.responses ol,
div.multiple_choice div.responsesMA ol {
	list-style-type: upper-alpha;
	margin: 0;
	padding-left: 30px;
}

div.multiple_choice div.responses ol li,
div.multiple_choice div.responsesMA ol li {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
	cursor: pointer;
	color: #944;
}

div.multiple_choice div.finished {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 91px;
	height: 39px;
	background-image: url(http://s3.amazonaws.com/cms.accelerate-ed.com/image/60194497-14e2-42a0-b23c-28d5a56a0c17.png);
	cursor: pointer;
}

.failList {
	list-style-image: url('../images/fail.png') !important;
	color: #B31212 !important;
}

.correctList {
	list-style-image: url('../images/checkmark.png') !important;
	color: #009245 !important;
}

div.multiple_choice p {
	font-size: 16px;
}

div.multiple_choice div.answers p {
	display: none;
	margin: 5px;
	text-align: left;
	font-size: 16px;
}

div.answers {
	box-shadow: inset 0px 0px 8px #c6c67f;
	border: thin solid #c6c682;
	width: 465px;
	margin: 5px auto 0px auto;
	height: 110px;
	overflow: auto;
	background-color: #F6F6A6;
	display: none;
}

.scrollable_text {
	min-width: 800px;
	box-shadow: 3px 3px 6px #888;
	position: relative;
	margin: 0 auto;
	padding: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	/* Firefox 3.6 and earlier */
	background: #f0ffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #eaffff 0%, #b9dbff 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaffff), color-stop(100%, #b9dbff));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eaffff 0%, #b9dbff 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eaffff 0%, #b9dbff 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eaffff 0%, #b9dbff 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #eaffff 0%, #b9dbff 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaffff', endColorstr='#b9dbff', GradientType=0);
	/* IE6-9 */
}

.scrollable_text div.textbox {
	min-width: 300px;
	height: 450px;
	padding: 10px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #FFF;
	border: thin solid #CCC;
}

.scrollable_text div.multiple_choice {
	float: right;
	width: 430px;
	box-shadow: none;
	margin-left: 20px;
	padding-top: 0px;
	background: none;
}

.scrollable_text div.multiple_choice div.responses ol li {
	color: #253d81;
}

.scrollable_text div.multiple_choice div.question div.answers {
	width: 410px;
	background-color: #FFF;
	box-shadow: inset 0px 0px 5px #ccc;
	border: thin solid #ccc;
}

.beginMC {
	background-image: url('../images/btn_begin_icon.png');
	width: 161px;
	height: 60px;
	cursor: pointer;
	margin: 20px auto;
}

div.multiple_choice div.next {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 91px;
	height: 39px;
	background-image: url('../images/btn_next2.png');
	cursor: pointer;
	visibility: hidden;
}

div.drag_drop div.next,
div.flash_cards div.next {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 91px;
	height: 39px;
	background-image: url('../images/btn_next2.png');
	cursor: pointer;
}

div.multiple_choice div.review,
div.drag_drop div.review,
div.flash_cards div.review {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 91px;
	height: 39px;
	background-image: url('../images/btn_review.png');
	cursor: pointer;
}

div.multiple_choice div.responsesMA ol li.selected {
	color: #D60;
	list-style-image: url('../images/selected.png');
}

div.drag_drop div.check {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 91px;
	height: 39px;
	background-image: url('../images/btn_check.png');
	cursor: pointer;
}

div.multiple_choice div.correct {
	width: 26px;
	height: 30px;
	position: absolute;
	left: -7px;
	background-image: url('../images/checkmark.png');
}

div.multiple_choice div.incorrect {
	width: 24px;
	height: 30px;
	position: absolute;
	left: -7px;
	background-image: url('../images/fail.png');
}

div.drag_drop div.correct {
	width: 26px;
	height: 30px;
	position: absolute;
	left: 205px;
	background-image: url('../images/checkmark.png');
	background-repeat: no-repeat;
	padding: 5px 0 0 30px;
	font-weight: bold;
}

div.drag_drop div.incorrect {
	width: 24px;
	height: 30px;
	position: absolute;
	left: 205px;
	background-image: url('../images/fail.png');
	background-repeat: no-repeat;
	padding: 5px 0 0 30px;
	font-weight: bold;
}

div.flash_cards div.response {
	width: 38px;
	height: 70px;
	position: absolute;
	top: 200px;
	background-repeat: no-repeat;
	z-index: 0;
	display: none;
	opacity: 0.5;
	cursor: pointer;
}

div.auto_height div.response {
	top: 100px;
}

div.flash_cards div.correct {
	left: 100px;
	background-image: url('../images/btn_checkmark.png');
}

div.flash_cards div.incorrect {
	left: 370px;
	background-image: url('../images/btn_fail.png');
}

div.drag_drop img.fraction {
	margin: 0 auto 30px auto;
	display: block;
}

div.drag_drop div.blocks,
div.drag_drop div.targets {
	margin: 15px 0;
	text-align: center;
}

div.drag_drop div.block {
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 2px solid black;
	background-color: #8781bd;
	margin: 0 7px;
	cursor: pointer;
}

div.drag_drop div.number {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0 7px;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

div.targets div.target {
	display: inline-block;
	width: 90px;
	height: 60px;
	margin: 0 30px;
	border: 2px dashed #a8a8a8;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 30px;
}

table.fraction_strip {
	background-color: #eeecff;
	border: 2px solid #a8a8a8;
	border-collapse: collapse;
	margin: 0 auto 20px auto;
}

table.fraction_strip td {
	width: 58px;
	height: 60px;
	border: 2px dashed #a8a8a8;
}

div.flash_cards div.card {
	width: 200px;
	height: 325px;
	margin: 0 auto;
	padding: 10px;
	background-color: white;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border: 10px solid #840736;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

div.flash_cards div.card_back {
	display: none;
	cursor: default;
	padding-left: 0;
	padding-right: 0;
	border-left-width: 0;
	border-right-width: 0;
}

div.auto_height div.card {
	height: auto;
}

div.card img {
	display: block;
	margin: 0 auto;
}

div.card p {
	text-align: center;
}

.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

* html .group {
	zoom: 1;
}

/* IE6 */
*:first-child+html .group {
	zoom: 1;
}

/********************
MULTIPLE CHOICE 2019
********************/
.AE-multiple_choice {
   background: #fff;
   position: relative;
}
 .AE-multiple_choice .question {
   display: none;
   padding: 40px;
   box-shadow: 3px 3px 3px #989898;
}
 .AE-multiple_choice .question:first-child {
   display: block;
}
 .AE-multiple_choice .question h2 {
   margin-top: 0px;
   margin-bottom: 20px;
   font-size: 1.4em;
}

.AE-multiple_choice .header *:focus, .AE-multiple_choice .question .responses li:focus, .AE-multiple_choice .question .responsesMA li:focus, .AE-multiple_choice .summary p:focus {
  background-color: #ecf0f1;
  outline: none;
}

.AE-multiple_choice .question .responses li:focus, .AE-multiple_choice .question .responsesMA li:focus {
  color: #277CB4;
}

.AE-multiple_choice .summary p {
  height: 40px;
}

 .AE-multiple_choice .question .responses, .AE-multiple_choice .question .responsesMA {
   padding-left: 5px;
}

 .AE-multiple_choice .question .responses ol, .AE-multiple_choice .question .responsesMA ol {
   list-style-type: lower-alpha;
   margin: 0;
   padding-left: 30px;
   overflow: visible;
}
 .AE-multiple_choice .question .responses ol i, .AE-multiple_choice .question .responses ol svg, .AE-multiple_choice .question .responsesMA ol i, .AE-multiple_choice .question .responsesMA ol svg {
   color: #146aa3;
   position: relative;
   top: -4px;
   left: -60px;
   font-size: 32px;
}
 .AE-multiple_choice .question .responses ol i.right-answer, .AE-multiple_choice .question .responses ol svg.right-answer, .AE-multiple_choice .question .responsesMA ol i.right-answer, .AE-multiple_choice .question .responsesMA ol svg.right-answer {
   color: green;
}
 .AE-multiple_choice .question .responses ol i.wrong-answer, .AE-multiple_choice .question .responses ol svg.wrong-answer, .AE-multiple_choice .question .responsesMA ol i.wrong-answer, .AE-multiple_choice .question .responsesMA ol svg.wrong-answer {
   color: #c0392b;
}
 .AE-multiple_choice .question .responses ol li, .AE-multiple_choice .question .responsesMA ol li {
   font-weight: bold;
   font-size: 1.1em;
   margin-bottom: 20px;
   cursor: pointer;
   color: #0b476f;
   transition: color 0.5s;
}
 .AE-multiple_choice .question .responses ol li:hover, .AE-multiple_choice .question .responses ol li:focus, .AE-multiple_choice .question .responsesMA ol li:hover, .AE-multiple_choice .question .responsesMA ol li:focus {
   color: #146aa3;
   text-decoration: underline;
   transition: color 0.25s;
}
 .AE-multiple_choice .question .responses ol li.wrong-question, .AE-multiple_choice .question .responsesMA ol li.wrong-question {
   color: #c0392b;
   text-decoration: none;
}
 .AE-multiple_choice .question .responses ol li.right-question, .AE-multiple_choice .question .responsesMA ol li.right-question {
   color: green;
   text-decoration: none;
}
 .AE-multiple_choice .question .responses ol li.selected, .AE-multiple_choice .question .responsesMA ol li.selected {
   color: #146aa3;
   text-decoration: underline;
   list-style-image: none !important;
   list-style-type: lower-alpha;
   margin-top: -32px;
}
 .AE-multiple_choice .question .responses ol li.correctList, .AE-multiple_choice .question .responsesMA ol li.correctList {
   color: green;
   list-style-image: none !important;
   list-style-type: lower-alpha;
}
 .AE-multiple_choice .question .responses ol li.failList, .AE-multiple_choice .question .responsesMA ol li.failList {
   color: #c0392b;
   list-style-image: none !important;
   list-style-type: lower-alpha;
}
 .AE-multiple_choice .question .responses ol li.disabled, .AE-multiple_choice .question .responsesMA ol li.disabled {
   opacity: 0.3;
   text-decoration: none !important;
   cursor: default;
}
 .AE-multiple_choice .button-container {
   display: flex;
   align-items: center;
   justify-content: center;
}
 .AE-multiple_choice .button-container .next {
   position: relative;
   width: 250px;
   margin: 20px auto 10px auto;
   background: #277CB4;
   cursor: pointer;
   display: none;
   color: #fff;
   padding: 12px 20px;
   border-radius: 10px;
   text-align: center;
   font-size: 1em;
   transition: all 0.5s;
   border: none;
}
 @media (max-width: 1100px) {
   .AE-multiple_choice .button-container .next {
     margin: 20px;
     width: auto;
  }
}
 .AE-multiple_choice .button-container .next:hover, .AE-multiple_choice .button-container .next:focus {
   transform: scale(1.05, 1.05);
   transition: all 0.5s;
   background-color: #3498db;
}
 .AE-multiple_choice .button-container .next:active {
   transform: scale(1.02, 1.02);
}
 .AE-multiple_choice .button-container .finished {
   position: relative;
   width: 250px;
   margin: 20px auto 10px auto;
   background: #146aa3;
   cursor: pointer;
   color: #fff;
   padding: 12px 20px;
   border-radius: 10px;
   text-align: center;
   font-size: 1em;
   transition: all 0.5s;
   border: none;
}
 @media (max-width: 1100px) {
   .AE-multiple_choice .button-container .finished {
     margin: 20px;
     width: auto;
  }
}
 .AE-multiple_choice .button-container .finished:hover, .AE-multiple_choice .button-container .finished:focus {
   transform: scale(1.05, 1.05);
   transition: all 0.5s;
}
 .AE-multiple_choice .button-container .finished:active {
   transform: scale(1.02, 1.02);
}
 .AE-multiple_choice .answers {
   background: #f7f7f7;
   padding: 20px;
   box-shadow: none;
   border: none;
   height: auto;
   width: auto;
   margin: 0 auto;
   border-left: 3px solid #277CB4;
   border-right: 3px solid #277CB4;
}
 @media (max-width: 1100px) {
   .AE-multiple_choice .answers {
     margin: 0px;
     width: auto;
  }
}
 .AE-multiple_choice .answers p {
   display: none;
   margin: 5px;
   text-align: left;
   font-size: 1.1em;
   color: #333;
}
 .AE-multiple_choice > .question > .correct {
   position: absolute;
   left: 8px;
   font-size: 32px;
   color: green;
}
 .AE-multiple_choice > .question > .incorrect {
   position: absolute;
   left: 8px;
   font-size: 32px;
   color: #c0392b;
}
 .AE-multiple_choice .summary {
   padding: 20px;
   box-shadow: 3px 3px 3px #989898;
}
 .AE-multiple_choice .summary h2 {
   margin: 0px;
}
 .AE-multiple_choice .summary p {
   font-size: 1.1em;
   color: #333;
}
 .AE-multiple_choice .summary p i, .AE-multiple_choice .summary p svg {
   font-size: 32px;
   position: relative;
   top: 6px;
   margin-right: 3px;
}
 .AE-multiple_choice .summary p i.fa-check-circle, .AE-multiple_choice .summary p svg.fa-check-circle {
   color: green;
}
 .AE-multiple_choice .summary p i.fa-times-circle, .AE-multiple_choice .summary p svg.fa-times-circle {
   color: #c0392b;
}
 .AE-multiple_choice .summary p i.right-icon, .AE-multiple_choice .summary p svg.right-icon {
   color: green;
}
 .AE-multiple_choice .summary p i.wrong-icon, .AE-multiple_choice .summary p svg.wrong-icon {
   color: #c0392b;
}
 .AE-multiple_choice .review {
   position: relative;
   width: 250px;
   margin: 10px auto;
   background: #277CB4;
   cursor: pointer;
   color: #fff;
   padding: 12px 20px;
   border-radius: 10px;
   text-align: center;
   font-size: 1em;
   border: none;
   display: block;
   transition: all 0.5s;
}
 @media (max-width: 1100px) {
   .AE-multiple_choice .review {
     width: auto;
     margin: 20px;
  }
}
 .AE-multiple_choice .review:hover, .AE-multiple_choice .review:focus {
   transform: scale(1.05, 1.05);
   transition: all 0.5s;
   background-color: #3498db;
}
 .AE-multiple_choice .review:active {
   transform: scale(1.02, 1.02);
}
 .AE-multiple_choice .status {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   white-space: nowrap;
  /* 1 */
}
 .AE-multiple_choice .status.focusable:active, .AE-multiple_choice .status.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
   white-space: inherit;
}
 .AE-multiple_choice_wrapper {
  background-color: #dfe4ea;
  padding: 25px;
  border-radius: 10px;
  max-width: 900px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
 

/********************
TIMER
********************/
#timer {
	width: 250px;
	height: 128px;
	background-image: url('../images/timer_display.png');
	float: right;
}

#timerCount {
	font-size: 45px;
	font-weight: bold;
	color: #006;
	position: absolute;
	margin-top: 9px;
	margin-left: 51px;
	width: 150px;
	text-align: center;
}

#timerMsgs {
	font-size: 18px;
	position: absolute;
	margin-left: 76px;
	margin-top: 81px;
	visibility: hidden;
	text-align: center;
	width: 100px;
}

#timerWatch {
	position: absolute;
	margin-left: 22px;
	margin-top: 71px;
	cursor: pointer;
}

#timerReset {
	position: absolute;
	margin-left: 180px;
	margin-top: 71px;
	cursor: pointer;
}

/********************
AUDIO PLAYER
********************/
.audioP {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}


/********************
SHOW ANSWER TABLE
********************/
th.slide {
	background-color: #ACF;
	border: 1px #FFF solid;
	font-weight: normal;
	width: 50%;
}

td.slide {
	background-color: #DEF;
	border: 1px #FFF solid;
	color: #333;
}

div.videoonly {
	text-align: center;
}

/********************
TAB SET
********************/
/* ---Vertical Tab Set--- */
.AE-v_tab {
  margin-top: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border-top: 1px solid #bdc3c7;
  border-bottom: 1px solid #bdc3c7;
  margin-bottom: 15px; 
  display: flex; 
  align-items: flex-start; 
  justify-content: center; 
  flex-direction: row;
}
          
/* Style the tab */
.AE-v_tab .tab {
  float: left;
  background-color: #ecf0f1;
  width: 20%;
  min-width: 125px;
  height: auto;
}

/* Style the buttons inside the tab */
.AE-v_tab .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.AE-v_tab .tab button:hover, .AE-v_tab .tab button:focus {
  background-color: #bdc3c7; 
}

/* Create an active/current "tab button" class */
.AE-v_tab .tab button.active {
  background-color: #277CB4;
  color: #fff;
}

/* Style the tab content */
.AE-v_tab .tabcontent {
  float: left;
  padding: 5px 20px;
  width: 80%;
  border: none;
  background-color: white;
  border-left: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/* ---END Vertical Tab Set--- */

/* ---Horizontal Tab Set--- */
/* Style the tab */
.AE-h_tabset {
  margin-top: 20px;
  margin-bottom: 20px;
}

.AE-h_tab {
  overflow: hidden;
  background-color: #f2f2f2;
  border-bottom: 1px solid #bdc3c7;
  width: 100%;
  min-width: 500px;
}

/* Style the buttons inside the tab */
.AE-h_tab button {
  background-color: #ecf0f1;
  float: left;
  border: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  min-width: 100px;
}

/* Change background color of buttons on hover */
.AE-h_tab button:hover, .AE-h_tab button:focus {
  background-color: #bdc3c7;
}

/* Create an active/current tablink class */
.AE-h_tab button.active {
  background-color: #277CB4;
  color: #fff;
}

/* Style the tab content */
.AE-h_tabcontent {
  display: none;
  padding: 5px 20px;
  background-image: none; 
  background-color: 
  white; height: 100%;
  border-bottom: 1px solid #bdc3c7;
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
} 
/* ---END Horizontal Tab Set--- */

/********************
REMEDIATION
********************/
#shadowBG {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background-color: #000;
	opacity: .7;
	text-align: left;
	display: none;
}

.remDisplay {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 200;
	margin-top: -250px;
	margin-left: -425px;
	width: 800px;
	padding: 20px;
	box-shadow: inset 0px 0px 10px #333;
	background-color: #FFF;
	background-image: url('../images/rem_display.png');
	background-position: top;
	background-repeat: repeat-x;
	border: medium solid #EEE;
	display: none;
}

.remDisplay h3 {
	margin-top: 0px;
	margin-bottom: 30px;
	color: #FFF;
}

.remDisplay li {
	margin-bottom: 10px;
}

.remDisplay #remBack {
	background-image: url('../images/rem_backbtn.png');
	width: 80px;
	height: 40px;
	cursor: pointer;
	float: left;
	display: none;
}

.remDisplay #remBack:hover {
	opacity: .8;
}

.remDisplay #remNext {
	background-image: url('../images/rem_nextbtn.png');
	width: 80px;
	height: 40px;
	cursor: pointer;
	float: right;
}

.remDisplay #remNext:hover {
	opacity: .8;
}

.remContent {
	display: none;
}

div.remCurrent {
	display: block;
}

#remClose {
	float: right;
	cursor: pointer;
	opacity: .7;
}

#remClose:hover {
	opacity: 1;
}

#resultAdvice {
	margin-top: 40px;
}

/********************
BUTTON
********************/
div.activity_area {
	width: 170px;
	height: 60px;
	margin: 10px auto;
}

div.activity_area {
	width: 170px;
	height: 60px;
	margin: 10px auto;
}

div.activity_btn {
	width: 170px;
	height: 60px;
	margin: 10px auto;
	cursor: pointer;
	background: url('../images/btn_activity_icon.png') no-repeat;
}

div.activity_btn:hover {
	background: url('../images/btn_activity_icon_roll.png') no-repeat;
}

div.answerkey_area {
	width: 168px;
	height: 60px;
	margin: 10px auto;
}

div.answerkey_btn {
	width: 168px;
	height: 60px;
	margin: 10px auto;
	cursor: pointer;
	background: url('../images/btn_ansKey_icon.png') no-repeat;
}

div.answerkey_btn:hover {
	background: url('../images/btn_ansKey_roll.png') no-repeat;
}

div.journal_area {
	width: 168px;
	height: 60px;
	margin: 10px auto;
}

div.journal_btn {
	width: 168px;
	height: 60px;
	margin: 10px auto;
	cursor: pointer;
	background: url('../images/btn_Journal_icon.png') no-repeat;
}

div.journal_btn:hover {
	background: url('../images/btn_journal_roll.png') no-repeat;
}

div.print_area {
	width: 139px;
	height: 60px;
	margin: 10px auto;
}

div.print_btn {
	width: 139px;
	height: 60px;
	margin: 10px auto;
	cursor: pointer;
	background: url('../images/btn_print_icon.png') no-repeat;
}

div.print_btn:hover {
	background: url('../images/btn_print_icon_roll.png') no-repeat;
}

div.readme_area {
	width: 168px;
	height: 60px;
	margin: 10px auto;
}

div.readme_btn {
	width: 168px;
	height: 60px;
	margin: 10px auto;
	cursor: pointer;
	background: url('../images/btn_readme.png') no-repeat;
}

div.readme_btn:hover {
	background: url('../images/btn_readme_roll.png') no-repeat;
}

div.rubric_area {
	width: 146px;
	height: 60px;
	margin: 10px auto;
}

div.rubric_btn {
	width: 146px;
	height: 60px;
	margin: 10px auto;
	cursor: pointer;
	background: url('../images/btn_rubric.png') no-repeat;
}

div.rubric_btn:hover {
	background: url('../images/btn_rubric_roll.png') no-repeat;
}

div.tryit_area {
	width: 142px;
	height: 60px;
	margin: 10px auto;
}

div.tryit_btn {
	width: 142px;
	height: 60px;
	margin: 10px auto;
	cursor: pointer;
	background: url('../images/btn_Try_It.png') no-repeat;
}

div.tryit_btn:hover {
	background: url('../images/btn_Try_It_roll.png') no-repeat;
}

/********************
ORDERING
********************/
div.ordering {
	position: relative;
	width: 600px;
	margin: 0 auto;
	padding: 15px 15px 75px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-box-shadow: 3px 3px 6px #888;
	-webkit-box-shadow: 3px 3px 6px #888;
	box-shadow: 3px 3px 6px #888;
	background-color: #FFA;
}

.ccdrag {
	width: 250px;
	height: 33px;
	background-image: url('../images/ordering_drag.png');
	border-radius: 10px;
	-moz-border-radius: 10px;
	color: white;
	font-weight: bolder;
	font-size: 20px;
	border: thin #000 solid;
	padding: 7px 0px 0px 0px;
	z-index: 10;
	cursor: pointer;
	text-align: center;
}

.ccdrop {
	width: 250px;
	opacity: .6;
	height: 33px;
	background-image: url('../images/ordering_target.png');
	border-radius: 10px;
	-moz-border-radius: 10px;
	border: thin #000 solid;
	padding: 7px 0px 0px 0px;
	text-align: center;
}

#checkanswers {
	float: right;
	margin-left: 15px;
	width: 91px;
	height: 39px;
	background-image: url('../images/checkbtn.png');
	cursor: pointer;
}

#order_reset {
	float: right;
	margin-left: 15px;
	width: 91px;
	height: 39px;
	background-image: url('../images/resetbtn.png');
	cursor: pointer;
}

#containment .counter {
	width: 350px;
}

.ccdrop .result {
	position: absolute;
	right: 280px;
	width: 26px;
	height: 30px;
	opacity: 1.0;
	margin: 0px;
	float: left;
}

.ccdrop .correct {
	background-image: url('../images/checkmark.png');
	background-repeat: no-repeat;
}

.ccdrop .incorrect {
	background-image: url('../images/fail.png');
	background-repeat: no-repeat;
}

/* 2019 Version */
.AE-ordering-wrapper {
   padding: 40px;
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: #dfe4ea;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
}
 .AE-ordering-wrapper *:focus {
   box-shadow: none !important;
}
 .AE-ordering-wrapper .finished-overlay {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   opacity: 0.7;
   background: #fff;
   height: 0;
   transition: height 0.25s;
}
 .AE-ordering-wrapper .finished-overlay.active {
   height: 100%;
   transition: height 0.25s;
}
 .AE-ordering-wrapper .ui-widget, .AE-ordering-wrapper .ui-widget input, .AE-ordering-wrapper .ui-widget select, .AE-ordering-wrapper .ui-widget textarea, .AE-ordering-wrapper .ui-widget button {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Sans-Serif !important;
   font-weight: 300;
}
 .AE-ordering-wrapper .AE-ordering .group.expanded, .AE-ordering-wrapper .AE-ordering .group:focus {
   z-index: 9999;
   position: relative;
}
 .AE-ordering-wrapper .AE-ordering .group header, .AE-ordering-wrapper .AE-ordering .group button {
   position: relative;
   border: none;
   border-radius: 0px;
   border-bottom: 1px solid #999;
   box-shadow: 3px 3px 3px #989898;
   background: #fff;
   cursor: pointer;
   padding: 20px;
   display: block;
   text-align: left;
}
 .AE-ordering-wrapper .AE-ordering .group header:active, .AE-ordering-wrapper .AE-ordering .group button:active {
   cursor: row-resize;
}
 .AE-ordering-wrapper .AE-ordering .group header i, .AE-ordering-wrapper .AE-ordering .group button i {
   float: left;
   height: 100%;
   margin-right: 10px;
   font-size: 16px;
   top: 2.5px;
   position: relative;
}
 .AE-ordering-wrapper .AE-ordering .group header h3, .AE-ordering-wrapper .AE-ordering .group button h3 {
   margin: 0px;
}
 .AE-ordering-wrapper .AE-ordering .group header.ui-state-default, .AE-ordering-wrapper .AE-ordering .group button.ui-state-default {
   background: #fff;
}
 .AE-ordering-wrapper .AE-ordering .group header.ui-state-default h3, .AE-ordering-wrapper .AE-ordering .group button.ui-state-default h3 {
   color: #333;
}
 .AE-ordering-wrapper .AE-ordering .group header.ui-state-default i, .AE-ordering-wrapper .AE-ordering .group button.ui-state-default i {
   color: #333;
}
 .AE-ordering-wrapper .AE-ordering .group header.ui-state-active, .AE-ordering-wrapper .AE-ordering .group button.ui-state-active {
   background: #fff;
}
 .AE-ordering-wrapper .AE-ordering .group header.ui-state-active h3, .AE-ordering-wrapper .AE-ordering .group button.ui-state-active h3 {
   color: #333;
}
 .AE-ordering-wrapper .AE-ordering .group header.ui-state-active i, .AE-ordering-wrapper .AE-ordering .group button.ui-state-active i {
   color: #333;
}
 .AE-ordering-wrapper .AE-ordering .group header .ui-icon, .AE-ordering-wrapper .AE-ordering .group button .ui-icon {
   display: none;
}
 .AE-ordering-wrapper .AE-ordering .group section {
   border-radius: 0px;
   margin: 0px;
   padding: 40px;
   background: #fff;
   color: #333;
   border: none;
   box-shadow: 3px 3px 3px #989898;
   display: none;
   height: 0px;
   overflow: hidden;
   transition: height 0.5s;
}
 .AE-ordering-wrapper .AE-ordering .group section.expanded {
   display: block;
   height: auto;
   transition: height 0.5s;
   z-index: 9999;
}
 .AE-ordering-wrapper .AE-ordering.noAccordion header {
   margin-bottom: 3px;
}
 .AE-ordering-wrapper .AE-ordering.noAccordion header p {
   margin-bottom: 0px;
}
 .AE-ordering-wrapper div.congrats {
   position: absolute;
   background: #fff;
   padding: 40px;
   border: 3px solid #dfe4ea;
   left: calc(50% - 113.5px);
   top: -300px;
   z-index: 99;
   display: none;
   color: #333;
   text-align: center;
}
 .AE-ordering-wrapper div.congrats.active {
   display: block;
   animation: congrats 3s ease-in-out;
   top: calc(50% - 107.5px);
}
 .AE-ordering-wrapper div.congrats i {
   font-size: 60px;
   color: #0b476f;
   margin-bottom: 10px;
}
 .AE-ordering-wrapper div.congrats span {
   font-size: 24px;
   text-align: center;
   display: block;
}
 .AE-ordering-wrapper .status, .AE-ordering-wrapper .alert {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   white-space: nowrap;
  /* 1 */
}
 .AE-ordering-wrapper .status.focusable:active, .AE-ordering-wrapper .status.focusable:focus, .AE-ordering-wrapper .alert.focusable:active, .AE-ordering-wrapper .alert.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
   white-space: inherit;
}
 @keyframes congrats {
   0% {
     top: -300px;
  }
   10% {
     top: calc(50% - 107.5px);
  }
   15% {
     top: calc(50% - 140px);
  }
   20% {
     top: calc(50% - 107.5px);
  }
   100% {
     top: calc(50% - 107.5px);
  }
}

/* Images Version */
.AE-ordering_images-wrapper {
   padding: 40px;
   margin-top: 20px;
   margin-bottom: 20px;
   background: #dfe4ea;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
}
 .AE-ordering_images-wrapper .AE-ordering_images {
   background: #fff;
   box-shadow: 3px 3px 3px #989898;
   padding: 30px;
   max-width: 1100px;
}
 .AE-ordering_images-wrapper .AE-ordering_images .AE-ordering_images-container {
   display: grid;
   grid-template-columns: repeat(3, 32%);
   grid-gap: 30px 2%;
}
 .AE-ordering_images-wrapper .AE-ordering_images .AE-ordering_images-container .sort-item {
   border: 1px solid #dfe4ea;
   padding: 20px;
   box-shadow: 3px 3px 3px #989898;
   background: #fff;
}
 .AE-ordering_images-wrapper .AE-ordering_images .AE-ordering_images-container .sort-item img {
   display: block;
   margin: 0 auto 10px auto;
   max-width: 100%;
}
 .AE-ordering_images-wrapper .finished-overlay {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   opacity: 0.7;
   background: #fff;
   height: 0;
   transition: height 0.25s;
}
 .AE-ordering_images-wrapper .finished-overlay.active {
   height: 100%;
   transition: height 0.25s;
}
 .AE-ordering_images-wrapper div.congrats {
   position: absolute;
   background: #fff;
   padding: 40px;
   border: 3px solid #dfe4ea;
   left: calc(50% - 113.5px);
   top: -300px;
   z-index: 99;
   display: none;
   color: #333;
   text-align: center;
}
 .AE-ordering_images-wrapper div.congrats.active {
   display: block;
   animation: congrats 3s ease-in-out;
   top: calc(50% - 107.5px);
}
 .AE-ordering_images-wrapper div.congrats i {
   font-size: 60px;
   color: #0b476f;
   margin-bottom: 10px;
}
 .AE-ordering_images-wrapper div.congrats span {
   font-size: 24px;
   text-align: center;
   display: block;
}
 .AE-ordering_images-wrapper .status, .AE-ordering_images-wrapper .alert {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   white-space: nowrap;
  /* 1 */
}
 .AE-ordering_images-wrapper .status.focusable:active, .AE-ordering_images-wrapper .status.focusable:focus, .AE-ordering_images-wrapper .alert.focusable:active, .AE-ordering_images-wrapper .alert.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
   white-space: inherit;
}
 
 

/********************
EXAMPLE TEXT
********************/
.whExcerpt {
	background-color: #FFFFD2;
	border: medium solid #EFEFC2;
	padding: 10px 25px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	/* Firefox 3.6 and earlier */
}

/********************
PROPERTY HEADER
********************/
div.mathPropArea {
	border: 2px solid #933;
	border-radius: 20px;
	-moz-border-radius: 10px;
	/* Firefox 3.6 and earlier */
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #FFFFFF 75%, #FFDEDE 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FFFFFF 75%, #FFDEDE 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #FFFFFF 75%, #FFDEDE 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.75, #FFFFFF), color-stop(1, #FFDEDE));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 75%, #FFDEDE 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #FFFFFF 75%, #FFDEDE 100%);
}

.propHeader {
	background-color: #fff;
	color: #933;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	position: relative;
	top: -48px;
	margin-bottom: -35px;
}

/********************
HIGHLIGHT TABLE
********************/
div.springTableContainer {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	cursor: pointer;
}

div.springTableContainer div.rowFocus {
	padding: 10px;
	background-color: #DCE9F8;
	border: thin solid #BAC7D6;
	opacity: 1;
	transition: opacity 500ms, transform 500ms;
	-moz-transition: opacity 500ms, -moz-transform 500ms;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	-o-transition: opacity 500ms, -o-transform 500ms;
}

div.springTableContainer div.row1 {
	background-image: url('../images/highlight_step1.png');
	background-repeat: no-repeat;
}

div.springTableContainer div.row2 {
	background-image: url('../images/highlight_step2.png');
	background-repeat: no-repeat;
}

div.springTableContainer div.row3 {
	background-image: url('../images/highlight_step3.png');
	background-repeat: no-repeat;
}

div.springTableContainer div.row4 {
	background-image: url('../images/highlight_step4.png');
	background-repeat: no-repeat;
}

div.springTableContainer div.row5 {
	background-image: url('../images/highlight_step5.png');
	background-repeat: no-repeat;
}

div.springTableContainer div.row6 {
	background-image: url('../images/highlight_step6.png');
	background-repeat: no-repeat;
}

div.springTableContainer div.rowFocus:hover {
	background-color: #EFFEFF;
	box-shadow: 0px 5px 10px #cccccc;
	border: thin solid #98A5B4;
}

div.springTableContainer:hover div.rowFocus {
	opacity: .3;
	transition: opacity 500ms, transform 500ms;
	-moz-transition: opacity 500ms, -moz-transform 500ms;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	-o-transition: opacity 500ms, -o-transform 500ms;
}

div.springTableContainer:hover div.rowFocus:hover {
	opacity: 1;
	transition: opacity 500ms, transform 500ms;
	-moz-transition: opacity 500ms, -moz-transform 500ms;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	-o-transition: opacity 500ms, -o-transform 500ms;
}

div.springTableContainer td.bordRight {
	border-right: thin solid #BAC7D6;
}

/********************
MISMATCH GAME
********************/
.mismatch-container {
  box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	max-width: 900px;
	background-color: #dee3e9;
	padding: 10px 20px 20px 20px;
	border-radius: 10px;
}

.mismatch_game {
  box-sizing: border-box;
	width: 90%;
	margin: 30px auto 20px auto;
	position: relative;
  background-color: #ecf0f1;
	padding: 25px;
	text-align: center;
	box-shadow: inset 0px 0px 8px #CCC;
	border: 1px solid #888;
	border-radius: 10px;
}

.mmSet,
#mmFail,
#mmWin {
	display: none;
}

.mmChoice {
	width: 100%;
	padding: 4px;
	min-height: 30px;
	margin-bottom: 10px;
	margin-right: 10px;
  box-sizing: border-box;
	background-color: #FFF;
	border: 2px solid #CCC;
	text-align: center;
	cursor: pointer;
	transition: border 0.5s;
}

.mmChoice:last-child {
  margin-right: 0px;
}

.mmChoice:hover, .mmChoice:focus {
	border: 2px solid #277CB4;
}

.mmChoices {
	display: flex;
	flex-direction: row;
}

.mmChoices .right {
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9fdf1+0,d1fb92+100 */
	background: #f9fdf1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9fdf1 0%, #d1fb92 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9fdf1 0%,#d1fb92 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9fdf1 0%,#d1fb92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fdf1', endColorstr='#d1fb92',GradientType=0 ); /* IE6-9 */
}

.mmChoices .wrong {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefe+0,fcaeae+100 */
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #fcaeae 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#fcaeae 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fefefe 0%,#fcaeae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fcaeae',GradientType=0 ); /* IE6-9 */
}

#mmTitle {
	position: absolute;
	top: 3px;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: -20px;
	width: 200px;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #888;
	font-size: 120%;
	color: #277CB4;
}

.mmDirections {
	font-size: 105%;
}

.mmFeedback {
	box-shadow: inset 0px 0px 8px #CCC;
	border: thin solid #CCC;
	width: 100%;
	height: 110px;
	margin-bottom: 30px;
	overflow: auto;
	background-color: #ffffff;
	display: none;
}

.mmFeedback p {
	display: none;
	margin: 5px;
	text-align: left;
}

.mmNext, .mmRetry {
	display: none;
	color: #fff !important;
	height: 30px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
	transition: .5s;
	background-color: #277CB4;
	box-shadow: 0px 2px 3px #bdc3c7;
	border: none;
	cursor: pointer;
}

.mmNext {
	display: none;
	width: 100%;
	margin-top: -20px;
}

.mmRetry {
	margin: 10px auto;
	width: 100px;
}

.mmNext:hover, .mmNext:focus, .mmRetry:hover, .mmRetry:focus {
  background-color: #3498db;
}

@media all and (max-width: 820px) {
	.mmChoices {
		flex-direction: column;
	}
}


/********************
MATCHING V1
********************/
div.matching {
	position: relative;
	width: 720px;
	margin: 0 auto;
	padding: 15px 15px 75px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-box-shadow: 3px 3px 6px #888;
	-webkit-box-shadow: 3px 3px 6px #888;
	box-shadow: 3px 3px 6px #888;
	background-color: #FFF;
	border: thin solid #789AC1;
	visibility: hidden;
}

.mtdrag {
	width: 64px;
	height: 63px;
	background-image: url('../images/matching_draggable.png');
	z-index: 10;
	cursor: pointer;
}

.mtstart {
	position: absolute;
	width: 64px;
	height: 63px;
	background-image: url('../images/matching_base.png');
	z-index: 0;
}

.mtdrop {
	width: 64px;
	height: 63px;
	background-image: url('../images/matching_target.png') !important;
}

.mtcenter {
	width: 1px;
	height: 1px;
	margin-top: 31px;
	margin-left: 31px;
}

td.mtfield {
	width: 279px;
	background-image: url('../images/matching_bgfield.png');
	background-repeat: repeat-y;
	padding-top: 20px;
	padding-bottom: 20px;
}

#mtcheckanswers {
	float: right;
	margin-left: 15px;
	width: 91px;
	height: 39px;
	background-image: url('../images/checkbtn.png');
	cursor: pointer;
}

#match_reset {
	float: right;
	margin-left: 15px;
	width: 91px;
	height: 39px;
	background-image: url('../images/retrybtn.png');
	cursor: pointer;
}

#mtcontainment .counter {
	width: 350px;
}

.mtdrop .result {
	position: absolute;
	pointer-events: none;
	display: none;
	right: 250px;
	width: 26px;
	height: 30px;
	opacity: 1.0;
	margin: 18px 0px 0px 0px;
	float: left;
	z-index: 150;
}

.mtTextLeft {
	margin-right: 75px;
}

.mtTextRight {
	margin-left: 75px;
}

.mtdrop .correct {
	background-image: url('../images/checkmark.png');
	background-repeat: no-repeat;
}

.mtdrop .incorrect {
	background-image: url('../images/fail.png');
	background-repeat: no-repeat;
}

div.matching div.next {
	float: right;
	margin-left: 15px;
	width: 91px;
	height: 39px;
	background-image: url('../images/btn_next2.png');
	cursor: pointer;
	visibility: hidden;
}

div.ddQuestion {
	display: none;
}

.correctfb {
	display: none;
}

.incorrectfb {
	display: none;
}

#ddSummary {
	display: none;
}

div.ddReset {
	width: 91px;
	height: 39px;
	background-image: url('../images/retrybtn.png');
	margin: 10px auto;
	cursor: pointer;
}

/********************
MATCHING V2
********************/
#matchingV2 {
	position: relative;
	width: 660px;
	margin: 0 auto;
	padding: 10px;
	box-shadow: 3px 3px 6px #888;
	border-radius: 10px;
	background-image: url(../images/bluestripe_bg.png);
	border: thin solid #789ac1;
}

#matchCanvas {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	pointer-events: none;
}

#matchingV2 .matchItems .item,
#matchingV2 .matchAnswers .answer {
	position: absolute;
	width: 255px;
	border: thin solid #888;
}

#matchingV2 .matchItems .item {
	padding: 10px 35px 10px 10px;
	border-radius: 10px 0 0 10px;
	background: #fff url(../images/connector.png) right 7px center no-repeat;
	left: 10px;
	cursor: pointer;
	min-height: 24px;
}

#matchingV2 .matchAnswers .answer {
	padding: 10px 10px 10px 35px;
	border-radius: 0 10px 10px 0;
	background: #fff url(../images/connector.png) no-repeat 7px center;
	right: 10px;
	cursor: default;
	min-height: 24px;
}

#matchingV2 .matchItems .item table,
#matchingV2 .matchAnswers .answer table {
	height: 100%;
	width: 100%;
}

#matchingV2 .matchItems .item td,
#matchingV2 .matchAnswers .answer td {
	vertical-align: middle;
}

#matchingV2 .matchItems .item td {
	text-align: right;
	border-right: thin solid #ccc;
	padding-right: 10px;
}

#matchingV2 .matchAnswers .answer td {
	text-align: left;
	border-left: thin solid #ccc;
	padding-left: 10px;
}

.matchSelect {
	background-color: #Ff8 !important;
}

.matchResult {
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0;
	background-position: bottom center;
	background-repeat: no-repeat;
}

#matchingV2 .answer .matchResult {
	left: 0;
}

.answer .matchCorrect {
	background-image: url(../images/match_check.png) !important;
}

.matchIncorrect {
	background-image: url(../images/match_x.png) !important;
}

#matchingV2 #height_check {
	position: absolute;
	top: -2000px;
	width: 255px;
	min-height: 24px;
}

#matchingV2 #column_override {
	display: none;
}

#matchDir,
#matchCheck,
#matchReset {
	width: 120px;
	padding: 10px;
	position: absolute;
	bottom: 10px;
	background-color: #09c;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#matchDir {
	left: 120px;
	cursor: pointer;
}

#matchReset {
	left: 420px;
	cursor: pointer;
	z-index: 300;
}

#matchCheck {
	left: 270px;
	opacity: .3;
	cursor: default;
}

#matchComplete {
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	display: none;
}

#matchDirections {
	position: absolute;
	bottom: 70px;
	z-index: 200;
	background-color: #09c;
	width: 638px;
	padding: 10px;
	color: #fff;
	border: thin solid #333;
	display: none;
}

#matchDirections img {
	position: absolute;
	bottom: -23px;
	left: 160px;
}

/********************
MATCHING V3
********************/
.AE-matching-wrapper {
   padding: 40px;
   background-color: #dfe4ea;
   border-radius: 10px;
   margin-top: 20px;
   margin-bottom: 20px;
}
 .AE-matching-wrapper .AE-matching {
   position: relative;
   width: 80%;
   margin: 0 auto;
   padding: 10px 10px 30px 10px;
   box-shadow: 3px 3px 6px #888;
   max-width: 1100px;
   min-width: 650px;
   background-color: #fff;
}
 .AE-matching-wrapper .AE-matching .matchItems .item {
   width: 38%;
   position: absolute;
   border: thin solid #888;
   padding: 9px 35px 10px 10px;
   border-radius: 10px 0 0 10px;
   left: 20px;
   cursor: pointer;
   min-height: 24px;
   box-shadow: 3px 3px 6px #ccc;
   background-color: #ecf0f1;
}
 .AE-matching-wrapper .AE-matching .matchItems .item:hover {
   box-shadow: none;
   border: thin solid #000;
}
 .AE-matching-wrapper .AE-matching .matchItems .item.selected {
   background: #eaf6ff;
   cursor: pointer;
}
 .AE-matching-wrapper .AE-matching .matchItems .item.correct {
   background: #fff;
   box-shadow: inset 0 0 30px rgba(34, 139, 34, 0.5);
   border: thin solid #888;
}
 .AE-matching-wrapper .AE-matching .matchItems .item.incorrect {
   background: #fff;
   box-shadow: inset 0 0 30px rgba(255, 0, 0, 0.8);
   transition: box-shadow 0.5s;
}
 .AE-matching-wrapper .AE-matching .matchItems .item.incorrect:hover {
   box-shadow: inset 0 0 20px rgba(255, 0, 0, 0.8);
   transition: box-shadow 0.5s;
}
 .AE-matching-wrapper .AE-matching .matchItems .item.checkMatch {
   background: #d5e0e8;
}
 .AE-matching-wrapper .AE-matching .matchItems .item i {
   position: absolute;
   right: 10px;
   top: calc(50% - 9px);
}
 .AE-matching-wrapper .AE-matching .matchItems .item table {
   height: 100%;
   width: 100%;
}
 .AE-matching-wrapper .AE-matching .matchItems .item table td {
   vertical-align: middle;
   text-align: right;
   border-right: thin solid #ccc;
   padding-right: 20px;
   font-size: 16px;
}
 .AE-matching-wrapper .AE-matching .matchItems .item .matchResult {
   width: 50px;
   height: 100%;
   position: absolute;
   top: 0px;
   right: 0px;
   background-position: bottom center;
   background-repeat: no-repeat;
}
 .AE-matching-wrapper .AE-matching .matchItems .item .matchResult i {
   font-size: 22px;
   background: #fff;
   padding: 3px;
   right: 2px;
   top: calc(50% - 17px);
   z-index: 999;
   border-radius: 50%;
   border: 0.5px solid #777;
}
 .AE-matching-wrapper .AE-matching .matchItems .item .matchResult i.correct {
   color: rgba(34, 139, 34, 0.8);
   right: 2.5px;
}
 .AE-matching-wrapper .AE-matching .matchItems .item .matchResult i.incorrect {
   color: rgba(255, 0, 0, 0.8);
   padding: 3px 7px;
   right: 3px;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer {
   width: 38%;
   position: absolute;
   border: thin solid #888;
   padding: 10px 10px 10px 35px;
   border-radius: 0 10px 10px 0;
   right: 20px;
   cursor: pointer;
   min-height: 24px;
   box-shadow: 3px 3px 6px #ccc;
   background-color: #ecf0f1;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer:hover {
   box-shadow: none;
   border: thin solid #000;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer.selected {
   background: #eaf6ff;
   cursor: pointer;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer.correct {
   background: #fff;
   box-shadow: inset 0 0 30px rgba(34, 139, 34, 0.5);
   border: thin solid #888;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer.incorrect {
   background: #fff;
   box-shadow: inset 0 0 30px rgba(255, 0, 0, 0.8);
   transition: box-shadow 0.5s;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer.incorrect:hover {
   box-shadow: inset 0 0 20px rgba(255, 0, 0, 0.8);
   transition: box-shadow 0.5s;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer.checkMatch {
   background: #d5e0e8;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer i {
   position: absolute;
   left: 10px;
   top: calc(50% - 9px);
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer table {
   height: 100%;
   width: 100%;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer table td {
   vertical-align: middle;
   text-align: left;
   border-left: thin solid #ccc;
   padding-left: 15px;
   font-size: 16px;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer .matchResult {
   width: 50px;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   background-position: bottom center;
   background-repeat: no-repeat;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer .matchResult i {
   font-size: 22px;
   background: #fff;
   padding: 3px;
   left: 2px;
   top: calc(50% - 17px);
   z-index: 999;
   border-radius: 50%;
   border: 0.5px solid #777;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer .matchResult i.correct {
   color: rgba(34, 139, 34, 0.8);
   left: 3.5px;
}
 .AE-matching-wrapper .AE-matching .matchAnswers .answer .matchResult i.incorrect {
   color: rgba(255, 0, 0, 0.8);
   padding: 3px 7px;
   left: 3px;
}
 .AE-matching-wrapper .AE-matching #matchCanvas {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 100;
   pointer-events: none;
}
 .AE-matching-wrapper .AE-matching #column_override {
   display: none;
}
 .AE-matching-wrapper .AE-matching .button-container {
   display: flex;
   justify-content: center;
   bottom: 0px;
   position: absolute;
   width: 100%;
   padding: 10px 0 17px 0;
}
 .AE-matching-wrapper .AE-matching .button-container .matchDir, .AE-matching-wrapper .AE-matching .button-container .matchCheck, .AE-matching-wrapper .AE-matching .button-container .matchReset {
   padding: 10px;
   bottom: 10px;
   background-color: #09c;
   color: #fff;
   font-weight: bold;
   text-align: center;
   cursor: pointer;
   font-size: 1em;
   border: none;
}
 .AE-matching-wrapper .AE-matching .button-container .matchCheck {
   opacity: 0.3;
   cursor: default;
   margin: 0 10px 0 10px;
}
 .AE-matching-wrapper .AE-matching .button-container .matchCheck.active {
   opacity: 1;
   cursor: pointer;
}
 .AE-matching-wrapper .AE-matching .matchComplete {
   font-weight: bold;
   text-align: center;
   font-size: 24px;
   position: relative;
   display: none;
   margin-right: 20px;
   padding-top: 5px;
}
 .AE-matching-wrapper .AE-matching #matchDirections {
   position: absolute;
   bottom: 70px;
   z-index: 9999;
   background-color: #09c;
   width: 638px;
   padding: 10px;
   color: #fff;
   border: thin solid #333;
   display: none;
}
 .AE-matching-wrapper .AE-matching #matchDirections img {
   position: absolute;
   bottom: -23px;
   left: 160px;
}
 .AE-matching-wrapper .status {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   white-space: nowrap;
  /* 1 */
}
 .AE-matching-wrapper .status.focusable:active, .AE-matching-wrapper .status.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
   white-space: inherit;
}

/********************
TABULAR SELF CHECK
********************/
table.tabularselfcheck thead tr td.header {
	background-color: #003268;
	color: white;
	font-weight: bold;
	font-size: 115%;
}

div.tabularselfcheck table tbody tr td.header {
	background-color: #003366;
	color: white;
	font-weight: bold;
	font-size: 105%;
}

div.tabularselfcheck table tbody tr td.q {
	background-color: #eeeeee;
	cursor: pointer;
}

div.tabularselfcheck table tbody tr td.answer {
	background-color: #cccccc;
}

/********************
TRANSCRIPT
********************/
#transcriptArea,
#transcriptArea2 {
	display: none;
	height: 100px;
	width: 632px;
	box-shadow: inset 0 0 10px #999;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	overflow: auto;
	font-size: 10pt;
}

#transcriptBtn,
#transcriptBtn2 {
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	background-image: url('../images/transcript_btn.png');
	width: 138px;
	height: 17px;
	background-repeat: no-repeat;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
}

.pdfScript {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

/********************
FREE RESPONSE QUESTIONS
********************/
/*-- FRQ --*/
.AE-FRQ, .AE-scrollable-FRQ {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 80%;
  min-height: 1%;
  overflow: hidden;
  padding: 25px;
  border-radius: 10px;
  background-color: #dee3e9;
}

.AE-FRQ {
  max-width: 1000px;
}

.AE-scrollable-FRQ {
  max-width: 1200px;
  position: relative;
}

.AE-FRQ .question,
.AE-FRQ .summary,
.AE-scrollable-FRQ .question,
.AE-scrollable-FRQ .summary {
  background-color: #fff;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  box-shadow: 3px 3px 3px #989898;
}

.AE-scrollable-FRQ .question,
.AE-scrollable-FRQ .summary {
  box-sizing: border-box;
}

.AE-scrollable-FRQ .summary {
  width: 200%;
  margin-left: -101.55%;
}

.AE-FRQ .textfields,
.AE-scrollable-FRQ .textfields {
  width: 100%;
}

.AE-FRQ .textfields .question {
  display: none;
}

.AE-FRQ .textfields .question:first-child {
  display: block;
}

.AE-FRQ .textfields .next,
.AE-FRQ .textfields .review,
.AE-scrollable-FRQ .textfields .next,
.AE-scrollable-FRQ .textfields .review {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  margin-top: 16px;
  line-height: 39px;
  background-image: none;
  cursor: pointer;
}

.AE-FRQ .textfields .response textarea,
.AE-scrollable-FRQ .textfields .response textarea {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  height: 200px;
  padding: 5px;
  border: 1px solid #888;
  background-color: #f1f6f9;
  font: 1em arial, sans-serif;
}

.AE-scrollable-FRQ .textbox_FRQ {
  height: 450px;
  padding: 10px;
  overflow: auto;
  float: none;
  clear: both;
  -webkit-overflow-scrolling: touch;
  background-color: #FFF;
  border: thin solid #CCC;
  -moz-box-shadow: inset 0 -20px 20px -20px #989898;
    -webkit-box-shadow: inset 0 -20px 20px -20px #989898;
    box-shadow: inset 0 -20px 20px -20px #989898;
}

.AE-FRQ .textfields .answer-table,
.AE-scrollable-FRQ .textfields .answer-table {
  width: 100%;
  border-collapse: collapse;
}

.AE-FRQ .textfields .answer-table th,
.AE-scrollable-FRQ .textfields .answer-table th {
  text-align: left;
  font-size: 1.2em;
  vertical-align: middle;
  background-color: #2980b9;
  color: #fff;
  padding: 6px 5px;
  border-bottom: 1px solid #888;
}

.AE-FRQ .textfields .answer-table td,
.AE-scrollable-FRQ .textfields .answer-table td {
  padding: 6px 5px;
  border-bottom: 1px solid #888;
}

.AE-FRQ .qStore,
.AE-scrollable-FRQ .qStore {
  background-color: #ecf0f1;
}

.AE-FRQ .qStore h2,
.AE-scrollable-FRQ .qStore h2 {
  font-size: 1em;
}

.AE-FRQ .sampleAns,
.AE-scrollable-FRQ .sampleAns {
  font-style: italic;
}

.AE-FRQ .header {
  margin-top: -20px;
}

/* SCROLLABLE MC SUMMARY */
.AE-scrollable-FRQ .AE-multiple_choice .summary {
  width: 100%;
  margin: 0 auto;
}

.AE-scrollable-FRQ .AE-multiple_choice .question .responses,
.AE-scrollable-FRQ .AE-multiple_choice .question .responsesMA {
  padding-left: 15px;
}

/* MEDIA QUERIES */

@media all and (max-width: 63.99rem) {
  .AE-scrollable-FRQ .textbox_FRQ {
    height: 200px;
    margin-bottom: 20px;
  }
  .AE-scrollable-FRQ .textfields .response textarea {
    height: 150px;
  }
  .AE-scrollable-FRQ .summary {
    width: 100%;
    margin: 0 auto;
  }
}

/********************
SPECIFIC
********************/
div.startformativequiz {
	border: solid 1px #999999;
	background-color: #aed0ea;
	padding: 25px 15px 25px 15px;
	margin: 40px auto;
	width: 50%;
	text-align: center;
}

div.startformativequiz h1 {
	text-align: center;
}

div.startformativequiz h3 {
	text-align: center;
}

div#contentContainer {
	padding: 15px;
}

#UserNav span {
	padding-top: 2px;
	background-position: top left;
	background-repeat: no-repeat;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}

#UserNav span.gradebook {
	background-image: url('../images/navbar_percent.png');
	background-size: 20px 20px;
	padding-left: 22px;
}

#UserNav span.profile {
	background-image: url('../images/navbar_person.png');
	background-size: 20px 20px;
	padding-left: 22px;
}

#UserNav span.gettingstarted {
	background-image: url('../images/navbar_info.png');
	background-size: 20px 20px;
	padding-left: 22px;
}

#SectionPerformanceReportPage table td {
	margin: 0px;
	display: table-cell;
}

#SectionPerformanceReportPage table td.right {
	text-align: right;
}

#SectionPerformanceReportPage table td.header {
	background-color: #333333;
	color: white;
	padding: 4px 8px 4px 8px;
	font-weight: bold;
}

#SectionPerformanceReportPage table td.data {
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #333333;
}

div.teacherSections div.label {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

div.teacherToDoList {
	margin-bottom: 20px;
}

div.teacherToDoList div.label {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

div.teacherToDoList table {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.teacherToDoList table tr {
	cursor: pointer;
}

div.teacherToDoList table td {
	padding: 4px 2px 4px 6px;
	background-color: #efefef;
	border-bottom: solid 2px white;
	border-right: solid 2px white;
}

div.teacherToDoList table td.itemtitle {
	background-image: url('../images/question-mark-blue.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-origin: content-box;
}

div.teacherToDoList table td.itemtitle span {
	margin-left: 24px;
	display: inline-block;
}

div.teacherToDoList table td.alt {
	background-color: #dedede;
}

div.teacherToDoList table td.header {
	font-weight: bold;
	padding: 6px 2px 6px 6px;
	font-size: 105%;
	background-color: #666666;
	color: white;
}

div.teacherSections table tr {
	display: block;
	margin-bottom: 30px;
}

div.teacherSections table td {
	display: inline-block;
}

div.teacherSections td.subjectmatter {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

div.teacherSections td.subjectmatter img {
	width: 60px;
}

div.teacherSections td.text {
	padding-left: 10px;
	display: inline-block;
	clear: both;
}

div.teacherSections td.text h2 {
	margin-top: 0px;
}

div.teacherSections td.text div.data {
	margin-bottom: 10px;
}

#IdealPage div.assessmenttitle {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 12px;
}

#SyllabusPage div.existingAssignments div.data {
	margin-left: 40px;
}

#IdealPage #SyllabusPage div.unit {
	font-weight: bold;
	font-size: 130%;
}

#IdealPage #SyllabusPage div.lesson {
	font-weight: bold;
	font-size: 115%;
	padding-left: 40px;
}

#IdealPage #SyllabusPage div.formativeassessment,
#IdealPage #SyllabusPage div.authenticassessment {
	font-weight: normal;
	font-size: 100%;
	padding-left: 80px;
}

#SyllabusPage div.tools ul {
	list-style-type: none;
}

#SyllabusPage div.tools li {
	display: block;
	padding: 8px;
}

#SyllabusPage div.tools li div.hidey {
	margin-top: 10px;
	margin-left: 25px;
}

#EnrollmentPage div.UnitsSection div.title {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 15px;
}

#EnrollmentPage div.OtherSection div.title {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 15px;
}

#EnrollmentPage div.OtherSection {
	background-color: white;
}

#EnrollmentPage div.UnitsSection div.collapse img {
	height: 64px;
	margin-right: 20px;
}

#EnrollmentPage div.UnitsSection div.expand {
	background-image: url('../images/toggle-expand-alt.png');
	background-repeat: no-repeat;
	height: 64px;
	padding-left: 80px;
}

img.expand-collapse {
	cursor: pointer;
	border-width: 0px;
}

#LearningObjectAssignWaiter {
	position: absolute;
	width: 94%;
	height: 74%;
	background: #ffffff url('../images/waiting_lg.gif') no-repeat center center;
	margin-top: -20px;
	margin-left: -20px;
	display: none;
	background-size: 20%;
}

#ModuleAssignWaiter {
	position: absolute;
	width: 94%;
	height: 74%;
	background: #ffffff url('../images/waiting_lg.gif') no-repeat center center;
	margin-top: -20px;
	margin-left: -20px;
	display: none;
	background-size: 20%;
}

.ui-dialog-titlebar {
	padding: 8px;
	border-top: solid 4px gray;
	border-right: solid 4px gray;
	border-left: solid 4px gray;
}

.ui-dialog-titlebar .ui-dialog-title {
	margin-right: 20px;
}

div.optionsdialog {
	background-color: white;
	color: black;
	border-bottom: solid 4px gray;
	border-left: solid 4px gray;
	border-right: solid 4px gray;
	padding: 20px 0px 20px 20px;
	display: block;
	overflow: hidden;
}

div.optionsdialog div.title {
	font-weight: bold;
	font-size: 120%;
}

div.optionsdialog div.subtitle {
	margin-bottom: 10px;
}

div.optionsdialog div.buttons {
	margin-top: 10px;
}

div.dialogsearchresults {
	background-color: white;
	color: black;
	border-bottom: solid 4px gray;
	border-left: solid 4px gray;
	border-right: solid 4px gray;
	padding: 20px 0px 20px 20px;
	display: block;
	overflow: hidden;
}

div.dialogsearchresults div.scrollable {
	overflow-y: scroll;
	overflow-x: auto;
	position: relative;
	height: 90%;
}

div.dialogsearchresults div.label {
	margin-bottom: 10px;
	font-size: 110%;
}

div.dialogsearchresults table tr {
	display: table-row;
	margin-top: 5px;
}

div.dialogsearchresults table tr td.num {
	font-weight: bold;
	padding: 0px 8px 8px 0px;
	font-size: 120%;
	vertical-align: top;
	text-align: left;
}

div.dialogsearchresults table div.title {
	font-weight: bold;
}

div.waiting {
	background: white url('../images/waiting_lg.gif') no-repeat center center;
}

div.bold {
	font-weight: bold;
}

div.headerlogo>a {
	border-width: 0px;
	cursor: pointer;
}

img.headerlogo {
	height: 100px;
}

#IdealPage .profileSection {
	margin-bottom: 20px;
}

#IdealPage .profileSection td {
	padding: 4px;
}

#IdealPage .profileSection .title {
	padding: 6px;
	font-size: 120%;
	font-weight: bold;
	background-color: #eeeeee;
	margin-bottom: 10px;
}

#IdealPage .profileSection td.feelingQuestion {
	vertical-align: top;
	font-size: 120%;
	font-weight: bold;
}

#IdealPage div.yourDrive td {
	padding: 2px 4px 2px 4px;
}

#IdealPage table#StudentAnnouncements {
	margin: 10px 20px 10px 20px;
	border-collapse: separate;
	border-spacing: 0 20px;
}

#IdealPage table#StudentAnnouncements td.date {
	vertical-align: top;
	white-space: nowrap;
	font-size: 90%;
	padding-right: 10px;
}

#IdealPage table#StudentAnnouncements div.title {
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 10px;
}

#LearningObjectSearchResultsDiv div.preview {
	margin-bottom: 10px;
}

#IdealPage tr.overdue {
	color: red;
}

#IdealPage tr.overdue a {
	color: red;
}

#IdealPage tr.overdue a:visited {
	color: red;
}

.imgAudioLoader {
	display: none;
}

/********************
FLASHCARDS
********************/
.f1_fake {
	z-index: 0;
	border-radius: 15px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('../images/directions_cover2.png');
	background-repeat: repeat;
	width: 225px;
	height: 300px;
	border: thin solid #000;
}

.fc_complete {
	text-align: center;
	visibility: hidden;
	margin-top: 45%;
	font-size: 16pt;
}

.fc_retrybtn {
	margin: 20px auto 30px auto;
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_retrybtn.png');
	cursor: pointer;
	visibility: hidden;
}
.f1_card {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 0.3s linear;
	-moz-transform-style: preserve-3d;
	-moz-transition: all 0.3s linear;
	-o-transform-style: preserve-3d;
	-o-transition: all 0.3s linear;
	transform-style: preserve-3d;
	transition: all 0.3s linear;
	border: 3px solid #000;
	border-radius: 15px;
}

.f1_container.hover_effect .f1_card {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.face {
	position: absolute;
	width: 205px;
	height: 300px;
	border-radius: 12px;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.face.front {
	padding: 0px 10px 0px 10px;
	text-align: center;
	background: #ffffff;
	/* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 74%, #d7e4ed 100%);
	/* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(74%, #ffffff), color-stop(100%, #d7e4ed));
	/* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 74%, #d7e4ed 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 74%, #d7e4ed 100%);
	/* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 74%, #d7e4ed 100%);
	/* IE10+ */
	background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 74%, #d7e4ed 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7e4ed', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.face.back {
	width: 225px;
	padding-left: 10px;
	display: block;
	-webkit-transform: rotateY(180deg);
	-webkit-box-sizing: border-box;
	-moz-transform: rotateY(180deg);
	-moz-box-sizing: border-box;
	-o-transform: rotateY(180deg);
	-o-box-sizing: border-box;
	transform: rotateY(180deg);
	box-sizing: border-box;
	text-align: center;
	padding-right: 10px;
	background: #fffcea;
	/* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
	/* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fffcea), color-stop(76%, #fffcea), color-stop(100%, #ede5aa));
	/* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
	/* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
	/* IE10+ */
	background: radial-gradient(ellipse at center, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcea', endColorstr='#ede5aa', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.cardFContent,
.cardBContent {
	display: none;
}

.fc_btns {
	width: 465px;
	margin: 40px auto 20px auto;
}

.fc_nextbtn {
	width: 145px;
	height: 68px;
	background-image: url('../images/25_nextbtn.png');
	background-repeat: no-repeat;
	margin: 0px 5px;
	cursor: pointer;
	float: left;
}

.fc_prevbtn {
	width: 145px;
	height: 68px;
	background-image: url('../images/25_backbtn.png');
	background-repeat: no-repeat;
	margin: 0px 5px;
	cursor: pointer;
	float: left;
}

.fc_removebtn {
	width: 145px;
	height: 68px;
	background-image: url('../images/25_removebtn.png');
	background-repeat: no-repeat;
	margin: 0px 5px;
	cursor: pointer;
	float: left;
}

/* 2019 Version */
.AE-flashcards {
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #bdc3c7;
  background-image: none;
  background-size: cover;
  background-position: 30% 30%;
  border-radius: 0px 0px 20px 20px;
  position: relative;
  padding: 30px 20px 20px 20px;
  border-top: 5px solid #34495e;
}

.AE-flashcards .f1_container {
  position: relative;
  margin: 10px auto;
  margin-top: 30px;
  width: 70%;
  height: 350px;
  padding-right: 5px;
  border-radius: 5px;
  z-index: 1;
  cursor: pointer;
}

.AE-flashcards .f1_fake {
  position: absolute;
  z-index: 0;
  width: 70%;
  padding: 12px 12px 11px 8px;
  margin-top: 39px;
  height: 375px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  background-image: none;
  background-color: rgba(255,255,255, 0.8);
  border: none;
  border-radius: 5px;
}

.AE-flashcards .fc_complete {
  visibility: hidden;
  margin-top: 140px;
  margin-bottom: -10px;
}

.AE-flashcards .fc_retrybtn {
  width: 80%;
  line-height: 1;
  cursor: pointer;
  visibility: hidden;
  background-image: none;
}

.AE-flashcards .fc_table {
  height: 350px;
}

.AE-flashcards .f1_container {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}

.AE-flashcards .f1_card {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 3px solid #34495e;
  border-radius: 5px;
}

.AE-flashcards .f1_container.hover_effect .f1_card {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.AE-flashcards .face {
  position: absolute;
  text-align: center;
  font-size: 1em;
  -webkit-text-stroke: 0px;
  border: none;
  height: 350px;
  border-radius: 2px;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
}

.AE-flashcards .face.front {
  background: #eaeaff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+57,d3efff+100 */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 76%, #d3efff 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 76%,#d3efff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffffff 76%,#d3efff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3efff',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.AE-flashcards .face.back {
  background: #fffcea;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fffcea), color-stop(76%, #fffcea), color-stop(100%, #ede5aa));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #fffcea 0%, #fffcea 76%, #ede5aa 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcea', endColorstr='#ede5aa', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

.AE-flashcards .face.front {
  width: 100%;
}

.AE-flashcards .face.back {
  width: 100%;
  display: block;
  -webkit-transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(180deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(180deg);
  -o-box-sizing: border-box;
  transform: rotateY(180deg);
}

.AE-flashcards .cardFContent, .AE-flashcards .cardBContent {
  display: none;
}

.fc-btn-container {
  margin-left: -18px;
}

.AE-flashcards .fc_btns {
  width: 70%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
}

.AE-flashcards .fc_nextbtn, .AE-flashcards .fc_prevbtn, .AE-flashcards .fc_removebtn {
  width: 100%;
  background-image: none;
  cursor: pointer;
}

.AE-flashcards .cardsRemaining {
  margin: 0 auto;
  width: 175px;
  height: 25px;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
}

.AE-flashcards .fl_cardCount {
  margin-top: 5px;
  text-align: center;
}

/* AUDIO */
.AE-flashcards .fc_audiobtn {
  background: url('https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/Interactive-Updates-2019/custom-files/img/flashcards/fc_audio_button.png');
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-size: cover;
  border: none;
  position: absolute;
  z-index: 9999;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  margin-top: -110px;
  cursor: pointer;
}

/* MEDIA QUERIES */
@media all and (max-width: 980px) {
  .AE-flashcards button {
    font-size: .7em;
  }
}

@media all and (max-width: 783px) {
  .AE-flashcards button {
    margin-bottom: 10px;
  }
}

/********************
HIGH SCHOOL CONVERSION INTERACTIVES
********************/
.audiopath {
	display: none;
}

.dd_question {
	display: none;
}

#next_elem {
	float: right;
	margin-left: 15px;
	width: 111px;
	height: 47px;
	background-image: url('../images/elem_nextbtn.png');
	cursor: pointer;
	visibility: hidden;
}

#dd_retry {
	margin: 20px auto;
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_retrybtn.png');
	cursor: pointer;
}

.ewhiteFont {
	color: #FFF;
}

#shadowBG {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background-color: #000;
	opacity: .7;
	text-align: left;
	display: none;
}

.popScreen {
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 200;
	margin-left: -385px;
	width: 720px;
	padding: 20px;
	box-shadow: inset 0px 0px 10px #333;
	background-color: #FFF;
	background-position: top;
	background-repeat: repeat-x;
	border: medium solid #EEE;
	display: none;
}

.popVidHolder {
	position: absolute;
	top: 20px;
	left: 50%;
	z-index: 200;
	margin-left: -415px;
	width: 800px;
	padding: 20px 10px 10px 20px;
	box-shadow: inset 0px 0px 10px #333;
	background-color: #FFF;
	background-position: top;
	background-repeat: repeat-x;
	border: medium solid #EEE;
	display: none;
}

.popClose {
	float: right;
	cursor: pointer;
	opacity: .7;
	margin-top: 10px;
}

.interactiveHolder {
	width: 715px;
	border: 2px solid #888;
	border-radius: 20px;
	margin: 20px auto;
	padding: 20px;
	background-color: #EEE;
	background-repeat: repeat;
}

/********************
THE NAME GAME
********************/
/* All other relevant classes in "Word Work" classes */
.dragdrop2_elem {
	background-image: url('../images/02HS.png') !important;
	background-position: top !important;
	border-radius: 20px;
	width: 580px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: thin solid #000;
}

#intHS2_title {
	background: url('../images/title_no02HS.png') no-repeat center 20px, url('../images/directions_cover.png') repeat;
	width: 580px;
	height: 550px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5000;
	cursor: pointer;
	border-radius: 20px;
}

#intHS2_title div {
	margin-top: 375px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.dd2_drag {
	position: relative;
	min-width: 115px;
	min-height: 20px;
	max-width: 160px;
	max-height: 150px;
	border: thin solid #000;
	background-color: #FFF;
	display: inline-block;
	padding: 5px 30px 5px 5px;
	margin: 10px;
	cursor: pointer !important;
	z-index: 100;
	box-shadow: 2px 2px 6px #000;
}

.dd2_images {
	vertical-align: middle;
	width: 300px;
}

.dd2img {
	position: relative;
	min-height: 100px;
	width: 250px;
	text-align: left;
	vertical-align: central;
}

.dd2_images img {
	border: 5px solid #FFF;
	box-shadow: 2px 2px 8px #333;
	margin: 10px;
}

.dd2fb {
	left: 0px !important;
	border-top: thin solid #000;
	border-bottom: thin solid #000;
	width: 540px !important;
}

.dd2next {
	position: absolute;
	bottom: 10px;
	right: 20px;
}

/********************
PROZE CLOZE
********************/
.dragdrop4_elem {
	background-image: url('../images/04bgHS2.png') !important;
	background-position: top !important;
	border-radius: 20px;
	width: 601px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#intHS4_title {
	background: url('../images/title_no04HS2.png') no-repeat center 80px, url('../images/directions_cover.png') repeat;
	width: 602px;
	height: 500px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 5000;
	cursor: pointer;
	border-radius: 20px;
	border: thin solid #000;
}

#intHS4_title div {
	margin-top: 300px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.dd_question {
	display: none;
}

.dd4_image {
	height: 150px;
	vertical-align: middle;
}

.dd4_image img {
	border: 5px solid #FFF;
}

.dd4_highlight {
	position: relative;
	width: 520px;
	background-color: #FFFCBB;
	padding: 10px 10px 15px 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #333;
	line-height: 30px;
}

.dd4_drag {
	position: relative;
	width: 115px;
	height: 20px;
	border: thin solid #000;
	background-color: #FFF;
	display: inline-block;
	padding: 5px 30px 5px 5px;
	margin: 10px;
	cursor: pointer !important;
	z-index: 100;
}

.dd4_audio {
	z-index: 3000;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	background-image: url('../images/audio_button_s.png');
	background-repeat: no-repeat;
}

.dd4_drop {
	width: 150px;
	height: 30px;
	border-bottom: thin solid #000;
	border-left: thin dashed #888;
	border-top: thin dashed #888;
	border-right: thin dashed #888;
	display: inline-block;
	margin-bottom: -5px;
}

#dd4_btns {
	position: relative;
	top: 0px;
	right: 10px;
}

#next_elem {
	float: right;
	margin-left: 15px;
	width: 111px;
	height: 47px;
	background-image: url('../images/elem_nextbtn.png');
	cursor: pointer;
	visibility: hidden;
}

#ddSummary {
	display: none;
}

.speech4 {
	top: 120px;
	right: 70px;
}

#dd_retry {
	margin: 200px auto 10px auto;
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_retrybtn.png');
	cursor: pointer;
}

.dd4_result,
.dd2_result {
	position: absolute;
	bottom: 20px;
	right: 20px;
	visibility: hidden;
}

.dd4_result.correct,
.dd2_result.correct {
	background-image: url('../images/correct_check.png');
	background-repeat: no-repeat;
	width: 26px;
	height: 30px;
}

.dd4_result.incorrect,
.dd2_result.incorrect {
	background-image: url('../images/incorrect_x.png');
	background-repeat: no-repeat;
	width: 24px;
	height: 30px;
}

.audiopath {
	display: none;
}

.dd4_feedbackC,
.dd4_feedbackI {
	text-align: center;
	background-color: #FFF;
	width: 561px;
	padding: 20px;
	position: absolute;
	top: 55px;
	left: 0px;
	visibility: hidden;
	z-index: 1000;
	cursor: pointer;
	border-top: thin solid #000;
	border-bottom: thin solid #000;
}

/********************
THE BASKET GAME
********************/
.dragdrop8_elem {
	background-image: url('../images/HS_08bg2.png') !important;
	background-repeat: no-repeat;
	border: thin solid #000;
	border-radius: 20px;
	background-position: top center !important;
	background-color: #F2B266 !important;
	position: relative;
	padding: 20px;
	width: 650px !important;
	margin: 20px auto;
}

#intHS8_title {
	background: url('../images/title_no08HS_2.png') no-repeat center 80px, url('../images/directions_cover.png') repeat;
	width: 690px;
	height: 615px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 5000;
	cursor: pointer;
	border-radius: 20px;
	border: thin solid #000;
}

#intHS8_title div {
	margin-top: 360px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.dd8_drop {
	width: 150px;
	height: 30px;
	border: thin dashed #FFF;
	margin-bottom: 5px;
}

.dd8_drag {
	position: relative;
	width: 115px;
	height: 20px;
	border: thin solid #000;
	background-color: #FFF;
	float: left;
	padding: 5px 30px 5px 5px;
	margin: 10px;
	cursor: pointer;
	z-index: 100;
}

.dd8_audio {
	z-index: 3000;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	background-image: url('../images/audio_button_s.png');
	background-repeat: no-repeat;
}

.dd8_result {
	position: absolute;
	bottom: -2px;
	right: -30px;
	z-index: 99;
	visibility: hidden;
}

.dd8_result.correct {
	background-image: url('../images/correct_check_traced.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 34px;
}

.dd8_result.incorrect {
	background-image: url('../images/incorrect_x_traced.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 28px;
	height: 34px;
}

.draggableTray {
	padding: 10px 10px 10px 86px;
	background-color: #FE9;
	border: thin solid #864F17;
	margin-left: -27px;
	margin-right: -27px;
}

.bucketTable {
	margin-left: 6px;
	margin-top: 30px;
	width: 638px;
}

#category1,
#category2,
#category3 {
	width: 175px;
	height: 200px;
	padding-top: 10px;
	display: inline-block;
}

#dd8_btns {
	position: relative;
	margin-top: 10px;
	top: 0px;
	right: 10px;
}

#dd8_checkanswers {
	float: right;
	margin-left: 15px;
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_checkbtn.png');
	cursor: pointer;
}

#dd8_reset {
	float: right;
	margin-left: 15px;
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_retrybtn.png');
	cursor: pointer;
}

.dd8_feedbackC,
.dd8_feedbackI {
	position: absolute;
	z-index: 8000;
	top: 150px;
	left: 0;
	cursor: pointer;
	background-image: url('../images/directions_cover.png');
	background-repeat: repeat;
	width: 690px;
	height: 100px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	visibility: hidden;
	border-top: thin solid #000;
	border-bottom: thin solid #000;
	font-weight: bold;
}

.cfb_speech.speech8 {
	top: 70px;
	right: 81px;
	padding: 10px;
	display: block !important;
}

.ifb_speech.speech8 {
	top: 30px;
	right: 81px;
	padding: 10px;
	display: block !important;
}

/********************
TAKE THE WHEEL
********************/
.dragdrop9_elem {
	background-image: url('../images/09HScar.png') !important;
	background-position: top !important;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	height: 530px;
	border-radius: 20px;
	position: relative;
	padding-top: 20px;
	border: thin solid #888;
}

.dd9endbg {
	background-image: url('../images/09HSbg.png') !important;
}

#intHS9_title {
	background: url('../images/title_no09HS.png') no-repeat center 80px, url('../images/directions_cover.png') repeat;
	width: 700px;
	height: 550px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 5000;
	cursor: pointer;
	border-radius: 20px;
	border: thin solid #000;
}

#intHS9_title div {
	margin-top: 450px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.dd9_table {
	margin-top: -10px;
}

.dd9_drop {
	position: relative;
	width: 150px;
	height: 150px;
	float: right;
	border: 3px dashed #FFF;
}

.frame9 {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 140px;
	height: 140px;
}

.dd9_drag {
	float: left;
	cursor: pointer;
	margin: 5px 15px;
	border: 3px solid #FFF;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	text-align: center;
	box-shadow: 0px 0px 5px #000;
}

.dd9img_goal {
	float: left;
	cursor: pointer;
	margin: 0px 5px 20px 5px;
	border: 3px solid #FF6;
	width: 150px;
	height: 150px;
	background-color: #FF6;
	text-align: center;
	box-shadow: 0px 0px 5px #000;
}

.dd9_target_group {
	position: relative;
	width: 350px;
	padding: 10px;
	margin: 0px auto 30px auto;
}

td.dd9_draggables {
	width: 560px;
}

.dd9_instructions {
	padding-bottom: 5px;
	height: 50px;
	width: 450px;
	vertical-align: middle;
	font-weight: bold;
	background-color: #EEE;
	border: thin solid #000;
	/*box-shadow: 2px 2px 2px #000;*/
}

.dd9_audio {
	z-index: 100;
	position: absolute;
	left: -3px;
	bottom: -3px;
	width: 30px;
	height: 30px;
	background-image: url('../images/audio_button_s.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.dd9_feedbackC,
.dd9_feedbackI {
	text-align: center;
	background-color: #FFF;
	width: 660px;
	padding: 20px;
	position: absolute;
	top: 300px;
	left: 0px;
	visibility: hidden;
	z-index: 1000;
	cursor: pointer;
	border-top: thin solid #000;
	border-bottom: thin solid #000;
}

.dd9_result {
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 99;
}

.dd9_result.correct {
	background-image: url('../images/correct_check_traced.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 34px;
}

.dd9_result.incorrect {
	background-image: url('../images/incorrect_x_traced.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 28px;
	height: 34px;
}

/********************
SAVE THE BURGER
********************/
div.burgergame_elem {
	position: relative;
	width: 650px;
	height: 450px;
	padding: 25px;
	margin: 10px auto;
	border: thin solid #000;
	background-image: url('../images/burger0.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #F7F7FF;
	-webkit-text-stroke: 0px #000;
	border-radius: 20px;
}

#intHS10_title {
	background: url('../images/title_no010_2.png') no-repeat center 80px, url('../images/directions_cover.png') repeat;
	width: 700px;
	height: 500px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 5000;
	cursor: pointer;
	border-radius: 20px;
	border: thin solid #000;
}

#intHS10_title div {
	margin-top: 375px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.burgerPuzzle {
	margin-left: -25px;
	margin-top: -24px;
	width: 700px;
	border-bottom: 2px solid #AAA;
	background-image: url('../images/directions_cover.png');
	background-repeat: repeat;
	display: none;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.burgerPuzzle td {
	vertical-align: middle;
}

.burgerPuzzle td.puzzle10 {
	text-align: center;
	width: 100%;
	border-left: 2px solid #AAA;
}

.clueHolder10 {
	position: relative;
	min-width: 150px;
	height: 150px;
}

.clueHolder10 img {
	cursor: pointer;
}

.burgergame_Audio {
	z-index: 100;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/audio_button_s.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.burgergame_bigAudio {
	z-index: 100;
	width: 72px;
	height: 72px;
	background-image: url('../images/audio_button.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.puzzleEntry10 {
	display: none;
}

.letterSpace10 {
	display: inline-block;
	width: 30px;
	height: 28px;
	border-bottom: thin solid #000;
	margin: 5px 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 20pt;
}

.letterGrid {
	width: 215px;
	position: absolute;
	top: 185px;
	left: 20px;
}

.letterChoice {
	width: 30px;
	height: 35px;
	font-size: 20pt;
	font-weight: bold;
	margin: 5px 5px 11px 0px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.guessTracker {
	position: absolute;
	bottom: 10px;
	right: 125px;
	color: #FFF;
	-webkit-text-stroke: 1px #FFF;
	font-size: 20pt;
}

.burger_feedbackC,
.burger_feedbackI {
	text-align: center;
	background-color: #FFF;
	width: 660px;
	height: 125px;
	padding: 20px;
	position: absolute;
	top: 150px;
	left: 0px;
	visibility: hidden;
	z-index: 1000;
	border-top: thin solid #000;
	border-bottom: thin solid #000;
}

.burger_reset {
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_retrybtn.png');
	margin: 30px auto 0px auto;
	cursor: pointer;
}

.burger_next {
	width: 111px;
	height: 47px;
	background-image: url('../images/elem_nextbtn.png');
	margin: 30px auto 0px auto;
	cursor: pointer;
}

.letterSpace10.green {
	color: #0C3;
}

/********************
WHOSE SHOES?
********************/
.dragdrop11_elem {
	background: url('../images/011HS2.png') no-repeat top center !important;
	border-radius: 20px;
	min-height: 450px;
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#intHS11_title {
	background: url('../images/title_no011HS.png') no-repeat center 80px, url('../images/directions_cover.png') repeat;
	width: 700px;
	height: 450px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 5000;
	cursor: pointer;
	border-radius: 20px;
	border: thin solid #000;
}

#intHS11_title div {
	margin-top: 375px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.q11 {
	margin-left: 10px;
}

.dd11_target {
	background-color: #9ACAFA;
	background-image: url('../images/011HS_shoes1.png');
	background-repeat: no-repeat;
	background-position: -2px 35px;
	/*left top*/
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 315px;
	height: 200px;
	margin-bottom: 20px;
	margin-top: 10px;
	border-radius: 20px;
	border: 2px solid #737393;
}

.redTarg {
	background-image: url('../images/011HS_shoes2.png') !important;
}

.dd11_target h2 {
	margin: 5px 0px;
	padding: 0px;
}

.dd11_drag {
	float: left;
	cursor: pointer;
	margin: 5px 15px;
	border: 3px solid #FFF;
	width: 125px;
	height: 125px;
	background-color: #FFF;
	text-align: center;
	box-shadow: 0px 0px 5px #000;
}

.dd11_drag.correct {
	cursor: pointer;
}

.dd11_drop {
	position: relative;
	width: 125px;
	height: 125px;
	border: 3px dashed #FFF;
	display: inline-block;
	margin: 0px 5px 10px 5px;
}

.frame11 {
	position: absolute;
	bottom: 20px;
	left: 5px;
	width: 115px;
	height: 115px;
}

.draggables11 {
	margin-bottom: 20px;
}

#dd11_checkanswers {
	float: right;
	margin-left: 15px;
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_checkbtn.png');
	cursor: pointer;
}

.dd11_feedbackC,
.dd11_feedbackI {
	text-align: center;
	background-color: #FFF;
	width: 630px;
	padding: 20px;
	position: absolute;
	top: 260px;
	left: 0px;
	visibility: hidden;
	z-index: 1000;
	cursor: pointer;
	border-bottom: thin solid #000;
	border-top: thin solid #000;
}

#whose_btns {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/********************
WISE ABOUT WORDS
********************/
.dragdrop12_elem {
	background-image: url('../images/wisewordsHS.png') !important;
	background-position: top !important;
	border-radius: 20px;
	border: thin solid #888;
	background-color: #000;
	height: 560px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#intHS12_title {
	background: url('../images/title_no012HS.png') no-repeat center 80px, url('../images/directions_cover.png') repeat;
	width: 700px;
	height: 560px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 5000;
	cursor: pointer;
	border-radius: 20px;
	border: thin solid #000;
}

#intHS12_title div {
	margin-top: 375px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.dd12_target {
	background-color: #90ACDD;
	border: 2px solid #041545;
	text-align: center;
	width: 315px;
	margin: 0px auto 15px auto;
	padding-top: 15px;
	border-radius: 15px;
}

.draggables12 {
	width: 500px;
	margin: 0px auto 22px auto;
}

.fb12 {
	left: 0px !important;
	top: 340px !important;
	width: 660px;
}

.directions12 {
	background-color: #FFF;
	border-radius: 10px;
	border: thin solid #041545;
	color: #041545;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: 500px;
	padding: 15px;
	margin: 20px auto 38px auto;
}

.dd12btns {
	position: absolute !important;
	top: 500px !important;
	right: 10px !important;
}

/********************
STACK THE DECK
********************/
.cardgame_elem {
	position: relative;
	width: 625px;
	margin: 10px auto 20px auto;
	padding: 25px;
	border: thin solid #000;
	background-color: #FFF;
	-webkit-text-stroke: 0px #000;
	border-radius: 20px;
}

#intHS13_title {
	background: url('../images/title_no013.png') no-repeat center 80px, url('../images/directions_cover.png') repeat;
	width: 675px;
	height: 500px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 5000;
	cursor: pointer;
	border-radius: 20px;
	border: thin solid #000;
}

#intHS13_title div {
	margin-top: 375px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.cardgame13_elem {
	background-image: url('../images/cardgame13_background.png') !important;
	background-position: top !important;
	background-repeat: repeat !important;
	padding: 20px !important;
	height: 410px !important;
	border-radius: 20px;
}

.cardsbg {
	position: absolute;
	top: 70px;
	left: 44px;
	width: 256px;
	height: 384px;
	background-image: url('../images/cardgameCARD1.png');
	background-repeat: no-repeat;
}

.wholecard {
	width: 209px;
	height: 310px;
	background: url('../images/cardQMark.png') no-repeat center;
	background-color: #FFF;
	float: left;
	position: relative;
	border-radius: 10px;
	border: thin solid #000;
	padding: 20px;
}

.cardface {
	text-align: center;
}

.cardface img {
	border: thin solid #000;
}

.cardfooter {
	text-align: center;
}

.cardfooter p {
	margin-top: 0px;
}

.cardmatchArea {
	position: relative;
	width: 310px;
	height: 235px;
	background-color: #DDD;
	float: right;
	border: thin solid #000;
	z-index: 10;
}

.cardmatch {
	width: 115px;
	height: 160px;
	position: relative;
	border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	border: thin solid #000;
	background-color: #FFF;
}

.cardmatchText {
	cursor: pointer;
	height: 125px;
}

.cardmatch img {
	cursor: pointer;
	border: thin solid #000;
}

.cardmatch_result {
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 99;
}

.cardmatch_result.correct {
	background-image: url('../images/correct_check_traced.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 34px;
}

.cardmatch_result.incorrect {
	background-image: url('../images/incorrect_x_traced.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 28px;
	height: 34px;
}

.card_audio13 {
	z-index: 100;
	position: absolute;
	bottom: 10px;
	left: 55px;
	width: 30px;
	height: 30px;
	background-image: url('../images/audio_button_s.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

#cardgame_btns {
	position: relative;
	top: 5px;
	right: 0px;
	margin-top: 10px;
}

#cardgame_feedback {
	position: absolute;
	top: 90px;
	right: 45px;
	width: 290px;
	height: 100px;
	padding: 10px;
	background-color: #FFF;
	border: thin solid #000;
	z-index: 9;
	font-size: 16px;
}

#correct_cardfb {
	background-image: url('../images/13Feedback1.png');
	background-repeat: no-repeat;
	position: absolute;
	right: 430px;
	top: 115px;
	z-index: 10;
	width: 153px;
	height: 219px;
}

#incorrect_cardfb {
	background-image: url('../images/13Feedback2.png');
	background-repeat: no-repeat;
	position: absolute;
	right: 430px;
	top: 120px;
	z-index: 10;
	width: 150px;
	height: 219px;
}

.cardfbC,
.cardfbI {
	display: none;
}

.speech13 {
	top: 120px;
	right: 90px;
}

#card_decoration {
	width: 305px;
	height: 137px;
	position: absolute;
	bottom: 26px;
	left: 180px;
	background-image: url('../images/stackthedeck_cardsbtm.png');
}

/********************
BALLOON POP
********************/
.dartgame_containment {
	background-image: url('../images/bg016HS2.png') !important;
	background-position: bottom center !important;
	background-color: #86DFF1;
	height: 560px !important;
	width: 688px;
	border-radius: 20px;
	border: thin solid #000;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#intHS16_title {
	background: url('../images/title_no016.png') no-repeat center 80px, url('../images/directions_cover.png') repeat;
	width: 688px;
	height: 560px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 4900;
	cursor: pointer;
	border-radius: 20px;
	border: thin solid #000;
}

#intHS16_title div {
	margin-top: 375px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

div.dartgame_elem {
	position: relative;
	width: 700px;
	margin: 10px auto 20px auto;
	padding: 25px;
	border: thin solid #000;
	background-color: #FFF;
}

div.dart {
	position: absolute;
	z-index: 200;
	top: 340px;
	left: 15px;
	background-image: url('../images/dart.png');
	background-repeat: no-repeat;
	width: 152px;
	height: 42px;
	cursor: pointer;
}

.dartClicked {
	background-image: url('../images/dartClicked.png') !important;
	width: 152px !important;
	height: 106px !important;
	top: 300px !important;
}

.dartThrowHand {
	width: 106px;
	height: 92px;
	position: absolute;
	top: 340px;
	left: 35px;
	background-image: url('../images/dartThrowHand.png');
	visibility: hidden;
}

div.balloon {
	position: absolute;
	z-index: 199;
	background-repeat: no-repeat;
	width: 112px;
	height: 90px;
	padding-top: 50px;
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
}

div.balloon span {
	position: absolute;
	text-shadow: 0px 0px 6px #000, 0px 0px 6px #000;
}

div.balloons p {
	margin-top: 0px;
}

.balloonBang {
	position: absolute;
	background-image: url('../images/bang.png');
	width: 110px;
	height: 110px;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	visibility: hidden;
}

.balloonBlue {
	background-image: url('../images/balloon1.png') !important;
}

.balloonOrange {
	background-image: url('../images/balloon2.png') !important;
}

.balloonCyan {
	background-image: url('../images/balloon3.png') !important;
}

.balloonYellow {
	background-image: url('../images/balloon4.png') !important;
}

.balloonRed {
	background-image: url('../images/balloon5.png') !important;
}

.result16 {
	position: absolute;
	top: 15px;
	right: 43px;
	z-index: 99;
}

.result16.correct {
	background-image: url('../images/correct_check_traced.png');
	background-position: top center;
	background-repeat: no-repeat;
	width: 30px;
	height: 34px;
}

.result16.incorrect {
	background-image: url('../images/incorrect_x_traced.png');
	background-position: top center;
	background-repeat: no-repeat;
	width: 28px;
	height: 34px;
}

#dartgame_retry {
	margin: 100px auto 10px auto;
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_retrybtn.png');
	cursor: pointer;
}

.dartgame_Audio {
	z-index: 100;
	position: absolute;
	top: 10px;
	left: 43px;
	width: 30px;
	height: 30px;
	background-image: url('../images/audio_button_s.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.exampleImg16 {
	position: relative;
	cursor: pointer;
	height: 125px;
}

.dartSummary {
	margin-top: 250px;
}

.dartDirections {
	width: 688px;
	min-height: 55px;
	background-image: url('../images/directions_cover.png');
	background-repeat: repeat;
	border-bottom: 2px solid #AAA;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

/********************
INQUIRY DIARY
********************/
.noun_containment {
	background-image: url('../images/024HS_book.png') !important;
	background-position: top !important;
	background-color: #CFEBFF;
	height: 500px;
	border-radius: 20px;
	width: 680px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: thin solid #888;
}

#intHS24_title {
	background: url('../images/title_no24.png') no-repeat center 20px, url('../images/directions_cover.png') repeat;
	width: 720px;
	height: 540px;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 5000;
	cursor: pointer;
	border-radius: 20px;
	border: thin solid #000;
}

#intHS24_title div {
	margin-top: 480px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

table.noun_identification {
	background-color: none;
	width: 650px;
	margin-top: 20px;
	padding-left: 10px;
}

table.noun_identification td {
	width: 325px;
}

table.noun_identification thead tr {
	padding-bottom: 2px;
}

table.noun_identification thead td {
	color: #000;
	padding: 0px 10px 4px 10px;
	font-size: 120%;
	font-weight: bold;
}

//table.noun_identification tbody tr:nth-child(odd){ background-color:#eee; }
//table.noun_identification tbody tr:nth-child(even){ background-color:#b0e0e6; }
table.noun_identification tbody td {
	padding: 3px 10px;
	color: black;
}

table.noun_identification tbody td input[type='text'] {
	width: 95%;
	padding: 4px;
	position: relative;
	display: inline-block;
	margin-right: 2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 1;
}

table.noun_identification div.noun_input {
	position: relative;
	margin-top: -1px;
	margin-bottom: 15px;
}

table.noun_identification .result {
	position: absolute;
	right: 10px;
	width: 26px;
	height: 30px;
	top: 0px;
	opacity: 1.0;
	margin: 0px;
	float: right;
	z-index: 2;
}

table.noun_identification .correct {
	background-image: url('../images/checkmark.png');
	background-repeat: no-repeat;
}

table.noun_identification .incorrect {
	background-image: url('../images/fail.png');
	background-repeat: no-repeat;
	background-position: right;
	background-origin: padding-box;
}

.n24_sentence,
.n24_match,
#n24_headercol1,
#n24_headercol2 {
	display: none;
}

#noun_feedback {
	visibility: hidden;
	position: absolute;
	z-index: 8000;
	top: 45px;
	left: 0px;
	cursor: pointer;
	background-color: #FFF;
	width: 720px;
	height: 100px;
	text-align: center;
	border-bottom: thin solid #000;
	border-top: thin solid #000;
}

#noun_btns {
	position: relative;
	top: 0px;
	right: 40px;
	margin-bottom: 200px;
}

#noun_spaceholder {
	height: 30px;
}

#noun_checkanswers {
	float: right;
	margin-left: 15px;
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_checkbtn.png');
	cursor: pointer;
}

#noun_reset {
	float: right;
	margin-left: 15px;
	width: 110px;
	height: 47px;
	background-image: url('../images/ordering_elem_retrybtn.png');
	cursor: pointer;
}

#noun_helpbtn {
	float: right;
	margin-left: 15px;
	width: 48px;
	height: 47px;
	background-image: url('../images/helpbtn.png');
	cursor: pointer;
}

/********************
CUSTOMIZED PIECES
********************/
.endPoints {
	position: absolute;
	z-index: 10000;
	width: 4px;
	height: 4px;
	left: 20px;
	top: 20px;
	border: thin solid #000;
	background-color: #FF0;
	cursor: pointer;
}

/********************
CODE EDITOR - FOR BASIC WEB DESIGN COURSE
********************/
table.codeBlock {
	background-color: #2A2A2A;
	font-size: 17px;
}

table.codeBlock td {
	border: thin solid #FFF;
	color: #FFF;
	font-family: "Courier New", Courier, monospace;
}

table.codeBlock .notcode {
	font-family: Arial, sans-serif;
}

table.codeBlock .red {
	color: #E58;
}

table.codeBlock .yellow {
	color: #EE8;
}

table.codeBlock .green {
	color: #9F0;
}

table.codeBlock .blue {
	color: #6DF;
}

table.codeBlock .gray {
	color: #888;
}

table.codeBlock .purple {
	color: #C5F;
	font-weight: bold;
}

@font-face {
	src: url('fonts/digital-7.ttf');
	font-family: 'go_digital';
}

@font-face {
	src: url('fonts/FTLTLT.TTF');
	font-family: 'footlight';
}

/********************
AUDIO RECORDER
********************/
.elem_record {
	width: 380px;
	height: 150px;
	background-image: url('../images/elem_recording_set.png');
	background-repeat: no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.recordBtn {
	width: 74px;
	height: 70px;
	background-image: url('../images/elem_recording_record.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 37px;
	left: 118px;
	cursor: pointer;
}

.rec_activate {
	background-image: url('../images/elem_recording_record_on.png') !important;
}

.stopBtn {
	width: 74px;
	height: 70px;
	background-image: url('../images/elem_recording_stop_disabled.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 37px;
	left: 210px;
	cursor: pointer;
}

.stop_activate {
	background-image: url('../images/elem_recording_stop.png') !important;
}

#recordButton,
#stopButton {
	background: none;
	border: 0;
	outline: 0;
}

.audioButton {
	width: 74px;
	height: 70px;
}

/********************
CROSSWORD PUZZLE
********************/
#crossword {
	background-image: url('../images/cubes_bg_bl.png');
	padding: 26px;
	margin: auto;
	max-width: 1000px;
	border: thin solid #555;
	background-color: #6cabd6;
}

#crossword.correct {
	background-image: url('../images/cubes_bg_gr.png');
	background-color: #37b989;
}

#crossword table:nth-of-type(1) {
	margin-right: -3px;
}

#crossword table tr td {
	vertical-align: top;
}

#crossword .clueBlock {
	margin-left: 26px;
	padding: 10px;
	background-color: #fff;
	border: thin solid #555;
}

.clueBlock p {
	margin: 0px;
}

.clueBlock ol {
	margin-top: 5px;
}

.clueBlock ol li {
	margin-top: 5px;
	cursor: pointer;
}

.clueBlock .checkPuzz {
	width: 120px;
	margin: 10px auto;
	padding: 10px;
	background-color: #4c8bb6;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#crossword .crosswordPuzz {
	border-collapse: collapse;
}

#crossword .crosswordPuzz tr td {
	width: 24px;
	height: 24px;
	min-height: 24px;
	min-width: 24px;
	padding: 0px;
	border: thin solid #555;
	vertical-align: middle;
	text-align: center;
	background-color: #fff;
	position: relative;
}

#crossword .crosswordPuzz .clueLabel {
	position: absolute;
	top: 0;
	left: 2px;
	font-size: 11px;
}

#crossword .crosswordPuzz tr td input {
	width: 26px;
	height: 26px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border: none;
}

#crossword .crosswordPuzz tr td input.light {
	background-color: #ff8 !important;
}

#crossword .crosswordPuzz tr td input.wrong {
	background-color: #fc6;
}

#crossword .crosswordPuzz tr td.empty {
	background-color: transparent;
	border: none;
}

#crossword #crossBank {
	padding: 10px;
	background-color: #fff;
	border: thin solid #555;
	margin: auto;
	width: 100%;
	margin-top: 5px;
}

#crossword #crossBank th {
	text-align: left;
	padding-bottom: 6px;
	;
	vertical-align: top;
	font-weight: bold;
	border-bottom: thin solid #555;
}

#crossword #crossBank td {
	text-align: left;
	padding-top: 6px;
}

#puzzleAutomator table {
	border-collapse: collapse;
}

#puzzleAutomator table tr td {
	border: thin solid #555;
	background-color: #fff;
}

#puzzleAutomator table tr td input {
	width: 26px;
	height: 26px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border: none;
}

#puzzConvert {
	width: 120px;
	margin: 10px 0;
	padding: 10px;
	background-color: #fff;
	color: #4c8bb6;
	border: thin solid #555;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#puzzleCodeList {
	width: 600px;
	height: 300px;
}

.acrossWord,
.acrossLoc,
.downWord,
.downLoc {
	display: none;
}

#crossword .crossCfb,
#crossword .crossIfb {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 18px -10px;
	background-color: #fff;
}

#crossword .crossCfb {
	display: none;
	color: #37b989;
}

#crossword .crossIfb {
	display: none;
	color: #c14b5d;
}

/********************
PROMPT BANNERS
********************/
h1.banner {
	font-size: 150%;
	color: black;
	padding: 20px 40px 0px 40px;
}

.promptInternetActivity {
	background-image: url('../images/promptInternet.png');
	width: 305px;
	padding-left: 75px;
}

.promptInteractiveActivity {
	background-image: url('../images/promptInteractive.png');
	width: 355px;
	padding-left: 53px;
}

.promptBanner {
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	background-position: 10px 0px;
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 10px;
	z-index: 5;
	position: relative;
	color: #253d81;
	font-weight: bold;
	font-size: 30px;
}

.promptLine {
	color: #253d81;
	margin-top: -35px;
	margin-bottom: 40px;
	border-style: solid;
	border-width: 2px;
	border-color: color:#253d81;
}

.promptDiscussion {
	background-image: url('../images/promptDiscussion.png');
	width: 195px;
	padding-left: 55px;
}

.promptJournal {
	background-image: url('../images/promptJournal.png');
	width: 155px;
	padding-left: 70px;
}

.promptReadTextbook {
	background-image: url('../images/promptReadTextbook.png');
	width: 270px;
	padding-left: 65px;
}

.promptAnswerKey {
	background-image: url('../images/promptAnswerKey.png');
	width: 295px;
	padding-left: 45px;
}

.promptTurnItIn {
	background-image: url('../images/promptTurnItIn.png');
	width: 165px;
	padding-left: 55px;
}

.promptVocabulary {
	background-image: url('../images/promptVocabulary.png');
	width: 355px;
	padding-left: 55px;
}

.writingPrompt {
	background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/image/ff54879c-b467-45bc-932c-4dce6cb244f9.png');
	padding-left: 70px;
}

.writingBanner {
	width: 275px;
}

.dbqBanner {
	width: 392px;
}

/********************
SECTION BANNERS
********************/
/*-- Math Banners --*/
.MTH-banner {
  display: flex; 
  justify-content: flex-start; 
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  margin: 10px 0px;
}

/*-- Foreign Language Banners --*/
.FL-section-banner {
  color: #0b476f;
  display: flex; 
  align-items: center;
  justify-content: flex-start; 
  flex-direction: row; 
  margin: 15px;
}

.FL-section-banner h2{
  margin-left: 10px;
}

.FL-section-banner img {
  flex-shrink: 0;
}

/*-- English Banners --*/
.ENG-banner {
  display: flex; 
  justify-content: flex-start; 
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  margin: 10px 0px;
}

.ENG-banner h1 {
  color: #324555;
  padding-left: 15px;
}

.ENG-banner img {
  flex-shrink: 0; 
  width: 75px;
}

/*-- Science Banners --*/
.SCI-banner {
  display: flex; 
  justify-content: flex-start; 
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  margin: 10px 0px;

}

.SCI-banner h1 {
  color: #0a2463;
  padding-left: 30px;
  padding-right: 15px;
  border-bottom: 3px solid #Fb8b24;
  margin-left: -25px;
}

.SCI-banner img {
  flex-shrink: 0; 
  width: 90px;
  z-index: 20;
}

/*-- Social Studies Banners --*/
.SS-banner {
  display: flex; 
  justify-content: flex-start; 
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  margin: 10px 0px;
}

.SS-banner h1 {
  color: #001021;
  padding-left: 15px;
}

.SS-banner img {
  flex-shrink: 0; 
  width: 65px;
}

/*-- PE & Health Banners --*/
.PE-banner {
  display: flex; 
  justify-content: flex-start; 
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  margin: 10px 0px;
}

.PE-banner h1 {
  color: #084c61;
  padding-left: 5px;
}

.PE-banner img {
  flex-shrink: 0; 
  width: 75px;
}

/*-- Science Banners --*/
.LA-banner {
  display: flex; 
  justify-content: flex-start; 
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  margin: 10px 0px;

}

.LA-banner h1 {
  color: #Fbfbff;
  padding: 10px 25px 10px 60px;
  background: #875d86;
  margin-left: -50px;
  margin-top: 15px;
  border-bottom-right-radius: 20px;
  text-shadow: 1px 1px 3px #431941;
  
}

.LA-banner img {
  flex-shrink: 0; 
  width: 100px;
  z-index: 20;
}

/*-- Elective Banners --*/
.ELEC-banner {
  display: flex; 
  justify-content: flex-start; 
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  margin: 10px 0px;
}

.ELEC-banner h1 {
  color: #032b43;
  padding-left: 5px;
}

.ELEC-banner img {
  flex-shrink: 0; 
  width: 75px;
}

/********************
OUTSIDE READING
********************/
.outside-reading {
	background: rgba(214, 0, 0, .1);
	border-left: 15px solid rgba(214, 0, 0, .9);
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 5px 5px 10px 5px;
}

.or-heading {
	margin: 7px;
	margin-left: 20px;
	padding-top: 5px;
}

.or-heading:before {
	content: "";
	display: inline-block;
	padding-right: 10px;
	height: 35px;
	width: 45px;
	background-size: 35 45px;
	background-image: url('../images/book.svg');
	background-repeat: no-repeat;
}

.outside-reading p {
	margin: 10px 20px;
}

/********************
KEYWORDS
********************/
.objective, .skill {
    margin-bottom: 10px;
}

.new_page {
    font-family: 'Just Another Hand', cursive;
    width: 85%;
    margin: 0 auto;
    margin: 10px 0 0 15px;
    position: relative;
    padding: 8px 0;
    color: #212121;
    -webkit-border-bottom-left-radius: 20px 500px;
    -webkit-border-bottom-right-radius: 500px 30px;
    -webkit-border-top-right-radius: 5px 100px;
    -moz-border-radius-bottomleft: 20px 500px;
    -moz-border-radius-bottomright: 500px 30px;
    -moz-border-radius-topright: 5px 100px;
    border-radius-bottomleft: 20px 500px;
    border-radius-bottomright: 500px 30px;
    border-radius-topright: 5px 100px;
    background: #fcf59b;
    background: -webkit-gradient( linear, left top, left bottom, from(#81cbbc), color-stop(2%, #fcf59b));
    background: -moz-repeating-linear-gradient( top, #fcf59b, #fcf59b 38px, #81cbbc 40px);
    background: repeating-linear-gradient( top, #fcf59b, #fcf59b 38px, #81cbbc 40px);
    background: -ms-repeating-linear-gradient( top, #fcf59b, #fcf59b 38px, #81cbbc 40px);
    -webkit-background-size: 100% 40px;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2);
}

.new_page::before {
    content: ' ';
    background: url('../images/tape.png') no-repeat;
    width: 129px;
    height: 38px;
    position: absolute;
    top: -15px;
    left: 40%;
    display: block;
}

.keywords_section {
    padding: 20px;
    margin-bottom: 0;
}

.keywords_title {
    font-size: 1.5em;
    margin-top: 20px;
    margin-bottom: 15px;
    text-decoration: underline;
}

.keyword {
    font-size: 1em;
    margin-bottom: 15px;
}

.keyword::before {
    content: '• ';
}

/* Keyword Media Queries */
@media all and (max-width: 63.99em) {
    .new_page {
        margin: 0 auto;
        font-family: Arial, Helvetica, sans-serif;
        width: 100%;
        background: #f0f0f0;
        border-radius: 0px;
        box-shadow: none;
        margin-top: 10px;
        margin-left: -40px;
        padding-left: 39px;
        padding-right: 41px;
    }

    .new_page::before {
    	background: none;
    }

    .keywords_title {
        text-decoration: none;
        font-weight: bold;
        font-size: 1.6em;
    }

    .keyword { margin-right: 20px; }

    .keywords_holder {
        display: grid;
        grid-template-columns: auto auto;
        padding: 10px;
    }
}

/********************
FLEXBOX GRID SYSTEM
********************/
.row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media only screen and (min-width: 48em) {
    .container {
        width: 49rem;
    }

    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (min-width: 64em) {
    .container {
        width: 65rem;
    }

    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-offset-0,
    .col-md-offset-1,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (min-width: 75em) {
    .container {
        width: 76rem;
    }

    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}