@charset "utf-8";
/* CSS Document */

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

#backgroundHandler {
	background:
		url('images/whitetop_bg.png') no-repeat top center,
		url('images/container_bg.png') repeat-y center, 
		url('images/lessonbg_3_green.png') repeat top;
	display: table;
	width: 100%;
	background-attachment:scroll, scroll, fixed;
}

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

#sidetab {
	position:absolute;
	float:left;
	width:70px;
	height:422px;
}

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

.tocLink {
	padding:15px 15px 10px 22px;
	margin:10px 0px 20px 0px;
	background-image:url('images/toc_bgcircle_faded.png');
	min-height:25px;
	background-repeat:no-repeat;
	font-size:12pt;
}

a {
	text-decoration:none;
}

a:visited, a:link, a:active {
	color:#009;
}

a:hover {
	color:#009;
	text-decoration:underline;
}

.tocLink_current {
	background-image:url('images/toc_bgcircle.png');
	font-weight:bold;
}

#sidetabToC {
	width:70px;
	height:211px;
	background-image:url('images/sidetabToC.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

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

#sidetabLearningCoach {
	width:70px;
	height:211px;
	background-image:url('images/sidetabLearningCoach.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

#colorbuttons {
	width:31px;
	float:right;
	margin-right:39px;
	margin-top:0px;
	background-image:url('images/colordots_bg.png');
}

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

#blueDot {
	background-image:url('images/bluebg_dot.png');	
}

#yellowDot {
	background-image:url('images/yellowbg_dot.png');
}

#greenDot {
	background-image:url('images/greenbg_dot.png');
}

#pinkDot {
	background-image:url('images/pinkbg_dot.png');
}

#lavenderDot {
	background-image:url('images/lavenderbg_dot.png');
}

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

.banner {
	width:760px;
	padding:60px 20px 10px 20px;
	background-color:#8CBCF4;
	font-size:30pt;
	color:#FFF;
}

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

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

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

.navNumbers {
	background-color:#FFF;
	border-radius:20px;
	margin:0px auto;
	padding:10px;
	width:150px;	
}

.navLeft {
	float:left;
	margin-left:175px;
	margin-top:5px;
	width:56px;
	height:46px;
	background-image:url('images/arrow_left.png');
}

.navLeft_disabled {
	background-image: url('images/arrow_left_faded.png');
}

.navRight {
	float:right;
	margin-right:175px;
	margin-top:5px;
	width:56px;
	height:46px;
	background-image:url('images/arrow_right.png');
}

.navRight_disabled {
	background-image: url('images/arrow_right_faded.png');
}

#backgroundHandler.blue_bg {
	background:
		url('images/whitetop_bg.png') no-repeat top center,
		url('images/container_bg.png') repeat-y center, 
		url('images/lessonbg_1_blue.png') repeat top;
}

#backgroundHandler.yellow_bg {
	background:
		url('images/whitetop_bg.png') no-repeat top center,
		url('images/container_bg.png') repeat-y center, 
		url('images/lessonbg_2_yellow.png') repeat top;
}

#backgroundHandler.green_bg {
	background:
		url('images/whitetop_bg.png') no-repeat top center,
		url('images/container_bg.png') repeat-y center, 
		url('images/lessonbg_3_green.png') repeat top;
}

#backgroundHandler.pink_bg {
	background:
		url('images/whitetop_bg.png') no-repeat top center,
		url('images/container_bg.png') repeat-y center, 
		url('images/lessonbg_4_pink.png') repeat top;
}

#backgroundHandler.lavender_bg {
	background:
		url('images/whitetop_bg.png') no-repeat top center,
		url('images/container_bg.png') repeat-y center, 
		url('images/lessonbg_5_lavender.png') repeat top;
}

.page {
	width:175px;
	float:right;
	margin:0px 0px 20px 20px;
	padding:20px;
	background-color:#F9F9F9;
	border:thin solid #CCC;
	line-height:40px;
}

.page p {
	margin:0px;
}

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

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

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

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

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

#shadowBG {
	position:absolute; top:0; left:0; width:100%; z-index:100; background-color:#000; opacity:.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-top:20px; margin-bottom:20px;
	padding:20px;
	background-image:url('images/swirly_background.png');
	background-repeat:repeat;
}

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

