use class for browser dialog

gui/slick/css/browser.css

-#fileBrowserDialog {
+.fileBrowserDialog {
     max-height: 480px;
     overflow-y: auto;
 }
 
-#fileBrowserDialog ul {
+.fileBrowserDialog ul {
     margin: 0;
     padding: 0;
 }
 
-#fileBrowserDialog ul li {
+.fileBrowserDialog ul li {
     margin: 2px 0;
     cursor: pointer;
     list-style-type: none;
 }
 
-#fileBrowserDialog ul li a {
+.fileBrowserDialog ul li a {
     display: block;
     padding: 4px 0;
 }
 
-#fileBrowserDialog ul li a:hover {
+.fileBrowserDialog ul li a:hover {
     color: #00f;
     background: none;
 }
 
-#fileBrowserDialog ul li a span.ui-icon {
+.fileBrowserDialog ul li a .ui-icon {
     margin: 0 4px;
     float: left;
 }

gui/slick/js/browser.js

@@ -78,7 +78,7 @@
         // make a fileBrowserDialog object if one doesn't exist already
         if (!fileBrowserDialog) {
             // set up the jquery dialog
-            fileBrowserDialog = $('<div id="fileBrowserDialog" style="display:hidden"></div>').appendTo('body').dialog({
+            fileBrowserDialog = $('<div class="fileBrowserDialog" style="display:hidden"></div>').appendTo('body').dialog({
                 dialogClass: 'browserDialog',
                 title:       options.title,
                 position:    { my: 'center top', at: 'center top+60', of: window },
@@ -89,14 +89,12 @@
                 modal:       true,
                 autoOpen:    false
             });
-        }
-        else {
+        } else {
             // The title may change, even if fileBrowserDialog already exists
             fileBrowserDialog.dialog('option', 'title', options.title);
         }
 
-        fileBrowserDialog.dialog('option', 'buttons', [
-            {
+        fileBrowserDialog.dialog('option', 'buttons', [{
             text: 'Ok',
             'class': 'btn',
             click: function () {
@@ -104,15 +102,13 @@
                 callback(currentBrowserPath, options);
                 $(this).dialog('close');
             }
-            },
-            {
+        }, {
             text: 'Cancel',
             'class': 'btn',
             click: function () {
                 $(this).dialog('close');
             }
-            }
-        ]);
+        }]);
 
         // set up the browser and launch the dialog
         var initialDir = '';