[tselectionprocess] {
	position: relative; 
	display: inline-block;
		 box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-right: 62px;
	vertical-align: top; /* pra alinhar verticalmente com outros componentes  na mesma linha */
}


[tselectionprocess] .selpro-buttons {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* o elemento decorado pelo searchmode deve ocupar todo o espaço */
[tselectionprocess] > [ttype],	
[tselectionprocess] > .selpro-input {
	width: 100%;
}

[tselectionprocess] > * {
	display: inline-block;
	vertical-align: top;
}

.buttonSearchAdd, .buttonSearchAddOff,
.buttonSearch, .buttonSearchOff,
.buttonRemove, .buttonRemoveOff {
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	height: 24px;
	padding: 0;
}

.buttonSearchAdd.selpro-add {
	background-image: url('search_add_icon.png');
	padding: 0px 0px;
	top: 0px;
	width: 29px;
	
	border-style: none;
}

.selpro-add .button-outer {
	border: 0;
	visibility: hidden;
}

.buttonSearchAddOff {
	background-image: url('search_add_off_icon.png');
	width: 29px;	
}

.buttonSearch.selpro-add {
	background-image: url('search_icon.png');
	padding: 0px;
	top: 0px;
	width: 25px;
	
	border-style: none;
}

.buttonSearchOff {
	background-image: url('search_off_icon.png');
	width: 25px;	
}

.buttonRemove.selpro-remove {
	background-image: url('remove_icon.png');
	padding: 0px;
	top: 0px;
	width: 25px;
	
	border-style: none;
}

.buttonRemove .button-outer {
	border: 0;
	visibility: hidden;
}

.buttonRemoveOff {
	background-image: url('remove_off_icon.png');
	width: 25px;
}