body{-moz-user-select:none;-webkit-user-select:none;user-select:none;min-width:905px;}
body, .ui-page {display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:100vh!important;}
button{border:0}
#content{position:absolute;width:900px;height:638px;left:0;top:37px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
#introtext{width:80%;margin:100px 10% 50px;text-align:center;font:18px Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none}
.intro-buttons {text-align:center;}
#start{position:absolute;bottom:50px;left:388px;display:none}
#html5module{width:900px;position:relative;margin:0 auto;border:1px solid #999;box-shadow:5px 5px 4px #EEE;min-height:675px;background-color:#fff}
#equationDiv label.selectLabel{display:none}
#equationDiv{position:absolute;height:72px;width:460px;border:2px solid #999;top:10px;left:220px;font-size:24px;font-family:Times,"Times New Roman",serif;background-color:#fff;}
#equationDiv span.ui-btn-text{font-size:18px;font-family:Times,"Times New Roman",serif}
#leftEquationDiv,#rightEquationDiv{line-height:72px;position:absolute;width:200px}
#leftEquationDiv{left:0;text-align:right}
#rightEquationDiv{left:250px;text-align:left;}
#leftCoeffDiv,#rightCoeffDiv,#leftConstantDiv,#rightConstantDiv{display:inline-block;height:72px}
#equationEqualsDiv{text-align:center;position:absolute;bottom:25px;width:30px;left:220px;height:24px}
#leftXText,#rightXText{display:inline-block;vertical-align:middle;line-height:72px}
.x{font-style:italic;font-family:Times,"Times new roman",serif}
#errorsDisplay span.x{font-size:16px}
#messageText span.x,#solutionInputDiv span.x{display:inline;font-size:18px}
#equationDiv span.x{display:inline-block}
.plus{display:inline-block;text-align:center;min-width:44px}
.hidden{display:none}
#leftXText.hidden,#rightXText.hidden{display:none}
.equationText{display:none}
.equationTextShowing{display:inline-block;vertical-align:middle}
option{font-size:18px;text-align:right}
#createButtonDiv{position:absolute;bottom:330px;width:200px;left:210px}
#ready{z-index:2}
#ready.setup{position:absolute;right:15px;bottom:568px}
#ready.normal{position:absolute;right:10px;bottom:130px}
#errorsDiv{position: absolute;left: 590px;width: 295px;height: 81px;top: 515px;text-align: center;}
#infoDisplay{font-size:14px;color:#0111ff;padding-bottom:10px;display: block;}
#errorsDisplay{font-size:14px;color:red;line-height:20px}
#reset{position:absolute;bottom:20px;left:150px;}
#help{position:absolute;bottom:20px;left:16px}
#leftBuildDiv,#rightBuildDiv,#leftEndOfCombineDiv,#rightEndOfCombineDiv,#leftDivideDiv,#rightDivideDiv{position:absolute;top:195px;border:2px solid #0111ff;width:385px;height:250px;min-height:250px;display:none;background-color:#6bb3ff;}
#leftEndOfCombineDiv,#rightEndOfCombineDiv{background:transparent}
#leftEndOfCombineDiv.grayBackground,#rightEndOfCombineDiv.grayBackground{background-color:#ededed}
#leftBuildDiv,#rightBuildDiv{z-index:1}
#leftBuildDiv{left:15px}
.inFrontOfLeftBuildDiv{position:absolute;top:195px;left:15px;z-index:2}
.inFrontOfLeftCombineDiv{position:absolute;top:195px;left:15px;z-index:5}
.behindLeftEndOfCombineDiv{position:absolute;top:195px;left:15px;z-index:0}
.inFrontOfLeftEndOfCombineDiv{position:absolute;top:195px;left:15px;z-index:6}
#leftEndOfCombineDivClone{position:absolute;top:195px;left:15px;z-index:-1;display:none}
.redBorder{border:3px solid red}
#equalsDiv{position:absolute;top:195px;left:410px;width:80px;height:250px;line-height:240px;display:none;text-align:center;font-size:36px;-moz-user-select:none;-webkit-user-select:none;user-select:none}
#rightBuildDiv{right:15px}
.inFrontOfRightBuildDiv{position:absolute;top:195px;right:15px;z-index:2}
#leftCombineDiv,#rightCombineDiv,#leftEndOfCombineDiv,#rightEndOfCombineDiv{position:absolute;width:385px;height:250px;display:none}
.inFrontOfRightCombineDiv{position:absolute;top:195px;right:15px;z-index:5}
.behindRightEndOfCombineDiv{position:absolute;top:195px;right:15px;z-index:0}
.inFrontOfRightEndOfCombineDiv{position:absolute;top:195px;right:15px;z-index:6}
#rightEndOfCombineDivClone{position:absolute;top:195px;right:15px;z-index:-1;display:none}
#tileBankDiv{position:absolute;top:455px;height:180px;left:calc(50% - 125px);width:250px;border:2px dashed #3e88fb;z-index:0;background-color:#d0e0f9;}
.draggableTile,.droppableTile{position:absolute;text-align:center;font-size:18px;border-radius:0;font-family:Times,"Times New Roman",serif;width:44px;bottom:30px;-moz-user-select:none;-webkit-user-select:none;user-select:none;border:2px solid #fff;}
#tileBankLabel{position:absolute;top:10px;right:10px;font-size:18px;color:#999;-moz-user-select:none;-webkit-user-select:none;user-select:none}
.plus_x{background:#98E069;height:132px;line-height:132px;left:25px;font-style:italic;font-size:24px;color:#000}
.minus_x{background:#FB0673;height:132px;line-height:132px;left:80px;font-style:italic;font-size:24px;color:#000}
.plus_1{background:#FFE300;height:44px;line-height:44px;left:135px;color:#000;}
.minus_1{background:#FB0673;height:44px;line-height:44px;left:190px;color:#000}
.depth_0{z-index:10}
.depth_1{z-index:11}
.depth_2{z-index:12}
.depth_3{z-index:13}
.depth_4{z-index:14}
.depth_5{z-index:15}
.depth_6{z-index:16}
.depth_7{z-index:17}
.depth_8{z-index:18}
.depth_9{z-index:19}
.depth_10{z-index:20}
.depth_11{z-index:21}
.depth_12{z-index:22}
.depth_13{z-index:23}
.depth_14{z-index:24}
.depth_15{z-index:25}
.depth_16{z-index:26}
.depth_17{z-index:27}
.depth_18{z-index:28}
.depth_19{z-index:29}
.depth_20{z-index:29}
.depth_21{z-index:30}
.depth_22{z-index:31}
.depth_23{z-index:32}
.depth_24{z-index:33}
.depth_25{z-index:34}
.depth_26{z-index:35}
.depth_27{z-index:36}
.depth_28{z-index:37}
.depth_29{z-index:38}
.depth_30{z-index:39}
.depth_31{z-index:40}
.moved{display:block;margin:5px;position:absolute}
#leftBuildDiv.higher,#rightBuildDiv.higher,#tileBankDiv.higher,#leftCombineDiv.higher,#rightCombineDiv.higher{z-index:60}
.movedCombine,.movedEndOfCombine{position:absolute;margin:5px}
.leftBuildThumbCombinePosition{width:112px;height:75px;position:absolute;left:200px;top:110px;z-index:5}
.rightBuildThumbCombinePosition{width:112px;height:75px;position:absolute;right:195px;top:110px;z-index:5}
.leftBuildThumbDividePosition{width:112px;height:75px;position:absolute;left:132px;top:110px;z-index:5}
.leftCombineThumbDividePosition{width:112px;height:75px;position:absolute;left:292px;top:110px;z-index:6}
.rightBuildThumbDividePosition{width:112px;height:75px;position:absolute;right:292px;top:110px;z-index:5}
.rightCombineThumbDividePosition{width:112px;height:75px;position:absolute;right:132px;top:110px;z-index:6}
.divideThumbInitialPosition{width:375px;height:250px;position:absolute;display:none}
.divideThumbNiftyPosition{width:112px;height:75px}
#divisorInputDiv{position:absolute;left:200px;top:470px;width:280px;text-align:right;display:none;z-index:2}
#solutionInputDiv{position:absolute;left:210px;top:470px;width:280px;text-align:right;display:none;z-index:3}
#divisorInputDiv label,#solutionInputDiv label{display:inline-block;width:180px;text-align:right}
#divisorInputDiv select,#solutionInputDiv select{width:80px;display:inline-block}
.red{color:red}
.orphan0{position:absolute;bottom:0;left:330px;z-index:20}
.orphan1{position:absolute;bottom:25px;left:308px;z-index:21}
.orphan2{position:absolute;bottom:0;left:286px;z-index:22}
.orphan3{position:absolute;bottom:25px;left:264px;z-index:23}
.orphan4{position:absolute;bottom:0;left:242px;z-index:24}
.orphan5{position:absolute;bottom:25px;left:220px;z-index:25}
.orphan6{position:absolute;bottom:0;left:198px;z-index:26}
.orphan7{position:absolute;bottom:25px;left:176px;z-index:27}
.orphan8{position:absolute;bottom:0;left:154px;z-index:28}
.orphan9{position:absolute;bottom:25px;left:132px;z-index:29}
.orphan10{position:absolute;bottom:0;left:110px;z-index:29}
.orphan11{position:absolute;bottom:25px;left:88px;z-index:29}
.orphan12{position:absolute;bottom:0;left:66px;z-index:29}
.orphan13{position:absolute;bottom:25px;left:44px;z-index:30}
.orphan14{position:absolute;bottom:0;left:22px;z-index:31}
.orphan15{position:absolute;bottom:25px;left:0;z-index:32}
.wayInFront{display:block;z-index:100}
.inFrontOfEverything{position:absolute;z-index:100}
#rightBuildDiv .inFrontOfEverything{position:absolute;z-index:100;display:block}
#leftBuildDiv .inFrontOfEverything{position:absolute;z-index:100;display:block}
.zoneBorderClass{border-right:2px solid #999}
.zoneClass{display:inline-block;text-align:center;vertical-align:middle}
.movedDivide{display:inline-block;position:relative;top:0;left:0}
.plus_x.movedDivide{top:57px}
.ui-select{display:inline-block}
#equationDiv div.ui-select{line-height:24px;vertical-align:middle}
.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{font-family:Arial,Helvetica,sans-serif}
.ui-body-c{text-shadow:none}
.ui-body-c,.ui-overlay-c{background-color:#fff;overflow: scroll !important;}
[class^=ui-effects]{z-index:100}
#message{position:absolute;display:none;top:460px;left:12px;width:200px;border:2px #f2c202 solid;background-color:#ffffaf;padding:10px;border-radius:8px;text-align:left;box-shadow:3px 3px 5px #CCC;z-index:15}
#messageText{font:14px Arial,Helvetica,sans-serif;-moz-user-select:none;-webkit-user-select:none;user-select:none}
#messageText .strong{font-weight:700}
#somethingNiftyDiv{position:absolute;width:900px;left:0;top:0;height:638px;min-height:638px;min-width:900px;z-index:100;background-color:#fff;text-align:center;font-size:20px;display:none}
.niftyTable{position:absolute;top:65px;left:25px;width:850px;height:566px;vertical-align:middle;font-family:Times,"Times New Roman",serif;font-size:22px}
.niftyTable .leftEquation{text-align:right}
.niftyTable .rightEquation{text-align:left}
.niftyTable .equals{text-align:center;width:50px}
.niftyTable td{vertical-align:middle}
.niftyTable span.niftyOp{width:50px;display:inline-block;text-align:center}
.niftyTable img{width:224px;height:150px}
.niftyTable tr{opacity:0}
#finalReset{position:absolute;top:5px;right:16px;display:none}
.correct{position:absolute;top:15px;right:180px;font:16px Arial,Helvetica,sans-serif;line-height:42px;font-weight:700;display:none;color:#393}
.correct:after{font-weight:400;font-size:24px;content:" \2713"}
#spareNifties{display:none}
@-webkit-keyframes wobbly {
0%{-webkit-transform:translate(2px,1px) rotate(0deg)}
10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg)}
20%{-webkit-transform:translate(-3px,0px) rotate(1deg)}
30%{-webkit-transform:translate(0px,2px) rotate(0deg)}
40%{-webkit-transform:translate(1px,-1px) rotate(1deg)}
50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}
60%{-webkit-transform:translate(-3px,1px) rotate(0deg)}
70%{-webkit-transform:translate(2px,1px) rotate(-1deg)}
80%{-webkit-transform:translate(-1px,-1px) rotate(1deg)}
90%{-webkit-transform:translate(2px,2px) rotate(0deg)}
100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}
}
@keyframes wobbly {
0%{transform:translate(2px,1px) rotate(0deg)}
10%{transform:translate(-1px,-2px) rotate(-1deg)}
20%{transform:translate(-3px,0px) rotate(1deg)}
30%{transform:translate(0px,2px) rotate(0deg)}
40%{transform:translate(1px,-1px) rotate(1deg)}
50%{transform:translate(-1px,2px) rotate(-1deg)}
60%{transform:translate(-3px,1px) rotate(0deg)}
70%{transform:translate(2px,1px) rotate(-1deg)}
80%{transform:translate(-1px,-1px) rotate(1deg)}
90%{transform:translate(2px,2px) rotate(0deg)}
100%{transform:translate(1px,-2px) rotate(-1deg)}
}
.wobble{display:inline-block;position:relative;left:0;top:0;-webkit-animation-name:wobbly;-webkit-animation-duration:.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-name:wobbly;animation-duration:.8s;transform-origin:50% 50%;animation-iteration-count:infinite;animation-timing-function:linear}
.ui-focus,.ui-input-text.ui-focus,.ui-btn:focus{-mox-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#00869f}
.smallNavBar{width:400px}
#navBarContainer{background-color:#cce1ff}
#navBarContainer.introscreen{display:none}
.smallNavBar a.ui-btn{border-top-right-radius:10px;border-top-left-radius:10px}
.smallNavBar a.ui-btn.ui-btn-active{background:#147bff;border:1px solid #ccc;color:#fff;font-weight:700;border-bottom:1px solid #147bff;text-shadow:none;}
.smallNavBar a.ui-btn-up-c{background:linear-gradient(#ccc,#c1c1c1) repeat scroll 0 0 #eee;border:1px solid #ccc;color:#2f3e46;font-weight:700;text-shadow:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#c1c1c1));background-image:-webkit-linear-gradient(#ccc,#c1c1c1);background-image:-moz-linear-gradient(#ccc,#c1c1c1);background-image:-ms-linear-gradient(#ccc,#c1c1c1);background-image:-o-linear-gradient(#ccc,#c1c1c1);background-image:linear-gradient(#ccc,#c1c1c1)}
.smallNavBar a.ui-focus{box-shadow:none}
.smallNavBar a.ui-focus{box-shadow:none}
#level{position:absolute;left:10px;top:20px}
#levelTabsDiv{position:relative;top:154px;left:-35px;width:300px;height:50px;text-align:right;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg)}
#levelTabsDiv .ui-btn{border-bottom-left-radius:0;border-bottom-right-radius:0}
#levelTabsDiv.video{display:none}
#levelTabsDiv.introscreen,#navBarContainer.introscreen{display:none}
#ready.setup #openSolution{display:none;}
#ready.setup.normal #openSolution{display:inline-block;}
#explanation{border:2px solid #999;font-size: 24px;font-family: Times,"Times New Roman",serif;background-color: #fff;text-align:center;color: #333;font-weight:bold;padding:25px;}
#explanation span {display:inline-block;}
#explanation .x{font-style: italic;}
#explanation .mx{margin:0 10px;}
#explanation .ml{margin:0 3px 0 10px;}
#explanation .mlonly{margin:0 0 0 10px;}
#explanation .mr{margin:0 10px 0 3px;}
#explanation .mronly{margin:0 10px 0 0;}
#explanation .nextLine{color:#0111ff;}
#explanation .minusX{color:#FB0673;}
#explanation .plusX{color:#98E069;}
#explanation .minus1{color:#FB0673;}
#explanation .plus1{color:#FFE300;}
#stepsInfo {font-size:13px;color:#333;background-color:#e6fdf0;display:block;width:170px;border:2px solid #66fc00;border-radius:5px;padding:4px;left:15px;position:absolute;top:10px;}