/*-----------------------------------------------------
	reset
-----------------------------------------------------*/
html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
code,
del,
dfn,
img,
dl,
dt,
dd,
ol,
ul,
li,
input,
textarea,
fieldset,
form,
label,
legend,
table,
caption,
tr,
th,
td {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*-----------------------------------------------------
	base
-----------------------------------------------------*/
html,
body {
  height: 100%;
}
body {
  cursor: url(../resources/images/ui/cursor_arrow.png), default;
  background: #000 url("../resources/images/background.jpg") center scroll no-repeat;
  background-size: cover;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: 'Kalam', cursive;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*-----------------------------------------------------
	forms
-----------------------------------------------------*/
input,
select,
textarea,
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #333;
}
input,
textarea {
  margin: 0 0 20px 0;
  width: 100%;
  padding: 3px 5px;
  border: 0 none;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
input:focus,
textarea:focus {
  outline: 0 none;
}
textarea {
  resize: none;
}
/*-----------------------------------------------------
	paragraphs
-----------------------------------------------------*/
h1 {
  font-size: 1.4em;
  font-weight: bold;
}
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.4em;
  font-weight: normal;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
blockquote,
code {
  margin-bottom: 1.4em;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
img {
  display: block;
}
/*-----------------------------------------------------
	list
-----------------------------------------------------*/
ul {
  list-style-position: outside;
  list-style-image: none;
  list-style-type: disc;
  margin-left: 20px;
}
ol {
  list-style-position: outside;
  list-style-type: decimal;
  margin-left: 20px;
}
ul ul {
  list-style-type: circle;
  margin-left: 20px;
  margin-top: 5px;
}
ol ol {
  list-style-type: lower-alpha;
  margin-left: 20px;
  margin-top: 5px;
}
li {
  padding-left: 5px;
}
/*-----------------------------------------------------
	links, focus and selection
-----------------------------------------------------*/
a {
  color: #208AB3;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
:focus {
  /*outline: 0px;*/
}
::selection {
  background: #333;
  color: #fff;
}
::-moz-selection {
  background: #333;
  color: #fff;
}
::-webkit-selection {
  background: #333;
  color: #fff;
}
/*-----------------------------------------------------
	Clearing floats without extra markup
	http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
-----------------------------------------------------*/
.clearfix:after,
.columns:after,
.formElementRow:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/*-----------------------------------------------------
	common
-----------------------------------------------------*/
.unlock .interactive:not(.poi),
.unlock .interactive.poi.hotspot,
.unlock .interactive.poi .hotspot {
  cursor: url("../resources/images/ui/cursor_arrow_pointer.png"), pointer;
  pointer-events: auto;
}
.ui-widget-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.ui-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: rgba(0,0,0,0.15);*/
}
.ui-content {
  position: relative;
  color: #333;
}
.ui-content .prompt {
  margin-bottom: 20px;
}
.ui-window {
  position: absolute;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
  background: transparent url("../resources/images/ui/oldPaperBg.jpg") 0 0 scroll no-repeat;
  background-size: 100% 100%;
  padding: 30px;
  font-size: 14px;
  line-height: 1.4;
}
.ui-borders {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  border: 30px solid;
  border-image: url("../resources/images/ui/leafsBorder.png") 30 repeat;
}
.btn {
  display: inline-block;
  min-width: 100px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.35);
  border: 1px dashed rgba(51, 51, 51, 0.35);
  opacity: 0.25;
  color: #333;
  padding: 3px 15px;
  margin: 0 2px 5px 2px;
  border-radius: 5px;
  line-height: 1.2;
}
.btn-xs {
  padding: 3px 5px;
}
.btnStack .btn {
  display: block;
  text-align: center;
  margin: 0 0 10px 0;
}
.btnCenter {
  text-align: center;
}
.btn.interactive {
  opacity: 1;
}
.btn.interactive:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px dashed rgba(51, 51, 51, 0.5);
}
.removed {
  display: none !important;
}
/*-----------------------------------------------------
	game Container
-----------------------------------------------------*/
#gemFrame {
  height: 100%;
  background: transparent url("../resources/images/gemFrame.png") center scroll no-repeat;
}
#gem {
  position: absolute;
  width: 800px;
  height: 600px;
  margin: -300px 0 0 -400px;
  top: 50%;
  left: 50%;
  background-color: #000;
}
/*-----------------------------------------------------
	gem viewport
-----------------------------------------------------*/
#gemViewport {
  /* Limit copy and paste to only elements we want */
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 800px;
  height: 600px;
  position: relative;
  background-color: #000;
  overflow: hidden;
  border-radius: 5px;
}
.no-js #gemViewport {
  display: none;
}
/*-----------------------------------------------------
	game overlays
-----------------------------------------------------*/
#gemLock {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0);
  /* for ie 9, 10 */
}
/*-----------------------------------------------------
	in game ui triggers
-----------------------------------------------------*/
.ui-triggers {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.ui-triggers .ui-trigger {
  display: none;
  width: 46px;
  height: 46px;
  border-radius: 100%;
}
.ui-triggers .ui-trigger i {
  background: transparent url("../resources/images/ui/uiTriggers.png") 0 0 scroll no-repeat;
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  opacity: 0.75;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.ui-triggers .ui-trigger:hover i {
  opacity: 1;
}
.ui-triggers .ui-trigger#menuTrigger {
  position: absolute;
  top: 7px;
  bottom: auto;
  left: 7px;
  right: auto;
}
.ui-triggers .ui-trigger#inventoryTrigger {
  position: absolute;
  top: 7px;
  bottom: auto;
  left: auto;
  right: 7px;
}
.ui-triggers .ui-trigger#inventoryTrigger i {
  background-position: -50px 0;
}
.ui-triggers .ui-trigger#helpTrigger {
  position: absolute;
  top: auto;
  bottom: 7px;
  left: auto;
  right: 7px;
}
.ui-triggers .ui-trigger#helpTrigger i {
  background-position: -100px 0;
}
/*-----------------------------------------------------
	action menu
-----------------------------------------------------*/
#actionMenu .ui-window {
  padding: 3px;
  background-image: url("../resources/images/ui/paperBg.jpg");
}
#actionMenu .action {
  padding: 4px 15px;
  color: rgba(51, 51, 51, 0.75);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#actionMenu .action:first-child {
  padding-top: 12px;
}
#actionMenu .action:last-child {
  padding-bottom: 12px;
}
#actionMenu .action:hover {
  color: #333333;
}
/*-----------------------------------------------------
	main menu
-----------------------------------------------------*/
#mainMenu {
  background: #000 url("../resources/images/mainMenu/background.jpg") 0 0 scroll no-repeat;
}
#mainMenu .ui-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: 300;
  display: none;
}
#mainMenu .title {
  background: transparent url("../resources/images/mainMenu/title.png") 0 0 scroll no-repeat;
  height: 170px;
  position: relative;
}
#mainMenu .title .subtitle {
  background: transparent url("../resources/images/mainMenu/dot.png") 0 0 scroll no-repeat;
  width: 60px;
  height: 60px;
  line-height: 61px;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  bottom: -20px;
  right: 20px;
  color: #fff;
  text-align: center;
  padding-left: 5px;
}
#mainMenu .menuBox {
  position: absolute;
  top: auto;
  bottom: 95px;
  left: 40px;
  right: auto;
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
}
#mainMenu .menuBox > div {
  opacity: 0.25;
  margin-top: 10px;
  float: left;
  clear: both;
  overflow: hidden;
}
#mainMenu .menuBox > div.interactive {
  opacity: 0.85;
}
#mainMenu .menuBox > div.interactive:hover {
  opacity: 1;
}
#mainMenu .menuBox > div.space-v {
  margin-bottom: 10px;
}
#mainMenu .options {
  position: absolute;
  top: auto;
  bottom: 30px;
  left: 40px;
  right: auto;
}
#mainMenu .options span {
  color: rgba(255, 255, 255, 0.5);
}
#mainMenu .options .options-sound {
  margin-bottom: 5px;
}
#mainMenu .options .label {
  display: inline-block;
  min-width: 75px;
}
.lang-pl #mainMenu .options .label {
  min-width: 60px;
}
#mainMenu .options .btn-radio {
  color: rgba(255, 255, 255, 0.85);
  display: inline-block;
  line-height: 1;
  padding: 1px 3px;
  margin-right: 10px;
}
#mainMenu .options .btn-radio:hover {
  color: #fff;
}
#mainMenu .options .btn-radio.selected {
  border-bottom: 3px solid #ba1c16;
}
#mainMenu .options .btn-radio.selected:hover {
  color: rgba(255, 255, 255, 0.85);
}
#mainMenu .signatureBox {
  position: absolute;
  top: auto;
  bottom: 30px;
  left: auto;
  right: 40px;
  color: rgba(255, 255, 255, 0.5);
}
#mainMenu .signatureBox .separator {
  color: rgba(255, 255, 255, 0.25);
}
#mainMenu .socialIcons {
  text-align: right;
  margin-bottom: 10px;
}
#mainMenu .socialIcons > a {
  color: #fff;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  line-height: 28px;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  text-align: center;
  border-radius: 5px;
  outline: 0 none;
}
#mainMenu .socialIcons > a:hover {
  border-color: rgba(255, 255, 255, 0.9);
}
#mainMenu .supportBox {
  position: absolute;
  top: auto;
  bottom: 115px;
  left: auto;
  right: 0;
  color: rgba(255, 255, 255, 0.85);
  background-color: rgba(0, 0, 0, 0.5);
  width: 340px;
  height: 132px;
  padding: 20px 90px 20px 20px;
  text-align: right;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mainMenu .supportBox .supportBox__icon {
  position: absolute;
  top: 15px;
  bottom: auto;
  left: auto;
  right: 32px;
  display: block;
  background: transparent url("../resources/images/mainMenu/acorn.png") 0 0 scroll no-repeat;
  background-size: 100%;
  width: 40px;
  height: 60px;
  margin-bottom: 15px;
}
#mainMenu .supportBox .supportBox__links {
  margin-top: 10px;
  display: block;
}
#mainMenu .supportBox a {
  color: #fff;
  display: inline-block;
  margin-left: 5px;
  padding: 2px 10px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  text-align: center;
  outline: 0 none;
}
#mainMenu .supportBox a:hover {
  border-color: rgba(255, 255, 255, 0.9);
}
/*-----------------------------------------------------
	in game menu
-----------------------------------------------------*/
#inGameMenu .ui-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
#inGameMenu .ui-window {
  position: absolute;
  width: 210px;
  height: 230px;
  margin: -115px 0 0 -105px;
  top: 50%;
  left: 50%;
}
.lang-es #inGameMenu .ui-window {
  position: absolute;
  width: 210px;
  height: 245px;
  margin: -122.5px 0 0 -105px;
  top: 50%;
  left: 50%;
}
#inGameMenu .options {
  margin-top: 25px;
}
#inGameMenu .options span {
  color: rgba(51, 51, 51, 0.6);
}
#inGameMenu .options .label {
  display: inline-block;
  min-width: 50px;
}
#inGameMenu .options .btn-radio {
  display: inline-block;
  min-width: 30px;
  margin-left: 2px;
  margin-right: 0;
}
#inGameMenu .options .btn-radio.selected {
  background-color: #333;
  color: #fff;
  opacity: 1;
}
/*-----------------------------------------------------
	load save window
-----------------------------------------------------*/
#loadSaveWindow .ui-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
#loadSaveWindow .ui-window {
  position: absolute;
  width: 600px;
  height: 275px;
  margin: -137.5px 0 0 -300px;
  top: 50%;
  left: 50%;
}
#loadSaveWindow.type-save .ui-window {
  position: absolute;
  width: 600px;
  height: 295px;
  margin: -147.5px 0 0 -300px;
  top: 50%;
  left: 50%;
}
#loadSaveWindow .slots {
  margin-bottom: 20px;
}
#loadSaveWindow .slot {
  float: left;
  margin: 0 20px 0 0;
  width: 120px;
  opacity: 0.25;
}
#loadSaveWindow .slot:last-child {
  margin-right: 0;
}
#loadSaveWindow .slot .thumb {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px dashed rgba(51, 51, 51, 0.35);
  margin-bottom: 5px;
  padding: 5px;
  opacity: 0.85;
}
#loadSaveWindow .slot .thumb div {
  overflow: hidden;
  height: 80px;
}
#loadSaveWindow .slot .thumb .thumb-willowHouse {
  background: transparent url("../resources/images/locations/willowHouse/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-storyWillowTree {
  background: transparent url("../resources/images/locations/storyWillowTree/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-storyWillowKnight {
  background: transparent url("../resources/images/locations/storyWillowKnight/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-rosaHouseNight {
  background: transparent url("../resources/images/locations/rosaHouseNight/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-rosaHouse {
  background: transparent url("../resources/images/locations/rosaHouse/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-oldestTree {
  background: transparent url("../resources/images/locations/oldestTree/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-nurseryNight {
  background: transparent url("../resources/images/locations/nurseryNight/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-nursery {
  background: transparent url("../resources/images/locations/nursery/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-monsterAttack4 {
  background: transparent url("../resources/images/locations/monsterAttack4/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-honeyTree {
  background: transparent url("../resources/images/locations/honeyTree/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-hazelWorkshop {
  background: transparent url("../resources/images/locations/hazelWorkshop/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-elders {
  background: transparent url("../resources/images/locations/elders/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-prologue_willowHouse {
  background: transparent url("../resources/images/locations/prologue_willowHouse/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-prologue_rosaHouseWithMyo {
  background: transparent url("../resources/images/locations/prologue_rosaHouseWithMyo/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-prologue_rosaHouse {
  background: transparent url("../resources/images/locations/prologue_rosaHouse/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .thumb .thumb-prologue_nursery {
  background: transparent url("../resources/images/locations/prologue_nursery/background.jpg") 50% 50% scroll no-repeat;
  background-size: cover;
}
#loadSaveWindow .slot .title {
  overflow: hidden;
  text-overflow: ellipsis;
}
#loadSaveWindow .slot .date {
  color: rgba(51, 51, 51, 0.45);
  font-size: 12px;
}
#loadSaveWindow .slot.interactive {
  opacity: 1;
}
#loadSaveWindow .slot.interactive .thumb:hover {
  opacity: 1;
}
/*-----------------------------------------------------
	input dialog
-----------------------------------------------------*/
#inputDialog .ui-window {
  position: absolute;
  width: 400px;
  height: 170px;
  margin: -85px 0 0 -200px;
  top: 50%;
  left: 50%;
}
#inputDialog .ui-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
/*-----------------------------------------------------
	confirmation dialog
-----------------------------------------------------*/
#confirmationDialog .ui-window {
  position: absolute;
  width: 400px;
  height: 140px;
  margin: -70px 0 0 -200px;
  top: 50%;
  left: 50%;
}
#confirmationDialog .ui-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
/*-----------------------------------------------------
	import export window
-----------------------------------------------------*/
#importExportWindow .ui-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
#importExportWindow.type-import .ui-window {
  position: absolute;
  width: 600px;
  height: 305px;
  margin: -152.5px 0 0 -300px;
  top: 50%;
  left: 50%;
}
#importExportWindow.type-import #importView {
  float: right;
}
#importExportWindow.type-import #importView .ui-msg-error {
  display: inline;
  color: #ba1c16;
}
#importExportWindow.type-import #exportView {
  display: none;
}
#importExportWindow.type-export .ui-window {
  position: absolute;
  width: 600px;
  height: 380px;
  margin: -190px 0 0 -300px;
  top: 50%;
  left: 50%;
}
.lang-pl #importExportWindow.type-export .ui-window {
  position: absolute;
  width: 600px;
  height: 360px;
  margin: -180px 0 0 -300px;
  top: 50%;
  left: 50%;
}
#importExportWindow.type-export #importView {
  display: none;
}
#importExportWindow.type-export #exportView {
  text-align: right;
  margin-bottom: 5px;
}
#importExportWindow textarea {
  height: 140px;
}
/*-----------------------------------------------------
	pace loader
-----------------------------------------------------*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  width: 800px;
  height: 600px;
  margin: -300px 0 0 -400px;
  top: 50%;
  left: 50%;
  overflow: hidden;
}
.pace-inactive {
  display: none;
}
.pace .pace-activity {
  display: block;
  position: absolute;
  z-index: 2000;
  bottom: 36px;
  left: 50px;
  width: 16px;
  height: 16px;
  border: solid 2px transparent;
  border-top-color: #ba1c16;
  border-left-color: #ba1c16;
  border-radius: 100%;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes pace-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*-----------------------------------------------------
	loader
-----------------------------------------------------*/
#loader .loaderIndicator {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 0;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition: width .25s linear;
  transition: width .25s linear;
}
#loader .loaderInfo {
  position: absolute;
  bottom: 32px;
  left: 90px;
  color: #fff;
}
#loader .loaderInfo,
#loader .loaderInfo strong {
  font-weight: 300;
}
/*-----------------------------------------------------
	cookiesInfo
-----------------------------------------------------*/
#cookiesInfo {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  padding: 30px 30px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 240px;
  color: #fff;
  cursor: url("../resources/images/ui/cursor_arrow_pointer.png"), pointer;
}
#cookiesInfo .close {
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 0.75;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
#cookiesInfo .prompt {
  font-weight: 300;
  font-size: 14px;
}
#cookiesInfo:hover .close {
  opacity: 1;
}
/*-----------------------------------------------------
	dialogue
-----------------------------------------------------*/
#dialogue .ui-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
/*-----------------------------------------------------
	dialoguePortrait
-----------------------------------------------------*/
#dialoguePortrait {
  background: transparent none left 25px bottom 155px scroll no-repeat;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
