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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#1fb5c9;
}

body #ratios {
	background-image:none;
	background-color:#1fb5c9 !important;
}

.mainHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:left;
	/*-webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; */
	overflow:hidden;
	/*min-width:750px;*/
}


.contentHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:center;
	display:none;
	
	padding-bottom:30px;
	min-width:750px;
}

.sectionNav {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:88px;
	text-align:center;
	background-color:#eb1b34;
	display:table-row;
	
}

.compass {
	position:relative;
	left:0px;
	top:0px;
	width:87px;
	height:88px;
	background-color:#f8dc00;
	display:table-cell;
}

.navTitle {
	position:relative;
	left:0px;
	top:0px;
	width:40%;
	height:88px;
	display:table-cell;
	vertical-align:middle;
	min-width:235px;
}

.navTitle h2 {
	padding:0; margin:0; font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	font-size:26px;
	line-height:1em;
	color:#FFF;
	margin-left:20px;
	box-sizing:border-box;
}

.navControl {
	position:relative;
	left:0px;
	top:0px;
	width:435px;
	height:88px;
	display:table-cell;
	vertical-align:middle;
	background-image:url(new_images/click_to_nav@2x.png);
	background-position:left top;
	background-size:435px 88px;
	background-repeat:no-repeat;
	min-width:435px;
}

.navControl .dotLine {
	position:absolute;
	left:18px;
	top:25px;
	width:265px;
	height:2px;
	background-color:#FFF;
	
}

body .ratios .navControl .dotLine {
	width:300px;
}

.navControl .dot {
	position:absolute;
	left:18px;
	top:12px;
	width:29px;
	height:29px;
	background-color:#FFF;
	border-radius:50%;
}

.navControl .dot p {
	padding:0; margin:0;
	position:absolute;
	left:-18px;
	top:38px;
	width:65px;
	height:14px;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	font-size:12px;
	line-height:14px;
	color:#FFF;
	text-align:center;
}

.navControl .dot2 {
	left:88px;
}

.navControl .dot3 {
	left:153px;
}

.navControl .dot4 {
	left:218px;
}

.navControl .dot5 {
	left:283px;
}

.navControl .completed {
	background-color:#f8dc00 !important;
}

.navLogos {
	position:relative;
	left:0px;
	top:0px;
	width:60%;
	height:88px;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}

.navLogos img {
	position:relative;
	right:0px;
	top:0px;
	float:right;
}

@media (max-width: 1160px) {
	.logoImage1 {
		display:none;
	}
}

@media (max-width: 932px) {
	.navControl {
		width:264px;
		min-width:264px;
	}	
}

@media (max-width: 850px) {
	.logoImage2 {
		height:50px !important;
		width:auto !important;
	}
}

.topTextHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	margin-top:50px;
	display:inline-block;
}

.topText {
	padding:0; margin:0; font-weight:normal;
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	display:inline-block;
	float:left;
	font-family: 'AdamGorry-Inline';
	font-size:46px;
	line-height:1em;
	color:#000;
	background-color:#FFF;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:87px;
	padding-right:32px;
	border-top-right-radius:35px;
	border-bottom-right-radius:35px;
	text-align:left;
}

.introHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	/*max-width:1800px;*/
	display:inline-block;
	padding-bottom:20px;
	margin-top:35px;
	padding-left:88px;
	padding-right:54px;
	box-sizing:border-box;
}

.introHolderVideo {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	padding-bottom:20px;
	margin-top:35px;
}

.introHolder .introText {
	padding:0; margin:0;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size:22px;
	line-height:26px;
	color:#FFF;
	text-align:left;
	padding-bottom:35px;
}

.introHolderVideo .introText {
	padding:0; margin:0;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size:22px;
	line-height:26px;
	color:#FFF;
	text-align:left;
	padding-bottom:35px;
	padding-left:87px;
	padding-right:87px;
	box-sizing:border-box;
}

.introHolder .startArt {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	max-width:450px;
	display:inline-block;
	margin-bottom:35px;
}

.introHolderVideo .startArt {
	position:relative;
	left:0px;
	top:0px;
	width:78%;
	height:auto;
	max-width:680px;
	display:inline-block;
	margin-bottom:35px;
}

.questionStyle {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	/*max-width:1800px;*/
	display:inline-block;
	padding-bottom:20px;
	padding-bottom:150px;
	padding-left:144px;
	padding-right:54px;
	box-sizing:border-box;
}

.one_variable_practiceScreen .questionStyle {
	padding-right:0px;
}

.practiceScreen .questionStyle {
	padding-right:0px;
}

.highlightArt {
	position:absolute;
	right:0px;
	top:0px;
	width:42%;
	height:auto;
	display:inline-block;
	margin-top:-175px;
	max-width:483px;
}

.one_variable_quiz .highlightArt {
	position:absolute;
	right:0px;
	top:0px;
	width:18%;
	height:auto;
	display:inline-block;
	margin-top:-150px;
	max-width:310px;
	
}

.questionStyle .questionHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	text-align:left;
	margin-top:54px;
	padding-bottom:54px;
}

.questionStyle .questionNumber {
	position:relative;
	left:0px;
	top:0px;
	width:108px;
	height:108px;
	background-color:#FFF;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size:84px;
	line-height:108px;
	color:#1fb5c9;
	border-radius:50%;
	margin-left:-54px;
}

.questionStyle .questionText {
	padding:0; margin:0;
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	text-align:left;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:26px;
	line-height:1.4em;
	color:#FFF;
	margin-left:22px;
	font-weight:normal;
	box-sizing:border-box;
}

.questionStyle .questionText strong {
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	font-weight:normal;
}

.questionStyleLong .questionHolder {
	height:auto;
}

.questionStyleLong .questionText {
	vertical-align:top;
	width:80%;
}

.questionStyleLong .questionNumber {
	vertical-align:top;
	
}

.questionStyleLong .questionNumber {
	vertical-align:top;
}

.questionStyleLong .highlightArt {
	margin-top:0px;
}

.one_variable_quiz .questionStyleLong  .highlightArt {
	width:25%;
	margin-top:0px;
}

.questionStyle .answerHolder {
	position:relative;
	left:0px;
	top:0px;
	width:95%;
	height:auto;
	display:inline-block;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size:30px;
	line-height:48px;
	margin-left:80px;
	box-sizing:border-box;
}

.questionStyle .answerButton {
	position:relative;
	left:0px;
	top:0px;
	width:95%;
	height:48px;
	background-color:#FFF;
	display:inline-block;
	box-sizing:border-box;
	border-bottom-right-radius:24px;
	border-top-right-radius:24px;
	margin-bottom:15px;
	cursor:pointer;
	max-width:950px;
}

.questionStyle .specialInfo {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	margin-top:35px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
	font-size:21px;
	line-height:1.2em;
	color:#FFF;
}

.questionStyleLong .answerButton {
	max-width:388px;
}

.buttonHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	margin-top:35px;
}

.answerButton .answerLetter {
	position:absolute;
	left:0px;
	top:0px;
	width:48px;
	height:100%;
	display:inline-block;
	background-color:#f8dc00;
	font-size:1.25em;
	color:#FFF;
	text-align:center;
}

.answerText {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	margin-left:24px;
	box-sizing:border-box;
	text-align:center;
}

