body {
	width: 100%;
	height: 100%;
	padding: 0px; 
	margin: 0px;
	background-image: url(pp02.gif);
}
* {
	padding: 0px; 
	margin: 0px; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.lap {
	width:90px;
	height:121px;
	background-image: url(lapback.png);
	cursor:pointer;
	position:absolute;
	left:0px;
	top:0px;
}
.lap:hover {
	background-position:-90px 0px;
}
.lap.hovered {
	/*
	cursor:pointer;
	background-position:-90px 0px;
	margin-left:-1px;
	margin-top:-1px;
	*/
}
.lap div {
	width:86px;
	height:113px;
	position:absolute;
	left: 2px;
	top: 4px;
	background-image: url(pakli.png);
}
.pikk._1 { background-position:-86px 0px; }
.pikk._2 { background-position:-172px 0px; }
.pikk._3 { background-position:-258px 0px; }
.pikk._4 { background-position:-344px 0px; }
.pikk._5 { background-position: -430px 0px; }
.pikk._6 { background-position:-516px 0px; }
.pikk._7 { background-position:-602px 0px; }
.pikk._8 { background-position:-688px 0px; }
.pikk._9 { background-position:-774px 0px; }
.pikk._10 { background-position: -860px 0px; }
.pikk._11 { background-position:-946px 0px; }
.pikk._12 { background-position:-1032px 0px; }
.pikk._13 { background-position:-1118px 0px; }
.kor._1 { background-position:-86px -113px; }
.kor._2 { background-position:-172px -113px; }
.kor._3 { background-position:-258px -113px; }
.kor._4 { background-position:-344px -113px; }
.kor._5 { background-position: -430px -113px; }
.kor._6 { background-position:-516px -113px; }
.kor._7 { background-position:-602px -113px; }
.kor._8 { background-position:-688px -113px; }
.kor._9 { background-position:-774px -113px; }
.kor._10 { background-position: -860px -113px; }
.kor._11 { background-position:-946px -113px; }
.kor._12 { background-position:-1032px -113px; }
.kor._13 { background-position:-1118px -113px; }
.treff._1 { background-position:-86px -226px; }
.treff._2 { background-position:-172px -226px; }
.treff._3 { background-position:-258px -226px; }
.treff._4 { background-position:-344px -226px; }
.treff._5 { background-position: -430px -226px; }
.treff._6 { background-position:-516px -226px; }
.treff._7 { background-position:-602px -226px; }
.treff._8 { background-position:-688px -226px; }
.treff._9 { background-position:-774px -226px; }
.treff._10 { background-position: -860px -226px; }
.treff._11 { background-position:-946px -226px; }
.treff._12 { background-position:-1032px -226px; }
.treff._13 { background-position:-1118px -226px; }
.karo._1 { background-position:-86px -339px; }
.karo._2 { background-position:-172px -339px; }
.karo._3 { background-position:-258px -339px; }
.karo._4 { background-position:-344px -339px; }
.karo._5 { background-position: -430px -339px; }
.karo._6 { background-position:-516px -339px; }
.karo._7 { background-position:-602px -339px; }
.karo._8 { background-position:-688px -339px; }
.karo._9 { background-position:-774px -339px; }
.karo._10 { background-position: -860px -339px; }
.karo._11 { background-position:-946px -339px; }
.karo._12 { background-position:-1032px -339px; }
.karo._13 { background-position:-1118px -339px; }
._0 { background-position: 0px 0px; }
._14 { background-position: 0px -113px; }
.stage {
	margin:0 auto; 
	width:1000px; 
	position:relative;
}
.mover {
	width:90px;
	position:fixed;
}

.group {
	top:180px;
	width:90px;
	position:absolute;
}
.group-back {
	width:90px;
	height:121px;
	background-image: url(groupback.png);
}	
.target {
	top:20px;
	width:90px;
	position:absolute;
}
.target-border {
	position:absolute;
	left:-4px;
	top:-4px;
	width:98px;
	height:129px;
	background-image: url(targetback.png);
}
.target-back {
	width:90px;
	height:121px;
	background-image: url(groupback.png);
}
.button {
	display:block;
	cursor:pointer;
	width:30px;
	height:30px;
	left:485px;
	background-image: url(gombok.png);
	position:absolute;
}

.button.withdraw {
	top:105px;
	background-position:0px 0px;
}
.button.withdraw:hover {
	background-position:-30px 0px;
}

.button.next {
	right:260px;
	background-position:0px -30px;
}
.button.next:hover {
	background-position:-30px -30px;
}

.button.quit {
	top:25px;
	background-position:0px -60px;
}
.button.quit:hover {
	background-position:-30px -60px;
}
.button.reload {
	top:65px;
	background-position:0px -90px;
}
.button.reload:hover {
	background-position:-30px -90px;
}
.button.help {
	left:auto;
	right:5px;
	top:5px;
	background-position:0px -120px;
}
.button.help:hover {
	background-position:-30px -120px;
}
.helpdiv {
	font-family: Arial, Helvetica, sans-serif;
	width:300px;
	font-size:12px;
	position:absolute;
	top:35px;
	left:-290px;
	background-color:#040;
	color:#ccc;
	padding:8px;
	z-index:1000;
	display:none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 9px 0 rgba(0,0,0,.5);
	box-shadow: 3px 3px 9px 0 rgba(0,0,0,.5);
}
.helpdiv li {
	margin-left:16px;
	margin-top:8px;
}
.helpdiv span {
	font-weight:bold;
}

.button.help:hover .helpdiv {
	display:block;
}
.button.off {
	background:none;
	cursor:default;
}

.row {
	display:table;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.cell {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height:100%;
	background-image:url(bck50.png);
}
.nyertspan {
	display:inline-block;
	font-size:36px;
	color:#66ff66;
}