/* 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;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}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;}* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* Preloader */
#loaderContainer{ width:826px; height:350px; position:absolute; z-index:500;background-color:#fff; }
#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:826px; height:360px; position:absolute;  background-color:#fff; cursor:default; overflow:hidden;}
#activityArea{ width:826px; height: 280px; }

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


/* whitePatch */
#whitePatch{ position:fixed; width:100%; height:100%; top:0; left:0; background-color:#fff; z-index: 450; }


/*------------------------------------------------------------ Do Not Change above this -------------------------------------------------------------*/

/*------------------------------------------ Scene 0 CSS Starts -------------------------------*/
div#DvScene0Bg {width:854px;height:280px;display:block;background-image: url(../images/sprite.png);}
div#DvScene0Bg.ClsScene0 {background-position: -826px 0;}
div#DvScene0Bg.ClsScene1 {background-image: url(../images/slide_4_80005.png);}
div#DvScene0Bg.ClsScene2 {background-image: url(../images/slide_4_80010.png);}
div#DvScene0Bg.ClsScene3 {background-image: url(../images/slide_4_80015.png);}
div#DvScene0Bg.ClsScene4 { /*background-image: url(../images/slide_9_110001.png);*/background-position:-2534px 0;}
div#DvScene0Bg.ClsScene5 { /*background-image: url(../images/slide_9_110002.png);*/background-position:-1708px 0;}

div#DvHit0 {cursor: pointer;display: none;height: 112px;left: 295px;position: absolute;top: 125px;width: 258px;}
div#DvHit0.hit {display:block;}
div#DvHit1 {cursor: pointer;display: none;height: 112px;left: 295px;position: absolute;top: 125px;width: 258px;}
div#DvHit1.hit {display:block;}
div#DvHit2 {cursor: pointer;display: none;height: 95px;left: 295px;position: absolute;top: 217px;width: 258px;}
div#DvHit2.hit {display:block;}
div#DvHit3 {cursor: pointer;display: none;height: 86px;left: 295px;position: absolute;top: 229px;width: 258px;}
div#DvHit3.hit {display:block;}

div#stage {overflow:hidden}
#stage {display: block;height: 280px;left: 0;width: 854px; position:relative;}
#step2, #step3, #step4, #step5 {display: block;height: 129px;left: 286px;position: relative;top: 120px;width: 282px;background-repeat:no-repeat;}
#step3, #step4, #step5 { /*display: none;*/ }
#step1 {
	background-image: url(../images/anim.png);position:absolute;left:286px;background-repeat:no-repeat;background-position:0 33px;width:280px;height:280px;display:block; top:0;
}
/*#step1_1{ background-image: url(../images/sc_01.png); }*/

#step2 {background-image: url(../images/anim2.png);cursor:pointer;position:absolute;pointer-events:none;}
#step3 {background-image: url(../images/anim2.png);}
#step4 {background-image: url(../images/anim2.png);}
#step5 {background-image: url(../images/anim2.png);}

div#DvContinue0 {width:135px;height:41px;position:absolute;top:318px;left:688px;background-image: url(../images/Continue.png);display:none;}
div#DvContinue0.ClsActContinue {display:block;cursor:pointer;}

div#DvTable {width:98px;height:112px;position:absolute;top:5px;left:10px;background-image: url(../images/toolsRuler.png);z-index:100;display:block;}
div#DvTable.hide {display:none;}

div#DvDrag1 {width:63px;height:63px;position:absolute;top:30px;left:19px;background-image: url(../images/ruler_1.png);z-index:10001;cursor:move;display:block;}
div#DvDrag1.hidden {visibility:hidden;}
div#DvDrag1.Drag1Start {background-image: url(../images/ruler.png);cursor:move;}
div#DvDrag1.show {display:block;}
div#DvDrag1.Drag1Hide {display:none;}
div#DvDrop1{display: block;height: 169px;left: 277px;position: absolute;top: 69px;width: 281px;z-index: 10001;pointer-events:none;}
div#DvDrop1.Drop1Hide {display:none;}
div#DvBucketClick {display: none;height: 71px;left: 346px;position: absolute;top: 190px;width: 165px;}
div#DvBucketClick.ClsActContinue {display:block;cursor:pointer;}
div#DvContainerClick {display: none;height: 81px;left: 255px;position: absolute;top: 270px;width: 344px;}
div#DvContainerClick.ClsActContinue {display:block;cursor:pointer;}
div#DvDrag2 {width:278px;height:73px;position:absolute;top:180px;left:19px;background-image: url(../images/lastBallW.png);z-index:101;cursor:move;display:none;}
div#DvDrag2.show {display:block;}
div#DvDrag2.Drag2Start {width:295px;height:90px;background-image: url(../images/lastBall.png);cursor:move;}
div#DvDrop2 {height: 135px;left: 280px;position: absolute;top:120px;width: 280px;z-index: 10001;display:none;pointer-events:none;}
div#DvDrop2.show {display:block;}

/*------------------------------------------ Scene 0 CSS Ends -------------------------------*/