diff -r 45c889eae324 -r 2c7fc855eba8 front_idill/src/player/metadataplayer/Timeline.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/front_idill/src/player/metadataplayer/Timeline.css	Fri May 11 11:04:06 2012 +0200
@@ -0,0 +1,104 @@
+/* Timeline Widget */
+
+@font-face {
+    font-family: "DINMedium";
+    src: url("../../fonts/DINMedium.ttf") format("truetype");
+    font-weight:10;
+}
+
+.Ldt-Timeline {
+	border: none;
+	border-radius: 0;
+	padding: 0;
+	margin-top: 0;
+	background: transparent;
+	background-image: url("../../img/timeline.png");
+	background-position: 0px 0px;
+	background-repeat: repeat;
+}
+
+.Ldt-TimelineMiddle {
+	border: none;
+	border-radius: 0;
+	padding: 0;
+	margin-top: 0;
+	background: transparent;
+	background-image: url("../../img/middle_timeline.png");
+	background-position: 0px 0px;
+	background-repeat: repeat;
+	z-index:100;
+}
+
+.Ldt-Timeline .ui-slider-handle {
+	display: none;
+}
+
+.Ldt-Timeline .ui-slider-range {
+	border: none;
+	border-radius: 0;
+	padding: 0;
+	margin-top: 0;
+	background: transparent;
+    background-image: url("../../img/selected_timeline.png");
+	background-position: 0px 0px;
+	background-repeat: repeat;
+	z-index: 50;
+}
+
+.Ldt-Marker, .search_Marker {
+	position: absolute;
+	width: 10px;
+	height: 10px;
+	background: transparent;
+	background-image: url("../../img/marker.png");
+	background-position: 0px 0px;
+	background-repeat: no-repeat;
+	z-index: 200;
+}
+
+.TL_Borders {
+	position: absolute;
+	background-image: url("../../img/selected_timeline.png");
+	background-position: 0px 0px;
+	background-repeat: repeat;
+	z-index: 150;
+}
+
+.TL_Arrows {
+	position: absolute;
+	display: none;
+	width: 24px;
+	height: 20px;
+	background-position: 0px 0px;
+	background-repeat: no-repeat;
+	z-index: 150;
+}
+
+.TL_MarkersBig {
+	position: absolute;
+	display: none;
+	z-index: 200;
+}
+
+#MB_Text {
+	background-color: rgba(34, 34, 34, 1);
+	padding: 1px 5px 1px 5px;
+	color: #FFFFFF;
+	//font-family: DIN-Medium, Fallback, sans-serif;
+	font-size: 10px;
+}
+
+#MB_Spike {
+	width: 10px;
+	height: 5px;
+	background-image: url("../../img/spike.png");
+	background-position: 0px 0px;
+	background-repeat: no-repeat;
+}
+
+#MB_Pic, .search_MBPic {
+	width: 24px;
+	height: 30px;
+	background-position: 0px 0px;
+	background-repeat: no-repeat;
+}
\ No newline at end of file