diff -r dc66d623dddd -r bf8879a6470e timeline/css/timeline.css
--- a/timeline/css/timeline.css	Mon Aug 19 12:54:37 2013 +0200
+++ b/timeline/css/timeline.css	Mon Aug 19 18:04:32 2013 +0200
@@ -83,7 +83,9 @@
 
 .Tl-UniversLabels li:before {
     content: "."; position: absolute; height: 1px; text-indent: -9999px;
-    width: 100%; top: 0; background: #DEDEDE;
+    width: 200px; top: 0; background: #DEDEDE; z-index: 5;
+    background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px );
+    background: -webkit-linear-gradient(to right, rgba(220,220,220,1) 80%, rgba(220,220,220,.1) 140px );
 }
 
 .Tl-UniversLabels li:after {
@@ -91,7 +93,7 @@
     width: 0; right: -8px; top: 50%; margin-top: -6px;
     border-top: 6px solid transparent;
     border-bottom: 6px solid transparent;
-    border-left: 8px solid #ffffff;
+    border-left: 8px solid #ffffff; z-index: 5;
 }
 
 .Tl-UniversText {
@@ -100,7 +102,8 @@
 
 .Tl-Grid {
     position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden;
-    background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% )
+    background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% );
+    background: -webkit-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% );
 }
 
 .Tl-Grid-Column {
@@ -128,7 +131,7 @@
 }
 
 .Tl-Editing {
-    border-color: #c00000; z-index: 200;
+    border-color: #c00000; z-index: 3;
 }
 
 .Tl-OccOnGrid, .Tl-Cluster {
@@ -148,7 +151,7 @@
 }
 
 .Tl-Overlay {
-    position: absolute; left: -105px; width: 210px;
+    position: absolute; left: -105px; width: 210px; z-index: 6;
 }
 
 .Tl-Overlay-Up .Tl-Overlay {
@@ -210,4 +213,38 @@
 
 .Tl-AddOccurrence {
     float: right; margin: -3px;
-}
\ No newline at end of file
+}
+
+/**************/
+
+.Tl-Detail {
+    border: 1px solid #cccccc; margin: 10px 0 0 80px; padding: 10px; text-align: left; min-height: 135px; font-size: 12px;
+}
+
+.Tl-Detail-Image {
+    float: left;
+}
+
+.Tl-Detail-Title {
+    font-size: 18px; font-weight: bold; margin-left: 145px;
+}
+
+.Tl-Detail-Description {
+    margin: 5px 0 5px 145px;
+}
+
+.Tl-Detail-Bottom {
+    margin-left: 145px; text-align: right;
+}
+
+.Tl-Detail-Date {
+    float: left; color: #666666;
+}
+
+.Tl-Detail-Read {
+    text-decoration: none; color: #000000;
+}
+
+.Tl-Detail-Read:hover {
+    text-decoration: underline;
+}