﻿.mentions-input-box {
position:relative;
background:#fff;
}

.mentions-input-box textarea {
width:100%;
display:block;
height:18px;
padding:9px;
border:1px solid #dfdfdf;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
overflow:hidden;
background:transparent;
position:relative;
outline:0;
resize:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.mentions-input-box textarea:focus {
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-topleft:3px;
border-top-right-radius:3px;
border-top-left-radius:3px;
-webkit-border-bottom-right-radius:0;
-webkit-border-bottom-left-radius:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-bottomleft:0;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}

.mentions-input-box .mentions-autocomplete-list {
background:none repeat scroll 0 0 #FFF;
border:1px solid #CCC;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
box-shadow:0 5px 10px rgba(0,0,0,0.2);
display:none;
left:0;
margin-top:-6px;
position:absolute;
right:0;
z-index:10000;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 20px;
}

.mentions-input-box .mentions-autocomplete-list ul {
margin:0;
padding:0;
}

.mentions-input-box .mentions-autocomplete-list li {
background-color:#FFF;
border-bottom:1px solid #DFDFDF;
cursor:pointer;
line-height:40px;
list-style:none outside none;
margin:0;
overflow:hidden;
padding:0 5px;
white-space:nowrap;
width:auto;
}

.mentions-input-box .mentions-autocomplete-list li:last-child {
border-radius:5px;
}

.mentions-input-box .mentions-autocomplete-list li > img {
border-radius:500px 500px 500px 500px;
float:left;
height:30px;
margin-right:10px;
margin-top:5px;
width:30px;
}

.mentions-input-box .mentions-autocomplete-list li em {font-weight:700;font-style:none;}

.mentions-input-box .mentions-autocomplete-list li:hover,
.mentions-input-box .mentions-autocomplete-list li.active {background-color:#f9f9f9;}

.mentions-input-box .mentions-autocomplete-list li b {font-weight:400;}




.mentions-input-box .mentions {bottom: 0;font-size: 12px;color: #FFFFFF;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;left: 1px;line-height: 20px;overflow: hidden;padding: 9px;position: absolute;right: 0;top: 1px;white-space: pre-wrap;word-wrap: break-word;}

.mentions-input-box .mentions > div {color:#fff;white-space:pre-wrap;width:100%;}

.mentions-input-box .mentions > div > strong {background:none repeat scroll 0 0 #D8DFEA;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;margin:0;}

.mentions-input-box .mentions > div > strong > span {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}


/* wall comments box */
.axero-wall-post-comment-avatar-right .mentions-input-box .mentions {bottom: 0;color: #FFFFFF;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;left: 1px;line-height: 16px;overflow: hidden;padding: 7px;position: absolute;right: 0;top: 1px;white-space: pre-wrap;word-wrap: break-word;}
.axero-wall-post-comment-avatar-right .mentions-input-box .mentions > div > strong {background:none repeat scroll 0 0 #D8DFEA;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;margin:0;}
