diff --git a/main/css/base.css b/main/css/base.css
index fe5687147d..1f61b29b26 100755
--- a/main/css/base.css
+++ b/main/css/base.css
@@ -2,1068 +2,715 @@
  * Common CSS for all themes
 */
 
-/* some changes to the bootstrap.css */
-
-/* when doing a var_dump*/
-
-pre {
-    margin-top:40px;
+html {
+    margin: 0;
+    padding: 0;
+    position: relative;
+    min-height: 100%;
 }
 
-/* chzn-select fix */
-select {
-    width : auto;
+body {
+    margin-bottom: 80px;
 }
 
-.invisible {
-    visibility: visible;
+footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 80px;
+    background-color: #f5f5f5;
 }
 
-/* NEW CSS BASE */
-.logo{
-  margin-bottom: 10px;
-  padding: 5px;
-  margin-top: 10px;
-}
-.title-header-tools{
-  text-align: center;
+#footer_left, #footer_center, #footer_right {
+    margin: 20px 0 0 0;
 }
 
-ul#navigation {
-  position: fixed;
-  margin: 0px;
-  padding: 0px;
-  top: 200px;
-  right: -10px;
-  list-style: none;
-  z-index:9999;
+/* Sticky footer*/
+.push {
+    height: 9em; /* Very important */
 }
 
-ul#navigation li {
-  width: 73px;
+#topbar_push {
+    height: 55px;
 }
 
-ul#navigation li a {
-  display: block;
-  margin-left: 1px;
-  width: 65px;
-  opacity: 0.6;
-  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-  -webkit-box-shadow: 0px 4px 3px #000;
+.actions {
+    background:#ffffff;
+    border:1px solid #dddddd;
+    padding: 15px;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+    margin-bottom: 20px;
 }
-
-ul#navigation .help a {
-  background-color:#879DAA;
-  border:1px solid #FFFFFF;
-  display:block;
-  margin-left:50px;
-  opacity:0.6;
-  width:65px;
-  padding: 6px 0 8px 6px;
+[dir=rtl] .actions {
+    background:#efefef;
+    border:1px solid #ccc;
+    margin-bottom: 11px;
+    padding: 2px 2px 2px 14px;
+    vertical-align:middle;
+    float: right;
 }
-ul#navigation .report a {
-  background-color:#8fd400;
-  border:1px solid #FFFFFF;
-  display:block;
-  margin-left:50px;
-  opacity:0.6;
-  width:65px;
-  padding: 6px 0 8px 6px;
+.actions .actions-pagination {
+  float:right;
+  margin-top:2px;
 }
-
-/* END CSS BASE */
-
-.button-load{
-  background: url("../img/icons/64/file_upload.png") no-repeat center 20px;
-  padding-top: 70px;
+.actions .actions-pagination * {
+  display:inline-block;
+  float:none;
+  margin:0;
+  padding:0;
 }
-
-/* START COURSE PROGRESS */
-.thematic-postit{
-  padding-top: 5px;
-  padding-bottom: px;
+.actions .actions-pagination img {
+  margin:6px;
+  padding:0;
 }
-.thematic-postit .tittle-score{
-  padding-bottom: 5px;
-  font-size: 16px;
-  color: #006699;
+.actions form {
+    margin-bottom: 0px;
 }
-.thematic-postit .topics{
-  font-size: 12px;
-  padding-bottom: 5px;
-  color: #006699;
+.actions fieldset {
+    margin-top:0px;
 }
-.thematic-postit .items-progress {
-  border-top: 2px solid #C4DDEB;
-  padding: 5px;
-  margin-top: 0px;
-  background-color: #ECF4F8;
+.muted {
+  color: #999999 !important;
 }
-.thematic-postit .items-progress.current {
-    border-top: 2px solid #C4DDEB;
-    padding: 5px;
-    margin-top: 0px;
-    background-color: #C4DDEB;
+.actions a {
+    display: inline-block;
+    margin-right: 10px;
 }
-.thematic-postit .items-progress .date{
-  color: #666;
-  font-size: 11px;
-  display: block;
+.actions .btn-toolbar {
+    margin : 0px;
 }
-.thematic-postit .items-progress .title{
-  font-size: 14px;
-  line-height: 18px;
-  display: block;
+.actions span {
+    display: inline-block;
+    margin-right: 10px;
+    vertical-align:middle;
 }
-.thematic-postit .items-progress .time{
-  display: block;
-  padding-top: 5px;
+.actions form {
+    margin-right: 10px;
+    vertical-align:middle;
 }
-.thematic-postit .info-progress{
-  padding: 10px;
+.actions fieldset {
+    margin-top:0px;
 }
-.thematic-postit .score-thematic .score{
-  text-align: right;
+#friend-container .thumbnail {
+    min-height: 140px;
 }
 
-.thematic-postit .score-thematic .name-student{
-  font-weight: bold;
-  font-size: 16px;
-  padding-left: 70px;
-  margin: 0px;
-}
-.thematic-postit .score-thematic{
-  color: #666;
+#friend-container .thumbnail img {
+    max-height: 100px;
 }
-.thematic-postit .score-thematic p{
-  padding: 0px;
-  margin: 0px;
+
+[dir=rtl] #friends > .thumbnails > li {
+    float: right;
 }
-.thematic-postit .row-fluid.score-thematic {
-  padding-top: 5px;
+
+.show-grid [class*="span"] {
+    background-color: #EEEEEE;
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    line-height: 30px;
+    min-height: 30px;
+    text-align: center;
 }
-.thematic-postit .accordion-heading .accordion-toggle {
-  display: inline;
-  padding-bottom: 3px;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 3px;
-  float: right;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  margin-right: 15px;
+
+a.tag {
+    background-color: #E0EAF1;
+    border-bottom: 1px solid #3E6D8E;
+    border-right: 1px solid #7F9FB6;
+    color: #3E6D8E;
+    font-size: 90%;
+    line-height: 2.4;
+    margin: 2px 2px 2px 0;
+    padding: 3px 4px;
+    text-decoration: none;
+    white-space: nowrap;
 }
-.thematic-postit .accordion-heading .title-accordion{
-  padding:0px;
-  background:url(thematic.png) no-repeat left bottom transparent;
+
+/* User portal */
+
+#settings h4 {
+    margin-bottom:10px;
 }
 
-.thematic-postit .name-student h2{
-  font-size: 18px;
-  margin: 0;
+/* Admin index.php */
+#settings .span6 {
+    min-height: 340px;
+    width: 47%;
 }
-.thematic-postit .accordion-heading h3, .accordion-heading h2{
-  line-height: 17px;
+#settings .span6 .well_border{
+    min-height: 300px;
 }
-.thematic-postit .accordion-group{
-  border: 1px solid #D4E6F0;
-
+#settings .form-search .span3 {
+    float: left;
 }
-.thematic-postit .name-student h3{
-  font-size: 13px;
-  font-weight: normal;
-  margin: 0;
 
+/* user_portal course status icon */
+.coursestatusicons {
+    border: 0px solid #000;
+    float: left;
+    padding-right: 5px;
+    width: auto;
 }
-.thematic-postit .accordion-heading {
-  background-color: #E7F1F7;
+/* user_portal course list */
+.courses {
+    list-style-type: none;
+    margin-bottom: 5px;
+    height: 30px;
 }
-.thematic-postit .items-progress p{
-  margin-bottom: 3px;
+/* user_portal session list */
+.session_course_item .courses {
+    margin-bottom: 5px;
+    height:35px;
 }
-.thematic-postit .accordion-body.collapse {
-  height: 0;
-  display: none;
+.session_course_item {
+    /* padding: 0px; */
+    margin: 0px;
+    margin-bottom:15px;
+    font-size:135%;
 }
-.thematic-postit .accordion-body.collapse.in {
-  height: auto;
-  display: block;
+
+.userportal-course-item {
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    background-color:#F9F9F9;
+    /*padding:5px 10px 5px 10px;
+    margin:0px 0px 10px 0px;    */
+}
+#course_category li,
+#hot_courses h5,
+.course_item h5,
+.categories-course-description h5,
+.course-box h5 {
+    font-size: 12px;
+    overflow-y : auto;
+    max-height:70px;
+    padding: 5px;
 }
 
-/* END COURSE PROGRESS*/
+.session_box_title {
+    margin-bottom: 7px;
+}
 
-/* SESSION CATALOG*/
-.session-group .padding-clear{
-    padding-top: 5px;
-    padding-bottom: 10px;
+.session_course_item .item_closed, .userportal-course-item-title .item_closed {
+    font-size:80%;
 }
-/*.session-group .thumbnail{
-    border: none;
-    box-shadow: none;
-}*/
-.session-group .border-info{
-    /*border-bottom: 1px solid #ccc;*/
-    padding-bottom: 5px;
-}
-.session-group .buttom-subscribed{
-    padding-top: .5em;
-    padding-bottom: .5em;
-}
-.session-group .time{
-    font-size: 12px;
-}
-.session-group .accordion-heading{
-    background-color: #D2E7F3;
-}
-.session-group .accordion-group{
-    border: 1px solid #B7D7EF;
-}
-.session-group .accordion-inner{
-    border-top: 1px solid #B7D7EF;
-    background-color: #FFFFFF;
-}
-.buttom-subscribed .btn{
-    display: block;
-}
-.session-group .items-session{
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-.session-group .items-session li{
-    padding-bottom: 5px;
-}
-/* SESSION CATALOG END*/
-
-#main .nav .dropdown {
-  width:150px;
-  text-align: right;
-}
-
-#main .nav .dropdown:nth-child(n) {
-  width:auto;
-}
-.course-items .title{
-  margin-top: 0px;
-}
-
-/* To fix the increase/decrease buttons */
-label, input, button, select, textarea, p {
-    font-size: inherit;
-}
-
-.badge-group {
-    width: 200px;
-    position: relative;
+#maincontent .courseslist li {
+    margin-bottom:8px;
 }
 
-.badge-group .badge {
-    float:left;
-    position:relative;
+.independent_course_item a {
+    font-size:135%;
 }
 
-.badge-group  > :first-child {
-    z-index: 1000;
+.userportal-session-item {
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    background-color:#F9F9F9;
+    padding:5px 10px 10px 6px;
+    margin:10px 0px;
 }
 
-.badge-group  > :nth-child(2) {
-    z-index: 900;
+.userportal-session-category-item {
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    background-color:#F9F9F9;
+    padding:5px 10px 10px 16px;
+    /* height:40px; */
+    /*background-color:#f9f9f9; border:1px solid #dddddd; padding:5px 10px 5px 10px; margin-top: 10px; */
 }
 
-.badge-group  > :nth-child(3) {
-    z-index: 800;
-}
-.badge-group  > :nth-child(4) {
-    z-index: 700;
+/*****************************************************
+ *              AGENDA                               *
+ *****************************************************/
+#agenda {
+    width: 100%;
+    margin: 0 auto;
+    border: 1px solid #bbb;
+    border-collapse: collapse;
 }
-.badge-group  > :nth-child(5) {
-    z-index: 600;
+.agenda_month_divider {
+    background-color: #dcdcdc;
+    font-weight: bold;
+    font-size: 12px;
+    color: #666;
+    text-align: center;
 }
-
-.badge-group .badge:not(:first-child) {
-    margin-left: -13px;
-    padding-left: 15px;
+#agenda .title a {
+    color: #fff;
 }
-
-/* button with image */
-button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back {
-    padding-left:30px;
-    background-position:8px !important;
-    background-repeat:no-repeat;
+#agenda .agendaitem {
+    font-size: 12px;
 }
-
-/* button << */
-button.arrowl, button.arrowr, input.arrowl, input.arrowr  {
-    margin: 0px 15px 0px 15px;
-    padding:15px 18px;
-    background-position:7px;
+#smallcalendar .title {
+    background-color: #dcdcdc;
+    font-weight: bold;
+    padding: 5px;
+    color: #666;
+    text-align: center;
+    font-size: 11px;
 }
-/*including "arrowl" image*/
-button.arrowl, button.arrowr, input.arrowl, input.arrowr  {
-    background-repeat:no-repeat;
+#smallcalendar .title a {
+    color: #666;
 }
-
-button.arrowl:hover, button.arrowr:hover , input.arrowl:hover, input.arrowr:hover {
-    background-position:7px;
+#agenda_select {
+    list-style: none;
+    border: 0px solid green;
+    margin: 30px 0 0 0;
+    padding: 0 0 0 10px;
 }
 
-/* Fixing old chamilo forms */
 
-/* fixes the * */
-span.form_required  {
-    padding-right:5px;
+/* ---------------------------------------------------
+    styles for the agenda (day, week, month view)
+-----------------------------------------------------*/
+#agenda_list {
+    width: 100%;
+    margin: 0 auto;
+    border: 1px solid #fff;
+    border-collapse: collapse;
 }
-
-form .formw {
-    margin-left: 170px;
+/*The caption of the calendar (displays the month and the << and >> links*/
+#agenda_list .title {
+    background-color: #dcdcdc;
+    font-weight: bold;
+    font-size: 12px;
+    color: #666;
+    text-align: left;
+    padding: 2px 10px;
+    text-align: center;
+    border: 1px solid #bbb;
 }
-form .form-button-login{
-  margin-top: 5px;
+#agenda_list .title a:link, #agenda_list #title a:visited {
+    background-color: #dcdcdc;
+    font-weight: bold;
+    font-size: 11px;
+    color: #666;
+    padding: 2px 10px;
+    text-align: center;
 }
-form .formw input {
-    float:left;
+#agenda_list .title a:hover {
+    background-color: #dcdcdc;
+    font-weight: bold;
+    font-size: 11px;
+    color: #f3840d;
+    padding: 2px 10px;
+    text-align: center;
 }
-
-.formw input[type="checkbox"], .formw input[type="radio"] {
-    margin-right: 5px;
-    margin-top: 2px;
+/* The cells with the name of the days of the weeks (mon->sun)*/
+#agenda_list .weekdays, .data_table .weekdays {
+    background-color: #dcdcdc;
+    text-align: center;
+    font-weight: bold;
+    border: 1px solid #264269;
+    border-collapse: collapse;
 }
-
-/* end chamilo forms fixes */
-
-#top_main_content .span3 {
-  float: left;
+/* The cells for the days (1->31) */
+#agenda_list .days_week {
+    height: 40px;
+    width: 12%;
+    text-align: left;
+    vertical-align: top;
+    border: 1px solid #ccc;
+    border-collapse: collapse;
+    background-color: #fff;
 }
-[dir=rtl] #top_main_content .span3 {
-  float: right;
+#agenda_list .days_week_selected {
+    height: 40px;
+    width: 12%;
+    text-align: left;
+    vertical-align: top;
+    border: 1px solid #ccc;
+    border-collapse: collapse;
+    background-color: #f5f5f5;
 }
 
-#top_main_content .control-group .span3 {
-  float: none;
-}
-#top_main_content .span9 {
-  float: left;
+#agenda_list .days_weekend {
+    height: 40px;
+    width: 12%;
+    text-align: left;
+    vertical-align: top;
+    border: 1px solid #ccc;
+    border-collapse: collapse;
+    background-color: #e6e6e6;
 }
-[dir=rtl] #top_main_content .span9 {
-  float: right;
+#agenda_list .days_today {
+    height: 40px;
+    width: 12%;
+    text-align: left;
+    vertical-align: top;
+    border: 1px solid #ccc;
+    border-collapse: collapse;
+    background-color: #FFFFC0;
 }
 
-/* New changes Chamilo 1.9 */
-
-#lp_navigation_elem .buttons{
-    margin-bottom: 5px;
+#agenda_list th {
+    background-color:#E5EDF9;
+    border:1px solid gray;
+    padding-right:12px;
 }
 
-#lp_navigation_elem {
-    padding-left: 15px;
-    width: 110px;
+/* text in the cells: display of agenda items (visible)*/
+#agenda_list .data {
+    background-color: #eee;
+    text-align: left;
+    padding: 2px 10px;
+    font-weight: bold;
+    border: 0px solid #dcdcdc;
+    border-collapse: collapse;
 }
-
-html {
-    margin: 0;
-    padding: 0;
-    position: relative;
-    min-height: 100%;
-}
-
-footer {
-    position: relative;
-    bottom: 0;
-    width: 100%;
-    height: 80px;
-    background-color: #f5f5f5;
+#agenda_list .datanotbold {
+    background-color: #eee;
+    text-align: left;
+    padding: 2px 10px;
+    font-weight: normal;
+    border: 0px solid #dcdcdc;
+    border-collapse: collapse;
 }
-
-#footer_left, #footer_center, #footer_right {
-    margin: 20px 0 0 0;
+#agenda_list .text {
+    background-color: #fff;
+    text-align: left;
+    padding: 2px 10px;
+    font-weight: normal;
+    border: 0px solid #dcdcdc;
+    border-collapse: collapse;
 }
-
-/* Sticky footer*/
-.push {
-    height: 9em; /* Very important */
+/*text in the cells: display of agenda items (invisible)*/
+#agenda_list .data_hidden {
+    background-color: #eee;
+    text-align: left;
+    padding: 2px 10px;
+    font-weight: bold;
+    border: 0px solid #dcdcdc;
+    border-collapse: collapse;
+    color: #999999;
 }
-
-#topbar_push {
-    height: 55px;
+#agenda_list .datanotbold_hidden {
+    background-color: #eee;
+    text-align: left;
+    padding: 2px 10px;
+    font-weight: normal;
+    border: 0px solid #dcdcdc;
+    border-collapse: collapse;
+    color: #999999;
 }
-
-.actions {
-    background:#ffffff;
-    border:1px solid #dddddd;
-    padding: 15px;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
-    margin-bottom: 20px;
+#agenda_list .text_hidden {
+    background-color: #fff;
+    text-align: left;
+    padding: 2px 10px;
+    font-weight: normal;
+    border: 0px solid #dcdcdc;
+    border-collapse: collapse;
+    color: #999999;
 }
-[dir=rtl] .actions {
-    background:#efefef;
-    border:1px solid #ccc;
-    margin-bottom: 11px;
-    padding: 2px 2px 2px 14px;
-    vertical-align:middle;
-    float: right;
+/*text in the cells: display of agenda items (highlighted)*/
+#agenda_list .datanow {
+    background-color: #FFCC00;
+    text-align: left;
+    padding: 2px 10px;
+    font-weight: bold;
+    border: 0px solid #dcdcdc;
+    border-collapse: collapse;
 }
-.actions .actions-pagination {
-  float:right;
-  margin-top:2px;
+#agenda_list .datanotboldnow {
+    background-color: #FFCC00;
+    text-align: left;
+    padding: 2px 10px;
+    font-weight: normal;
+    border: 0px solid #dcdcdc;
+    border-collapse: collapse;
 }
-.actions .actions-pagination * {
-  display:inline-block;
-  float:none;
-  margin:0;
-  padding:0;
+#agenda_list .textnow {
+    background-color: #fff;
+    text-align: left;
+    padding: 2px 10px;
+    font-weight: normal;
+    border: 0px solid #dcdcdc;
+    border-collapse: collapse;
 }
-.actions .actions-pagination img {
-  margin:6px;
-  padding:0;
+/* ---------------------------------------------------
+    styles for the mini agenda
+-----------------------------------------------------*/
+#smallcalendar {
+    width: 100%;
+    margin: 0 auto;
+    border: 1px solid #fff;
+    border-collapse: collapse;
 }
-.actions form {
-    margin-bottom: 0px;
+#smallcalendar .weekdays {
+    background-color: #dcdcdc;
+    text-align: center;
+    font-size: 11px;
+    font-weight: bold;
+    border: 1px solid #fff;
+    border-collapse: collapse;
 }
-.actions fieldset {
-    margin-top:0px;
+#smallcalendar .days_week {
+    background-color: #f5f5f5;
+    text-align: center;
+    font-size: 11px;
+    border-collapse: collapse;
 }
-.muted {
-  color: #999999 !important;
+#smallcalendar .days_weekend {
+    background-color: #e6e6e6;
+    text-align: center;
+    font-size: 11px;
+    border: 1px solid #fff;
+    border-collapse: collapse;
 }
-.actions a {
-    display: inline-block;
-    margin-right: 10px;
+#smallcalendar .days_today {
+    width: 12%;
+    text-align: center;
+    font-size: 11px;
+    border: 1px solid #FA8500;
+    border-collapse: collapse;
+    background-color: #FFCA8D;
 }
-.actions .btn-toolbar {
-    margin : 0px;
+
+/* ---------------------------------------------------
+    styles for the personal agenda
+-----------------------------------------------------*/
+.personal_agenda {
+    color: #008000;
 }
-.actions span {
-    display: inline-block;
-    margin-right: 10px;
-    vertical-align:middle;
+.personal_agenda a:link, .personal_agenda a:visited {
+    color: #008000;
 }
-.actions form {
-    margin-right: 10px;
-    vertical-align:middle;
+a.personal_agenda:link, a.personal_agenda:visited {
+    color: #008000;
 }
-.actions fieldset {
-    margin-top:0px;
+.personal_agenda a:hover, .personal_agenda a:hover {
+    color: #666666;
 }
-#friend-container .thumbnail {
-    min-height: 140px;
+a.personal_agenda:hover, a.personal_agenda:hover {
+    color: #666666;
 }
 
-#friend-container .thumbnail img {
-    max-height: 100px;
+.myagendatoday {
+    background-color: #FFCA8D;
+    border-collapse: collapse;
+    font-family: verdana, arial, helvetica, sans-serif;
+    color: #CC3300;
+    font-weight: bold;
 }
 
-[dir=rtl] #friends > .thumbnails > li {
-    float: right;
+.rounded_div_agenda {
+    background: none repeat scroll 0 0 #FFFFFF;
+    -webkit-border-radius: 6px;
+    -opera-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: 0 2px 5px #C8C8C8;
+    -opera-box-shadow: 0 2px 5px #C8C8C8;
+    -moz-box-shadow: 0 2px 5px #C8C8C8;
+    box-shadow: 0 2px 5px #C8C8C8;
+    float: left;
+    height: auto;
+    margin: 2px 4px 15px;
+    padding: 8px;
+    width: 75%;
 }
 
-.show-grid [class*="span"] {
-    background-color: #EEEEEE;
-    border-bottom-left-radius: 3px;
-    border-bottom-right-radius: 3px;
-    border-top-left-radius: 3px;
-    border-top-right-radius: 3px;
-    line-height: 30px;
-    min-height: 30px;
-    text-align: center;
+.agenda_day {
+    float:left;
+    width:100%;
+    background-color: #F8F9FF;
+    color: #666666;
+    line-height: 16px;
+    overflow: hidden;
+    margin-bottom:5px;
 }
+.days_today .agenda_day {
+    float:left;
 
-a.tag {
-    background-color: #E0EAF1;
-    border-bottom: 1px solid #3E6D8E;
-    border-right: 1px solid #7F9FB6;
-    color: #3E6D8E;
-    font-size: 90%;
-    line-height: 2.4;
-    margin: 2px 2px 2px 0;
-    padding: 3px 4px;
-    text-decoration: none;
-    white-space: nowrap;
+    width:100%;
+    background-color: #FAD163;
+    color: #666666;
+    line-height: 16px;
+    overflow: hidden;
+    margin-bottom:5px;
 }
 
-/* User portal */
-
-#settings h4 {
-    margin-bottom:10px;
+#agenda_list th {
+    background-color: #F2F2F2;
 }
 
-/* Admin index.php */
-#settings .span6 {
-    min-height: 340px;
-    width: 47%;
+#agenda_list .days_week {
+    height: 100px;
 }
-#settings .span6 .well_border{
-    min-height: 300px;
+
+/* -------------- DOCUMENT --------------*/
+#document_quota {
+    margin:15px;
+    font-weight:bold;
+    color:#006633;
+    text-align:center;
 }
-#settings .form-search .span3 {
+
+/* Message and Social  */
+
+.online_grid_item {
+    float:left;
+    margin:10px;
+    width: 100%;
+}
+.online_grid_element_0 {
+    display: inline;
     float: left;
+    height: 100px;
+    overflow: hidden;
+    width: 100px;
 }
-
-/* user_portal course status icon */
-.coursestatusicons {
-    border: 0px solid #000;
+.online_grid_element_1, .online_grid_element_2 {
+    font-size:13px;
     float: left;
-    padding-right: 5px;
-    width: auto;
+    margin: 25px 0px 0px 10px;
+    width:70%;
 }
-/* user_portal course list */
-.courses {
-    list-style-type: none;
-    margin-bottom: 5px;
-    height: 30px;
+
+/* input values to crop the image: top, right, bottom, left */
+
+.social-home-users-online {
+    width: 200px;
+    margin: -28px 0 0 -50px;
 }
-/* user_portal session list */
-.session_course_item .courses {
-    margin-bottom: 5px;
-    height:35px;
+.social-home-anonymous-online {
+    width: 200px;
 }
-.session_course_item {
-    /* padding: 0px; */
+
+.menulist {
     margin: 0px;
-    margin-bottom:15px;
-    font-size:135%;
+    list-style: none;
+    padding: 3px 15px;
+    list-style-image:none;
+    list-style-position:outside;
+    list-style-type:none;
 }
 
-.userportal-course-item {
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-    border-radius: 10px;
-    background-color:#F9F9F9;
-    /*padding:5px 10px 5px 10px;
-    margin:0px 0px 10px 0px;    */
-}
-#course_category li,
-#hot_courses h5,
-.course_item h5,
-.categories-course-description h5,
-.course-box h5 {
-    font-size: 12px;
-    overflow-y : auto;
-    max-height:70px;
-    padding: 5px;
+.menulist li {
+    /* float:left; */
+    /* margin-left:10px; */
+    margin-bottom:10px;
+    display:list-item;
 }
 
-.session_box_title {
-    margin-bottom: 7px;
+.menulist li {
+    margin-top: 10px;
 }
 
-.session_course_item .item_closed, .userportal-course-item-title .item_closed {
-    font-size:80%;
-}
-#maincontent .courseslist li {
-    margin-bottom:8px;
+.group_social_item {
+    float:left;
+    width:95%;
 }
 
-.independent_course_item a {
-    font-size:135%;
+.group_social_sub_item {
+    float:left;
+    /* width:600px; */
+    background-color: #E9F4FA;
+    background-repeat: repeat-x;
+
+    margin: 8px;
+    padding:5px;
+    width:100%;
 }
 
-.userportal-session-item {
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-    border-radius: 10px;
-    background-color:#F9F9F9;
-    padding:5px 10px 10px 6px;
-    margin:10px 0px;
+.group_social_sub_item_highlight {
+    background-color: #FFFFDD;
 }
 
-.userportal-session-category-item {
+#profile .control-group .controls .files-production{
+  padding: 5px 25px;
     -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-    border-radius: 10px;
-    background-color:#F9F9F9;
-    padding:5px 10px 10px 16px;
-    /* height:40px; */
-    /*background-color:#f9f9f9; border:1px solid #dddddd; padding:5px 10px 5px 10px; margin-top: 10px; */
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  background-color: #F1F3F5;
+  border: 1px solid #EAEBED;
+}
+#productions{
+  list-style: none;
+}
+#productions li{
+  list-style: none;
+  padding-top: 3px;
+  padding-bottom: 3px;
 }
 
-/*****************************************************
- *              AGENDA                               *
- *****************************************************/
-#agenda {
-    width: 100%;
-    margin: 0 auto;
-    border: 1px solid #bbb;
-    border-collapse: collapse;
+.message-group-content {
+    float:right;
+    width:90%;
+    line-height: 100%;
 }
-.agenda_month_divider {
-    background-color: #dcdcdc;
-    font-weight: bold;
-    font-size: 12px;
-    color: #666;
-    text-align: center;
+
+.message-group-date  {
+    font-style:italic;
+    text-align:left;
+    margin-top:4px;
 }
-#agenda .title a {
-    color: #fff;
+.message-reply-link {
+    float:right;
 }
-#agenda .agendaitem {
-    font-size: 12px;
+
+.group_social_main_item  {
+    float:left;
+    width:600px;
+    background-color: #fff;
+    background-repeat: repeat-x;
+    margin: 8px;
+    padding:5px;
 }
-#smallcalendar .title {
-    background-color: #dcdcdc;
-    font-weight: bold;
-    padding: 5px;
-    color: #666;
+
+.group_discussions_replies  {
+    background-color: #E9F4FA;
+    background-repeat: repeat-x;
+    border: 1px solid #D0E2EC;
+    border-radius: 3px 3px 3px 3px;
+    color: #999999;
+    float: left;
+    font-size: 0.8em;
+    margin-right: 10px;
+    overflow: hidden;
+    padding: 13px;
     text-align: center;
-    font-size: 11px;
+    width: 47px;
+    margin-bottom: 65px;
 }
-#smallcalendar .title a {
-    color: #666;
+
+.group_discussions_replies span {
+    display: block;
+    font-size: 2em;
 }
-#agenda_select {
-    list-style: none;
-    border: 0px solid green;
-    margin: 30px 0 0 0;
-    padding: 0 0 0 10px;
+
+.group_discussions_info {
+    width:400px;
+    height: 80px;
+    overflow: hidden;
+    width: 400px;
 }
 
+.group_social_grid {
+    float:left;
+    width:100%;
+}
 
-/* ---------------------------------------------------
-    styles for the agenda (day, week, month view)
------------------------------------------------------*/
-#agenda_list {
-    width: 100%;
-    margin: 0 auto;
-    border: 1px solid #fff;
-    border-collapse: collapse;
+.message-attach {
+    float:left;
 }
-/*The caption of the calendar (displays the month and the << and >> links*/
-#agenda_list .title {
-    background-color: #dcdcdc;
-    font-weight: bold;
-    font-size: 12px;
-    color: #666;
-    text-align: left;
-    padding: 2px 10px;
-    text-align: center;
-    border: 1px solid #bbb;
+
+
+/** BUTTONS **/
+
+.left {
+    float:left !important;
 }
-#agenda_list .title a:link, #agenda_list #title a:visited {
-    background-color: #dcdcdc;
-    font-weight: bold;
-    font-size: 11px;
-    color: #666;
-    padding: 2px 10px;
-    text-align: center;
-}
-#agenda_list .title a:hover {
-    background-color: #dcdcdc;
-    font-weight: bold;
-    font-size: 11px;
-    color: #f3840d;
-    padding: 2px 10px;
-    text-align: center;
-}
-/* The cells with the name of the days of the weeks (mon->sun)*/
-#agenda_list .weekdays, .data_table .weekdays {
-    background-color: #dcdcdc;
-    text-align: center;
-    font-weight: bold;
-    border: 1px solid #264269;
-    border-collapse: collapse;
-}
-/* The cells for the days (1->31) */
-#agenda_list .days_week {
-    height: 40px;
-    width: 12%;
-    text-align: left;
-    vertical-align: top;
-    border: 1px solid #ccc;
-    border-collapse: collapse;
-    background-color: #fff;
-}
-#agenda_list .days_week_selected {
-    height: 40px;
-    width: 12%;
-    text-align: left;
-    vertical-align: top;
-    border: 1px solid #ccc;
-    border-collapse: collapse;
-    background-color: #f5f5f5;
-}
-
-#agenda_list .days_weekend {
-    height: 40px;
-    width: 12%;
-    text-align: left;
-    vertical-align: top;
-    border: 1px solid #ccc;
-    border-collapse: collapse;
-    background-color: #e6e6e6;
-}
-#agenda_list .days_today {
-    height: 40px;
-    width: 12%;
-    text-align: left;
-    vertical-align: top;
-    border: 1px solid #ccc;
-    border-collapse: collapse;
-    background-color: #FFFFC0;
-}
-
-#agenda_list th {
-    background-color:#E5EDF9;
-    border:1px solid gray;
-    padding-right:12px;
-}
-
-/* text in the cells: display of agenda items (visible)*/
-#agenda_list .data {
-    background-color: #eee;
-    text-align: left;
-    padding: 2px 10px;
-    font-weight: bold;
-    border: 0px solid #dcdcdc;
-    border-collapse: collapse;
-}
-#agenda_list .datanotbold {
-    background-color: #eee;
-    text-align: left;
-    padding: 2px 10px;
-    font-weight: normal;
-    border: 0px solid #dcdcdc;
-    border-collapse: collapse;
-}
-#agenda_list .text {
-    background-color: #fff;
-    text-align: left;
-    padding: 2px 10px;
-    font-weight: normal;
-    border: 0px solid #dcdcdc;
-    border-collapse: collapse;
-}
-/*text in the cells: display of agenda items (invisible)*/
-#agenda_list .data_hidden {
-    background-color: #eee;
-    text-align: left;
-    padding: 2px 10px;
-    font-weight: bold;
-    border: 0px solid #dcdcdc;
-    border-collapse: collapse;
-    color: #999999;
-}
-#agenda_list .datanotbold_hidden {
-    background-color: #eee;
-    text-align: left;
-    padding: 2px 10px;
-    font-weight: normal;
-    border: 0px solid #dcdcdc;
-    border-collapse: collapse;
-    color: #999999;
-}
-#agenda_list .text_hidden {
-    background-color: #fff;
-    text-align: left;
-    padding: 2px 10px;
-    font-weight: normal;
-    border: 0px solid #dcdcdc;
-    border-collapse: collapse;
-    color: #999999;
-}
-/*text in the cells: display of agenda items (highlighted)*/
-#agenda_list .datanow {
-    background-color: #FFCC00;
-    text-align: left;
-    padding: 2px 10px;
-    font-weight: bold;
-    border: 0px solid #dcdcdc;
-    border-collapse: collapse;
-}
-#agenda_list .datanotboldnow {
-    background-color: #FFCC00;
-    text-align: left;
-    padding: 2px 10px;
-    font-weight: normal;
-    border: 0px solid #dcdcdc;
-    border-collapse: collapse;
-}
-#agenda_list .textnow {
-    background-color: #fff;
-    text-align: left;
-    padding: 2px 10px;
-    font-weight: normal;
-    border: 0px solid #dcdcdc;
-    border-collapse: collapse;
-}
-/* ---------------------------------------------------
-    styles for the mini agenda
------------------------------------------------------*/
-#smallcalendar {
-    width: 100%;
-    margin: 0 auto;
-    border: 1px solid #fff;
-    border-collapse: collapse;
-}
-#smallcalendar .weekdays {
-    background-color: #dcdcdc;
-    text-align: center;
-    font-size: 11px;
-    font-weight: bold;
-    border: 1px solid #fff;
-    border-collapse: collapse;
-}
-#smallcalendar .days_week {
-    background-color: #f5f5f5;
-    text-align: center;
-    font-size: 11px;
-    border-collapse: collapse;
-}
-#smallcalendar .days_weekend {
-    background-color: #e6e6e6;
-    text-align: center;
-    font-size: 11px;
-    border: 1px solid #fff;
-    border-collapse: collapse;
-}
-#smallcalendar .days_today {
-    width: 12%;
-    text-align: center;
-    font-size: 11px;
-    border: 1px solid #FA8500;
-    border-collapse: collapse;
-    background-color: #FFCA8D;
-}
-
-/* ---------------------------------------------------
-    styles for the personal agenda
------------------------------------------------------*/
-.personal_agenda {
-    color: #008000;
-}
-.personal_agenda a:link, .personal_agenda a:visited {
-    color: #008000;
-}
-a.personal_agenda:link, a.personal_agenda:visited {
-    color: #008000;
-}
-.personal_agenda a:hover, .personal_agenda a:hover {
-    color: #666666;
-}
-a.personal_agenda:hover, a.personal_agenda:hover {
-    color: #666666;
-}
-
-.myagendatoday {
-    background-color: #FFCA8D;
-    border-collapse: collapse;
-    font-family: verdana, arial, helvetica, sans-serif;
-    color: #CC3300;
-    font-weight: bold;
-}
-
-.rounded_div_agenda {
-    background: none repeat scroll 0 0 #FFFFFF;
-    -webkit-border-radius: 6px;
-    -opera-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    -webkit-box-shadow: 0 2px 5px #C8C8C8;
-    -opera-box-shadow: 0 2px 5px #C8C8C8;
-    -moz-box-shadow: 0 2px 5px #C8C8C8;
-    box-shadow: 0 2px 5px #C8C8C8;
-    float: left;
-    height: auto;
-    margin: 2px 4px 15px;
-    padding: 8px;
-    width: 75%;
-}
-
-.agenda_day {
-    float:left;
-    width:100%;
-    background-color: #F8F9FF;
-    color: #666666;
-    line-height: 16px;
-    overflow: hidden;
-    margin-bottom:5px;
-}
-.days_today .agenda_day {
-    float:left;
-
-    width:100%;
-    background-color: #FAD163;
-    color: #666666;
-    line-height: 16px;
-    overflow: hidden;
-    margin-bottom:5px;
-}
-
-#agenda_list th {
-    background-color: #F2F2F2;
-}
-
-#agenda_list .days_week {
-    height: 100px;
-}
-
-/* -------------- DOCUMENT --------------*/
-#document_quota {
-    margin:15px;
-    font-weight:bold;
-    color:#006633;
-    text-align:center;
-}
-
-/* Message and Social  */
-
-.online_grid_item {
-    float:left;
-    margin:10px;
-    width: 100%;
-}
-.online_grid_element_0 {
-    display: inline;
-    float: left;
-    height: 100px;
-    overflow: hidden;
-    width: 100px;
-}
-.online_grid_element_1, .online_grid_element_2 {
-    font-size:13px;
-    float: left;
-    margin: 25px 0px 0px 10px;
-    width:70%;
-}
-
-/* input values to crop the image: top, right, bottom, left */
-
-.social-home-users-online {
-    width: 200px;
-    margin: -28px 0 0 -50px;
-}
-.social-home-anonymous-online {
-    width: 200px;
-}
-
-.menulist {
-    margin: 0px;
-    list-style: none;
-    padding: 3px 15px;
-    list-style-image:none;
-    list-style-position:outside;
-    list-style-type:none;
-}
-
-.menulist li {
-    /* float:left; */
-    /* margin-left:10px; */
-    margin-bottom:10px;
-    display:list-item;
-}
-
-.menulist li {
-    margin-top: 10px;
-}
-
-.group_social_item {
-    float:left;
-    width:95%;
-}
-
-.group_social_sub_item {
-    float:left;
-    /* width:600px; */
-    background-color: #E9F4FA;
-    background-repeat: repeat-x;
-
-    margin: 8px;
-    padding:5px;
-    width:100%;
-}
-
-.group_social_sub_item_highlight {
-    background-color: #FFFFDD;
-}
-
-#profile .control-group .controls .files-production{
-  padding: 5px 25px;
-    -webkit-border-radius: 10px;
-  -moz-border-radius: 10px;
-  border-radius: 10px;
-  background-color: #F1F3F5;
-  border: 1px solid #EAEBED;
-}
-#productions{
-  list-style: none;
-}
-#productions li{
-  list-style: none;
-  padding-top: 3px;
-  padding-bottom: 3px;
-}
-
-.message-group-content {
-    float:right;
-    width:90%;
-    line-height: 100%;
-}
-
-.message-group-date  {
-    font-style:italic;
-    text-align:left;
-    margin-top:4px;
-}
-.message-reply-link {
-    float:right;
-}
-
-.group_social_main_item  {
-    float:left;
-    width:600px;
-    background-color: #fff;
-    background-repeat: repeat-x;
-    margin: 8px;
-    padding:5px;
-}
-
-.group_discussions_replies  {
-    background-color: #E9F4FA;
-    background-repeat: repeat-x;
-    border: 1px solid #D0E2EC;
-    border-radius: 3px 3px 3px 3px;
-    color: #999999;
-    float: left;
-    font-size: 0.8em;
-    margin-right: 10px;
-    overflow: hidden;
-    padding: 13px;
-    text-align: center;
-    width: 47px;
-    margin-bottom: 65px;
-}
-
-.group_discussions_replies span {
-    display: block;
-    font-size: 2em;
-}
-
-.group_discussions_info {
-    width:400px;
-    height: 80px;
-    overflow: hidden;
-    width: 400px;
-}
-
-.group_social_grid {
-    float:left;
-    width:100%;
-}
-
-.message-attach {
-    float:left;
-}
-
-
-/** BUTTONS **/
-
-.left {
-    float:left !important;
-}
-
-.right {
-    float:right !important;
+
+.right {
+    float:right !important;
 }
 
 /* Nice buttons v2 */
@@ -4474,929 +4121,1286 @@ a.forum_group_link {
     box-shadow:none;
 }
 
-.announcement {
-    /*    background: none repeat scroll 0 0 #F2F2F2;*/
-    border: 1px solid #D3D3D3;
-    color: #555555;
-    font-weight: normal;
-    border-spacing: 0;
-    margin-bottom: 15px;
-    margin-top: 8px;
-    text-align: left;
+.announcement {
+    /*    background: none repeat scroll 0 0 #F2F2F2;*/
+    border: 1px solid #D3D3D3;
+    color: #555555;
+    font-weight: normal;
+    border-spacing: 0;
+    margin-bottom: 15px;
+    margin-top: 8px;
+    text-align: left;
+    width: 100%;
+}
+.announcement .title{
+    background: none repeat scroll 0 0 #F2F2F2;
+    color:black;
+}
+
+.announcement .title a:link,
+.announcement .title a:active,
+.announcement .title a:visited{
+    color: #555555;
+}
+
+.announcement .icon.attachement{
+    border:none;
+    border-radius: 0;
+    background-color: transparent;
+    width:16px;
+    height:16px;
+    margin:0;
+    padding:0;
+    display:inline-block;
+    background-image:  url('../img/attachment.gif');
+    background-repeat: no-repeat;
+    background-position:center center;
+    box-shadow:none;
+}
+
+li.annoucement{
+    min-height: 76px;
+}
+
+.announcement .details{
+    font-style: italic;
+    text-align: right;
+}
+
+.control-text{
+    padding-top: 5px;
+    display:inline-block;
+}
+
+.boot-tooltip {
+    cursor: pointer;
+}
+
+/*
+    link
+*/
+
+.link_category{
+    background-color: #FFFFFF;
+    margin-bottom: 5px;
+}
+
+.link_category .head {
+    background-color: #EFEFEF;
+    border: 1px solid #CCCCCC;
+    margin-bottom: 5px;
+    padding-top: 2px;
+    padding-right: 2px;
+    padding-bottom: 2px;
+    vertical-align: middle;
+}
+
+.link_category .body{
+    margin-left: 32px;
+}
+
+.link:nth-child(2n) {
+    background-color: #F9F9F9;
+}
+
+.link{
+    border-top: 1px solid #DDDDDD;
+    border-left: 1px solid #DDDDDD;
+    border-right: 1px solid #DDDDDD;
+}
+
+.link:last-child{
+    border-bottom: 1px solid #DDDDDD;
+    border-left: 1px solid #DDDDDD;
+    border-right: 1px solid #DDDDDD;
+}
+
+.link{
+    border-collapse: collapse;
+    /*border: 1px solid #CCCCCC;*/
+    padding-top: 6px;
+    padding-right: 6px;
+    padding-bottom: 6px;
+    padding-left: 6px;
+    vertical-align: middle;
+}
+
+.link .icon{
+    position: absolute;
+    float: left;
+}
+
+.link:hover{
+    background-color: #E5EDF9;
+}
+
+.link .title,
+.link .description{
+    margin-left: 32px;
+}
+
+.link .description{
+    font-weight: normal;
+    color: #000000;
+}
+
+.link.invisible img{
+    opacity:0.4;
+    filter:alpha(opacity=40); /* For IE8 and earlier */
+}
+
+.link.invisible .description{
+    color: #999999;
+}
+
+.link .status{
+    border:none;
+    border-radius: 0;
+    background-color: transparent;
+    width:22px;
+    height:22px;
+    margin:0;
+    padding:0;
+    display:inline-block;
+    background-repeat: no-repeat;
+    background-position:center center;
+    box-shadow:none;
+}
+
+.link.invalid .status{
+    background-image:  url('../img/icons/22/error.png');
+}
+
+.link.valid .status{
+    background-image:  url('../img/icons/22/accept.png');
+}
+
+.btn.validate_link{
+    border:none;
+    border-radius: 0;
+    background-color: transparent;
+    width:22px;
+    height:22px;
+    margin:0;
+    padding:0;
+    display:inline-block;
+    background-image:  url('../img/icons/22/preview_view.png');
+    background-repeat: no-repeat;
+    background-position:center center;
+    box-shadow:none;
+}
+
+/*
+  Glossary
+*/
+
+i.size-32.icon-new-glossary-term{
+    background-image:  url('../img/icons/32/new_glossary_term.png');
+}
+
+/*
+ * Notebook
+*/
+
+i.size-32.icon-new-note{
+    background-image:  url('../img/icons/32/new_note.png');
+}
+
+.notebook.entries li{
+    vertical-align: text-top;
+}
+
+.notebook.note{
+    display:inline-block;
+    width:49%;
+    margin-left:0px;
+    margin-right:1px;
+    padding:0;
+}
+
+.notebook.note{
+    background-color: #D2ECF5;
+}
+
+.notebook.note .title{
+    padding:1;
+    display:block;
+    margin-top:0;
+    margin-right:0;
+    margin-left:0;
+    padding-top:5px;
+    padding-bottom:12px;
+    vertical-align: baseline;
+    background-color: #028DC2 ;
+    color:#ffffff;
+}
+
+.notebook.note .footer{
+    text-align: right;
+    font-style:italic
+}
+
+#learning_path_main #control {
+    text-align: center;
+    background-image:-webkit-gradient(linear,left top,left bottom,from(#ececec),to(#fff));
+    background-image:-webkit-linear-gradient(top,#ececec,#fff);
+    background-image:-moz-linear-gradient(top,#ececec,#fff);
+    background-image:-ms-linear-gradient(top,#ececec,#fff);
+    background-image:-o-linear-gradient(top,#ececec,#fff);
+    background-image:linear-gradient(top,#ececec,#fff);
+
+    height:32px;
+    padding:8px 0px 8px 0px;
+    opacity:0.9;
+    bottom: 0px;
+    margin: auto;
     width: 100%;
+    height: 34px;
+    position: absolute
 }
-.announcement .title{
-    background: none repeat scroll 0 0 #F2F2F2;
-    color:black;
+
+/* Data table */
+
+.dataTables_wrapper{
+    clear: both;
 }
 
-.announcement .title a:link,
-.announcement .title a:active,
-.announcement .title a:visited{
-    color: #555555;
+.dataTables_length {
+    float: left;
+    width: 40%;
 }
 
-.announcement .icon.attachement{
-    border:none;
-    border-radius: 0;
-    background-color: transparent;
-    width:16px;
-    height:16px;
-    margin:0;
-    padding:0;
-    display:inline-block;
-    background-image:  url('../img/attachment.gif');
-    background-repeat: no-repeat;
-    background-position:center center;
-    box-shadow:none;
+.dataTables_filter {
+    text-align: right;
 }
 
-li.annoucement{
-    min-height: 76px;
+.dataTables_info {
+    float: left;
+    width: 60%;
 }
 
-.announcement .details{
-    font-style: italic;
+.dataTables_paginate {
+    float: right;
     text-align: right;
 }
 
-.control-text{
-    padding-top: 5px;
-    display:inline-block;
+.dataTables_wrapper label input, .dataTables_wrapper label textarea, .dataTables_wrapper label select {
+    display: inline-block;
 }
 
-.boot-tooltip {
-    cursor: pointer;
+.dataTables.display {
+    clear: both;
+    margin: 0 auto;
+    width: 100%;
 }
 
-/*
-    link
-*/
+.dataTables_wrapper .paginate_disabled_previous, .dataTables_wrapper .paginate_enabled_previous {
+    padding-left: 23px;
+    background: url("../img/action_prev.png") no-repeat scroll left top;
+}
 
-.link_category{
-    background-color: #FFFFFF;
-    margin-bottom: 5px;
+.dataTables_wrapper .paginate_disabled_next, .dataTables_wrapper .paginate_enabled_next {
+    margin-left: 10px;
+    padding-right: 23px;
+    background: url("../img/action_next.png") no-repeat scroll left top;
 }
 
-.link_category .head {
-    background-color: #EFEFEF;
-    border: 1px solid #CCCCCC;
-    margin-bottom: 5px;
-    padding-top: 2px;
-    padding-right: 2px;
-    padding-bottom: 2px;
-    vertical-align: middle;
+.dataTables_wrapper .paginate_disabled_previous, .dataTables_wrapper .paginate_disabled_next{
+    opacity: 0.4;
 }
 
-.link_category .body{
-    margin-left: 32px;
+.dataTables_wrapper .sorting_asc {
+    background-image: url("../img/sort_asc.png");
+    background-repeat: no-repeat;
+    background-attachment: scroll;
+    background-position: right center;
 }
 
-.link:nth-child(2n) {
-    background-color: #F9F9F9;
+.dataTables_wrapper .sorting_desc{
+    background-image: url("../img/sort_desc.png");
+    background-repeat: no-repeat;
+    background-attachment: scroll;
+    background-position: right center;
 }
 
-.link{
-    border-top: 1px solid #DDDDDD;
-    border-left: 1px solid #DDDDDD;
-    border-right: 1px solid #DDDDDD;
+#course_category_well {
+    padding: 9px 0;
 }
 
-.link:last-child{
-    border-bottom: 1px solid #DDDDDD;
-    border-left: 1px solid #DDDDDD;
-    border-right: 1px solid #DDDDDD;
+.nav-list img {
+    margin-right: 6px;
 }
 
-.link{
-    border-collapse: collapse;
-    /*border: 1px solid #CCCCCC;*/
-    padding-top: 6px;
-    padding-right: 6px;
-    padding-bottom: 6px;
-    padding-left: 6px;
-    vertical-align: middle;
+/* Only for Firefox */
+@-moz-document url-prefix() {
+    select#question_type_hidden option {
+        padding: 10px 0px 10px 40px;
+        background-repeat:no-repeat;
+    }
+    select#question_type_hidden option[value="1"] {background-image: url(../img/icons/32/mcua.png);}
+    select#question_type_hidden option[value="2"] {background-image: url(../img/icons/32/mcma.png);}
+    select#question_type_hidden option[value="3"] {background-image: url(../img/icons/32/fill_in_blanks.png);}
+    select#question_type_hidden option[value="4"] {background-image: url(../img/icons/32/matching.png);}
+    select#question_type_hidden option[value="5"] {background-image: url(../img/icons/32/open_answer.png);}
+    select#question_type_hidden option[value="6"] {background-image: url(../img/icons/32/hotspot.png);}
+    select#question_type_hidden option[value="7"] {background-image: url(../img/icons/32/mcma.png);}
+    select#question_type_hidden option[value="8"] {background-image: url(../img/icons/32/mcma.png);}
+    select#question_type_hidden option[value="9"] {background-image: url(../img/icons/32/mcmac.png);}
+    select#question_type_hidden option[value="10"] {background-image: url(../img/icons/32/mcuao.png);}
+    select#question_type_hidden option[value="11"] {background-image: url(../img/icons/32/mcmao.png);}
+    select#question_type_hidden option[value="12"] {background-image: url(../img/icons/32/mcmaco.png);}
+    select#question_type_hidden option[value="13"] {background-image: url(../img/icons/32/audio_question.png);}
+    select#question_type_hidden option[value="14"] {background-image: url(../img/icons/32/mcmagl.png);}
+    select#question_type_hidden option[value="16"] {background-image: url(../img/icons/32/calculated_answer.png);}
 }
 
-.link .icon{
-    position: absolute;
-    float: left;
+
+.btn-success.btn-install{
+    float: right;
 }
 
-.link:hover{
-    background-color: #E5EDF9;
+/*
+ * work
+ */
+i.size-32.icon-new-work{
+    background-image:  url('../img/icons/32/new_work.png');
 }
 
-.link .title,
-.link .description{
-    margin-left: 32px;
+/* Default skill partition colors */
+
+#filepaths input{
+    margin-bottom:5px;
+}
+.section-social #main_content .span3 {
+  float: left;
+}
+.section-social #main_content .span9 {
+  float: right;
 }
 
-.link .description{
-    font-weight: normal;
-    color: #000000;
+.xdebug-error {
+    margin-top: 20px;
 }
 
-.link.invisible img{
-    opacity:0.4;
-    filter:alpha(opacity=40); /* For IE8 and earlier */
+.multiple_select_header {
+    height: 35px;
+    margin-bottom: 15px;
+}
+.exercise_save_mini_message {
+    margin-left: 5px;
+}
+#learning_path_left_zone .no-border {
+    border: 0px;
 }
 
-.link.invisible .description{
-    color: #999999;
+.btn-invitations {
+    margin-left: 110px;
+}
+.btn-msg {
+  background: url("send_msg.png") no-repeat left center;
+  background-position: 3px;
+  padding: 2px 4px;
+  padding-left: 22px;
+  margin-bottom: 10px;
+  font-size: 11px;
+  line-height: 14px;
+  background-color: #e6e6e6;
+}
+.btn-inv {
+  background: url("send_inv.png") no-repeat left center;
+  background-position: 3px;
+  padding: 2px 4px;
+  padding-left: 22px;
+  margin-bottom: 10px;
+  font-size: 11px;
+  line-height: 14px;
+  background-color: #e6e6e6;
+}
+.btn-inv-off {
+  background: url("send_inv_off.png") no-repeat left center;
+  background-position: 3px;
+  padding: 2px 4px;
+  padding-left: 22px;
+  margin-bottom: 10px;
+  font-size: 11px;
+  line-height: 14px;
+  background-color: #e6e6e6;
 }
 
-.link .status{
-    border:none;
-    border-radius: 0;
-    background-color: transparent;
-    width:22px;
-    height:22px;
-    margin:0;
-    padding:0;
-    display:inline-block;
-    background-repeat: no-repeat;
-    background-position:center center;
-    box-shadow:none;
+.password-verdict {
+    padding-left:5px;
+}
+#password_progress {
+    width: 220px;
+}
+
+.jqgrid_whitespace {
+    white-space: normal !important;
+}
+
+.text-h1 {
+    font-size: 24px;
 }
 
-.link.invalid .status{
-    background-image:  url('../img/icons/22/error.png');
+.text-h2 {
+    font-size: 21px;
 }
 
-.link.valid .status{
-    background-image:  url('../img/icons/22/accept.png');
+.text-h3 {
+    font-size: 18px;
 }
 
-.btn.validate_link{
-    border:none;
-    border-radius: 0;
-    background-color: transparent;
-    width:22px;
-    height:22px;
-    margin:0;
-    padding:0;
-    display:inline-block;
-    background-image:  url('../img/icons/22/preview_view.png');
-    background-repeat: no-repeat;
-    background-position:center center;
-    box-shadow:none;
+.text-h4 {
+    font-size: 15px;
 }
 
-/*
-  Glossary
-*/
+.text-h5 {
+    font-size: 12px;
+    font-weight: normal;
+}
 
-i.size-32.icon-new-glossary-term{
-    background-image:  url('../img/icons/32/new_glossary_term.png');
+.chosen-container {
+    min-width: 180px;
 }
 
-/*
- * Notebook
-*/
+.chzn-container-single .chzn-search {
+    z-index: 1010;
+}
 
-i.size-32.icon-new-note{
-    background-image:  url('../img/icons/32/new_note.png');
+/* Balances ".thumbnail > img" from bootstrap */
+.thumbnail > a > img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 100%;
 }
 
-.notebook.entries li{
-    vertical-align: text-top;
+/* display the cookie usage warning validation */
+.cookieUsageValidation {
+    padding: 5px;
+    background-color: #333333;
+    color:#E0E0E0;
+    text-align:center;
 }
 
-.notebook.note{
-    display:inline-block;
-    width:49%;
-    margin-left:0px;
-    margin-right:1px;
-    padding:0;
+.displayUnderToolbar
+{
+    height: 52px;
 }
 
-.notebook.note{
-    background-color: #D2ECF5;
+#settings .span6 .well_border .edit-block {
+    display: none;
+}
+#settings .span6 .well_border:hover .edit-block {
+    display: block;
 }
 
-.notebook.note .title{
-    padding:1;
-    display:block;
-    margin-top:0;
-    margin-right:0;
-    margin-left:0;
-    padding-top:5px;
-    padding-bottom:12px;
-    vertical-align: baseline;
-    background-color: #028DC2 ;
-    color:#ffffff;
+#settings .span6:nth-child(2n+1) {
+    clear:left
 }
 
-.notebook.note .footer{
-    text-align: right;
-    font-style:italic
+/***** Survey *****/
+#list-survey p{
+  display: inline-block;
+  margin-left: 10px;
+}
+.survey-block{
+  width: 100%;
+  margin: auto;
+  padding: 10px;
+  box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+}
+.survey-block .table tbody tr:hover td{
+  background-color: #fff6d5 ;
+}
+.survey-block .table tbody tr:hover th,.survey-block .table tbody tr th {
+  background-color: #ececec ;
+  text-align: center;
+}
+.survey-block .table .center{
+  text-align: center;
+}
+.survey-block .title-survey-block{
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.survey-block .title-survey-block h3{
+  display: inline-block;
+  margin-left: 10px;
+}
+#survey_title {
+  font-size: 24px;
+  font-weight: 500;
+  color:#666;
+  padding-top:10px;
+  padding-bottom: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+  background-color: #ececec;
+}
+#survey_subtitle {
+  background-color:#F7F7E3;
+  color:#666;
+  padding:10px;
+  font-size:14px ;
+}
+.survey_content {
+  color:#666;
+  padding:5px;
+  font-size: 13px;
+  margin-top: 4px;
+  margin-bottom: 10px;
+}
+.survey-block #question{
+  background-color: #ececec;
+  text-align: center;
+}
+.survey_question_wrapper {
+  border-top: 1px solid #DADADA;
+  background-color: #ffffff;
+  padding-top: 1em;
+  padding-bottom: 2em;
+  padding-left: 1em;
+  padding-right: 1em;
+  text-align: left;
+}
+.survey_question {
+  /* 264269 4271b5 E5EDF9 */
+  color:#666;
+  padding:5px;
+  font-size: 16px;
+  font-weight: bold;
+}
+.survey_question_options {
+  /* 264269 4271b5 E5EDF9 */
+  background-color:#FFF;
+  color:#000;
+  padding:5px;/*border: 1px solid #264269;*/
+}
+.survey-next.btn{
+  border:1px solid #319265; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 10px 20px 10px 20px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
+  background-color: #3FBC82; background-image: -webkit-gradient(linear, left top, left bottom, from(#3FBC82), to(#308E60));
+  background-image: -webkit-linear-gradient(top, #3FBC82, #308E60);
+  background-image: -moz-linear-gradient(top, #3FBC82, #308E60);
+  background-image: -ms-linear-gradient(top, #3FBC82, #308E60);
+  background-image: -o-linear-gradient(top, #3FBC82, #308E60);
+  background-image: linear-gradient(to bottom, #3FBC82, #308E60);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3FBC82, endColorstr=#308E60);
+  text-shadow:none;
+  margin-top: 1em;
+  margin-bottom: 1em;
 }
 
-#learning_path_main #control {
+.survey-next.btn:hover{
+  border:1px solid #25704d;
+  background-color: #329668; background-image: -webkit-gradient(linear, left top, left bottom, from(#329668), to(#236846));
+  background-image: -webkit-linear-gradient(top, #329668, #236846);
+  background-image: -moz-linear-gradient(top, #329668, #236846);
+  background-image: -ms-linear-gradient(top, #329668, #236846);
+  background-image: -o-linear-gradient(top, #329668, #236846);
+  background-image: linear-gradient(to bottom, #329668, #236846);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#329668, endColorstr=#236846);
+  background-position: 0 0;
+}
+.survey-block .confirmation-message, .survey-block .error-message{
+  font-size: 16px;
+  text-align: center;
+}
+#question_report_questionnumbers.pagination .disabled a{
+  background-color:#F5F5F5;
+  color: #666;
+}
+.title-question{
+  font-size: 22px;
+}
+.display-survey.table tbody tr th, .display-survey.table tbody tr:hover th{
+    background-color:#666;
     text-align: center;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#ececec),to(#fff));
-    background-image:-webkit-linear-gradient(top,#ececec,#fff);
-    background-image:-moz-linear-gradient(top,#ececec,#fff);
-    background-image:-ms-linear-gradient(top,#ececec,#fff);
-    background-image:-o-linear-gradient(top,#ececec,#fff);
-    background-image:linear-gradient(top,#ececec,#fff);
-
-    height:32px;
-    padding:8px 0px 8px 0px;
-    opacity:0.9;
-    bottom: 0px;
-    margin: auto;
-    width: 100%;
-    height: 34px;
-    position: absolute
+    font-size: 14px;
+    color: #FFFFFF;
 }
-
-/* Data table */
-
-.dataTables_wrapper{
-    clear: both;
+.display-survey .total{
+    background-color: #EBF3F5;
+    text-align: center;
+}
+.display-survey .center{
+    text-align: center;
+}
+.display-survey{
+    border: 1px solid #ddd;
+}
+.display-survey.table tbody tr:hover td,.display-survey.table tbody tr:hover th{
+    background-color: none;
+}
+.answered-people{
+    padding: 10px;
+    border: 1px solid #ddd;
+    margin-bottom: 20px;
+}
+.answered-people h4{
+    margin-bottom: 10px;
+    font-size: 16px;
+    font-weight: normal;
+}
+/* CSS BASE BOOSTRAP 3 */
+.openbadges-introduction{
+  line-height: 30px;
+  margin-bottom: 30px;
+}
+.openbadges-introduction .title{
+  text-align: center;
+  margin-bottom: 20px;
+  color: #456176;
+  font-size: 35px;
 }
-
-.dataTables_length {
-    float: left;
-    width: 40%;
+.openbadges-introduction .lead{
+  font-size: 15px;
 }
-
-.dataTables_filter {
-    text-align: right;
+.openbadges-introduction .sub-title{
+  color: #456176;
+  text-align: center;
+  font-size: 20px;
 }
-
-.dataTables_info {
-    float: left;
-    width: 60%;
+.openbadges-introduction .badges-tablet{
+  padding-top: 15px;
 }
-
-.dataTables_paginate {
-    float: right;
-    text-align: right;
+.openbadges-introduction .block-content{
+  padding-top: 30px;
+  padding-bottom: 30px;
 }
-
-.dataTables_wrapper label input, .dataTables_wrapper label textarea, .dataTables_wrapper label select {
-    display: inline-block;
+.openbadges-introduction .block-edit{
+  padding-top: 15px;
+  padding-bottom: 30px;
 }
-
-.dataTables.display {
-    clear: both;
-    margin: 0 auto;
-    width: 100%;
+.openbadges-introduction .block-content .block-title,
+.openbadges-introduction .block-edit .block-title{
+  background-color: #e2eceb;
+  border: 1px solid #456176;
+  padding-left:10px;
+  padding-right: 10px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  font-size: 16px;
+  color: #456176;
 }
-
-.dataTables_wrapper .paginate_disabled_previous, .dataTables_wrapper .paginate_enabled_previous {
-    padding-left: 23px;
-    background: url("../img/action_prev.png") no-repeat scroll left top;
+.openbadges-introduction .block-content p{
+  padding-left: 5%;
+  font-size: 14px;
 }
-
-.dataTables_wrapper .paginate_disabled_next, .dataTables_wrapper .paginate_enabled_next {
-    margin-left: 10px;
-    padding-right: 23px;
-    background: url("../img/action_next.png") no-repeat scroll left top;
+.openbadges-tablet{
+ margin-top: 15px;
 }
-
-.dataTables_wrapper .paginate_disabled_previous, .dataTables_wrapper .paginate_disabled_next{
-    opacity: 0.4;
+.openbadges-tablet .table thead{
+  background-color: #E2ECEB;
+  border-top: 1px solid #677F8F;
+  border-bottom: 1px solid #677F8F;
+  border-left: 1px solid #677F8F;
+  border-right: 1px solid #677F8F;
+  font-size: 16px;
+  color: #456176;
 }
-
-.dataTables_wrapper .sorting_asc {
-    background-image: url("../img/sort_asc.png");
-    background-repeat: no-repeat;
-    background-attachment: scroll;
-    background-position: right center;
+.openbadges-tablet .table thead tr th{
+  font-weight: normal;
 }
+.openbadges-tablet .table td{
+  border-top: 1px solid #677F8F;
+  vertical-align: middle;
 
-.dataTables_wrapper .sorting_desc{
-    background-image: url("../img/sort_desc.png");
-    background-repeat: no-repeat;
-    background-attachment: scroll;
-    background-position: right center;
 }
-
-#course_category_well {
-    padding: 9px 0;
+.openbadges-tabs ul.nav-tabs li a{
+  background-color: #E2ECEB;
+  border-top: 1px solid #677F8F;
+  border-right: 1px solid #677F8F;
+  border-left: 1px solid #677F8F;
+  border-bottom: 1px solid #677F8F;
 }
-
-.nav-list img {
-    margin-right: 6px;
+.openbadges-tabs ul.nav-tabs .active a{
+  background: #fff;
+  border-bottom: 1px solid #ffffff;
 }
-
-/* Only for Firefox */
-@-moz-document url-prefix() {
-    select#question_type_hidden option {
-        padding: 10px 0px 10px 40px;
-        background-repeat:no-repeat;
-    }
-    select#question_type_hidden option[value="1"] {background-image: url(../img/icons/32/mcua.png);}
-    select#question_type_hidden option[value="2"] {background-image: url(../img/icons/32/mcma.png);}
-    select#question_type_hidden option[value="3"] {background-image: url(../img/icons/32/fill_in_blanks.png);}
-    select#question_type_hidden option[value="4"] {background-image: url(../img/icons/32/matching.png);}
-    select#question_type_hidden option[value="5"] {background-image: url(../img/icons/32/open_answer.png);}
-    select#question_type_hidden option[value="6"] {background-image: url(../img/icons/32/hotspot.png);}
-    select#question_type_hidden option[value="7"] {background-image: url(../img/icons/32/mcma.png);}
-    select#question_type_hidden option[value="8"] {background-image: url(../img/icons/32/mcma.png);}
-    select#question_type_hidden option[value="9"] {background-image: url(../img/icons/32/mcmac.png);}
-    select#question_type_hidden option[value="10"] {background-image: url(../img/icons/32/mcuao.png);}
-    select#question_type_hidden option[value="11"] {background-image: url(../img/icons/32/mcmao.png);}
-    select#question_type_hidden option[value="12"] {background-image: url(../img/icons/32/mcmaco.png);}
-    select#question_type_hidden option[value="13"] {background-image: url(../img/icons/32/audio_question.png);}
-    select#question_type_hidden option[value="14"] {background-image: url(../img/icons/32/mcmagl.png);}
-    select#question_type_hidden option[value="16"] {background-image: url(../img/icons/32/calculated_answer.png);}
+.openbadges-tabs .nav-tabs{
+  border-bottom: 1px solid #677F8F;
 }
-
-
-.btn-success.btn-install{
-    float: right;
+.create-openbadges{
+  text-align: center;
+  margin-bottom: 10px;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
-
-/*
- * work
- */
-i.size-32.icon-new-work{
-    background-image:  url('../img/icons/32/new_work.png');
+.openbadges-img, .openbadges-view{
+  text-align: center;
+  padding: 10px;
+  margin-top: 10px;
+  border: 1px solid #b2b2b2;
 }
+.openbadges-text{
+  text-align: center;
+}
+/* Social Profile */
 
-/* Default skill partition colors */
-
-#filepaths input{
-    margin-bottom:5px;
+.social-avatar{
+  text-align: center;
+  padding-top: 10px;
 }
-.section-social #main_content .span3 {
-  float: left;
+.social-avatar .avatar-profile{
+  margin-bottom: 5px;
 }
-.section-social #main_content .span9 {
-  float: right;
+.social-avatar .avatar-profile .img-responsive{
+  display: inline-block;
+  margin: auto;
 }
-
-.xdebug-error {
-    margin-top: 20px;
+.social-avatar .lastname{
+  font-size: 18px;
+  font-weight: bold;
+  color: #4d4d4d;
 }
-
-.multiple_select_header {
-    height: 35px;
-    margin-bottom: 15px;
+.social-avatar .firstname{
+  font-size: 16px;
+  font-weight: bold;
+  color: #4d4d4d;
+  margin-bottom: 5px;
 }
-.exercise_save_mini_message {
-    margin-left: 5px;
+.social-avatar .edit-profile{
+  margin-top: 15px;
+  margin-bottom: 15px;
 }
-#learning_path_left_zone .no-border {
-    border: 0px;
+.social-search form{
+  margin-bottom: 0px;
 }
-
-.btn-invitations {
-    margin-left: 110px;
+.social-group .group-title{
+  color: #456176;
+  font-weight: bold;
+  font-size: 14px;
 }
-.btn-msg {
-  background: url("send_msg.png") no-repeat left center;
-  background-position: 3px;
-  padding: 2px 4px;
-  padding-left: 22px;
-  margin-bottom: 10px;
-  font-size: 11px;
-  line-height: 14px;
-  background-color: #e6e6e6;
+.social-skill .list-badges{
+  list-style: none;
+  padding-left: 8px;
+  margin:0px;
 }
-.btn-inv {
-  background: url("send_inv.png") no-repeat left center;
-  background-position: 3px;
-  padding: 2px 4px;
-  padding-left: 22px;
-  margin-bottom: 10px;
+.social-skill .list-badges li{
+  margin-top: 10px;
+  display: inline-block;
+  width: 100px;
+  margin-right: 5px;
   font-size: 11px;
-  line-height: 14px;
-  background-color: #e6e6e6;
+  text-align: center;
+  border: 1px solid #bce8f1;
+  border-radius: 5px;
+  box-sizing: border-box;
+  vertical-align: top;
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.09);
 }
-.btn-inv-off {
-  background: url("send_inv_off.png") no-repeat left center;
-  background-position: 3px;
-  padding: 2px 4px;
-  padding-left: 22px;
+.social-skill .list-badges li img{
+  height: 100%;
+  max-height: 64px;
+  width: 100%;
+  max-width: 64px;
+  margin-top: 10px;
   margin-bottom: 10px;
-  font-size: 11px;
-  line-height: 14px;
-  background-color: #e6e6e6;
 }
-
-.password-verdict {
-    padding-left:5px;
+.social-skill .list-badges .badges-name{
+  background: #D9EDF7;
+  min-height: 35px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  color: #31708F;
 }
-#password_progress {
-    width: 220px;
+.social-skill .dropdown-menu{
+  top: 30px;
 }
-
-.jqgrid_whitespace {
-    white-space: normal !important;
+.social-group .list-group-newest .items{
+  display: block;
 }
-
-.text-h1 {
-    font-size: 24px;
+.social-group .list-group-newest .items .group-image{
+  vertical-align: top;
+  padding-left: 10px;
+  padding-right: 10px;
 }
-
-.text-h2 {
-    font-size: 21px;
+.social-group .list-group-newest .items .group-image,
+.social-group .list-group-newest .items .group-info
+{
+  display: inline-block;
 }
-
-.text-h3 {
-    font-size: 18px;
+.social-group .list-group-newest .items .group-info{
+  width: auto;
 }
-
-.text-h4 {
-    font-size: 15px;
+.social-group .items{
+  border-bottom: 1px dotted #B1DDE0;
+  padding-bottom: 5px;
+  margin-bottom: 5px;
 }
-
-.text-h5 {
-    font-size: 12px;
-    font-weight: normal;
+.social-group .group-name a{
+  font-size: 14px;
+  font-weight: bold;
+  color: #4D4D4D;
 }
-
-.chosen-container {
-    min-width: 180px;
+.social-group .count-username{
+  font-size: 12px;
+  color: #4D4D4D;
 }
-
-.chzn-container-single .chzn-search {
-    z-index: 1010;
+.social-group .description p{
+  color: #4D4D4D;
+  padding-top: 10px;
+  padding-bottom: 0px;
+  font-size: 11px;
 }
-
-/* Balances ".thumbnail > img" from bootstrap */
-.thumbnail > a > img {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 100%;
+.social-post .mediaPost{
+  padding-top:10px;
+  padding-bottom: 5px;
+  margin-bottom: 5px;
 }
-
-/* display the cookie usage warning validation */
-.cookieUsageValidation {
-    padding: 5px;
-    background-color: #333333;
-    color:#E0E0E0;
-    text-align:center;
+.social-post .sub-mediapost{
+  padding-left: 20px;
+  margin-left: 20px;
 }
-
-.displayUnderToolbar
+.top-mediapost .user-image img,
+.sub-mediapost .user-image img
 {
-    height: 52px;
-}
-
-#settings .span6 .well_border .edit-block {
-    display: none;
-}
-#settings .span6 .well_border:hover .edit-block {
-    display: block;
+  width: 50px;
+  height: 50px;
+  max-width: 50px;
+  max-height: 50px;
 }
-
-#settings .span6:nth-child(2n+1) {
-    clear:left
+.top-mediapost .user-image,
+.sub-mediapost .user-image
+{
+  vertical-align: top;
 }
-
-/***** Survey *****/
-#list-survey p{
-  display: inline-block;
-  margin-left: 10px;
+.top-mediapost .user-image .avatar-thumb,
+.sub-mediapost .user-image .avatar-thumb{
+  padding: 5px;
+  border: 1px solid #dddddd;
+  margin-bottom: 5px;
+  margin-right: 5px;
 }
-.survey-block{
-  width: 100%;
-  margin: auto;
-  padding: 10px;
-  box-sizing:border-box;
-  -moz-box-sizing:border-box;
-  -webkit-box-sizing:border-box;
+.top-mediapost .user-data .username a,
+.sub-mediapost .user-data .username a{
+  font-size: 14px;
+  font-weight: bold;
+  color: #4D4D4D;
 }
-.survey-block .table tbody tr:hover td{
-  background-color: #fff6d5 ;
+.top-mediapost .user-data .time,
+.sub-mediapost .user-data .time
+{
+  color: #9197a3;
 }
-.survey-block .table tbody tr:hover th,.survey-block .table tbody tr th {
-  background-color: #ececec ;
-  text-align: center;
+.top-mediapost .msg-content .img-post .thumbnail,
+.sub-mediapost .msg-content .img-post .thumbnail{
+  border: 1px solid #dddddd;
 }
-.survey-block .table .center{
-  text-align: center;
+.top-mediapost .msg-content p,
+.sub-mediapost .rep-post .msg-content p{
+  border-top:1px solid #dddddd;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  line-height: 18px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
-.survey-block .title-survey-block{
-  padding-top: 10px;
-  padding-bottom: 10px;
+.top-mediapost .user-data .username a:hover,
+.sub-mediapost .user-data .username a:hover{
+  text-decoration: underline;
 }
-.survey-block .title-survey-block h3{
+.top-mediapost .user-image, .top-mediapost .user-data,
+.sub-mediapost .rep-post .user-image, .sub-mediapost .rep-post .user-data{
   display: inline-block;
-  margin-left: 10px;
 }
-#survey_title {
-  font-size: 24px;
-  font-weight: 500;
-  color:#666;
-  padding-top:10px;
-  padding-bottom: 10px;
-  padding-left: 15px;
-  padding-right: 15px;
-  background-color: #ececec;
+
+.deleted-mgs a{
+  float: right;
+  font-size: 18px;
+  font-weight: bold;
+  text-shadow: 0 1px 0 #fff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+  color: #000000;
 }
-#survey_subtitle {
-  background-color:#F7F7E3;
-  color:#666;
-  padding:10px;
-  font-size:14px ;
+
+.social-rss .title-rss{
+  margin-bottom: 5px;
+  margin-top: 5px;
+  font-size: 14px;
 }
-.survey_content {
-  color:#666;
-  padding:5px;
-  font-size: 13px;
-  margin-top: 4px;
-  margin-bottom: 10px;
+.social-rss .rss-items{
+  padding-top: 10px;
+  padding-bottom: 5px;
+  margin-bottom: 5px;
 }
-.survey-block #question{
-  background-color: #ececec;
-  text-align: center;
+.social-rss .rss-items .rss-title a{
+  color: #4D4D4D;
 }
-.survey_question_wrapper {
-  border-top: 1px solid #DADADA;
-  background-color: #ffffff;
-  padding-top: 1em;
-  padding-bottom: 2em;
-  padding-left: 1em;
-  padding-right: 1em;
-  text-align: left;
+.social-rss .rss-items .rss-title a:hover{
+  text-decoration: underline;
 }
-.survey_question {
-  /* 264269 4271b5 E5EDF9 */
-  color:#666;
-  padding:5px;
-  font-size: 16px;
-  font-weight: bold;
+.social-rss .rss-items .rss-content p{
+  line-height: 18px;
+  font-size: 12px;
+  color: #666;
 }
-.survey_question_options {
-  /* 264269 4271b5 E5EDF9 */
-  background-color:#FFF;
-  color:#000;
-  padding:5px;/*border: 1px solid #264269;*/
+.menu-column .nav li a{
+  padding: 5px;
+  font-size: 12px;
 }
-.survey-next.btn{
-  border:1px solid #319265; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 10px 20px 10px 20px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
-  background-color: #3FBC82; background-image: -webkit-gradient(linear, left top, left bottom, from(#3FBC82), to(#308E60));
-  background-image: -webkit-linear-gradient(top, #3FBC82, #308E60);
-  background-image: -moz-linear-gradient(top, #3FBC82, #308E60);
-  background-image: -ms-linear-gradient(top, #3FBC82, #308E60);
-  background-image: -o-linear-gradient(top, #3FBC82, #308E60);
-  background-image: linear-gradient(to bottom, #3FBC82, #308E60);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3FBC82, endColorstr=#308E60);
-  text-shadow:none;
-  margin-top: 1em;
-  margin-bottom: 1em;
+.menu-column .nav li a img{
+  vertical-align: bottom;
+  margin-right: 5px;
 }
 
-.survey-next.btn:hover{
-  border:1px solid #25704d;
-  background-color: #329668; background-image: -webkit-gradient(linear, left top, left bottom, from(#329668), to(#236846));
-  background-image: -webkit-linear-gradient(top, #329668, #236846);
-  background-image: -moz-linear-gradient(top, #329668, #236846);
-  background-image: -ms-linear-gradient(top, #329668, #236846);
-  background-image: -o-linear-gradient(top, #329668, #236846);
-  background-image: linear-gradient(to bottom, #329668, #236846);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#329668, endColorstr=#236846);
-  background-position: 0 0;
+/* some changes to the bootstrap.css */
+
+/* when doing a var_dump*/
+
+pre {
+    margin-top:40px;
 }
-.survey-block .confirmation-message, .survey-block .error-message{
-  font-size: 16px;
-  text-align: center;
+
+/* chzn-select fix */
+select {
+    width : auto;
 }
-#question_report_questionnumbers.pagination .disabled a{
-  background-color:#F5F5F5;
-  color: #666;
+
+.invisible {
+    visibility: visible;
 }
-.title-question{
-  font-size: 22px;
+
+/* NEW CSS BASE */
+.logo{
+    margin-bottom: 10px;
+    padding: 5px;
+    margin-top: 10px;
 }
-.display-survey.table tbody tr th, .display-survey.table tbody tr:hover th{
-    background-color:#666;
+.title-header-tools{
     text-align: center;
-    font-size: 14px;
-    color: #FFFFFF;
 }
-.display-survey .total{
-    background-color: #EBF3F5;
-    text-align: center;
+
+ul#navigation {
+    position: fixed;
+    margin: 0px;
+    padding: 0px;
+    top: 200px;
+    right: -10px;
+    list-style: none;
+    z-index:9999;
 }
-.display-survey .center{
-    text-align: center;
+
+ul#navigation li {
+    width: 73px;
 }
-.display-survey{
-    border: 1px solid #ddd;
+
+ul#navigation li a {
+    display: block;
+    margin-left: 1px;
+    width: 65px;
+    opacity: 0.6;
+    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
+    -webkit-box-shadow: 0px 4px 3px #000;
 }
-.display-survey.table tbody tr:hover td,.display-survey.table tbody tr:hover th{
-    background-color: none;
+
+ul#navigation .help a {
+    background-color:#879DAA;
+    border:1px solid #FFFFFF;
+    display:block;
+    margin-left:50px;
+    opacity:0.6;
+    width:65px;
+    padding: 6px 0 8px 6px;
 }
-.answered-people{
-    padding: 10px;
-    border: 1px solid #ddd;
-    margin-bottom: 20px;
+ul#navigation .report a {
+    background-color:#8fd400;
+    border:1px solid #FFFFFF;
+    display:block;
+    margin-left:50px;
+    opacity:0.6;
+    width:65px;
+    padding: 6px 0 8px 6px;
 }
-.answered-people h4{
-    margin-bottom: 10px;
-    font-size: 16px;
-    font-weight: normal;
+
+/* END CSS BASE */
+
+.button-load{
+    background: url("../img/icons/64/file_upload.png") no-repeat center 20px;
+    padding-top: 70px;
 }
-/* CSS BASE BOOSTRAP 3 */
-.openbadges-introduction{
-  line-height: 30px;
-  margin-bottom: 30px;
+
+/* START COURSE PROGRESS */
+.thematic-postit{
+    padding-top: 5px;
+    padding-bottom: px;
 }
-.openbadges-introduction .title{
-  text-align: center;
-  margin-bottom: 20px;
-  color: #456176;
-  font-size: 35px;
+.thematic-postit .tittle-score{
+    padding-bottom: 5px;
+    font-size: 16px;
+    color: #006699;
 }
-.openbadges-introduction .lead{
-  font-size: 15px;
+.thematic-postit .topics{
+    font-size: 12px;
+    padding-bottom: 5px;
+    color: #006699;
 }
-.openbadges-introduction .sub-title{
-  color: #456176;
-  text-align: center;
-  font-size: 20px;
+.thematic-postit .items-progress {
+    border-top: 2px solid #C4DDEB;
+    padding: 5px;
+    margin-top: 0px;
+    background-color: #ECF4F8;
 }
-.openbadges-introduction .badges-tablet{
-  padding-top: 15px;
+.thematic-postit .items-progress.current {
+    border-top: 2px solid #C4DDEB;
+    padding: 5px;
+    margin-top: 0px;
+    background-color: #C4DDEB;
 }
-.openbadges-introduction .block-content{
-  padding-top: 30px;
-  padding-bottom: 30px;
+.thematic-postit .items-progress .date{
+    color: #666;
+    font-size: 11px;
+    display: block;
 }
-.openbadges-introduction .block-edit{
-  padding-top: 15px;
-  padding-bottom: 30px;
+.thematic-postit .items-progress .title{
+    font-size: 14px;
+    line-height: 18px;
+    display: block;
 }
-.openbadges-introduction .block-content .block-title,
-.openbadges-introduction .block-edit .block-title{
-  background-color: #e2eceb;
-  border: 1px solid #456176;
-  padding-left:10px;
-  padding-right: 10px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  font-size: 16px;
-  color: #456176;
+.thematic-postit .items-progress .time{
+    display: block;
+    padding-top: 5px;
 }
-.openbadges-introduction .block-content p{
-  padding-left: 5%;
-  font-size: 14px;
+.thematic-postit .info-progress{
+    padding: 10px;
 }
-.openbadges-tablet{
- margin-top: 15px;
+.thematic-postit .score-thematic .score{
+    text-align: right;
 }
-.openbadges-tablet .table thead{
-  background-color: #E2ECEB;
-  border-top: 1px solid #677F8F;
-  border-bottom: 1px solid #677F8F;
-  border-left: 1px solid #677F8F;
-  border-right: 1px solid #677F8F;
-  font-size: 16px;
-  color: #456176;
+
+.thematic-postit .score-thematic .name-student{
+    font-weight: bold;
+    font-size: 16px;
+    padding-left: 70px;
+    margin: 0px;
 }
-.openbadges-tablet .table thead tr th{
-  font-weight: normal;
+.thematic-postit .score-thematic{
+    color: #666;
 }
-.openbadges-tablet .table td{
-  border-top: 1px solid #677F8F;
-  vertical-align: middle;
-
+.thematic-postit .score-thematic p{
+    padding: 0px;
+    margin: 0px;
 }
-.openbadges-tabs ul.nav-tabs li a{
-  background-color: #E2ECEB;
-  border-top: 1px solid #677F8F;
-  border-right: 1px solid #677F8F;
-  border-left: 1px solid #677F8F;
-  border-bottom: 1px solid #677F8F;
+.thematic-postit .row-fluid.score-thematic {
+    padding-top: 5px;
 }
-.openbadges-tabs ul.nav-tabs .active a{
-  background: #fff;
-  border-bottom: 1px solid #ffffff;
+.thematic-postit .accordion-heading .accordion-toggle {
+    display: inline;
+    padding-bottom: 3px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 3px;
+    float: right;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-right: 15px;
 }
-.openbadges-tabs .nav-tabs{
-  border-bottom: 1px solid #677F8F;
+.thematic-postit .accordion-heading .title-accordion{
+    padding:0px;
+    background:url(thematic.png) no-repeat left bottom transparent;
 }
-.create-openbadges{
-  text-align: center;
-  margin-bottom: 10px;
-  padding-top: 5px;
-  padding-bottom: 5px;
+
+.thematic-postit .name-student h2{
+    font-size: 18px;
+    margin: 0;
 }
-.openbadges-img, .openbadges-view{
-  text-align: center;
-  padding: 10px;
-  margin-top: 10px;
-  border: 1px solid #b2b2b2;
+.thematic-postit .accordion-heading h3, .accordion-heading h2{
+    line-height: 17px;
 }
-.openbadges-text{
-  text-align: center;
+.thematic-postit .accordion-group{
+    border: 1px solid #D4E6F0;
+
 }
-/* Social Profile */
+.thematic-postit .name-student h3{
+    font-size: 13px;
+    font-weight: normal;
+    margin: 0;
 
-.social-avatar{
-  text-align: center;
-  padding-top: 10px;
 }
-.social-avatar .avatar-profile{
-  margin-bottom: 5px;
+.thematic-postit .accordion-heading {
+    background-color: #E7F1F7;
 }
-.social-avatar .avatar-profile .img-responsive{
-  display: inline-block;
-  margin: auto;
+.thematic-postit .items-progress p{
+    margin-bottom: 3px;
 }
-.social-avatar .lastname{
-  font-size: 18px;
-  font-weight: bold;
-  color: #4d4d4d;
+.thematic-postit .accordion-body.collapse {
+    height: 0;
+    display: none;
 }
-.social-avatar .firstname{
-  font-size: 16px;
-  font-weight: bold;
-  color: #4d4d4d;
-  margin-bottom: 5px;
+.thematic-postit .accordion-body.collapse.in {
+    height: auto;
+    display: block;
 }
-.social-avatar .edit-profile{
-  margin-top: 15px;
-  margin-bottom: 15px;
+
+/* END COURSE PROGRESS*/
+
+/* SESSION CATALOG*/
+.session-group .padding-clear{
+    padding-top: 5px;
+    padding-bottom: 10px;
 }
-.social-search form{
-  margin-bottom: 0px;
+/*.session-group .thumbnail{
+    border: none;
+    box-shadow: none;
+}*/
+.session-group .border-info{
+    /*border-bottom: 1px solid #ccc;*/
+    padding-bottom: 5px;
+}
+.session-group .buttom-subscribed{
+    padding-top: .5em;
+    padding-bottom: .5em;
+}
+.session-group .time{
+    font-size: 12px;
 }
-.social-group .group-title{
-  color: #456176;
-  font-weight: bold;
-  font-size: 14px;
+.session-group .accordion-heading{
+    background-color: #D2E7F3;
 }
-.social-skill .list-badges{
-  list-style: none;
-  padding-left: 8px;
-  margin:0px;
+.session-group .accordion-group{
+    border: 1px solid #B7D7EF;
 }
-.social-skill .list-badges li{
-  margin-top: 10px;
-  display: inline-block;
-  width: 100px;
-  margin-right: 5px;
-  font-size: 11px;
-  text-align: center;
-  border: 1px solid #bce8f1;
-  border-radius: 5px;
-  box-sizing: border-box;
-  vertical-align: top;
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.09);
+.session-group .accordion-inner{
+    border-top: 1px solid #B7D7EF;
+    background-color: #FFFFFF;
 }
-.social-skill .list-badges li img{
-  height: 100%;
-  max-height: 64px;
-  width: 100%;
-  max-width: 64px;
-  margin-top: 10px;
-  margin-bottom: 10px;
+.buttom-subscribed .btn{
+    display: block;
 }
-.social-skill .list-badges .badges-name{
-  background: #D9EDF7;
-  min-height: 35px;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-  color: #31708F;
+.session-group .items-session{
+    list-style: none;
+    padding: 0;
+    margin: 0;
 }
-.social-skill .dropdown-menu{
-  top: 30px;
+.session-group .items-session li{
+    padding-bottom: 5px;
 }
-.social-group .list-group-newest .items{
-  display: block;
+/* SESSION CATALOG END*/
+
+#main .nav .dropdown {
+    width:150px;
+    text-align: right;
 }
-.social-group .list-group-newest .items .group-image{
-  vertical-align: top;
-  padding-left: 10px;
-  padding-right: 10px;
+
+#main .nav .dropdown:nth-child(n) {
+    width:auto;
 }
-.social-group .list-group-newest .items .group-image,
-.social-group .list-group-newest .items .group-info
-{
-  display: inline-block;
+.course-items .title{
+    margin-top: 0px;
 }
-.social-group .list-group-newest .items .group-info{
-  width: auto;
+
+/* To fix the increase/decrease buttons */
+label, input, button, select, textarea, p {
+    font-size: inherit;
 }
-.social-group .items{
-  border-bottom: 1px dotted #B1DDE0;
-  padding-bottom: 5px;
-  margin-bottom: 5px;
+
+.badge-group {
+    width: 200px;
+    position: relative;
 }
-.social-group .group-name a{
-  font-size: 14px;
-  font-weight: bold;
-  color: #4D4D4D;
+
+.badge-group .badge {
+    float:left;
+    position:relative;
 }
-.social-group .count-username{
-  font-size: 12px;
-  color: #4D4D4D;
+
+.badge-group  > :first-child {
+    z-index: 1000;
 }
-.social-group .description p{
-  color: #4D4D4D;
-  padding-top: 10px;
-  padding-bottom: 0px;
-  font-size: 11px;
+
+.badge-group  > :nth-child(2) {
+    z-index: 900;
 }
-.social-post .mediaPost{
-  padding-top:10px;
-  padding-bottom: 5px;
-  margin-bottom: 5px;
+
+.badge-group  > :nth-child(3) {
+    z-index: 800;
 }
-.social-post .sub-mediapost{
-  padding-left: 20px;
-  margin-left: 20px;
+.badge-group  > :nth-child(4) {
+    z-index: 700;
 }
-.top-mediapost .user-image img,
-.sub-mediapost .user-image img
-{
-  width: 50px;
-  height: 50px;
-  max-width: 50px;
-  max-height: 50px;
+.badge-group  > :nth-child(5) {
+    z-index: 600;
 }
-.top-mediapost .user-image,
-.sub-mediapost .user-image
-{
-  vertical-align: top;
+
+.badge-group .badge:not(:first-child) {
+    margin-left: -13px;
+    padding-left: 15px;
 }
-.top-mediapost .user-image .avatar-thumb,
-.sub-mediapost .user-image .avatar-thumb{
-  padding: 5px;
-  border: 1px solid #dddddd;
-  margin-bottom: 5px;
-  margin-right: 5px;
+
+/* button with image */
+button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back {
+    padding-left:30px;
+    background-position:8px !important;
+    background-repeat:no-repeat;
 }
-.top-mediapost .user-data .username a,
-.sub-mediapost .user-data .username a{
-  font-size: 14px;
-  font-weight: bold;
-  color: #4D4D4D;
+
+/* button << */
+button.arrowl, button.arrowr, input.arrowl, input.arrowr  {
+    margin: 0px 15px 0px 15px;
+    padding:15px 18px;
+    background-position:7px;
 }
-.top-mediapost .user-data .time,
-.sub-mediapost .user-data .time
-{
-  color: #9197a3;
+/*including "arrowl" image*/
+button.arrowl, button.arrowr, input.arrowl, input.arrowr  {
+    background-repeat:no-repeat;
 }
-.top-mediapost .msg-content .img-post .thumbnail,
-.sub-mediapost .msg-content .img-post .thumbnail{
-  border: 1px solid #dddddd;
+
+button.arrowl:hover, button.arrowr:hover , input.arrowl:hover, input.arrowr:hover {
+    background-position:7px;
 }
-.top-mediapost .msg-content p,
-.sub-mediapost .rep-post .msg-content p{
-  border-top:1px solid #dddddd;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  line-height: 18px;
-  padding-left: 10px;
-  padding-right: 10px;
+
+/* Fixing old chamilo forms */
+
+/* fixes the * */
+span.form_required  {
+    padding-right:5px;
 }
-.top-mediapost .user-data .username a:hover,
-.sub-mediapost .user-data .username a:hover{
-  text-decoration: underline;
+
+form .formw {
+    margin-left: 170px;
 }
-.top-mediapost .user-image, .top-mediapost .user-data,
-.sub-mediapost .rep-post .user-image, .sub-mediapost .rep-post .user-data{
-  display: inline-block;
+form .form-button-login{
+    margin-top: 5px;
+}
+form .formw input {
+    float:left;
 }
 
-.deleted-mgs a{
-  float: right;
-  font-size: 18px;
-  font-weight: bold;
-  text-shadow: 0 1px 0 #fff;
-  opacity: 0.2;
-  filter: alpha(opacity=20);
-  color: #000000;
+.formw input[type="checkbox"], .formw input[type="radio"] {
+    margin-right: 5px;
+    margin-top: 2px;
 }
 
-.social-rss .title-rss{
-  margin-bottom: 5px;
-  margin-top: 5px;
-  font-size: 14px;
+/* end chamilo forms fixes */
+
+#top_main_content .span3 {
+    float: left;
 }
-.social-rss .rss-items{
-  padding-top: 10px;
-  padding-bottom: 5px;
-  margin-bottom: 5px;
+[dir=rtl] #top_main_content .span3 {
+    float: right;
 }
-.social-rss .rss-items .rss-title a{
-  color: #4D4D4D;
+
+#top_main_content .control-group .span3 {
+    float: none;
 }
-.social-rss .rss-items .rss-title a:hover{
-  text-decoration: underline;
+#top_main_content .span9 {
+    float: left;
 }
-.social-rss .rss-items .rss-content p{
-  line-height: 18px;
-  font-size: 12px;
-  color: #666;
+[dir=rtl] #top_main_content .span9 {
+    float: right;
 }
-.menu-column .nav li a{
-  padding: 5px;
-  font-size: 12px;
+
+/* New changes Chamilo 1.9 */
+
+#lp_navigation_elem .buttons{
+    margin-bottom: 5px;
 }
-.menu-column .nav li a img{
-  vertical-align: bottom;
-  margin-right: 5px;
+
+#lp_navigation_elem {
+    padding-left: 15px;
+    width: 110px;
 }