﻿

.lookup-container {
    position: relative;
}

.lookup-value {
    margin: 0px;
    padding: 0px;
}

input.autocomplete-input {
    cursor: pointer;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAIAAABcElBNAAAABnRSTlMAIgCxAExuUeJpAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAeElEQVR4nI2PsQ3DMAwEz8kEXkCFCs+hAQS49jQvbZNWQBbQGilSaAGP4BR0EINVvuQdHk/4L1Ns+b0+AUkhhCsbY9RagdgyseXYsgFJxzeS7GjCfd4WYN6W/fHqvQMppVLKrwmA03Oqk85910221UnAzf1l2EnAB9cZNCDpA1TWAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: right 5px center;
    color: #444;
}

.lookup-input {
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAIAAABcElBNAAAABnRSTlMAIgCxAExuUeJpAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAALElEQVR4nGNgIBIobfQhRg0TQaUQWSb8psLFmfA4AFmECZcEmjYUdXBpTLMBUooNf9RxE9IAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: right 5px center;
    color: #444;
}

.suggestions-border {
    position: absolute;
    display: none;
    z-index: 20;
}

    .suggestions-border .suggestions-content {
        max-height: 300px;
        overflow: auto;
        overflow-x: hidden;
        margin: 0px;
        border: 1px solid #999;
    }

        .suggestions-border .suggestions-content ul {
            margin: 0px;
            padding: 0px;
        }

            .suggestions-border .suggestions-content ul li {
                width: 100%;
                margin: 0px 0px 0px 0px;
                padding: 4px;
                cursor: pointer;
                font: 11px Verdana;
                color: #444;
                background-color: #FFF;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

        .suggestions-border .suggestions-content li.selected-suggestion {
            color: #900;
            background-color: #DDD;
        }
