/*
*******************
* TABLE OF CONTENTS
*******************
* VARIABLES
* PRELOADER
* MAIN LAYOUT
* HELPERS
* RESPONSIVE IMAGES
* CUSTOM FONTS
* LEARNING COACH PAGE
* TEACHER GUIDES
* INTERACTIVES SETUP
* INTERACTIVES MAIN SCREEN, MODAL, & DIRECTIONS VIDEO
* JQUERY UI EDITS
* BUTTONS
* UTILITIES
* THE NAME GAME
* WORD WORK
* SPELLING BEE
* ABC ORDER
* THE BUCKET GAME
* TREASURE CHEST
* SAVE THE BURGER
* SUE’S SHOES
* WISE ABOUT WORDS
* STACK THE DECK
* WORD BUILDER
* BALLOON POP
* DETECTIVE DINO & PHONICS FUN
* PICTURE PERFECT
* WORD BLENDER & MONKEY BUSINESS
* BARNYARD BUDDY
* FLASHCARDS
* WORD ID
* STORYBOOK
* 16:9 RESPONSIVE VIDEOS
* TRANSCRIPTS
* EXAMPLE TEXT
* TIP BOX
* REVEAL ANSWER
* SLIDESHOW
* MULTIPLE-CHOICE, DRAG-N-DROP, & FLASHCARDS
* TIMER
* TABSET
* ORDERING
* MATH PROP
* HIGHLIGHT TABLE
* MISMATCH
* MATCHING V2
* MATCHING V1
* SELF CHECK
* FILL IN THE BLANK
* FREE RESPONSE QUESTIONS
* CARDINAL DIRECTIONS
* LEGACY GRID SYSTEM
********************/

/*
*******************
* VARIABLES
*******************
*/
:root {
  /*
   * Determines user's system color scheme. Leaving blank can cause certain elements to be styled differently than preferred.
   ! DO NOT EDIT
   */
  color-scheme: light !important;

  /*
  * Font Size
  ! DO NOT EDIT
  */
  --default-font-size: 1.25rem; /* 20px */

  /*
  * Default Interactive Values
   ? Use to change interactive styling in custom CSS
   ! ONLY FOR INTERACTIVES - DO NOT SET THESE ON MAIN TEMPLATE STYLES
  */
  /* Base */
  --interactive-background-color: #f7f7f7;
  --interactive-border: #d9dee2;
  --interactive-border-radius: 10px; /* Buttons & Containers */
  --interactive-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); /* Flashcards, Matching, Mismatch, Multiple-Choice, Open-Ended Questions, Ordering */

  /* Buttons */
  --interactive-button-color: #277cb4;
  --interactive-button-hover-color: #3498db;

  --interactive-secondary-button-color: #2c3e50;
  --interactive-secondary-button-hover-color: #34495e;

  --interactive-retry-button-color: #27ae60;
  --interactive-retry-button-hover-color: #2ecc71;

  /* Backgrounds */
  --interactive-background-image: url(''); /* Flashcards, Matching, Mismatch, Multiple-Choice, Open-Ended Questions, Scrollable Questions, Ordering */
  --interactive-background-size: cover; /* Flashcards, Matching, Mismatch, Multiple-Choice, Open-Ended Questions, Scrollable Questions, Ordering */
  --interactive-background-position: center center; /* Flashcards, Matching, Mismatch, Multiple-Choice, Open-Ended Questions, Scrollable Questions, Ordering */
  --interactive-background-repeat: no-repeat; /* Flashcards, Matching, Mismatch, Multiple-Choice, Open-Ended Questions, Scrollable Questions, Ordering */
  --interactive-highlighted-item-background-color: #e6f1fc; /* Interactive Table: Hidden Highlight, Matching: Active Item */

  /* Text */
  --interactive-custom-text-color: #277cb4; /* Tab Set: Nav Links, Accordion: Nav Links, Interactive Table: Headers, Mismatch: Title, Multiple Choice: Answers, Matching: Hover Border */
  --interactive-secondary-custom-text-color: #3498db; /* Tab Set: Nav Links, Accordion: Nav Links, Interactive Table: Headers, Mismatch: Title, Multiple Choice: Answers */

  /* Images */
  /* --default-image-min-width: 300px;
--default-image-max-width: 650px; */
}

/*
*******************
* PRELOADER
*******************
*/
#preloader {
  display: none;
  /* position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/preloader.gif')
    no-repeat center center;
  z-index: 1031; */
}

/*
*******************
* MAIN LAYOUT
*******************
*/
*:focus {
  outline-color: rgb(77, 144, 254);
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 5px;
}

/* Unset focus styles on MathJax */
/* Avoids jarring outline in button elements on focus state */
.MathJax:focus {
  outline-color: unset;
  outline-offset: unset;
  outline-style: unset;
  outline-width: unset;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  overflow-y: scroll;
  margin: 0px;
  padding: 0px;
  font-family: 'Short Stack', cursive;
}

#backgroundHandler {
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/whitetop_bg.png')
      no-repeat top center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/container_bg.png')
      repeat-y center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/lessonbg_3_green.png')
      repeat top;
  display: table;
  width: 100%;
  background-attachment: scroll, scroll, fixed;
}

#container {
  position: relative;
  width: 940px;
  margin: 0px auto;
}

#sidetab {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70px;
  height: 422px;
}

#tocContents {
  width: 230px;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 201;
  max-height: 650px;
  overflow: scroll;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 10px #333;
  box-shadow: 0px 0px 10px #333;
  background-color: #fff5ee;
  background-position: top;
  background-repeat: repeat-x;
  display: none;
}

.tocLink {
  padding: 15px 15px 10px 22px;
  margin: 10px 0px 20px 0px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/toc_bgcircle_faded.png');
  min-height: 25px;
  background-repeat: no-repeat;
  font-size: 12pt;
}

a {
  text-decoration: none;
}

a:visited,
a:link,
a:active {
  color: #277cb4;
}

a:hover {
  color: #3498db !important;
  text-decoration: underline;
}

/* Adds thickness to bold elements that's hard to see with user agent styles */
strong,
b,
.font-weight-bold,
.font-weight-bolder {
  -webkit-font-smoothing: antialiased;
}

.tocLink_current {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/toc_bgcircle.png');
  font-weight: bold;
}

#sidetabToC {
  width: 70px;
  height: 211px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/sidetabToC.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.sidetabToC_roll {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/sidetabToC_roll.png') !important;
}

#sidetabLearningCoach {
  width: 70px;
  height: 211px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/sidetabLearningCoach.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

#colorbuttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  right: 39px;
  width: 31px;
  background-color: rgba(255, 255, 255, 0.8);
}

#colorbuttons div {
  margin-top: 4px;
  margin-bottom: 4px;
  width: 30px;
  height: 33px;
  background-repeat: no-repeat;
  cursor: pointer;
}

#blueDot {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/bluebg_dot.png');
}

#yellowDot {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/yellowbg_dot.png');
}

#greenDot {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/greenbg_dot.png');
}

#pinkDot {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/pinkbg_dot.png');
}

#lavenderDot {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/lavenderbg_dot.png');
}

#contentContainer {
  width: 800px;
  margin: 0px auto;
  position: relative;
}

.banner {
  width: 760px;
  padding: 20px 20px 15px 20px;
  background-color: #8cbcf4;
  font-size: 30pt;
  color: #fff;
}

.intro {
  background-color: #cee5f2;
  -webkit-text-stroke: #435289 thin;
  padding: 10px 20px 10px 20px;
  font-size: 13pt;
  color: #435289;
}

h1,
.h1 {
  font-size: 2.5rem;
}

h2,
.h2 {
  font-size: 2rem;
}

h3,
.h3 {
  font-size: 1.75rem;
}

h4,
.h4 {
  font-size: 1.5rem;
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

p {
  line-height: 1.4;
}

.emcontent {
  width: 760px;
  min-height: 375px;
  margin-top: 20px;
  padding: 0px 20px 20px 20px;
  background-color: #fff;
  font-size: var(--default-font-size);
  -webkit-text-stroke: 0px;
  color: #000;
  background-repeat: repeat;
}

.footer {
  width: 760px;
  padding: 20px;
  text-align: center;
  background-color: #8cbcf4;
  font-size: 30px;
  color: #000;
}

.navNumbers {
  background-color: #fff;
  margin: 0px auto;
  padding: 10px;
  width: 150px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.navLeft {
  float: left;
  margin-left: 175px;
  margin-top: 5px;
  width: 56px;
  height: 46px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/arrow_left.png');
}

.navLeft_disabled {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/arrow_left_faded.png');
}

.navRight {
  float: right;
  margin-right: 175px;
  margin-top: 5px;
  width: 56px;
  height: 46px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/arrow_right.png');
}

.navRight_disabled {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/arrow_right_faded.png');
}

#backgroundHandler.blue_bg {
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/whitetop_bg.png')
      no-repeat top center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/container_bg.png')
      repeat-y center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/lessonbg_1_blue.png')
      repeat top;
}

#backgroundHandler.yellow_bg {
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/whitetop_bg.png')
      no-repeat top center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/container_bg.png')
      repeat-y center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/lessonbg_2_yellow.png')
      repeat top;
}

#backgroundHandler.green_bg {
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/whitetop_bg.png')
      no-repeat top center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/container_bg.png')
      repeat-y center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/lessonbg_3_green.png')
      repeat top;
}

#backgroundHandler.pink_bg {
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/whitetop_bg.png')
      no-repeat top center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/container_bg.png')
      repeat-y center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/lessonbg_4_pink.png')
      repeat top;
}

#backgroundHandler.lavender_bg {
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/whitetop_bg.png')
      no-repeat top center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/container_bg.png')
      repeat-y center,
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/lessonbg_5_lavender.png')
      repeat top;
}

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

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

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

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

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

.border-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
* Hide only visually, but have it available for screen readers:
*/
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/* Center content and left align it when it wraps. */
.center-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.center-wrap * {
  text-align: left;
}

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

