#wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -266px;
	margin-top: -283px;
	height: 555px;
	width: 520px;
}

#field {
	width: 520px;
	height: 520px;
	position: relative;
	background-color: #79F;
	border-radius: 28px;
	box-shadow: #000 0 4px 15px;
	border: 1px solid #000;
	display: none;
}

#next {
	margin-top: 25px;
}

#inv1 {
	position: absolute;
	left: 5px;
	top: 50%;
	width: 200px;
	height: 200px;
	margin-top: -80px;
}

#inv2 {
	position: absolute;
	right: 5px;
	top: 50%;
	width: 200px;
	height: 200px;
	margin-top: -80px;
}

.ball {
	width: 50px;
	height: 50px;
	border-radius: 40px;
	position: absolute;
	border: 1px solid #000;
	cursor: pointer;
	margin-left: -1px;
	margin-top: -1px;
}

.ball:hover {
	border: 2px solid #000;
	margin-left: -2px;
	margin-top: -2px;
}

.red {
	background-color: #F00;
	box-shadow: inset #700 0 -12px 28px, #000 0 5px 17px;
}

.green {
	background-color: #0F0;
	box-shadow: inset #070 0 -12px 28px, #000 0 5px 17px;
}

.blue {
	background-color: #06F;
	box-shadow: inset #037 0 -12px 28px, #000 0 5px 17px;
}

.orange {
	background-color: #F60;
	box-shadow: inset #740 0 -12px 28px, #000 0 5px 17px;
}

.pink {
	background-color: #E26;
	box-shadow: inset #613 0 -12px 28px, #000 0 5px 17px;
}

.yellow {
	background-color: #FE0;
	box-shadow: inset #980 0 -12px 28px, #000 0 5px 17px;
}

.smallball {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	display: inline-block;
	margin: 3px;
	box-shadow: none;
	border: 1px solid #000;
}

#debug {
	position: absolute;
	bottom: 8px;
	left: 8px;
	font-family: courier;
	font-size: 12px;
}

#info {
	position: absolute;
	bottom: 12px;
	right: 12px;
}