/* Example tokeninput style #1: Token vertical list */
ul.token-input-list
{
    overflow: hidden;
    height: 17px !important;
    height: 1%;
    border: 1px solid #f6f6f6;
    cursor: text; /* font-size: 12px;*/
    background-color: Black;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
    border-color: #dddddd;
    position: relative;
}

ul.token-input-list li
{
    list-style-type: none;
}

ul.token-input-list li input
{
    border: 0;
    padding: 1px 1px;
    background-color: white;
    -webkit-appearance: caret;
}

li.token-input-token
{
    overflow: hidden;
    height: 19px !important;
    height: 1%;
    padding: 0px 1px;    
    color: #000;
    border: none;
    cursor: default;
    display: block;
}

li.token-input-token-disable
{
    overflow: hidden;
    height: 19px !important;
    height: 1%;
    padding: 0px 1px;
    background-color: #f6f6f6;
    color: #909090;
    border: none;
    cursor: default;
    display: block;
}

li.token-input-token p
{
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span
{
    position: absolute; /*  *position: inherit;*/
    right: 1px;
    top: 1px;
    width: 18px;
    height: 16px;
    background-image: url('images/ui-icons_222222_256x240.png');
    background-position: -31px -192px;
    background-color:white;
    color: #777;
    cursor: pointer;
}
.token-input-token>table
{
	border-collapse:collapse;
}
li.token-input-selected-token
{
    /*background-color:#6699aa;     color: #fff;*/
}

li.token-input-selected-token span
{
    color: #bbb;
}

div.token-input-dropdown
{
    position: absolute;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    cursor: default; /*  font-size: 12px;*/
    
    z-index: 100;
}

div.token-input-dropdown p
{
    margin: 0;
    padding: 2px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul
{
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li
{
    background-color: #fff;
    padding: 1px;
    list-style-type: none;
}
div.token-input-dropdown ul li tablex
{
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}
div.token-input-dropdown ul li.token-input-dropdown-item
{
    background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2
{
    background-color: #fff;
}

div.token-input-dropdown ul li em
{
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item
{
    background-color: #9BC;
}

.token-input-Theme-Th
{
    background-image: url(images/acThai.png);
    background-repeat: no-repeat;
    position: static;
}

.token-input-Theme-En
{
    background-image: url(images/acEng.png);
    background-repeat: no-repeat;
    position: static;
}

ul.token-input-Theme-Disable
{
	border-color: #f6f6f6;  
}

.token-input-Theme-Disable>li
{
    background-color: #f6f6f6;    
    height: 21px;
    position: static;
}

.tokenDelete
{
    background-image: url(images/close-token.png);
    width: 12px;
    height: 12px;
    cursor: pointer;
    display: block;
    margin: auto;
}

.totalSelected
{
    color: #009bd4;
    cursor:pointer;
}

.totalDisabled
{
    color: #909090;
}