diff --git a/ui/css/main.css b/ui/css/main.css
index b34b8039357..034be6e483e 100644
--- a/ui/css/main.css
+++ b/ui/css/main.css
@@ -1737,39 +1737,25 @@ a:hover {
 	width:223px;
 	height:27px;
 	float:left;
-	position:relative;
 	margin:0;
 	padding:0;
 	background:url(../images/actionpanel_border.gif) no-repeat top right;
 	list-style:none
 }
 
-.searchpanel_advancebutton {
-	width:55px;
-	height:12px;
+.searchpanel_filterbutton {
+	width:15px;
+	height:15px;
 	float:left;
-	margin:0 0 0 4px;
+	margin:5px 0 0 4px;
 	display:inline;
-	padding:7px 0 0 0;
-	color:#FFF;
-	font-size:10px;
-	text-align:left;
-	font-weight:normal;
+	background:url(../images/filter_downarrow.gif) no-repeat top left;
 	cursor:pointer;
 	cursor:hand;
 }
 
-.searchpanel_advancebutton.off {
-	color:#FFF;
-}
-
-.searchpanel_advancebutton.on {
-	background: url(../images/advance_highlighted.gif) no-repeat top left;
-	margin:6px 0 0 0;
-	color:#333;
-	padding:4px 0 0 3px;
-	width:57px;
-	height:12px;
+.searchpanel_advancebutton.close {
+	background:url(../images/filter_downarrow.gif) no-repeat top left;
 }
 
 .adv_searchpopup_highlighted_advancesearch {
@@ -1802,7 +1788,7 @@ a:hover {
 
 
 .searchpanel li{
-	width:155px;
+	width:186px;
 	height:auto;
 	float:left;
 	margin:5px 0 0 8px;
@@ -1811,7 +1797,7 @@ a:hover {
 }
 
 .searchpanel .text{
-	width:116px;
+	width:145px;
 	height:14px;
 	float:left;
 	background:#FFF repeat top left;
@@ -1841,31 +1827,30 @@ a:hover {
 }
 
 .search_textbg {
-	width:154px;
+	width:186px;
 	height:16px;
 	float:left;
-	background:url(../images/serach_textbox.gif) no-repeat top left;
+	background:url(../images/search_textbg.gif) no-repeat top left;
 	margin:0;
 	padding:0;
 }
 
 .adv_searchpopup {
-	width:268px;
-	height:auto;
+	width:100%;
+	height:100px;
 	float:left;
-	position:absolute;
-	top:22px;
-	left:8px;
+	background:#646464 url(../images/adv_searchbg.gif) repeat-x top left;
+	border-bottom:1px solid #2d2d2d;
 	margin:0;
 	padding:0;
-	z-index:1005;
+
 }
 
 .adv_searchpopup_top {
 	width:268px;
 	height:21px;
 	float:left;
-	background: url(../images/advancesearchpopup_top.png) no-repeat top left;
+	background:url(../images/advancesearchpopup_top.png) no-repeat top left;
 	margin:0;
 	padding:0;
 	overflow:hidden;
diff --git a/ui/images/adv_searchbg.gif b/ui/images/adv_searchbg.gif
new file mode 100644
index 00000000000..0168ec61077
Binary files /dev/null and b/ui/images/adv_searchbg.gif differ
diff --git a/ui/images/filter_downarrow.gif b/ui/images/filter_downarrow.gif
new file mode 100644
index 00000000000..c5286c83aac
Binary files /dev/null and b/ui/images/filter_downarrow.gif differ
diff --git a/ui/images/filter_uparrow.gif b/ui/images/filter_uparrow.gif
new file mode 100644
index 00000000000..ddb4bcb1080
Binary files /dev/null and b/ui/images/filter_uparrow.gif differ
diff --git a/ui/images/search_textbg.gif b/ui/images/search_textbg.gif
new file mode 100644
index 00000000000..51ffb77df14
Binary files /dev/null and b/ui/images/search_textbg.gif differ
diff --git a/ui/index.jsp b/ui/index.jsp
index 042fc60e976..6718c7a37a2 100644
--- a/ui/index.jsp
+++ b/ui/index.jsp
@@ -161,8 +161,8 @@
                                 </li>
                             </ol>
                             </form>
-                            <div class="searchpanel_advancebutton" id="advanced_search_icon">
-                                <fmt:message key="label.advanced"/></div>
+                          <div class="searchpanel_filterbutton" id="advanced_search_icon">
+                                </div>
                             <div id="advanced_search_container">
                             </div>
                         </div>
@@ -230,6 +230,7 @@
                 <!-- Mid Menu starts here-->
                 <div class="midmenu_panel" id="middle_menu">
                     <div class="midmenu_box" id="midmenu_box">
+                    	<div class="adv_searchpopup" style="display:none;"></div>
                         <div id="midmenu_spinning_wheel" class="midmenu_mainloaderbox" style="display: none;">
                             <div class="midmenu_mainloader_animatedicon">
                             </div>