/**
 * @package    hubzero-cms
 * @copyright  Copyright (c) 2005-2020 The Regents of the University of California.
 * @license    http://opensource.org/licenses/MIT MIT
 */

/*

	-- -- -- -- -- -- --
	Autocompleter CSS
	-- -- -- -- -- -- --

*/

/* Tags */
	ul.token-input-list-act,
	ul.token-input-list-acg,
	ul.token-input-list-acm {
		overflow: hidden; 
		height: auto !important; 
		height: 1%;
		/*width: 400px;*/
		border: 1px solid #999;
		cursor: text;
		font-size: 12px;
		font-family: Verdana;
		min-height: 1px;
		z-index: 999;
		margin: 0 !important;
		padding: 0;
		background-color: #fff;
		list-style-type: none;
		clear: left;
	}
	ul.token-input-list-act li input,
	ul.token-input-list-acg li input,
	ul.token-input-list-acm li input {
		border: 0;
		width: 100px;
		padding: 3px 8px;
		background-color: white;
		margin: 2px 0;
		-webkit-appearance: caret;
	}
	/* Tags (default) */
	li.token-input-token-act,
	li.token-input-token-acg,
	li.token-input-token-acm {
		overflow: hidden; 
		height: auto !important; 
		height: 15px;
		margin: 3px !important;
		padding: 1px 3px;
		background-color: #FFF6D3;
		color: #000;
		cursor: default;
		border: 1px solid #DFD5AF;
		font-size: 11px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		float: left;
		white-space: nowrap;
	}
	/* Groups */
	li.token-input-token-acg {
		background-color: #deecd4;
		border: 1px solid #bdd1ad; 
	}
	/* Members */
	li.token-input-token-acm {
		background-color: #DEE7F8;/*#eff2f7;*/
		border: 1px solid #CAD8F3;/*#ccd5e4;*/
	}
	li.token-input-token-act p,
	li.token-input-token-acg p,
	li.token-input-token-acm p {
		display: inline !important;
		padding: 0;
		margin: 0 !important;
	}
	li.token-input-token-act span,
	li.token-input-token-acg span,
	li.token-input-token-acm span {
		color: #DFD5AF;
		margin-left: 5px;
		font-weight: bold;
		cursor: pointer;
	}
	/* Groups */
	li.token-input-token-acg span {
		color: #bdd1ad;
	}
	/* Members */
	li.token-input-token-acm span {
		color: #a6b3cf;
	}
	li.token-input-token-act span:hover,
	li.token-input-token-acg span:hover,
	li.token-input-token-acm span:hover {
		color: #333;
	}
	li.token-input-selected-token-act,
	li.token-input-selected-token-acg,
	li.token-input-selected-token-acm {
		background-color: #5670a6;
		border: 1px solid #3b5998;
		color: #fff;
	}
	li.token-input-selected-token-act span ,
	li.token-input-selected-token-acg span ,
	li.token-input-selected-token-acm span {
		color: #fff;
	}
	li.token-input-input-token-act,
	li.token-input-input-token-acg,
	li.token-input-input-token-acm {
		float: left;
		margin: 0 !important;
		padding: 0;
		list-style-type: none;
	}
	div.token-input-dropdown-act,
	div.token-input-dropdown-acg,
	div.token-input-dropdown-acm {
		position: absolute;
		/*width: 100%;*/
		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;
		/*z-index: 1;*/
		z-index: 99999;
	}
	div.token-input-dropdown-act p,
	div.token-input-dropdown-acg p,
	div.token-input-dropdown-acm p {
		margin: 0;
		padding: 5px;
		font-weight: bold;
		color: #777;
	}
	div.token-input-dropdown-act ul,
	div.token-input-dropdown-acg ul,
	div.token-input-dropdown-acm ul {
		margin: 0;
		padding: 0;
	}
	div.token-input-dropdown-act ul li,
	div.token-input-dropdown-acg ul li,
	div.token-input-dropdown-acm ul li {
		background-color: #fff;
		padding: 3px;
		margin: 0;
		list-style-type: none;
		border-top: 1px solid #eee;
	}
	div.token-input-dropdown-acm ul li {
		clear: left;
		min-height: 30px;
	}
	div.token-input-dropdown-act ul li.token-input-dropdown-item-act,
	div.token-input-dropdown-acg ul li.token-input-dropdown-item-acg,
	div.token-input-dropdown-acm ul li.token-input-dropdown-item-acm {
		background-color: #fff;
	}
	div.token-input-dropdown-act ul li.token-input-dropdown-item2-act,
	div.token-input-dropdown-acg ul li.token-input-dropdown-item2-acg,
	div.token-input-dropdown-acm ul li.token-input-dropdown-item2-acm {
		background-color: #fff;
	}
	div.token-input-dropdown-act ul li em,
	div.token-input-dropdown-acg ul li em,
	div.token-input-dropdown-acm ul li em {
		font-weight: bold;
		font-style: normal;
	}
	div.token-input-dropdown-act ul li.token-input-selected-dropdown-item-act,
	div.token-input-dropdown-acg ul li.token-input-selected-dropdown-item-acg,
	div.token-input-dropdown-acm ul li.token-input-selected-dropdown-item-acm {
		background-color: #3b5998;
		color: #fff;
	}
	div.token-input-dropdown-act ul li b,
	div.token-input-dropdown-acg ul li b,
	div.token-input-dropdown-acm ul li b {
		font-weight: bold;
	}
	div.token-input-dropdown-act ul li img,
	div.token-input-dropdown-acg ul li img,
	div.token-input-dropdown-acm ul li img {
		float: left;
		margin: 0 1em 0 0;
	}
	div.token-input-dropdown-act ul li span,
	div.token-input-dropdown-acg ul li span,
	div.token-input-dropdown-acm ul li span {
		display: block;
		color: #ccc;
	}
