/* CSS Document */

/*! normalize - making reset / default for all browsers */
html {font-family:Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body {margin:0;}article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}audio, canvas, progress, video {display:inline-block;vertical-align:baseline;}audio:not([controls]) {display:none;height:0;}[hidden], template {display:none;}a {background:transparent;}a:active, a:hover {outline:0;}abbr[title] {border-bottom:1px dotted;}dfn {font-style:italic;}h1 {font-size:2em;margin:.67em 0;}mark {background:#ff0;color:#000;}small {font-size:80%;}sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup {top:-.5em;}sub {bottom:-.25em;}img {border:0;}svg:not(:root) {overflow:hidden;}figure {margin:1em 40px;}hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}code, kbd, pre, samp {font-family:monospace, monospace;font-size:1em;}button, input, optgroup, select, textarea {color:inherit;font:inherit;margin:0;}button {overflow:visible;}button, select {text-transform:none;}button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button;cursor:pointer;}button[disabled], html input[disabled] {cursor:default;}input {line-height:normal;}input[type=checkbox], input[type=radio] {box-sizing:border-box;padding:0;}input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height:auto;}input[type=search] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none;}fieldset {border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}table {border-collapse:collapse;border-spacing:0;}td, th {padding:0;}b, strong, optgroup {font-weight:700;}pre, textarea {overflow:auto;}button::-moz-focus-inner, input::-moz-focus-inner, legend {border:0;padding:0;}.ui-draggable-dragging {z-index: 10000;cursor:move!important;}* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* Preloader */
#loaderContainer {width:854px;height:360px;position:relative;}
#progressBar {position:absolute;width:200px;height:15px;left:50%;top:50%;margin:-25px 0 0 -100px;border-radius:10px;background-color:#ddd;}
#progressBar > div {background-color:#444;height:15px;border-radius:10px;}
#progressText {font-size:15px;left:50%;margin-left:-100px;position:absolute;text-align:center;top:49%;width:200px;font-weight:bold;color:#444;}

/* mainContainer */
#mainContainer {width:854px;height:360px;position:relative;background-color:#fff;cursor:default;}

/* descrption (on top) */
#desc {padding:5px 10px;text-align:left;font:normal 16px/120% Arial, Helvetica, sans-serif;color:#000;height:60px;overflow:auto;}

/* Tools (on Left) */
#tools {float:left;width:96px;border:1px solid #999;margin:5px 10px;min-height:50px;font:normal 14px/120% Arial, Helvetica, sans-serif;color:#000;}
#tools .heading {background-color:#f3f2f2;text-align:center;padding:5px 0;border-bottom:1px solid #999;}
#tools div + div {text-align:center;padding:5px;}
#tools img {display:block;margin:0 auto 3px;cursor:pointer;position:relative;}
#tool1 {top:10px;left:20px;background-image:url('../images/toolStrip.png');background-repeat:no-repeat;width:47px;height:49px;cursor:pointer;margin-bottom:15px;}
#tool1.ui-draggable-dragging {width:65px;height:64px;margin-bottom:0px;cursor:move;}

/* Disable State */
#tools div.disable, #tools div.disable img, #tools img.disable {cursor:default;opacity:0.5;}
.hidden {visibility:hidden;}
#tools img.defaultCursor {cursor:default;}
.ui-draggable {cursor:pointer;}

/* Stage (on Right - Main animation / activity area)*/
#stage {width:854px;height:290px;overflow:hidden;position:absolute;top:70px;left:0px;}
#stage > div {width:854px;height:290px;/*position:relative;*/ pointer-events:none; }

/* Step 1 */
#step1 {text-align:center;}
#divStep1Beaker {background-image:url('../images/step_01_01.png');background-repeat:no-repeat;width:854px;height:290px;position:absolute;top:0px;left:0px;}
#divStep1BeakerDrop {height: 209px;left: 92px;position: absolute;top: 45px;width: 171px;}
#divStep1Bottle {background-image:url('../images/step_01_bottle.png');background-repeat:no-repeat;width:116px;height:225px;position:absolute;top:36px;left:660px;pointer-events:auto;}
#divStep1Bottle.ui-draggable-dragging {width:132px;height:244px;cursor:move;}

/* Step 2 */
#step2 {text-align:center;position:absolute;top:0px;}
#divStep2Graduated {background-image:url('../images/step_02_01.png');background-repeat:no-repeat;width:854px;height:290px;position:absolute;top:0px;left:0px;}
#divStep2GraduatedDrop {height: 218px;left: 380px;position: absolute;top: 40px;width: 145px;}
#divStep2Beaker {background-image:url('../images/step_02_beaker.png');background-repeat:no-repeat;width:142px;height:140px;position:absolute;top:120px;left:660px;pointer-events:auto;display:none;}
#divStep2Beaker.ui-draggable-dragging {width:158px;height:156px;cursor:move;}
#divStep2BeakerLabel {text-align:center;width:158px;position:absolute;top:265px;left:660px;}

/* Step 3 */
#step3 {text-align:center;position:absolute;top:0px;}
#divStep3Beaker {background-image:url('../images/step_03_01.png');background-repeat:no-repeat;width:854px;height:290px;position:absolute;top:0px;left:0px;}
#divStep3BeakerDrop {position:absolute;top:114px;left:274px;width:141px;height:139px;}
#divStep3Graduated {background-image:url('../images/step_03_graduate.png');background-repeat:no-repeat;width:52px;height:178px;position:absolute;top:74px;left:660px;pointer-events:auto;display:none;}
#divStep3Graduated.ui-draggable-dragging {width:69px;height:195px;cursor:move;}

/* Step 4 */
#step4 {text-align:center;position:absolute;top:0px;}
#divStep4Beaker {background-image:url('../images/step_04_01.png');background-repeat:no-repeat;width:854px;height:290px;position:absolute;top:0px;left:0px;}
#divStep4BeakerDrop {position:absolute;top:114px;left:274px;width:141px;height:139px;}
#divStep4Distilled {background-image:url('../images/step_04_distilled.png');background-repeat:no-repeat;width:114px;height:214px;position:absolute;top:44px;left:660px;display:none; pointer-events:auto;}
#divStep4Distilled.ui-draggable-dragging {width:131px;height:230px;cursor:move;}

/* Step 5 */
#step5 {text-align:center;position:absolute;top:0px;/*background-image:url('../images/s5.png');*/}
/*#step5_1 {text-align:center;position:absolute;top:0px;background-image:url('../images/s5_0.png');}*/
#divStep5Beaker {
	background-image: url("../images/step_05_01.png");
	background-repeat: no-repeat;display: block;height: 290px;left: 316px;position: absolute;top: 19px;width: 236px;
}
#divStep5BeakerDrop {height: 188px;left: 350px;position: absolute;top: 65px;width: 147px;}

