diff --git a/main/webapp/modules/core/MOD-INF/controller.js b/main/webapp/modules/core/MOD-INF/controller.js
index 8afe0e164..a887cfc26 100644
--- a/main/webapp/modules/core/MOD-INF/controller.js
+++ b/main/webapp/modules/core/MOD-INF/controller.js
@@ -151,10 +151,10 @@ function init() {
         module,
         [
             "externals/jquery-ui/css/ui-lightness/jquery-ui-1.8.custom.css",
+            "styles/jquery-ui-overrides.less",
             "styles/common.less",
             "styles/pure.css",
-            "styles/index.less",
-            "styles/jquery-ui-overrides.less"
+            "styles/index.less"
         ]
     );
     
@@ -225,10 +225,10 @@ function init() {
             "externals/suggest/css/suggest-1.2.min.css",
             "externals/jquery-ui/css/ui-lightness/jquery-ui-1.8.custom.css",
             "externals/imgareaselect/css/imgareaselect-default.css",
-    
+
+            "styles/jquery-ui-overrides.less",
             "styles/common.less",
             "styles/pure.css",
-            "styles/jquery-ui-overrides.less",
     
             "styles/util/menu.less",
             "styles/util/dialog.less",
@@ -273,9 +273,9 @@ function init() {
         [
             "externals/suggest/css/suggest-1.2.min.css",
             "externals/jquery-ui/css/ui-lightness/jquery-ui-1.8.custom.css",
-            "styles/common.less",
-            "styles/pure.css",
             "styles/jquery-ui-overrides.less",
+            "styles/common.less",
+            "styles/pure.css"
         ]
     );
 }
diff --git a/main/webapp/modules/core/images/right-arrow.png b/main/webapp/modules/core/images/right-arrow.png
index ae869631a..a3de8f5f2 100644
Binary files a/main/webapp/modules/core/images/right-arrow.png and b/main/webapp/modules/core/images/right-arrow.png differ
diff --git a/main/webapp/modules/core/scripts/project/browsing-engine.js b/main/webapp/modules/core/scripts/project/browsing-engine.js
index 5745b0a49..0c7b7f629 100644
--- a/main/webapp/modules/core/scripts/project/browsing-engine.js
+++ b/main/webapp/modules/core/scripts/project/browsing-engine.js
@@ -65,25 +65,19 @@ BrowsingEngine.prototype._initializeUI = function() {
         '<div class="browsing-panel-help" bind="help">' +
           '<h1>Using facets and filters</h1>' +
           '<p>Use facets and filters to select subsets of your data to act on. Choose facet and filter methods from the menus at the top of each data column.</p>' +
-          '<p>Not sure how to get started?<br /><a href="http://vimeo.com/groups/gridworks/videos" target="_blank"><b>Watch these screencasts!</b></a>.</p>' +
+          '<p>Not sure how to get started?<br /><a href="http://vimeo.com/groups/gridworks/videos" target="_blank"><b>Watch these screencasts!</b></a></p>' +
         '</div>' +
         '<div class="browsing-panel-header" bind="header">' +
-            '<div class="browsing-panel-indicator" bind="indicator">' +
-                '<img src="images/small-spinner.gif" /> refreshing facets ...' +
-            '</div>' +
-            '<div class="browsing-panel-controls" bind="controls"><div class="grid-layout layout-tightest layout-full"><table>' +
-                '<tr>' +
-                    '<td>' +
-                        '<a href="javascript:{}" bind="refreshLink" class="action" title="Make sure all facets are up-to-date">Refresh</a>' +
-                    '</td>' +
-                    '<td width="1%">' +
-                        '<a href="javascript:{}" bind="resetLink" class="action" title="Clear selection in all facets">Reset&nbsp;All</a>' +
-                    '</td>' +
-                    '<td width="1%">' +
-                        '<a href="javascript:{}" bind="removeLink" class="action" title="Remove all facets">Remove&nbsp;All</a>' +
-                    '</td>' +
-                '</tr>' +
-            '</table></div></div>' +
+          '<div class="browsing-panel-indicator" bind="indicator">' +
+              '<img src="images/small-spinner.gif" /> Refreshing facets...' +
+          '</div>' +
+          '<div class="browsing-panel-controls" bind="controls">' +
+            '<div class="browsing-panel-controls-refresh">' +
+              '<a href="javascript:{}" bind="refreshLink" class="button" title="Update all facets">Refresh</a>' +
+            '</div>' +              
+            '<a href="javascript:{}" bind="resetLink" class="button button-pill-left" title="Clear selection in all facets">Reset All</a>' +
+            '<a href="javascript:{}" bind="removeLink" class="button button-pill-right" title="Remove all facets">Remove All</a>' +
+          '</div>' +
         '</div>' +
         '<ul bind="facets" class="facets-container"></ul>'
     );
