diff --git a/main/css/chamilo/default.css b/main/css/chamilo/default.css
index 6553fcb028..2d511a4fd6 100644
--- a/main/css/chamilo/default.css
+++ b/main/css/chamilo/default.css
@@ -290,7 +290,7 @@ input[text] {
 #top_corner {
 }
 #institution {
-	background-image: url(images/logo-institucion.png);
+	background-image: url(images/logo-chamilo.png);
 	background-repeat:no-repeat;
 	height:60px;
 	overflow:hidden;
@@ -554,24 +554,22 @@ margin-top:0;
 #menu {
 	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
 	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
-	-opera-border-radius: 10px; border: 1px solid #e1e1e0;
-	width:240px;
-	margin-top:40px;
+	-opera-border-radius: 10px; border: 1px solid #e1e1e0;	
+	
+	margin-top:20px;
 	margin-right:10px;
 	margin-bottom:40px;
+	
 	padding-left:10px;
-	padding-right:20px;
-	padding-top:30px;
-	float: right;
-	min-height: 150px;
+	padding-right:10px;
+	padding-top:5px;
 	padding-bottom:30px;	
-
+	
+	width:200px;
+	float: right;
+	min-height: 150px;	
 }
 
-
-
-
-
 .menucaption {
 	font-size: 12px;
 	font-weight: bold;
@@ -1188,71 +1186,7 @@ a.personal_agenda:hover, a.personal_agenda:hover {
 	border-color: #ccc;
 	color: #111;
 }
-#message {
-	margin: 0 auto;
-	text-align: center;
-}
-#message select {
-	margin: 10px 0;
-	width: 220px;
-}
-#message textarea {
-	margin: 10px 0;
-}
-#message td {
-	padding: 4px;
-}
-.message-top-title {
-	float:left;
-	margin-top:1px;
-	margin-bottom:1px;
-	background-color:#F2F2F2;
-	width:600px;
-	border-bottom:1px solid #CCCCCC;
- margin:left:5px;
-}
-.message-bottom-title {
-	height:22px;
-	float:left;
-	margin-top:1px;
-	margin-bottom:1px;
-	background-color:#F2F2F2;
-	width:600px;
-	border-bottom:1px solid #CCCCCC;
-}
-.message-content-body-left {
-	float:left;/* width:55%; */  
-}
-.message-content-body-right {
-	float:right;
-	text-align:left;
-	width:60%;
-}
-.message-body-title {
-	float:right;
-	margin-top:1px;
-	margin-bottom:5px;
-	border-bottom:1px solid #CCCCCC;
-	border-collapse:collapse;
-}
-.message-image-info {
-	float:left;
-	margin-top:10px;
-	margin-bottom:10px;
-	margin-left:10px;
-	text-align:left;
-	margin-right:20px;
-}
-.message-content-body-right dd {
-	color:#333399;
-	border-bottom:1px solid #CCCCCC;
-	height:20px;
-	text-decoration:none;
-	outline-style:none;
-	background:#ffffff;
-}
-.message-content-body-right:hover {
-}
+
 /**********************************************
  *  DOCUMENT MODULE                           *
  **********************************************/
@@ -1548,9 +1482,9 @@ div.admin_section h4 {
 	font-weight: bold;
 	color: #666;
 	list-style-type: none;
-	margin: 5px;
+	margin:5px 5px 10px 40px;
 	padding: 5px;
-	margin-bottom: 10px;
+	
 }
 .session_box_title {
 }admin_section
@@ -2406,1502 +2340,1370 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 }
 
 /**********************************************
- *  MESSAGE TOOL                           *
+ *  EXERCISE TOOL                           *
  **********************************************/
-.message_view_table {
-	cellspacing:0;
-	cellpadding:0;
-	background-color:#dbeaf5;
- border=0;
-	border-collapse: collapse;
-	width: 100%;
-}
-.message_view_table th {
-	padding-right: 12px;
-	border: 1px solid gray;
-	background-color: #f0f0f0;
-}
-.message-select-box {
-	float:left;
-	display:inline;
-	position:absolute;
-	margin-top:23px;
-	margin-left:20px;
+.exercice_form {
+	width: 300px;
 }
-/* styles from the my.profile.php file */
-
-#social_widget  {
-	border:1px dotted #ccc;
-	float:left;	
-	padding:1px;
-	padding-bottom:10px;
-	margin-bottom:10px;
-	margin-left:0px;
-	margin-right:0px;
-	width:215px;	
+#validationButton {
+	text-decoration: none;
+	margin: 5px;
+	/*border:1px solid #999999;*/
+	/*background:#F0F0F0;  */
+	padding: 3px;
+	padding-left:10px;
+	padding-right:10px;
+	font-weight:bold;
+	color:#666;
 }
-
-#social_widget_image {
-	float:left;
+.rounded {
+	background:#ccc;
+	padding: 3px;
+	width: 200px;
+	margin-left:10px;
 }
