/* 
	#################################### 
	# Default styling of imgPuzzle
	#################################### 
*/
.clearAll{clear:both}
.thisForm{ display:block; position:relative; margin-left:auto; margin-right:auto; text-align:center; border-top:1px solid #f0ede1; padding-top:0.5em;} 
.goTo{ font-family:  "Myriad", "Myriad Pro", "Helvetica","Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; padding-bottom:0.2em; margin: 0 1em 0 0; border-bottom:1px solid #f0ede1; color:#bfb3f2; display:inline-block; letter-spacing:1px; }
.btnext {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.61)!important; cursor:pointer; border:none; font-family:  "Myriad", "Myriad Pro", "Helvetica","Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; border-radius:12px; padding:0.5em 0.7em; margin:0 0.3em; text-decoration:none; display:inline-block;
}
input[type="button"]{
   outline:none;
}
input[type="button"]::-moz-focus-inner {
   border: 0;
}
.back1 { background:#fc95df } .back2 { background:#ffe579 } .back3 { background:#95cefc }
.back0 { background:#b5f25f }
.btnext:hover{
	 background:#eee; border:0.1em solid #e8e8e8; padding:0.45em 0.65em;
}

/* Container class for each puzzle */	
.imgPuzzle { float: left; }

/* Container class for each puzzle (finished) */
.imgPuzzle.finished { 
	background-color: #aec2b2;
}
/* On finish make every puzzle piece see through to show green background */
.imgPuzzle.finished .puzzlePiece { opacity: 0.9; }

/* Default styling of puzzle piece when dragging */
.imgPuzzle .puzzlePiece.dragging { 
	opacity: 0.95;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7);
	box-shadow: 0 0 15px rgba(0,0,0,0.7);
}
.imgPuzzle .puzzlePiece{ 
	inset 2px -2px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
	inset 0px 2px 1px rgba(255,255,255,0.8); /*top internal highlight*/
	border:1px solid rgba(174,194,178,0.7) }