diff --git a/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/app/controllers/ganttprojectcontroller.js b/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/app/controllers/ganttprojectcontroller.js
index 0ad8206a91c41d8b5cece631bbce43d4823eb44b..abb5c80a919170c02ec0d91f351ea1619baceac1 100644
--- a/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/app/controllers/ganttprojectcontroller.js
+++ b/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/app/controllers/ganttprojectcontroller.js
@@ -176,11 +176,12 @@ ganttProjectControllerMod.controller('GanttProjectController', ['$scope', 'dataS
                             to: task.endtime,
                             raTask: task,
                             color: self.taskStatusColors[task.status],
+                            classes: 'task-status-' + task.status,
                             movable: $.inArray(task.status_id, editableTaskStatusIds) > -1
                         };
 
                         if(task.id == dataService.selected_task_id) {
-                            rowTask.classes = 'task-selected-task';
+                            rowTask.classes += ' task-selected-task';
                         }
 
                         if(task.predecessor_ids && task.predecessor_ids.length > 0) {
diff --git a/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/app/controllers/ganttresourcecontroller.js b/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/app/controllers/ganttresourcecontroller.js
index d110fd5ec6d25aa79a768003e44013c1cc2fdcb9..1c6edb166655cb1496050a50ebadcb9137795b0a 100644
--- a/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/app/controllers/ganttresourcecontroller.js
+++ b/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/app/controllers/ganttresourcecontroller.js
@@ -273,8 +273,8 @@ ganttResourceControllerMod.controller('GanttResourceController', ['$scope', 'dat
                         name: task.name,
                         from: claim.starttime,
                         to: claim.endtime,
-                        color: self.taskStatusColors[task.status],
-                        classes: 'claim-status-' + claim.status,
+                        color: self.resourceClaimStatusColors[claim.status],
+                        classes: 'claim-task-status-' + task.status,
                         raTask: task,
                         claim: claim,
                         movable: $.inArray(task.status_id, editableTaskStatusIds) > -1
@@ -365,8 +365,8 @@ ganttResourceControllerMod.controller('GanttResourceController', ['$scope', 'dat
                                 name: task.name,
                                 from: aggClaimForTask.starttime,
                                 to: aggClaimForTask.endtime,
-                                color: self.taskStatusColors[task.status],
-                                classes: 'claim-status-' + aggClaimForTask.status,
+                                color: self.resourceClaimStatusColors[aggClaimForTask.status],
+                                classes: 'claim-task-status-' + task.status,
                                 raTask: task,
                                 movable: $.inArray(task.status_id, editableTaskStatusIds) > -1
                             };
diff --git a/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/css/main.css b/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/css/main.css
index ad104768eeb2be6918f08fc1f91c8e12a341990b..4786aea04ae6582211388f1fd2bc1b0a7dedb2f1 100644
--- a/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/css/main.css
+++ b/SAS/ResourceAssignment/ResourceAssignmentEditor/lib/static/css/main.css
@@ -46,39 +46,83 @@
     top: 20px;
 }
 
-.gantt-task.selected-task {
-  border: 1px solid #000000;
+.gantt-task-content {
+  margin-top: 2.2px;
+}
+
+.gantt-task.task-selected-task {
+  border: 1.5px solid #000000;
   border-radius: 2px;
 }
 
 .gantt-task.claim-selected-task {
-  border: 1px solid #555555;
+  border: 1.5px solid #777777;
   border-radius: 2px;
 }
 
 .gantt-task.claim-selected-claim {
-  border: 2px solid #000000;
+  border: 1.5px solid #000000;
   border-radius: 2px;
 }
 
-.gantt-task.claim-status-claimed {
-  border-bottom: 5px solid #ffa64d;
-  border-radius: 2px;
+div.gantt-task span {
+  padding: 0px 10px;
 }
 
-.gantt-task.claim-status-conflict {
-  border-bottom: 5px solid #ff0000;
-  border-radius: 2px;
+div.gantt-task.task-status-on_hold span, div.gantt-task.task-status-prescheduled span, div.gantt-task.task-status-scheduled span, div.gantt-task.task-status-queued span, div.gantt-task.task-status-aborted span, div.gantt-task.task-status-error span {
+  color: #ffffff;
 }
 
-.gantt-task.claim-status-allocated {
-  border-bottom: 5px solid #66ff66;
-  border-radius: 2px;
+div.gantt-task.claim-task-status-on_hold span, div.gantt-task.claim-task-status-prescheduled span, div.gantt-task.claim-task-status-scheduled span, div.gantt-task.claim-task-status-queued span, div.gantt-task.claim-task-status-aborted span, div.gantt-task.claim-task-status-error span {
+  color: #ffffff;
 }
 
-.gantt-task.claim-status-mixed {
-  border-bottom: 5px solid #bfbfbf;
-  border-radius: 2px;
+
+div.gantt-task.claim-task-status-prepared span {
+  background: #cccccc;
+}
+
+div.gantt-task.claim-task-status-approved span {
+  background: #8cb3d9;
+}
+
+div.gantt-task.claim-task-status-on_hold span {
+  background: #b34700;
+}
+
+div.gantt-task.claim-task-status-conflict span {
+  background: #ff0000;
+}
+
+div.gantt-task.claim-task-status-prescheduled span {
+  background: #6666ff;
+}
+
+div.gantt-task.claim-task-status-scheduled span {
+  background: #0000ff;
+}
+
+div.gantt-task.claim-task-status-queued span {
+  background: #6666ff;
+}
+
+div.gantt-task.claim-task-status-active span {
+  background: #ffff00;
 }
 
+div.gantt-task.claim-task-status-completing span {
+  background: #99ff33;
+}
+
+div.gantt-task.claim-task-status-finished span {
+  background: #00ff00;
+}
+
+div.gantt-task.claim-task-status-aborted span {
+  background: #cc0000;
+}
+
+div.gantt-task.claim-task-status-error span {
+  background: #990033;
+}