Index: themes/Terra/recordings-ui.xml
===================================================================
--- themes/Terra/recordings-ui.xml	(revision 22667)
+++ themes/Terra/recordings-ui.xml	(working copy)
@@ -15,6 +15,62 @@
             <filename>recordings/groupframe.png</filename>
         </imagetype>
 
+        <buttonlist name="recgroups">
+	    <arrange>stack</arrange>
+            <area>280,9,720,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>
+			<line color="#484537" 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>basemediumbrown</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="#484537" alpha="255" />
+			<line color="#FFFFFF" 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>basemedium</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>0,58,1280,38</area>
             <spacing>15</spacing>