/*
*******************
* 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;
  }
}

/*
*******************
* CIRCLE IMAGES
*******************
*/
.circle-image {
  display: block;
  margin: 0 auto;
  border: 3px solid #cccccc;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.rounded-image {
  display: block;
  margin: 0 auto;
  border: 3px solid #cccccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

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

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

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

/*
*******************
* CUSTOM FONTS
*******************
*/
@font-face {
  font-family: 'penmanshipFont';
  src: url('https://s3.amazonaws.com/cms.accelerate-ed.com/fonts/penmanship.TTF');
}

/*
*******************
* LEARNING COACH PAGE
*******************
*/
.page,
.new_page {
  box-sizing: border-box;
  width: 100%;
  /* width: 175px; */
  padding: 20px;
  background-color: #f9f9f9;
  border: thin solid #ccc;
  line-height: inherit;
  word-wrap: break-word;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

.page {
  float: right;
}

.page p {
  margin: 0px;
}

.page p:first-line {
  color: #8cbcf4;
  -webkit-text-stroke: #8cbcf4 thin;
  font-size: 20pt;
}

.keywords_title {
  margin: 5px 0px 15px 0px;
  text-decoration: underline;
}

.keyword {
  font-size: 1em;
  margin: 15px 0px 15px 0px;
  position: relative;
  padding-left: 20px;
}

.keyword::before {
  content: '• ';
  position: absolute;
  left: 0;
}

.learningCoachNotes {
  width: 90%;
  background-color: #cee5f2;
  padding: 10px 10px 10px 10px;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
  margin: 10px auto;
  clear: both;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.learningCoachNotes h2 {
  margin-top: 5px;
  text-align: center;
  font-size: 16pt;
  text-decoration: underline;
}

.learningCoachNotes p {
  font-size: 13pt;
  margin-top: 0px;
}

.lcContent {
  background-color: white;
  padding: 10px;
}

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

/*
*******************
* TEACHER GUIDES
*******************
*/
/* Syllabus Page */
.choice_area {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.choice_activity_area {
  height: 60px;
  width: 200px;
  margin: 25px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+4,6199c7+15,3a84c3+31,419ad6+45,4bb8f0+63,3a8bc2+84,26558b+100 */
  background: #cedbe9; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #cedbe9 0%,
    #aac5de 4%,
    #6199c7 15%,
    #3a84c3 31%,
    #419ad6 45%,
    #4bb8f0 63%,
    #3a8bc2 84%,
    #26558b 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #cedbe9 0%,
    #aac5de 4%,
    #6199c7 15%,
    #3a84c3 31%,
    #419ad6 45%,
    #4bb8f0 63%,
    #3a8bc2 84%,
    #26558b 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #cedbe9 0%,
    #aac5de 4%,
    #6199c7 15%,
    #3a84c3 31%,
    #419ad6 45%,
    #4bb8f0 63%,
    #3a8bc2 84%,
    #26558b 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */
  border-radius: 9px;
  border: 2px solid #26558b;
  transition: all 0.2s ease-in-out;
}

.choice_activity_area:hover {
  transform: scale(1.1);
}

.choice_activity {
  text-align: center;
  margin-top: 8px;
  font-size: 14pt;
  font-weight: bold;
  color: white;
  transition: all 0.2s ease-in-out;
}

.choice_activity_area > a {
  text-decoration: none;
  line-height: 1.2;
}

/* Assessments Page */
table.Table_List {
  background-color: #ffffd2;
  border: thin solid #bababa;
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
}

table.Table_List td {
  padding: 10px;
}

table.Table_List thead tr {
  background-color: #f1f1f1;
  border-bottom: thin solid #bababa;
  font-weight: bold;
}

table.Table_List thead tr th {
  padding: 10px;
}

table.Table_List tr:nth-child(EVEN) {
  background-color: #ffffaa;
}

table.Table_List td:nth-child(1),
table.Table_List thead tr th:nth-child(1) {
  text-align: left;
}

table.Table_List td:nth-child(2),
table.Table_List thead tr th:nth-child(2) {
  text-align: left;
}

table.Table_List td:nth-child(3),
table.Table_List thead tr th:nth-child(3) {
  text-align: left;
}

.whExcerptGray {
  margin: 0 auto;
  margin-bottom: 30px;
  width: 500px;
  text-align: center;
  border-color: #7f8c8d !important;
  background-color: #f5f5f5 !important;
}

.whExcerptGray > .password {
  font-size: 1.5em;
  font-weight: bold;
  color: #d35400;
}

/*
*******************
* INTERACTIVE SETUP
*******************
*/
div.ddQuestion {
  display: none;
}

.correctfb {
  display: none;
}

.incorrectfb {
  display: none;
}

#ddSummary {
  display: none;
}

div.ddReset {
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/retrybtn.png');
  margin: 10px auto;
  cursor: pointer;
}

/*
*******************
* INTERACTIVE MAIN SCREEN, MODAL, & DIRECTIONS VIDEO
*******************
*/
.popScreen {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 200;
  margin-left: -385px;
  width: 720px;
  padding: 20px;
  -webkit-box-shadow: inset 0px 0px 10px #333;
  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;
  -webkit-box-shadow: inset 0px 0px 10px #333;
  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: 0.7;
  margin-top: 10px;
}

.interactiveHolder {
  width: 715px;
  border: 2px solid #888;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/swirly_background.png');
  background-repeat: repeat;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.ewhiteFont {
  color: #fff;
  -webkit-text-stroke: #fff thin;
}

.imgAudioLoader {
  display: none;
}

.imgAudioClick {
  cursor: pointer;
}

/*
*******************
* JQUERY UI EDITS
*******************
*/
.ui-widget {
  text-align: left;
}

.ui-widget-header {
  border: 1px solid #aed0ea;
  background: #deedf7
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ui_widget_header.png')
    50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

/*
*******************
* BUTTONS
*******************
*/
/* Flat Buttons */
.flat-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: var(--default-font-size);
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  width: 100%;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0px 2px 3px rgba(189, 195, 199, 1);
  box-shadow: 0px 2px 3px rgba(189, 195, 199, 1);
  border: none;
  border-radius: var(--interactive-border-radius);
  -webkit-border-radius: var(--interactive-border-radius);
  -moz-border-radius: var(--interactive-border-radius);
  -ms-border-radius: var(--interactive-border-radius);
  -o-border-radius: var(--interactive-border-radius);
}

.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;
}

.red-btn-outline {
  background-color: #fff;
  border: 1px solid #c0392b;
  color: #c0392b;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

/* Bright Gradient Buttons */
.colorful-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: var(--default-font-size);
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  text-align: center;
  background-size: 300% 100%;
  border-radius: 50px;
  border: 1px solid #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

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

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

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

.red-gradient {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#eb3941),
    color-stop(#f15e64),
    color-stop(#e14e53),
    to(#e2373f)
  );
  background-image: -o-linear-gradient(
    left,
    #eb3941,
    #f15e64,
    #e14e53,
    #e2373f
  );
  background-image: linear-gradient(
    to right,
    #eb3941,
    #f15e64,
    #e14e53,
    #e2373f
  );
  -webkit-box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4);
  box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4);
}

.orange-gradient {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fc6076),
    color-stop(#ff9a44),
    color-stop(#ef9d43),
    to(#e75516)
  );
  background-image: -o-linear-gradient(
    left,
    #fc6076,
    #ff9a44,
    #ef9d43,
    #e75516
  );
  background-image: linear-gradient(
    to right,
    #fc6076,
    #ff9a44,
    #ef9d43,
    #e75516
  );
  -webkit-box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

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

.purple-gradient {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#667eea),
    color-stop(#764ba2),
    color-stop(#6b8dd6),
    to(#8e37d7)
  );
  background-image: -o-linear-gradient(
    left,
    #667eea,
    #764ba2,
    #6b8dd6,
    #8e37d7
  );
  background-image: linear-gradient(
    to right,
    #667eea,
    #764ba2,
    #6b8dd6,
    #8e37d7
  );
  -webkit-box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}

.green-gradient {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0ba360),
    color-stop(#3cba92),
    color-stop(#30dd8a),
    to(#2bb673)
  );
  background-image: -o-linear-gradient(
    left,
    #0ba360,
    #3cba92,
    #30dd8a,
    #2bb673
  );
  background-image: linear-gradient(
    to right,
    #0ba360,
    #3cba92,
    #30dd8a,
    #2bb673
  );
  -webkit-box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
  box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}

.grey-gradient {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#29323c),
    color-stop(#485563),
    color-stop(#606c74),
    to(#6e6b79)
  );
  background-image: -o-linear-gradient(
    left,
    #29323c,
    #485563,
    #606c74,
    #29323c
  );
  background-image: linear-gradient(
    to right,
    #29323c,
    #485563,
    #606c74,
    #29323c
  );
  -webkit-box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
  box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

.ae-gradient {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0e6198),
    color-stop(#106fae),
    color-stop(#0e6198),
    to(#0e6198)
  );
  background-image: -o-linear-gradient(
    left,
    #0e6198,
    #106fae,
    #0e6198,
    #0e6198
  );
  background-image: linear-gradient(
    to right,
    #0e6198,
    #106fae,
    #0e6198,
    #0e6198
  );
  -webkit-box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

/* Default Interactive Buttons */
.default-btn,
.secondary-btn,
.retry-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-weight: normal;
  font-size: var(--default-font-size);
  color: #ffffff;
  cursor: pointer;
  width: 100%;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: var(--interactive-border-radius);
  -webkit-border-radius: var(--interactive-border-radius);
  -moz-border-radius: var(--interactive-border-radius);
  -ms-border-radius: var(--interactive-border-radius);
  -o-border-radius: var(--interactive-border-radius);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.default-btn {
  background: var(--interactive-button-color);
}

.default-btn:hover,
.default-btn:focus {
  background: var(--interactive-button-hover-color);
}

.secondary-btn {
  background: var(--interactive-secondary-button-color);
}

.secondary-btn:hover,
.secondary-btn:focus {
  background: var(--interactive-secondary-button-hover-color);
}

.retry-btn {
  background: var(--interactive-retry-button-color);
}

.retry-btn:hover,
.retry-btn:focus {
  background: var(--interactive-retry-button-hover-color);
}

div.interactiveBtns {
  width: 500px;
  margin: 10px auto;
}

div.begin_btn {
  width: 204px;
  height: 106px;
  margin: 10px 20px;
  float: right;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/begin_button.png')
    no-repeat;
}

div.directions_btn {
  width: 204px;
  height: 106px;
  margin: 10px 20px;
  float: left;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/directions_button.png')
    no-repeat;
}

div.activity_area,
div.answerkey_area,
div.download_area,
div.journal_area,
div.print_area,
div.readme_area,
div.rubric_area,
div.showme_area,
div.tryit_area {
  width: 204px;
  height: 106px;
  margin: 10px auto;
}

div.activity_btn {
  width: 204px;
  height: 106px;
  margin: 10px auto;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/activity_button.png')
    no-repeat;
}

div.answerkey_btn {
  width: 204px;
  height: 106px;
  margin: 10px auto;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/answerkey_button.png')
    no-repeat;
}

div.download_btn {
  width: 204px;
  height: 106px;
  margin: 10px auto;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/download_button.png')
    no-repeat;
}

div.journal_btn {
  width: 204px;
  height: 106px;
  margin: 10px auto;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/journal_button.png')
    no-repeat;
}

div.print_btn {
  width: 204px;
  height: 106px;
  margin: 10px auto;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/print_button.png')
    no-repeat;
}

div.readme_btn {
  width: 204px;
  height: 106px;
  margin: 10px auto;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/readme_button.png')
    no-repeat;
}

div.rubric_btn {
  width: 204px;
  height: 106px;
  margin: 10px auto;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/rubric_button.png')
    no-repeat;
}

div.showme_btn {
  width: 204px;
  height: 106px;
  margin: 10px auto;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/showme_button.png')
    no-repeat;
}

div.tryit_btn {
  width: 204px;
  height: 106px;
  margin: 10px auto;
  cursor: pointer;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/tryit_button.png')
    no-repeat;
}

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

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

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

.clear {
  clear: both;
}

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

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

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

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

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

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

.hidden {
  visibility: hidden;
}

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;
}

.leftCol {
  border-left: medium solid #eee;
}

.rightCol {
  border-right: medium solid #eee;
}

.bottomRow {
  border-bottom: medium solid #eee;
}

/*
*******************
* THE NAME GAME
*******************
*/
.dragdrop2_elem {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/02bg.png') !important;
  background-position: top !important;
  width: 558px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle2 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no02.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 249px;
  margin-left: auto;
  margin-right: auto;
}

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

.dd2img {
  position: relative;
}

.dd2_images img {
  border: 5px solid #fff;
  margin: 10px;
}

#correct_squirrel {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/02Feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 370px;
  top: 105px;
  z-index: 10;
  width: 210px;
  height: 198px;
}

#incorrect_squirrel {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/02Feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 370px;
  top: 105px;
  z-index: 10;
  width: 215px;
  height: 198px;
}

.speech2 {
  position: absolute;
  top: 130px;
  right: 30px;
}

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

/*
*******************
* WORD WORK
*******************
*/
.dragdrop4_elem {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/04_background1.png') !important;
  background-position: top !important;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle4 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no04.png');
  background-repeat: no-repeat;
  width: 500px;
  height: 246px;
  margin-left: auto;
  margin-right: auto;
}

.dd_question {
  display: none;
}

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

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

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

.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;
  z-index: 100;
}

.dd4_audio {
  z-index: 3000;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_nextbtn.png');
  cursor: pointer;
  visibility: hidden;
}

#ddSummary {
  display: none;
}

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

#correct_beekid {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/04Feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 410px;
  top: 85px;
  z-index: 10;
  width: 181px;
  height: 201px;
}

#incorrect_beekid {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/04Feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 410px;
  top: 85px;
  z-index: 10;
  width: 181px;
  height: 201px;
}

#dd_retry {
  margin: 200px auto 10px auto;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/correct_check.png');
  background-repeat: no-repeat;
  width: 26px;
  height: 30px;
}

.dd4_result.incorrect,
.dd2_result.incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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: 560px;
  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;
}

/*
*******************
* SPELLING BEE
*******************
*/
#intElemTitle6 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no06.png');
  background-repeat: no-repeat;
  width: 458px;
  height: 276px;
  margin-left: auto;
  margin-right: auto;
}

div#hidden_data {
  display: none;
}

div.spelling_elem {
  position: relative;
  width: 550px;
  margin: 10px auto 20px auto;
  padding: 25px;
  border: thin solid #000;
  background-color: #fff;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/swirly_background.png');
  background-repeat: repeat;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#spelling_feedback {
  visibility: hidden;
  position: absolute;
  z-index: 8001;
  top: 0px;
  left: 0px;
  cursor: pointer;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/phonics_feedback_bg.png');
  background-repeat: no-repeat;
  width: 650px;
  height: 450px;
  border: 1px solid red;
}

#spelling_feedback img {
  position: absolute;
  margin: 0 auto;
  left: 40px;
  border: 1px solid black;
}

.spelling_choices {
  margin: 10px auto;
  width: 250px;
}

.typebutton {
  width: 115px;
  height: 55px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/type_btn.png');
  background-repeat: no-repeat;
  float: left;
  margin-right: 20px;
  cursor: pointer;
}

.writebutton {
  width: 115px;
  height: 55px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/write_btn.png');
  background-repeat: no-repeat;
  float: left;
  cursor: pointer;
}

#spelling_spaceholder {
  height: 80px;
}

#spelling_btns {
  margin-top: 20px;
}