.imgAudioLoader {
	display:none;
}

.imgAudioClick {
	cursor:pointer;	
}

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

/*------- Elementary Story Book ----------*/

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

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

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

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

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



/*------- Elementary Interactive #2 / 3 ----------*/

/*All other relevant classes in Int.#4 classes*/

.dragdrop2_elem {
	background-image:url('images/02bg.png') !important;
	background-position:top !important;
	border-radius:20px;
	width:558px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#intElemTitle2 {
	background-image:url('images/title_no02.png');
	background-repeat:no-repeat;
	width:435px;
	height:249px;
	margin-left:auto;
	margin-right:auto;
}

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

.dd2img {
	position:relative;
}

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

#correct_squirrel {
	background-image:url('images/02Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:370px;
	top:105px;
	z-index:10;
	width:210px;
	height:198px;
}

#incorrect_squirrel {
	background-image:url('images/02Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:370px;
	top:105px;
	z-index:10;
	width:215px;
	height:198px;
}

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

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

/*------- Elementary Interactive #4 / #5 ----------*/

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

#intElemTitle4 {
	background-image:url('images/title_no04.png');
	background-repeat:no-repeat;
	width:500px;
	height:246px;
	margin-left:auto;
	margin-right:auto;
}

.dd_question {
	display:none;
}

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

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

.dd4_highlight {
	position:relative;
	width:520px;
	background-color:#FFFCBB;
	padding:10px 10px 15px 10px;
	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;
	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;
}

#correct_beekid {
	background-image:url('images/04Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:410px;
	top:85px;
	z-index:10;
	width:181px;
	height:201px;
}

#incorrect_beekid {
	background-image:url('images/04Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:410px;
	top:85px;
	z-index:10;
	width:181px;
	height:201px;
}

#dd_retry {
	margin:200px auto 10px auto;
	width: 110px;
	height: 47px;
	background-image: url('images/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:560px; padding:20px;
	position:absolute; top:55px; left:0px;
	visibility:hidden;
	z-index:1000;
	cursor:pointer;
	border-top:thin solid #000;
	border-bottom:thin solid #000;
}


/*------- Elementary Interactive #6 ----------*/


#intElemTitle6 {
	background-image:url('images/title_no06.png');
	background-repeat:no-repeat;
	width:458px;
	height:276px;
	margin-left:auto;
	margin-right:auto;
}

div#hidden_data {
	display: none;
}

div.spelling_elem {
	position:relative;
	width:550px;
	margin:10px auto 20px auto;
	padding:25px;
	border:thin solid #000;
	background-color:#FFF;
	background-image:url('images/swirly_background.png');
	background-repeat: repeat;
	border-radius:20px;
}

#spelling_feedback {
	visibility:hidden;
	position: absolute;
	z-index:8001;
	top:0px;
	left:0px;
	cursor:pointer;
	background-image:url('images/phonics_feedback_bg.png');
	background-repeat:no-repeat;
	width:650px;
	height: 450px;
	border: 1px solid red;
}
    

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

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

.typebutton {
	width:115px; height:55px;
	background-image:url('images/type_btn.png');
	background-repeat:no-repeat;
	float:left; margin-right:20px;
	cursor:pointer;
}

.writebutton {
	width:115px; height:55px;
	background-image:url('images/write_btn.png');
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}

#spelling_spaceholder {
	height:80px;
}

#spelling_btns {
	margin-top:20px;	
}

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

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

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

#spelling_question {
	margin-bottom: 20px;
}

#spelling_instructions {
	margin-bottom: 20px;
}

#spelling_audio {
	/* border: solid 1px purple; */
	padding: 10px;
	display: inline-block;
	visibility:hidden;
}

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


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

#spelling_audio .audio {
	float: none;
	min-height: 30px;
	background-image:url('images/audio_button_s.png');
	background-repeat: no-repeat;
	padding-left: 40px;
	cursor: pointer;
	margin-bottom: 12px;
	text-align: left;
}

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

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

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

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

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

.typing_option, .writing_option {
	display:none;	
}

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

}

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

/*#spelling_canvas_spacer {
	position: absolute;
	height: 1px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: black;
	width: 300px;
	top: 56px;
}*/

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

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

/*------- Elementary Interactive #7 / 7b ----------*/

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

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

