--- a/src/css/LdtPlayer.css	Fri Mar 09 18:11:42 2012 +0100
+++ b/src/css/LdtPlayer.css	Fri Mar 16 19:31:26 2012 +0100
@@ -840,47 +840,61 @@
   max-height: 480px;
 }
 
-.Ldt-AnnotationsListWidget ul {
-  padding: 5px;
+.Ldt-AnnotationsList-ul {
+  list-style: none;
+  padding: 0 3px;
 }
 
-.Ldt-AnnotationsListWidget li {
-  list-style-type: none;
+.Ldt-AnnotationsList-li {
   cursor: pointer;
-  display: table-row;
-  padding-top: 2px;
-  height: 64px;
+  float: left; width: 100%; clear: both;
+  margin: 2px 0; padding: 2px 0;
 }
 
-.Ldt-AnnotationsListWidget li:hover {
+.Ldt-AnnotationsList-li:hover {
   background-color: #e9e9e9;
 }
 
-.Ldt-AnnotationsListWidget li a {
+.Ldt-AnnotationsListWidget a {
   text-decoration: none;
 }
 
-.Ldt-AnnotationsList-Caption {
+.Ldt-AnnotationsList-Thumb-Placeholder {
   float: left;
-  vertical-align: middle;
   height: 64px;
   width: 64px;
   background-image: url('imgs/video_sequence.png');
 }
 
+.Ldt-AnnotationList-Thumbnail {
+    border: none;
+    float: left;
+    max-width: 64px;
+    max-height: 64px;
+}
+
 .Ldt-AnnotationsList-Duration {  
-  color : #f7268e;  
-  float: right;
-  text-align: left;
-  width: 120px;
+  color : #f7268e;
+  float: right; text-align: right;
 }
 
 .Ldt-AnnotationsList-Title {
   color: #0068c4;
   font-size: 13px;
-  display: table-cell;
-  width: 80%;
-  margin-left: 64px; margin-bottom: 3px;
+  margin: 0 0 2px 64px;
+}
+
+.Ldt-AnnotationsList-Description {
+    clear: both;
+    margin: 2px 0;
+}
+
+.Ldt-AnnotationsList-Tags {
+    width: 100%; list-style: none; clear: both; padding: 0; margin: 2px 0;
+}
+
+.Ldt-AnnotationsList-Tag-Li {
+    float: left; margin: 2px; background: #cc0066; color: #fff; padding: 4px;
 }
 
 /* Tagcloud */