.covered {
	position: relative;
}

.handle {
	position: absolute;
	width : 68px;
	height: 68px;
	margin-left  : -34px;
	margin-top   : -34px;
	border-radius: 50%;
	background-color: #303035;
	text-align : center;
	color: #ffffff;
	line-height: 68px;
}

/*.handle span {*/
	/*display : inline-block;*/
	/*margin : 15px 1px 0;*/
	/*color : #000;*/
	/*-webkit-transition : .1s ease-out;*/
	/*-moz-transition : .1s ease-out;*/
	/*-ms-transition : .1s ease-out;*/
	/*-o-transition : .1s ease-out;*/
	/*transition : .1s ease-out;*/
/*}*/

.handle.vertical {
	/*-webkit-transform : rotate(90deg);*/
	/*-moz-transform : rotate(90deg);*/
	/*-ms-transform : rotate(90deg);*/
	/*-o-transform : rotate(90deg);*/
	/*transform : rotate(90deg);*/
}

.handle:hover {
	/*background-color: #555;*/
	cursor: pointer;
}

.handle:hover span {
	color : #FFF;
}

.draggable {
	/*background-color: #555;*/
	cursor : move;
}