--- a/src/css/LdtPlayer.css	Mon Nov 21 15:39:59 2011 +0100
+++ b/src/css/LdtPlayer.css	Mon Nov 21 15:40:35 2011 +0100
@@ -145,10 +145,18 @@
       padding: 4px;
     }
 
-    .ldt-ElapsedTime {
+    .Ldt-Time {
       float: left;
       padding: 4px;
     }
+    
+    .Ldt-ElapsedTime {
+      color: #4a4a4a;
+    }
+    
+    .Ldt-TotalTime {
+      color: #b2b2b2; 
+    }
 
     .Ldt-cleaner {
       clear:both;

--- a/src/js/widgets/playerWidget.js	Mon Nov 21 15:39:59 2011 +0100
+++ b/src/js/widgets/playerWidget.js	Mon Nov 21 15:40:35 2011 +0100
@@ -81,8 +81,8 @@
   var elapsedTime = IriSP.secondsToTime(this._Popcorn.currentTime());
   
   var timeTemplate = "{{hours}}:{{minutes}}:{{seconds}}";
-  this.selector.find(".ElapsedTime").html(Mustache.to_html(timeTemplate, elapsedTime));
-  this.selector.find(".TotalTime").html(Mustache.to_html(timeTemplate, totalTime));
+  this.selector.find(".Ldt-ElapsedTime").html(Mustache.to_html(timeTemplate, elapsedTime));
+  this.selector.find(".Ldt-TotalTime").html(Mustache.to_html(timeTemplate, totalTime));
   
   this._previousSecond = this._Popcorn.roundTime();
 };

--- a/src/templates/player.html	Mon Nov 21 15:39:59 2011 +0100
+++ b/src/templates/player.html	Mon Nov 21 15:40:35 2011 +0100
@@ -9,11 +9,11 @@
     </button>
 	</div>	
 	<div class='Ldt-RightPlayerControls'>
-    <div class='ldt-ElapsedTime'>
-      <span class='ElapsedTime'></span>
+    <span class='ldt-Time'>
+      <span class='Ldt-ElapsedTime'></span>
       /
-      <span class='TotalTime'></span>
-    </div>
+      <span class='Ldt-TotalTime'></span>
+    </span>
 		<button class='ldt-CtrlSound'>Sound</button>
 	</div>
 	<div class='cleaner'>&nbsp;</div>