#spelling_checkanswers {
  float: left;
  margin-right: 15px;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_checkbtn.png');
  cursor: pointer;
  display: none;
}

#spelling_retrybutton {
  float: left;
  margin-right: 15px;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_retrybtn.png');
  cursor: pointer;
  display: none;
}

#spelling_nextbutton {
  float: left;
  margin-right: 15px;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_nextbtn.png');
  cursor: pointer;
  display: none;
}

#spelling_question {
  margin-bottom: 20px;
}

#spelling_instructions {
  margin-bottom: 20px;
}

#spelling_audio {
  padding: 10px;
  display: inline-block;
  visibility: hidden;
}

#spelling_reveal {
  border: solid 3px red;
  padding: 6px;
  width: 200px;
  display: inline-block;
  position: absolute;
  visibility: hidden;
  bottom: 20px;
  right: 20px;
}

#spelling_reveal .label {
  text-align: center;
}

#spelling_reveal h1 {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 150%;
}

#spelling_audio .audio {
  float: none;
  min-height: 30px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  padding-left: 40px;
  cursor: pointer;
  margin-bottom: 12px;
  text-align: left;
}

#spelling_summary {
  display: none;
  position: relative;
  width: 600px;
  margin: 10px auto 20px auto;
  padding: 25px;
  border: thin solid #000;
  background-color: #fff;
}

#spelling_summary #summary_title {
  text-align: center;
  display: block;
}

#spelling_input {
  position: relative;
  clear: both;
}

#spelling_input .label {
  margin-bottom: 5px;
}

#spelling_input input {
  font-size: 150%;
  font-weight: bold;
  padding: 6px;
  letter-spacing: 2pt;
  width: 300px;
}

.typing_option,
.writing_option {
  display: none;
}

#spelling_canvas_area {
  position: relative;
  height: 100px;
  width: 300px;
  padding: 6px;
  background-color: #eeeeee;
  display: inline-block;
}

#spelling_canvas {
  background-color: white;
  margin: 0px 0px;
  width: 300px;
  position: absolute;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-top-color: #333333;
  border-bottom-color: #333333;
}

table.summary_results td.answer {
  padding-left: 20px;
}

table.summary_results td.answer_header {
  padding-left: 20px;
}

/*
*******************
* ABC ORDER
*******************
*/
div.drop_in_sentence {
  position: relative;
  width: 600px;
  min-height: 310px;
  margin: 10px auto 20px auto;
  padding: 25px;
  border: thin solid #000;
  background-color: #fff;
  -webkit-text-stroke: 0px #000;
}

div.ordering_elem,
div.ordering_elemtype {
  position: relative;
  -webkit-text-stroke: 0px #000;
  width: 550px;
  min-height: 310px;
  margin-left: 30px;
}

#intElemTitle7 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no07.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 198px;
  margin-left: auto;
  margin-right: auto;
}

.order_elem7 {
  width: 555px;
  min-height: 310px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#abc_order_directions,
#abc_order_feedback {
  visibility: hidden;
  position: absolute;
  z-index: 8000;
  top: 20px;
  left: 2px;
  cursor: pointer;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/directions_cover.png');
  background-repeat: repeat;
  width: 593px;
  height: 300px;
  text-align: center;
  border-top: thin solid #000;
  border-bottom: thin solid #000;
}

#correct_bee {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/07Feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 390px;
  top: 20px;
  width: 187px;
  height: 228px;
}

#incorrect_bee {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/07Feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 390px;
  top: 20px;
  width: 172px;
  height: 228px;
}

.cfb_speech,
.ifb_speech {
  position: absolute;
  width: 300px;
  background-color: #fff;
  border: thin solid #000;
  padding: 5px 20px;
  display: none;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.speech7 {
  top: 20px;
  right: 50px;
}

.directions_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}

#containment {
  padding: 20px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/07bg.png');
  background-repeat: no-repeat;
  background-position: center;
  border: thin solid #000;
}

