
.mention
{
cursor:pointer;
padding:2px 4px 2px 4px;
border-radius:3px;
border:1px solid #a3bcea;
background: #dbe5f8; /* Old browsers */
background: -moz-linear-gradient(top,  #dbe5f8 0%, #bed0f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbe5f8), color-stop(100%,#bed0f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbe5f8 0%,#bed0f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbe5f8 0%,#bed0f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbe5f8 0%,#bed0f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dbe5f8 0%,#bed0f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe5f8', endColorstr='#bed0f1',GradientType=0 ); /* IE6-9 */
}


div#mentionpopup {
  display: none;
  position: absolute;
  width: auto;
  padding: 1px;
  background: #fff;
  color: #000000;
  border: 1px solid #cfcfcf;
  box-shadow:5px 5px 5px rgba(0,0,0,0.1);
}

/**new */
div#mentionpopup:after, div#mentionpopup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div#mentionpopup:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	left: 35px;
	margin-left: -10px;
}
div#mentionpopup:before {
	border-color: rgba(207, 207, 207, 0);
	border-top-color: #cfcfcf;
	border-width: 11px;
	left: 35px;
	margin-left: -11px;
}

.mentionsAvatar 
{
	float:left;
	width:76px;
}

.mentionsAvatar img
{
	width:76px;
	height:auto;
}

.mentionsText
{
	float:left;
	margin:12px 0px 2px 15px;
}

.mentionsUsername
{
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;	
	font-size:19px;
	font-weight:700;
	color:#000;
}

.mentionsLocation
{
	color:#666;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-weight:400;
	font-size:11px;	
}

.mentionsStats
{
	clear:both;
}

.mentionsStatsInd
{
	background:#e5e5e5;
	float:left;
	margin:0px 1px 0px 0px;
	padding:6px 16px;
	text-align:center;
	color:#888;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:700;
}

.mentionsStatsInd div
{
	color:#aaa;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:10px;
	font-weight:300;
}