/**
 * Pearson TN8 icons
 */
@font-face {
  font-family: "pearson_tn8_iconsregular";
  src: url("images/font/pearsoniconstn8-webfont.eot") format("embedded-opentype");
  src: url("images/font/pearsoniconstn8-webfont.eot?#iefix") format("eot"), url("images/font/pearsoniconstn8-webfont.woff") format("woff"), url("images/font/pearsoniconstn8-webfont.ttf") format("truetype"), url("images/font/pearsoniconstn8-webfont.svg#pearson_tn8_iconsregular") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="tn8-icon-"]:before,
[class*=" tn8-icon-"]:before {
  font-family: 'pearson_tn8_iconsregular';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit; }

a[class^="tn8-icon-"],
a[class*=" tn8-icon-"] {
  display: inline-block;
  text-decoration: inherit; }

/* makes the font 33% larger relative to the icon container */
.tn8-icon-large:before {
  vertical-align: middle;
  font-size: 1.3333333333333333em; }

.btn[class^="tn8-icon"],
.btn[class*=" tn8-icon-"] {
  /* keeps button heights with and without icons the same */
  line-height: .9em; }

li[class^="tn8-icon-"],
li[class*=" tn8-icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center; }

li .tn8-icon-large[class^="tn8-icon-"],
li .tn8-icon-large[class*=" tn8-icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */
  width: 1.875em; }

li[class^="tn8-icon-"],
li[class*=" tn8-icon-"] {
  margin-left: 0;
  list-style-type: none; }

li[class^="tn8-icon-"]:before,
li[class*=" tn8-icon-"]:before {
  text-indent: -2em;
  text-align: center; }

li[class^="tn8-icon-"].tn8-icon-large:before,
li[class*=" tn8-icon-"].tn8-icon-large:before {
  text-indent: -1.3333333333333333em; }

.tn8-icon-flag:before {
  content: "\f201";
  font-size: 1.0em; }

.tn8-icon-section-open:before {
  content: "\f202";
  font-size: 1.0em; }

.tn8-icon-section-locked:before {
  content: "\f203";
  font-size: 1.0em; }

.tn8-icon-answer-eliminator:before {
  content: "\f213";
  font-size: 1.0em; }

.tn8-icon-answered:before {
  content: "\f204";
  font-size: 1.0em; }

.tn8-icon-calculator:before {
  content: "\f205";
  font-size: 1.0em; }

.tn8-icon-compass:before {
  content: "\f206";
  font-size: 1.0em; }

.tn8-icon-protractor:before {
  content: "\f207";
  font-size: 1.0em; }

.tn8-icon-ruler:before {
  content: "\f208";
  font-size: 1.0em; }

.tn8-icon-section-closed:before {
  content: "\f209";
  font-size: 1.0em; }

.tn8-icon-incomplete:before {
  content: "\f20a";
  font-size: 1.0em; }

.tn8-icon-cut:before {
  content: "\f20b";
  font-size: 1.0em; }

.tn8-icon-eraser:before {
  content: "\f20c";
  font-size: 1.0em; }

.tn8-icon-line:before {
  content: "\f20d";
  font-size: 1.0em; }

.tn8-icon-box:before {
  content: "\f20e";
  font-size: 1.0em; }

.tn8-icon-back:before {
  content: "\f20f";
  font-size: 1.0em; }

.tn8-icon-highlight:before {
  content: "\f211";
  font-size: 1.0em; }

.tn8-icon-text-highlight:before {
  content: "\f214";
  font-size: 1.0em; }

.tn8-icon-pointer:before {
  content: "\f212";
  font-size: 1.0em; }

.btn[class^="icon-"],
.btn[class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit; }

.btn[toolid] {
  height: 30px; }

/**
 * Measurement tools
 */
.measureTool {
  position: fixed;
  top: 100px;
  z-index: 1015; }

.measureTool-body {
  position: absolute;
  background-color: transparent; }

.measureTool-handleL,
.measureTool-handleR {
  position: absolute;
  width: 50px;
  height: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-color: #1a82f7;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#000));
  background-image: -webkit-linear-gradient(top, #fff, #000);
  background-image: -moz-linear-gradient(top, #fff, #000);
  background-image: -ms-linear-gradient(top, #fff, #000);
  background-image: -o-linear-gradient(top, #fff, #000); }

.measureTool-protractor {
  height: 184px;
  width: 367px;
  background-image: url("./images/protractor.png"); }

.measureTool-rulerEighthInches {
  height: 70px;
  width: 432px;
  background-image: url("./images/ruler_eighth_inches_en.png"); }

.measureTool-rulerEighthInches.langes {
  background-image: url("./images/ruler_eighth_inches_es.png"); }

.measureTool-rulerQuarterInches {
  height: 70px;
  width: 432px;
  background-image: url("./images/ruler_quarter_inches_en.png"); }

.measureTool-rulerQuarterInches.langes {
  background-image: url("./images/ruler_quarter_inches_es.png"); }

.measureTool-rulerCentimeter {
  height: 70px;
  width: 432px;
  background-image: url("./images/ruler_centimeter_removed_en.png"); }

.measureTool-rulerCentimeter.langes {
  background-image: url("./images/ruler_centimeter_removed_es.png"); }

.measureTool-rulerMillimeter {
  height: 68px;
  width: 432px;
  background-image: url("./images/ruler_millimeter_en.png"); }

.measureTool-rulerMillimeter.langes {
  background-image: url("./images/ruler_millimeter_es.png"); }

/**
 * Calculators
 */
#calculatorContent {
  top: 130px;
  left: 55%;
  margin: 0;
  z-index: 1040;
  overflow: hidden;
  display: inline-block;
  position: fixed; }
  #calculatorContent.small-calc {
    max-width: 276px;
    width: 276px; }
  #calculatorContent.large-calc {
    max-width: 343px;
    width: 343px; }
  #calculatorContent .tn8-draggable-modal-body {
    padding: 5px; }
  #calculatorContent #calculatorResult {
    line-height: 40px;
    height: 40px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 24pt;
    width: 320px;
    text-align: right;
    background-color: white; }
  #calculatorContent .calculator-btn {
    width: 24px;
    height: 24px;
    font-size: 0.9em;
    text-align: center;
    color: #666666;
    margin-top: 0;
    line-height: 22px; }
  #calculatorContent #calculator_Equals {
    color: white; }
  #calculatorContent .calculator-table {
    margin-bottom: 3px; }
    #calculatorContent .calculator-table .btn {
      margin-top: 0px; }
    #calculatorContent .calculator-table .num {
      font-size: 1.5em; }
    #calculatorContent .calculator-table .func {
      font-size: 1.7em; }
    #calculatorContent .calculator-table .func-alt {
      font-size: 1.1em; }
    #calculatorContent .calculator-table .func-alt2 {
      font-size: 1em; }
    #calculatorContent .calculator-table .func-alt3 {
      font-size: 1.3em; }
    #calculatorContent .calculator-table .btn-gray {
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ccc));
      background-image: -webkit-linear-gradient(#e6e6e6, #ccc);
      background-image: -moz-linear-gradient(#e6e6e6, #ccc);
      background-image: -o-linear-gradient(#e6e6e6, #ccc);
      background-image: -ms-linear-gradient(#e6e6e6, #ccc);
      background-image: linear-gradient(#e6e6e6, #cccccc);
      background-color: #CCC; }
    #calculatorContent .calculator-table .btn-bigger {
      font-weight: bold; }
    #calculatorContent .calculator-table .btn-gray:hover {
      background-color: #cccccc; }

/**
 * Highlighter tool
 */
/* colors */
#highlighterTool {
  position: absolute;
  right: 0px;
  top: 150px;
  height: 30px;
  width: 145px;
  z-index: 1045; }
  #highlighterTool .btn-group {
    height: 30px; }
    #highlighterTool .btn-group a, #highlighterTool .btn-group button {
      padding: 6px 12px;
      line-height: 14px;
      z-index: 2; }
      #highlighterTool .btn-group a:first-of-type, #highlighterTool .btn-group button:first-of-type {
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -khtml-border-top-left-radius: 10px;
        -khtml-border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; }
      #highlighterTool .btn-group a:last-of-type, #highlighterTool .btn-group button:last-of-type {
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -khtml-border-top-right-radius: 10px;
        -khtml-border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px; }
    #highlighterTool .btn-group div.icon-highlight {
      width: 14px;
      height: 14px;
      border: 1px solid #CCC; }
    #highlighterTool .btn-group div.remove-formatting {
      background-image: -webkit-gradient(linear, left top, right bottom, color-stop(45%, #ffffff), color-stop(46%, #A22A1F), color-stop(54%, #A22A1F), color-stop(55%, #ffffff));
      background-image: -webkit-linear-gradient(135deg, #ffffff 0%, #ffffff 40%, #A22A1F 41%, #A22A1F 59%, #ffffff 60%, #ffffff 100%);
      background-image: -moz-linear-gradient(135deg, #ffffff 0%, #ffffff 40%, #A22A1F 41%, #A22A1F 59%, #ffffff 60%, #ffffff 100%);
      background-image: -ms-linear-gradient(135deg, #ffffff 0%, #ffffff 40%, #A22A1F 41%, #A22A1F 59%, #ffffff 60%, #ffffff 100%);
      background-image: -o-linear-gradient(135deg, #ffffff 0%, #ffffff 40%, #A22A1F 41%, #A22A1F 59%, #ffffff 60%, #ffffff 100%);
      background-image: linear-gradient(135deg, #ffffff 0%, #ffffff 40%, #A22A1F 41%, #A22A1F 59%, #ffffff 60%, #ffffff 100%); }
    #highlighterTool .btn-group .arrow-down {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #E7E7E7;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      top: -1px;
      z-index: 3; }
    #highlighterTool .btn-group .arrow-down-border {
      width: 0;
      height: 0;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-top: 12px solid #B3B3B3;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      top: -12px;
      z-index: 1; }
  #highlighterTool.iosHighlighter .btn {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.85); }
  #highlighterTool.iosHighlighter .arrow-down, #highlighterTool.iosHighlighter .arrow-down-border {
    border-top: 10px solid rgba(0, 0, 0, 0.85);
    display: none; }

#text-highlighter-white .icon-highlight {
  background-color: white; }

#text-highlighter-yellow .icon-highlight {
  background-color: #F4DC33; }

#text-highlighter-pink .icon-highlight {
  background-color: #FFB6C1; }

#text-highlighter-blue .icon-highlight {
  background-color: #87CEEB; }

.highlighted[data-highlight-color='yellow'] {
  background-color: #F4DC33; }
.highlighted[data-highlight-color='pink'] {
  background-color: #FFB6C1; }
.highlighted[data-highlight-color='blue'] {
  background-color: #87CEEB; }

.unhighlighted {
  background-color: transparent; }

.highlighted .unhighlighted {
  background-color: white; }

/**
 * Answer eliminator
 */
.acc-anseliminator-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000; }

.acc-anseliminator-edit {
  cursor: pointer; }

.acc-anseliminator-li {
  position: relative; }

/**
 * Answer masker
 */
.acc-ansmask-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f3edd2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f3edd2 0%, #f2da6f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3edd2), color-stop(100%, #f2da6f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f3edd2 0%, #f2da6f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f3edd2 0%, #f2da6f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f3edd2 0%, #f2da6f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f3edd2 0%, #f2da6f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3edd2', endColorstr='#f2da6f', GradientType=0);
  /* IE6-9 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  z-index: 1000; }

.acc-ansmask-maskControls {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 1px;
  margin: 0;
  padding: 0;
  width: 40px;
  border-left: 1px solid #dddddd;
  vertical-align: top;
  text-align: center;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  z-index: 1000; }
  .acc-ansmask-maskControls .icon {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center; }
    .acc-ansmask-maskControls .icon i {
      display: table-cell;
      vertical-align: middle; }

.acc-ansmask-maskedLabel {
  margin-left: 10px; }

.acc-ansmask-maskedLi2 {
  position: relative; }

body.ie9 .acc-ansmask-mask {
  top: -2px;
  left: 10px; }

body.ie9 .acc-ansmask-maskControls {
  top: -1px;
  right: -10px; }

/**
 * Line reader
 */
.tn8-icon-resize:before {
  content: "\e601";
  font-size: 1.0em; }

body.surface.ie .acc-lineReader-topBar,
body.surface.ie .acc-lineReader-sideBar,
body.surface.ie .acc-lineReader-viewport-control,
body.surface.ie .acc-lineReader-viewResize,
body.surface.ie .acc-lineReader-bottomBar,
body.surface.ie .acc-lineReader-viewDrag,
body.surface.ie .acc-lineReader-resizeButton {
  -ms-touch-action: none;
  touch-action: none; }

.acc-lineReader-topBar {
  box-sizing: border-box;
  cursor: move;
  position: fixed;
  background-color: #666;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  /* Greater than scroll bar on passages */
  z-index: 1001;
  border: 3px solid #fff;
  border-bottom-width: 0; }

.acc-lineReader-sideBar {
  box-sizing: border-box;
  cursor: move;
  position: fixed;
  background-color: #666;
  /* Greater than scroll bar on passages */
  z-index: 1001;
  border: 0px solid #fff; }
  .acc-lineReader-sideBar.acc-lineReader-leftBar {
    border-left-width: 3px; }
  .acc-lineReader-sideBar.acc-lineReader-rightBar {
    border-right-width: 3px; }

.acc-lineReader-viewport-control {
  position: fixed;
  cursor: move;
  z-index: 4;
  box-sizing: border-box;
  background-color: #666;
  border: 1px solid #fff;
  border-top-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /* Greater than scroll bar on passages */
  z-index: 1001; }

.acc-lineReader-viewResize {
  color: #fff;
  font-size: 17px;
  cursor: nwse-resize;
  margin-bottom: -2px;
  margin-right: 1px;
  min-height: 15px;
  min-width: 15px;
  background-color: rgba(0, 0, 0, 0.001); }

.acc-lineReader-bottomBar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  cursor: move;
  position: fixed;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  height: 30px;
  min-height: 30px;
  background-color: #666;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  /* Greater than scroll bar on passages */
  z-index: 1001;
  border: 3px solid #fff;
  border-top-width: 0; }

.acc-lineReader-viewDrag {
  color: #fff;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-smooth: never;
  -moz-osx-font-smoothing: grayscale; }

.acc-lineReader-resizeButton {
  color: #fff;
  font-size: 25px;
  cursor: nwse-resize;
  padding: 0 3px 0px 0;
  min-height: 25px;
  min-width: 25px;
  background-color: rgba(0, 0, 0, 0.001); }

/**
 * Font size changer
 */
.font-size-changed {
  font-size: 14px; }

textarea.font-size-changed,
div.font-size-changed,
p.font-size-changed,
li.font-size-changed,
tr.font-size-changed,
th.font-size-changed {
  line-height: normal !important; }

input[type="text"].font-size-changed {
  line-height: normal !important;
  height: auto !important;
  padding: 0 !important; }

select.font-size-changed {
  line-height: normal !important;
  height: auto !important; }

/**
 * Notepad
 */
#notepadContainer {
  display: none;
  left: 400px;
  position: fixed;
  z-index: 1040;
  height: 460px;
  max-width: 560px;
  width: 90%; }
  #notepadContainer .tn8-draggable-modal-body {
    height: 420px; }
    #notepadContainer .tn8-draggable-modal-body #notepad {
      height: 100%;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      resize: none;
      background-color: white;
      border: 1px solid rgba(0, 0, 0, 0.3);
      z-index: 1051;
      overflow: auto;
      margin: 0px auto;
      color: #1F1F1F; }
      #notepadContainer .tn8-draggable-modal-body #notepad:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

@media (max-width: 767px) {
  #notepadContainer {
    margin: auto;
    float: left;
    left: 5%;
    top: 5%;
    position: absolute; } }
/**
 * Magnifier
 */
.magnifying_glass {
  width: 200px;
  height: 200px;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow: hidden;
  background-color: white;
  border: 1px solid;
  z-index: 1060; }
  .magnifying_glass .magnified_content {
    top: 0px;
    left: 0px;
    margin-left: -100px;
    /* Half glass width */
    margin-top: -100px;
    /* Half glass height */
    overflow: visible;
    position: absolute;
    display: block;
    transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    -o-transform-origin: left top;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    padding-top: 100px; }
  .magnifying_glass .magnified_content_zoom2 {
    transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    /*zoom:2;*/ }
  .magnifying_glass .magnified_content_zoom4 {
    transform: scale(4);
    -moz-transform: scale(4);
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    /*zoom:4;*/ }
  .magnifying_glass .magnifying_lens {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.0;
    -ms-filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-color: white;
    cursor: move; }

/**
 * Custom masking
 */
.acc-cusmask-wrapper {
  position: relative; }

.acc-cusmask-marker {
  cursor: pointer;
  position: absolute;
  border: 1px solid #333333;
  border-radius: 5px;
  background-color: #ffff00;
  opacity: .6;
  z-index: 100; }

.acc-cusmask-mask {
  border: 1px solid #999999;
  border-radius: 5px;
  position: absolute;
  background-color: #eeeeee;
  z-index: 101; }

.acc-cusmask-highlight {
  cursor: pointer;
  border: 1px solid black;
  background-color: #999999;
  opacity: .3; }

.acc-cusmask-persist {
  display: none; }

/*# sourceMappingURL=tools.css.map */