diff --git a/main/css/chamilo/default.css b/main/css/chamilo/default.css
index ce45b4ebb3..a8dc8d90f5 100755
--- a/main/css/chamilo/default.css
+++ b/main/css/chamilo/default.css
@@ -1,5 +1,5 @@
 /*****************************************************
- *  MAIN  - PUBLIC ADMIN CSS		                 *                   
+ *  MAIN  - CHAMILO CSS		                 
  *****************************************************/
  
 /* the sticky effect */
@@ -19,11 +19,11 @@ body {
 	height: 100%; /* stick */
 }
 /* Sticky footer*/ 
-#wrapper{
+#wrapper {
 	min-height: 100%;
 	height: auto !important;
 	height: 100%;
-	margin: 0 auto -9em;
+	margin: 0 auto -9em; /* Do not change this value */
 }
 
 input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
@@ -1554,7 +1554,6 @@ div.admin_section h4 {
 .sessions_list_inactive {
 	line-height: 20px;
 }
-
 .session_box {
 	border: 1px solid #DCE5F3;
 	/* font-weight: bold; */
@@ -1567,7 +1566,6 @@ div.admin_section h4 {
 	-moz-border-radius: 10px;
 	border-radius: 10px;
 }
-
 .sub_session_box {
 	 border: 1px solid #DCE5F3; 
 	/* font-weight: bold; */
diff --git a/main/css/chamilo_green/default.css b/main/css/chamilo_green/default.css
old mode 100644
new mode 100755
index d8f3e5c086..2a7a27d291
--- a/main/css/chamilo_green/default.css
+++ b/main/css/chamilo_green/default.css
@@ -1,5 +1,5 @@
 /*****************************************************
- *  MAIN  - PUBLIC ADMIN CSS		                 *                   
+ *  MAIN  - CHAMILO CSS	GREEN                 
  *****************************************************/
  
 /* the sticky effect */
@@ -19,11 +19,11 @@ body {
 	height: 100%; /* stick */
 }
 /* Sticky footer*/ 
-#wrapper{
+#wrapper {
 	min-height: 100%;
 	height: auto !important;
 	height: 100%;
-	margin: 0 auto -9em;
+	margin: 0 auto -9em; /* Do not change this value */
 }
 
 input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
@@ -257,7 +257,7 @@ input[text] {
 .session_course_item {
 	/* padding: 0px; */
 	margin: 0px;
-	margin-bottom:10px;
+	margin-bottom:15px;
 }
 
 /*****************************************************
@@ -310,7 +310,7 @@ input[text] {
 #institution {
 	background-image: url(images/header-logo.png);
 	background-repeat:no-repeat;
-	height:90px;
+	height:80px;
 	overflow:hidden;
 	margin-left:4%;
 	margin-top:1%;
@@ -1559,16 +1559,39 @@ div.admin_section h4 {
 	line-height: 20px;
 }
 .session_box {
-	background-color: #E5F2F7;
 	border: 1px solid #DCE5F3;
 	/* font-weight: bold; */
 	color: #666;
 	list-style-type: none;
-	margin:5px 5px 10px 40px;
+	margin:5px 5px 10px 5px;
+	padding: 5px;	
+	background-color:#FFF;	
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+}
+.sub_session_box {
+	 border: 1px solid #DCE5F3; 
+	/* font-weight: bold; */
+	color: #666;
+	list-style-type: none;
+	margin:5px 5px 10px 0px;
 	padding: 5px;	
+	background-color:#FFF;	
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
 }
+
+.sub_session_box_title {
+	margin-bottom: 10px;
+	background-color:#F9F9F9;
+}
+
+
 .session_box_title {
 	margin-bottom: 10px;
+	background-color:#F9F9F9;
 }
 
 .admin_section {
@@ -2652,7 +2675,6 @@ button.minus {
 button.next {
 	background-image:url(images/button_next.gif);
 }
-/*including "next" image*/
 /*including "back" image*/
 button.back {
 	background-image:url(images/button_back.gif);
@@ -2846,7 +2868,7 @@ input.arrowl {
 	width:100%;
 }
 .u-m-answer p {
-	margin:2px;
+	margin:4px;
 }
 .refresh {
 	background-image:url(images/refresh.png);
@@ -3016,7 +3038,7 @@ a.read {
 
 .mygroups_grid_item {
 	float:left;
-	width:350px;
+	width:345px;
 	height:165px;
 	margin-top:20px;
 }
@@ -3169,7 +3191,7 @@ a.read {
 
 .search_group_grid_item {
 	float:left;
-	width:350px;
+	width:345px;
 	height:165px;
 	margin-top:20px;
 }
@@ -4022,3 +4044,143 @@ div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.r
 }
 
 #columns ul, #columns ol {margin:0; padding:0; list-style:none; border:none;}
+
+
+
+
+/* To add in 1.8.7*/
+
+.session_box_title span {
+	font-size: 130%;
+	font-weight: bold;	
+}
+
+.sub_session_box_title span {
+	font-size: 130%;
+	font-weight: bold;	
+}
+
+#session_category_title {
+	font-size: 140%;
+	font-weight: bold;
+	padding: 2px 0px 5px 5px;
+}
+
+/* fixes the * */ 
+span.form_required  {
+	padding-right:5px;
+}
+
+.userportal-course-item {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#F9F9F9;
+	padding:5px 10px 5px 10px;
+	height:40px;	
+	margin:5px;
+}
+
+.courseadminview-activity-3col, .platformadminview-activity-3col {
+	-moz-border-radius:5px 5px 5px 5px;
+	border:1px solid #E1E1E0;
+	float:left;
+	margin:10px 20px 10px 10px;
+	padding:11px;
+	width:210px;
+	height:330px;
+}
+
+.courseadminview-activity-3col ul {	
+	padding:10px 20px 10px 20px;
+	list-style-type:none;
+	height:240px;
+	margin-left:0px;
+	margin: 0px 0px 0px 0px ;
+}
+
+.courseadminview-activity-3col ul li {	
+	padding:4px 0px 4px 0px;
+}
+
+#activity-3col {
+	width: 800px ;
+	margin-left: auto ;
+	margin-right: auto ;
+}
+
+
+.userportal-catalog-item {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#F9F9F9;
+	padding:5px 10px 10px 6px;
+	/* height:40px; */	
+}
+
+.userportal-catalog-item .catalog_box li span {
+	font-size:130%;
+	font-weight:bold;
+	margin-left:5px;	
+}
+
+.userportal-session-item {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#F9F9F9;
+	padding:5px 10px 10px 6px;
+	/* height:40px; */	
+}
+
+.userportal-session-category-item {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#F9F9F9;
+	padding:5px 10px 10px 16px;
+	/* height:40px; */	
+	/*background-color:#f9f9f9; border:1px solid #dddddd; padding:5px 10px 5px 10px; margin-top: 10px; */
+}
+
+.catalog_box {
+	border: 1px solid #DCE5F3;
+	/* font-weight: bold; */
+	color: #666;
+	list-style-type: none;
+	margin:5px 5px 10px 5px;
+	padding: 5px;	
+	background-color:#FFF;	
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+}
+
+
+.course-student-view-activity-3col {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#FFFFFF;
+	height: 350px;
+	width: 800px ;
+	margin-left: auto ;
+	margin-right: auto ;
+}
+
+.course-student-view-activity-3col ul {	
+	padding:10px 20px 10px 20px;
+	list-style-type:none;
+	/* height:240px; */
+	margin-left:0px;
+	margin: 0px 0px 0px 0px ;
+	 float:left;
+	width : 280px; 
+}
+
+.course-student-view-activity-3col ul li {	
+	padding:5px 0px 4px 0px;
+	/* float:left;
+	width : 380px; */
+}
diff --git a/main/css/chamilo_red/default.css b/main/css/chamilo_red/default.css
old mode 100644
new mode 100755
index 40478e6bae..9897b6b83e
--- a/main/css/chamilo_red/default.css
+++ b/main/css/chamilo_red/default.css
@@ -1,5 +1,5 @@
 /*****************************************************
- *  MAIN  - PUBLIC ADMIN CSS		                 *                   
+ *  MAIN  - CAHMILO RED CSS
  *****************************************************/
  
 /* the sticky effect */
@@ -18,7 +18,6 @@ body {
 	background-color: #fff;	
 	height: 100%; /* stick */
 }
-
 /* Sticky footer*/ 
 #wrapper {
 	min-height: 100%;
@@ -258,7 +257,7 @@ input[text] {
 .session_course_item {
 	/* padding: 0px; */
 	margin: 0px;
-	margin-bottom:10px;
+	margin-bottom:15px;
 }
 
 /*****************************************************
@@ -311,7 +310,7 @@ input[text] {
 #institution {
 	background-image: url(images/header-logo.png);
 	background-repeat:no-repeat;
-	height:90px;
+	height:80px;
 	overflow:hidden;
 	margin-left:4%;
 	margin-top:1%;
@@ -1563,15 +1562,33 @@ div.admin_section h4 {
 }
 .session_box {
 	background-color: #E5F2F7;
-	border: 1px solid #DCE5F3;
 	/* font-weight: bold; */
 	color: #666;
 	list-style-type: none;
-	margin:5px 5px 10px 40px;
+	margin:5px 5px 10px 5px;
+	padding: 5px;	
+	background-color:#FFF;	
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+}
+
+.sub_session_box {
+	 border: 1px solid #DCE5F3; 
+	/* font-weight: bold; */
+	color: #666;
+	list-style-type: none;
+	margin:5px 5px 10px 0px;
 	padding: 5px;	
+	background-color:#FFF;	
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
 }
-.session_box_title {
+
+.sub_session_box_title {
 	margin-bottom: 10px;
+	background-color:#F9F9F9;
 }
 
 .admin_section {
@@ -2804,6 +2821,10 @@ button.arrowl {
 	background-image:url(images/2leftarrow.gif);
 	background-repeat:no-repeat;
 }
+.u-m-answer {
+	float:left;
+	width:100%;
+}
 /* input >> */
 input.arrowr {
 	-moz-border-radius-topleft : 5px;
@@ -2844,12 +2865,8 @@ input.arrowl {
 	background-image:url(images/2leftarrow.gif);
 	background-repeat:no-repeat;
 }
-.u-m-answer {
-	float:left;
-	width:100%;
-}
 .u-m-answer p {
-	margin:2px;
+	margin:4px;
 }
 .refresh {
 	background-image:url(images/refresh.png);
@@ -3019,7 +3036,7 @@ a.read {
 
 .mygroups_grid_item {
 	float:left;
-	width:350px;
+	width:345px;
 	height:165px;
 	margin-top:20px;
 }
@@ -3172,7 +3189,7 @@ a.read {
 
 .search_group_grid_item {
 	float:left;
-	width:350px;
+	width:345px;
 	height:165px;
 	margin-top:20px;
 }
@@ -4024,3 +4041,143 @@ div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.r
 }
 
 #columns ul, #columns ol {margin:0; padding:0; list-style:none; border:none;}
+
+
+
+
+/* To add in 1.8.7*/
+
+.session_box_title span {
+	font-size: 130%;
+	font-weight: bold;	
+}
+
+.sub_session_box_title span {
+	font-size: 130%;
+	font-weight: bold;	
+}
+
+#session_category_title {
+	font-size: 140%;
+	font-weight: bold;
+	padding: 2px 0px 5px 5px;
+}
+
+/* fixes the * */ 
+span.form_required  {
+	padding-right:5px;
+}
+
+.userportal-course-item {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#F9F9F9;
+	padding:5px 10px 5px 10px;
+	height:40px;	
+	margin:5px;
+}
+
+.courseadminview-activity-3col, .platformadminview-activity-3col {
+	-moz-border-radius:5px 5px 5px 5px;
+	border:1px solid #E1E1E0;
+	float:left;
+	margin:10px 20px 10px 10px;
+	padding:11px;
+	width:210px;
+	height:330px;
+}
+
+.courseadminview-activity-3col ul {	
+	padding:10px 20px 10px 20px;
+	list-style-type:none;
+	height:240px;
+	margin-left:0px;
+	margin: 0px 0px 0px 0px ;
+}
+
+.courseadminview-activity-3col ul li {	
+	padding:4px 0px 4px 0px;
+}
+
+#activity-3col {
+	width: 800px ;
+	margin-left: auto ;
+	margin-right: auto ;
+}
+
+
+.userportal-catalog-item {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#F9F9F9;
+	padding:5px 10px 10px 6px;
+	/* height:40px; */	
+}
+
+.userportal-catalog-item .catalog_box li span {
+	font-size:130%;
+	font-weight:bold;
+	margin-left:5px;	
+}
+
+.userportal-session-item {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#F9F9F9;
+	padding:5px 10px 10px 6px;
+	/* height:40px; */	
+}
+
+.userportal-session-category-item {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#F9F9F9;
+	padding:5px 10px 10px 16px;
+	/* height:40px; */	
+	/*background-color:#f9f9f9; border:1px solid #dddddd; padding:5px 10px 5px 10px; margin-top: 10px; */
+}
+
+.catalog_box {
+	border: 1px solid #DCE5F3;
+	/* font-weight: bold; */
+	color: #666;
+	list-style-type: none;
+	margin:5px 5px 10px 5px;
+	padding: 5px;	
+	background-color:#FFF;	
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+}
+
+
+.course-student-view-activity-3col {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#FFFFFF;
+	height: 350px;
+	width: 800px ;
+	margin-left: auto ;
+	margin-right: auto ;
+}
+
+.course-student-view-activity-3col ul {	
+	padding:10px 20px 10px 20px;
+	list-style-type:none;
+	/* height:240px; */
+	margin-left:0px;
+	margin: 0px 0px 0px 0px ;
+	 float:left;
+	width : 280px; 
+}
+
+.course-student-view-activity-3col ul li {	
+	padding:5px 0px 4px 0px;
+	/* float:left;
+	width : 380px; */
+}