.person {
	position:absolute;
	background:white;
	width:200px;
	min-height:50px;
	border:1px solid rgba(0,0,0,0.5);
	border-radius: 4px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

.person div.marker {
	position:absolute;
	width:5px;
	height:5px;
	border:1px solid hsl(0,0%,83%,0.5);
	background-color: #BFFFBF;
	background-color: hsl(120,100%,87%,0.3);
	
}

.person div.marker:hover {
	background-color: rgb(255,0,0);
}

.person div.marker.om {
	left:calc(-3px + 50%);
	top: -3px;
}

.person div.marker.rm {
	left:calc(-3px + 100%);
	top: calc(-3px + 50%);
}

.person div.marker.um {
	left:calc(-3px + 50%);
	bottom: -3px;
}

.person div.marker.lm {
	left:-3px;
	top: calc(-3px + 50%);
}

#pindex {
	position:absolute;
	right:0px;
	top:0px;
	width:20px;
	/*background:red;*/
	/*border-top-right-radius: 4px;*/
	border-left:1px solid #DDD;
	border-bottom:1px solid #DDD;
	font-weight:bold;
	text-align:center;
	font-size:8px;
	line-height:12px;
}

.person header {
	pointer-events: none;
	background-color: #999;
	padding: 3px;
}

.person table {
	width: 100%;
	pointer-events: none;
	padding:5px 10px 5px 10px;
	border-spacing: 0px;
}

.person table td:nth-child(1) {
	width:70px;
}

.person table tr {
	height:0px;
}