/* /Content/css/templates/ideal_blue/layout.css */

@charset "utf-8";
html {
	/* Ensure the html element always takes up the full height of the browser window */
	min-height: 100%;
	background-image: url('../images/blue_bg.jpg');
	background-repeat: no-repeat;
	/* The Magic */
	background-size: cover;
}

body {
	font-family: Arial, sans-serif;
	margin: 0;
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #242424;
	min-height: 100%;
}

ol {
	overflow: hidden;
}

ul {
	overflow: hidden;
}

img {
	border: none;
	text-align: center;
}

.oneColLiqCtr #container {
	width: 90%;
	/* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 35px auto;
	/* the auto margins (in conjunction with a width) center the page */
	padding-bottom: 25px;
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	display: table;
}

div.content {
	padding: 0 40px;
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	font: 16px Arial, sans-serif;
	text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.intro,
div.conclusion {
	background-color: #f1f1f1;
	padding: 15px 40px;
	margin: 20px 0;
}

div#NonHeaderContent div.intro {
	margin: 20px 0px 20px 0px;
}

div.conclusion {
	position: relative;
	z-index: 5;
}

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

.conclusion div.reveal {
	position: absolute;
	left: 65%;
	top: 70px;
	margin-left: -80px;
	width: 189px;
	height: 60px;
	background: url('../images/btn_Show_Me_icon.png') no-repeat;
	cursor: pointer;
	z-index: 1000;
}

.conclusion div.reveal:hover {
	background: url('../images/btn_Show_Me_icon_roll.png') no-repeat;
}

div.answerBtn {
	position: absolute;
	left: 65%;
	top: 39px;
	margin-left: -80px;
	width: 189px;
	height: 60px;
	background: url('../images/btn_answer.png') no-repeat;
	cursor: pointer;
	z-index: 1000;
}

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

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

.clear {
	clear: both;
}

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

h1 {
	font: bold 30px Arial, sans-serif;
	margin: 0 0 10px 0;
	text-align: left;
}

h2 {
	font: bold 26px Arial, sand-serif;
}

h3 {
	font: bold 20px Arial, sand-serif;
}

div.intro p {
	margin: 0;
	text-align: left;
}

