/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    overflow: hidden; 
    height: auto;
    width: 262px;
    border: 0;
    cursor: default !important;
    font-size: 12px;
     font-family: Arial,Helvetica,sans-serif;
    z-index: 999;
    margin: 0px 0 0px 10px;
	padding: 0;
    background-color: transparent;
    list-style-type: none;
    clear: left;
	
}

ul.token-input-list li {
    list-style-type: none;
	
	
}

ul.token-input-list li input {
    border: 0;
	height: 20px !important;
    width: 252px;
    padding: 0px 4px;
	margin: 0;
	cursor: default !important;
    background: url(../images/combo.png) no-repeat top center;
    -webkit-appearance: caret;
}

ul.token-input-list li input.error {
    border: 0;
	height: 20px !important;
    width: 252px;
    padding: 0px 4px;
	margin: 0;
	cursor: default !important;
    background: url(../images/combo_error.png) no-repeat top center;
    -webkit-appearance: caret;
}

li.token-input-token {
    overflow: hidden; 
    height: 15px; 
    margin: 0 0 2px;
	border:1px solid #b9b9b9 !important;
    padding: 2px 5px;
    background-color: #3d4e86;
	color:#fff;
    font-weight: normal;
    cursor: default;
    display: block;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 248px;
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
	border: 0;
	font-weight: bold;
}

li.token-input-selected-token {
    background-color: #3d4e86;
    color: #fff;
	
}

li.token-input-selected-token span {
    color: #bbb;
	font-weight: bold;
}

div.token-input-dropdown {
    position: absolute;
    width: 257px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
     font-family: Arial,Helvetica,sans-serif;
    z-index: 10;
	margin: -3px 0 5px 10px;
	max-height: 200px;
	overflow: auto;
	border:1px solid #b9b9b9 !important;
	color: #7f7f7f;
	
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #3d4e86;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

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: #3d4e86;
	color:#fff;
}

span.token-input-delete-token{
	color: #fff !important;
	border: 0;
}

