diff --git a/main/css/academica/jquery.tabs.css b/main/css/academica/jquery.tabs.css
deleted file mode 100644
index efecc087c6..0000000000
--- a/main/css/academica/jquery.tabs.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    border-bottom:0px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/baby_orange/jquery.tabs.css b/main/css/baby_orange/jquery.tabs.css
deleted file mode 100644
index 1cbf9a4a2c..0000000000
--- a/main/css/baby_orange/jquery.tabs.css
+++ /dev/null
@@ -1,98 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    background:#FDDEAA;
-    border-bottom:0px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/blue_lagoon/jquery.tabs.css b/main/css/blue_lagoon/jquery.tabs.css
deleted file mode 100644
index 4e079b0715..0000000000
--- a/main/css/blue_lagoon/jquery.tabs.css
+++ /dev/null
@@ -1,102 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    background:#ffffff;
-    border-bottom:1px dotted #ffffff;
-    border-top:1px dotted #ffffff;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-	display: block;
-	padding: 0 10px;
-	background: url(images/tab.png) no-repeat;
-
-}
-.tabs-nav a {
-	position: relative;
-	top: 1px;
-	z-index: 2;
-	padding-left: 0;
-	color: #fff;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 2;
-	text-align: center;
-	text-decoration: none;
-	white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-	color: #fff;
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-	border-top: 1px solid #97a5b0;
-	padding: 1em 8px;
-	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-	padding: 0 0 0 20px;
-	background: url(images/loading.gif) no-repeat 0 50%;
-	color: #A8A7A7;
-
-}
diff --git a/main/css/chamilo/default.css b/main/css/chamilo/default.css
index 5feaae938f..644954e35c 100755
--- a/main/css/chamilo/default.css
+++ b/main/css/chamilo/default.css
@@ -3815,7 +3815,7 @@ div.image-social-content center.friend {
     font-family:Verdana, Geneva, sans-serif;
     color:#000;
     font-weight:bold;
-    font-size:12px;
+    font-size:13px;
     vertical-align:bottom;
 }
 .social-menu-title-right {
diff --git a/main/css/chamilo_electric_blue/default.css b/main/css/chamilo_electric_blue/default.css
index 7fee7a6ce3..940fce20ed 100755
--- a/main/css/chamilo_electric_blue/default.css
+++ b/main/css/chamilo_electric_blue/default.css
@@ -3971,7 +3971,7 @@ div.image-social-content center.friend {
     font-family:Verdana, Geneva, sans-serif;
     color:#000;
     font-weight:bold;
-    font-size:12px;
+    font-size:13px;
     vertical-align:bottom;
 }
 .social-menu-title-right {
diff --git a/main/css/chamilo_electric_blue/jquery.tabs.css b/main/css/chamilo_electric_blue/jquery.tabs.css
deleted file mode 100755
index a2bf23a582..0000000000
--- a/main/css/chamilo_electric_blue/jquery.tabs.css
+++ /dev/null
@@ -1,96 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */    
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    /*border-top: 1px solid #97a5b0;*/
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/chamilo_green/default.css b/main/css/chamilo_green/default.css
index 04592b81a8..c5cf76734d 100755
--- a/main/css/chamilo_green/default.css
+++ b/main/css/chamilo_green/default.css
@@ -3986,7 +3986,7 @@ div.image-social-content center.friend {
     font-family:Verdana, Geneva, sans-serif;
     color:#000;
     font-weight:bold;
-    font-size:12px;
+    font-size:13px;
     vertical-align:bottom;
 }
 .social-menu-title-right {
diff --git a/main/css/chamilo_green/jquery.tabs.css b/main/css/chamilo_green/jquery.tabs.css
deleted file mode 100644
index a2bf23a582..0000000000
--- a/main/css/chamilo_green/jquery.tabs.css
+++ /dev/null
@@ -1,96 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */    
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    /*border-top: 1px solid #97a5b0;*/
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/chamilo_orange/default.css b/main/css/chamilo_orange/default.css
index a03995bded..7f77a4b424 100755
--- a/main/css/chamilo_orange/default.css
+++ b/main/css/chamilo_orange/default.css
@@ -3957,7 +3957,7 @@ div.image-social-content center.friend {
     font-family:Verdana, Geneva, sans-serif;
     color:#000;
     font-weight:bold;
-    font-size:12px;
+    font-size:13px;
     vertical-align:bottom;
 }
 .social-menu-title-right {
diff --git a/main/css/chamilo_orange/jquery.tabs.css b/main/css/chamilo_orange/jquery.tabs.css
deleted file mode 100755
index a2bf23a582..0000000000
--- a/main/css/chamilo_orange/jquery.tabs.css
+++ /dev/null
@@ -1,96 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */    
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    /*border-top: 1px solid #97a5b0;*/
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/chamilo_red/default.css b/main/css/chamilo_red/default.css
index dd7a5c1d54..a16b64f915 100755
--- a/main/css/chamilo_red/default.css
+++ b/main/css/chamilo_red/default.css
@@ -3970,7 +3970,7 @@ div.image-social-content center.friend {
     font-family:Verdana, Geneva, sans-serif;
     color:#000;
     font-weight:bold;
-    font-size:12px;
+    font-size:13px;
     vertical-align:bottom;
 }
 .social-menu-title-right {
diff --git a/main/css/chamilo_red/jquery.tabs.css b/main/css/chamilo_red/jquery.tabs.css
deleted file mode 100644
index a2bf23a582..0000000000
--- a/main/css/chamilo_red/jquery.tabs.css
+++ /dev/null
@@ -1,96 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */    
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    /*border-top: 1px solid #97a5b0;*/
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/cool_blue/jquery.tabs.css b/main/css/cool_blue/jquery.tabs.css
deleted file mode 100644
index 45311ccb36..0000000000
--- a/main/css/cool_blue/jquery.tabs.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    background:#ffffff;
-    border-bottom:1px dotted #ffffff;
-    border-top:1px dotted #ffffff;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-	display: block;
-	padding: 0 10px;
-	background: url(images/tab.png) no-repeat;
-}
-.tabs-nav a {
-	position: relative;
-	top: 1px;
-	z-index: 2;
-	padding-left: 0;
-	color: #fff;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 2;
-	text-align: center;
-	text-decoration: none;
-	white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-	color: #fff;
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-	border-top: 1px solid #97a5b0;
-	padding: 1em 8px;
-	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-	padding: 0 0 0 20px;
-	background: url(images/loading.gif) no-repeat 0 50%;
-}
diff --git a/main/css/corporate/jquery.tabs.css b/main/css/corporate/jquery.tabs.css
deleted file mode 100644
index efecc087c6..0000000000
--- a/main/css/corporate/jquery.tabs.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    border-bottom:0px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/cosmic_campus/jquery.tabs.css b/main/css/cosmic_campus/jquery.tabs.css
deleted file mode 100644
index 43660cbd20..0000000000
--- a/main/css/cosmic_campus/jquery.tabs.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    border-bottom:0px ;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/delicious_bordeaux/jquery.tabs.css b/main/css/delicious_bordeaux/jquery.tabs.css
deleted file mode 100644
index 45311ccb36..0000000000
--- a/main/css/delicious_bordeaux/jquery.tabs.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    background:#ffffff;
-    border-bottom:1px dotted #ffffff;
-    border-top:1px dotted #ffffff;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-	display: block;
-	padding: 0 10px;
-	background: url(images/tab.png) no-repeat;
-}
-.tabs-nav a {
-	position: relative;
-	top: 1px;
-	z-index: 2;
-	padding-left: 0;
-	color: #fff;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 2;
-	text-align: center;
-	text-decoration: none;
-	white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-	color: #fff;
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-	border-top: 1px solid #97a5b0;
-	padding: 1em 8px;
-	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-	padding: 0 0 0 20px;
-	background: url(images/loading.gif) no-repeat 0 50%;
-}
diff --git a/main/css/dokeos_blue/jquery.tabs.css b/main/css/dokeos_blue/jquery.tabs.css
deleted file mode 100644
index 768a20cb83..0000000000
--- a/main/css/dokeos_blue/jquery.tabs.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-	background:#ffffff;
-    border-bottom:1px dotted #ffffff;
-    border-top:1px dotted #ffffff;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-	display: block;
-	padding: 0 10px;
-	background: url(images/tab.png) no-repeat;
-}
-.tabs-nav a {
-	position: relative;
-	top: 1px;
-	z-index: 2;
-	padding-left: 0;
-	color: #fff;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 2;
-	text-align: center;
-	text-decoration: none;
-	white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-	color: #fff;
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-	border-top: 1px solid #97a5b0;
-	padding: 1em 8px;
-	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-	padding: 0 0 0 20px;
-	background: url(images/loading.gif) no-repeat 0 50%;
-}
diff --git a/main/css/dokeos_classic/jquery.tabs.css b/main/css/dokeos_classic/jquery.tabs.css
deleted file mode 100644
index efecc087c6..0000000000
--- a/main/css/dokeos_classic/jquery.tabs.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    border-bottom:0px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/dokeos_classic_2D/jquery.tabs.css b/main/css/dokeos_classic_2D/jquery.tabs.css
deleted file mode 100644
index efecc087c6..0000000000
--- a/main/css/dokeos_classic_2D/jquery.tabs.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    border-bottom:0px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/empire_green/jquery.tabs.css b/main/css/empire_green/jquery.tabs.css
deleted file mode 100644
index 45311ccb36..0000000000
--- a/main/css/empire_green/jquery.tabs.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    background:#ffffff;
-    border-bottom:1px dotted #ffffff;
-    border-top:1px dotted #ffffff;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-	display: block;
-	padding: 0 10px;
-	background: url(images/tab.png) no-repeat;
-}
-.tabs-nav a {
-	position: relative;
-	top: 1px;
-	z-index: 2;
-	padding-left: 0;
-	color: #fff;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 2;
-	text-align: center;
-	text-decoration: none;
-	white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-	color: #fff;
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-	border-top: 1px solid #97a5b0;
-	padding: 1em 8px;
-	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-	padding: 0 0 0 20px;
-	background: url(images/loading.gif) no-repeat 0 50%;
-}
diff --git a/main/css/fruity_orange/jquery.tabs.css b/main/css/fruity_orange/jquery.tabs.css
deleted file mode 100644
index 45311ccb36..0000000000
--- a/main/css/fruity_orange/jquery.tabs.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    background:#ffffff;
-    border-bottom:1px dotted #ffffff;
-    border-top:1px dotted #ffffff;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-	display: block;
-	padding: 0 10px;
-	background: url(images/tab.png) no-repeat;
-}
-.tabs-nav a {
-	position: relative;
-	top: 1px;
-	z-index: 2;
-	padding-left: 0;
-	color: #fff;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 2;
-	text-align: center;
-	text-decoration: none;
-	white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-	color: #fff;
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-	border-top: 1px solid #97a5b0;
-	padding: 1em 8px;
-	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-	padding: 0 0 0 20px;
-	background: url(images/loading.gif) no-repeat 0 50%;
-}
diff --git a/main/css/medical/jquery.tabs.css b/main/css/medical/jquery.tabs.css
deleted file mode 100644
index efecc087c6..0000000000
--- a/main/css/medical/jquery.tabs.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    border-bottom:0px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/public_admin/jquery.tabs.css b/main/css/public_admin/jquery.tabs.css
deleted file mode 100644
index d05e2ff9a9..0000000000
--- a/main/css/public_admin/jquery.tabs.css
+++ /dev/null
@@ -1,96 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-    /*border-top: 1px solid #97a5b0;*/
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/royal_purple/jquery.tabs.css b/main/css/royal_purple/jquery.tabs.css
deleted file mode 100644
index 45311ccb36..0000000000
--- a/main/css/royal_purple/jquery.tabs.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    background:#ffffff;
-    border-bottom:1px dotted #ffffff;
-    border-top:1px dotted #ffffff;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-	display: block;
-	padding: 0 10px;
-	background: url(images/tab.png) no-repeat;
-}
-.tabs-nav a {
-	position: relative;
-	top: 1px;
-	z-index: 2;
-	padding-left: 0;
-	color: #fff;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 2;
-	text-align: center;
-	text-decoration: none;
-	white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-	color: #fff;
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-	border-top: 1px solid #97a5b0;
-	padding: 1em 8px;
-	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-	padding: 0 0 0 20px;
-	background: url(images/loading.gif) no-repeat 0 50%;
-}
diff --git a/main/css/silver_line/jquery.tabs.css b/main/css/silver_line/jquery.tabs.css
deleted file mode 100644
index 3e0f03a23e..0000000000
--- a/main/css/silver_line/jquery.tabs.css
+++ /dev/null
@@ -1,98 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-    .tabs-hide {
-        display: none;
-    }
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-    .tabs-nav {
-        display: none;
-    }
-}
-
-/* Skin */
-.tabs-nav {
-    list-style: none;
-    margin: 0;
-    padding: 0 0 0 4px;
-    border-bottom:0px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-    display: block;
-    clear: both;
-    content: " ";
-}
-.tabs-nav li {
-    float: left;
-    margin: 0 0 0 1px;
-    min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-    background-position: 100% -150px;
-    outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-    background-position: 100% -100px;
-}
-.tabs-nav a span {
-    width: 64px; /* IE 6 treats width as min-width */
-    min-width: 64px;
-    height: 18px; /* IE 6 treats height as min-height */
-    min-height: 18px;
-    padding-top: 6px;
-    padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-    width: auto;
-    height: auto;
-}
-.tabs-nav .tabs-selected a span {
-    padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-    background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-    background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-    cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-    cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-    opacity: .4;
-}
-.tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/sober_brown/jquery.tabs.css b/main/css/sober_brown/jquery.tabs.css
deleted file mode 100644
index 3e0f03a23e..0000000000
--- a/main/css/sober_brown/jquery.tabs.css
+++ /dev/null
@@ -1,98 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-    .tabs-hide {
-        display: none;
-    }
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-    .tabs-nav {
-        display: none;
-    }
-}
-
-/* Skin */
-.tabs-nav {
-    list-style: none;
-    margin: 0;
-    padding: 0 0 0 4px;
-    border-bottom:0px;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-    display: block;
-    clear: both;
-    content: " ";
-}
-.tabs-nav li {
-    float: left;
-    margin: 0 0 0 1px;
-    min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-    display: block;
-    padding: 0 10px;
-    /*background: url(images/tab.png) no-repeat;*/
-}
-.tabs-nav a {
-    position: relative;
-    top: 1px;
-    z-index: 2;
-    padding-left: 0;
-    /*color: #fff;*/
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 2;
-    text-align: center;
-    text-decoration: none;
-    white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-    /*color: #fff;*/
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-    background-position: 100% -150px;
-    outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-    background-position: 100% -100px;
-}
-.tabs-nav a span {
-    width: 64px; /* IE 6 treats width as min-width */
-    min-width: 64px;
-    height: 18px; /* IE 6 treats height as min-height */
-    min-height: 18px;
-    padding-top: 6px;
-    padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-    width: auto;
-    height: auto;
-}
-.tabs-nav .tabs-selected a span {
-    padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-    background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-    background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-    cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-    cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-    opacity: .4;
-}
-.tabs-container {
-    border-top: 1px solid #97a5b0;
-    padding: 1em 8px;
-    /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-    padding: 0 0 0 20px;
-    /*background: url(images/loading.gif) no-repeat 0 50%;*/
-}
diff --git a/main/css/steel_grey/jquery.tabs.css b/main/css/steel_grey/jquery.tabs.css
deleted file mode 100644
index 45311ccb36..0000000000
--- a/main/css/steel_grey/jquery.tabs.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    background:#ffffff;
-    border-bottom:1px dotted #ffffff;
-    border-top:1px dotted #ffffff;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-	display: block;
-	padding: 0 10px;
-	background: url(images/tab.png) no-repeat;
-}
-.tabs-nav a {
-	position: relative;
-	top: 1px;
-	z-index: 2;
-	padding-left: 0;
-	color: #fff;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 2;
-	text-align: center;
-	text-decoration: none;
-	white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-	color: #fff;
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-	border-top: 1px solid #97a5b0;
-	padding: 1em 8px;
-	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-	padding: 0 0 0 20px;
-	background: url(images/loading.gif) no-repeat 0 50%;
-}
diff --git a/main/css/tasty_olive/jquery.tabs.css b/main/css/tasty_olive/jquery.tabs.css
deleted file mode 100644
index 45311ccb36..0000000000
--- a/main/css/tasty_olive/jquery.tabs.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* Caution! Ensure accessibility in print and other media types... */
-@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
-.tabs-hide {
-	display: none;
-}
-}
-
-/* Hide useless elements in print layouts... */
-@media print {
-.tabs-nav {
-	display: none;
-}
-}
-/* Skin */
-.tabs-nav {
-	list-style: none;
-	margin: 0;
-	padding: 0 0 0 4px;
-    background:#ffffff;
-    border-bottom:1px dotted #ffffff;
-    border-top:1px dotted #ffffff;
-}
-.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
-	display: block;
-	clear: both;
-	content: " ";
-}
-.tabs-nav li {
-	float: left;
-	margin: 0 0 0 1px;
-	min-width: 84px; /* be nice to Opera */
-}
-.tabs-nav a, .tabs-nav a span {
-	display: block;
-	padding: 0 10px;
-	background: url(images/tab.png) no-repeat;
-}
-.tabs-nav a {
-	position: relative;
-	top: 1px;
-	z-index: 2;
-	padding-left: 0;
-	color: #fff;
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 2;
-	text-align: center;
-	text-decoration: none;
-	white-space: nowrap; /* required in IE 6 */
-}
-.tabs-nav .tabs-selected a {
-	color: #fff;
-}
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
-	background-position: 100% -150px;
-	outline: 0; /* prevent dotted border in Firefox */
-}
-.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
-	background-position: 100% -100px;
-}
-.tabs-nav a span {
-	width: 64px; /* IE 6 treats width as min-width */
-	min-width: 64px;
-	height: 18px; /* IE 6 treats height as min-height */
-	min-height: 18px;
-	padding-top: 6px;
-	padding-right: 0;
-}
-*>.tabs-nav a span { /* hide from IE 6 */
-	width: auto;
-	height: auto;
-}
-.tabs-nav .tabs-selected a span {
-	padding-top: 7px;
-}
-.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
-	background-position: 0 -50px;
-}
-.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
-	background-position: 0 0;
-}
-.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
-	cursor: text;
-}
-.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
-	cursor: pointer;
-}
-.tabs-nav .tabs-disabled {
-	opacity: .4;
-}
-.tabs-container {
-	border-top: 1px solid #97a5b0;
-	padding: 1em 8px;
-	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
-}
-.tabs-loading em {
-	padding: 0 0 0 20px;
-	background: url(images/loading.gif) no-repeat 0 50%;
-}