@mixin base-select($primaryStyleName : v-select) {

$select-button-width : 1em;
$select-button-negative-width : -1em;

.#{$primaryStyleName} {
	text-align: left;
}
.#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option {
	display: block;
	white-space: nowrap;
}
.#{$primaryStyleName}-optiongroup .v-icon {
	vertical-align: middle;
	white-space: nowrap;
	margin: 0 2px;	
}
.v-ie & .#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option {
	zoom: 1;
}
.#{$primaryStyleName}-select {
	display: block;
}
.#{$primaryStyleName}-twincol {
	white-space: nowrap;
}
.#{$primaryStyleName}-twincol-options {
	float: left;
}
.#{$primaryStyleName}-twincol-caption-left {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}
.#{$primaryStyleName}-twincol-selections {
	font-weight: bold;
}
.#{$primaryStyleName}-twincol-caption-right {
	float: right;
	overflow: hidden;
	text-overflow: ellipsis;
}
.#{$primaryStyleName}-twincol-buttons {
	float: left;
	text-align: center;
}
.#{$primaryStyleName}-twincol-buttons .#{$primaryStyleName}-twincol-deco {
	clear: both;
}
.#{$primaryStyleName}-twincol .v-textfield {
	display: block;
	float: left;
	clear: left;
}
.#{$primaryStyleName}-twincol .v-button {
	float: left;
}
.#{$primaryStyleName}-twincol-buttons .v-button {
	float: none;
}
.v-filterselect {
	white-space: nowrap;
	text-align: left;
	display: inline-block;
	padding-right: $select-button-width; /* Space for the button */
}
.v-filterselect .v-icon {
	float: left;
}
&.v-app .v-filterselect-input,
.v-window .v-filterselect-input,
.v-popupview-popup .v-filterselect-input {
	margin: 0;
	float: left;
	-webkit-border-radius: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.v-filterselect-prompt .v-filterselect-input {
	color: #999;
	font-style: italic;
}
.v-filterselect-button {
	display: inline-block;
	cursor: pointer;
	width: $select-button-width;
	margin-right: $select-button-negative-width;
	height: 1em;
	background: transparent url(../common/img/sprites.png) no-repeat -5px -8px;
}
.v-filterselect.v-readonly .v-filterselect-button {
	display: none;
}
.v-filterselect.v-readonly,
.v-filterselect.v-readonly .v-filterselect-input {
	background: transparent;
}
.v-filterselect-suggestpopup {
	background: #fff;
	border: 1px solid #eee;
}
.v-filterselect-suggestmenu table {
	border-collapse: collapse;
	border: none;
	vertical-align:top;
	display: block;
	width: 100%;

	// float & clear needs to be set so that IE 8 & 9 displays the elements as block
	float: left;
	clear: both;

	& > tbody,
	& > tbody > tr,
	& > tbody > tr > td {
		display: block;
		width: 100%;
		// float & clear needs to be set so that IE 8 & 9 displays the elements as block
		float: left;
		clear: both;
		overflow-y: hidden;
	}
}
.v-filterselect-suggestmenu .gwt-MenuItem {
	white-space: nowrap;
	padding-left: 1px;
	padding-right: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
	margin-right: 3px;
	vertical-align: middle;
}
.v-filterselect-suggestmenu .gwt-MenuItem span {
	vertical-align: middle;
}
.v-filterselect-suggestmenu .gwt-MenuItem-selected {
	background: #333;
	color: #fff;
}
.v-filterselect-nextpage,
.v-filterselect-nextpage-off,
.v-filterselect-prevpage-off,
.v-filterselect-prevpage {
	width: 100%;
	background: #aaa;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
}
.v-filterselect-nextpage-off,
.v-filterselect-prevpage-off {
	color: #666;
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: default;
}
.v-filterselect-nextpage-off span,
.v-filterselect-prevpage-off span {
	cursor: default;
}
.v-filterselect-status {
	white-space: nowrap;
	text-align: center;
}

.v-filterselect-no-input .v-filterselect-input {
	cursor: default;
}

/* Error styles (disabled by default)

.v-filterselect-error .v-filterselect-input,
.#{$primaryStyleName}-error .#{$primaryStyleName}-option,
.#{$primaryStyleName}-error .#{$primaryStyleName}-select,
.#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-selections,
.#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-options {
	background: #ffaaaa;
}
*/

/*  Required field styles (disabled by default)
   
.v-filterselect-error .v-filterselect-input,
.#{$primaryStyleName}-required .#{$primaryStyleName}-option,
.#{$primaryStyleName}-required .#{$primaryStyleName}-select,
.#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-selections,
.#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-options {
	background: #ffaaaa;
}
*/

}