.answerTextSpecial {
	font-size:21px;
	line-height:21px;
	margin-left:55px;
	width:87%;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.answerButtonSelected {
	background-color:#f8dc00 !important;
}

.answerButtonSelected .answerLetter {
	background-color:#FFF !important;
	color:#000 !important;
}

.answerButtonRollover {
	background-color:#ffffcc !important;
}

@media (max-width: 1200px) {
	.questionStyle .highlightArt {
		margin-top:-7%;
		width:33%;
	}
	.one_variable_quiz .highlightArt {
		width:18%;
		margin-top:-6%;
	}
	.questionStyleLong .highlightArt {
		width:42%;
		margin-top:0px;
	}	
}

@media (max-width: 1080px) {
	.questionStyle .answerHolder {
		
		font-size:27px;
	}
	.hideBreak {
		display:none;
	}
}

@media (max-width: 960px) {
	.questionStyle .answerHolder {
		font-size:23px;
	}
	.answerTextSpecial {
		font-size:18px;
		line-height:18px;
	}
	.questionStyle {
		padding-left:54px;
		padding-right:24px;
	}
}

@media (max-width: 725px) {
	.questionStyle .answerHolder {
		font-size:20px;
	}
	.answerTextSpecial {
		font-size:15px;
		line-height:15px;
	}
}

@media (max-width: 620px) {
	.questionStyle .answerHolder {
		font-size:18px;
	}
}

@media (max-width: 572px) {
	.questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 510px) {
	.questionStyle .answerHolder {
		font-size:14px;
	}
}

.whiteButton {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:32px;
	line-height:1em;
	color:#000;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:28px;
	padding-right:28px;
	border-radius:26px;
	text-decoration:none;
	text-align:center;
}

.whiteButton:hover {
	background-color:#ffffcc !important;
	color:#000;
	text-decoration:none;
}

.whiteButtonTop {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:22px;
	line-height:1em;
	color:#000;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:28px;
	padding-right:28px;
	border-radius:26px;
	text-decoration:none;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
}

.whiteButtonTop:hover {
	background-color:#ffffcc !important;
	color:#000;
	text-decoration:none;
}

.whiteButtonDash {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:32px;
	line-height:1em;
	color:#000;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:28px;
	padding-right:28px;
	border-radius:26px;
	text-decoration:none;
	text-align:center;
	margin-top:-15px;
	visibility:hidden;
}

.whiteButtonDash:hover {
	background-color:#ffffcc !important;
	color:#000;
	text-decoration:none;
}

.yellowButton {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:32px;
	line-height:1em;
	color:#000;
	background-color:#f8dc00;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:28px;
	padding-right:28px;
	border-radius:26px;
	text-decoration:none;
	margin-left:10px;
}

.yellowButton:hover {
	background-color:#ffffcc;
}

.skipButton {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:32px;
	line-height:1em;
	color:#000;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:28px;
	padding-right:28px;
	border-radius:26px;
	text-decoration:none;
}

.skipButton:hover {
	background-color:#ffffcc;
}

.tooltip-cust{
	display:none;
	padding:15px 15px;
	position:absolute;
	background:red;
	color:white;
	margin-top:20px;
	margin-bottom:15px;
	top:100%;
	left:0;
	font-size:1rem
}

.tooltip-cust p {
	margin:0 !important;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:18px;
	line-height:1.2em;
	max-width:350px;
}


.tooltip-cust:after{content:" ";
position:absolute;
bottom:100%;
left:0%;
margin-left:15px;
border-right:9px solid transparent;
border-bottom:16px solid #f09;
border-left:9px solid transparent}


.tooltip-cust.error,.tooltip-cust.valid,.tooltip-cust.hint{display:block}


.tooltip-cust.hint{background:#229da5;
font-weight:bold;
margin-top:22px}


.tooltip-cust.hint:after{border-color:transparent transparent #229da5 transparent}


.tooltip-cust.error{background:#FFF; color:#000;}


.tooltip-cust.error:before{content:""}


.tooltip-cust.error:after{border-color:transparent transparent #FFF transparent}


.tooltip-cust.valid{background:#bfd957;
color:#462446}


.tooltip-cust.valid:before{content:""}


.tooltip-cust.valid:after{border-color:transparent transparent #bfd957 transparent}

table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #FFFFFF;
  width: 66%;
  height: 200px;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 0px 7px;
}
table.blueTable tbody td {
  font-size: 13px;
  color:#000;
}
table.blueTable tr:nth-child(even) {
  background: #ffffcc;
}
table.blueTable thead {
  background: #f8dc00;
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  border-left: 2px solid #AAAAAA;
}
table.blueTable thead th:first-child {
  border-left: none;
}

.quizSection {
	display:none;
}

.videoScreen {
	background-color:#dd5a93;
}

.videoScreen .sectionNav {
	background-color:#60aa55;
}

.practiceScreen {
	background-color:#40ad48;
}

.practiceScreen .sectionNav {
	background-color:#00bddc;
}

.practiceScreen .questionNumber {
	color:#40ad48;
}

.ratioHolder {
	position:relative;
	left:0px;
	top:0px;
	width:1016px;
	height:1119px;
	display:inline-block;
	/*overflow:hidden;*/
}

.ratioGame1 {
	position:absolute;
	left:0px;
	top:0px;
	width:1016px;
	height:1119px;
	background-image:url(new_images/ratio_game_1_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1016px 1119px;
	display:inline-block;
}

.ratioGame1 .pog {
	position:absolute;
	left:339px;
	top:60px;
	width:109px;
	height:109px;
	display:inline-block;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
}

.ratioGame1 .pog2 {
	left:339px;
	top:169px;
}

.ratioGame1 .pog3 {
	left:339px;
	top:278px;
}

.ratioGame1 .pog4 {
	left:339px;
	top:388px;
}

.ratioGame1 .pog5 {
	left:835px;
	top:60px;
}

.ratioGame1 .pog6 {
	left:835px;
	top:169px;
}

.ratioGame1 .pog7 {
	left:835px;
	top:279px;
}

.ratioGame1 .pog8 {
	left:835px;
	top:390px;
}

.ratioGame1 .bottom1 {
	left:116px;
	top:641px;
	display:none;
}

.ratioGame1 .bottom2 {
	left:458px;
	top:641px;
	display:none;
}

.ratioGame1 .bottom3 {
	left:814px;
	top:641px;
	display:none;
}

.ratioGame1 .dragger {
	position:absolute;
	left:0px;
	top:0px;
	width:109px;
	height:109px;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
	z-index:100;
	display:none;
}

.ratioGame1 .dropglow {
	position:absolute;
	left:116px;
	top:641px;
	width:109px;
	height:109px;
	display:none;
}

.ratioGame1 .dropglow2 {
	left:458px;
	top:641px;
}

.ratioGame1 .dropglow3 {
	left:814px;
	top:641px;
}

.ratioGame1 .bottomBox {
	position:absolute;
	left:11px;
	top:808px;
	width:321px;
	height:224px;
	display:none;
}

.ratioGame1 .bottomBox2 {
	left:347px;
	top:808px;
}

.ratioGame1 .bottomBox3 {
	left:683px;
	top:808px;
}

.showAnswerClass {
	position:relative;
	left:0px;
	top:0px;
	width:80%;
	height:auto;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	font-size:24px;
	line-height:1.2em;
	color:#FFF;
	display:none;
	max-width:900px;
	margin-top:-30px;
}

.one_variable_quiz {
	background-color:#006f9f;
}

.one_variable_quiz .sectionNav {
	background-color:#ed1a34;
}

.one_variable .compass {
	background-color:#fcb61d;
}

.one_variable_quiz .questionStyle .questionNumber {
	color:#006f9f;
}

.one_variable_quiz .answerButton .answerLetter {
	background-color:#fcb61d;
}

.one_variable_quiz .answerButtonSelected {
	background-color:#fcb61d !important;
}

.one_variable .yellowButton {
	background-color:#fcb61d;
}

.one_variable .navControl .completed {
	background-color:#fcb61d !important;
}

.one_variable_videoScreen {
	background-color:#f96577;
}

.one_variable_videoScreen .sectionNav {
	background-color:#00a280;
}

.one_variable_practiceScreen {
	background-color:#00a280;
}

.one_variable_practiceScreen .sectionNav {
	background-color:#f96577;
}

.one_variable_practiceScreen .questionNumber {
	color:#00a280;
}



@media (max-width: 1200px) {
	.one_variable_quiz .questionStyle .answerHolder {
		
		font-size:28px;
	}
}

@media (max-width: 1035px) {
	.one_variable_quiz .questionStyle .answerHolder {
		font-size:24px;
	}
}

@media (max-width: 920px) {
	.one_variable_quiz .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.one_variable_quiz .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.one_variable_quiz .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.one_variable_quiz .questionStyle .answerHolder {
		font-size:12px;
	}
}

.one_variableHolder {
	position:relative;
	left:0px;
	top:0px;
	width:1070px;
	height:940px;
	display:inline-block;
}

.one_variableGame1 {
	position:absolute;
	left:0px;
	top:0px;
	width:1070px;
	height:940px;
	background-image:url(new_images/one_variable_game_1_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1070px 940px;
	display:inline-block;
}

.one_variableGame1 .valueDisplay {
	position:absolute;
	left:12px;
	top:308px;
	width:347px;
	height:auto;
	display:inline-block;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size:21px;
	line-height:21px;
	color:#000;
}

.one_variableGame1 .blank {
	position:absolute;
	left:46px;
	top:121px;
	width:106px;
	height:42px;
	display:inline-block;
}

.one_variableGame1 .blank2 {
	left:224px;
}

.one_variableGame1 .blank3 {
	left:571px;
}

.one_variableGame1 .blank4 {
	left:921px;
}

.one_variableGame1 .dragger {
	position:absolute;
	left:0px;
	top:0px;
	width:106px;
	height:42px;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
	z-index:100;
	display:none;
}

.one_variableGame1 .dragger2 {
	position:absolute;
	left:0px;
	top:0px;
	width:109px;
	height:109px;
	cursor:pointer;
	z-index:100;
	display:none;
}

.one_variableGame1 .whiteX {
	position:absolute;
	left:222px;
	top:91px;
	width:109px;
	height:109px;
	display:none;
}

.one_variableGame1 .scale {
	position:absolute;
	left:0px;
	top:423px;
	width:1070px;
	height:235px;
	display:inline-block;
}

.one_variableGame1 .bottomHolder {
	position:absolute;
	left:101px;
	top:721px;
	width:817px;
	height:179px;
	display:inline-block;
}

.one_variableGame1 .bottomHolderMessage {
	position:absolute;
	left:101px;
	top:648px;
	width:817px;
	height:73px;
	display:inline-block;
}

.one_variableGame1 .bottomPogPos {
	position:absolute;
	left:233px;
	top:743px;
	width:109px;
	height:109px;
	display:inline-block;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
}

.one_variableGame1 .bottomPog2 {
	left:406px;
}

.one_variableGame1 .bottomPog3 {
	left:581px;
}

.one_variableGame1 .bottomPog4 {
	left:756px;
}

.one_variableGame1 .bottomSection {
	display:none;
}

.bottomOfScreen {
	position:relative;
	left:0px;
	top:0px;
	width:85%;
	height:auto;
	max-width:1130px;
	display:inline-block;
}

.pogInline {
	position:relative;
	left:0px;
	top:0px;
	display:inline-block;
	vertical-align:text-bottom;
	cursor:pointer;
}

.findLike {
	position:absolute;
	left:413px;
	top:112px;
	width:234px;
	height:121px;
	display:none;
}

.one_variableHolder {
	position:relative;
	left:0px;
	top:0px;
	width:1070px;
	height:940px;
	display:inline-block;
}

.one_variableGame2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1070px;
	height:940px;
	background-image:url(new_images/one_variable_game_2_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1070px 940px;
	display:inline-block;
}

.one_variableGame2 .goldBlock {
	position:absolute;
	left:11px;
	top:11px;
	width:231px;
	height:101px;
	display:inline-block;
	background-color:#d1e086;
	box-sizing:border-box;
}

.one_variableGame2 .goldBlockPlus {
	left:245px;
	width:114px;
	background-image:url(new_images/one_variable_game_2_gold_plus.png);
	background-position:left top;
	background-size:114px 101px;
	background-repeat:no-repeat;
}

.one_variableGame2 .goldBlockMinus {
	left:245px;
	width:114px;
	background-image:url(new_images/one_variable_game_2_gold_minus.png);
	background-position:left top;
	background-size:114px 101px;
	background-repeat:no-repeat;
}

.one_variableGame2 .goldBlockPlus2 {
	left:595px;
}

.one_variableGame2 .goldBlockEquals {
	left:828px;
	background-image:url(new_images/one_variable_game_2_gold_equals.png);
}

.one_variableGame2 .blank {
	position:absolute;
	left:29px;
	top:29px;
	width:80px;
	height:42px;
	display:inline-block;
}

.one_variableGame2 .blank2 {
	left:124px;
}

.one_variableGame2 .blank3 {
	left:29px;
}

.one_variableGame2 .blank4 {
	left:124px;
}

.one_variableGame2 .blank5 {
	left:17px;
}

.one_variableGame2 .blank6 {
	left:17px;
}

.one_variableGame2 .goldBlock2 {
	left:362px;
}

.one_variableGame2 .goldBlock3 {
	left:712px;
	width:113px;
}

.one_variableGame2 .goldBlock4 {
	left:945px;
	width:113px;
}

.one_variableGame2 .goldBlockOutline {
	border:solid;
	border-width:1px;
	border-color:#ffff00;
}

.one_variableGame2 .goldBlockTop {
	z-index:100;
}

.one_variableGame2 .goldBlockSolve {
	width:581px;
	display:none;
}

.one_variableGame2 .dragger {
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:42px;
	cursor:pointer;
	z-index:100;
	display:none;
}

.one_variableGame2 .dragger2 {
	position:absolute;
	left:0px;
	top:0px;
	width:109px;
	height:109px;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
	z-index:100;
	display:none;
}

.one_variableGame2 .whiteX {
	position:absolute;
	left:313px;
	top:7px;
	width:109px;
	height:109px;
	display:none;
}

.one_variableGame2 .scale {
	position:absolute;
	left:0px;
	top:198px;
	width:1070px;
	height:335px;
	display:inline-block;
}

.one_variableGame2 .bottomHolder {
	position:absolute;
	left:0px;
	top:501px;
	width:1070px;
	height:289px;
	display:inline-block;
}

.one_variableGame2 .bottomPogPos {
	position:absolute;
	left:298px;
	top:630px;
	width:109px;
	height:109px;
	display:inline-block;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
}

.one_variableGame2 .bottomPog2 {
	left:473px;
}

.one_variableGame2 .bottomPog3 {
	left:646px;
}

.one_variableGame2 .bottomPog4 {
	left:756px;
}

.one_variableGame2 .bottomSection {
	display:none;
}

.ratioGame2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1011px;
	height:781px;
	background-image:url(new_images/ratio_game_2_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1011px 781px;
	display:inline-block;
}

.ratioGame2 .item {
	position:absolute;
	left:98px;
	top:99px;
	width:188px;
	height:56px;
	display:inline-block;
}

.ratioGame2 .item2 {
	left:312px;
}

.ratioGame2 .item3 {
	left:528px;
}

.ratioGame2 .item4 {
	left:749px;
}

.ratioGame2 .ship {
	position:absolute;
	left:9px;
	top:488px;
	width:320px;
	height:223px;
	display:none;
}

.ratioGame2 .ship2 {
	left:345px;
}

.ratioGame2 .ship3 {
	left:681px;
}

.ratioGame2 .itemHolder {
	left:413px;
	top:359px;
}

.ratioGame2 .highlight {
	border:solid;
	border-width:4px;
	border-color:#F00;
	box-sizing:border-box;
}

.ratioGame2 .highlight2 {
	left:345px;
}

.ratioGame2 .highlight3 {
	left:681px;
}

.ratioGame2 .tablet {
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
}

.ratioGame2 .dragger {
	position:absolute;
	left:0px;
	top:0px;
	width:188px;
	height:56px;
	display:none;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
	z-index:100;
}

.ratioGame2 .blank {
	position:absolute;
	left:88px;
	top:370px;
	width:106px;
	height:42px;
	display:inline-block;
}

.ratioGame2 .blank3 {
	left:732px;
}

.one_variableGame3 .goldBlock {
	position:absolute;
	left:7px;
	top:11px;
	width:151px;
	height:101px;
	display:inline-block;
	background-color:#d1e086;
	box-sizing:border-box;
}

.one_variableGame3 .goldBlock2 {
	left:257px;
}

.one_variableGame3 .goldBlock3 {
	left:507px;
	width:93px;
}

.one_variableGame3 .goldBlock4 {
	left:699px;
	width:132px;
}

.one_variableGame3 .goldBlock5 {
	left:930px;
	width:132px;
}

.one_variableGame3 .goldBlock6 {
	position:relative !important;
	left:0px !important;
	width:180px !important;
	top:11px !important;
	display:none;
}

.one_variableGame3 .blank {
	position:absolute;
	left:11px;
	top:29px;
	width:60px;
	height:42px;
	display:inline-block;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size:24px;
	line-height:42px;
	color:#000;
	background-image:url(new_images/one_variable_game_2_blank.png);
	background-position:left top;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-color:#ffff02;
	cursor:default;
}

.one_variableGame3 .noBackground {
	background-image:none;
}

.one_variableGame3 .blank2 {
	left:80px;
}

.one_variableGame3 .blank3 {
	left:11px;
}

.one_variableGame3 .blank4 {
	left:80px;
}

.one_variableGame3 .blank5 {
	left:15px;
}

.one_variableGame3 .blank6 {
	left:34px;
}

.one_variableGame3 .blank7 {
	left:34px;
}

.one_variableGame3 .blank8 {
	left:11px;
}

.one_variableGame3 .goldBlockPlus {
	left:161px;
	width:93px;
	background-position:center top;
}

.one_variableGame3 .goldBlockMinus {
	left:411px;
	width:93px;
	background-position:center top;
}

.one_variableGame3 .goldBlockPlus3 {
	left:603px;
}

.one_variableGame3 .goldBlockEquals {
	left:834px;
	width:93px;
	background-position:center top;
}

.one_variableGame3 .dragger {
	width:60px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:24px;
	line-height:42px;
	color:#000;
	background-color:#ffff02;
}

.pogInlineSpecial {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:33px;
	background-color:#ffff02;
	display:inline-block;
	vertical-align:text-bottom;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	color:#000;
	min-width:28px;
	text-align:center;
}

.one_variableGame3 .goldBlockOutline {
	position:relative;
	left:0px;
}

.one_variableGame3 .blockHolderDef {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
}

.one_variableGame3 .whiteX {
	position:absolute;
	left:70px;
	top:-5px;
	width:109px;
	height:109px;
	display:none;
}

.ratioGame3 {
	background-image:url(new_images/ratio_game_3_background.png);
}

.ratioGame3 .item {
	position:absolute;
	left:128px;
	top:97px;
	width:109px;
	height:109px;
	display:inline-block;
}

.ratioGame3 .item2 {
	left:383px;
}

.ratioGame3 .item3 {
	left:644px;
}

.ratioGame3 .item4 {
	left:893px;
}

.ratioGame3 .blank {
	left:452px;
	top:380px;
}

.ratioGame3 .blank3 {
	left:792px;
}

.ratioGame3 .itemHolder {
	left:38px;
	top:348px;
}

.ratioGame3 .ship {
	left:344px;
	top:508px;
	width:322px;
	height:224px;
}

.ratioGame3 .ship2 {
	left:8px;
}

.ratioGame3 .ship3 {
	left:680px;
}

.ratioGame3 .highlight {
	border:solid;
	border-width:4px;
	border-color:#F00;
	box-sizing:border-box;
}

.ratioGame2 .highlight2 {
	left:8px;
}

.ratioGame2 .highlight3 {
	left:680px;
}

#footer-wrapper-4o{bottom:0;
width:100%;
z-index:999;
text-align:center;
height:25px;
font-weight:bold;
color:white !important;
padding:5px 0px;
font-family:Arial, sans-serif;}
#footer-wrapper-4o *{font-size:12px; color:white !important;}

#universal4o.unMain-dis{margin-bottom:0px !important;
padding-bottom:0px}



.login-body .sectionNav {
	background-color:#ef6c34;
	z-index:25000;
}

.login-body .compass {
	background-color:#00bedd;
}

.dashboard .sectionNav {
	background-color:#00bedd;
	z-index:25000;
}

.dashboard .compass {
	background-color:#f9dd00;
}

.logged-in-banner {
	background-color:#f9dd00;
}
	

.loginButton {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	font-size:25px;
	line-height:1em;
	color:#000;
	background-color:#f9dd00 !important;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:68px;
	padding-right:68px;
	border-radius:26px;
	text-decoration:none;
	margin-top:5px;
}

.createButton {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	font-size:25px;
	line-height:1em;
	color:#000;
	background-color:#00bedd !important;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:68px;
	padding-right:68px;
	border-radius:26px;
	text-decoration:none;
	margin-top:0px;
}

/*
#roleSelect {
	width:320px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:22px;
	line-height:40px;
	margin-top:20px;
	margin-bottom:20px;
	display:inline-block;
	-webkit-appearance: menulist-button;
	-ms-appearance: menulist-button;
	appearance: menulist-button;
   height: 40px;
}
*/

#roleSelect {
	display: block;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-weight: normal;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	margin-top:20px;
	margin-bottom:0px;
}
#roleSelect::-ms-expand {
	display: none;
}
#roleSelect:hover {
	border-color: #888;
}
#roleSelect:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
#roleSelect option {
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.5;
}

.great {
	color:#f9dd00;
}

.your-new-id {
	color:#FFF;
}

.username-message {
	color:#f9dd00;
}

.inner-login .generated-name {
	background-color:transparent; text-align:center; border-right:dashed; border-right-width:1px; border-right-color:#FFF;
}

@media (max-width: 960px) {
	.inner-login .generated-name {
		border-right:none;
	}
}

.sectionNav .nav-x {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:88px;
	display:table-cell;
	border-right:solid;
	border-right-color:#FFF !important;
	border-width:1px;
	min-width:135px;
	font-size:15px;
	vertical-align:middle;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	text-decoration:none !important;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
	text-transform:uppercase;
}

.sectionNav .extraWide {
	min-width:250px;
}

body.dashboard {
	background-color:#000 !important;
}

@media (max-width: 1325px) {
	.sectionNav .nav-x {
		min-width:110px;
		font-size:13px;
	}
	.sectionNav .extraWide {
		min-width:180px;
	}
}

@media (max-width: 880px) {
	.sectionNav .nav-x {
		min-width:90px;
		font-size:11px;
	}
	.sectionNav .extraWide {
		min-width:120px;
	}
}

@media (max-width: 720px) {
	.sectionNav .nav-x {
		min-width:70px;
		font-size:9px;
	}
	.sectionNav .extraWide {
		min-width:100px;
	}
}

.redHighlight {
	border:solid;
	border-width:2px;
	border-color:#FF0000;
}


.probability_quiz {
	background-color:#ef6c34;
}

.probability_quiz .sectionNav {
	background-color:#fdb71e;
}

.probability .compass {
	background-color:#41ad49;
}

.probability_quiz .questionStyle .questionNumber {
	color:#ef6c34;
}

.probability_quiz .answerButton .answerLetter {
	background-color:#fcb61d;
}

.probability_quiz .answerButtonSelected {
	background-color:#fcb61d !important;
}

.probability .yellowButton {
	background-color:#fcb61d;
}

.probability .navControl .completed {
	background-color:#41ad49 !important;
}

.probability_videoScreen {
	background-color:#41ad49;
}

.probability_videoScreen .sectionNav {
	background-color:#00aeef;
}

.probability_videoScreen .compass {
	background-color:#f8d707;
}

.probability_videoScreen .navControl .completed {
	background-color:#f8d707 !important;
}


.probability_practiceScreen {
	background-color:#00a280;
}

.probability_practiceScreen .sectionNav {
	background-color:#f96577;
}

.probability_practiceScreen .questionNumber {
	color:#00a280;
}



@media (max-width: 1200px) {
	.probability_quiz .questionStyle .answerHolder {
		
		font-size:28px;
	}
}

@media (max-width: 1035px) {
	.probability_quiz .questionStyle .answerHolder {
		font-size:24px;
	}
}

@media (max-width: 920px) {
	.probability_quiz .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.probability_quiz .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.probability_quiz .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.probability_quiz .questionStyle .answerHolder {
		font-size:12px;
	}
}

/* rrt */

.rrt_quiz {
	background-color:#41ad49;
}

.rrt_quiz .sectionNav {
	background-color:#00bedd;
}

.rrt .compass {
	background-color:#fdb71e;
}

.rrt_quiz .questionStyle .questionNumber {
	color:#41ad49;
}

.rrt_quiz .answerButton .answerLetter {
	background-color:#fcb61d;
}

.rrt_quiz .answerButtonSelected {
	background-color:#fcb61d !important;
}

.rrt .yellowButton {
	background-color:#fcb61d;
}

.rrt .navControl .completed {
	background-color:#fdb71e !important;
}

.rrt_videoScreen {
	background-color:#41ad49;
}

.rrt_videoScreen .sectionNav {
	background-color:#00aeef;
}

.rrt_videoScreen .compass {
	background-color:#f8d707;
}

.rrt_videoScreen .navControl .completed {
	background-color:#f8d707 !important;
}


.rrt_practiceScreen {
	background-color:#00a280;
}

.rrt_practiceScreen .sectionNav {
	background-color:#f96577;
}

.rrt_practiceScreen .questionNumber {
	color:#00a280;
}

.rrt .navTitle h2 {
	font-size:26px;
	line-height:1em;
}

@media (max-width: 1200px) {
	.rrt_quiz .questionStyle .answerHolder {
		
		font-size:28px;
	}
	.rrt .navTitle h2 {
		font-size:22px !important;
		line-height:1em !important;
	}
}

@media (max-width: 1035px) {
	.rrt_quiz .questionStyle .answerHolder {
		font-size:24px;
	}
	
	.rrt .navTitle {
		padding-right:10px;
	}
}

@media (max-width: 920px) {
	.rrt_quiz .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.rrt_quiz .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.rrt_quiz .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.rrt_quiz .questionStyle .answerHolder {
		font-size:12px;
	}
}



.questionStyleBlock .questionHolder {
	height:auto;
	width:100%;
}

.questionStyleBlock .questionText {
	vertical-align:middle;
	width:80%;
}

.questionStyleBlock .questionNumber {
	vertical-align:middle;
	
}

.questionStyleBlock .questionNumber {
	vertical-align:middle;
}

.questionStyleBlock .answerHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size:32px;
	line-height:48px;
	
	box-sizing:border-box;
	margin-left:0px;
	padding-right:15%;
}