diff --git a/main/webapp/modules/core/scripts/views/data-table/add-column-by-fetching-urls-dialog.html b/main/webapp/modules/core/scripts/views/data-table/add-column-by-fetching-urls-dialog.html
index db1587ad2..0c635b97b 100644
--- a/main/webapp/modules/core/scripts/views/data-table/add-column-by-fetching-urls-dialog.html
+++ b/main/webapp/modules/core/scripts/views/data-table/add-column-by-fetching-urls-dialog.html
@@ -1,25 +1,27 @@
 <div class="dialog-frame" style="width: 700px;">
-  <div class="dialog-header" bind="dialogHeader"></div>
-  <div class="dialog-body" bind="dialogBody">
-    <div class="grid-layout layout-normal layout-full"><table cols="2">
-        <tr>
-            <td width="1%" style="white-space: pre;">New column name</td>
-            <td><input bind="columnNameInput" size="40" /></td>
-            
-            <td width="1%" style="white-space: pre;">Throttle delay</td>
-            <td><input bind="throttleDelayInput" size="10" value="5000" /> milliseconds</td>
-        </tr>
-        <tr>
-            <td width="1%" style="white-space: pre;">On error</td>
-            <td colspan="3"><input type="radio" name="dialog-onerror-choice" value="set-to-blank" checked /> set to blank 
-              <input type="radio" name="dialog-onerror-choice" value="store-error" /> store error</td>
-        </tr>
-        <tr><td colspan="4"><h3>Formulate the URLs to fetch:</h3></td></tr>
-        <tr><td colspan="4">$EXPRESSION_PREVIEW_WIDGET$</td></tr>
-    </table></div>
-  </div>
-  <div class="dialog-footer" bind="dialogFooter">
-    <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-    <button bind="cancelButton">Cancel</button>
+  <div class="dialog-border">
+    <div class="dialog-header" bind="dialogHeader"></div>
+    <div class="dialog-body" bind="dialogBody">
+      <div class="grid-layout layout-normal layout-full"><table cols="2">
+          <tr>
+              <td width="1%" style="white-space: pre;">New column name</td>
+              <td><input bind="columnNameInput" size="40" /></td>
+              
+              <td width="1%" style="white-space: pre;">Throttle delay</td>
+              <td><input bind="throttleDelayInput" size="10" value="5000" /> milliseconds</td>
+          </tr>
+          <tr>
+              <td width="1%" style="white-space: pre;">On error</td>
+              <td colspan="3"><input type="radio" name="dialog-onerror-choice" value="set-to-blank" checked /> set to blank 
+                <input type="radio" name="dialog-onerror-choice" value="store-error" /> store error</td>
+          </tr>
+          <tr><td colspan="4"><h3>Formulate the URLs to fetch:</h3></td></tr>
+          <tr><td colspan="4">$EXPRESSION_PREVIEW_WIDGET$</td></tr>
+      </table></div>
+    </div>
+    <div class="dialog-footer" bind="dialogFooter">
+      <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+      <button bind="cancelButton">Cancel</button>
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/main/webapp/modules/core/scripts/views/data-table/add-column-dialog.html b/main/webapp/modules/core/scripts/views/data-table/add-column-dialog.html
index 10582d206..20bf8a489 100644
--- a/main/webapp/modules/core/scripts/views/data-table/add-column-dialog.html
+++ b/main/webapp/modules/core/scripts/views/data-table/add-column-dialog.html
@@ -1,20 +1,22 @@
 <div class="dialog-frame" style="width: 700px;">