.page {
	float: right;
	font-family: 'Just Another Hand', cursive;
	width: 250px;
	position: relative;
	margin: 10px 0 0 15px;
	padding: 8px 0;
	color: #212121;
	-webkit-border-bottom-left-radius: 20px 500px;
	-webkit-border-bottom-right-radius: 500px 30px;
	-webkit-border-top-right-radius: 5px 100px;
	-moz-border-radius-bottomleft: 20px 500px;
	-moz-border-radius-bottomright: 500px 30px;
	-moz-border-radius-topright: 5px 100px;
	border-radius-bottomleft: 20px 500px;
	border-radius-bottomright: 500px 30px;
	border-radius-topright: 5px 100px;
	background: #fcf59b;
	background: -webkit-gradient( linear, left top, left bottom, from(#81cbbc), color-stop(2%, #fcf59b));
	background: -moz-repeating-linear-gradient( top, #fcf59b, #fcf59b 38px, #81cbbc 40px);
	background: repeating-linear-gradient( top, #fcf59b, #fcf59b 38px, #81cbbc 40px);
	-webkit-background-size: 100% 40px;
	-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2);
}

.page:before {
	content: ' ';
	background: url('../images/tape.png') no-repeat;
	width: 129px;
	height: 38px;
	position: absolute;
	top: -15px;
	left: 40%;
	display: block;
}

.page p {
	padding: 0 20px;
	line-height: 40px;
	font-size: 23px;
	margin-bottom: 0;
}

/* NEW KEYWORDS STYLES - AS OF 20190412 */

.objective, .skill {
    margin-bottom: 10px;
}

/* I changed the class name just so I can style it from scratch. Feel free to rename and use the normal .page class */
.new_page {
    font-family: 'Just Another Hand', cursive;
    width: 85%;
    margin: 0 auto;
    margin: 10px 0 0 15px;
    position: relative;
    padding: 8px 0;
    color: #212121;
    -webkit-border-bottom-left-radius: 20px 500px;
    -webkit-border-bottom-right-radius: 500px 30px;
    -webkit-border-top-right-radius: 5px 100px;
    -moz-border-radius-bottomleft: 20px 500px;
    -moz-border-radius-bottomright: 500px 30px;
    -moz-border-radius-topright: 5px 100px;
    border-radius-bottomleft: 20px 500px;
    border-radius-bottomright: 500px 30px;
    border-radius-topright: 5px 100px;
    background: #fcf59b;
    background: -webkit-gradient( linear, left top, left bottom, from(#81cbbc), color-stop(2%, #fcf59b));
    background: -moz-repeating-linear-gradient( top, #fcf59b, #fcf59b 38px, #81cbbc 40px);
    background: repeating-linear-gradient( top, #fcf59b, #fcf59b 38px, #81cbbc 40px);
    background: -ms-repeating-linear-gradient( top, #fcf59b, #fcf59b 38px, #81cbbc 40px);
    -webkit-background-size: 100% 40px;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .2);
}

.new_page::before {
    content: ' ';
    background: url('../images/tape.png') no-repeat;
    width: 129px;
    height: 38px;
    position: absolute;
    top: -15px;
    left: 40%;
    display: block;
}

.keywords_section {
    padding: 20px;
    margin-bottom: 0;
}

.keywords_title {
    font-size: 1.5em;
    margin-top: 20px;
    margin-bottom: 15px;
    text-decoration: underline;
}

.keyword {
    font-size: 1em;
    margin-bottom: 15px;
}

.keyword::before {
    content: '• ';
}

@media all and (max-width: 63.99em) {
    .new_page {
        margin: 0 auto;
        font-family: Arial, Helvetica, sans-serif;
        width: 100%;
        background: #f0f0f0;
        border-radius: 0px;
        box-shadow: none;
        margin-top: 10px;
        margin-left: -40px;
        padding-left: 39px;
        padding-right: 41px;
    }

    .new_page::before {
    	background: none;
    }

    .keywords_title {
        text-decoration: none;
        font-weight: bold;
        font-size: 1.6em;
    }

    .keyword { margin-right: 20px; }

    .keywords_holder {
        display: grid;
        grid-template-columns: auto auto;
        padding: 10px;
    }
}

/* END NEW KEYWORDS STYLES - AS OF 20190412 */

div.col1 {
	width: 45%;
	float: left;
	padding-right: 10%;
}

div.col2 {
	width: 45%;
	float: right;
}

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

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

div.tip p {
	margin: 0;
}

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

div.current {
	display: block;
}

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

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

.justPoint {
	cursor: pointer;
}

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

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

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

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

.hidden {
	visibility: hidden;
}

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

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

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

.topRow {
	background-image: url('../images/colTopBG.png');
	/* couldn't find this yet (ARS 2011.11.14) */
	background-repeat: repeat-x;
}

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

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

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

.checkedAnswer {
	margin-left: 10px;
	font-weight: bold;
	visibility: hidden;
}

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

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

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

.beach table {
	border-collapse: collapse;
	background: #F7F7C7;
}

.beach th {
	border: solid 2px white;
	padding: 3px;
	background: #F4E490;
	font: 15px "Comic Sans MS", sans-serif;
}

.beach td {
	border: solid 2px white;
	padding: 3px;
	font-size: 13px;
}


/*-------- Multiple Choice, Drag and Drop and Flashcards --------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* html .group {
	zoom: 1;
}


/* IE6 */

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


/* IE7 */


/*----------Timer-----------*/

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

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

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

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

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


/*-------- Audio Player --------------*/

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


/*------- Show Answer Table ----------*/

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

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


/* ADDED BY ANTHONY */

div.videoonly {
	text-align: center;
}


/* JOER additions 5/10/12 */


/*------- Tab Set ----------*/

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

.tablook {
	background-image: url('../images/tabdown.png');
	background-repeat: no-repeat;
	height: 41px;
	width: 126px;
	float: left;
}

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

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

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

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

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

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


/*------- Remediation ----------*/


/* Joe R updated 10/19/12 */

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

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

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

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

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

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

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

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

.remContent {
	display: none;
}

div.remCurrent {
	display: block;
}

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

#remClose:hover {
	opacity: 1;
}

#resultAdvice {
	margin-top: 40px;
}


/*------- Buttons and Rollovers ----------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*------- Ordering Activity ----------*/

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

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

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

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

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

#containment .counter {
	width: 350px;
}

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

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

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


/* Joe R additions 8/31/12 */


/*------- Introduced in World History ----------*/

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

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

div.movieAnswerBtn {
	width: 189px;
	height: 60px;
	background: url ('../images/btn_answer.png') no-repeat;
	cursor: pointer;
}

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

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


/*------- Property Header -------*/

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

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


/*------- Highlight Table -------*/

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

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

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

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

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

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

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

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

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

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

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

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


/*------- Mismatch Game -------*/

div.mismatch_game {
	width: 600px;
	margin: 30px auto 20px auto;
	position: relative;
	background-color: #EFFEFE;
	padding: 5px;
	text-align: center;
	box-shadow: inset 0px 0px 8px #CCC;
	border: thin solid #CCC;
	background: #feffdd;
	/* Old browsers */
	background: linear-gradient(to bottom, #feffdd 2%, #ddf9ac 63%, #e5ed8b 67%, #e2ff9b 100%);
	border-radius: 10px;
}

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

.mmChoice {
	width: 175px;
	margin: 4px;
	padding: 4px;
	min-height: 30px;
	background-color: #FFF;
	border: 2px solid #CCC;
	background-repeat: no-repeat;
	backgroundPosition: bottom;
	text-align: center;
	display: inline-block;
	font-size: 100%;
	vertical-align: top;
	cursor: pointer;
	transition: border 0.5s;
}

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

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

.mmChoices .right {
	background-image: url('../images/mmCorrectbg.png');
}

.mmChoices .wrong {
	background-image: url('../images/mmIncorrectbg.png');
}

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

.mmDirections {
	font-size: 105%;
}

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

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

.mmNext {
	display: none;
	position: absolute;
	right: 15px;
	bottom: 25px;
	background-image: url('../images/mm_nextbtn.png');
	width: 60px;
	height: 30px;
	cursor: pointer;
	transition: background-image 0.5s;
}

.mmNext:hover {
	background-image: url('../images/mm_nextbtn_roll.png');
}

.mmRetry {
	background-image: url('../images/mm_retrybtn.png');
	width: 60px;
	height: 30px;
	margin: 10px auto;
	display: none;
	cursor: pointer;
	transition: background-image 0.5s;
}

.mmRetry:hover {
	background-image: url('../images/mm_retrybtn_roll.png');
}


/*------- Matching -------*/

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

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

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

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

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

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

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

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

#mtcontainment .counter {
	width: 350px;
}

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

.mtTextLeft {
	margin-right: 75px;
}

.mtTextRight {
	margin-left: 75px;
}

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

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

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

div.ddQuestion {
	display: none;
}

.correctfb {
	display: none;
}

.incorrectfb {
	display: none;
}

#ddSummary {
	display: none;
}

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


/*------- Matching V2 3/3/17 -------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#matchingV2 #column_override {
	display: none;
}

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

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

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

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

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

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

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


/*------- Tabular Self Check -------*/

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

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

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

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


/*------- Fill in the Blank -------*/

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

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

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

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

div.fillintheblank div.responses div.lookup {
	width: 85px;
	height: 32px;
	float: right;
	background-image: url('../images/lookup_btn.png');
	margin-top: -10px;
	cursor: pointer;
}

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

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

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

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

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

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

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

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

.ui-widget {
	text-align: left;
}

.ui-widget-header {
	border: 1px solid #aed0ea;
	background: #deedf7 url('../images/ui_widget_header.png') 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}


/*------- Transcript -------*/

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

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

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


/*------- Open Response Question -------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.frqBanner {
	width: 360px;
}

h1.banner {
	font-size: 150%;
	color: black;
	padding: 20px 40px 0px 40px;
}

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

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

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

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

#idealMenuTocContents .dropdownarrow {
	background: url('../images/drop-down-sm.png');
	background-repeat: no-repeat;
	text-align: right;
	width: 30px;
	display: inline-block;
	background-size: 15px 15px;
	background-position: 0px;
}

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

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

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

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

#contentContainer .pageheader .banner span.paging {
	display: inline-block;
	float: right;
	text-align: right;
}

span.paging a.goback {
	margin-right: 5px;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
}

span.paging a.goforward {
	margin-left: 5px;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
}

table.bottomPaging {
	width: 100%;
}

table.bottomPaging a {
	text-decoration: none;
	color: inherit;
}

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

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

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

div.footer {
	margin: 20px 40px;
}

div#contentContainer {
	padding: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

div.teacherToDoList table tr {
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.bold {
	font-weight: bold;
}

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

img.headerlogo {
	height: 100px;
}

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

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

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

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

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

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

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

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

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

#IdealPage tr.overdue {
	color: red;
}

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

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

.imgAudioLoader {
	display: none;
}


/* -------- New Flashcards -----------*/

.flashcards_elem {
	width: 615px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/25bg.png');
	background-repeat: repeat;
	border-radius: 20px;
	position: relative;
	padding: 30px 20px 20px 20px;
}

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

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

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

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

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

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

.fc_table {
	height: 280px;
}

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

.f1_card {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 0.3s linear;
	-moz-transform-style: preserve-3d;
	-moz-transition: all 0.3s linear;
	-o-transform-style: preserve-3d;
	-o-transition: all 0.3s linear;
	transform-style: preserve-3d;
	transition: all 0.3s linear;
	border: 3px solid #000;
	border-radius: 15px;
}

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

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

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

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

.cardFContent,
.cardBContent {
	display: none;
}

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

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

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

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


/* ----- High School Conversion Interactives ----- */

.audiopath {
	display: none;
}

.dd_question {
	display: none;
}

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

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

.ewhiteFont {
	color: #FFF;
}

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

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

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

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

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


/*------- The Name Game ----------*/


/*All other relevant classes in "Word Work" classes*/

.dragdrop2_elem {
	background-image: url('../images/02HS.png') !important;
	background-position: top !important;
	border-radius: 20px;
	width: 580px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: thin solid #000;
}

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

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

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

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

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

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

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

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


/*------- Prose Cloze ----------*/

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

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

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

.dd_question {
	display: none;
}

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

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

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

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

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

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

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

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

#ddSummary {
	display: none;
}

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

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

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

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

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

.audiopath {
	display: none;
}

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


/* ----- The Basket Game ------ */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*------- Take the Wheel ----------*/

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

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

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

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

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

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

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

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

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

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

td.dd9_draggables {
	width: 560px;
}

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

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

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

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

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

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


/* -------- Save the Burger -----------*/

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

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

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

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

.burgerPuzzle td {
	vertical-align: middle;
}

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

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

.clueHolder10 img {
	cursor: pointer;
}

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

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

.puzzleEntry10 {
	display: none;
}

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

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

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

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

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

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

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

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


/*------- Whose Shoes? ----------*/

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

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

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

.q11 {
	margin-left: 10px;
}

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

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

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

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

.dd11_drag.correct {
	cursor: pointer;
}

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

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

.draggables11 {
	margin-bottom: 20px;
}

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

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

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


/*------- Wise About Words ----------*/

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

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

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

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

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

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

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

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


/*------- Stack the Deck ----------*/

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

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

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

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

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

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

.cardface {
	text-align: center;
}

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

.cardfooter {
	text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cardfbC,
.cardfbI {
	display: none;
}

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

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


/* -------- Elementary Interactive #16 -----------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dartSummary {
	margin-top: 250px;
}

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


/* -------- Inquiry Diary -----------*/

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

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

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

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

table.noun_identification td {
	width: 325px;
}

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

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

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

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

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

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

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

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

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

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

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

#noun_spaceholder {
	height: 30px;
}

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

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

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


/* --- Customized Pieces --- */

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


/* --- For Basic Web Design Course --- */

table.codeBlock {
	background-color: #2A2A2A;
	font-size: 17px;
}

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

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

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

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

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

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

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

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

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

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


/*------- Elementary Recording ----------*/

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

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

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

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

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

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

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


/* --- Crossword Puzzle --- */

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

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

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

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

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

.clueBlock p {
	margin: 0px;
}

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

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

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

#crossword .crosswordPuzz {
	border-collapse: collapse;
}

#crossword .crosswordPuzz tr td {
	width: 24px;
	height: 24px;
	min-height: 24px;
	min-width: 24px;
	padding: 0px;
	border: thin solid #555;
	vertical-align: middle;
	text-align: center;
	background-color: #fff;
	position: relative;
}

#crossword .crosswordPuzz .clueLabel {
	position: absolute;
	top: 0;
	left: 2px;
	font-size: 11px;
}

