0
@@ -18,6 +18,11 @@ DropMenu.prototype = {
0
     clearTimeout(this.timeout);
0
     this.options.setStyle({opacity: 1});
0
     Element.toggle(this.options);
0
+    
0
+    if(this.options.visible())
0
+      Element.addClassName(this.trigger, 'down');
0
+    else
0
+     Element.removeClassName(this.trigger, 'down');
0
   },
0
   
0
   onMenuFocus: function() {
0
@@ -30,8 +35,10 @@ DropMenu.prototype = {
0
   },
0
   
0
   fadeMenu: function() {
0
-    if(!this.focused)
0
+    if(!this.focused) {
0
+      Element.removeClassName(this.trigger, 'down');
0
       new Effect.Fade(this.options, {duration: 0.2});
0
+    }
0
   }
0
 }
0
 

0
@@ -297,6 +297,8 @@ input[type='text']:focus, textarea:focus {
0
   position: absolute;
0
   right: 0;
0
   top: 0;
0
+  margin: 0 !important;
0
+  padding: 0 !important;
0
 }
0
 
0
 #select a#cog {
0
@@ -306,12 +308,18 @@ input[type='text']:focus, textarea:focus {
0
   background: url(../images/cog.gif) no-repeat;
0
   padding: 11px 18px;
0
   outline: none;
0
+  margin: 0 !important;
0
+}
0
+
0
+.down {
0
+  background: #ccc url(../images/cog-down.gif) no-repeat !important;
0
+  border-left: 1px solid #5aa !important;
0
 }
0
 
0
 #select #optgroup {
0
   position: absolute;
0
-  top: 38px;
0
-  left: 2px;
0
+  top: 41px;
0
+  left: 4px;
0
   width: 240px;
0
   z-index: 9999;
0
   padding: 0 5px 5px 0;