body{
	padding:0px;
	margin:0px;
/* 	font-family:arial; */
}
body div{
	box-sizing:border-box;
}
h1{
	width:100%;
	line-height:100%;
	padding:0px;
	font-weight:normal;
	font-size:2em;
	margin:0px;
}
#pageContent{
	touch-action: manipulation;
	-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}
.x_Next{
	touch-action: manipulation;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
.x_New{
	touch-action: manipulation;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	}
.content{
	width:1000px;
	margin:auto;
/* 	border:1px solid #f2f2f2; */
}	.gameContainer{
		padding:25px 0 0 0;
	}
	.upperPageContent{
		background:#DDD;
		border:1px solid #ddd;
		width:100%;
		padding:35px;
	}
	
	.videoThumbnail{
		width:200px;
		height:125px;
		background:#333;
		color:#ddd;
	}
	.videoThumbnailContainer{
		width:200px;
		text-align:center;
		font-color:#333;
		display:inline-block;
	}
	.gameThumbnail{
		width:165px;
		height:125px;
		background:#333;
		color:#ddd;
	}
	.gameThumbnail img{
		width:100%;
		border:1px solid #AAA;
	}
	.gameThumbnailContainer{
		width:168px;
		text-align:center;
		font-color:#333;
		display:inline-block;
		margin-left:15px;
	}.upperLink{
		text-decoration:none;
		color:#333;
	}
	.upperLink:hover{
		opacity:.65;
		cursor:pointer;
		text-decoration:none;
	}
	.playButton{
		font-color:#ddd;
		line-height:125px;
		width:200px;	
	}
	.rodPageDescription{
		font-size:2em;
		font-weight:900;
		color:#444;
		padding:0 0 20px 0;
	}
	.backToMenu{
		width:100%;
	}
	.mainDownloadThumbnailContainer{
		float:right;
		
	}
	.downloadThumbnailContainer{
		text-align:center;
		font-color:#333;
		display:inline-block;
		margin-left:10px;
	}
	.downloadThumbnail{
		height:125px;
		width:105px;
		background:white;
		border:1px solid #ddd;
		border:1px solid #AAA;


	}.downloadThumbnail img{
		width:90%;
		height:90%;
		padding:5%;
	}
	.gameParametersArea{
		height:40px;
		background:white;
		line-height:35px;
		width:100%;
	}

	.gameContentArea{
		min-height:900px;
/* 		background:lightgreen; */
		padding:10px 0 75px 0;
		width:1000px;
		position:relative;
	}
	.writtenPageQuestion{
		font-size:1.5em;
		text-align:center;
		height:34px;
	}
	.partWholePageQuestion{
		font-size:2em;
		text-align:center;
		width:404px;
		margin:0 auto;
	}
	.printPageQuestion{
		font-size:1.2em;
		text-align:center;
		transform:scale(.8);
	}
	.printPageFullQuestion{
		font-size:1.2em;
		text-align:center;
		transform:scale(.8);
		width:900px;
		margin-left:-55px;
	}
	.dropAnswerBox{
		width:440px;
		height:60px;
		border:1px solid #ababab;
		background:#f2f2f2;
		margin:10px auto 15px;
		color:#d3d3d3;
		line-height:60px;
		font-size:1.5em;
		text-align:center;
	}
	.numberLineContainer{
		margin:75px 0;
		height:30px;
		z-index:2;
	}
	#rodArea .numberLineContainer{
		margin:125px auto;
	}
	.oneNumberLine{
		border-bottom:2px solid black;height:40px;z-index: 2;
	}
	.lineEnds{
		height:30px;margin-top:22.5px;border-left:2px solid black; border-right:2px solid black;position:absolute;z-index: 2;
	}
	.leftLineNumber{
		float:left;margin:57px 0 0 -7px; font-size:1.5em;
	}
	.rightLineNumber{
		float:right;
		margin:57px -7px 0 0;
		font-size:1.5em;
		text-shadow:
		   -1px -1px 0 #FFF,  
		    1px -1px 0 #FFF,
		    -1px 1px 0 #FFF,
		     1px 1px 0 #FFF;
	}
	.homepageNumberline .leftLineNumber, .homepageNumberline .rightLineNumber{
		margin-top:37px;
	}
	.rodStorageArea{
		min-height:150px;
/* 		background:lightpink; */
		padding:25px 0;
/* 		position:relative; */
/* 		margin-top:300px; */
	}
	.homepageNumberline{
		width:100%;transform:scale(.5);position:absolute;top:-20px;left:-43px;
	}
	.trashCan{
		height:150px;
		width:75px;
		position:absolute;
		right:-50px;
		top:325px;
/* 		background:red; */
/* 		border:1px solid #f2f2f2; */
	}
	.canImage{
		width:30px;
		float:right;
		margin-right:50px;
		margin-top:45px;
	}

	.barColorPalet{
		height:41px;
		width:30px;
		position:absolute;
		left:0px;
		top:380px;
/* 		background:red; */
/* 		border:1px solid #f2f2f2; */
	}
	.colorPickerImage{
		width:30px;
	}
	.rodOptionsText{
		display:inline-block;
		line-height:30px;
		vertical-align: top;
		font-size:1.1em;
		margin:4px 5px 0 0;
	}
	.rodOptionsButton{
		display:inline-block;
		width:75px;
		height:25px;
		border:1px solid lightgray;
		background:#f2f2f2;
		margin:7px 3px 0px;
		text-align: center;
		vertical-align: top;
		line-height: 22px;
		color:#ababab;
		cursor:pointer;
	}
	.rodOptionsButton:hover{
		border:2px solid #389f38;
	}
	.rodOptionsButtonUnit{
		width:25px;display:inline-block;border-right:1px dashed #9d9d9d;height:23px;float:left;
	}
	.active.rodOptionsButtonUnit{
		border-right:1px dashed #272727;
	}
	.rodOptionsButton.colorlgreen{
		cursor:pointer;
	}
	#blankRodOption.rodOptionsButton.colorlgreen{
		cursor:default;
	}
	.rodOptionsButton.active{
		border:2px solid #389f38;
		background:#5de35d;
		color:black;
	}
	.displayValueDropdown, .displayValueDropdownNL{
		top:-5px;
	}
	.displayValueDropdown img, .displayValueDropdownNL img{
		width:125%;
		margin-left:-12.5%;
	}
	.valueDropdownList{
		width:185%;position:relative;top:-10px;background:#f2f2f2;cursor:pointer;
	}
	.valueDropdownList.frac{
		width:90px;position:absolute;top:25px;background:white;
	}
	.valueDropdownItem{
		width:100%;height:25px;text-align:center;border:2px solid lightgray;border-top:0px;
	}
	.valueDropdownItem.frac{
		font-size:.8em;line-height:1em;width:90px; height:30px;line-height:1.1em;
	}
	.valueDropdownItem .fraction{
		margin-top:-1px;
	}
	.valueDropdownItem .numerator{
		margin-bottom:0px;
	}
	.valueDropdownItem:not(.frac):first-of-type{
		border:2px solid lightgray;
	}
