Index: lams_central/web/css/pedagogicalPlanner.css
===================================================================
diff -u -r4c44f72d085bca8627b2858fd30b99bc5c2056a4 -rc938db99e80a21d9099839105f58e9c7537fe0d5
--- lams_central/web/css/pedagogicalPlanner.css	(.../pedagogicalPlanner.css)	(revision 4c44f72d085bca8627b2858fd30b99bc5c2056a4)
+++ lams_central/web/css/pedagogicalPlanner.css	(.../pedagogicalPlanner.css)	(revision c938db99e80a21d9099839105f58e9c7537fe0d5)
@@ -67,51 +67,66 @@
 	margin: 0px 0px 0px 500px;
 }
 
-td.branchingFirstActivity{
+td.branchingFirstActivity {
 	border-bottom: thick blue solid;
 	text-align: center;
+	color: blue;
 }
 
-td.branchingLastActivity{
+td.optionsFirstActivity {
+	border-bottom: thick lightgreen solid;
+	text-align: center;
+	color:lightgreen;
+}
+
+td.branchingLastActivity {
 	border-bottom: thick blue solid;
 }
 
-td.branch1{
-	border-right: thick yellow solid;
+td.optionsLastActivity {
+	border-bottom: thick lightgreen solid;
+}
+
+td.branch {
 	border-left: thick blue solid;
 }
 
-td.branch2{
+td.option {
+	border-left: thick lightgreen solid;
+}
+
+td.group1{
+	border-right: thick yellow solid;
+}
+
+td.group2{
 	border-right: thick orange solid;
-	border-left: thick blue solid;
 }
 
-td.branch3{
+td.group3{
 	border-right: thick red solid;
-	border-left: thick blue solid;
 }
 
-td.branch4{
+td.group4{
 	border-right: thick purple solid;
-	border-left: thick blue solid;
 }
 
-h3.branch1{
+h3.group1{
 	color: #F1CD03;
 	text-decoration: underline;
 }
 
-h3.branch2{
+h3.group2{
 	color: orange;
 	text-decoration: underline;
 }
 
-h3.branch3{
+h3.group3{
 	color: red;
 	text-decoration: underline;
 }
 
-h3.branch4{
+h3.group4{
 	color: purple;
 	text-decoration: underline;
 }
\ No newline at end of file