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

.highlightedRedMultiply {
	background-color: #FE6767;
	position: 'relative';
}
.highlightedBlueMultiply {
	background-color: #0191EC;
	position: 'relative';
}
.hundrethsAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 17px;
	width: 20px;
}
.hundreths {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 18px;
	width: 23px;
}
.twentyFiveGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 35px;
	width: 41px;
}
.eighteenthsGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 29px;
	width: 69px;
}
.twelfthsGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 44px;
	width: 69px;
}
.tensGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 35px;
	width: 104px;
}
.eightsGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 44px;
	width: 104px;
}
.sixthsGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 29px;
	width: 210px;
}
.fifthsGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 35px;
	width: 210px;
}
.fourthsGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 89px;
	width: 104px;
}
.thirdsGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 59px;
	width: 210px;
}
.halvesGridAddSubtract {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 90px;
	width: 210px;
}
#addSubtractgridone {

	display: block;
	height: 180px;
	width: 210px;
	float: left;
	border: 1px solid #7090A5;
}
#addSubtractgridtwo {

	float: left;
	display: none;
	height: 180px;
	width: 210px;
	border: 1px solid #7090A5;
	margin-left: 10px;
}
#addSubtractgridthree {
	display: none;
	float: left;
	height: 180px;
	width: 210px;
	border: 1px solid #7090A5;
	margin-top: 10px;
}
#addSubtractgridfour {
	display: none;
	height: 180px;
	width: 210px;
	border: 1px solid #7090A5;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.highlightedPurple2 {
	background-color: #A950D2;
}
.blueFracRep {
	background-color: #0191EC;
}
.purpFracRep {
	background: rgb(255,138,0); /* Old browsers */
}
.redFracRep {
	background: rgb(254,103,103); /* Old browsers */
}
.highlighted {
	background-color: #FE6767;
}
.highlighted2 {
	background-color: #0191EC;
}
#clearSelectedCompare {

	cursor: pointer;
}
#clearAllCompareMode {

	cursor: pointer;
}
.twentyFiveGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 37px;
	width: 47px;
}
.eighteenthsGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 62px;
	width: 39px;
}
.twelfthsGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 31px;
	width: 119px;
}
.tensGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 18px;
	width: 239px;
}
.eightsGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 23px;
	width: 239px;
}
.sixthsGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 31px;
	width: 239px;
}
.fifthsGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 37px;
	width: 239px;
}
.fourthsGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 47px;
	width: 239px;
}
.thirdsGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 62px;
	width: 239px;
}
.halvesGrid {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 94px;
	width: 239px;
}
.selectedOnGrid {

	-moz-box-shadow: 0.1px 0.1px 0 2px #FFD800 inset;
	-webkit-box-shadow: 0.1px 0.1px 0 2px #FFD800 inset;
	box-shadow: 0.1px 0.1px 0 2px #FFD800 inset;
}
#slider1VTop {
	position: relative;
	float: left;
	height: 24px;
	width: 30px;
	background: transparent url(../img/vslidertop.png) no-repeat;
	background-size: 30px 24px;
}
#slider1V {
	position: relative;
	height: 162px;
	width: 30px;
	float: left;
	margin-top: 15px;
}
#slider1VBottom {
	position: relative;
	float: left;
	height: 24px;
	width: 30px;
	background: transparent url(../img/vsliderbottom.png) 0 0 no-repeat;
	background-size: 30px 24px;
}
.ui-slider-horizontal .ui-state-default {
}
.ui-slider-vertical .ui-state-default {
	outline: none;
	border: none;
	height: 24px;
	width: 30px;
	background: transparent url(../img/verticle-slider-active.png) no-repeat;
	background-size: 9px 183px;
}
.ui-slider-vertical {
	outline: none;
	border: none;
	background: transparent url(../img/vslidermiddle.png) 0 0 no-repeat;
	background-size: 9px 200px;
	margin-left: 5px;
}
.ui-slider-vertical .ui-state-default {
	outline: none;
	border: none;
	height: 28px;
	width: 28px;
	background: transparent url(../img/verticle-slider-active.png) no-repeat;
}
.ui-slider-vertical .ui-slider-handle {

	margin-left: -5px;
	background-size: 28px;
}
#multiplygridone {

	float: left;
	border: 1px solid #698e9c;
}
#slider1Left {

	height: 30px;
	width: 24px;
	float: left;
	background: transparent url(../img/left-end.png) no-repeat;
	background-size: 24px 30px;
}
#slider1 {

	width: 168px;
	height: 9px;
	float: left;
	webkit-border-top-left-radius: 0px;
	margin-top: 5px;
	margin-left: 3px;
}
#slider1Right {

	float: left;
	height: 30px;
	width: 24px;
	background: transparent url(../img/right-end.png) 0 0 no-repeat;
	background-size: 18px 30px;
}
.ui-slider-horizontal .ui-slider-handle {
	outline: none;
	border: none;
	height: 36px;
	width: 32px;
	float: left;
	background: transparent url(../img/horzontial-slider-active.png) 0 0 no-repeat;
	background-size: 24px 30px;
}
.ui-slider-horizontal .ui-slider-handle {
}
.ui-slider-horizontal {
	outline: none;
	border: none;
	background: none;
}
.ui-slider-horizontal .ui-state-default {
	margin-top: -3px;
}
.ui-slider-horizontal .ui-slider-handle {
	outline: none;
	border: none;
	height: 28px;
	width: 28px;
	float: left;
	background: transparent url(../img/horzontial-slider-active.png) 0 0 no-repeat;
}
.ui-slider-horizontal .ui-slider-handle {
}
#multiplygridtwo {

	height: 140px;
	width: 185px;
	float: left;
	border: 1px solid #698e9c;
}
#slider2Left {
	position: relative;
	float: left;
	height: 30px;
	width: 24px;
	background: transparent url(../img/left-end.png) 0 0 no-repeat;
	background-size: 24px 30px;
}
#slider2 {
	float: left;
	width: 168px;
	height: 30px;
	margin-top: 5px;
	margin-left: 3px;
}
#slider2Right {
	float: left;
	height: 30px;
	width: 24px;
	background: transparent url(../img/right-end.png) 0 0 no-repeat;
	background-size: 24px 30px;
}
#multiplygridthree {

	height: 140px;
	width: 185px;
	float: left;
	border: 1px solid #698e9c;
}
#slider3 {
	float: left;
	width: 168px;
	height: 30px;
	margin-top: 5px;
	margin-left: 5px;
}
#slider3Left {
	position: relative;
	float: left;
	height: 30px;
	width: 24px;
	background: transparent url(../img/left-end.png) 0 0 no-repeat;
	background-size: 24px 30px;
}
#slider3Right {
	float: left;
	height: 30px;
	width: 24px;
	background: transparent url(../img/right-end.png) 0 0 no-repeat;
	background-size: 24px 30px;
}
.twentyFiveGridMultiply {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 55px;
	width: 58px;
}
.twentyGridMultiply {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 28px;
	width: 28px;
}
.tenGridMultiply {
	float: left;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-top: 1px solid rgb(176, 198, 213);
	border-left: 1px solid rgb(176, 198, 213);
	height: 273px;
	width: 28px;
}
#colorFill1 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
#colorFill2 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
#colorFill3 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
};
#crossFill {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
#clearSelected {
}
#crossFill {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}