/* surrounding tag container */
.tag-editor {
	list-style-type: none;
	padding: 5px 10px;
	margin: 0;
	overflow: hidden;
	border-bottom: 3px solid #e4e4e4;
	cursor: text;
	font: normal 14px sans-serif;
	color: #555;
	background: #f7f7f7;
	line-height: 20px;
	min-height: 100px;
	border-radius: 2px;
}
	/* core styles usually need no change */
	.tag-editor li {
		display: block;
		float: left;
		overflow: hidden;
		margin: 5px 5px 5px 0;
	}

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

	.tag-editor .placeholder {
		padding: 0;
		color: #bbb;
	}

	.tag-editor .tag-editor-spacer {
		padding: 0;
		width: 0;
		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: 10px;
	color: #fff;
	background: #b51900;
	white-space: nowrap;
	overflow: hidden;
	font-size: 13px;
	cursor: pointer;
	border-radius: 2px 0 0 2px;
	line-height: 30px;
	height: 30px;
}
/* delete icon */
.tag-editor .tag-editor-delete {
	background: #b51900;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
	padding-left: 5px;
	padding-right: 7px;
	line-height: 30px;
	height: 30px;
}

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

		.tag-editor .tag-editor-delete i:before {
			font-size: 16px;
			color: rgba(0,0,0,0.5);
			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 .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;
}