@media (max-width: 1280px) {
	.questionStyleBlock .answerHolder {
		padding-right:0px;
	}
}

@media (max-width: 1070px) {
	.questionStyleBlock .answerHolder {
		padding-right:15%;
	}
}


.questionStyleBlock .answerButton {
	position:relative;
	left:0px;
	top:0px;
	width:35%;
	height:auto;
	background-color:transparent;
	display:inline-block;
	box-sizing:border-box;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	margin-bottom:15px;
	cursor:pointer;
	vertical-align:top;
	max-width:500px;
	margin-right:30px;
	margin-left:0px;
	min-width:400px;
	
}



.questionStyleBlock .answerLetter {
	position:absolute;
	left:0px;
	top:0px;
	width:48px;
	height:48px;
	display:inline-block;
	background-color:#f8dc00;
	font-size:1.25em;
	color:#FFF;
	text-align:center;
}

.questionStyleBlock .answerButton .answerImage {
	position:relative;
	left:0px;
	top:0px;
	width:calc(100%-48px);
	height:auto;
	display:inline-block;
	margin-left:64px;
	box-sizing:border-box;
	text-align:center;
}


.topArt {
	position:relative;
	left:0px;
	top:0px;
	width:80%;
	height:auto;
	max-width:350px;
	
	display:inline-block;
	margin-top:54px;
	margin-left:0px;
	margin-right:0px;
}

.resultArt {
	position:relative;
	left:0px;
	top:0px;
	width:50%;
	height:auto;
	max-width:210px;
	
	display:inline-block;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
}

.questionStyleBlock .questionArt {
	position:relative;
	left: 0px;
	top:0px;
	width:100%;
	height:auto;
	max-width:390px;
	display:inline-block;
}

.questionStyleBlock .answerButtonSelected {
	background-color:transparent !important;
}

