Julio Montoya před 15 roky
rodič
revize
508c698929

+ 1064 - 419
main/css/academica/default.css

@@ -1474,147 +1474,6 @@ div.system_announcement {
 /* --- end of course navigation menu section  --- */
 
 
-/**********************************************
- *  MESSAGE TOOL                           *
- **********************************************/
-
-/* styles from the new_message.php file */
-
-.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;
-}
-/* styles from the my.profile.php file */
-.message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
-}
-.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;
-}
-.message-title {
-	color:#ff0000;
-	font-size:15px;
-}
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
-}
-.message-link {
-	color:#ff8400;
-}
-.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;
-}
-.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;
-}
-.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:30%;
-}
-.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 {
-}
 /**********************************************
  *  EXERCISE TOOL                           *
  **********************************************/
@@ -1729,296 +1588,73 @@ span.radio {
   padding:0px 10px 0 0;
   font-weight:normal;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
-	vertical-align:middle;
-}
-div.image-social-content center.friend {
-	overflow:hidden;
-	height:30px;
-}
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
+
+/*****************************************************
+ *  BUTTONS	                                         *
+ *****************************************************/
+/* BUTTONS */
+button,input[type="submit"] {
+	margin:5px 5px 3px 0px !important;
+	background-color: #DFDFDF;
+	border-width: 1px;
+	/*    -moz-border-radius-topright : 5px;
+    -moz-border-radius-topleft : 5px;
+    -moz-border-radius-bottomright : 5px;
+    -moz-border-radius-bottomleft : 5px;
+*/
+    font-family: bold arial, verdana, helvetica, sans-serif;
+	font-size: 100%;
+	line-height :130%;
+	text-decoration: none;
+	color: black;
 	cursor: pointer;
-}
-.social-title {
-	color:#ffffff;
-	background:#4475B0;
-	border-bottom:1px dotted #4475B0;
-	border-top:1px dotted #4475B0;
-	padding:0px;
-	margin-bottom: 0px;
+	padding:5px 15px 5px 15px;
 	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;
+button:hover input[type="submit"]:hover{
+	background-color:#cbcbcb;
+	color:#545454;
+	border-style: inset;
 }
-.social-qualify {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFFFF;
+/* 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, input[type="submit"].submit_next {
+	padding-left:30px;
+	background-position:10px;
+	background-repeat:no-repeat;
 }
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
+/* POSITIVE */
+button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
 }
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
+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, input[type="submit"].submit_next:hover {
+	border-color: #D4E2F6;
+	background-color:#D4E2F6;
 }
-.social-display-image {
-	float:right;
-	margin-top:-130px;
-	margin-right:5px;
+/* NEGATIVE */
+button.cancel {
+	background-color:#F8E8E6;
+	border-color: #FFE3DE;
 }
-.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;
+button.cancel:hover {
+	border-color: #F4E1D0;
+	background-color: #FFE3DE;
 }
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
+/*including "save" image*/
+button.save {
+	background-image:url(images/button_accept.gif);
 }
-.social-align-box {
-	text-align:left;
-	float:left;
+/*including "add" image*/
+button.add {
+	background-image:url(images/button_add.gif);
 }
-.social-content-description {
-	background:#ECE9D8;
+/*including "cancel" image*/
+button.cancel {
+	background-image:url(images/button_delete.gif);
 }
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info {
-	width:350px;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:21%;
-}
-#social-profile-content {
-	float:right;
-	width:46%;
-	margin-left: 2px;
-}
-#social-profile-right {
-	float:right;
-	width:32%;
-	margin-left: 2px;
-}
-.left-side {
-	min-width: 198px;
-	margin: 0px;
-}
-.social-profile-post {
-	width: 450px;
-	background : #EFEFEF;
-}
-.maincourse {
-	width: 100%;
-	margin-left:0px;
-}
-.social-profile-rounded {
-	background : #eee;
-}
-#social-profile-forum {
-	padding-left:0px;
-}
-#social-profile-thread {
-	padding-left:20px;
-}
-#social-post {
-	padding-left:30px;
-}
-.actions-profile {
-	font-size:14px;
-	background:#efefef;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	/*height:35px;*/
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
-	margin-right:2px;
-}
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	background:#EFEFEF;
-	border-left:1px #999999 dotted;
-	border-top:1px #999999 dotted;
-	border-right:1px #999999 dotted;
-	border-bottom:1px #999999 dotted;
-}
-.social-background-content {
-	background:#EFEFEF;
-}
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
-}
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
-}
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
-}
-/*****************************************************
- *  BUTTONS	                                         *
- *****************************************************/
-/* BUTTONS */
-button,input[type="submit"] {
-	margin:5px 5px 3px 0px !important;
-	background-color: #DFDFDF;
-	border-width: 1px;
-	/*    -moz-border-radius-topright : 5px;
-    -moz-border-radius-topleft : 5px;
-    -moz-border-radius-bottomright : 5px;
-    -moz-border-radius-bottomleft : 5px;
-*/
-    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 input[type="submit"]:hover{
-	background-color:#cbcbcb;
-	color:#545454;
-	border-style: inset;
-}
-/* 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, input[type="submit"].submit_next {
-	padding-left:30px;
-	background-position:10px;
-	background-repeat:no-repeat;
-}
-/* POSITIVE */
-button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-}
-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, input[type="submit"].submit_next:hover {
-	border-color: #D4E2F6;
-	background-color:#D4E2F6;
-}
-/* NEGATIVE */
-button.cancel {
-	background-color:#F8E8E6;
-	border-color: #FFE3DE;
-}
-button.cancel:hover {
-	border-color: #F4E1D0;
-	background-color: #FFE3DE;
-}
-/*including "save" image*/
-button.save {
-	background-image:url(images/button_accept.gif);
-}
-/*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-image:url(images/button_search.gif);
+/*including "search" image*/
+button.search {
+	background-image:url(images/button_search.gif);
 }
 /*including "login" image*/
 button.login {
@@ -2225,3 +1861,1012 @@ input.arrowl {
 	background-color:#eee;
 	width:500px;
 }
+
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
+
+* {
+	outline :none;
+}
+
+/*
+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;
+}
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
+}
+.independent_course_item a {
+	font-size:135%;
+}
+.session_course_item a {
+	font-size:120%;
+}
+*/
+
+#maincontent .courseslist li {
+	margin-bottom:8px;
+}
+/*
+a.read {	
+	font-weight:normal;
+}
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
+}
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
+}*/
+
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
+}
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
+}
+
+#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;
+}
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
+}
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
+}
+.groups_grid_item {
+	width:80px;
+	float:left;
+	margin:5px;
+}
+.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;
+}
+
+/*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;
+}
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+}
+	
+.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;
+}
+
+.box_description_group_title {
+	float:right;width:80%;
+}
+.box_description_group_content {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
+}
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
+}
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
+}
+.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;
+}
+.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;
+}
+
+.home_group_grid_element_1 {
+	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;
+	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;
+}
+.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;
+}
+
+.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;
+}
+
+#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:240px; */
+	/* float: right; */
+	min-height: 150px;
+	
+}
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
+}
+.invitation_image {
+	width:110px;
+}
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
+}
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+
+#inbox-menu  {
+	width:150px;
+	float:left;
+	margin-right:10px;
+}
+#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;
+}
+
+#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;
+}
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
+}
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
+}
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
+}
+
+.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;
+}
+
+/* styles from the my.profile.php file */
+.message-content {
+float:left;
+}
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
+}
+.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;
+}
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
+}
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
+}
+.message-link {
+	color:#ff8400;
+}
+.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;
+}
+.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;
+}
+
+
+#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:30%;
+}
+.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 {
+}
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
+	float:left;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
+}
+#social-plugins {
+	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
+}
+
+
+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;
+}
+div.image-social-content span {
+	overflow:hidden;
+	display:block;
+	height:75px;
+}
+div.image-social-content img {
+	vertical-align:middle;
+}
+div.image-social-content center.friend {
+	overflow:hidden;
+	height:30px;
+}
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
+}
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
+}
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
+}
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
+}
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-align-box {
+	text-align:left;
+	float:left;
+}
+.social-header {
+	margin-bottom:8px;
+}
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
+}
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
+}
+
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
+}
+
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
+}
+.social-content-description {
+	background:#ECE9D8;
+}
+.social-content-body {
+	background:#ffffff;
+}
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
+}
+.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;
+}
+#social-profile-container {
+	/* width: 705px; */
+}
+#social-profile-left {
+	float:left;
+	width:22%;
+}
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
+}
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
+}
+
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
+}
+.social-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding: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-menu li img {
+	float:left;
+}
+.social-menu-sub-level a img {
+	float:left;
+}
+.social-menu ul li a {
+	padding:2px 0px;
+}
+.social-menu-sub-level {
+	margin-left:20px;
+}
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#32578b;
+	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;
+}
+
+.shared_profile_mygroups_grid_container {
+	width:100%;
+	overflow:hidden;
+}
+.shared_profile_mygroups_grid_item {
+	width:42%;
+	float:left;
+	height:140px;
+	margin:20px;
+}
+
+.social-menu-group-member {
+	float:left;
+	height:120px;
+	margin:5px;
+	overflow:hidden;
+	padding:2px;
+	width:76px;
+}
+ 
+
+/* 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; */	
+}
+
+#social_widget_image {
+	float:left;
+	/*width:190px;*/
+	margin-bottom:5px;
+	padding:2px;
+}
+
+/* SOCIAL BOX */
+
+.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;
+}
+.social-box-content1 {
+	width:330px;
+	height:auto;
+	padding-left:15px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
+}
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
+}
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+.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;
+}
+
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
+	padding:5px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
+}
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
+	float:left;
+}
+.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;
+}
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
+}
+.social-home-users-online {
+	border:3px solid #E6E6E6;
+}
+
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
+}
+
+#social-group-details {
+	margin-left:82px;
+}
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
+}
+

+ 1063 - 418
main/css/baby_orange/default.css

@@ -1465,147 +1465,6 @@ div.system_announcement {
 
 
 
-/**********************************************
- *  MESSAGE TOOL                           *
- **********************************************/
-
-/* styles from the new_message.php file */
-
-.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;
-}
-/* styles from the my.profile.php file */
-.message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
-}
-.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;
-}
-.message-title {
-	color:#ff0000;
-	font-size:15px;
-}
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
-}
-.message-link {
-	color:#ff8400;
-}
-.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;
-}
-.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;
-}
-.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:30%;
-}
-.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 {
-}
 /**********************************************
  *  EXERCISE TOOL                           *
  **********************************************/
