--- ajax_slideshow_orig/ajax_slideshow.css	2010-02-27 04:16:32.000000000 -0500
+++ ajax_slideshow/ajax_slideshow.css	2010-06-29 21:55:55.000000000 -0400
@@ -18,11 +18,11 @@ div.as-tabs a.as-tab { 
   display:block;
   padding:5px 30px; 
   text-decoration:none;
-  border:1px solid #666;  
+  border:1px solid #ddd;  /* lighter grey for border */
   border-bottom:0px;
   height:18px;
   background-color:#efefef;
-  color:#777;
+  color:#888;   /* lighter grey for text */
   margin-right:2px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright:4px;
@@ -33,11 +33,19 @@ div.as-tabs a.as-tab { 
 div.as-tabs a.as-tab:hover {background-color:#F7F7F7; color:#333;}
   
 /* selected tab */
-div.as-tabs a.current {background-color:#ddd; color:#000; cursor:default;}
+div.as-tabs a.current {
+  background-color:#fff;   /* background of selected tab pure white */
+  color:#000;              /* text of selected tab pure black */
+  cursor:default; 
+  height:18px;             /* control height of selected tab */
+  border:1px solid #bbb;   /* give it a one-pixel border in grey */ 
+  border-bottom:1px solid #fff;    /* a white bottom border covers the border of the pane ... */
+  z-index:2;               /* ... because of having a higher z-index */
+}
 
 /* panes */
 div.as-panes {position:relative; overflow:hidden}
-.as-panes-border{border:1px solid #666;}
+.as-panes-border{border:1px solid #bbb; z-index:1;}   /* give the panes a z-index of 1 so they are *under* the tabs */
 
 /* single pane */
 div.absolute_pane{position:absolute;top:0;left:0;}