/* Holder Stylings */
	ul.textboxlist-holder {
		margin: 0;
		padding: 0;
		border: 1px solid #999;
		overflow: hidden;
		height: auto !important;
		height: 1%;
		padding: 4px 5px 0;
		background-color: #fff;
		min-height: 1px;
		z-index: 999;
		list-style-type: none;
		cursor: text;
	}
	ul.textboxlist-holder li {
		float: left;
		list-style-type: none;
		margin: 0 5px 4px 0;
		padding: 0;
		background-image: none;
	}
	ul.textboxlist-holder li.bit-box, 
	ul.textboxlist-holder li.bit-input input {
		font: 11px "Lucida Grande", "Verdana";
	}
	ul.textboxlist-holder li.bit-box { 
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px; 
		background: #FFF6D3;
		border: 1px solid #DFD5AF;
		padding: 1px 5px 2px; 
	}
	/* Members */
	ul.acm li.bit-box { 
		border: 1px solid #CAD8F3; 
		background: #DEE7F8;
	}
	/* Groups */
	ul.acg li.bit-box { 
		border: 1px solid #d1e8c0; 
		background: #deecd4;
	}
		
	ul.textboxlist-holder li.bit-box-focus {
		border-color: #598BEC;
		background: #598BEC;
		color: white;
	}
	ul.textboxlist-holder li.bit-box {
		padding-right: 15px;
		position: relative;
		color: #333;
	}
	ul.textboxlist-holder li.bit-input {
		margin: 0;
	}
	#hubForm ul.textboxlist-holder li.bit-input input,
	ul.textboxlist-holder li.bit-input input {
		width: 150px;
		margin: 0;
		border: none;
		outline: 0;
		padding: 3px 0 2px 0;
	} /* no left/right padding here please */
	#hubForm .aside ul.textboxlist-holder li.bit-input input,
	.aside ul.textboxlist-holder li.bit-input input {
		/*width: 30px;*/
		/* was giving really tiny selection drop-down box */
	}
	#commentform ul.textboxlist-holder li.bit-input input.smallinput,
	#hubForm ul.textboxlist-holder li.bit-input input.smallinput,
	ul.textboxlist-holder li.bit-input input.smallinput { 
		width: 1px;
		visibility: hidden;
	}
	ul.textboxlist-holder li.bit-hover {
		background: #BBCEF1;
		border: 1px solid #6D95E0;
	}
	ul.textboxlist-holder li.bit-box a.closebutton {
		position: absolute;
		right: 4px;
		top: 5px;
		display: block;
		width: 7px;
		height: 7px;
		font-size: 1px;
		background: url('close.gif');
	}
	ul.textboxlist-holder li.bit-box a.closebutton:hover {
		background-position: 7px;
	}
	ul.holder li.bit-box-focus a.closebutton, 
	ul.holder li.bit-box-focus a.closebutton:hover {
		background-position: bottom;
	}

/* Autocompleter */
	div.autocompleter-loading {
		float: left;
		clear: right;
		background:	#fff url("spinner.gif") no-repeat center;
		width: 20px;
		height: 16px;
	}
	ul.autocompleter-choices {
		position: absolute;
		margin: 0;
		padding: 0;
		list-style:	none;
		border:	1px solid #333;
		background-color: #fff; /*#52616F;*/
		border-right-color: #ddd;
		border-bottom-color: #ddd;
		text-align:	left;
		z-index: 50;
		list-style: none;
		background-image: none;
	}
	ul.autocompleter-choices li {
		position: relative;
		padding: 0.1em 1.5em 0.1em 1em;
		margin: 0;
		cursor:	pointer;
		font-weight: normal;
		font-size: 1em;
		list-style: none;
		background-image: none;
		border-top: 1px solid #ddd;
		clear: left;
		min-height: 30px;
	}
	ul.autocompleter-choices li.autocompleter-selected {
		background-color: #444;
		color: #fff;
	}
	ul.autocompleter-choices span.autocompleter-queried {
		font-weight: bold;
	}
	ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
		color: #9FCFFF;
	}
	ul.autocompleter-choices li img {
		float: left;
		margin: 0 1em 0 0;
	}
	ul.autocompleter-choices li span {
		display: block;
		color: #ccc;
	}
	ul.autocompleter-choices li span.autocompleter-queried {
		display: inline;
		color: #000;
	}

/* IE 7 hacks */
	*:first-child+html ul.textboxlist-holder {
		padding-bottom: 2px;
	}
	* html ul.textboxlist-holder {
		padding-bottom: 2px;
	}
	html>body #hubForm ul.textboxlist-holder li.bit-input input.smallinput,
	html>body ul.textboxlist-holder li.bit-input input.smallinput {
		*visibility: visible;
	}
	html>body #hubForm ul.textboxlist-holder li.bit-input input,
	html>body ul.textboxlist-holder li.bit-input input {
		*border: 1px solid #fff;
	}