-  <div class="dialog-header" bind="dialogHeader"></div>
-  <div class="dialog-body" bind="dialogBody">
-    <div class="grid-layout layout-normal layout-full"><table cols="2">
-        <tr>
-            <td width="1%" style="white-space: pre;">New column name</td>
-            <td><input bind="columnNameInput" size="40" /></td>
-        </tr>
-        <tr>
-            <td width="1%" style="white-space: pre;">On error</td>
-            <td><input type="radio" name="create-column-dialog-onerror-choice" value="set-to-blank" checked /> set to blank <input type="radio" name="create-column-dialog-onerror-choice" value="store-error" /> store error <input type="radio" name="create-column-dialog-onerror-choice" value="keep-original" /> keep original</td>
-        </tr>
-        <tr><td colspan="2">$EXPRESSION_PREVIEW_WIDGET$</td></tr>
-    </table></div>
-  </div>
-  <div class="dialog-footer" bind="dialogFooter">
-    <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-    <button bind="cancelButton">Cancel</button>
+  <div class="dialog-border">
+    <div class="dialog-header" bind="dialogHeader"></div>
+    <div class="dialog-body" bind="dialogBody">
+      <div class="grid-layout layout-normal layout-full"><table cols="2">
+          <tr>
+              <td width="1%" style="white-space: pre;">New column name</td>
+              <td><input bind="columnNameInput" size="40" /></td>
+          </tr>
+          <tr>
+              <td width="1%" style="white-space: pre;">On error</td>
+              <td><input type="radio" name="create-column-dialog-onerror-choice" value="set-to-blank" checked /> set to blank <input type="radio" name="create-column-dialog-onerror-choice" value="store-error" /> store error <input type="radio" name="create-column-dialog-onerror-choice" value="keep-original" /> keep original</td>
+          </tr>
+          <tr><td colspan="2">$EXPRESSION_PREVIEW_WIDGET$</td></tr>
+      </table></div>
+    </div>
+    <div class="dialog-footer" bind="dialogFooter">
+      <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+      <button bind="cancelButton">Cancel</button>
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/main/webapp/modules/core/scripts/views/data-table/cell-recon-search-for-match.html b/main/webapp/modules/core/scripts/views/data-table/cell-recon-search-for-match.html
index dd5060150..5dcce5ee1 100644
--- a/main/webapp/modules/core/scripts/views/data-table/cell-recon-search-for-match.html
+++ b/main/webapp/modules/core/scripts/views/data-table/cell-recon-search-for-match.html
@@ -1,16 +1,18 @@
 <div class="dialog-frame" style="width: 400px;">
-  <div class="dialog-header" bind="dialogHeader">Search for Match</div>
-  <div class="dialog-body" bind="dialogBody">
-    <div class="grid-layout layout-normal layout-full"><table>
-      <tr><td colspan="2">Search Freebase for topic to match <span bind="cellTextSpan"></span></td></tr>
-      <tr>
-        <td><input bind="input" /></td>
-        <td><input type="checkbox" checked="true" bind="checkSimilar" /> Match other cells with same content</td>
-      </tr>
-    </table></div>
-  </div>
-  <div class="dialog-footer" bind="dialogFooter">
-    <button bind="okButton">Match</button>
-    <button bind="cancelButton">Cancel</button>
+  <div class="dialog-border">
+    <div class="dialog-header" bind="dialogHeader">Search for Match</div>
+    <div class="dialog-body" bind="dialogBody">
+      <div class="grid-layout layout-normal layout-full"><table>
+        <tr><td colspan="2">Search Freebase for topic to match <span bind="cellTextSpan"></span></td></tr>
+        <tr>
+          <td><input bind="input" /></td>
+          <td><input type="checkbox" checked="true" bind="checkSimilar" /> Match other cells with same content</td>
+        </tr>
+      </table></div>
+    </div>
+    <div class="dialog-footer" bind="dialogFooter">
+      <button bind="okButton">Match</button>
+      <button bind="cancelButton">Cancel</button>
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/main/webapp/modules/core/scripts/views/data-table/sorting-criterion-dialog.html b/main/webapp/modules/core/scripts/views/data-table/sorting-criterion-dialog.html
index 8c3d4936d..78a1013ab 100644
--- a/main/webapp/modules/core/scripts/views/data-table/sorting-criterion-dialog.html
+++ b/main/webapp/modules/core/scripts/views/data-table/sorting-criterion-dialog.html
@@ -1,46 +1,48 @@
 <div class="dialog-frame" style="width: 400px;">
