Ray's changes for drag and drop in structure's side_bar

app/assets/stylesheets/sidebar.css.erb

@@ -7,7 +7,7 @@
 	position: relative;
 }
 .nav-list ol {
-	margin-left: 10px;
+	margin-left: 20px;
 }
 .nav-list ol li {
 	padding: 5px 0;
@@ -148,4 +148,28 @@
 }
 #main-sidebar .quick-edit a:hover {
 	background-color: #DDDDDD;
+}
+ol.nav>li>.icons-moves {
+	display: none;
+}
+.sortable i {
+	position: absolute;
+	left: -20px;
+	top: 6px;
+	margin-right: 0;
+	opacity: 0.3;
+	filter: alpha(opacity=30);
+}
+.sortable i:hover {
+	cursor:move;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+}
+.placeholder {
+	background-color: rgba(0,136,204,.6);
+	border-radius: 3px;
+}
+.ui-nestedSortable-error {
+	background: rgba(255,206,206,.6);
+	color: #8a1f11;
 }

app/assets/stylesheets/style.css.erb

@@ -685,6 +685,7 @@
 #banner [id^="slideshow-"] {
 	z-index: 2 !important;
 }
+
 [class^="icons-"] {
 	display: inline-block;
 	width: 16px;
@@ -1243,12 +1244,63 @@
 .icons-plus {
 	background-position: -288px -576px;
 }
+/*20*/
 .icons-power {
 	background-position: -0px -608px;
 }
-/*20*/
-.icons- {
-	background-position: -0px -608px;
+.icons-output {
+	background-position: -32px -608px;
+}
+.icons-col-resize {
+	background-position: -64px -608px;
+}
+.icons-move {
+	background-position: -96px -608px;
+}
+.icons-size-out {
+	background-position: -128px -608px;
+}
+.icons-size-in {
+	background-position: -160px -608px;
+}
+.icons-slash {
+	background-position: -192px -608px;
+}
+.icons-level {
+	background-position: -224px -608px;
+}
+.icons-share {
+	background-position: -256px -608px;
+}
+.icons-share2 {
+	background-position: -288px -608px;
+}
+.icons-re {
+	background-position: -320px -608px;
+}
+.icons-insert {
+	background-position: -352px -608px;
+}
+.icons-insert2 {
+	background-position: -384px -608px;
+}
+.icons-download {
+	background-position: -416px -608px;
+}
+.icons-tag-rignt {
+	background-position: -448px -608px;
+}
+.icons-tag-top {
+	background-position: -480px -608px;
+}
+.icons-tag-bottom {
+	background-position: -512px -608px;
+}
+.icons-tag-left {
+	background-position: -544px -608px;
+}
+.icons-moves {
+	background-position: -576px -608px;
 }
 /*21*/
 .icons- {