-.message-content {
-	float:right;
+.rounded_inner {
 	background:#FFF;
-	padding: 10px 0 0 5px;	
-	width:125px; 
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
+	padding-top: 10px;
+	padding-bottom: 10px;
 }
-.message-content-internal {
-	display:inline;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:100px;
-	position:relative;
-	margin-top:150px;
-	margin-right:-100px;
+.rounded_inner:hover {
+	color:#C802A5;
+	background:#F0F0F0;
 }
-.message-title {
-/*	color:#ff0000; */
-	font-size:12px;
+.exercise_scenario_label {
 }
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
+.exercise_scenario_element {
 }
-.message-link {
-	color:#ff8400;
+span.checkbox {
+	width: 19px;
+	height: 25px;
+	padding: 0 5px 0 0;
+	background: url(images/checkbox.gif) no-repeat;
+	display: block;
+	clear: left;
+	float: left;
 }
-.message-view {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:100px;
-	position:relative;
-	margin-top:115px;
-	margin-right:-100px;
+span.radio {
+	width: 19px;
+	height: 25px;
+	padding: 0 5px 0 0;
+	background: url(images/radio.gif) no-repeat;
+	display: block;
+	clear: left;
+	float: left;
 }
-.message-content-table {
-	background-color:white;
-	border:1px solid black;
-	position:absolute;
-	width:200px;
-	height:60px;
-	z-index:3;
-	visibility:hidden;
-	top:85px;
-	left:10px;
-	margin: 0px;
-	padding: 0px;
+#question_title {
 }
-
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px dotted #ccc;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:105px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-	overflow:hidden;
+#question_description {
+	padding-left:5px;
+	padding-top:10px;
 }
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:75px;
+#question_score {
+	padding-left:5px;
+	padding-top:10px;
+	padding-bottom:10px;
+	font-weight:bold;
+	font-size:130%;
 }
-div.image-social-content img {
-	vertical-align:middle;
+#question_feedback {
+	background-color:#FCF7BA;
+	border:1px solid #CCCCCC;
+	color:#666666;
+	font-size:11px;
+	font-weight:bold;
+	list-style-type:none;
+	margin-top:5px;
+	padding:5px;
 }
-div.image-social-content center.friend {
-	overflow:hidden;
-	height:30px;
+#exercise_close_link {
+	background: url(images/close.gif) no-repeat;
+	padding-left: 20px;
 }
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
+#exercise_close_link:hover {
+	background: url(images/close_highlight.gif) no-repeat;
+	padding-left: 20px;
+}
+
+/*****************************************************
+ *  BUTTONS	                                         *
+ *****************************************************/
+/* BUTTONS */
+button {
+	margin:2px 5px 3px 3px !important;
+	background-color: #F5F5F5;
+	
+	border-width: 0px;
+	border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
+	border-style:solid;
+	border-width:1px;
+
+    font-family: bold arial, verdana, helvetica, sans-serif;
+	font-size: 100%;
+	line-height :130%;
+	text-decoration: none;
+	color: black;
 	cursor: pointer;
+	padding:5px 15px 5px 15px;
+	vertical-align:middle;
 }
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
+button:hover {
+	
+	color:#545454;
+	border-style: inset;
+	background-color:#DFF4FF;
+	border:1px solid #C2E1EF;	
 }
-.social-display-image {
-	float:right;
-	margin-top:-130px;
-	margin-right:5px;
+/* button with image */
+button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back {
+	padding-left:30px;
+	background-position:10px;
+	background-repeat:no-repeat;
 }
-.social-search-image {
-	color:#000033;
-	margin-top:2px;	
-	width:200px;
+/* POSITIVE */
+button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back {
+	/* background-color:#; */
+	/* border-color: #fff; */
 }
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
+button.save:hover, button.refresh:hover, button.upload:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
+/*	border-color: #fff;
+	background-color:#fff; */
 }
-.social-align-box {
-	text-align:left;
-	float:left;
+/* NEGATIVE */
+button.cancel {
+	background-color:#F8E8E6;
+	border-color: #FFE3DE;
 }
-.social-header {
-	margin-bottom:8px;
+button.cancel:hover {
+	border-color: #F4E1D0;
+	background-color: #FFE3DE;
 }
-#social-content {
-	width:100%;
-	height:auto;
-	overflow:hidden;
-	margin-left:auto;
-	margin-right:auto;
+/*including "save" image*/
+button.save {
+	background-image:url(images/button_accept.gif);
 }
-#social-content-right {
-	height:auto;
-	overflow:hidden;	
+/*including "add" image*/
+button.add {
+	background-image:url(images/button_add.gif);
+}
+/*including "cancel" image*/
+button.cancel {
+	background-image:url(images/button_delete.gif);
+}
+/*including "search" image*/
+button.search {
+/*	background-color:#FFFFFF; */
+	background-image:url(images/bg-boton.png);
+	background-position:right center;
+	padding-right: 30px;
+}
+/*including "login" image*/
+button.login {
+	background-image:url(images/bg-boton.png);
+	background-position:right;
+/*	background-color:#FFF;
+	border:solid 2px #FFF; */
+	float:left;
+	margin-right:20px;
+	padding-right:30px;
+	margin:2px 5px 3px 5px !important;
 }
 
-.social-content-image {
-	margin-bottom:10px;
-	margin-top:2px;
+button.login:hover{
+/*	background-color:#FFF; */
+/*	border: solid 1px #FFF; */
 }
 
-#social-content-left {
-	float:left;
-	height:auto;
-	margin-right:16px;
-	min-height:300px;
-	width:200px;
-	overflow:hidden;	
+/*including "plus" image*/
+button.plus {
+	background-image:url(images/button_plus.gif);
 }
-.social-content-description {
-	background:#ECE9D8;
+/*including "minus" image*/
+button.minus {
+	background-image:url(images/button_minus.gif);
 }
-.social-content-body {
-	background:#ffffff;
+/*including "next" image*/
+button.next {
+	background-image:url(images/button_next.gif);
 }
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
+/*including "back" image*/
+button.back {
+	background-image:url(images/button_back.gif);
 }
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	float:left;
-	width:80px;
+/*including "refresh" image*/
+button.refresh {
+    background-image:url(images/button_refresh.gif);
 }
-.social-profile-info dd {
-	padding:1px 0px 3px 0px;
-	float:left;
-	margin:0;
-	display : block;
-	padding-left:10px;
-	width:200px;
+/*including "upload" image*/
+button.upload {
+    background-image:url(images/button_upload.gif);
 }
 
-/* general layout of the profile page */
-
-#social-profile-wrapper {
-	width: 100%;
-	text-align:left;
-	margin:0 auto;
-	float: left;
-}
-#social-profile-container {
-	/* width: 705px; */
+.icon_image_content {
+	width:70px;
+	cursor:hand;
+	height:10em;
+	text-align: center;
+	padding-right: 5px;
+	padding-left: 5px;
 }
-#social-profile-left {
+#expire_session div {
 	float:left;
-	width:22%;
-}
-#social-profile-content {
-	float:right;
-	width:47%;
-	margin-left: 4px;
-}
-#social-profile-right {
-	float:right;
-	width:30%;
-	margin-left: 4px;
+	padding-left:15px;
 }
+/* Fake buttons: links that look like buttons */
 
-/*  SOCIAL MENU VERTICAL */
-.social-menu  {
-	width:180px;
-	height:auto;
+.fake_button_back {
+	border: 2px outset;
+	padding: 2px;
+	text-decoration: none;
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
+	background-image:url(images/button_back.gif);
+	padding-left:30px;
+	background-position:10px;
+	background-repeat:no-repeat;
 }
-.social-menu ul {
-	list-style-image:none;
-	list-style-position:outside;
-	list-style-type:none;
-	margin:0;
-	padding:0px;
+.fake_button_back:active {
+	border: 2px inset;
 }
-.social-menu li {
-	margin-bottom:4px;
-	padding-bottom:12px;
-	background-image:url(../../img/line-social.jpg);
-	background-position:bottom;
-	background-repeat:repeat-x;
+.fake_button_back:link {
+	border-style: solid;
+	border-width : 1px 2px 2px 1px;
+	text-decoration : none;
+	padding : 4px;
+	border-color : #69f #00f #00f #69f;
 }
-.social-menu li img {
-	float:left;
+.fake_button_back:hover {
+	border-color: #ccc;
+	color: #111;
 }
-.social-menu-sub-level a img {
+.question_menu {
+	list-style:none;
 	float:left;
 }
-.social-menu ul li a {
-	padding:2px 0px;
+.question_menu li {
+	float:left;
+	margin:0px;
 }
-.social-menu-sub-level {
-	margin-left:20px;
+#exercise_admin {
+	margin: 0;
+	padding: 0;
+	border: 0;
 }
-.social-menu-title{
-	width:180px;
+div#friend-header {
 	float:left;
-	height:auto;
-	background-color:#00AAE3;
-	margin-bottom:10px;
-	padding-top:4px;
-	padding-bottom:4px;
-}
-.social-menu-text1 {
-	color:#fff;
-	font-size:12px;
-	font-weight:bold;
-}
-.social-menu-text2 {
-	color:#000;
-	font-weight:normal;
-	font-size:12px;
-}
-.social-menu-text3 {
-	color:#94cdf9;
-	font-weight:normal;
-	font-size:12px;
-	font-weight:bold;
-}
-.social-menu-text4 {
-	font-family:Verdana, Geneva, sans-serif;
-	color:#000;
-	font-weight:normal;
-	font-size:13px;
-	vertical-align:bottom;
-}
-.social-menu-text-active {
-	font-family:Verdana, Geneva, sans-serif;
-	color:#000;
-	font-weight:bold;
-	font-size:12px;
-	vertical-align:bottom;	
-}
-.social-menu-title-right {
-	width:84%;
-	float:right;
-	height:20px;
-	background-color:#32578b;
-	margin-bottom:10px;
-}
-
-/* BOX SHARED PROFILE */
-
-.social-friend-container {
 	width:100%;
-	overflow:hidden;
+	line-height: 2.1em;
 }
-
-.shared_profile_mygroups_grid_container {
-	width:100%;
-	overflow:hidden;
+div#friend-header a {
+	padding-right:6px;
 }
-.shared_profile_mygroups_grid_item {
-	width:42%;
+div#friend-container {
 	float:left;
-	height:140px;
-	margin:20px;
 }
-
-
-.social-menu-group-member {
+div.image_friend_network {
 	float:left;
-	height:120px;
-	margin:5px;
-	overflow:hidden;
-	padding:2px;
-	width:76px;
-}
- 
-/* SOCIAL BOX */
+	border:1px solid #CCCCCC;
+	margin:2px;
+	padding:4px;
 
-.social-box-main1 {
-	width:100%;
-	height:auto;
-	overflow:hidden;
-}
-.social-box-left {
-	width:350px;
-	float:left;
-	height:auto;	
-}
-.social-box-right {
-	width:350px;
-	float:left;
-	height:auto;
-	margin-left:50px;
-}
-.social-box-container1 {
-	width:350px;
-	height:auto;
-	margin-top:10px;
+	height:125px;
+	width:82px;
+	z-index:5;
 }
-.social-box-content1 {
-	width:330px;
-	height:auto;
-	padding-left:15px;
-	padding-right:10px;
-	background-image:url(../../img/boxmygroupscontent.jpg);
-	background-repeat:repeat-y;
+div.image_friend_network span {
 	overflow:hidden;
+	display:block;
+	height:92px;
+	margin: 0px 0px;
 }
-.social-box-main2 {
-	height:auto;
-	overflow:hidden;
-	width:700px;
+div.image_friend_network img {
+	vertical-align:middle;
 }
-.social-box-container2 {
-	width:700px;
-	height:auto;
+div.image_friend_network center.friend {
 	overflow:hidden;
-	margin-bottom:20px;
+	height:30px;
 }
-.social-box-content2 {
-	width:660px;
-	background-image:url(../../img/content-post-group2.jpg);
-	background-repeat:repeat-y;
+.friend_invitations {
+	float:left;
+	margin: 0 0 4px 12px;
+}
+/* button >> */
+button.arrowr {
+	-moz-border-radius-topleft : 5px;
+	-moz-border-radius-bottomright : 5px;
+	-moz-border-radius-bottomleft : 5px;
+	-moz-border-radius-topright : 5px;
 	padding-left:20px;
-	padding-right:20px;
+	padding-top:20px;
+	background-position:10px;
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
+	border-width: 1px;
+	display:block;
+	font-size: 100%;
+	line-height :130%;
+	vertical-align:middle;
 }
-.social-box-container3 {
-	width:110px;
-	margin-left:60px;
+/*including "arrowr" image*/
+button.arrowr {
+	background-image:url(images/2rightarrow.gif);
+	background-repeat:no-repeat;
 }
-.social-box-content3 {
-	width:560px;
-	height:auto;
+/* button << */
+button.arrowl {
+	margin:0px;
+	-moz-border-radius-topleft : 5px;
+	-moz-border-radius-bottomright : 5px;
+	-moz-border-radius-bottomleft : 5px;
+	-moz-border-radius-topright : 5px;
 	padding-left:20px;
-	padding-right:20px;
-	background-image:url(../../img/content-post-reply02.jpg);
-	background-repeat:repeat-y;
-}
-
-.box_shared_profile_group_title {
-	border-bottom:1pt dotted #000;
-	padding:5px;
+	padding-top:20px;
+	background-position:10px;
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
+	border-width: 1px;
+	display:block;
+	font-size: 100%;
+	line-height :130%;
 	vertical-align:middle;
-	font-size:12pt;
-	font-weight:bold;
-	margin-bottom:5px
 }
-.box_shared_profile_group_description {
-	height:100px;
-	margin-left:65px;
+/*including "arrowl" image*/
+button.arrowl {
+	background-image:url(images/2leftarrow.gif);
+	background-repeat:no-repeat;
 }
-.box_shared_profile_group_image {
-	height:80px;
-	width:60px;
+.u-m-answer {
 	float:left;
+	width:100%;
 }
-.box_shared_profile_group_actions {
-	text-align:right;
-}
-
-.social-groups-text1 {
-	font-family:Verdana, Geneva, sans-serif;
-	font-size:12px;
-	color:#669;	
-}
-.social-groups-text2 {
-	font-family:Verdana, Geneva, sans-serif;
-	font-size:12px;
-	color:#686868;
-	font-weight:bold;
-}
-.social-groups-text3 {
-	font-family:Verdana, Geneva, sans-serif;
-	font-size:12px;
-	color:#000;
-	font-weight:bold;
-	text-transform:capitalize;
-	margin-top:5px;
-}
-.social-groups-text4 {
-	font-family:Verdana, Geneva, sans-serif;
-	font-size:12px;
-	color:#666666;
-}
-.social-groups-image {
-	border: 2px solid #cac9c9;
+.u-m-answer p {
+	margin:2px;
 }
-.social-groups-home-title {
-	border-bottom:1pt dotted #000;
-	padding:2px;
-	margin-bottom:5px;
-	font-weight:bold;
+.refresh {
+	background-image:url(images/refresh.png);
+	background-repeat:no-repeat;
+	padding-left:20px;
+	padding-bottom:2px;
 }
-.social-home-users-online {
-	border:3px solid #E6E6E6;
+.portal {
+	background-image:url(images/portal.png);
+	background-repeat:no-repeat;
+	padding-left:28px;
+	padding-bottom:10px;
+	padding-top:8px;
 }
 
-#social-content-online {
-	background-color:#00AAE3;
-	margin-bottom:5px;
-	margin-top:2px;
-	padding:1px;
+.legal-terms {
+	height:150px;
+	overflow:auto;
+	background-color:#eee;
+	width:500px;
 }
 
-#social-group-details {
-	margin-left:82px;
-}
-.social-group-details-info span {
-	color:#777;
-}
 
-.social-group-details-info {
-	padding:2px 0px 2px 0px;
-}
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
 
-/**********************************************
- *  EXERCISE TOOL                           *
- **********************************************/
-.exercice_form {
-	width: 300px;
+* {
+	outline :none;
 }
-#validationButton {
-	text-decoration: none;
-	margin: 5px;
-	/*border:1px solid #999999;*/
-	/*background:#F0F0F0;  */
-	padding: 3px;
-	padding-left:10px;
-	padding-right:10px;
-	font-weight:bold;
-	color:#666;
+input, select, textarea {	
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	-x-system-font:none;
+	border:1px solid #CCCCCC;
+	color:#666666;
+	font-family:Arial,Helvetica,sans-serif;
+	font-size:120%;
+	font-size-adjust:none;
+	font-stretch:normal;
+	font-style:normal;
+	font-variant:normal;
+	font-weight:normal;
+	line-height:normal;
+	padding:5px;
 }
-.rounded {
-	background:#ccc;
-	padding: 3px;
-	width: 200px;
-	margin-left:10px;
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
 }
-.rounded_inner {
-	background:#FFF;
-	padding-top: 10px;
-	padding-bottom: 10px;
+.independent_course_item a {
+	font-size:135%;
 }
-.rounded_inner:hover {
-	color:#C802A5;
-	background:#F0F0F0;
+.session_course_item a {
+	font-size:120%;
 }
-.exercise_scenario_label {
+#maincontent .courseslist li {
+	margin-bottom:8px;
 }
-.exercise_scenario_element {
+a.read {	
+	font-weight:normal;
 }
-span.checkbox {
-	width: 19px;
-	height: 25px;
-	padding: 0 5px 0 0;
-	background: url(images/checkbox.gif) no-repeat;
-	display: block;
-	clear: left;
-	float: left;
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
 }
-span.radio {
-	width: 19px;
-	height: 25px;
-	padding: 0 5px 0 0;
-	background: url(images/radio.gif) no-repeat;
-	display: block;
-	clear: left;
-	float: left;
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
 }
-#question_title {
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
 }
-#question_description {
-	padding-left:5px;
-	padding-top:10px;
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
 }
-#question_score {
-	padding-left:5px;
-	padding-top:10px;
-	padding-bottom:10px;
-	font-weight:bold;
-	font-size:130%;
+
+#group_permissions {
+	-moz-background-clip:border;
+	-moz-background-inline-policy:continuous;
+	-moz-background-origin:padding;
+	-moz-border-radius-bottomleft:8px;
+	-moz-border-radius-bottomright:8px;
+	-moz-border-radius-topleft:8px;
+	-moz-border-radius-topright:8px;
+	background:#EEE none repeat scroll 0 0;
+
+	margin: 20px 0px 20px 0px;
 }
-#question_feedback {
-	background-color:#FCF7BA;
-	border:1px solid #CCCCCC;
-	color:#666666;
-	font-size:11px;
-	font-weight:bold;
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
 	list-style-type:none;
-	margin-top:5px;
-	padding:5px;
+	margin:0;
+	padding:0;
 }
-#exercise_close_link {
-	background: url(images/close.gif) no-repeat;
-	padding-left: 20px;
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
 }
-#exercise_close_link:hover {
-	background: url(images/close_highlight.gif) no-repeat;
-	padding-left: 20px;
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
+.groups_grid_item {
+	width:80px;
 	float:left;
-	border:1px solid #CCCCCC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
+	margin:5px;
 }
-div.image-social-content span {
+.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
+.groups_grid_element_1 { width:100px; float:left; text-align:left;	margin-bottom:5px;}
+.groups_grid_element_2 { width:150px; float:left;}
+
+/*POPULAR GROUP*/
+
+.popular_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;			
+	}
+	
+.popular_grid_element_1 {
+	width:330px;
+	height:165px;
+	padding-left:10px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
 	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
-	vertical-align:middle;
 }
-div.image-social-content center.friend {
+
+/*NEWEST GROUP*/
+
+.newest_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+	}
+	
+.newest_grid_element_1 { 
+	width:330px;
+	height:165px;
+	padding-left:10px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
 	overflow:hidden;
-	height:30px;
-}
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
-	cursor: pointer;
-}
-.social-title {
-	color:#ffffff;
-	background:#4475B0;
-	border-bottom:1px dotted #4475B0;
-	border-top:1px dotted #4475B0;
-	padding:0px;
-	margin-bottom: 0px;
-	vertical-align:middle;
-	font-weight:bolder;
-}
-.social-subtitle {
-	background:#FFFFFF;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	padding:0px;
-	margin-bottom: 0px;
-	vertical-align:middle;
 }
-.social-qualify {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFFFF;
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
 }
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
+	
+.mygroups_grid_element_1 { 
+	width:330px;
+	height:165px;
+	padding-left:10px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
 }
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
+
+.box_description_group_title {
+	float:right;width:80%;
 }
-.social-display-image {
+.box_description_group_content {
 	float:right;
-	margin-top:-130px;
-	margin-right:5px;
-}
-.social-search-image {
-	color:#000033;
-	margin-top:2px;
-	border-bottom:1px solid #6B6262;
-	border-left:1px solid #6B6262;
-	border-right:1px solid #6B6262;
-	border-top:1px solid #6B6262;
-	width:250px;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
 }
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
 }
-.social-align-box {
-	text-align:left;
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
 	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
 }
-.social-content-description {
-	background:#ECE9D8;
+.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
+.profile_grid_element_1 { width:170px; float:left; text-align:left;	margin-bottom:1px; }
+
+
+/* pagination grid sortable */
+.sub_header {width:100%}
+.grid_selectbox {float:left;width:35%}
+.grid_title {float:left;width:30%;text-align:center}
+.grid_nav {float:left;width:35%;text-align:right}
+
+
+/* Groups boxes */
+
+.group_invitation_grid_container { width:100%;}
+.group_invitation_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:85px;
+	margin:8px;
+	padding:5px;
+	width:300px;
 }
-.social-content-body {
-	background:#ffffff;
+.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
+.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;}
+.group_invitation_grid_element_2 { width:150px; float:left;}
+
+
+/* home group boxes */
+
+.home_group_grid_container {
+	margin-bottom:60px;
 }
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
+
+.home_group_grid_element_1 {
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#686868;
+	font-weight:bold;
+	margin:2px;
+	padding:2px;
 }
-.social-profile-info {
-	width:350px;
+.home_group_grid_element_2 {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
 }
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
+
+/*INVITATION IN PROFILE*/
+
+.invitation_profile_grid_container { width:100%;}
+.invitation_profile_grid_item {
+	border:1px dotted #CCCCCC;
 	float:left;
+	height:110px;
+	margin:5px;
+	padding:5px;
 	width:100px;
 }
-.social-profile-info dd {
-	padding:1px 0px 3px 0px;
-	float:left;
-	margin:0;
-	display : block;
-	padding-left:10px;
-	width:200px;
-}
-#social-profile-wrapper {
-	width: 100%;
-	text-align:left;
-	margin:0 auto;
-	float: left;
-}
-#social-profile-container {
-/*width: 100%;*/
-}
-#social-profile-left {
+.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
+.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
+.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;}
+.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;}
+
+/* User boxes */
+.search_users_grid_container { width:100%;}
+.search_users_grid_item { width:400px;  height: 90px;  border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
+.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
+.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;}
+.search_users_grid_element_2 { width:150px; float:left;}
+
+.search_users_grid_selectbox { width:50%; float:left;}
+.search_users_grid_title 	{ width:30%; float:left;}
+.search_users_grid_nav 		{ float:right;}
+
+/*WAITING USER*/
+.waiting_user_grid_container { width:100%;}
+.waiting_user_grid_item { width:500px;  height: 120px;  border:1px dotted #ccc; float:left; padding:5px; margin:5px;}
+.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;}
+.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px}
+.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px}
+.waiting_user_grid_element_5 { width:100%;  text-align:left;}
+.waiting_user_grid_element_6 { width:100%;  text-align:left;}
+
+/*LIST MEMBERS*/
+.list_members_grid_container { width:100%;}
+.list_members_grid_item { width:105px;  height: 150px;  border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
+.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
+.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
+.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;}
+.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;}
+.list_members_grid_element_5 { width:100%;  text-align:center;}
+
+/*SEARCH USER*/
+.search_user_grid_container { width:100%;}
+.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;}
+.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
+.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;}
+.search_user_grid_element_1 { width:100%;  text-align:center;}
+.search_user_grid_element_2 { width:100%;  text-align:center;}
+.search_user_grid_element_3 { width:100%;  text-align:center;}
+
+/*SEARCH GROUP*/
+
+.search_group_grid_item {
 	float:left;
-	width:22%;
-}
-.left-side {
-	min-width: 198px;
-	margin: 0px;
-}
-#social-profile-content {
-	float:right;
-	width:47%;
+	width:350px;
+	height:165px;
+	margin-top:20px;
 }
-#social-profile-right {
-	float:right;
-	width:30%;
+
+.search_group_grid_container {
+	margin-top:0px;
+} 
+	
+.search_group_grid_element_1 { 
+	width:330px;
+	height:165px;
+	padding-left:10px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
 }
-.social-profile-post {
-	background : #a0e5fc;
+
+#menu {
+	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
+	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
+	-opera-border-radius: 10px; border: 1px solid #e1e1e0;	
+	
+	margin-top:20px;
+	margin-right:10px;
+	margin-bottom:40px;
+	
+	padding-left:10px;
+	padding-right:10px;
+	padding-top:5px;
+	padding-bottom:30px;	
+	
+	width:200px;
+	float: right;
+	min-height: 150px;	
 }
-.maincourse {
-	width: 100%;
-	margin-left:0px;
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
 }
-.social-profile-rounded {
-	background : #eee;
+.invitation_image {
+	width:110px;
 }
-#social-profile-forum {
-	padding-left:0px;
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
 }
-#social-profile-thread {
-	padding-left:20px;
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
 }
-#social-post {
-	padding-left:30px;
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
 }
-.actions-profile {
-	font-size:14px;
-	background:#E5EDF9;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	border-left:1px dotted #999999;
-	border-right:1px dotted #999999;
-	/*height:35px;*/		
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
+
+#inbox-menu  {
+	width:150px;
+	float:left;
 	margin-right:10px;
 }
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	/* background:#a0e5fc; */	
-	border:1px #ddd dotted;
+#inbox-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0px;
+}
+#inbox-menu ul li {
+	padding:2px 0px;
 }
 
-.social-background-content {
-	/* background:#a0e5fc; */
+#message-reply-link {
+	float:right;
+} 
+.message-item {
+	-moz-background-clip:border;
+	-moz-background-inline-policy:continuous;
+	-moz-background-origin:padding;
+	-moz-border-radius-bottomleft:8px;
+	-moz-border-radius-bottomright:8px;
+	-moz-border-radius-topleft:8px;
+	-moz-border-radius-topright:8px;
+	background:#F5F5F5 none repeat scroll 0 0;
+	margin:0 0 5px;
+	padding:10px;
 }
+.message-topic {
+	-moz-background-clip:border;
+	-moz-background-inline-policy:continuous;
+	-moz-background-origin:padding;
+	-moz-border-radius-bottomleft:8px;
+	-moz-border-radius-bottomright:8px;
+	-moz-border-radius-topleft:8px;
+	-moz-border-radius-topright:8px;
+	background:#E6EEFB  none repeat scroll 0 0;
+	margin:0 0 5px;
+	padding:10px;
 
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
 }
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
+.message-group-title-topic {
+	font-size:180%;
+	margin:5px 0px 5px 0px;
 }
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
+.message-group-title {
+	font-size:120%;
 }
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
+.message-group-author {
+	margin:5px 0px 5px 0px;
 }
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
 }
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
 }
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
 }
-/*****************************************************
- *  BUTTONS	                                         *
- *****************************************************/
-/* BUTTONS */
-button {
-	margin:2px 5px 3px 3px !important;
-	background-color: #F5F5F5;
-	
-	border-width: 0px;
-	border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
-	border-style:solid;
-	border-width:1px;
 
-    font-family: bold arial, verdana, helvetica, sans-serif;
-	font-size: 100%;
-	line-height :130%;
-	text-decoration: none;
-	color: black;
-	cursor: pointer;
-	padding:5px 15px 5px 15px;
-	vertical-align:middle;
-}
-button:hover {
-	
-	color:#545454;
-	border-style: inset;
-	background-color:#DFF4FF;
-	border:1px solid #C2E1EF;	
+.message_view_table {
+	cellspacing:0;
+	cellpadding:0;
+	background-color:#dbeaf5;
+ border=0;
+	border-collapse: collapse;
+	width: 100%;
 }
-/* button with image */
-button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back {
-	padding-left:30px;
-	background-position:10px;
-	background-repeat:no-repeat;
+.message_view_table th {
+	padding-right: 12px;
+	border: 1px solid gray;
+	background-color: #f0f0f0;
 }
-/* POSITIVE */
-button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back {
-	/* background-color:#; */
-	/* border-color: #fff; */
+.message-select-box {
+	float:left;
+	display:inline;
+	position:absolute;
+	margin-top:23px;
+	margin-left:20px;
 }
-button.save:hover, button.refresh:hover, button.upload:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
-/*	border-color: #fff;
-	background-color:#fff; */
+
+/* styles from the my.profile.php file */
+.message-content {
+/*	float:right;
+	background:#FFF;
+	padding: 10px 0 0 5px;	
+	width:125px; 
+	position:relative;*/
 }
-/* NEGATIVE */
-button.cancel {
-	background-color:#F8E8E6;
-	border-color: #FFE3DE;
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
 }
-button.cancel:hover {
-	border-color: #F4E1D0;
-	background-color: #FFE3DE;
+.message-content-internal {
+	display:inline;
+	margin:20px auto;
+	background:#F5E38E;
+	border:2px solid #EBCA4F;
+	padding:10px;
+	width:100px;
+	position:relative;
+	margin-top:150px;
+	margin-right:-100px;
 }
-/*including "save" image*/
-button.save {
-	background-image:url(images/button_accept.gif);
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
 }
-/*including "add" image*/
-button.add {
-	background-image:url(images/button_add.gif);
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
 }
-/*including "cancel" image*/
-button.cancel {
-	background-image:url(images/button_delete.gif);
+.message-link {
+	color:#ff8400;
 }
-/*including "search" image*/
-button.search {
-/*	background-color:#FFFFFF; */
-	background-image:url(images/bg-boton.png);
-	background-position:right center;
-	padding-right: 30px;
+.message-view {
+	float:right;
+	margin:20px auto;
+	background:#F5E38E;
+	border:2px solid #EBCA4F;
+	padding:10px;
+	width:100px;
+	position:relative;
+	margin-top:115px;
+	margin-right:-100px;
 }
-/*including "login" image*/
-button.login {
-	background-image:url(images/bg-boton.png);
-	background-position:right;
-/*	background-color:#FFF;
-	border:solid 2px #FFF; */
-	float:left;
-	margin-right:20px;
-	padding-right:30px;
-	margin:2px 5px 3px 5px !important;
+.message-content-table {
+	background-color:white;
+	border:1px solid black;
+	position:absolute;
+	width:200px;
+	height:60px;
+	z-index:3;
+	visibility:hidden;
+	top:85px;
+	left:10px;
+	margin: 0px;
+	padding: 0px;
 }
 
-button.login:hover{
-/*	background-color:#FFF; */
-/*	border: solid 1px #FFF; */
-}
 
-/*including "plus" image*/
-button.plus {
-	background-image:url(images/button_plus.gif);
-}
-/*including "minus" image*/
-button.minus {
-	background-image:url(images/button_minus.gif);
-}
-/*including "next" image*/
-button.next {
-	background-image:url(images/button_next.gif);
-}
-/*including "back" image*/
-button.back {
-	background-image:url(images/button_back.gif);
+#message {
+	margin: 0 auto;
+	text-align: center;
 }
-/*including "refresh" image*/
-button.refresh {
-    background-image:url(images/button_refresh.gif);
+#message select {
+	margin: 10px 0;
+	width: 220px;
 }
-/*including "upload" image*/
-button.upload {
-    background-image:url(images/button_upload.gif);
+#message textarea {
+	margin: 10px 0;
 }
-
-.icon_image_content {
-	width:70px;
-	cursor:hand;
-	height:10em;
-	text-align: center;
-	padding-right: 5px;
-	padding-left: 5px;
+#message td {
+	padding: 4px;
 }
-#expire_session div {
+.message-top-title {
 	float:left;
-	padding-left:15px;
+	margin-top:1px;
+	margin-bottom:1px;
+	background-color:#F2F2F2;
+	width:600px;
+	border-bottom:1px solid #CCCCCC;
+ margin:left:5px;
 }
-/* Fake buttons: links that look like buttons */
-
-.fake_button_back {
-	border: 2px outset;
-	padding: 2px;
-	text-decoration: none;
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-	background-image:url(images/button_back.gif);
-	padding-left:30px;
-	background-position:10px;
-	background-repeat:no-repeat;
+.message-bottom-title {
+	height:22px;
+	float:left;
+	margin-top:1px;
+	margin-bottom:1px;
+	background-color:#F2F2F2;
+	width:600px;
+	border-bottom:1px solid #CCCCCC;
 }
-.fake_button_back:active {
-	border: 2px inset;
+.message-content-body-left {
+	float:left;
+	width:30%;
 }
-.fake_button_back:link {
-	border-style: solid;
-	border-width : 1px 2px 2px 1px;
-	text-decoration : none;
-	padding : 4px;
-	border-color : #69f #00f #00f #69f;
+.message-content-body-right {
+	float:right;
+	text-align:left;
+	width:60%;
 }
-.fake_button_back:hover {
-	border-color: #ccc;
-	color: #111;
+.message-body-title {
+	float:right;
+	margin-top:1px;
+	margin-bottom:5px;
+	border-bottom:1px solid #CCCCCC;
+	border-collapse:collapse;
 }
-.question_menu {
-	list-style:none;
+.message-image-info {
 	float:left;
+	margin-top:10px;
+	margin-bottom:10px;
+	margin-left:10px;
+	text-align:left;
+	margin-right:20px;
 }
-.question_menu li {
-	float:left;
-	margin:0px;
+.message-content-body-right dd {
+	color:#333399;
+	border-bottom:1px solid #CCCCCC;
+	height:20px;
+	text-decoration:none;
+	outline-style:none;
+	background:#ffffff;
 }
-#exercise_admin {
-	margin: 0;
-	padding: 0;
-	border: 0;
+.message-content-body-right:hover {
 }
-div#friend-header {
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
 	float:left;
-	width:100%;
-	line-height: 2.1em;
-}
-div#friend-header a {
-	padding-right:6px;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
 }
-div#friend-container {
+#social-plugins {
 	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
 }
-div.image_friend_network {
+
+
+div.image-social-content {
 	float:left;
-	border:1px solid #CCCCCC;
+	border:1px dotted #ccc;
 	margin:2px;
-	padding:4px;
-
-	height:125px;
+	padding: 8px 4px 4px 4px;
+	background: #ffffff;
+	height:105px;
 	width:82px;
 	z-index:5;
+	cursor:pointer;
+	position:relative;
+	overflow:hidden;
 }
-div.image_friend_network span {
+div.image-social-content span {
 	overflow:hidden;
 	display:block;
-	height:92px;
-	margin: 0px 0px;
+	height:75px;
 }
-div.image_friend_network img {
+div.image-social-content img {
 	vertical-align:middle;
 }
-div.image_friend_network center.friend {
+div.image-social-content center.friend {
 	overflow:hidden;
 	height:30px;
 }
-.friend_invitations {
-	float:left;
-	margin: 0 0 4px 12px;
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
 }
-/* button >> */
-button.arrowr {
-	-moz-border-radius-topleft : 5px;
-	-moz-border-radius-bottomright : 5px;
-	-moz-border-radius-bottomleft : 5px;
-	-moz-border-radius-topright : 5px;
-	padding-left:20px;
-	padding-top:20px;
-	background-position:10px;
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-	border-width: 1px;
-	display:block;
-	font-size: 100%;
-	line-height :130%;
-	vertical-align:middle;
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
 }
-/*including "arrowr" image*/
-button.arrowr {
-	background-image:url(images/2rightarrow.gif);
-	background-repeat:no-repeat;
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
 }
-/* button << */
-button.arrowl {
-	margin:0px;
-	-moz-border-radius-topleft : 5px;
-	-moz-border-radius-bottomright : 5px;
-	-moz-border-radius-bottomleft : 5px;
-	-moz-border-radius-topright : 5px;
-	padding-left:20px;
-	padding-top:20px;
-	background-position:10px;
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-	border-width: 1px;
-	display:block;
-	font-size: 100%;
-	line-height :130%;
-	vertical-align:middle;
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
 }
-/*including "arrowl" image*/
-button.arrowl {
-	background-image:url(images/2leftarrow.gif);
-	background-repeat:no-repeat;
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
 }
-.u-m-answer {
+.social-align-box {
+	text-align:left;
 	float:left;
-	width:100%;
 }
-.u-m-answer p {
-	margin:2px;
+.social-header {
+	margin-bottom:8px;
 }
-.refresh {
-	background-image:url(images/refresh.png);
-	background-repeat:no-repeat;
-	padding-left:20px;
-	padding-bottom:2px;
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
 }
-.portal {
-	background-image:url(images/portal.png);
-	background-repeat:no-repeat;
-	padding-left:28px;
-	padding-bottom:10px;
-	padding-top:8px;
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
 }
 
-.legal-terms {
-	height:150px;
-	overflow:auto;
-	background-color:#eee;
-	width:500px;
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
 }
 
-
-/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
-
-* {
-	outline :none;
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
 }
-input, select, textarea {	
-	-moz-border-radius-bottomleft:5px;
-	-moz-border-radius-bottomright:5px;
-	-moz-border-radius-topleft:5px;
-	-moz-border-radius-topright:5px;
-	-x-system-font:none;
-	border:1px solid #CCCCCC;
-	color:#666666;
-	font-family:Arial,Helvetica,sans-serif;
-	font-size:120%;
-	font-size-adjust:none;
-	font-stretch:normal;
-	font-style:normal;
-	font-variant:normal;
-	font-weight:normal;
-	line-height:normal;
-	padding:5px;
+.social-content-description {
+	background:#ECE9D8;
 }
-input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
-	background-image:url(images/shadow.gif);
+.social-content-body {
+	background:#ffffff;
 }
-.independent_course_item a {
-	font-size:135%;
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
 }
-.session_course_item a {
-	font-size:120%;
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
 }
-#maincontent .courseslist li {
-	margin-bottom:8px;
+.social-profile-info dd {
+	padding:1px 0px 3px 0px;
+	float:left;
+	margin:0;
+	display : block;
+	padding-left:10px;
+	width:200px;
+}
+
+/* general layout of the profile page */
+
+#social-profile-wrapper {
+	width: 100%;
+	text-align:left;
+	margin:0 auto;
+	float: left;
 }
-a.read {	
-	font-weight:normal;
+#social-profile-container {
+	/* width: 705px; */
 }
-#inbox-wrapper {
-	width:100%;
+#social-profile-left {
+	float:left;
+	width:22%;
 }
-#inbox {
-	height:auto;
-	margin-left:auto;
-	margin-right:auto;
-	overflow:hidden;
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
 }
-#outbox {
-	height:auto;
-	margin-left:auto;
-	margin-right:auto;
-	overflow:hidden;
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
 }
 
-#inbox-menu  {
-	width:150px;
-	float:left;
-	margin-right:10px;
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
 }
-#inbox-menu ul {
+.social-menu ul {
 	list-style-image:none;
 	list-style-position:outside;
 	list-style-type:none;
 	margin:0;
 	padding:0px;
 }
-#inbox-menu ul li {
-	padding:2px 0px;
+.social-menu li {
+	margin-bottom:4px;
+	padding-bottom:12px;
+	background-image:url(../../img/line-social.jpg);
+	background-position:bottom;
+	background-repeat:repeat-x;
 }
-.social-plugin-item {
+.social-menu li img {
 	float:left;
-	width:50%;
-	background-color:#ccc;
-	margin: 0px;
 }
-#social-plugins {
+.social-menu-sub-level a img {
 	float:left;
-	background-color:#f00;
-	width:100%;
-	margin: 0px;
-	padding:2px;
-}
-#message-reply-link {
-	float:right;
-} 
-.message-item {
-	-moz-background-clip:border;
-	-moz-background-inline-policy:continuous;
-	-moz-background-origin:padding;
-	-moz-border-radius-bottomleft:8px;
-	-moz-border-radius-bottomright:8px;
-	-moz-border-radius-topleft:8px;
-	-moz-border-radius-topright:8px;
-	background:#F5F5F5 none repeat scroll 0 0;
-	margin:0 0 5px;
-	padding:10px;
-}
-.message-topic {
-	-moz-background-clip:border;
-	-moz-background-inline-policy:continuous;
-	-moz-background-origin:padding;
-	-moz-border-radius-bottomleft:8px;
-	-moz-border-radius-bottomright:8px;
-	-moz-border-radius-topleft:8px;
-	-moz-border-radius-topright:8px;
-	background:#E6EEFB  none repeat scroll 0 0;
-	margin:0 0 5px;
-	padding:10px;
-
-}
-.message-group-title-topic {
-	font-size:180%;
-	margin:5px 0px 5px 0px;
-}
-.message-group-title {
-	font-size:120%;
 }
-.message-group-author {
-	margin:5px 0px 5px 0px;
+.social-menu ul li a {
+	padding:2px 0px;
 }
-.message-group-content {
-	line-height:150%;
-	margin: 5px 0px 8px 0px;
+.social-menu-sub-level {
+	margin-left:20px;
 }
-.message-group-date {
-	color:#666;
-	float:right;	
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#00AAE3;
+	margin-bottom:10px;
+	padding-top:4px;
+	padding-bottom:4px;
 }
-.view-message-content {
-	line-height:150%;
-	font-size:110%;
+.social-menu-text1 {
+	color:#fff;
+	font-size:12px;
+	font-weight:bold;
 }
-.actions {
-	background:#efefef;
-	border:1px solid #ccc;	
-	padding:2px;
-	margin-bottom: 5px;
-	vertical-align:middle;
+.social-menu-text2 {
+	color:#000;
+	font-weight:normal;
+	font-size:12px;
 }
-.actions-title {	
-	background:#efefef;
-	border:1px solid #ccc;
-	padding:4px;
-	margin-bottom: 5px;
-	font-size:14px;
-	font-weight:bolder;
-	vertical-align:middle;
+.social-menu-text3 {
+	color:#94cdf9;
+	font-weight:normal;
+	font-size:12px;
+	font-weight:bold;
 }
-
-#group_description {
-	margin: 10px 0px 10px 0px;
+.social-menu-text4 {
+	font-family:Verdana, Geneva, sans-serif;
+	color:#000;
+	font-weight:normal;
+	font-size:13px;
+	vertical-align:bottom;
 }
-
-#group_privacy {
-	margin: 10px 0px 10px 0px;
+.social-menu-text-active {
+	font-family:Verdana, Geneva, sans-serif;
+	color:#000;
+	font-weight:bold;
+	font-size:12px;
+	vertical-align:bottom;	
 }
-
-#group_permissions {
-	-moz-background-clip:border;
-	-moz-background-inline-policy:continuous;
-	-moz-background-origin:padding;
-	-moz-border-radius-bottomleft:8px;
-	-moz-border-radius-bottomright:8px;
-	-moz-border-radius-topleft:8px;
-	-moz-border-radius-topright:8px;
-	background:#EEE none repeat scroll 0 0;
-
-	margin: 20px 0px 20px 0px;
+.social-menu-title-right {
+	width:84%;
+	float:right;
+	height:20px;
+	background-color:#32578b;
+	margin-bottom:10px;
 }
 
-#group_permissions ul {	
-	list-style-image:none;
-	list-style-position:outside;
-	list-style-type:none;
-	margin:0;
-	padding:0;
-}
+/* BOX SHARED PROFILE */
 
-#group_permissions ul li {
-	margin: 10px 0px 10px 5px;
+.social-friend-container {
+	width:100%;
+	overflow:hidden;
 }
 
-/* Groups boxes */
-
-.groups_grid_container { 
+.shared_profile_mygroups_grid_container {
 	width:100%;
+	overflow:hidden;
 }
-.groups_grid_item {
-	width:80px;
+.shared_profile_mygroups_grid_item {
+	width:42%;
 	float:left;
-	margin:5px;
+	height:140px;
+	margin:20px;
 }
-.groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
-.groups_grid_element_1 { width:100px; float:left; text-align:left;	margin-bottom:5px;}
-.groups_grid_element_2 { width:150px; float:left;}
 
-/*POPULAR GROUP*/
-.popular_grid_item {
+.social-menu-group-member {
 	float:left;
-	width:350px;
-	height:165px;
-	margin-top:20px;			
-	}
-	
-.popular_grid_element_1 {
-	width:330px;
-	height:165px;
-	padding-left:10px;
-	padding-right:10px;
-	background-image:url(../../img/boxmygroupscontent.jpg);
-	background-repeat:repeat-y;
+	height:120px;
+	margin:5px;
 	overflow:hidden;
+	padding:2px;
+	width:76px;
 }
+ 
 
-/*NEWEST GROUP*/
+/* styles from the my.profile.php file */
+#social_widget  {
+/*	border:1px dotted #ccc; */
+	float:left;	
+	padding:1px;
+	padding-bottom:10px;
+	margin-bottom:10px;
+	margin-left:0px;
+	margin-right:0px;
+	width:215px;	
+}
 
-.newest_grid_item {
+#social_widget_image {
 	float:left;
-	width:350px;
-	height:165px;
-	margin-top:20px;
-	}
-	
-.newest_grid_element_1 { 
-	width:330px;
-	height:165px;
-	padding-left:10px;
-	padding-right:10px;
-	background-image:url(../../img/boxmygroupscontent.jpg);
-	background-repeat:repeat-y;
-	overflow:hidden;
+	width:190px;
+	margin-bottom:10px;
+	padding:2px;
 }
 
-/*MY GROUPS*/
+/* SOCIAL BOX */
 
-.mygroups_grid_item {
+.social-box-main1 {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+}
+.social-box-left {
+	width:350px;
 	float:left;
+	height:auto;	
+}
+.social-box-right {
 	width:350px;
-	height:165px;
-	margin-top:20px;
+	float:left;
+	height:auto;
+	margin-left:50px;
 }
-	
-.mygroups_grid_element_1 { 
+.social-box-container1 {
+	width:350px;
+	height:auto;
+	margin-top:10px;
+}
+.social-box-content1 {
 	width:330px;
-	height:165px;
-	padding-left:10px;
+	height:auto;
+	padding-left:15px;
 	padding-right:10px;
 	background-image:url(../../img/boxmygroupscontent.jpg);
 	background-repeat:repeat-y;
 	overflow:hidden;
 }
-
-.box_description_group_title {
-	float:right;width:80%;
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
 }
-.box_description_group_content {
-	float:right;
-	width:80%;
-	height:45px;
-	font-family:Verdana, Geneva, sans-serif;
-	font-size:12px;
-	color:#666666;
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
 }
-.box_description_group_actions {
-	float:right;
-	width:80%;
-	text-align:right;
-	margin-top:4px;
-	margin-right:4px;
+.social-box-content2 {
+	width:660px;
+	background-image:url(../../img/content-post-group2.jpg);
+	background-repeat:repeat-y;
+	padding-left:20px;
+	padding-right:20px;
+}
+.social-box-container3 {
+	width:110px;
+	margin-left:60px;
+}
+.social-box-content3 {
+	width:560px;
+	height:auto;
+	padding-left:20px;
+	padding-right:20px;
+	background-image:url(../../img/content-post-reply02.jpg);
+	background-repeat:repeat-y;
 }
 
-//.mygroups_grid_element_2 { width:400px; float:left; text-align:justify;}
-
-/*PROFILE*/
-.profile_grid_container { width:100%;}
-.profile_grid_item {
-	border:1px dotted #CCCCCC;
-	float:left;
-	height:90px;
-	margin:5px;
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
 	padding:5px;
-	width:270px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
 }
-.profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
-.profile_grid_element_1 { width:170px; float:left; text-align:left;	margin-bottom:1px; }
-
-
-/* Groups boxes */
-
-.group_invitation_grid_container { width:100%;}
-.group_invitation_grid_item {
-	border:1px dotted #CCCCCC;
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
 	float:left;
-	height:85px;
-	margin:8px;
-	padding:5px;
-	width:300px;
 }
-.group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
-.group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;}
-.group_invitation_grid_element_2 { width:150px; float:left;}
-
-
-/* home group boxes */
-
-.home_group_grid_container {
-	margin-bottom:60px;
+.box_shared_profile_group_actions {
+	text-align:right;
 }
 
-.home_group_grid_element_1 {
+.social-groups-text1 {
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#669;	
+}
+.social-groups-text2 {
 	font-family:Verdana, Geneva, sans-serif;
 	font-size:12px;
 	color:#686868;
 	font-weight:bold;
-	margin:2px;
-	padding:2px;
 }
-.home_group_grid_element_2 {
-	float:right;
-	width:80%;
-	height:45px;
+.social-groups-text3 {
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#000;
+	font-weight:bold;
+	text-transform:capitalize;
+	margin-top:5px;
+}
+.social-groups-text4 {
 	font-family:Verdana, Geneva, sans-serif;
 	font-size:12px;
 	color:#666666;
 }
-/*INVITATION IN PROFILE*/
-.invitation_profile_grid_container { width:100%;}
-.invitation_profile_grid_item {
-	border:1px dotted #CCCCCC;
-	float:left;
-	height:110px;
-	margin:5px;
-	padding:5px;
-	width:100px;
+.social-groups-image {
+	border: 2px solid #cac9c9;
 }
-.invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
-.invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
-.invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;}
-.invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;}
-
-/* User boxes */
-.search_users_grid_container { width:100%;}
-.search_users_grid_item { width:400px;  height: 90px;  border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
-.search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
-.search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;}
-.search_users_grid_element_2 { width:150px; float:left;}
-
-.search_users_grid_selectbox { width:50%; float:left;}
-.search_users_grid_title 	{ width:30%; float:left;}
-.search_users_grid_nav 		{ float:right;}
-
-/*WAITING USER*/
-.waiting_user_grid_container { width:100%;}
-.waiting_user_grid_item { width:500px;  height: 120px;  border:1px dotted #ccc; float:left; padding:5px; margin:5px;}
-.waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;}
-.waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px}
-.waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px}
-.waiting_user_grid_element_5 { width:100%;  text-align:left;}
-.waiting_user_grid_element_6 { width:100%;  text-align:left;}
-
-/*LIST MEMBERS*/
-.list_members_grid_container { width:100%;}
-.list_members_grid_item { width:105px;  height: 150px;  border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
-.list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
-.list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
-.list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;}
-.list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;}
-.list_members_grid_element_5 { width:100%;  text-align:center;}
-
-/*SEARCH USER*/
-.search_user_grid_container { width:100%;}
-.search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;}
-.search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
-.search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;}
-.search_user_grid_element_1 { width:100%;  text-align:center;}
-.search_user_grid_element_2 { width:100%;  text-align:center;}
-.search_user_grid_element_3 { width:100%;  text-align:center;}
-
-/*SEARCH GROUP*/
-
-.search_group_grid_item {
-	float:left;
-	width:350px;
-	height:165px;
-	margin-top:20px;
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
 }
-
-.search_group_grid_container {
-	margin-top:0px;
-} 
-	
-.search_group_grid_element_1 { 
-	width:330px;
-	height:165px;
-	padding-left:10px;
-	padding-right:10px;
-	background-image:url(../../img/boxmygroupscontent.jpg);
-	background-repeat:repeat-y;
-	overflow:hidden;
+.social-home-users-online {
+	border:3px solid #E6E6E6;
 }
 
-/*
-.search_group_grid_container { width:100%;}
-.search_group_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;}
-.search_group_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;}
-.search_group_grid_element_1 { width:100%;  text-align:left; padding-top:15px;  padding-bottom:15px;}
-.search_group_grid_element_2 { width:100%;  text-align:left;}
-*/
-
-#menu {
-	-moz-border-radius: 10px; border: 1px solid #e1e1e0;
-	-webkit-border-radius: 10px; border: 1px solid #e1e1e0;
-	-opera-border-radius: 10px; border: 1px solid #e1e1e0;
-	
-	width:218px;
-	margin-top:20px;
-	margin-right:10px;
-	margin-bottom:40px;
-	padding-left:10px;
-	padding-right:20px;
-	padding-top:5px;
-	float: right;
-	min-height: 150px;
-	padding-bottom:30px;	
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
 }
 
-/* INVITATIONS */
- 
-.invitation_confirm {
-	border-top:1px solid #D8DFEA;
+#social-group-details {
+	margin-left:82px;
 }
-.invitation_image {
-	width:110px;
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
 }
diff --git a/main/css/chamilo/images/logo-chamilo.png b/main/css/chamilo/images/logo-chamilo.png
new file mode 100644
index 0000000000..2a09e5520b
Binary files /dev/null and b/main/css/chamilo/images/logo-chamilo.png differ