-  <div class="dialog-header" bind="dialogHeader"></div>
-  <div class="dialog-body" bind="dialogBody">
-    <div class="grid-layout layout-normal layout-full "><table>
-        <tr>
-            <td>Sort cell values as</td>
-            <td>Position blanks and errors</td>
-        </tr>
-        <tr>
-            <td>
-                <div class="grid-layout layout-tightest grid-layout-for-text" bind="valueTypeOptions"><table>
-                    <tr>
-                        <td width="1"><input type="radio" name="sorting-dialog-value-type" value="string" /></td>
-                        <td>text <input type="checkbox" class="inline" bind="caseSensitiveCheckbox" /> case-sensitive</td>
-                    </tr>
-                    <tr>
-                        <td width="1"><input type="radio" name="sorting-dialog-value-type" value="number" /></td>
-                        <td>numbers</td>
-                    </tr>
-                    <tr>
-                        <td width="1"><input type="radio" name="sorting-dialog-value-type" value="date" /></td>
-                        <td>dates</td>
-                    </tr>
-                    <tr>
-                        <td width="1"><input type="radio" name="sorting-dialog-value-type" value="boolean" /></td>
-                        <td>booleans</td>
-                    </tr>
-                </table></div>
-            </td>
-            <td>
-                <ul class="sorting-dialog-blank-error-positions" bind="blankErrorPositions"></ul>
-                <p>Drag and drop to re-order</p>
-            </td>
-        </tr>
-        <tr><td colspan="2" bind="directionOptions">
-            <input type="radio" class="inline" name="sorting-dialog-direction" value="forward" /><label bind="directionForwardLabel">forward</label>
-            <input type="radio" class="inline" name="sorting-dialog-direction" value="reverse" /><label bind="directionReverseLabel">reverse</label>
-            <span bind="sortAloneContainer" style="display:none;"><input type="checkbox" class="inline" /><label>sort by this column alone</label></span>
-        </td></tr>
-    </table></div>
+  <div class="dialog-border">
+    <div class="dialog-header" bind="dialogHeader"></div>
+    <div class="dialog-body" bind="dialogBody">
+      <div class="grid-layout layout-normal layout-full "><table>
+          <tr>
+              <td>Sort cell values as</td>
+              <td>Position blanks and errors</td>
+          </tr>
+          <tr>
+              <td>
+                  <div class="grid-layout layout-tightest grid-layout-for-text" bind="valueTypeOptions"><table>
+                      <tr>
+                          <td width="1"><input type="radio" name="sorting-dialog-value-type" value="string" /></td>
+                          <td>text <input type="checkbox" class="inline" bind="caseSensitiveCheckbox" /> case-sensitive</td>
+                      </tr>
+                      <tr>
+                          <td width="1"><input type="radio" name="sorting-dialog-value-type" value="number" /></td>
+                          <td>numbers</td>
+                      </tr>
+                      <tr>
+                          <td width="1"><input type="radio" name="sorting-dialog-value-type" value="date" /></td>
+                          <td>dates</td>
+                      </tr>
+                      <tr>
+                          <td width="1"><input type="radio" name="sorting-dialog-value-type" value="boolean" /></td>
+                          <td>booleans</td>
+                      </tr>
+                  </table></div>
+              </td>
+              <td>
+                  <ul class="sorting-dialog-blank-error-positions" bind="blankErrorPositions"></ul>
+                  <p>Drag and drop to re-order</p>
+              </td>
+          </tr>
+          <tr><td colspan="2" bind="directionOptions">
+              <input type="radio" class="inline" name="sorting-dialog-direction" value="forward" /><label bind="directionForwardLabel">forward</label>
+              <input type="radio" class="inline" name="sorting-dialog-direction" value="reverse" /><label bind="directionReverseLabel">reverse</label>
+              <span bind="sortAloneContainer" style="display:none;"><input type="checkbox" class="inline" /><label>sort by this column alone</label></span>
+          </td></tr>
+      </table></div>
+    </div>
+    <div class="dialog-footer" bind="dialogFooter">
+      <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+      <button bind="cancelButton">Cancel</button>
+    </div>
   </div>
-  <div class="dialog-footer" bind="dialogFooter">
-    <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-    <button bind="cancelButton">Cancel</button>
-  </div>
-</div>
\ No newline at end of file
+</div>  
\ No newline at end of file
diff --git a/main/webapp/modules/core/scripts/views/data-table/split-column-dialog.html b/main/webapp/modules/core/scripts/views/data-table/split-column-dialog.html
index 6591849f3..b10d82f73 100644
--- a/main/webapp/modules/core/scripts/views/data-table/split-column-dialog.html
+++ b/main/webapp/modules/core/scripts/views/data-table/split-column-dialog.html
@@ -1,55 +1,57 @@
 <div class="dialog-frame" style="width: 600px;">