@@ -1720,295 +1579,73 @@ span.radio {
   padding:0px 10px 0 0;
   font-weight:normal;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
-	vertical-align:middle;
-}
-div.image-social-content center.friend {
-	overflow:hidden;
-	height:30px;
-}
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
+
+/*****************************************************
+ *  BUTTONS	                                         *
+ *****************************************************/
+/* BUTTONS */
+button {
+	margin:5px 5px 3px 0px !important;
+	background-color: #DFDFDF;
+	border-width: 1px;
+	/*    -moz-border-radius-topright : 5px;
+    -moz-border-radius-topleft : 5px;
+    -moz-border-radius-bottomright : 5px;
+    -moz-border-radius-bottomleft : 5px;
+*/
+    font-family: bold arial, verdana, helvetica, sans-serif;
+	font-size: 100%;
+	line-height :130%;
+	text-decoration: none;
+	color: black;
 	cursor: pointer;
-}
-.social-title {
-	color:#ffffff;
-	background:#4475B0;
-	border-bottom:1px dotted #4475B0;
-	border-top:1px dotted #4475B0;
-	padding:0px;
-	margin-bottom: 0px;
+	padding:5px 15px 5px 15px;
 	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;
+button:hover input[type="submit"]:hover{
+	background-color:#cbcbcb;
+	color:#545454;
+	border-style: inset;
 }
-.social-qualify {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFFFF;
+/* 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, input[type="submit"].submit_next {
+	padding-left:30px;
+	background-position:10px;
+	background-repeat:no-repeat;
 }
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
+/* POSITIVE */
+button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
 }
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
+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, input[type="submit"].submit_next:hover {
+	border-color: #D4E2F6;
+	background-color:#D4E2F6;
 }
-.social-display-image {
-	float:right;
-	margin-top:-130px;
-	margin-right:5px;
+/* NEGATIVE */
+button.cancel {
+	background-color:#F8E8E6;
+	border-color: #FFE3DE;
 }
-.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;
+button.cancel:hover {
+	border-color: #F4E1D0;
+	background-color: #FFE3DE;
 }
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
+/*including "save" image*/
+button.save {
+	background-image:url(images/button_accept.gif);
 }
-.social-align-box {
-	text-align:left;
-	float:left;
+/*including "add" image*/
+button.add {
+	background-image:url(images/button_add.gif);
 }
-.social-content-description {
-	background:#ECE9D8;
+/*including "cancel" image*/
+button.cancel {
+	background-image:url(images/button_delete.gif);
 }
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info {
-	width:350px;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:21%;
-}
-#social-profile-content {
-	float:right;
-	width:46%;
-	margin-left: 2px;
-}
-#social-profile-right {
-	float:right;
-	width:32%;
-	margin-left: 2px;
-}
-.left-side {
-	min-width: 198px;
-	margin: 0px;
-}
-.social-profile-post {
-	width: 450px;
-	background : #EFEFEF;
-}
-.maincourse {
-	width: 100%;
-	margin-left:0px;
-}
-.social-profile-rounded {
-	background : #eee;
-}
-#social-profile-forum {
-	padding-left:0px;
-}
-#social-profile-thread {
-	padding-left:20px;
-}
-#social-post {
-	padding-left:30px;
-}
-.actions-profile {
-	font-size:14px;
-	background:#efefef;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	/*height:35px;*/
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
-	margin-right:2px;
-}
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	background:#EFEFEF;
-	border-left:1px #999999 dotted;
-	border-top:1px #999999 dotted;
-	border-right:1px #999999 dotted;
-	border-bottom:1px #999999 dotted;
-}
-.social-background-content {
-	background:#EFEFEF;
-}
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
-}
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
-}
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
-}
-/*****************************************************
- *  BUTTONS	                                         *
- *****************************************************/
-/* BUTTONS */
-button {
-	margin:5px 5px 3px 0px !important;
-	background-color: #DFDFDF;
-	border-width: 1px;
-	/*    -moz-border-radius-topright : 5px;
-    -moz-border-radius-topleft : 5px;
-    -moz-border-radius-bottomright : 5px;
-    -moz-border-radius-bottomleft : 5px;
-*/
-    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 input[type="submit"]:hover{
-	background-color:#cbcbcb;
-	color:#545454;
-	border-style: inset;
-}
-/* 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, input[type="submit"].submit_next {
-	padding-left:30px;
-	background-position:10px;
-	background-repeat:no-repeat;
-}
-/* POSITIVE */
-button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-}
-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, input[type="submit"].submit_next:hover {
-	border-color: #D4E2F6;
-	background-color:#D4E2F6;
-}
-/* NEGATIVE */
-button.cancel {
-	background-color:#F8E8E6;
-	border-color: #FFE3DE;
-}
-button.cancel:hover {
-	border-color: #F4E1D0;
-	background-color: #FFE3DE;
-}
-/*including "save" image*/
-button.save {
-	background-image:url(images/button_accept.gif);
-}
-/*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-image:url(images/button_search.gif);
+/*including "search" image*/
+button.search {
+	background-image:url(images/button_search.gif);
 }
 /*including "login" image*/
 button.login {
@@ -2214,3 +1851,1011 @@ input.arrowl {
 	background-color:#eee;
 	width:500px;
 }
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
+
+* {
+	outline :none;
+}
+
+/*
+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;
+}
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
+}
+.independent_course_item a {
+	font-size:135%;
+}
+.session_course_item a {
+	font-size:120%;
+}
+*/
+
+#maincontent .courseslist li {
+	margin-bottom:8px;
+}
+/*
+a.read {	
+	font-weight:normal;
+}
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
+}
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
+}*/
+
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
+}
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
+}
+
+#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;
+}
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
+}
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
+}
+.groups_grid_item {
+	width:80px;
+	float:left;
+	margin:5px;
+}
+.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;
+}
+
+/*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;
+}
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+}
+	
+.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;
+}
+
+.box_description_group_title {
+	float:right;width:80%;
+}
+.box_description_group_content {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
+}
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
+}
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
+}
+.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;
+}
+.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;
+}
+
+.home_group_grid_element_1 {
+	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;
+	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;
+}
+.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;
+}
+
+.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;
+}
+
+#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:240px; */
+	 /* float: right; */
+	min-height: 150px;
+	
+}
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
+}
+.invitation_image {
+	width:110px;
+}
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
+}
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+
+#inbox-menu  {
+	width:150px;
+	float:left;
+	margin-right:10px;
+}
+#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;
+}
+
+#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;
+}
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
+}
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
+}
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
+}
+
+.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;
+}
+
+/* styles from the my.profile.php file */
+.message-content {
+float:left;
+}
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
+}
+.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;
+}
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
+}
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
+}
+.message-link {
+	color:#ff8400;
+}
+.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;
+}
+.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;
+}
+
+
+#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:30%;
+}
+.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 {
+}
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
+	float:left;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
+}
+#social-plugins {
+	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
+}
+
+
+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;
+}
+div.image-social-content span {
+	overflow:hidden;
+	display:block;
+	height:75px;
+}
+div.image-social-content img {
+	vertical-align:middle;
+}
+div.image-social-content center.friend {
+	overflow:hidden;
+	height:30px;
+}
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
+}
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
+}
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
+}
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
+}
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-align-box {
+	text-align:left;
+	float:left;
+}
+.social-header {
+	margin-bottom:8px;
+}
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
+}
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
+}
+
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
+}
+
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
+}
+.social-content-description {
+	background:#ECE9D8;
+}
+.social-content-body {
+	background:#ffffff;
+}
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
+}
+.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;
+}
+#social-profile-container {
+	/* width: 705px; */
+}
+#social-profile-left {
+	float:left;
+	width:22%;
+}
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
+}
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
+}
+
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
+}
+.social-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0px;
+}
+.social-menu li {left
+	margin-bottom:4px;
+	padding-bottom:12px;
+	background-image:url(../../img/line-social.jpg);
+	background-position:bottom;
+	background-repeat:repeat-x;
+}
+.social-menu li img {
+	float:left;
+}
+.social-menu-sub-level a img {
+	float:left;
+}
+.social-menu ul li a {
+	padding:2px 0px;
+}
+.social-menu-sub-level {
+	margin-left:20px;
+}
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#EE8204;
+	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;
+}
+
+.shared_profile_mygroups_grid_container {
+	width:100%;
+	overflow:hidden;
+}
+.shared_profile_mygroups_grid_item {
+	width:42%;
+	float:left;
+	height:140px;
+	margin:20px;
+}
+
+.social-menu-group-member {
+	float:left;
+	height:120px;
+	margin:5px;
+	overflow:hidden;
+	padding:2px;
+	width:76px;
+}
+ 
+
+/* 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; */	
+}
+
+#social_widget_image {
+	float:left;
+	/*width:190px;*/
+	margin-bottom:5px;
+	padding:2px;
+}
+
+/* SOCIAL BOX */
+
+.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;
+}
+.social-box-content1 {
+	width:330px;
+	height:auto;
+	padding-left:15px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
+}
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
+}
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+.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;
+}
+
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
+	padding:5px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
+}
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
+	float:left;
+}
+.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;
+}
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
+}
+.social-home-users-online {
+	border:3px solid #E6E6E6;
+}
+
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
+}
+
+#social-group-details {
+	margin-left:82px;
+}
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
+}
+

+ 1072 - 426
main/css/corporate/default.css

@@ -1463,147 +1463,6 @@ span.radio {
 	border: 1px solid rgb(153, 153, 153);
 	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
 }
-/**********************************************
- *  MESSAGE TOOL                           *
- **********************************************/
-
-/* styles from the new_message.php file */
-
-.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;
-}
-/* styles from the my.profile.php file */
-.message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
-}
-.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;
-}
-.message-title {
-	color:#ff0000;
-	font-size:15px;
-}
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
-}
-.message-link {
-	color:#ff8400;
-}
-.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;
-}
-.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;
-}
-.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:45%;
-}
-.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 {
-}
 /**********************************************
  *  EXERCISE TOOL                           *
  **********************************************/
