update

Static/css/drag-drop-folder-tree.css

@@ -0,0 +1,91 @@
+	p{
+		font-family:arial;
+		
+	}
+	a{
+		color:#000;
+	}
+	
+	.dhtmlgoodies_tree,#floatingContainer{
+		margin:0px;
+		padding:0px;
+	}
+	.dhtmlgoodies_tree ul{	/* Sub menu groups */
+		margin-left:20px;	/* Left spacing */
+		padding-left:0px;
+		display:none;	/* Initially hide sub nodes */
+		
+	}
+	
+	#floatingContainer ul{
+		margin-left:20px;	/* Left spacing */
+		padding-left:0px;
+                
+		
+	}
+	.dhtmlgoodies_tree li,#floatingContainer li{	/* Nodes */
+		list-style-type:none;
+		vertical-align:middle;
+		margin-top: 0px;
+		/*border-bottom: 1px dashed #ffffff;*/
+                min-height: 29px;
+		
+		
+	}
+	.dhtmlgoodies_tree li a,#floatingContainer li a{	/* Node links */
+		color:#000;
+		text-decoration:none;
+		padding-left:1px;
+		line-height:19px;
+		margin-left:2px;
+		
+		
+	}
+	.dhtmlgoodies_tree li a.highlightedNodeItem{
+		color:#FFF;
+		background-color:#009;
+		color:#666666; text-decoration:none; padding:4px 10px; display:block; background-color:#eeeeee;
+	}
+	
+		
+	.imgFl{
+		float:left;
+		line-height:13px;
+		margin-top: 5px;
+	}
+	
+	body{
+		margin:0px;
+		padding:0px;
+	}
+	
+	.dhtmlgoodies_tree input.folderTreeTextBox{	/* Css for the text input - rename item */
+		font-size:10px;
+		margin:0px;
+		padding:0px;
+		height:12px;
+	}
+        
+        #dragDropIndicatorImage {
+            
+            
+        }
+        .dragDropIndicatorImageBottom {
+            width: 0;
+            height: 0;
+            border-bottom: 20px solid red;
+            border-left: 20px solid transparent;
+            margin-bottom: -6px;
+            margin-top: 4px;
+            
+        }
+        .dragDropIndicatorImageAdd {
+            width: 0;
+            height: 0;
+            border-top: 12px solid transparent;
+            border-left: 24px solid red;
+            border-bottom: 12px solid transparent;
+            margin-bottom: -6px;
+            margin-top: -3px;
+            
+        }