diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index f0ec5f8a5..0b29208f4 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -6,7 +6,20 @@
  *s= require_tree . 
  *= require bootstrap.css
  *= require fileuploader.css
+ *= require ./ui-lightness/jquery.ui.core.css
+ *= require ./ui-lightness/jquery.ui.resizable.css
+ *= require ./ui-lightness/jquery.ui.selectable.css
+ *= require ./ui-lightness/jquery.ui.accordion.css
+ *= require ./ui-lightness/jquery.ui.autocomplete.css
+ *= require ./ui-lightness/jquery.ui.button.css
+ *= require ./ui-lightness/jquery.ui.dialog.css
+ *= require ./ui-lightness/jquery.ui.slider.css
+ *= require ./ui-lightness/jquery.ui.tabs.css
+ *= require ./ui-lightness/jquery.ui.datepicker.css
+ *= require ./ui-lightness/jquery.ui.progressbar.css
  *= require zzz.css
- *= require_tree ./ui-lightness/ 
+ *
+ *= require_tree ./custom/
+ * 
 */
 
diff --git a/app/assets/stylesheets/custom/README b/app/assets/stylesheets/custom/README
new file mode 100644
index 000000000..95b576d25
--- /dev/null
+++ b/app/assets/stylesheets/custom/README
@@ -0,0 +1,3 @@
+/*
+ * put all your custom css files in here
+ */
\ No newline at end of file
diff --git a/app/assets/stylesheets/ui-lightness/jquery.ui.base.css b/app/assets/stylesheets/ui-lightness/jquery.ui.base.css
deleted file mode 100755
index f52ee39b9..000000000
--- a/app/assets/stylesheets/ui-lightness/jquery.ui.base.css
+++ /dev/null
@@ -1,11 +0,0 @@
-@import url("jquery.ui.core.css");
-@import url("jquery.ui.resizable.css");
-@import url("jquery.ui.selectable.css");
-@import url("jquery.ui.accordion.css");
-@import url("jquery.ui.autocomplete.css");
-@import url("jquery.ui.button.css");
-@import url("jquery.ui.dialog.css");
-@import url("jquery.ui.slider.css");
-@import url("jquery.ui.tabs.css");
-@import url("jquery.ui.datepicker.css");
-@import url("jquery.ui.progressbar.css");
\ No newline at end of file