@@ -1718,304 +1577,81 @@ span.radio {
   padding:0px 10px 0 0;
   font-weight:normal;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
+/*****************************************************
+ *  BUTTONS	                                         *
+ *****************************************************/
+/* BUTTONS */
+button,input[type="submit"] {
+	margin:5px 5px 3px 0px !important;
+	background-color: #DFDFDF;
+	border-width: 1px;
+	/*    -moz-border-radius-topright : 5px;
+    -moz-border-radius-topleft : 5px;
+    -moz-border-radius-bottomright : 5px;
+    -moz-border-radius-bottomleft : 5px;
+*/
+    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;
 }
-div.image-social-content center.friend {
-	overflow:hidden;
-	height:30px;
+button:hover input[type="submit"]:hover{
+	background-color:#cbcbcb;
+	color:#545454;
+	border-style: inset;
 }
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
-	cursor: pointer;
+/* 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, input[type="submit"].submit_next {
+	padding-left:30px;
+	background-position:10px;
+	background-repeat:no-repeat;
 }
-.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;
+/* POSITIVE */
+button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
 }
-.social-subtitle {
-	background:#FFFFFF;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	padding:0px;
-	margin-bottom: 0px;
-	vertical-align:middle;
+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, input[type="submit"].submit_next:hover {
+	border-color: #D4E2F6;
+	background-color:#D4E2F6;
 }
-.social-qualify {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFFFF;
+/* NEGATIVE */
+button.cancel {
+	background-color:#F8E8E6;
+	border-color: #FFE3DE;
 }
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
+button.cancel:hover {
+	border-color: #F4E1D0;
+	background-color: #FFE3DE;
 }
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
+/*including "save" image*/
+button.save {
+	background-image:url(images/button_accept.gif);
 }
-.social-display-image {
-	float:right;
-	margin-top:-130px;
-	margin-right:5px;
+/*including "add" image*/
+button.add {
+	background-image:url(images/button_add.gif);
 }
-.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;
+/*including "cancel" image*/
+button.cancel {
+	background-image:url(images/button_delete.gif);
 }
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
+/*including "search" image*/
+button.search {
+	background-image:url(images/button_search.gif);
 }
-.social-align-box {
-	text-align:left;
-	float:left;
+/*including "login" image*/
+button.login {
+	background-image:url(images/button_login.gif);
+	margin:2px 5px 3px 5px !important;
 }
-.social-content-description {
-	background:#ECE9D8;
-}
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info {
-	width:350px;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:21%;
-}
-#social-profile-content {
-	float:right;
-	width:46%;
-	margin-left: 2px;
-}
-#social-profile-right {
-	float:right;
-	width:32%;
-	margin-left: 2px;
-}
-.left-side {
-	min-width: 198px;
-	margin: 0px;
-}
-.social-profile-post {
-	width: 450px;
-	background : #EFEFEF;
-}
-.maincourse {
-	width: 100%;
-	margin-left:0px;
-}
-.social-profile-rounded {
-	background : #eee;
-}
-#social-profile-forum {
-	padding-left:0px;
-}
-#social-profile-thread {
-	padding-left:20px;
-}
-#social-post {
-	padding-left:30px;
-}
-.actions-profile {
-	font-size:14px;
-	background:#efefef;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	/*height:35px;*/
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
-	margin-right:2px;
-}
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	background:#EFEFEF;
-	border-left:1px #999999 dotted;
-	border-top:1px #999999 dotted;
-	border-right:1px #999999 dotted;
-	border-bottom:1px #999999 dotted;
-}
-.social-background-content {
-	background:#EFEFEF;
-}
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
-}
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
-}
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
-}
-/*****************************************************
- *  BUTTONS	                                         *
- *****************************************************/
-/* BUTTONS */
-button,input[type="submit"] {
-	margin:5px 5px 3px 0px !important;
-	background-color: #DFDFDF;
-	border-width: 1px;
-	/*    -moz-border-radius-topright : 5px;
-    -moz-border-radius-topleft : 5px;
-    -moz-border-radius-bottomright : 5px;
-    -moz-border-radius-bottomleft : 5px;
-*/
-    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 input[type="submit"]:hover{
-	background-color:#cbcbcb;
-	color:#545454;
-	border-style: inset;
-}
-/* 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, input[type="submit"].submit_next {
-	padding-left:30px;
-	background-position:10px;
-	background-repeat:no-repeat;
-}
-/* POSITIVE */
-button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-}
-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, input[type="submit"].submit_next:hover {
-	border-color: #D4E2F6;
-	background-color:#D4E2F6;
-}
-/* NEGATIVE */
-button.cancel {
-	background-color:#F8E8E6;
-	border-color: #FFE3DE;
-}
-button.cancel:hover {
-	border-color: #F4E1D0;
-	background-color: #FFE3DE;
-}
-/*including "save" image*/
-button.save {
-	background-image:url(images/button_accept.gif);
-}
-/*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-image:url(images/button_search.gif);
-}
-/*including "login" image*/
-button.login {
-	background-image:url(images/button_login.gif);
-	margin:2px 5px 3px 5px !important;
-}
-/*including "plus" image*/
-button.plus {
-	background-image:url(images/button_plus.gif);
+/*including "plus" image*/
+button.plus {
+	background-image:url(images/button_plus.gif);
 }
 /*including "minus" image*/
 button.minus {
@@ -2212,3 +1848,1013 @@ input.arrowl {
 	background-color:#eee;
 	width:500px;
 }
+
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
+
+* {
+	outline :none;
+}
+
+/*
+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;
+}
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
+}
+.independent_course_item a {
+	font-size:135%;
+}
+.session_course_item a {
+	font-size:120%;
+}
+*/
+
+#maincontent .courseslist li {
+	margin-bottom:8px;
+}
+/*
+a.read {	
+	font-weight:normal;
+}
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
+}
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
+}*/
+
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
+}
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
+}
+
+#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;
+}
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
+}
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
+}
+.groups_grid_item {
+	width:80px;
+	float:left;
+	margin:5px;
+}
+.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;
+}
+
+/*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;
+}
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+}
+	
+.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;
+}
+
+.box_description_group_title {
+	float:right;width:80%;
+}
+.box_description_group_content {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
+}
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
+}
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
+}
+.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;
+}
+.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;
+}
+
+.home_group_grid_element_1 {
+	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;
+	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;
+}
+.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;
+}
+
+.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;
+}
+
+#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:240px; */
+	float: right;
+	min-height: 150px;
+	
+}
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
+}
+.invitation_image {
+	width:110px;
+}
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
+}
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+
+#inbox-menu  {
+	width:150px;
+	float:left;
+	margin-right:10px;
+}
+#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;
+}
+
+#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;
+}
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
+}
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
+}
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
+}
+
+.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;
+}
+
+/* styles from the my.profile.php file */
+.message-content {
+float:left;
+}
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
+}
+.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;
+}
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
+}
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
+}
+.message-link {
+	color:#ff8400;
+}
+.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;
+}
+.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;
+}
+
+
+#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:30%;
+}
+.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 {
+}
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
+	float:left;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
+}
+#social-plugins {
+	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
+}
+
+
+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;
+}
+div.image-social-content span {
+	overflow:hidden;
+	display:block;
+	height:75px;
+}
+div.image-social-content img {
+	vertical-align:middle;
+}
+div.image-social-content center.friend {
+	overflow:hidden;
+	height:30px;
+}
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
+}
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
+}
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
+}
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
+}
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-align-box {
+	text-align:left;
+	float:left;
+}
+.social-header {
+	margin-bottom:8px;
+}
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
+}
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
+}
+
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
+}
+
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
+}
+.social-content-description {
+	background:#ECE9D8;
+}
+.social-content-body {
+	background:#ffffff;
+}
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
+}
+.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;
+}
+#social-profile-container {
+	/* width: 705px; */
+}
+#social-profile-left {
+	float:left;
+	width:22%;
+}
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
+}
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
+}
+
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
+}
+.social-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding: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-menu li img {
+	float:left;
+}
+.social-menu-sub-level a img {
+	float:left;
+}
+.social-menu ul li a {
+	padding:2px 0px;
+}
+.social-menu-sub-level {
+	margin-left:20px;
+}
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#434343;
+	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;
+}
+
+.shared_profile_mygroups_grid_container {
+	width:100%;
+	overflow:hidden;
+}
+.shared_profile_mygroups_grid_item {
+	width:42%;
+	float:left;
+	height:140px;
+	margin:20px;
+}
+
+.social-menu-group-member {
+	float:left;
+	height:120px;
+	margin:5px;
+	overflow:hidden;
+	padding:2px;
+	width:76px;
+}
+ 
+
+/* 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; */	
+}
+
+#social_widget_image {
+	float:left;
+	/*width:190px;*/
+	margin-bottom:5px;
+	padding:2px;
+}
+
+/* SOCIAL BOX */
+
+.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;
+}
+.social-box-content1 {
+	width:330px;
+	height:auto;
+	padding-left:15px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
+}
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
+}
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+.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;
+}
+
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
+	padding:5px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
+}
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
+	float:left;
+}
+.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;
+}
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
+}
+.social-home-users-online {
+	border:3px solid #E6E6E6;
+}
+
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
+}
+
+#social-group-details {
+	margin-left:82px;
+}
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
+}
+
+

+ 1064 - 419
main/css/cosmic_campus/default.css

@@ -1496,148 +1496,6 @@ div.system_announcement_content {
 /* --- end of course navigation menu section  --- */
 
 
-
-/**********************************************
- *  MESSAGE TOOL                           *
- **********************************************/
-
-/* styles from the new_message.php file */
-
-.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;
-}
-/* styles from the my.profile.php file */
-.message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
-}
-.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;
-}
-.message-title {
-	color:#ff0000;
-	font-size:15px;
-}
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
-}
-.message-link {
-	color:#ff8400;
-}
-.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;
-}
-.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;
-}
-.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:30%;
-}
-.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 {
-}
 /**********************************************
  *  EXERCISE TOOL                           *
  **********************************************/
