#toolbox {
	width: 200px;
	height: 340px;
	background-color: gray;
	padding: 5px 5px 5px 5px;
	float: left;
	
}

#playbox {
	width: 200px;
	height: 340px;
	background-color: darkgray;
	padding: 5px 5px 5px 5px;
	float: left;
}

.circle {
	background-color: white;
	width: 20;
	height: 20;
	border-radius: 50%;
	margin: 5px;
	float: left;
}
.minicircle {
	background-color: white;
	width: 5;
	height: 5;
	border-radius: 50%;
	margin: 5px;
	margin-top: 10px;
	float: left;
	display: none;
}

#green {
	background-color: green;
}
#blue {
	background-color: blue;
}
#red {
	background-color: red;
}
#orange {
	background-color: orange;
}
#yellow {
	background-color: yellow;
}
#black {
	background-color: black;
}

.num {
	float: left;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 5px;
	border-style: ridge;
	border-color: dimgrey;
}
#first {
	float: inherit;
}
#second {
	float: inherit;
}
#third {
	float: inherit;
}
#fourth {
	float: inherit;
}
#fifth {
	float: inherit;
}
#sixth {
	float: inherit;
}
#seventh {
	float: inherit;
}
#selected {
	background-color: yellow;
}