.p9_divClass,.puzzle9_div{
  	position:relative;border:thick ridge maroon;margin:0 2em;
  	height:363px;width:363px;background:black;padding:1px;
}
div.p9_divClass, img,div.puzzle9_div img{
	width:360px;height:360px;cursor:pointer;
}
div.p9_divClass button, div.puzzle9_div button{
	font-size:1.2em; cursor:pointer;
}
#puzzle_9 div{position:absolute}
#pz_title,#pz_name,#puzzlescore{color:white;background:black}
#pz_name{font-style:italic;margin-left:2em}
#catalog{
	position:absolute;width:250px; height:auto; top:240px; left:500px; visibility:hidden; background:transparent none;
	
}
#catalog p{margin:0;padding:0;text-indent:0}
#catalog img{width:120px;height:120px;cursor:pointer}


.clipout,.p9_cropClass{
  position:absolute;overflow:hidden;
  width:120px; height:120px;border:1px black solid;
}
#pz_1{top:0;left:0}
#pz_2{top:0;left:120px}
#pz_3{top:0;left:240px}
#pz_4{top:120px;left:0px}
#pz_5{top:120px;left:120px}
#pz_6{top:120px;left:240px}
#pz_7{top:240px;left:0}
#pz_8{top:240px;left:120px}
#pz_9{top:240px;left:240px}

#tile_1{
 position:absolute; overflow:hidden;
 clip:rect(0px 120px 120px 0);
 top:0; left:0;
}
#tile_2{
  position:absolute; overflow:hidden;
  clip:rect(0 240px 120px 120px);
  top:0;left:-120px;
}
#tile_3{
  position:absolute; overflow:hidden;
  clip:rect(0 360px 120px 240px);
   top:0;left:-240px;
}
#tile_4{
  position:absolute; overflow:hidden;
  clip:rect(120px 120px 240px 0px);
  top:-120px;left:0px;
}
#tile_5{
  position:absolute; overflow:hidden;
  clip:rect(120px 240px 240px 120px);
  top:-120px;left:-120px;
}
#tile_6{
  position:absolute; overflow:hidden;
  clip:rect(120px 360px 240px 240px);
  top:-120px;left:-240px;
}

#tile_7{
  position:absolute; overflow:hidden;
  clip:rect(240px 120px 360px 0px);
  top:-240px;left:0;
}
#tile_8{
  position:absolute; overflow:hidden;
  clip:rect(240px 240px 360px 120px);
  top:-240px;left:-120px;
}
#tile_9{
  position:absolute; overflow:hidden;
  clip:rect(240px 360px 360px 240px);
  top:-240px;left:-240px;
}