-  <div class="dialog-header" bind="dialogHeader"></div>
-  <div class="dialog-body" bind="dialogBody">
-    <div class="grid-layout layout-looser layout-full"><table><tr>
-        <td>
-            <div class="grid-layout layout-tighter"><table>
-                <tr>
-                    <td colspan="3"><h3>How to Split Column</h3></td>
-                </tr>
-                <tr>
-                    <td width="1%"><input type="radio" checked="true" name="split-by-mode" value="separator" /></td>
-                    <td colspan="2">by separator</td>
-                </tr>
-                <tr><td></td>
-                    <td>Separator</td>
-                    <td style="white-space: pre;"><input size="15" value="," bind="separatorInput" /> <input type="checkbox" bind="regexInput" /> regular expression</td>
-                </tr>
-                <tr><td></td>
-                    <td>Split into</td>
-                    <td style="white-space: pre;"><input size="3" bind="maxColumnsInput" /> columns at most (leave blank for no limit)</td>
-                </tr>
-                <tr>
-                    <td width="1%"><input type="radio" name="split-by-mode" value="lengths" /></td>
-                    <td colspan="2">by field lengths</td>
-                </tr>
-                <tr><td></td>
-                    <td colspan="2"><textarea style="width: 100%;" bind="lengthsTextarea"></textarea></td>
-                </tr>
-                <tr><td></td>
-                    <td colspan="2">List of integers separated by commas, e.g., 5, 7, 15</td>
-                </tr>
-            </table></div>
-        </td>
-        <td>
-            <div class="grid-layout layout-tighter"><table>
-                <tr>
-                    <td colspan="3"><h3>After Splitting</h3></td>
-                </tr>
-                <tr>
-                    <td width="1%"><input type="checkbox" checked="true" bind="guessCellTypeInput" /></td>
-                    <td colspan="2">Guess cell type</td>
-                </tr>
-                <tr>
-                    <td width="1%"><input type="checkbox" checked="true" bind="removeColumnInput" /></td>
-                    <td colspan="2">Remove this column</td>
-                </tr>
-            </table></div>
-        </td>
-    </table></div>
-  </div>
-  <div class="dialog-footer" bind="dialogFooter">
-    <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
-    <button bind="cancelButton">Cancel</button>
+  <div class="dialog-border">
+    <div class="dialog-header" bind="dialogHeader"></div>
+    <div class="dialog-body" bind="dialogBody">
+      <div class="grid-layout layout-looser layout-full"><table><tr>
+          <td>
+              <div class="grid-layout layout-tighter"><table>
+                  <tr>
+                      <td colspan="3"><h3>How to Split Column</h3></td>
+                  </tr>
+                  <tr>
+                      <td width="1%"><input type="radio" checked="true" name="split-by-mode" value="separator" /></td>
+                      <td colspan="2">by separator</td>
+                  </tr>
+                  <tr><td></td>
+                      <td>Separator</td>
+                      <td style="white-space: pre;"><input size="15" value="," bind="separatorInput" /> <input type="checkbox" bind="regexInput" /> regular expression</td>
+                  </tr>
+                  <tr><td></td>
+                      <td>Split into</td>
+                      <td style="white-space: pre;"><input size="3" bind="maxColumnsInput" /> columns at most (leave blank for no limit)</td>
+                  </tr>
+                  <tr>
+                      <td width="1%"><input type="radio" name="split-by-mode" value="lengths" /></td>
+                      <td colspan="2">by field lengths</td>
+                  </tr>
+                  <tr><td></td>
+                      <td colspan="2"><textarea style="width: 100%;" bind="lengthsTextarea"></textarea></td>
+                  </tr>
+                  <tr><td></td>
+                      <td colspan="2">List of integers separated by commas, e.g., 5, 7, 15</td>
+                  </tr>
+              </table></div>
+          </td>
+          <td>
+              <div class="grid-layout layout-tighter"><table>
+                  <tr>
+                      <td colspan="3"><h3>After Splitting</h3></td>
+                  </tr>
+                  <tr>
+                      <td width="1%"><input type="checkbox" checked="true" bind="guessCellTypeInput" /></td>
+                      <td colspan="2">Guess cell type</td>
+                  </tr>
+                  <tr>
+                      <td width="1%"><input type="checkbox" checked="true" bind="removeColumnInput" /></td>
+                      <td colspan="2">Remove this column</td>
+                  </tr>
+              </table></div>
+          </td>
+      </table></div>
+    </div>
+    <div class="dialog-footer" bind="dialogFooter">
+      <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
+      <button bind="cancelButton">Cancel</button>
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/main/webapp/modules/core/scripts/views/data-table/text-transform-dialog.html b/main/webapp/modules/core/scripts/views/data-table/text-transform-dialog.html
index 313299d40..32b150090 100644
--- a/main/webapp/modules/core/scripts/views/data-table/text-transform-dialog.html
+++ b/main/webapp/modules/core/scripts/views/data-table/text-transform-dialog.html
@@ -1,15 +1,17 @@
 <div class="dialog-frame" style="width: 700px;">