.abc_ccdrag {
  width: 150px;
  background-color: #fff;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  border: thin #000 solid;
  padding: 7px 0px 7px 0px;
  margin: 5px 0px 10px 0px;
  z-index: 10;
  cursor: pointer;
  text-align: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.abc_ccdrop {
  width: 150px;
  background-color: #ddd;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  border: thin #000 solid;
  padding: 7px 0px 7px 0px;
  margin: 5px 0px 10px 0px;
  text-align: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#order_btns {
  position: absolute;
  bottom: 18px;
  right: -21px;
}

#order_spaceholder,
#spaceholder {
  height: 40px;
}

#checkanswers_elem {
  float: right;
  margin-left: 15px;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ordering_elem_checkbtn.png');
  cursor: pointer;
}

#abc_checkanswers {
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ordering_elem_checkbtn.png');
  cursor: pointer;
  margin-left: 15px;
  float: right;
}

#abc_order_reset {
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_retrybtn.png');
  cursor: pointer;
  margin-left: 15px;
  float: right;
}

#abc_order_helpbtn {
  width: 48px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/helpbtn.png');
  cursor: pointer;
  float: right;
}

.abc_ccdrop .abc_result,
.type_result_find .abc_result {
  position: absolute;
  right: 140px;
  width: 26px;
  height: 30px;
  opacity: 1;
  margin: 0px;
  float: left;
}

.type_result_find .abc_result {
  right: 225px;
}

.abc_ccdrop .correct,
.type_result_find .correct {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/checkmark.png');
  background-repeat: no-repeat;
}

.abc_ccdrop .incorrect,
.type_result_find .incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/fail.png');
  background-repeat: no-repeat;
}

td.abc_words {
  padding-top: 3px;
}

.abc_word {
  margin-bottom: 17px;
}

.type_result {
  margin-bottom: 15px;
  width: 200px;
}

.dd7_audio {
  z-index: 200;
  position: absolute;
  top: 4px;
  right: 8px;
  width: 30px;
  height: 30px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.dd7type_audio {
  z-index: 200;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-top: -4px;
  float: left;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

/*
*******************
* THE BUCKET GAME
*******************
*/
.dragdrop8_elem {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/dd8_background.png') !important;
  background-repeat: no-repeat;
  border: thin solid #000;
  background-position: top center !important;
  background-color: #f2b266 !important;
  position: relative;
  padding: 20px;
  width: 650px !important;
  margin-left: 20px !important;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle8 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no08.png');
  background-repeat: no-repeat;
  width: 600px;
  height: 283px;
  margin-left: auto;
  margin-right: auto;
}

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

.dd8_drag {
  position: relative;
  width: 140px;
  height: 20px;
  border: thin solid #000;
  background-color: #fff;
  display: inline-block;
  padding: 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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/correct_check_traced.png');
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 34px;
}

.dd8_result.incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/incorrect_x_traced.png');
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 34px;
}

.draggableTray {
  padding: 10px;
  background-color: #fd8;
  border: thin solid #864f17;
}

.bucketTable {
  margin-left: 6px;
  margin-top: 140px;
  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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ordering_elem_checkbtn.png');
  cursor: pointer;
}

#dd8_reset {
  float: right;
  margin-left: 15px;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_retrybtn.png');
  cursor: pointer;
}

.dd8_feedbackC,
.dd8_feedbackI {
  position: absolute;
  z-index: 8000;
  top: 150px;
  left: 0;
  cursor: pointer;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/directions_cover.png');
  background-repeat: repeat;
  width: 698px;
  height: 200px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  visibility: hidden;
}

#correct_crab {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/08Feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 400px;
  top: 40px;
  z-index: 100;
  width: 263px;
  height: 196px;
}

#incorrect_crab {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/08Feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 400px;
  top: 40px;
  z-index: 100;
  width: 265px;
  height: 168px;
}

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

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

/*
*******************
* TREASURE CHEST
*******************
*/
.dragdrop9_elem {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/09_bg.png') !important;
  background-position: top !important;
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  height: 520px;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle9 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no09.png');
  background-repeat: no-repeat;
  width: 309px;
  height: 161px;
  margin-left: auto;
  margin-right: auto;
}

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

.dd9_draggables img {
  border: 5px solid #fff;
}

.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 {
  display: inline-block;
  cursor: pointer;
  margin: 5px;
}

.dd9img_goal img {
  border: 5px solid #fff;
  cursor: pointer;
}

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

.dd9_instructions {
  padding-bottom: 5px;
  height: 70px;
  vertical-align: middle;
}

td.dd9_draggables {
  width: 560px;
}

.dd9_audio {
  z-index: 100;
  position: absolute;
  top: 125px;
  left: 6px;
  width: 30px;
  height: 30px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.dd9_feedbackC,
.dd9_feedbackI {
  text-align: center;
  background-color: #fff;
  width: 650px;
  padding: 20px;
  position: absolute;
  top: 150px;
  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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/correct_check_traced.png');
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 34px;
}

.dd9_result.incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/incorrect_x_traced.png');
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 34px;
}

#correct_pirate {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/09feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 430px;
  top: 107px;
  z-index: 10;
  width: 224px;
  height: 245px;
}

#incorrect_pirate {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/09feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 430px;
  top: 110px;
  z-index: 10;
  width: 212px;
  height: 244px;
}

.speech9 {
  top: 160px;
  right: 90px;
}

.floatingChestBG {
  width: 459px;
  height: 387px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/chest9_cropped.png');
  position: absolute;
  left: 110px;
  top: 70px;
}

/*
*******************
* SAVE THE BURGER
*******************
*/
div.burgergame_elem {
  position: relative;
  width: 650px;
  height: 450px;
  padding: 25px;
  margin: 10px auto;
  border: thin solid #000;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/burger0.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #f7f7ff;
  -webkit-text-stroke: 0px #000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle10 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no10.png');
  background-repeat: no-repeat;
  width: 430px;
  height: 246px;
  margin-left: auto;
  margin-right: auto;
}

.burgerPuzzle {
  margin-left: -25px;
  margin-top: -24px;
  width: 700px;
  border-bottom: 2px solid #aaa;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.burgergame_bigAudio {
  z-index: 100;
  width: 72px;
  height: 72px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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: 105px;
  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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_retrybtn.png');
  margin: 30px auto 0px auto;
  cursor: pointer;
}

.burger_next {
  width: 111px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_nextbtn.png');
  margin: 30px auto 0px auto;
  cursor: pointer;
}

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

/*
*******************
* SUE'S SHOES
*******************
*/
.dragdrop11_elem {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/011bg.png') !important;
  background-position: top !important;
  min-height: 400px;
  width: 660px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle11 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no11.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 249px;
  margin-left: auto;
  margin-right: auto;
}

.q11 {
  margin-left: 10px;
}

.dd11_target {
  background-color: #9acafa;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/011shoes.png');
  background-repeat: no-repeat;
  background-position: 0px 43px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 315px;
  margin-bottom: 20px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.redTarg {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/011shoes2.png') !important;
}

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

.dd11_drag {
  display: inline-block;
  cursor: pointer;
  margin: 5px 10px;
}

.dd11_drag img {
  border: 5px solid #fff;
}

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

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

.draggables11 {
  margin-bottom: 20px;
}

#dd11_checkanswers {
  float: right;
  margin-left: 15px;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ordering_elem_checkbtn.png');
  cursor: pointer;
}

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

#correct_sue {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/11feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 490px;
  top: 120px;
  z-index: 10;
  width: 184px;
  height: 250px;
}

#incorrect_sue {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/11feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 490px;
  top: 120px;
  z-index: 10;
  width: 174px;
  height: 250px;
}

.speech11 {
  top: 120px;
  right: 150px;
}

/*
*******************
* WISE ABOUT WORDS
*******************
*/
.dragdrop12_elem {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/012bg.png') !important;
  background-position: top !important;
  background-color: #000;
  min-height: 400px;
  width: 660px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle12 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no12.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 269px;
  margin-left: auto;
  margin-right: auto;
}

.dd12_target {
  background-color: #9acafa;
  text-align: center;
  width: 315px;
  margin: 0px auto 20px auto;
  padding-top: 15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

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

#correct_owl {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/12Feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 430px;
  top: 100px;
  z-index: 10;
  width: 254px;
  height: 205px;
}

#incorrect_owl {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/12Feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 430px;
  top: 130px;
  z-index: 10;
  width: 240px;
  height: 190px;
}

.speech12 {
  top: 140px;
  right: 90px;
}

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

/*
*******************
* 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;
}

#intElemTitle13 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no13.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 249px;
  margin-left: auto;
  margin-right: auto;
}

.cardgame13_elem {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/cardgame13_background.png') !important;
  background-position: top !important;
  background-repeat: repeat !important;
  padding: 20px !important;
  height: 410px !important;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.cardsbg {
  position: absolute;
  top: 70px;
  left: 44px;
  width: 256px;
  height: 384px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/cardgameCARD1.png');
  background-repeat: no-repeat;
}

.wholecard {
  width: 249px;
  height: 350px;
  background-color: #fff;
  float: left;
  position: relative;
  border: thin solid #000;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.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: 180px;
  position: relative;
  padding: 10px;
  margin-top: 10px;
  border: thin solid #000;
  background-color: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/correct_check_traced.png');
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 34px;
}

.cardmatch_result.incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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: 46px;
  width: 290px;
  height: 100px;
  padding: 10px;
  background-color: #fff;
  border: thin solid #000;
  z-index: 9;
  font-size: 16px;
}

#correct_cardfb {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/13feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 430px;
  top: 115px;
  z-index: 10;
  width: 153px;
  height: 219px;
}

#incorrect_cardfb {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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;
}

/*
*******************
* WORD BUILDER
*******************
*/
.dragdrop14_elem {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/014bg.png') !important;
  background-position: top !important;
  width: 650px;
  height: 546px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: -2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle14 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no14.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 249px;
  margin-left: auto;
  margin-right: auto;
}

.workBench {
  width: 690px;
  height: 566px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/014workshop.png');
  position: absolute;
  left: 0px;
  z-index: -1;
}

.workBenchPic img {
  margin-bottom: 10px;
  border: 5px solid #fff;
}

