/*-----------------------------------------------------
	pillow
-----------------------------------------------------*/

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

#pillowTiles,
#pillowTilesSolved {
	position: absolute;
	top: 65px;
	left: 125px;
	width: 368px;
	height: 368px;
}

#pillowTilesSolved {
	background: transparent url("../images/puzzles/pillow/pillows_solved.jpg") 0 0 no-repeat;
	display: none;
}

/*-----------------------------------------------------
	tiles common
-----------------------------------------------------*/

#pillowTiles .tile {
	width: 92px;
	height: 92px;
	float: left;
	background: transparent url("../images/puzzles/pillow/pillows.jpg") 0 0 no-repeat;
	cursor: url(../images/ui/cursor_arrow_pointer.png), pointer;
}

#pillowTiles.solved .tile {
	cursor: url(../images/ui/cursor_arrow.png), default;
}

#pillowTiles .tile0 { background-position: 0 0; }
#pillowTiles .tile1 { background-position: -92px 0; }
#pillowTiles .tile2 { background-position: -184px 0; }
#pillowTiles .tile3 { background-position: -276px 0; }
#pillowTiles .tile4 { background-position: 0 -92px; }
#pillowTiles .tile5 { background-position: -92px -92px; }
#pillowTiles .tile6 { background-position: -184px -92px; }
#pillowTiles .tile7 { background-position: -276px -92px; }
#pillowTiles .tile8 { background-position: 0 -184px; }
#pillowTiles .tile9 { background-position: -92px -184px; }
#pillowTiles .tile10 { background-position: -184px -184px; }
#pillowTiles .tile11 { background-position: -276px -184px; }
#pillowTiles .tile12 { background-position: 0 -276px; }
#pillowTiles .tile13 { background-position: -92px -276px; }
#pillowTiles .tile14 { background-position: -184px -276px; }
#pillowTiles .tile15 { background-position: -276px -276px; }

.tileRotate0 {
	-webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.tileRotate1 {
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);	
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.tileRotate2 {
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg);	
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.tileRotate3 {
	-webkit-transform: rotate(270deg); 
	-moz-transform: rotate(270deg);	
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}