Index: themes/default-wide/recordings-ui.xml
===================================================================
--- themes/default-wide/recordings-ui.xml	(revision 22667)
+++ themes/default-wide/recordings-ui.xml	(working copy)
@@ -13,6 +13,63 @@
             <position>0,60</position>
         </imagetype>
 
+        <buttonlist name="recgroups">
+            <arrange>stack</arrange>
+            <area>365,37,820,30</area>
+            <align>center</align>
+            <spacing>20</spacing>
+            <scrollstyle>center</scrollstyle>
+            <wrapstyle>items</wrapstyle>
+            <layout>horizontal</layout>
+            <buttonarea>0,0,100%,100%</buttonarea>
+            <statetype name="buttonitem">
+                <state name="active">
+                    <area>0,0,300,30</area>
+                    <shape name="recActiveGroupShape">
+                        <area>0, 0, 100%, 100%</area>
+                        <minsize>150,100%</minsize>
+                        <type>roundbox</type>
+                        <fill color="#000000" alpha="0" />
+                        <line color="#FFFFFF" alpha="255" width="1" />
+                        <cornerradius>15</cornerradius>
+                    </shape>
+                    <textarea name="buttontext">
+                        <area>3%,0,96%,100%</area>
+                        <minsize>10%,100%</minsize>
+                        <align>allcenter</align>
+                        <cutdown>yes</cutdown>
+                        <font>basesmall</font>
+                        <alpha>255</alpha>
+                    </textarea>
+                </state>
+                <state name="selected">
+                    <area>0,0,300,30</area>
+                    <shape name="recSelectedGroupShape">
+                        <area>0, 0, 100%, 100%</area>
+                        <minsize>150,100%</minsize>
+                        <type>roundbox</type>
+                        <fill color="#FFFFFF" alpha="192" />
+                        <line color="#000000" alpha="255" width="1" />
+                        <cornerradius>15</cornerradius>
+                    </shape>
+                    <textarea name="buttontext">
+                        <area>3%,0,96%,95%</area>
+                        <minsize>10%,100%</minsize>
+                        <align>allcenter</align>
+                        <font>basesmallblue</font>
+                        <alpha>255</alpha>
+                    </textarea>
+                </state>
+                <state name="inactive" from="selected" />
+            </statetype>
+            <statetype name="upscrollarrow">
+                <position>132,247</position>
+            </statetype>
+            <statetype name="downscrollarrow">
+                <position>160,247</position>
+            </statetype>
+        </buttonlist>
+
         <buttonlist name="groups">
             <area>45,98,300,300</area>
             <buttonarea>0,0,250,250</buttonarea>