Настройка стилей CSS

Здравствуйте, кто разбирается помогите сделать в блоке живого поиска стрелочку примерно такую же как и на этом скрине:
http://pixs.ru/showimage/strelochka_2441246_12529238.jpg

Сам блок поиска выглядит вот так:
http://pixs.ru/showimage/blokpoiska_8131459_12529234.jpg
Вот код стрелочки которую удалось найти в интернете, только внедрить ее не получается

.popup.left:before {
    border-left: 10px solid #71653a;
    border-top: 10px solid rgba(113, 101, 58, 0);
    border-bottom: 10px solid rgba(113, 101, 58, 0);
    right: -10px;
    top: 20px;
}

Вот CSS код стилей самого блока поиска:

/** Dave's WordPress Live Search CSS **/
ul.search_results

{
display: block;
border-radius: 10px;
background-color:#fff;
width:250px;
max-height: 500px;
position:absolute;
top:10px;
left:0px;
overflow:auto;
z-index: 9999;	

list-style-type: none;
list-style-image: none;
list-style-position: inside;

padding: 0px; /*Обводка вокруг блока */
margin: 0px;

box-shadow: 0 0 7px 1px rgba(221, 221, 221, 1);  /*подсветка блока */ 

}

ul.search_results li
{
display: block;
padding: 2px 0px 0px 5px;  /*отступы от картинки */
margin: 0px 0px 0px 0px;
border-top: 1px solid #eee;
border-bottom: 1px solid #aaa;
text-align: left;	

color: #000;
background-color: #ddd;
text-decoration: none;

}

ul.search_results li:hover
{
background-color: #fff;
}

ul.search_results li a, ul.search_results li a:visited
{
display: block;
color: #354656;
margin-left: 0px;
padding-left: 0px;
text-decoration: none;
margin: 10px 0px 15px 1px;  /*отступы текста */
font-weight: bold;
}

ul.search_results p#daves-wordpress-live-search_author
{
margin: 0px;
font-size: 90%;
font-weight: bold;
}

ul.search_results p#daves-wordpress-live-search_date
{
margin: 0px;
font-size: 90%;
}

/* BEGIN post thumbnails */
ul.search_results li.post_with_thumb a {
width:150px;
float:left;
margin-bottom: 5px;
}

ul.search_results li.post_with_thumb img.post_thumb
{
border-radius: 7px;
float: left;
margin: 3px 10px 5px 0px; /*отступы от картинки */
height: 80px;		/*размеры картинки */
width: 58px;
border: 1px solid #888;
}
/* END post thumbnails */

/* BEGIN post excerpt */
ul.search_results .excerpt, ul.search_results .meta
{
font-size: 75%;
width: 100%;
}
/* END post excerpt */

ul.search_results .clearfix
{
float: none !important;
clear: both !important;
}

.search_footer {
background-color: #888;
width: 100%;
text-align: right;
padding: .5em 0;
font-size: .9em;
}

.search_footer a,
.search_footer a:visited {
color: #fff;
margin-right: 1em;
}

#search_results_activity_indicator{
z-index:999999;
}