diff -r 285f51fd2480 -r b7017da5a7b5 integration/css/theend.css
--- a/integration/css/theend.css	Wed Dec 19 16:55:00 2012 +0100
+++ b/integration/css/theend.css	Mon Dec 17 18:19:36 2012 +0100
@@ -408,22 +408,50 @@
     color: #ffffff;
 }
 
-.btn {
+.btn, .sdhdbtn {
     background: transparent url(../img/controls.png) no-repeat top left;
     float: left;
+}
+
+.btn, .sdhdgroup {
     margin: 0 16px;
 }
-#btnSDHD {
+
+.sdhdgroup {
+    margin-top: 5px;
+    float: left;
+}
+
+.sdhdbtn {
+    height: 12px;
+}
+
+#btnSD {
+    width: 24px;
+}
+
+.SD #btnSD, .HD #btnSD:hover {
     background-position: 0 0;
-    width: 55px;
-    height: 12px;
-    margin-top: 5px;
 } 
-#btnSDHD:hover {
+.HD #btnSD {
     background-position: 0 -12px;
-    width: 55px;
-    height: 12px;   
-}  
+}
+
+.sdhdsep {
+    background-position: -24px 0; width: 6px;
+}
+
+#btnHD {
+    width: 25px;
+}
+
+.SD #btnHD {
+    background-position: -30px 0;
+} 
+.SD #btnHD:hover, .HD #btnHD {
+    background-position: -30px -12px;
+}
+
 #btnBck {
     background-position: -55px 0;
     width: 16px;