.dd14_table {
  margin-top: 25px;
}

.dd15_table {
  margin-top: 32px;
}

.dd14_highlight {
  position: relative;
  background-color: #bfdcff;
  padding: 10px 20px 35px 20px;
  -webkit-box-shadow: 2px 2px 2px #333;
  box-shadow: 2px 2px 2px #333;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.dd14_drop {
  position: relative;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-color: #feffe1;
  text-align: center;
  font-size: 30pt;
  padding: 5px;
  margin: 8px 5px;
  cursor: default;
  -webkit-box-shadow: 0px 0px 6px #333;
  box-shadow: 0px 0px 6px #333;
}

.frame14 {
  width: 30px;
  height: 30px;
  border: thin dashed #000;
  margin: 10px auto 0px auto;
}

.dd14_result {
  position: absolute;
  top: 98px;
  left: 30px;
  z-index: 200;
  visibility: hidden;
}

.dd14_result.correct {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/correct_check.png');
  background-position: top center;
  background-repeat: no-repeat;
  width: 26px;
  height: 30px;
}

.dd14_result.incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/incorrect_x.png');
  background-position: top center;
  background-repeat: no-repeat;
  width: 24px;
  height: 30px;
}

.dd14_drag {
  position: relative;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/draggable14.png');
  background-repeat: no-repeat;
  text-align: center;
  font-size: 30pt;
  padding: 5px;
  margin: 43px 5px 8px 5px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 6px #333;
  box-shadow: 0px 0px 6px #333;
}

.frame14audiobtn {
  width: 30px;
  height: 30px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  margin: 10px auto 0px auto;
}

#dd14_check {
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ordering_elem_checkbtn.png');
  cursor: pointer;
  margin: 0px auto;
}

#dd14_next {
  width: 111px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_nextbtn.png');
  cursor: pointer;
  margin: 0px auto;
  display: none;
}

#correct_builder {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/14feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 220px;
  top: 30px;
  z-index: 10;
  width: 241px;
  height: 226px;
}

#incorrect_builder {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/14feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 220px;
  top: 30px;
  z-index: 10;
  width: 247px;
  height: 219px;
}

.speech14 {
  top: 250px;
  right: 170px;
}

/*
*******************
* BALLOON POP
*******************
*/
.dartgame_containment {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/dartgame16_background.png') !important;
  background-position: bottom center !important;
  background-color: #86dff1;
  min-height: 550px !important;
  width: 668px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle16 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no16.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 249px;
  margin-left: auto;
  margin-right: auto;
}

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: 360px;
  left: 35px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/dart.png');
  background-repeat: no-repeat;
  width: 152px;
  height: 42px;
  cursor: pointer;
}

.dartClicked {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/dartClicked.png') !important;
  width: 152px !important;
  height: 106px !important;
  top: 320px !important;
}

.dartThrowHand {
  width: 106px;
  height: 92px;
  position: absolute;
  top: 340px;
  left: 35px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/dartThrowHand.png');
  visibility: hidden;
}

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

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

.balloonBang {
  position: absolute;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/bang.png');
  width: 110px;
  height: 110px;
  background-repeat: no-repeat;
  left: 0px;
  top: 0px;
  visibility: hidden;
}

.balloonBlue {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/balloon1.png') !important;
}

.balloonOrange {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/balloon2.png') !important;
}

.balloonCyan {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/balloon3.png') !important;
}

.balloonYellow {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/balloon4.png') !important;
}

.balloonRed {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/balloon5.png') !important;
}

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

.result16.correct {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/correct_check_traced.png');
  background-position: top center;
  background-repeat: no-repeat;
  width: 30px;
  height: 34px;
}

.result16.incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/incorrect_x_traced.png');
  background-position: top center;
  background-repeat: no-repeat;
  width: 28px;
  height: 34px;
}

#dartgame_retry {
  margin: 200px auto 10px auto;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_retrybtn.png');
  cursor: pointer;
}

.dartgame_Audio {
  z-index: 100;
  position: absolute;
  top: 10px;
  left: 43px;
  width: 30px;
  height: 30px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

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

.dartDirections {
  margin-left: -20px;
  margin-top: -10px;
  width: 708px;
  min-height: 125px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/directions_cover.png');
  background-repeat: repeat;
  border-bottom: 2px solid #aaa;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/*
*******************
* DETECTIVE DINO & PHONICS FUN
*******************
*/
.type19_elem {
  position: relative;
  width: 600px;
  margin: 10px auto;
  padding: 25px;
  border: thin solid #000;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/019bg.png');
  background-repeat: no-repeat;
  -webkit-text-stroke: 0px #000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle19 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no19.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 197px;
  margin-left: auto;
  margin-right: auto;
}

.type20_elem {
  position: relative;
  width: 600px;
  margin: 10px auto;
  padding: 25px;
  border: thin solid #000;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/020bg.png');
  background-repeat: repeat;
  background-color: #fdd79f;
  -webkit-text-stroke: 0px #000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle20 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no20.png');
  background-repeat: no-repeat;
  width: 283px;
  height: 177px;
  margin-left: auto;
  margin-right: auto;
}

.type19_table {
  width: 600px;
}

.type19_sample {
  padding: 10px;
  margin: -25px -25px 10px -25px;
  background-color: #fff;
  border-bottom: thin solid #555;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.type19_image img {
  border: 5px solid #fff;
  -webkit-box-shadow: 2px 2px 6px #444;
  box-shadow: 2px 2px 6px #444;
}

.type19_feedbackC,
.type19_feedbackI {
  text-align: center;
  background-color: #fff;
  border-top: thin solid #000;
  border-bottom: thin solid #000;
  width: 610px;
  padding: 20px;
  position: absolute;
  top: 150px;
  left: 0px;
  z-index: 1000;
  cursor: pointer;
  visibility: hidden;
}

#type19_next {
  width: 111px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_nextbtn.png');
  margin: 20px auto 10px auto;
  cursor: pointer;
  display: none;
}

#type19_check {
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ordering_elem_checkbtn.png');
  cursor: pointer;
  margin: 20px auto 10px auto;
}

.type19_table .studentGuess {
  height: 20px;
  width: 36px;
  font-size: 20px;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

.type19_highlight {
  width: 520px;
  background-color: #b6e6f6;
  padding: 10px;
  -webkit-box-shadow: 2px 2px 2px #444;
  box-shadow: 2px 2px 2px #444;
  position: relative;
  border: thin solid #444;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.type19_choices span,
.type20_choices span {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14pt;
  background-color: #fff;
  padding: 5px 10px;
  border: thin solid #555;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}

.type19_bigAudio {
  z-index: 100;
  width: 72px;
  height: 72px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button.png');
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  margin-top: -4px;
  margin-right: 5px;
}

.result19 {
  z-index: 99;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 7px;
  right: 7px;
}

.result19.correct {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/correct_check.png');
  width: 26px;
  height: 30px;
}

.result19.incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/incorrect_x.png');
  width: 24px;
  height: 30px;
}

.type20_highlight {
  width: 290px;
  background-color: #fffcbb;
  padding: 10px;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.type20_highlight .studentGuess {
  width: 24px;
  text-align: center;
}

.type20_audio {
  position: relative;
  bottom: -9px;
  z-index: 100;
  width: 30px;
  height: 30px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
}

#correct_dino {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/19feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 210px;
  top: 20px;
  z-index: 10;
  width: 250px;
  height: 250px;
}

#incorrect_dino {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/19feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 210px;
  top: 20px;
  z-index: 10;
  width: 250px;
  height: 250px;
}

.speech19 {
  top: 270px;
  right: 155px;
}

#correct_boy20 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/20feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 370px;
  top: 45px;
  z-index: 10;
  display: none;
  width: 264px;
  height: 219px;
}

#incorrect_girl20 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/20feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 370px;
  top: 80px;
  z-index: 10;
  display: none;
  width: 259px;
  height: 192px;
}

.speech20 {
  top: 120px;
  right: 30px;
}

/*
*******************
* PICTURE PERFECT
*******************
*/
.puzzlegame_elem {
  position: relative;
  width: 650px;
  height: 600px;
  padding: 25px;
  margin: 10px auto;
  border: thin solid #000;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/021bg.png');
  background-position: 0px 80px;
  -webkit-text-stroke: 0px #000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle21 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no21.png');
  background-repeat: no-repeat;
  width: 309px;
  height: 249px;
  margin-left: auto;
  margin-right: auto;
}

.puzzleDirections {
  margin: -25px -15px 10px -25px;
  padding: 10px;
  text-align: left;
  border-bottom: thin solid #000;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/directions_cover.png');
  background-repeat: repeat;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.letterGrid21 {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  text-align: center;
  padding-top: 10px;
  background-color: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-box-shadow: inset 0px 0px 6px #888;
  box-shadow: inset 0px 0px 6px #888;
}

.problemPuzzle {
  width: 660px;
  display: none;
}

.puzzleEntry21 {
  display: none;
}

.puzzle21 {
  width: 660px;
  text-align: center;
  position: absolute;
  bottom: 180px;
  left: 0px;
  padding: 20px;
  background-color: white;
  -webkit-box-shadow: inset 0px 0px 6px #888;
  box-shadow: inset 0px 0px 6px #888;
}

.puzzlePic {
  position: absolute;
  top: 105px;
  left: 255px;
}

.puzzleCover {
  position: absolute;
  background-color: #8080ff;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
  display: block;
}

.puzzle_feedbackC,
.puzzle_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;
}