#intElemTitle7 {
	background-image:url('images/title_no07.png');
	background-repeat:no-repeat;
	width:435px;
	height:198px;
	margin-left:auto;
	margin-right:auto;
}

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

#abc_order_directions, #abc_order_feedback {
	visibility:hidden;
	position: absolute;
	z-index:8000;
	top:20px; left:2px;	
	cursor:pointer;
	background-image:url('images/directions_cover.png');
	background-repeat:repeat;
	width:593px;
	height:300px;
	text-align:center;
	border-top:thin solid #000; border-bottom:thin solid #000;
}

#correct_bee {
	background-image:url('images/07Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:390px;
	top:20px;
	width:187px;
	height:228px;	
}

#incorrect_bee {
	background-image:url('images/07Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:390px;
	top:20px;
	width:172px;
	height:228px;	
}

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

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

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

#containment {
	padding:20px;
	background-image:url('images/07bg.png');
	background-repeat:no-repeat;
	background-position:center;
	border:thin solid #000;
}

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

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

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

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

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

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

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

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

.type_result_find .abc_result{
	right:225px;	
}

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

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

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

.abc_word {
	margin-bottom:17px;
}

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

.dd7_audio {
	z-index:200; position:absolute; top:4px; right:8px; width:30px; height:30px;
	background-image:url('images/audio_button_s.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

.dd7type_audio {
	z-index:200; width:30px; height:30px; margin-right:5px; 
	margin-top:-4px; float:left;
	background-image:url('images/audio_button_s.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

/*------- Elementary Interactive #8 ----------*/

.dragdrop8_elem {
	background-image:url('images/dd8_background.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-left:20px !important;
}

#intElemTitle8 {
	background-image:url('images/title_no08.png');
	background-repeat:no-repeat;
	width:600px;
	height:283px;
	margin-left:auto;
	margin-right:auto;
}

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

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

.dd8_audio {
	z-index:3000; position:absolute; top:0px; right:0px; width:30px; height:30px;
	background-image:url('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;
	background-color:#FD8;
	border:thin solid #864F17;
}

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

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

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

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

#dd8_reset {
	float: right;
	margin-left:15px;
	width: 110px;
	height: 47px;
	background-image: url('images/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:698px; height:200px;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	visibility:hidden;
}

#correct_crab {
	background-image:url('images/08Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:400px;
	top:40px;
	z-index:100;
	width:263px;
	height:196px;
}

#incorrect_crab {
	background-image:url('images/08Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:400px;
	top:40px;
	z-index:100;
	width:265px;
	height:168px;
}

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

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

/*------- Elementary Interactive #9 ----------*/


.dragdrop9_elem {
	background-image:url('images/09_bg.png') !important;
	background-position:top !important;
	width:650px; margin-left:auto; margin-right:auto;
	height:520px;
	border-radius:20px;
	position:relative;
}

#intElemTitle9 {
	background-image:url('images/title_no09.png');
	background-repeat:no-repeat;
	width:309px;
	height:161px;
	margin-left:auto;
	margin-right:auto;
}

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

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

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

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

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

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

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

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


td.dd9_draggables {
	width:560px;
}

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

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

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

.dd9_result.correct {
	background-image:url('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;	
}

#correct_pirate {
	background-image:url('images/09Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:430px;
	top:107px;
	z-index:10;
	width:224px;
	height:245px;
} 

#incorrect_pirate {
	background-image:url('images/09Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:430px;
	top:110px;
	z-index:10;
	width:212px;
	height:244px;
}

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

.floatingChestBG {
	width:459px; height:387px;
	background-image:url('images/chest9_cropped.png');
	position:absolute;
	left:110px; top:70px;
}


/* -------- Elementary Interactive #10 -----------*/

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

#intElemTitle10 {
	background-image:url('images/title_no10.png');
	background-repeat:no-repeat;
	width:430px;
	height:246px;
	margin-left:auto;
	margin-right:auto;
}

.burgerPuzzle {
	margin-left:-25px; margin-top:-24px; width:700px;
	border-bottom:2px solid #AAA;
	background-image:url('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:105px;
	color:#FFF;  -webkit-text-stroke:1px #FFF; font-size:20pt;
}

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

.burger_reset {
	width: 110px;
	height: 47px;
	background-image: url('images/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;	
}

/*------- Elementary Interactive #11 ----------*/

.dragdrop11_elem {
	background-image:url('images/011bg.png') !important;
	background-position:top !important;
	border-radius:20px;
	min-height:400px;
	width:660px;
	margin-left:auto; margin-right:auto;
}

#intElemTitle11 {
	background-image:url('images/title_no11.png');
	background-repeat:no-repeat;
	width:435px;
	height:249px;
	margin-left:auto;
	margin-right:auto;
}

.q11 {
	margin-left:10px;
}

.dd11_target {
	background-color:#9ACAFA;
	background-image:url('images/011shoes.png');
	background-repeat:no-repeat;
	background-position:0px 43px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	width:315px;
	margin-bottom:20px;
	border-radius:20px;
}

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

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

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

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

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

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

.draggables11 {
	margin-bottom:20px;
}

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

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

#correct_sue {
	background-image:url('images/11Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:490px;
	top:120px;
	z-index:10;
	width:184px;
	height:250px;
} 

#incorrect_sue {
	background-image:url('images/11Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:490px;
	top:120px;
	z-index:10;
	width:174px;
	height:250px;
}

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

/*------- Elementary Interactive #12 ----------*/

.dragdrop12_elem {
	background-image:url('images/012bg.png') !important;
	background-position:top !important;
	border-radius:20px;
	background-color:#000;
	min-height:400px;
	width:660px; margin-left:auto; margin-right:auto;
	position:relative;
}

#intElemTitle12 {
	background-image:url('images/title_no12.png');
	background-repeat:no-repeat;
	width:435px;
	height:269px;
	margin-left:auto;
	margin-right:auto;
}

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

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

#correct_owl {
	background-image:url('images/12Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:430px;
	top:100px;
	z-index:10;
	width:254px;
	height:205px;
} 

#incorrect_owl {
	background-image:url('images/12Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:430px;
	top:130px;
	z-index:10;
	width:240px;
	height:190px;
}

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

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


/*------- Elementary Interactive #13 ----------*/

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

#intElemTitle13 {
	background-image:url('images/title_no13.png');
	background-repeat:no-repeat;
	width:435px;
	height:249px;
	margin-left:auto;
	margin-right:auto;
}

.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:249px; height:350px; 
	background-color:#FFF; float:left;
	position:relative;
	border-radius:10px;
	border:thin solid #000;
}

.cardface {
	text-align:center;
}

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

.cardfooter {
	text-align:center;
}

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

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

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

.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:46px;
	width:290px; height:100px;
	padding:10px;
	background-color:#FFF;
	border:thin solid #000;
	z-index:9;
	font-size:16px;
}

#correct_cardfb {
	background-image:url('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;
}


/*------- Elementary Interactive #14 / #15 ----------*/

.dragdrop14_elem {
	background-image:url('images/014bg.png') !important;
	background-position:top !important;
	width:650px; height:546px;
	margin-left:auto; margin-right:auto;
	border-radius:20px;
	position:relative;
	z-index:-2;
}

#intElemTitle14 {
	background-image:url('images/title_no14.png');
	background-repeat:no-repeat;
	width:435px;
	height:249px;
	margin-left:auto;
	margin-right:auto;
}