/*	.valueDropdownItem.frac:first-of-type{
		border:2px solid gray;
		background:white;
	}*/
	.valueDropdownItem:not(.frac):hover{
		background:#5de35d;
	}

	.whiteDropdown{		border:2px solid gray;   background:white;	    color:black;	cursor:pointer;}
	.redDropdown{		border:2px solid #980000;background:#da0000;	color:white;	cursor:pointer;}
	.lgreenDropdown{	border:2px solid #389f38;background:#5de35d;	color:black;	cursor:pointer;}
	.purpleDropdown{	border:2px solid #9c0a9c;background:#e402e4;	color:white;	cursor:pointer;}
	.yellowDropdown{	border:2px solid #d4c328;background:#ffe927;	color:black;	cursor:pointer;}
	.dgreenDropdown{	border:2px solid #134129;background:#246946;	color:white;	cursor:pointer;}
	.blackDropdown{		border:2px solid black;  background:black;	    color:white;	cursor:pointer;}
	.brownDropdown{		border:2px solid #662222;background:#8d3737;	color:white;	cursor:pointer;}
	.blueDropdown{		border:2px solid #19199a;background:#2b2bce;	color:white;	cursor:pointer;}
	.orangeDropdown{	border:2px solid #ce6100;background:#ff7800;	color:white;	cursor:pointer;}
	.grayDropdown{		border:2px solid #bbbbbb;background:#dddddd;	color:black;	cursor:pointer;}
	.whiteDropdown{		border:2px solid #bbbbbb;background:#fff;	color:black;	cursor:pointer;}

/*	.whiteDropdown:hover{	background:gray;}
	.redDropdown:hover{		background:#980000;}
	.lgreenDropdown:hover{	background:#389f38;}
	.purpleDropdown:hover{	background:#9c0a9c;}
	.yellowDropdown:hover{	background:#d4c328;}
	.dgreenDropdown:hover{	background:#134129;}
	.blackDropdown:hover{	background:black;}
	.brownDropdown:hover{	background:#662222;}
	.blueDropdown:hover{	background:#19199a;}
	.orangeDropdown:hover{	background:#ce6100;}
	.grayDropdown:hover{	background:#ccc;}
	.whiteDropdown:hover{	background:#ccc;}*/

	.valueDropdownItem.frac:hover{
		opacity: .75;
	}

	.topAnswerRod .showRodColorText, .topAnswerRod .showRodValue, .topAnswerRod .showRodUnits, .topAnswerRod .showFractionValue, .topAnswerRod .showRodUnits{
		display:none;
	}
	[contentEditable=true]:empty:not(:focus):after{
	    content:attr(data-text);
	    color:#c2c2c2;
	}
	
/* RODS IN STARTING POSITION */
	.white{		border:3px solid gray;   background:white;	    }
	.red{		border:3px solid #980000;background:#da0000;	}
	.lgreen{	border:3px solid #389f38;background:#5de35d;	}
	.purple{	border:3px solid #9c0a9c;background:#e402e4;	}
	.yellow{	border:3px solid #d4c328;	background:#ffed4b;	}
	.dgreen{	border:3px solid #134129;background:#246946;	}
	.black{		border:3px solid #666;  background:black;	    }
	.brown{		border:3px solid #662222;background:#8d3737;	}
	.blue{		border:3px solid #19199a;background:#2b2bce;	}
	.orange{	border:3px solid #ce6100;background:#ff7800;	}
	.gray{		border:3px solid #bbbbbb;background:#dddddd;	}

/*	.white.grayOn{		border:3px solid gray;   background:white;	    }
	.red.grayOn{		border:3px solid #980000;background:#da0000;	}
	.lgreen.grayOn{	border:3px solid #389f38;background:#5de35d;	}
	.purple.grayOn{	border:3px solid #9c0a9c;background:#e402e4;	}
	.yellow.grayOn{	border:3px solid #d4c328;background:#ffe927;	}
	.dgreen.grayOn{	border:3px solid #134129;background:#246946;	}
	.black.grayOn{		border:3px solid #666;  background:black;	    }
	.brown.grayOn{		border:3px solid #662222;background:#8d3737;	}
	.blue.grayOn{		border:3px solid #19199a;background:#2b2bce;	}
	.orange.grayOn{	border:3px solid #ce6100;background:#ff7800;	}
	.gray.grayOn{		border:3px solid #bbbbbb;background:#dddddd;	}*/


	.gold{background:#cc9900; border:3px solid #997300;}
	.cyan{background:#0ABDE3; border:3px solid #009FC5;}
	.pink{border:3px solid #FF7991;	background:pink;}
	.lblue{border:3px solid #4BBBDF;background:#58D6FF;}
	.lavender{border:3px solid #AEAEFA;background:rgb(213, 213, 254);}
	.dblue{border:3px solid #19199a;background:blue;}
	.coral{border:3px solid #e06f46;background:#FF7F50;}
	.green{border:2px solid #134129;background:green;}
	.indigo{border:3px solid #520092;background:#8a01f3;}
	.hotpink{border:3px solid #ae0a5c;background:#ff4fa7;}
	.chartreuse{border:3px solid #8cad02;background:#cfff04;}

/* RODS IN STARTING POSITION */
	.rod1{		width:40px;	height:40px;position: absolute; bottom:110px;left:180px;}
	.rod2{		width:80px;	height:40px;position: absolute; bottom:110px;left:230px;}
	.rod3{	width:120px;height:40px;position: absolute; bottom:110px;left:320px;}
	.rod4{	width:160px;height:40px;position: absolute; bottom:110px;left:450px;}
	.rod5{	width:200px;height:40px;position: absolute; bottom:110px;left:620px;}
	.rod6{	width:240px;height:40px;position: absolute; bottom:60px;left:70px;}
	.rod7{		width:280px;height:40px;position: absolute; bottom:60px;left:320px;}
	.rod8{		width:320px;height:40px;position: absolute; bottom:60px;left:610px;}
	.rod9{		width:360px;height:40px;position: absolute; bottom:10px;left:115px;}
	.rod10{	width:400px;height:40px;position: absolute; bottom:10px;left:485px;}
	.rod12{		width:440px;height:40px;position: absolute; bottom:-40px;left:260px;}
	.rod15{		width:560px;height:40px;position: absolute; bottom:-40px;left:260px;}
	.rod16{		width:600px;height:40px;position: absolute; bottom:-40px;left:260px;}

	.rod1.grayOn{		width:40px;	height:40px;position: absolute; bottom:110px;left:55px;}
	.rod2.grayOn{		width:80px;	height:40px;position: absolute; bottom:110px;left:105px;}
	.rod3.grayOn{	width:120px;height:40px;position: absolute; bottom:110px;left:195px;}
	.rod4.grayOn{	width:160px;height:40px;position: absolute; bottom:110px;left:325px;}
	.rod5.grayOn{	width:200px;height:40px;position: absolute; bottom:110px;left:495px;}
	.rod6.grayOn{	width:240px;height:40px;position: absolute; bottom:110px;left:705px;}
	.rod7.grayOn{		width:280px;height:40px;position: absolute; bottom:60px;left:10px;}
	.rod8.grayOn{		width:320px;height:40px;position: absolute; bottom:60px;left:300px;}
	.rod9.grayOn{		width:360px;height:40px;position: absolute; bottom:60px;left:630px;}
	.rod10.grayOn{	width:400px;height:40px;position: absolute; bottom:10px;left:55px;}
	.rod12.grayOn{		width:440px;height:40px;position: absolute; bottom:10px;left:465px;}
	.rod15.grayOn{		width:560px;height:40px;position: absolute; bottom:10px;left:465px;}
	.rod16.grayOn{		width:600px;height:40px;position: absolute; bottom:10px;left:465px;}



	.rod{
		-webkit-user-select: none; /* Safari */        
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+/Edge */
		user-select: none; /* Standard */
		cursor: move;
		overflow:hidden;
	}

	.hopOnlyDefault{
		background:white;border:1px solid #f2f2f2;
	}

	.colorwhite{	border:2px solid gray;   background:white;	    color:black;	font-size:.8em; cursor:pointer;}
	.colorred{		border:2px solid #980000;background:#da0000;	color:white;	font-size:.8em; cursor:pointer;}
	.colorlgreen{	border:2px solid #389f38;background:#5de35d;	color:black;	font-size:.8em; cursor:pointer;}
	.colorpurple{	border:2px solid #9c0a9c;background:#e402e4;	color:white;	font-size:.8em; cursor:pointer;}
	.coloryellow{	border:2px solid #d4c328;background:#ffe927;	color:black;	font-size:.8em; cursor:pointer;}
	.colordgreen{	border:2px solid #134129;background:#246946;	color:white;	font-size:.8em; cursor:pointer;}
	.colorblack{	border:2px solid black;  background:black;	    color:white;	font-size:.8em; cursor:pointer;}
	.colorbrown{	border:2px solid #662222;background:#8d3737;	color:white;	font-size:.8em; cursor:pointer;}
	.colorblue{		border:2px solid #19199a;background:#2b2bce;	color:white;	font-size:.8em; cursor:pointer;}
	.colororange{	border:2px solid #ce6100;background:#ff7800;	color:black;	font-size:.8em; cursor:pointer;}
	.colorgray{		border:2px solid #bbbbbb;background:#dddddd;	color:black;	font-size:.8em; cursor:pointer;}

	.whiteCubeV{	width:40px;height:40px;border:2px solid gray;   background:white;	    position: absolute; top:-80px;left:0px;}
	.redCubeV{		width:40px;height:80px;border:2px solid #980000;background:#da0000;		position: absolute; top:-30px;left:0px;}
	.lgreenCubeV{	width:40px;height:120px;border:2px solid #389f38;background:#5de35d;	position: absolute; top:60px;left:0px;}
	.purpleCubeV{	width:40px;height:160px;border:2px solid #9c0a9c;background:#e402e4;	position: absolute; top:190px;left:0px;}
	.yellowCubeV{	width:40px;height:200px;border:2px solid #d4c328;background:#ffe927;	position: absolute; top:360px;left:0px;}

	.dgreenCubeV{	width:40px;height:240px;border:2px solid #134129;background:#246946;	position: absolute; top:-80px;left:-50px;}
	.blackCubeV{	width:40px;height:280px;border:2px solid #666;  background:black;	    position: absolute; top:170px;left:-50px;}
	.brownCubeV{	width:40px;height:320px;border:2px solid #662222;background:#8d3737;	position: absolute; top:460px;left:-50px;}

	.blueCubeV{		width:40px;height:360px;border:2px solid #19199a;background:#2b2bce;	position: absolute; top:-80px;left:-100px;}
	.orangeCubeV{	width:40px;height:400px;border:2px solid #ce6100;background:#ff7800;	position: absolute; top:290px;left:-100px;}

	.grayCubeV{		width:40px;height:440px;border:2px solid #bbbbbb;background:#dddddd;	position: absolute; top:-80px;left:-150px;}


	.rotateImage{width:40px;height:40px;left:-50px;bottom:29px;position:absolute;cursor:pointer;}
	.extendDownImage{width:40px;height:60px;left:-50px;bottom:-65px;position:absolute;cursor:pointer;}
	.cubeStart{width:40px;height:40px;}
	.cubeTop{bottom:54px;}
	.cubeBottom{bottom:0px;}
	.cubeBottom2{bottom:-54px;}
	.cubeL1Start{	left:0px;}
	.cubeL2Start{	left:50px;}
	.cubeL3Start{	left:100px;}
	.cubeL4Start{	left:150px;}
	.cubeL5Start{	left:200px;}
	.cubeL6Start{	left:250px;}
	.cubeL7Start{	left:300px;}
	.cubeL8Start{	left:350px;}
	.cubeL9Start{	left:400px;}
	.cubeL10Start{	left:450px;}


	.cubeR1Start{	left:500px;}
	.cubeR2Start{	left:550px;}
	.cubeR3Start{	left:600px;}
	.cubeR4Start{	left:650px;}
	.cubeR5Start{	left:700px;}
	.cubeR6Start{	left:750px;}
	.cubeR7Start{	left:800px;}
	.cubeR8Start{	left:850px;}
	.cubeR9Start{	left:900px;}
	.cubeR10Start{	left:950px;}


	.CubeV1{	width:40px;height:40px;}
	.CubeV2{	width:40px;height:80px;}
	.CubeV3{	width:40px;height:120px;}
	.CubeV4{	width:40px;height:160px;}
	.CubeV5{	width:40px;height:200px;}

	.CubeV6{	width:40px;height:240px;}
	.CubeV7{	width:40px;height:280px;}
	.CubeV8{	width:40px;height:320px;}

	.CubeV9{	width:40px;height:360px;}
	.CubeV10{	width:40px;height:400px;}

	.CubeV11{	width:40px;height:440px;}
	.CubeV12{	width:40px;height:480px;}
	.CubeV13{	width:40px;height:520px;}
	.CubeV14{	width:40px;height:560px;}
	.CubeV15{	width:40px;height:600px;}
	.CubeV16{	width:40px;height:640px;}
	.CubeV17{	width:40px;height:680px;}
	.CubeV18{	width:40px;height:720px;}

	.CubeH1{	width:40px;height:40px;}
	.CubeH2{	width:80px;height:40px;}
	.CubeH3{	width:120px;height:40px;}
	.CubeH4{	width:160px;height:40px;}
	.CubeH5{	width:200px;height:40px;}

	.CubeH6{	width:240px;height:40px;}
	.CubeH7{	width:280px;height:40px;}
	.CubeH8{	width:320px;height:40px;}

	.CubeH9{	width:360px;height:40px;}
	.CubeH10{	width:400px;height:40px;}

	.CubeH11{	width:440px;height:40px;}
	.CubeH12{	width:480px;height:40px;}
	.CubeH13{	width:520px;height:40px;}
	.CubeH14{	width:560px;height:40px;}
	.CubeH15{	width:600px;height:40px;}
	.CubeH16{	width:640px;height:40px;}
	.CubeH17{	width:680px;height:40px;}
	.CubeH18{	width:720px;height:40px;}
	.CubeH19{	width:760px;height:40px;}
	.CubeH20{	width:800px;height:40px;}
	.CubeH21{	width:840px;height:40px;}
	.CubeH22{	width:880px;height:40px;}
	.CubeH23{	width:920px;height:40px;}
	.CubeH24{	width:960px;height:40px;}
	.CubeH25{	width:1000px;height:40px;}

/*	.cubeGreen{border:2px solid #389f38;background:#5de35d; color:black;}
	.cubeRed{border:2px solid #980000;background:#da0000;color:white;}
	.cubeBlue{border:2px solid #19199a;background:#1e60b0;color:white;}
	.cubeYellow{border:2px solid #d4c328;background:#ffe927;color:black;}*/

	.cubeGreen{border:2px solid #219f27;background:#66BB6A; color:black;cursor:move;}
	.cubeRed{border:2px solid #c70000;background:#F44336;color:white;cursor:move;}
	/*.cubeBlue{border:2px solid #1976D2;background:#42A5F5;color:white;}*/
	.cubeBlue{border:2px solid #028dd1;background:#0ABDE3;color:white;cursor:move;}
	.cubeYellow{border:2px solid #e2be1e;background:#FFEE58;color:black;cursor:move;}
	.cubeOrange{border:2px solid #e68a00;background:#ffb84d;color:black;cursor:move;}
	.cubePurple{border:2px solid #7733ff;background:#9966ff;color:white;cursor:move;}
	.cubeRedClick{border-bottom:4px solid #c70000;height:42px;}
	.cubeBlueClick{border-bottom:4px solid #028dd1;height:42px;}
	.dragCubes{}
	.tenFrameV{width:130px;height:322px;position:absolute;left:315px;top:-130px;cursor:move;}
	.tenFrameH{width:322px;height:130px;position:absolute;left:125px;top:-20px;cursor:move;}
	.tenFrameV.tfdiscs{left:485px;}
	.tenFrameH.tfdiscs{left:295px;}
	.tenFrameV .leftSide{width:64px;float:left;}
	.tenFrameH .leftSide{height:64px;float:left;}
	.tenFrameV .rightSide{width:64px;float:left;}
	.tenFrameH .rightSide{height:64px;float:left;}
	.fiveFrameV{width:64px;height:322px;position:absolute;left:315px;top:-130px;cursor:move;}
	.fiveFrameH{width:322px;height:64px;position:absolute;left:125px;top:-20px;cursor:move;}
	.fiveFrameH.tfdiscs{left:295px;}
	.fiveFrameV.tfdiscs{left:485px;}
	.tenFrameStart{transform:scale(.2);z-index:2;}
	.tfDropSquare{
		width:64px;
		height:64px;
		position:relative;
		border:1px solid black;
		border-radius: 0.01px;
		float:left;
	}
	.tenFrameV .leftSide .tfDropSquare{
		border-left:2px solid black;
	}
	.tenFrameV .leftSide .tfDropSquare:first-of-type{
		border-top:2px solid black;
	}
	.tenFrameV .leftSide .tfDropSquare:last-of-type{
		border-bottom:2px solid black;
	}
	.tenFrameV .rightSide .tfDropSquare{
		border-right:2px solid black;
	}
	.tenFrameV .rightSide .tfDropSquare:first-of-type{
		border-top:2px solid black;
	}
	.tenFrameV .rightSide .tfDropSquare:last-of-type{
		border-bottom:2px solid black;
	}

	.tenFrameH .leftSide .tfDropSquare{
		border-top:2px solid black;
	}
	.tenFrameH .leftSide .tfDropSquare:first-of-type{
		border-left:2px solid black;
	}
	.tenFrameH .leftSide .tfDropSquare:last-of-type{
		border-right:2px solid black;
	}
	.tenFrameH .rightSide .tfDropSquare{
		border-bottom:2px solid black;
	}
	.tenFrameH .rightSide .tfDropSquare:first-of-type{
		border-left:2px solid black;
	}
	.tenFrameH .rightSide .tfDropSquare:last-of-type{
		border-right:2px solid black;
	}

	.fiveFrameV .tfDropSquare{
		border-left:2px solid black;
		border-right:2px solid black;
	}
	.fiveFrameV .tfDropSquare:first-of-type{
		border-top:2px solid black;
	}
	.fiveFrameV .tfDropSquare:last-of-type{
		border-bottom:2px solid black;
	}

	.fiveFrameH .tfDropSquare{
		border-top:2px solid black;
		border-bottom:2px solid black;
	}
	.fiveFrameH .tfDropSquare:first-of-type{
		border-left:2px solid black;
	}
	.fiveFrameH .tfDropSquare:last-of-type{
		border-right:2px solid black;
	}
	.blockBoxBorder{border:1px solid gray;}
	#flatDropZone{width:25%;height:100%;display:none;}
	#stackDropZone{width:33.3%;height:100%;margin-left:52.5%;display:none;}
	#blockDropZone{width:20%;height:100%;margin-left:71.6%;display:none;}
	.flatDrop{width:40px;height:40px;margin-top:200px;margin-left:4px;border:1px solid black;background:#e2e2e2;display:inline-block;line-height:40px;text-align:center;font-size:1.2em;}
	.stickDrop{width:25px;height: 250px;margin-left:0px;border:1px solid black;background:#e2e2e2;display:inline-block;line-height: 250px;text-align:center;font-size:1em;}
	.blockDrop{width: 37.5px;height: 37.5px;border:1px solid black;float:left;}


	/*.tenFrameSquare{width:40px;height:40px;}*/
	.tfhover{background:lightgreen;z-index:-2;}
	.tfLeftFull{background:#ffcccc;z-index:-2;}
	.tfRightFull{background:#ffcccc;z-index:-2;}
	.tfLeftSquare{background:lightgreen;z-index:-2;}
	.tfRightSquare{background:lightgreen;z-index:-2;}
	.blockDropHoverBack{background:lightgreen;z-index:-2;}
	.blockDropHover{background:lightgreen;z-index:3;}
	.rodMoved{
		cursor: move;
		-webkit-user-select: none; /* Safari */        
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+/Edge */
		user-select: none; /* Standard */
		cursor: move;}
	.incorrectAnswerRod{
		cursor: move;
	}
	.hide{display:none;}
	.showRodUnits{
	border-right:1px dashed black;
	width:39.75px;
	height:100%;
	float:left;
	cursor: move;
	}
	.cubeUnits{
	width:40px;
	height:100%;
	float:left;
	cursor: move;
	}
	.cubeUnitsV{
	width:100%;
	height:40px;
	float:left;
	cursor: move;
	/*margin-top:1px;*/
	}
	.light .showRodUnits{
	border-right: 1px dashed white;
}
	
	.showRodValue {
	position:absolute;
	text-align:center;
	width:inherit;
	height:inherit;
	font-weight:400;
	font-size:26px;
	line-height:38px;
	margin-left:-1px;
}
	.hopStandardRodValue{
	font-size:1.1em;	
	}
	.hopStandardValue{
	color:black;
	font-size:1.1em;	
	}
	.showRodColorText {
	position:absolute;
	text-align:center;
	width:inherit;
	height:inherit;
	font-weight:400;
	font-size:26px;
	line-height:38px;
	margin-left:-1px;
}
	.showRodColorText.forceDark{
		margin-top:-30px;
		color:black;
		text-shadow:
		   -1px -1px 0 #FFF,  
		    1px -1px 0 #FFF,
		    -1px 1px 0 #FFF,
		     1px 1px 0 #FFF;
	}
	.light {
	color:white;
}
	.forceDark{
		color:black;
	}
	.cubeGroupNumber{
		color:black;
		text-shadow:
		   -1px -1px 0 #FFF,  
		    1px -1px 0 #FFF,
		    -1px 1px 0 #FFF,
		     1px 1px 0 #FFF;
/*		   -1px -1px 0 black,  
		    1px -1px 0 black,
		    -1px 1px 0 black,
		     1px 1px 0 black;	*/	
		font-size:1.7em;
		width:36px;
		text-align:center;
	}
	.cubeGroup1h{

	}
	.cubeGroup2h{
		margin-left:-40px;
	}
	.showFractionValue{
	position:absolute;
	text-align:center;
	width:inherit;
	height:inherit;
	font-weight:400;
	font-size:26px;
	line-height:38px;
	margin-left:-1px;
	}
	.transformedFraction{
/* 		display:inline-block; */
		position:absolute;
		margin-top:-9px;
		align-items:center;
	}
	.fraction{
		display:inline-flex;
		flex-direction:column;
		align-items:center;
	}
	.fraction div{
/* 		display:inline-block; */
/* 		position:absolute; */
/* 		margin-top:-10px; */
		line-height:1em;
	}
	.numerator{
		margin-bottom:-1px;
		text-align:center;
	}
	.denominator{
		border-top:1px solid black;
		text-align:center;
	}
	.denominator.light{
		border-top:1px solid white;
	}
	.denominator.forceDark{
		border-top:1px solid black;
	}
	.leadingWhole{
		display:inline-block;
		font-size:1.5em;
		position:relative;
		top:10px;
		margin-right:5px;
		line-height:1em;
	}
	.leadingWholeQ{
		display:inline-block;
		float:left;
		margin-right:-5px;
	}
	.rod .fraction{
		margin-left:-3px;
	}
	.rod .transformedFraction{
		font-size:1em;
	}
	.rodMoved .transformedFraction{
		font-size:1em;
	}
	.rodMoved .fraction{
		margin-left:-3px;
	}
/*	.barRod1 .barText{color:#eee;}
	.barRod2 .barText{color:#da0000;}
	.barRod3 .barText{color:#5de35d;}
	.barRod4 .barText{color:#e402e4;}
	.barRod5 .barText{color:#ffe927;}
	.barRod6 .barText{color:#246946;}
	.barRod7 .barText{color:black;}
	.barRod8 .barText{color:#8d3737;}
	.barRod9 .barText{color:#2b2bce;}
	.barRod10 .barText{color:#ff7800;}*/

	.barContainer{position:relative;top:0px;left:0px;height:50%;width:100%;text-align:center;line-height:20px;font-size:1.6em;margin-top:10px;}
	.barRod1{color:#ccc;border-left:4px solid #ccc; border-right:4px solid #ccc;}
	.barRod2{color:#da0000;border-left:4px solid #da0000; border-right:4px solid #da0000;}
	.barRod3{color:#5de35d;border-left:4px solid #5de35d; border-right:4px solid #5de35d;}
	.barRod4{color:#e402e4;border-left:4px solid #e402e4; border-right:4px solid #e402e4;}
	.barRod5{color:goldenrod;border-left:4px solid gold; border-right:4px solid gold;}
	.barRod6{color:#246946;border-left:4px solid #246946; border-right:4px solid #246946;}
	.barRod7{color:black;border-left:4px solid black; border-right:4px solid black;}
	.barRod8{color:#8d3737;border-left:4px solid #8d3737; border-right:4px solid #8d3737;}
	.barRod9{color:#2b2bce;border-left:4px solid #2b2bce; border-right:4px solid #2b2bce;}
	.barRod10{color:#ff7800;border-left:4px solid #ff7800; border-right:4px solid #ff7800;}
	.barRod12{color:#ccc;border-left:4px solid #ccc; border-right:4px solid #ccc;}
	.barRod15{color:#ccc;border-left:4px solid #ccc; border-right:4px solid #ccc;}
	.barRod16{color:#ccc;border-left:4px solid #ccc; border-right:4px solid #ccc;}

	.leftBarLine{float:left;}
	.rightBarLine{float:right;}
	.barContainer .leftBarLine, .barContainer .rightBarLine{height:4px;margin-top:9px;}

	.barRod1 .leftBarLine, .barRod1 .rightBarLine{background:#ccc;}
	.barRod2 .leftBarLine, .barRod2 .rightBarLine{background:#da0000;}
	.barRod3 .leftBarLine, .barRod3 .rightBarLine{background:#5de35d;}
	.barRod4 .leftBarLine, .barRod4 .rightBarLine{background:#e402e4;}
	.barRod5 .leftBarLine, .barRod5 .rightBarLine{background:gold;}
	.barRod6 .leftBarLine, .barRod6 .rightBarLine{background:#246946;}
	.barRod7 .leftBarLine, .barRod7 .rightBarLine{background:black;}
	.barRod8 .leftBarLine, .barRod8 .rightBarLine{background:#8d3737;}
	.barRod9 .leftBarLine, .barRod9 .rightBarLine{background:#2b2bce;}
	.barRod10 .leftBarLine, .barRod10 .rightBarLine{background:#ff7800;}
	.barRod12 .leftBarLine, .barRod12 .rightBarLine{background:#ccc;}
	.barRod15 .leftBarLine, .barRod15 .rightBarLine{background:#ccc;}
	.barRod16 .leftBarLine, .barRod15 .rightBarLine{background:#ccc;}


	.white .barContainer{color:#ccc;border-left:4px solid #ccc; border-right:4px solid #ccc;}
	.red .barContainer{color:#da0000;border-left:4px solid #da0000; border-right:4px solid #da0000;}
	.lgreen .barContainer{color:#5de35d;border-left:4px solid #5de35d; border-right:4px solid #5de35d;}
	.purple .barContainer{color:#e402e4;border-left:4px solid #e402e4; border-right:4px solid #e402e4;}
	.yellow .barContainer{color:#E5C100;border-left:4px solid #E5C100; border-right:4px solid #E5C100;}
	.dgreen .barContainer{color:#246946;border-left:4px solid #246946; border-right:4px solid #246946;}
	.black .barContainer{color:black;border-left:4px solid black; border-right:4px solid black;}
	.brown .barContainer{color:#8d3737;border-left:4px solid #8d3737; border-right:4px solid #8d3737;}
	.dblue .barContainer{color:#0000FF;border-left:4px solid #0000FF; border-right:4px solid #0000FF;}
	.orange .barContainer{color:#ff7800;border-left:4px solid #ff7800; border-right:4px solid #ff7800;}
	.gray .barContainer{color:#ccc;border-left:4px solid #ccc; border-right:4px solid #ccc;}
/*	.barRod15{color:#ccc;border-left:4px solid #ccc; border-right:4px solid #ccc;}
	.barRod16{color:#ccc;border-left:4px solid #ccc; border-right:4px solid #ccc;}*/

	.gold .barContainer{color:#997300;border-left:4px solid #997300; border-right:4px solid #997300;}
	.cyan .barContainer{color:#009FC5;border-left:4px solid #009FC5; border-right:4px solid #009FC5;}
	.pink .barContainer{color:#FFC0CB;border-left:4px solid #FFC0CB; border-right:4px solid #FFC0CB;}
	.lblue .barContainer{color:#58D6FF;border-left:4px solid #58D6FF; border-right:4px solid #58D6FF;}
	.lavender .barContainer{color:#AEAEFA;border-left:4px solid #AEAEFA; border-right:4px solid #AEAEFA;}
	.coral .barContainer{color:#e06f46;border-left:4px solid #e06f46; border-right:4px solid #e06f46;}
	.green .barContainer{color:#134129;border-left:4px solid #134129; border-right:4px solid #134129;}
	.indigo .barContainer{color:#8a01f3;border-left:4px solid #8a01f3; border-right:4px solid #8a01f3;}
	.hotpink .barContainer{color:#ff4fa7;border-left:4px solid #ff4fa7; border-right:4px solid #ff4fa7;}
	.chartreuse .barContainer{color:#cfff04;border-left:4px solid #cfff04; border-right:4px solid #cfff04;}
	

	.leftBarLine{float:left;}
	.rightBarLine{float:right;}
	.barContainer .leftBarLine, .barContainer .rightBarLine{height:4px;margin-top:9px;}

	.white .leftBarLine, .white .rightBarLine{background:#ccc;}
	.red .leftBarLine, .red .rightBarLine{background:#da0000;}
	.lgreen .leftBarLine, .lgreen .rightBarLine{background:#5de35d;}
	.purple .leftBarLine, .purple .rightBarLine{background:#e402e4;}
	.yellow .leftBarLine, .yellow .rightBarLine{background:#E5C100;}
	.dgreen .leftBarLine, .dgreen .rightBarLine{background:#246946;}
	.black .leftBarLine, .black .rightBarLine{background:black;}
	.brown .leftBarLine, .brown .rightBarLine{background:#8d3737;}
	.dblue .leftBarLine, .dblue .rightBarLine{background:#0000FF;}
	.orange .leftBarLine, .orange .rightBarLine{background:#ff7800;}
	.gray .leftBarLine, .gray .rightBarLine{background:#ccc;}
/*	.barRod15 .leftBarLine, .barRod15 .rightBarLine{background:#ccc;}
	.barRod16 .leftBarLine, .barRod15 .rightBarLine{background:#ccc;}*/


	.gold .leftBarLine, .gold .rightBarLine{background:#997300;}
	.cyan .leftBarLine, .cyan .rightBarLine{background:#009FC5;}
	.pink .leftBarLine, .pink .rightBarLine{background:#FFC0CB;}
	.lblue .leftBarLine, .lblue .rightBarLine{background:#58D6FF;}
	.green .leftBarLine, .green .rightBarLine{background:#134129;}
	.lavender .leftBarLine, .lavender .rightBarLine{background:#AEAEFA;}
	.coral .leftBarLine, .coral .rightBarLine{background:#e06f46;}
	.indigo .leftBarLine, .indigo .rightBarLine{background:#8a01f3;}
	.hotpink .leftBarLine, .hotpink .rightBarLine{background:#ff4fa7;}
	.chartreuse .leftBarLine, .chartreuse .rightBarLine{background:#cfff04;}
	

	.rodOptionsText img{
		opacity:.5;
	}
	.rodOptionsText:hover img{
		opacity:1;
	}

	.showRodValue.hopDisplayStyle{
		margin-top:-38px;
		color:black;
		text-shadow: -1px -1px 0 #FFF,  1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
	}
	.showRodValue.barDisplayStyle{
		margin-top:-30.5px;
		color:black;
		text-shadow: -1px -1px 0 #FFF,  1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
	}
	.showFractionValue.hopDisplayStyle{
		margin-top:-46px;
		color:black;
		text-shadow: -1px -1px 0 #FFF,  1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
	}
	.showFractionValue.hopDisplayStyle .denominator.light{
		margin-top:0px;
		color:black;
		text-shadow: -1px -1px 0 #FFF,  1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
		border-top:1px solid black;
	}
	.showFractionValue.barDisplayStyle{
		margin-top:-36.5px;
		color:black;
		text-shadow: -1px -1px 0 #FFF,  1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
	}
	.showFractionValue.barDisplayStyle .denominator.light{
		margin-top:0px;
		color:black;
		text-shadow: -1px -1px 0 #FFF,  1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
		border-top:1px solid black;
	}
	.showRodColorText.hopDisplayStyle{
		margin-top:-36px;
		color:black;
		text-shadow: -1px -1px 0 #FFF,  1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
	}
	.showRodColorText.barDisplayStyle{
		margin-top:-30px;
		color:black;
		text-shadow: -1px -1px 0 #FFF,  1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
	}
	.hopOption.negativeDisplayStyle img{
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
	}
	.topAnswerRod .showFractionValue, .topAnswerRod .showRodColorText{
		opacity:0;
	}
	.is_apple .rodOptionsText:hover img{
		opacity:.5;
	}

	.drawIcon{
		/*opacity:.5;*/
		cursor:pointer;
		display:inline-block;
		margin:0 0 0 12px;
		width:30px; height:30px;
		z-index: 2;
	}
/*	.drawIcon:hover{
		opacity:1;
	}*/
/*	.is_apple .drawIcon:hover{
		opacity:.5;
	}*/
	.rodOptionsText .drawIconSelected img, .is_apple .rodOptionsText .drawIconSelected img{
		opacity:1;
	}
	.eraseCursor{
		cursor: url('https://d2b7eicau8w16x.cloudfront.net/imgs/smallSquare.png') 12 13, auto;
	}
	#userAnswer .incorrectAnswerRod .transformedFraction{
		font-size:.7em;
		left:0;
	}
	#userAnswer .incorrectAnswerRod .fraction{
		margin-left:-3px;
	}
	.questionText{
		display:inline-block;
		float:left;
	}
	.pageFraction{
		display:inline-block;
		font-size:.7em;
		float:left;
		margin:-7px 4px 0px 7px;
	}
	.questionMark{
		display:inline-block;
/* 		float:left; */
		}
	.wholeBox{
		width:100%;
		height:40px;
	}
	.leftPartBox{
		display:inline-block;
	}
	.rightPartBox{
		display:inline-block;
	}
	.fractionDropBox{
		width:28px;
		height:46px;
/* 		border:1px solid lightgray; */
		border-radius:3px;
		margin: 3px 0 0 -14px; 
		position:absolute;
		z-index: -1;
	}
	.fractionBox{
		padding:5px;
		border:1px solid lightgray;
		border-radius:3px;
		width:40px;
		margin:10px auto;
	}
	.lineEnd{
		height:30px;
		margin:22.5px 0;
		z-index: 1
	}
	.lineMiddle{
		height:10px;margin-top:34px;
	}
	.lineMiddle5{
		height:20px;margin-top:29px;
	}
	.startLine{
		float:left;
		border-left:2px solid black;
	}
	.endLine{
		float:right;
		border-right:2px solid black;	}
	.leftLine{
		float:left;
		border-left:1px solid black;
	}
	.rightLine{
		float:right;
		border-right:1px solid black;		
	}
	.blankRodsHop, .blankRodsHop.grayOn{
		border:0px;
		background:none;
	}
	.x_space_X{
		width:25px;
	}
	#gameParameterTabs{
		width:100%;
	}
	.paramOptionTab{
		width:25%;
		background:#f2f2f2;
		border:2px solid #d2d2d2;
		border-left:0px;
		height:35px;
		font-size:1.1em;
		line-height:30px;
		text-align:center;
		cursor:pointer;
		display:inline-block;
	}
	.paramOptionTab:first-of-type{
		border-left:2px solid #d2d2d2;
	}
	.paramOptionTab.active{
		border-bottom:0px;
		background:white;
	}
	.paramOptionTab:hover{
		background:#e2e2e2;
		/*font-size:1.2em;*/
	}
	.paramOptionTab.active:hover{
		background:white;
	}
	#parametersDisplayBlank{
		height:75px;
		width:100%;
		pointer-events:none;
	}
	#parametersDisplay{
		height:75px;
		border:2px solid #e2e2e2;
		border-top:0px;
		width:100%;
		/* z-index: 10; */
		background:white;
		/*transition: height 0.5s ease-in;*/
	}
	#parametersDisplay.hidden{
		height:0px;
		/*transition: height 0.4s ease-out;*/
	}
	.rodOptionLabel{
		margin:0 15px;
	}
	.tabContent{
		height:75px;
		margin:20px auto;
		text-align:center;
		position:relative;
	}
	.rodOptionTabContent, .wholeNumbersTabContent, .fractionsTabContent{
		margin:8px auto;
	}
	.numberLineOptionsTabContent{
		margin:8px 0px auto;
		z-index: 10;
	}
	.tenFrameTabContent{
		margin:0 auto;
	}
	.numberLineOptionLabel{
		margin:0 15px;
	}
	.drawingToolsTabContent{
		margin: 0 auto;
		padding-top:15px;
	}
	#manipulativeDropdownDiv{
		position:relative;
	}
	#manipulativeDropdownMenu{
		position:absolute;top:100%;left:-1%;width:102%;border:2px solid #e2e2e2;border-top:0px;display:none;border-bottom:0px;z-index:100;
	}
	.manipulatiivesDropdownItem{
		width:100%;border-bottom:2px solid #e2e2e2;background:#f2f2f2;height:35px;line-height:35px;cursor:pointer;
	}
	.manipulatiivesDropdownItem:hover{
		background:#e2e2e2;

	}
	.cls-1{fill:url(#linear-gradient);}.cls-2,.cls-3,.cls-5{fill:#FFFFFF;}.cls-2,.cls-5{stroke:#FFFFFF;}.cls-2,.cls-4,.cls-5{stroke-miterlimit:10;}.cls-2{stroke-width:10px;}.cls-4{fill:#000000;stroke:#000000;stroke-width:10px;}.cls-5{stroke-width:3px;}
	.positivefractionsOption, .negativefractionsOption{
		display:inline-block;
	}
	.positivefractionsOption .symbol, .negativefractionsOption .symbol{
		font-size:1.1em;
		position:absolute;
		top:6px;
		margin-left:-11px;
	}
	.negativefractionsOption .symbol{
		margin-left:-7px;
	}




	#coverDiv{
		position:fixed;
		width:100%;
		height:100%;
		background: rgba(0,0,0,.75);
		top:0;
		left:0;
		text-align:center;
	}
	.topRightX{
/* 		background-color:red; */
		color:white;
		font-size:3em;
		text-align:center;
/* 		line-height:50px; */
		position:fixed;
		top:0;
		right:10px;
	}
	.topRightX:hover{
		opacity:0.75;
		cursor:pointer;
	}
	.aboveCover{
		position:fixed;
		width:100%;
		z-index: 2;
		left:50%;
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		
	}
	.printOptionsContainer{
		background:#EEE;
		z-index:2;
/* 		display:inline-block; */
		position:relative;
		top:0px;
		width:100%;
		margin:auto;
		padding:15px;
		margin-bottom:30px;
		}
	.printOptions{
/* 		display:flex; */
		width:400px;
		margin:0px auto 0px;
	}
	.printHeader{
		border-bottom:2px solid black;
		margin-bottom:15px;
		height:52px;
	}
	.printHeaderText{
		width:558px;
		margin-right:20px;
		display:inline-block;
		font-size:1.1em;
	}
	.printArea{
/*
		width:726px;
		min-width:726px;
		height:906px;
*/
		width: 21cm;
		height: 26.7cm; 
		min-width:21cm;
		background:#fff;
		display:inline-block;
		transform:scale(.5);
		transform-origin:top;
		overflow:hidden;
/* 		border:1px solid black; */
/* 		padding:19px 18px 18px 19px; */
/* 		position:fixed; */
		position:relative;
/* 		margin-top:-100px; */
		margin-left:-200px;
		margin-top:-5px;
		}
	.behindPrintPage{
		width: 11cm;
		height: 14.15cm;
		background:white;
		padding: .5cm 0 0 .3cm;
		position: relative;
		margin: 0px auto;
	}
	.printAreaHeader{
		padding-bottom:25px;
	}
	.quad{
		width:50%;padding: 6.25px;display:inline-block;
		}
	.fullWidthProb{
		width:100%;
	}
	.left{
		padding-left:0px;
		padding-right:12.5px;
		}
	.right{
		padding-right:0px;
		padding-left:12.5px;
		}
	.top{
		padding-top:0px;
		padding-bottom:12.5px;
		}
	.bottom{
		padding-bottom:12.5px;
		padding-top:12.5px;
		}
	.problemArea{
		width:100%;height:246px;padding:0px 0;
		}
	.problemAreaFull{
		width:100%;height:135px;padding:25px 0 0 0;border-bottom:1px dashed black;
		}
	.answerLine{
		font-size:1.5em;
		text-align:center;
/*
		position:relative;
		bottom:10px;
*/
		margin-top:200px;
	}
	.answerLinePW{
		font-size:1.5em;
		text-align:center;
		margin-top:140px;
	}
	.pageQuestionFill {
/* 		transform:scale(.8); */
		}
		.key{
			margin:15px 0px 0px 0px;
			position:absolute;
			bottom:0px;
/* 			border-top:1px solid lightgray; */
			background:white;}
		.keyline1 .rod{margin-right:11px;}
		.keyline1 .keyRod7{margin:0px 0px 0px 1px;}
		.keyline2 .rod{margin-right:10px;}
		.keyline1 .keyRod6{margin-left:1px;}
		.keyline2 .keyRod10{margin:0px;}
		.keyline2{margin-left:-16px;}
		.keyRod{
			display:inline-block; 
			border: 2px solid black;
			line-height: 23px; 
			text-shadow: white -1px -1px 0px, white 1px -1px 0px, white -1px 1px 0px, white 1px 1px 0px; 
			margin-left: 0px; 
			margin-right: 13px; 
			background-position: initial initial; 
			background-repeat: initial initial;
			text-align:center;
			color:black;
			height:30px;
			}
		.keyRod1{width: 29px; line-height:25px;}
		.keyRod2{width: 57px;}
		.keyRod3{width: 80px;}
		.keyRod4{width: 95px;}
		.keyRod5{width: 125px;}
		.keyRod6{width: 143px;}
		.keyRod7{width: 171px;}
		.keyRod8{width: 198px;margin-left:9px;}
		.keyRod9{width: 221px;}
		.keyRod10{width: 246px;}

		.keyRod.yellow{}
		.keyRod.orage{}
		.keyRod.pink{}
		.keyRod.purple{}
		.keyRod.lblue{}
		.keyRod.lgreen{}
		#quad1{
			margin-top:10px;
			border-right:1px dashed black;
			border-bottom:1px dashed black;
		}
		#quad2{
			margin-top:10px;
			border-bottom:1px dashed black;
		}
		#quad3{
			border-right:1px dashed black;
			border-bottom:1px dashed black;
		}
		#quad4{
			border-bottom:1px dashed black;
		}
		#quad5{
			border-right:1px dashed black;
		}
		#quad6{
		}
		#bwRods{
			background:white;
			color:#666;
			border:2px solid #666;
		}
		.middleRow #bwRods{
			background:#ddd;

		}
		.fractionPrintAnswerLine{
			display:inline-block;
			margin-left:20px;
		}
		.x_btn_1.disabled{
			background-color:#bbb;
			
		}
		.x_btn_1.disabled:hover{
			opacity:100;
			cursor:default;
			}
		.probAnswer{
			display:none;
		}
		.topVisible{
			display:inline-block;position:relative;top:0;left:0;cursor:default;height:40px;
		}
		.blankRod{
			background:white;
			border:1px dashed #ccc;
			color:white;
			display:inline-block;
			border-bottom:1px solid black;
			display:none;
		}
		.blankRod.p{
			display:inline-block;
		}
		.extraRod.p{
			display:none;
		}
		.changeRow .topVisible.p:last-of-type{
			
			display:inline-block;	
		}
/*
		.changeRow .topVisible.p{
			border:2px dashed gray;
			border-left:0px;
			border-right:0px;
			background-color:white;
		}
		.changeRow .topVisible.p .showRodColorText{
			display:none;
		}
		.changeRow .topVisible.p:first-of-type{
			border-left:2px dashed gray;
		}
		.changeRow .topVisible.p:last-of-type{
			border-right:2px dashed gray;
		}
		.middleRow .topVisible.p{
			border-bottom:0px;
		}
		.changeRow .topVisible.p{
			display:none;
		}
		.topVisible.p{
			display:none;
		}
*/
		.changeRow .topVisible.a{
			display:none;
		}
		.numberLineContainer.a{
			display:none;
		}
		.rightQuestionsPrint.a{
			line-height:3.2em;
		}
		.pageFraction.a{
			line-height:1.5em;
			margin-top:10px;
			margin-right:7px;
		}
		.probAnswer .pageFraction.a{
			line-height:1.3em;
		}
		.rightQuestionsPrint.a .question2{
/* 			margin-top:-12px; */
		}
		.printQuestion{
			display:block; width:100%;margin:10px 0px 10px 0px;
		}
	@media print {
		.printOptionsContainer{display:none;}
		.printArea{
		transform:scale(.9);
		overflow:hidden;
		margin: 0px;
		width: 21cm;
		height: 26.7cm; 
		border:0px solid black;
		padding:0px;
		margin-left:-35px;
/* 		transform:scale(1); */
		overflow:hidden;
		}
/*
		.printArea{
		transform:scale(.9);
		overflow:hidden;
		margin: 0px;
		width: 8.5in;
		height: 11in; 
		border:0px solid black;
		padding:0px;
		margin-left:0px;
		transform:scale(1);
		overflow:hidden;
		}
*/
/*
		.quad{
		width:50%;
		padding:25px; 
		display:inline-block;
		}
*/
}
/*@media (hover: hover) and (pointer: fine) {
  .drawIcon:hover{
		opacity:1;
	}
}*/
/*@media (hover: none) {
    .drawIcon {
        opacity: .5;
    }
}*/