div.customInputSelect { display: inline-block; position: relative; } div.customInputSelect.Phelic_Category { display: block; margin-bottom: 10px; background-image: url('../graphX/icons/subArrow.png'); background-size: 10px; background-position: left top 2px; } div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category { padding-left: 15px; } div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category { padding-left: 30px; background-position: left 15px top 2px; } div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category { padding-left: 45px; background-position: left 30px top 2px; } div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category { padding-left: 60px; background-position: left 45px top 2px; } div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category { padding-left: 75px; background-position: left 60px top 2px; } div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category + div.customInputSelect.Phelic_Category { padding-left: 90px; background-position: left 75px top 2px; } div.customInputSelect .curValue { display: block; border: 1px solid lightgrey; padding: 5px; min-width: 250px; } div.customInputSelect .curValue:hover, div.customInputSelect .curValue div.customInputSelect li.selected { background-color: #EEEEEE; } div.customInputSelect ul.options { background-color: #ededed; border: 1px solid lightgrey; display: none; margin: 0; max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; width: 100%; z-index: 1; cursor: pointer; } div.customInputSelect ul.options li { padding: 5px 15px; list-style-type: none; margin: 0; border-bottom: 1px solid lightgrey; text-align: left; } div.customInputSelect ul.options li.selected { background-color: #E3E3E3; } div.customInputSelect ul.options li:last-of-type { border-bottom: none; } div.customInputSelect ul.options li:hover { background-color: #E3E3E3; }