#mOpMarkedFriends {
	
	padding: 5px;
	background: #FFFFFF;
	color: #0099FF;
	list-style-type: none;
		
}

#mOpMarkedFriends .heading {

	font-size: 1.2em;
	font-weight: bold;

}

#mOpMarkedFriends .margin {
 
	margin-top: 1em;

}

/* #mOpMarkedFriends a {

	color: #ff0000;
	text-decoration: none;

} */

/* The CSS-tricks that make the marked persons visible to non JS users as well */

#mOpPhotoFrame #mOpMarkedFriends li a.mOpMarkedFriend .marker {
	
	position: absolute;
	margin-left: -16px;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	background-image: url("../images/marker-empty.gif");
	cursor: pointer;
	
}

#mOpPhotoFrame #mOpMarkedFriends li a.mOpMarkedFriend:hover .marker {

	background-image: url("../images/marker-big.gif");

}

.markerShow {
	position: absolute;
	margin-left: -16px;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	background-image: url("../images/marker-big.gif");
	cursor: pointer;
}



#mOpPhotoFrame #mOpMarkedFriends li a.mOpMarkedFriend:hover {

	text-decoration: underline;

}