Bug #285136 --> Make the thunderbird qute theme support RTL.

Patch by Reuven Gonen. r=asaf sr=me a=me git-svn-id: svn://10.0.0.236/branches/MOZILLA_1_8_BRANCH@182624 18797224-902f-48f8-a5cc-f745e15eee43
2005-10-20 20:42:32 +00:00
parent ab8297785d
commit 441bc24c32
45 changed files with 340 additions and 135 deletions
--- a/mozilla/mailnews/base/resources/content/msgAccountCentral.xul
+++ b/mozilla/mailnews/base/resources/content/msgAccountCentral.xul
@@ -39,13 +39,14 @@
 <?xml-stylesheet href="chrome://messenger/skin/accountCentral.css" type="text/css"?>

 <!DOCTYPE page [
- <!ENTITY % brandDTD SYSTEM "chrome://branding/locale/brand.dtd">
- %brandDTD;
- <!ENTITY % acctCentralDTD SYSTEM "chrome://messenger/locale/msgAccountCentral.dtd">
- %acctCentralDTD;
+   <!ENTITY % brandDTD SYSTEM "chrome://branding/locale/brand.dtd">
+   %brandDTD;
+  <!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd">
+  %globalDTD;
+   <!ENTITY % acctCentralDTD SYSTEM "chrome://messenger/locale/msgAccountCentral.dtd">
+   %acctCentralDTD;
 ]>

-
 <page
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
@@ -83,13 +84,13 @@
      <separator id="EmailHeader.separator" class="thin"/>
      <row id="ReadMessages" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&readMsgsLink.label;" onclick="ReadMessages();"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&readMsgsLink.label;" chromedir="&locale.dir;" onclick="ReadMessages();"/> 
        </hbox>
      </row>
      <separator id="ReadMessages.separator" class="thin"/>
      <row id="ComposeMessage" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&composeMsgLink.label;" onclick="ComposeAMessage();"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&composeMsgLink.label;" chromedir="&locale.dir;" onclick="ComposeAMessage();"/> 
        </hbox> 
      </row>
      <separator id="ComposeMessage.separator" class="thin"/>
@@ -108,7 +109,7 @@
      <separator id="NewsHeader.separator" class="thin"/>
      <row id="SubscribeNewsgroups" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&subscribeNewsLink.label;" onclick="Subscribe();"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&subscribeNewsLink.label;" chromedir="&locale.dir;" onclick="Subscribe();"/> 
        </hbox> 
      </row>
      <separator id="SubscribeNewsgroups.separator" class="thin"/>
@@ -127,7 +128,7 @@
      <separator id="rssHeader.separator" class="thin"/>
      <row id="SubscribeRSS" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&subscibeRSS.label;" onclick="Subscribe();"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&subscibeRSS.label;" chromedir="&locale.dir;" onclick="Subscribe();"/> 
        </hbox> 
      </row>
      <separator id="SubscribeRSS.separator" class="thin"/>
@@ -144,13 +145,13 @@
      <separator id="AccountsHeader.separator" class="thin"/>
      <row id="AccountSettings" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&settingsLink.label;" onclick="ViewSettings(null);"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&settingsLink.label;" chromedir="&locale.dir;" onclick="ViewSettings(null);"/> 
        </hbox> 
      </row>
      <separator id="AccountSettings.separator" class="thin"/>
      <row id="CreateAccount" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&newAcctLink.label;" onclick="CreateNewAccount();"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&newAcctLink.label;" chromedir="&locale.dir;" onclick="CreateNewAccount();"/> 
        </hbox> 
      </row>
      <separator id="CreateAccount.separator" class="thin"/>
@@ -167,25 +168,25 @@
      <separator id="AdvancedFeaturesHeader.separator" class="thin"/>
      <row id="SearchMessages" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&searchMsgsLink.label;" onclick="SearchMessages();"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&searchMsgsLink.label;" chromedir="&locale.dir;" onclick="SearchMessages();"/> 
        </hbox> 
      </row>
      <separator id="SearchMessages.separator" class="thin"/>
      <row id="CreateFilters" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&filtersLink.label;" onclick="CreateMsgFilters();"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&filtersLink.label;" chromedir="&locale.dir;" onclick="CreateMsgFilters();"/> 
        </hbox> 
      </row>
      <separator id="SubscribeImapFolders.separator" class="thin"/>
      <row id="SubscribeImapFolders" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&subscribeImapFolders.label;" onclick="Subscribe();"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&subscribeImapFolders.label;" chromedir="&locale.dir;" onclick="Subscribe();"/> 
        </hbox> 
      </row>
      <separator id="CreateFilters.separator" class="thin"/>
      <row id="OfflineSettings" class="acctCentralRow">
        <hbox> 
-          <label class="acctCentralText acctCentralLinkText" value="&offlineLink.label;" onclick="ViewSettings('am-offline.xul');"/> 
+          <label class="acctCentralText acctCentralLinkText" value="&offlineLink.label;" chromedir="&locale.dir;" onclick="ViewSettings('am-offline.xul');"/> 
        </hbox> 
      </row>
      <separator id="OfflineSettings.separator" class="thin"/>
--- a/mozilla/toolkit/content/widgets/wizard.xml
+++ b/mozilla/toolkit/content/widgets/wizard.xml
@@ -1,5 +1,10 @@
 <?xml version="1.0"?>

+<!DOCTYPE bindings [
+  <!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd">
+  %globalDTD;
+]>
+
 <bindings id="wizardBindings"
   xmlns="http://www.mozilla.org/xbl"
   xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
@@ -13,7 +18,7 @@
  
  <binding id="wizard" extends="chrome://global/content/bindings/wizard.xml#wizard-base">
    <content>
