*{
	box-sizing: border-box ;
	-moz-box-sizing: border-box;
	font-family: sans-serif;

	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}

#toolbar
{
	width: 100%;
	height: 50px;
	padding: 10px;
	position: fixed;
	top: 0;
	background-color: #2f2f2f;
	color: white ;
}

.radcontrol{
	width:30px;
	height:30px;
	background-color: #4f4f4f;
	display: inline-block;
	text-align: center;
	padding: 5px ;
	border-radius:15px 50px ;
	border-style:outset;
	border-color:#00ff00;
	color:#99ccff;
}

#rad{
		float:left;
}

#decrad:hover{
	background-color:#348185;
}

#incrad:hover{
	background-color:#348185;
}

#colors{
		float:right;
}

.swatch{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 2px 2px rgba(0,0,0,0.5);
	display:inline-block;
	margin-left:10px;
	background-color :cyan;
}

.swatch.active{
	border:2px solid white;
	box-shadow: inset  0px 1px 2px rgba(0,0,0,0.5);
}

#save{
	float:right;
	margin-right:30px;
	height:30px;
	padding :10px;
	background-color:#434343;
	border-radius:15px 50px ;
	border-style:outset;
	font-family: Arial;
	border-color:#00ff00;
	color:#99ccff;
}

#save:hover{
	background-color:#348185;
}