.workBench {
	width:690px; height:566px;
	background-image:url('images/014workshop.png');
	position:absolute;	
	left:0px;
	z-index:-1;
}

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

.dd14_table {
	margin-top:25px;
}

.dd15_table {
	margin-top:32px;
}

.dd14_highlight {
	position:relative;
	background-color:#BFDCFF;
	padding:10px 20px 35px 20px;
	border-radius:20px;
	box-shadow:2px 2px 2px #333;
}

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

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

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

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

.dd14_result.incorrect {
	background-image:url('images/incorrect_x.png');
	background-position:top center;
	background-repeat:no-repeat;
	width:24px; height:30px;
}

.dd14_drag {
	position:relative;
	width:80px; height:80px;
	display:inline-block;
	background-image:url('images/draggable14.png'); background-repeat:no-repeat; text-align:center;
	font-size:30pt;
	padding:5px; margin:43px 5px 8px 5px;
	cursor:pointer; box-shadow: 0px 0px 6px #333;
}

.frame14audiobtn {
	width:30px; height:30px;
	background-image:url('images/audio_button_s.png'); background-repeat:no-repeat;
	margin:10px auto 0px auto;
}

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

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

#correct_builder {
	background-image:url('images/14Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:220px;
	top:30px;
	z-index:10;
	width:241px;
	height:226px;
} 