#crossword .crosswordPuzz tr td input {
	width: 26px;
	height: 26px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border: none;
}

#crossword .crosswordPuzz tr td input.light {
	background-color: #ff8 !important;
}

#crossword .crosswordPuzz tr td input.wrong {
	background-color: #fc6;
}

#crossword .crosswordPuzz tr td.empty {
	background-color: transparent;
	border: none;
}

#crossword #crossBank {
	padding: 10px;
	background-color: #fff;
	border: thin solid #555;
	margin: auto;
	width: 100%;
	margin-top: 5px;
}

#crossword #crossBank th {
	text-align: left;
	padding-bottom: 6px;
	;
	vertical-align: top;
	font-weight: bold;
	border-bottom: thin solid #555;
}

#crossword #crossBank td {
	text-align: left;
	padding-top: 6px;
}

#puzzleAutomator table {
	border-collapse: collapse;
}

#puzzleAutomator table tr td {
	border: thin solid #555;
	background-color: #fff;
}

#puzzleAutomator table tr td input {
	width: 26px;
	height: 26px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border: none;
}

#puzzConvert {
	width: 120px;
	margin: 10px 0;
	padding: 10px;
	background-color: #fff;
	color: #4c8bb6;
	border: thin solid #555;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#puzzleCodeList {
	width: 600px;
	height: 300px;
}