-  <div class="dialog-header" bind="dialogHeader"></div>
-  <div class="dialog-body" bind="dialogBody">
-    <div class="grid-layout layout-tight layout-full"><table>
-        <tr><td colspan="4">$EXPRESSION_PREVIEW_WIDGET$</td></tr>
-        <tr style="white-space: pre;">
-            <td width="1%">On error</td>
-            <td><input type="radio" name="text-transform-dialog-onerror-choice" value="set-to-blank" checked /> set to blank<br/><input type="radio" name="text-transform-dialog-onerror-choice" value="store-error" /> store error<br/><input type="radio" name="text-transform-dialog-onerror-choice" value="keep-original" /> keep original</td>
-            <td width="1%"><input type="checkbox" bind="repeatCheckbox" /></td>
-            <td>Re-transform until no change<br/>up to <input bind="repeatCountInput" value="10" size="3" /> times</td>
-        </tr>
-    </table>
+  <div class="dialog-border">
+    <div class="dialog-header" bind="dialogHeader"></div>
+    <div class="dialog-body" bind="dialogBody">
+      <div class="grid-layout layout-tight layout-full"><table>
+          <tr><td colspan="4">$EXPRESSION_PREVIEW_WIDGET$</td></tr>
+          <tr style="white-space: pre;">
+              <td width="1%">On error</td>
+              <td><input type="radio" name="text-transform-dialog-onerror-choice" value="set-to-blank" checked /> set to blank<br/><input type="radio" name="text-transform-dialog-onerror-choice" value="store-error" /> store error<br/><input type="radio" name="text-transform-dialog-onerror-choice" value="keep-original" /> keep original</td>
+              <td width="1%"><input type="checkbox" bind="repeatCheckbox" /></td>
+              <td>Re-transform until no change<br/>up to <input bind="repeatCountInput" value="10" size="3" /> times</td>
+          </tr>
+      </table>
+    </div>
   </div>
   <div class="dialog-footer" bind="dialogFooter">
     <button bind="okButton">&nbsp;&nbsp;OK&nbsp;&nbsp;</button>
diff --git a/main/webapp/modules/core/scripts/views/data-table/transpose-columns-into-rows.html b/main/webapp/modules/core/scripts/views/data-table/transpose-columns-into-rows.html
index b80ee7a1b..ee3818f58 100644
--- a/main/webapp/modules/core/scripts/views/data-table/transpose-columns-into-rows.html
+++ b/main/webapp/modules/core/scripts/views/data-table/transpose-columns-into-rows.html
@@ -1,38 +1,40 @@
 <div class="dialog-frame" style="width: 600px;">
