/* jQuery Tokeninput plugin: Facebook style */
ul.token-input-list-facebook {
overflow: hidden;
height: auto;
max-width: 310px;
border: 1px solid #C0C0C0;
padding: 1px 4px;
cursor: text;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
min-height: 1px;
z-index: 999;
margin: 0;
padding: 0;
list-style-type: none;
}
ul.token-input-list-facebook.warning {
border: 1px solid #F00 !important;
}
ul.token-input-list-facebook li input {
border: none !important;
width: 100px;
padding: 3px 0;
margin-left: 1px;
background-color: transparent;
-webkit-appearance: caret;
}
li.token-input-token-facebook {
overflow: hidden;
height: auto !important;
height: 15px;
margin: 1px 3px;
padding: 1px 3px;
background-color: #eff2f7;
color: #000;
cursor: default;
border: 1px solid #ccd5e4;
font-size: 11px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
white-space: nowrap;
}
li.token-input-token-facebook p {
display: inline;
padding: 0;
margin: 0;
}
li.token-input-token-facebook span {
color: #a6b3cf;
margin-left: 5px;
font-weight: bold;
cursor: pointer;
}
li.token-input-selected-token-facebook {
background-color: #5670a6;
border: 1px solid #3b5998;
color: #fff;
}
li.token-input-input-token-facebook {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
div.token-input-dropdown-facebook {
position: absolute;
width: 310px;
background-color: #fff;
overflow: hidden;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
cursor: default;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
z-index: 10000;
}
div.token-input-dropdown-facebook p {
margin: 0;
padding: 5px;
font-weight: bold;
color: #777;
}
div.token-input-dropdown-facebook ul {
margin: 0;
padding: 0;
}
div.token-input-dropdown-facebook ul li {
background-color: #fff;
padding: 3px;
margin: 0;
list-style-type: none;
}
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
background-color: #fff;
}
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
background-color: #fff;
}
div.token-input-dropdown-facebook ul li em {
font-weight: bold;
font-style: normal;
}
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
background-color: #3b5998;
color: #fff;
}
div.token-input-dropdown-facebook ul li img {
float: left;
margin-right: 5px;
}
div.token-input-dropdown-facebook ul li div {
float: left;
vertical-align: middle;
}
div.token-input-dropdown-facebook ul li span {
display: block;
clear: left;
}