/*-----------------------------------------------------
	filterbox
-----------------------------------------------------*/

#location_filterbox {
	background: transparent url(../images/puzzles/filterbox/background.jpg) no-repeat scroll 0 0;
}

#location_filterbox #filterSlots .item {
	-moz-transform: rotate(43deg);
	-webkit-transform: rotate(43deg);
	-o-transform: rotate(43deg);
	-ms-transform: rotate(43deg);
	transform: rotate(43deg);
	height: 145px;
	width: 30px;
}

#location_filterbox #filterSlot1 {
	left: 178px;
	top: 139px;
}

#location_filterbox #filterSlot2 {
	left: 210px;
	top: 158px;
}

#location_filterbox #filterSlot3 {
	left: 243px;
	top: 177px;
}

#location_filterbox #filterSlot4 {
	left: 273px;
	top: 200px;
}

#location_filterbox #filterSlot5 {
	left: 306px;
	top: 221px;
}

#location_filterbox #filterSlot6 {
    left: 341px;
    top: 245px;
}

#filterSlots .filter {
	pointer-events: none;
	-moz-transform: rotate(-43deg);
	-webkit-transform: rotate(-43deg);
	-o-transform: rotate(-43deg);
	-ms-transform: rotate(-43deg);
	transform: rotate(-43deg);
	display: block;
	height: 120px;
	left: -37px;
	position: absolute;
	top: 8px;
	width: 110px;
	background-image:url(../images/puzzles/filterbox/filters.png);
	background-repeat: no-repeat;
}
	
#filterSlots #filterRed {
	background-position: 0px 0px;
}

#filterSlots #filterYellow {
	background-position: -110px 5px;
}

#filterSlots #filterGreen {
	background-position: -220px 0px;
}

#filterSlots #filterBlue {
	background-position: -330px 0px;
}

#filterSlots #filterViolet {
	background-position: -440px 0px;
}

#filterSlots #filterOrange {
	background-position: -550px 0px;
}


#location_filterbox #knob {
	height: 85px;
	left: 165px;
	top: 380px;
	width: 95px;
}

#filtersToolbox {
	display: none;
	opacity: 0;
}

#filtersToolboxContent {
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	padding: 20px;
	height: 233px;
	left: 117px;
	top: 110px;
	width: 362px;
}

#filtersToolbox .closeUI {
	left: 495px;
	top: 90px;
}

#filtersToolbox .modal {
	background-color: rgba(0,0,0,0.5);
}

#filtersToolbox .filter {
	-moz-transform: scale(0.90);
	-webkit-transform: scale(0.90);
	-ms-transform: scale(0.90);
	-o-transform: scale(0.90);
	transform: scale(0.90);
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	width: 120px;
	height: 120px;
	float: left;
	cursor: url(../images/ui/cursor_arrow_pointer.png), pointer;
	background-image:url(../images/puzzles/filterbox/filters_toolbox.png);
	background-repeat: no-repeat;
}
	
#filtersToolbox .filter:hover {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}

#filtersToolbox #filterRed {
	background-position: 5px 5px;
}

#filtersToolbox #filterViolet {
	background-position: -115px 5px;
}

#filtersToolbox #filterBlue {
	background-position: -235px 5px;
}

#filtersToolbox #filterGreen {
	background-position: -355px 5px;
}

#filtersToolbox #filterYellow {
	background-position: -475px 5px;
}

#filtersToolbox #filterOrange {
	background-position: -595px 5px;
}


/*-----------------------------------------------------
	trapdoor
-----------------------------------------------------*/

#location_trapdoor {
	background: transparent url(../images/puzzles/trapdoor/background.jpg) no-repeat scroll 0 0;
}

#location_trapdoor #trapdoorLineArt {
	background: transparent url(../images/puzzles/trapdoor/artline.png) no-repeat scroll 0 0;
	top: 0;
	left: 0;
	width: 640px;
	height: 480px;
	pointer-events: none;
}

#location_trapdoor #trapdoorCup1 {
	top: 146px;
	left: 116px;
	width: 120px;
	height: 145px;
}

#location_trapdoor #trapdoorCup1 .waterLevel {
	background: transparent url(../images/puzzles/trapdoor/cup1.png) no-repeat scroll 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 145px;
	display: block;
	opacity: 0;
}