-  <div class="dialog-header" bind="dialogHeader"></div>
-  <div class="dialog-body" bind="dialogBody">
-    <div class="grid-layout layout-normal layout-full grid-layout-for-ui"><table>
-      <tr>
-        <td>From Column</td>
-        <td>To Column</td>
-        <td>Formatting Options</td>
-      </tr>
-      <tr>
-        <td><select bind="fromColumnSelect" size="20" style="width: 100%;"></select></td>
-        <td><select bind="toColumnSelect" size="20" style="width: 100%;"></select></td>
-        <td><div class="grid-layout layout-tightest"><table>
-          <tr>
-            <td colspan="2">Combined column name <input bind="combinedColumnNameInput" size="15" /></td>
-          </tr>
-          <tr>
-            <td colspan="2"><input type="checkbox" bind="prependColumnNameCheckbox" checked /> prepend column name</td>
-          </tr>
-          <tr>
-            <td>&nbsp;</td>
-            <td>Separate column name and cell value with
-              <input bind="separatorInput" size="5" value=":" />
-            </td>
-          </tr>
-          <tr>
-            <td>&nbsp;</td>
-            <td><input type="checkbox" bind="ignoreBlankCellsCheckbox" checked /> ignore blank cells</td>
-          </tr>
-        </table></div></td>
-      </tr>
-    </table></div>
-  </div>
-  <div class="dialog-footer" bind="dialogFooter">
-    <button bind="okButton">Transpose</button>
-    <button bind="cancelButton">Cancel</button>
+  <div class="dialog-border">
+    <div class="dialog-header" bind="dialogHeader"></div>
+    <div class="dialog-body" bind="dialogBody">
+      <div class="grid-layout layout-normal layout-full grid-layout-for-ui"><table>
+        <tr>
+          <td>From Column</td>
+          <td>To Column</td>
+          <td>Formatting Options</td>
+        </tr>
+        <tr>
+          <td><select bind="fromColumnSelect" size="20" style="width: 100%;"></select></td>
+          <td><select bind="toColumnSelect" size="20" style="width: 100%;"></select></td>
+          <td><div class="grid-layout layout-tightest"><table>
+            <tr>
+              <td colspan="2">Combined column name <input bind="combinedColumnNameInput" size="15" /></td>
+            </tr>
+            <tr>
+              <td colspan="2"><input type="checkbox" bind="prependColumnNameCheckbox" checked /> prepend column name</td>
+            </tr>
+            <tr>
+              <td>&nbsp;</td>
+              <td>Separate column name and cell value with
+                <input bind="separatorInput" size="5" value=":" />
+              </td>
+            </tr>
+            <tr>
+              <td>&nbsp;</td>
+              <td><input type="checkbox" bind="ignoreBlankCellsCheckbox" checked /> ignore blank cells</td>
+            </tr>
+          </table></div></td>
+        </tr>
+      </table></div>
+    </div>
+    <div class="dialog-footer" bind="dialogFooter">
+      <button bind="okButton">Transpose</button>
+      <button bind="cancelButton">Cancel</button>
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/main/webapp/modules/core/styles/common.less b/main/webapp/modules/core/styles/common.less
index cb54f51be..ef7c822e7 100644
--- a/main/webapp/modules/core/styles/common.less
+++ b/main/webapp/modules/core/styles/common.less
@@ -54,7 +54,7 @@ a.selected {
   }
 
 a.inaction {
-  color: #ccc;
+  color: @chrome_primary;
   }
 
 a.selected:hover, a.inaction:hover {
@@ -77,6 +77,7 @@ a img {
   border: 1px solid #bbb;
   cursor: pointer;
   background: #eee;
+  white-space: nowrap;
   font-family: Arial, Helvetica, sans-serif; 
   .rounded_corners(3px);
   }
@@ -94,6 +95,16 @@ a img {
   padding: 1px 15px;
   }
 
+.button-pill-left, a.button-pill-left {
+  border-right: 1px solid #bbb;
+  .sharp_corners_left();
+  }
+
+.button-pill-right, a.button-pill-right {
+  border-left: 1px solid #fff;
+  .sharp_corners_right();  
+  }
+
 .button-disabled, a.button-disabled {
   color: #666;
   border: 1px solid #ddd;
diff --git a/main/webapp/modules/core/styles/project/facets.less b/main/webapp/modules/core/styles/project/facets.less
index 2e85784b2..725382f91 100644
--- a/main/webapp/modules/core/styles/project/facets.less
+++ b/main/webapp/modules/core/styles/project/facets.less
@@ -66,15 +66,11 @@ a.facet-title-remove:hover {
 .facet-controls-sortControls a {
   margin: 0 2px;
   padding: 2px 4px 3px 4px;
-  font-weight: bold;
 }
 .facet-controls-sortControls a.inaction {
-  background: #f8f8f8;
-  color: #777;
-  border: 1px solid #ff6a00;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-}
+  color: #000;
+  font-weight: bold;
+  }
 
 .facet-body {
     padding: 1px;
diff --git a/main/webapp/modules/core/styles/project/sidebar.less b/main/webapp/modules/core/styles/project/sidebar.less
index d6952f84c..5dd7c3f8c 100644
--- a/main/webapp/modules/core/styles/project/sidebar.less
+++ b/main/webapp/modules/core/styles/project/sidebar.less
@@ -26,7 +26,16 @@
   }
 
 .browsing-panel-controls {
+  position: relative;
+  padding: @padding_normal;
   visibility: hidden;
+  text-align: right;
+  }
+
+.browsing-panel-controls-refresh {
+  position: absolute;
+  top: @padding_normal;
+  left: @padding_normal;
   }
 
 .browsing-panel-help, .history-panel-help {
@@ -48,6 +57,7 @@
 
 .browsing-panel-help p, .history-panel-help p {
   padding: 7px 20px;
+  line-height: 1.3;
   }
 
 .history-panel-body {
diff --git a/main/webapp/modules/core/styles/theme.less b/main/webapp/modules/core/styles/theme.less
index 86c89caef..c3e99ddbf 100644
--- a/main/webapp/modules/core/styles/theme.less
+++ b/main/webapp/modules/core/styles/theme.less
@@ -12,6 +12,10 @@
 @light_grey: #999;
 @metadata_grey: #777;
 @near_black: #444;
+@dialog_frame: #3a5774;
+@dialog_border: #c1d9ff;
+@dialog_header: #e0edfe;
+@dialog_footer: #eee;
 
 @padding_tighter: 3px;
 @padding_tight: 5px;
@@ -25,3 +29,20 @@
   border-radius: @radius;
   }
   
+.sharp_corners_left () {
+  -webkit-border-top-right-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+  -moz-border-radius-topright: 0;
+  -moz-border-radius-bottomright: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;	
+  }
+
+.sharp_corners_right () {
+  -moz-border-radius-topleft: 0;
+  -moz-border-radius-bottomleft: 0;
+  -webkit-border-top-left-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  }
diff --git a/main/webapp/modules/core/styles/util/dialog.less b/main/webapp/modules/core/styles/util/dialog.less
index 25b97d42d..b42e5e287 100644
--- a/main/webapp/modules/core/styles/util/dialog.less
+++ b/main/webapp/modules/core/styles/util/dialog.less
@@ -1,50 +1,51 @@
 @import-less url("../theme.less");
 
 .dialog-overlay {
-    position: fixed;
-    padding: 0px;
-    margin: 0px;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    background: black;
-    opacity: 0.4;
-}
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #666;
+  opacity: 0.5;
+  }
 
 .dialog-container {
-    position: fixed;
-    padding: 0px;
-    margin: 0px;
-    left: 0px;
-    width: 100%;
-    text-align: center;
-}
+  position: fixed;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  }
 
 .dialog-frame {
     margin: 0 auto;
     text-align: left;
     background: white;
-    border: 1px solid #aaa;
-    padding: 2px;
+    border: 1px solid @dialog_frame;
+}
+
+.dialog-border {
+    border: 4px solid @dialog_border;
 }
 
 .dialog-header {
-    background: #404859;
-    padding: 5px 10px;
+    background: @dialog_header;
+    padding: @padding_loose;
     font-weight: bold;
-    color: white;
+    font-size: 1.6em;
+    color: #000;
     cursor: move;
 }
 
 .dialog-body {
-    padding: 10px;
+  font-size: 1.3em;
+  padding: @padding_looser;
 }
 
 .dialog-footer {
-    background: #ddd;
-    padding: 5px 10px;
-    text-align: right;
+  font-size: 1.3em;
+  background: @dialog_footer;
+  padding: @padding_loose;
 }
 
 .dialog-footer button {
diff --git a/main/webapp/modules/core/styles/util/menu.less b/main/webapp/modules/core/styles/util/menu.less
index 565e9ec70..3e0980cf4 100644
--- a/main/webapp/modules/core/styles/util/menu.less
+++ b/main/webapp/modules/core/styles/util/menu.less
@@ -1,63 +1,56 @@
 @import-less url("../theme.less");
 
 .menu-overlay {
-    background: black;
-    opacity: 0.15;
-    position: fixed;
-    padding: 0px;
-    margin: 0px;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    z-index: 1000;
-}
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+  }
 
 .menu-container {
-    position: absolute;
-    width: 250px;
-    background: white;
-    padding: 1px;
-    border: 1px solid #ddd;
-    font-size: 12px;
-}
+  position: absolute;
+  width: 250px;
+  background: white;
+  padding: 1px;
+  border: 1px solid #ccc;
+  border-right: 1px solid #666;
+  border-bottom: 1px solid #666;
+  font-size: 1.2em;
+  }
 
 .menu-container hr {
-    height: 1px;
-    border: none;
-    border-top: 1px solid #ccc;
-    padding: 0px;
-    margin: 2px 0px;
-}
+  margin: 2px 0;
+  padding: 0;
+  height: 1px;
+  border: none;
+  border-top: 1px solid #ccc;
+  }
 
 a.menu-item {
-    display: block;
-    padding: 5px 7px;
-    text-decoration: none;
-    color: black;
-    white-space: pre;
-}
+  display: block;
+  padding: 5px 7px;
+  text-decoration: none;
+  color: #000;
+  white-space: pre;
+  }
 
