Bug 1165594 - Appropriately style new tab cog menu for RTL. r=Mardak

browser/base/content/newtab/newTab.css

@@ -501,7 +501,8 @@ input[type=button] {
 .newtab-search-panel-engine,
 #newtab-search-manage {
   line-height: 25px;
-  padding: 15px 15px 15px 40px;
+  padding: 15px;
+  -moz-padding-start: 40px;
   font-size: 14px;
   cursor: pointer;
 }
@@ -532,11 +533,20 @@ input[type=button] {
 .newtab-customize-complex-option {
   width: 100%;
   display: block;
-  text-align: left;
+  text-align: start;
   max-width: 300px;
   background-color: #F9F9F9;
 }
 
+.newtab-customize-panel-item[selected]:-moz-locale-dir(rtl) {
+  background-position: right 15px center;
+}
+
+.newtab-customize-complex-option:hover > .selectable:not([selected]):-moz-locale-dir(rtl),
+.selectable:not([selected]):hover:-moz-locale-dir(rtl) {
+  background-position: right 15px center;
+}
+
 .newtab-intro-image-customize .newtab-customize-panel-item,
 .newtab-intro-image-customize .newtab-customize-complex-option {
   max-width: 100%;
@@ -589,12 +599,13 @@ input[type=button] {
 
 .newtab-customize-panel-subitem {
   font-size: 12px;
-  padding: 0px 15px 15px 40px;
+  padding: 0px 15px 15px 15px;
+  -moz-padding-start: 40px;
   display: block;
 }
 
 .newtab-customize-panel-subitem > label {
-  padding-left: 10px;
+  padding: 0px 10px;
   line-height: 20px;
   vertical-align: middle;
   max-width: 225px;
@@ -603,7 +614,8 @@ input[type=button] {
 .newtab-customize-panel-superitem {
   line-height: 20px;
   border-bottom: medium none !important;
-  padding: 15px 15px 10px 40px;
+  padding: 15px 15px 10px 15px;
+  -moz-padding-start: 40px;
   border-top: 1px solid threedshadow;
 }