#location_trapdoor #trapdoorCup1 .waterLevel1 { background-position: 0 0; }
#location_trapdoor #trapdoorCup1 .waterLevel2 { background-position: -120px 0px; }
#location_trapdoor #trapdoorCup1 .waterLevel3 { background-position: -240px 0; }
#location_trapdoor #trapdoorCup1 .waterLevel4 { background-position: -360px 0; }
#location_trapdoor #trapdoorCup1 .waterLevel5 { background-position: -480px 0; }


#location_trapdoor #trapdoorCup2 {
	top: 131px;
	left: 225px;
	width: 115px;
	height: 135px;
}

#location_trapdoor #trapdoorCup2 .waterLevel {
	background: transparent url(../images/puzzles/trapdoor/cup2.png) no-repeat scroll 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	height: 135px;
	display: block;
	opacity: 0;
}

#location_trapdoor #trapdoorCup2 .waterLevel1 { background-position: 0 0; }
#location_trapdoor #trapdoorCup2 .waterLevel2 { background-position: -115px 0px; }
#location_trapdoor #trapdoorCup2 .waterLevel3 { background-position: -230px 0; }
#location_trapdoor #trapdoorCup2 .waterLevel4 { background-position: -345px 0; }
#location_trapdoor #trapdoorCup2 .waterLevel5 { background-position: -460px 0; }


#location_trapdoor #trapdoorCup3 {
	top: 109px;
	left: 316px;
	width: 130px;
	height: 135px;
}

#location_trapdoor #trapdoorCup3 .waterLevel {
	background: transparent url(../images/puzzles/trapdoor/cup3.png) no-repeat scroll 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 135px;
	display: block;
	opacity: 0;
}

#location_trapdoor #trapdoorCup3 .waterLevel1 { background-position: 0 0; }
#location_trapdoor #trapdoorCup3 .waterLevel2 { background-position: -130px 0px; }
#location_trapdoor #trapdoorCup3 .waterLevel3 { background-position: -260px 0; }
#location_trapdoor #trapdoorCup3 .waterLevel4 { background-position: -390px 0; }
#location_trapdoor #trapdoorCup3 .waterLevel5 { background-position: -520px 0; }


#location_trapdoor #trapdoorCup4 {
	top: 97px;
	left: 423px;
	width: 120px;
	height: 125px;
}

#location_trapdoor #trapdoorCup4 .waterLevel {
	background: transparent url(../images/puzzles/trapdoor/cup4.png) no-repeat scroll 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 125px;
	display: block;
	opacity: 0;
}

#location_trapdoor #trapdoorCup4 .waterLevel1 { background-position: 0 0; }
#location_trapdoor #trapdoorCup4 .waterLevel2 { background-position: -120px 0px; }
#location_trapdoor #trapdoorCup4 .waterLevel3 { background-position: -240px 0; }
#location_trapdoor #trapdoorCup4 .waterLevel4 { background-position: -360px 0; }
#location_trapdoor #trapdoorCup4 .waterLevel5 { background-position: -480px 0; }


#location_trapdoor #trapdoorVessel {
	top: 320px;
	left: 404px;
	width: 145px;
	height: 145px;
}

#location_trapdoor #trapdoorVessel .waterLevel {
	background: transparent url(../images/puzzles/trapdoor/vessel.png) no-repeat scroll 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 145px;
	height: 145px;
	display: block;
	opacity: 1;
}

#location_trapdoor #trapdoorVessel .waterLevel1 { background-position: 0 0; }
#location_trapdoor #trapdoorVessel .waterLevel2 { background-position: -145px 0; }
#location_trapdoor #trapdoorVessel .waterLevel3 { background-position: -290px 0; }
#location_trapdoor #trapdoorVessel .waterLevel4 { background-position: -435px 0; }
#location_trapdoor #trapdoorVessel .waterLevel5 { background-position: -580px 0; }
#location_trapdoor #trapdoorVessel .waterLevel6 { background-position: -725px 0; }
#location_trapdoor #trapdoorVessel .waterLevel7 { background-position: -870px 0; }
#location_trapdoor #trapdoorVessel .waterLevel8 { background-position: -1015px 0; }
#location_trapdoor #trapdoorVessel .waterLevel9 { background-position: -1160px 0; }
#location_trapdoor #trapdoorVessel .waterLevel10 { background-position: -1305px 0; }