XUL/theme simplification changes - removing unnecessary boxes and re-writing large portions of the themes to use new -moz-border-colors and -moz-image-region css features. Also cleans up the classic skin quite a bit for both mac and win. Fixes bugs 113024, 113043, 113585, 113586, 115943, 113643, 114475, 99787, 110214, 113977, 113966, 114802, 64894, 90724, 103173, 103199, 103298, 110442, 111472, 111989, 113027, 113041, 109180, 109204, 81581, 81903, 103324, 110108, 114540, and probably more I forgot to mention. r=ben, sr=hyatt

suite/common/pref/pref-charset.xul

@@ -28,6 +28,7 @@
         onload="Init();"
         ondialogaccept="return Save();"
         persist="width height"
+        headertitle="&charset.customize.left.header;"
         width="500" height="394">
 
   <script type="application/x-javascript" src="chrome://communicator/content/pref/pref-charset.js"/>
@@ -38,10 +39,6 @@
   ]]>
   </script>
   
-<!-- 
-  <hbox class="box-smallheader" title="&charset.customize.left.header;" id="confirm_text" value="&charset.customize.save.popup;"/>
--->
-
   <!-- The two-pane -->
   <hbox flex="1">
     <vbox flex="1">

suite/common/pref/pref-download.xul

@@ -22,13 +22,13 @@
   -->
 
 <?xml-stylesheet href="chrome://pref/skin/" type="text/css"?>
-<?xml-stylesheet href="chrome://communicator/skin/dialogOverlay.css" type="text/css"?>
 
 <!DOCTYPE window SYSTEM "chrome://pref/locale/pref-download.dtd" >
 
 <page xmlns:html="http://www.w3.org/1999/xhtml"
       xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
       orient="vertical"
+      headertitle="&lHeader;"
       onload="if( parent.handle ) parent.handle.onpageload( 'pref-download' ); else parent.queuedTag = 'pref-download';">
 
   <script type="application/x-javascript">
@@ -66,8 +66,6 @@
   }
   </script>
   
-  <hbox class="box-smallheader" title="&lHeader;" description="&rHeader;"/>
-  
   <html:fieldset>
     <html:legend align="left">&newmes;</html:legend>
     <html:div class="hspace-both">

suite/common/pref/pref-smart_browsing-ac.xul

@@ -102,11 +102,11 @@
   </groupbox>
   
   <label value="&autocompletePreview.label;"/>
-  <vbox id="bxExample" class="box-smallheader">
+  <dialogheader>
     <vbox height="159">
       <image id="imgAutoFill"/>
       <image id="imgShowPopup" src="chrome://communicator/content/pref/autocomplete-showpopup.gif"/>
       <image id="imgShowSearch" src="chrome://communicator/content/pref/autocomplete-showsearch.gif"/>
     </vbox>
-  </vbox>
+  </dialogheader>
 </dialog>

suite/common/pref/pref.xul

@@ -1,6 +1,5 @@
 <?xml version="1.0"?> 
 <?xml-stylesheet href="chrome://communicator/skin/" type="text/css"?> 
-<?xml-stylesheet href="chrome://communicator/skin/dialogOverlay.css" type="text/css"?>
 
 <?xul-overlay href="chrome://communicator/content/pref/preftree.xul"?>
 
@@ -57,11 +56,11 @@
     <vbox>
       <label value="&categoryHeader;"/>
       <!-- tree sidebar -->
-      <tree id="prefsTree" style="width: 14em !important;" flex="1"/>
+      <tree id="prefsTree" style="width: 13em;" flex="1"/>
     </vbox>
     <vbox flex="1">
-      <hbox id="header" class="box-smallheader"/>
-      <iframe id="panelFrame" name="panelFrame" style="width:0px" flex="1"/>
+      <dialogheader id="header"/>
+      <iframe id="panelFrame" name="panelFrame" style="width: 0px" flex="1"/>
    </vbox>
   </hbox>
 
@@ -78,4 +77,6 @@
     ]]>
     </script>
 
+  <separator/>
+     
 </dialog>