.guessTracker21 {
  font-size: 16pt;
  width: 240px;
  background-color: #fffcbb;
  padding: 10px;
  border: thin solid #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
  text-align: center;
  position: absolute;
  bottom: 123px;
  left: 215px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.puzzle_reset {
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_retrybtn.png');
  margin: 30px auto 0px auto;
  cursor: pointer;
}

.puzzle_next {
  width: 111px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_nextbtn.png');
  margin: 30px auto 0px auto;
  cursor: pointer;
}

.puzzle_bigAudio {
  z-index: 100;
  width: 72px;
  height: 72px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button.png');
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  margin-top: -4px;
  margin-right: 10px;
}

/*
*******************
* WORD BLENDER & MONKEY BUSINESS
*******************
*/
.type22_elem {
  position: relative;
  width: 600px;
  height: 400px;
  margin: 10px auto;
  padding: 25px;
  border: thin solid #000;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/022bg2.png');
  background-repeat: no-repeat;
  -webkit-text-stroke: 0px #000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle22 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no22.png');
  background-repeat: no-repeat;
  width: 309px;
  height: 183px;
  margin-left: auto;
  margin-right: auto;
}

#intElemTitle23 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no23.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 210px;
  margin-left: auto;
  margin-right: auto;
}

.type22_darken {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/022bg2_darker.png') !important;
}

.type22_table {
  width: 600px;
  display: none;
}

.type22_table img {
  border: 5px solid #888;
  -webkit-box-shadow: 2px 2px 6px #444;
  box-shadow: 2px 2px 6px #444;
}

.type22_table td.samplecell {
  padding-right: 30px;
}

.type22_table td.samplecell h1 {
  font-size: 40pt;
  margin: 0px;
}

.type22_table td.wordlist {
  padding: 10px;
  width: 100%;
  font-size: 20pt;
}

.samplecombo,
.samplecombo23 {
  position: relative;
}

.words22 {
  position: absolute;
  top: 45px;
  right: 53px;
}

.farLeft {
  text-align: right;
}

.words22 td {
  padding-bottom: 10px;
  padding-top: 10px;
}

.type22_table .studentGuess {
  height: 28px;
  width: 48px;
  font-size: 28px;
  text-align: center;
}

.type22_reset {
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_retrybtn.png');
  margin: 30px auto 0px auto;
  cursor: pointer;
}

#type22_next {
  width: 111px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_nextbtn.png');
  margin: 20px auto 10px auto;
  cursor: pointer;
  display: none;
  position: absolute;
  bottom: 20px;
  left: 280px;
}

#type22_check {
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_checkbtn.png');
  cursor: pointer;
  margin: 20px auto 10px auto;
  position: absolute;
  bottom: 20px;
  left: 280px;
}

.result22 {
  z-index: 99;
}

.result22.correct {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/correct_check_traced.png');
  background-position: top center;
  background-repeat: no-repeat;
  width: 30px;
  height: 34px;
}

.result22.incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/incorrect_x_traced.png');
  background-position: top center;
  background-repeat: no-repeat;
  width: 28px;
  height: 34px;
}

.type22_feedbackC,
.type22_feedbackI,
#tooManyAnswersFB,
#noAnswersFB {
  background-color: #fff;
  width: 600px;
  height: 125px;
  padding: 25px;
  position: absolute;
  top: 40px;
  left: 0px;
  border-top: thin solid #000;
  border-bottom: thin solid #000;
  z-index: 1000;
  cursor: pointer;
  visibility: hidden;
  text-align: center;
}

#tooManyAnswersFB,
#noAnswersFB {
  text-align: center;
}

.type22_audio {
  z-index: 100;
  width: 30px;
  height: 30px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.type22_bigaudio {
  width: 72px;
  height: 72px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button.png');
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  bottom: -18px;
  position: relative;
}

.bg23 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/023bg.png') !important;
}

.type23_audio {
  width: 30px;
  height: 30px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/audio_button_s.png');
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  bottom: -5px;
  position: relative;
}

.type22_table td.samplecell h1.samplecombo23 {
  font-size: 20pt;
}

.scell23 {
  background-color: #fff;
  -webkit-box-shadow: inset 0px 0px 8px #444;
  box-shadow: inset 0px 0px 8px #444;
  padding: 10px;
  font-size: 20pt;
}

.type23_btns {
  position: absolute;
  bottom: 20px;
  left: 260px;
}

.monkey1 {
  width: 100px;
  height: 104px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/monkey_left.png');
  background-repeat: no-repeat;
  position: absolute;
  bottom: 70px;
  left: 260px;
}

table.combolist {
  background-color: #f0fec2;
  border: 2px solid #d6d08d;
  padding: 10px;
  width: 200px;
  text-align: center;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

table.words23 {
  background-color: #f0fec2;
  border: 2px solid #d6d08d;
  padding: 10px;
  width: 350px;
  text-align: center;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

table.combolist td {
  padding-bottom: 7px;
  padding-top: 7px;
}

table.words23 td {
  padding-bottom: 7px;
  padding-top: 7px;
}

.speech22 {
  top: 260px;
  right: 155px;
}

#correct_cook {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/22feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 220px;
  top: 10px;
  z-index: 10;
  width: 250px;
  height: 250px;
}

#incorrect_cook {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/22feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 220px;
  top: 10px;
  z-index: 10;
  width: 250px;
  height: 250px;
}

.goat_happy,
.goat_unhappy {
  float: left;
  display: none;
  margin-right: 20px;
}

.speech23 {
  top: 120px;
  right: 50px;
}

#correct_monkey {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/23feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 390px;
  top: 75px;
  z-index: 10;
  width: 200px;
  height: 191px;
}

#incorrect_monkey {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/23feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 390px;
  top: 110px;
  z-index: 10;
  width: 208px;
  height: 187px;
}

/*
*******************
* BARNYARD BUDDY
*******************
*/
.noun_containment {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/noun_24b_background.png') !important;
  background-position: bottom !important;
  background-color: #cfebff;
  min-height: 500px !important;
  width: 660px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

#intElemTitle24 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no24.png');
  background-repeat: no-repeat;
  width: 435px;
  height: 249px;
  margin-left: auto;
  margin-right: auto;
}

table.noun_identification {
  background-color: transparent;
  width: 100%;
}

table.noun_identification td {
  width: 50%;
}

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

table.noun_identification thead td {
  color: #000;
  -webkit-text-stroke: #000 1px;
  padding: 0px 10px 4px 10px;
  font-size: 120%;
}

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: 100%;
  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;
}

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

table.noun_identification .correct {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/checkmark.png');
  background-repeat: no-repeat;
}

table.noun_identification .incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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: 50px;
  cursor: pointer;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/directions_cover.png');
  background-repeat: repeat;
  width: 700px;
  height: 240px;
  text-align: center;
  border-bottom: thin solid #000;
  border-top: thin solid #000;
}

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

#noun_spaceholder {
  height: 30px;
}

#noun_checkanswers {
  float: right;
  margin-left: 15px;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ordering_elem_checkbtn.png');
  cursor: pointer;
}

#noun_reset {
  float: right;
  margin-left: 15px;
  width: 110px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_retrybtn.png');
  cursor: pointer;
}

#noun_helpbtn {
  float: right;
  margin-left: 15px;
  width: 48px;
  height: 47px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/helpbtn.png');
  cursor: pointer;
}

#correct_chicken {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/24feedback1.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 430px;
  top: 30px;
  width: 203px;
  height: 198px;
}

#incorrect_chicken {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/24feedback2.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 430px;
  top: 30px;
  width: 203px;
  height: 174px;
}

.speech24 {
  top: 30px;
  right: 90px;
}

/*
*******************
* FLASHCARDS
*******************
*/
.flashcards_elem {
  width: 615px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/25bg.png');
  background-repeat: repeat;
  position: relative;
  padding: 30px 20px 20px 20px;
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

/* Fadeout Animation */
@-webkit-keyframes flashcard_fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes flashcard_fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.flashcards_elem .flashcard_fadeOutUp {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flashcard_fadeOutUp;
  animation-name: flashcard_fadeOutUp;
}

#intElemTitle25 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/title_no25.png');
  background-repeat: no-repeat;
  width: 412px;
  height: 221px;
  margin-left: auto;
  margin-right: auto;
}

