.presenter_module_search .form-group { position:relative; } .presenter_module_search .options { position:absolute; top:100%; left:0; z-index:1000; width:100%; background:white; border:1px solid #454545; border-top:0; } 
 .form_autocomplete { display:inline; position:relative; } .form_autocomplete .input { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8wNy8xMzLwpb8AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAA/klEQVQ4jWP8//8/AzUBE1VNGzVwcBrIgi7g6up6QVJSUp+Tk5OBiQm3fV++fLm4ePFiA4IGnj17NiAzM/OCqqoqPzc3N1bD/v///3HatGkBRLnw/fv3D3bs2BGgra29X1pamoGdnR1D09u3bxMOHjz4AJuBWP107ty5A+vWrSt8+fIlw+/fv1Hkfv782eju7r4Bq9NxGcjAwMCwdu3aCYcOHVr49u1bhr9//zIwMDAw/Pv376C1tXUDLj14DWRgYGCYM2dOwZUrVy5++vSJ4d+/fw8nT56MNdxQwP///1EwOpCSklKYNWvWh6amJowYRdf7//9/BsbR0mYEGAgAE892F5WUfi0AAAAASUVORK5CYII='); background-position: right center; background-repeat: no-repeat; border:1px solid #666; background-color:#fff; border-radius:3px; box-shadow: inset 0px 10px 10px 0px #eee; padding:2px 5px; padding-right:20px; display:inline-block; } .form_autocomplete .input:hover { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8wNy8xMzLwpb8AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAA8UlEQVQ4jWP8//8/AzUBE1VNGzVwcBrIgi7g7e19QVpaWp+Li4uBiQm3fZ8/f744e/ZsA4IGnjhxIqCoqOiChoYGPy8vL1bD/v3797G3tzeAKBe+e/fuwebNmwP09fX3y8jIMHBwcGBoev36dcKePXseYDMQq59Onjx5YPny5YXPnz9n+P37N4rcjx8/Gi0sLDZgdToDAwPD////UTAyqKysXHD48OH/t27d+n/37t3/t27dOoBP7/////EbyMvLKzB58uQLp0+f/n/r1q0HqampAhQZyMDAwCAjI6OwbNmyDz09PRgxis1AxtHSZgQYCAB8LqfROy9fAgAAAABJRU5ErkJggg=='); } .form_autocomplete .input:active { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8wNy8xMzLwpb8AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAA/0lEQVQ4jWP8//8/AzUBE1VNGzVwcBrIgi7g6up6gZOTU5+Qxu/fv1/cvXu3Abo4I3o65OfnV3B2dr4gIiLCz8XFxcDEhOmJP3/+fFyzZo3Bs2fPHhB04adPnx5cunQpIDk5eb+amhoDLy8vhoHnz59PeP78OYZhWA1kYGBguHv37oFTp04V6urq9svIyDBwcHAgSze6u7tvwKaPgQFPpGzYsGHCrl27Fj5//pzh9+/fMOGDysrKDbj04HQhDMydO7dASkrKgJ2dXV9cXPwhMzNzAD71DAwMDAz///9HwehAXFxcYdasWR+mTZuGEaPoev///48Zy5SCwZ9TRqCBALWQZ3ERlY0cAAAAAElFTkSuQmCC'); } .form_autocomplete .input input[type=text] { background:transparent; border:0px; } .form_autocomplete input.empty_text { color:#999; } .form_autocomplete .options { background:#fff; position:absolute; left:0px; top:20px; border:1px solid #666; border-radius:2px; min-width:200px; overflow:auto; z-index:10000; } .form_autocomplete .options, .form_autocomplete .options a { color:#000; } .form_autocomplete .option { display:block; text-decoration: none; border:1px solid transparent; } .form_autocomplete .option:nth-child(even) { } .form_autocomplete .option:nth-child(odd) { } .form_autocomplete .option.hover { border-radius:2px; box-shadow:inset 0px 5px 5px #ddd; background:#eef; border:1px solid #999; cursor:default; } .form_autocomplete .autocomplete_content { } .form_autocomplete .autocomplete_link { float:right; margin-left:10px; } .form_autocomplete .autocomplete_description { color:#999; float:right; margin-left:10px; }