Improve option group styling and provide a bit of scope to keep styles from "leaking"

@@ -1282,57 +1282,85 @@ h6.fieldset-heading {
     font-size: 10px !important;
 }
 
-.remove-group, .remove-option {
-    float:        right;
-    margin-right: 15px;
+.list-plain {
+    list-style: none;
 }
 
-.ui-state-highlight {
-    height: 30px;
+.block {
+    display: block;
 }
 
-.child-option-groups {
-    margin-left: 20px;
+.input-spaced {
+    margin-bottom: 15px;
 }
 
-.plain {
-    list-style: none;
+.label-vertical {
+    display: block;
 }
 
 .ui-sortable-helper {
     opacity: 0.5;
 }
 
-.sortable .sortable-placeholder {
+.ui-state-highlight {
     height: 30px;
 }
 
-.sortable {
+.option-groups-region .remove-group,
+.option-groups-region .remove-option {
+    float: right;
+}
+
+.option-groups-region .remove-option {
+    margin-top: 4px;
+}
+
+.option-groups-region .sortable .sortable-placeholder {
+    height: 30px;
+}
+
+.option-groups-region .sortable {
     margin-left: 0;
 }
 
-.sortable li {
-    width:            100%;
+.option-groups-region .sortable li {
     background-color: #ccc;
     border:           1px solid #aaa;
-    overflow:         hidden;
+    padding-left:     5px;
+    padding-right:    5px;
 }
 
-.accordion-header {
+.option-groups-region .accordion-header {
+    overflow:   hidden;
     display:    block;
-    width:      98%;
-    min-height: 30px;
+    width:      96%;
     cursor:     move;
+    margin-top: 0 !important;
+    padding:    10px;
+}
+
+.option-groups-region .accordion-content {
     margin:  0 !important;
-    padding:    10px 10px 0 10px;
+    padding: 0;
 }
 
-.accordion-header, .accordion-content {
-    margin-left: 10px;
+.option-groups-region .accordion-content .field {
+    margin:       0;
+    padding-left: 13px !important;
+}
+
+.option-groups-region .accordion-content .field-option {
+    padding: 10px !important;
+}
+
+.option-groups-region div input[type=text],
+.option-groups-region div textarea {
+    width: 78%;
 }
 
-.group-title:hover {
+.option-groups-region .group-title:hover {
     cursor: pointer;
+    color:  rgb(33, 117, 155);
 }
 
 .dragged {