--- a/timeline/css/timeline.css	Tue May 29 16:16:26 2012 +0200
+++ b/timeline/css/timeline.css	Wed Jun 27 13:15:28 2012 +0200
@@ -1,5 +1,5 @@
 .Tl-Main {
-    overflow: hidden; border: 1px solid #ccc;
+    overflow: hidden; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif;
 }
 
 .Tl-TopBar {
@@ -103,7 +103,7 @@
     position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
 }
 
-.Tl-Occurrence, .Tl-Cluster {
+.Tl-Occurrence, .Tl-Cluster, .Tl-AddOccurrence {
     width: 19px; height: 22px; background: url(../img/sprites.png); cursor: pointer;
 }
 
@@ -207,3 +207,20 @@
 p.Tl-Tooltip-Description, p.Tl-Tooltip-Characters {
     font-size: 12px; margin: 5px 0 0; clear: both;
 }
+
+ul.Tl-Adding {
+    position: absolute; left: -150px; top: 0; display: none;
+    list-style: none; font-size: 12px; padding: 0; margin: 0; width: 150px; border-style: none solid; border-color: #999999; border-width: 1px;
+}
+
+.Tl-Adding li {
+    border-style: none none solid; border-color: #cccccc; border-width: 1px; padding: 4px; background: rgba(255,255,255,.9);
+}
+
+li.Tl-AddingTitle {
+    background: rgba(215,215,215,.9); font-weight: bold;
+}
+
+.Tl-AddOccurrence {
+    float: right; margin: -3px;
+}