Begin implementing programs management

assets/css/form.css

@@ -59,7 +59,7 @@ p.success {
 	color: #008000;
 }
 
-p.error, p.req {
+p.error, span.req {
 	color: #d8122d;
 	font-weight: normal;
 }

assets/css/table.css

@@ -48,3 +48,12 @@ table tbody tr:nth-child(even) {
 table tbody tr:nth-child(odd) {
     background: #f6f6f6;
 }
+
+td.drag_handle {
+	width: 16px;
+}
+
+td.drag_handle-show {
+	background: url(../images/icons/arrow-resize-090.png) center center no-repeat;
+	cursor: move;
+}

assets/js/scattport.js

@@ -163,7 +163,18 @@ $(document).ready(function() {
 		table.trigger('repaginate');
 	});
 
-	$('.sortable').tableDnD();
+	/*
+	 * Sortable tables
+	 */
+	$('.sortable').tableDnD({
+		dragHandle: 'drag_handle'
+	});
+
+	$('.sortable tr').hover(function() {
+		$(this).find('td.drag_handle').addClass('drag_handle-show');
+	}, function() {
+		$(this).find('td.drag_handle').removeClass('drag_handle-show');
+	});
 
 	/*
 	 * In-place editor