-a.menu-item:hover {
-    color: #44a;
-    background: #eee;
-}
-
-a.menu-item.menu-expanded {
-    background: #ddd;
-}
+a.menu-item:hover, a.menu-item.menu-expanded {
+  background: #dbe8f8;
+  }
 
 a.menu-item img {
-    border: none;
-}
+  border: none;
+  }
 
 table.menu-item-layout td {
-    vertical-align: middle;
-}
+  vertical-align: middle;
+  }
 
 .menu-section {
-    padding: 2px 7px;
-    background: #aaa;
-    color: white;
-    font-weight: bold;
-}
+  padding: 2px 7px;
+  background: #aaa;
+  color: white;
+  font-weight: bold;
+  }
diff --git a/main/webapp/modules/core/styles/views/data-table-view.less b/main/webapp/modules/core/styles/views/data-table-view.less
index 26fa256a6..897a8e8d3 100644
--- a/main/webapp/modules/core/styles/views/data-table-view.less
+++ b/main/webapp/modules/core/styles/views/data-table-view.less
@@ -60,9 +60,6 @@ table.data-table > tbody > tr.contextual > td > div {
     opacity: 0.3;
 }
 
-table.data-table > tbody > tr.record.contextual > td {
-}
-
 table.data-table td.column-header {
     background: #e8e8e8;
     cursor: pointer;
@@ -118,10 +115,12 @@ a.column-header-menu:hover {
     background: #6d6;
 }
 
-
 div.data-table-cell-content {
-    position: relative;
-}
+  line-height: 1.2;
+  color: #222;
+  position: relative;
+  }
+
 div.data-table-cell-content-numeric {
     text-align: right;
 }