@@ -1752,295 +1610,72 @@ span.radio {
   padding:0px 10px 0 0;
   font-weight:normal;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
-	vertical-align:middle;
-}
-div.image-social-content center.friend {
-	overflow:hidden;
-	height:30px;
-}
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
+/*****************************************************
+ *  BUTTONS	                                         *
+ *****************************************************/
+/* BUTTONS */
+button,input[type="submit"] {
+	margin:5px 5px 3px 0px !important;
+	background-color: #DFDFDF;
+	border-width: 1px;
+	/*    -moz-border-radius-topright : 5px;
+    -moz-border-radius-topleft : 5px;
+    -moz-border-radius-bottomright : 5px;
+    -moz-border-radius-bottomleft : 5px;
+*/
+    font-family: bold arial, verdana, helvetica, sans-serif;
+	font-size: 100%;
+	line-height :130%;
+	text-decoration: none;
+	color: black;
 	cursor: pointer;
-}
-.social-title {
-	color:#ffffff;
-	background:#4475B0;
-	border-bottom:1px dotted #4475B0;
-	border-top:1px dotted #4475B0;
-	padding:0px;
-	margin-bottom: 0px;
+	padding:5px 15px 5px 15px;
 	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;
+button:hover input[type="submit"]:hover{
+	background-color:#cbcbcb;
+	color:#545454;
+	border-style: inset;
 }
-.social-qualify {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFFFF;
+/* 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, input[type="submit"].submit_next {
+	padding-left:30px;
+	background-position:10px;
+	background-repeat:no-repeat;
 }
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
+/* POSITIVE */
+button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
 }
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
+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, input[type="submit"].submit_next:hover {
+	border-color: #D4E2F6;
+	background-color:#D4E2F6;
 }
-.social-display-image {
-	float:right;
-	margin-top:-130px;
-	margin-right:5px;
+/* NEGATIVE */
+button.cancel {
+	background-color:#F8E8E6;
+	border-color: #FFE3DE;
 }
-.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;
+button.cancel:hover {
+	border-color: #F4E1D0;
+	background-color: #FFE3DE;
 }
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
+/*including "save" image*/
+button.save {
+	background-image:url(images/button_accept.gif);
 }
-.social-align-box {
-	text-align:left;
-	float:left;
+/*including "add" image*/
+button.add {
+	background-image:url(images/button_add.gif);
 }
-.social-content-description {
-	background:#ECE9D8;
+/*including "cancel" image*/
+button.cancel {
+	background-image:url(images/button_delete.gif);
 }
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info {
-	width:350px;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:21%;
-}
-#social-profile-content {
-	float:right;
-	width:46%;
-	margin-left: 2px;
-}
-#social-profile-right {
-	float:right;
-	width:32%;
-	margin-left: 2px;
-}
-.left-side {
-	min-width: 198px;
-	margin: 0px;
-}
-.social-profile-post {
-	width: 450px;
-	background : #EFEFEF;
-}
-.maincourse {
-	width: 100%;
-	margin-left:0px;
-}
-.social-profile-rounded {
-	background : #eee;
-}
-#social-profile-forum {
-	padding-left:0px;
-}
-#social-profile-thread {
-	padding-left:20px;
-}
-#social-post {
-	padding-left:30px;
-}
-.actions-profile {
-	font-size:14px;
-	background:#efefef;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	/*height:35px;*/
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
-	margin-right:2px;
-}
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	background:#EFEFEF;
-	border-left:1px #999999 dotted;
-	border-top:1px #999999 dotted;
-	border-right:1px #999999 dotted;
-	border-bottom:1px #999999 dotted;
-}
-.social-background-content {
-	background:#EFEFEF;
-}
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
-}
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
-}
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
-}
-/*****************************************************
- *  BUTTONS	                                         *
- *****************************************************/
-/* BUTTONS */
-button,input[type="submit"] {
-	margin:5px 5px 3px 0px !important;
-	background-color: #DFDFDF;
-	border-width: 1px;
-	/*    -moz-border-radius-topright : 5px;
-    -moz-border-radius-topleft : 5px;
-    -moz-border-radius-bottomright : 5px;
-    -moz-border-radius-bottomleft : 5px;
-*/
-    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 input[type="submit"]:hover{
-	background-color:#cbcbcb;
-	color:#545454;
-	border-style: inset;
-}
-/* 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, input[type="submit"].submit_next {
-	padding-left:30px;
-	background-position:10px;
-	background-repeat:no-repeat;
-}
-/* POSITIVE */
-button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-}
-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, input[type="submit"].submit_next:hover {
-	border-color: #D4E2F6;
-	background-color:#D4E2F6;
-}
-/* NEGATIVE */
-button.cancel {
-	background-color:#F8E8E6;
-	border-color: #FFE3DE;
-}
-button.cancel:hover {
-	border-color: #F4E1D0;
-	background-color: #FFE3DE;
-}
-/*including "save" image*/
-button.save {
-	background-image:url(images/button_accept.gif);
-}
-/*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-image:url(images/button_search.gif);
+/*including "search" image*/
+button.search {
+	background-image:url(images/button_search.gif);
 }
 /*including "login" image*/
 button.login {
@@ -2251,3 +1886,1013 @@ input.arrowl {
 	background-color:#eee;
 	width:500px;
 }
+
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
+
+* {
+	outline :none;
+}
+
+/*
+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;
+}
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
+}
+.independent_course_item a {
+	font-size:135%;
+}
+.session_course_item a {
+	font-size:120%;
+}
+*/
+
+#maincontent .courseslist li {
+	margin-bottom:8px;
+}
+/*
+a.read {	
+	font-weight:normal;
+}
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
+}
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
+}*/
+
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
+}
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
+}
+
+#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;
+}
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
+}
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
+}
+.groups_grid_item {
+	width:80px;
+	float:left;
+	margin:5px;
+}
+.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;
+}
+
+/*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;
+}
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+}
+	
+.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;
+}
+
+.box_description_group_title {
+	float:right;width:80%;
+}
+.box_description_group_content {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
+}
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
+}
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
+}
+.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;
+}
+.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;
+}
+
+.home_group_grid_element_1 {
+	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;
+	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;
+}
+.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;
+}
+
+.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;
+}
+
+#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:240px; */
+	float: right;
+	min-height: 150px;
+	
+}
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
+}
+.invitation_image {
+	width:110px;
+}
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
+}
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+
+#inbox-menu  {
+	width:150px;
+	float:left;
+	margin-right:10px;
+}
+#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;
+}
+
+#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;
+}
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
+}
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
+}
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
+}
+
+.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;
+}
+
+/* styles from the my.profile.php file */
+.message-content {
+float:left;
+}
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
+}
+.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;
+}
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
+}
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
+}
+.message-link {
+	color:#ff8400;
+}
+.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;
+}
+.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;
+}
+
+
+#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:30%;
+}
+.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 {
+}
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
+	float:left;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
+}
+#social-plugins {
+	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
+}
+
+
+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;
+}
+div.image-social-content span {
+	overflow:hidden;
+	display:block;
+	height:75px;
+}
+div.image-social-content img {
+	vertical-align:middle;
+}
+div.image-social-content center.friend {
+	overflow:hidden;
+	height:30px;
+}
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
+}
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
+}
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
+}
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
+}
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-align-box {
+	text-align:left;
+	float:left;
+}
+.social-header {
+	margin-bottom:8px;
+}
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
+}
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
+}
+
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
+}
+
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
+}
+.social-content-description {
+	background:#ECE9D8;
+}
+.social-content-body {
+	background:#ffffff;
+}
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
+}
+.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;
+}
+#social-profile-container {
+	/* width: 705px; */
+}
+#social-profile-left {
+	float:left;
+	width:22%;
+}
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
+}
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
+}
+
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
+}
+.social-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding: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-menu li img {
+	float:left;
+}
+.social-menu-sub-level a img {
+	float:left;
+}
+.social-menu ul li a {
+	padding:2px 0px;
+}
+.social-menu-sub-level {
+	margin-left:20px;
+}
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#32578b;
+	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;
+}
+
+.shared_profile_mygroups_grid_container {
+	width:100%;
+	overflow:hidden;
+}
+.shared_profile_mygroups_grid_item {
+	width:42%;
+	float:left;
+	height:140px;
+	margin:20px;
+}
+
+.social-menu-group-member {
+	float:left;
+	height:120px;
+	margin:5px;
+	overflow:hidden;
+	padding:2px;
+	width:76px;
+}
+ 
+
+/* 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; */	
+}
+
+#social_widget_image {
+	float:left;
+	/*width:190px;*/
+	margin-bottom:5px;
+	padding:2px;
+}
+
+/* SOCIAL BOX */
+
+.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;
+}
+.social-box-content1 {
+	width:330px;
+	height:auto;
+	padding-left:15px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
+}
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
+}
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+.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;
+}
+
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
+	padding:5px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
+}
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
+	float:left;
+}
+.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;
+}
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
+}
+.social-home-users-online {
+	border:3px solid #E6E6E6;
+}
+
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
+}
+
+#social-group-details {
+	margin-left:82px;
+}
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
+}
+
+

+ 1010 - 197
main/css/delicious_bordeaux/default.css

@@ -2167,203 +2167,6 @@ div.comments {
 	font-weight:bolder;
 	vertical-align:middle;
 }
-/**********************************************
- *  MESSAGE 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;
-}
-/* styles from the my.profile.php file */
-.message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
-}
-.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;
-}
-.message-title {
-	color:#ff0000;
-	font-size:15px;
-}
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
-}
-.message-link {
-	color:#ff8400;
-}
-.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;
-}
-.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;
-}
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
-	vertical-align:middle;
-}
-div.image-social-content center.friend {
-	overflow:hidden;
-	height:30px;
-}
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
-	cursor: pointer;
-}
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
-}
-.social-display-image {
-	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;
-}
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-align-box {
-	text-align:left;
-	float:left;
-}
-.social-content-description {
-	background:#ECE9D8;
-}
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#975b5b;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:22%;
-}
-#social-profile-content {
-	float:right;
-	width:47%;
-	margin-left: 4px;
-}
-#social-profile-right {
-	float:right;
-	width:30%;
-	margin-left: 4px;
-}
 /*****************************************************
  *  BUTTONS	                                         *
  *****************************************************/
@@ -2632,3 +2435,1013 @@ input.arrowl {
 	background-color:#eee;
 	width:500px;
 }
+
+
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
+
+* {
+	outline :none;
+}
+
+/*
+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;
+}
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
+}
+.independent_course_item a {
+	font-size:135%;
+}
+.session_course_item a {
+	font-size:120%;
+}
+*/
+
+#maincontent .courseslist li {
+	margin-bottom:8px;
+}
+/*
+a.read {	
+	font-weight:normal;
+}
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
+}
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
+}*/
+
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
+}
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
+}
+
+#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;
+}
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
+}
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
+}
+.groups_grid_item {
+	width:80px;
+	float:left;
+	margin:5px;
+}
+.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;
+}
+
+/*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;
+}
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+}
+	
+.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;
+}
+
+.box_description_group_title {
+	float:right;width:80%;
+}
+.box_description_group_content {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
+}
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
+}
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
+}
+.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;
+}
+.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;
+}
+
+.home_group_grid_element_1 {
+	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;
+	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;
+}
+.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;
+}
+
+.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;
+}
+
+#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:240px; */
+	float: right;
+	min-height: 150px;
+	
+}
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
+}
+.invitation_image {
+	width:110px;
+}
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
+}
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+
+#inbox-menu  {
+	width:150px;
+	float:left;
+	margin-right:10px;
+}
+#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;
+}
+
+#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;
+}
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
+}
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
+}
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
+}
+
+.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;
+}
+
+/* styles from the my.profile.php file */
+.message-content {
+float:left;
+}
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
+}
+.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;
+}
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
+}
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
+}
+.message-link {
+	color:#ff8400;
+}
+.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;
+}
+.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;
+}
+
+
+#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:30%;
+}
+.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 {
+}
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
+	float:left;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
+}
+#social-plugins {
+	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
+}
+
+
+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;
+}
+div.image-social-content span {
+	overflow:hidden;
+	display:block;
+	height:75px;
+}
+div.image-social-content img {
+	vertical-align:middle;
+}
+div.image-social-content center.friend {
+	overflow:hidden;
+	height:30px;
+}
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
+}
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
+}
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
+}
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
+}
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-align-box {
+	text-align:left;
+	float:left;
+}
+.social-header {
+	margin-bottom:8px;
+}
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
+}
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
+}
+
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
+}
+
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
+}
+.social-content-description {
+	background:#ECE9D8;
+}
+.social-content-body {
+	background:#ffffff;
+}
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
+}
+.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;
+}
+#social-profile-container {
+	/* width: 705px; */
+}
+#social-profile-left {
+	float:left;
+	width:22%;
+}
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
+}
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
+}
+
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
+}
+.social-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding: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-menu li img {
+	float:left;
+}
+.social-menu-sub-level a img {
+	float:left;
+}
+.social-menu ul li a {
+	padding:2px 0px;
+}
+.social-menu-sub-level {
+	margin-left:20px;
+}
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#975B5B;
+	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;
+}
+
+.shared_profile_mygroups_grid_container {
+	width:100%;
+	overflow:hidden;
+}
+.shared_profile_mygroups_grid_item {
+	width:42%;
+	float:left;
+	height:140px;
+	margin:20px;
+}
+
+.social-menu-group-member {
+	float:left;
+	height:120px;
+	margin:5px;
+	overflow:hidden;
+	padding:2px;
+	width:76px;
+}
+ 
+
+/* 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; */	
+}
+
+#social_widget_image {
+	float:left;
+	/* width:190px; */
+	margin-bottom:5px;
+	padding:2px;
+}
+
+/* SOCIAL BOX */
+
+.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;
+}
+.social-box-content1 {
+	width:330px;
+	height:auto;
+	padding-left:15px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
+}
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
+}
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+.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;
+}
+
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
+	padding:5px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
+}
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
+	float:left;
+}
+.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;
+}
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
+}
+.social-home-users-online {
+	border:3px solid #E6E6E6;
+}
+
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
+}
+
+#social-group-details {
+	margin-left:82px;
+}
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
+}
+

+ 1063 - 428
main/css/dokeos_classic/default.css

@@ -980,72 +980,6 @@ 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:30%;
-}
-.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                           *
  **********************************************/
@@ -2233,95 +2167,6 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	background-color: #f0f0f0;
 	border: 1px solid #bbb;
 }
