.asmContainer { /* container that surrounds entire asmSelect widget */ } .asmSelect { /* the newly created regular 'select' */ display: inline; } .asmOptionDisabled { /* disabled options in new select */ color: #999; } .asmHighlight { /* the highlight span */ padding: 0; margin: 0 0 0 1em; } .asmList { /* html list that contains selected items */ margin: 0.25em 0 1em 0; position: relative; display: block; padding-left: 0; list-style: none; } .asmListItem { /* li item from the html list above */ color: #666; display: block; padding: 5px 10px; background: #eee; position: relative; } .asmListItem:hover { background-color: #e5e5e5; } .asmListItemLabel { /* this is a span that surrounds the text in the item, except for the remove link */ padding: 5px; display: block; } .asmListSortable .asmListItemLabel { cursor: move; } .asmListItemRemove { /* the remove link in each list item */ position: absolute; right: 0; top: 0; padding: 5px; }