bug 134345 - sidebar button. r=sgehani, sr=jag

suite/themes/classic/communicator/sidebar/sidebar.css

@@ -75,7 +75,7 @@
   color: -moz-FieldText;
 }
 
-.iframe-panel {
+.iframe-panel, .browser-sidebar {
   border-left: 1px solid ThreeDHighlight;
   border-bottom: 1px solid ThreeDShadow;
   border-right: 1px solid ThreeDShadow;

suite/themes/classic/navigator/navigator.css

@@ -355,3 +355,9 @@
 #home-button:hover:active {
   list-style-image: url("chrome://communicator/skin/bookmarks/home-active.gif");
 }
+
+#PersonalToolbar > .toolbar-prefix {
+  border-left: 1px solid ThreeDHighlight;
+  border-top: 1px solid ThreeDHighlight;
+  border-bottom: 1px solid ThreeDShadow;
+}

suite/themes/modern/communicator/sidebar/sidebar.css

@@ -48,15 +48,21 @@
 
 /* ::::: sidebar header ::::: */
 
-.sidebarheader-main {
-  -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sidebarheader") !important;
-  -moz-box-align: center;
-  border-top: 1px solid #DFE5EF;
-  border-left: 1px solid #DFE5EF;
-  padding: 3px 0px 2px 6px;
-  background-color: #B9C4D0;
+.sidebar-header-text {
   color: #000000;
   font-weight: bold;
+  -moz-box-align: center;
+}
+
+.sidebarheader-main {
+  -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sidebarheader") !important;
+  background-color: #B9C4D0;
+  background-image: url("chrome://communicator/skin/sidebar/sbar-top.gif");
+  background-repeat: no-repeat;
+}
+
+.sidebarheader-main[prefixhidden="false"] {
+  background-image: url("chrome://communicator/skin/sidebar/sbar-top-tabopen.gif");
 }
 
 /* ..... picker button ..... */
@@ -88,12 +94,10 @@
 #sidebar-close-button {
   margin: 0px 1px;
   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
-  padding: 0px 2px 0px 4px;
+  padding: 4px 2px 4px 4px;
   list-style-image: url("chrome://global/skin/icons/closebox.gif");
 }
 
-
-
 /* ::::: loading info ::::: */
 
 .text-panel-loading {
@@ -117,6 +121,12 @@
   -moz-border-bottom-colors: #B9C4D0 #B9C4D0 #B9C4D0 #B9C4D0 #DAE3ED #96A7B8;
 }
 
+.browser-sidebar {
+  border-bottom: 6px solid;
+  -moz-border-bottom-colors: #B9C4D0 #B9C4D0 #B9C4D0 #B9C4D0 #DAE3ED #96A7B8;  
+}
+
+
 /* ::::: sidebar tabs ::::: */
 
 /* ..... normal tabs ..... */

suite/themes/modern/global/toolbar.css

@@ -60,7 +60,6 @@ toolbar > .toolbar-holder {
   border-top: 1px solid #EEF0F3;
   border-right: 1px solid #86929E;
   border-bottom: 1px solid #86929E;
-  border-left: 1px solid #EEF0F3;
 }
 
 /* ::::: menubar ::::: */

suite/themes/modern/jar.mn

@@ -57,6 +57,8 @@ modern.jar:
   skin/modern/communicator/search/search.css                       (communicator/search/search.css)
   skin/modern/communicator/alerts/alert.css                        (communicator/alerts/alert.css)
   skin/modern/communicator/sidebar/sidebarBindings.xml             (communicator/sidebar/sidebarBindings.xml)
+  skin/modern/communicator/sidebar/sbar-top.gif                    (communicator/sidebar/sbar-top.gif)
+  skin/modern/communicator/sidebar/sbar-top-tabopen.gif            (communicator/sidebar/sbar-top-tabopen.gif)
   skin/modern/communicator/sidebar/sbtab-rit-top-act.gif           (communicator/sidebar/sbtab-rit-top-act.gif)
   skin/modern/communicator/sidebar/sbtab-rit-btm-act.gif           (communicator/sidebar/sbtab-rit-btm-act.gif)
   skin/modern/communicator/sidebar/sbtab-rit-top.gif               (communicator/sidebar/sbtab-rit-top.gif)

suite/themes/modern/navigator/navigator.css

@@ -49,6 +49,14 @@
   min-width: 0px;
 }
 
+toolbox {
+  border-bottom: none;
+}
+
+#appcontent {
+  border-top: 1px solid #494F5D;
+}
+
 #back-button {
   -moz-image-region: rect(0 41px 38px 0);
 }
@@ -472,12 +480,16 @@
   background: url("chrome://global/skin/toolbar/tb-mid.gif") #C7D0D9 repeat-x top;
 }
 
+#PersonalToolbar > .toolbar-prefix {
+  border-top: 1px solid #CED6DD;
+  border-left: 1px solid #DAE3ED;
+}
+
 #PersonalToolbar > toolbargrippy,
 #PersonalToolbar > .toolbar-holder {
   border-top: 1px solid #CED6DD;
   border-right: 1px solid #95A0AD;
   border-bottom: 1px solid #95A0AD;
-  border-left: 1px solid #DAE3ED;
 }
 
 #PersonalToolbar > toolbargrippy:hover:active {