# HG changeset patch
# User hamidouk
# Date 1322561348 -3600
# Node ID 8a088f7daa6677e3fda26dd7a3531abaaada3e2e
# Parent  9799f50b7ac51a5931062b548f649591b6981283
rollover over the interface buttons now works as expected.
Also changed the width of the buttons to the correct size.
Resized the width and height of the sprites to be the same as the boxes we display
them in.

diff -r 9799f50b7ac5 -r 8a088f7daa66 assets/annotate.psd
Binary file assets/annotate.psd has changed
diff -r 9799f50b7ac5 -r 8a088f7daa66 assets/play.psd
Binary file assets/play.psd has changed
diff -r 9799f50b7ac5 -r 8a088f7daa66 assets/search.psd
Binary file assets/search.psd has changed
diff -r 9799f50b7ac5 -r 8a088f7daa66 src/css/LdtPlayer.css
--- 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;
diff -r 9799f50b7ac5 -r 8a088f7daa66 src/css/imgs/annotate_sprite.png
Binary file src/css/imgs/annotate_sprite.png has changed
diff -r 9799f50b7ac5 -r 8a088f7daa66 src/css/imgs/play_sprite.png
Binary file src/css/imgs/play_sprite.png has changed
diff -r 9799f50b7ac5 -r 8a088f7daa66 src/css/imgs/search_sprite.png
Binary file src/css/imgs/search_sprite.png has changed
diff -r 9799f50b7ac5 -r 8a088f7daa66 src/templates/player.html
--- 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'>