--- a/src/css/LdtPlayer.css	Wed Nov 23 12:25:10 2011 +0100
+++ b/src/css/LdtPlayer.css	Wed Nov 23 15:16:28 2011 +0100
@@ -12,14 +12,7 @@
       float:left;
     }
 
-    .Ldt-controler {
-      font-size: 62.5%;
-      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
-      background-color:#eeeeee;
-      height:35px;
-    }
-
-    .Ldt-AnnotationsWidget {
+   .Ldt-AnnotationsWidget {
       font-size: 62.5%;
       font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
       background-color:#eeeeee;
@@ -138,9 +131,19 @@
       display:none
     }
 
+    /* player */
+    .Ldt-controler {
+      font-size: 62.5%;
+      font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
+      background:url('imgs/player_gradient.png') repeat-x transparent ;
+      height: 27px;
+      border-top: 1px solid #b6b8b8;
+      border-bottom: 1px solid #b6b8b8;
+    }
+
+ 
     .Ldt-LeftPlayerControls {
       float:left;
-      padding: 4px;
     }
 
     .Ldt-RightPlayerControls {
@@ -148,6 +151,34 @@
       padding: 4px;
     }
 
+    .Ldt-CtrlPlay {
+      background:url('imgs/play_button.png') no-repeat scroll 0 0 transparent ;
+      background-position: center;
+      width: 50px;
+      height: 23px;
+      border: 1px solid #b6b8b8;
+      float: left;
+    }
+
+    .Ldt-CtrlNext {
+      background:url('imgs/play_button.png') no-repeat scroll 0 0 transparent ;
+      background-position: center;
+      width: 50px;
+      height: 23px;
+      border: 1px solid #b6b8b8;
+      float: left;
+    }
+
+
+    .Ldt-CtrlSearch {
+      background:url('imgs/play_button.png') no-repeat scroll 0 0 transparent ;
+      background-position: center;
+      width: 50px;
+      height: 23px;
+      border: 1px solid #b6b8b8;
+      float: left;
+    }
+
     .Ldt-Time {
       float: left;
       padding: 4px;