/*
CSS needed by the framework for ED:TEXT
*/

/*
Auto complete part
*/
.autoComplete {
	z-index: 100000;
	position: absolute;
	width: 100%;

	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
	
	background-color: white;
	/*min-width: 400px;*/
}

.autoComplete ul {
	max-height: 400px;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.autoComplete li {
	width: 98%;
	cursor: pointer;
	padding: 3px 0px 0px 0px;
	vertical-align: middle;
    display: inline-block;
	opacity: 0.75;
}

.autoComplete li:hover {
	background-color: #3366cc;
	color: white;
	opacity: 1;
}

.autoComplete li[selected]{
	background-color: #3366cc;
	color: white;
	opacity: 1;
}

/*
Input part, for the field
*/
.autoCompleteInput {
}

.autoCompleteInput.readOnly {
}

.autoCompleteInput.partialRequired {
}

.autoCompleteInput.required {
}

.autoCompleteInput.mouseover {
}

.autoCompleteInput.mouseover.partialRequired {
}

.autoCompleteInput.mouseover.required {
}

.autoCompleteInput.focused {
}

.autoCompleteInput.focused.partialRequired {
}

.autoCompleteInput.focused.required {
}

.autoCompleteInput.error {
	background-image: url('../../images/autocomplete.png');
	/*color: #d14836;*/
}

.autoCompleteInput.error.partialRequired {
	background-image: url('../../images/autocomplete.png');
	/*color: #d14836;*/
}

.autoCompleteInput.error.required {
	background-image: url('../../images/autocomplete.png');
	/*color: #d14836;*/
}