/* @group Base */
.chzn-container {
	position: relative;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;

	.chzn-drop {
		background: #fff;
		border: 1px solid #aaa;
		border-top: 0;
		position: absolute;
		top: 29px;
		left: 0;
		z-index: 999;
	}
}
/* @end */

/* @group Single Chosen */
.chzn-container-single {
	.chzn-single {
		background-color: #ffffff;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #D9D9D9;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		position: relative;
		height: 19px;
		line-height: 19px;
		padding: 0 2px;
		text-indent : 1px;
		color: #4D4646;
		text-decoration: none;

		span {
			margin-right: 26px;
			display: block;
			overflow: hidden;
			white-space: nowrap;
			-o-text-overflow: ellipsis;
			-ms-text-overflow: ellipsis;
			text-overflow: ellipsis;
		}

		abbr {
			display: block;
			position: absolute;
			right: 20px;
			top: 4px;
			width: 12px;
			height: 13px;
			font-size: 1px;
			background: url('../chosen-sprite.png') right top no-repeat;

			&:hover {
				background-position: right -11px;
			}
		}

		div {
			position: absolute;
			right: 0;
			top: 0;
			display: block;
			height: 100%;
			width: 18px;

			b {
				background: url('../chosen-sprite.png') no-repeat 0 -2px;
				display: block;
				width: 100%;
				height: 100%;
			}
		}
	}

	.chzn-default {
		color: #999;
	}

	.chzn-search {
		padding: 3px 4px;
		position: relative;
		margin: 0;
		white-space: nowrap;
		z-index: 1010;

		input {
			background: #fff;
			margin: 1px 0;
			padding: 4px 20px 4px 5px;
			outline: 0;
			border: 1px solid #B9B9B9;
		}
	}
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
	position: absolute;
	left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
	border: 1px solid #D9D9D9;
	margin: 0;
	padding: 0;
	cursor: text;
	overflow: hidden;
	height: auto !important;
	height: 1%;
	position: relative;

	li {
		float: left;
		list-style: none;
	}

	.search-field {
		white-space: nowrap;
		margin: 0;
		padding: 0;

		input {
			color: #666;
			background: transparent !important;
			border: 0 !important;
			font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
			font-size: 14px;
			height: 15px;
			padding: 5px;
			margin: 1px 0;
			outline: 0;
		}

		.default {
			color: #999;
		}
	}

	.search-choice {
		.border-radius(3px);
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #F5F5F5;
		color: #333;
		border: 1px solid #aaaaaa;
		line-height: 13px;
		padding: 3px 20px 3px 5px;
		margin: 3px 0 3px 5px;
		position: relative;
		cursor: default;

		.search-choice-close {
			display: block;
			position: absolute;
			right: 3px;
			top: 4px;
			width: 12px;
			height: 13px;
			font-size: 1px;
			background: url('../chosen-sprite.png') right top no-repeat;

			&:hover {
				background-position: right -11px;
			}
		}
	}

	.search-choice-focus {
		background: #d4d4d4;

		.search-choice-close {
			background-position: right -11px;
		}
	}
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
	margin: 0 0 4px 0 !important;
	max-height: 240px;
	padding: 0 4px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}

.chzn-container-multi .chzn-results {
	margin: -1px 0 0;
	padding: 0;
}

.chzn-container .chzn-results {
	li {
		display: none;
		line-height: 14px;
		padding: 4px 0 4px 6px;
		margin: 0;
		list-style: none;
	}

	.active-result {
		cursor: pointer;
		display: list-item;
	}

	.highlighted {
		background-color: #B3B3B3;
		color: #FFF;
	}

	li em {
		background: #1F9EB5;
		color: #FFF;
		font-style: normal;
	}

	.highlighted em {
		background: transparent;
	}

	.no-results {
		background: #FFF;
		display: list-item;
	}

	.group-result {
		cursor: default;
		color: #999;
		font-weight: bold;
	}

	.group-option {
		padding-left: 15px;
	}
}

.chzn-container-multi .chzn-drop .result-selected {
	display: none;
}

.chzn-container .chzn-results-scroll {
	background: white;
	margin: 0 4px;
	position: absolute;
	text-align: center;
	width: 321px; /* This should by dynamic with js */
	z-index: 1;

	span {
		display: inline-block;
		height: 17px;
		text-indent: -5000px;
		width: 9px;
	}
}

.chzn-container .chzn-results-scroll-down {
	bottom: 0;
}

.chzn-container .chzn-results-scroll-down span {
	background: url('../chosen-sprite.png') no-repeat -4px -3px;
}

.chzn-container .chzn-results-scroll-up span {
	background: url('../chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
	border: 1px solid #B9B9B9;
}

.chzn-container-active .chzn-single-with-drop {
	border: 1px solid #B9B9B9;
}

.chzn-container-active .chzn-single-with-drop div {
	background: transparent;
	border-left: none;
}

.chzn-container-active .chzn-single-with-drop div b {
	background-position: -18px -1px;
}

.chzn-container-active.chzn-container-single .chzn-drop {
	width: 100%;
}

.chzn-container-active .chzn-choices {
	border: 1px solid #B9B9B9;
}

.chzn-container-active .chzn-choices .search-field input {
	color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
	cursor: default;
	opacity:0.5 !important;
}

.chzn-disabled .chzn-single {
	cursor: default;
}

.chzn-disabled .chzn-choices .search-choice .search-choice-close {
	cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
	left: 26px;
	right: auto;
}

.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
	background: #fff;
	padding: 4px 5px 4px 20px;
	direction: rtl;
}
/* @end */

/* Sally specific */

@loop(@selector, @index) when (@index > 0) {
      (~"@{selector}@{index}") {
        padding-left: @index * 5px;
      }
      @loop(@selector, @index - 1);
}

.chzn-container .chzn-results {
	@loop('.sly-lvl-', 15);
}
