﻿/* TextboxList sample CSS */
ul.facelist {
	list-style: none !important; 
	margin: 0 !important;
	/*border: 1px solid #999; */
	overflow: hidden !important; 
	height: auto !important; 
	height: 1% !important; 
	padding: 4px 5px 0 !important;
	width: 450px !important;
}
ul.facelist li  
{
	list-style: none !important; 
	/*float: left !important; */
	margin: 0 5px 4px 0 !important; 
}
ul.facelist li.token-input input,
ul.facelist li.token-inputopponent input,
ul.facelist li.token-inputarena input
 { 
	width:250px !important;
	margin: 0 !important; 
	border: 1px solid #999 !important; 
	
	padding: 3px 0 2px !important; 
	
} /* no left/right padding here please */

ul.facelist li.token-input,
ul.facelist li.token-inputopponent,
ul.facelist li.token-inputarena { 
	margin: 0 !important;
	width: 5px !important;
}

.token{background-image:url('images/token.gif');background-repeat:no-repeat;color:black;white-space:nowrap;position: relative;}
.token span{background-image:url('images/token.gif');background-position:top right;background-repeat:no-repeat;display:block;}
.token span span{background-position:bottom right;}
.token span span span{background-position:bottom left;}
.token span span span span{background-image:none;padding:2px 20px 2px 5px;}

.tokenhover,
html div.tokenizer_locked .tokenhover span{background-image:url('images/token.gif');}
.token:hover,
.token:hover span{background-image:url('images/token_hover.gif');text-decoration:none;}
.token_selected,
.token_selected span,
.token_selected:hover,
.token_selected:hover span{background-image:url('images/token_selected.gif');color:white;text-decoration:none;}
.token span.x,
.token span.x_hover,
.tokenhover span.x,
.tokenhover span.x_hover{background-image:url('images/token_x.gif');background-position:4px 2px;cursor:pointer;display:inline;padding:0px 6px 0px 5px; width: 10px; display: block; position:absolute; right: 0px; top: 3.5px;text-indent: -9999px}



/* Autocompleter */

.result_list  
{
	list-style: none !important; 
	position: absolute; 
	width: 400px; 
	
}
.result_list .default { 
	padding: 5px 7px; 
	border: 1px solid #ccc; 
	/*border-width: 0 1px 1px; */
	background: #eee;
}
.result_list ul   
{
	list-style: none !important; 
	margin: 0; 
	padding: 0; 
	background: #fff;
}
.result_list ul li  
{
	list-style: none !important; 
	padding: 5px 12px; 
	
	margin: 0; 
	list-style-type: none; 
	border: 0px solid #ccc; 
	border-width: 1px 1px 1px; 
	font: 11px "Lucida Grande", "Verdana"; 
}
.result_list ul li em { 
	font-weight: bold; 
	font-style: normal; 
	background: #dae1eb;  
	color: #000;
}
.result_list ul li.auto-focus { 
	background: #3b5998; 
	color: #fff; 
}
.result_list ul li.auto-focus em { 
	background: none; 
}