-/**********************************************
- *  MESSAGE TOOL                           *
- **********************************************/
-
-/* styles from the new_message.php file */
-
-.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;
-}
-/* styles from the my.profile.php file */
-.message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
-}
-.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;
-}
-.message-title {
-	color:#ff0000;
-	font-size:15px;
-}
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
-}
-.message-link {
-	color:#ff8400;
-}
-.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;
-}
-.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;
-}
 /**********************************************
  *  EXERCISE TOOL                           *
  **********************************************/
@@ -2436,289 +2281,70 @@ span.radio {
   padding:0px 10px 0 0;
   font-weight:normal;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
+
+/*****************************************************
+ *  BUTTONS	                                         *
+ *****************************************************/
+/* BUTTONS */
+button,input[type="submit"] {
+	margin:5px 5px 3px 0px !important;
+	background-color: #DFDFDF;
+	border-width: 1px;
+	/*    -moz-border-radius-topright : 5px;
+    -moz-border-radius-topleft : 5px;
+    -moz-border-radius-bottomright : 5px;
+    -moz-border-radius-bottomleft : 5px;
+*/
+    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;
 }
-div.image-social-content center.friend {
-	overflow:hidden;
-	height:30px;
+button:hover input[type="submit"]:hover{
+	background-color:#cbcbcb;
+	color:#545454;
+	border-style: inset;
 }
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
-	cursor: pointer;
+
+/* 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, input[type="submit"].submit_next {
+	padding-left:30px;
+	background-position:10px;
+	background-repeat:no-repeat;
 }
-.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;
+/* POSITIVE */
+button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
 }
-.social-subtitle {
-	background:#FFFFFF;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	padding:0px;
-	margin-bottom: 0px;
-	vertical-align:middle;
+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, input[type="submit"].submit_next:hover {
+	border-color: #D4E2F6;
+	background-color:#D4E2F6;
 }
-.social-qualify {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFFFF;
+/* NEGATIVE */
+button.cancel {
+	background-color:#F8E8E6;
+	border-color: #FFE3DE;
 }
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
+button.cancel:hover {
+	border-color: #F4E1D0;
+	background-color: #FFE3DE;
 }
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
+/*including "save" image*/
+button.save {
+	background-image:url(images/button_accept.gif);
 }
-.social-display-image {
-	float:right;
-	margin-top:-130px;
-	margin-right:5px;
+/*including "add" image*/
+button.add {
+	background-image:url(images/button_add.gif);
 }
-.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;
-}
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-align-box {
-	text-align:left;
-	float:left;
-}
-.social-content-description {
-	background:#ECE9D8;
-}
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info {
-	width:350px;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:20%;
-}
-#social-profile-content {
-	float:right;
-	width:47%;
-	margin-left: 2px;
-}
-#social-profile-right {
-	float:right;
-	width:32%;
-	margin-left: 2px;
-}
-
-.social-profile-post {
-	width: 450px;
-	background : #EFEFEF;
-}
-.maincourse {
-	width: 100%;
-	margin-left:0px;
-}
-.social-profile-rounded {
-	background : #eee;
-}
-#social-profile-forum {
-	padding-left:0px;
-}
-#social-profile-thread {
-	padding-left:20px;
-}
-#social-post {
-	padding-left:30px;
-}
-.actions-profile {
-	font-size:14px;
-	background:#efefef;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	/*height:35px;*/
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
-	margin-right:2px;
-}
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	background:#EFEFEF;
-	border-left:1px #999999 dotted;
-	border-top:1px #999999 dotted;
-	border-right:1px #999999 dotted;
-	border-bottom:1px #999999 dotted;
-}
-.social-background-content {
-	background:#EFEFEF;
-}
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
-}
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
-}
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
-}
-/*****************************************************
- *  BUTTONS	                                         *
- *****************************************************/
-/* BUTTONS */
-button,input[type="submit"] {
-	margin:5px 5px 3px 0px !important;
-	background-color: #DFDFDF;
-	border-width: 1px;
-	/*    -moz-border-radius-topright : 5px;
-    -moz-border-radius-topleft : 5px;
-    -moz-border-radius-bottomright : 5px;
-    -moz-border-radius-bottomleft : 5px;
-*/
-    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 input[type="submit"]:hover{
-	background-color:#cbcbcb;
-	color:#545454;
-	border-style: inset;
-}
-
-/* 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, input[type="submit"].submit_next {
-	padding-left:30px;
-	background-position:10px;
-	background-repeat:no-repeat;
-}
-/* POSITIVE */
-button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-}
-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, input[type="submit"].submit_next:hover {
-	border-color: #D4E2F6;
-	background-color:#D4E2F6;
-}
-/* NEGATIVE */
-button.cancel {
-	background-color:#F8E8E6;
-	border-color: #FFE3DE;
-}
-button.cancel:hover {
-	border-color: #F4E1D0;
-	background-color: #FFE3DE;
-}
-/*including "save" image*/
-button.save {
-	background-image:url(images/button_accept.gif);
-}
-/*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 "cancel" image*/
+button.cancel {
+	background-image:url(images/button_delete.gif);
 }
 /*including "search" image*/
 button.search {
@@ -2930,3 +2556,1012 @@ input.arrowl {
 	background-color:#eee;
 	width:500px;
 }
+
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
+
+* {
+	outline :none;
+}
+
+/*
+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;
+}
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
+}
+.independent_course_item a {
+	font-size:135%;
+}
+.session_course_item a {
+	font-size:120%;
+}
+*/
+
+#maincontent .courseslist li {
+	margin-bottom:8px;
+}
+/*
+a.read {	
+	font-weight:normal;
+}
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
+}
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
+}*/
+
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
+}
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
+}
+
+#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;
+}
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
+}
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
+}
+.groups_grid_item {
+	width:80px;
+	float:left;
+	margin:5px;
+}
+.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;
+}
+
+/*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;
+}
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+}
+	
+.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;
+}
+
+.box_description_group_title {
+	float:right;width:80%;
+}
+.box_description_group_content {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
+}
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
+}
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
+}
+.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;
+}
+.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;
+}
+
+.home_group_grid_element_1 {
+	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;
+	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;
+}
+.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;
+}
+
+.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;
+}
+
+#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:240px; */
+	float: right;
+	min-height: 150px;
+	
+}
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
+}
+.invitation_image {
+	width:110px;
+}
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
+}
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+
+#inbox-menu  {
+	width:150px;
+	float:left;
+	margin-right:10px;
+}
+#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;
+}
+
+#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;
+}
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
+}
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
+}
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
+}
+
+.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;
+}
+
+/* styles from the my.profile.php file */
+.message-content {
+float:left;
+}
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
+}
+.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;
+}
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
+}
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
+}
+.message-link {
+	color:#ff8400;
+}
+.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;
+}
+.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;
+}
+
+
+#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:30%;
+}
+.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 {
+}
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
+	float:left;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
+}
+#social-plugins {
+	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
+}
+
+
+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;
+}
+div.image-social-content span {
+	overflow:hidden;
+	display:block;
+	height:75px;
+}
+div.image-social-content img {
+	vertical-align:middle;
+}
+div.image-social-content center.friend {
+	overflow:hidden;
+	height:30px;
+}
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
+}
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
+}
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
+}
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
+}
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-align-box {
+	text-align:left;
+	float:left;
+}
+.social-header {
+	margin-bottom:8px;
+}
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
+}
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
+}
+
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
+}
+
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
+}
+.social-content-description {
+	background:#ECE9D8;
+}
+.social-content-body {
+	background:#ffffff;
+}
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
+}
+.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;
+}
+#social-profile-container {
+	/* width: 705px; */
+}
+#social-profile-left {
+	float:left;
+	width:22%;
+}
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
+}
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
+}
+
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
+}
+.social-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding: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-menu li img {
+	float:left;
+}
+.social-menu-sub-level a img {
+	float:left;
+}
+.social-menu ul li a {
+	padding:2px 0px;
+}
+.social-menu-sub-level {
+	margin-left:20px;
+}
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#32578b;
+	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;
+}
+
+.shared_profile_mygroups_grid_container {
+	width:100%;
+	overflow:hidden;
+}
+.shared_profile_mygroups_grid_item {
+	width:42%;
+	float:left;
+	height:140px;
+	margin:20px;
+}
+
+.social-menu-group-member {
+	float:left;
+	height:120px;
+	margin:5px;
+	overflow:hidden;
+	padding:2px;
+	width:76px;
+}
+ 
+
+/* 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; */	
+}
+
+#social_widget_image {
+	float:left;
+	/*width:190px;*/
+	margin-bottom:5px;
+	padding:2px;
+}
+
+/* SOCIAL BOX */
+
+.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;
+}
+.social-box-content1 {
+	width:330px;
+	height:auto;
+	padding-left:15px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
+}
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
+}
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+.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;
+}
+
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
+	padding:5px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
+}
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
+	float:left;
+}
+.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;
+}
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
+}
+.social-home-users-online {
+	border:3px solid #E6E6E6;
+}
+
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
+}
+
+#social-group-details {
+	margin-left:82px;
+}
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
+}
+

+ 1058 - 425
main/css/dokeos_classic_2D/default.css

@@ -911,72 +911,6 @@ input.liteoption {
 	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:30%;
-}
-.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
@@ -2266,95 +2200,7 @@ input.forms	{
 	background-color: #f0f0f0;
 	border: 1px solid #bbb;
 }
-/**********************************************
- *  MESSAGE TOOL                           *
- **********************************************/
-
-/* styles from the new_message.php file */
 
-.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;
-}
-/* styles from the my.profile.php file */
-.message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
-}
-.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;
-}
-.message-title {
-	color:#ff0000;
-	font-size:15px;
-}
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
-}
-.message-link {
-	color:#ff8400;
-}
-.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;
-}
-.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;
-}
 /**********************************************
  *  EXERCISE TOOL                           *
  **********************************************/