.questionStyleBlock .answerButtonSelected .answerLetter {
	background-color:#FFF !important;
	color:#000 !important;
}

.questionStyleBlock .answerButtonRollover {
	background-color:transparent !important;
}

.questionStyleBlock .whiteButton {
	float:left;
}
.questionStyleBlock .yellowButton {
	float:left;
}
.questionStyleBlock .skipButton {
	float:left;
}


.probability_game {
	background-color:#00bbdc;
}

.probability_game .sectionNav {
	background-color:#fa6577;
}

.probability_game .questionStyle .questionNumber {
	color:#00bbdc;
}

.probability_game .navControl .completed {
	background-color:#fdb71e !important;
}

.probability_game .compass {
	background-color:#fdb71e;
}


.probabilityHolder {
	position:relative;
	left:0px;
	top:0px;
	width:1144px;
	height:1219px;
	display:inline-block;
	/*overflow:hidden;*/
}

.probabilityGame1 {
	position:absolute;
	left:0px;
	top:0px;
	width:1144px;
	height:1219px;
	background-image:url(spring2019/probability/probability_game_1_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1144px 1219px;
	display:inline-block;
}

.probabilityGame1 .pog {
	position:absolute;
	left:47px;
	top:690px;
	width:109px;
	height:109px;
	display:inline-block;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
}

.probabilityGame1 .pog2 {
	left:148px;
	top:690px;
}

.probabilityGame1 .pog3 {
	left:250px;
	top:690px;
}

.probabilityGame1 .pog4 {
	left:360px;
	top:690px;
}

.probabilityGame1 .pog5 {
	left:625px;
	top:690px;
}

.probabilityGame1 .pog6 {
	left:726px;
	top:690px;
}

.probabilityGame1 .pog7 {
	left:828px;
	top:690px;
}

.probabilityGame1 .bottom1 {
	left:238px;
	top:916px;
	display:none;
}

.probabilityGame1 .bottom2 {
	left:238px;
	top:1058px;
	display:none;
}

.probabilityGame1 .bottom3 {
	left:441px;
	top:983px;
	display:none;
}

.probabilityGame1 .bottom4 {
	left:656px;
	top:916px;
	display:none;
}

.probabilityGame1 .bottom5 {
	left:656px;
	top:1058px;
	display:none;
}

.probabilityGame1 .dragger {
	position:absolute;
	left:0px;
	top:0px;
	width:109px;
	height:109px;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
	z-index:100;
	display:none;
}

.probabilityGame1 .dropglow {
	position:absolute;
	left:238px;
	top:916px;
	width:109px;
	height:109px;
	display:none;
}

.probabilityGame1 .dropglow2 {
	left:238px;
	top:1058px;
}

.probabilityGame1 .dropglow3 {
	left:441px;
	top:983px;
}

.probabilityGame1 .dropglow4 {
	left:656px;
	top:916px;
}

.probabilityGame1 .dropglow5 {
	left:656px;
	top:1058px;
}

.probabilityGame1 .bottomBox {
	position:absolute;
	left:11px;
	top:808px;
	width:321px;
	height:224px;
	display:none;
}

.probabilityGame1 .bottomBox2 {
	left:347px;
	top:808px;
}

.probabilityGame1 .bottomBox3 {
	left:683px;
	top:808px;
}

.probabilityGame1 .wrongHightlight {
	border:solid;
	border-width:2px;
	border-color:#FF0000;
	box-sizing:border-box;
}


.probability_game2 {
	background-color:#00bbdc;
}

.probability_game2 .sectionNav {
	background-color:#fa6577;
}

.probability_game2 .questionStyle .questionNumber {
	color:#00bbdc;
}

.probability_game2 .navControl .completed {
	background-color:#fdb71e !important;
}

.probability_game2 .compass {
	background-color:#fdb71e;
}


.probabilityHolder2 {
	position:relative;
	left:0px;
	top:0px;
	width:993px;
	height:691px;
	display:inline-block;
	/*overflow:hidden;*/
}

.probabilityGame2 {
	position:absolute;
	left:0px;
	top:0px;
	width:993px;
	height:691px;
	background-image:url(spring2019/probability/probability_game_2_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:993px 691px;
	display:inline-block;
}

.probabilityGame2 .pog {
	position:absolute;
	left:309px;
	top:86px;
	width:109px;
	height:109px;
	display:inline-block;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
}

.probabilityGame2 .pog2 {
	left:412px;
	top:86px;
}

.probabilityGame2 .pog3 {
	left:517px;
	top:86px;
}

.probabilityGame2 .pog4 {
	left:621px;
	top:86px;
}



.probabilityGame2 .bottom1 {
	left:238px;
	top:350px;
	display:none;
}

.probabilityGame2 .bottom2 {
	left:454px;
	top:350px;
	display:none;
}

.probabilityGame2 .bottom3 {
	left:660px;
	top:350px;
	display:none;
}

.probabilityGame2 .bottom4 {
	left:127px;
	top:492px;
	display:none;
}

.probabilityGame2 .bottom5 {
	left:344px;
	top:492px;
	display:none;
}

.probabilityGame2 .bottom6 {
	left:550px;
	top:492px;
	display:none;
}

.probabilityGame2 .bottom7 {
	left:755px;
	top:492px;
	display:none;
}

.probabilityGame2 .dragger {
	position:absolute;
	left:0px;
	top:0px;
	width:109px;
	height:109px;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
	z-index:100;
	display:none;
}

.probabilityGame2 .dropglow {
	position:absolute;
	left:238px;
	top:350px;
	width:109px;
	height:109px;
	display:none;
}

.probabilityGame2 .dropglow2 {
	left:454px;
	top:350px;
}

.probabilityGame2 .dropglow3 {
	left:660px;
	top:350px;
}

.probabilityGame2 .dropglow4 {
	left:127px;
	top:492px;
}

.probabilityGame2 .dropglow5 {
	left:344px;
	top:492px;
}

.probabilityGame2 .dropglow6 {
	left:550px;
	top:492px;
}

.probabilityGame2 .dropglow7 {
	left:755px;
	top:492px;
}

.probabilityGame2 .bottomBox {
	position:absolute;
	left:11px;
	top:808px;
	width:321px;
	height:224px;
	display:none;
}

.probabilityGame2 .bottomBox2 {
	left:347px;
	top:808px;
}

.probabilityGame2 .bottomBox3 {
	left:683px;
	top:808px;
}

.probabilityGame2 .wrongHightlight {
	border:solid;
	border-width:2px;
	border-color:#FF0000;
	box-sizing:border-box;
}

.probability_game3 {
	background-color:#00bbdc;
}

.probability_game3 .sectionNav {
	background-color:#fa6577;
}

.probability_game3 .questionStyle .questionNumber {
	color:#00bbdc;
}

.probability_game3 .navControl .completed {
	background-color:#fdb71e !important;
}

.probability_game3 .compass {
	background-color:#fdb71e;
}


.probabilityHolder3 {
	position:relative;
	left:0px;
	top:0px;
	width:1142px;
	height:1114px;
	display:inline-block;
	/*overflow:hidden;*/
}

.probabilityGame3 {
	position:absolute;
	left:0px;
	top:0px;
	width:1142px;
	height:1114px;
	background-image:url(spring2019/probability/probability_game_3_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1142px 1114px;
	display:inline-block;
}

.probabilityGame3 .pog {
	position:absolute;
	left:408px;
	top:108px;
	width:109px;
	height:109px;
	display:inline-block;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
}

.probabilityGame3 .pog2 {
	left:513px;
	top:108px;
}

.probabilityGame3 .pog3 {
	left:617px;
	top:108px;
}

.probabilityGame3 .tab {
	position:absolute;
	left:408px;
	top:108px;
	width:109px;
	height:109px;
	display:inline-block;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
}

.probabilityGame3 .pog4 {
	left:15px;
	top:723px;
	width:254px;
	height:62px;
}

.probabilityGame3 .pog5 {
	left:302px;
	top:723px;
	width:254px;
	height:62px;
}

.probabilityGame3 .pog6 {
	left:585px;
	top:723px;
	width:254px;
	height:62px;
}

.probabilityGame3 .pog7 {
	left:869px;
	top:723px;
	width:254px;
	height:62px;
}



.probabilityGame3 .bottom1 {
	left:406px;
	top:292px;
	display:none;
}

.probabilityGame3 .bottom2 {
	left:623px;
	top:292px;
	display:none;
}

.probabilityGame3 .bottom3 {
	left:296px;
	top:434px;
	display:none;
}

.probabilityGame3 .bottom4 {
	left:512px;
	top:434px;
	display:none;
}

.probabilityGame3 .bottom5 {
	left:718px;
	top:434px;
	display:none;
}

.probabilityGame3 .bottom6 {
	left:15px;
	top:955px;
	display:none;
}

.probabilityGame3 .bottom7 {
	left:302px;
	top:955px;
	display:none;
}

.probabilityGame3 .bottom8 {
	left:585px;
	top:955px;
	display:none;
}

.probabilityGame3 .bottom9 {
	left:869px;
	top:955px;
	display:none;
}

.probabilityGame3 .dragger {
	position:absolute;
	left:0px;
	top:0px;
	width:109px;
	height:109px;
	-webkit-filter: drop-shadow(0px 0px 5px #222);
  	filter: drop-shadow(0px 0px 5px #222);
	cursor:pointer;
	z-index:100;
	display:none;
}

.probabilityGame3 .dropglow {
	position:absolute;
	left:406px;
	top:292px;
	width:109px;
	height:109px;
	display:none;
}

.probabilityGame3 .dropglow2 {
	left:623px;
	top:292px;
}

.probabilityGame3 .dropglow3 {
	left:296px;
	top:434px;
}

.probabilityGame3 .dropglow4 {
	left:512px;
	top:434px;
}

.probabilityGame3 .dropglow5 {
	left:718px;
	top:434px;
}

.probabilityGame3 .dropglow6 {
	left:15px;
	top:955px;
	
}

.probabilityGame3 .dropglow7 {
	left:302px;
	top:955px;
	
}

.probabilityGame3 .dropglow8 {
	left:585px;
	top:955px;
	
}

.probabilityGame3 .dropglow9 {
	left:869px;
	top:955px;
	
}

.probabilityGame3 .bottomBox {
	position:absolute;
	left:11px;
	top:808px;
	width:321px;
	height:224px;
	display:none;
}

.probabilityGame3 .bottomBox2 {
	left:347px;
	top:808px;
}

.probabilityGame3 .bottomBox3 {
	left:683px;
	top:808px;
}

.probabilityGame3 .wrongHightlight {
	border:solid;
	border-width:2px;
	border-color:#FF0000;
	box-sizing:border-box;
}

.probabilityGame3 .bottomSection {
	position:absolute;
	left:0px;
	top:538px;
	width:1142px;
	height:578px;
	display:inline-block;
	
}

/* rrt game */

.rrt_game {
	background-color:#ed6c34;
}

.rrt_game .sectionNav {
	background-color:#00bedd;
}

.rrt_game .questionStyle .questionNumber {
	color:#ed6c34;
}

.rrt_game .answerButton .answerLetter {
	background-color:#fcb61d;
}

.rrt_game .answerButtonSelected {
	background-color:#fcb61d !important;
}

@media (max-width: 1200px) {
	.rrt_game .questionStyle .answerHolder {
		
		font-size:28px;
	}
}

@media (max-width: 1035px) {
	.rrt_game .questionStyle .answerHolder {
		font-size:24px;
	}
}

@media (max-width: 920px) {
	.rrt_game .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.rrt_game .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.rrt_game .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.rrt_game .questionStyle .answerHolder {
		font-size:12px;
	}
}

.rrtHolder {
	position:relative;
	left:0px;
	top:0px;
	width:992px;
	height:586px;
	display:inline-block;
}

.rrtGame1 {
	position:absolute;
	left:0px;
	top:0px;
	width:992px;
	height:586px;
	background-image:url(spring2019/rrt/rrt_game_1_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:992px 586px;
	display:inline-block;
}

.rrtGame1 .theCard {
	position:absolute;
	left:0px;
	top:0px;
	width:249px;
	height:151px;
	display:inline-block;
}

.rrtGame1 .blocker {
	position:absolute;
	left:278px;
	top:454px;
	width:260px;
	height:90px;
	background-image:url(spring2019/rrt/blocker.png);
	background-position:left top;
	background-size:260px 90px;
	background-repeat:no-repeat;
	pointer-events: none;
}

.rrtGame1 .blocker .info {
	position:absolute;
	left:0px;
	top:0px;
	width:260px;
	height:90px;
	display:inline-block;
}

.rrtGame1 .theGlow {
	box-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.rrt_game .pulldownGroup {
	position:relative;
	left:0px;
	top:0px;
	width:300px;
	height:auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	border-radius:25px;
	font-family: Museo-500;
	font-size:32px;
	line-height:40px;
	text-align:center;
	display:inline-block;
	margin-right:20px;
	margin-top:20px;
}

.rrt_game .questionStyle .answerHolder {
	max-width:700px;
	float:left;
	width:80%;
}

.styled-select {
	overflow: hidden;
	height: 40px;
	display:inline-block;
	width: 95px;
	margin-right: 10px;
	background: url(spring2019/rrt/pull.png) no-repeat right center #d2edfa;
	
}

.styled-select select {
	font-size: 32px;
	border-radius: 0;
	border: none;
	background: transparent;
	width: 150px;
	overflow: hidden;
	
	height: 40px;
	text-indent: 5px;
	color: #000000;
	-webkit-appearance: none;
	-moz-appearance:    none;
	-ms-appearance:    none;
   	appearance:         none;
	text-align:left;
}

.styled-select optgroup {
    font-size: 14px;
}

.styled-select option.service-small {
	font-size: 14px;
	padding: 5px;
	background: #FFFFFF;
}

.rrtHolder2 {
	position:relative;
	left:0px;
	top:0px;
	width:992px;
	height:628px;
	display:inline-block;
}

.rrtGame2 {
	position:absolute;
	left:0px;
	top:0px;
	width:992px;
	height:628px;
	background-image:url(spring2019/rrt/rrt_game_2_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:992px 628px;
	display:inline-block;
}

.rrtGame2 .theCard {
	position:absolute;
	left:0px;
	top:0px;
	width:194px;
	height:79px;
	display:inline-block;
}

.rrtGame2 .theCardBase {
	position:absolute;
	left:0px;
	top:0px;
	width:194px;
	height:79px;
	display:inline-block;
	pointer-events: none;
}

.rrtGame2 .labels {
	position:absolute;
	left:0px;
	top:0px;
	width:992px;
	height:628px;
	pointer-events: none;
}

.rrtGame2 .theGlow {
	-webkit-filter: drop-shadow(0px 0px 7px blue);
	-ms-filter: drop-shadow(0px 0px 7px blue);
	filter: drop-shadow(0px 0px 7px blue);
}

.rrtGame2 .theGlowRed {
	-webkit-filter: drop-shadow(0px 0px 7px red);
	-ms-filter: drop-shadow(0px 0px 7px red);
	filter: drop-shadow(0px 0px 7px red);
}

.rrtHolder3 {
	position:relative;
	left:0px;
	top:0px;
	width:992px;
	height:541px;
	display:inline-block;
}

.rrtGame3 {
	position:absolute;
	left:0px;
	top:0px;
	width:992px;
	height:541px;
	background-image:url(spring2019/rrt/rrt_game_3_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:992px 541px;
	display:inline-block;
}

.rrtGame3 .theCard {
	position:absolute;
	left:396px;
	top:110px;
	width:187px;
	height:261px;
	cursor:grabbing;
	display:inline-block;
}

.rrtGame3 .cardWrapper {
	position:absolute;
	left:0px;
	top:0px;
	width:992px;
	height:491px;
	display:inline-block;
	overflow:hidden;
}

.rrtGame3 .labels {
	position:absolute;
	left:0px;
	top:0px;
	width:992px;
	height:541px;
	pointer-events: none;
}



.scoreBreaker {
	width:100%;
}




/* oci */

.oci_quiz {
	background-color:#e33e80;
}

.oci_quiz .sectionNav {
	background-color:#dddcdc;
}

.oci .compass {
	background-color:#6fc3bb;
}

.oci_quiz .questionStyle .questionNumber {
	color:#e33e80;
}

.oci_quiz .navControl .dot p {
	color:#000;
}

.oci_quiz .answerButton .answerLetter {
	background-color:#6fc3bb;
}

.oci_quiz .answerButtonSelected {
	background-color:#fcb61d !important;
}

.oci .yellowButton {
	background-color:#fcb61d;
}

.oci .navControl .completed {
	background-color:#6fc3bb !important;
}

.oci_videoScreen {
	background-color:#6fc3bb;
}

.oci_videoScreen .sectionNav {
	background-color:#dddcdc;
}

.oci_videoScreen .compass {
	background-color:#e33e80;
}

.oci_videoScreen .navControl .completed {
	background-color:#e33e80 !important;
}

.oci_videoScreen .navControl .dot p {
	color:#000;
}

.oci_practiceScreen {
	background-color:#00a280;
}

.oci_practiceScreen .sectionNav {
	background-color:#f96577;
}

.oci_practiceScreen .questionNumber {
	color:#00a280;
}

.oci .navTitle h2 {
	font-size:26px;
	line-height:1em;
	color:#000;
}

@media (max-width: 1200px) {
	.oci_quiz .questionStyle .answerHolder {
		
		font-size:28px;
	}
	.oci .navTitle h2 {
		font-size:22px !important;
		line-height:1em !important;
	}
}

@media (max-width: 1035px) {
	.oci_quiz .questionStyle .answerHolder {
		font-size:24px;
	}
	
	.oci .navTitle {
		padding-right:10px;
	}
}

@media (max-width: 920px) {
	.oci_quiz .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.oci_quiz .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.oci_quiz .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.oci_quiz .questionStyle .answerHolder {
		font-size:12px;
	}
}

/* oci game */

.oci_game {
	background-color:#6fc3bb;
}

.oci_game .sectionNav {
	background-color:#dddcdc;
}

.oci_game .questionStyle .questionNumber {
	color:#6fc3bb;
}

.oci_game .compass {
	background-color:#f8d707;
}

.oci_game .navControl .dot p {
	color:#000;
}

.oci_game .navControl .completed {
	background-color:#f8d707 !important;
}


.oci_game .answerButton .answerLetter {
	background-color:#fcb61d;
}

.oci_game .answerButtonSelected {
	background-color:#fcb61d !important;
}

@media (max-width: 1200px) {
	.oci_game .questionStyle .answerHolder {
		
		font-size:28px;
	}
}

@media (max-width: 1035px) {
	.oci_game .questionStyle .answerHolder {
		font-size:24px;
	}
}

@media (max-width: 920px) {
	.oci_game .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.oci_game .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.oci_game .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.oci_game .questionStyle .answerHolder {
		font-size:12px;
	}
}

.ociHolder {
	position:relative;
	left:0px;
	top:0px;
	width:1361px;
	height:938px;
	display:inline-block;
}

.ociGame1 {
	position:absolute;
	left:0px;
	top:0px;
	width:1361px;
	height:938px;
	background-image:url(fall2019/oci/oci_game_1_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1361px auto;
	display:inline-block;
    overflow:hidden;
}

.ociGame1 .whitePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
}

.ociGame1 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.ociGame1 .pinkPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#FFF;
	text-align:center;
	
	cursor:pointer;
}

.ociGame1 .dragger {
	z-index:500;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.ociGame1 .greyBar {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/oci_game_1_grey_bar.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:700px 98px;
}

.ociGame1 .glow .tabLabel {
	color:#F5EB06 !important;
}

.ociGame1 .greyBar .tabLabel {
	margin:0px;
	padding:0px;
	position:absolute;
	left:130px;
	top:38px;
	width:570px;
	height:98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:28px;
	color:#FFF;
	text-align:left;
}

.ociGame1 .elevatorButton {
	position:absolute;
	left:317px;
	top:306px;
	width:154px;
	height:326px;
}



.oci_game .pulldownGroup {
	position:relative;
	left:0px;
	top:0px;
	width:300px;
	height:auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	border-radius:25px;
	font-family: Museo-500;
	font-size:32px;
	line-height:40px;
	text-align:center;
	display:inline-block;
	margin-right:20px;
	margin-top:20px;
}

.oci_game .questionStyle .answerHolder {
	max-width:700px;
	float:left;
	width:80%;
}


/* oci game 2 */

.ociHolder2 {
	position:relative;
	left:0px;
	top:0px;
	width:1316px;
	height:1850px;
	display:inline-block;
}

.ociGame2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1316px;
	height:1850px;
	background-image:url(fall2019/oci/oci_game_2_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1316px 1850px;
	display:inline-block;
	overflow:hidden;
}

.ociGame2 .emptyPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/white_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
}

.ociGame2 .whitePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/white_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
}


.ociGame2 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.ociGame2 .specialBottom .greenPog {
	background-image:url(fall2019/oci/green_up_pog.png);
}

.ociGame2 .pinkPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#FFF;
	text-align:center;
	
	cursor:pointer;
}

.ociGame2 .yellowClass {
	background-image:url(fall2019/oci/yellow_pog.png) !important;
	color:#000 !important;
}

.ociGame2 .dragger {
	z-index:500;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

/* oci game 3 */

.ociHolder3 {
	position:relative;
	left:0px;
	top:0px;
	width:1065px;
	height:1417px;
	display:inline-block;
}

.ociGame3 {
	position:absolute;
	left:0px;
	top:0px;
	width:1065px;
	height:1417px;
	background-image:url(fall2019/oci/oci_game_3_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1065px 1417px;
	display:inline-block;
	overflow:hidden;
}

.ociGame3 .emptyPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/white_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
}

.ociGame3 .whitePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/white_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
}


.ociGame3 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.ociGame3 .specialBottom .greenPog {
	background-image:url(fall2019/oci/green_up_pog.png);
}

.ociGame3 .pinkPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/oci/yellow_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#000;
	text-align:center;
	
	cursor:pointer;
}

.ociGame3 .dragger {
	z-index:500 !important;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.ociGame3 .hint {
	position:absolute;
	left:279px;
	top:1114px;
	width:601px;
	height:303px;
	display:inline-block;
	z-index:1000;
}


/* asnn */

.asnn_quiz {
	background-color:#006d6a;
}

.asnn_quiz .sectionNav {
	background-color:#dddcdc;
}

.asnn .compass {
	background-color:#41ad49;
}

.asnn_quiz .questionStyle .questionNumber {
	color:#006d6a;
}

.asnn_quiz .navControl .dot p {
	color:#000;
}

.asnn_quiz .answerButton .answerLetter {
	background-color:#41ad49;
}

.asnn_quiz .answerButtonSelected {
	background-color:#fcb61d !important;
}

.asnn .yellowButton {
	background-color:#fcb61d;
}

.asnn .navControl .completed {
	background-color:#41ad49 !important;
}

.asnn_videoScreen {
	background-color:#ef6c52;
}

.asnn_videoScreen .sectionNav {
	background-color:#dddcdc;
}

.asnn_videoScreen .compass {
	background-color:#74b743;
}

.asnn_videoScreen .navControl .completed {
	background-color:#74b743 !important;
}

.asnn_videoScreen .navControl .dot p {
	color:#000;
}

.asnn_practiceScreen {
	background-color:#00a280;
}

.asnn_practiceScreen .sectionNav {
	background-color:#f96577;
}

.asnn_practiceScreen .questionNumber {
	color:#00a280;
}

.asnn .navTitle h2 {
	font-size:26px;
	line-height:1em;
	color:#000;
}

@media (max-width: 1200px) {
	.asnn_quiz .questionStyle .answerHolder {
		
		font-size:28px;
	}
	.asnn .navTitle h2 {
		font-size:22px !important;
		line-height:1em !important;
	}
}

@media (max-width: 1035px) {
	.asnn_quiz .questionStyle .answerHolder {
		font-size:24px;
	}
	
	.asnn .navTitle {
		padding-right:10px;
	}
}

@media (max-width: 920px) {
	.asnn_quiz .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.asnn_quiz .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.asnn_quiz .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.asnn_quiz .questionStyle .answerHolder {
		font-size:12px;
	}
}

/* asnn game */

.asnn_game {
	background-color:#74b743;
}

.asnn_game .sectionNav {
	background-color:#dddcdc;
}

.asnn_game .questionStyle .questionNumber {
	color:#74b743;
}

.asnn_game .compass {
	background-color:#f8d707;
}

.asnn_game .navControl .dot p {
	color:#000;
}

.asnn_game .navControl .completed {
	background-color:#f8d707 !important;
}


.asnn_game .answerButton .answerLetter {
	background-color:#fcb61d;
}

.asnn_game .answerButtonSelected {
	background-color:#fcb61d !important;
}

@media (max-width: 1200px) {
	.asnn_game .questionStyle .answerHolder {
		
		font-size:28px;
	}
}

@media (max-width: 1035px) {
	.asnn_game .questionStyle .answerHolder {
		font-size:24px;
	}
}

@media (max-width: 920px) {
	.asnn_game .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.asnn_game .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.asnn_game .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.asnn_game .questionStyle .answerHolder {
		font-size:12px;
	}
}

.asnnHolder {
	position:relative;
	left:0px;
	top:0px;
	width:1361px;
	height:1179px;
	display:inline-block;
}

.asnnGame1 {
	position:absolute;
	left:0px;
	top:0px;
	width:1378px;
	height:1179px;
	background-image:url(fall2019/asnn/asnn_game_1_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1378px 1179px;
	display:inline-block;
}

.asnnGame1 .grid {
	position:absolute;
	left:0px;
	top:0px;
	width:1378px;
	height:1179px;
	display:block;
	pointer-events: none;
	z-index:1000;
}


.asnnGame1 .board {
	position:absolute;
	left:0px;
	top:0px;
	width:464px;
	height:33px;
	display:block;
	background-image:url(fall2019/asnn/asnn_game_1_board.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:464px 33px;
	cursor:move;
}

.asnnGame1 .bar1 {
	position:absolute;
	left:407px;
	top:0px;
	width:23px;
	height:150px;
	display:block;
	background-color:#f7d909;
}

.asnnGame1 .bar2 {
	position:absolute;
	left:788px;
	top:0px;
	width:23px;
	height:150px;
	display:block;
	background-color:#fdb71e;
}

.asnnGame1 .board p {
	padding:0px;
	margin:0px;
	position:absolute;
	left:444px;
	top:10px;
	width:98px;
	height:98px;
	border:solid;
	border-color:#FFF;
	border-width:2px;
	display:block;
	font-family: MuseoSans-500, sans-serif;
	color:#FFF;
	font-size:41px;
	line-height:98px;
	text-align:center;
	border-radius:50%;
	pointer-events: none;
}

.asnnGame1 .diver2Disk {
	padding:0px;
	margin:0px;
	position:absolute;
	left:845px;
	top:0px;
	width:98px;
	height:98px;
	border:solid;
	border-color:#FFF;
	border-width:2px;
	display:block;
	font-family: MuseoSans-500, sans-serif;
	color:#FFF;
	font-size:41px;
	line-height:98px;
	text-align:center;
	border-radius:50%;
	pointer-events: none;
	margin-top:-49px;
}

.asnnGame1 .board .diver {
	position:absolute;
	left:314px;
	top:-215px;
	width:111px;
	height:auto;
	display:block;
}

.asnnGame1 .diver2 {
	position:absolute;
	left:0px;
	top:-24px;
	width:111px;
	height:auto;
	display:block;
	cursor:move;
}

.asnnGame1 .pop1 {
	position:absolute;
	left:407px;
	top:-263px;
	width:194px;
	height:166px;
	display:block;
}

.asnnGame1 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/asnn/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.asnnGame1 .pinkPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(fall2019/asnn/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#FFF;
	text-align:center;
	
	cursor:pointer;
}

.asnnGame1 .dragger {
	z-index:500;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.asnnGame1 .greyBar {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:98px;
	display:block;
	background-image:url(fall2019/asnn/asnn_game_1_grey_bar.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:700px 98px;
}

.asnnGame1 .glow .tabLabel {
	color:#F5EB06 !important;
}

.asnnGame1 .greyBar .tabLabel {
	margin:0px;
	padding:0px;
	position:absolute;
	left:130px;
	top:38px;
	width:570px;
	height:98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:28px;
	color:#FFF;
	text-align:left;
}

.asnnGame1 .elevatorButton {
	position:absolute;
	left:317px;
	top:306px;
	width:154px;
	height:326px;
}



.asnn_game .pulldownGroup {
	position:relative;
	left:0px;
	top:0px;
	width:300px;
	height:auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	border-radius:25px;
	font-family: Museo-500;
	font-size:32px;
	line-height:40px;
	text-align:center;
	display:inline-block;
	margin-right:20px;
	margin-top:20px;
}

.asnn_game .questionStyle .answerHolder {
	max-width:700px;
	float:left;
	width:80%;
}


/* asnn game 2 */

.asnnHolder2 {
	position:relative;
	left:0px;
	top:0px;
	width:1359px;
	height:769px;
	display:inline-block;
}

.asnnGame2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1359px;
	height:769px;
	background-image:url(fall2019/asnn/asnn_game_2_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1359px 769px;
	display:inline-block;
	overflow:hidden;
}

.asnnGame2 .bar {
	position:absolute;
	left:0px;
	top:0px;
	height:24px;
	display:block;
	cursor:move;
	text-align:center;
}

.asnnGame2 .bar p {
	padding:0px;
	margin:0px;
	position:relative;
	left:0px;
	top:35px;
	width:98px;
	height:98px;
	border:solid;
	border-color:#FFF;
	border-width:2px;
	display:inline-block;
	font-family: MuseoSans-500, sans-serif;
	color:#FFF;
	font-size:41px;
	line-height:98px;
	text-align:center;
	border-radius:50%;
	pointer-events: none;
}

.asnnGame2 .bar .pop {
	position:absolute;
	left:50%;
	top:-137px;
	width:102px;
	height:124px;
	display:inline-block;
	pointer-events: none;
	margin-left:-51px;
}

.asnnGame2 .bar1 {
	width:360px;
	background-color:#fdb71e;
}

.asnnGame2 .bar2 {
	width:250px;
	background-color:#f7d909;
}

.asnnGame2 .dragger {
	z-index:500 !important;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.asnnGame2 .number {
	position:absolute;
	left:820px;
	top:40px;
	width:81px;
	height:51px;
	display:block;
}

.asnnGame2 .number16 {
	left:706px;
	top:96px;
}

/* asnn game 3 */

.asnnHolder3 {
	position:relative;
	left:0px;
	top:0px;
	width:1290px;
	height:734px;
	display:inline-block;
}

.asnnGame3 {
	position:absolute;
	left:0px;
	top:0px;
	width:1290px;
	height:734px;
	background-image:url(fall2019/asnn/asnn_game_3_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1290px 734px;
	display:inline-block;
	overflow:hidden;
}

.asnnGame3 .bar {
	position:absolute;
	left:0px;
	top:0px;
	height:24px;
	display:block;
	cursor:move;
	text-align:center;
}

.asnnGame3 .bar p {
	padding:0px;
	margin:0px;
	position:relative;
	left:0px;
	top:35px;
	width:98px;
	height:98px;
	border:solid;
	border-color:#FFF;
	border-width:2px;
	display:inline-block;
	font-family: MuseoSans-500, sans-serif;
	color:#FFF;
	font-size:41px;
	line-height:98px;
	text-align:center;
	border-radius:50%;
	pointer-events: none;
}

.asnnGame3 .bar .pop {
	position:absolute;
	left:50%;
	top:-137px;
	width:102px;
	height:124px;
	display:inline-block;
	pointer-events: none;
	margin-left:-51px;
}

.asnnGame3 .bar1 {
	width:278px;
	background-color:#fdb71e;
}

.asnnGame3 .bar2 {
	width:237px;
	background-color:#f7d909;
}

.asnnGame3 .bar1 .pop {
	top:50px;
}

.asnnGame3 .bar2 p {
	top:-111px;
}

.asnnGame3 .number {
	position:absolute;
	left:599px;
	top:84px;
	width:79px;
	height:51px;
	display:block;
}

.asnnGame3 .corner {
	position:absolute;
	left:990px;
	top:396px;
	width:300px;
	height:338px;
	display:block;
}

.asnnGame3 .number23 {
	left:545px;
	top:151px;
}

.asnnGame3 .dragger {
	z-index:500 !important;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.reportSummary h1 {
	padding:0; margin:0; font-weight:bold;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:26px;
	color:#000;
	box-sizing:border-box;
	display:inline-block;
}

.reportSummary h3 {
	padding:0; margin:0; font-weight:bold;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#000;
	box-sizing:border-box;
	display:inline-block;
}

.pdfMaker {
	position:relative;
	left:30px;
	top:0px;
	width:222px;
	height:auto;
	background-color:#009ca3;
	font-size:18px;
	line-height:48px;
	display:inline-block;
	color:#FFF !important;
	text-decoration:none !important;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	border-radius:15px;
	box-sizing:border-box;
	border:solid;
	border-width:3px;
	border-color:#FFF;
	z-index:100;
	cursor:pointer;
}

.pdfMaker:hover {
	transform:scale(1.2, 1.2);
}

@media (max-width: 1035px) {
	.pdfMaker {
		left:0px;
	}
}


/* cuwp */

.cuwp_quiz {
	background-color:#0093ad;
}

.cuwp_quiz .sectionNav {
	background-color:#dddcdc;
}

.cuwp .compass {
	background-color:#f48477;
}

.cuwp_quiz .questionText {
	font-family:'Open Sans', sans-serif;
    font-weight: 400;
}

.cuwp_quiz .questionText strong {
	font-weight:normal;
	font-family:'Open Sans', sans-serif;
    font-weight: 600;
	display:block;
	margin-top:15px;
}

.cuwp_quiz .questionStyle .questionNumber {
	color:#0093ad;
}

.cuwp_quiz .navControl .dot p {
	color:#000;
}

.cuwp_quiz .answerButton .answerLetter {
	background-color:#f48477;
}

.cuwp_quiz .answerButtonSelected {
	background-color:#fcb61d !important;
}

.cuwp .yellowButton {
	background-color:#fcb61d;
}

.cuwp .navControl .completed {
	background-color:#f48477 !important;
}

/* 2 */

.cuwp_quiz2 {
	background-color:#fdba12;
}

.cuwp_quiz2 .sectionNav {
	background-color:#dddcdc;
}

.cuwp_quiz2 .compass {
	background-color:#0093ad;
}

.cuwp_quiz2 .questionText {
	font-family:'Open Sans', sans-serif;
    font-weight: 400;
}

.cuwp_quiz2 .questionText strong {
	font-weight:normal;
	font-family:'Open Sans', sans-serif;
    font-weight: 600;
	display:block;
	margin-top:15px;
}

.cuwp_quiz2 .questionStyle .questionNumber {
	color:#fdba12;
}

.cuwp_quiz2 .navControl .dot p {
	color:#000;
}

.cuwp_quiz2 .answerButton .answerLetter {
	background-color:#0093ad;
}



.cuwp_quiz2 .navControl .completed {
	background-color:#0093ad !important;
}

.cuwp_quiz2 .yellowButton {
	background-color:#f8dc00 !important;
}

/* 2 */



.cuwp_videoScreen {
	background-color:#f48477;
}

.cuwp_videoScreen .sectionNav {
	background-color:#dddcdc;
}

.cuwp_videoScreen .compass {
	background-color:#0093ad;
}

.cuwp_videoScreen .navControl .completed {
	background-color:#0093ad !important;
}

.cuwp_videoScreen .navControl .dot p {
	color:#000;
}

.cuwp_practiceScreen {
	background-color:#00a280;
}

.cuwp_practiceScreen .sectionNav {
	background-color:#f96577;
}

.cuwp_practiceScreen .questionNumber {
	color:#00a280;
}

.cuwp .navTitle h2 {
	font-size:26px;
	line-height:1em;
	color:#000;
}

@media (max-width: 1200px) {
	.cuwp_quiz .questionStyle .answerHolder {
		
		font-size:28px;
	}
	.cuwp .navTitle h2 {
		font-size:22px !important;
		line-height:1em !important;
	}
}

@media (max-width: 1035px) {
	.cuwp_quiz .questionStyle .answerHolder {
		font-size:24px;
	}
	
	.cuwp .navTitle {
		padding-right:10px;
	}
}

@media (max-width: 920px) {
	.cuwp_quiz .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.cuwp_quiz .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.cuwp_quiz .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.cuwp_quiz .questionStyle .answerHolder {
		font-size:12px;
	}
}

/* cuwp game */

.cuwp_game {
	background-color:#f48477;
}

.cuwp_game .sectionNav {
	background-color:#dddcdc;
}

.cuwp_game .questionStyle .questionNumber {
	color:#f48477;
}

.cuwp_game .compass {
	background-color:#f8d707;
}

.cuwp_game .navControl .dot p {
	color:#000;
}

.cuwp_game .navControl .completed {
	background-color:#f8d707 !important;
}


.cuwp_game .answerButton .answerLetter {
	background-color:#fcb61d;
}

.cuwp_game .answerButtonSelected {
	background-color:#fcb61d !important;
}

@media (max-width: 1200px) {
	.cuwp_game .questionStyle .answerHolder {
		
		font-size:28px;
	}
}

@media (max-width: 1035px) {
	.cuwp_game .questionStyle .answerHolder {
		font-size:24px;
	}
}

@media (max-width: 920px) {
	.cuwp_game .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.cuwp_game .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.cuwp_game .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.cuwp_game .questionStyle .answerHolder {
		font-size:12px;
	}
}

.cuwpHolder {
	position:relative;
	left:0px;
	top:0px;
	width:1168px;
	height:938px;
	display:inline-block;
}

.cuwp_game .questionText {
	font-family:'Open Sans', sans-serif;
    font-weight: 400;
}

.cuwp_game .questionText strong {
	font-weight:normal;
	font-family:'Open Sans', sans-serif;
    font-weight: 600;
	display:block;
	margin-top:15px;
}

.cuwpGame1 {
	position:absolute;
	left:0px;
	top:0px;
	width:1168px;
	height:894px;
	background-image:url(spring2020/cuwp/cuwp_game1_background1.png);
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1168px 894px;
	display:inline-block;
}

.cuwpGame1 .whitePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
}

.cuwpGame1 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.cuwpGame1 .blankPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#FFF;
	text-align:center;
}

.cuwpGame1 .redPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/red_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#FFF;
	text-align:center;
}

.cuwpGame1 .pinkPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#FFF;
	text-align:center;
	
	cursor:pointer;
}

.cuwpGame1 .dragger {
	z-index:500;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.cuwpGame1 .greyBar {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:98px;
	display:block;
	background-image:url(fall2019/spring2020/cuwp_game_1_grey_bar.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:700px 98px;
}

.cuwpGame1 .glow .tabLabel {
	color:#F5EB06 !important;
}

.cuwpGame1 .greyBar .tabLabel {
	margin:0px;
	padding:0px;
	position:absolute;
	left:110px;
	top:0px;
	width:250px;
	height:auto;
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
	font-size:28px;
	line-height:29px;
	color:#FFF;
	text-align:left;
}

.cuwpGame1_2 {
	position:absolute;
	left:0px;
	top:894px;
	width:1168px;
	height:614px;
	background-image:url(spring2020/cuwp/cuwp_game1_background2.png);
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1168px 614px;
	display:inline-block;
}

.cuwpGame1_2 .whitePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
}

.cuwpGame1_2 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.cuwpGame1_2 .redPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/red_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.cuwpGame1_2 .fillPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#FFF;
	text-align:center;
}

.cuwpGame1_2 .bluePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:39px;
	line-height:98px;
	color:#FFF;
	text-align:center;
	
	cursor:pointer;
}

.cuwpGame1_2 .dragger {
	z-index:500;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.cuwpGame1_2 .whiteBar {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:98px;
	display:block;
	background-image:url(fall2019/spring2020/cuwp_game_1_grey_bar.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:700px 98px;
}

.cuwpGame1_2 .glow .tabLabel {
	color:#F5EB06 !important;
}



.cuwp_game .pulldownGroup {
	position:relative;
	left:0px;
	top:0px;
	width:300px;
	height:auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	border-radius:25px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size:32px;
	line-height:40px;
	text-align:center;
	display:inline-block;
	margin-right:20px;
	margin-top:20px;
}

.cuwp_game .questionStyle .answerHolder {
	max-width:700px;
	float:left;
	width:80%;
}

.cuwpGameBucket {
	position:absolute;
	left:116px;
	top:353px;
	width:119px;
	height:190px;
	display:block;
	background-color:#95c7d6;
	border:solid;
	border-width:1px;
	border-color:#000;
	box-sizing:border-box;
	overflow:hidden;
}

.cuwpGameBucket .bucketText {
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	height:auto;
	display:block;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:40px;
	line-height:40px;
	color:#000;
	text-align:center;
	margin-top:-20px;
}

.cuwpGameBucket .bucketFill {
	position:absolute;
	left:0px;
	top:0px;
	width:119px;
	height:100%;
	display:block;
	background-color:#FFF;
	box-sizing:border-box;
}

.cuwpGameBucket1 {
	left:116px;
	top:353px;
}

.cuwpGameBucket2 {
	left:926px;
	top:353px;
}


/* cuwp game 2 */

.cuwpHolder2 {
	position:relative;
	left:0px;
	top:0px;
	width:1243px;
	height:938px;
	display:inline-block;
}

.cuwpGame2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1243px;
	height:894px;
	background-image:url(spring2020/cuwp/cuwp_game2_background1.png);
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1243px 894px;
	display:inline-block;
}

.cuwpGame2 .whitePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
}

.cuwpGame2 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.cuwpGame2 .blankPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
}

.cuwpGame2 .redPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/red_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
}

.cuwpGame2 .pinkPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
	
	cursor:pointer;
}

.cuwpGame2 .dragger {
	z-index:500;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.cuwpGame2 .greyBar {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:98px;
	display:block;
	background-image:url(fall2019/spring2020/cuwp_game_1_grey_bar.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:700px 98px;
}

.cuwpGame2 .glow .tabLabel {
	color:#F5EB06 !important;
}

.cuwpGame2 .greyBar .tabLabel {
	margin:0px;
	padding:0px;
	position:absolute;
	left:110px;
	top:0px;
	width:250px;
	height:auto;
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
	font-size:28px;
	line-height:29px;
	color:#FFF;
	text-align:left;
}

.cuwpGame2_2 {
	position:absolute;
	left:0px;
	top:894px;
	width:1243px;
	height:614px;
	background-image:url(spring2020/cuwp/cuwp_game2_background2.png);
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1243px 614px;
	display:inline-block;
}

.cuwpGame2_2 .cuwpGameBucket {
	top:347px;
}

.cuwpGame2_2 .whitePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
}

.cuwpGame2_2 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.cuwpGame2_2 .redPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/red_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.cuwpGame2_2 .fillPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
}

.cuwpGame2_2 .bluePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
	
	cursor:pointer;
}

.cuwpGame2_2 .dragger {
	z-index:500;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.cuwpGame2_2 .whiteBar {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:98px;
	display:block;
	background-image:url(fall2019/spring2020/cuwp_game_1_grey_bar.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:700px 98px;
}

.cuwpGame2_2 .glow .tabLabel {
	color:#F5EB06 !important;
}

/* cuwp game 3 */

.cuwpHolder3 {
	position:relative;
	left:0px;
	top:0px;
	width:1243px;
	height:938px;
	display:inline-block;
}

.cuwpGame3 {
	position:absolute;
	left:0px;
	top:0px;
	width:1243px;
	height:845px;
	background-image:url(spring2020/cuwp/cuwp_game3_background1.png);
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1243px 845px;
	display:inline-block;
}

.cuwpGame3 .whitePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
}

.cuwpGame3 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.cuwpGame3 .blankPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
}

.cuwpGame3 .redPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/red_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
}

.cuwpGame3 .pinkPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
	
	cursor:pointer;
}

.cuwpGame3 .dragger {
	z-index:500;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.cuwpGame3 .greyBar {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:98px;
	display:block;
	background-image:url(fall2019/spring2020/cuwp_game_1_grey_bar.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:700px 98px;
}

.cuwpGame3 .glow .tabLabel {
	color:#F5EB06 !important;
}

.cuwpGame3 .greyBar .tabLabel {
	margin:0px;
	padding:0px;
	position:absolute;
	left:105px;
	top:0px;
	width:250px;
	height:auto;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:26px;
	line-height:28px;
	color:#FFF;
	text-align:left;
}

.cuwpGame3_2 {
	position:absolute;
	left:0px;
	top:894px;
	width:1243px;
	height:614px;
	background-image:url(spring2020/cuwp/cuwp_game3_background2.png);
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1243px 614px;
	display:inline-block;
}

.cuwpGame3_2 .cuwpGameBucket {
	top:365px;
}

.cuwpGame3_2 .cuwpGameBucket1 {
	left:104px;
}

.cuwpGame3_2 .cuwpGameBucket2 {
	left:978px;
}


.cuwpGame3_2 .whitePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
}

.cuwpGame3_2 .greenPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/green_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.cuwpGame3_2 .redPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/red_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#000;
	text-align:center;
}

.cuwpGame3_2 .fillPog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
}

.cuwpGame3_2 .bluePog {
	position:absolute;
	left:0px;
	top:0px;
	width:98px;
	height:98px;
	display:block;
	background-image:url(spring2020/cuwp/pink_pog.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:98px 98px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size:28px;
	line-height:98px;
	color:#FFF;
	text-align:center;
	
	cursor:pointer;
}

.cuwpGame3_2 .dragger {
	z-index:500;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}

.cuwpGame3_2 .whiteBar {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:98px;
	display:block;
	background-image:url(fall2019/spring2020/cuwp_game_1_grey_bar.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:700px 98px;
}

.cuwpGame3_2 .glow .tabLabel {
	color:#F5EB06 !important;
}

/* scatterplots */

.scatterplots_quiz {
	background-color:#c6dd7f;
}

.scatterplots_quiz .sectionNav {
	background-color:#dddcdc;
}

.scatterplots .compass {
	background-color:#00478b;
}

.scatterplots_quiz .questionStyle .questionNumber {
	color:#c6dd7f;
}

.scatterplots_quiz .questionStyle .questionText {
	color:#000;
}

.scatterplots_quiz .questionText {
	font-family:'Open Sans', sans-serif;
    font-weight: 400;
}

.scatterplots_quiz .questionText strong {
	font-weight:normal;
	font-family:'Open Sans', sans-serif;
    font-weight: 600;
	display:block;
	margin-top:15px;
}

.scatterplots_quiz .introHolder .introText {
	color:#000;
}

.scatterplots_quiz .navControl .dot p {
	color:#000;
}

.scatterplots_quiz .answerButton .answerLetter {
	background-color:#00478b;
}

.scatterplots_quiz .answerButtonSelected {
	background-color:#fcb61d !important;
}

.scatterplots_quiz .tooltip-cust.valid{background:#4d9120;
color:#FFF !important, border-color:4d9120;}

.scatterplots_quiz .tooltip-cust.valid p{color:#FFF !important;}

.scatterplots_quiz .tooltip-cust.valid:after{border-color:transparent transparent #4d9120 transparent}

.scatterplots_quizpost {
	background-color:#41ad49;
}

.scatterplots_quizpost .questionText {
	font-family:'Open Sans', sans-serif;
    font-weight: 400;
}

.scatterplots_quizpost .questionText strong {
	font-weight:normal;
	font-family:'Open Sans', sans-serif;
    font-weight: 600;
	display:block;
	margin-top:15px;
}

.scatterplots_quizpost .sectionNav {
	background-color:#dddcdc;
}

.scatterplots_quizpost .compass {
	background-color:#00aeef;
}

.scatterplots_quizpost .questionStyle .questionNumber {
	color:#41ad49;
}


.scatterplots_quizpost .navControl .dot p {
	color:#000;
}

.scatterplots_quizpost .answerButton .answerLetter {
	background-color:#00aeef;
}

.scatterplots_quizpost .answerButtonSelected {
	background-color:#fcb61d !important;
}


.scatterplots .yellowButton {
	background-color:#fcb61d;
}

.scatterplots .navControl .completed {
	background-color:#00478b !important;
}

.scatterplots_quizpost .navControl .completed {
	background-color:#00aeef !important;
}

.scatterplots_videoScreen {
	background-color:#00478b;
}

.scatterplots_videoScreen .sectionNav {
	background-color:#dddcdc;
}

.scatterplots_videoScreen .compass {
	background-color:#41ad49;
}

.scatterplots_videoScreen .navControl .completed {
	background-color:#41ad49 !important;
}

.scatterplots_videoScreen .navControl .dot p {
	color:#000;
}

.scatterplots_practiceScreen {
	background-color:#00a280;
}

.scatterplots_practiceScreen .sectionNav {
	background-color:#f96577;
}

.scatterplots_practiceScreen .questionNumber {
	color:#00a280;
}

.scatterplots .navTitle h2 {
	font-size:26px;
	line-height:1em;
	color:#000;
}

.questionStyle .answerButtonSpecial {
	position:relative;
	left:0px;
	top:0px;
	width:95%;
	height:auto;
	background-color:transparent;
	display:inline-block;
	box-sizing:border-box;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	margin-bottom:25px;
	cursor:pointer;
	max-width:950px;
}

.questionStyle .answerButtonSpecial .answerLetter {
	position:absolute;
	left:0px;
	top:0px;
	width:48px;
	height:48px;
	
}

.questionStyle .answerButtonSpecial .answerText {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	margin-left:24px;
	box-sizing:border-box;
	text-align:center;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}

.questionStyle .answerButtonSpecial .answerText .answerImage {
	width:95%;
	max-width:760px;
}

.resultsShow .answerImage {
	width:95%;
	max-width:760px;
}

.questionStyle .answerButtonSpecial.answerButtonSelected {
	background-color:#f8dc00 !important;
}


.questionStyle .answerButtonSpecial.answerButtonRollover {
	background-color:#97d39b !important;
}

@media (max-width: 1200px) {
	.scatterplots_quiz .questionStyle .answerHolder {
		
		font-size:28px;
	}
	.scatterplots .navTitle h2 {
		font-size:22px !important;
		line-height:1em !important;
	}
}

@media (max-width: 1035px) {
	.scatterplots_quiz .questionStyle .answerHolder {
		font-size:24px;
	}
	
	.scatterplots .navTitle {
		padding-right:10px;
	}
}

@media (max-width: 920px) {
	.scatterplots_quiz .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.scatterplots_quiz .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.scatterplots_quiz .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.scatterplots_quiz .questionStyle .answerHolder {
		font-size:12px;
	}
}

#preDisplay {
	white-space:nowrap;
	padding-right:15px;
	box-sizing:border-box;
	display:block;
}

#postDisplay {
	white-space:nowrap;
	padding-right:15px;
	box-sizing:border-box;
	display:block;
}

.scatterplots_game {
	background-color:#74d1f6;
}

.scatterplots_game .questionText {
	font-family:'Open Sans', sans-serif;
    font-weight: 400;
}

.scatterplots_game .questionText strong {
	font-weight:normal;
	font-family:'Open Sans', sans-serif;
    font-weight: 600;
	display:block;
	margin-top:15px;
}

.scatterplots_game .questionStyle .questionNumber {
	color:#74d1f6;
}


.scatterplots_game .compass {
	background-color:#f8d707;
}

.scatterplots_game .navControl .completed {
	background-color:#f8d707 !important;
}

.scatterplots_game .sectionNav {
	background-color:#dddcdc;
}

.scatterplots_game .navControl .dot p {
	color:#000;
}

.scatterplots_game .questionText {
	color:#000;
}

@media (max-width: 1200px) {
	.scatterplots_game .questionStyle .answerHolder {
		
		font-size:28px;
	}
}

@media (max-width: 1035px) {
	.scatterplots_game .questionStyle .answerHolder {
		font-size:24px;
	}
}

@media (max-width: 920px) {
	.scatterplots_game .questionStyle .answerHolder {
		font-size:20px;
	}
}

@media (max-width: 780px) {
	.scatterplots_game .questionStyle .answerHolder {
		font-size:16px;
	}
}

@media (max-width: 625px) {
	.scatterplots_game .questionStyle .answerHolder {
		font-size:14px;
	}
}

@media (max-width: 570px) {
	.scatterplots_game .questionStyle .answerHolder {
		font-size:12px;
	}
}

/* scatterplots 1 */

.scatterplotsHolder {
	position:relative;
	left:0px;
	top:0px;
	width:1268px;
	height:1410px;
	display:inline-block;
}

.scatterplotsGame1 {
	position:absolute;
	left:0px;
	top:0px;
	width:1268px;
	height:808px;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1168px 808px;
	display:inline-block;
}

/*
.scatterplotsGame1 .topBackground {
	position:absolute;
	left:-865px;
	top:0px;
	width:2919px;
	height:808px;
	display:inline-block;
}

.scatterplotsGame1_2 {
	position:absolute;
	left:0px;
	top:894px;
	width:1268px;
	height:602px;
	background-image:url(spring2020/scatterplots/scatterplots_game_1_background2.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1268px 602px;
	display:inline-block;
}
*/

.scatterplotsGame1 {
	position:absolute;
	left:0px;
	top:0px;
	width:1268px;
	height:602px;
	background-image:url(spring2020/scatterplots/scatterplots_game_1_background1.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:1268px 602px;
	display:inline-block;
}

.scatterplotsGame1_2 {
	position:absolute;
	left:0px;
	top:602px;
	width:1268px;
	height:808px;
}

.scatterplotsGame1_2 .topBackground {
	position:absolute;
	left:-865px;
	top:0px;
	width:2919px;
	height:808px;
	display:inline-block;
}




.scatterplotsGame1_2 .redDot {
	position:absolute;
	left:0px;
	top:0px;
	width:24px;
	height:24px;
	display:inline-block;
	margin-left:-12px;
	margin-top:-12px;
	pointer-events:none;
}

.scatterplotsGame1_2 #drawingCanvas {
	position:absolute;
	left:224px;
	top:54px;
}

.scatterplotsGame1 .crossOut {
	position:absolute;
	left:426px;
	top:106px;
	width:418px;
	height:3px;
	background-color:#339900;
}

/* scatterplots 2 */

.scatterplotsHolder2 {
	position:relative;
	left:0px;
	top:0px;
	width:1281px;
	height:1312px;
	display:inline-block;
}

.scatterplotsGame2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1281px;
	height:606px;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1281px 606px;
	display:inline-block;
}

.scatterplotsGame2 .topBackground {
	position:absolute;
	left:0px;
	top:0px;
	width:1281px;
	height:606px;
	display:inline-block;
}

.scatterplotsGame2_2 {
	position:absolute;
	left:0px;
	top:606px;
	width:1281px;
	height:706px;
	background-image:url(spring2020/scatterplots/scatterplots_game_2_background2.png);
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1281px 706px;
	display:inline-block;
}

.scatterplotsGame2_2 .aboveData {
	position:absolute;
	left:0px;
	top:0px;
	width:186px;
	height:208px;
	display:inline-block;
}

.scatterplotsGame2_2 .wrongAnswer {
	position:absolute;
	left:509px;
	top:188px;
	width:386px;
	height:165px;
	display:inline-block;
	z-index:500;
}

.scatterplotsGame2_2 .redDot {
	position:absolute;
	left:0px;
	top:0px;
	width:24px;
	height:24px;
	display:inline-block;
	margin-left:-12px;
	margin-top:-12px;
	pointer-events:none;
}

.scatterplotsGame2 .crossOut {
	position:absolute;
	left:446px;
	top:106px;
	width:418px;
	height:3px;
	background-color:#339900;
}

.scatterplotsGame2_2 #drawingCanvas {
	position:absolute;
	left:267px;
	top:51px;
}

.scatterplotsGame2_2 .controlHolder {
	position:absolute;
	left:267px;
	top:576px;
	width:362px;
	height:100px;
	display:inline-block;
}

.scatterplotsGame2_2 .controlHolder .gameButton {
	position:absolute;
	left:0px;
	top:0px;
	width:181px;
	height:100px;
	display:inline-block;
	background-image:url(spring2020/scatterplots/scatterplots_game_2_drawline_select.png);
	background-position:left top;
	background-size:181px 100px;
	background-repeat:none;
	cursor:pointer;
}

.scatterplotsGame2_2 .controlHolder #dotButton {
	left:181px;
	background-image:url(spring2020/scatterplots/scatterplots_game_2_plotdot.png);
}

.scatterplotsGame2_2 .toolMarker {
	position:absolute;
	left:0px;
	top:442px;
	width:195px;
	height:155px;
	display:inline-block;
}


/* scatterplots 3 */

.scatterplotsHolder3 {
	position:relative;
	left:0px;
	top:0px;
	width:1281px;
	height:1312px;
	display:inline-block;
}

.scatterplotsGame3 {
	position:absolute;
	left:0px;
	top:0px;
	width:1281px;
	height:606px;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:1361px 938px; */
	background-size:1281px 606px;
	display:inline-block;
}

.scatterplotsGame3 .topBackground {
	position:absolute;
	left:-819px;
	top:0px;
	width:2919px;
	height:606px;
	display:inline-block;
}

.scatterplotsGame3_2 {
	position:absolute;
	left:0px;
	top:606px;
	width:1281px;
	height:756px;
	/*
	background-image:url(spring2020/scatterplots/scatterplots_game_3_background2.png);
	background-repeat:no-repeat;
	background-position:left top;
	
	background-size:1281px 756px;
	*/
	display:inline-block;
}

.scatterplotsGame3_2 .aboveData {
	position:absolute;
	left:-40px;
	top:-10px;
	width:186px;
	height:208px;
	display:inline-block;
}

.scatterplotsGame3_2 .wrongAnswer {
	position:absolute;
	left:472px;
	top:201px;
	width:386px;
	height:165px;
	display:inline-block;
	z-index:500;
}

.scatterplotsGame3_2 .topBackground {
	position:absolute;
	left:-819px;
	top:0px;
	width:2919px;
	height:756px;
	display:inline-block;
}

.scatterplotsGame3_2 .toolMarker {
	position:absolute;
	left:0px;
	top:442px;
	width:195px;
	height:155px;
	display:inline-block;
}

.scatterplotsGame3_2 .redDot {
	position:absolute;
	left:0px;
	top:0px;
	width:24px;
	height:24px;
	display:inline-block;
	margin-left:-12px;
	margin-top:-12px;
	pointer-events:none;
}

.scatterplotsGame3 .crossOut {
	position:absolute;
	left:446px;
	top:106px;
	width:418px;
	height:3px;
	background-color:#339900;
}

.scatterplotsGame3_2 #drawingCanvas {
	position:absolute;
	left:234px;
	top:63px;
}

.scatterplotsGame3_2 .controlHolder {
	position:absolute;
	left:267px;
	top:576px;
	width:362px;
	height:100px;
	display:inline-block;
}

.scatterplotsGame3_2 .controlHolder .gameButton {
	position:absolute;
	left:0px;
	top:0px;
	width:181px;
	height:100px;
	display:inline-block;
	background-image:url(spring2020/scatterplots/scatterplots_game_2_drawline_select.png);
	background-position:left top;
	background-size:181px 100px;
	background-repeat:none;
	cursor:pointer;
}

.scatterplotsGame3_2 .controlHolder #dotButton {
	left:181px;
	background-image:url(spring2020/scatterplots/scatterplots_game_2_plotdot.png);
}