-      <xul:hbox class="wizard-header" anonid="Header"/>
+      <xul:hbox class="wizard-header" chromedir="&locale.dir;" anonid="Header"/>
      
      <xul:deck class="wizard-page-box" flex="1" anonid="Deck">
        <children includes="wizardpage"/>
--- a/mozilla/toolkit/themes/qute/communicator/alerts/alert.css
+++ b/mozilla/toolkit/themes/qute/communicator/alerts/alert.css
@@ -52,8 +52,8 @@

 .alertImageBox 
 {
-  margin-left: 4px;
-  margin-right: 6px;
+  -moz-margin-start: 4px;
+  -moz-margin-end: 6px;
  min-height: 46px;
  background-color: transparent;
 }
@@ -66,7 +66,7 @@

 .alertText 
 {
-  margin-right: 6px;
+  -moz-margin-end: 6px;
  background-color: transparent;
 }

@@ -83,6 +83,6 @@

 .alertTextBox
 {
-  padding-right: 10px;
+  -moz-padding-end: 10px;
  padding-top: 5px;
 }
--- a/mozilla/toolkit/themes/qute/communicator/brand.css
+++ b/mozilla/toolkit/themes/qute/communicator/brand.css
@@ -46,7 +46,10 @@
  -moz-user-focus: ignore;
  -moz-box-align: center;
  -moz-box-pack: center;
-  margin: 1px 2px 1px 10px;
+  margin-top: 1px;
+  margin-bottom: 1px;
+  -moz-margin-start: 10px;
+  -moz-margin-end: 2px;
  border: 2px solid;
  -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight;
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
--- a/mozilla/toolkit/themes/qute/communicator/button.css
+++ b/mozilla/toolkit/themes/qute/communicator/button.css
@@ -56,13 +56,19 @@
 .toolbarbutton-1,
 .toolbarbutton-1 > .toolbarbutton-menubutton-button,
 .toolbarbutton-1[disabled="true"]:hover:active {
-  padding: 2px 7px 2px 6px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  -moz-padding-start: 6px;
+  -moz-padding-end: 7px;
 }

 .toolbarbutton-1:hover:active,
 .toolbarbutton-1[open="true"],
 .toolbarbutton-1[buttondown="true"] > .toolbarbutton-menubutton-button {
-  padding: 3px 6px 1px 7px;
+  padding-top: 3px;
+  padding-bottom: 1px;
+  -moz-padding-start: 7px;
+  -moz-padding-end: 6px;
 }

 .toolbarbutton-1[type="menu-button"],
@@ -101,12 +107,15 @@
 }

 .button-toolbar:hover:active > .button-box  {
-  padding: 2px 1px 0px 3px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+  -moz-padding-start: 3px;
+  -moz-padding-end: 1px;
 }

 .button-toolbar > .button-box > .button-icon,
 .button-toolbar > .button-box > .button-text {
-  margin-right: 2px;
+  -moz-margin-end: 2px;
 }  

 .button-toolbar, 
--- a/mozilla/toolkit/themes/qute/communicator/pref/pref.css
+++ b/mozilla/toolkit/themes/qute/communicator/pref/pref.css
@@ -54,7 +54,10 @@
 /*** Styles for the pref category buttons **/

 .buttonBox {
-  margin: 0px 5px 0px 0px !important;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  -moz-margin-start: 0px !important;
+  -moz-margin-end: 5px !important;
 }

 .buttonBoxButton {
--- a/mozilla/toolkit/themes/qute/communicator/prefpanels.css
+++ b/mozilla/toolkit/themes/qute/communicator/prefpanels.css
@@ -47,7 +47,7 @@
 }

 *|*.themesLink {
-  margin-left: 5px;
+  -moz-margin-start: 5px;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
--- a/mozilla/toolkit/themes/qute/communicator/profile/profileManager.css
+++ b/mozilla/toolkit/themes/qute/communicator/profile/profileManager.css
@@ -10,5 +10,5 @@
 }

 #buttons-box {
-  margin-left: 1em;
+  -moz-margin-start: 1em;
 }
--- a/mozilla/toolkit/themes/qute/communicator/smileys.css
+++ b/mozilla/toolkit/themes/qute/communicator/smileys.css
@@ -61,8 +61,8 @@ span.moz-smiley-s15,
 span.moz-smiley-s16 
 {
  font-size: 15px;
-  padding-left: 20px; 
-  margin-left: 2px; 
+  -moz-padding-start: 20px; 
+  -moz-margin-start: 2px; 
  margin-top: 2px;
  background-repeat: no-repeat; 
  -moz-user-select: all;
--- a/mozilla/toolkit/themes/qute/communicator/tasksOverlay.css
+++ b/mozilla/toolkit/themes/qute/communicator/tasksOverlay.css
@@ -49,7 +49,10 @@
 }

 .taskbutton:hover:active {
-  padding: 2px 0 0 2px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 0px;
 }

 #mini-nav {
--- a/mozilla/toolkit/themes/qute/communicator/xpinstall/xpinstall.css
+++ b/mozilla/toolkit/themes/qute/communicator/xpinstall/xpinstall.css
@@ -47,7 +47,7 @@
 }

 #urlColumn {
