diff -r 03bbfd9cd3c6 -r 37492d1ce841 timeline/css/timeline.css
--- a/timeline/css/timeline.css	Tue May 22 14:55:44 2012 +0200
+++ b/timeline/css/timeline.css	Wed May 23 18:16:27 2012 +0200
@@ -72,7 +72,7 @@
 }
 
 .Tl-MainPart {
-    position: absolute; border-left: 1px solid #ccc; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,.2); overflow: hidden;
+    position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #ccc; right: 0; top: 0; bottom: 0; overflow: hidden;
 }
 
 .Tl-UniversLabels {
@@ -83,7 +83,7 @@
     background: #e0e0e0;
 }
 
-.Tl-Grid {
+.Tl-Layer {
     position: absolute; top: 0; left: 50%; height: 100%;
 }
 
@@ -102,3 +102,44 @@
 .Tl-Grid-Now {
     position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
 }
+
+.Tl-Occurrence, .Tl-Cluster {
+    position: absolute; width: 19px; height: 22px; background: url(../img/sprites.png); margin-left: -9px; margin-top: -1px; cursor: pointer;
+}
+
+.Tl-Occnarrative {
+    background-position: 0 -50px;
+}
+
+.Tl-Occproduction {
+    background-position: -19px -50px;
+}
+
+.Tl-Occboth {
+    background-position: -38px -50px;
+}
+
+.Tl-ClusterCount {
+    position: absolute; right: 0; top: 0; border: 1px solid #999999; background: #333333;
+    padding: 1px 2px; font-size: 9px; color: #ffffff; border-radius: 5px;
+}
+
+.Tl-Overlay-Container {
+    position: absolute; top: 0;
+}
+
+.Tl-Overlay-Box {
+    position: absolute; width: 0; height: 0; display: none;
+}
+
+.Tl-Overlay {
+    position: absolute; left: -105px; bottom: 0; width: 210px;
+}
+
+.Tl-Overlay-Main {
+    width: 190px; padding: 10px 10px 0; background: url(../img/tooltip.png) top;
+}
+
+.Tl-Overlay-Tip {
+    width: 210px; height: 20px; background: url(../img/tooltip.png) bottom;
+}