.acrossWord,
.acrossLoc,
.downWord,
.downLoc {
	display: none;
}

#crossword .crossCfb,
#crossword .crossIfb {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 18px -10px;
	background-color: #fff;
}

#crossword .crossCfb {
	display: none;
	color: #37b989;
}

#crossword .crossIfb {
	display: none;
	color: #c14b5d;
}


/* PROMPT BANNER START */

.promptInternetActivity {
	background-image: url('../images/promptInternet.png');
	width: 305px;
	padding-left: 75px;
}

.promptInteractiveActivity {
	background-image: url('../images/promptInteractive.png');
	width: 355px;
	padding-left: 53px;
}

.promptBanner {
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	background-position: 10px 0px;
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 10px;
	z-index: 5;
	position: relative;
	color: #253d81;
	font-weight: bold;
	font-size: 30px;
}

.promptLine {
	color: #253d81;
	margin-top: -35px;
	margin-bottom: 40px;
	border-style: solid;
	border-width: 2px;
	border-color: color:#253d81;
}

.promptDiscussion {
	background-image: url('../images/promptDiscussion.png');
	width: 195px;
	padding-left: 55px;
}

.promptJournal {
	background-image: url('../images/promptJournal.png');
	width: 155px;
	padding-left: 70px;
}

.promptReadTextbook {
	background-image: url('../images/promptReadTextbook.png');
	width: 270px;
	padding-left: 65px;
}