-  margin-left: 1ex;
+  -moz-margin-start: 1ex;
 }

 .confirmSeparator {
--- a/mozilla/toolkit/themes/qute/global/autocomplete.css
+++ b/mozilla/toolkit/themes/qute/global/autocomplete.css
@@ -52,7 +52,10 @@ textbox {

 /* Used by autocomplete widgets that don't have an icon. Gross. -dwh */
 textbox.padded {
-  padding: 1px 0px 1px 2px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 0px;
 }

 .textbox-input-box {
@@ -83,7 +86,10 @@ textbox.padded {
  -moz-border-right-colors: ThreeDShadow ThreeDFace;
  -moz-border-bottom-colors: ThreeDShadow ThreeDFace;
  -moz-border-left-colors: ThreeDShadow ThreeDFace;
-  padding: 2px 0 0 2px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 0px;
 }

 /* ::::: autocomplete popups ::::: */
@@ -119,7 +125,7 @@ popup[type="autocomplete"],
 }

 .autocomplete-treebody::-moz-tree-cell-text {
-  padding-left: 8px;
+  -moz-padding-start: 8px;
 }

 treechildren.autocomplete-treebody::-moz-tree-row(selected) {
--- a/mozilla/toolkit/themes/qute/global/browser.css
+++ b/mozilla/toolkit/themes/qute/global/browser.css
@@ -21,7 +21,7 @@ tabpanels {

 .tab-icon {
  margin-top: 1px;
-  margin-right: 3px;
+  -moz-margin-end: 3px;
  width: 16px;
  height: 16px;
  list-style-image: url("chrome://global/skin/icons/folder-item.png");
--- a/mozilla/toolkit/themes/qute/global/button.css
+++ b/mozilla/toolkit/themes/qute/global/button.css
@@ -59,7 +59,10 @@ button {

 .button-box {
  border: 1px solid transparent;
-  padding: 1px 4px 2px 3px;
+  padding-top: 1px;
+  padding-bottom: 2px;
+  -moz-padding-start: 3px;
+  -moz-padding-end: 4px;
 }

 .button-text {
@@ -104,7 +107,10 @@ button[checked="true"] {
 button:hover:active > .button-box,
 button[open="true"] > .button-box,
 button[checked="true"] > .button-box {
-  padding: 2px 3px 1px 4px;
+  padding-top: 2px;
+  padding-bottom: 1px;
+  -moz-padding-start: 4px;
+  -moz-padding-end: 3px;
 }

 /* .......... disabled state .......... */
@@ -118,7 +124,10 @@ button[disabled="true"] {
 }

 button[disabled="true"] > .button-box {
-  padding: 1px 4px 2px 3px !important;
+  padding-top: 1px !important;
+  padding-bottom: 2px !important;
+  -moz-padding-start: 3px !important;
+  -moz-padding-end: 4px !important;
 }

 /* ::::: menu/menu-button buttons ::::: */
@@ -144,7 +153,10 @@ button[type="menu-button"] {
 }

 .button-menubutton-dropmarker[open="true"] {
-  margin: 2px 0px 0px 2px;
+  margin-top: 2px;
+  margin-bottom: 0px;
+  -moz-margin-start: 2px;
+  -moz-margin-end: 0px;
 }

 /* ::::: plain buttons ::::: */
--- a/mozilla/toolkit/themes/qute/global/checkbox.css
+++ b/mozilla/toolkit/themes/qute/global/checkbox.css
@@ -47,17 +47,20 @@ checkbox {
  -moz-appearance: checkbox-container;
  -moz-box-align: center;
  margin: 2px 4px;
-  padding: 1px 2px 1px 4px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  -moz-padding-start: 4px;
+  -moz-padding-end: 2px;
 }

 .checkbox-label-box {
-  margin-left: 2px;
+  -moz-margin-start: 2px;
  border: 1px solid transparent;
  padding: 0px 1px;
 }

 .checkbox-icon {
-  margin-right: 2px;
+  -moz-margin-end: 2px;
 }

 .checkbox-label {
--- a/mozilla/toolkit/themes/qute/global/console/console.css
+++ b/mozilla/toolkit/themes/qute/global/console/console.css
@@ -67,7 +67,10 @@
 /* ..... error rows ..... */

 .console-row-code {
-  padding: 3px 0px 3px 3px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  -moz-padding-start: 3px;
+  -moz-padding-end: 0px;
  color: #0000BB;
  font-size: larger;
 }
@@ -132,7 +135,7 @@ toolbarseparator {
 /* Toolbar icons */

 .toolbarbutton-text {
-  margin-left: 4px !important;
+  -moz-margin-start: 4px !important;
 } 

 toolbar#ToolbarMode toolbarbutton {
--- a/mozilla/toolkit/themes/qute/global/dialog.css
+++ b/mozilla/toolkit/themes/qute/global/dialog.css
@@ -44,7 +44,10 @@
 /* ::::: dialog ::::: */

 dialog { 
-  padding: 8px 10px 10px 8px;
+  padding-top: 8px;
+  padding-bottom: 10px;
+  -moz-padding-start: 8px;
+  -moz-padding-end: 10px;
 }

 /* ::::: dialog buttons ::::: */
@@ -83,7 +86,10 @@ dialogheader {
  border-right: none;
  border-top: none;
  -moz-border-bottom-colors: ThreeDHighlight ThreeDShadow;
-  padding: 12px 5px 12px 25px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  -moz-padding-start: 25px;
+  -moz-padding-end: 5px;
  background-color: -moz-Field;
  color: -moz-FieldText;
 }
@@ -94,5 +100,5 @@ dialogheader {
 }

 .header-large > .dialogheader-description {
-  margin-left: 12px !important;
+  -moz-margin-start: 12px !important;
 }
--- a/mozilla/toolkit/themes/qute/global/expander.css
+++ b/mozilla/toolkit/themes/qute/global/expander.css
@@ -40,5 +40,8 @@
 }

 .settingsContainer {
-  padding: 3px 5px 5px 20px;
+  padding-top: 3px;
+  padding-bottom: 5px;
+  -moz-padding-start: 20px;
+  -moz-padding-end: 5px;
 }
--- a/mozilla/toolkit/themes/qute/global/formatting.css
+++ b/mozilla/toolkit/themes/qute/global/formatting.css
@@ -148,7 +148,10 @@

  label
    {
-      margin              : 1px 5px 2px 6px;
+      margin-top: 1px;
+      margin-bottom: 2px;
+      -moz-margin-start: 6px;
+      -moz-margin-end: 5px;
    }

  .header 
@@ -173,7 +176,7 @@
    
  .indent
    {
-      margin-left         : 23px;
+      -moz-margin-start   : 23px;
    }

  .box-padded
@@ -226,7 +229,10 @@

  .caption-text
    {
-      margin: 0px 2px 0px 1px !important;
+      margin-top: 0px !important;
+      margin-bottom: 0px !important;
+      -moz-margin-start: 1px !important;
+      -moz-margin-end: 2px !important;
    }


--- a/mozilla/toolkit/themes/qute/global/global.css
+++ b/mozilla/toolkit/themes/qute/global/global.css
@@ -79,7 +79,10 @@ prefwindow {
 }

 window.dialog {
-  padding: 8px 10px 10px 8px;
+  padding-top: 8px;
+  padding-bottom: 10px;
+  -moz-padding-start: 8px;
+  -moz-padding-end: 10px;
 }

 [wait-cursor] {
@@ -173,7 +176,7 @@ sidebarheader {
 }

 sidebarheader > label {
-  padding-left: 4px;
+  -moz-padding-start: 4px;
 }

 /* ::::: miscellaneous ::::: */
--- a/mozilla/toolkit/themes/qute/global/jar.mn
+++ b/mozilla/toolkit/themes/qute/global/jar.mn
@@ -89,8 +89,11 @@ classic.jar:
  skin/classic/global/icons/Warning.png                 (icons/Warning.png)
  skin/classic/global/icons/warning-large.png           (icons/warning-large.png)
  skin/classic/global/menu/Menu-arrow.png               (menu/Menu-arrow.png)
+  skin/classic/global/menu/Menu-arrow-rtl.png           (menu/Menu-arrow-rtl.png)
  skin/classic/global/menu/Menu-arrow-disabled.png      (menu/Menu-arrow-disabled.png)
+  skin/classic/global/menu/Menu-arrow-disabled-rtl.png  (menu/Menu-arrow-disabled-rtl.png)
  skin/classic/global/menu/Menu-arrow-hover.png         (menu/Menu-arrow-hover.png)
+  skin/classic/global/menu/Menu-arrow-hover-rtl.png     (menu/Menu-arrow-hover-rtl.png)
  skin/classic/global/menu/menu-check.gif               (menu/menu-check.gif)
  skin/classic/global/menu/menu-check-disabled.gif      (menu/menu-check-disabled.gif)
  skin/classic/global/menu/menu-check-hover.gif         (menu/menu-check-hover.gif)
--- a/mozilla/toolkit/themes/qute/global/listbox.css
+++ b/mozilla/toolkit/themes/qute/global/listbox.css
@@ -109,11 +109,15 @@ listheader[sortable="true"]:hover:active {
  -moz-border-right-colors: ThreeDShadow;
  -moz-border-bottom-colors: ThreeDShadow;
  -moz-border-left-colors: ThreeDShadow -moz-Dialog;
-  padding: 1px 4px 0 5px;
+  padding-top: 1px;
+  padding-bottom: 0px;
+  -moz-padding-start: 5px;
+  -moz-padding-end: 4px;
+
 }

 .listheader-icon {
-  margin-right: 2px;
+  -moz-margin-end: 2px;
 }

 .listheader-label {
@@ -138,12 +142,15 @@ listheader[sortable="true"]:hover:active {

 .listcell-label {
  margin: 0px !important;
-  padding: 0px 0px 1px 4px;
+  padding-top: 0px;
+  padding-bottom: 1px;
+  -moz-padding-start: 4px;
+  -moz-padding-end: 0px;
  white-space: nowrap;
 }

 .listcell-icon {
-  margin-right: 2px;
+  -moz-margin-end: 2px;
 }

 .listcell-label[disabled="true"] {
--- a/mozilla/toolkit/themes/qute/global/menu.css
+++ b/mozilla/toolkit/themes/qute/global/menu.css
@@ -68,19 +68,25 @@ menuitem[_moz-menuactive="true"][disabled="true"] {
 .menu-text,
 .menu-iconic-left,
 .menu-iconic-text {
-  margin: 0px 2px 0px 0px !important;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  -moz-margin-start: 0px !important;
+  -moz-margin-end: 2px !important;
  color: inherit;
 }

 .menu-text {
-  margin-left: 18px !important;
+  -moz-margin-start: 18px !important;
  font-weight: inherit;
 }

 .menu-accel,
 .menu-iconic-accel {
-  margin: 0px 2px 0px 7px !important;
-  padding-right: 14px;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  -moz-margin-start: 7px !important;
+  -moz-margin-end: 2px !important;
+  -moz-padding-end: 14px;
  color: inherit;
 }

@@ -91,7 +97,10 @@ menuitem[_moz-menuactive="true"][disabled="true"] {
 /* ..... menu arrow box ..... */

 .menu-right {
-  margin: 0px 0px 0px 6px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 6px;
+  -moz-margin-end: 0px;
  width: 8px;
  list-style-image: url("chrome://global/skin/menu/Menu-arrow.png");
  -moz-image-region: auto;
@@ -107,11 +116,26 @@ menuitem[_moz-menuactive="true"][disabled="true"] {
  -moz-image-region: auto;
 }

+.menu-right[chromedir="rtl"] {
+  list-style-image: url("chrome://global/skin/menu/Menu-arrow-rtl.png");
+}
+
+.menu-right[chromedir="rtl"][_moz-menuactive="true"] {
+  list-style-image: url("chrome://global/skin/menu/Menu-arrow-hover-rtl.png");
+}
+
+.menu-right[chromedir="rtl"][disabled="true"] {
+  list-style-image: url("chrome://global/skin/menu/Menu-arrow-disabled-rtl.png") !important;
+}
+
 /* ::::: menu/menuitems in menubar ::::: */

 menubar > menu {
  border: 1px solid transparent;
-  padding: 2px 5px 2px 7px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  -moz-padding-start: 7px;
+  -moz-padding-end: 5px;
  margin: 1px 0px 1px 0px;
 }
 menubar > menu[_moz-menuactive="true"] {
@@ -130,12 +154,18 @@ menubar > menu[_moz-menuactive="true"][open="true"] {
 /* ..... internal content .... */

 .menubar-left {
-  margin: 0px 2px 0px 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 0px;
+  -moz-margin-end: 2px;
  color: inherit;
 }

 .menubar-text {
-  margin: 0px 2px 0px 0px !important;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  -moz-margin-start: 0px !important;
+  -moz-margin-end: 2px !important;
  color: inherit;
 }

@@ -164,7 +194,10 @@ menulist > menupopup > menuitem,
 .menulist-menupopup > menu,
 menulist > menupopup > menu {
  border: 1px solid transparent;
-  padding: 1px 30px 1px 5px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  -moz-padding-start: 5px;
+  -moz-padding-end: 30px;
  max-width: none;
  font: message-box;
  color: -moz-FieldText;
@@ -240,7 +273,7 @@ menulist > menupopup > menuseparator,
 /* ::::: tree column picker ::::: */

 .treecell-popupcell-menu {
-  margin-left: -2px;
+  -moz-margin-start: -2px;
  list-style-image: url("chrome://global/skin/columnselect.gif");
  -moz-image-region: auto;
 }
--- a/mozilla/toolkit/themes/qute/global/menu/Menu-arrow-disabled-rtl.png
+++ b/mozilla/toolkit/themes/qute/global/menu/Menu-arrow-disabled-rtl.png
--- a/mozilla/toolkit/themes/qute/global/menu/Menu-arrow-hover-rtl.png
+++ b/mozilla/toolkit/themes/qute/global/menu/Menu-arrow-hover-rtl.png
--- a/mozilla/toolkit/themes/qute/global/menu/Menu-arrow-rtl.png
+++ b/mozilla/toolkit/themes/qute/global/menu/Menu-arrow-rtl.png
--- a/mozilla/toolkit/themes/qute/global/menulist.css
+++ b/mozilla/toolkit/themes/qute/global/menulist.css
@@ -109,7 +109,10 @@ menulist:hover:active > .menulist-dropmarker {
  -moz-border-right-colors: ThreeDShadow ThreeDFace;
  -moz-border-bottom-colors: ThreeDShadow ThreeDFace;
  -moz-border-left-colors: ThreeDShadow ThreeDFace;
-  padding: 2px 0px 0px 2px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 0px;
 }

 /* ..... focused state ..... */
@@ -130,7 +133,10 @@ menulist[disabled="true"] {
 /* ::::: editable menulists ::::: */

 .menulist-editable-box {
-  padding: 3px 0px 3px 2px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 0px;
 }

 html|*.menulist-editable-input {
@@ -161,7 +167,7 @@ html|*.menulist-editable-input {
 }  

 .menulist-compact > .menulist-dropmarker {
-  margin-left: 2px;
+  -moz-margin-start: 2px;
  border: none;
  padding: 0 !important;
  background: transparent;
--- a/mozilla/toolkit/themes/qute/global/preferences.css
+++ b/mozilla/toolkit/themes/qute/global/preferences.css
@@ -47,11 +47,17 @@ prefwindow {
 }

 prefpane {
-  padding: 8px 10px 10px 8px;
+  padding-top: 8px;
+  padding-bottom: 10px;
+  -moz-padding-start: 8px;
+  -moz-padding-end: 10px;
 }

 prefwindow[type="child"] {
-  padding: 8px 10px 10px 8px;
+  padding-top: 8px;
+  padding-bottom: 10px;
+  -moz-padding-start: 8px;
+  -moz-padding-end: 10px;
 }

 prefwindow[type="child"] > prefpane {
@@ -60,7 +66,7 @@ prefwindow[type="child"] > prefpane {

 .prefWindow-dlgbuttons {
  padding-bottom: 10px;
-  padding-right: 10px;
+  -moz-padding-end: 10px;
 }

 prefwindow[type="child"] .prefWindow-dlgbuttons {
@@ -77,7 +83,7 @@ radio[pane] {
 .paneSelector {
  border-bottom: 2px groove ThreeDFace;
  margin: 0px;
-  padding-left: 10px;
+  -moz-padding-start: 10px;
  background-color: -moz-Field;
  color: -moz-FieldText;
 }
--- a/mozilla/toolkit/themes/qute/global/printPreview.css
+++ b/mozilla/toolkit/themes/qute/global/printPreview.css
@@ -1,18 +1,18 @@
 /* ..... page navigation ..... */

-.home-arrow {
+.home-arrow, .end-arrow[chromedir="rtl"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-lft-sharp-end.gif");
 }

-.end-arrow {
+.end-arrow, .home-arrow[chromedir="rtl"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp-end.gif");
 }

-.left-arrow {
+.left-arrow, .right-arrow[chromedir="rtl"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-lft-sharp.gif");
 }

-.right-arrow {
+.right-arrow, .left-arrow[chromedir="rtl"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-rit-sharp.gif");
 }

@@ -39,5 +39,5 @@
 }

 .toolbarbutton-text { 
-  margin-left: 4px !important;
+  -moz-margin-start: 4px !important;
 }
--- a/mozilla/toolkit/themes/qute/global/radio.css
+++ b/mozilla/toolkit/themes/qute/global/radio.css
@@ -47,17 +47,23 @@ radio {
  -moz-appearance: radio-container;
  -moz-box-align: center;
  margin: 2px 4px;
-  padding: 1px 2px 1px 4px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  -moz-padding-start: 4px;
+  -moz-padding-end: 2px;
 }

 .radio-label-box {
-  margin-left: 2px;
+  -moz-margin-start: 2px;
  border: 1px solid transparent;
-  padding: 0px 0px 1px 1px;
+  padding-top: 0px;
+  padding-bottom: 1px;
+  -moz-padding-start: 1px;
+  -moz-padding-end: 0px;
 }

 .radio-icon {
-  margin-right: 2px;
+  -moz-margin-end: 2px;
 }

 .radio-label {
--- a/mozilla/toolkit/themes/qute/global/scrollbox.css
+++ b/mozilla/toolkit/themes/qute/global/scrollbox.css
@@ -19,7 +19,10 @@ autorepeatbutton
  {
    -moz-box-align        : center;
    -moz-box-pack         : center;
-    margin                : 1px 2px 2px 1px;
+    margin-top: 1px;
+    margin-bottom: 2px;
+    -moz-margin-start: 1px;
+    -moz-margin-end: 2px;
    border                : 1px solid transparent;
    padding               : 1px;
  }
@@ -28,5 +31,8 @@ autorepeatbutton:hover
  {
    margin                : 1px;
    border                : 1px inset ThreeDFace;
-    padding               : 2px 1px 1px 2px;
+    padding-top: 2px;
+    padding-bottom: 1px;
+    -moz-padding-start: 2px;
+    -moz-padding-end: 1px;
  }
--- a/mozilla/toolkit/themes/qute/global/tabbox.css
+++ b/mozilla/toolkit/themes/qute/global/tabbox.css
@@ -86,6 +86,11 @@ tab
  color: -moz-DialogText;
 }

+tab[chromedir="rtl"] {
+  -moz-border-radius-bottomleft: 1px;
+  -moz-border-radius-bottomright: 0px;
+}
+
 .tab-text {
  margin: 0 !important;
 }
@@ -101,13 +106,15 @@ tab:focus > .tab-middle {
  outline: 1px dotted invert;
 }

-tab[beforeselected="true"] {
+tab[beforeselected="true"],
+tab[afterselected="true"][chromedir="rtl"] {
  -moz-appearance: tab-left-edge;
  border-right: none;
  -moz-border-radius-topright: 0;
 }

-tab[afterselected="true"] {
+tab[afterselected="true"],
+tab[beforeselected="true"][chromedir="rtl"] {
  -moz-appearance: tab-right-edge;
  border-left: none;
  -moz-border-radius-topleft: 0;
@@ -143,11 +150,13 @@ tab[first-tab="true"][selected="true"] {
  padding: 4px 6px 1px 6px;
 }

-.tab-bottom[beforeselected="true"] {
+.tab-bottom[beforeselected="true"],
+.tab-bottom[afterselected="true"][chromedir="rtl"] {
  -moz-border-radius-bottomright: 0;
 }

-.tab-bottom[afterselected="true"] {
+.tab-bottom[afterselected="true"],
+.tab-bottom[beforeselected="true"][chromedir="rtl"] {
  -moz-border-radius-bottomleft: 0;
 }

--- a/mozilla/toolkit/themes/qute/global/textbox.css
+++ b/mozilla/toolkit/themes/qute/global/textbox.css
@@ -55,7 +55,10 @@ textbox
  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
-  padding: 2px 2px 3px 4px;
+  padding-top: 2px;
+  padding-bottom: 3px;
+  -moz-padding-start: 4px;
+  -moz-padding-end: 2px;
  background-color: -moz-Field;
  color: -moz-FieldText;
 }
--- a/mozilla/toolkit/themes/qute/global/toolbar.css
+++ b/mozilla/toolkit/themes/qute/global/toolbar.css
@@ -101,7 +101,10 @@ toolbarpaletteitem[place="toolbar"] > toolbarspacer {

 .toolbarpaletteitem-box[type="spacer"][place="toolbar"],
 .toolbarpaletteitem-box[type="spring"][place="toolbar"] {
-  margin: 2px 2px 2px 0;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  -moz-margin-start: 0px;
+  -moz-margin-end: 2px;
 }

 .toolbarpaletteitem-box[type="separator"][place="palette"] {
--- a/mozilla/toolkit/themes/qute/global/toolbarbutton.css
+++ b/mozilla/toolkit/themes/qute/global/toolbarbutton.css
@@ -81,7 +81,10 @@ toolbarbutton[buttonover="true"] {
 toolbarbutton:hover:active,
 toolbarbutton[open="true"] {
  border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
-  padding: 7px 5px 5px 7px;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  -moz-padding-start: 7px;
+  -moz-padding-end: 5px;
 }

 toolbarbutton[disabled="true"],
@@ -97,7 +100,10 @@ toolbarbutton[disabled="true"][open="true"] {

 toolbarbutton[checked="true"] {
  border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow !important;
-  padding: 7px 5px 5px 7px !important;
+  padding-top: 7px !important;
+  padding-bottom: 5px !important;
+  -moz-padding-start: 7px !important;
+  -moz-padding-end: 5px !important;
  background-image: url("chrome://global/skin/toolbar/Lighten.png");
  color: ButtonText !important;
 }
@@ -111,7 +117,7 @@ toolbarbutton[checked="true"]:hover {
 .toolbarbutton-menu-dropmarker {
  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
  -moz-image-region: auto; /* cut off inheritance */
-  margin-left: 6px;
+  -moz-margin-start: 6px;
 }

 .toolbarbutton-menu-dropmarker[disabled="true"] {
@@ -140,24 +146,27 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
  -moz-box-align: center;
  -moz-box-pack: center;
  -moz-box-orient: vertical;
-  padding-right: 3px;
+  -moz-padding-end: 3px;
 }

 .toolbarbutton-menubutton-button:hover:active {
-  padding-right: 2px;
+  -moz-padding-end: 2px;
 }
 .toolbarbutton-menubutton-button[disabled="true"],
 .toolbarbutton-menubutton-button[disabled="true"]:hover,
 .toolbarbutton-menubutton-button[disabled="true"]:hover:active,
 .toolbarbutton-menubutton-button[disabled="true"][open="true"] {
-  padding-right: 3px
+  -moz-padding-end: 3px
 }

 /* .......... dropmarker .......... */

 .toolbarbutton-menubutton-dropmarker {
  -moz-box-align: center;
-  padding: 0 4px 0 2px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 4px;
  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
  -moz-image-region: auto; /* cut off inheritance */
 }
--- a/mozilla/toolkit/themes/qute/global/wizard.css
+++ b/mozilla/toolkit/themes/qute/global/wizard.css
@@ -8,12 +8,12 @@
 }

 .wizard-header-label {
-  margin-left: 23px;
+  -moz-margin-start: 23px;
  font-weight: bold;
 }

 .wizard-header-description {
-  margin-left: 44px;
+  -moz-margin-start: 44px;
 }

 .wizard-page-box {
@@ -30,9 +30,9 @@

 .wizard-button[wizardbutton="finish"],
 .wizard-button[wizardbutton="next"] {
-  margin-left: -1px !important;
+  -moz-margin-start: -1px !important;
 }

 .wizard-button[wizardbutton="back"] {
-  margin-right: 0px !important;
+  -moz-margin-end: 0px !important;
 }
--- a/mozilla/toolkit/themes/qute/help/helpFileLayout.css
+++ b/mozilla/toolkit/themes/qute/help/helpFileLayout.css
@@ -78,7 +78,7 @@ li {
 }

 .makeLeftMargin {
-	margin-left: 25px;
+  -moz-margin-start: 25px;
 }

 .menuPath {
--- a/mozilla/toolkit/themes/qute/help/sidebar.css
+++ b/mozilla/toolkit/themes/qute/help/sidebar.css
@@ -58,7 +58,10 @@
 .box-texttab[selected="true"],
 .box-texttab[selected="true"]:hover,
 .box-texttab[selected="true"]:hover:active {
-  padding: 2px 1px 2px 0px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  -moz-padding-start: 0px;
+  -moz-padding-end: 1px;
  font-weight: bold;
  cursor: default;
 }
--- a/mozilla/toolkit/themes/qute/mozapps/downloads/downloads.css
+++ b/mozilla/toolkit/themes/qute/mozapps/downloads/downloads.css
@@ -41,7 +41,10 @@
 }

 #cleanUpButton .button-icon, #optionsButton .button-icon {
-  margin: 0px 5px 0px 0px !important;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  -moz-margin-start: 0px !important;
+  -moz-margin-end: 5px !important;
 }

 #cleanUpButton[disabled="true"] {
@@ -49,12 +52,15 @@
 }

 #commandBarSeparator {
-  margin-left: 5px;
+  -moz-margin-start: 5px;
 }

 /* Download View Items */
 download {
-  padding: 13px 10px 13px 13px;
+  padding-top: 13px;
+  padding-bottom: 13px;
+  -moz-padding-start: 13px;
+  -moz-padding-end: 10px;
  min-height: 25px;
  border-bottom: 1px dotted #C0C0C0;
 }
@@ -80,6 +86,6 @@ download[state="5"], download[state="6"] {
 }

 .downloadTypeIcon {
-  margin-right: 10px;
+  -moz-margin-end: 10px;
 }

--- a/mozilla/toolkit/themes/qute/mozapps/downloads/unknownContentType.css
+++ b/mozilla/toolkit/themes/qute/mozapps/downloads/unknownContentType.css
@@ -8,7 +8,10 @@
 }

 #contentTypeImage {
-  margin: 0px 5px 0px 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 0px;
+  -moz-margin-end: 5px;
 }

 .small-indent {
--- a/mozilla/toolkit/themes/qute/mozapps/extensions/about.css
+++ b/mozilla/toolkit/themes/qute/mozapps/extensions/about.css
@@ -32,7 +32,7 @@
 }

 #extensionDescription, #extensionContributors, #creatorBox, #contributorsBox {
-  margin-left: 6px;
+  -moz-margin-start: 6px;
 }

 #extensionCreator, .contributor {
--- a/mozilla/toolkit/themes/qute/mozapps/extensions/extensions.css
+++ b/mozilla/toolkit/themes/qute/mozapps/extensions/extensions.css
@@ -64,7 +64,10 @@
 }

 #uninstallButton .button-icon, #updateButton .button-icon {
-  margin: 0px 5px 0px 0px !important;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  -moz-margin-start: 0px !important;
+  -moz-margin-end: 5px !important;
 }

 #installButton .button-icon,
@@ -72,11 +75,14 @@
 #updateButton .button-icon,
 #optionsButton .button-icon,
 #useThemeButton .button-icon {
-  margin: 0px 5px 0px 0px !important;
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  -moz-margin-start: 0px !important;
+  -moz-margin-end: 5px !important;
 }

 .commandBarSeparator {
-  margin-left: 5px;
+  -moz-margin-start: 5px;
 }

 #getMore {
@@ -93,7 +99,10 @@ extension[selected="true"] {
 }

 extension {
-  padding: 13px 10px 13px 13px;
+  padding-top: 13px;
+  padding-bottom: 13px;
+  -moz-padding-start: 13px;
+  -moz-padding-end: 10px;
  min-height: 25px;
  border-bottom: 1px dotted #C0C0C0;
  background-image: url("chrome://mozapps/skin/shared/itemFader.png");
@@ -117,7 +126,7 @@ extension[disabled="true"] .extension-icon {
 }

 .extension-icon {
-  margin-right: 10px;
+  -moz-margin-end: 10px; 
 }

 .previewText {
@@ -128,15 +137,21 @@ extension[disabled="true"] .extension-icon {
 }

 extension[itemType="theme"] {
-  padding: 7px 5px 7px 6px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+  -moz-padding-start: 6px;
+  -moz-padding-end: 5px;
 }

 extension[itemType="theme"] .extension-icon {
-  margin-right: 3px;
+  -moz-margin-end: 3px;
 }

 .themePreviewArea {
  -moz-appearance: listbox;
-  margin: 10px 10px 5px 5px;
+  margin-top: 10px;
+  margin-bottom: 5px;
+  -moz-margin-start: 5px;
+  -moz-margin-end: 10px;
 }

--- a/mozilla/toolkit/themes/qute/mozapps/pref/pref.css
+++ b/mozilla/toolkit/themes/qute/mozapps/pref/pref.css
@@ -49,12 +49,12 @@
 }

 .indent {
-  margin-left: 23px;
-  margin-right: 23px;
+  -moz-margin-start: 23px;
+  -moz-margin-end: 23px;
 }

 .small-indent {
-  margin-left: 15px; 
+  -moz-margin-start: 15px; 
 }

 .uniWidthButton {
@@ -78,21 +78,30 @@
 #typeIcon, 
 .extensionChildren::-moz-tree-image(fileExtension),
 .pluginTypesChildren::-moz-tree-image(fileExtension) {
-  margin: 0px 5px 0px 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 0px;
+  -moz-margin-end: 5px;
 }

 .pluginTypesChildren::-moz-tree-image(pluginEnabled) {
-  margin: 0px 5px 0px 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 0px;
+  -moz-margin-end: 5px;
  list-style-image: url(chrome://mozapps/skin/pref/dot.gif);  
 }

 .pluginTypesChildren::-moz-tree-image(pluginEnabled, enabled) {
-  margin: 0px 5px 0px 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  -moz-margin-start: 0px;
+  -moz-margin-end: 5px;
  list-style-image: url(chrome://mozapps/skin/pref/check.gif);  
 }

 .biggerIndent {
-  margin-left: 28px; 
+  -moz-margin-start: 28px; 
 }

 #typeField {
@@ -100,7 +109,7 @@
 }

 #defaultAppName {
-  margin-left: 6px !important; 
+  -moz-margin-start: 6px !important; 
 }

 /* 
--- a/mozilla/toolkit/themes/qute/mozapps/update/updates.css
+++ b/mozilla/toolkit/themes/qute/mozapps/update/updates.css
@@ -59,7 +59,10 @@ license {
 */

 #moreDetails {
-  margin: 1px 5px 4px 3px;
+  margin-top: 1px;
+  margin-bottom: 4px;
+  -moz-margin-start: 3px;
+  -moz-margin-end: 5px;
 }

 wizard[currentpageid="updatesfound"] .wizard-button[dlgtype="next"] {
@@ -72,7 +75,7 @@ wizard[currentpageid="updatesfound"] .wizard-button[dlgtype="next"] > .button-bo
 }

 #updateForMoreInfo {
-  margin-left: 5px;
+  -moz-margin-start: 5px;
 }

 #updateName, #updateFinishedName {
@@ -82,7 +85,7 @@ wizard[currentpageid="updatesfound"] .wizard-button[dlgtype="next"] > .button-bo

 #alertImage {
  list-style-image: url("chrome://global/skin/icons/Warning.png");
-  margin-right: 5px;
+  -moz-margin-end: 5px;
 }

 #incompatibleWarning {
@@ -106,7 +109,10 @@ wizard[currentpageid="updatesfound"] .wizard-button[dlgtype="next"] > .button-bo
 }

 #downloadThrobber {
-  margin: 5px 3px 0px 5px;
+  margin-top: 5px;
+  margin-bottom: 0px;
+  -moz-margin-start: 5px;
+  -moz-margin-end: 3px;
  list-style-image: url("chrome://global/skin/throbber/Throbber-small.png");
 }

@@ -120,7 +126,10 @@ wizard[currentpageid="updatesfound"] .wizard-button[dlgtype="next"] > .button-bo

 #verificationFailedIcon {
  list-style-image: url("chrome://global/skin/icons/notfound.png");
-  margin: 5px 3px 0px 5px;
+  margin-top: 5px;
+  margin-bottom: 0px;
+  -moz-margin-start: 5px;
+  -moz-margin-end: 3px;
 }

 /**
@@ -170,7 +179,7 @@ update {

 .updatePrefsInfo {
  font-size: smaller;
-  margin-left: 27px;
+  -moz-margin-start: 27px;
  margin-bottom: 10px;
 }

--- a/mozilla/toolkit/themes/qute/mozapps/xpinstall/xpinstallConfirm.css
+++ b/mozilla/toolkit/themes/qute/mozapps/xpinstall/xpinstallConfirm.css
@@ -14,7 +14,10 @@
 }

 installitem {
-  padding: 5px 0px 5px 5px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  -moz-padding-start: 5px;
+  -moz-padding-end: 0px;
  border-bottom: 1px dotted #C0C0C0;
  margin-bottom: 5px;
 }
@@ -28,7 +31,7 @@ installitem {
  height: 32px;
  max-width: 32px !important;
  max-height: 32px !important;
-  margin-right: 5px;
+  -moz-margin-end: 5px;
 }

 .xpinstallItemName {