Updated styles for courses catalog

main/css/academica/default.css

@@ -3507,20 +3507,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -3544,30 +3556,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/baby_orange/default.css

@@ -3438,20 +3438,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -3475,32 +3487,96 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
 }
 
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
+}
 
 .attendance-users-table td {
 	height:66px;

main/css/blue_lagoon/default.css

@@ -4121,20 +4121,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4158,30 +4170,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/chamilo/default.css

@@ -4525,20 +4525,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4562,30 +4574,87 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
 }
 
 .course-link-desc a {

main/css/chamilo_electric_blue/default.css

@@ -4480,20 +4480,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4517,30 +4529,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/chamilo_green/default.css

@@ -4490,20 +4490,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4527,30 +4539,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/chamilo_orange/default.css

@@ -4463,20 +4463,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4500,30 +4512,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/chamilo_red/default.css

@@ -4473,20 +4473,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4510,30 +4522,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/cool_blue/default.css

@@ -3989,20 +3989,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4026,30 +4038,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/corporate/default.css

@@ -3456,20 +3456,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -3493,30 +3505,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/cosmic_campus/default.css

@@ -3519,20 +3519,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -3556,32 +3568,96 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
 }
 
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
+}
 
 .attendance-users-table td {
 	height:66px;

main/css/delicious_bordeaux/default.css

@@ -3979,20 +3979,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4016,30 +4028,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/dokeos_blue/default.css

@@ -4028,20 +4028,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4065,30 +4077,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/dokeos_classic/default.css

@@ -4241,20 +4241,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4278,41 +4290,97 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
 }
 
-.attendance-users-table td {
-	height:66px;
+.course-link-desc a {
+text-decoration:underline;
 }
 
-.attendance-calendar-table td {
-	height:66px;
+.course-link-desc span {
+padding-top:10px;
 }
 
-
 .attendance-users-table td {
 	height:66px;
 }

main/css/dokeos_classic_2D/default.css

@@ -4249,20 +4249,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4286,30 +4298,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/empire_green/default.css

@@ -3966,20 +3966,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4003,30 +4015,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/fruity_orange/default.css

@@ -3966,20 +3966,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4003,30 +4015,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/medical/default.css

@@ -4422,20 +4422,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4459,30 +4471,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/public_admin/default.css

@@ -4173,20 +4173,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4210,30 +4222,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/royal_purple/default.css

@@ -3962,20 +3962,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -3999,30 +4011,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/silver_line/default.css

@@ -3903,20 +3903,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -3940,30 +3952,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/sober_brown/default.css

@@ -4118,20 +4118,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4155,30 +4167,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/steel_grey/default.css

@@ -3967,20 +3967,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4004,30 +4016,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {

main/css/tasty_olive/default.css

@@ -3969,20 +3969,32 @@ span.form_required  {
 
 #categories-content-first {
     width:290px;
-    padding:10px;
+    padding:5px;
     float:left;
 }
 
 #categories-search {
-    padding:10px;
     text-align:center;
-    height:105px;
+    height:55px;
     float: right;
 }
 
 #categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    width:240px;
+    min-height:132px;
     padding:25px;
-    margin-top:10px;
     font-size:11pt;
 }
 
@@ -4006,30 +4018,95 @@ span.form_required  {
     float:left;
     margin:10px;
     padding:9px;
-    width:240px;
-    min-height:132px;
+    width:220px;
+    min-height:180px;
+    color: #BBBBBB;
 }
 
 .categories-course-picture {
-    width:75px;
-    height:75px;
+    width:95px;
+    height:95px;
     float:left;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
 }
 
 .categories-course-picture img {
-    width: 75px;
-    height: 75px;
+    width: 95px;
+    height: 95px;
+    background-color: #eeeeee;
 }
 
 .categories-course-description {
-    margin-left:80px;
+    margin-left:10px;
     font-family:arial;
     font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: x-large;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
 }
 
 .categories-course-links {
     margin-top:5px;
-    height: 40px;
+    height: 25px;
+}
+
+.course-link-desc a {
+text-decoration:underline;
+}
+
+.course-link-desc span {
+padding-top:10px;
 }
 
 .attendance-users-table td {