.promptAnswerKey {
	background-image: url('../images/promptAnswerKey.png');
	width: 295px;
	padding-left: 45px;
}

.promptTurnItIn {
	background-image: url('../images/promptTurnItIn.png');
	width: 165px;
	padding-left: 55px;
}

.promptVocabulary {
	background-image: url('../images/promptVocabulary.png');
	width: 355px;
	padding-left: 55px;
}


/* PROMPT BANNER END */


/*Outside Reading Box*/

.outside-reading {
	background: rgba(214, 0, 0, .1);
	border-left: 15px solid rgba(214, 0, 0, .9);
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 5px 5px 10px 5px;
}

.or-heading {
	margin: 7px;
	margin-left: 20px;
	padding-top: 5px;
}

.or-heading:before {
	content: "";
	display: inline-block;
	padding-right: 10px;
	height: 35px;
	width: 45px;
	background-size: 35 45px;
	background-image: url('../images/book.svg');
	background-repeat: no-repeat;
}

.outside-reading p {
	margin: 10px 20px;
}


/* WRITING PROMPT SECTION ADDED 2018-07-25 BY ARS */

.writingPrompt {
	background-image: url('https://s3.amazonaws.com/cms.accelerate-ed.com/image/ff54879c-b467-45bc-932c-4dce6cb244f9.png');
	padding-left: 70px;
}

.writingBanner {
	width: 275px;
}


/* END WRITING PROMPT SECTION */


/* DOCUMENT BASED QUESTION SECTION ADDED 2018-07-25 BY ARS */


/* AKA 'DBQ' */

.dbqBanner {
	width: 392px;
}

/* END DOCUMENT BASED QUESTION SECTION */

/* 20190412 NEW FLEXBOX STUFF FROM JESSE */
.row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media only screen and (min-width: 48em) {
    .container {
        width: 49rem;
    }

    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (min-width: 64em) {
    .container {
        width: 65rem;
    }

    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-offset-0,
    .col-md-offset-1,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (min-width: 75em) {
    .container {
        width: 76rem;
    }

    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

/* END FLEXBOX 20190412 */