From f40fbb9a5d8e3af5dc29c531142c63cfff0c66af Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Mon, 20 Dec 2010 12:49:47 -0800
Subject: [PATCH] Revised UI for Advance Search

---
 ui/css/main.css                |  49 ++++++++++++---------------------
 ui/images/adv_searchbg.gif     | Bin 0 -> 546 bytes
 ui/images/filter_downarrow.gif | Bin 0 -> 327 bytes
 ui/images/filter_uparrow.gif   | Bin 0 -> 326 bytes
 ui/images/search_textbg.gif    | Bin 0 -> 752 bytes
 ui/index.jsp                   |   5 ++--
 6 files changed, 20 insertions(+), 34 deletions(-)
 create mode 100644 ui/images/adv_searchbg.gif
 create mode 100644 ui/images/filter_downarrow.gif
 create mode 100644 ui/images/filter_uparrow.gif
 create mode 100644 ui/images/search_textbg.gif

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 0000000000000000000000000000000000000000..0168ec61077c617de610d06ebfec09ab6a348838
GIT binary patch
literal 546
zcmd6k$4<jQ07OkfNT{Lr-h1!8ht4-3#rAq#)@8j;;<y1Klu*BjD?h@S8}&fKS1^Y;
zj7Co*O=Nd_cJ9PS9a66p6^%w|njy&b$df9@6Y2%xbw|HrXx7$mW6C*A(@E`GgsQ+P
zGH>u4;#dI!5dsOYkYjm<0SPtbk_VOnj(#7LPh-lNCRrA~&ah>{aI;}1F_YRAmXZlA
z1sKRNJj-wbkS%;8Kt%wGBE~VYZE}Z^W9w;4PwU8*pyrVWQ@vzq&L#J%Xu8HDkzL4&
zMD~zCFtSdKr-X80YMBo3j7P+iWQNJfJdh+FTR5#tPFy)h5No1I{WG<F=Kd`j%zE|{
zD(JX=|C+yct9D_!t-d}uH<}*|?&ptB6cr6bnww`jH)^^AHS2*uK|%XrV`D?ZqHo#f
zI~W^Toos6A=sKRyeI9OY4To2@^IrCjrizOPOG<|NcS=huDt4F3%gf5Dswyjcdi!SU
c>Z+?lq0LavTTWqNOAGb>@%i=r^X*X!ztU-n^#A|>

literal 0
HcmV?d00001

diff --git a/ui/images/filter_downarrow.gif b/ui/images/filter_downarrow.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c5286c83aacf517fb85cbac2d67d812cf5d21942
GIT binary patch
literal 327
zcmZ?wbhEHb<Y(Y#xXQo~8XD^F?;jKtq@$x_XlQ6=W~QvHtgf!^?d`3gpy1}_=IH2n
z^ypC=8=GUtj%8$IxVpMpSXjixBxq@A&7C`U-n@C9o}QVRnT3UgGiJ;vEiLu)^E-U_
z@T^(0k`hv@N}G}rQcj#Wk(-+v78X`r+H7xcuc)Bl;^M+UC7}3|1#FTIhy?kGfi2~L
zyGo*$ME~&<%t;wm^ZiadaabF*dU9jg>9<1r9&Fg*pf~$`Z^`3Bi97Dj461Tm-YwBr
z^E@Q{$A1YvMG>)jE{={)4k=OTE)K?tlO|7Lnl^pLOorKW=FXFww{W(CywE)5c|t0V
G4AuaOZ(Xzi

literal 0
HcmV?d00001

diff --git a/ui/images/filter_uparrow.gif b/ui/images/filter_uparrow.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ddb4bcb1080cacfe8c4f451ad6fb2b14633189eb
GIT binary patch
literal 326
zcmZ?wbhEHb<Y(Y#xXQo~8X6iD6y)vgt)rvk@9%GDXsE2LtgfzZW@e_KpkQNT<LKz<
z=H_<d#EE0aj#*e(WMpK-#Uva(deqg`wW_p9OG`^pL7}j)aK?-oN%1M3o}PyfAD%mR
zZgN7ZrKM$RYHDt7?yOm}CQqK6nVD&CZ|~yb!a!A^_>%=}o(_lv`H6uo+2Mq8qNhav
zarTs?46FI)JfAwOjaogmvF!9)v3(CVNI2>#+bQ)+F3i~NF3s8YBuwXB`Gg|}`KNy1
zY2*>-<85n`k!ob>>Fw)hnK)_k6vk=OXUt@nJ!kGb*?9|RONt0Cnky*c$Y2cs-27M#

literal 0
HcmV?d00001

diff --git a/ui/images/search_textbg.gif b/ui/images/search_textbg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..51ffb77df1409be949ba407c290a97744c0bdc66
GIT binary patch
literal 752
zcmZ?wbhEHb+{GZk@Qi`s|Ns9L6&3&f{rmIh&)>g)Gcz+QD=V|Iva++YKY#xG^XJd$
z)2ILb{rm0Pw=-tUsI9G?Idf)hdF#=mN9!v(YAc%Gy?b}z!iBo>_8&if{QC8)zrQ~>
zH@CK;?b)+uj~+d$t7z}*>-+ZY+k^=d&Ye5AV#SL5{QM_Rp1gVU=JDglb#-;s6^-Z5
zpRcRvm_2*;i4!N@zkh$|(4qdmi7#Ki?C$QKJ9qBtWgFJ6U0YdR(@@#5X3d(vfB(ID
z`MS5ax1qZ8%a<=#u3V|As%ow8s;O!yDJhvXWB!vzPxtNHS5;AW?aIwhpFXWxxoZ3N
z?R6C`2M-=BEG#T2C^&xP)bgb(pFexCaN)v5ix$n9Gw02lw|n;NnK*Icg9i^DJ$#av
zmseZW{PgM5@85saR<yo;^?K{ptuJ1@=<4d4J9F{G?wMP*Y+1Ez?U5r#R;^fb^ZM<(
zckf=jaPjr)*SmJ@I<V&m1BpQKCkt4I4u}NB2?P882G%B4j!<n`hR&|;p5DIx2@@wx
zo-%dX^cm9?vlBI&o7fjhb<AA4Z25|nt5$cixJ55y=io45?qX(UVcNB4_nQ3&4jx(+
z>AYE5YFnqGfiAyphW_EpSFT>`u~(J$GwPDGWPJG0?9%mT&tEJJQ4Q`EV&fK)6XIs{
zWqSGZ*YB=ef9)<72aX3yjZE@-JPry6)-QC<HkQ&*nsCU0HJV3@rQ*Pcg~$6>dwBSm
z9B^z9>~do%IKZ&v^z<21HtZ}-UCPQMrXUe<Nod*m`F%+)oHtrqESMdb8ax=bXa;DT
zw={fgJ9M^*o%_rO1BIrQm)9#?mI-upnaRNF>DOTy$k^J!5aGM0Y3^=+UU5+ojX9DH
z{PK)3%px-w4AWHZ9)8}%vhaY46ANF;5(}Y*gDvc=KLoPpEo1iTKOV0ZGvff0JFkkh
V+3J1ITu;w7l8>m7kmX>o1^~f-bG`ro

literal 0
HcmV?d00001

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>