Add utility classes and make the "allowMultiple" label floated left against the checkbox. refs #1679

@@ -1414,6 +1414,10 @@ h6.fieldset-heading {
     margin-left: 16px;
 }
 
+.option-groups-region .label-allow-multiple {
+    margin-left: 7px;
+}
+
 .dragged {
     position: absolute;
     opacity:  0.5;
@@ -1484,3 +1488,41 @@ a, input, textarea, select {
     -o-transition:      color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
     transition:         color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
 }
+
+/** General Utility Classes **/
+
+.left, .float-left {
+    float: left;
+}
+.right, .float-right {
+    float: right;
+}
+
+/**
+ * Clearfix micro hack
+ *
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ *    contenteditable attribute is included anywhere else in the document.
+ *    Otherwise it causes space to appear at the top and bottom of elements
+ *    that are clearfixed.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ *    `:before` to contain the top-margins of child elements.
+ */
+.cf:before,
+.cf:after {
+    content: " "; /* 1 */
+    display: table; /* 2 */
+}
+
+.cf:after {
+    clear: both;
+}
+
+/**
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+.cf {
+    *zoom: 1;
+}
\ No newline at end of file