--- a/timeline/css/timeline.css	Tue Aug 13 16:46:38 2013 +0200
+++ b/timeline/css/timeline.css	Tue Aug 13 17:25:20 2013 +0200
@@ -119,87 +119,26 @@
     position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff;
 }
 
-.Tl-Occurrence, .Tl-Cluster, .Tl-AddOccurrence, .Ls-OccIcon {
-    width: 19px; height: 22px; background: url(../img/sprites.png); cursor: pointer;
+.Tl-Occurrence {
+    width: 85px; height: 38px; cursor: pointer; border: 2px solid rgba(255,255,255,.9);
+}
+
+.Tl-Occurrence img {
+    max-width: 100%; max-height: 100%; opacity: .6;
+}
+
+.Tl-Editing {
+    border-color: #c00000; z-index: 200;
 }
 
 .Tl-OccOnGrid, .Tl-Cluster {
-    position: absolute; margin-left: -9px; margin-top: -1px;
-}
-
-.Tl-OccInCluster {
-    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 {
-    background-position: 0 -50px;
-}
-
-.Tl-Occpublication {
-    background-position: -19px -50px;
-}
-
-.Tl-Occnarrative.Tl-Editing {
-    background-position: 0 -72px;
-}
-
-.Tl-Occpublication.Tl-Editing {
-    background-position: -19px -72px;
-}
-
-.Tl-Occnarrative.Tl-Occa_valider {
-    background-position: -38px -50px;
-}
-
-.Tl-Occpublication.Tl-Occa_valider {
-    background-position: -57px -50px;
-}
-
-.Tl-Occnarrative.Tl-Editing.Tl-Occa_valider {
-    background-position: -38px -72px;
-}
-
-.Tl-Occpublication.Tl-Editing.Tl-Occa_valider {
-    background-position: -57px -72px;
-}
-
-.Tl-Occnarrative.Tl-Occvalide {
-    background-position: -76px -50px;
-}
-
-.Tl-Occpublication.Tl-Occvalide {
-    background-position: -95px -50px;
-}
-
-.Tl-Occnarrative.Tl-Editing.Tl-Occvalide {
-    background-position: -76px -72px;
-}
-
-.Tl-Occpublication.Tl-Editing.Tl-Occvalide {
-    background-position: -95px -72px;
+    position: absolute; margin-left: -2px; margin-top: 4px; background: rgba(0,0,0,.9);
 }
 
 .Tl-Cluster {
     background-position: -114px -50px;
 }
 
-.Tl-Link {
-    position: absolute; left: 0; bottom: 0; width: 11px; height: 11px; background: url(../img/sprites.png) -114px -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;
-}
-
-.Tl-ClusterOverlay {
-    position: absolute; margin-top: -20px; height: 30px; background: url(../img/cluster-overlay.png) center;
-}
-
 .Tl-Overlay-Container {
     position: absolute; top: 0;
 }