.covered {
	position: relative;
}

.handle {
	position: absolute;
	width : 48px;
	height: 48px;
	margin-left  : -24px;
	margin-top   : -24px;
	/*border-radius: 50%;*/
	/*background-color: #fff;*/ background:url(../images/i_about_more.png) no-repeat;
	text-align : center;
}

.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;*/
}

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

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

.draggable span {
	margin : 15px 4px 0;
	color  : #FFF;
	-webkit-transition : .1s ease-out;
	-moz-transition : .1s ease-out;
	-ms-transition : .1s ease-out;
	-o-transition : .1s ease-out;
	transition : .1s ease-out;
}