/* Example tokeninput style #1: Token vertical list */
ul.token-input-list
{
    overflow: hidden;
    height: 19px !important;
    height: 1%;
    border:0px none;
    cursor: text; /* font-size: 12px;*/
    margin: 0;
    padding: 0;
    list-style-type: none;
    clear: left;
    border-color: #dddddd;
    position: relative;
}
ul.token-input-list .ZGLoadBanner
{
    right:3px;
    top:3px;
}
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;
    line-height:19px;
    height: 1%;
    padding: 0px 1px;    
    color: #000;
    border: none;
    cursor: default;
    display: block;
}

li.token-input-token-disable
{
    overflow: hidden;
    height: 19px !important;
    line-height:19px;
    height: 1%;
    padding: 0px 1px;
    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:1px solid #fff;
    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:#bae9de;
}

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

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

.token-input-Theme-Jp
{
   /*  background-image: url(images/acJapan.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
{
}

.token-input-Theme-Disable>li
{
    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;
}
div.token-input-dropdown ul li.SelectedItemX
{
    background-color:#009ea0;
}