#dialoguePortrait.prologue-fraxi {
  background-image: url("../resources/images/portraits/prologue/fraxi.png");
}
#dialoguePortrait.prologue-rubra {
  background-image: url("../resources/images/portraits/prologue/rubra.png");
}
#dialoguePortrait.prologue-myo {
  background-image: url("../resources/images/portraits/prologue/myo.png");
}
#dialoguePortrait.willow_young {
  background-image: url("../resources/images/portraits/willow_young.png");
}
#dialoguePortrait.willow {
  background-image: url("../resources/images/portraits/willow.png");
}
#dialoguePortrait.trobu {
  background-image: url("../resources/images/portraits/trobu.png");
}
#dialoguePortrait.trader {
  background-image: url("../resources/images/portraits/trader.png");
}
#dialoguePortrait.ticordata {
  background-image: url("../resources/images/portraits/ticordata.png");
}
#dialoguePortrait.tano {
  background-image: url("../resources/images/portraits/tano.png");
}
#dialoguePortrait.sinos {
  background-image: url("../resources/images/portraits/sinos.png");
}
#dialoguePortrait.rumni {
  background-image: url("../resources/images/portraits/rumni.png");
}
#dialoguePortrait.rubra {
  background-image: url("../resources/images/portraits/rubra.png");
}
#dialoguePortrait.quebraxus {
  background-image: url("../resources/images/portraits/quebraxus.png");
}
#dialoguePortrait.prusifera {
  background-image: url("../resources/images/portraits/prusifera.png");
}
#dialoguePortrait.pinutros {
  background-image: url("../resources/images/portraits/pinutros.png");
}
#dialoguePortrait.omorica {
  background-image: url("../resources/images/portraits/omorica.png");
}
#dialoguePortrait.myo {
  background-image: url("../resources/images/portraits/myo.png");
}
#dialoguePortrait.moralba {
  background-image: url("../resources/images/portraits/moralba.png");
}
#dialoguePortrait.fir {
  background-image: url("../resources/images/portraits/fir.png");
}
#dialoguePortrait.lirion {
  background-image: url("../resources/images/portraits/lirion.png");
}
#dialoguePortrait.juni {
  background-image: url("../resources/images/portraits/juni.png");
}
#dialoguePortrait.juglanig {
  background-image: url("../resources/images/portraits/juglanig.png");
}
#dialoguePortrait.fraxi {
  background-image: url("../resources/images/portraits/fraxi.png");
}
#dialoguePortrait.fagusvat {
  background-image: url("../resources/images/portraits/fagusvat.png");
}
#dialoguePortrait.erca {
  background-image: url("../resources/images/portraits/erca.png");
}
#dialoguePortrait.egunda {
  background-image: url("../resources/images/portraits/egunda.png");
}
#dialoguePortrait.echina {
  background-image: url("../resources/images/portraits/echina.png");
}
#dialoguePortrait.danson {
  background-image: url("../resources/images/portraits/danson.png");
}
#dialoguePortrait.charinu {
  background-image: url("../resources/images/portraits/charinu.png");
}
#dialoguePortrait.caryagla {
  background-image: url("../resources/images/portraits/caryagla.png");
}
#dialoguePortrait.byrso {
  background-image: url("../resources/images/portraits/byrso.png");
}
#dialoguePortrait.baccataxus {
  background-image: url("../resources/images/portraits/baccataxus.png");
}
#dialoguePortrait.acetanoides {
  background-image: url("../resources/images/portraits/acetanoides.png");
}
#dialoguePortrait.aceru {
  background-image: url("../resources/images/portraits/aceru.png");
}
#dialoguePortrait.acetonides,
#dialoguePortrait.baccataxus,
#dialoguePortrait.egunda,
#dialoguePortrait.lirion,
#dialoguePortrait.quebraxus,
#dialoguePortrait.prusifera {
  background-position: left 0 bottom 155px;
}
#dialogueBalloon {
  position: absolute;
  top: auto;
  bottom: -5px;
  left: -5px;
  right: -5px;
  height: 160px;
  background: transparent url("../resources/images/ui/paperBg.jpg") 0 0 scroll no-repeat;
  background-size: 100% 100%;
  padding: 30px;
  color: #333;
}
#dialogueBorder {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 30px solid transparent;
  border-image: url("../resources/images/ui/leafsBorder.png") 30 repeat;
}
/*-----------------------------------------------------
	dialogue options
-----------------------------------------------------*/
#dialogueOptions .ui-content {
  position: absolute;
  top: auto;
  bottom: -5px;
  left: -10px;
  right: -5px;
  height: 163px;
  padding: 30px;
  color: #333;
}
#dialogueOptions .optionCol {
  float: left;
  margin-right: 15px;
  margin-bottom: 3px;
  width: 135px;
}
#dialogueOptions .optionCol .option {
  max-width: 135px;
  padding: 3px 5px 1px;
  border-radius: 5px;
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}
#dialogueOptions .optionCol .option:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
#dialogueOptions .optionCol .option.asked {
  color: #999;
}
/*-----------------------------------------------------
	text
-----------------------------------------------------*/
#text .ui-content {
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#text .ui-content .text {
  display: none;
}
#text .ui-content .text-chapterTitle {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 140px;
  margin: -70px 0 0 0;
  line-height: 100px;
  text-align: center;
  font-size: 32px;
  font-weight: 300;
  background: transparent url("../resources/images/ui/red.png") center scroll no-repeat;
}
#text .ui-content .text-introductionSignature {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 50px;
  margin: -25px 0 0 0;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
}
/*-----------------------------------------------------
	inventory
-----------------------------------------------------*/
#inventory .ui-window {
  position: absolute;
  width: 700px;
  height: 500px;
  margin: -250px 0 0 -350px;
  top: 50%;
  left: 50%;
}
#inventory .ui-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
#inventory .poiBox {
  position: relative;
}
#inventory .poi {
  width: 100px;
  height: 100px;
  float: left;
  position: absolute;
  filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.25));
  -webkit-filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.25));
  -webkit-transition: left 1s ease-in-out, top 1s ease-in-out;
  transition: left 1s ease-in-out, top 1s ease-in-out;
}
#inventory .poi .combineIcon {
  color: #000;
  border: 1px dashed #000;
  opacity: 0.35;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  bottom: -10.4px;
  right: -15.4px;
}
#inventory .poi .combineIcon:before {
  content: "+";
}
#inventory .poi .combineIcon.active {
  background-color: #000;
  border-style: solid;
  color: #fff;
  opacity: 0.75;
}
#inventory .poi .combineIcon.active:before {
  content: "-";
}
#inventory .poi-bottle {
  background-image: url("../resources/images/inventory/bottle.png");
}
#inventory .poi-bottleEmpty {
  background-image: url("../resources/images/inventory/bottle.png");
}
#inventory .poi-bottleFull {
  background-image: url("../resources/images/inventory/bottleFull.png");
}
#inventory .poi-bottleFullOfHoney {
  background-image: url("../resources/images/inventory/bottleFullOfHoney.png");
}
#inventory .poi-brokenSword {
  background-image: url("../resources/images/inventory/brokenSword.png");
}
#inventory .poi-bucket {
  background-image: url("../resources/images/inventory/bucket.png");
}
#inventory .poi-bucketWithWater {
  background-image: url("../resources/images/inventory/bucketWithWater.png");
}
#inventory .poi-dagger {
  background-image: url("../resources/images/inventory/dagger.png");
}
#inventory .poi-earth {
  background-image: url("../resources/images/inventory/earth.png");
}
#inventory .poi-flower {
  background-image: url("../resources/images/inventory/flower.png");
}
#inventory .poi-hat {
  background-image: url("../resources/images/inventory/hat.png");
}
#inventory .poi-helmet {
  background-image: url("../resources/images/inventory/helmet.png");
}
#inventory .poi-helmetFixed {
  background-image: url("../resources/images/inventory/helmetFixed.png");
}
#inventory .poi-helmetFixedWithWater {
  background-image: url("../resources/images/inventory/helmetFixedWithWater.png");
}
#inventory .poi-honey {
  background-image: url("../resources/images/inventory/honey.png");
}
#inventory .poi-honeyReal {
  background-image: url("../resources/images/inventory/honey.png");
}
#inventory .poi-hook {
  background-image: url("../resources/images/inventory/hook.png");
}
#inventory .poi-key {
  background-image: url("../resources/images/inventory/key.png");
}
#inventory .poi-leaf {
  background-image: url("../resources/images/inventory/leaf.png");
}
#inventory .poi-ribbon {
  background-image: url("../resources/images/inventory/ribbon.png");
}
#inventory .poi-seed {
  background-image: url("../resources/images/inventory/seed.png");
}
#inventory .poi-seeds {
  background-image: url("../resources/images/inventory/seeds.png");
}
#inventory .poi-shovel {
  background-image: url("../resources/images/inventory/shovel.png");
}
#inventory .poi-slingshot {
  background-image: url("../resources/images/inventory/slingshot.png");
}
#inventory .poi-stick {
  background-image: url("../resources/images/inventory/stick.png");
}
#inventory .poi-stickWithThorn {
  background-image: url("../resources/images/inventory/stickWithThorn.png");
}
#inventory .poi-stickWithVines {
  background-image: url("../resources/images/inventory/stickWithVines.png");
}
#inventory .poi-thorn {
  background-image: url("../resources/images/inventory/thorn.png");
}
#inventory .poi-thornWithVines {
  background-image: url("../resources/images/inventory/thornWithVines.png");
}
#inventory .poi-towel {
  background-image: url("../resources/images/inventory/towel.png");
}
#inventory .poi-towelDirty {
  background-image: url("../resources/images/inventory/towelDirty.png");
}
#inventory .poi-vines {
  background-image: url("../resources/images/inventory/vines.png");
}
#inventory .poi-wheelbarrow {
  background-image: url("../resources/images/inventory/wheelbarrow.png");
}
#inventory .poi-wheelbarrowWithMixture {
  background-image: url("../resources/images/inventory/wheelbarrowWithMixture.png");
}
#inventory .poi-wreath {
  background-image: url("../resources/images/inventory/wreath.png");
}
#inventory .poi[data-inv-slot="1"] {
  left: 0px;
  top: 0px;
}
#inventory .poi[data-inv-slot="2"] {
  left: 135px;
  top: 0px;
}
#inventory .poi[data-inv-slot="3"] {
  left: 270px;
  top: 0px;
}
#inventory .poi[data-inv-slot="4"] {
  left: 405px;
  top: 0px;
}
#inventory .poi[data-inv-slot="5"] {
  left: 540px;
  top: 0px;
}
#inventory .poi[data-inv-slot="6"] {
  left: 0px;
  top: 135px;
}
#inventory .poi[data-inv-slot="7"] {
  left: 135px;
  top: 135px;
}
#inventory .poi[data-inv-slot="8"] {
  left: 270px;
  top: 135px;
}
#inventory .poi[data-inv-slot="9"] {
  left: 405px;
  top: 135px;
}
#inventory .poi[data-inv-slot="10"] {
  left: 540px;
  top: 135px;
}
#inventory .poi[data-inv-slot="11"] {
  left: 0px;
  top: 270px;
}
#inventory .poi[data-inv-slot="12"] {
  left: 135px;
  top: 270px;
}
#inventory .poi[data-inv-slot="13"] {
  left: 270px;
  top: 270px;
}
#inventory .poi[data-inv-slot="14"] {
  left: 405px;
  top: 270px;
}
#inventory .poi[data-inv-slot="15"] {
  left: 540px;
  top: 270px;
}
#scene-ui_map {
  background: transparent url("../resources/images/map/background.jpg") center scroll no-repeat;
}
#scene-ui_map .poi {
  width: 120px;
  height: 120px;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
}
#scene-ui_map .poi:before {
  content: " ";
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  border: 30px solid;
  border-image: url("../resources/images/ui/leafsBorder.png") 30 repeat;
}
#scene-ui_map .poi.current:before {
  border-image: url("../resources/images/ui/leafsBorderActive.png") 30 repeat;
}
#scene-ui_map .poi.disabled {
  filter: grayscale(75%);
  -webkit-filter: grayscale(75%);
  opacity: 0.6;
}
#scene-ui_map .poi-rosaHouse {
  background: transparent url("../resources/images/map/rosaHouse.jpg") center scroll no-repeat;
  top: 79px;
  left: 135px;
}
#scene-ui_map .poi-nursery {
  background: transparent url("../resources/images/map/nursery.jpg") center scroll no-repeat;
  top: 28px;
  left: 380px;
}
#scene-ui_map .poi-elders {
  background: transparent url("../resources/images/map/elders.jpg") center scroll no-repeat;
  top: 245px;
  left: 281px;
}
#scene-ui_map .poi-honeyTree {
  background: transparent url("../resources/images/map/honeyTree.jpg") center scroll no-repeat;
  top: 412px;
  left: 33px;
}
#scene-ui_map .poi-oldestTree {
  background: transparent url("../resources/images/map/oldestTree.jpg") center scroll no-repeat;
  top: 382px;
  left: 596px;
}
#scene-ui_map .poi-willowHouse {
  background: transparent url("../resources/images/map/willowHouse.jpg") center scroll no-repeat;
  top: 163px;
  left: 645px;
}
#credits.mode-menu {
  background: transparent url("../resources/images/mainMenu/background.jpg") 0 0 scroll no-repeat;
}
#credits.mode-menu .ui-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
#credits .ui-content {
  padding: 45px 50px 0 50px;
  color: #fff;
  text-align: left;
  display: none;
}
#credits .ui-content div {
  margin-bottom: 20px;
}
#credits .ui-content h2 {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
}
#credits .ui-content div,
#credits .ui-content h2 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
}
/*-----------------------------------------------------
	scences and pois
-----------------------------------------------------*/
#scenes .scene {
  display: none;
}
#scenes .closeup .ui-window {
  position: absolute;
  width: 640px;
  height: 480px;
  margin: -240px 0 0 -320px;
  top: 50%;
  left: 50%;
  padding: 0;
}
#scenes .closeup .ui-borders {
  z-index: 1;
  pointer-events: none;
}
.poiBox .poi {
  display: block;
  position: absolute;
  pointer-events: none;
}
.poiBox .poi.hidden {
  display: none;
}
.poiBox .poi.dev {
  border: 1px solid deeppink;
  margin: -1px 0 0 -1px;
}
.poiBox .poi.dev-hidden.hidden {
  border: 1px dashed deeppink;
  margin: -1px 0 0 -1px;
  display: block !important;
  opacity: 0.5 !important;
}
.poiBox .poi svg {
  width: 100%;
  height: 100%;
}
.poiBox .poi div.hotspot {
  position: absolute;
}
.poiBox .poi polygon.hotspot {
  fill: rgba(255, 255, 255, 0);
}
.poiBox .poi.dev-hotspot div.hotspot {
  background-color: rgba(255, 20, 147, 0.5);
}
.poiBox .poi.dev-hotspot polygon.hotspot {
  fill: deeppink;
  opacity: 0.5;
}
.poiBox .poi.dev-hotspot.hotspot {
  background-color: rgba(255, 20, 147, 0.5) !important;
}
.poiBox .poi .helper {
  position: absolute;
  display: none;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-left: -10px;
  margin-bottom: -10px;
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.75);
  box-shadow: 0 0 5px 0 #ffffff;
}
#sceneFx {
  background-color: #000;
  display: none;
}
#scene-cutscenes_introduction .poi-poster {
  left: 0;
  top: 0;
  width: 800px;
  height: 600px;
  background: transparent url("../resources/images/introduction.jpg") 0 0 scroll no-repeat;
  display: none;
}
#scene-prologue_rosaHouse {
  background: transparent url("../resources/images/locations/prologue_rosaHouse/background.jpg") 0 0 scroll no-repeat;
}
#scene-prologue_rosaHouse .poi-ruins {
  left: 280px;
  top: 165px;
  width: 210px;
  height: 275px;
}
#scene-prologue_rosaHouse .poi-kids {
  background: transparent url("../resources/images/locations/prologue_rosaHouse/kids.png") 0 0 scroll no-repeat;
  left: 318px;
  top: 297px;
  width: 60px;
  height: 63px;
}
#scene-prologue_rosaHouse .poi-exit {
  left: 0px;
  top: px;
  width: 800px;
  height: 600px;
}
#scene-prologue_rosaHouse .poi-exit .helper {
  left: 180px;
}
#scene-prologue_nursery {
  background: transparent url("../resources/images/locations/prologue_nursery/background.jpg") 0 0 scroll no-repeat;
}
#scene-prologue_nursery .poi-willow {
  left: 285px;
  top: 273px;
  width: 105px;
  height: 179px;
}
#scene-prologue_nursery .poi-kid1 {
  left: 275px;
  top: 384px;
  width: 63px;
  height: 89px;
}
#scene-prologue_nursery .poi-kid2 {
  left: 382px;
  top: 339px;
  width: 42px;
  height: 87px;
}
#scene-prologue_nursery .poi-tree1 {
  left: 77px;
  top: 17px;
  width: 117px;
  height: 256px;
}
#scene-prologue_nursery .poi-tree2 {
  left: 275px;
  top: 119px;
  width: 81px;
  height: 148px;
}
#scene-prologue_nursery .poi-tree3 {
  left: 512px;
  top: 101px;
  width: 193px;
  height: 226px;
}
#scene-prologue_nursery .poi-stream {
  left: 435px;
  top: 407px;
  width: 160px;
  height: 162px;
}
#scene-prologue_willowHouse {
  background: transparent url("../resources/images/locations/prologue_willowHouse/background.jpg") 0 0 scroll no-repeat;
}
#scene-prologue_willowHouse .poi-willow {
  left: 113px;
  top: 219px;
  width: 327px;
  height: 354px;
}
#scene-prologue_willowHouse .poi-tea {
  left: 504px;
  top: 293px;
  width: 62px;
  height: 73px;
}
#scene-prologue_rosaHouseWithMyo {
  background: transparent url("../resources/images/locations/prologue_rosaHouseWithMyo/background.jpg") 0 0 scroll no-repeat;
}
#scene-prologue_rosaHouseWithMyo .poi-ruins {
  left: 70px;
  top: 223px;
  width: 180px;
  height: 314px;
}
#scene-prologue_rosaHouseWithMyo .poi-egunda {
  left: 250px;
  top: 100px;
  width: 192px;
  height: 260px;
}
#scene-prologue_rosaHouseWithMyo .poi-willow {
  left: 14px;
  top: 332px;
  width: 77px;
  height: 105px;
}
#scene-rosaHouse {
  background: transparent url("../resources/images/locations/rosaHouse/background.jpg") 0 0 scroll no-repeat;
}
#scene-rosaHouse .poi-leafsClosed {
  background: transparent url("../resources/images/locations/rosaHouse/leafsClosed.png") 0 0 scroll no-repeat;
  left: 425px;
  top: 120px;
  width: 220px;
  height: 225px;
}
#scene-rosaHouse .poi-leafsHalfOpened {
  background: transparent url("../resources/images/locations/rosaHouse/leafsHalfOpened.png") 0 0 scroll no-repeat;
  left: 425px;
  top: 120px;
  width: 220px;
  height: 225px;
}
#scene-rosaHouse .poi-leafsOpened {
  background: transparent url("../resources/images/locations/rosaHouse/leafsOpened.png") 0 0 scroll no-repeat;
  left: 425px;
  top: 120px;
  width: 220px;
  height: 225px;
}
#scene-rosaHouse .poi-myoSitting {
  background: transparent url("../resources/images/locations/rosaHouse/myoSitting.png") 0 0 scroll no-repeat;
  left: 425px;
  top: 120px;
  width: 220px;
  height: 225px;
}
#scene-rosaHouse .poi-myoStanding {
  background: transparent url("../resources/images/locations/rosaHouse/myoStanding.png") 0 0 scroll no-repeat;
  left: 178px;
  top: 467px;
  width: 54px;
  height: 103px;
}
#scene-rosaHouse .poi-ruins {
  left: 5px;
  top: 250px;
  width: 250px;
  height: 318px;
}
#scene-rosaHouse .poi-flowers {
  left: 525px;
  top: 410px;
  width: 190px;
  height: 130px;
}
#scene-rosaHouse .poi-house {
  left: 420px;
  top: 20px;
  width: 310px;
  height: 280px;
}
#scene-rosaHouse .poi-curtainOpened {
  left: 575px;
  top: 205px;
  width: 65px;
  height: 125px;
}
#scene-rosaHouse .poi-curtainClosed {
  left: 440px;
  top: 130px;
  width: 200px;
  height: 170px;
}
#scene-rosaHouse .poi-exit {
  left: 0px;
  top: 500px;
  width: 800px;
  height: 100px;
}
#scene-rosaHouse .poi-egunda {
  left: 230px;
  top: 90px;
  width: 210px;
  height: 295px;
}
#scene-rosaHouse .poi-charinu {
  background: transparent url("../resources/images/locations/rosaHouse/charinu.png") 0 0 scroll no-repeat;
  left: 508px;
  top: 189px;
  width: 73px;
  height: 93px;
}
#scene-rosaHouse .poi-echina {
  background: transparent url("../resources/images/locations/rosaHouse/echina.png") 0 0 scroll no-repeat;
  left: 612px;
  top: 418px;
  width: 72px;
  height: 84px;
}
#scene-rosaHouse .poi-bush {
  background: transparent url("../resources/images/locations/rosaHouse/bush.png") 0 0 scroll no-repeat;
  left: 52px;
  top: 335px;
  width: 52px;
  height: 66px;
}
#scene-rosaHouse .poi-trobu {
  background: transparent url("../resources/images/locations/rosaHouse/trobu.png") 0 0 scroll no-repeat;
  left: 52px;
  top: 335px;
  width: 52px;
  height: 66px;
}
#scene-rosaHouse .poi-kids {
  background: transparent url("../resources/images/locations/rosaHouse/kids.png") 0 0 scroll no-repeat;
  left: 401px;
  top: 67px;
  width: 195px;
  height: 247px;
}
#scene-rosaHouseNight {
  background: transparent url("../resources/images/locations/rosaHouseNight/background.jpg") 0 0 scroll no-repeat;
}
#scene-rosaHouseNight .poi-leafsClosed {
  background: transparent url("../resources/images/locations/rosaHouseNight/leafsClosed.png") 0 0 scroll no-repeat;
  left: 425px;
  top: 120px;
  width: 220px;
  height: 225px;
}
#scene-rosaHouseNight .poi-leafsHalfOpened {
  background: transparent url("../resources/images/locations/rosaHouseNight/leafsHalfOpened.png") 0 0 scroll no-repeat;
  left: 425px;
  top: 120px;
  width: 220px;
  height: 225px;
}
#scene-rosaHouseNight .poi-leafsOpened {
  background: transparent url("../resources/images/locations/rosaHouseNight/leafsOpened.png") 0 0 scroll no-repeat;
  left: 425px;
  top: 120px;
  width: 220px;
  height: 225px;
}
#scene-rosaHouseNight .poi-myoSitting {
  background: transparent url("../resources/images/locations/rosaHouseNight/myoSitting.png") 0 0 scroll no-repeat;
  left: 425px;
  top: 120px;
  width: 220px;
  height: 225px;
}
#scene-rosaHouseNight .poi-ruins {
  left: 5px;
  top: 250px;
  width: 250px;
  height: 318px;
}
#scene-rosaHouseNight .poi-flowers {
  left: 525px;
  top: 410px;
  width: 190px;
  height: 130px;
}
#scene-rosaHouseNight .poi-house {
  left: 420px;
  top: 20px;
  width: 310px;
  height: 280px;
}
#scene-rosaHouseNight .poi-curtainOpened {
  left: 575px;
  top: 205px;
  width: 65px;
  height: 125px;
}
#scene-rosaHouseNight .poi-curtainClosed {
  left: 440px;
  top: 130px;
  width: 200px;
  height: 170px;
}
#scene-rosaHouseNight .poi-exit {
  left: 0px;
  top: 500px;
  width: 800px;
  height: 100px;
}
#scene-rosaHouseNight .poi-egunda {
  left: 230px;
  top: 90px;
  width: 210px;
  height: 295px;
}
#scene-rosaHouseNight .poi-kids {
  background: transparent url("../resources/images/locations/rosaHouseNight/kids.png") 0 0 scroll no-repeat;
  left: 401px;
  top: 67px;
  width: 195px;
  height: 247px;
}
#scene-rosaHouseNight .poi-exit {
  left: 0px;
  top: 542px;
  width: 800px;
  height: 58px;
}
#scene-rosaHouseNight .poi-slingshot {
  background: transparent url("../resources/images/locations/rosaHouseNight/slingshot.png") 0 0 scroll no-repeat;
  left: 527px;
  top: 230px;
  width: 63px;
  height: 52px;
}
#scene-rosaHouseNight .poi-myo_escape1 {
  background: transparent url("../resources/images/locations/rosaHouseNight/myo_escape1.png") 0 0 scroll no-repeat;
  left: 114px;
  top: 446px;
  width: 34px;
  height: 96px;
}
#scene-rosaHouseNight .poi-shadow {
  background: transparent url("../resources/images/locations/rosaHouseNight/shadow.png") 0 0 scroll no-repeat;
  left: 0px;
  top: 220px;
  width: 682px;
  height: 380px;
}
#scene-rosaHouseNight .poi-monsterAttackCutscene03a {
  background: transparent url("../resources/images/locations/rosaHouseNight/monsterAttackCutscene03a.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
}
#scene-rosaHouseNight .poi-monsterAttackCutscene03b {
  background: transparent url("../resources/images/locations/rosaHouseNight/monsterAttackCutscene03b.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
}
#scene-rosaHouseNight .poi-monsterAttackCutscene03c {
  background: transparent url("../resources/images/locations/rosaHouseNight/monsterAttackCutscene03c.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
}
#scene-nursery {
  background: transparent url("../resources/images/locations/nursery/background.jpg") 0 0 scroll no-repeat;
}
#scene-nursery .poi-mother1 {
  left: 115px;
  top: 80px;
  width: 70px;
  height: 70px;
}
#scene-nursery .poi-mother2 {
  left: 286px;
  top: 150px;
  width: 65px;
  height: 65px;
}
#scene-nursery .poi-mother3 {
  left: 625px;
  top: 120px;
  width: 75px;
  height: 75px;
}
#scene-nursery .poi-exit {
  left: 330px;
  top: 140px;
  width: 200px;
  height: 220px;
}
#scene-nursery .poi-ticordata {
  background: transparent url("../resources/images/locations/nursery/ticordata.png") 0 0 scroll no-repeat;
  left: 385px;
  top: 25px;
  width: 185px;
  height: 360px;
}
#scene-nursery .poi-ticordata .hotspot {
  left: 62px;
  top: 88px;
  width: 73px;
  height: 255px;
}
#scene-nursery .poi-juni {
  background: transparent url("../resources/images/locations/nursery/juni.png") 0 0 scroll no-repeat;
  left: 73px;
  top: 113px;
  width: 148px;
  height: 312px;
}
#scene-nursery .poi-juni .hotspot {
  left: 52px;
  top: 11px;
  width: 75px;
  height: 289px;
}
#scene-nursery .poi-juni.nextDay {
  background: transparent url("../resources/images/locations/nursery/juniNext.png") 0 0 scroll no-repeat;
  left: 52px;
  top: 237px;
  width: 199px;
  height: 247px;
}
#scene-nursery .poi-juni.nextDay .hotspot {
  left: 31px;
  top: 0px;
  width: 94px;
  height: 216px;
}
#scene-nursery .poi-aceru {
  background: transparent url("../resources/images/locations/nursery/aceru.png") 0 0 scroll no-repeat;
  left: 29px;
  top: 190px;
  width: 214px;
  height: 361px;
}
#scene-nursery .poi-aceru .hotspot {
  left: 54px;
  top: 16px;
  width: 120px;
  height: 264px;
}
#scene-nursery .poi-aceru.nextDay {
  background: transparent url("../resources/images/locations/nursery/aceruNext.png") 0 0 scroll no-repeat;
  left: 179px;
  top: 180px;
  width: 140px;
  height: 224px;
}
#scene-nursery .poi-aceru.nextDay .hotspot {
  left: 22px;
  top: 0px;
  width: 64px;
  height: 157px;
}
#scene-nursery .poi-omorica {
  background: transparent url("../resources/images/locations/nursery/omorica.png") 0 0 scroll no-repeat;
  left: 595px;
  top: 190px;
  width: 205px;
  height: 375px;
}
#scene-nursery .poi-omorica .hotspot {
  left: 58px;
  top: 43px;
  width: 147px;
  height: 314px;
}
#scene-nursery .poi-omorica.nextDay {
  background: transparent url("../resources/images/locations/nursery/omoricaNext.png") 0 0 scroll no-repeat;
  left: 405px;
  top: 289px;
  width: 143px;
  height: 174px;
}
#scene-nursery .poi-omorica.nextDay .hotspot {
  left: 30px;
  top: 21px;
  width: 102px;
  height: 134px;
}
#scene-nursery .poi-moralba {
  background: transparent url("../resources/images/locations/nursery/moralba.png") 0 0 scroll no-repeat;
  left: 477px;
  top: 267px;
  width: 144px;
  height: 152px;
}
#scene-nursery .poi-moralba.nextDay {
  background: transparent url("../resources/images/locations/nursery/moralbaNext.png") 0 0 scroll no-repeat;
  left: 534px;
  top: 82px;
  width: 242px;
  height: 452px;
}
#scene-nursery .poi-moralba.nextDay .hotspot {
  left: 85px;
  top: 16px;
  width: 133px;
  height: 350px;
}
#scene-nursery .poi-shovel {
  background: transparent url("../resources/images/locations/nursery/shovel.png") 0 0 scroll no-repeat;
  left: 355px;
  top: 365px;
  width: 80px;
  height: 78px;
}
#scene-nursery .poi-hole {
  background: transparent url("../resources/images/locations/nursery/hole.png") 0 0 scroll no-repeat;
  left: 285px;
  top: 404px;
  width: 60px;
  height: 40px;
}
#scene-nursery .poi-holeSeed {
  background: transparent url("../resources/images/locations/nursery/hole.png") 0 0 scroll no-repeat;
  left: 285px;
  top: 404px;
  width: 60px;
  height: 40px;
}
#scene-nursery .poi-holeWithMixture {
  background: transparent url("../resources/images/locations/nursery/holeWithMixture.png") 0 0 scroll no-repeat;
  left: 285px;
  top: 404px;
  width: 60px;
  height: 40px;
}
#scene-nursery .poi-wheelbarrow {
  background: transparent url("../resources/images/locations/nursery/wheelbarrow.png") 0 0 scroll no-repeat;
  left: 255px;
  top: 285px;
  width: 105px;
  height: 90px;
}
#scene-nursery .poi-bucket {
  background: transparent url("../resources/images/locations/nursery/bucket.png") 0 0 scroll no-repeat;
  left: 444px;
  top: 470px;
  width: 219px;
  height: 130px;
}
#scene-nursery .poi-stream {
  left: 395px;
  top: 390px;
  width: 280px;
  height: 175px;
}
#scene-nursery .poi-towels {
  background: transparent url("../resources/images/locations/nursery/towels.png") 0 0 scroll no-repeat;
  left: 205px;
  top: 150px;
  width: 210px;
  height: 135px;
}
#scene-nursery .poi-towels .helper {
  left: 60px;
  top: 60px;
}
#scene-nursery .poi-towel {
  background: transparent url("../resources/images/locations/nursery/towel.png") 0 0 scroll no-repeat;
  left: 370px;
  top: 150px;
  width: 45px;
  height: 85px;
}
#scene-nursery .poi-towelsDirty {
  background: transparent url("../resources/images/locations/nursery/towelsDirty.png") 0 0 scroll no-repeat;
  left: 205px;
  top: 150px;
  width: 210px;
  height: 135px;
}
#scene-nursery .poi-towelsDirty .helper {
  left: 60px;
  top: 60px;
}
#scene-nursery .poi-towelDirty {
  background: transparent url("../resources/images/locations/nursery/towelDirty.png") 0 0 scroll no-repeat;
  left: 370px;
  top: 150px;
  width: 45px;
  height: 85px;
}
#scene-nursery .poi-bottles {
  background: transparent url("../resources/images/locations/nursery/bottles.png") 0 0 scroll no-repeat;
  left: 520px;
  top: 15px;
  width: 110px;
  height: 225px;
}
#scene-nursery .poi-bottle {
  background: transparent url("../resources/images/locations/nursery/bottle.png") 0 0 scroll no-repeat;
  left: 520px;
  top: 15px;
  width: 110px;
  height: 225px;
}
#scene-nursery .poi-bottleEmpty {
  background: transparent url("../resources/images/locations/nursery/bottle.png") 0 0 scroll no-repeat;
  left: 520px;
  top: 15px;
  width: 110px;
  height: 225px;
}
#scene-nursery .poi-tank {
  left: 220px;
  top: 470px;
  width: 290px;
  height: 130px;
}
#scene-nursery .poi-tankWithWater {
  background: transparent url("../resources/images/locations/nursery/tankWithWater.png") 0 0 scroll no-repeat;
  left: 220px;
  top: 470px;
  width: 290px;
  height: 130px;
}
#scene-nursery .poi-tankWithMinerals {
  background: transparent url("../resources/images/locations/nursery/tankWithMinerals.png") 0 0 scroll no-repeat;
  left: 220px;
  top: 470px;
  width: 290px;
  height: 130px;
}
#scene-nursery .poi-tankWithHoney {
  background: transparent url("../resources/images/locations/nursery/tankWithHoney.png") 0 0 scroll no-repeat;
  left: 220px;
  top: 470px;
  width: 290px;
  height: 130px;
}
#scene-nursery .poi-tankWithWaterAndMinerals {
  background: transparent url("../resources/images/locations/nursery/tankWithWaterAndMinerals.png") 0 0 scroll no-repeat;
  left: 220px;
  top: 470px;
  width: 290px;
  height: 130px;
}
#scene-nursery .poi-pileOfGround {
  left: 165px;
  top: 275px;
  width: 90px;
  height: 75px;
}
#scene-nursery .poi-seedDig {
  background: transparent url("../resources/images/locations/nursery/seedDig.png") 0 0 scroll no-repeat;
  left: 296px;
  top: 363px;
  width: 59px;
  height: 75px;
}
#scene-nursery .poi-seedDirty {
  background: transparent url("../resources/images/locations/nursery/seedDirty.png") 0 0 scroll no-repeat;
  left: 217px;
  top: 342px;
  width: 98px;
  height: 80px;
}
#scene-nursery .poi-seedHungry {
  background: transparent url("../resources/images/locations/nursery/seedHungry.png") 0 0 scroll no-repeat;
  left: 240px;
  top: 301px;
  width: 75px;
  height: 119px;
}
#scene-nursery .poi-seedSleep {
  background: transparent url("../resources/images/locations/nursery/seedSleep.png") 0 0 scroll no-repeat;
  left: 141px;
  top: 323px;
  width: 76px;
  height: 97px;
}
#scene-nursery .poi-prusifera {
  background: transparent url("../resources/images/locations/nursery/prusifera.png") 0 0 scroll no-repeat;
  left: 286px;
  top: 145px;
  width: 69px;
  height: 94px;
}
#scene-nursery .poi-erca {
  background: transparent url("../resources/images/locations/nursery/erca.png") 0 0 scroll no-repeat;
  left: 548px;
  top: 301px;
  width: 154px;
  height: 241px;
}
#scene-nursery .poi-erca .hotspot {
  left: 42px;
  top: 37px;
  width: 62px;
  height: 168px;
}
#scene-nursery .poi-byrso {
  background: transparent url("../resources/images/locations/nursery/byrso.png") 0 0 scroll no-repeat;
  left: 644px;
  top: 305px;
  width: 110px;
  height: 175px;
}
#scene-nursery .poi-charinu {
  background: transparent url("../resources/images/locations/nursery/charinu.png") 0 0 scroll no-repeat;
  left: 534px;
  top: 309px;
  width: 83px;
  height: 95px;
}
#scene-nursery .poi-rubra {
  background: transparent url("../resources/images/locations/nursery/rubra.png") 0 0 scroll no-repeat;
  left: 240px;
  top: 171px;
  width: 46px;
  height: 103px;
}
#scene-nursery .poi-rumni {
  background: transparent url("../resources/images/locations/nursery/rumni.png") 0 0 scroll no-repeat;
  left: 136px;
  top: 282px;
  width: 88px;
  height: 140px;
}
#scene-nursery .poi-sinos {
  background: transparent url("../resources/images/locations/nursery/sinos.png") 0 0 scroll no-repeat;
  left: 364px;
  top: 113px;
  width: 41px;
  height: 67px;
}
#scene-nursery .poi-trobu {
  background: transparent url("../resources/images/locations/nursery/trobu.png") 0 0 scroll no-repeat;
  left: 212px;
  top: 368px;
  width: 98px;
  height: 131px;
}
#scene-nursery .poi-tano {
  background: transparent url("../resources/images/locations/nursery/tano.png") 0 0 scroll no-repeat;
  left: 343px;
  top: 353px;
  width: 117px;
  height: 131px;
}
#scene-nursery .poi-fraxi {
  background: transparent url("../resources/images/locations/nursery/fraxi.png") 0 0 scroll no-repeat;
  left: 285px;
  top: 260px;
  width: 43px;
  height: 116px;
}
#scene-nursery .poi-echina {
  background: transparent url("../resources/images/locations/nursery/echina.png") 0 0 scroll no-repeat;
  left: 251px;
  top: 123px;
  width: 54px;
  height: 88px;
}
#scene-nurseryNight {
  background: transparent url("../resources/images/locations/nurseryNight/background.jpg") 0 0 scroll no-repeat;
}
#scene-nurseryNight .poi-crowd {
  background: transparent url("../resources/images/locations/nurseryNight/crowd.png") 0 0 scroll no-repeat;
  left: 120px;
  top: 243px;
  width: 489px;
  height: 195px;
}
#scene-nurseryNight .poi-lirion {
  background: transparent url("../resources/images/locations/nurseryNight/lirion.png") 0 0 scroll no-repeat;
  left: 486px;
  top: 288px;
  width: 314px;
  height: 312px;
}
#scene-nurseryNight .poi-myoRead {
  background: transparent url("../resources/images/locations/nurseryNight/myoRead.png") 0 0 scroll no-repeat;
  left: 317px;
  top: 318px;
  width: 120px;
  height: 134px;
}
#scene-nurseryNight .poi-juni {
  background: transparent url("../resources/images/locations/nurseryNight/juni.png") 0 0 scroll no-repeat;
  left: 518px;
  top: 267px;
  width: 99px;
  height: 142px;
}
#scene-nurseryNight .poi-ticordata {
  background: transparent url("../resources/images/locations/nurseryNight/ticordata.png") 0 0 scroll no-repeat;
  left: 403px;
  top: 24px;
  width: 164px;
  height: 362px;
}
#scene-nurseryNight .poi-ticordata .hotspot {
  left: 50px;
  top: 35px;
  width: 68px;
  height: 315px;
}
#scene-nurseryNight .poi-omorica {
  background: transparent url("../resources/images/locations/nurseryNight/omorica.png") 0 0 scroll no-repeat;
  left: 217px;
  top: 189px;
  width: 49px;
  height: 162px;
}
#scene-nurseryNight .poi-aceru {
  background: transparent url("../resources/images/locations/nurseryNight/aceru.png") 0 0 scroll no-repeat;
  left: 268px;
  top: 253px;
  width: 110px;
  height: 133px;
}
#scene-nurseryNight .poi-moralba {
  background: transparent url("../resources/images/locations/nurseryNight/moralba.png") 0 0 scroll no-repeat;
  left: 75px;
  top: 243px;
  width: 209px;
  height: 249px;
}
#scene-nurseryNight .poi-myo {
  background: transparent url("../resources/images/locations/nurseryNight/myo.png") 0 0 scroll no-repeat;
  left: 337px;
  top: 229px;
  width: 89px;
  height: 126px;
}
#scene-nurseryNight .poi-myoUp {
  background: transparent url("../resources/images/locations/nurseryNight/myoUp.png") 0 0 scroll no-repeat;
  left: 263px;
  top: 62px;
  width: 275px;
  height: 334px;
}
#scene-nurseryNight .poi-monsterAttackCutscene01 {
  background: transparent url("../resources/images/locations/nurseryNight/monsterAttackCutscene01.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
}
#scene-nurseryNight .poi-myoRun01 {
  background: transparent url("../resources/images/locations/nurseryNight/myoRun01.png") 0 0 scroll no-repeat;
  left: 195px;
  top: 326px;
  width: 131px;
  height: 192px;
}
#scene-nurseryNight .poi-myoRun02 {
  background: transparent url("../resources/images/locations/nurseryNight/myoRun02.png") 0 0 scroll no-repeat;
  left: 102px;
  top: 0px;
  width: 372px;
  height: 508px;
}
#scene-nurseryNight .poi-myoRun03 {
  background: transparent url("../resources/images/locations/nurseryNight/myoRun03.png") 0 0 scroll no-repeat;
  left: 69px;
  top: 0px;
  width: 723px;
  height: 600px;
}
#scene-nurseryNight .poi-monsterAttackCutscene02 {
  background: transparent url("../resources/images/locations/nurseryNight/monsterAttackCutscene02.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
}
#scene-elders {
  background: transparent url("../resources/images/locations/elders/background.jpg") 0 0 scroll no-repeat;
}
#scene-elders .poi-exit {
  left: 0px;
  top: 520px;
  width: 800px;
  height: 80px;
}
#scene-elders .poi-myo {
  background: transparent url("../resources/images/locations/elders/myo.png") 0 0 scroll no-repeat;
  left: 378px;
  top: 464px;
  width: 23px;
  height: 50px;
}
#scene-elders .poi-stoneOfLaw {
  left: 285px;
  top: 350px;
  width: 210px;
  height: 140px;
}
#scene-elders .poi-quebraxus {
  left: 325px;
  top: 150px;
  width: 150px;
  height: 200px;
}
#scene-elders .poi-fagusvat {
  left: 12px;
  top: 290px;
  width: 141px;
  height: 221px;
}
#scene-elders .poi-juglanig {
  left: 638px;
  top: 290px;
  width: 140px;
  height: 221px;
}
#scene-elders .poi-caryagla {
  left: 512px;
  top: 236px;
  width: 103px;
  height: 167px;
}
#scene-elders .poi-acetanoides {
  left: 176px;
  top: 236px;
  width: 118px;
  height: 199px;
}
#scene-elders .poi-vermin1 {
  background: transparent url("../resources/images/locations/elders/vermin1.png") 0 0 scroll no-repeat;
  left: 18px;
  top: 213px;
  width: 54px;
  height: 102px;
}
#scene-elders .poi-vermin2 {
  background: transparent url("../resources/images/locations/elders/vermin2.png") 0 0 scroll no-repeat;
  left: 157px;
  top: 142px;
  width: 42px;
  height: 111px;
}
#scene-elders .poi-vermin3 {
  background: transparent url("../resources/images/locations/elders/vermin3.png") 0 0 scroll no-repeat;
  left: 244px;
  top: 67px;
  width: 34px;
  height: 81px;
}
#scene-elders .poi-vermin4 {
  background: transparent url("../resources/images/locations/elders/vermin4.png") 0 0 scroll no-repeat;
  left: 415px;
  top: 30px;
  width: 87px;
  height: 112px;
}
#scene-elders .poi-vermin5 {
  background: transparent url("../resources/images/locations/elders/vermin5.png") 0 0 scroll no-repeat;
  left: 497px;
  top: 108px;
  width: 65px;
  height: 128px;
}
#scene-elders .poi-vermin6 {
  background: transparent url("../resources/images/locations/elders/vermin6.png") 0 0 scroll no-repeat;
  left: 715px;
  top: 226px;
  width: 63px;
  height: 80px;
}
#scene-elders .poi-Juni_Pinu {
  background: transparent url("../resources/images/locations/elders/Juni_Pinu.png") 0 0 scroll no-repeat;
  left: 400px;
  top: 452px;
  width: 30px;
  height: 59px;
}
#scene-elders .poi-q-r-1 {
  left: 505px;
  top: 220px;
  width: 120px;
  height: 225px;
}
#scene-elders .poi-q-r-2 {
  left: 635px;
  top: 250px;
  width: 165px;
  height: 270px;
}
#scene-elders .poi-q-l-1 {
  left: 160px;
  top: 220px;
  width: 125px;
  height: 225px;
}
#scene-elders .poi-q-l-2 {
  left: 15px;
  top: 285px;
  width: 140px;
  height: 235px;
}
#scene-willowHouse {
  background: transparent url("../resources/images/locations/willowHouse/background.jpg") 0 0 scroll no-repeat;
}
#scene-willowHouse .poi-exit {
  left: 0px;
  top: 521px;
  width: 800px;
  height: 79px;
}
#scene-willowHouse .poi-myoStanding {
  background: transparent url("../resources/images/locations/willowHouse/myoStanding.png") 0 0 scroll no-repeat;
  left: 0px;
  top: 50px;
  width: 416px;
  height: 550px;
}
#scene-willowHouse .poi-closetClose {
  background: transparent url("../resources/images/locations/willowHouse/closetClose.png") 0 0 scroll no-repeat;
  left: 535px;
  top: 0px;
  width: 265px;
  height: 391px;
}
#scene-willowHouse .poi-closetClose .hotspot {
  left: 80px;
  top: 0px;
  width: 185px;
  height: 362px;
}
#scene-willowHouse .poi-closetOpen {
  background: transparent url("../resources/images/locations/willowHouse/closetOpen.png") 0 0 scroll no-repeat;
  left: 535px;
  top: 0px;
  width: 265px;
  height: 391px;
}
#scene-willowHouse .poi-closetOpen .hotspot {
  left: 40px;
  top: 0px;
  width: 225px;
  height: 362px;
}
#scene-willowHouse .poi-ribbon {
  background: transparent url("../resources/images/locations/willowHouse/ribbon.png") 0 0 scroll no-repeat;
  left: 691px;
  top: 138px;
  width: 91px;
  height: 155px;
}
#scene-willowHouse .poi-samovar {
  left: 269px;
  top: 256px;
  width: 147px;
  height: 197px;
}
#scene-willowHouse .poi-samovarBoilingSound {
  left: 269px;
  top: 256px;
  width: 147px;
  height: 197px;
}
#scene-willowHouse .poi-willowChair {
  left: 416px;
  top: 189px;
  width: 275px;
  height: 278px;
}
#scene-willowHouse .poi-willowChair .hotspot {
  left: 10px;
  top: 20px;
  width: 245px;
  height: 265px;
  border-radius: 100%;
}
#scene-willowHouse .poi-willow {
  background: transparent url("../resources/images/locations/willowHouse/willow.png") 0 0 scroll no-repeat;
  left: 390px;
  top: 146px;
  width: 392px;
  height: 414px;
}
#scene-willowHouse .poi-willow .hotspot {
  left: 5px;
  top: 20px;
  width: 275px;
  height: 275px;
  border-radius: 100%;
}
#scene-willowHouse .poi-myoSit {
  background: transparent url("../resources/images/locations/willowHouse/myoSit.png") 0 0 scroll no-repeat;
  left: 67px;
  top: 198px;
  width: 372px;
  height: 383px;
}
#scene-willowHouse .poi-tano {
  background: transparent url("../resources/images/locations/willowHouse/tano.png") 0 0 scroll no-repeat;
  left: 697px;
  top: 256px;
  width: 73px;
  height: 151px;
}
#scene-willowHouse .poi-erca {
  background: transparent url("../resources/images/locations/willowHouse/erca.png") 0 0 scroll no-repeat;
  left: 236px;
  top: 146px;
  width: 162px;
  height: 197px;
}
#scene-willowHouse .poi-trader {
  background: transparent url("../resources/images/locations/willowHouse/gofung.png") 0 0 scroll no-repeat;
  left: 258px;
  top: 206px;
  width: 254px;
  height: 336px;
}
#scene-honeyTree {
  background: transparent url("../resources/images/locations/honeyTree/background.jpg") 0 0 scroll no-repeat;
}
#scene-honeyTree .poi-exit {
  left: 361px;
  top: 495px;
  width: 278px;
  height: 105px;
}
#scene-honeyTree .poi-beehive {
  left: 500px;
  top: 0px;
  width: 163px;
  height: 160px;
}
#scene-honeyTree .poi-honeybarrel {
  left: 639px;
  top: 354px;
  width: 140px;
  height: 141px;
}
#scene-honeyTree .poi-pinutros {
  background: transparent url("../resources/images/locations/honeyTree/pinutros.png") 0 0 scroll no-repeat;
  left: 289px;
  top: 180px;
  width: 144px;
  height: 183px;
}
#scene-honeyTree .poi-lirion {
  background: transparent url("../resources/images/locations/honeyTree/lirion.png") 0 0 scroll no-repeat;
  left: 348px;
  top: 280px;
  width: 272px;
  height: 194px;
}
#scene-honeyTree .poi-lirion .hotspot {
  left: 42px;
  top: 26px;
  width: 192px;
  height: 150px;
}
#scene-honeyTree .poi-danson {
  background: transparent url("../resources/images/locations/honeyTree/danson.png") 0 0 scroll no-repeat;
  left: 445px;
  top: 141px;
  width: 233px;
  height: 200px;
}
#scene-honeyTree .poi-danson .hotspot {
  left: 15px;
  top: 27px;
  width: 200px;
  height: 166px;
}
#scene-honeyTree .poi-slingshot {
  background: transparent url("../resources/images/locations/honeyTree/slingshot.png") 0 0 scroll no-repeat;
  left: 361px;
  top: 280px;
  width: 78px;
  height: 61px;
}
#scene-honeyTree .poi-myo {
  background: transparent url("../resources/images/locations/honeyTree/myo.png") 0 0 scroll no-repeat;
  left: 255px;
  top: 305px;
  width: 88px;
  height: 169px;
}
#scene-honeyTree .poi-leaves {
  background: transparent url("../resources/images/locations/honeyTree/leaves.png") 0 0 scroll no-repeat;
  left: 81px;
  top: 0px;
  width: 472px;
  height: 206px;
}
#scene-honeyTree .poi-girls {
  background: transparent url("../resources/images/locations/honeyTree/girls.png") 0 0 scroll no-repeat;
  left: 0px;
  top: 315px;
  width: 313px;
  height: 285px;
}
#scene-honeyTree .poi-juni_pinu {
  background: transparent url("../resources/images/locations/honeyTree/juni_pinu.png") 0 0 scroll no-repeat;
  left: 411px;
  top: 251px;
  width: 153px;
  height: 260px;
}
#scene-honeyTree .poi-omoricaTree {
  background: transparent url("../resources/images/locations/honeyTree/omorica.png") 0 0 scroll no-repeat;
  left: 264px;
  top: 15px;
  width: 278px;
  height: 191px;
}
#scene-honeyTree .poi-moralba {
  background: transparent url("../resources/images/locations/honeyTree/moralba.png") 0 0 scroll no-repeat;
  left: 313px;
  top: 251px;
  width: 143px;
  height: 163px;
}
#scene-honeyTree .poi-moralba .hotspot {
  left: 14px;
  top: 13px;
  width: 59px;
  height: 99px;
}
#scene-honeyTree .poi-omorica {
  background: transparent url("../resources/images/locations/honeyTree/omoricaDrunk.png") 0 0 scroll no-repeat;
  left: 331px;
  top: 185px;
  width: 108px;
  height: 108px;
}
#scene-honeyTree .poi-trader {
  background: transparent url("../resources/images/locations/honeyTree/gofung.png") 0 0 scroll no-repeat;
  left: 313px;
  top: 260px;
  width: 111px;
  height: 171px;
}
#scene-honeyTree .poi-myoDrunk {
  background: transparent url("../resources/images/locations/honeyTree/myoDrunk.png") 0 0 scroll no-repeat;
  left: 361px;
  top: 260px;
  width: 181px;
  height: 171px;
}
#scene-honeyTree .poi-drunkLeftovers {
  background: transparent url("../resources/images/locations/honeyTree/drunkLeftovers.png") 0 0 scroll no-repeat;
  left: 373px;
  top: 219px;
  width: 254px;
  height: 276px;
}
#scene-honeyTree .poi-destruction {
  background: transparent url("../resources/images/locations/honeyTree/destruction.png") 0 0 scroll no-repeat;
  left: 522px;
  top: 0px;
  width: 217px;
  height: 495px;
}
#scene-honeyTree .poi-rumni {
  background: transparent url("../resources/images/locations/honeyTree/rumni.png") 0 0 scroll no-repeat;
  left: 467px;
  top: 0px;
  width: 68px;
  height: 78px;
}
#scene-honeyTree .poi-rumniHidden {
  background: transparent url("../resources/images/locations/honeyTree/rumniHidden.png") 0 0 scroll no-repeat;
  left: 500px;
  top: 10px;
  width: 31px;
  height: 39px;
}
#scene-honeyTree .poi-sinos {
  background: transparent url("../resources/images/locations/honeyTree/sinos.png") 0 0 scroll no-repeat;
  left: 526px;
  top: 414px;
  width: 56px;
  height: 48px;
}
#scene-endScreen {
  background: transparent url("../resources/images/locations/endScreen/background.jpg") 0 0 scroll no-repeat;
}
#scene-endScreen .poi-darkGlass {
  left: 0;
  top: 0;
  width: 800px;
  height: 600px;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