#incorrect_builder {
	background-image:url('images/14Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:220px;
	top:30px;
	z-index:10;
	width:247px;
	height:219px;
}

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

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

.dartgame_containment {
	background-image:url('images/dartgame16_background.png') !important;
	background-position:bottom center !important;
	background-color:#86DFF1;
	min-height:550px !important;
	width:668px;
	border-radius:20px;
	margin-left:auto; margin-right:auto;
	position:relative;
}

#intElemTitle16 {
	background-image:url('images/title_no16.png');
	background-repeat:no-repeat;
	width:435px;
	height:249px;
	margin-left:auto;
	margin-right:auto;
}

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

div.dart {
	position:absolute;
	z-index:200;
	top:360px; left:35px;
	background-image:url('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:320px !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; 
	-webkit-text-stroke: #000 0px;
	font-weight:bold;
	color:#FFF; font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

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

.balloonBang {
	position:absolute;
	background-image:url('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:200px auto 10px auto;
	width:110px;
	height:47px;
	background-image: url('images/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;
}

.dartDirections {
	margin-left:-20px; margin-top:-10px; width:708px; min-height:125px; 
	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;
}


/* -------- Elementary Interactive #19 / #20 -----------*/

.type19_elem {
	position:relative;
	width:600px;
	margin:10px auto;
	padding:25px;
	border:thin solid #000;
	background-image:url('images/019bg.png');
	background-repeat:no-repeat;
	-webkit-text-stroke:0px #000;
	border-radius:20px;
}

#intElemTitle19 {
	background-image:url('images/title_no19.png');
	background-repeat:no-repeat;
	width:435px;
	height:197px;
	margin-left:auto;
	margin-right:auto;
}

.type20_elem {
	position:relative;
	width:600px;
	margin:10px auto;
	padding:25px;
	border:thin solid #000;
	background-image:url('images/020bg.png');
	background-repeat:repeat;
	background-color:#FDD79F;
	-webkit-text-stroke:0px #000;
	border-radius:20px;
}

#intElemTitle20 {
	background-image:url('images/title_no20.png');
	background-repeat:no-repeat;
	width:283px;
	height:177px;
	margin-left:auto;
	margin-right:auto;
}

.type19_table {
	width:600px;
}

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

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

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

#type19_next {
	width: 111px;
	height: 47px;
	background-image: url('images/elem_nextbtn.png');
	margin:20px auto 10px auto;
	cursor: pointer;
	display:none;
}

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

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

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

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

.type19_bigAudio {
	z-index:100; width:72px; height:72px;
	background-image:url('images/audio_button.png');
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	margin-top:-4px; margin-right:5px;
}

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

.result19.correct {
	background-image:url('images/correct_check.png');
	width:26px; height:30px;
}

.result19.incorrect {
	background-image:url('images/incorrect_x.png');
	width:24px; height:30px;
}

.type20_highlight {
	width:290px;
	background-color:#FFFCBB;
	padding:10px;
	border-radius:10px;
	box-shadow:2px 2px 2px #888;
	position:relative;
}

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

.type20_audio {
	position:relative; bottom:-9px;
	z-index:100; width:30px; height:30px;
	background-image:url('images/audio_button_s.png');
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
}

#correct_dino {
	background-image:url('images/19Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:210px;
	top:20px;
	z-index:10;
	width:250px;
	height:250px;
} 

#incorrect_dino {
	background-image:url('images/19Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:210px;
	top:20px;
	z-index:10;
	width:250px;
	height:250px;
}

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

#correct_boy20 {
	background-image:url('images/20Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:370px;
	top:45px;
	z-index:10;
	display:none;
	width:264px;
	height:219px;
} 

#incorrect_girl20 {
	background-image:url('images/20Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:370px;
	top:80px;
	z-index:10;
	display:none;
	width:259px;
	height:192px;
}

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


/* -------- Elementary Interactive #21 -----------*/

.puzzlegame_elem {
	position:relative;
	width:650px; height:600px;
	padding:25px;
	margin:10px auto;
	border:thin solid #000;
	background-image:url('images/021bg.png');
	background-position:0px 80px;
	-webkit-text-stroke:0px #000;
	border-radius:20px;
}

#intElemTitle21 {
	background-image:url('images/title_no21.png');
	background-repeat:no-repeat;
	width:309px;
	height:249px;
	margin-left:auto;
	margin-right:auto;
}