.f1_container {
  position: relative;
  margin: 10px auto;
  width: 225px;
  height: 300px;
  z-index: 1;
  cursor: pointer;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.f1_fake {
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/directions_cover2.png');
  background-repeat: repeat;
  width: 225px;
  height: 300px;
  border: thin solid #000;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/elem_retrybtn.png');
  cursor: pointer;
  visibility: hidden;
}

.fc_table {
  height: 280px;
}

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

.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;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

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

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

.face.front {
  padding: 0px 10px 0px 10px;
  text-align: center;
  background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(
    center,
    ellipse cover,
    #ffffff 0%,
    #ffffff 74%,
    #d7e4ed 100%
  ); /* Opera 12+ */ /* IE10+ */
  background: -o-radial-gradient(
    center,
    ellipse,
    #ffffff 0%,
    #ffffff 74%,
    #d7e4ed 100%
  );
  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 */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(
    center,
    ellipse cover,
    #fffcea 0%,
    #fffcea 76%,
    #ede5aa 100%
  ); /* Opera 12+ */ /* IE10+ */
  background: -o-radial-gradient(
    center,
    ellipse,
    #fffcea 0%,
    #fffcea 76%,
    #ede5aa 100%
  );
  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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/25_nextbtn.png');
  background-repeat: no-repeat;
  margin: 0px 5px;
  cursor: pointer;
  float: left;
}

.fc_prevbtn {
  width: 145px;
  height: 68px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/25_backbtn.png');
  background-repeat: no-repeat;
  margin: 0px 5px;
  cursor: pointer;
  float: left;
}

.fc_removebtn {
  width: 145px;
  height: 68px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/25_removebtn.png');
  background-repeat: no-repeat;
  margin: 0px 5px;
  cursor: pointer;
  float: left;
}

/*
*******************
* WORD ID
*******************
*/
.wordID_elem {
  position: relative;
  width: 600px;
  height: 400px;
  margin: 10px auto;
  padding: 25px;
  border: thin solid #000;
  background-color: #ccf;
  -webkit-text-stroke: 0px #000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.sentence_entry {
  display: none;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: inset 0px 0px 8px #333;
  box-shadow: inset 0px 0px 8px #333;
  border: thin solid #555;
  font-size: 24px;
  line-height: 40px;
}

.sentence_entry span {
  cursor: pointer;
}

.sentence_directions {
  display: none;
  text-align: center;
  background-color: #ffc;
  padding: 20px;
  font-size: 18px;
  margin-bottom: 20px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.yellowed_answer {
  background-color: yellow;
}

.greened_answer {
  background-color: #0f0 !important;
}

.sentence_answer {
  display: none;
}

.wordID_feedback {
  text-align: center;
  background-color: #fff;
  width: 610px;
  padding: 20px;
  position: absolute;
  bottom: 15px;
  left: 0px;
  visibility: hidden;
  z-index: 1000;
  cursor: pointer;
  border-top: thin solid #000;
  border-bottom: thin solid #000;
}

/*
*******************
* STORYBOOK
*******************
*/
.bookPage {
  width: 650px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: none;
}

.coverClick {
  position: absolute;
  top: 13px;
  left: 190px;
  width: 260px;
  height: 360px;
  cursor: pointer;
}

.backClick {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 175px;
  height: 350px;
  cursor: pointer;
}

.nextClick {
  position: absolute;
  top: 20px;
  right: 0px;
  width: 175px;
  height: 350px;
  cursor: pointer;
}

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

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

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

#transcriptBtn {
  display: block;
  margin: 0 auto;
  margin-top: -1px;
  margin-bottom: 20px;
  border: none;
  background-color: transparent;
}

/*
*******************
* TRANSCRIPTS
*******************
*/
#transcriptArea,
#transcriptArea2,
#transcriptArea3,
#transcriptArea4,
#transcriptArea5,
.transcriptArea {
  display: none;
  height: 100px;
  width: 632px;
  -webkit-box-shadow: inset 0 0 10px rgba(153, 153, 153, 1);
  box-shadow: inset 0 0 10px rgba(153, 153, 153, 1);
  margin: 0px auto;
  padding: 0px 10px 0px 10px;
  overflow: auto;
  font-size: 10pt;
}

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

.transcriptButton {
  background: transparent;
  border: none;
  position: absolute;
  left: 0;
  right: 0;
}

.transcriptButton:focus {
  outline: none;
}

#transcriptBtn,
#transcriptBtn2,
#transcriptBtn3,
#transcriptBtn4,
#transcriptBtn5,
.transcriptButton {
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/transcript_btn.png');
  background-position: top center;
  background-repeat: no-repeat;
  width: 138px;
  height: 17px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 9pt;
  text-align: center;
}

div.pdfScript {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  margin-top: 10px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/pdf-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  height: 32px;
  width: 32px;
  cursor: pointer;
}

/*
*******************
* EXAMPLE TEXT
*******************
*/
.whExcerpt {
  background-color: #ffffd2;
  border: medium solid #efefc2;
  padding: 10px 25px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.whExcerpt img {
  -webkit-box-shadow: 4px 4px 5px #999;
  box-shadow: 4px 4px 5px #999;
}

/*
*******************
* 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;
  -webkit-box-shadow: 3px 3px 6px #888;
  box-shadow: 3px 3px 6px #888;
  background: #ffe850
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/tip.png')
    no-repeat 215px 10px;
}

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

div.tip p {
  margin: 0;
}

/*
*******************
* REVEAL ANSWER
*******************
*/
div.conclusion {
  background-color: #f1f1f1;
  padding: 15px 40px;
  margin: 20px 0;
  position: relative;
  z-index: 5;
}

.conclusion div.question {
  width: 46%;
  float: left;
}

.conclusion div.reveal {
  position: absolute;
  left: 65%;
  top: 70px;
  margin-left: -80px;
  width: 189px;
  height: 60px;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_showme_icon.png')
    no-repeat;
  cursor: pointer;
  z-index: 1000;
}

.conclusion div.reveal:hover {
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_showme_icon_roll.png')
    no-repeat;
}

div.answerBtn {
  position: absolute;
  left: 65%;
  top: 29px;
  margin-left: -80px;
  width: 204px;
  height: 106px;
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/answer_button.png')
    no-repeat;
  cursor: pointer;
  z-index: 1000;
}

div.answerBtn:hover {
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/answer_button_roll.png')
    no-repeat;
}

.conclusion div.answer {
  width: 46%;
  margin-left: 25px;
  float: left;
  background-position: center;
  visibility: visible;
  opacity: 0.01;
}

img.miniShowMe {
  cursor: pointer;
  margin-left: 10px;
  position: relative;
  top: 9px;
}

div.movieAnswerBtn {
  width: 189px;
  height: 60px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_answer.png')
    no-repeat;
  cursor: pointer;
}

div.movieAnswerBtn:hover {
  background: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_answer_roll.png')
    no-repeat;
}

div.movieAnswer {
  visibility: visible;
  opacity: 0.01;
}

/*
*******************
* SLIDESHOW
*******************
*/
div.practicePage {
  width: 370px;
  padding: 15px;
  margin-left: 3px;
  float: left;
  display: none;
}

div.current {
  display: block;
}

/*
*******************
* MULTIPLE-CHOICE, DRAG-N-DROP, & 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;
  -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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_check.png');
  cursor: pointer;
}

.failList {
  list-style-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/fail.png') !important;
  color: #b31212 !important;
}

.correctList {
  list-style-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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 {
  -webkit-box-shadow: inset 0px 0px 8px #c6c67f;
  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;
  -webkit-box-shadow: 3px 3px 6px #888;
  box-shadow: 3px 3px 6px #888;
  position: relative;
  margin: 0 auto;
  padding: 15px;
  background: #f0ffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #eaffff 0%,
    #b9dbff 100%
  ); /* Opera 11.10+ */ /* IE10+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#eaffff),
    to(#b9dbff)
  );
  background: -o-linear-gradient(top, #eaffff 0%, #b9dbff 100%);
  background: linear-gradient(to bottom, #eaffff 0%, #b9dbff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaffff', endColorstr='#b9dbff',GradientType=0 ); /* IE6-9 */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.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;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: inset 0px 0px 5px #ccc;
  box-shadow: inset 0px 0px 5px #ccc;
  border: thin solid #ccc;
}

div.multiple_choice div.next {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_next2.png');
  background-repeat: no-repeat;
  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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_next2.png');
  background-repeat: no-repeat;
  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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_review.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

div.multiple_choice div.responsesMA ol li.selected {
  color: #d60;
  list-style-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/selected.png');
}

div.drag_drop div.check {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_check.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

div.multiple_choice div.correct {
  width: 26px;
  height: 30px;
  position: absolute;
  left: -7px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/checkmark.png');
}

div.multiple_choice div.incorrect {
  width: 24px;
  height: 30px;
  position: absolute;
  left: -7px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/fail.png');
}

div.drag_drop div.correct {
  width: 26px;
  height: 30px;
  position: absolute;
  left: 205px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_checkmark.png');
}

div.flash_cards div.incorrect {
  left: 370px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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;
}

/* IE6 */

* html .group {
  zoom: 1;
}

/* IE7 */

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

/*
*******************
* TIMER
*******************
*/
#timer {
  width: 250px;
  height: 128px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/timer_display.png');
  float: right;
}

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

#timerMsgs {
  font-size: 14px;
  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;
}

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

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 {
  width: 450px;
  margin: 20px auto;
}

div.videoonly > iframe {
  width: 100%;
}

/*
*******************
* TABSET
*******************
*/
.tabgroup {
  width: 630px;
  position: relative;
  top: 1px;
  cursor: pointer;
}

.tablook {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/tabdown.png');
  background-repeat: no-repeat;
  height: 41px;
  width: 126px;
  float: left;
}

.tablook p {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #a40;
  margin: 8px 2px 0px 3px;
}

.tabpage {
  border: 1px #000 solid;
  padding: 10px;
  clear: both;
  display: none;
}

.tab_page {
  border: 1px #000 solid;
  padding: 10px;
  clear: both;
}

div.tabpage div.conclusion,
div.tab_page div.conclusion {
  margin-left: -10px;
  margin-right: -10px;
}

div.tabpage div.question,
div.tab_page div.question {
  width: 47%;
}

div.tabpage div.answer,
div.tab_page div.answer {
  width: 47%;
}

/*
*******************
* 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;
  -webkit-box-shadow: 3px 3px 6px #888;
  box-shadow: 3px 3px 6px #888;
  background-color: #ffa;
}

.ccdrag {
  width: 250px;
  height: 33px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ordering_drag.png');
  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;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.ccdrop {
  width: 250px;
  opacity: 0.6;
  height: 33px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/ordering_target.png');
  border: thin #000 solid;
  padding: 7px 0px 0px 0px;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

#checkanswers {
  float: right;
  margin-left: 15px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/checkbtn.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

#order_reset {
  float: right;
  margin-left: 15px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/retrybtn.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

#containment .counter {
  width: 350px;
}

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

.ccdrop .correct {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/checkmark.png');
  background-repeat: no-repeat;
}

.ccdrop .incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/fail.png');
  background-repeat: no-repeat;
}

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

.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, -webkit-transform 500ms;
  -o-transition: opacity 500ms, transform 500ms;
  transition: opacity 500ms, transform 500ms;
  transition: opacity 500ms, transform 500ms, -webkit-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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/highlight_step1.png');
  background-repeat: no-repeat;
}

div.springTableContainer div.row2 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/highlight_step2.png');
  background-repeat: no-repeat;
}

div.springTableContainer div.row3 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/highlight_step3.png');
  background-repeat: no-repeat;
}

div.springTableContainer div.row4 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/highlight_step4.png');
  background-repeat: no-repeat;
}

div.springTableContainer div.row5 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/highlight_step5.png');
  background-repeat: no-repeat;
}

div.springTableContainer div.row6 {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/highlight_step6.png');
  background-repeat: no-repeat;
}

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

div.springTableContainer:hover div.rowFocus {
  opacity: 0.3;
  transition: opacity 500ms, -webkit-transform 500ms;
  -o-transition: opacity 500ms, transform 500ms;
  transition: opacity 500ms, transform 500ms;
  transition: opacity 500ms, transform 500ms, -webkit-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, -webkit-transform 500ms;
  -o-transition: opacity 500ms, transform 500ms;
  transition: opacity 500ms, transform 500ms;
  transition: opacity 500ms, transform 500ms, -webkit-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
*******************
*/
div.mismatch_game {
  width: 600px;
  margin: 30px auto 20px auto;
  position: relative;
  background-color: #effefe;
  padding: 5px;
  text-align: center;
  -webkit-box-shadow: inset 0px 0px 8px #ccc;
  box-shadow: inset 0px 0px 8px #ccc;
  border: thin solid #ccc;
  background: #feffdd; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #feffdd 2%,
    #ddf9ac 63%,
    #e5ed8b 67%,
    #e2ff9b 100%
  ); /* Opera 11.10+ */ /* IE10+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(2%, #feffdd),
    color-stop(63%, #ddf9ac),
    color-stop(67%, #e5ed8b),
    to(#e2ff9b)
  );
  background: linear-gradient(
    to bottom,
    #feffdd 2%,
    #ddf9ac 63%,
    #e5ed8b 67%,
    #e2ff9b 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffdd', endColorstr='#e2ff9b',GradientType=0 ); /* IE6-9 */
  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;
}

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

