div.mf_container { border: 1px solid #e5e6e7; cursor: text; display: inline-block; width: 100%; } div.mf_container_focus { border-color: #1ab394 !important; } /* Ordered list for displaying selected items. */ div.mf_container ol.mf_list { display: inline; padding-left: 0px; } /* Selected item, regardless of state (highlighted, selected). */ div.mf_container ol.mf_list li.mf_item { border: 1px solid #C0C0C0; cursor: pointer; display: inline-block; margin: 2px; padding: 4px 4px 5px; } /* Selected item that's highlighted by mouseover. */ div.mf_container ol.mf_list li.mf_item.mf_highlighted { background-color: #E0E0E0; } /* Selected item that's selected by click or keyboard. */ div.mf_container ol.mf_list li.mf_item.mf_selected { background-color: #C0C0C0; } /* Remove link. */ div.mf_container ol.mf_list li.mf_item a.mf_remove { color: #E0E0E0; margin-left: 10px; text-decoration: none; } /* Remove link that's highlighted. */ div.mf_container ol.mf_list li.mf_item.mf_highlighted a.mf_remove { color: #FFFFFF; } /* Remove link that's selected. */ div.mf_container ol.mf_list li.mf_item.mf_selected a.mf_remove { color: #FFFFFF; } /* Actual input, styled to be invisible within the container. */ div.mf_container input.mf_input { border: 0; font: inherit; font-size: 100%; margin: 2px; outline: none; padding: 4px; } /*** Marco Polo ***/ /* Ordered list for display results. */ ol.mp_list { background-color: #FFFFFF; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; overflow: hidden; position: absolute; width: 498px; z-index: 99999; } /* Each list item, regardless of success, error, etc. */ ol.mp_list li { border-bottom: 1px solid #C0C0C0; padding: 4px 4px 5px 9px; } /* Each list item from a successful request. */ ol.mp_list li.mp_item { } /* Each list item that's selectable. */ ol.mp_list li.mp_selectable { cursor: pointer; } /* Currently highlighted list item. */ ol.mp_list li.mp_highlighted { background-color: #E0E0E0; } /* When a request is made that returns zero results. */ ol.mp_list li.mp_no_results { } /* When a request is made that doesn't meet the 'minChars' length option. */ ol.mp_list li.mp_min_chars { } /* When a request is made that fails during the ajax request. */ ol.mp_list li.mp_error { }