@-ms-viewport { width: auto; }

@media (min-width: 980px) { body { padding-top: 100px; } }
body { background: #e9e9e9 url("../images/global/body-bg.png") repeat 0 0; }

.btn.hidden { display: none; }

::selected { background-color: #FFC0C0; }

/*  -------------------------------------------------- Block text-selection/highlighting -------------------------------------------------- */
.ui-draggable, .ui-sortable, .ui-droppable, .ee-parent-panel, .ee-body-panel, .ee-button, .ee-side-bar, .ee-child-panel, .accordion-group, .ee-head-panel, .ee-quick-bar, .accordion-inner, .highlightColor, .cloze-inline, .cloze-block, .int-fracmodel-div, .selectable, .int-ext-selectable, .int-ext-selected, .int-ext-dropBayTextContainer, .label-important, .dropdown-toggle, .dropdown-menu, .jwplayer, .jwcontrols, .jwcontrolbar, .jwpreview, .jwdisplayIcon, .jwcaptions, .jwicon, .tooltip, .tooltip-inner, .functionGraphBtnText, .functionGraphPanel, .qtip, .modal, .hide, .loading, .modal-header, .modal-body, .modal-footer, .tn8-draggable-modal, .tn8-draggable-modal-header, .rich-text-edtior, .rte-editbox, .rte-toolbar, .contrast-sample, .contrast-settings-ul, .nav-tabs, .tabbed-passages, .int-pp-passageControls, .int-pp-passageCounter, .selectpicker, .tn8-sidebar, .glossary-term, .highcharts-container, .mce-container-body, .label, .no-magnifier, .int-extended-text-counter, .textCounter, .visuallyhidden, .navbar-fixed-top, .int-ordering, .clearfix, .probabilitySpinnerInteraction, .int-cg-main-panel, .activityPanel, .mainContainer2, .tn8-recorder, .pull-right, .sourcechoices, .tei-complexslider, .targetchoices, img, svg, option, select, button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none; -moz-user-select: -moz-none; }

/*  -------------------------------------------------- Surface IE
 To-Dp css - improved with second pass, everything excepting below JS's are covered on longform aitup4bms1 JS - delete points on above - one high charts graph type - hilight tool doesn't work -------------------------------------------------- */
body.surface.ie { -ms-overflow-x: hidden; overflow-x: hidden; }
body.surface.ie .highcharts-container, body.surface.ie .highcharts-container *, body.surface.ie .highcharts-container sag, body.surface.ie #main_panel .measureTool, body.surface.ie #main_panel .measureTool *, body.surface.ie #calculatorContent, body.surface.ie #calculatorContent *, body.surface.ie .calculatorDiv, body.surface.ie .calculatorDiv *, body.surface.ie .calculatorDiv displayDiv display, body.surface.ie .ui-draggable, body.surface.ie .ui-droppable, body.surface.ie .gap-hotspot [data-module="OrderInteraction"], body.surface.ie [data-module="OrderInteraction"] *, body.surface.ie [data-module="GraphicGapMatchInteraction"], body.surface.ie [data-module="CustomInteraction-complexslider"], body.surface.ie svg { -ms-touch-action: none; }

/*


 -ms-user-select:none; -ms-content-zooming:none; -ms-content-zoom-limit-max:100%; -ms-content-zoom-limit-min:100%; -ms-content-zoom-chaining:none;

*/
/*  -------------------------------------------------- Topbar Header -------------------------------------------------- */
/* add a little room for the command bar */
.navbar-fixed-top .navbar-inner .container { min-height: 46px; position: relative; z-index: 1; }

/* darker shadow */
.navbar-fixed-top .navbar-inner { box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 10px rgba(0, 0, 0, 0.5); border-bottom-width: 0; }

.navbar .brand { padding-top: 14px; color: #000; }

#grpNP { margin-top: 8px; margin-right: 35px; }

#btnOverview { margin-top: 4px; margin-right: 10px; padding-left: 6px; padding-right: 6px; }

.btn.active { text-shadow: none; }

.btn-tn8-review.active { background: -moz-linear-gradient(top, #444444 0%, #666666 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #444444), color-stop(100%, #666666)); background: -webkit-linear-gradient(top, #444444 0%, #666666 100%); background: -o-linear-gradient(top, #444444 0%, #666666 100%); background: -ms-linear-gradient(top, #444444 0%, #666666 100%); background: linear-gradient(to bottom, #444444 0%, #666666 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666', GradientType=0 ); color: #FFFFFF; border-color: #4d4d4d; }

.btn-tn8-review.active > span.caret { border-top-color: #FFFFFF; }

#btnFlagForReview { margin-top: 9px; margin-right: 0; padding-left: 4px; padding-right: 4px; }

#btnFlagForReview.btn.active { background: -moz-linear-gradient(top, #444444 0%, #666666 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #444444), color-stop(100%, #666666)); background: -webkit-linear-gradient(top, #444444 0%, #666666 100%); background: -o-linear-gradient(top, #444444 0%, #666666 100%); background: -ms-linear-gradient(top, #444444 0%, #666666 100%); background: linear-gradient(to bottom, #444444 0%, #666666 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666', GradientType=0 ); color: #FFFFFF; border-color: #4d4d4d; }

#btnFlagForReview > span.bookmark-btn-sprite { position: absolute; width: 26px; height: 35px; transform: scale(0.55); -webkit-transform: scale(0.55); -ms-transform: scale(0.55); background: url("/client/public/stylesheets/images/bkmrk_button_sprite.png") 0 35px; top: 7px; left: 250px; }

#btnFlagForReview > p { margin: 0; padding-left: 25px; padding-right: 5px; }

#btnFlagForReview.btn.active > span.bookmark-btn-sprite { background: url("/client/public/stylesheets/images/bkmrk_button_sprite.png") 0 2px; }

#btnFlagForReview.btn.active > p { color: #FFFFFF; }

#grpTools.btn-toolbar { margin-top: 4px; margin-bottom: 0; margin-left: 50px; }

@media (min-width: 1200px) { #grpTools.btn-toolbar { margin-left: 80px; } }
#grpTools .btn { padding-left: 10px; padding-right: 10px; }

#grpTools .btn.active { background: -moz-linear-gradient(top, #444444 0%, #666666 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #444444), color-stop(100%, #666666)); background: -webkit-linear-gradient(top, #444444 0%, #666666 100%); background: -o-linear-gradient(top, #444444 0%, #666666 100%); background: -ms-linear-gradient(top, #444444 0%, #666666 100%); background: linear-gradient(to bottom, #444444 0%, #666666 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666', GradientType=0 ); color: #FFFFFF; border-color: #4d4d4d; text-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

#userDropdown .btn { padding: 4px 11px 4px; }

#btnOverviewBackItem { margin-top: 8px; margin-right: 0; padding-left: 8px; padding-right: 8px; }

#userName { padding-top: 14px; margin-right: 8px; }

#userMenu, #closeWindowBtnGroup { margin-top: 8px; margin-right: 0; }

#userMenu { margin-top: 5px; margin-right: 0; }

#userMenu .btn { padding-top: 8px; padding-bottom: 6px; cursor: pointer; }

#userDropdown.btn-toolbar { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }

.navbar .nav > li > button { padding-top: 11px; padding-bottom: 9px; }

.btn.active { background-color: #d2d2d2; }

.btn-inverse.active { background-color: #666666; }

#grpNP { margin-top: 5px; margin-right: 35px; }

#grpNP > button { width: 52px; padding-top: 8px; padding-bottom: 7px; cursor: pointer; }

#btnPrevious { margin-right: 2px; }

#crumbTrail { position: relative; z-index: 0; }

.btn-group.open .btn-inverse.dropdown-toggle { background: -moz-linear-gradient(top, #444444 0%, #666666 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #444444), color-stop(100%, #666666)); background: -webkit-linear-gradient(top, #444444 0%, #666666 100%); background: -o-linear-gradient(top, #444444 0%, #666666 100%); background: -ms-linear-gradient(top, #444444 0%, #666666 100%); background: linear-gradient(to bottom, #444444 0%, #666666 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666', GradientType=0 ); color: #FFFFFF; border-color: #4d4d4d; text-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

/*  --------------------------------------------------
TestNav Logo
-------------------------------------------------- */
.tn8-logo { display: inline-block; width: 81px; height: 20px; margin-top: 15px; content: ""; margin-left: -2px; background: url("/client/public/images/login/tn8-logo.png") no-repeat 0 0; background-size: 100%; }

/*  -------------------------------------------------- Topbar Subheader -------------------------------------------------- */
.container-fluid.subheader { height: 31px; background-color: #666; background-image: none; border-top: 5px solid #049cdb; }

#crumbTrail .container.subheader, .container.subheader { height: 31px; min-height: 31px; }

/*  -------------------------------------------------- Breadcrumbs -------------------------------------------------- */
ul.breadcrumbs { display: block; margin-left: 0px; margin-bottom: 0px; list-style: none; padding: 4px 0px; overflow: hidden; }

ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; }

ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; padding-left: 12px; color: #fff; }

ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }

ul.breadcrumbs li:before { content: "/"; color: #fff; }

ul.breadcrumbs li:first-child:before { content: " "; }

ul.breadcrumbs li.current a { cursor: default; /* color: #333; */ color: #fff; text-decoration: none; }

ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }

ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }

ul.breadcrumbs li.unavailable a { /* color: #999; */ color: #fff; text-decoration: none; }

ul.breadcrumbs li.unavailable:hover a, ul.pagination li.unavailable a:focus { text-decoration: none; /* color: #999; */ cursor: default; }

/*  -------------------------------------------------- Editor Toolbar is a riff on .navbar classes -------------------------------------------------- */
.navbar.editor-toolbar { margin-bottom: 0px; }

.editor-toolbar .navbar-inner { min-height: 40px; padding-left: 5px; padding-right: 0px; background-color: #fafafa; background-image: -moz-linear-gradient(top, white, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, white, #f2f2f2); background-image: -o-linear-gradient(top, white, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); *zoom: 1; }

.editor-toolbar .navbar-inner:before, .editor-toolbar .navbar-inner:after { display: table; content: ""; line-height: 0; }

.editor-toolbar .navbar-inner:after { clear: both; }

.editor-inner { background: #fff; border: 1px solid #ccc; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; }

/*  -------------------------------------------------- Set up the Item Canvas -------------------------------------------------- */
div.itemCanvas { background: #FFFFFF; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 13px 0 20px; padding: 0; }

div.itemCanvas .span12 { width: 900px; }

div.itemCanvas .span8 { width: 600px; }

div.itemCanvas .span7 { width: 520px; }

div.itemCanvas .span6 { width: 440px; }

div.itemCanvas .span5 { width: 360px; }

div.itemCanvas .span4 { width: 280px; }

body.ie div.itemCanvas .span6 { width: 438px; }

.paired-passage .offset2 { margin-left: 164px; }

@media (max-width: 767px) { div.itemCanvas .span12 { width: 100%; }
  div.itemCanvas .span8 { width: 66%; }
  div.itemCanvas .span7 { width: 58%; }
  div.itemCanvas .span6 { width: 50%; }
  div.itemCanvas .span5 { width: 41%; }
  div.itemCanvas .span4 { width: 30%; } }
@media (min-width: 768px) and (max-width: 979px) { div.itemCanvas .span12 { width: 684px; }
  div.itemCanvas .span8 { width: 456px; }
  div.itemCanvas .span7 { width: 394px; }
  div.itemCanvas .span6 { width: 332px; }
  body.ie div.itemCanvas .span6 { width: 332px; }
  div.itemCanvas .span5 { width: 270px; }
  div.itemCanvas .span4 { width: 208px; }
  .paired-passage .offset2 { margin-left: 128px; } }
@media (min-width: 1200px) { div.itemCanvas .span12 { width: 1130px; }
  div.itemCanvas .span8 { width: 750px; }
  div.itemCanvas .span7 { width: 650px; }
  div.itemCanvas .span6 { width: 550px; }
  body.ie div.itemCanvas .span6 { width: 550px; }
  div.itemCanvas .span5 { width: 450px; }
  div.itemCanvas .span4 { width: 350px; }
  .paired-passage .offset2 { margin-left: 214px; } }
@media (max-width: 480px) { div.itemCanvas .span6 { width: 365px; } }
.itemCanvas-header { position: relative; padding: 4px 20px; background-color: #f5f5f5; border-bottom: 1px solid #eee; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.itemCanvas-header h3 { position: relative; top: 2px; /* left: 10px; with icon */ left: 0px; /* without icon */ display: inline-block; margin-right: 3em; font-size: 14px; font-weight: 800; color: #555; line-height: 18px; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); }

.itemCanvas-body { position: relative; /* Old padding used when there was an itemCanvas-header
padding: 8px 20px; */ padding: 16px 20px 8px; }

.itemCanvas-footer { position: relative; /* padding: 8px 20px; */ padding: 0 20px; margin-bottom: 0; /* border-top: 1px solid #ddd; */ -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; }

.itemCanvas-footer:before, .itemCanvas-footer:after { display: table; content: ""; }

.itemCanvas-footer:after { clear: both; }

.itemCanvas-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }

.itemCanvas-footer .btn-group .btn + .btn { margin-left: -1px; }

/*  -------------------------------------------------- Login Page -------------------------------------------------- */
#loginForm { margin: 20px 0 30px 0; }

.login-fields .field { margin-bottom: 1.25em; }
.login-fields .field:nth-child(2) { margin-bottom: 30px; }

.login-fields label { display: none; }

.login-fields input { /* font-family: 'Open Sans'; */ font-size: 13px; color: #8e8d8d; padding: 9px 15px 9px 50px; background-color: #fdfdfd; width: 255px; margin: 0; box-shadow: inset 2px 2px 4px #f1f1f1; }

.login::-webkit-input-placeholder { color: #000000; opacity: .5; font-style: normal; }

.login::-moz-placeholder { color: #000000; opacity: .5; font-style: normal; }

.login:-ms-input-placeholder { color: #000000; opacity: .5; font-style: normal; }

.username-field { background: url(/client/public/images/login/user.png) no-repeat; border-color: #cccccc !important; }

.username-prepend { background: url(/client/public/images/login/user.png) no-repeat; }

.password-field { background: url(/client/public/images/login/password.png) no-repeat; }

.password-prepend { background: url(/client/public/images/login/password.png) no-repeat; }

.customer-name-container { width: 380px; display: block; margin: 0 auto 0; font-size: 28px; font-weight: 200; line-height: 32px; letter-spacing: 0px; }

.account-container { box-sizing: border-box; width: 380px; display: block; margin: 10px auto 0; background: #f9f9f9; border: 1px solid #d5d5d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px 28px; }
.account-container h1 { margin-bottom: 25px; }

.sign-in-extras { list-style-type: none; float: right; margin-bottom: 0; }
.sign-in-extras i { margin-right: 3px; }
.sign-in-extras [role="button"] { color: #005A9E; cursor: pointer; text-decoration: none; }

@media screen and (max-height: 600px) { #content .app-versions-div { right: initial; position: relative; } }
.app-versions-div { font-size: smaller; text-align: right; position: fixed; top: 95%; right: 9%; color: gray; }

/*  -------------------------------------------------- Available Tests Page -------------------------------------------------- */
.available-tests .available-tests-title { font-weight: 300; font-size: 22px; line-height: 20px; margin: 10px 0 15px 0; }
.available-tests .completed-tests-message { font-style: italic; font-size: 11px; margin-top: -8px; color: #666666; }
.available-tests .refresh-available-tests { margin: 5px 0 0 0; }
.available-tests .refresh-available-tests i { margin-right: 5px; }
.available-tests #tableTests { margin: 0 0 20px 0; background-color: #fff; border: 1px solid #c3c4c5; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }
.available-tests .no-test-message { padding: 20px; font-size: 1em; }
.available-tests .avail-test-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; list-style-type: none; padding: 20px; box-sizing: border-box; }
.available-tests .avail-test-row:not(:last-child) { border-bottom: 1px solid #c3c4c5; }
.available-tests .avail-test-row .test-title { float: left; font-size: 1.1em; margin: 0 15px 0 0; font-weight: bold; text-rendering: optimizelegibility; width: -moz-calc(100% - 160px - 15px); width: -webkit-calc(100% - 160px - 15px); width: -ms-calc(100% - 160px - 15px); width: calc(100% - 160px - 15px); }
.available-tests .startTest { float: right; box-sizing: border-box; height: 40px; min-width: 160px; font-size: 1.1em; position: relative; overflow: visible; }
.available-tests .startTest[disabled].complete { color: #107a3d; }
.available-tests .startTest > i.right { margin-left: 10px; }
.available-tests .startTest > i.left { margin-right: 10px; }
.available-tests .startTest .startTest-locked { background-color: #fff; color: #333; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; border-radius: 24px; width: 24px; height: 24px; text-align: center; line-height: side; border: 1px solid #b3b3b3; position: absolute; left: -12px; top: calc(50% - 24px/2); }
.available-tests .startTest .startTest-locked > i { vertical-align: middle; }

#gradedTestsTbody .startBtns, #practiceTestsTbody .startBtns { width: 90px; }

#gradedTestsTbody .description, #practiceTestsTbody .description { font-size: 11px; font-style: italic; }

/*  -------------------------------------------------- Page & Section Headers -------------------------------------------------- */
/* Default Page Headers ---------- */
div#pageHeader { margin: 0 0 27px; }

div#pageHeader h1 { font-size: 30px; line-height: 27px; }

div#pageHeader h1 small { font-size: 16px; font-weight: normal; color: #999; letter-spacing: 0; }

div#pageHeader h2 { font-size: 18px; font-weight: normal; line-height: 1; letter-spacing: 0; }

div#pageHeader h2 small { font-size: 13px; font-weight: normal; color: #999; }

div#pageHeader h2 a { color: #0099CC; font-style: inherit; font-weight: inherit; line-height: inherit; outline: 0 none; text-decoration: underline; }

/* Default Headings for labeling primary content ---------- */
div.heading { border-bottom: 2px solid #ddd; position: relative; margin: 0 0 18px; padding: 0 0 3px; }

div.heading h3 { color: #222; }

div.heading h3 small { color: #999; font-size: 18px; }

div.heading ul { float: right; margin: 5px 0 0; }

div.heading ul.buttons { margin-top: -1px; }

div.heading li { float: left; display: inline; padding: 0 0 0 10px; }

/* Section headings for secondary content ---------- */
div.section.heading { padding-bottom: 8px; }

div.section.heading h4 { color: #333; }

div.section.heading ul.buttons { margin-top: 1px; }

div.section.thin.heading { border-bottom: 1px solid #ddd; }

/* Sections ---------- */
div.section { margin-bottom: 18px; }

div.section div.header { margin: 0 0 18px; padding: 0 0 8px; border-bottom: 1px solid #ddd; }

div.section div.header ul.actions { float: right; margin: 8px 0 0 0; }

div.section div.header ul.actions li { display: inline; padding: 0 0 0 4px; color: #ccc; }

div#sidebar div.section div.header ul.actions { margin-top: -20px; }

/* Tweak inline forms in Wells */
div.well .form-inline { margin-bottom: 0; }

#tableTests td h5 { margin: 0; }

#tableTests td p { margin: 0; }

/*  -------------------------------------------------- Listings -------------------------------------------------- */
ul.listing { margin-bottom: 27px; }

ul.listing li { width: 100%; margin: 0 0 9px; color: #999; line-height: 16px; }

ul.listing li div { margin-left: 45px; }

/* Calendar */
ul.events li { min-height: 50px; }

ul.events dl { float: left; width: 34px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }

ul.events dl dt { background: #bf2726; color: #fff; font-size: 10px; line-height: 15px; text-align: center; text-transform: uppercase; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }

ul.events dl dd { background: #fff; margin: 0; color: #777; font-size: 13px; line-height: 23px; font-weight: bold; text-align: center; border: 1px solid #ccc; border-top: 0; -moz-border-radius: 0 0 3px 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; }

/* News */
ul.news li { min-height: 65px; }

ul.news dl { float: left; width: 34px; margin-top: 0px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }

body.ie ul.news dl { margin-top: 0px; }

ul.news dl dt { background: #bf2726; color: #fff; font-size: 10px; line-height: 15px; text-align: center; text-transform: uppercase; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }

ul.news dl dd { background: #fff; margin: 0; color: #777; font-size: 13px; line-height: 23px; font-weight: bold; text-align: center; border: 1px solid #ccc; border-top: 0; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; }

ul.news li h4 { color: #222; }

/*  Pretty Radio   */
.prettycheckbox, .prettyradio { display: inline-block; padding: 0; margin: 0; }

.prettycheckbox a, .prettyradio a { width: 30px; height: 30px; background: url(checkable/prettyCheckable-blue.png) top left no-repeat; display: block; float: left; cursor: pointer; margin: 0; }

.prettycheckbox.yellow a, .prettyradio.yellow a { background-image: url(checkable/prettyCheckable-yellow.png); }

.prettycheckbox.gray a, .prettyradio.gray a { background-image: url(checkable/prettyCheckable-gray.png); }

.prettyradio a { background-position: 0 -120px; }

.prettycheckbox a:focus, .prettyradio a:focus { outline: 0 none; }

.prettycheckbox a:focus { background-position: 0 -30px; }

.prettyradio a:focus { background-position: 0 -150px; }

.prettycheckbox a.checked { background-position: 0 -60px; }

.prettyradio a.checked { background-position: 0 -180px; }

.prettycheckbox a.checked:focus { background-position: 0 -90px; }

.prettyradio a.checked:focus { background-position: 0 -210px; }

.prettycheckbox label, .prettyradio label { display: block; float: left; /* margin:6px 5px; */ margin: 0; cursor: pointer; }

.prettycheckbox.disabled a, .prettyradio.disabled a, .prettycheckbox.disabled label, .prettyradio.disabled label { cursor: not-allowed; }

.prettycheckbox.disabled a { background-position: 0 -240px; }

.prettyradio.disabled a { background-position: 0 -270px; }

/*  End Pretty Radio   */
#tn8-sidebar { position: fixed; right: 0px; top: 30%; z-index: 1039; }
#tn8-sidebar.tn8-sidebar-ipad { position: absolute; overflow-x: hidden; min-height: 200px; }
#tn8-sidebar > div { clear: right; }

button.image-spinner { background-image: url("../images/global/350.gif"); background-repeat: no-repeat; background-position: 10px; height: 40px; }

/*  -------------------------------------------------- Testnav Modals -------------------------------------------------- */
/* Are you sure modal styles */
#areYouSure { z-index: 1055; }

#tempBack { z-index: 1054; }

/* Error Modal Styles */
#error-modal { z-index: 1060; }

/*  -------------------------------------------------- Bootstrap Modal Overrides -------------------------------------------------- */
.alert h1, .alert h2 { font-size: 17.5px; margin: 0; line-height: 20px; }

/* override bootstrap modal backdrop */
.modal-backdrop { opacity: .12; filter: alpha(opacity=12); top: -800px; left: -800px; bottom: -800px; right: -800px; }

.modal.loading { position: fixed; top: 50%; left: 50%; z-index: 2050; overflow: auto; width: 320px; margin: -75px 0 0 -160px; background-color: #ffffff; -webkit-border-radius: 6px; }

.modal.loading .modal-header { padding: 9px 15px; background-color: #f5f5f5; border-bottom: 1px solid #eee; text-align: center; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }

.modal.loading .modal-body { text-align: center; }

.modal.loading .modal-footer { border-top: 0; background-color: #ffffff; padding: 0px 15px; }

.modal-header h1 { font-size: 24.5px; line-height: 30px; padding: 0; margin: 0; }

#fmodal-back { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; opacity: 0.12; }

.fmodal-body { text-align: center; position: relative; overflow-y: auto; max-height: 400px; padding: 15px; }

.fmodal-header { padding: 9px 15px; background-color: #f5f5f5; border-bottom: 1px solid #eee; text-align: center; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }

.fmodal-loading { display: none; position: fixed; top: 50%; left: 50%; z-index: 2050; overflow: auto; width: 320px; margin: -75px 0 0 -160px; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; }

/*  -------------------------------------------------- Bootstrap Tab Overrides -------------------------------------------------- */
.tab-bordered { border-top: 1px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.nav-tabs > li > a { border: 1px solid #ddd; background-image: url("/client/public/images/global/gradient32.gif"); background-repeat: repeat-x; border-bottom-color: transparent; border-bottom-width: 2px; background-color: #eeeeee; }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 2px solid #049cdb; background: #ffffff; }

/*  -------------------------------------------------- Tool Overrides -------------------------------------------------- */
.tool { z-index: 1000; width: 436px; height: 35px; border: 1px solid #000; /* background-color: #ffffff; */ -webkit-border-radius: 3px; display: none; }

.tool .tool-body { position: relative; width: 369px; height: 35px; float: left; padding: 0; cursor: normal; }

.tool .tool-handle { position: relative; float: right; background: #ccc; padding: 6px 10px 7px; border-left: 1px solid; cursor: move; }

.tool .tool-rotate { position: relative; float: right; background: #ccc; padding: 6px 10px 7px; border-left: 1px solid; cursor: pointer; }

.tool .tool-rotate { position: relative; float: right; background: #ccc; padding: 6px 10px 7px; border-left: 1px solid; cursor: pointer; }

.unselectable, .mce-unselectable, .mce-unselectable label, .mce-unselectable button, .mce-unselectable div { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none; -moz-user-select: -moz-none; }

/* ---------------------- Semantic Marker styles ---------------------- */
h2.semantic-marker, h3.semantic-marker, h4.semantic-marker, h5.semantic-marker, h6.semantic-markert { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; }

h2 { font-size: 24.5px; }

h3, h4 { font-size: 17.5px; }

h5 { font-size: 14px; }

h6 { font-size: 11.9px; }

.visuallyhidden, .MathJax .visuallyhidden { position: fixed; overflow: hidden; clip: rect(1px 1px 1px 1px); height: 1px; width: 1px; border: 0; margin: -1px; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.selectable-panel { -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -ms-user-select: text; -moz-user-select: text; user-select: auto; }

.btnipadfix { padding: 11px 19px; display: inline-block; margin-bottom: 0; font-size: 14px; line-height: 22px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border: 1px solid #cccccc; border-bottom-color: #B3B3B3; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

/* ------------------------------- Application-specific font icons -------------------------------
*/
/*  Terms and Conditions page */
#term-modalbody > label * { display: inline; }

.custom-modal-para { padding-top: 10px; padding-bottom: 10px; font-size: 12px; }

.custom-modal-header { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #cfcfcf)); background-image: -webkit-linear-gradient(#fbfbfb, #cfcfcf); background-image: -moz-linear-gradient(#fbfbfb, #cfcfcf); background-image: -o-linear-gradient(#fbfbfb, #cfcfcf); background-image: -ms-linear-gradient(#fbfbfb, #cfcfcf); background-image: linear-gradient(#fbfbfb, #cfcfcf); border-bottom: 1px solid #C2C2C2; color: gray; }

.custom-modal-footer { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #cfcfcf)); background-image: -webkit-linear-gradient(#fbfbfb, #cfcfcf); background-image: -moz-linear-gradient(#fbfbfb, #cfcfcf); background-image: -o-linear-gradient(#fbfbfb, #cfcfcf); background-image: -ms-linear-gradient(#fbfbfb, #cfcfcf); background-image: linear-gradient(#fbfbfb, #cfcfcf); border-top: 1px solid #C2C2C2; }

.custom-modal-body { /*background-color: #b2b2b2;*/ }

.custom-modal-text { background-color: #b2b2b2; border-color: rgba(26, 28, 29, 0.8); -moz-box-shadow: 0px -5px 10px -2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px -5px 10px -2px rgba(0, 0, 0, 0.2); box-shadow: 0px -5px 10px -2px rgba(0, 0, 0, 0.2); }

.custom-modal-title { font-weight: bold; font-size: 13px; padding-left: 15px; }

.custom-modal-cancel { float: right; margin-top: 10px; font-size: 13px; padding-left: 10px; height: 30px; }

.custom-modal-right { font-size: 10px; line-height: 15px; display: block; padding-top: 20px; }

#agreementName { box-shadow: inset 3px 3px 9px 0px #ABABAB; -webkit-box-shadow: inset 3px 3px 9px 0px #ABABAB; -moz-box-shadow: inset 3px 3px 9px 0px #ABABAB; -o-box-shadow: inset 3px 3px 9px 0px #ABABAB; border-color: rgba(87, 87, 87, 0.8); background-color: #e6e6e6; width: 360px; height: 30px; }

.btn-large [class^="icon-"] { margin-top: 0px; }

/* TERMS AND CONDITIONS */
.terms-header { position: relative; border: 1px #999999; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #F5F2F2; height: 40px; padding: 0px 0px; border-radius: 6px 6px 0 0; }

#acceptTerms { float: right; margin: 15px 15px; }

#term-check { margin: 0px 0px 0px; }

#term-check-alt { margin: 0px 0px 0px; display: inline-block; height: 11px; width: 11px; background-color: #FFFFFF; border-radius: 2px; position: relative; cursor: pointer; border: solid 1px #000000; transition: all .2s; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); top: 2px; }

.term-check-center { display: none; color: #FFFFFF; border-radius: 2px; font-size: 10px; position: absolute; top: -5px; left: 1px; height: 0px; }

#term-check:checked ~ #term-check-alt > .term-check-center { display: block; }

#term-check:checked ~ #term-check-alt { background-color: #3B99FC; }

#term-check:focus ~ #term-check-alt { outline: auto 3px -webkit-focus-ring-color; }

.term-check-label { display: inline; padding-left: 7px; }

#declineTerms { padding: 4px 10px; hover: #000000; }

.terms-title { font-size: 18px; padding: 10px 15px; }

.termsCondFootNote { font-size: 10px; }

#term-modalbody { padding: 15px 17px; }

/*  TEST OVERVIEW START */
#review { display: none; z-index: 100; /* @include background-image(linear-gradient(#fbfbfb, #cfcfcf)); */ background-color: #cfcfcf; height: 100%; }

.toolbar { border-bottom: 1px solid #2d3642; border-top: 1px solid #6d84a2; padding: 0 0px 0px 0px; height: 25px; width: 100%; background-color: #000000; color: #ffffff; }
.toolbar .review-name { font-size: 1em; font-weight: normal; padding: 0 0 0 0; margin-left: 5px; margin-top: 0px; text-shadow: #000 0 1px 0; color: #ffffff; }

#test-review { float: left; width: 25%; margin: 0; clear: right; height: 100%; padding-right: 0px; }
#test-review .right-box-shadow { -webkit-box-shadow: inset -12px 0px 20px -5px rgba(0, 0, 0, 0.2); box-shadow: inset -12px 0px 20px -5px rgba(0, 0, 0, 0.2); }
#test-review .test-review-header { height: 60px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #cfcfcf)); background-image: -webkit-linear-gradient(#fbfbfb, #cfcfcf); background-image: -moz-linear-gradient(#fbfbfb, #cfcfcf); background-image: -o-linear-gradient(#fbfbfb, #cfcfcf); background-image: linear-gradient(#fbfbfb, #cfcfcf); background-color: #fbfbfb; color: #000000; text-shadow: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#test-review .test-review-header .element-container { position: relative; top: 15%; left: 5%; margin: 0; padding: 0 0 0 0; vertical-align: middle; font-size: 1.25em; text-align: center; }
#test-review .test-review-header .element-container #ews-logout { float: left; border: solid 1px #000000; cursor: pointer; display: inline-block; font-size: 14px; line-height: 80%; height: 12px; padding: 0.6em 0.5em; position: relative; vertical-align: middle; white-space: nowrap; border-right-width: 1px; margin: 0; text-align: center; text-shadow: #000 0 1px 0; color: #ffffff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #b7b7b7)); background-image: -webkit-linear-gradient(#f6f6f6, #b7b7b7); background-image: -moz-linear-gradient(#f6f6f6, #b7b7b7); background-image: -o-linear-gradient(#f6f6f6, #b7b7b7); background-image: linear-gradient(#f6f6f6, #b7b7b7); background-color: #fbfbfb; text-shadow: none; color: #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border-left-width: 1px; }
#test-review .test-review-header .element-container #ews-logout:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b7b7b7), color-stop(100%, #f6f6f6)); background-image: -webkit-linear-gradient(#b7b7b7, #f6f6f6); background-image: -moz-linear-gradient(#b7b7b7, #f6f6f6); background-image: -o-linear-gradient(#b7b7b7, #f6f6f6); background-image: linear-gradient(#b7b7b7, #f6f6f6); background-color: #b7b7b7; }
#test-review .test-review-header .element-container .sections-title { vertical-align: middle; font-size: 1.25em; text-align: center; }

#section-review { margin: 0 0 0 0; overflow: hidden; min-height: 200px; height: 100%; border-left: 1px solid #d8d8d8; }
#section-review .section-review-header { background-color: #f1f1f1; overflow: auto; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#section-review .section-review-header h1 { position: relative; top: 15%; margin: 0; padding: 0 0 0 0; vertical-align: middle; font-size: 30px; margin-left: 12px; color: #666666; }
#section-review .section-review-header .section-meta { padding-left: 5px; font-size: 13px; }
#section-review .section-review-header #section-review-submit-btn { float: right; }
#section-review .section-review-header.header-gradient { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#e1e1e1)); background-image: linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #e1e1e1 0%, white 100%); background-image: -moz-linear-gradient(bottom, #e1e1e1 0%, white 100%); background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, white 100%); background-image: -ms-linear-gradient(bottom, #e1e1e1 0%, white 100%); }
#section-review .section-status { font-size: 13px; font-weight: bold; text-transform: uppercase; }
#section-review .section-review-details { padding-top: 20px; margin-left: 12px; float: left; }
#section-review .section-review-submit { position: relative; right: 0; width: 50%; float: right; overflow: auto; padding-right: 15px; padding-top: 20px; }
#section-review .section-review-flag { color: #666666; margin-left: 12px; font-size: 13px; float: left; }
#section-review .section-review-filters { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 0 0 0; margin: 0; }
#section-review .section-review-filters a { cursor: pointer; }
#section-review .section-review-filters ul.nav-pills { margin-bottom: 10px; margin-top: 10px; margin-left: 12px; }
#section-review .section-review-filters ul.nav-pills li a { cursor: pointer; }
#section-review .section-review-filters ul.nav-pills li button { cursor: pointer; margin-right: 15px; }

#items-table td { background-color: white; }

#items-table .review-stripe td { background-color: #F9F9F9; }

.section-review-items { min-height: 30px; -webkit-overflow-scrolling: touch; }
.section-review-items .section-review-col { width: 130px; }
.section-review-items .scrollpane { height: 100%; }
.section-review-items .scrollpane table { margin: 0; width: 100%; border-collapse: collapse; }
.section-review-items .scrollpane table th, .section-review-items .scrollpane table td { padding: 10px; text-align: center; }
.section-review-items .scrollpane table tr { border-bottom: 1px dotted #b2b2b2; }
.section-review-items .scrollpane table .question-name { text-align: left; }
.section-review-items .scrollpane table .flag { color: #2D93B5; }
.section-review-items .scrollpane .section-review-nav { height: 60px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #165390), color-stop(100%, #124373)); background-image: -webkit-linear-gradient(#165390, #124373); background-image: -moz-linear-gradient(#165390, #124373); background-image: -o-linear-gradient(#165390, #124373); background-image: linear-gradient(#165390, #124373); background-color: #165390; }
.section-review-items .scrollpane .section-review-nav .section-review-nav-button { border: solid 1px #000000; cursor: pointer; display: inline-block; font-size: 14px; line-height: 80%; height: 12px; padding: 0.6em 0.5em; position: relative; vertical-align: middle; white-space: nowrap; border-right-width: 1px; margin: 0; text-align: center; text-shadow: #000 0 1px 0; color: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; position: relative; left: 35%; top: 25%; }

.section-review-items-table { overflow-y: visible; }

#items-table thead { -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.2); position: relative; }

#items-table thead th { padding-top: 0; padding-bottom: 0; background-color: #B2B2B2; color: #FFF; font-size: 13px; font-weight: bold; }

#items-table tbody th { font-weight: normal; }

#largeModal { width: 96%; top: 30px; left: 30px; overflow: visible; margin: 0; }
#largeModal .footer { height: 55px; width: 100%; margin: 0px; }
#largeModal .footer > .button { float: right; margin-right: 15px; margin-top: 10px; height: 37px; }
#largeModal .section-review-footer { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#d2d2d2)); background-image: linear-gradient(bottom, #d2d2d2 0%, #f3f3f3 100%); background-image: -o-linear-gradient(bottom, #d2d2d2 0%, #f3f3f3 100%); background-image: -moz-linear-gradient(bottom, #d2d2d2 0%, #f3f3f3 100%); background-image: -webkit-linear-gradient(bottom, #d2d2d2 0%, #f3f3f3 100%); background-image: -ms-linear-gradient(bottom, #d2d2d2 0%, #f3f3f3 100%); height: 55px; box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.2); z-index: 10; position: relative; }

#btnOverviewReturn { float: right; margin-top: 10px; margin-right: 15px; position: relative; z-index: 10; }

/*  -------------------------------------------------- Set up the Test Overview -------------------------------------------------- */
#review-screen, #largeModal { background: #FFFFFF; border: 1px solid #d8d8d8; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

#review-screen .maincontent { margin-bottom: 0; display: inline-block; float: left; width: 67%; min-height: 330px; }

#review-screen h3 { margin-left: 12px; }

.table-questions { margin-bottom: 0; border-bottom: 1px solid #dddddd; }

.table-questions td { vertical-align: middle; }

.table-questions h5 { margin: 0; }

.table-questions button { margin: 0; }

.table-questions thead { background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ececec)); background: -webkit-linear-gradient(top, #f9f9f9 0%, #ececec 100%); background: linear-gradient(top, #f9f9f9 0%, #ececec 100%); }

.table-questions .b-right { border-right: 1px solid #dddddd; }

.table-questions thead { border-top: 1px solid #dddddd; }

/*  -------------------------------------------------- Test Overview Left Nav -------------------------------------------------- */
.sidebar-nav { height: 100%; }

.nav-list > .test-review-section-active > a, .nav-list > .test-review-section-active > a:hover { background-color: transparent; }

.left-menu { margin-bottom: 0; }

.left-menu li { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#e6e6e6)); background-image: linear-gradient(bottom, #e6e6e6 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #e6e6e6 0%, white 100%); background-image: -moz-linear-gradient(bottom, #e6e6e6 0%, white 100%); background-image: -webkit-linear-gradient(bottom, #e6e6e6 0%, white 100%); background-image: -ms-linear-gradient(bottom, #e6e6e6 0%, white 100%); background-repeat: repeat-y; background-position: right top; padding: 10px 15px 10px 10px; }

.left-menu li:last-child { margin-bottom: 0; }

.left-menu li.test-review-section-active { cursor: normal; /*-webkit-gradient(linear, 0% 0%, 0% 100%, from(#939393), to(#7C7C7C)) */ /* background-image: -webkit-gradient(linear, 100% 0%, 96% 0%, from(#939393), to(#7c7c7c), color-stop(0, #333333));*/ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#939393), to(#7c7c7c)); background-image: linear-gradient(bottom, #7c7c7c 0%, #939393 100%); background-image: -o-linear-gradient(bottom, #7c7c7c 0%, #939393 100%); background-image: -moz-linear-gradient(bottom, #7c7c7c 0%, #939393 100%); background-image: -webkit-linear-gradient(bottom, #7c7c7c 0%, #939393 100%); background-image: -ms-linear-gradient(bottom, #7c7c7c 0%, #939393 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7c7c7c), color-stop(1, #939393)); border-right: 1px solid #d8d8d8; background-color: #939393; }

.left-menu li.test-review-section-active span { color: #ffffff; text-shadow: none; }

.left-menu li a { color: #666; padding: 10px 0; text-decoration: none; width: 80%; }

.left-menu li a:hover { background: none repeat scroll 0 0 transparent; color: #666; text-decoration: none; }

.left-menu li span.box { padding-right: 10px; font-size: 16px; }

.left-menu .section-name { font-size: 20px; line-height: 20px; }

.left-menu .section-status { font-size: 13px; font-weight: bold; text-transform: uppercase; }

.left-menu .section-status-i { display: inline; }

.left-menu .section-meta { padding-left: 5px; font-size: 13px; color: #666666; }

/* TEST OVERVIEW END */
/* -------------------------------------------------- Beginning of Section Start -------------------------------------------------- */
.testcompletion-container { width: 536px; display: block; margin: 20px auto 0 auto; background: #f9f9f9; border: 1px solid #d5d5d5; border-radius: 5px; padding: 30px 50px; background-color: #fff; }
.testcompletion-container .ebutton { min-width: 275px; }
.testcompletion-container .ebutton i:first-child { position: relative; left: 5px; }

.end-label-block { position: relative; margin: 25px auto; width: 50%; margin-top: 1em; }

.end-label { display: block; width: 50%; float: left; }

.end-count { font-size: 28px; height: 60px; width: 60px; margin: 0 auto; background-size: 100%; line-height: 2em; cursor: default; }

.bookmarked .end-count { background: url("/client/public/images/endsection/endSection_bookMarked.png") no-repeat 0 0; background-size: 100%; line-height: 1.8em; }

.bookmarked .end-count > span { color: white; }

.unanswered .end-count { background: url("/client/public/images/endsection/endSection_unanswered.png") no-repeat 0 0; background-size: 100%; }

.answered .end-count { background: url("/client/public/images/endsection/endSection_complete.png") no-repeat 0 0; background-size: 100%; color: transparent; }

.end-label-text { font-size: 18px; margin-top: 0.5em; margin-bottom: 1.4em; text-indent: 0.2em; }

.unanswered .end-text { font-weight: 300; }

.answered .end-text { font-weight: 400; }

.bookmarked-label .end-count-label { color: white; }

.end-txt { padding: 10px 0 25px 0; }

h2.section-header { margin: 5px 0; font-size: 34px; color: #333333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; }

.end-test-header { width: 600px; display: block; margin: 18px auto 0 auto; background: #40657a; border-radius: 5px; padding: 18px; height: 17px; text-align: center; font-size: 17px; }

#endError, .endWarning { display: block; position: relative; left: 0; right: 0; margin: auto; width: 400px; margin-top: 20px; }

#endError.hidden, .endWarning.hidden { display: none; }

.endWarning { background-color: #ffefbf; padding: 14px; text-indent: 20px; }
.endWarning i { position: absolute; left: -25px; }
.endWarning i, .endWarning p { color: #333333; }

#startSectionError { position: relative; margin: auto; width: 70%; margin-bottom: 20px; margin-top: 30px; }

.tn-modal-footer { padding: 14px 15px 15px; text-align: right; border-radius: 0px 0px 6px 6px; }
.tn-modal-footer button.btn { padding: 12px 32px; }
.tn-modal-footer i { position: relative; top: -1px; }

.tn-modal-header { padding: 0px 15px; border-radius: 8px 8px 0 0; background-color: #F5F5F5; border-bottom: 1px solid #bbb; }
.tn-modal-header h2 { margin: 0; font-size: 18px; float: left; font-weight: bold; margin: 5px 0px; white-space: nowrap; }

/* -------------------------------------------------- End of Section Start -------------------------------------------------- */
/* -------------------------------------------------- Beginning of Section End -------------------------------------------------- */
/* -------------------------------------------------- End of Section End -------------------------------------------------- */
.text-warning { color: #ff9900; }

.text-black-table { color: #999; }

.text-info { color: #4291b8; }

/*  Soft stop modal */
#stopstop-modal .modal-body { padding: 10px 15px; }

.soft-modal-button { width: 170px; padding: 7px 12px; }

.soft-modal-td { width: 405px; padding: 6px 0; }

/* drawing styles begin */
.drawing-layer { position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; cursor: crosshair; }

.measurement-layer { position: absolute; z-index: 1001; top: 0; left: 0; width: 100%; height: 100%; cursor: default; }

.drawing-layer.inactive, .measurement-layer.inactive { cursor: default; pointer-events: none; }

#drawing-context-menu { display: none; position: absolute; top: 0; left: 0; background: transparent; margin: 0; padding: 0; z-index: 1101; }

#drawing-context-menu li { list-style-type: none; margin: 0; padding: 10px; padding: 0px 5px 1px 5px; height: 20px; border: 2px solid #2c74b1; cursor: pointer; color: #ffffff; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c74b1), color-stop(75%, #1f5d90), color-stop(100%, #2c74b1)); background-image: -webkit-linear-gradient(top, #2c74b1 0%, #1f5d90 75%, #2c74b1 100%); background-image: -moz-linear-gradient(top, #2c74b1 0%, #1f5d90 75%, #2c74b1 100%); background-image: -o-linear-gradient(top, #2c74b1 0%, #1f5d90 75%, #2c74b1 100%); background-image: -ms-linear-gradient(top, #2c74b1 0%, #1f5d90 75%, #2c74b1 100%); background-image: linear-gradient(top, #2c74b1 0%, #1f5d90 75%, #2c74b1 100%); }

/* drawing styles end */
.ebutton { min-width: 245px; }

.testcommence-container, .rubricblock-container { width: 640px; display: block; margin: 20px auto 0 auto; background: #f9f9f9; border: 1px solid #d5d5d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 28px; }

.endtable td { vertical-align: middle; }

/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-next { background-position: 100% 0; right: 5px; opacity: 0.8; }

.flex-direction-nav .flex-prev { left: 5px; opacity: 0.8; }

/* GRUD hack for ie8 */
body.ie8 .flex-direction-nav .flex-prev { left: 5px; }

body.ie8 .flex-direction-nav .flex-next { right: 5px; }

.flexslider:hover .flex-next { opacity: 0.8; right: 5px; }

.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default; }

/* GRUD hack for slider inside passage-scrolling */
div.passage-scrolling .flexslider { width: 374px; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0; }
  .flex-direction-nav .flex-next { opacity: 1; right: 0; } }
/*   Bootstrap css with different names
**************************************************/
.tn8-modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }

.tn8-modal-backdrop.fade { opacity: 0; }

.tn8-modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); }

.tn8-modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }

.tn8-modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; }

.tn8-modal.fade.in { top: 10%; }

.tn8-modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; }

.tn8-modal-header .close { margin-top: 2px; }

.tn8-modal-header h3 { margin: 0; line-height: 30px; }

.tn8-modal-body { position: relative; max-height: 400px; padding: 15px; overflow-y: auto; }

.tn8-modal-form { margin-bottom: 0; }

.tn8-modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; }

.tn8-modal-footer:before, .tn8-modal-footer:after { display: table; line-height: 0; content: ""; }

.tn8-modal-footer:after { clear: both; }

.tn8-modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }

.tn8-modal-footer .btn-group .btn + .btn { margin-left: -1px; }

.tn8-modal-footer .btn-block + .btn-block { margin-left: 0; }

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

/**************************************************/
/********* Style for keyboard accessibility menu on GraphicGapMatch, GapMatch and Match Interaction****************/
ul#dragpopup { display: block; top: auto; left: auto; }

#dragpopup li { background: none; padding: 0; float: none; display: block; }

/**********This makes tiny mce be able to be selectable*****/
.mce-panel { -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -ms-user-select: auto; user-select: auto; }

/**********jwplayer hacks*****/
#exhibits-modal .jwplayer .jwclick_item, #exhibits-modal .jwplayer .jwlogo, #exhibits-modal .jwplayer .jwclick, #exhibits-modal .jwfullscreen, #content .jwplayer .jwclick, #content .jwplayer .jwclick_item, #content .jwplayer .jwlogo, #content .jwfullscreen { display: none !important; }

.jwplayer { -webkit-overflow-scrolling: auto; }

/******** ti84 styling ****************/
div.confidential { top: 0; left: 0; position: absolute; float: left; }

div.calculatorDiv { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; top: 0; left: 0; position: relative; float: left; }

div.displayDiv { background-color: transparent; }

canvas.display { background-color: transparent; }

div.calculatorDiv div.displayDiv { float: left; position: relative; z-index: 20; }

div.displayDiv canvas { position: relative; width: 100%; height: 100%; z-index: 20; }

div.calculatorDiv svg { float: left; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; }

/******** preventing magnifier to popup ****************/
.no-magnifier { -webkit-user-select: none; }

/******** log and srf viewer css ****************/
#logViewer, #fileViewer, #deleteDialog, #failedDelete, .logContent { display: none; }

.logContent.active { display: block; }

.logContent .btn-danger { float: right; }

.fileClose { position: absolute; margin: auto; top: 0; right: 8px; }

#fileViewer { border: solid 1px black; background-color: inherit; position: absolute; margin: auto; top: 0; width: 100%; border-radius: 6px; }

#fileItemList { max-height: 500px; overflow-y: scroll; }

#deleteDialog { background-color: inherit; position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0; width: 24%; height: 70px; border: solid 1px black; padding: 3px; border-radius: 4px; }

#deleteDialog h5 { text-align: center; }

#deleteDialog div:first-of-type { margin-left: 10px; }

#deletePass { width: 50%; }

#logViewer .btn { margin-right: 5px; position: relative; top: -4px; }

#fileViewer .btn { margin-right: 15px; }

.entry div:first-of-type { font-weight: bold; }

#logTab { background-color: white; }

#logViewer .well { margin-bottom: 8px; }

.logList { padding-top: 5px; max-height: 300px; overflow-y: scroll; }

/* styling that matches bootstraps headers */
#loading-title, .fmodal-header div, #requireError .modal-header div, #ac-title { margin: 10px 0px; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; }

/* font sizing for pseudo titles */
#loading-title, .fmodal-header div, #ac-title { font-size: 17.5px; }

#requireError .modal-header div { font-size: 24.5px; line-height: 40px; }

#firstTabbable, #lastTabbable { color: transparent; position: fixed; display: block; visibility: visible; }

#firstTabbable { overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; }

#lastTabbable:focus { height: 30px; width: 120px; bottom: 0; right: 40px; top: auto; left: auto; color: #005580; background-color: #E6E6E6; text-align: center; padding: 4px; padding-top: 10px; border-radius: 8px 8px 0 0; }

.p-code-cont { position: relative; }

.p-code-cont > div { width: 185px; }

#proctorCode { position: relative; top: 6px; width: 70%; height: 26px; text-align: center; }

#softError { display: none; color: #b94a48; padding-top: 15px; }

.btn-group > .tooltip + .btn { margin-left: -1px; }

#header button:last-of-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.tooltip-inner { font-size: 14px; max-width: 650px; }

.jGrowl-success { background: #296341 !important; border: none !important; opacity: 1 !important; color: #FFFFFF !important; }

.jGrowl-error { background: #B30600 !important; border: none !important; opacity: 1 !important; color: #FFFFFF !important; }

body.ipad .jGrowl-success .jGrowl-close, body.ipad .jGrowl-error .jGrowl-close { width: 25px; height: 25px; text-align: center; }

#jGrowl { z-index: 1042; }

.jGrowl-close:after { content: '×'; }

/* Practice Tests */
#practiceTestContainer { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
#practiceTestContainer iframe { border: 1px solid #ccc; border-radius: none; }
#practiceTestContainer .iframe-shadow { position: absolute; height: 10px; width: 100%; }
#practiceTestContainer .iframe-shadow.shadow-bottom { bottom: 5px; border-radius: 4px; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
#practiceTestContainer .iframe-shadow.shadow-top { top: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }

#practice-test-iframe { width: 100%; background: white; border-radius: 4px; }

/* Scorable Epats */
#epatReportContainer { width: 70%; margin-left: auto; margin-right: auto; }

.scorable-epat-name-container { margin: 10px; }

#scorable-epat-iframe { width: 100%; background: white; border-radius: 4px; }

#epat-finish { float: right; margin-bottom: 1.6%; }

.epat-overview { margin-top: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; }

/* skipnav */
#skip-to-content { left: 0; right: 0; top: 84px; position: absolute; z-index: -1; height: 0; }

#skip-to-content a { padding: 8px; position: absolute; width: 107px; top: -42px; height: 24px; border-radius: 0 0 8px 8px; color: transparent; background-color: transparent; outline: 0px none; transition: top 1s ease-out 0s, #FAFAFA 1s linear 0s; }
#skip-to-content a.skipToContentLanges { top: -62px; }

#skip-to-content a:focus { left: 0; top: 0; color: #005580; background-color: #E6E6E6; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; }

#skipToInstructions { position: relative; margin: 0 auto; height: 0; width: 700px; }

#skipToInstructions a { position: absolute; color: transparent; top: -200px; }

#skipToInstructions a:focus { color: #005580; background-color: #E6E6E6; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 8px; width: 162px; height: 24px; border-radius: 0px 0px 8px 8px; left: 0px; top: -20px; text-indent: 1em; }

#login-link, #home-link { cursor: pointer; }

.exhibits li { cursor: pointer; }

[data-toggle="tab"] { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* import */
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { float: none; display: inline-block; margin-bottom: 10px; margin-left: 0; line-height: 30px; font-size: 14px; }

/* SPECIAL FOR Testmap Overview button */
.bootstrap-select.overview.btn-group:not(.input-group-btn), .bootstrap-select.overview.btn-group[class*="span"] { margin-bottom: 0px; }

/* END SPECIAL for Testmap Overview button */
.form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group { margin-bottom: 0; }

.bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; }

.bootstrap-select.btn-group.pull-right, .bootstrap-select.btn-group[class*="span"].pull-right, .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right { float: right; }

.input-append .bootstrap-select.btn-group { margin-left: -1px; }

.input-prepend .bootstrap-select.btn-group { margin-right: -1px; }

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; }

.bootstrap-select { /*width: 220px\9; IE8 and below*/ width: 220px\0; /*IE9 and below*/ }

.bootstrap-select.form-control:not([class*="span"]) { width: 100%; }

.bootstrap-select > .btn { width: 100%; padding-right: 25px; padding-left: 0; }

.error .bootstrap-select .btn { border: 1px solid #b94a48; }

.bootstrap-select.show-menu-arrow.open > .btn { z-index: 2051; }

.bootstrap-select .btn:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; }

.bootstrap-select.btn-group .btn .filter-option { display: inline-block; overflow: hidden; width: 100%; /*height: 100%;*/ float: left; text-align: left; padding-left: 10px; padding-top: 1px; }

.bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; right: 8px; margin-top: -2px; vertical-align: middle; }

.bootstrap-select.btn-group > .disabled, .bootstrap-select.btn-group .dropdown-menu li.disabled > a { cursor: not-allowed; }

.bootstrap-select.btn-group > .disabled:focus { outline: none !important; }

.bootstrap-select.btn-group[class*="span"] .btn { width: 100%; }

.bootstrap-select.btn-group .dropdown-menu { min-width: 100%; z-index: 1000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.bootstrap-select.btn-group .dropdown-menu.inner { position: static; border: 0; padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.bootstrap-select.btn-group .dropdown-menu dt { display: block; padding: 3px 20px; cursor: default; }

.bootstrap-select.btn-group .div-contain { overflow: hidden; }

.bootstrap-select.btn-group .dropdown-menu li { position: relative; }

.bootstrap-select.btn-group .dropdown-menu li > a.opt { position: relative; padding-left: 35px; }

.bootstrap-select.btn-group .dropdown-menu li > a { cursor: pointer; }

.bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 2.5px; }

.bootstrap-select.btn-group .dropdown-menu li a i.check-mark { display: none; }

.bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; }

.bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; }

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small { color: #64b1d8; color: rgba(255, 255, 255, 0.4); }

.bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid #ffffff; border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; }

.bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; }

.bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mobile-device { position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; }

.bootstrap-select.fit-width { width: auto !important; }

.bootstrap-select.btn-group.fit-width .btn .filter-option { position: static; }

.bootstrap-select.btn-group.fit-width .btn .caret { position: static; top: auto; margin-top: -1px; }

.control-group.error .bootstrap-select .dropdown-toggle { border-color: #b94a48; }

.bootstrap-select-searchbox, .bootstrap-select .bs-actionsbox { padding: 4px 8px; }

.bootstrap-select .bs-actionsbox { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.bootstrap-select-searchbox + .bs-actionsbox { padding: 0 8px 4px; }

.bootstrap-select-searchbox input { margin-bottom: 0; }

.bootstrap-select .bs-actionsbox .btn-group button { width: 50%; }

.btn-select { display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #555555; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #ffffff; background-image: -moz-linear-gradient(top, white, white); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(white)); background-image: -webkit-linear-gradient(top, white, white); background-image: -o-linear-gradient(top, white, white); background-image: linear-gradient(to bottom, #ffffff, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.btn-select:hover, .btn-select:focus, .btn-select:active, .btn-select.active, .btn-select.disabled, .btn-select[disabled] { color: #333333; background-color: #ffffff; *background-color: #ffffff; }

.btn-select:active, .btn-select.active { background-color: #ffffff \9; }

.btn-select:hover, .btn-select:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }

blockquote p .bootstrap-select.btn-group:not(.input-group-btn), blockquote p .bootstrap-select.btn-group[class*="span"] { display: inline-block; float: none; margin-bottom: 0; margin-left: 0; }

.bootstrap-select *:focus { outline-color: transparent; outline-style: none; }

.tn8-draggable-modal { -moz-user-select: none; border-radius: 10px 10px 6px 6px; }
.tn8-draggable-modal .tn8-draggable-modal-header { font-size: 18px; color: #666666; height: 40px; padding: 0px 15px; cursor: move; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #e6e6e6)); background-image: -webkit-linear-gradient(white, #e6e6e6); background-image: -moz-linear-gradient(white, #e6e6e6); background-image: -o-linear-gradient(white, #e6e6e6); background-image: -ms-linear-gradient(white, #e6e6e6); background-image: linear-gradient(#ffffff, #e6e6e6); border-bottom: 1px solid #cccccc; border-radius: 10px 10px 0px 0px; }
.tn8-draggable-modal .tn8-draggable-modal-header h2 { font-size: 18px; font-weight: normal; line-height: 40px; margin: 0px; }
.tn8-draggable-modal .tn8-draggable-modal-header .close { font-size: 18px; line-height: 40px; margin-top: 0px; }
.tn8-draggable-modal .tn8-draggable-modal-body { overflow: hidden; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tn8-draggable-modal .tn8-draggable-modal-footer { padding-top: 0px; }

.tn8-fixed-modal { -moz-user-select: none; border-radius: 10px 10px 6px 6px; }
.tn8-fixed-modal .modal-header { height: 40px; padding: 0px 15px; box-sizing: border-box; border-bottom: 1px solid #E6E6E6; border-radius: 10px 10px 0px 0px; background-color: #F5F5F5; }
.tn8-fixed-modal .modal-header h2 { font-size: 18px; font-weight: bold; color: #333333; line-height: 40px; margin: 0px; }
.tn8-fixed-modal .modal-header .close { font-size: 18px; line-height: 40px; margin-top: 0px; opacity: 1; color: #666; }
.tn8-fixed-modal .modal-header .close .icon-remove:before { top: -2px; font-size: 12px; }
.tn8-fixed-modal .modal-header .close:hover { color: #000; }
.tn8-fixed-modal .modal-footer { background-color: #FFFFFF; border-top: 0px; padding: 20px; }
.tn8-fixed-modal .modal-footer button { float: right; }

#exhibit-sidebar { margin-top: 20px; width: 53px; height: 50px; float: right; cursor: pointer; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
#exhibit-sidebar .exhibit-sidebar-button { width: 100%; height: 100%; text-align: center; position: relative; padding: 6px 2px 6px 4px; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
#exhibit-sidebar .exhibit-sidebar-button .sidebar-label { font-size: 12px; color: white; }
#exhibit-sidebar .exhibit-sidebar-button .sidebar-icon { color: white; }
#exhibit-sidebar .exhibit-sidebar-button .sidebar-icon i:before { top: 0px; }
#exhibit-sidebar .exhibit-sidebar-button.active { background-color: #636363; background-image: -webkit-linear-gradient(top, #474747, #636363); background-image: -moz-linear-gradient(top, #474747, #636363); background-image: linear-gradient(top, #474747, #636363); }
#exhibit-sidebar .exhibit-sidebar-button.active:hover { background-color: #636363; }
#exhibit-sidebar .exhibit-sidebar-button:focus, #exhibit-sidebar .exhibit-sidebar-button:hover { border-color: #9ecaed; box-shadow: 0 0 2px; }

#exhibits-modal { width: 620px; overflow: hidden; }
#exhibits-modal .nav-tabs { position: relative; }
#exhibits-modal .nav-tabs .dropdown-menu { z-index: 1060; }
#exhibits-modal .tab-pane { overflow-y: auto; max-height: 365px; }

.nav-tabs .tabdrop.open .dropdown-toggle { color: #999999; }

@media (max-width: 767px) { #exhibits-modal { width: 90% !important; max-width: 620px; margin: auto; float: left; left: 5%; top: 5%; position: absolute; } }
/* Start Paged Passage Styles */
.passage-paging, .tab-paging { height: 340px; margin-bottom: 8px; background-color: #ffffff; border: 1px solid #dddddd; position: relative; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.int-pp-scrollRail { border-width: 0 0 0 1px; border-color: #dddddd; border-style: solid; }

.int-pp-passageContent { position: absolute; top: 0; left: 0; background-color: #f2f2f2; color: #333333; padding: 0; margin: 0; overflow: hidden; }

.int-pp-passagePage { position: absolute; left: 10px; width: 340px; padding: 35px 20px 10px 20px; overflow: hidden; background-color: white; border: 1px solid #dddddd; -webkit-box-shadow: 1px 1px 3px 0px #777777; box-shadow: 1px 1px 3px 0 #999999; }
.int-pp-passagePage p { margin: 0 0 15px 0; }

.int-pp-passageControls { border-style: solid; border-width: 1px 0 0 0; border-color: #dddddd; position: absolute; height: 27px; bottom: 0; text-align: center; padding: 6px 0; margin: 0; background-color: #f2f2f2; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f2f2f2)); background: -webkit-linear-gradient(top, white, #f2f2f2); background: -moz-linear-gradient(top, white, #f2f2f2); background: -ms-linear-gradient(top, white, #f2f2f2); background: -o-linear-gradient(top, white, #f2f2f2); font-size: 11pt; }
.int-pp-passageControls button { width: 100px; height: 28px; }
.int-pp-passageControls button i { padding-top: 2px; }
.int-pp-passageControls #int-pp-passageCounter { text-align: center; padding: 0 20px; font-weight: bold; }
.int-pp-passageControls .int-pp-left { width: 100px; position: absolute; left: 10px; top: 6px; }
.int-pp-passageControls .int-pp-right { width: 100px; position: absolute; right: 10px; top: 6px; }
.int-pp-passageControls .btn-small { padding: 2px 5px; }
.int-pp-passageControls .button-blocker { position: absolute; width: 100px; height: 28px; background-color: white; opacity: .5; }

.int-pp-pageNumber { position: absolute; top: 10px; right: 10px; font-weight: bold; font-size: 14pt; }

/* End Paged Passage Styles */
.tn8-error-modal { border: 1px solid #999; }
.tn8-error-modal .modal-header { background-color: #F5F5F5; border-bottom: 1px solid #E6E6E6; border-radius: 6px; }
.tn8-error-modal .modal-header #error-label { font-size: 18px; font-weight: bold; color: #333; }
.tn8-error-modal .modal-header .close { color: #666; font-size: 13px; font-weight: bold; opacity: 1; }
.tn8-error-modal .modal-header .close:hover { color: #000; opacity: 1; }
.tn8-error-modal .modal-body .alert-error { background-color: #F2DEDE; border-color: #B94A48; }
.tn8-error-modal .modal-body .modal-msg { color: #333; margin-bottom: 0px; }
.tn8-error-modal .modal-body .modal-error-code { color: #333; font-size: 11px; }
.tn8-error-modal .modal-footer { border-top: none; background-color: #FFF; padding-top: 0; }

#ewsContainer .ews-message { margin-top: 15px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; }
#ewsContainer .ews-button-container { margin-top: 30px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; text-align: center; }
#ewsContainer .ews-icon { padding-left: 10px; padding-right: 10px; line-height: 30px; font-size: 30px; }
#ewsContainer .ews-icon-label { line-height: 30px; font-weight: bold; font-size: 14px; }
#ewsContainer .ews-message .table h5, #ewsContainer .ews-message .table .ews-input-row { margin-left: 15px; margin-right: 15px; }
#ewsContainer .ews-input-row input[type="text"] { width: 400px; margin: 0px; }

#file-browser-modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; }
#file-browser-modal .tree-leaf { margin-bottom: 5px; background-color: #e6e5f7; }
#file-browser-modal .tree-leaf:focus, #file-browser-modal .tree-leaf:hover { border-color: blue; background-color: #d9edf7; }
#file-browser-modal .tree-ul { list-style-type: none; }
#file-browser-modal #file-tree { height: 300px; }

.modal div#file-browser-modal { /* So that the Filebrowser blocks the EWS modal while open and its child.
*/ position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-left: 0; background-color: #f5f5f5; }
.modal div#file-browser-modal .modal-header { background-color: white; border-radius: 7px 7px 0 0; }
.modal div#file-browser-modal .modal-body { height: 72%; max-height: 600px; background-color: white; }
.modal div#file-browser-modal #file-tree { height: auto; }

/* qTip2 v2.0.1-233 basic css3 | qtip2.com | Licensed MIT, GPL | Thu Oct 03 2013 14:10:34 */
.qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; box-shadow: none; padding: 0; }

.qtip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; }

.qtip-titlebar { position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: 700; }

.qtip-titlebar + .qtip-content { border-top-width: 0!important; }

.qtip-close { position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent; }

.qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px; }

* html .qtip-titlebar .qtip-close { top: 16px; }

.qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; }

.qtip-icon .ui-icon { width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: 400 bold 10px/13px Tahoma, sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; }

.qtip-default { border-width: 1px; border-style: solid; border-color: #F1D031; background-color: #FFFFA3; color: #555; }

.qtip-default .qtip-titlebar { background-color: #FFEF93; }

.qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; }

.qtip-default .qtip-titlebar .qtip-close { border-color: #AAA; color: #111; }

.qtip-light { background-color: #fff; border-color: #E2E2E2; color: #454545; }

.qtip-light .qtip-titlebar { background-color: #f1f1f1; }

.qtip-dark { background-color: #505050; border-color: #303030; color: #f3f3f3; }

.qtip-dark .qtip-titlebar { background-color: #404040; }

.qtip-dark .qtip-icon { border-color: #444; }

.qtip-dark .qtip-titlebar .ui-state-hover { border-color: #303030; }

.qtip-cream { background-color: #FBF7AA; border-color: #F9E98E; color: #A27D35; }

.qtip-cream .qtip-titlebar { background-color: #F0DE7D; }

.qtip-cream .qtip-close .qtip-icon { background-position: -82px 0; }

.qtip-red { background-color: #F78B83; border-color: #D95252; color: #912323; }

.qtip-red .qtip-titlebar { background-color: #F06D65; }

.qtip-red .qtip-close .qtip-icon { background-position: -102px 0; }

.qtip-red .qtip-icon { border-color: #D95252; }

.qtip-red .qtip-titlebar .ui-state-hover { border-color: #D95252; }

.qtip-green { background-color: #CAED9E; border-color: #90D93F; color: #3F6219; }

.qtip-green .qtip-titlebar { background-color: #B0DE78; }

.qtip-green .qtip-close .qtip-icon { background-position: -42px 0; }

.qtip-blue { background-color: #E5F6FE; border-color: #ADD9ED; color: #5E99BD; }

.qtip-blue .qtip-titlebar { background-color: #D0E9F5; }

.qtip-blue .qtip-close .qtip-icon { background-position: -2px 0; }

.qtip-shadow { -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); }

.qtip-rounded, .qtip-tipsy, .qtip-bootstrap { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.qtip-rounded .qtip-titlebar { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.qtip-youtube { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; color: #fff; border-width: 0; background: #4A4A4A; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, black)); background-image: -webkit-linear-gradient(top, #4a4a4a 0, black 100%); background-image: -moz-linear-gradient(top, #4a4a4a 0, black 100%); background-image: -ms-linear-gradient(top, #4a4a4a 0, black 100%); background-image: -o-linear-gradient(top, #4a4a4a 0, black 100%); }

.qtip-youtube .qtip-titlebar { background-color: #4A4A4A; background-color: rgba(0, 0, 0, 0); }

.qtip-youtube .qtip-content { padding: .75em; font: 12px arial,sans-serif; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"; }

.qtip-youtube .qtip-icon { border-color: #222; }

.qtip-youtube .qtip-titlebar .ui-state-hover { border-color: #303030; }

.qtip-jtools { background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-linear-gradient(top, #717171, #232323); background-image: -ms-linear-gradient(top, #717171, #232323); background-image: -o-linear-gradient(top, #717171, #232323); border: 2px solid #ddd; border: 2px solid #f1f1f1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; }

.qtip-jtools .qtip-titlebar { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"; }

.qtip-jtools .qtip-content { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"; }

.qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content { background: transparent; color: #fff; border: 0 dashed transparent; }

.qtip-jtools .qtip-icon { border-color: #555; }

.qtip-jtools .qtip-titlebar .ui-state-hover { border-color: #333; }

.qtip-cluetip { -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent; }

.qtip-cluetip .qtip-titlebar { background-color: #87876A; color: #fff; border: 0 dashed transparent; }

.qtip-cluetip .qtip-icon { border-color: #808064; }

.qtip-cluetip .qtip-titlebar .ui-state-hover { border-color: #696952; color: #696952; }

.qtip-tipsy { background: #000; background: rgba(0, 0, 0, 0.87); color: #fff; border: 0 solid transparent; font-size: 11px; font-family: 'Lucida Grande',sans-serif; font-weight: 700; line-height: 16px; text-shadow: 0 1px #000; }

.qtip-tipsy .qtip-titlebar { padding: 6px 35px 0 10px; background-color: transparent; }

.qtip-tipsy .qtip-content { padding: 6px 10px; }

.qtip-tipsy .qtip-icon { border-color: #222; text-shadow: none; }

.qtip-tipsy .qtip-titlebar .ui-state-hover { border-color: #303030; }

.qtip-tipped { border: 3px solid #959FA9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F9F9F9; color: #454545; font-weight: 400; font-family: serif; }

.qtip-tipped .qtip-titlebar { border-bottom-width: 0; color: #fff; background: #3A79B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d)); background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d); background-image: -moz-linear-gradient(top, #3a79b8, #2e629d); background-image: -ms-linear-gradient(top, #3a79b8, #2e629d); background-image: -o-linear-gradient(top, #3a79b8, #2e629d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"; }

.qtip-tipped .qtip-icon { border: 2px solid #285589; background: #285589; }

.qtip-tipped .qtip-icon .ui-icon { background-color: #FBFBFB; color: #555; }

.qtip-bootstrap { font-size: 14px; line-height: 20px; color: #333; padding: 1px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }

.qtip-bootstrap .qtip-titlebar { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.qtip-bootstrap .qtip-titlebar .qtip-close { right: 11px; top: 45%; border-style: none; }

.qtip-bootstrap .qtip-content { padding: 9px 14px; }

.qtip-bootstrap .qtip-icon { background: transparent; }

.qtip-bootstrap .qtip-icon .ui-icon { width: auto; height: auto; float: right; font-size: 20px; font-weight: 700; line-height: 18px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); }

.qtip-bootstrap .qtip-icon .ui-icon:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40); }

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; }

.qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10; }

x:-o-prefocus, .qtip .qtip-tip { visibility: hidden; }

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; }

.qtip .qtip-tip canvas { top: 0; left: 0; }

.qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; }

#qtip-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }

#qtip-overlay.blurs { cursor: pointer; }

#qtip-overlay div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(Opacity=70)"; }

.qtipmodal-ie6fix { position: absolute!important; }

/*	--------------------------------------------------
	Colors
	-------------------------------------------------- */
.grayDark { color: #333; }

.grayDarkBackground { background-color: #333; }

.grayLight { color: #999; }

.grayLightBackground { background-color: #999; }

.grayLighter { color: #eee; }

.grayLighterBackground { background-color: #eee; }

.primaryColor { color: #0074CC; }

.primaryColorBackground { background-color: #0074CC; }

.primaryColorAccent { color: #049CDB; }

.primaryColorAccentBackground { background-color: #049CDB; }

.secondaryColor { color: #f5f5f5; }

.secondaryColorBackground { background-color: #f5f5f5; }

.linkColor { color: #0088cc; }

.linkColorBackground { background-color: #0088cc; }

.linkColorHover { color: #005580; }

.linkColorHoverBackground { background-color: #005580; }

.highlightColor { background-color: #FFFF00; }

/* Message Colors */
.successText { color: #468847; }

.successBackground { background-color: #dff0d8; }

.warningText { color: #c09853; }

.warningBackground { background-color: #f3edd2; }

.errorText { color: #b94a48; }

.errorBackground { background-color: #f2dede; }

/*    -------------------------------------------------- Passage Styles -------------------------------------------------- */
.passage-scrolling, .tab-scrolling { padding: 5%; height: 340px; width: 89%; border: 2px solid #999; overflow-y: hidden; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.passage240 { height: 240px; }

.passage440 { height: 440px; }

.passage540 { height: 540px; }

.tab-scrolling.passage340 { height: 296px; }

.tab-scrolling.passage440 { height: 385px; }

.tab-scrolling.passage540 { height: 485px; }

/*	--------------------------------------------------
	Interaction Styles
	-------------------------------------------------- */
div .prompt { display: block; width: 100%; }

.int-choice-list { width: 100%; padding: 0; margin: 8px 0; list-style: none; }

body.ie .int-choice-list { margin: 8px 0 0 -18px; }

.int-choice-list > li { display: table; width: 100%; margin: 4px 0 4px; }

.int-choice-control { padding: 2px 0 0; display: table-cell; vertical-align: top; /* font-weight: normal; line-height: normal; */ width: 8px; }

body.ie .radio .int-choice-control { padding: 0 0 0 18px; }

body.ie .checkbox .int-choice-control { padding: 0 10px 0 18px; }

.int-choice-label { padding: 5px 4px 4px; display: table-cell; vertical-align: top; /* font-weight: normal; line-height: normal; */ width: 18px; }

.int-choice-desc { padding: 5px 4px 4px; display: table-cell; vertical-align: top; /* font-weight: normal; line-height: normal; */ }

.int-choice-list.two-up > li { display: inline-block; width: 46%; margin-right: 4px; vertical-align: top; }

.int-choice-list.three-up > li { display: inline-block; width: 31%; margin-right: 4px; vertical-align: top; }

.int-choice-list.four-up > li { display: inline-block; width: 20.5%; margin-right: 4px; vertical-align: top; }

.int-choice-list.five-up > li { display: inline-block; width: 16%; margin-right: 4px; vertical-align: top; }

.int-choice-desc.valign-baseline { vertical-align: baseline; }

.int-choice-desc.valign-baseline span { display: inline; vertical-align: baseline; }

.int-choice-desc.valign-middle { vertical-align: middle; }

.int-choice-desc.valign-middle span { display: inline; vertical-align: middle; }

.int-choice-desc.valign-top { vertical-align: top; }

.int-choice-desc.valign-top span { display: inline; vertical-align: top; }

.int-choice-desc.valign-top .MathJax span, .int-choice-desc.valign-middle .MathJax span { vertical-align: baseline; }

/* Used in choice interaction. Needed for answer masking to work. */
label.radio, label.checkbox { line-height: normal; display: inline-block; }

div .img-label { display: inline; position: relative; top: -14px; left: 10px; }

div .img-desc { display: inline; position: relative; top: -19px; left: 10px; }

body.ie8 div .img-label, body.ie9 div .img-label, body.ie10 div .img-label, body.ie11 div .img-label { display: table-cell; top: -2px; left: 8px; }

body.ie8 div .img-desc, body.ie9 div .img-desc, body.ie10 div .img-desc, body.ie11 div .img-desc { display: table-cell; top: -7px; }

.valign-img-large.img-label { top: -15px; }

.valign-img-large.img-desc { top: -23px; vertical-align: baseline; }

body.ie8 .valign-img-large.img-label, body.ie9 .valign-img-large.img-label, body.ie10 .valign-img-large.img-label, body.ie11 .valign-img-large.img-label { top: -3px; }

body.ie8 .valign-img-large.img-desc, body.ie9 .valign-img-large.img-desc, body.ie10 .valign-img-large.img-desc, body.ie11 .valign-img-large.img-desc { top: -11px; padding-left: 5px; }

body.ie11 > div:not(#exhibits-modal) img { width: auto; }

input[type="text"] { padding-top: 3px; padding-bottom: 3px; margin-bottom: 0; margin-top: -2; vertical-align: baseline; }

.int-extended-text { display: block; margin: 8px 0; width: 95%; max-width: 95%; height: 54px; line-height: 18px; font-weight: normal; }

.int-extended-text-counter { display: inline-block; padding: 2px 4px; margin-top: -6px; font-size: 14px; line-height: 20px; cursor: not-allowed; vertical-align: middle; }

.height-medium { height: 108px; }

.height-tall { height: 162px; }

.height-xtratall { height: 216px; }

.height-xxtratall { height: 270px; }

.height-xxxtratall { height: 324px; }

/* make blockquotes a little bigger, this helps improve the presentation of inline interactions */
blockquote p { line-height: 28px; }

blockquote p, blockquote p input[type="text"], blockquote p select { /* display: inline-block; */ *display: inline; *zoom: 1; margin-bottom: 0; }

/* --------- Styles for Match ---------- */
.uber-match-group-wrapper { border: 0; display: inline-block; margin: 18px auto 0px; text-align: center; width: 100%; min-height: 60px; padding: 0; }

.uber-match-group-wrapper .match-group-wrapper { float: left; border: 1px solid #888888; display: inline-block; margin: 0 0 4px 0; text-align: center; width: 100%; min-height: 98px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.match-group-wrapper .match-group-label { color: #666; font-weight: bold; line-height: 24px; min-height: 24px; }

.uber-match-group-wrapper.group-one-up .match-group-wrapper { width: 99%; margin-left: 1%; }

.uber-match-group-wrapper.group-two-up .match-group-wrapper { width: 48%; margin-left: 1%; }

.uber-match-group-wrapper.group-three-up .match-group-wrapper { width: 32%; margin-left: 0.98%; }

.uber-match-group-wrapper.group-four-up .match-group-wrapper { width: 23%; margin-left: 0.98%; }

.ubermatch-group-wrapper.group-five-up .match-group-wrapper { width: 19%; margin-left: 0.98%; }

#itemCanvasBody .dragpopup { display: block; top: auto; left: auto; }

#itemCanvasBody .dragpopup li { cursor: pointer; float: none; display: block; background: none; display: block; margin: 4px; padding: 0 4px; padding: 3px 20px; clear: both; font-weight: bold; line-height: 20px; color: #333; white-space: nowrap; color: #2871BD; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#itemCanvasBody .dragpopup li:focus, #itemCanvasBody .dragpopup li:hover { background-color: #2871BD; color: white; }

.match-half { opacity: 0.3; }

.no-ie .match-full { transition: opacity .45s ease-in-out; -moz-transition: opacity .45s ease-in-out; -webkit-transition: opacity .45s ease-in-out; -ms-transition: opacity .45s ease-in-out; opacity: 1; }

.ie .match-full { opacity: 1; }

.sourcechoices { list-style: none; display: inline-block; margin: 18px auto 18px; text-align: center; width: 100%; min-height: 60px; padding-top: 8px; }

.match-group-wrapper .sourcechoices { margin: 0 auto; padding-top: 8px; min-height: 60px; }

.sourcechoices.custom-state-active { background: #eee; }

.sourcechoices .choice { /* float: left; */ display: inline-block; cursor: move; padding: 12px 4px; margin: 0 2px 8px; vertical-align: top; color: #2871BD; text-decoration: none; background: #F3F3F3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.sourcechoices .choice.ui-draggable-dragging img, .choiceList .choice.ui-draggable-dragging img { max-width: none; /* override bootstrap */ }

.sourcechoices .choice, .targetchoices .choice { /* border-color: #0088cc; */ border-color: #2871BD; overflow: hidden; }

.sourcechoices .choice.whitebg, .targetchoices .choice.whitebg { background: #FFF; }

.sourcechoices .choice.text { padding-left: 8px; padding-right: 8px; /* color: #1C94C4; */ color: #2871BD; font-weight: 400; }

.sourcechoices .choice.align-left { text-align: left; }

.sourcechoices .choice:hover { background: #E8E8E8; }

.sourcechoices.one-up .choice { width: 65%; }

.sourcechoices.two-up .choice { width: 44%; }

.sourcechoices.three-up .choice { width: 28.5%; }

.sourcechoices.four-up .choice { width: 20.0%; }

.sourcechoices.five-up .choice { width: 16%; }

.sourcechoices.five-up .target { width: 16%; }

.sourcechoices .shortcut-label { display: block; font-weight: 400; color: #666; }

ul.targetchoices { display: inline-block; margin: 0 auto 18px; text-align: center; width: 100%; }

.targetchoices .target { display: inline-block; padding: 12px 4px; margin: 0 2px 8px; vertical-align: top; text-decoration: none; color: #666; background: #F3F3F3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 5em; }

/* body.ie .targetchoices .target { min-height: 10em; } */
.targetchoices .target.text { color: #333; font-weight: 400; }

.targetchoices .choice.text { font-weight: 400; }

.target.custom-state-active { background: #BBCEF1; border: 1px dashed #6D95E0; }

.target.custom-gap-hover { background: #efefef; }

.targetchoices.one-up .target { width: 65%; }

.targetchoices.two-up .target { width: 44%; }

.targetchoices.three-up .target { width: 28.5%; }

.targetchoices.four-up .target { width: 20.0%; }

.targetchoices.five-up .target { width: 16%; }

.choiceList li { float: left; cursor: move; min-width: 90px; padding: 12px 4px; margin: 4px 8px; vertical-align: top; color: #2871BD; text-decoration: none; background: #F3F3F3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.sourcechoices .choice span.math, .targetchoices .choice span.math { display: inline !important; }

table.table-grid { width: 100%; margin: 18px auto; }

/* --------- Styles for GapMatch ---------- */
.int-gapmatch { display: table; width: 100%; }

.int-gapmatch.choices-top > .gapmatch-content, .int-gapmatch.choices-bottom > .gapmatch-content { float: left; width: 100%; }

.int-gapmatch.choices-left > .gapmatch-content { margin-right: 0px; }

.int-gapmatch.choices-right > .gapmatch-content { margin-right: 20px; }

/* Give GM content more breathing room */
.gapmatch-content, .gapmatch-content p { line-height: 28px; }

/* This are the gapMatch source list styles */
.gap-choiceList { list-style-type: none; margin: 4px 0; padding: 0 4px; width: 100%; min-height: 40px; display: inline-block; }

.gap-choiceList.custom-state-active { background: #eee; }

.gap-choiceList li { cursor: move; display: inline-block; margin: 4px; padding: 2px 10px; float: left; min-height: 20px; color: #2871BD; font-size: 14px; font-weight: bold; border-color: #0088cc; text-align: center; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

li.ui-draggable:hover:not(.choice-img), li.ui-draggable-dragging:not(.choice-img) { background: #E8E8E8 !important; }

/* These are the gapMatch gap/target list styles */
.choiceList-gap-target { list-style-type: none; height: 24px; min-height: 24px; margin: 0; padding: 0; }

.choiceList-gap-target li { cursor: move; color: #2871BD; padding-top: 2px; padding-bottom: 2px; font-size: 14px; font-weight: bold; text-align: center; min-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.choiceList-gap-target li.ui-draggable-dragging { padding: 2px 10px; border-color: #0088cc; box-sizing: border-box; }

.gapmatch-content.gap-table .choiceList-gap-target { height: auto !important; }

.gapmatch-content.gap-table .choiceList-gap-target li:not(.ui-draggable-dragging) { height: 100% !important; width: auto !important; box-sizing: border-box; }

.gap { display: inline-block; vertical-align: middle; text-align: center; border: 1px solid; width: 100px; min-height: 26px; height: 26px; max-height: 26px; padding: 0; }

.gap.auto-height { height: auto !important; max-height: none; }

.gap.custom-state-active { background: #BBCEF1; border: 1px dashed #6D95E0; }

.gap.ui-state-disabled { filter: alpha(opacity=100); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.gap.custom-gap-hover { background: #efefef; }

/* --------- Styles for GraphicGapMatch ---------- */
.clear { clear: both; }

.choices-top, .choices-bottom { margin: 8px auto 0; }

.choices-bottom.innermargin0 { margin-top: 0; }

.choices-left, .choices-right { float: left; padding: 0; }

.choices-left { margin: 0 20px 0 0; }

.choices-right { margin: 0 0 0 20px; }

.choices-left > .sourcechoices, .choices-right > .sourcechoices { width: auto; margin: 0 auto; padding: 8px 8px 4px 8px; background: #eee; }

.choices-top > .sourcechoices, .choices-bottom > .sourcechoices { width: auto; padding: 8px 8px 4px 8px; background: #eee; min-height: 40px; }

.choices-bottom.innermargin0 > .sourcechoices { margin-top: 0; }

.choices-top.innermargin0 > .sourcechoices { margin-bottom: 0; }

.choices-top > .sourcechoices > li, .choices-bottom > .sourcechoices > li { float: left; margin-bottom: 4px; margin-left: 4px; margin-right: 4px; }

.choices-left > .sourcechoices > li, .choices-right > .sourcechoices > li { float: left; min-width: 74px; margin-bottom: 4px; margin-left: 4px; margin-right: 4px; }

.sourcechoices > .choice-img { cursor: move; vertical-align: top; text-decoration: none; }

.sourcechoices .choice-img.ui-draggable-dragging img { max-width: none; /* override bootstrap */ }

/* Used for choices-left/right */
.int-graphicgap-target { float: left; position: relative; margin: 0 auto; padding: 0; }

/* Used for choices-top/bottom */
.int-graphicgap-target-vertical { position: relative; margin: 0 auto; padding: 0; }

/* gap hotspots are positioned and sized absolutely */
.gap-hotspot { position: absolute; border: 1px solid #6D95E0; margin: 0; padding: 0; }

.gap-hotspot.custom-state-active { background: #BBCEF1; border: 1px dashed #6D95E0; }

.gap-hotspot.custom-gap-hover { background: #efefef; }

.gap-hotspot > .choiceList-gap-target { list-style-type: none; padding: 0; margin: 0; }

.gap-hotspot > .choiceList-gap-target > li { display: inline; list-style-type: none; cursor: move; color: #666; width: auto; height: 100%; padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.gap-hotspot .choiceList-gap-target li.ui-draggable-dragging img { max-width: none; /* override bootstrap */ }

/* --------- end styles for graphicGapMatch ---------- */
/* --------- Styles for Order ---------- */
.int-ordering { list-style-type: none; margin: 8px 0; padding: 0; width: 100%; float: left; }

.int-ordering > li { cursor: move; margin: 6px 2px 3px 2px; padding: 8px; background: #f3f3f3; border-color: #0088cc; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }

.int-ordering.dnd-vertical > li { cursor: move; min-height: 32px; }

.int-ordering.dnd-horizontal > li { float: left; vertical-align: top; width: 21.5%; display: inline-block; }

.int-ordering > li img, .int-ordering > li object .int-ordering > li video { display: block; margin-left: auto; margin-right: auto; border: 0; }

.int-ordering.dnd-vertical.one-up > li, .int-ordering.dnd-horizontal.one-up > li { width: 96%; }

.int-ordering.dnd-vertical.two-up > li, .int-ordering.dnd-horizontal.two-up > li { width: 46%; }

.int-ordering.dnd-vertical.three-up > li, .int-ordering.dnd-horizontal.three-up > li { width: 30.0%; }

.int-ordering.dnd-vertical.four-up > li, .int-ordering.dnd-horizontal.four-up > li { width: 21.0%; }

.int-ordering.dnd-vertical.five-up > li, .int-ordering.dnd-horizontal.five-up > li { width: 16%; }

.int-ordering > li:hover, .int-ordering .ui-sortable-helper { background: #e8e8e8; }

.int-ordering.text-align-left > li { text-align: left; color: #333; font-weight: 400; }

.int-ordering.text-align-center > li { text-align: center; color: #333; font-weight: 400; }

@media (max-width: 979px) { .sourcechoices.one-up .choice { width: 60%; }
  .sourcechoices.two-up .choice { width: 40%; }
  .sourcechoices.three-up .choice { width: 28.5%; }
  .sourcechoices.four-up .choice { width: 20%; margin: 0 6px 8px; }
  .targetchoices .target { width: 31%; } }
/* --------- Cloze Blank styles --------- */
.cloze-inline { height: 21px; border-width: 0px 0px 1px; border-color: #333; border-style: solid; color: #333; padding: 1px; display: inline-block; vertical-align: baseline; }

.cloze-block { height: 21px; border-width: 0px 0px 1px; border-color: #333; border-style: solid; color: #333; padding: 1px; position: absolute; }

/*	--------------------------------------------------
	Convenient Table and Div styles
	-------------------------------------------------- */
.gradient { background-color: #eeeeee; background-image: url(data:image/gif;base64,R0lGODdhAQBaAIQAAO7u7u/v7u/v7/Dw8PHw8fHx8fLy8vLz8/Pz8/T09PT19PX19fX19vb29vf39/f49/j4+Pn5+fr5+fr6+vr7+vv7+/v7/Pz8/P39/f3+/f3+/v7+/v7//v///+7u7u7u7iwAAAAAAQBaAAAFNmAnclu5aRmmYlfbWlVcUVM9SVGeQzz/OEBHYzhkLI4LRWK5RDgRB4NUWqhWCYPsQMDlBgDgEAA7); background-repeat: repeat-x; }

th.gradient { background-image: url("/client/public/images/global/gradient24.gif"); border-bottom: 1px solid #cccccc; color: #444444; padding: 4px; }

td.gradient { background-image: url("/client/public/images/global/gradient32.gif"); border: 1px solid #cccccc; /* color: #444444; */ }

.boxText { border: 1px solid #cccccc; padding: 8px; }

.whitebg { background-color: white; }

.bordered { border: 1px solid #cccccc; }

.bordered-dark { border: 1px solid #888888; }

.bordered-thick { border: 4px solid #000000; }

.bb { /* border-bottom */ border-bottom: 1px solid #cccccc; }

.bb-boot { border-bottom: 1px solid #dddddd; }

.bbd { /* border-bottom dashed */ border-bottom: 1px dashed #cccccc; }

.bbb { border-bottom: 1px solid #333333; }

.header-cell { vertical-align: middle; text-align: center; border: 1px solid #cccccc; padding: 4px; }

.round4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fullWidth { width: 100%; }

.floatLeft { float: left; }

.floatRight { float: right; }

.underline { text-decoration: underline; }

.bold { font-weight: bold; }

.left { text-align: left; }

.right { text-align: right; }

.top { vertical-align: top; }

.middle { vertical-align: middle; }

.bottom { vertical-align: bottom; }

.baseline, input.baseline, select.baseline { vertical-align: baseline; }

div.center, p.center, td.center, th.center { text-align: center; }

.margin0auto { margin: 0 auto; }

.margin8 { margin: 8px; }

.pad2 { padding: 2px; }

.pad04 { padding: 4px 0 4px 0; }

.pad4 { padding: 4px; }

.pad6 th, .pad6 td { padding: 6px; }

.pad8 { padding: 8px; }

.pad8-24 { padding: 8px 24px; }

.padding-left-5px { padding-left: 5px; }

.padding-left-10px { padding-left: 10px; }

.padding-left-15px { padding-left: 15px; }

.padding-left-20px { padding-left: 20px; }

.table30 { width: 30%; margin-left: auto; margin-right: auto; }

.table40 { width: 40%; margin-left: auto; margin-right: auto; }

.table50 { width: 50%; margin-left: auto; margin-right: auto; }

.table75 { width: 75%; margin-left: auto; margin-right: auto; }

.tablecell { display: table-cell; }

/*	--------------------------------------------------------------------
	The following styles are extra styles used for specialized
	item content formatting.
	-------------------------------------------------------------------- */
.small-caps { font-variant: small-caps; font-size: 11px; }

.copyright-tm { font-size: 10px; font-weight: normal; color: #999999; }

.directions-con-spec { font-weight: bold; }

.cite { font-style: normal; font-size: 12px; color: #555; }

.caption { font-style: normal; font-size: 10px; text-align: center; }

.passage-title { text-align: center; }

.author { font-weight: bold; font-style: italic; }

.directions-passage { font-weight: bold; }

.passage-underline { border-bottom: 1px solid; }

.passage-intro { font-weight: bold; }

.subtitle { text-align: center; }

.footnote { font-size: 10px; color: #999999; }

.footnote-number { font-size: 10px; font-weight: bold; color: #999999; }

.endnote { font-size: 10px; padding-left: 20px; }

.signature-date { font-style: italic; }

.advanced-org { font-weight: bold; font-style: italic; }

.table-bordered { border: 1px solid #999999; }

.indent-1 { margin-left: 25px; }

.indent-2 { margin-left: 50px; }

.text-indent25 { text-indent: 25px; }

.text-indent50 { text-indent: 50px; }

.math { font-family: "Times New Roman"; font-size: 16px; }

span.nobreak { white-space: nowrap; }

span.label { text-indent: 0; }

/* glossary entries are now anchor tags */
a.glossary-term, span.glossary-term { cursor: help; text-decoration: none; color: #333333; border-bottom: 1px dotted #000000; }

/*  -------------------------------------------------- Ordered list type styles -------------------------------------------------- */
.order-upper-alpha { list-style-type: upper-alpha; }

.order-lower-alpha { list-style-type: lower-alpha; }

.order-upper-roman { list-style-type: upper-roman; }

.order-lower-roman { list-style-type: lower-roman; }

.order-numeric { list-style-type: decimal; }

/* --------------------------------------------------
Numberline Styles
-------------------------------------------------- */
.alphaBevel { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(99%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.9); }

.panel-nl { height: 120px; width: 300px; margin: 10px auto; padding: 0px; background-color: #87a6c2; }

.btn-wrapper-nl { height: 108px; width: 288px; background-color: #2d5f8f; padding: 6px; display: inline-block; margin-right: 4px; position: relative; top: -1px; -webkit-box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.4); box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.4); }

.linepanels-wrapper-nl { height: 108px; width: auto; padding: 6px; display: inline-block; }

.line-panel-nl { height: 94px; width: auto; margin: 0px 6px 0px 0px; padding: 6px; background-color: #FFF; display: inline-block; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); }

.btn-line-panel-nl { display: block; }

.btn-line-panel-top-nl { margin-bottom: 6px; background-color: #4c4c4c; color: #fff; }

.btn-line-panel-top-nl:hover { background-color: #4c4c4c; }

.btn-nl { -webkit-border-radius: 0px; border-radius: 0px; height: 54px; padding-left: 12px; padding-right: 12px; }

.btn-nl-left-top { -webkit-border-radius: 6px 0px 0px 0px; border-radius: 6px 0px 0px 0px; }

.btn-nl-left-bottom { -webkit-border-radius: 0px 0px 0px 6px; border-radius: 0px 0px 0px 6px; }

.rounded-left-nl { -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }

.rounded-all-nl { -webkit-border-radius: 10px; border-radius: 10px; }

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

select, input[type=text], textarea { color: #000000; border: 1px solid #000000; }

input[data-module="TextEntry"]::-webkit-input-placeholder { color: #000; opacity: .5; font-style: italic; }

::-moz-placeholder { color: #000; opacity: .5; font-style: italic; }

:-ms-input-placeholder { color: #000; opacity: .5; font-style: italic; }

/* ------- Slider styles ------- */
.ui-slider .ui-slider-handle { font-size: 18px; line-height: 24px; border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; }

.ui-slider .ui-state-hover, .ui-slider .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; }

.tei-complexslider .ui-slider .ui-widget-header { background: none; }

/* poem styles */
.poem_body, .count_5, .count_10, .count_15, .count_20, .count_25, .count_30, .count_35, .count_40, .count_45, .count_50, .count_55, .count_60, .count_65, .count_70, .count_75, .count_80, .count_85, .count_90, .count_95, .count_100, .count_105, .count_110, .count_115, .count_120, .count_125, .poem_body_indent, .count_5_indent, .count_10_indent, .count_15_indent, .count_20_indent, .count_25_indent, .count_30_indent, .count_35_indent, .count_40_indent, .count_45_indent, .count_50_indent, .count_55_indent, .count_60_indent, .count_65_indent, .count_70_indent, .count_75_indent, .count_80_indent, .count_85_indent, .count_90_indent, .count_95_indent, .count_100_indent, .count_105_indent, .count_110_indent, .count_115_indent, .count_120_indent, .count_125_indent { min-height: 18px; white-space: nowrap; vertical-align: middle; }

.poem_body .glossary-term .qtip { white-space: normal; }

div.poem_body:before, div.count_5:before, div.count_10:before, div.count_15:before, div.count_20:before, div.count_25:before, div.count_30:before, div.count_35:before, div.count_40:before, div.count_45:before, div.count_50:before, div.count_55:before, div.count_60:before, div.count_65:before, div.count_70:before, div.count_75:before, div.count_80:before, div.count_85:before, div.count_90:before, div.count_95:before, div.count_100:before, div.count_105:before, div.count_110:before, div.count_115:before, div.count_120:before, div.count_125:before, div.count_5_indent:before, div.count_10_indent:before, div.count_15_indent:before, div.count_20_indent:before, div.count_25_indent:before, div.count_30_indent:before, div.count_35_indent:before, div.count_40_indent:before, div.count_45_indent:before, div.count_50_indent:before, div.count_55_indent:before, div.count_60_indent:before, div.count_65_indent:before, div.count_70_indent:before, div.count_75_indent:before, div.count_80_indent:before, div.count_85_indent:before, div.count_90_indent:before, div.count_95_indent:before, div.count_100_indent:before, div.count_105_indent:before, div.count_110_indent:before, div.count_115_indent:before, div.count_120_indent:before, div.count_125_indent:before { width: 2em; display: block; float: left; text-align: right; }

div.poem_body_indent:before { width: 4.25em; display: block; float: left; text-align: right; }

div.count_5:before, div.count_10:before, div.count_15:before, div.count_20:before, div.count_25:before, div.count_30:before, div.count_35:before, div.count_40:before, div.count_45:before, div.count_50:before, div.count_55:before, div.count_60:before, div.count_65:before, div.count_70:before, div.count_75:before, div.count_80:before, div.count_85:before, div.count_90:before, div.count_95:before, div.count_100:before, div.count_105:before, div.count_110:before, div.count_115:before, div.count_120:before, div.count_125:before { font-weight: bold; font-size: smaller; padding-right: 24px; }

div.count_5_indent:before, div.count_10_indent:before, div.count_15_indent:before, div.count_20_indent:before, div.count_25_indent:before, div.count_30_indent:before, div.count_35_indent:before, div.count_40_indent:before, div.count_45_indent:before, div.count_50_indent:before, div.count_55_indent:before, div.count_60_indent:before, div.count_65_indent:before, div.count_70_indent:before, div.count_75_indent:before, div.count_80_indent:before, div.count_85_indent:before, div.count_90_indent:before, div.count_95_indent:before, div.count_100_indent:before, div.count_105_indent:before, div.count_110_indent:before, div.count_115_indent:before, div.count_120_indent:before, div.count_125_indent:before { font-weight: bold; font-size: smaller; padding-right: 60px; }

div.poem_body:before, div.poem_body_indent:before { content: "\0000a0"; padding-right: 18px; }

div.count_5:before, div.count_5_indent:before { content: "5"; }

div.count_10:before, div.count_10_indent:before { content: "10"; }

div.count_15:before, div.count_15_indent:before { content: "15"; }

div.count_20:before, div.count_20_indent:before { content: "20"; }

div.count_25:before, div.count_25_indent:before { content: "25"; }

div.count_30:before, div.count_30_indent:before { content: "30"; }

div.count_35:before, div.count_35_indent:before { content: "35"; }

div.count_40:before, div.count_40_indent:before { content: "40"; }

div.count_45:before, div.count_45_indent:before { content: "45"; }

div.count_50:before, div.count_50_indent:before { content: "50"; }

div.count_55:before, div.count_55_indent:before { content: "55"; }

div.count_60:before, div.count_60_indent:before { content: "60"; }

div.count_65:before, div.count_65_indent:before { content: "65"; }

div.count_70:before, div.count_70_indent:before { content: "70"; }

div.count_75:before, div.count_75_indent:before { content: "75"; }

div.count_80:before, div.count_80_indent:before { content: "80"; }

div.count_85:before, div.count_85_indent:before { content: "85"; }

div.count_90:before, div.count_90_indent:before { content: "90"; }

div.count_95:before, div.count_95_indent:before { content: "95"; }

div.count_100:before, div.count_100_indent:before { content: "100"; }

div.count_105:before, div.count_105_indent:before { content: "105"; }

div.count_110:before, div.count_110_indent:before { content: "110"; }

div.count_115:before, div.count_115_indent:before { content: "115"; }

div.count_120:before, div.count_120_indent:before { content: "120"; }

div.count_125:before, div.count_125_indent:before { content: "125"; }

/* MathJax Hack for http://stackoverflow.com/questions/34277967/chrome-rendering-mathjax-equations-with-a-trailing-vertical-line*/
.chrome .MathJax .math > :last-child { color: transparent; }

.int-fracmodel-div { margin: 0 10px; vertical-align: top; display: inline-block; }

.int-fracmodel-active { background-color: #f2f2f2; padding: 15px; -webkit-border-radius: 10px; border-radius: 10px; }

h4.graph-title { padding-bottom: 5px; }

.functionGraphPanel { border-bottom: none; }

.functionGraphPanel > button { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(99%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ text-shadow: none; }

.functionGraphBtnText { width: 200px; }

/* Panel styles */
.ee-parent-panel { position: relative; margin: 0px; padding: 0px; border: 0px; }

.ee-parent-panel * { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-drag: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ee-parent-panel .MathJax * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.ee-parent-panel .ui-resizable-se { right: -4px; bottom: -4px; }

.ee-head-panel { margin: 0px; padding: 0px; border: 0px; }

.ee-head-panel > .ee-quick-bar { margin: 0px; padding: 0px; padding-bottom: 4px; border: 0px; background: transparent; }

.ee-foot-panel { margin: 0px; padding: 0px; border: 0px; clear: both; }

.ee-body-panel { margin: 0px; padding: 0px; border: 0px; }

.ee-body-panel > .ee-child-panel { margin: 0px; padding: 0px; border: 1px solid; border-radius: 4px; overflow: hidden; width: auto; }

.ee-parent-panel:focus { outline: 1px solid; }

.ee-parent-panel:focus { outline: none; box-shadow: 1px 1px 1px, -1px -1px 1px, -1px 1px 1px, 1px -1px 1px; }

.ee-body-panel > .ee-child-panel.focus { outline: 1px solid; }

.ee-body-panel > .ee-child-panel.focus:not([ie8]) { outline: none; box-shadow: 1px 1px 1px, -1px -1px 1px, -1px 1px 1px, 1px -1px 1px; }

.ee-child-panel > .ee-input-panel { position: relative; z-index: 2; margin: 0px 12px 12px 0px; padding: 4px; border: 0px; overflow: hidden; width: auto; }

.ee-foot-panel > .ee-braille-panel { position: relative; font-family: 'Segoe UI Symbol'; font-size: 200%; z-index: 2; margin: 4px 0px 0px 0px; padding: 4px; border: 1px solid; border-radius: 4px; overflow: hidden; height: 200px; width: auto; }

.ee-child-panel > .ee-scratch-panel { position: relative; margin: 0px 8px 0px 0px; padding: 0px 4px 0px 4px; border: 0px; color: transparent; overflow: hidden; height: 0px; width: auto; }

.ee-child-panel > .ee-input-proxy { position: relative; display: block; left: -2000px; margin: 0px; padding: 0px; border: 0px; height: 10px; margin-bottom: -10px; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }

.ee-parent-panel .tooltip.in { opacity: 1; z-index: 7; }

.ee-parent-panel .tooltip-inner { text-align: left; max-width: none; }

.ee-parent-panel .tooltip.ee-markup { font-family: courier; white-space: pre; }

.ee-body-panel > .ee-side-bar { position: relative; float: right; margin: 0px; padding: 0px; padding-left: 6px; border: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: transparent; overflow: hidden; height: 100%; width: 200px; font-size: 14px; line-height: normal; text-align: left; }

.ee-body-panel > .ee-more-menu { position: fixed; margin: 0px; padding: 4px 0px 4px 4px; border: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; overflow: hidden; height: 100%; width: 202px; font-size: 14px; line-height: normal; text-align: left; z-index: 6; }

.ee-input-panel:focus { outline: 1px solid transparent; }

.ee-input-panel p, .ee-scratch-panel p, .ee-braille-panel p { margin: 0px; line-height: 120%; }

.ee-input-panel .math, .ee-scratch-panel .math, .ee-braille-panel .math { font-size: 100%; }

.ee-input-panel div > .MathJax, .ee-scratch-panel div > .MathJax, .ee-braille-panel div > .MathJax { display: block; }

.ee-input-panel .math > :last-child, .ee-scratch-panel .math > :last-child, .ee-braille-panel .math > :last-child { color: transparent; }

.ee-quick-bar > div { margin: 0px -2px; }

/* Side bar styles */
.ee-side-bar .accordion { margin: -2px 12px -2px 0px; padding: 0px; border: 0px; }

.ee-side-bar .accordion-group { margin: 2px 0px; padding: 0px; border: 1px solid; border-radius: 4px; }

.ee-side-bar .accordion-heading { margin: 0px; padding: 0px; border: 0px; background: transparent; overflow: hidden; }

.ee-side-bar .accordion-toggle { margin: 0px; padding: 2px 2px 2px 8px; border: 2px solid transparent; cursor: pointer; display: inline-block; text-decoration: none; width: 100%; }

.ee-side-bar .accordion-toggle:focus { border: 2px solid; outline: 1px solid transparent; }

.ee-side-bar .accordion-toggle i[class^="ee-icon-"] { margin: 0px; padding-right: 2px; width: 14px; display: inline-block; }

.ee-side-bar .accordion-body { margin: 0px; padding: 0px; border: 0px; background: transparent; overflow: hidden; }

.ee-side-bar .accordion-body.in { overflow: visible; }

.ee-side-bar .collapse { -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; -o-transition: height 0.2s ease; transition: height 0.2s ease; }

.ee-side-bar .accordion-inner { margin: 0px 2px 2px 2px; padding: 0px; border: 0px; }

/* More menu styles */
.ee-more-menu .ee-more-panel { padding-right: 16px; }

.ee-more-menu .accordion { margin: -2px 0px; padding: 0px; border: 0px; }

.ee-more-menu .accordion-group { margin: 2px 0px; padding: 0px; border: 1px solid; border-radius: 4px; }

.ee-more-menu .accordion-heading { margin: 0px; padding: 0px; border: 0px; background: transparent; overflow: hidden; }

.ee-more-menu .accordion-toggle { margin: 0px; padding: 2px 2px 2px 8px; border: 2px solid transparent; cursor: pointer; display: inline-block; text-decoration: none; width: 100%; }

.ee-more-menu .accordion-toggle:focus { border: 2px solid; outline: 1px solid transparent; }

.ee-more-menu .accordion-toggle i[class^="ee-icon-"] { margin: 0px; padding-right: 2px; width: 14px; display: inline-block; }

.ee-more-menu .accordion-body { margin: 0px; padding: 0px; border: 0px; background: transparent; overflow: hidden; }

.ee-more-menu .accordion-body.in { overflow: visible; }

.ee-more-menu .collapse { -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; -o-transition: height 0.2s ease; transition: height 0.2s ease; }

.ee-more-menu .accordion-inner { margin: 0px 2px 2px 2px; padding: 0px; border: 0px; }

/* Button styles */
.ee-button { width: 40px; height: 30px; margin: 2px; padding: 0px; font-family: mathex, 'Times New Roman', Times, serif; font-size: 20px; text-align: center; vertical-align: middle; }

.ee-button .script { font-family: 'Brush Script MT'; }

.ee-button .fraktur { font-family: 'Euclid Fraktur'; }

.ee-button.btn-large { width: 40px; /* 44px overall width */ height: 30px; /* 34px overall height */ margin: 2px; padding: 0px; }

.ee-button i + i { padding-left: 6px; vertical-align: bottom; }

.ee-button span { padding: 0px; font-weight: bold; }

.ee-button .alpha { font-style: italic; }

.ee-button .alpha span + span { bottom: 0.25em; }

/* Hide the content markup while the editor loads */
apply, mphantom { display: none; }

/* Set the border style/color/width for the expression cursor */
/* Common cursor styles */
@-webkit-keyframes blink { 50% { border-left-color: transparent; border-right-color: transparent; } }

@keyframes blink { 50% { border-left-color: transparent; border-right-color: transparent; } }

.cursor { display: inline-block; position: absolute; z-index: -1; border-width: 0px 0px 0px 0px; border-style: solid; -webkit-animation: 0.8s blink step-end infinite; -moz-animation: 0.8s blink step-end infinite; -ms-animation: 0.8s blink step-end infinite; }

/* Other cursor styles */
.cursor.left { border-width: 0px 0px 2px 2px; }

.cursor.right { border-width: 0px 2px 2px 0px; }

.cursor.blur { display: none; }

/* Button styles */
.ee-button, .touch .ee-button:hover { color: #333333; background-color: #e6e6e6; *background-color: #e6e6e6; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-image: linear-gradient(to bottom, #f5f5f5, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-position: 0% 0% !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }

.ee-button.btn-medium, .touch .ee-button.btn-medium:hover { color: #333333; background-color: #aaaaaa; *background-color: #aaaaaa; border-color: #aaaaaa #aaaaaa #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-image: linear-gradient(to bottom, #cccccc, #aaaaaa); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffaaaaaa', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.ee-button.btn-primary, .touch .ee-button.btn-primary:hover { color: #ffffff; background-color: #006dcc; *background-color: #0044cc; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.ee-button:focus { border-width: 2px !important; border-style: solid !important; outline: 1px solid transparent !important; transform: rotate(0) !important; }

.ee-button:focus, .ee-button:focus[disabled], .no-touch .ee-button:hover, .no-touch .ee-button:hover[disabled] { background-color: #dddddd !important; *background-color: #bbbbbb !important; background-image: none !important; }

.ee-button.btn-primary:focus, .ee-button.btn-primary:focus[disabled], .no-touch .ee-button.btn-primary:hover, .no-touch .ee-button.btn-primary:hover[disabled] { background-color: #0044cc !important; *background-color: #003bb3 !important; background-image: none !important; }

.no-touch .ee-button:active, .no-touch .ee-button.btn-primary:active, .no-touch .ee-button.active, .no-touch .ee-button.btn-primary.active, .touch .ee-button:active, .touch .ee-button.btn-primary:active, .touch .ee-button.active, .touch .ee-button.btn-primary.active { background-color: #049CDB !important; *background-color: #049CDB !important; background-image: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* Custom font styles */
@font-face { font-family: 'mathex'; src: url("fonts/mathex.eot"); src: url("fonts/mathex.eot?#iefix") format("embedded-opentype"), url("fonts/mathex.ttf") format("truetype"), url("fonts/mathex.woff") format("woff"), url("fonts/mathex.svg#mathex") format("svg"); font-weight: normal; font-style: normal; }

.ee-parent-panel [class*="ee-icon-"]:before { font-family: 'mathex'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ee-parent-panel [class^="ee-icon-"], .ee-parent-panel [class*=" ee-icon-"] { width: auto; height: auto; background-image: none; background-position: 0% 0%; background-repeat: repeat; }

.ee-icon-caret-up:before { content: "\e600"; }

.ee-icon-caret-down:before { content: "\e601"; }

.ee-icon-caret-left:before { content: "\e602"; }

.ee-icon-caret-right:before { content: "\e603"; }

.ee-icon-circle:before { content: "\e604"; }

.ee-icon-undo:before { content: "\e610"; }

.ee-icon-redo:before { content: "\e611"; }

.ee-icon-refresh:before { content: "\e612"; }

.ee-icon-remove:before { content: "\e608"; }

.ee-icon-keyboard:before { content: "\e609"; }

.ee-icon-list-alt:before { content: "\e60a"; }

.ee-icon-shift:before { content: "\21e7"; }

.ee-icon-erase:before { content: "\232b"; }

.ee-icon-enter:before { content: "\23ce"; }

.ee-icon-root:before { content: "\e001"; }

.ee-icon-sqrt:before { content: "\e002"; }

.ee-icon-rt-3:before { content: "\e003"; }

.ee-icon-rt-4:before { content: "\e004"; }

.ee-icon-frac:before { content: "\e005"; }

.ee-icon-mxf:before { content: "\e006"; }

/* Button bar styles */
.ee-button-bar-panel > .ee-left-button-bar, .ee-button-bar-panel > .ee-main-button-bar { background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; margin-top: 1px; margin-bottom: 0; padding: 4px; vertical-align: top; border-top-left-radius: 0px; border-top-right-radius: 0px; }

.ee-button-bar-panel > .ee-left-button-bar { border-bottom-right-radius: 0px; }

.ee-button-bar-panel > .ee-left-button-bar + .ee-main-button-bar { min-height: 106px; margin-left: -1px; border-bottom-left-radius: 0px; }

.ee-button-bar-panel > .ee-right-button-bar { display: inline-block; margin-top: 1px; margin-bottom: 0; padding: 4px; }

.ee-button-bar-panel .btn-group-vertical { display: block; margin: 0px; }

.ee-button-bar-panel .btn-group > .ee-button:first-child { margin-left: 2px; }

.ee-button-bar-panel .btn-group-vertical > .ee-button { margin-left: 2px; margin-right: 2px; }

.ee-right-button-bar .btn-group-vertical > .ee-button { margin-bottom: 4px; }

.ee-button-bar-panel .btn-group-vertical > .btn:first-child { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }

.ee-button-bar-panel .btn-group-vertical > .btn:last-child { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }

.ee-button-bar-panel .btn-group > div + .btn { margin-left: -1px; }

.ee-button-bar-panel .btn-group-vertical > div + .btn { margin-left: 2px; margin-top: -1px; }

.ee-button.ee-back-button, .ee-button.ee-more-button { display: block; height: 24px; margin-left: auto; margin-right: auto; }

.touch .ee-button.btn-large { width: 48px; /* 52px overall width */ height: 40px; /* 44px overall height */ font-size: 24px; }

.touch .ee-button-bar-panel > .ee-left-button-bar + .ee-main-button-bar { min-height: 126px; }

.touch .ee-button.ee-back-button, .touch .ee-button.ee-more-button { height: 34px; }

.ee-parent-panel .btn[name='more'], .ee-parent-panel .btn[name='keys'] { width: 74px; }

.ee-button-bar-panel .btn[name='more'], .ee-button-bar-panel .btn[name='keys'] { width: 100px; }

.ee-scroll { -webkit-tap-highlight-color: transparent; }

/* .ee-black    { color: #FFFFFF; background: #000000; } /* white on black */
/* .ee-blue     { color: #F5E727; background: #0000CC; } /* yellow on blue */
/* .ee-cream    { color: #000000; background: #FFFACD; } /* black on cream */
/* .ee-lblue    { color: #000000; background: #ADD8E6; } /* black on blue */
/* .ee-lmagenta { color: #000000; background: #EE82EE; } /* black on magenta */
/* .ee-pgreen   { color: #6E6E6E; background: #A3AD9E; } /* grey on green */
.ee-parent-panel { background-color: transparent; }

.ee-black { background-color: #000000; }

.ee-blue { background-color: #0000CC; }

.ee-cream { background-color: #FFFACD; }

.ee-lblue { background-color: #ADD8E6; }

.ee-lmagenta { background-color: #EE82EE; }

.ee-pgreen { background-color: #A3AD9E; }

.ee-parent-panel { color: #4d90fe; }

.ee-black .ee-parent-panel { color: #FFFFFF; }

.ee-blue .ee-parent-panel { color: #F5E727; }

.ee-cream .ee-parent-panel { color: #000000; }

.ee-lblue .ee-parent-panel { color: #000000; }

.ee-lmagenta .ee-parent-panel { color: #000000; }

.ee-pgreen .ee-parent-panel { color: #6E6E6E; }

.ee-child-panel { background-color: #FFFFFF; }

.ee-black .ee-child-panel { background-color: #000000; }

.ee-blue .ee-child-panel { background-color: #0000CC; }

.ee-cream .ee-child-panel { background-color: #FFFACD; }

.ee-lblue .ee-child-panel { background-color: #ADD8E6; }

.ee-lmagenta .ee-child-panel { background-color: #EE82EE; }

.ee-pgreen .ee-child-panel { background-color: #A3AD9E; }

.ee-child-panel { border-color: #AAAAAA !important; }

.ee-black .ee-child-panel { border-color: #FFFFFF !important; }

.ee-blue .ee-child-panel { border-color: #F5E727 !important; }

.ee-cream .ee-child-panel { border-color: #000000 !important; }

.ee-lblue .ee-child-panel { border-color: #000000 !important; }

.ee-lmagenta .ee-child-panel { border-color: #000000 !important; }

.ee-pgreen .ee-child-panel { border-color: #6E6E6E !important; }

.ee-child-panel { color: #4d90fe; }

.ee-black .ee-child-panel { color: #FFFFFF; }

.ee-blue .ee-child-panel { color: #F5E727; }

.ee-cream .ee-child-panel { color: #000000; }

.ee-lblue .ee-child-panel { color: #000000; }

.ee-lmagenta .ee-child-panel { color: #000000; }

.ee-pgreen .ee-child-panel { color: #6E6E6E; }

.ee-input-panel { color: #000000; }

.ee-black .ee-input-panel { color: #FFFFFF; }

.ee-blue .ee-input-panel { color: #F5E727; }

.ee-cream .ee-input-panel { color: #000000; }

.ee-lblue .ee-input-panel { color: #000000; }

.ee-lmagenta .ee-input-panel { color: #000000; }

.ee-pgreen .ee-input-panel { color: #6E6E6E; }

.ee-braille-panel { border-color: #AAAAAA; }

.ee-black .ee-braille-panel { border-color: #FFFFFF; }

.ee-blue .ee-braille-panel { border-color: #F5E727; }

.ee-cream .ee-braille-panel { border-color: #000000; }

.ee-lblue .ee-braille-panel { border-color: #000000; }

.ee-lmagenta .ee-braille-panel { border-color: #000000; }

.ee-pgreen .ee-braille-panel { border-color: #6E6E6E; }

.ee-braille-panel { color: #000000; }

.ee-black .ee-braille-panel { color: #FFFFFF; }

.ee-blue .ee-braille-panel { color: #F5E727; }

.ee-cream .ee-braille-panel { color: #000000; }

.ee-lblue .ee-braille-panel { color: #000000; }

.ee-lmagenta .ee-braille-panel { color: #000000; }

.ee-pgreen .ee-braille-panel { color: #6E6E6E; }

.ee-parent-panel .tooltip-inner { background-color: #000000; }

.ee-black .tooltip-inner { background-color: #FFFFFF; }

.ee-blue .tooltip-inner { background-color: #F5E727; }

.ee-cream .tooltip-inner { background-color: #000000; }

.ee-lblue .tooltip-inner { background-color: #000000; }

.ee-lmagenta .tooltip-inner { background-color: #000000; }

.ee-pgreen .tooltip-inner { background-color: #6E6E6E; }

.ee-parent-panel .top .tooltip-arrow { border-top-color: #000000; }

.ee-black .top .tooltip-arrow { border-top-color: #FFFFFF; }

.ee-blue .top .tooltip-arrow { border-top-color: #F5E727; }

.ee-cream .top .tooltip-arrow { border-top-color: #000000; }

.ee-lblue .top .tooltip-arrow { border-top-color: #000000; }

.ee-lmagenta .top .tooltip-arrow { border-top-color: #000000; }

.ee-pgreen .top .tooltip-arrow { border-top-color: #6E6E6E; }

.ee-parent-panel .bottom .tooltip-arrow { border-bottom-color: #000000; }

.ee-black .bottom .tooltip-arrow { border-bottom-color: #FFFFFF; }

.ee-blue .bottom .tooltip-arrow { border-bottom-color: #F5E727; }

.ee-cream .bottom .tooltip-arrow { border-bottom-color: #000000; }

.ee-lblue .bottom .tooltip-arrow { border-bottom-color: #000000; }

.ee-lmagenta .bottom .tooltip-arrow { border-bottom-color: #000000; }

.ee-pgreen .bottom .tooltip-arrow { border-bottom-color: #6E6E6E; }

.ee-parent-panel .tooltip-inner { color: #FFFFFF; }

.ee-black .tooltip-inner { color: #000000; }

.ee-blue .tooltip-inner { color: #0000CC; }

.ee-cream .tooltip-inner { color: #FFFACD; }

.ee-lblue .tooltip-inner { color: #ADD8E6; }

.ee-lmagenta .tooltip-inner { color: #EE82EE; }

.ee-pgreen .tooltip-inner { color: #A3AD9E; }

.ee-error.tooltip .tooltip-inner { background-color: #F2DEDE; }

.ee-black .ee-error .tooltip-inner { background-color: #FFFFFF; }

.ee-blue .ee-error .tooltip-inner { background-color: #F5E727; }

.ee-cream .ee-error .tooltip-inner { background-color: #000000; }

.ee-lblue .ee-error .tooltip-inner { background-color: #000000; }

.ee-lmagenta .ee-error .tooltip-inner { background-color: #000000; }

.ee-pgreen .ee-error .tooltip-inner { background-color: #6E6E6E; }

.ee-error.tooltip .tooltip-arrow { border-top-color: #F2DEDE; }

.ee-black .ee-error .tooltip-arrow { border-top-color: #FFFFFF; }

.ee-blue .ee-error .tooltip-arrow { border-top-color: #F5E727; }

.ee-cream .ee-error .tooltip-arrow { border-top-color: #000000; }

.ee-lblue .ee-error .tooltip-arrow { border-top-color: #000000; }

.ee-lmagenta .ee-error .tooltip-arrow { border-top-color: #000000; }

.ee-pgreen .ee-error .tooltip-arrow { border-top-color: #6E6E6E; }

.ee-error.tooltip .tooltip-inner { color: #B94A48; }

.ee-black .ee-error .tooltip-inner { color: #000000; }

.ee-blue .ee-error .tooltip-inner { color: #0000CC; }

.ee-cream .ee-error .tooltip-inner { color: #FFFACD; }

.ee-lblue .ee-error .tooltip-inner { color: #ADD8E6; }

.ee-lmagenta .ee-error .tooltip-inner { color: #EE82EE; }

.ee-pgreen .ee-error .tooltip-inner { color: #A3AD9E; }

.ee-markup.tooltip .tooltip-inner { background-color: #000000; }

.ee-black .ee-markup .tooltip-inner { background-color: #FFFFFF; }

.ee-blue .ee-markup .tooltip-inner { background-color: #F5E727; }

.ee-cream .ee-markup .tooltip-inner { background-color: #000000; }

.ee-lblue .ee-markup .tooltip-inner { background-color: #000000; }

.ee-lmagenta .ee-markup .tooltip-inner { background-color: #000000; }

.ee-pgreen .ee-markup .tooltip-inner { background-color: #6E6E6E; }

.ee-markup.tooltip .tooltip-inner { color: #FFFFFF; }

.ee-black .ee-markup .tooltip-inner { color: #000000; }

.ee-blue .ee-markup .tooltip-inner { color: #0000CC; }

.ee-cream .ee-markup .tooltip-inner { color: #FFFACD; }

.ee-lblue .ee-markup .tooltip-inner { color: #ADD8E6; }

.ee-lmagenta .ee-markup .tooltip-inner { color: #EE82EE; }

.ee-pgreen .ee-markup .tooltip-inner { color: #A3AD9E; }

.ee-parent-panel .accordion-group { background-color: #FFFFFF; }

.ee-black .accordion-group { background-color: #000000; }

.ee-blue .accordion-group { background-color: #0000CC; }

.ee-cream .accordion-group { background-color: #FFFACD; }

.ee-lblue .accordion-group { background-color: #ADD8E6; }

.ee-lmagenta .accordion-group { background-color: #EE82EE; }

.ee-pgreen .accordion-group { background-color: #A3AD9E; }

.ee-parent-panel .accordion-group { border-color: #DDDDDD; }

.ee-black .accordion-group { border-color: #FFFFFF; }

.ee-blue .accordion-group { border-color: #F5E727; }

.ee-cream .accordion-group { border-color: #000000; }

.ee-lblue .accordion-group { border-color: #000000; }

.ee-lmagenta .accordion-group { border-color: #000000; }

.ee-pgreen .accordion-group { border-color: #6E6E6E; }

.ee-parent-panel .accordion-toggle { color: #005a9e; }

.ee-black .accordion-toggle { color: #FFFFFF; }

.ee-blue .accordion-toggle { color: #F5E727; }

.ee-cream .accordion-toggle { color: #000000; }

.ee-lblue .accordion-toggle { color: #000000; }

.ee-lmagenta .accordion-toggle { color: #000000; }

.ee-pgreen .accordion-toggle { color: #6E6E6E; }

.ee-parent-panel .accordion-toggle:focus { border-color: #005a9e; }

.ee-black .accordion-toggle:focus { border-color: #FFFFFF; }

.ee-blue .accordion-toggle:focus { border-color: #F5E727; }

.ee-cream .accordion-toggle:focus { border-color: #000000; }

.ee-lblue .accordion-toggle:focus { border-color: #000000; }

.ee-lmagenta .accordion-toggle:focus { border-color: #000000; }

.ee-pgreen .accordion-toggle:focus { border-color: #6E6E6E; }

.cursor { border-color: #000000; }

.ee-black .cursor { border-color: #FFFFFF; }

.ee-blue .cursor { border-color: #F5E727; }

.ee-cream .cursor { border-color: #000000; }

.ee-lblue .cursor { border-color: #000000; }

.ee-lmagenta .cursor { border-color: #000000; }

.ee-pgreen .cursor { border-color: #6E6E6E; }

.cursor { border-bottom-color: #CCCCCC; }

.ee-black .cursor { border-bottom-color: rgba(255, 255, 255, 0.65); }

.ee-blue .cursor { border-bottom-color: rgba(245, 231, 39, 0.65); }

.ee-cream .cursor { border-bottom-color: rgba(0, 0, 0, 0.35); }

.ee-lblue .cursor { border-bottom-color: rgba(0, 0, 0, 0.35); }

.ee-lmagenta .cursor { border-bottom-color: rgba(0, 0, 0, 0.35); }

.ee-pgreen .cursor { border-bottom-color: rgba(110, 110, 110, 0.35); }

.cursor.select { background-color: rgba(106, 228, 232, 0.35); }

.ee-black .cursor.select { background-color: rgba(255, 255, 255, 0.65); }

.ee-blue .cursor.select { background-color: rgba(245, 231, 39, 0.65); }

.ee-cream .cursor.select { background-color: rgba(0, 0, 0, 0.35); }

.ee-lblue .cursor.select { background-color: rgba(0, 0, 0, 0.35); }

.ee-lmagenta .cursor.select { background-color: rgba(0, 0, 0, 0.35); }

.ee-pgreen .cursor.select { background-color: rgba(110, 110, 110, 0.35); }

.ee-box { border-color: #000000; }

.ee-black .ee-box { border-color: #FFFFFF; }

.ee-blue .ee-box { border-color: #F5E727; }

.ee-cream .ee-box { border-color: #000000; }

.ee-lblue .ee-box { border-color: #000000; }

.ee-lmagenta .ee-box { border-color: #000000; }

.ee-pgreen .ee-box { border-color: #6E6E6E; }

.ee-scroll div { background-color: #999999; }

.ee-black.ee-scroll div { background-color: #FFFFFF; }

.ee-blue.ee-scroll div { background-color: #F5E727; }

.ee-cream.ee-scroll div { background-color: #000000; }

.ee-lblue.ee-scroll div { background-color: #000000; }

.ee-lmagenta.ee-scroll div { background-color: #000000; }

.ee-pgreen.ee-scroll div { background-color: #6E6E6E; }

.ee-black .ee-button { background-color: #000000 !important; }

.ee-blue .ee-button { background-color: #0000CC !important; }

.ee-cream .ee-button { background-color: #FFFACD !important; }

.ee-lblue .ee-button { background-color: #ADD8E6 !important; }

.ee-lmagenta .ee-button { background-color: #EE82EE !important; }

.ee-pgreen .ee-button { background-color: #A3AD9E !important; }

.ee-black .ee-button { background-image: none; }

.ee-blue .ee-button { background-image: none; }

.ee-cream .ee-button { background-image: none; }

.ee-lblue .ee-button { background-image: none; }

.ee-lmagenta .ee-button { background-image: none; }

.ee-pgreen .ee-button { background-image: none; }

.ee-black .ee-button { border-color: #FFFFFF; }

.ee-blue .ee-button { border-color: #F5E727; }

.ee-cream .ee-button { border-color: #000000; }

.ee-lblue .ee-button { border-color: #000000; }

.ee-lmagenta .ee-button { border-color: #000000; }

.ee-pgreen .ee-button { border-color: #6E6E6E; }

.ee-black .ee-button { color: #FFFFFF; }

.ee-blue .ee-button { color: #F5E727; }

.ee-cream .ee-button { color: #000000; }

.ee-lblue .ee-button { color: #000000; }

.ee-lmagenta .ee-button { color: #000000; }

.ee-pgreen .ee-button { color: #6E6E6E; }

.ee-black .ee-button:hover { background-color: #000000 !important; }

.ee-blue .ee-button:hover { background-color: #0000CC !important; }

.ee-cream .ee-button:hover { background-color: #FFFACD !important; }

.ee-lblue .ee-button:hover { background-color: #ADD8E6 !important; }

.ee-lmagenta .ee-button:hover { background-color: #EE82EE !important; }

.ee-pgreen .ee-button:hover { background-color: #A3AD9E !important; }

.ee-black .ee-button:hover { border: 2px solid !important; }

.ee-blue .ee-button:hover { border: 2px solid !important; }

.ee-cream .ee-button:hover { border: 2px solid !important; }

.ee-lblue .ee-button:hover { border: 2px solid !important; }

.ee-lmagenta .ee-button:hover { border: 2px solid !important; }

.ee-pgreen .ee-button:hover { border: 2px solid !important; }

.ee-black .ee-button:hover { color: #FFFFFF; }

.ee-blue .ee-button:hover { color: #F5E727; }

.ee-cream .ee-button:hover { color: #000000; }

.ee-lblue .ee-button:hover { color: #000000; }

.ee-lmagenta .ee-button:hover { color: #000000; }

.ee-pgreen .ee-button:hover { color: #6E6E6E; }

.ee-black .ee-button:active { background-color: #FFFFFF !important; }

.ee-blue .ee-button:active { background-color: #F5E727 !important; }

.ee-cream .ee-button:active { background-color: #000000 !important; }

.ee-lblue .ee-button:active { background-color: #000000 !important; }

.ee-lmagenta .ee-button:active { background-color: #000000 !important; }

.ee-pgreen .ee-button:active { background-color: #6E6E6E !important; }

.ee-black .ee-button:active { color: #000000; }

.ee-blue .ee-button:active { color: #0000CC; }

.ee-cream .ee-button:active { color: #FFFACD; }

.ee-lblue .ee-button:active { color: #ADD8E6; }

.ee-lmagenta .ee-button:active { color: #EE82EE; }

.ee-pgreen .ee-button:active { color: #A3AD9E; }

.ee-button:focus { border-color: #049CDB; }

.ee-black .ee-button:focus { background-color: #FFFFFF !important; }

.ee-blue .ee-button:focus { background-color: #F5E727 !important; }

.ee-cream .ee-button:focus { background-color: #000000 !important; }

.ee-lblue .ee-button:focus { background-color: #000000 !important; }

.ee-lmagenta .ee-button:focus { background-color: #000000 !important; }

.ee-pgreen .ee-button:focus { background-color: #6E6E6E !important; }

.ee-black .ee-button:focus { border-color: #FFFFFF; }

.ee-blue .ee-button:focus { border-color: #F5E727; }

.ee-cream .ee-button:focus { border-color: #000000; }

.ee-lblue .ee-button:focus { border-color: #000000; }

.ee-lmagenta .ee-button:focus { border-color: #000000; }

.ee-pgreen .ee-button:focus { border-color: #6E6E6E; }

.ee-black .ee-button:focus { color: #000000; }

.ee-blue .ee-button:focus { color: #0000CC; }

.ee-cream .ee-button:focus { color: #FFFACD; }

.ee-lblue .ee-button:focus { color: #ADD8E6; }

.ee-lmagenta .ee-button:focus { color: #EE82EE; }

.ee-pgreen .ee-button:focus { color: #A3AD9E; }

.ee-black .ee-button.btn-medium { background-color: #FFFFFF !important; }

.ee-blue .ee-button.btn-medium { background-color: #F5E727 !important; }

.ee-cream .ee-button.btn-medium { background-color: #000000 !important; }

.ee-lblue .ee-button.btn-medium { background-color: #000000 !important; }

.ee-lmagenta .ee-button.btn-medium { background-color: #000000 !important; }

.ee-pgreen .ee-button.btn-medium { background-color: #6E6E6E !important; }

.ee-black .ee-button.btn-medium { border-color: #FFFFFF; }

.ee-blue .ee-button.btn-medium { border-color: #F5E727; }

.ee-cream .ee-button.btn-medium { border-color: #000000; }

.ee-lblue .ee-button.btn-medium { border-color: #000000; }

.ee-lmagenta .ee-button.btn-medium { border-color: #000000; }

.ee-pgreen .ee-button.btn-medium { border-color: #6E6E6E; }

.ee-black .ee-button.btn-medium { color: #000000; }

.ee-blue .ee-button.btn-medium { color: #0000CC; }

.ee-cream .ee-button.btn-medium { color: #FFFACD; }

.ee-lblue .ee-button.btn-medium { color: #ADD8E6; }

.ee-lmagenta .ee-button.btn-medium { color: #EE82EE; }

.ee-pgreen .ee-button.btn-medium { color: #A3AD9E; }

.ee-black .ee-button.btn-medium:hover { background-color: #FFFFFF !important; }

.ee-blue .ee-button.btn-medium:hover { background-color: #F5E727 !important; }

.ee-cream .ee-button.btn-medium:hover { background-color: #000000 !important; }

.ee-lblue .ee-button.btn-medium:hover { background-color: #000000 !important; }

.ee-lmagenta .ee-button.btn-medium:hover { background-color: #000000 !important; }

.ee-pgreen .ee-button.btn-medium:hover { background-color: #6E6E6E !important; }

.ee-black .ee-button.btn-medium:hover { color: #000000; }

.ee-blue .ee-button.btn-medium:hover { color: #0000CC; }

.ee-cream .ee-button.btn-medium:hover { color: #FFFACD; }

.ee-lblue .ee-button.btn-medium:hover { color: #ADD8E6; }

.ee-lmagenta .ee-button.btn-medium:hover { color: #EE82EE; }

.ee-pgreen .ee-button.btn-medium:hover { color: #A3AD9E; }

.ee-black .ee-button.btn-medium:active { background-color: #000000 !important; }

.ee-blue .ee-button.btn-medium:active { background-color: #0000CC !important; }

.ee-cream .ee-button.btn-medium:active { background-color: #FFFACD !important; }

.ee-lblue .ee-button.btn-medium:active { background-color: #ADD8E6 !important; }

.ee-lmagenta .ee-button.btn-medium:active { background-color: #EE82EE !important; }

.ee-pgreen .ee-button.btn-medium:active { background-color: #A3AD9E !important; }

.ee-black .ee-button.btn-medium:active { color: #FFFFFF; }

.ee-blue .ee-button.btn-medium:active { color: #F5E727; }

.ee-cream .ee-button.btn-medium:active { color: #000000; }

.ee-lblue .ee-button.btn-medium:active { color: #000000; }

.ee-lmagenta .ee-button.btn-medium:active { color: #000000; }

.ee-pgreen .ee-button.btn-medium:active { color: #6E6E6E; }

.ee-black .ee-button.btn-medium:focus { background-color: #000000 !important; }

.ee-blue .ee-button.btn-medium:focus { background-color: #0000CC !important; }

.ee-cream .ee-button.btn-medium:focus { background-color: #FFFACD !important; }

.ee-lblue .ee-button.btn-medium:focus { background-color: #ADD8E6 !important; }

.ee-lmagenta .ee-button.btn-medium:focus { background-color: #EE82EE !important; }

.ee-pgreen .ee-button.btn-medium:focus { background-color: #A3AD9E !important; }

.ee-black .ee-button.btn-medium:focus { border-color: #FFFFFF; }

.ee-blue .ee-button.btn-medium:focus { border-color: #F5E727; }

.ee-cream .ee-button.btn-medium:focus { border-color: #000000; }

.ee-lblue .ee-button.btn-medium:focus { border-color: #000000; }

.ee-lmagenta .ee-button.btn-medium:focus { border-color: #000000; }

.ee-pgreen .ee-button.btn-medium:focus { border-color: #6E6E6E; }

.ee-black .ee-button.btn-medium:focus { color: #FFFFFF; }

.ee-blue .ee-button.btn-medium:focus { color: #F5E727; }

.ee-cream .ee-button.btn-medium:focus { color: #000000; }

.ee-lblue .ee-button.btn-medium:focus { color: #000000; }

.ee-lmagenta .ee-button.btn-medium:focus { color: #000000; }

.ee-pgreen .ee-button.btn-medium:focus { color: #6E6E6E; }

.ee-black .ee-button.btn-primary { background-color: #FFFFFF !important; }

.ee-blue .ee-button.btn-primary { background-color: #F5E727 !important; }

.ee-cream .ee-button.btn-primary { background-color: #000000 !important; }

.ee-lblue .ee-button.btn-primary { background-color: #000000 !important; }

.ee-lmagenta .ee-button.btn-primary { background-color: #000000 !important; }

.ee-pgreen .ee-button.btn-primary { background-color: #6E6E6E !important; }

.ee-black .ee-button.btn-primary { border-color: #FFFFFF; }

.ee-blue .ee-button.btn-primary { border-color: #F5E727; }

.ee-cream .ee-button.btn-primary { border-color: #000000; }

.ee-lblue .ee-button.btn-primary { border-color: #000000; }

.ee-lmagenta .ee-button.btn-primary { border-color: #000000; }

.ee-pgreen .ee-button.btn-primary { border-color: #6E6E6E; }

.ee-black .ee-button.btn-primary { color: #000000; }

.ee-blue .ee-button.btn-primary { color: #0000CC; }

.ee-cream .ee-button.btn-primary { color: #FFFACD; }

.ee-lblue .ee-button.btn-primary { color: #ADD8E6; }

.ee-lmagenta .ee-button.btn-primary { color: #EE82EE; }

.ee-pgreen .ee-button.btn-primary { color: #A3AD9E; }

.ee-black .ee-button.btn-primary:hover { background-color: #FFFFFF !important; }

.ee-blue .ee-button.btn-primary:hover { background-color: #F5E727 !important; }

.ee-cream .ee-button.btn-primary:hover { background-color: #000000 !important; }

.ee-lblue .ee-button.btn-primary:hover { background-color: #000000 !important; }

.ee-lmagenta .ee-button.btn-primary:hover { background-color: #000000 !important; }

.ee-pgreen .ee-button.btn-primary:hover { background-color: #6E6E6E !important; }

.ee-black .ee-button.btn-primary:hover { color: #000000; }

.ee-blue .ee-button.btn-primary:hover { color: #0000CC; }

.ee-cream .ee-button.btn-primary:hover { color: #FFFACD; }

.ee-lblue .ee-button.btn-primary:hover { color: #ADD8E6; }

.ee-lmagenta .ee-button.btn-primary:hover { color: #EE82EE; }

.ee-pgreen .ee-button.btn-primary:hover { color: #A3AD9E; }

.ee-black .ee-button.btn-primary:active { background-color: #000000 !important; }

.ee-blue .ee-button.btn-primary:active { background-color: #0000CC !important; }

.ee-cream .ee-button.btn-primary:active { background-color: #FFFACD !important; }

.ee-lblue .ee-button.btn-primary:active { background-color: #ADD8E6 !important; }

.ee-lmagenta .ee-button.btn-primary:active { background-color: #EE82EE !important; }

.ee-pgreen .ee-button.btn-primary:active { background-color: #A3AD9E !important; }

.ee-black .ee-button.btn-primary:active { color: #FFFFFF; }

.ee-blue .ee-button.btn-primary:active { color: #F5E727; }

.ee-cream .ee-button.btn-primary:active { color: #000000; }

.ee-lblue .ee-button.btn-primary:active { color: #000000; }

.ee-lmagenta .ee-button.btn-primary:active { color: #000000; }

.ee-pgreen .ee-button.btn-primary:active { color: #6E6E6E; }

.ee-black .ee-button.btn-primary:focus { background-color: #000000 !important; }

.ee-blue .ee-button.btn-primary:focus { background-color: #0000CC !important; }

.ee-cream .ee-button.btn-primary:focus { background-color: #FFFACD !important; }

.ee-lblue .ee-button.btn-primary:focus { background-color: #ADD8E6 !important; }

.ee-lmagenta .ee-button.btn-primary:focus { background-color: #EE82EE !important; }

.ee-pgreen .ee-button.btn-primary:focus { background-color: #A3AD9E !important; }

.ee-black .ee-button.btn-primary:focus { border-color: #FFFFFF; }

.ee-blue .ee-button.btn-primary:focus { border-color: #F5E727; }

.ee-cream .ee-button.btn-primary:focus { border-color: #000000; }

.ee-lblue .ee-button.btn-primary:focus { border-color: #000000; }

.ee-lmagenta .ee-button.btn-primary:focus { border-color: #000000; }

.ee-pgreen .ee-button.btn-primary:focus { border-color: #6E6E6E; }

.ee-black .ee-button.btn-primary:focus { color: #FFFFFF; }

.ee-blue .ee-button.btn-primary:focus { color: #F5E727; }

.ee-cream .ee-button.btn-primary:focus { color: #000000; }

.ee-lblue .ee-button.btn-primary:focus { color: #000000; }

.ee-lmagenta .ee-button.btn-primary:focus { color: #000000; }

.ee-pgreen .ee-button.btn-primary:focus { color: #6E6E6E; }

.ee-button-bar-panel > * { background-color: #F5F5F5; }

.ee-button-bar-panel > .ee-right-button-bar { background-color: transparent; }

.ee-black .ee-button-bar-panel > * { background-color: #000000; }

.ee-blue .ee-button-bar-panel > * { background-color: #0000CC; }

.ee-cream .ee-button-bar-panel > * { background-color: #FFFACD; }

.ee-lblue .ee-button-bar-panel > * { background-color: #ADD8E6; }

.ee-lmagenta .ee-button-bar-panel > * { background-color: #EE82EE; }

.ee-pgreen .ee-button-bar-panel > * { background-color: #A3AD9E; }

.ee-black .ee-button-bar-panel > * { background-image: none; }

.ee-blue .ee-button-bar-panel > * { background-image: none; }

.ee-cream .ee-button-bar-panel > * { background-image: none; }

.ee-lblue .ee-button-bar-panel > * { background-image: none; }

.ee-lmagenta .ee-button-bar-panel > * { background-image: none; }

.ee-pgreen .ee-button-bar-panel > * { background-image: none; }

.ee-button-bar-panel > * { border-color: #cccccc #cccccc #b3b3b3; }

.ee-button-bar-panel > .ee-right-button-bar { border-color: transparent; }

.ee-black .ee-button-bar-panel > * { border-color: #FFFFFF; }

.ee-blue .ee-button-bar-panel > * { border-color: #F5E727; }

.ee-cream .ee-button-bar-panel > * { border-color: #000000; }

.ee-lblue .ee-button-bar-panel > * { border-color: #000000; }

.ee-lmagenta .ee-button-bar-panel > * { border-color: #000000; }

.ee-pgreen .ee-button-bar-panel > * { border-color: #6E6E6E; }

.int-ext-dropBay { box-sizing: border-box; -moz-box-sizing: border-box; position: relative; border: 2px solid black; cursor: default; z-index: 2; background-color: white; }

.int-ext-draggable { position: absolute; border: 1px solid black; padding: 5px; overflow: hidden; z-index: 2000; cursor: move; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }

.int-ext-clearBayButton { float: right; padding: 5px 5px 5px 10px; padding: 0 0 5px 10px; margin: 0; cursor: pointer; z-index: 101; }
.int-ext-clearBayButton [class^="icon-"]:before { position: relative; font-size: 25px; top: 3px; diplay: inline-block; }

.int-ext-dropBayTextContainer { box-sizing: border-box; padding: 5px; margin: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 100; }

.int-ext-backgroundColor { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .5; }

.int-ext-draggerText { color: black; }

#extractableContent { line-height: 160%; }

#extractableContent span.int-ext-selectable { cursor: pointer; color: #2871BD; background-color: #f6f6f6; border: 1px solid #2871BD; border-radius: 3px; padding: 1px; padding-left: 3px; padding-right: 3px; }

#extractableContent span.int-ext-selectable:hover { background-color: #E8E8E8; border: 2px solid #2871BD; padding: 0px; padding-left: 2px; padding-right: 2px; }

#extractableContent span.int-ext-selected { cursor: default; color: #FFFFFF; background-color: #2873BA; box-shadow: inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.5); border-radius: 3px; padding: 2px; padding-left: 4px; padding-right: 4px; }

div.dropBayC { color: #FFFFFF; background-color: #2873BA; box-shadow: inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.5); border-radius: 3px; }

#bays .int-ext-backgroundColor { opacity: 1; }

.int-highlighter-tooltip { position: absolute; border-radius: 5px; padding: 5px; min-width: 100px; z-index: 1001; border: 1px solid black; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(47%, #f6f6f6), color-stop(100%, #ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ }

/*  -------------------------------------------------- default contrast colors -------------------------------------------------- */
div[data-style=CustomInteraction-texthighlighter] { line-height: 160%; }
div[data-style=CustomInteraction-texthighlighter] .selectable { color: #2871BD; background-color: #f6f6f6; border: 1px solid #2871BD; border-radius: 3px; padding: 1px; padding-left: 3px; padding-right: 3px; }
div[data-style=CustomInteraction-texthighlighter] .selectable:hover { background-color: #E8E8E8; border: 2px solid #2871BD; padding: 0px; padding-left: 2px; padding-right: 2px; }
div[data-style=CustomInteraction-texthighlighter] .selectedC:hover, div[data-style=CustomInteraction-texthighlighter] .selectedC { color: #FFFFFF; background-color: #2873BA; box-shadow: inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.5); border: 0px; border-radius: 3px; padding: 2px; padding-left: 4px; padding-right: 4px; }

.int-cg-panel-button { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(99%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.9); }

.int-cg-main-panel { position: relative; top: 20px; margin-right: 55px; z-index: 0; }

.int-cg-radiolabel-solid { display: inline-block; position: relative; top: 4px; margin-left: 7px; border-top: #333 4px solid; }

.int-cg-radiolabel-dashed { display: inline-block; position: relative; top: 9px; margin-left: 7px; border-top: #333 4px dashed; }

.int-cg-component-panel { position: relative; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.85); }

.int-cg-arrow-hidden { visibility: hidden; }

.int-cg-arrow-outline { z-index: -3; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 60px solid rgba(0, 0, 0, 0.25); position: absolute; }

.int-cg-arrow { z-index: -2; width: 0; height: 0; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 56px solid #ffffff; position: relative; }

.int-cg-arrow-inner { z-index: -1; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 50px solid #0000ff; position: relative; }

@font-face { font-family: "pearson_tn8_iconsregular"; src: url("../javascripts/tools/css/images/font/pearsoniconstn8-webfont.eot") format("embedded-opentype"); src: url("../javascripts/tools/css/images/font/pearsoniconstn8-webfont.eot?#iefix") format("eot"), url("../javascripts/tools/css/images/font/pearsoniconstn8-webfont.woff") format("woff"), url("../javascripts/tools/css/images/font/pearsoniconstn8-webfont.ttf") format("truetype"), url("../javascripts/tools/css/images/font/pearsoniconstn8-webfont.svg#pearson_tn8_iconsregular") format("svg"); font-weight: normal; font-style: normal; }

.jet-container, .jet-container *, .jet-widget, .jet-widget * { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: transparent; text-decoration: none; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; text-shadow: none; float: none; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: normal; text-align: left; position: static; }

.jet-container *[unselectable] { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }

.jet-container ::-webkit-scrollbar { width: 8px; height: 8px; -webkit-border-radius: 4px; }

.jet-container ::-webkit-scrollbar-track, .jet-container ::-webkit-scrollbar-track-piece { background-color: transparent; }

.jet-container ::-webkit-scrollbar-thumb { background-color: rgba(53, 57, 71, 0.3); width: 6px; height: 6px; -webkit-border-radius: 4px; }

@media only screen and (max-device-width: 1024px) { .jet-container, .jet-container *, .jet-widget, .jet-widget * { font-size: 17px; } }
.jet-fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity 0.15s linear; }

.jet-fade.jet-in { opacity: 1; }

.jet-tinymce { visibility: visible !important; position: relative; }

.jet-tinymce { display: block; border-radius: 2px; }

.jet-text-center { text-align: center; }

div.jet-tinymce-inline { width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.jet-container, .jet-container-body { display: block; }

.jet-panel { border: 0 solid #9e9e9e; background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #fdfdfd, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#dddddd)); background-image: -webkit-linear-gradient(top, #fdfdfd, #dddddd); background-image: -o-linear-gradient(top, #fdfdfd, #dddddd); background-image: linear-gradient(to bottom, #fdfdfd, #dddddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#ffdddddd', GradientType=0); zoom: 1; }

.jet-btn { border: 1px solid #c5c5c5; position: relative; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f0f0f0; background-image: -moz-linear-gradient(top, white, #d9d9d9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#d9d9d9)); background-image: -webkit-linear-gradient(top, white, #d9d9d9); background-image: -o-linear-gradient(top, white, #d9d9d9); background-image: linear-gradient(to bottom, #ffffff, #d9d9d9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd9d9d9', GradientType=0); zoom: 1; border-color: #d9d9d9 #d9d9d9 #b3b3b3; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.jet-btn:hover, .jet-btn:focus { text-decoration: none; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #e3e3e3; background-image: -moz-linear-gradient(top, #f2f2f2, #cccccc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#cccccc)); background-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc); background-image: -o-linear-gradient(top, #f2f2f2, #cccccc); background-image: linear-gradient(to bottom, #f2f2f2, #cccccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffcccccc', GradientType=0); zoom: 1; border-color: #ccc #ccc #a6a6a6; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }

.jet-btn.jet-disabled, .jet-btn.jet-disabled:hover { cursor: default; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: .65; filter: alpha(opacity=65); zoom: 1; }

.jet-btn.jet-active, .jet-btn.jet-active:hover { color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #d6d6d6; background-image: -moz-linear-gradient(top, #e6e6e6, #bfbfbf); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#bfbfbf)); background-image: -webkit-linear-gradient(top, #e6e6e6, #bfbfbf); background-image: -o-linear-gradient(top, #e6e6e6, #bfbfbf); background-image: linear-gradient(to bottom, #e6e6e6, #bfbfbf); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffbfbfbf', GradientType=0); zoom: 1; border-color: #bfbfbf #bfbfbf #999; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.jet-btn button { padding: 4px 10px; font-size: 14px; line-height: 20px; height: 28px; cursor: pointer; color: #333; text-align: center; overflow: visible; -webkit-appearance: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.jet-btn button::-moz-focus-inner { border: 0; padding: 0; }

.jet-btn i { text-shadow: 1px 1px white; }

.jet-primary { min-width: 50px; color: #fff; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); zoom: 1; border-color: #04c #04c #002b80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }

.jet-primary:hover, .jet-primary:focus { color: #fff; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #005fb3; background-image: -moz-linear-gradient(top, #0077b3, #003cb3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0077b3), to(#003cb3)); background-image: -webkit-linear-gradient(top, #0077b3, #003cb3); background-image: -o-linear-gradient(top, #0077b3, #003cb3); background-image: linear-gradient(to bottom, #0077b3, #003cb3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0077b3', endColorstr='#ff003cb3', GradientType=0); zoom: 1; border-color: #003cb3 #003cb3 #026; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }

.jet-primary button { color: white; }

.jet-btn-large button { padding: 9px 14px; font-size: 16px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.jet-btn-large i { margin-top: 2px; }

.jet-btn-small button { padding: 3px 5px; font-size: 12px; line-height: 15px; }

.jet-btn-small i { margin-top: 0; }

.jet-btn .jet-caret { margin-top: 8px; *margin-top: 6px; margin-left: 0; }

.jet-btn-small .jet-caret { margin-top: 6px; *margin-top: 4px; margin-left: 0; }

.jet-caret { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 0; vertical-align: top; border-top: 4px solid #444; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; }

.jet-disabled .jet-caret { border-top-color: #999999; }

.jet-caret.jet-up { border-bottom: 4px solid #444; border-top: 0; }

.jet-btn-group .jet-btn { border-width: 1px 0 1px 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.jet-btn-group .jet-btn:hover, .jet-btn-group .jet-btn:focus { color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #e3e3e3; background-image: -moz-linear-gradient(top, #f2f2f2, #cccccc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#cccccc)); background-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc); background-image: -o-linear-gradient(top, #f2f2f2, #cccccc); background-image: linear-gradient(to bottom, #f2f2f2, #cccccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffcccccc', GradientType=0); zoom: 1; border-color: #ccc #ccc #a6a6a6; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }

.jet-btn-group .jet-btn.jet-disabled, .jet-btn-group .jet-btn.jet-disabled:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f0f0f0; background-image: -moz-linear-gradient(top, white, #d9d9d9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#d9d9d9)); background-image: -webkit-linear-gradient(top, white, #d9d9d9); background-image: -o-linear-gradient(top, white, #d9d9d9); background-image: linear-gradient(to bottom, #ffffff, #d9d9d9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd9d9d9', GradientType=0); zoom: 1; border-color: #d9d9d9 #d9d9d9 #b3b3b3; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }

.jet-btn-group .jet-btn.jet-active, .jet-btn-group .jet-btn.jet-active:hover, .jet-btn-group .jet-btn:active { color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #d6d6d6; background-image: -moz-linear-gradient(top, #e6e6e6, #bfbfbf); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#bfbfbf)); background-image: -webkit-linear-gradient(top, #e6e6e6, #bfbfbf); background-image: -o-linear-gradient(top, #e6e6e6, #bfbfbf); background-image: linear-gradient(to bottom, #e6e6e6, #bfbfbf); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffbfbfbf', GradientType=0); zoom: 1; border-color: #bfbfbf #bfbfbf #999; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.jet-btn-group .jet-btn.jet-disabled button { opacity: .65; filter: alpha(opacity=65); zoom: 1; }

.jet-btn-group .jet-first { border-left: 1px solid #c5c5c5; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

.jet-btn-group .jet-last { border-right: 1px solid #c5c5c5; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }

.jet-btn-group .jet-first.jet-last { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.jet-btn-group .jet-btn.jet-flow-layout-item { margin: 0; }

.jet-flow-layout-item { display: inline-block; *display: inline; *zoom: 1; }

.jet-flow-layout-item { margin: 2px 0 2px 2px; }

.jet-flow-layout-item.jet-last { margin-right: 2px; }

.jet-flow-layout { white-space: normal; }

.jet-menubar .jet-menubtn { border-color: transparent; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: none; }

.jet-menubar { border: 1px solid #dddddd; }

.jet-menubar .jet-menubtn button { color: black; }

.jet-menubar .jet-menubtn:hover, .jet-menubar .jet-menubtn.jet-active, .jet-menubar .jet-menubtn:focus { border-color: transparent; background: #ddd; filter: none; }

.jet-menubtn.jet-disabled span { color: #999999; }

.jet-menubtn span { line-height: 20px; *line-height: 16px; }

.jet-menubtn.jet-btn-small span { font-size: 12px; line-height: 15px; *line-height: 16px; }

.jet-menubtn.jet-fixed-width span { display: inline-block; overflow-x: hidden; text-overflow: ellipsis; width: 90px; }

.jet-menubtn.jet-fixed-width.jet-btn-small span { width: 70px; }

.jet-listbox button { text-align: left; padding-right: 20px; position: relative; }

.jet-listbox .jet-caret { position: absolute; margin-top: -2px; right: 8px; top: 50%; }

i.jet-i-resize { color: #000; }

.jet-spacer { visibility: hidden; }

.jet-splitbtn .jet-open { border-left: 1px solid transparent; border-right: 1px solid transparent; }

.jet-splitbtn:hover .jet-open { border-left-color: #c5c5c5; border-right-color: #c5c5c5; }

.jet-splitbtn button { padding-right: 4px; }

.jet-splitbtn .jet-open { padding-left: 4px; }

.jet-splitbtn .jet-open.jet-active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.jet-stack-layout-item { display: block; }

.jet-tabs { display: block; border-bottom: 1px solid #ccc; }

.jet-tab { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #ccc; border-width: 1px 1px 0 0; background: #e3e3e3; padding: 8px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); height: 13px; cursor: pointer; }

.jet-tab:hover { background: #fdfdfd; }

.jet-tab.jet-active { background: #fdfdfd; border-bottom-color: transparent; margin-bottom: -1px; height: 14px; }

.jet-textbox { background: #FFF; border: 1px solid #c5c5c5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; -webkit-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; height: 28px; resize: none; padding: 0 4px 0 4px; white-space: pre-wrap; *white-space: pre; color: #000; }

.jet-textbox:focus { border-color: rgba(82, 168, 236, 0.8); -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); }

.jet-placeholder .jet-textbox { color: #aaa; }

.jet-textbox.jet-multiline { padding: 4px; }

.jet-throbber { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; filter: alpha(opacity=60); zoom: 1; background: white url("img/loader.gif") no-repeat center center; }

@font-face { font-family: 'tinymce'; src: url("fonts/icomoon.eot"); src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.svg#icomoon") format("svg"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'tinymce-small'; src: url("fonts/icomoon-small.eot"); src: url("fonts/icomoon-small.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon-small.svg#icomoon") format("svg"), url("fonts/icomoon-small.woff") format("woff"), url("fonts/icomoon-small.ttf") format("truetype"); font-weight: normal; font-style: normal; }

.jet-ico { font-family: 'tinymce', Arial; font-style: normal; font-weight: normal; font-size: 16px; line-height: 16px; vertical-align: text-top; -webkit-font-smoothing: antialiased; display: inline-block; background: transparent center center; width: 16px; height: 16px; color: #333; }

.jet-btn-small .jet-ico { font-family: 'tinymce-small', Arial; }

@media only screen and (max-device-width: 1024px) { .jet-ico { font-size: 22px; line-height: 22px; width: 22px; height: 22px; } }
.jet-i-save:before { content: "\e000"; }

.jet-i-newdocument:before { content: "\e001"; }

.jet-i-fullpage:before { content: "\e002"; }

.jet-i-alignleft:before { content: "\e003"; }

.jet-i-aligncenter:before { content: "\e004"; }

.jet-i-alignright:before { content: "\e005"; }

.jet-i-alignjustify:before { content: "\e006"; }

.jet-i-cut:before { content: "\e007"; }

.jet-i-paste:before { content: "\e008"; }

.jet-i-searchreplace:before { content: "\e009"; }

.jet-i-bullist:before { content: "\e00a"; }

.jet-i-numlist:before { content: "\e00b"; }

.jet-i-indent:before { content: "\e00c"; }

.jet-i-outdent:before { content: "\e00d"; }

.jet-i-blockquote:before { content: "\e00e"; }

.jet-i-undo:before { content: "\e00f"; }

.jet-i-redo:before { content: "\e010"; }

.jet-i-link:before { content: "\e011"; }

.jet-i-unlink:before { content: "\e012"; }

.jet-i-anchor:before { content: "\e013"; }

.jet-i-image:before { content: "\e014"; }

.jet-i-media:before { content: "\e015"; }

.jet-i-help:before { content: "\e016"; }

.jet-i-code:before { content: "\e017"; }

.jet-i-inserttime:before { content: "\e018"; }

.jet-i-preview:before { content: "\e019"; }

.jet-i-forecolor:before { content: "\e01a"; }

.jet-i-backcolor:before { content: "\e01a"; }

.jet-i-table:before { content: "\e01b"; }

.jet-i-hr:before { content: "\e01c"; }

.jet-i-removeformat:before { content: "\e01d"; }

.jet-i-subscript:before { content: "\e01e"; }

.jet-i-superscript:before { content: "\e01f"; }

.jet-i-charmap:before { content: "\e020"; }

.jet-i-emoticons:before { content: "\e021"; }

.jet-i-print:before { content: "\e022"; }

.jet-i-fullscreen:before { content: "\e023"; }

.jet-i-spellchecker:before { content: "\e024"; }

.jet-i-nonbreaking:before { content: "\e025"; }

.jet-i-template:before { content: "\e026"; }

.jet-i-pagebreak:before { content: "\e027"; }

.jet-i-restoredraft:before { content: "\e028"; }

.jet-i-untitled:before { content: "\e029"; }

.jet-i-bold:before { content: "\e02a"; }

.jet-i-italic:before { content: "\e02b"; }

.jet-i-underline:before { content: "\e02c"; }

.jet-i-strikethrough:before { content: "\e02d"; }

.jet-i-visualchars:before { content: "\e02e"; }

.jet-i-visualblocks:before { content: "\e02e"; }

.jet-i-ltr:before { content: "\e02f"; }

.jet-i-rtl:before { content: "\e030"; }

.jet-i-copy:before { content: "\e031"; }

.jet-i-resize:before { content: "\e032"; }

.jet-i-browse:before { content: "\e034"; }

.jet-i-checkbox:before, .jet-i-selected:before { content: "\e033"; }

.jet-i-selected { visibility: hidden; }

i.jet-i-backcolor { text-shadow: none; background: #BBB; }

.jet-container .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); }
.jet-container .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }
.jet-container .tooltip.top { margin-top: -3px; padding: 5px 0; }
.jet-container .tooltip.right { margin-left: 3px; padding: 0 5px; }
.jet-container .tooltip.bottom { margin-top: 3px; padding: 5px 0; }
.jet-container .tooltip.left { margin-left: -3px; padding: 0 5px; }
.jet-container .tooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.jet-container .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.jet-container .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.jet-container .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; }
.jet-container .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; }
.jet-container .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }

div.rich-text-editor { background-color: #fff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; scrollbar-3dlight-color: #f0f0ee; scrollbar-arrow-color: #676662; scrollbar-base-color: #f0f0ee; scrollbar-darkshadow-color: #ddd; scrollbar-face-color: #e0e0dd; scrollbar-highlight-color: #f0f0ee; scrollbar-shadow-color: #f0f0ee; scrollbar-track-color: #f5f5f5; min-height: 100px; }

.jet-match-marker { background: green; color: #fff; }

.jet-edit-focus { outline: 1px dotted #333; }

img.rte-button { cursor: pointer; border: 0; }

div.rich-text-editor { display: inline-block; padding: 0; width: 100%; }
div.rich-text-editor div.rte-counter { visibility: hidden; position: absolute; right: 2px; top: 0; width: 60px; height: 18px; padding: 3px; margin: 4px 4px 0 0; border: 1px solid #666666; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.rich-text-editor .rteSpellCheckNotice { position: absolute; background-color: #f0f0ee; border: 1px solid #bfbfbf; bottom: -40px; right: 10px; display: none; padding: 5px 10px; border-radius: 5px; font-size: 15px; box-shadow: 3px 3px 10px #bfbfbf; z-index: 100; }
div.rich-text-editor .rteDone { cursor: pointer; }

.rte-editbox { box-sizing: border-box; border-width: 0 1px 1px 1px; border-color: #aaaaaa; border-style: solid; margin: 0; padding: 8px; overflow: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -ms-user-select: auto; user-select: text; -moz-user-select: text; }
.rte-editbox a.missplled { -ms-user-select: text; user-select: text; }
.rte-editbox p { margin: 0; }

.rte-editbox:focus { outline: none; }

.rtelite, .rtelite.height-medium { height: 156px; }

.rtelite.height-tall { height: 210px; }

.rtelite.height-xtratall { height: 264px; }

.rtelite.height-xxtratall { height: 318px; }

.rtelite.height-xxxtratall { height: 372px; }

.misspelled:hover, .misspelled:focus, .misspelled:active { text-decoration: none; color: inherit; }

.misspelled { cursor: pointer; color: black; overflow: hidden; text-decoration: inherit; padding-bottom: 3px; background-image: url("./images/squiggle.png"); background-repeat-y: no-repeat; background-position: 0 100%; background-repeat: repeat-x; }

.spellpop { position: absolute; z-index: 1; display: block; min-width: 50px; }

.spellpop > li > a { padding: 1px 14px 2px; line-height: 18px; }

.spellpop > li.divider { margin: 2px 1px; }

.tn8-icon-spellcheck:before { content: "\e600"; font-size: 16px; }

.tn8-icon-charmap:before { content: "\e020"; font-size: 16px; }

.tn8-icon-bold:before { content: "\e02a"; font-size: 16px; }

.tn8-icon-italic:before { content: "\e02b"; font-size: 16px; }

.tn8-icon-underline:before { content: "\e02c"; font-size: 16px; }

.tn8-icon-undo:before { content: "\e00f"; font-size: 16px; }

.tn8-icon-redo:before { content: "\e010"; font-size: 16px; }

.tn8-icon-ol:before { content: "\e00b"; font-size: 16px; }

.tn8-icon-ul:before { content: "\e00a"; font-size: 16px; }

.charmap-container { width: 0px; height: 0px; position: absolute; z-index: 1070; }
.charmap-container .modal-header { background-color: #e6e6e6; }
.charmap-container .modal-header .close { text-shadow: none; }
.charmap-container .modal-footer { background-color: white; border-top: none; }
.charmap-container [class^="icon-"], .charmap-container [class*=" icon-"] { background-image: none; }

.charmap { width: 450px; margin-left: -225px; }

.charmap-button { width: 40px; height: 40px; background-image: none; background-color: white; border: 1px solid #dadada; }

.charmap-button:hover { background-color: transparent; }

.charmap-button.hover { background-color: #cacaca; }

.charmap-button:focus, .charmap-button.active { background-color: #cacaca; border-color: black; outline: none; }

.charmap-button-area { width: 320px; min-height: 80px; border: 1px solid #dadada; }

.charmap-display { padding: 0; line-height: 80px; position: absolute; right: 15px; top: 15px; width: 80px; height: 80px; border: 1px solid #dadada; box-sizing: border-box; text-align: center; font-size: 50px; }

/* ---------------------------- variables ---------------------------- */
/* ---------------------------- mixins ---------------------------- */
/* ------------------------ animations ---------------------------- */
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }

@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); } }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

/* ---------------------------------------------------------------- */
.tn8-recorder { position: relative; display: block; width: 100%; min-width: 220px; margin-top: 10px; }
.tn8-recorder .spinner { margin: 5px 11px; float: left; display: inline-block; box-sizing: border-box; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; width: 30px; height: 30px; border: 4px solid; border-top-color: #555555; border-left-color: rgba(0, 0, 0, 0.25); border-right-color: rgba(0, 0, 0, 0.25); border-bottom-color: rgba(0, 0, 0, 0.25); -moz-animation: spin 0.5s infinite linear; -webkit-animation: spin 0.5s infinite linear; -ms-animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear; }
.tn8-recorder .main { padding: 8px 12px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border: 1px solid #cccccc; background: #f2f2f2; border-bottom: none; min-height: 56px; box-sizing: border-box; }
.tn8-recorder .main:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.tn8-recorder .main.complete { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border-bottom: 1px solid #cccccc; }
.tn8-recorder .main > .input-meter { float: right; }
.tn8-recorder .main > .control-button { float: left; }
.tn8-recorder .main > .control-button.last { margin-left: 10px; }
.tn8-recorder .main > .control-button.btn-inverse[disabled] { color: #ffffff; background-color: #222222; }
.tn8-recorder .main > .clear-button { float: right; }
.tn8-recorder .main > .clear-button i { vertical-align: middle; width: initial; height: initial; color: #333; font-size: 26px; line-height: 30px; }
.tn8-recorder .main > .status-display { width: -moz-calc(100% - 52px*2); width: -webkit-calc(100% - 52px*2); width: -ms-calc(100% - 52px*2); width: calc(100% - 52px*2); float: left; box-sizing: border-box; padding: 0 10px; text-align: center; line-height: 16px; }
.tn8-recorder .main > .status-display > .speaker-icon { background-image: url("../images/recorder/speak-icon.png"); background-repeat: no-repeat; background-position: center top; background-size: 40px 40px; height: 40px; width: 100%; }
.tn8-recorder .main > .status-display .message { margin-bottom: 5px; }
.tn8-recorder .visibily-hidden { visibility: hidden; }
.tn8-recorder.recording .main { background-image: none; background-color: #666666; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
.tn8-recorder.recording .main > .input-meter { background: url("../images/recorder/bars_bg.png"); background-repeat: no-repeat; background-size: 45px 50px; }
.tn8-recorder i { background-image: none; text-shadow: none; }
.tn8-recorder i.before-text { margin-right: 5px; }
.tn8-recorder i.icon-warning-sign { font-size: 20px; color: #aa0000; margin-right: 10px; }
.tn8-recorder [class^="icon-"]:before, .tn8-recorder [class*=" icon-"]:before { position: inherit; font-size: inherit; top: inherit; }
.tn8-recorder > .recorder-swf { position: absolute; left: -9999px; }
.tn8-recorder > .recorder-swf.shown { z-index: 1010; left: 0; top: 0; }
.tn8-recorder > .debug { line-height: 14px; margin-top: 3px; }
.tn8-recorder > .debug label { display: inline-block; font-weight: bold; text-transform: uppercase; margin-bottom: 0; color: #666; font-size: 10px; margin-right: 12px; line-height: 14px; }
.tn8-recorder > .debug label span { margin-left: 2px; font-size: 12px; font-weight: normal; text-transform: none; color: #000; }
.tn8-recorder > .delete-dialog { padding: 8px 8px; width: 100%; min-height: 100%; box-sizing: border-box; position: absolute; top: 0; text-align: center; border: 1px solid #cccccc; background: #f2f2f2; -webkit-border-radius: 4px 4px 5px 5px; -moz-border-radius: 4px 4px 5px 5px; -ms-border-radius: 4px 4px 5px 5px; border-radius: 4px 4px 5px 5px; }
.tn8-recorder > .delete-dialog > .delete-message { margin-bottom: 32px; line-height: 16px; }
.tn8-recorder > .delete-dialog .button-holder { width: -moz-calc(100% - 8px * 2); width: -webkit-calc(100% - 8px * 2); width: -ms-calc(100% - 8px * 2); width: calc(100% - 8px * 2); position: absolute; bottom: 6px; box-sizing: border-box; }
.tn8-recorder > .delete-dialog .btn { width: auto; height: auto; padding: 2px 12px; margin: 0 5px; }
.tn8-recorder > .delete-dialog .btn i { line-height: 1.1em; }
.tn8-recorder > .progress { background: none; background-color: #ddd; -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: 10px; width: 100%; box-sizing: border-box; margin-bottom: 0; overflow: hidden; -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.15); }
.tn8-recorder > .progress > .bar { -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.5); background-color: #149bdf; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; width: 0%; }
.tn8-recorder > .progress > .bar.playing { -webkit-transition-property: width; -moz-transition-property: width; -ms-transition-property: width; -o-transition-property: width; transition-property: width; width: 100%; }
.tn8-recorder > .progress > .bar.stopped { -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; width: 100%; }
.tn8-recorder > .progress > .bar.reset { -webkit-transition-property: width; -moz-transition-property: width; -ms-transition-property: width; -o-transition-property: width; transition-property: width; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.5s !important; -moz-transition-duration: 0.5s !important; -ms-transition-duration: 0.5s !important; -o-transition-duration: 0.5s !important; transition-duration: 0.5s !important; width: 0%; }
.tn8-recorder > .progress > .marker { position: relative; background-color: #fff; width: 0px; height: 8px; left: 0%; top: 1px; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
.tn8-recorder > .progress > .marker.playing { width: 4px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); -webkit-transition-property: left; -moz-transition-property: left; -ms-transition-property: left; -o-transition-property: left; transition-property: left; left: 100%; }
.tn8-recorder > .progress > .marker.reset { -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; left: 0%; width: 0px; }
.tn8-recorder .btn { width: 52px; height: 40px; }
.tn8-recorder .btn:focus { background-position: 0px; }
.tn8-recorder .btn:hover { background-position: 0 -15px; }
.tn8-recorder .btn-inverse > .btn-icon.stop { background-color: #fff; }
.tn8-recorder .btn-icon { margin: auto; }
.tn8-recorder .btn-icon.record { width: 20px; height: 20px; background-color: #dd0000; border-radius: 20px; }
.tn8-recorder .btn-icon.stop { width: 20px; height: 20px; background-color: #333; border-radius: 0px; }
.tn8-recorder .btn-icon.play { width: 0; height: 0; border-top: 10px solid transparent; border-left: 20px solid #333; border-bottom: 10px solid transparent; }
.tn8-recorder .btn-icon.pause { width: 6px; height: 20px; border-right: 5px solid #333; border-left: 5px solid #000; }

/* ----------------------------- Drawing Interaction ----------------------------- */
.tn8-drawing-interaction [class^="icon-"], .tn8-drawing-interaction [class*=" icon-"] { background-image: none; }
.tn8-drawing-interaction .int-drawing-toolbar { display: inline-block; position: relative; vertical-align: top; }
.tn8-drawing-interaction .stroke-btn, .tn8-drawing-interaction .stroke-btn-toggle { line-height: 30px; padding: 0 12px; }
.tn8-drawing-interaction .stroke-btn.stroke-1 > .circle, .tn8-drawing-interaction .stroke-btn-toggle.stroke-1 > .circle { height: 4px; width: 4px; }
.tn8-drawing-interaction .stroke-btn.stroke-3 > .circle, .tn8-drawing-interaction .stroke-btn-toggle.stroke-3 > .circle { height: 7px; width: 7px; }
.tn8-drawing-interaction .stroke-btn.stroke-5 > .circle, .tn8-drawing-interaction .stroke-btn-toggle.stroke-5 > .circle { height: 10px; width: 10px; }
.tn8-drawing-interaction .stroke-btn.stroke-8 > .circle, .tn8-drawing-interaction .stroke-btn-toggle.stroke-8 > .circle { height: 13px; width: 13px; }
.tn8-drawing-interaction .circle { height: 4px; width: 4px; background-color: #333; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; display: inline-block; vertical-align: middle; line-height: 30px; position: relative; top: -2px; }
.tn8-drawing-interaction .control-panel { display: block; margin: 0; }
.tn8-drawing-interaction .control-panel:not(:last-child) { margin-bottom: 5px; }
.tn8-drawing-interaction .control-panel .draw-btn-group { margin-bottom: 0; }
.tn8-drawing-interaction .control-panel .draw-btn-group .btn.dropdown-toggle { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border-bottom: none; }
.tn8-drawing-interaction .control-panel .icon-minus::before { -webkit-transform: scaleX(1.35) scaleY(1.35) rotate(-45deg); -moz-transform: scaleX(1.35) scaleY(1.35) rotate(-45deg); -ms-transform: scaleX(1.35) scaleY(1.35) rotate(-45deg); -o-transform: scaleX(1.35) scaleY(1.35) rotate(-45deg); transform: scaleX(1.35) scaleY(1.35) rotate(-45deg); }
.tn8-drawing-interaction .control-panel .dropdown-menu { top: 0; left: 100%; margin: 0 0 0 3px; }
.tn8-drawing-interaction .control-panel .dropdown-menu.right { margin: 0 3px 0 0px; }
.tn8-drawing-interaction .control-panel .dropdown-menu.btn-group { padding: 0; border: 0; min-width: 0; }
.tn8-drawing-interaction .control-panel .btn { box-sizing: border-box; height: 30px; width: 40px; }
.tn8-drawing-interaction .control-panel .btn[disabled] { opacity: 0.4; }
.tn8-drawing-interaction .control-panel .btn .caret { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; bottom: 3px; right: 1px; }
.tn8-drawing-interaction .color-btn[id^="btn-black"] { color: black; }
.tn8-drawing-interaction .color-btn[id^="btn-tan"] { color: #C68944; }
.tn8-drawing-interaction .color-btn[id^="btn-blue"] { color: blue; }
.tn8-drawing-interaction .color-btn[id^="btn-green"] { color: green; }
.tn8-drawing-interaction .color-btn[id^="btn-red"] { color: red; }
.tn8-drawing-interaction .color-btn[id^="btn-yellow"] { color: yellow; }

/* ------------------- TextEntry Gridded (>=8.5) --------------------- */
.grid-wrapper { min-height: 24px; background-color: #f5f5f5; border: 1px solid #c3c3c3; border-radius: 4px; padding: 8px 3px 8px 2px; white-space: nowrap; }

.grid-wrapper input[type="text"] { height: 20px; width: 16px; line-height: 24px; margin-left: 2px; margin-right: 2px; padding: 2px 1px 2px 8px; }

.grid-static-markup { font-size: 18px; padding-left: 2px; padding-right: 2px; }

.grid-aria { -moz-user-select: text; }

/* This PARCC style is the only program-specific override */
#itemCanvasBody.parcc .grid-wrapper input[type="text"] { height: 20px; width: 16px; line-height: 24px; margin-left: 2px; margin-right: 2px; padding: 2px 1px 2px 8px; }

/*  Contrast and Settings page */
#contrast-settings-ul { margin: 5px 0 5px 5px; }
#contrast-settings-ul li { list-style-type: none; margin-top: 10px; }
#contrast-settings-ul .contrast-sample { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; margin-right: 5px; margin-left: 10px; padding-left: 3px; padding-right: 3px; padding-top: 2px; }

#contrastSettingsModal { width: 300px; left: 60%; }

#contrastSettingsModal.langes { width: 376px; }

.contrast-title { font-weight: bold; font-size: 17px; color: #5E5858; text-transform: uppercase; }

#contrast-settings-ul input { margin: 2px 0 0; }

body.ie #contrast-settings-ul input { margin-top: -2px; }

#contrast-settings-ul span.black-cream-bgc, #itemCanvas.black-cream-bgc { color: black; background-color: lemonChiffon; }

.black-cream-bgc .whitebg, .black-cream-bgc .well { background-color: lemonChiffon; }

#contrast-settings-ul span.black-lblue-bgc, #itemCanvas.black-lblue-bgc { color: black; background-color: lightBlue; }

.black-lblue-bgc .whitebg, .black-lblue-bgc .well { background-color: lightBlue; }

#contrast-settings-ul span.black-lmagenta-bgc, #itemCanvas.black-lmagenta-bgc { color: black; background-color: #EE82EE; }

.black-lmagenta-bgc .whitebg, .black-lmagenta-bgc .well { background-color: #EE82EE; }

#contrast-settings-ul span.white-black-bgc, #itemCanvas.white-black-bgc { color: white; background-color: black; }

.white-black-bgc .whitebg, .white-black-bgc .well { background-color: black; }

#contrast-settings-ul span.yellow-blue-bgc, #itemCanvas.yellow-blue-bgc { color: #F5E727; background-color: #0000CC; }

.yellow-blue-bgc .whitebg, .yellow-blue-bgc .well { background-color: #0000CC; }

#contrast-settings-ul span.dgray-pgreen-bgc, #itemCanvas.dgray-pgreen-bgc { color: #6E6E6E; background-color: #A3AD9E; }

.dgray-pgreen-bgc .whitebg, .dgray-pgreen-bgc .well { background-color: #A3AD9E; }

.icon-arrow-right.langes { padding-left: 5px; }

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

.acc-anseliminator-canvas { position: absolute; top: 0; left: 0; z-index: 1000; /* Need a high z-index because of Math-Jax items. */ }

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

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

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

/**
ACT itemStyles
*/
#itemCanvasBody.aspire.large-font { font-size: 16px; line-height: 24px; }

#itemCanvasBody.aspire.large-font label { font-size: 16px; line-height: 24px; }

#itemCanvasBody.aspire.large-font input[type="text"] { font-size: 16px; line-height: 24px; height: 24px; margin-bottom: 0; margin-top: 0; padding-top: 2px; padding-bottom: 2px; }

#itemCanvasBody.aspire.large-font .int-choice-control { padding: 5px 0 0; }

#itemCanvasBody.aspire.large-font .int-choice-control input[type="checkbox"] { margin-top: 2px; }

/* Custom Aspire Table Styles */
#itemCanvasBody.aspire .table-bblack { border-collapse: collapse; border: 1px solid black; }

#itemCanvasBody.aspire .table-bnone { border-collapse: collapse; border: none; }

#itemCanvasBody.aspire .table-caption-top caption { caption-side: top; text-align: center; border: 1px solid black; border-bottom-style: none; padding: 6px; }

#itemCanvasBody.aspire .table-caption-bnone caption { border: none; text-align: center; padding: 6px; }

#itemCanvasBody.aspire .cell-left td { text-align: left; }

#itemCanvasBody.aspire .cell-center td { text-align: center; }

#itemCanvasBody.aspire .header-normal th { font-weight: normal; text-align: center; vertical-align: middle; }

#itemCanvasBody.aspire .cell-bnone td, #itemCanvasBody.aspire .cell-bnone th { border: none; }

#itemCanvasBody.aspire .cell-btopnone td, #itemCanvasBody.aspire .header-btopnone th { border-top-style: none; }

#itemCanvasBody.aspire .cell-bbottomnone td { border-bottom-style: none; }

#itemCanvasBody.aspire .cell-bleftnone td, #itemCanvasBody.aspire .header-bleftnone th { border-left-style: none; }

#itemCanvasBody.aspire td.cell-bblack, #itemCanvasBody.aspire .cell-bblack th, #itemCanvasBody.aspire .cell-bblack td, #itemCanvasBody.aspire .data-bblack td { border: 1px solid black; }

#itemCanvasBody.aspire td.cell-brightblack, #itemCanvasBody.aspire th.header-brightblack, #itemCanvasBody.aspire .header-brightblack th, #itemCanvasBody.aspire .cell-brightblack td { border-right: 1px solid black; }

#itemCanvasBody.aspire td.cell-btopblack, #itemCanvasBody.aspire tr.row-btopblack td { border-top: 1px solid black; }

#itemCanvasBody.aspire td.cell-bbottomblack, #itemCanvasBody.aspire .header-bbottomblack th { border-bottom: 1px solid black; }

#itemCanvasBody.aspire td.cell-bleftblack { border-left: 1px solid black; }

#itemCanvasBody.aspire td.cell-brightnone, #itemCanvasBody.aspire th.cell-brightnone { border-right-style: none; }

#itemCanvasBody.aspire .sidebysidetable:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#itemCanvasBody.aspire span.speaking { background-color: yellow; color: inherit; border-color: inherit; border-width: inherit; }

#itemCanvasBody.aspire span.speaking span { background-color: yellow; color: inherit; }
#itemCanvasBody.aspire span.speaking span.unhighlighted { background-color: yellow !important; color: inherit; }

#itemCanvasBody.aspire .highlightColor { background-color: #FFFF7B; }

#itemCanvasBody.aspire span.ttshover:not(.ttsimage) { color: white; background-color: blue; }

#itemCanvasBody.aspire span.ttsimage.speaking:after { border: 2px solid yellow; }

#itemCanvasBody.aspire span.ttshover span { background-color: #00F; color: inherit; }
#itemCanvasBody.aspire span.ttshover span.unhighlighted { background-color: #00F !important; color: inherit; }

#itemCanvasBody.aspire span.speaking .MathJax, #itemCanvasBody.aspire span.speaking .MathJax span:not(.math), #itemCanvasBody.aspire .MathJax.speaking span:not(.math), #itemCanvasBody.aspire span.ttshover .MathJax, #itemCanvasBody.aspire span.ttshover .MathJax span:not(.math), #itemCanvasBody.aspire .MathJax.ttshover span:not(.math) { background-color: transparent; }

/**
PARCC itemStyles
*/
#itemCanvasBody.parcc { font-size: 16px; line-height: 24px; }

#itemCanvasBody.parcc label { font-size: 16px; line-height: 24px; }

#itemCanvasBody.parcc input[type=text] { font-size: 16px; line-height: 24px; height: 24px; }

#itemCanvasBody.parcc .int-choice-control { padding-top: 5px; }

#itemCanvasBody.parcc .int-choice-control input[type="checkbox"] { margin-top: 2px; }

#itemCanvasBody.parcc .author { font-weight: normal; text-align: center; font-style: normal; }

#itemCanvasBody.parcc .directions-passage { font-weight: normal; text-align: left; }

#itemCanvasBody.parcc .boxText { border: 1px solid #000000; }

#itemCanvasBody.parcc blockquote.parcc p { margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 24px; }

/* Custom PARCC Table Styles */
#itemCanvasBody.parcc thead tr.info > th, tbody th.info { background-color: #99CCFF; }

#itemCanvasBody.parcc .table-bblack { border-collapse: collapse; border: 1px solid black; }

#itemCanvasBody.parcc .table-bnone { border-collapse: collapse; border: none; }

#itemCanvasBody.parcc caption.caption-strong { font-size: 17.5px; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; margin-bottom: 10px; text-rendering: optimizelegibility; }

#itemCanvasBody.parcc .table-caption-top caption { caption-side: top; text-align: center; border: 1px solid black; border-bottom-style: none; padding: 6px; }

#itemCanvasBody.parcc .table-caption-bnone caption { border: none; text-align: center; padding: 6px; }

#itemCanvasBody.parcc .cell-left td { text-align: left; }

#itemCanvasBody.parcc .cell-center td { text-align: center; }

#itemCanvasBody.parcc .cell-right td { text-align: right; }

#itemCanvasBody.parcc .header-normal th { font-weight: normal; text-align: center; vertical-align: middle; }

#itemCanvasBody.parcc .cell-bnone td, #itemCanvasBody.parcc .cell-bnone th { border: none; }

#itemCanvasBody.parcc .cell-btopnone td, #itemCanvasBody.parcc .header-btopnone th { border-top-style: none; }

#itemCanvasBody.parcc .cell-bbottomnone td { border-bottom-style: none; }

#itemCanvasBody.parcc .cell-bleftnone td, #itemCanvasBody.parcc .header-bleftnone th { border-left-style: none; }

#itemCanvasBody.parcc td.cell-bblack, #itemCanvasBody.parcc .cell-bblack th, #itemCanvasBody.parcc .cell-bblack td, #itemCanvasBody.parcc .data-bblack td { border: 1px solid black; }

#itemCanvasBody.parcc td.cell-brightblack, #itemCanvasBody.parcc th.header-brightblack, #itemCanvasBody.parcc .header-brightblack th, #itemCanvasBody.parcc .cell-brightblack td { border-right: 1px solid black; }

#itemCanvasBody.parcc td.cell-btopblack, #itemCanvasBody.parcc tr.row-btopblack td { border-top: 1px solid black; }

#itemCanvasBody.parcc td.cell-bbottomblack, #itemCanvasBody.parcc .header-bbottomblack th { border-bottom: 1px solid black; }

#itemCanvasBody.parcc td.cell-bleftblack { border-left: 1px solid black; }

#itemCanvasBody.parcc td.cell-brightnone, #itemCanvasBody.parcc th.cell-brightnone { border-right-style: none; }

#itemCanvasBody.parcc td.cell-bleftnone, #itemCanvasBody.parcc th.cell-bleftnone { border-left-style: none; }

/**
FCAT itemStyles
*/
#itemCanvasBody.fcat { font-size: 16px; line-height: 24px; }

#itemCanvasBody.fcat label { font-size: 16px; line-height: 24px; }

#itemCanvasBody.fcat input[type=text] { font-size: 16px; line-height: 24px; height: 24px; }

#itemCanvasBody.fcat .int-choice-control { padding: 5px 0 0; }

#itemCanvasBody.fcat .int-choice-control input[type="checkbox"] { margin-top: 2px; }

#itemCanvasBody.fcat .author { font-weight: normal; text-align: center; font-style: normal; }

#itemCanvasBody.fcat .directions-passage { font-weight: normal; text-align: left; }

#itemCanvasBody.fcat .boxText { border: 1px solid #000000; }

#itemCanvasBody.fcat blockquote.fcat p { margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 24px; }

#itemCanvasBody.fcat span.speaking { background-color: yellow; color: inherit; border-color: inherit; border-width: inherit; }

#itemCanvasBody.fcat span.speaking span { background-color: yellow; color: inherit; }
#itemCanvasBody.fcat span.speaking span.unhighlighted { background-color: yellow !important; color: inherit; }

#itemCanvasBody.fcat .highlightColor { background-color: #FFFF7B; }

#itemCanvasBody.fcat span.ttshover:not(.ttsimage) { color: white; background-color: blue; }

#itemCanvasBody.fcat span.ttsimage.speaking:after { border: 2px solid yellow; }

#itemCanvasBody.fcat span.ttshover span { background-color: #00F; color: inherit; }
#itemCanvasBody.fcat span.ttshover span.unhighlighted { background-color: #00F !important; color: inherit; }

#itemCanvasBody.fcat span.speaking .MathJax, #itemCanvasBody.fcat span.speaking .MathJax span:not(.math), #itemCanvasBody.fcat .MathJax.speaking span:not(.math), #itemCanvasBody.fcat span.ttshover .MathJax, #itemCanvasBody.fcat span.ttshover .MathJax span:not(.math), #itemCanvasBody.fcat .MathJax.ttshover span:not(.math) { background-color: transparent; }

/* Custom Aimsweb Styles */
.aw input[type="radio"] { margin-top: 10px; margin-top: 6px\9; margin-left: -12px !important; }

.itemCanvas.aw { width: 801px; height: 562px; margin: 0 auto 20px; box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none !important; border: 3px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.itemCanvas.aw .row-fluid .span12 { width: 100%; }

.aw .itemCanvas-body { padding: 16px 20px 8px; position: relative; }

.aw-wrapper { display: table-cell; height: 475px; width: 100%; vertical-align: middle; }

.aw .itemCanvas-footer { background-color: #eaeaea; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }

/* Grud save old for now
.aw-controller { padding: 10px 10px 5px; height: 63px;
} This is new 7/15/2015 */
.aw-controller { padding: 10px 10px 5px; height: 63px; position: relative; }

.aw-controller #msgNotes { margin-top: 8px; line-height: 30px; font-weight: bold; }

/* The following is NEW 7/15/2015 */
.aw-controller .aw-feedback { position: absolute; }

.aw-feedback .errorText, .aw-feedback .successText { display: block; margin-top: 8px; line-height: 30px; font-weight: bold; }

.aw-feedback .feedbackRight { position: absolute; width: 655px; text-align: right; }

.aw-feedback .feedbackLarge { font-size: 30px; }

.feedbackLarge [class^="icon-"]::before, .feedbackLarge [class*=" icon-"]::before { font-size: 30px !important; }

/* End of NEW 7/15/2015 */
.aw-controller #btnAwNext { margin-left: 5px; }

/* + Class: .makecenter .passage240 + Purpose: To apply vertical alignment middle to container text.
*/
.aw .row { display: table-cell; height: 475px; vertical-align: middle; }

/* + Class: .makecenter .seq + Purpose: Horizontal positioning of inner divisions.
*/
.aw .row.seq { display: table-header-group; height: 1px; }

.aw #awVolumeHandle { width: 500px; }

/* + Class: .makecenter .phrase + Purpose: To override span7 width.
*/
.aw .phrase { width: 75% !important; margin-left: 13.5%; padding-top: 30px; }

/* + Class: .makecenter .obj-questions + Purpose: To make objective type question center in itemCanvas container. +
*/
.aw .obj-questions { margin-left: 10.5%; width: auto !important; }

.aw .span7.obj-questions { width: 520px !important; }

.aw .obj-questions label.radio { margin-top: 40px; width: auto !important; }

.aw .obj-questions .int-choice-list { margin-left: 38px; }

.aw .obj-questions-ca p { font-size: 16px; }

.aw .obj-questions-ca .int-choice-desc { font-size: 16px; padding-top: 10px; }

.aw .int-choice-control.control-padding-fraction, body.ie .aw .control-padding-fraction.int-choice-control { padding-top: 18px; }

/* + Class: .makecenter .math-question + Purpose: To make math objective type question center in itemCanvas container.
*/
.aw .math-question { margin-left: 13%; }

/* remove blue outline on complex hotspots */
.aw .tei-complexhotspot { outline: none; }

@media all and (max-width: 800px) and (min-width: 768px) { .aw .math-question { margin-left: 28%; }
  .aw .math-question, x:-moz-any-link, x:default { margin-left: 22%; } }
@media all and (max-width: 1024px) and (min-width: 768px) { .aw .math-question { margin-left: 23%; }
  .aw .math-question, .aw x:-moz-any-link, .aw x:default { margin-left: 18%; } }
/* + Class: .makecenter .prompt, .makecenter .int-choice-desc, .makecenter p + Purpose: To apply font style to paragraph, prompt title and radio button labels.
*/
.aw .phrase p, .aw .obj-questions .prompt, .aw .obj-questions .int-choice-desc { font-size: 20px; font-weight: normal; line-height: normal; }

/* + Class: .makecenter .math-question .q-block + Purpose: To properly place 4 block type math questions in item canvas.
*/
.aw .math-question .q-block { min-width: 415px; }

.aw .q-choice.multi-view { margin-left: 9px; width: 330px; }

/* + Class: .makecenter .int-choice-control .radio input[type="radio"] > input + Purpose: To position blank radio button center in 4 block type math question.
*/
.aw .multi-view .int-choice-list.three-up.labels-none { margin-left: 10px; }

.aw .multi-view .well { padding: 14px; }

/* CSS Implementation for new math column */
.aw .mathblock-4 { border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin: 8px !important; padding: 4px; width: 345.6px !important; height: 163px !important; display: block; }

.aw .answerText { color: #b94a48; }

.aw .mathblock-4 .qprompt { display: table-cell; height: 85px; text-align: center; vertical-align: middle; width: 345px !important; }

.aw .mathblock-4 .optioncontainer { display: block; }

.aw .mathblock-4 .optioncontainer table { width: 100%; }

.aw .mathblock-4 .optioncontainer table td { text-align: center; width: 107.33px; }

.aw .mathblock-4 .optioncontainer .int-hotspot-holder, .aw .mathblock-4 .optioncontainer .int-hotspot-holder * { outline: 0 !important; /*width: 320px !important;*/ }

.aw .mathblock-2 { border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; /* margin:0 0 25px 23% !important; */ margin: 0 0 15px 23% !important; padding: 5px; width: 374.4px !important; height: 211.2px !important; }

.aw .mathblock-2 .qprompt { display: table-cell; height: 120px; text-align: center; vertical-align: middle; width: 374px !important; }

.aw .mathblock-2 .optioncontainer { display: block; padding-top: 5px; }

.aw .mathblock-2 .optioncontainer table { width: 100%; }

.aw .mathblock-2 .optioncontainer table td { text-align: center; width: 124px; height: 37px; }

.aw .mathblock-2 .optioncontainer .int-hotspot-holder, .aw .mathblock-2 .optioncontainer .int-hotspot-holder * { outline: 0 !important; }

/* choice interaciton widget */
[data-module="CustomInteraction-Choice"] .glow-on { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; border: 1px dashed #666; }

[data-module="CustomInteraction-Choice"] label { border: 1px dashed transparent; box-sizing: border-box; }

.skip a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.skip a:focus { position: static; width: auto; height: auto; }

.ttsToolbar { float: right; width: 200px; margin-right: -157px; border: 2px solid #9E9E9E; border-radius: 6px 0 0 6px; padding: 3px; background-color: #B9B9B9; -moz-border-radius: 6px 0 0 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
.ttsToolbar.bothAslTts #_tts_btnGroup .tn8-aslvideo-btn { margin-bottom: 2px; }
.ttsToolbar.bothAslTts .tts-settings-menu .ttsSettingsTitle { display: block; }
.ttsToolbar.settings-open { width: 200px; margin-right: 0px; }

.tts-settings-menu { display: inline-block; width: 150px; height: 100%; padding: 10px; margin-left: 5px; vertical-align: bottom; border-radius: 6px; background-color: #d2d2d2; border: 1px solid #bbb; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tts-settings-menu .ttsSettingsTitle { text-align: center; font-weight: bold; font-size: 14px; line-height: 16px; margin-bottom: 10px; display: none; }

/* control buttons */
#_tts_btnGroup.btn-group { width: 44px; display: inline-block; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#_tts_btnGroup.btn-group button { height: 40px; width: 100%; margin-top: 2px; padding: 8px 10px; }
#_tts_btnGroup.btn-group button i { text-align: center; line-height: 24px; font-size: 18px; }
#_tts_btnGroup.btn-group button i:before { top: 0px; }
#_tts_btnGroup.btn-group button.button-first { margin-top: 0px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -moz-border-top-left-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; }
#_tts_btnGroup.btn-group button.button-last { -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }

#_tts_playButton i:before { content: "\f04b"; }
#_tts_playButton.playing i:before { content: "\f04d"; }

#_tts_CTHButton i:before { content: "\f0a1"; }
#_tts_CTHButton.active:focus { outline: auto #e59700; outline-offset: -2px; }

#_tts_settingsBtn i:before { content: "\f013"; }

/* settings */
#_tts_speedControls { display: block; width: 80px; margin: 5px auto; }
#_tts_speedControls button { display: inline-block; width: 50%; height: 32px; margin: 1px; }

#_tts_voiceControls { width: 100%; margin: 5px auto; }
#_tts_voiceControls[disabled] { color: #aaa; }
#_tts_voiceControls .voice-select-label { width: 85%; height: 30px; box-sizing: border-box; padding: 4px 8px; font-size: 14px; text-align: left; display: inline-block; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -moz-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
#_tts_voiceControls .dropdown-toggle { width: 15%; height: 30px; box-sizing: border-box; padding: 4px 0px; text-align: center; position: absolute; top: 0; }
#_tts_voiceControls .dropdown-toggle .icon-caret-down:before { font-size: 14px; top: 0; }
#_tts_voiceControls .dropdown-menu { min-width: 100px; }

/* highlighting */
span.ttsAccessElementHighlight { background-color: yellow; }
span.ttsAccessElementHighlight span, span.ttsAccessElementHighlight span.highlighted { background-color: yellow; }
span.ttsAccessElementHighlight span.unhighlighted, span.ttsAccessElementHighlight span.highlighted.unhighlighted { background-color: yellow !important; }

span.speaking, span.ttsAccessElementHighlight.speaking { background-color: blue; border-color: gray; border-width: 2px; color: white; }
span.speaking span, span.speaking span.highlighted, span.ttsAccessElementHighlight.speaking span, span.ttsAccessElementHighlight.speaking span.highlighted { background-color: blue; }
span.speaking span.unhighlighted, span.speaking span.highlighted.unhighlighted, span.ttsAccessElementHighlight.speaking span.unhighlighted, span.ttsAccessElementHighlight.speaking span.highlighted.unhighlighted { background-color: blue !important; }
span.speaking a.glossary-term, span.speaking span.glossary-term, span.ttsAccessElementHighlight.speaking a.glossary-term, span.ttsAccessElementHighlight.speaking span.glossary-term { color: white; }

span.ttshover { background-color: yellow; border-color: gray; border-width: 2px; }
span.ttshover span, span.ttshover span.highlighted { background-color: yellow; }
span.ttshover span.unhighlighted, span.ttshover span.highlighted.unhighlighted { background-color: yellow !important; }

span.image.speaking, span.image.ttshover { position: relative; background-color: yellow; border: none; }
span.image.speaking:after, span.image.ttshover:after { background-color: transparent; content: ""; position: absolute; left: -2px; top: -2px; height: 100%; width: 100%; border: 2px solid blue; }

span.ttsimage { max-width: 100%; width: auto; height: auto; vertical-align: middle; border: 0; display: inline-block; }
span.ttsimage.speaking, span.ttsimage.ttshover { position: relative; background-color: yellow; border: none; }
span.ttsimage.speaking:after, span.ttsimage.ttshover:after { background-color: transparent; content: ""; position: absolute; left: -2px; top: -2px; height: 100%; width: 100%; border: 2px solid blue; }

span.ttsvideo.speaking, span.ttsvideo.ttshover { background-color: transparent; position: absolute; left: -2px; top: -2px; height: 100%; width: 100%; border: 2px solid blue; }
span.ttsvideo.speaking span, span.ttsvideo.ttshover span { background-color: transparent; }

/* fix mathjax when being spoken */
span.speaking .MathJax, span.speaking .MathJax span:not(.math), .MathJax.speaking span:not(.math) { background-color: transparent; }

/* fix for italic overflow */
em .ttsword.ttsAccessElementHighlight, em .ttsword.ttshover, i .ttsword.ttsAccessElementHighlight, i .ttsword.ttshover { padding-right: .1em; }

/* Spanish specific styles */
.tts-settings-menu .ttsSettingsTitle.langes { font-size: 13px; line-height: 15px; }

.tts-settings-menu ._tts_speedControls_labelwrap.langes { font-size: 13px; }

/* Styles when an inclusion order switcher is included */
.tts-settings-menu.tts-inclusion-switch-enabled #_tts_speedControls { display: block; width: 80px; margin: 1px auto; }
.tts-settings-menu.tts-inclusion-switch-enabled #_tts_speedControls button { display: inline-block; width: 50%; height: 25px; margin: 1px; }
.tts-settings-menu.tts-inclusion-switch-enabled #_tts_speedControls button i:before { top: 0px; }
.tts-settings-menu.tts-inclusion-switch-enabled #_tts_voiceControls, .tts-settings-menu.tts-inclusion-switch-enabled #_tts_inclusionOrder { width: 100%; margin: 1px auto; }
.tts-settings-menu.tts-inclusion-switch-enabled #_tts_voiceControls[disabled], .tts-settings-menu.tts-inclusion-switch-enabled #_tts_inclusionOrder[disabled] { color: #aaa; }
.tts-settings-menu.tts-inclusion-switch-enabled #_tts_voiceControls .voice-select-label, .tts-settings-menu.tts-inclusion-switch-enabled #_tts_inclusionOrder .voice-select-label { width: 85%; height: 25px; box-sizing: border-box; padding: 3px 8px; font-size: 14px; text-align: left; display: inline-block; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -moz-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.tts-settings-menu.tts-inclusion-switch-enabled #_tts_voiceControls .dropdown-toggle, .tts-settings-menu.tts-inclusion-switch-enabled #_tts_inclusionOrder .dropdown-toggle { width: 15%; height: 25px; box-sizing: border-box; padding: 3px 0px; text-align: center; position: absolute; top: 0; }
.tts-settings-menu.tts-inclusion-switch-enabled #_tts_voiceControls .dropdown-toggle .icon-caret-down:before, .tts-settings-menu.tts-inclusion-switch-enabled #_tts_inclusionOrder .dropdown-toggle .icon-caret-down:before { font-size: 14px; top: 0; }
.tts-settings-menu.tts-inclusion-switch-enabled #_tts_voiceControls .dropdown-menu, .tts-settings-menu.tts-inclusion-switch-enabled #_tts_inclusionOrder .dropdown-menu { min-width: 100px; }

/* Mic Check Menu */
.tn8-mic-set-up-container { width: 940px; height: 500px; background-color: #FFFFFF; border: 1px solid #d7d7d7; margin: 25px auto 0; padding: 0; }

.tn8-mic-set-up-header { height: 83px; width: 100%; background-color: #e6e6e6; color: #575757; }

.tn8-mic-set-up-header h2 { padding: 20px 0 0 25px; margin: 0; }

.tn8-mic-set-up-steps-container { width: 100%; margin: 40px auto 10px auto; height: 320px; padding: 0 25px; display: inline-block; }

.tn8-mic-set-up-step-box { width: 30%; height: 300px; background-color: #f7f7f7; border: 1px solid #d7d7d7; border-radius: 5px; display: inline-block; float: left; margin-right: 13px; }

.tn8-mic-set-up-step-box.active-step { background-color: #ffffff; border: 3px solid #589bd8; width: 29.6%; height: 297px; box-shadow: 2px 2px 6px #a5a5a5; }

.tn8-mic-set-up-step-box.complete-step { background-color: #ffffff; }

.tn8-mic-set-up-circle { background: #e0e0e0; border: 1px solid #d7d7d7; width: 37px; height: 37px; border-radius: 50%; margin: 10px; }

.tn8-mic-set-up-circle.complete-step { background-color: #ffffff; border: none; }

.tn8-mic-set-up-circle.active-step { background: #d9edf7; border: 1px solid #bce8f1; width: 37px; height: 37px; border-radius: 50%; }

.tn8-mic-set-up-number { color: #636363; font-size: 22px; font-weight: bold; padding: 7px 0 0 0; text-align: center; }

.tn8-mic-set-up-number.active-step { color: #306F8F; }

.tn8-mic-set-up-number.complete-step { color: #666666; }

.tn8-mic-set-up-icon { width: 100%; height: 118px; background-size: 98px 118px; background-repeat: no-repeat; display: inline-block; margin: 10px auto; background-position: center; }

.tn8-mic-set-up-icon.notn8-mic { background-image: url("images/no-mic-icon.png"); }

.tn8-mic-set-up-icon.tn8-mic { background-image: url("images/mic-icon.png"); }

.tn8-mic-set-up-icon.barsDisabled { background-image: url("images/bars-disabled-icon.png"); }

.tn8-mic-set-up-icon.barsEnabled { background-image: url("images/bars-enabled-icon.png"); }

.tn8-mic-set-up-icon.checkDisabled { background-image: url("images/check-disabled-icon.png"); background-size: 127px 147px; }

.tn8-mic-set-up-icon.checkEnabled { background-image: url("images/check-enabled-icon.png"); background-size: 127px 147px; }

.tn8-mic-set-up-btn { margin-top: 30px; outline: none; }

.tn8-mic-set-up-btn a:active { outline: none; }

.tn8-mic-set-up-container .btn.disabled { opacity: 1; }

.tn8-mic-set-up-btn.step1 { margin-left: 30px; }

.tn8-mic-set-up-btn.step2 { margin-left: 41px; }

.tn8-mic-set-up-btn.step3 { margin-left: 85px; }

.tn8-mic-set-up-complete-text { margin-top: 45px; color: #000000; text-align: center; font-size: 16px; }

.tn8-mic-set-up-reset { margin-left: 15px; }

.tn8-mic-set-up-reset.btn.btn-link > .icon-repeat:before { font-size: 16px; top: 1px; }

.tn8-mic-set-up-reset.btn.btn-link:hover { text-decoration: none; }

/* Allow message popups */
.tn8-allow-popup-overlay { background-color: rgba(0, 0, 0, 0.85); width: 100%; height: 100%; z-index: 3; position: fixed; top: 0; left: 0; }

.tn8-allow-popup-container { width: 50%; }

.tn8-mic-set-up-allow-message { color: #FFFFFF; }

.tn8-mic-set-up-allow-message.h2 { margin: 50px; float: left; display: inline-block; }

.tn8-allow-popup-container.tn8-mic-allow-firefox { margin: 250px auto; }

.tn8-allow-popup-container.tn8-mic-allow-chrome { margin: 50px auto; }

.tn8-mic-set-up-arrow { width: 77px; height: 106px; background-image: url("images/arrow.png"); display: inline-block; background-size: 77px 106px; float: left; margin: 0 30px 0 0; }

.tn8-mic-set-up-arrow.flip { background-image: url("images/arrow-flip.png"); float: right; margin: 0 0 0 30px; }

.tn8-allow-popup-close.close.close-inverse { color: #FFFFFF !important; margin: 0 10px 0 0; opacity: 1; }

/* Modal Window Assets */
.tn8-mic-set-up-modal-container { display: inline-block; float: left; }

.tn8-mic-check-box { background-color: #666666; width: 490px; height: 115px; border-radius: 10px; padding: 20px; }

.tn8-mic-check-speak-icon { background-image: url("images/speak-icon.png"); background-repeat: no-repeat; width: 44px; height: 44px; background-size: 44px 44px; display: inline-block; float: left; }

.tn8-mic-check-text { display: inline-block; color: #FFFFFF; margin: 3px 0 0 15px; height: 44px; float: left; }

.tn8-mic-check-bars-container { background-color: #585858; border-radius: 10px; border: solid 1px #4e4e4e; float: left; width: 475px; height: 45px; margin: 15px 0 0 0; }

.tn8-mic-check-input-text { margin: 12px 0 0 15px; color: #dcdcdc; width: 85px; float: left; display: inline-block; }

.tn8-mic-check-bar { width: 15px; height: 26px; border-radius: 5px; background-color: #444444; float: left; display: inline-block; margin: 9px 9px 0 0; box-shadow: 1px 1px 3px  #333333 inset; }

.tn8-mic-check-bar.fill { background-color: #87e581; }

.tn8-mic-check-prompt { text-align: center; margin: 25px 0; }

.tn8-mic-check-btns-container { margin: 0 auto; width: 30%; }

.tn8-mic-check-yes { float: right; }

.tn8-mic-check-no { float: left; }

#micCheckFailModal { height: 350px; }

.tn8-mic-alert.alert.alert-error { width: 847px; margin: -20px 0 10px 0; padding-right: 15px; }

.tn8-errorNumber { font-size: 11px; color: #b46664; float: right; }

.account-container ::-webkit-input-placeholder { color: #656565; opacity: 1; }

.account-container :-ms-input-placeholder { color: #656565; opacity: 1; }

.account-container ::-moz-placeholder { color: #656565; opacity: 1; }

.audio-test { color: #005A9E; cursor: pointer; float: right; }

.alert-info { color: #306F8F; }

.left-menu li.test-review-section-active { background-image: -moz-linear-gradient(center bottom, #6c6c6c 0%, #757575 100%); }

.jGrowl-notification.error { background-color: #D6382A !important; opacity: 1; }

.btn-primary { background-image: linear-gradient(to bottom, #0074cc, #0044cc); }

.btn-link { color: #005a9e; }

.btn.btn-success { background-image: linear-gradient(to bottom, #07891f, #006b34); }

.btn.btn-success:hover, .btn.btn-success:focus { background-color: #006B34; }

.text-success { color: #006b34; }

.section-status.text-warning { color: #333; }

.section-status.text-warning .icon-exclamation-sign { color: #F90; }

.section-status.text-black-table { color: #333; }

.section-status.text-black-table.not-viewed { color: #666; }

.section-review-items .section-review-col { width: 142px; }

.tn8-icon-flag.section-status { color: #333; }

.tn8-icon-flag.section-status::before { color: #666; }

.left-menu li.test-review-section-active { background-image: none; background-color: #767676; }

#test-review .right-box-shadow { box-shadow: none; }

#test-review-ul .section-navigator { position: relative; }

#test-review-ul .icon-chevron-right { font-size: 26px; width: 0.1em; margin: 0 auto; position: absolute; top: 5px; right: -0.7em; }

#test-review-ul .menu-icon-right { float: none; }

.nav.nav-pills li > a { color: #005a9e; }

.nav.nav-pills li.active a { background-color: #005a9e; color: white; }

button.close { color: #666; background: transparent; opacity: 1; }

.tn8-draggable-modal-header h2 { color: #666; }

.nav-tabs > li > a { color: #005a9E; border-bottom-color: transparent; }

.no-touch .nav-tabs > li:hover > a { color: #004B71; border-color: #333; border-bottom-color: transparent; }

.nav-tabs > li.active > a { border-color: #767676; border-top-color: #0074CC; border-bottom-color: transparent; }

.nav-tabs > li.active:hover > a { border-color: #333; border-top-color: #005B81; border-bottom-color: transparent; }

.nav-tabs { border-bottom: 1px solid #767676; }

.btn.btn-large.calculator-btn.btn-gray { color: #333; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background-image: linear-gradient(to bottom, #0074cc, #0044cc); }

a { color: #005A9E; }

.alert.alert-block.alert-error { color: #333; }

/* Custom Radio for Safari WebKit */
.radio-alt { float: left; height: 14px; width: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; box-sizing: border-box; border: 1px solid #C0C0C0; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset; }

.radio-contrast:checked ~ .radio-alt { border-width: 5px; border-color: #3B99FC; -webkit-box-shadow: none; box-shadow: none; }

.radio-contrast:focus ~ .radio-alt { box-shadow: 0 0 3px 2px #89C1FD; }

#tn8-aslvideo { z-index: 1040; height: 420px; width: 380px; }
#tn8-aslvideo .tn8-draggable-modal-body .jwlogo { visibility: hidden !important; }
#tn8-aslvideo .tn8-draggable-modal-body .jwfullscreen { visibility: hidden !important; width: 0px; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer { width: 360px !important; height: 360px !important; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer #tn8-aslvideo-player_view.jwmain { width: 360px; height: 270px; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer .jwplaylistcontainer { height: 90px !important; bottom: 0px !important; overflow: auto; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer .jwplaylistcontainer .jwitem { height: 24px !important; background-image: none; background-color: #444444; border-bottom: 1px solid #666666; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer .jwplaylistcontainer .jwitem:hover { background-color: #222222; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer .jwplaylistcontainer .jwitem.active { height: 24px !important; background-image: none; background-color: #666666; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer .jwplaylistcontainer .jwitem .jwplaylistdivider { display: none; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer .jwplaylistcontainer .jwitem .jwplaylistimg { display: none; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer .jwplaylistcontainer .jwitem .jwtextwrapper { height: 24px; }
#tn8-aslvideo .tn8-draggable-modal-body #tn8-aslvideo-player.jwplayer .jwplaylistcontainer .jwitem .jwtextwrapper .jwtitle { color: #ffffff; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; height: 24px; line-height: 24px; margin: 0px 20px; }

#tn8-sidebar .tn8-aslvideo-btn-bg { float: right; background-color: #B9B9B9; border: 2px solid #9E9E9E; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; padding: 5px; margin-top: 5px; border-right: none; }
#tn8-sidebar .tn8-aslvideo-btn-bg .tn8-aslvideo-btn { width: 55px; height: 46px; float: right; }

.laser-scroll-container { margin: 0; width: 270px; height: 415px; padding: 7px; border: 1px solid #ccc; border-bottom: none; background: #FFF; border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 0; box-sizing: border-box; }

.laser-scroll-items { border: 1px solid #CCC; }

.laser-scroll-item { height: 40px; line-height: 40px; border-bottom: 1px solid #CCC; color: #333333; text-align: left; }

.laser-scroll-item { font-size: 15px; text-indent: 33px; position: relative; }

.laser-scroll-item.hovered { background: #0074cc; cursor: pointer; color: #FFF; background: -moz-linear-gradient(top, #0074cc 0%, #0044cc 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #0074cc), color-stop(100%, #0044cc)); background: -webkit-linear-gradient(top, #0074cc 0%, #0044cc 100%); background: -o-linear-gradient(top, #0074cc 0%, #0044cc 100%); background: -ms-linear-gradient(top, #0074cc 0%, #0044cc 100%); background: linear-gradient(to bottom, #0074cc 0%, #0044cc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074cc', endColorstr='#0044cc', GradientType=0 ); }

.laser-scroll-item-selected { cursor: default; background: #666666; color: #FFF; background: -moz-linear-gradient(top, #666666 0%, #444444 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #666666), color-stop(100%, #444444)); background: -webkit-linear-gradient(top, #666666 0%, #444444 100%); background: -o-linear-gradient(top, #666666 0%, #444444 100%); background: -ms-linear-gradient(top, #666666 0%, #444444 100%); background: linear-gradient(to bottom, #666666 0%, #444444 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444', GradientType=0 ); }

.laser-scroll-item-selected:hover, .laser-scroll-item-selected.hovered { cursor: default; background: #666666; color: #FFF; background: -moz-linear-gradient(top, #666666 0%, #444444 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #666666), color-stop(100%, #444444)); background: -webkit-linear-gradient(top, #666666 0%, #444444 100%); background: -o-linear-gradient(top, #666666 0%, #444444 100%); background: -ms-linear-gradient(top, #666666 0%, #444444 100%); background: linear-gradient(to bottom, #666666 0%, #444444 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444', GradientType=0 ); }

.laser-scroll-container:focus, .laser-scroll-items:focus, .laser-scroll-item:focus { outline: none; }

.laser-scroll-item:last-of-type { border: none; }

.laser-scroll-item.disabled:hover, .laser-scroll-item.disabled:focus { background: #E6E6E6; color: #333; }

.laser-scroll-item.disabled { background: #E6E6E6; cursor: default; }
.laser-scroll-item.disabled span { margin-right: 36px; float: right; }
.laser-scroll-item.disabled i { color: gray; }

.review-dropdown { position: fixed; margin-top: 5px; z-index: 9001; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-sizing: border-box; }

@media (max-width: 979px) { .review-dropdown { position: absolute; } }
.review-dropdown:focus { outline: none; }

.review-dropdown-tabs { margin: 0; height: 80px; box-sizing: inherit; }

.review-dropdown-tab { width: 90px; height: 80px; position: relative; background: #F2F2F2; text-align: center; display: inline-block; font-size: 12px; color: #333; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; z-index: 0; box-sizing: inherit; }

.review-dropdown-tab:hover { cursor: pointer; }

.review-dropdown-tab:first-of-type { border-bottom-left-radius: 4px; }

.review-dropdown-tab:last-of-type { border-bottom-right-radius: 4px; border-right: 1px solid #CCC; }

.review-dropdown-tab.active { background: #FFF; z-index: 1; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 1px solid #FFF; border-bottom: 2px solid #0074CC; }

.review-dropdown-tab:focus, .reivew-dropdown-tab.active:focus { margin-top: -3px; outline: none; border: 3px black solid; box-sizing: inherit; }

.review-dropdown-tab > p.tab-text { margin-top: 54px; margin-bottom: 3px; }

.review-dropdown-tab > span.img-text { position: absolute; background: url("../images/reviewdropdown/bookmark_tab.png") no-repeat; transform: scale(0.5); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); width: 56px; height: 66px; font-size: 28px; left: 0; right: 0; margin: 0 auto; color: #FFF; line-height: 61px; }

.review-dropdown-tab > span.img-text.first, .review-dropdown-tab > span.img-text.middle { background: url("../images/reviewdropdown/all_tab.png") no-repeat; width: 64px; height: 64px; color: #333; }

.review-dropdown-tab > span.img-text.middle { background: url("../images/reviewdropdown/notAns_tab.png") no-repeat; }

.review-dropdown-tab > span.middle.img-text.middle:before { background: #FCA227; border: 1px solid #444; border-radius: 20px; }

.laser-scroll-item > span.circle-sprite { position: absolute; width: 28px; height: 28px; background: url("../images/reviewdropdown/unansweredDot_sprite.png") 0 0; transform: scale(0.5); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); left: 3px; top: 6px; }

.laser-scroll-item.hovered > span.circle-sprite, .laser-scroll-item-selected > span.circle-sprite { background: url("../images/reviewdropdown/unansweredDot_sprite.png") 0 28px; }

.laser-scroll-item > span.bookmark-sprite { position: absolute; width: 34px; height: 34px; transform: scale(0.5); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); background: url("../images/reviewdropdown/bookmark_sprite.png") 0 0; right: 25px; top: -10px; }

.laser-scroll-item.hovered > span.bookmark-sprite, .laser-scroll-item-selected > span.bookmark-sprite { background: url("../images/reviewdropdown/bookmark_sprite.png") 0 34px; }

div[class*="review-dropdown-popup"] { top: -300px; left: -106px; z-index: 1050; position: absolute; }

div[class*="review-dropdown-popup"] .laser-scroll-container { height: 285px; }

div[class*="review-dropdown-popup"] .laser-scroll-container:after { content: ''; height: 0; width: 0; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -20px; border-left: solid 20px rgba(0, 0, 0, 0); border-right: solid 20px rgba(0, 0, 0, 0); border-top: solid 20px white; box-shadow: darkblue; }

#sealCode.langes { width: 300px; }

.skipToContentLanges { height: 44px !important; }

#btnFlagForReview > span.bookmark-btn-sprite.langes { left: 258px; }

#calculatorModalLabel.langes { font-size: 16px; }

.tn8-mic-alert.langes { font-size: 12px; }

.tn8-mic-check-input-text.langes { margin: 4px 0px 0px 15px; }

.review-dropdown-tab.langes { height: 93px; vertical-align: top; }

.tab-text.langes:not(.first) { padding-top: 7px; }

.tab-text.langes.first { line-height: 17px; }

#prev.langes, #next.langes { width: 150px; }

#next.langes { margin-left: -50px; }

#lastTabbable.langes { height: 40px; }

#exhibit-sidebar.langes { width: 61px; }

#skipToInstructions.langes a { width: 200px; }

/* single disabled state for all buttons */
.btn.disabled, .btn[disabled], .btn[aria-disabled="true"] { cursor: default; color: #333; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
.btn.disabled.btn-primary, .btn.disabled.btn-warning, .btn.disabled.btn-danger, .btn.disabled.btn-success, .btn.disabled.btn-info, .btn.disabled.btn-inverse, .btn[disabled].btn-primary, .btn[disabled].btn-warning, .btn[disabled].btn-danger, .btn[disabled].btn-success, .btn[disabled].btn-info, .btn[disabled].btn-inverse, .btn[aria-disabled="true"].btn-primary, .btn[aria-disabled="true"].btn-warning, .btn[aria-disabled="true"].btn-danger, .btn[aria-disabled="true"].btn-success, .btn[aria-disabled="true"].btn-info, .btn[aria-disabled="true"].btn-inverse { cursor: default; color: #333; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }