/* surrounding tag container */
.tag-editor {
	list-style-type: none;
	padding: 0.375rem 0.375rem 0.375rem 0.175rem;
	margin: 0;
	overflow: hidden;
	border: 1px solid #C0C0C0;
	cursor: text;
	/*font: normal 14px sans-serif;*/
	color: #555;
	background: #ffffff;
	line-height: 20px;
	border-radius: 0.475rem;
	font-size: 0.9rem;
}

	/* core styles usually need no change */
	.tag-editor li {
		display: block;
		float: left;
		overflow: hidden;
		margin: 1px 0;
	}

	.tag-editor div {
		float: left;
		/*padding: 0 4px;*/
	}

	.tag-editor .placeholder {
		padding: 0 8px;
		color: #bbb;
		background-color: transparent;
	}

	.tag-editor .tag-editor-spacer {
		padding: 0;
		width: 8px;
		overflow: hidden;
		color: transparent;
		background: none;
	}

	.tag-editor input {
		vertical-align: inherit;
		border: 0;
		outline: none;
		padding: 0;
		margin: 0;
		cursor: text;
		/*font-family: inherit;*/
		font-weight: inherit;
		font-size: inherit;
		font-style: inherit;
		box-shadow: none;
		background: none;
		color: #444;
	}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src {
	position: absolute !important;
	left: -99999px;
}
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear {
	display: none;
}

/* tag style */
.tag-editor .tag-editor-tag {
	padding-left: 5px;
	color: #db6904;
	background: #ffd5af;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete {
	background: #ffd5af;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
	padding-left: 3px;
	padding-right: 4px;
}

	.tag-editor .tag-editor-delete i {
		line-height: 18px;
		display: inline-block;
	}

		.tag-editor .tag-editor-delete i:before {
			font-size: 16px;
			color: #db6904;
			content: "×";
			font-style: normal;
		}

	.tag-editor .tag-editor-delete:hover i:before {
		color: #d65454;
	}

.tag-editor .tag-editor-tag.active + .tag-editor-delete, .tag-editor .tag-editor-tag.active + .tag-editor-delete i {
	visibility: hidden;
	cursor: text;
}

.tag-editor .tag-editor-tag.active {
	background: none !important;
}

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	font-size: 14px;
}

.ui-front {
	z-index: 9999;
}

.ui-menu {
	list-style: none;
	padding: 1px;
	margin: 0;
	display: block;
	outline: none;
}

	.ui-menu .ui-menu-item a {
		text-decoration: none;
		display: block;
		padding: 2px .4em;
		line-height: 1.4;
		min-height: 0; /* support: IE7 */
	}

.ui-widget-content {
	border: 1px solid #bbb;
	background: #fff;
	color: #555;
}

	.ui-widget-content a {
		color: #46799b;
	}

	.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
		background: #e0eaf1;
	}

.ui-helper-hidden-accessible {
	display: none;
}