.puzzleDirections {
	margin:-25px -15px 10px -25px;
	padding:10px;
	text-align:left;
	border-bottom:thin solid #000;
	background-image:url('images/directions_cover.png');
	background-repeat:repeat;
	border-top-left-radius:20px; border-top-right-radius:20px;
}

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

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

.puzzleEntry21 {
	display:none;	
}

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

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

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

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

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

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

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

.puzzle_bigAudio {
	z-index:100; width:72px; height:72px;
	background-image:url('images/audio_button.png');
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	margin-top:-4px; margin-right:10px;
}


/* -------- Elementary Interactive #22 / #23 -----------*/

.type22_elem {
	position:relative;
	width:600px; height:400px;
	margin:10px auto;
	padding:25px;
	border:thin solid #000;
	background-image:url('images/022bg2.png');
	background-repeat:no-repeat;
	-webkit-text-stroke:0px #000;
	border-radius:20px;
}

#intElemTitle22 {
	background-image:url('images/title_no22.png');
	background-repeat:no-repeat;
	width:309px;
	height:183px;
	margin-left:auto;
	margin-right:auto;
}

#intElemTitle23 {
	background-image:url('images/title_no23.png');
	background-repeat:no-repeat;
	width:435px;
	height:210px;
	margin-left:auto;
	margin-right:auto;
}

.type22_darken {
	background-image:url('images/022bg2_darker.png') !important;
}

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

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

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

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

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

.samplecombo, .samplecombo23 {
	position:relative;
}

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

.farLeft {
	text-align:right;
}

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

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

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

#type22_next {
	width: 111px;
	height: 47px;
	background-image: url('images/elem_nextbtn.png');
	margin:20px auto 10px auto;
	cursor: pointer;
	display:none;
	position:absolute; bottom:20px; left:280px;
}

#type22_check {
	width: 110px;
	height: 47px;
	background-image: url('images/elem_checkbtn.png');
	cursor: pointer;
	margin:20px auto 10px auto;
	position:absolute; bottom:20px; left:280px;
}

.result22 {
	z-index:99;
}

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

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

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

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

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

.type22_bigaudio {
	width:72px; height:72px;
	background-image:url('images/audio_button.png');
	background-repeat:no-repeat;
	cursor:pointer; display:inline-block; margin-right:10px; bottom:-18px; position:relative;
}

.bg23 {
	background-image:url('images/023bg.png') !important;
}

.type23_audio {
	width:30px; height:30px;
	background-image:url('images/audio_button_s.png');
	background-repeat:no-repeat;
	cursor:pointer; display:inline-block; margin-right:10px; bottom:-5px; position:relative;
}

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

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

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

.monkey1 {
	width:100px; height:104px;
	background-image:url('images/monkey_left.png');
	background-repeat:no-repeat;
	position:absolute;
	bottom:70px; left:260px;
}

table.combolist {
	background-color:#F0FEC2;
	border:2px solid #D6D08D;
	border-radius:10px;	
	padding:10px;
	width:200px;
	text-align:center;
	position:relative;
}

table.words23 {
	background-color:#F0FEC2;
	border:2px solid #D6D08D;
	border-radius:10px;	
	padding:10px;
	width:350px;
	text-align:center;
	position:relative;
}

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

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

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

#correct_cook {
	background-image:url('images/22Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:220px;
	top:10px;
	z-index:10;
	width:250px;
	height:250px;
} 

#incorrect_cook {
	background-image:url('images/22Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:220px;
	top:10px;
	z-index:10;
	width:250px;
	height:250px;
}

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

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

#correct_monkey {
	background-image:url('images/23Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:390px;
	top:75px;
	z-index:10;
	width:200px;
	height:191px;
} 

#incorrect_monkey {
	background-image:url('images/23Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:390px;
	top:110px;
	z-index:10;
	width:208px;
	height:187px;
}


/* -------- Elementary Interactive #24 -----------*/

