.dms-marker-container,.dms-marker-container .field-item{
	position:relative;
}
.dms-marker{
	position:absolute;
	overflow:hidden;
	z-index:1;
}

.dms-marker-label,.dms-marker-label-only,.dms-marker-content{
	border-radius:0 10px 10px 10px;
	padding:10px;

	/*fallback color for no rgba support*/
	background-color:#000;
	background-color:rgba(0,0,0,.8);
	color:white;

	transition:opacity .5s,position 0s 1s;
	-webkit-transition:opacity .5s,position 0s 1s;
	-moz-transition:opacity .5s,position 0s 1s;
	-ms-transition:opacity .5s,position 0s 1s;
	-o-transition:opacity .5s,position 0s 1s;
}

.dms-marker-label,.dms-marker-label-only{
	display:inline-block;
	min-width:20px;
	min-height:20px;
}
.dms-marker-content{
	display:none;
}

.dms-marker.highlight .dms-marker-label{
	border:1px solid black;
	background:white;
	color:black;
	/*border-radius:0px;*/
}

.dms-marker:hover{
	/*make it on top*/
	z-index:2;
	overflow:visible;
}
.dms-marker:hover .dms-marker-label{
	//border-radius:0 10px 0 0;
}
.dms-marker:hover .dms-marker-content{
	display:block;
	opacity:1;
	position:static;
	/*padding:10px;
	width:auto;
	height:auto;*/
}
.dms-marker.label-only:hover .dms-marker-label{
	border-radius:0 10px 10px 10px;
}


.dms-marker-field-label{
	display:inline-block;
	background-color:black;
	background-color:rgba(0,0,0,.8);
	color:white;
	margin-right:10px;
	padding:1px 5px 2px;
	width:20px;
}
.dms-marker-field-highlight{
	outline:2px dotted black;
}


/*backoffice css*/
.dms-marker-edit{
	position:absolute;
	background:black;
	color:white;
	/*padding:3px 5px;*/
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;

	border-radius:0 50% 50% 50%;
	transition:border-radius .5s,opacity .5s;
	-webkit-transition:border-radius .5s,opacity .5s;
	-moz-transition:border-radius .5s,opacity .5s;
	-ms-transition:border-radius .5s,opacity .5s;
	-o-transition:border-radius .5s,opacity .5s;
}
.dms-marker-edit.empty{
	opacity:.5;
}
/*make a fancy access remove icon thingy*/
.dms-marker-edit.out{
	border-radius:50%;
	z-index:1;
}
.dms-marker-edit.out:before{
	content:' ';
	background-color:white;
	position:absolute;
	display:block;
	width:16px;
	height:16px;
	top:2px;
	left:2px;
	z-index:1;

	border-radius:50%;
}
.dms-marker-edit.out:after{
	content:' ';
	background-color:inherit;
	position:absolute;
	display:block;
	width:18px;
	height:2px;
	top:9px;
	left:1px;
	z-index:2;

	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.dms-marker-identifier{
	background:black;
	float:left;
	color:white;
	border-radius:50%;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin-right:10px;
}