@@ -2469,287 +2315,64 @@ span.radio {
   padding:0px 10px 0 0;
   font-weight:normal;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
-	vertical-align:middle;
-}
-div.image-social-content center.friend {
-	overflow:hidden;
-	height:30px;
-}
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
+/*****************************************************
+ *  BUTTONS	                                         *
+ *****************************************************/
+/* BUTTONS */
+button,input[type="submit"] {
+	margin:5px 5px 3px 0px !important;
+	background-color: #DFDFDF;
+	border-width: 1px;
+	/*    -moz-border-radius-topright : 5px;
+    -moz-border-radius-topleft : 5px;
+    -moz-border-radius-bottomright : 5px;
+    -moz-border-radius-bottomleft : 5px;
+*/
+    font-family: bold arial, verdana, helvetica, sans-serif;
+	font-size: 100%;
+	line-height :130%;
+	text-decoration: none;
+	color: black;
 	cursor: pointer;
-}
-.social-title {
-	color:#ffffff;
-	background:#4475B0;
-	border-bottom:1px dotted #4475B0;
-	border-top:1px dotted #4475B0;
-	padding:0px;
-	margin-bottom: 0px;
+	padding:5px 15px 5px 15px;
 	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;
+button:hover input[type="submit"]:hover{
+	background-color:#cbcbcb;
+	color:#545454;
+	border-style: inset;
 }
-.social-qualify {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFFFF;
+/* 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, input[type="submit"].submit_next {
+	padding-left:30px;
+	background-position:10px;
+	background-repeat:no-repeat;
 }
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
+/* POSITIVE */
+button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
 }
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
+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, input[type="submit"].submit_next:hover {
+	border-color: #D4E2F6;
+	background-color:#D4E2F6;
 }
-.social-display-image {
-	float:right;
-	margin-top:-130px;
-	margin-right:5px;
+/* NEGATIVE */
+button.cancel {
+	background-color:#F8E8E6;
+	border-color: #FFE3DE;
 }
-.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;
+button.cancel:hover {
+	border-color: #F4E1D0;
+	background-color: #FFE3DE;
 }
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
+/*including "save" image*/
+button.save {
+	background-image:url(images/button_accept.gif);
 }
-.social-align-box {
-	text-align:left;
-	float:left;
-}
-.social-content-description {
-	background:#ECE9D8;
-}
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info {
-	width:350px;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:21%;
-}
-#social-profile-content {
-	float:right;
-	width:46%;
-	margin-left: 2px;
-}
-#social-profile-right {
-	float:right;
-	width:32%;
-	margin-left: 2px;
-}
-.left-side {
-	min-width: 198px;
-	margin: 0px;
-}
-.social-profile-post {
-	width: 450px;
-	background : #EFEFEF;
-}
-.maincourse {
-	width: 100%;
-	margin-left:0px;
-}
-.social-profile-rounded {
-	background : #eee;
-}
-#social-profile-forum {
-	padding-left:0px;
-}
-#social-profile-thread {
-	padding-left:20px;
-}
-#social-post {
-	padding-left:30px;
-}
-.actions-profile {
-	font-size:14px;
-	background:#efefef;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	/*height:35px;*/
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
-	margin-right:2px;
-}
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	background:#EFEFEF;
-	border-left:1px #999999 dotted;
-	border-top:1px #999999 dotted;
-	border-right:1px #999999 dotted;
-	border-bottom:1px #999999 dotted;
-}
-.social-background-content {
-	background:#EFEFEF;
-}
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
-}
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
-}
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
-}
-/*****************************************************
- *  BUTTONS	                                         *
- *****************************************************/
-/* BUTTONS */
-button,input[type="submit"] {
-	margin:5px 5px 3px 0px !important;
-	background-color: #DFDFDF;
-	border-width: 1px;
-	/*    -moz-border-radius-topright : 5px;
-    -moz-border-radius-topleft : 5px;
-    -moz-border-radius-bottomright : 5px;
-    -moz-border-radius-bottomleft : 5px;
-*/
-    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 input[type="submit"]:hover{
-	background-color:#cbcbcb;
-	color:#545454;
-	border-style: inset;
-}
-/* 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, input[type="submit"].submit_next {
-	padding-left:30px;
-	background-position:10px;
-	background-repeat:no-repeat;
-}
-/* POSITIVE */
-button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next  {
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-}
-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, input[type="submit"].submit_next:hover {
-	border-color: #D4E2F6;
-	background-color:#D4E2F6;
-}
-/* NEGATIVE */
-button.cancel {
-	background-color:#F8E8E6;
-	border-color: #FFE3DE;
-}
-button.cancel:hover {
-	border-color: #F4E1D0;
-	background-color: #FFE3DE;
-}
-/*including "save" image*/
-button.save {
-	background-image:url(images/button_accept.gif);
-}
-/*including "add" image*/
-button.add {
-	background-image:url(images/button_add.gif);
+/*including "add" image*/
+button.add {
+	background-image:url(images/button_add.gif);
 }
 /*including "cancel" image*/
 button.cancel {
@@ -2963,3 +2586,1013 @@ input.arrowl {
 	background-color:#eee;
 	width:500px;
 }
+
+
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
+
+* {
+	outline :none;
+}
+
+/*
+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;
+}
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
+}
+.independent_course_item a {
+	font-size:135%;
+}
+.session_course_item a {
+	font-size:120%;
+}
+*/
+
+#maincontent .courseslist li {
+	margin-bottom:8px;
+}
+/*
+a.read {	
+	font-weight:normal;
+}
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
+}
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
+}*/
+
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
+}
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
+}
+
+#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;
+}
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
+}
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
+}
+.groups_grid_item {
+	width:80px;
+	float:left;
+	margin:5px;
+}
+.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;
+}
+
+/*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;
+}
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+}
+	
+.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;
+}
+
+.box_description_group_title {
+	float:right;width:80%;
+}
+.box_description_group_content {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
+}
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
+}
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
+}
+.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;
+}
+.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;
+}
+
+.home_group_grid_element_1 {
+	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;
+	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;
+}
+.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;
+}
+
+.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;
+}
+
+#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:240px; */
+	float: right;
+	min-height: 150px;
+	
+}
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
+}
+.invitation_image {
+	width:110px;
+}
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
+}
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+
+#inbox-menu  {
+	width:150px;
+	float:left;
+	margin-right:10px;
+}
+#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;
+}
+
+#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;
+}
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
+}
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
+}
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
+}
+
+.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;
+}
+
+/* styles from the my.profile.php file */
+.message-content {
+float:left;
+}
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
+}
+.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;
+}
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
+}
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
+}
+.message-link {
+	color:#ff8400;
+}
+.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;
+}
+.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;
+}
+
+
+#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:30%;
+}
+.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 {
+}
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
+	float:left;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
+}
+#social-plugins {
+	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
+}
+
+
+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;
+}
+div.image-social-content span {
+	overflow:hidden;
+	display:block;
+	height:75px;
+}
+div.image-social-content img {
+	vertical-align:middle;
+}
+div.image-social-content center.friend {
+	overflow:hidden;
+	height:30px;
+}
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
+}
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
+}
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
+}
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
+}
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-align-box {
+	text-align:left;
+	float:left;
+}
+.social-header {
+	margin-bottom:8px;
+}
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
+}
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
+}
+
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
+}
+
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
+}
+.social-content-description {
+	background:#ECE9D8;
+}
+.social-content-body {
+	background:#ffffff;
+}
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
+}
+.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;
+}
+#social-profile-container {
+	/* width: 705px; */
+}
+#social-profile-left {
+	float:left;
+	width:22%;
+}
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
+}
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
+}
+
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
+}
+.social-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding: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-menu li img {
+	float:left;
+}
+.social-menu-sub-level a img {
+	float:left;
+}
+.social-menu ul li a {
+	padding:2px 0px;
+}
+.social-menu-sub-level {
+	margin-left:20px;
+}
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#32578b;
+	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;
+}
+
+.shared_profile_mygroups_grid_container {
+	width:100%;
+	overflow:hidden;
+}
+.shared_profile_mygroups_grid_item {
+	width:42%;
+	float:left;
+	height:140px;
+	margin:20px;
+}
+
+.social-menu-group-member {
+	float:left;
+	height:120px;
+	margin:5px;
+	overflow:hidden;
+	padding:2px;
+	width:76px;
+}
+ 
+
+/* 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; */	
+}
+
+#social_widget_image {
+	float:left;
+	/*width:190px;*/
+	margin-bottom:5px;
+	padding:2px;
+}
+
+/* SOCIAL BOX */
+
+.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;
+}
+.social-box-content1 {
+	width:330px;
+	height:auto;
+	padding-left:15px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
+}
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
+}
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+.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;
+}
+
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
+	padding:5px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
+}
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
+	float:left;
+}
+.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;
+}
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
+}
+.social-home-users-online {
+	border:3px solid #E6E6E6;
+}
+
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
+}
+
+#social-group-details {
+	margin-left:82px;
+}
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
+}
+

+ 1011 - 289
main/css/medical/default.css

@@ -1005,72 +1005,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:30%;
-}
-.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                           *
  **********************************************/
@@ -2394,229 +2329,6 @@ span.radio {
   padding:0px 10px 0 0;
   font-weight:normal;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
-	vertical-align:middle;
-}
-div.image-social-content center.friend {
-	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;
-}
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
-}
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
-}
-.social-display-image {
-	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;
-}
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-align-box {
-	text-align:left;
-	float:left;
-}
-.social-content-description {
-	background:#ECE9D8;
-}
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info {
-	width:350px;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:21%;
-}
-#social-profile-content {
-	float:right;
-	width:46%;
-	margin-left: 2px;
-}
-#social-profile-right {
-	float:right;
-	width:32%;
-	margin-left: 2px;
-}
-.left-side {
-	min-width: 198px;
-	margin: 0px;
-}
-.social-profile-post {
-	width: 450px;
-	background : #EFEFEF;
-}
-.maincourse {
-	width: 100%;
-	margin-left:0px;
-}
-.social-profile-rounded {
-	background : #eee;
-}
-#social-profile-forum {
-	padding-left:0px;
-}
-#social-profile-thread {
-	padding-left:20px;
-}
-#social-post {
-	padding-left:30px;
-}
-.actions-profile {
-	font-size:14px;
-	background:#efefef;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	/*height:35px;*/
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
-	margin-right:2px;
-}
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	background:#EFEFEF;
-	border-left:1px #999999 dotted;
-	border-top:1px #999999 dotted;
-	border-right:1px #999999 dotted;
-	border-bottom:1px #999999 dotted;
-}
-.social-background-content {
-	background:#EFEFEF;
-}
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
-}
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
-}
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
-}
 /*****************************************************
  *  BUTTONS	                                         *
  *****************************************************/
@@ -2889,3 +2601,1013 @@ input.arrowl {
 	background-color:#eee;
 	width:500px;
 }
