--- a/timeline/css/timeline.css	Fri May 25 16:45:40 2012 +0200
+++ b/timeline/css/timeline.css	Tue May 29 16:16:26 2012 +0200
@@ -112,7 +112,11 @@
 }
 
 .Tl-OccInCluster {
-    float: left;
+    float: left; position: relative;
+}
+
+.Tl-Locked {
+    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sprites.png); background-position: -57px -50px;
 }
 
 .Tl-Occnarrative {
@@ -135,6 +139,10 @@
     background-position: -38px -50px;
 }
 
+.Tl-Link {
+    position: absolute; left: 0; bottom: 0; width: 11px; height: 11px; background: url(../img/sprites.png) -38px -83px; display: none;
+}
+
 .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;
@@ -187,3 +195,15 @@
 .Tl-Overlay-Up .Tl-Overlay-Tip-Top, .Tl-Overlay-Down .Tl-Overlay-Tip-Bottom {
     display: none;
 }
+
+h3.Tl-Tooltip-Title {
+    font-size: 14px; font-weight: bold; color: #000080; margin: 0;
+}
+
+p.Tl-Tooltip-Date {
+    font-size: 11px; margin: 2px 0; color: #000080; border-bottom: 1px dotted; float: left;
+}
+
+p.Tl-Tooltip-Description, p.Tl-Tooltip-Characters {
+    font-size: 12px; margin: 5px 0 0; clear: both;
+}