Give the theme info box a uniform appearance with the listbox above it (WinXP theme-style)

browser/components/prefwindow/content/pref-extensions.xul

@@ -69,7 +69,7 @@
     </listbox>
 
     <separator class="thin"/>
-    <vbox flex="1" class="inset extensionInfoArea" style="overflow:auto;">
+    <vbox flex="1" class="extensionInfoArea listBox" style="overflow:auto;">
       <label class="header" id="extDisplayName" value=""/>
       <hbox pack="start">
         <label id="extAuthor" tooltip="&author.tooltip;" onclick="parent.visitLink(event);"/>

browser/components/prefwindow/content/pref-themes.xul

@@ -85,7 +85,7 @@
 
     <separator class="thin"/>
 
-    <vbox class="inset extensionInfoArea" style="overflow: auto;">
+    <vbox class="extensionInfoArea listBox" style="overflow: auto;">
       <label class="header" id="displayName" value=""/>
       <hbox pack="start">
         <label id="author" onclick="parent.visitLink(event);" tooltip="&author.tooltip;"/>

browser/components/prefwindow/content/pref.xul

@@ -80,7 +80,7 @@
   <script type="application/x-javascript" src="chrome://browser/content/pref/nsPrefWindow.js"/>
 
   <hbox flex="1">
-    <vbox id="prefsCategories" class="buttonBox listBox" oncommand="switchPage(event);" orient="vertical" lastpanel="0" persist="lastpanel">
+    <vbox id="prefsCategories" class="listBox buttonBox" oncommand="switchPage(event);" orient="vertical" lastpanel="0" persist="lastpanel">
       <button id="catGeneralButton"   orient="vertical" class="buttonBoxButton" type="radio" group="categories" label="&general.label;"   url="pref-navigator.xul"/>
       <button id="catPrivacyButton"   orient="vertical" class="buttonBoxButton" type="radio" group="categories" label="&privacy.label;"   url="pref-privacy.xul"/>
       <button id="catFeaturesbutton"  orient="vertical" class="buttonBoxButton" type="radio" group="categories" label="&features.label;"  url="pref-features.xul"/>

browser/components/prefwindow/skin/pref.css

@@ -38,15 +38,18 @@
 */
 
 .listBox {
-  border-left: 1px solid ThreeDShadow;
-  border-top: 1px solid ThreeDShadow;
-  border-right: 1px solid ThreeDHighlight;
-  border-bottom: 1px solid ThreeDHighlight;
   -moz-appearance: listbox;
+  margin: 2px 4px;
+  border: 2px solid;
+  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+  background-color: -moz-Field;
 }
 
 .buttonBox {
-  margin-right: 5px; 
+  margin: 0px 5px 0px 0px !important;
 }
 
 .buttonBoxButton {