.noun_containment {
	background-image:url('images/noun_24b_background.png') !important;
	background-position:bottom !important;
	background-color:#CFEBFF;
	min-height:500px !important;
	border-radius:20px;
	width:660px; margin-left:auto; margin-right:auto;
}

#intElemTitle24 {
	background-image:url('images/title_no24.png');
	background-repeat:no-repeat;
	width:435px;
	height:249px;
	margin-left:auto;
	margin-right:auto;
}

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

table.noun_identification td {
	width: 50%;
}

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

table.noun_identification thead td {

	color: #000;
	-webkit-text-stroke:#000 1px;
	padding: 0px 10px 4px 10px;
	font-size: 120%;
}

//table.noun_identification tbody tr:nth-child(odd)		{ background-color:#eee; }
//table.noun_identification tbody tr:nth-child(even)	{ background-color:#b0e0e6; }

table.noun_identification tbody td {
	padding: 3px 10px;
	color: black;
}

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

table.noun_identification div.noun_input {
	position: relative;
}
table.noun_identification .result {
	position:absolute;
	right:10px;
	width: 26px;
	height: 30px;
	top: 0px;
	opacity:1.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:50px;	
	cursor:pointer;
	background-image:url('images/directions_cover.png');
	background-repeat:repeat;
	width:700px; height:240px;
	text-align:center;
	border-bottom:thin solid #000; border-top:thin solid #000;
}

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

#noun_spaceholder {
	height:30px;
}

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

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

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

#correct_chicken {
	background-image:url('images/24Feedback1.png');
	background-repeat:no-repeat;
	position:absolute;
	right:430px;
	top:30px;
	width:203px;
	height:198px;
}

#incorrect_chicken {
	background-image:url('images/24Feedback2.png');
	background-repeat:no-repeat;
	position:absolute;
	right:430px;
	top:30px;
	width:203px;
	height:174px;
}

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

/* -------- Elementary Interactive #25 (flashcards) -----------*/

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

#intElemTitle25 {
	background-image:url('images/title_no25.png');
	background-repeat:no-repeat;
	width:412px;
	height:221px;
	margin-left:auto;
	margin-right:auto;
}

.f1_container {
  position: relative;
  margin: 10px auto;
  width: 225px;
  height: 300px;
  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/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;
}


/* -------- Elementary Interactive #26 Word ID -----------*/

.wordID_elem {
	position:relative;
	width:600px; height:400px;
	margin:10px auto;
	padding:25px;
	border:thin solid #000;
	background-color:#CCF;
	-webkit-text-stroke:0px #000;
	border-radius:20px;
}

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

.sentence_entry span {
	cursor:pointer;
}

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

.yellowed_answer {
	background-color:yellow;	
}

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

.sentence_answer {
	display:none;	
}

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

/*------- Buttons ----------*/

div.interactiveBtns {
	width:500px;
	margin:10px auto;	
}
div.begin_btn {
	width:204px;
	height:106px;
	margin: 10px 20px;
	float:right;
	cursor:pointer;
	background:url('images/begin_button.png') no-repeat;
}

div.directions_btn {
	width:204px;
	height:106px;
	margin: 10px 20px;
	float:left;
	cursor:pointer;
	background:url('images/directions_button.png') no-repeat;
}

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

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

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

div.download_btn {
	width:204px;
	height:106px;
	margin: 10px auto;
	cursor:pointer;
	background:url('images/download_button.png') no-repeat;
}

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

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

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

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

div.showme_btn {
	width:204px;
	height:106px;
	margin: 10px auto;
	cursor:pointer;
	background:url('images/showme_button.png') no-repeat;
}

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



/*------- Carry-Over from Original Template ----------*/

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