.mmChoice {
  width: 175px;
  margin: 4px;
  padding: 4px;
  min-height: 30px;
  background-color: #fff;
  border: 2px solid #ccc;
  text-align: center;
  display: inline-block;
  font-size: 100%;
  vertical-align: top;
  cursor: pointer;
  transition: border 0.5s;
  -moz-transition: border 0.5s; /* Firefox 4 */
  -webkit-transition: border 0.5s; /* Safari and Chrome */
  -o-transition: border 0.5s; /* Opera */
}

.mmChoice:hover {
  border: 2px solid #fe6;
}

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

#mmTitle {
  width: 200px;
  height: 20px;
  background-color: #fff;
  border: thin solid #ccc;
  margin: -20px auto 5px auto;
  padding: 5px;
  font-size: 120%;
  color: #898;
}

.mmDirections {
  font-size: 105%;
}

.mmFeedback {
  -webkit-box-shadow: inset 0px 0px 8px #b2cf6b;
  box-shadow: inset 0px 0px 8px #b2cf6b;
  border: thin solid #ccc;
  width: 500px;
  margin: 10px;
  height: 110px;
  overflow: auto;
  background-color: #d2ef8b;
  display: none;
}

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

.mmNext {
  display: none;
  position: absolute;
  right: 15px;
  bottom: 25px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/mm_nextbtn.png');
  width: 60px;
  height: 30px;
  cursor: pointer;
  transition: background-image 0.5s;
  -moz-transition: background-image 0.5s; /* Firefox 4 */
  -webkit-transition: background-image 0.5s; /* Safari and Chrome */
  -o-transition: background-image 0.5s; /* Opera */
}

.mmNext:hover {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/mm_nextbtn_roll.png');
}

.mmRetry {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/mm_retrybtn.png');
  width: 60px;
  height: 30px;
  margin: 10px auto;
  display: none;
  cursor: pointer;
  transition: background-image 0.5s;
  -moz-transition: background-image 0.5s; /* Firefox 4 */
  -webkit-transition: background-image 0.5s; /* Safari and Chrome */
  -o-transition: background-image 0.5s; /* Opera */
}

.mmRetry:hover {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/mm_retrybtn_roll.png');
}

/*
*******************
* MATCHING V2
*******************
*/
#matchingV2 {
  position: relative;
  width: 660px;
  margin: 0 auto;
  padding: 10px 10px 18px 10px;
  /*differentfromSecondary*/
  -webkit-box-shadow: 3px 3px 6px #888;
  box-shadow: 3px 3px 6px #888;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/bluestripe_bg.png');
  border: thin solid #789ac1;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

#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;
  background: #fff
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/connector.png')
    right 7px center no-repeat;
  left: 10px;
  cursor: pointer;
  min-height: 24px;
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
}

#matchingV2 .matchAnswers .answer {
  padding: 10px 10px 10px 35px;
  background: #fff
    url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/connector.png')
    no-repeat 7px center;
  right: 10px;
  cursor: default;
  min-height: 24px;
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
}

#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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/match_check.png') !important;
}

.matchIncorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/match_x.png') !important;
}

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

#matchingV2 #column_override {
  display: none;
}

#matchDir,
#matchCheck,
#matchReset {
  padding: 10px;
  position: absolute;
  bottom: 10px;
  background-color: #09c;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -webkit-text-stroke: 0px;
}
/* the following three lines different from Secondary */
#matchDir {
  left: 87px;
  width: 120px;
  cursor: pointer;
}

#matchReset {
  left: 447px;
  width: 120px;
  cursor: pointer;
  z-index: 300;
}

#matchCheck {
  left: 237px;
  width: 180px;
  opacity: 0.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 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;
  -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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/matching_draggable.png');
  z-index: 10;
  cursor: pointer;
}

.mtstart {
  position: absolute;
  width: 64px;
  height: 63px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/matching_base.png');
  z-index: 0;
}

.mtdrop {
  width: 64px;
  height: 63px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/matching_target.png') !important;
}

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

td.mtfield {
  width: 279px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/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('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/checkbtn.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

#match_reset {
  float: right;
  margin-left: 15px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/retrybtn.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

#mtcontainment .counter {
  width: 350px;
}

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

.mtTextLeft {
  margin-right: 75px;
}

.mtTextRight {
  margin-left: 75px;
}

.mtdrop .correct {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/checkmark.png');
  background-repeat: no-repeat;
}

.mtdrop .incorrect {
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/fail.png');
  background-repeat: no-repeat;
}

div.matching div.next {
  float: right;
  margin-left: 15px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_next2.png');
  background-repeat: no-repeat;
  cursor: pointer;
  visibility: hidden;
}

/*
*******************
* 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;
}

/*
*******************
* FILL IN THE BLANK
*******************
*/
div.fillintheblank {
  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;
  -webkit-box-shadow: 3px 3px 6px #888;
  box-shadow: 3px 3px 6px #888;
  background-color: #b9daf0;
}

div.fillintheblank div.question {
  display: none;
}

div.fillintheblank div.question:first-child {
  display: block;
}

div.fillintheblank h2 {
  margin-top: 0;
  font-size: 110%;
}

div.fillintheblank div.responses div.lookup {
  width: 85px;
  height: 32px;
  float: right;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/lookup_btn.png');
  background-repeat: no-repeat;
  margin-top: -10px;
  cursor: pointer;
}

div.fillintheblank div.responses ol li {
  list-style-type: upper-alpha;
  margin: 0;
  padding: 10px 0 10px 30px;
  border-bottom: 1px solid #999999;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  color: #015790;
}

div.fillintheblank div.responses ol li span {
  cursor: pointer;
}

div.fillintheblank div.next {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_next2.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

div.fillintheblank div.review {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_review.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

div.fillintheblank div.definitions {
  display: none;
}

div.fillintheblank div.answer {
  visibility: visible;
  opacity: 0.01;
}

div.fillintheblank div.correct {
  width: 26px;
  height: 30px;
  position: absolute;
  left: -7px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/checkmark.png');
}

div.fillintheblank div.incorrect {
  width: 24px;
  height: 30px;
  position: absolute;
  left: -7px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/fail.png');
}

/*
*******************
* FREE RESPONSE QUESTIONS
*******************
*/
.pdfScript {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
}

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

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

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

div.basic_FRQ div.textfields {
  float: none;
  padding-bottom: 60px;
}

.scrollable_FRQ div.textbox_FRQ {
  min-width: 300px;
  height: 450px;
  padding: 10px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  border: thin solid #ccc;
}

div.textfields div.question {
  display: none;
}

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

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

div.textfields div.next {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_next2.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

div.basic_FRQ div.textfields div.next {
  right: 35px;
}

div.textfields div.review {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 91px;
  height: 39px;
  background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/Images/Production/templates/Elementary/btn_review.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

div.basic_FRQ div.textfields div.review {
  right: 30px;
}

div.textfields div.response textarea {
  width: 410px;
  height: 100px;
  padding: 5px;
  border: 1px solid grey;
  background-color: #f1f6f9;
  font: 16px arial, sans-serif;
  resize: none;
}

div.textfields table.answer-table {
  border-collapse: collapse;
}

div.textfields table.answer-table th {
  text-align: left;
  font-size: 22px;
  vertical-align: bottom;
  border-bottom: 1px solid #999999;
  padding: 6px 5px;
}

div.textfields table.answer-table td {
  padding: 6px 5px;
  vertical-align: top;
  border-bottom: 1px solid #999999;
}

/*
*******************
* CARDINAL DIRECTIONS
*******************
*/
.cardinal-directions {
  width: 100%;
  max-width: 450px;
  font-size: 1rem;
}

.cardinal-directions button {
  width: 90px;
  height: 60px;
}

.cardinal-directions button i {
  font-size: 1.2rem;
}

@media all and (max-width: 575px) {
  .cardinal-directions button {
    font-size: 0.8rem;
    width: 90px;
    height: 65px;
  }
  .cardinal-directions button i {
    font-size: 1.2em;
  }
}

/*
*******************
* FLEXBOX GRID SYSTEM (LEGACY)
! DO NOT EDIT
? This has been modified to work with the new responsive grid system
? .col-xs-* is the same as .col-*
*******************
*/
.row,
.elm-row /* fix for older elementary styles */ {
  -webkit-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;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

.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: 768px) {
  /* .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;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .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: 992px) {
  /* .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;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .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: 1200px) {
  /* .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;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .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;
  }
}

/* Edits Bootstrap columns to be border-box sizing to match legacy grid system */
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}