/*-----------------------------------------------------
	riddle
-----------------------------------------------------*/

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

/*-----------------------------------------------------
	zones
-----------------------------------------------------*/

#location_riddle #zones {
} 

#location_riddle #zones .zone0,
#location_riddle #zones .zone1,
#location_riddle #zones .zone2 {
	position: absolute;
	cursor: url(../images/ui/cursor_arrow_pointer.png), pointer;	
	
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
} 

#location_riddle #zones .zone0 {
	width: 215px;
	height: 215px;
	top: 132px;
	left: 212px;
	-webkit-border-radius: 215px;
	-moz-border-radius: 215px;
	border-radius: 215px;
	z-index: 12;
}

#location_riddle #zones .zone0 .wire {
	background: transparent url(../images/puzzles/riddle/zone0.png) no-repeat scroll 0 0;
	width: 215px;
	height: 215px;
}

#location_riddle #zones .zone1 {
	width: 340px;
	height: 340px;
	top: 69px;
	left: 150px;
	-webkit-border-radius: 340px;
	-moz-border-radius: 340px;
	border-radius: 340px;
	z-index: 11;
}

#location_riddle #zones .zone1 .wire {
	background: transparent url(../images/puzzles/riddle/zone1.png) no-repeat scroll 0 0;
	width: 340px;
	height: 340px;
}

#location_riddle #zones .zone2 {
	width: 452px;
	height: 452px;
	top: 14px;
	left: 94px;
	-webkit-border-radius: 452px;
	-moz-border-radius: 452px;
	border-radius: 452px;
	z-index: 10;
}

#location_riddle #zones .zone2 .wire {
	background: transparent url(../images/puzzles/riddle/zone2.png) no-repeat scroll 0 0;
	width: 452px;
	height: 452px;
}

#location_riddle #zones .solved {
	background-image: none;
}

#location_riddle #zones.allSolved .zone2 {
	background-color: rgba(23, 46, 72, 0.5);
	border: 1px solid #e1d679;
	-moz-transition-duration: 3s;
	-webkit-transition-duration: 3s;
	-o-transition-duration: 3s;
	transition-duration: 3s;
}

#location_riddle #zones.allSolved .zone1,
#location_riddle #zones.allSolved .zone0 {
	-moz-transition-duration: 3s;
	-webkit-transition-duration: 3s;
	-o-transition-duration: 3s;
	transition-duration: 3s;
}

#location_riddle #zones.allSolved .piece {
	cursor: url(../images/ui/cursor_arrow.png), default;
}


/*-----------------------------------------------------
	riddlePiecesToolbox
-----------------------------------------------------*/

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

#riddlePiecesToolboxContent {
	height: 422px;
	left: 52px;
	padding: 5px 0 0 20px;
	position: absolute;
	top: 27px;
	width: 200px;
	background-color: rgba(0,0,0,0.8);
}

#riddlePiecesToolbox.right #riddlePiecesToolboxContent {
	left: auto;
	right: 52px;
}

#riddlePiecesToolbox .piece {
	-moz-transform: scale(0.75);
	-webkit-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#riddlePiecesToolbox .zone0 .piece {
	margin: 0 0 -10px -11px;
}

#riddlePiecesToolbox .zone1 .piece {
	margin: 0 0 -15px 5px;
}

#riddlePiecesToolbox .zone2 .piece {
	margin: 0 0 -15px -24px;
}

#riddlePiecesToolbox .piece:hover {
	-moz-transform: scale(0.80);
	-webkit-transform: scale(0.80);
	-ms-transform: scale(0.80);
	-o-transform: scale(0.80);
	transform: scale(0.80);
}

.zone0 .piece {
	display: block;
	width: 108px;
	height: 108px;
	float: left;
	cursor: url(../images/ui/cursor_arrow_pointer.png), pointer;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image:url("../images/puzzles/riddle/piece_frame0.png");
}

.zone0 .pieceInner {
	display: block;
	width: 108px;
	height: 108px;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.zone1 .piece {
	display: block;
	width: 172px;
	height: 82px;
	float: left;
	cursor: url(../images/ui/cursor_arrow_pointer.png), pointer;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image:url("../images/puzzles/riddle/piece_frame1.png");
}

.zone1 .pieceInner {
	display: block;
	width: 172px;
	height: 82px;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.zone2 .piece {
	display: block;
	width: 226px;
	height: 82px;
	float: left;
	cursor: url(../images/ui/cursor_arrow_pointer.png), pointer;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image:url("../images/puzzles/riddle/piece_frame2.png");
}

.zone2 .pieceInner {
	display: block;
	width: 226px;
	height: 82px;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#riddlePiecesToolbox .closeUI {
	top: 7px;
	left: 251px;
}

#riddlePiecesToolbox.right .closeUI {
	left: 568px;
}

#riddlePiecesToolbox .modal {
	background-color: rgba(0,0,0,0.2);
}