/* Step 6 */
#step6 {text-align:center;position:absolute;top:0px;}
#divStep6Graduate {background-image:url('../images/step_06_01.png');background-repeat:no-repeat;width:854px;height:290px;position:absolute;top:0px;left:0px;}
#divStep6GraduateDrop {height: 210px;left: 380px;position: absolute;top: 48px;width: 145px;}
#divStep6Beaker {background-image:url('../images/step_06_beaker.png');background-repeat:no-repeat;width:142px;height:140px;position:absolute;top:120px;left:660px;pointer-events:auto;display:none;}
#divStep6Beaker.ui-draggable-dragging {width:158px;height:156px;cursor:move;}
#divStep6BeakerLabel {text-align:center;width:158px;position:absolute;top:265px;left:660px;}

/* Step 7 */
#step7 {text-align:center;position:absolute;top:0px;}
#divStep7Beaker {background-image:url('../images/step_07_01.png');background-repeat:no-repeat;width:854px;height:290px;position:absolute;top:0px;left:0px;}
#divStep7BeakerDrop {position:absolute;top:114px;left:456px;width:141px;height:139px;}
#divStep7Graduated {background-image:url('../images/step_07_graduate.png');background-repeat:no-repeat;width:53px;height:179px;position:absolute;top:74px;left:660px;pointer-events:auto;display:none;}
#divStep7Graduated.ui-draggable-dragging {width:69px;height:195px;}

/* Step 8 */
#step8 {text-align:center;position:absolute;top:0px;}
#divStep8Beaker {background-image:url('../images/step_08_01.png');background-repeat:no-repeat;width:854px;height:290px;position:absolute;top:0px;left:0px;}
#divStep8BeakerDrop {position:absolute;top:114px;left:456px;width:141px;height:139px;}
#divStep8Distilled {background-image:url('../images/step_08_distilled.png');background-repeat:no-repeat;width:115px;height:213px;position:absolute;top:44px;left:660px;pointer-events:auto;display:none;}
#divStep8Distilled.ui-draggable-dragging {width:131px;height:230px;}

/* Step 9 */
#step9 {
	/*text-align:center;position:absolute;top:0px;background-image:url('../images/step_09_01.png');*/
	background-image: url("../images/step_09_01.png");
	height: 257px !important;left: 316px;position: absolute;text-align: center;top: 19px;width: 236px !important;
}
#divStep9Beaker {background-image:url('../images/step_09_01.png');display:none;background-repeat:no-repeat;width:150px;height:290px;position:absolute;top:0px;left:274px;}
#divStep9BeakerDrop {height: 220px;left: 32px;position: absolute;top: 18px;width: 151px;}


#whitePatch{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #fff; z-index: 51;}