+
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
+
+* {
+	outline :none;
+}
+
+/*
+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;
+}
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
+}
+.independent_course_item a {
+	font-size:135%;
+}
+.session_course_item a {
+	font-size:120%;
+}
+*/
+
+#maincontent .courseslist li {
+	margin-bottom:8px;
+}
+/*
+a.read {	
+	font-weight:normal;
+}
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
+}
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
+}*/
+
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
+}
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
+}
+
+#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;
+}
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
+}
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
+}
+.groups_grid_item {
+	width:80px;
+	float:left;
+	margin:5px;
+}
+.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;
+}
+
+/*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;
+}
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+}
+	
+.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;
+}
+
+.box_description_group_title {
+	float:right;width:80%;
+}
+.box_description_group_content {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
+}
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
+}
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
+}
+.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;
+}
+.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;
+}
+
+.home_group_grid_element_1 {
+	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;
+	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;
+}
+.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;
+}
+
+.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;
+}
+
+#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:240px; */
+	float: right;
+	min-height: 150px;
+	
+}
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
+}
+.invitation_image {
+	width:110px;
+}
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
+}
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+
+#inbox-menu  {
+	width:150px;
+	float:left;
+	margin-right:10px;
+}
+#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;
+}
+
+#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;
+}
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
+}
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
+}
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
+}
+
+.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;
+}
+
+/* styles from the my.profile.php file */
+.message-content {
+float:left;
+}
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
+}
+.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;
+}
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
+}
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
+}
+.message-link {
+	color:#ff8400;
+}
+.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;
+}
+.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;
+}
+
+
+#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:30%;
+}
+.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 {
+}
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
+	float:left;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
+}
+#social-plugins {
+	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
+}
+
+
+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;
+}
+div.image-social-content span {
+	overflow:hidden;
+	display:block;
+	height:75px;
+}
+div.image-social-content img {
+	vertical-align:middle;
+}
+div.image-social-content center.friend {
+	overflow:hidden;
+	height:30px;
+}
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
+}
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
+}
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
+}
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
+}
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-align-box {
+	text-align:left;
+	float:left;
+}
+.social-header {
+	margin-bottom:8px;
+}
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
+}
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
+}
+
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
+}
+
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
+}
+.social-content-description {
+	background:#ECE9D8;
+}
+.social-content-body {
+	background:#ffffff;
+}
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
+}
+.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;
+}
+#social-profile-container {
+	/* width: 705px; */
+}
+#social-profile-left {
+	float:left;
+	width:22%;
+}
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
+}
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
+}
+
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
+}
+.social-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding: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-menu li img {
+	float:left;
+}
+.social-menu-sub-level a img {
+	float:left;
+}
+.social-menu ul li a {
+	padding:2px 0px;
+}
+.social-menu-sub-level {
+	margin-left:20px;
+}
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#AF8B97;
+	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;
+}
+
+.shared_profile_mygroups_grid_container {
+	width:100%;
+	overflow:hidden;
+}
+.shared_profile_mygroups_grid_item {
+	width:42%;
+	float:left;
+	height:140px;
+	margin:20px;
+}
+
+.social-menu-group-member {
+	float:left;
+	height:120px;
+	margin:5px;
+	overflow:hidden;
+	padding:2px;
+	width:76px;
+}
+ 
+
+/* 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; */	
+}
+
+#social_widget_image {
+	float:left;
+	/*width:190px;*/
+	margin-bottom:5px;
+	padding:2px;
+}
+
+/* SOCIAL BOX */
+
+.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;
+}
+.social-box-content1 {
+	width:330px;
+	height:auto;
+	padding-left:15px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
+}
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
+}
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+.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;
+}
+
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
+	padding:5px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
+}
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
+	float:left;
+}
+.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;
+}
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
+}
+.social-home-users-online {
+	border:3px solid #E6E6E6;
+}
+
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
+}
+
+#social-group-details {
+	margin-left:82px;
+}
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
+}
+
+

+ 1065 - 432
main/css/silver_line/default.css

@@ -1299,72 +1299,6 @@ a.specialLink:hover, a.specialLink:focus {
 	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:30%;
-}
-.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 {
-}
 /*
 ==============================================================================
     DROPBOX
@@ -1628,8 +1562,8 @@ div.system_announcement {
 }
 .menusection {
 	width: auto;
-	margin: 24px 6px 0 6px;
-	padding-left: 10px;
+	margin: 24px 6px 0 6px;	
+	padding-left: 10px;	
 	border: 1px solid #4171B5;
 }
 .menusectioncaption {
@@ -1921,95 +1855,6 @@ div.system_announcement {
 	background-color: #f0f0f0;
 	border: 1px solid #bbb;
 }
-/**********************************************
- *  MESSAGE TOOL                           *
- **********************************************/
-
-/* styles from the new_message.php file */
-
-.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;
-}
-/* styles from the my.profile.php file */
-.message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
-}
-.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;
-}
-.message-title {
-	color:#ff0000;
-	font-size:15px;
-}
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
-}
-.message-link {
-	color:#ff8400;
-}
-.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;
-}
-.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;
-}
 /**********************************************
  *  EXERCISE TOOL                           *
  **********************************************/
@@ -2124,291 +1969,69 @@ span.radio {
   padding:0px 10px 0 0;
   font-weight:normal;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
+
+/*****************************************************
+ *  BUTTONS	                                         *
+ *****************************************************/
+/* BUTTONS */
+button,input[type="submit"] {
+	margin:5px 5px 3px 0px !important;
+	background-color: #DFDFDF;
+	border-width: 1px;
+	/*    -moz-border-radius-topright : 5px;
+    -moz-border-radius-topleft : 5px;
+    -moz-border-radius-bottomright : 5px;
+    -moz-border-radius-bottomleft : 5px;
+*/
+    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;
 }
-div.image-social-content center.friend {
-	overflow:hidden;
-	height:30px;
+button:hover input[type="submit"]:hover {
+	background-color:#cbcbcb;
+	color:#545454;
+	border-style: inset;
 }
-.image-social-content .image-delete {
-	position: absolute;
-	top: 1px;
-	right: 1px;
-	cursor: pointer;
+/* 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, input[type="submit"].submit_next {
+	padding-left:30px;
+	background-position:10px;
+	background-repeat:no-repeat;
 }
-.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;
+/* POSITIVE */
+button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
+	background-color:#E5EDF9;
+	border-color: #D4E2F6;
 }
-.social-subtitle {
-	background:#FFFFFF;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	padding:0px;
-	margin-bottom: 0px;
-	vertical-align:middle;
+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, input[type="submit"].submit_next:hover {
+	border-color: #D4E2F6;
+	background-color:#D4E2F6;
 }
-.social-qualify {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFFFF;
+/* NEGATIVE */
+button.cancel {
+	background-color:#F8E8E6;
+	border-color: #FFE3DE;
 }
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
+button.cancel:hover {
+	border-color: #F4E1D0;
+	background-color: #FFE3DE;
 }
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
+/*including "save" image*/
+button.save {
+	background-image:url(images/button_accept.gif);
 }
-.social-display-image {
-	float:right;
-	margin-top:-130px;
-	margin-right:5px;
+/*including "add" image*/
+button.add {
+	background-image:url(images/button_add.gif);
 }
-.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;
-}
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-align-box {
-	text-align:left;
-	float:left;
-}
-.social-content-description {
-	background:#ECE9D8;
-}
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info {
-	width:350px;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:20%;
-}
-#social-profile-content {
-	float:right;
-	width:46%;
-	margin-left: 2px;
-}
-#social-profile-right {
-	float:right;
-	width:32%;
-	margin-left: 2px;
-}
-.left-side {
-	min-width: 198px;
-	margin: 0px;
-}
-.social-profile-post {
-	width: 450px;
-	background : #EFEFEF;
-}
-.maincourse {
-	width: 100%;
-	margin-left:0px;
-}
-.social-profile-rounded {
-	background : #eee;
-}
-#social-profile-forum {
-	padding-left:0px;
-}
-#social-profile-thread {
-	padding-left:20px;
-}
-#social-post {
-	padding-left:30px;
-}
-.actions-profile {
-	font-size:14px;
-	background:#efefef;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	/*height:35px;*/
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
-	margin-right:2px;
-}
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	background:#EFEFEF;
-	border-left:1px #999999 dotted;
-	border-top:1px #999999 dotted;
-	border-right:1px #999999 dotted;
-	border-bottom:1px #999999 dotted;
-}
-.social-background-content {
-	background:#EFEFEF;
-}
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
-}
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
-}
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
-}
-/*****************************************************
- *  BUTTONS	                                         *
- *****************************************************/
-/* BUTTONS */
-button,input[type="submit"] {
-	margin:5px 5px 3px 0px !important;
-	background-color: #DFDFDF;
-	border-width: 1px;
-	/*    -moz-border-radius-topright : 5px;
-    -moz-border-radius-topleft : 5px;
-    -moz-border-radius-bottomright : 5px;
-    -moz-border-radius-bottomleft : 5px;
-*/
-    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 input[type="submit"]:hover {
-	background-color:#cbcbcb;
-	color:#545454;
-	border-style: inset;
-}
-/* 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, input[type="submit"].submit_next {
-	padding-left:30px;
-	background-position:10px;
-	background-repeat:no-repeat;
-}
-/* POSITIVE */
-button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
-	background-color:#E5EDF9;
-	border-color: #D4E2F6;
-}
-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, input[type="submit"].submit_next:hover {
-	border-color: #D4E2F6;
-	background-color:#D4E2F6;
-}
-/* NEGATIVE */
-button.cancel {
-	background-color:#F8E8E6;
-	border-color: #FFE3DE;
-}
-button.cancel:hover {
-	border-color: #F4E1D0;
-	background-color: #FFE3DE;
-}
-/*including "save" image*/
-button.save {
-	background-image:url(images/button_accept.gif);
-}
-/*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 "cancel" image*/
+button.cancel {
+	background-image:url(images/button_delete.gif);
 }
 /*including "search" image*/
 button.search {
@@ -2619,3 +2242,1013 @@ input.arrowl {
 	background-color:#eee;
 	width:500px;
 }
+
+/* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
+
+* {
+	outline :none;
+}
+
+/*
+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;
+}
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+	background-image:url(images/shadow.gif);
+}
+.independent_course_item a {
+	font-size:135%;
+}
+.session_course_item a {
+	font-size:120%;
+}
+*/
+
+#maincontent .courseslist li {
+	margin-bottom:8px;
+}
+/*
+a.read {	
+	font-weight:normal;
+}
+.actions {
+	background:#efefef;
+	border:1px solid #ccc;	
+	padding:2px;
+	margin-bottom: 5px;
+	vertical-align:middle;
+}
+.actions-title {	
+	background:#efefef;
+	border:1px solid #ccc;
+	padding:4px;
+	margin-bottom: 5px;
+	font-size:14px;
+	font-weight:bolder;
+	vertical-align:middle;
+}*/
+
+
+/* GROUP TOOL */
+
+#group_description {
+	margin: 10px 0px 10px 0px;
+}
+
+#group_privacy {
+	margin: 10px 0px 10px 0px;
+}
+
+#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;
+}
+
+#group_permissions ul {	
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+
+#group_permissions ul li {
+	margin: 10px 0px 10px 5px;
+}
+
+/* Groups boxes */
+
+.groups_grid_container { 
+	width:100%;
+}
+.groups_grid_item {
+	width:80px;
+	float:left;
+	margin:5px;
+}
+.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;
+}
+
+/*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;
+}
+
+/*MY GROUPS*/
+
+.mygroups_grid_item {
+	float:left;
+	width:350px;
+	height:165px;
+	margin-top:20px;
+}
+	
+.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;
+}
+
+.box_description_group_title {
+	float:right;width:80%;
+}
+.box_description_group_content {
+	float:right;
+	width:80%;
+	height:45px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#666666;
+}
+.box_description_group_actions {
+	float:right;
+	width:80%;
+	text-align:right;
+	margin-top:4px;
+	margin-right:4px;
+}
+
+/*PROFILE*/
+
+.profile_grid_container { width:100%;}
+.profile_grid_item {
+	border:1px dotted #CCCCCC;
+	float:left;
+	height:90px;
+	margin:5px;
+	padding:5px;
+	width:270px;
+}
+.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;
+}
+.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;
+}
+
+.home_group_grid_element_1 {
+	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;
+	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;
+}
+.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;
+}
+
+.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;
+}
+
+#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:240px; */
+	/* float: right; */
+	min-height: 150px;
+	
+}
+
+/* INVITATIONS */
+ 
+.invitation_confirm {
+	border-top:1px solid #D8DFEA;
+}
+.invitation_image {
+	width:110px;
+}
+
+
+/**********************************************
+ *  MESSAGE TOOL                           *
+ **********************************************/
+ 
+ #inbox-wrapper {
+	width:100%;
+}
+#inbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+#outbox {
+	height:auto;
+	margin-left:auto;
+	margin-right:auto;
+	overflow:hidden;
+}
+
+#inbox-menu  {
+	width:150px;
+	float:left;
+	margin-right:10px;
+}
+#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;
+}
+
+#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;
+}
+.message-group-content {
+	line-height:150%;
+	margin: 5px 0px 8px 0px;
+}
+.message-group-date {
+	color:#666;
+	width:100%;
+	text-align:right;	
+}
+.view-message-content {
+	line-height:150%;
+	font-size:110%;
+}
+
+.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;
+}
+
+/* styles from the my.profile.php file */
+.message-content {
+float:left;
+}
+.message-content .message-delete {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	cursor: pointer;
+}
+.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;
+}
+.message-title {
+/*	color:#ff0000; */
+	font-size:12px;
+}
+.message-body {
+	font-size:11px;
+	padding: 0 0 11px;
+	color:#333;
+}
+.message-link {
+	color:#ff8400;
+}
+.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;
+}
+.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;
+}
+
+
+#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:30%;
+}
+.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 {
+}
+
+
+/*SOCIAL TOOL*/
+
+.social-plugin-item {
+	float:left;
+	width:50%;
+	background-color:#ccc;
+	margin: 0px;
+}
+#social-plugins {
+	float:left;
+	background-color:#f00;
+	width:100%;
+	margin: 0px;
+	padding:2px;
+}
+
+
+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;
+}
+div.image-social-content span {
+	overflow:hidden;
+	display:block;
+	height:75px;
+}
+div.image-social-content img {
+	vertical-align:middle;
+}
+div.image-social-content center.friend {
+	overflow:hidden;
+	height:30px;
+}
+.image-social-content .image-delete {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	cursor: pointer;
+}
+.social-info {
+	background:#B8C8DC;
+	color:#4475B0;
+	font-size:12px;
+	font-weight:bold;
+}
+.social-display-image {
+	float:right;
+	margin-top:-130px;
+	margin-right:5px;
+}
+.social-search-image {
+	color:#000033;
+	margin-top:2px;	
+	width:200px;
+}
+.social-subtitle-search {
+	background:#ffffff;
+	border-top:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-align-box {
+	text-align:left;
+	float:left;
+}
+.social-header {
+	margin-bottom:8px;
+}
+#social-content {
+	width:100%;
+	height:auto;
+	overflow:hidden;
+	margin-left:auto;
+	margin-right:auto;
+}
+#social-content-right {
+	height:auto;
+	overflow:hidden;	
+}
+
+.social-content-image {
+	margin-bottom:10px;
+	margin-top:2px;
+}
+
+#social-content-left {
+	float:left;
+	height:auto;
+	margin-right:16px;
+	min-height:300px;
+	width:200px;
+	overflow:hidden;	
+}
+.social-content-description {
+	background:#ECE9D8;
+}
+.social-content-body {
+	background:#ffffff;
+}
+.social-content-table {
+	border-top:1px #9DACBF solid;
+	border-left:1px #9DACBF solid;
+	border-right:1px #9DACBF solid;
+	border-bottom:1px #9DACBF solid;
+}
+.social-profile-info dt {
+	text-align:left;
+	clear:left;
+	float:left;
+	width:80px;
+}
+.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;
+}
+#social-profile-container {
+	/* width: 705px; */
+}
+#social-profile-left {
+	float:left;
+	width:22%;
+}
+#social-profile-content {
+	float:right;
+	width:47%;
+	margin-left: 4px;
+}
+#social-profile-right {
+	float:right;
+	width:30%;
+	margin-left: 4px;
+}
+
+/*  SOCIAL MENU VERTICAL */
+.social-menu  {
+	width:180px;
+	height:auto;
+}
+.social-menu ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+	margin:0;
+	padding: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-menu li img {
+	float:left;
+}
+.social-menu-sub-level a img {
+	float:left;
+}
+.social-menu ul li a {
+	padding:2px 0px;
+}
+.social-menu-sub-level {
+	margin-left:20px;
+}
+.social-menu-title{
+	width:180px;
+	float:left;
+	height:auto;
+	background-color:#A5A6AA;
+	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;
+}
+
+.shared_profile_mygroups_grid_container {
+	width:100%;
+	overflow:hidden;
+}
+.shared_profile_mygroups_grid_item {
+	width:42%;
+	float:left;
+	height:140px;
+	margin:20px;
+}
+
+.social-menu-group-member {
+	float:left;
+	height:120px;
+	margin:5px;
+	overflow:hidden;
+	padding:2px;
+	width:76px;
+}
+ 
+
+/* 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; */	
+}
+
+#social_widget_image {
+	float:left;
+	/*width:190px;*/
+	margin-bottom:5px;
+	padding:2px;
+}
+
+/* SOCIAL BOX */
+
+.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;
+}
+.social-box-content1 {
+	width:330px;
+	height:auto;
+	padding-left:15px;
+	padding-right:10px;
+	background-image:url(../../img/boxmygroupscontent.jpg);
+	background-repeat:repeat-y;
+	overflow:hidden;
+}
+.social-box-main2 {
+	height:auto;
+	overflow:hidden;
+	width:700px;
+}
+.social-box-container2 {
+	width:700px;
+	height:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+.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;
+}
+
+.box_shared_profile_group_title {
+	border-bottom:1pt dotted #000;
+	padding:5px;
+	vertical-align:middle;
+	font-size:12pt;
+	font-weight:bold;
+	margin-bottom:5px
+}
+.box_shared_profile_group_description {
+	height:100px;
+	margin-left:65px;
+}
+.box_shared_profile_group_image {
+	height:80px;
+	width:60px;
+	float:left;
+}
+.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;
+}
+.social-groups-home-title {
+	border-bottom:1pt dotted #000;
+	padding:2px;
+	margin-bottom:5px;
+	font-weight:bold;
+}
+.social-home-users-online {
+	border:3px solid #E6E6E6;
+}
+
+#social-content-online {
+	background-color:#32578B;
+	margin-bottom:5px;
+	margin-top:2px;
+	padding:1px;
+}
+
+#social-group-details {
+	margin-left:82px;
+}
+.social-group-details-info span {
+	color:#777;
+}
+
+.social-group-details-info {
+	padding:2px 0px 2px 0px;
+}
+
+

