Bug 699002 - Use a xul:checkbox for "Only user styles" option. r=rcampbell

browser/devtools/styleinspector/csshtmltree.xul

@@ -90,14 +90,12 @@ To visually debug the templates without running firefox, alter the display:none
   styles" checkbox. For data it needs an instance of CssHtmlTree.
   -->
   <div id="templateRoot">
-    <xul:hbox class="headerControls" flex="1">
-      <label class="userStylesLabel">
-        <input class="onlyuserstyles" save="${onlyUserStylesCheckbox}"
-               type="checkbox" onchange="${onlyUserStylesChanged}" checked=""/>
-        &userStylesLabel;
-      </label>
+    <xul:hbox class="headerControls" flex="1" align="center">
+      <xul:checkbox class="onlyuserstyles" save="${onlyUserStylesCheckbox}"
+                    oncommand="${onlyUserStylesChanged}" checked="true"
+                    label="&userStylesLabel;"/>
       <xul:textbox class="searchfield" type="search" save="${searchField}"
-                   placeholder="&userStylesSearch;"
+                   placeholder="&userStylesSearch;" flex="1"
                    oncommand="${filterChanged}"/>
     </xul:hbox>
   </div>

browser/themes/gnomestripe/browser/devtools/csshtmltree.css

@@ -224,27 +224,13 @@
   padding-top: 5px;
 }
 
-.onlyuserstyles,
-.userStylesLabel {
-  cursor: pointer;
-}
-
-.userStylesLabel {
-  display: -moz-box;
-  white-space: nowrap;
-}
-
 .onlyuserstyles {
-  position: relative;
-  top: 3px;
-  font-family: sans-serif;
+  cursor: pointer;
   font-size: 11px;
 }
 
 .searchfield {
-  display: -moz-box;
-  -moz-box-flex: 1;
-  margin-left: 10px;
+  -moz-margin-start: 10px;
 }
 
 .styleinspector-legend {

browser/themes/pinstripe/browser/devtools/csshtmltree.css

@@ -226,27 +226,13 @@
   padding-top: 5px;
 }
 
-.onlyuserstyles,
-.userStylesLabel {
-  cursor: pointer;
-}
-
-.userStylesLabel {
-  display: -moz-box;
-  white-space: nowrap;
-}
-
 .onlyuserstyles {
-  position: relative;
-  top: 3px;
-  font-family: sans-serif;
+  cursor: pointer;
   font-size: 11px;
 }
 
 .searchfield {
-  display: -moz-box;
-  -moz-box-flex: 1;
-  margin-left: 10px;
+  -moz-margin-start: 10px;
 }
 
 .styleinspector-legend {

browser/themes/winstripe/browser/devtools/csshtmltree.css

@@ -226,27 +226,13 @@
   padding-top: 5px;
 }
 
-.onlyuserstyles,
-.userStylesLabel {
-  cursor: pointer;
-}
-
-.userStylesLabel {
-  display: -moz-box;
-  white-space: nowrap;
-}
-
 .onlyuserstyles {
-  position: relative;
-  top: 3px;
-  font-family: sans-serif;
+  cursor: pointer;
   font-size: 11px;
 }
 
 .searchfield {
-  display: -moz-box;
-  -moz-box-flex: 1;
-  margin-left: 10px;
+  -moz-margin-start: 10px;
 }
 
 .styleinspector-legend {