Live Search Popup Plugin – Need Help!

Hello,

the plug-in I’m trying to use is the “Live Search Popup” that can be found here: https://www.ads-software.com/extend/plugins/live-search-popup/

I’m trying to change a few things in the plug-in:

I. Have the arrow of search results appear below the search box (currently it shows on top of the search form)
II. Change the color of the font in the result popup box
III. Change the results from capital letters to lower case
IV. Change the position of the search box under the search form (it’s too far to the left)

I tried changing a lot of settings in the CSS file of the plug-in and also took a look at the php and js files. Even though
I can’t program in any computer language I couldn’t find anything related to those things I mentioned above.

Do you have any ideas or suggestions? I’m really desperate at this point because I’ve invested a lot of time but couldn’t achieve
what I want.

Thx
qwertz123456

Here’s my CSS:

.livesearchpopup {
width: 128px;
}.livesearchpopup .box {
position: relative;
height: 18px;
}.livesearchpopup .form {
width: 128px;
height: 18px; white-space: nowrap;
}.livesearchpopup .left {
position: absolute;
top: 0px;
left: 0px;
}.livesearchpopup .editbox {
position: absolute;
top: 0px;
left: 10px;
background: #ffffff; height: 16px;
width: 100px;
border: 0px;
margin: 0px;
overflow: hidden; border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}.livesearchpopup .edit {
width: 100px;
font-size: 11px;
background: #ffffff;
height: 16px;
border: 0px;
autocomplete: off;
outline-width: 0px;
}.livesearchpopup .lupe {
position: absolute;
top: 0px;
left: 11px;
}.livesearchpopup #livesearchpopup_box {
top: 25px;
width: 200px;
}#livesearchpopup_box {
color: #ffffff;
background: #0255cd url(../resultgradient.png) 0 0px repeat-x;
right: 0em;
text-align: left;
padding: 1px;
margin: 0px;
position: absolute;
width: 25%; filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;
z-index:100;
}#livesearchpopup_box .pfeil {
position: absolute;
top: -7px;
right: 19%;
}#livesearchpopup_box h1 {
letter-spacing : .05em;
word-spacing: .15em;
font-size: 1.5em;
color: #ffffff;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
}#livesearchpopup_results {
width: 100%;
overflow: hidden;
text-align: left;
padding: 0em;
margin: 0px;
color: #ffffff;
background: #375D81;
}#livesearchpopup_box ul {
margin: 0px;
padding: 0px;
}.livesearchpopup .resultlistitem,
.livesearchpopup .resultlistitem_selected {
padding: 0px;
margin: 0px;
border-bottom: 1px solid #e0e0e0;
text-decoration: none;
color: #ffffff;
}.livesearchpopup .resultlistitem_selected,
#livesearchpopup_box li:hover {
background: #375D81 url(../searchhovergradient.png) 0 0px repeat-x;
color: #375D81;
}#livesearchpopup_box li a {
text-decoration: none;
padding: 0.3em;
display: block;
width: 100%;
}.livesearchpopup .resultlistitem a,
.livesearchpopup .resultlistitem a:visited {
color: #ffffff;
}.livesearchpopup .resultlistitem_selected a,
.livesearchpopup .resultlistitem_selected a:visited,
.livesearchpopup .resultlistitem a:hover {
background: #375D81 url(../searchhovergradient.png) 0 0px repeat-x;
color: #ffffff;
}.livesearchpopup .spiegel {
position: absolute;
top: 12px;
left: 0px;
}