#scene-oldestTree {
  background: transparent url("../resources/images/locations/oldestTree/background.jpg") 0 0 scroll no-repeat;
}
#scene-oldestTree .poi-exit {
  left: 0px;
  top: 509px;
  width: 800px;
  height: 91px;
}
#scene-oldestTree .poi-baccataxus {
  left: 290px;
  top: 126px;
  width: 217px;
  height: 302px;
}
#scene-oldestTree .poi-greatoak {
  left: 507px;
  top: 229px;
  width: 222px;
  height: 237px;
}
#scene-oldestTree .poi-myosit {
  background: transparent url("../resources/images/locations/oldestTree/myosit.png") 0 0 scroll no-repeat;
  left: 104px;
  top: 229px;
  width: 172px;
  height: 371px;
}
#scene-oldestTree .poi-myoStand {
  background: transparent url("../resources/images/locations/oldestTree/myoStand.png") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 132px;
  height: 487px;
}
#scene-oldestTree .poi-aceru {
  background: transparent url("../resources/images/locations/oldestTree/aceru.png") 0 0 scroll no-repeat;
  left: 212px;
  top: 261px;
  width: 163px;
  height: 277px;
}
#scene-oldestTree .poi-aceru .hotspot {
  left: 15px;
  top: 13px;
  width: 116px;
  height: 248px;
}
#scene-oldestTree .poi-aceruHatHand {
  background: transparent url("../resources/images/locations/oldestTree/aceruHatHand.png") 0 0 scroll no-repeat;
  left: 212px;
  top: 347px;
  width: 225px;
  height: 202px;
}
#scene-oldestTree .poi-aceruHatHead {
  background: transparent url("../resources/images/locations/oldestTree/aceruHatHead.png") 0 0 scroll no-repeat;
  left: 147px;
  top: 229px;
  width: 276px;
  height: 228px;
}
#scene-oldestTree .poi-mouthClosed {
  background: transparent url("../resources/images/locations/oldestTree/mouthClosed.png") 0 0 scroll no-repeat;
  left: 290px;
  top: 126px;
  width: 217px;
  height: 302px;
}
#scene-oldestTree .poi-byrso {
  background: transparent url("../resources/images/locations/oldestTree/byrso.png") 0 0 scroll no-repeat;
  left: 407px;
  top: 312px;
  width: 51px;
  height: 54px;
}
#scene-throwing .ui-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing .myoScene {
  background: transparent url("../resources/images/locations/throwing/myo_scene.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing .myoThrowing {
  background: transparent url("../resources/images/locations/throwing/myo_throwing.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing .myoAfterHappy {
  display: none;
  background: transparent url("../resources/images/locations/throwing/myo_after_happy.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing .myoAfterSad {
  display: none;
  background: transparent url("../resources/images/locations/throwing/myo_after_sad.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing .throwing-question {
  display: none;
  color: #fff;
  padding: 20px;
  font-size: 18px;
  text-shadow: 2px 2px 2px #000000;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
}
#scene-throwing .throwing-answers {
  position: absolute;
  top: 60px;
  bottom: auto;
  left: 0;
  right: 0;
  font-size: 18px;
  text-shadow: 2px 2px 2px #000000;
  display: none;
  color: #fff;
  padding: 0 20px;
}
#scene-throwing .throwing-answers .throwing-answer {
  float: left;
  clear: both;
  padding: 5px 0;
  opacity: 0.85;
}
#scene-throwing .throwing-answers .throwing-answer span {
  opacity: 0.6;
  font-weight: 300;
  margin-right: 5px;
}
#scene-throwing .throwing-answers .throwing-answer i {
  visibility: hidden;
}
#scene-throwing .throwing-answers .throwing-answer:hover {
  opacity: 1;
}
#scene-throwing .throwing-answers .throwing-answer.selected i {
  visibility: visible;
}
#scene-throwing.throwing-elders {
  background: transparent url("../resources/images/locations/throwing/elders_worm.jpg") 0 0 scroll no-repeat;
}
#scene-throwing.throwing-elders .miss {
  display: none;
  background: transparent url("../resources/images/locations/throwing/elders_worm_miss.jpg") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-elders .hit {
  display: none;
  background: transparent url("../resources/images/locations/throwing/elders_worm_hit.jpg") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-honeyTree {
  background: transparent url("../resources/images/locations/throwing/honeyTree_omorica.jpg") 0 0 scroll no-repeat;
}
#scene-throwing.throwing-honeyTree .hit {
  display: none;
  background: transparent url("../resources/images/locations/throwing/honeyTree_omorica_fall.jpg") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-honeyTree .myoAfterHappy {
  background: transparent url("../resources/images/locations/throwing/myo_after_sad.png") 0 0 scroll no-repeat;
}
#scene-throwing.throwing-oldestTree {
  background: transparent url("../resources/images/locations/throwing/oldestTree.jpg") 0 0 scroll no-repeat;
}
#scene-throwing.throwing-oldestTree .miss {
  display: none;
  background: transparent url("../resources/images/locations/throwing/oldestTree_miss.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-oldestTree .hit {
  display: none;
  background: transparent url("../resources/images/locations/throwing/oldestTree_hit.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-oldestTree .myoLeaf {
  display: none;
  background: transparent url("../resources/images/locations/throwing/myo_leaf.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-oldestTree .oldestTreeLeaf1 {
  display: none;
  background: transparent url("../resources/images/locations/throwing/oldestTree_leaf_1.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-oldestTree .oldestTreeLeaf2 {
  display: none;
  background: transparent url("../resources/images/locations/throwing/oldestTree_leaf_2.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-oldestTree .oldestTreeLeaf3 {
  display: none;
  background: transparent url("../resources/images/locations/throwing/oldestTree_leaf_3.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-oldestTree .oldestTreeLeaf4 {
  display: none;
  background: transparent url("../resources/images/locations/throwing/oldestTree_leaf_4.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-oldestTree .oldestTreeLeaf5 {
  display: none;
  background: transparent url("../resources/images/locations/throwing/oldestTree_leaf_5.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-throwing.throwing-oldestTree .hit {
  display: none;
  background: transparent url("../resources/images/locations/throwing/oldestTree_hit.png") 0 0 scroll no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#scene-storyWillowKnight {
  background: transparent url("../resources/images/locations/storyWillowKnight/background.jpg") 0 0 scroll no-repeat;
}
#scene-storyWillowKnight .poi-exit {
  left: 0px;
  top: 358px;
  width: 215px;
  height: 242px;
}
#scene-storyWillowKnight .poi-helmet {
  background: transparent url("../resources/images/locations/storyWillowKnight/helm.png") 0 0 scroll no-repeat;
  left: 321px;
  top: 416px;
  width: 85px;
  height: 74px;
}
#scene-storyWillowKnight .poi-willow {
  background: transparent url("../resources/images/locations/storyWillowKnight/willow.png") 0 0 scroll no-repeat;
  left: 179px;
  top: 319px;
  width: 170px;
  height: 162px;
}
#scene-storyWillowKnight .poi-willowStart {
  background: transparent url("../resources/images/locations/storyWillowKnight/willowStart.png") 0 0 scroll no-repeat;
  left: 376px;
  top: 216px;
  width: 174px;
  height: 180px;
}
#scene-storyWillowKnight .poi-brokenSword {
  background: transparent url("../resources/images/locations/storyWillowKnight/sword.png") 0 0 scroll no-repeat;
  left: 331px;
  top: 137px;
  width: 75px;
  height: 94px;
}
#scene-storyWillowKnight .poi-hole {
  background: transparent url("../resources/images/locations/storyWillowKnight/hole.png") 0 0 scroll no-repeat;
  left: 590px;
  top: 198px;
  width: 112px;
  height: 96px;
}
#scene-storyWillowKnight .poi-seed {
  background: transparent url("../resources/images/locations/storyWillowKnight/seed.png") 0 0 scroll no-repeat;
  left: 590px;
  top: 198px;
  width: 112px;
  height: 96px;
}
#scene-storyWillowKnight .poi-deadman {
  left: 175px;
  top: 99px;
  width: 138px;
  height: 143px;
}
#scene-storyWillowKnight .poi-earth {
  left: 590px;
  top: 198px;
  width: 112px;
  height: 96px;
}
#scene-storyWillowKnight .poi-willowCrying {
  background: transparent url("../resources/images/locations/storyWillowKnight/willowCrying.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
}
#scene-storyWillowKnight .poi-willowCryingOld {
  background: transparent url("../resources/images/locations/storyWillowKnight/willowCryingOld.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
  display: none;
}
#scene-storyWillowTree {
  background: transparent url("../resources/images/locations/storyWillowTree/background.jpg") 0 0 scroll no-repeat;
}
#scene-storyWillowTree .poi-exit {
  left: 400px;
  top: 538px;
  width: 254px;
  height: 62px;
}
#scene-storyWillowTree .poi-sap {
  background: transparent url("../resources/images/locations/storyWillowTree/sap.png") 0 0 scroll no-repeat;
  left: 117px;
  top: 207px;
  width: 110px;
  height: 237px;
}
#scene-storyWillowTree .poi-drySap {
  left: 117px;
  top: 207px;
  width: 110px;
  height: 77px;
}
#scene-storyWillowTree .poi-seed {
  background: transparent url("../resources/images/locations/storyWillowTree/seed.png") 0 0 scroll no-repeat;
  left: 684px;
  top: 307px;
  width: 38px;
  height: 50px;
}
#scene-storyWillowTree .poi-oak {
  left: 371px;
  top: 50px;
  width: 245px;
  height: 324px;
}
#scene-storyWillowTree .poi-water {
  left: 0px;
  top: 491px;
  width: 227px;
  height: 97px;
}
#scene-storyWillowTree .poi-willow {
  background: transparent url("../resources/images/locations/storyWillowTree/willow.png") 0 0 scroll no-repeat;
  left: 529px;
  top: 420px;
  width: 91px;
  height: 180px;
}
#scene-hazelWorkshop {
  background: transparent url("../resources/images/locations/hazelWorkshop/background.jpg") 0 0 scroll no-repeat;
}
#scene-hazelWorkshop .poi-exit {
  left: 70px;
  top: 252px;
  width: 143px;
  height: 131px;
}
#scene-hazelWorkshop .poi-thorn {
  background: transparent url("../resources/images/locations/hazelWorkshop/thorn.png") 0 0 scroll no-repeat;
  left: 33px;
  top: 437px;
  width: 73px;
  height: 51px;
}
#scene-hazelWorkshop .poi-closet {
  background: transparent url("../resources/images/locations/hazelWorkshop/closet.png") 0 0 scroll no-repeat;
  left: 330px;
  top: 59px;
  width: 120px;
  height: 44px;
}
#scene-hazelWorkshop .poi-closetOpen {
  background: transparent url("../resources/images/locations/hazelWorkshop/closetOpen.png") 0 0 scroll no-repeat;
  left: 330px;
  top: 59px;
  width: 123px;
  height: 282px;
}
#scene-hazelWorkshop .poi-stick {
  background: transparent url("../resources/images/locations/hazelWorkshop/stick.png") 0 0 scroll no-repeat;
  left: 696px;
  top: 29px;
  width: 104px;
  height: 358px;
}
#scene-hazelWorkshop .poi-fir {
  background: transparent url("../resources/images/locations/hazelWorkshop/fir.png") 0 0 scroll no-repeat;
  left: 139px;
  top: 207px;
  width: 143px;
  height: 241px;
}
#scene-hazelWorkshop .poi-firSafe {
  background: transparent url("../resources/images/locations/hazelWorkshop/firSafe.png") 0 0 scroll no-repeat;
  left: 436px;
  top: 229px;
  width: 99px;
  height: 160px;
}
#scene-hazelWorkshop .poi-firClimb {
  background: transparent url("../resources/images/locations/hazelWorkshop/firClimb.png") 0 0 scroll no-repeat;
  left: 75px;
  top: 262px;
  width: 138px;
  height: 134px;
}
#scene-hazelWorkshop .poi-vines {
  background: transparent url("../resources/images/locations/hazelWorkshop/vine.png") 0 0 scroll no-repeat;
  left: 312px;
  top: 389px;
  width: 91px;
  height: 206px;
}
#scene-hazelWorkshop .poi-safePortrait {
  background: transparent url("../resources/images/locations/hazelWorkshop/safePortrait.png") 0 0 scroll no-repeat;
  left: 502px;
  top: 117px;
  width: 209px;
  height: 261px;
}
#scene-hazelWorkshop .poi-safePortraitOpen {
  background: transparent url("../resources/images/locations/hazelWorkshop/safePortraitOpen.png") 0 0 scroll no-repeat;
  left: 630px;
  top: 74px;
  width: 170px;
  height: 290px;
}
#scene-hazelWorkshop .poi-safe {
  background: transparent url("../resources/images/locations/hazelWorkshop/safe.png") 0 0 scroll no-repeat;
  left: 564px;
  top: 191px;
  width: 98px;
  height: 115px;
}
#scene-hazelWorkshop .poi-safeOpen {
  background: transparent url("../resources/images/locations/hazelWorkshop/safeOpen.png") 0 0 scroll no-repeat;
  left: 564px;
  top: 191px;
  width: 98px;
  height: 115px;
}
#scene-hazelWorkshop .poi-stairs {
  left: 518px;
  top: 488px;
  width: 282px;
  height: 112px;
}
#scene-hazelWorkshop_closet .ui-window {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/background.jpg") 0 0 scroll no-repeat;
}
#scene-hazelWorkshop_closet .poi-bag1_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag1_close.png") 0 0 scroll no-repeat;
  left: 229px;
  top: 65px;
  width: 172px;
  height: 205px;
}
#scene-hazelWorkshop_closet .poi-bag1_close .hotspot {
  left: 23px;
  top: 28px;
  width: 129px;
  height: 157px;
}
#scene-hazelWorkshop_closet .poi-bag2_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag2_close.png") 0 0 scroll no-repeat;
  left: 412px;
  top: 57px;
  width: 223px;
  height: 279px;
}
#scene-hazelWorkshop_closet .poi-bag2_close .hotspot {
  left: 19px;
  top: 48px;
  width: 152px;
  height: 192px;
}
#scene-hazelWorkshop_closet .poi-bag3_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag3_close.png") 0 0 scroll no-repeat;
  left: 144px;
  top: 0;
  width: 179px;
  height: 139px;
}
#scene-hazelWorkshop_closet .poi-bag4_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag4_close.png") 0 0 scroll no-repeat;
  left: 518px;
  top: 0px;
  width: 122px;
  height: 192px;
}
#scene-hazelWorkshop_closet .poi-bag5_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag5_close.png") 0 0 scroll no-repeat;
  left: 269px;
  top: 336px;
  width: 112px;
  height: 88px;
}
#scene-hazelWorkshop_closet .poi-bag6_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag6_close.png") 0 0 scroll no-repeat;
  left: 130px;
  top: 265px;
  width: 114px;
  height: 144px;
}
#scene-hazelWorkshop_closet .poi-bag6_close .hotspot {
  left: 13px;
  top: 12px;
  width: 89px;
  height: 109px;
}
#scene-hazelWorkshop_closet .poi-bag7_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag7_close.png") 0 0 scroll no-repeat;
  left: 76px;
  top: 203px;
  width: 110px;
  height: 105px;
}
#scene-hazelWorkshop_closet .poi-bag8_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag8_close.png") 0 0 scroll no-repeat;
  left: 20px;
  top: 336px;
  width: 84px;
  height: 102px;
}
#scene-hazelWorkshop_closet .poi-bag8_close .hotspot {
  left: 8px;
  top: 15px;
  width: 68px;
  height: 67px;
}
#scene-hazelWorkshop_closet .poi-bag9_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag9_close.png") 0 0 scroll no-repeat;
  left: 12px;
  top: 268px;
  width: 80px;
  height: 89px;
}
#scene-hazelWorkshop_closet .poi-bag10_close {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/bag10_close.png") 0 0 scroll no-repeat;
  left: 92px;
  top: 388px;
  width: 94px;
  height: 88px;
}
#scene-hazelWorkshop_closet .poi-key {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/key.png") 0 0 scroll no-repeat;
  left: 271px;
  top: 336px;
  width: 91px;
  height: 88px;
}
#scene-hazelWorkshop_closet .poi-note {
  background: transparent url("../resources/images/locations/hazelWorkshop_closet/note.png") 0 0 scroll no-repeat;
  left: 12px;
  top: 268px;
  width: 80px;
  height: 89px;
}
#scene-safe .ui-window {
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/background.jpg") 0 0 scroll no-repeat;
}
#scene-safe .poi-discRed {
  left: 153px;
  top: 69px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
}
#scene-safe .inside {
  position: absolute;
  left: 219px;
  top: 140px;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  overflow: hidden;
}
#scene-safe .insideTL {
  position: absolute;
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/inside_tl.png") 0 0 scroll no-repeat;
  left: -5px;
  top: -6px;
  width: 110px;
  height: 110px;
}
#scene-safe .insideTR {
  position: absolute;
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/inside_tr.png") 0 0 scroll no-repeat;
  left: 100px;
  top: -7px;
  width: 110px;
  height: 110px;
}
#scene-safe .insideBL {
  position: absolute;
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/inside_bl.png") 0 0 scroll no-repeat;
  left: -6px;
  top: 97px;
  width: 110px;
  height: 110px;
}
#scene-safe .insideBR {
  position: absolute;
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/inside_br.png") 0 0 scroll no-repeat;
  left: 99px;
  top: 98px;
  width: 110px;
  height: 110px;
}
#scene-safe .disc {
  z-index: 1;
  position: absolute;
  width: 115px;
  height: 115px;
  border-radius: 100%;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}