/*-----------------------------------------------------
	riddlePiecesToolbox pieces
-----------------------------------------------------*/

#location_riddle .zone0 .piece0 {
	background-image: url("../images/puzzles/riddle/piece0_0.png");
}

#location_riddle .zone0 .piece1 {
	background-image: url("../images/puzzles/riddle/piece0_1.png");
}

#location_riddle .zone0 .piece2 {
	background-image: url("../images/puzzles/riddle/piece0_2.png");
}

#location_riddle .zone0 .piece3 {
	background-image: url("../images/puzzles/riddle/piece0_3.png");
}

#location_riddle .zone0 .piece4 {
	background-image: url("../images/puzzles/riddle/piece0_4.png");
}

#location_riddle .zone0 .piece5 {
	background-image: url("../images/puzzles/riddle/piece0_5.png");
}

#location_riddle .zone1 .piece0 {
	background-image: url("../images/puzzles/riddle/piece1_0.png");
}

#location_riddle .zone1 .piece1 {
	background-image: url("../images/puzzles/riddle/piece1_1.png");
}

#location_riddle .zone1 .piece2 {
	background-image: url("../images/puzzles/riddle/piece1_2.png");
}

#location_riddle .zone1 .piece3 {
	background-image: url("../images/puzzles/riddle/piece1_3.png");
}

#location_riddle .zone1 .piece4 {
	background-image: url("../images/puzzles/riddle/piece1_4.png");
}

#location_riddle .zone1 .piece5 {
	background-image: url("../images/puzzles/riddle/piece1_5.png");
}

#location_riddle .zone2 .piece0 {
	background-image: url("../images/puzzles/riddle/piece2_0.png");
}

#location_riddle .zone2 .piece1 {
	background-image: url("../images/puzzles/riddle/piece2_1.png");
}

#location_riddle .zone2 .piece2 {
	background-image: url("../images/puzzles/riddle/piece2_2.png");
}

#location_riddle .zone2 .piece3 {
	background-image: url("../images/puzzles/riddle/piece2_3.png");
}

#location_riddle .zone2 .piece4 {
	background-image: url("../images/puzzles/riddle/piece2_4.png");
}

#location_riddle .zone2 .piece5 {
	background-image: url("../images/puzzles/riddle/piece2_5.png");
}
/*-----------------------------------------------------
	zones pieces
-----------------------------------------------------*/

#location_riddle #zones .slot0 {
	position: absolute;
	top: 9px;
	left: 79px;
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

#location_riddle #zones .slot1 {
	position: absolute;
	top: 52px;
	left: 104px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#location_riddle #zones .slot2 {
	position: absolute;
	top: 96px;
	left: 78px;
	-moz-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

#location_riddle #zones .slot3 {
	position: absolute;
	top: 97px;
	left: 26px;
	-moz-transform: rotate(210deg);
	-webkit-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

#location_riddle #zones .slot4 {
	position: absolute;
	top: 52px;
	left: 0px;
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

#location_riddle #zones .slot5 {
	position: absolute;
	top: 9px;
	left: 27px;
	-moz-transform: rotate(330deg);
	-webkit-transform: rotate(330deg);
	-o-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

/* zone 1 */

#location_riddle #zones .zone1 .slot0 {
	top: 18px;
	left: 148px;
}

#location_riddle #zones .zone1 .slot1 {
	top: 129px;
	left: 211px;
}

#location_riddle #zones .zone1 .slot2 {
	top: 240px;
	left: 147px;
}

#location_riddle #zones .zone1 .slot3 {
	top: 240px;
	left: 18px;
}

#location_riddle #zones .zone1 .slot4 {
	top: 129px;
	left: -45px;
}

#location_riddle #zones .zone1 .slot5 {
	top: 18px;
	left: 20px;
}

/* zone 2 */

#location_riddle #zones .zone2 .slot0 {
	top: 25px;
	left: 204px;
}

#location_riddle #zones .zone2 .slot1 {
	top: 184px;
	left: 296px;
}

#location_riddle #zones .zone2 .slot2 {
	top: 344px;
	left: 204px;
}

#location_riddle #zones .zone2 .slot3 {
	top: 343px;
	left: 20px;
}

#location_riddle #zones .zone2 .slot4 {
	top: 184px;
	left: -71px;
}

#location_riddle #zones .zone2 .slot5 {
	top: 25px;
	left: 20px;
}