#img_group{
border-bottom: 1px solid black;
 white-space: nowrap;
  overflow-x: visible;
  overflow-y: hidden;
}
	
	#img_group div{
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		width: 150px;
		height: 150px;
display: inline-block;
	text-align: center;
	margin: 5px;
	}
	
	
	.info_div
	{
text-align: center;

		color: gray;
		font-family:Arial, Helvetica, sans-serif;
		font-size: large;
		font-weight: bold;

	}
	
	.info_div2
	{
position: relative;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		
		color: #22f;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		
		display: none;
	}
	
	#infotext
	{
		position: relative;
		font-size: 24px;
	}
	
#dd{
		display: none;
}

#win {
  display: none;
}
.win #win {
  display: block;
}
#win p {
  text-align: center;
  font-size: 20px;
}

#start,#autoflip{
	width: 100px;
	font-size: larger;
	font-weight: bold;
	display: none;
}


#stage {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;

  padding:10px;

}

.container  {
  display: inline-block;
  position: relative;
  margin:  5px;
  -webkit-transform: translate3d(0px,0px,1px);
  -webkit-transition: all 0s;
}
#cards{
	text-align: center;
}

.container div {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: -moz-transform 1s;
  -moz-transform-style: preserve-3d;
  -ms-transition: -ms-transform 1s;
  -ms-transform-style: preserve-3d;
}

.container div.flipped {
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -ms-transform: rotateY( 180deg );
}

.container div a {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.1s;
  -moz-transition: -moz-transform 0.1s;
  -ms-transition: -ms-transform 0.1s;
  border-radius: 12px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
}

.container div a:hover, .container div a:focus {
  background-color: #999;
}

.container div .front {
  background: center center no-repeat #369;
  background-size: contain;
 	  cursor:url(clean100.png) ,  auto;
}

.container div .back {
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -ms-transform: rotateY( 180deg );
  
  background: center center no-repeat #fff;
     background-size: contain;  
}


.notransforms .card .back {
  display: none;
}
.notransforms .card .front {
  display: block;
}
.notransforms .flipped .back {
  display: block;
}
.notransforms .flipped .front {
  display: none;
}

.simg{
  background: center center no-repeat #fff;
  background-size: contain;
  width: 120px;
  height: 120px;
display: inline-block;
  margin: 10px;
 	  cursor:pointer;
}

.simg:hover{
	background-color: #cfc;
}

.ssimg{
	border: 3px solid gray;
}




/*
#images {
  font-size: 16px;
  line-height: 40px;
  width: 1000px;
  margin: 10px auto;
  text-align: center;
}
#images img {
  width:40px;
  vertical-align: middle;
}
*/