Binary file assets/annotate.psd has changed

Binary file assets/play.psd has changed

Binary file assets/search.psd has changed

--- a/src/css/LdtPlayer.css	Mon Nov 28 17:12:56 2011 +0100
+++ b/src/css/LdtPlayer.css	Tue Nov 29 11:09:08 2011 +0100
@@ -156,53 +156,60 @@
       float: right;
     }
 
-    /* we need a container to contain our buttons because we want
-       them centered and there's no way to position them this way
-       while at the same time using sprites 
-    */
-    .Ldt-ButtonContainer {
-      width: 50px;
-      height: 25px;
+    .Ldt-button {
       border-left: 1px solid #b6b8b8;
-      border-right: 1px solid #b6b8b8;
       float: left;
+     
     }
 
     .Ldt-CtrlPlay {
       background:url('imgs/play_sprite.png') no-repeat transparent ;
       background-position: 0 0;
-      width: 16px;
+      width: 59px;
       height: 25px;
-      margin: 0 auto;
     }
 
     .Ldt-CtrlPlay:hover {
-      background:url('imgs/play_sprite.png') no-repeat transparent ;
       background-position: 0 -25px;
-      width: 16px;
-      height: 25px;
-      margin: 0 auto;
     }
 
-    .Ldt-CtrlNext {
-      background:url('imgs/play_sprite.png') no-repeat scroll 0 0 transparent ;
-      background-position: center;
-      width: 50px;
+    .Ldt-CtrlPlay:active {
+      background-position: 0 -50px;
+    }
+
+    .Ldt-CtrlAnnotate {
+      background:url('imgs/annotate_sprite.png') no-repeat scroll 0 0 transparent ;
+      width: 33px;
       height: 25px;
       border-right: 1px solid #b6b8b8;
       float: left;
     }
 
+    .Ldt-CtrlAnnotate:hover {
+      background-position: 0 -25px;
+    }
+
+    .Ldt-CtrlAnnotate:active {
+      background-position: 0 -50px;
+    }
 
     .Ldt-CtrlSearch {
-      background:url('imgs/search.png') no-repeat scroll 0 0 transparent ;
-      background-position: center;
-      width: 50px;
+      background:url('imgs/search_sprite.png') no-repeat scroll 0 0 transparent ;
+      width: 33px;
       height: 25px;
       border-right: 1px solid #b6b8b8;
       float: left;
     }
 
+    .Ldt-CtrlSearch:hover {
+      background-position: 0 -25px;
+    }
+
+    .Ldt-CtrlSearch:active {
+      background-position: 0 -50px;
+    }
+
+
     .Ldt-Time {
       position: inherit;
       float: left;

Binary file src/css/imgs/annotate_sprite.png has changed

Binary file src/css/imgs/play_sprite.png has changed

Binary file src/css/imgs/search_sprite.png has changed

--- a/src/templates/player.html	Mon Nov 28 17:12:56 2011 +0100
+++ b/src/templates/player.html	Tue Nov 29 11:09:08 2011 +0100
@@ -1,10 +1,8 @@
 {{! template for the radio player }}
 <div class='Ldt-controler demo'>
 	<div class='Ldt-LeftPlayerControls'>
-		<div class='Ldt-ButtonContainer'>
-      <div class='Ldt-button Ldt-CtrlPlay'></div>
-    </div>
-		<div class='Ldt-button Ldt-CtrlNext'></div>
+    <div class='Ldt-button Ldt-CtrlPlay'></div>
+		<div class='Ldt-button Ldt-CtrlAnnotate'></div>
     <div class='Ldt-button Ldt-CtrlSearch'></div>
 	</div>	
 	<div class='Ldt-RightPlayerControls'>