#scene-safe .disc-green {
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/green.png") 0 0 scroll no-repeat;
}
#scene-safe .disc-black {
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/black.png") 0 0 scroll no-repeat;
}
#scene-safe .disc-blue {
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/blue.png") 0 0 scroll no-repeat;
}
#scene-safe .disc-orange {
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/orange.png") 0 0 scroll no-repeat;
}
#scene-safe .disc-violet {
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/violet.png") 0 0 scroll no-repeat;
}
#scene-safe .disc-white {
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/white.png") 0 0 scroll no-repeat;
}
#scene-safe .disc-yellow {
  background: transparent url("../resources/images/locations/hazelWorkshop_safe/yellow.png") 0 0 scroll no-repeat;
}
#scene-monsterAttack4 {
  background: transparent url("../resources/images/locations/monsterAttack4/background.jpg") 0 0 scroll no-repeat;
}
#scene-monsterAttack4 .poi-myoFog {
  background: transparent url("../resources/images/locations/monsterAttack4/myoFog.png") 0 0 scroll no-repeat;
  left: 499px;
  top: 300px;
  width: 142px;
  height: 193px;
}
#scene-monsterAttack4 .poi-myoCry {
  background: transparent url("../resources/images/locations/monsterAttack4/myoCry.png") 0 0 scroll no-repeat;
  left: 70px;
  top: 261px;
  width: 295px;
  height: 325px;
}
#scene-monsterAttack4 .poi-myoTurn {
  background: transparent url("../resources/images/locations/monsterAttack4/myoTurn.png") 0 0 scroll no-repeat;
  left: 164px;
  top: 366px;
  width: 306px;
  height: 234px;
}
#scene-monsterAttack4 .poi-myoAttack {
  background: transparent url("../resources/images/locations/monsterAttack4/myoAttack.png") 0 0 scroll no-repeat;
  left: 123px;
  top: 226px;
  width: 329px;
  height: 374px;
}
#scene-monsterAttack4 .poi-monster01 {
  background: transparent url("../resources/images/locations/monsterAttack4/monster01.png") 0 0 scroll no-repeat;
  left: 297px;
  top: 26px;
  width: 410px;
  height: 405px;
}
#scene-monsterAttack4 .poi-monster02 {
  background: transparent url("../resources/images/locations/monsterAttack4/monster02.png") 0 0 scroll no-repeat;
  left: 280px;
  top: 45px;
  width: 520px;
  height: 495px;
}
#scene-monsterAttack4 .poi-monster03 {
  background: transparent url("../resources/images/locations/monsterAttack4/monster03.png") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 540px;
}
#scene-monsterAttack4 .poi-monster03 .hotspot {
  left: 351px;
  top: 30px;
  width: 280px;
  height: 345px;
}
#scene-monsterAttack4 .poi-background01 {
  background: transparent url("../resources/images/locations/monsterAttack4/background01.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
}
#scene-monsterAttack4 .poi-background02 {
  background: transparent url("../resources/images/locations/monsterAttack4/background02.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
}
#scene-monsterAttack4 .poi-box {
  left: 627px;
  top: 417px;
  width: 93px;
  height: 60px;
}
#scene-monsterAttack4 .poi-egunda {
  left: 11px;
  top: 116px;
  width: 261px;
  height: 406px;
}
#scene-monsterAttack4 .poi-monsterSlain {
  background: transparent url("../resources/images/locations/monsterAttack4/monsterSlain.jpg") 0 0 scroll no-repeat;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
}
#scene-monsterAttack4_chest .ui-window {
  background: transparent url("../resources/images/locations/monsterAttack4_chest/background.jpg") 0 0 scroll no-repeat;
}
#scene-monsterAttack4_chest .poi-cloth {
  background: transparent url("../resources/images/locations/monsterAttack4_chest/cloth.png") 0 0 scroll no-repeat;
  left: 151px;
  top: 99px;
  width: 383px;
  height: 272px;
}
#scene-monsterAttack4_chest .poi-cloth_open {
  background: transparent url("../resources/images/locations/monsterAttack4_chest/cloth_open.png") 0 0 scroll no-repeat;
  left: 151px;
  top: 99px;
  width: 383px;
  height: 272px;
}
#scene-monsterAttack4_chest .poi-dagger {
  background: transparent url("../resources/images/locations/monsterAttack4_chest/dagger.png") 0 0 scroll no-repeat;
  left: 151px;
  top: 99px;
  width: 383px;
  height: 272px;
}
#scene-forestNight {
  background: transparent url("../resources/images/locations/nurseryNight/monsterAttackCutscene02.jpg") center scroll no-repeat;
}
#scene-forestNight .poi-animals {
  background: transparent url("../resources/images/locations/forestNight/animals.png") 0 0 scroll no-repeat;
  left: 0px;
  top: 121px;
  width: 367px;
  height: 407px;
}
#scene-forestNight .poi-lirion {
  background: transparent url("../resources/images/locations/forestNight/lirion.png") 0 0 scroll no-repeat;
  left: 271px;
  top: 0px;
  width: 398px;
  height: 466px;
}
#scene-forestNight .poi-myo {
  background: transparent url("../resources/images/locations/forestNight/myo.png") 0 0 scroll no-repeat;
  left: 237px;
  top: 198px;
  width: 408px;
  height: 385px;
}
#scene-forestNight .poi-tree {
  left: 598px;
  top: 121px;
  width: 166px;
  height: 279px;
}
#devTools {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1.2em;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #ccc;
}
.devTool {
  display: block;
  position: absolute;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.25);
}
/*-----------------------------------------------------
	left side - toolbox
-----------------------------------------------------*/
#devToolBox {
  top: 0;
  left: -130px;
  width: 100px;
}
#devToolBox a {
  color: #ccc;
  display: block;
  margin-bottom: 3px;
}
#devToolBox a.active {
  color: #a7c41f;
}
/*-----------------------------------------------------
	right side - infobox
-----------------------------------------------------*/
#devInfoBox {
  top: 0;
  right: -230px;
  width: 200px;
}
#devStateBox {
  overflow: auto;
  height: 420px;
}
#devStateBox ul {
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
}
#devStateBox ul ul {
  margin-left: 20px;
}
#devStateBox ul li {
  margin: 0;
  padding: 0;
}
#devStateBox ul li.parent {
  color: #ccc;
}
#devStateBox ul li.arrayElement {
  color: #999;
}
#devStateBox ul li.true {
  color: #a7c41f;
}
#devStateBox ul li.false {
  color: #b64926;
}
#devStateBox ul li.value {
  color: #349cc8;
}
#devStateBox ul li.string {
  color: #ecc04e;
}
/*-----------------------------------------------------
	gameConsole
-----------------------------------------------------*/
#gameConsole {
  display: none;
  width: 620px;
  padding: 10px;
  max-height: 460px;
  position: absolute;
  top: 8px;
  left: 8px;
  overflow: hidden;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
#gameConsoleResult {
  margin-bottom: 10px;
}
#gameConsoleInput {
  background-color: transparent;
  border: 0 none;
  color: #fff;
}
/*-----------------------------------------------------
	right side - locationBox
-----------------------------------------------------*/
#devLocationBox {
  top: 450px;
  right: -230px;
  width: 200px;
  padding: 10px;
}
#devLocationBox select {
  width: 100%;
}
/*-----------------------------------------------------
	devDialogInspector
-----------------------------------------------------*/