2 files changed, 60 insertions, 179 deletions
diff --git a/modules/rearrange/css/jquery.simple.tree.css b/modules/rearrange/css/jquery.simple.tree.css
deleted file mode 100644
index a874c53b..00000000
--- a/modules/rearrange/css/jquery.simple.tree.css
+++ /dev/null
@@ -1,179 +0,0 @@
-@CHARSET "UTF-8";
-
-.simpleTree {
-  font: normal 12px arial, tahoma, helvetica, sans-serif;
-  margin:0;
-  padding:20px;
-  margin:0;
-  padding:0;
-  /*
-  overflow:auto;
-  width: 250px;
-  height:350px;
-  overflow:auto;
-  border: 1px solid #444444;
-  */
-}
-
-.simpleTree li {
-  list-style: none;
-  margin:0;
-  padding:0 0 0 34px;
-  line-height: 14px;
-}
-.simpleTree li span {
-  display:inline;
-  clear: left;
-  white-space: nowrap;
-}
-
-.simpleTree ul {
-  margin:0; 
-  padding:0;
-}
-.simpleTree .root {
-  margin-left:-16px;
-  background: url(../images/root.gif) no-repeat 16px 0 #ffffff;
-}
-
-.simpleTree .line {
-  margin:0 0 0 -16px;
-  padding:0;
-  line-height: 3px;
-  height:3px;
-  font-size:3px;
-  background: url(../images/line_bg.gif) 0 0 no-repeat transparent;
-}
-
-.simpleTree .line-last {
-  margin:0 0 0 -16px;
-  padding:0;
-  line-height: 3px;
-  height:3px;
-  font-size:3px;
-  background: url(../images/spacer.gif) 0 0 no-repeat transparent;
-}
-
-.simpleTree .line-over {
-  margin:0 0 0 -16px;
-  padding:0;
-  line-height: 3px;
-  height:3px;
-  font-size:3px;
-  background: url(../images/line_bg_over.gif) 0 0 no-repeat transparent;
-}
-
-.simpleTree .line-over-last {
-  margin:0 0 0 -16px;
-  padding:0;
-  line-height: 3px;
-  height:3px;
-  font-size:3px;
-  background: url(../images/line_bg_over_last.gif) 0 0 no-repeat transparent;
-}
-
-.simpleTree .folder-open {
-  margin-left:-16px;
-  background: url(../images/collapsable.gif) 0 -2px no-repeat #fff;
-}
-
-.simpleTree .folder-open-last {
-  margin-left:-16px;
-  background: url(../images/collapsable-last.gif) 0 -2px no-repeat #fff;
-}
-
-.simpleTree .folder-close {
-  margin-left:-16px;
-  background: url(../images/expandable.gif) 0 -2px no-repeat #fff;
-}
-
-.simpleTree .folder-close-last {
-  margin-left:-16px;
-  background: url(../images/expandable-last.gif) 0 -2px no-repeat #fff;
-}
-
-.simpleTree .doc {
-  margin-left:-16px;
-  background: url(../images/leaf.gif) 0 -1px no-repeat #fff;
-}
-
-.simpleTree .doc-last {
-  margin-left:-16px;
-  background: url(../images/leaf-last.gif) 0 -1px no-repeat #fff;
-}
-
-.simpleTree .ajax {
-  background: url(../images/spinner.gif) no-repeat 0 0 #ffffff;
-  height: 16px;
-  display:none;
-}
-
-.simpleTree .ajax li {
-  display:none;
-  margin:0; 
-  padding:0;
-}
-
-.simpleTree .trigger {
-  display:inline;
-  margin-left:-32px;
-  width: 28px;
-  height: 11px;
-  cursor:pointer;
-}
-
-.simpleTree .text {
-  cursor: default;
-}
-
-.simpleTree .active {
-  cursor: default;
-  background-color:#F7BE77;
-  padding:0px 2px;
-  border: 1px dashed #444;
-}
-
-#drag_container {
-  background:#ffffff;
-  color:#000;
-  font: normal 11px arial, tahoma, helvetica, sans-serif;
-  border: 1px dashed #767676;
-}
-
-#drag_container ul {
-  list-style: none;
-  padding:0;
-  margin:0;
-}
-
- 
-#drag_container li {
-  list-style: none;
-  background-color:#ffffff;
-  line-height:18px;
-  white-space: nowrap;
-  padding:1px 1px 0px 16px;
-  margin:0;
-}
-
-#drag_container li span {
-  padding:0;
-}
-
- 
-#drag_container li.doc, #drag_container li.doc-last {
-  background: url(../images/leaf.gif) no-repeat -17px 0 #ffffff;
-}
-
-#drag_container .folder-close, #drag_container .folder-close-last {
-  background: url(../images/expandable.gif) no-repeat -17px 0 #ffffff;
-}
-
- 
-#drag_container .folder-open, #drag_container .folder-open-last {
-  background: url(../images/collapsable.gif) no-repeat -17px 0 #ffffff;
-}
-
-.contextMenu {
-  display:none;
-}
diff --git a/modules/rearrange/css/rearrange.css b/modules/rearrange/css/rearrange.css
new file mode 100644
index 00000000..c371edf0
--- /dev/null
+++ b/modules/rearrange/css/rearrange.css
@@ -0,0 +1,60 @@
+@CHARSET "UTF-8";
+#gRearrange {
+  font-family: Verdana, sans-serif;
+  font-size: 11px;
+}
+
+#gAddAlbum {
+  background-image: url(../images/folder_add.png);
+  background-repeat: no-repeat;
+  padding-left: 20px;
+  padding-bottom: 5px
+}
+
+#gDeleteItem {
+  background-image: url(../images/bin_closed.png);
+  background-repeat: no-repeat;
+  padding-left: 20px;
+  padding-bottom: 5px
+}
+
+UL.jqueryFileTree {
+  font-family: Verdana, sans-serif;
+  font-size: 11px;
+  line-height: 18px;
+  padding: 0px;
+  margin: 0px;
+}
+
+UL.jqueryFileTree LI {
+  list-style: none;
+  padding: 0px;
+  padding-left: 20px;
+  margin: 0px;
+  white-space: nowrap;
+}
+
+UL.jqueryFileTree A {
+  color: #333;
+  text-decoration: none;
+  display: block;
+  padding: 0px 2px;
+}
+
+UL.jqueryFileTree A:hover {
+  background: #BDF;
+}
+
+/* Core Styles */
+.jqueryFileTree LI.directory { background: url(../images/directory.png) left top no-repeat; }
+.jqueryFileTree LI.expanded { background: url(../images/folder_open.png) left top no-repeat; }
+.jqueryFileTree LI.file { background: url(../images/file.png) left top no-repeat; }
+.jqueryFileTree LI.wait { background: url(../images/spinner.gif) left top no-repeat; }
+.jqueryFileTree LI.item { background: url(../images/picture.png) left top no-repeat; }
+
+/* 
+ * File Extensions Support
+ * If we want to add differnt icons for different file extentions. then we just need to add
+ * classes for each extension and then add this class to the end of the classes on the 'li' element
+ *  i.e. .jqueryFileTree LI.ext_fla { background: url(../images/flash.png) left top no-repeat; }
+*/