.floatLeft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.floatRight {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.stopFloat {
	margin:0px;
	clear:both;
}

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

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

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

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

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

div.answerBtn:hover {
	background:url('images/answer_button_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
}

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

div.current {
	display: block;	
}

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

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

.leftCol {
	border-left:medium solid #EEE;
}
.rightCol {
	border-right:medium solid #EEE;
}
.bottomRow {
	border-bottom:medium solid #EEE;
}

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

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('images/btn_check.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;
}

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

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

div.multiple_choice div.review, div.drag_drop div.review, div.flash_cards div.review {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 91px;
	height: 39px;
	background-image: url('images/btn_review.png');
	background-repeat:no-repeat;
	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');
	background-repeat:no-repeat;
	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 {
	width:250px;
	height:128px;
	background-image:url('images/timer_display.png');
	float:right;
}

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

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

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

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

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

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

div.videoonly {
	width:320px;
	margin:20px auto;
}

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

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');
	background-repeat:no-repeat;
	cursor: pointer;
}

#order_reset {
	float: right;
	margin-left:15px;
	width: 91px;
	height: 39px;
	background-image: url('images/retrybtn.png');
	background-repeat:no-repeat;
	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;
}

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

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

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

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: -moz-linear-gradient(top,  #feffdd 2%, #ddf9ac 63%, #e5ed8b 67%, #e2ff9b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#feffdd), color-stop(63%,#ddf9ac), color-stop(67%,#e5ed8b), color-stop(100%,#e2ff9b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #feffdd 2%,#ddf9ac 63%,#e5ed8b 67%,#e2ff9b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #feffdd 2%,#ddf9ac 63%,#e5ed8b 67%,#e2ff9b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #feffdd 2%,#ddf9ac 63%,#e5ed8b 67%,#e2ff9b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #feffdd 2%,#ddf9ac 63%,#e5ed8b 67%,#e2ff9b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffdd', endColorstr='#e2ff9b',GradientType=0 ); /* IE6-9 */
	  border-bottom-right-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
}

.mmSet, #mmFail, #mmWin{
  display:none;
}
.mmChoice {
  width:175px; margin:4px; padding:4px;

  min-height:30px;
  background-color:#FFF; border: 2px solid #CCC;
  text-align:center; display:inline-block; font-size:100%; vertical-align:top;
  cursor:pointer;
  transition: border 0.5s;
	-moz-transition: border 0.5s; /* Firefox 4 */
	-webkit-transition: border 0.5s; /* Safari and Chrome */
	-o-transition: border 0.5s; /* Opera */
}
.mmChoice:hover {
  border: 2px solid #FE6; 
}
.mmChoice img {
  border:thin solid #000;
}
.mmChoices .right {
  
}
#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;
	-moz-transition: background-image 0.5s; /* Firefox 4 */
	-webkit-transition: background-image 0.5s; /* Safari and Chrome */
	-o-transition: background-image 0.5s; /* Opera */
}
.mmNext:hover {
  background-image:url('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;
	-moz-transition: background-image 0.5s; /* Firefox 4 */
	-webkit-transition: background-image 0.5s; /* Safari and Chrome */
	-o-transition: background-image 0.5s; /* Opera */
}
.mmRetry:hover {
  background-image:url('images/mm_retrybtn_roll.png');
}

/* New Matching */

#matchingV2 {
    position: relative;
    width: 660px;
    margin: 0 auto;
    padding: 10px 10px 18px 10px; /* different from Secondary */
    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 { 
    padding:10px;
    position:absolute; bottom:10px; 
    background-color:#09c; 
    color:#fff;            font-weight:bold;
    text-align:center;
    cursor:pointer;
    -webkit-text-stroke: 0px;
}
/* the following three lines different from Secondary */
#matchDir { left:87px; width:120px; cursor:pointer; } 
#matchReset { left:447px; width:120px; cursor:pointer; z-index:300; }
#matchCheck { left:237px; width:180px; opacity:.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;      
}

/* Old 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');
	background-repeat:no-repeat;
	cursor: pointer;
}

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

#mtcontainment .counter {
	width:350px;
}

.mtdrop .result {
	position:absolute;
	pointer-events:none;
	display:none;
	right:250px;
	width: 26px;
	height: 30px;
	opacity:1.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');
	background-repeat:no-repeat;
	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;
}

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

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');
	background-repeat:no-repeat;
	margin-top: -10px;
	cursor: pointer;
}

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

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

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

div.fillintheblank div.review {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 91px;
	height: 39px;
	background-image: url('images/btn_review.png');
	background-repeat:no-repeat;
	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;
}

#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;
		position:relative;
}
#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;
		-webkit-text-stroke:#FFF 0px;
}

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

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');
	background-repeat:no-repeat;
	cursor: pointer;
}

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

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

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

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

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

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

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

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