+ 1 - 312
main/css/sober_brown/default.css

@@ -2224,95 +2224,6 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	background-color: #f0f0f0;
 	border: 1px solid #bbb;
 }
-/**********************************************
- *  MESSAGE TOOL                           *
- **********************************************/
-
-/* styles from the new_message.php file */
-
-.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;
-}
-/* styles from the my.profile.php file */
-.message-content {
-	float:right;
-	margin:20px auto;
-	background:#F5E38E;
-	border:2px solid #EBCA4F;
-	padding:10px;
-	width:200px;
-	position:relative;
-}
-.message-content .message-delete {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	cursor: pointer;
-}
-.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;
-}
-.message-title {
-	color:#ff0000;
-	font-size:15px;
-}
-.message-body {
-	font-size:11px;
-	padding: 0 0 11px;
-	color:#333;
-}
-.message-link {
-	color:#ff8400;
-}
-.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;
-}
-.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;
-}
 /**********************************************
  *  EXERCISE TOOL                           *
  **********************************************/
@@ -2427,228 +2338,6 @@ span.radio {
   padding:0px 10px 0 0;
   font-weight:normal;
 }
-/*SOCIAL TOOL*/
-div.image-social-content {
-	float:left;
-	border:1px solid #B8C8DC;
-	margin:2px;
-	padding: 8px 4px 4px 4px;
-	background: #ffffff;
-	height:125px;
-	width:82px;
-	z-index:5;
-	cursor:pointer;
-	position:relative;
-}
-div.image-social-content span {
-	overflow:hidden;
-	display:block;
-	height:92px;
-}
-div.image-social-content img {
-	vertical-align:middle;
-}
-div.image-social-content center.friend {
-	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;
-}
-.social-qualify-display {
-	border-bottom:1px solid #ece9d8;
-	border-left:1px solid #ece9d8;
-	background:#FFFF66;
-	color:#000033;
-	font-weight:bold;
-}
-.social-info {
-	background:#B8C8DC;
-	color:#4475B0;
-	font-size:12px;
-	font-weight:bold;
-}
-.social-display-image {
-	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;
-}
-.social-subtitle-search {
-	background:#ffffff;
-	border-top:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-align-box {
-	text-align:left;
-	float:left;
-}
-.social-content-description {
-	background:#ECE9D8;
-}
-.social-content-body {
-	background:#ffffff;
-}
-.social-content-table {
-	border-top:1px #9DACBF solid;
-	border-left:1px #9DACBF solid;
-	border-right:1px #9DACBF solid;
-	border-bottom:1px #9DACBF solid;
-}
-.social-profile-info {
-	width:350px;
-}
-.social-profile-info dt {
-	text-align:left;
-	clear:left;
-	color:#808080;
-	float:left;
-	width:100px;
-}
-.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;
-}
-#social-profile-container {
-	/* width: 705px; */
-}
-#social-profile-left {
-	float:left;
-	width:21%;
-}
-#social-profile-content {
-	float:right;
-	width:46%;
-	margin-left: 2px;
-}
-#social-profile-right {
-	float:right;
-	width:32%;
-	margin-left: 2px;
-}
-.left-side {
-	min-width: 198px;
-	margin: 0px;
-}
-.social-profile-post {
-	background : #EFEFEF;
-}
-.maincourse {
-	width: 100%;
-	margin-left:0px;
-}
-.social-profile-rounded {
-	background : #eee;
-}
-#social-profile-forum {
-	padding-left:0px;
-}
-#social-profile-thread {
-	padding-left:20px;
-}
-#social-post {
-	padding-left:30px;
-}
-.actions-profile {
-	font-size:14px;
-	background:#efefef;
-	border-bottom:1px dotted #999999;
-	border-top:1px dotted #999999;
-	/*height:35px;*/
-    padding:2px;
-	margin-bottom: 2px;
-	/*background:url(images/actions.jpg) repeat-x;*/
-    vertical-align:middle;
-	font-weight:700;
-	margin-right:2px;
-}
-.social-content-image {
-	margin-top:4px;
-	margin-right:5px;
-	background:#EFEFEF;
-	border-left:1px #999999 dotted;
-	border-top:1px #999999 dotted;
-	border-right:1px #999999 dotted;
-	border-bottom:1px #999999 dotted;
-}
-.social-background-content {
-	background:#EFEFEF;
-}
-.social-content-information {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-training {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-friend-container {
-	margin-left:4px;
-	margin-right:0px;
-}
-.social-content-competences {
-	margin-left:5px;
-	margin-right:5px;
-}
-.social-content-announcements {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-content-agenda {
-	margin-left:10px;
-	margin-right:10px;
-}
-.social-actions-message {
-	white-space: nowrap;
-	padding: 2px;
-	background-color: #ffffff;
-	border: 1px solid #bbb;
-}
 /*****************************************************
  *  BUTTONS	                                         *
  *****************************************************/
@@ -3702,7 +3391,7 @@ div.image-social-content center.friend {
 	width:180px;
 	float:left;
 	height:auto;
-	background-color:#32578b;
+	background-color:#716D61;
 	margin-bottom:10px;
 	padding-top:4px;
 	padding-bottom:4px;