update metrixhd - thx@saman

author: louis <louis.braun@gmx.de> 2016-06-19 06:39:50 +0200
committer: louis <louis.braun@gmx.de> 2016-06-19 06:39:50 +0200
commit: 0e04d4eaeadbac082762a46a04cf8bee08b400f2 (patch)
tree: d4d14a89bafd9e651c2d36efaf6d1673eb292529
parent: f3a27ba22d2d236fd3bfe9bf0c91ceb88c3c6a2b (diff)
download: vdr-plugin-skindesigner-0e04d4eaeadbac082762a46a04cf8bee08b400f2.tar.gz
vdr-plugin-skindesigner-0e04d4eaeadbac082762a46a04cf8bee08b400f2.tar.bz2
421 files changed, 15408 insertions, 1414 deletions
diff --git a/coreengine/viewelementsdisplaymenu.c b/coreengine/viewelementsdisplaymenu.c
index 8e8599f..0ae2352 100644
--- a/coreengine/viewelementsdisplaymenu.c
+++ b/coreengine/viewelementsdisplaymenu.c
@@ -304,7 +304,7 @@ void cVeDmScrollbar::SetList(int numDisplayed, int offset, int numMax) {
     tokenContainer->AddIntToken((int)eDMScrollbarIT::height, barHeight);
     tokenContainer->AddIntToken((int)eDMScrollbarIT::offset, barOffset);
     tokenContainer->AddIntToken((int)eDMScrollbarIT::hasprev, (offset == 0) ? 0 : 1);
-    tokenContainer->AddIntToken((int)eDMScrollbarIT::hasnext, (offset + numMax == numDisplayed) ? 0 : 1);
+    tokenContainer->AddIntToken((int)eDMScrollbarIT::hasnext, (offset + numMax >= numDisplayed) ? 0 : 1);
     SetDirty();
 }
 
diff --git a/skins/metrixhd/globals.xml b/skins/metrixhd/globals.xml
index f453330..2074879 100644
--- a/skins/metrixhd/globals.xml
+++ b/skins/metrixhd/globals.xml
@@ -3,6 +3,39 @@
 
 <globals>
     <colors>
+        <!-- general colors -->
+        <color name="clrRed">FFFF0000</color>
+        <color name="clrRedTrans">55FF0000</color>
+        <color name="clrGreen">FF5FE200</color>
+        <color name="clrYellow">FFE2DA00</color>
+        <color name="clrBlue">FF007FE2</color>
+        <color name="clrBlack">FF000000</color>
+        <color name="clrBlackTrans">77000000</color>
+        <color name="clrWhite">FFFFFFFF</color>
+        <color name="clrWhiteTrans">C0FFFFFF</color>
+        <color name="clrTransparent">00000000</color>
+        <!-- theme colors  -->
+        <color name="menuback">C0000000</color>
+        <color name="menubackline">C0FFFFFF</color>
+        <color name="menualternate">FF14141E</color>
+        <color name="menuactive">C01E8BD7</color>
+        <color name="menuheader">E01E8BD7</color>
+        <color name="menuseparator">D0000000</color>
+        <color name="listback">00000000</color>
+        <color name="fontdefault">FFFFFFFF</color>
+        <color name="fontactive">FFFFFFFF</color>
+        <color name="fontmenuactive">FFFFFFFF</color>
+        <color name="fontseparator">FF1E8BD7</color>
+        <color name="icontextalert">FFFF0000</color>
+        <color name="icontextactive">FFFFFFFF</color>
+        <color name="icontextinactive">FF333333</color>
+        <color name="scrollbar">FFFFFFFF</color>
+        <!-- colors svg templates -->
+        <color name="icon">FFFFFFFF</color>
+        <color name="iconactive">FFFFFFFF</color>
+        <color name="iconselected">FF800000</color>
+        <color name="iconrecactive">FFFFFFFF</color>
+        <color name="iconrecinactive">FF111111</color>
     </colors>
 
     <variables>
@@ -32,7 +65,7 @@
         </token>
         <token name="tr(disc)">
             <trans lang="en_EN">Disc</trans>
-            <trans lang="de_DE">Disk</trans>
+            <trans lang="de_DE">HDD</trans>
             <trans lang="fi_FI">Levy</trans>
             <trans lang="hu_HU">Lemez</trans>
             <trans lang="it_IT">Disco</trans>
@@ -429,8 +462,27 @@
             <trans lang="hu_HU">lejár: </trans>
             <trans lang="it_IT">finisce alle</trans>
         </token>
+        <token name="tr(lastrecs)">
+            <trans lang="en_EN">last recordings</trans>
+            <trans lang="de_DE">Neueste Aufnahmen</trans>
+        </token>
+        <token name="tr(sysinfo)">
+            <trans lang="en_EN">system information</trans>
+            <trans lang="de_DE">System Informationen</trans>
+        </token>
+        <token name="tr(load)">
+            <trans lang="en_EN">System load:</trans>
+            <trans lang="de_DE">Systemlast:</trans>
+        </token>
+        <token name="tr(vdrcpu)">
+            <trans lang="en_EN">VDR CPU</trans>
+            <trans lang="de_DE">VDR CPU</trans>
+        </token>
     </translations>
-
     <fonts>
+        <font name="light">VDROpen Sans:Light</font>
+        <font name="semibold">VDROpen Sans:Semibold</font>
+        <font name="regular">Lato:Regular</font>
+        <font name="bold">Lato:Bold</font>
     </fonts>
 </globals>
diff --git a/skins/metrixhd/themes/default/icons/clear-day.png b/skins/metrixhd/icons/clear-day.png
index 2b06a14..2b06a14 100644
--- a/skins/metrixhd/themes/default/icons/clear-day.png
+++ b/skins/metrixhd/icons/clear-day.png
diff --git a/skins/metrixhd/themes/default/icons/clear-night.png b/skins/metrixhd/icons/clear-night.png
index 9bbe49f..9bbe49f 100644
--- a/skins/metrixhd/themes/default/icons/clear-night.png
+++ b/skins/metrixhd/icons/clear-night.png
diff --git a/skins/metrixhd/themes/default/icons/cloudy.png b/skins/metrixhd/icons/cloudy.png
index 9870c7f..9870c7f 100644
--- a/skins/metrixhd/themes/default/icons/cloudy.png
+++ b/skins/metrixhd/icons/cloudy.png
diff --git a/skins/metrixhd/themes/default/icons/fog.png b/skins/metrixhd/icons/fog.png
index 9bc88d2..9bc88d2 100644
--- a/skins/metrixhd/themes/default/icons/fog.png
+++ b/skins/metrixhd/icons/fog.png
diff --git a/skins/metrixhd/themes/default/icons/ico_channelsep.png b/skins/metrixhd/icons/ico_channelsep.png
index bf51238..bf51238 100644
--- a/skins/metrixhd/themes/default/icons/ico_channelsep.png
+++ b/skins/metrixhd/icons/ico_channelsep.png
diff --git a/skins/metrixhd/themes/default/icons/ico_discusage.png b/skins/metrixhd/icons/ico_discusage.png
index f40fcd9..f40fcd9 100644
--- a/skins/metrixhd/themes/default/icons/ico_discusage.png
+++ b/skins/metrixhd/icons/ico_discusage.png
diff --git a/skins/metrixhd/themes/default/icons/partly-cloudy-day.png b/skins/metrixhd/icons/partly-cloudy-day.png
index b6df179..b6df179 100644
--- a/skins/metrixhd/themes/default/icons/partly-cloudy-day.png
+++ b/skins/metrixhd/icons/partly-cloudy-day.png
diff --git a/skins/metrixhd/themes/default/icons/partly-cloudy-night.png b/skins/metrixhd/icons/partly-cloudy-night.png
index aa358fb..aa358fb 100644
--- a/skins/metrixhd/themes/default/icons/partly-cloudy-night.png
+++ b/skins/metrixhd/icons/partly-cloudy-night.png
diff --git a/skins/metrixhd/themes/default/icons/rain.png b/skins/metrixhd/icons/rain.png
index 8275003..8275003 100644
--- a/skins/metrixhd/themes/default/icons/rain.png
+++ b/skins/metrixhd/icons/rain.png
diff --git a/skins/metrixhd/themes/default/icons/sleet.png b/skins/metrixhd/icons/sleet.png
index 1d99ae0..1d99ae0 100644
--- a/skins/metrixhd/themes/default/icons/sleet.png
+++ b/skins/metrixhd/icons/sleet.png
diff --git a/skins/metrixhd/themes/default/icons/snow.png b/skins/metrixhd/icons/snow.png
index 939e22f..939e22f 100644
--- a/skins/metrixhd/themes/default/icons/snow.png
+++ b/skins/metrixhd/icons/snow.png
diff --git a/skins/metrixhd/themes/default/icons/wind.png b/skins/metrixhd/icons/wind.png
index d92ec15..d92ec15 100644
--- a/skins/metrixhd/themes/default/icons/wind.png
+++ b/skins/metrixhd/icons/wind.png
diff --git a/skins/metrixhd/setup.xml b/skins/metrixhd/setup.xml
index 4304838..8f1925d 100644
--- a/skins/metrixhd/setup.xml
+++ b/skins/metrixhd/setup.xml
@@ -3,17 +3,137 @@
 
 <setup>
     <menu>
+        <parameter type="separator" name="sep" displaytext="---------------- MetrixHD ----------------"/>
         <parameter type="int" name="fadetime" min="0" max="1000" displaytext="{tr(fadetext)}" helptext="{tr(helpfade)}">0</parameter>
+        <parameter type="int" name="fadetimecurrent" min="0" max="1000" displaytext="{tr(fadecurrenttext)}" helptext="{tr(helpfadecurrent)}">50</parameter>
         <parameter type="int" name="shifttimechannel" min="0" max="1000" displaytext="{tr(shifttimechanneltext)}" helptext="{tr(helpshifttimechannel)}">0</parameter>
-        <parameter type="int" name="shifttimedatetime" min="0" max="1000" displaytext="{tr(shifttimedatetimetext)}" helptext="{tr(helpshifttimedatetime)}">0</parameter>
-        <parameter type="int" name="shifttimetimers" min="0" max="1000" displaytext="{tr(shifttimetimerstext)}" helptext="{tr(helpshifttimetimers)}">0</parameter>
-        <parameter type="bool" name="showdevices" displaytext="{tr(showdevices)}" helptext="{tr(helpshowdevices)}">0</parameter>
-        <parameter type="string" name="mainmenuorientation" displaytext="{tr(mainmenuorientation)}" helptext="{tr(helpmainmenuorientation)}" options="horizontal,vertical">1</parameter>
+        <parameter type="int" name="shifttimedatetime" min="0" max="1000" displaytext="{tr(shifttimedatetimetext)}" helptext="{tr(helpshifttimedatetime)}">200</parameter>
+        <parameter type="string" name="showdevices" displaytext="{tr(showdevices)}" helptext="{tr(helpshowdevices)}" options="no,menu,yes">0</parameter>
+        <parameter type="string" name="showweather" displaytext="{tr(showweather)}" helptext="{tr(helpshowweather)}" options="no,menu,yes">1</parameter>
         <parameter type="string" name="recmenuorientation" displaytext="{tr(recmenuorientation)}" options="horizontal,vertical">1</parameter>
         <parameter type="string" name="weathermenuorientation" displaytext="{tr(weathermenuorientation)}" options="horizontal,vertical">1</parameter>
+        <!-- mainmenu -->
+        <parameter type="separator" name="sepmainmenu" displaytext="---------------- {tr(sepmainmenu)} ----------------"/>
+        <parameter type="string" name="mainmenuorientation" displaytext="{tr(mainmenuorientation)}" helptext="{tr(helpmainmenuorientation)}" options="horizontal,vertical">1</parameter>
+        <parameter type="bool" name="mainmenusmall" displaytext="{tr(mainmenusmall)}">0</parameter>
+        <parameter type="int" name="menuitemsmax" min="1" max="16" displaytext="{tr(menuitemsmaxtext)}">9</parameter>
+        <parameter type="string" name="showscrollbar" displaytext="{tr(showscrollbar)}" helptext="{tr(helpshowscrollbar)}" options="no,auto,yes">1</parameter>
+        <parameter type="string" name="showinformation" displaytext="{tr(showinformation)}" helptext="{tr(helpshowinformation)}" options="no,oldstyle,yes">2</parameter>
+        <parameter type="int" name="shifttimetimers" min="0" max="1000" displaytext="{tr(shifttimetimerstext)}" helptext="{tr(helpshifttimetimers)}">0</parameter>
+        <!-- zapcockpit -->
+        <parameter type="separator" name="sepzapcockpit" displaytext="---------------- {tr(sepzapcockpit)} ----------------"/>
+        <parameter type="int" name="fadetimezapcockpit" displaytext="{tr(fadetimezapcockpit)}">0</parameter>
+        <parameter type="int" name="shifttimezapcockpit" displaytext="{tr(shifttimezapcockpit)}">200</parameter>
+        <parameter type="separator" name="sepzapcockpitchannelhint" displaytext="---------------- {tr(sepzapcockpitchannelhint)} ----------------"/>
+        <parameter type="int" name="zapchannelhintsheight" min="0" max="100" displaytext="{tr(zapchannelhintsheight)}">30</parameter>
+        <parameter type="int" name="zapchannelhintswidth" min="0" max="100" displaytext="{tr(zapchannelhintswidth)}">30</parameter>
     </menu>
 
     <translations>
+        <token name="tr(sepmainmenu)">
+            <trans lang="en_EN">Main Menu</trans>
+            <trans lang="de_DE">Hauptmenü</trans>
+        </token>
+        <token name="tr(mainmenusmall)">
+            <trans lang="en_EN">Small Main Menu</trans>
+            <trans lang="de_DE">Schmales Hauptmenü</trans>
+        </token>
+        <token name="tr(fadecurrenttext)">
+            <trans lang="en_EN">Fade time of current element [ms]</trans>
+            <trans lang="de_DE">Einblendzeit des aktiven Elements [ms]</trans>
+        </token>
+        <token name="tr(helpfadecurrent)">
+            <trans lang="en_EN">Fade time in ms. If this is set to a value larger 0 the current OSD element fade in and out.</trans>
+            <trans lang="de_DE">Einblendzeit in ms. Ist dieser Wert auf einen Wert > 0 gesetzt, wird das aktive OSD Element ein- und ausgeblendet</trans>
+        </token>
+        <token name="tr(helpshowinformation)">
+            <trans lang="en_EN">Show information about timers, newest recordings, system load... 'oldstyle' showes the wide timer element but lacks some other infos.</trans>
+            <trans lang="de_DE">Zeige Informationen über Timer, neuste Aufnahmen, Systemlast... 'oldstyle' zeigt dabei des breite Timer-Element, nutzt dafür aber nicht alle Infos.</trans>
+        </token>
+        <token name="tr(helpshowscrollbar)">
+            <trans lang="en_EN">Show Scrollbar in Main Menu. Auto hides the scrollbar if its not needed.</trans>
+            <trans lang="de_DE">Zeige die Scroll-Leiste im Hauptmenü. Auto versteckt die Leiste, wenn sie nicht benötigt wird.</trans>
+        </token>
+        <token name="tr(helpshowweather)">
+            <trans lang="en_EN">Off, main menu only or main menu and channelinfo</trans>
+            <trans lang="de_DE">Aus, nur Hauptmenü oder Haputmenü und Kanalinformationen</trans>
+        </token>
+
+        <token name="tr(menuitemsmaxtext)">
+            <trans lang="en_EN">Number of Main Menu items (max)</trans>
+            <trans lang="de_DE">Elemente im Hauptmenü (max)</trans>
+        </token>
+        <token name="tr(menu)">
+            <trans lang="en_EN">main menu</trans>
+            <trans lang="de_DE">im Hauptmenü</trans>
+        </token>
+        <token name="tr(no)">
+            <trans lang="en_EN">no</trans>
+            <trans lang="de_DE">nein</trans>
+        </token>
+        <token name="tr(yes)">
+            <trans lang="en_EN">yes</trans>
+            <trans lang="de_DE">ja</trans>
+        </token>
+        <token name="tr(auto)">
+            <trans lang="en_EN">automatic</trans>
+            <trans lang="de_DE">automatisch</trans>
+        </token>
+        <token name="tr(oldstyle)">
+            <trans lang="en_EN">oldsytle</trans>
+            <trans lang="de_DE">oldstyle</trans>
+        </token>
+
+        <token name="tr(showscrollbar)">
+            <trans lang="en_EN">Show Scrollbar in main menu</trans>
+            <trans lang="de_DE">Zeige Scrollbar im Hauptmenü</trans>
+        </token>
+        <token name="tr(showweather)">
+            <trans lang="en_EN">Show Weather info</trans>
+            <trans lang="de_DE">Wetter Info anzeigen</trans>
+        </token>
+        <token name="tr(showinformation)">
+            <trans lang="en_EN">Show Information in main menu</trans>
+            <trans lang="de_DE">Zeige Informationen im Hauptmenü</trans>
+        </token>
+        <!-- displaychannel / zapcockpit -->
+        <token name="tr(sepzapcockpit)">
+            <trans lang="en_EN">Zapcockpit</trans>
+            <trans lang="de_DE">Zapcockpit</trans>
+            <trans lang="fi_FI">Zapcockpit</trans>
+            <trans lang="it_IT">Zapcockpit</trans>
+        </token>
+        <token name="tr(sepzapcockpitchannelhint)">
+            <trans lang="en_EN">Zapcockpit channel hints</trans>
+            <trans lang="de_DE">Zapcockpit Kanal Hinweise</trans>
+            <trans lang="fi_FI">Zapcockpit kanavavihjeille</trans>
+            <trans lang="it_IT">Zapcockpit suggerimenti canale</trans>
+        </token>
+        <token name="tr(fadetimezapcockpit)">
+            <trans lang="en_EN">Fade time for zapcockpit elements [ms]</trans>
+            <trans lang="de_DE">Einblendzeit für Zapcockpit Elemente [ms]</trans>
+            <trans lang="fi_FI">Häivytyksen kesto elementeille [ms]</trans>
+            <trans lang="it_IT">Tempo di dissolvenza degli elementi Zapcockpit</trans>
+        </token>
+        <token name="tr(shifttimezapcockpit)">
+            <trans lang="en_EN">Shift time for zapcockpit elements [ms]</trans>
+            <trans lang="de_DE">Einfahrzeit für Zapcockpit Elemente [ms]</trans>
+            <trans lang="fi_FI">Liukuman kesto elementeille [ms]</trans>
+            <trans lang="it_IT">Tempo di cambio degli elementi Zapcockpit [ms]</trans>
+        </token>
+        <token name="tr(zapchannelhintsheight)">
+            <trans lang="en_EN">Height channel hints (% of screen height)</trans>
+            <trans lang="de_DE">Höhe Kanal Hinweise (% der Bildschirmhöhe)</trans>
+            <trans lang="fi_FI">Korkeus (% näytön korkeudesta)</trans>
+            <trans lang="it_IT">Altezza suggerimenti canale (% della altezza del video)</trans>
+        </token>
+        <token name="tr(zapchannelhintswidth)">
+            <trans lang="en_EN">Width channel hints (% of screen width)</trans>
+            <trans lang="de_DE">Breite Kanal Hinweise (% der Bildschirmbreite)</trans>
+            <trans lang="fi_FI">Leveys (% näytön leveydestä)</trans>
+            <trans lang="it_IT">Larghezza suggerimenti canale (% della larghezza del video)</trans>
+        </token>
+        <!-- metrixhd -->
         <token name="tr(fadetext)">
             <trans lang="en_EN">Fade time [ms]</trans>
             <trans lang="de_DE">Einblendzeit [ms]</trans>
diff --git a/skins/metrixhd/themes/default/icons/ico_switchtimer.svg b/skins/metrixhd/svgtemplates/icons/arrow-left.svg
index 5e2da04..428711d 100644
--- a/skins/metrixhd/themes/default/icons/ico_switchtimer.svg
+++ b/skins/metrixhd/svgtemplates/icons/arrow-left.svg
@@ -9,13 +9,13 @@
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="45"
-   height="23"
+   width="200"
+   height="200"
+   viewBox="0 0 200 200"
    id="svg2"
    version="1.1"
-   inkscape:version="0.91pre2 r13516"
-   viewBox="0 0 45 23"
-   sodipodi:docname="ico_switchtimer.svg">
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="arrow-left.svg">
   <defs
      id="defs4" />
   <sodipodi:namedview
@@ -25,15 +25,16 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="5.6"
-     inkscape:cx="13.069196"
-     inkscape:cy="16.082332"
+     inkscape:zoom="2.2201493"
+     inkscape:cx="30.951262"
+     inkscape:cy="76.268908"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="false"
-     inkscape:window-width="1846"
-     inkscape:window-height="1058"
-     inkscape:window-x="66"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
      inkscape:window-y="-8"
      inkscape:window-maximized="1" />
   <metadata
@@ -44,33 +45,20 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
   <g
-     inkscape:label="Layer 1"
+     inkscape:label="Ebene 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(0,-1029.3622)">
-    <rect
-       style="fill:#ff7f2a;fill-opacity:1;stroke:#ececec;stroke-width:0;stroke-miterlimit:5.69999981;stroke-dasharray:none;stroke-opacity:1"
-       id="rect4148"
-       width="45"
-       height="23"
-       x="4.9999999e-006"
-       y="1029.3622"
-       ry="8.9285717" />
-    <text
-       xml:space="preserve"
-       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-       x="1.4285712"
-       y="1045.0408"
-       id="text4150"
-       sodipodi:linespacing="125%"><tspan
-         sodipodi:role="line"
-         id="tspan4152"
-         x="1.4285712"
-         y="1045.0408">Switch</tspan></text>
+     transform="translate(0,-852.36216)">
+    <path
+       style="fill:#{sdcol(icon)};fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 180.61803,872.36216 0,160.00004 -159.999996,-80.00004 z"
+       id="path4136"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
   </g>
 </svg>
diff --git a/skins/metrixhd/svgtemplates/icons/arrow-right.svg b/skins/metrixhd/svgtemplates/icons/arrow-right.svg
new file mode 100644
index 0000000..6398110
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/arrow-right.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 200 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="arrow-right.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.2201493"
+     inkscape:cx="30.951262"
+     inkscape:cy="76.268908"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36216)">
+    <path
+       style="fill:#{sdcol(icon)};fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       d="m 20,872.36216 0,160.00004 160,-80.00004 z"
+       id="path4136"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/clear-day.svg b/skins/metrixhd/svgtemplates/icons/clear-day.svg
new file mode 100644
index 0000000..8618239
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/clear-day.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 611.998 611.998"
+   style="enable-background:new 0 0 611.998 611.998;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="clear-day.svg"><metadata
+     id="metadata61"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs59" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview57"
+     showgrid="false"
+     inkscape:zoom="0.38562218"
+     inkscape:cx="-16.855877"
+     inkscape:cy="305.99899"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M425.373,314.142c0-65.924-53.455-119.373-119.379-119.373s-119.379,53.449-119.379,119.373    c0,65.935,53.455,119.379,119.379,119.379C371.918,433.521,425.373,380.075,425.373,314.142z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M409.268,191.07c7.454,6.255,16.531,9.31,25.556,9.31c11.356,0,22.633-4.836,30.502-14.215l44.901-53.512    c14.126-16.836,11.931-41.932-4.905-56.061c-16.836-14.12-41.938-11.931-56.061,4.905l-44.901,53.512    C390.236,151.844,392.431,176.941,409.268,191.07z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M611.386,260.293c-3.815-21.641-24.457-36.104-46.098-32.277l-68.792,12.132c-21.641,3.815-36.092,24.455-32.277,46.098    c3.403,19.305,20.191,32.89,39.142,32.89c2.293,0,4.62-0.199,6.957-0.613l68.792-12.132    C600.753,302.577,615.204,281.937,611.386,260.293z"
+         id="path11"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M559.985,414.837l-60.501-34.927c-19.029-10.984-43.368-4.468-54.358,14.566c-10.987,19.031-4.465,43.368,14.566,54.358    l60.501,34.927c6.266,3.619,13.108,5.337,19.857,5.337c13.752,0,27.13-7.138,34.498-19.906    C585.542,450.161,579.02,425.825,559.985,414.837z"
+         id="path13"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M411.949,488.897c-7.515-20.651-30.35-31.305-51.004-23.784c-20.654,7.518-31.302,30.35-23.787,51.004l23.891,65.642    c5.881,16.16,21.14,26.195,37.398,26.195c4.517,0,9.114-0.777,13.605-2.411c20.654-7.515,31.302-30.35,23.787-51.001    L411.949,488.897z"
+         id="path15"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M251.044,465.119c-20.651-7.515-43.486,3.133-51.004,23.784l-23.891,65.636c-7.518,20.651,3.13,43.486,23.784,51.001    c4.494,1.634,9.086,2.411,13.605,2.411c16.252,0,31.515-10.035,37.395-26.195l23.891-65.636    C282.346,495.471,271.698,472.634,251.044,465.119z"
+         id="path17"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M112.504,379.914l-60.498,34.924c-19.034,10.984-25.556,35.321-14.569,54.358c7.371,12.768,20.746,19.906,34.501,19.906    c6.749,0,13.594-1.72,19.857-5.337l60.498-34.924c19.034-10.984,25.556-35.321,14.569-54.355    C155.875,375.448,131.536,368.923,112.504,379.914z"
+         id="path19"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M101.672,318.524c2.339,0.414,4.664,0.613,6.957,0.613c18.945,0,35.735-13.585,39.142-32.89    c3.818-21.641-10.633-42.281-32.277-46.098l-68.786-12.132C25.06,224.175,4.427,238.65,0.612,260.293    c-3.818,21.641,10.633,42.281,32.277,46.098L101.672,318.524z"
+         id="path21"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M146.663,186.164c7.871,9.382,19.146,14.215,30.505,14.215c9.025,0,18.102-3.058,25.556-9.31    c16.836-14.126,19.031-39.225,4.905-56.061l-44.896-53.507c-14.126-16.833-39.225-19.031-56.061-4.905    c-16.833,14.126-19.031,39.228-4.905,56.061L146.663,186.164z"
+         id="path23"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M305.995,153.481c21.977,0,39.795-17.814,39.795-39.792V43.836c0-21.977-17.817-39.792-39.795-39.792    c-21.977,0-39.792,17.817-39.792,39.792v69.851C266.203,135.664,284.017,153.481,305.995,153.481z"
+         id="path25"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/clear-night.svg b/skins/metrixhd/svgtemplates/icons/clear-night.svg
new file mode 100644
index 0000000..e4f1c42
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/clear-night.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="468.6px"
+   height="468.6px"
+   viewBox="0 0 468.6 468.6"
+   style="enable-background:new 0 0 468.6 468.6;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="clear-night.svg"><metadata
+     id="metadata49"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs47" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview45"
+     showgrid="false"
+     inkscape:zoom="0.50362782"
+     inkscape:cx="-12.906356"
+     inkscape:cy="234.3"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M95.6,239.049c0-9.599,1.9-19.099,5.7-28.699c-7.6,0-13.4,1.9-21,3.8C34.4,225.65,0,265.75,0,315.549    c0,57.4,47.8,105.201,105.2,105.201c49.7,0,89.9-34.4,101.4-80.301c1.9-7.699,1.9-13.4,3.8-21c-9.6,3.801-19.1,5.701-28.7,5.701    C133.9,325.15,95.6,286.85,95.6,239.049z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><polygon
+         points="315.6,124.35 271.6,109.05 248.6,47.85 225.7,109.05 181.7,124.35 225.7,139.65 248.6,200.85 271.6,139.65   "
+         id="polygon9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><polygon
+         points="325.1,200.85 302.2,262.049 258.2,277.35 302.2,292.65 325.1,353.85 348.1,292.65 392.1,277.35 348.1,262.049       "
+         id="polygon11"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><polygon
+         points="438,151.05 420.7,105.15 403.5,151.05 372.9,162.55 403.5,174.05 420.7,219.95 438,174.05 468.6,162.55   "
+         id="polygon13"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/clock.svg b/skins/metrixhd/svgtemplates/icons/clock.svg
new file mode 100644
index 0000000..6ee9415
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/clock.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="380px"
+   height="380px"
+   viewBox="0 0 380 380"
+   style="enable-background:new 0 0 380 380;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="clock.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="0.62105263"
+     inkscape:cx="-10.466102"
+     inkscape:cy="190"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M190,0C85.232,0,0,85.234,0,190c0,104.766,85.232,190,190,190c104.767,0,190-85.232,190-190C380,85.233,294.767,0,190,0z      M269.9,316.893l-8.188-14.084c-0.945-1.625-2.703-2.635-4.587-2.635c-0.938,0-1.828,0.242-2.648,0.719     c-1.224,0.711-2.096,1.854-2.458,3.222c-0.358,1.367-0.169,2.793,0.542,4.017l8.199,14.102     c-18.317,9.843-38.906,15.982-60.76,17.43V319.77c0-5.521-4.479-10-10-10c-5.522,0-10,4.479-10,10v19.891     c-21.531-1.424-41.834-7.411-59.949-17.002l8.111-14.149c0.703-1.226,0.887-2.651,0.517-4.018     c-0.37-1.364-1.249-2.502-2.475-3.205c-0.814-0.467-1.697-0.704-2.624-0.704c-1.896,0-3.66,1.021-4.603,2.663l-8.102,14.133     c-18.069-11.266-33.583-26.26-45.447-43.908l17.188-9.923c4.782-2.761,6.421-8.877,3.659-13.66     c-2.761-4.781-8.877-6.421-13.659-3.658l-17.212,9.937c-9.056-18.349-14.466-38.8-15.284-60.41l16.33-0.05     c1.414-0.004,2.741-0.559,3.737-1.561c0.996-1.003,1.543-2.334,1.538-3.748c-0.009-2.91-2.384-5.277-5.293-5.277l-16.348,0.05     c0.699-21.949,6.136-42.72,15.319-61.327l17.212,9.937c1.574,0.909,3.293,1.341,4.989,1.341c3.456,0,6.818-1.793,8.67-5.001     c2.762-4.783,1.123-10.899-3.659-13.66l-17.188-9.923C77.12,89.141,92.36,74.323,110.098,63.114l8.188,14.084     c0.474,0.814,1.124,1.463,1.935,1.929c1.618,0.926,3.669,0.936,5.299-0.013c1.224-0.711,2.097-1.856,2.458-3.223     c0.362-1.366,0.169-2.791-0.541-4.013l-8.198-14.102c18.319-9.843,38.907-15.984,60.76-17.43v19.889c0,5.522,4.478,10,10,10     c5.521,0,10-4.478,10-10V40.346c21.53,1.424,41.832,7.41,59.947,17.001l-8.111,14.149c-1.451,2.532-0.572,5.773,1.959,7.224     c0.813,0.466,1.696,0.703,2.624,0.703c1.897,0,3.66-1.02,4.6-2.661l8.104-14.135c18.071,11.265,33.585,26.261,45.449,43.909     l-17.188,9.923c-4.783,2.761-6.421,8.877-3.659,13.66c1.854,3.208,5.214,5.001,8.67,5.001c1.696,0,3.416-0.432,4.989-1.341     l17.212-9.938c9.058,18.348,14.466,38.8,15.284,60.41l-16.33,0.05c-1.414,0.004-2.741,0.559-3.735,1.561     c-0.996,1.003-1.543,2.333-1.538,3.747c0.006,1.887,1.026,3.642,2.668,4.583c0.794,0.455,1.699,0.693,2.623,0.693h0.017     l16.333-0.05c-0.699,21.949-6.136,42.721-15.319,61.327l-17.212-9.938c-4.784-2.762-10.896-1.122-13.659,3.66     c-2.762,4.782-1.124,10.898,3.659,13.659l17.188,9.923C302.877,290.863,287.639,305.682,269.9,316.893z"
+           id="path9"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+           d="M263.906,135.775l-64.142,35.588c-2.92-1.533-6.237-2.412-9.767-2.412c-3.528,0-6.846,0.878-9.766,2.412l-64.141-35.588     c-6.064-3.366-13.711-1.176-17.078,4.889c-3.364,6.065-1.176,13.711,4.891,17.077l65.443,36.311     c1.891,9.686,10.412,16.997,20.65,16.997s18.76-7.312,20.65-16.997l65.441-36.311c6.066-3.365,8.254-11.011,4.891-17.077     C277.618,134.598,269.973,132.409,263.906,135.775z"
+           id="path11"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/cloudy.svg b/skins/metrixhd/svgtemplates/icons/cloudy.svg
new file mode 100644
index 0000000..f5e7a05
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/cloudy.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 455 455"
+   style="enable-background:new 0 0 455 455;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="cloudy.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.51868132"
+     inkscape:cx="-12.53178"
+     inkscape:cy="227.5"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M350.359,236.02c-7.814-66.133-64.062-117.431-132.296-117.431S93.581,169.887,85.768,236.02   C38.402,236.02,0,274.417,0,321.783s38.397,85.763,85.763,85.763h264.601c47.366,0,85.763-38.397,85.763-85.763   S397.725,236.02,350.359,236.02z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M391.016,135.059c-5.829-49.336-47.791-87.605-98.694-87.605c-33.184,0-62.556,16.272-80.607,41.262   c2.108-0.081,4.224-0.127,6.349-0.127c74.519,0,138.462,50.218,157.487,120.164c21.304,4.704,40.867,15.374,56.667,31.173   c1.403,1.403,2.764,2.836,4.085,4.297C447.852,232.648,455,216.682,455,199.04C455,163.704,426.351,135.059,391.016,135.059z"
+       id="path7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/cpu.svg b/skins/metrixhd/svgtemplates/icons/cpu.svg
new file mode 100644
index 0000000..b9f1561
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/cpu.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="45.46px"
+   height="45.46px"
+   viewBox="0 0 45.46 45.46"
+   style="enable-background:new 0 0 45.46 45.46;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="cpu.svg"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1519"
+     inkscape:window-height="954"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="5.1913771"
+     inkscape:cx="-35.058135"
+     inkscape:cy="22.73"
+     inkscape:window-x="491"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M29.436,15.745H16.025c-0.155,0-0.28,0.126-0.28,0.28v13.412c0,0.153,0.125,0.278,0.28,0.278h13.411    c0.154,0,0.279-0.125,0.279-0.278V16.025C29.715,15.871,29.59,15.745,29.436,15.745z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M42.877,25.308c1.428,0,2.583-1.149,2.583-2.577s-1.155-2.577-2.583-2.577H38.83v-2.092h4.047    c1.428,0,2.583-1.15,2.583-2.577c0-1.427-1.155-2.578-2.583-2.578h-4.046c-0.247-3.354-2.925-6.029-6.276-6.276V2.584    c0-1.427-1.152-2.583-2.578-2.583S27.4,1.157,27.4,2.584v4.047h-2.092V2.584c0-1.427-1.152-2.583-2.579-2.583    c-1.427,0-2.578,1.156-2.578,2.583v4.047H18.06V2.584c0.001-1.427-1.15-2.583-2.577-2.583c-1.427,0-2.578,1.156-2.578,2.583V6.63    c-3.353,0.247-6.029,2.924-6.276,6.276H2.583C1.156,12.906,0,14.057,0,15.484c0,1.427,1.156,2.577,2.583,2.577H6.63v2.092H2.583    C1.156,20.153,0,21.303,0,22.73s1.156,2.578,2.583,2.578H6.63v2.092H2.583C1.156,27.399,0,28.55,0,29.978    c0,1.426,1.156,2.576,2.583,2.576h4.046c0.247,3.354,2.924,6.029,6.276,6.276v4.047c0,1.426,1.151,2.582,2.578,2.582    c1.427,0,2.577-1.156,2.577-2.582v-4.048h2.092v4.048c0,1.426,1.151,2.582,2.578,2.582c1.426,0,2.579-1.156,2.579-2.582v-4.048    H27.4v4.048c0,1.426,1.149,2.582,2.576,2.582c1.428,0,2.578-1.156,2.578-2.582v-4.046c3.354-0.247,6.029-2.924,6.276-6.275h4.046    c1.428,0,2.583-1.15,2.583-2.578c0-1.427-1.155-2.576-2.583-2.576H38.83v-2.094H42.877z M33.824,29.437    c0,2.434-1.956,4.39-4.389,4.39H16.025c-2.434,0-4.389-1.956-4.389-4.39V16.025c0-2.433,1.956-4.389,4.389-4.389h13.411    c2.434,0,4.389,1.956,4.389,4.389V29.437z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/fog.svg b/skins/metrixhd/svgtemplates/icons/fog.svg
new file mode 100644
index 0000000..e8903b8
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/fog.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="612px"
+   height="612px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="fog.svg"><metadata
+     id="metadata44"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs42" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview40"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-16.855932"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="Cloud_x5F_Fog"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g6"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M405,423H225c-14.904,0-27,12.078-27,27s12.096,27,27,27h180c14.904,0,27-12.078,27-27S419.904,423,405,423z M405,513     H225c-14.904,0-27,12.078-27,27s12.096,27,27,27h180c14.904,0,27-12.078,27-27S419.904,513,405,513z M405,333H225     c-14.904,0-27,12.078-27,27s12.096,27,27,27h180c14.904,0,27-12.078,27-27S419.904,333,405,333z M540,252     c0-73.08-58.086-132.426-130.572-134.766C374.814,73.296,321.282,45,261,45C160.542,45,78.624,123.426,72.576,222.372     C29.466,244.89,0,289.962,0,342c0,74.574,60.426,135,135,135c14.904,0,27-12.078,27-27s-12.096-27-27-27     c-44.658,0-81-36.342-81-81c0-30.222,16.704-57.726,43.596-71.766l27.018-14.13l1.854-30.438C130.824,154.638,189.918,99,261,99     c41.526,0,80.154,18.828,106.02,51.642l15.553,19.746l25.128,0.81c43.901,1.422,78.3,36.9,78.3,80.802v35.982l33.229,13.86     C542.771,311.67,558,334.494,558,360c0,34.74-28.26,63-63,63c-14.904,0-27,12.078-27,27s12.096,27,27,27     c64.62,0,117-52.38,117-117C612,311.328,582.282,269.622,540,252z"
+           id="path8"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/folder.svg b/skins/metrixhd/svgtemplates/icons/folder.svg
new file mode 100644
index 0000000..753999a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/folder.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="475.082px"
+   height="475.082px"
+   viewBox="0 0 475.082 475.082"
+   style="enable-background:new 0 0 475.082 475.082;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="folder.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.49675635"
+     inkscape:cx="-13.084886"
+     inkscape:cy="237.541"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M456.239,128.475c-12.56-12.562-27.597-18.842-45.11-18.842h-191.86v-9.136c0-17.511-6.283-32.548-18.843-45.107   c-12.562-12.562-27.6-18.846-45.111-18.846H63.953c-17.515,0-32.551,6.283-45.111,18.846C6.28,67.949,0,82.986,0,100.497v274.088   c0,17.508,6.28,32.545,18.842,45.104c12.562,12.565,27.6,18.849,45.111,18.849h347.175c17.514,0,32.551-6.283,45.11-18.849   c12.566-12.56,18.843-27.597,18.843-45.104V173.59C475.082,156.078,468.805,141.042,456.239,128.475z M438.536,374.585   c0,7.611-2.662,14.093-7.99,19.417c-5.328,5.325-11.8,7.987-19.417,7.987H63.953c-7.614,0-14.084-2.662-19.414-7.987   c-5.33-5.324-7.993-11.806-7.993-19.417V100.501c0-7.611,2.663-14.084,7.993-19.414c5.326-5.327,11.799-7.993,19.414-7.993h91.365   c7.614,0,14.087,2.663,19.417,7.993c5.327,5.33,7.993,11.803,7.993,19.414v18.274c0,7.616,2.664,14.083,7.994,19.414   c5.327,5.327,11.798,7.994,19.414,7.994h200.993c7.617,0,14.089,2.666,19.417,7.993c5.328,5.326,7.99,11.799,7.99,19.414V374.585   L438.536,374.585z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/folder_active.svg b/skins/metrixhd/svgtemplates/icons/folder_active.svg
new file mode 100644
index 0000000..72dc8b5
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/folder_active.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="475.082px"
+   height="475.082px"
+   viewBox="0 0 475.082 475.082"
+   style="enable-background:new 0 0 475.082 475.082;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="folder.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.49675635"
+     inkscape:cx="-13.084886"
+     inkscape:cy="237.541"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M456.239,128.475c-12.56-12.562-27.597-18.842-45.11-18.842h-191.86v-9.136c0-17.511-6.283-32.548-18.843-45.107   c-12.562-12.562-27.6-18.846-45.111-18.846H63.953c-17.515,0-32.551,6.283-45.111,18.846C6.28,67.949,0,82.986,0,100.497v274.088   c0,17.508,6.28,32.545,18.842,45.104c12.562,12.565,27.6,18.849,45.111,18.849h347.175c17.514,0,32.551-6.283,45.11-18.849   c12.566-12.56,18.843-27.597,18.843-45.104V173.59C475.082,156.078,468.805,141.042,456.239,128.475z M438.536,374.585   c0,7.611-2.662,14.093-7.99,19.417c-5.328,5.325-11.8,7.987-19.417,7.987H63.953c-7.614,0-14.084-2.662-19.414-7.987   c-5.33-5.324-7.993-11.806-7.993-19.417V100.501c0-7.611,2.663-14.084,7.993-19.414c5.326-5.327,11.799-7.993,19.414-7.993h91.365   c7.614,0,14.087,2.663,19.417,7.993c5.327,5.33,7.993,11.803,7.993,19.414v18.274c0,7.616,2.664,14.083,7.994,19.414   c5.327,5.327,11.798,7.994,19.414,7.994h200.993c7.617,0,14.089,2.666,19.417,7.993c5.328,5.326,7.99,11.799,7.99,19.414V374.585   L438.536,374.585z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/harddisc.svg b/skins/metrixhd/svgtemplates/icons/harddisc.svg
new file mode 100644
index 0000000..4ddfbb7
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/harddisc.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 293 293"
+   style="enable-background:new 0 0 293 293;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="harddisc.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.80546075"
+     inkscape:cx="-225.95763"
+     inkscape:cy="146.5"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M271.5,25c0-13.807-11.193-25-25-25h-200c-13.807,0-25,11.193-25,25v243c0,13.807,11.193,25,25,25h200   c13.807,0,25-11.193,25-25V25z M53.011,20.816c8.951,0,16.208,7.257,16.208,16.208s-7.257,16.208-16.208,16.208   c-8.952,0-16.208-7.257-16.208-16.208S44.059,20.816,53.011,20.816z M53.011,278.496c-8.952,0-16.208-7.257-16.208-16.208   c0-8.951,7.257-16.208,16.208-16.208c8.951,0,16.208,7.257,16.208,16.208C69.219,271.239,61.963,278.496,53.011,278.496z    M163.624,193.807l3.574-30.99c0.266-2.298-0.328-4.393-1.672-5.899c-2.088-2.344-5.626-2.813-8.777-1.035l-49.005,27.652   c-22.588-13.885-37.656-38.818-37.656-67.276c0-43.587,35.334-78.922,78.922-78.922s78.922,35.335,78.922,78.922   C227.931,154.85,200.225,186.951,163.624,193.807z M240.655,278.496c-8.952,0-16.208-7.257-16.208-16.208   c0-8.951,7.257-16.208,16.208-16.208s16.208,7.257,16.208,16.208C256.864,271.239,249.607,278.496,240.655,278.496z    M240.655,53.232c-8.952,0-16.208-7.257-16.208-16.208s7.257-16.208,16.208-16.208s16.208,7.257,16.208,16.208   S249.607,53.232,240.655,53.232z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><circle
+       cx="149.01"
+       cy="116.258"
+       r="28.452"
+       id="circle7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_arrow_left.svg b/skins/metrixhd/svgtemplates/icons/ico_arrow_left.svg
new file mode 100644
index 0000000..7bbdcb3
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_arrow_left.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="612px"
+   height="612px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_arrow_left.svg"><metadata
+     id="metadata44"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs42" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview40"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="Left"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g6"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M353.812,172.125c-7.478,0-14.21,2.926-19.335,7.612l-0.058-0.077L219.67,284.848c-5.91,5.451-9.295,13.101-9.295,21.152     s3.385,15.701,9.295,21.152L334.42,432.34l0.058-0.076c5.125,4.686,11.857,7.611,19.335,7.611     c15.836,0,28.688-12.852,28.688-28.688c0-8.357-3.634-15.836-9.353-21.076l0.058-0.076L281.52,306l91.685-84.054l-0.058-0.077     c5.719-5.221,9.353-12.68,9.353-21.057C382.5,184.977,369.648,172.125,353.812,172.125z M306,0C137.012,0,0,137.012,0,306     s137.012,306,306,306s306-137.012,306-306S474.988,0,306,0z M306,554.625C168.912,554.625,57.375,443.088,57.375,306     S168.912,57.375,306,57.375S554.625,168.912,554.625,306S443.088,554.625,306,554.625z"
+           id="path8"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_arrow_left_active.svg b/skins/metrixhd/svgtemplates/icons/ico_arrow_left_active.svg
new file mode 100644
index 0000000..961223c
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_arrow_left_active.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="612px"
+   height="612px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_arrow_left.svg"><metadata
+     id="metadata44"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs42" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview40"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="Left"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g6"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M353.812,172.125c-7.478,0-14.21,2.926-19.335,7.612l-0.058-0.077L219.67,284.848c-5.91,5.451-9.295,13.101-9.295,21.152     s3.385,15.701,9.295,21.152L334.42,432.34l0.058-0.076c5.125,4.686,11.857,7.611,19.335,7.611     c15.836,0,28.688-12.852,28.688-28.688c0-8.357-3.634-15.836-9.353-21.076l0.058-0.076L281.52,306l91.685-84.054l-0.058-0.077     c5.719-5.221,9.353-12.68,9.353-21.057C382.5,184.977,369.648,172.125,353.812,172.125z M306,0C137.012,0,0,137.012,0,306     s137.012,306,306,306s306-137.012,306-306S474.988,0,306,0z M306,554.625C168.912,554.625,57.375,443.088,57.375,306     S168.912,57.375,306,57.375S554.625,168.912,554.625,306S443.088,554.625,306,554.625z"
+           id="path8"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g></g><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_arrow_right.svg b/skins/metrixhd/svgtemplates/icons/ico_arrow_right.svg
new file mode 100644
index 0000000..b2f0cb3
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_arrow_right.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="612px"
+   height="612px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_arrow_right.svg"><metadata
+     id="metadata44"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs42" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview40"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="Right"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g6"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M277.58,179.679l-0.057,0.077c-5.125-4.705-11.857-7.631-19.335-7.631c-15.835,0-28.688,12.852-28.688,28.688     c0,8.377,3.634,15.835,9.352,21.076l-0.057,0.077L330.48,306l-91.686,84.055l0.057,0.076c-5.718,5.221-9.352,12.68-9.352,21.057     c0,15.836,12.852,28.688,28.688,28.688c7.478,0,14.21-2.926,19.335-7.611l0.057,0.076l114.75-105.188     c5.91-5.451,9.295-13.101,9.295-21.152s-3.385-15.702-9.295-21.152L277.58,179.679z M306,0C137.012,0,0,137.012,0,306     s137.012,306,306,306s306-137.012,306-306S474.988,0,306,0z M306,554.625C168.912,554.625,57.375,443.088,57.375,306     S168.912,57.375,306,57.375S554.625,168.912,554.625,306S443.088,554.625,306,554.625z"
+           id="path8"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_arrow_right_active.svg b/skins/metrixhd/svgtemplates/icons/ico_arrow_right_active.svg
new file mode 100644
index 0000000..a5c6b7b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_arrow_right_active.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="612px"
+   height="612px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_arrow_right.svg"><metadata
+     id="metadata44"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs42" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview40"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="Right"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g6"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M277.58,179.679l-0.057,0.077c-5.125-4.705-11.857-7.631-19.335-7.631c-15.835,0-28.688,12.852-28.688,28.688     c0,8.377,3.634,15.835,9.352,21.076l-0.057,0.077L330.48,306l-91.686,84.055l0.057,0.076c-5.718,5.221-9.352,12.68-9.352,21.057     c0,15.836,12.852,28.688,28.688,28.688c7.478,0,14.21-2.926,19.335-7.611l0.057,0.076l114.75-105.188     c5.91-5.451,9.295-13.101,9.295-21.152s-3.385-15.702-9.295-21.152L277.58,179.679z M306,0C137.012,0,0,137.012,0,306     s137.012,306,306,306s306-137.012,306-306S474.988,0,306,0z M306,554.625C168.912,554.625,57.375,443.088,57.375,306     S168.912,57.375,306,57.375S554.625,168.912,554.625,306S443.088,554.625,306,554.625z"
+           id="path8"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g></g><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_crypt.svg b/skins/metrixhd/svgtemplates/icons/ico_crypt.svg
new file mode 100644
index 0000000..d55145a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_crypt.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="486.733px"
+   height="486.733px"
+   viewBox="0 0 486.733 486.733"
+   style="enable-background:new 0 0 486.733 486.733;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_crypt.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1385"
+     inkscape:window-height="730"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.48486542"
+     inkscape:cx="90.275443"
+     inkscape:cy="243.3665"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M403.88,196.563h-9.484v-44.388c0-82.099-65.151-150.681-146.582-152.145c-2.225-0.04-6.671-0.04-8.895,0   C157.486,1.494,92.336,70.076,92.336,152.175v44.388h-9.485c-14.616,0-26.538,15.082-26.538,33.709v222.632   c0,18.606,11.922,33.829,26.539,33.829h321.028c14.616,0,26.539-15.223,26.539-33.829V230.272   C430.419,211.646,418.497,196.563,403.88,196.563z M273.442,341.362v67.271c0,7.703-6.449,14.222-14.158,14.222H227.45   c-7.71,0-14.159-6.519-14.159-14.222v-67.271c-7.477-7.36-11.83-17.537-11.83-28.795c0-21.334,16.491-39.666,37.459-40.513   c2.222-0.09,6.673-0.09,8.895,0c20.968,0.847,37.459,19.179,37.459,40.513C285.272,323.825,280.919,334.002,273.442,341.362z    M331.886,196.563h-84.072h-8.895h-84.072v-44.388c0-48.905,39.744-89.342,88.519-89.342c48.775,0,88.521,40.437,88.521,89.342   V196.563z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_crypt_active.svg b/skins/metrixhd/svgtemplates/icons/ico_crypt_active.svg
new file mode 100644
index 0000000..2f20d4e
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_crypt_active.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="486.733px"
+   height="486.733px"
+   viewBox="0 0 486.733 486.733"
+   style="enable-background:new 0 0 486.733 486.733;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_crypt.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1385"
+     inkscape:window-height="730"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.48486542"
+     inkscape:cx="90.275443"
+     inkscape:cy="243.3665"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M403.88,196.563h-9.484v-44.388c0-82.099-65.151-150.681-146.582-152.145c-2.225-0.04-6.671-0.04-8.895,0   C157.486,1.494,92.336,70.076,92.336,152.175v44.388h-9.485c-14.616,0-26.538,15.082-26.538,33.709v222.632   c0,18.606,11.922,33.829,26.539,33.829h321.028c14.616,0,26.539-15.223,26.539-33.829V230.272   C430.419,211.646,418.497,196.563,403.88,196.563z M273.442,341.362v67.271c0,7.703-6.449,14.222-14.158,14.222H227.45   c-7.71,0-14.159-6.519-14.159-14.222v-67.271c-7.477-7.36-11.83-17.537-11.83-28.795c0-21.334,16.491-39.666,37.459-40.513   c2.222-0.09,6.673-0.09,8.895,0c20.968,0.847,37.459,19.179,37.459,40.513C285.272,323.825,280.919,334.002,273.442,341.362z    M331.886,196.563h-84.072h-8.895h-84.072v-44.388c0-48.905,39.744-89.342,88.519-89.342c48.775,0,88.521,40.437,88.521,89.342   V196.563z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_cutted.svg b/skins/metrixhd/svgtemplates/icons/ico_cutted.svg
new file mode 100644
index 0000000..529c421
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_cutted.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="387.363px"
+   height="387.363px"
+   viewBox="0 0 387.363 387.363"
+   style="enable-background:new 0 0 387.363 387.363;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_cutted.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1408"
+     inkscape:window-height="792"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.60924765"
+     inkscape:cx="-298.7291"
+     inkscape:cy="193.6815"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M333.381,288.65c-10.341-18.002-26.8-31.189-45.187-36.209c-12.502-3.417-25.202-2.774-36.251,1.724l-32.414-56.704   c28.806-52.881,71.47-131.12,76.855-140.53c13.169-23.019-8.448-48.576-9.373-49.645L280.731,0l-87.042,152.248L106.64,0.012   l-6.278,7.287c-0.934,1.068-22.548,26.625-9.382,49.647c5.38,9.4,48.053,87.64,76.861,140.527l-32.417,56.703   c-11.058-4.497-23.749-5.14-36.26-1.724c-18.381,5.014-34.846,18.207-45.177,36.215c-19.413,33.934-11.586,75.061,17.438,91.664   c8.104,4.665,17.087,7.031,26.697,7.031c5.278,0,10.761-0.414,15.976-2.191c31.114-10.587,47.05-36.023,54.683-62.132   c0.327-1.123,15.678-63.327,24.25-76.88c0,0,0.265-0.486,0.658-1.213c0.39,0.727,0.661,1.213,0.661,1.213   c8.571,13.553,23.92,75.757,24.25,76.88c7.62,26.108,23.569,51.551,54.68,62.132c5.212,1.777,10.694,2.191,15.973,2.191   c9.614,0,18.591-2.366,26.704-7.031C344.964,363.71,352.783,322.59,333.381,288.65z M134.157,334.575   c-6.446,11.247-16.792,19.737-27.634,22.686c-2.853,0.769-5.663,1.159-8.355,1.159c-4.501,0-8.653-1.093-12.328-3.2   c-15.183-8.671-18.209-32.102-6.722-52.194c6.542-11.396,16.621-19.653,27.616-22.649c7.506-2.03,14.775-1.382,20.726,2.018   C142.63,291.094,145.635,314.507,134.157,334.575z M301.52,355.22c-3.682,2.113-7.824,3.206-12.328,3.206   c-2.69,0-5.507-0.396-8.353-1.165c-10.845-2.942-21.191-11.433-27.634-22.68c-11.481-20.074-8.474-43.48,6.688-52.164   c5.957-3.404,13.223-4.059,20.729-2.018c11.001,2.984,21.077,11.241,27.616,22.645C319.726,323.13,316.706,346.549,301.52,355.22z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_cutted_active.svg b/skins/metrixhd/svgtemplates/icons/ico_cutted_active.svg
new file mode 100644
index 0000000..4c2e0d4
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_cutted_active.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="387.363px"
+   height="387.363px"
+   viewBox="0 0 387.363 387.363"
+   style="enable-background:new 0 0 387.363 387.363;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_cutted.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1408"
+     inkscape:window-height="792"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.60924765"
+     inkscape:cx="-298.7291"
+     inkscape:cy="193.6815"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M333.381,288.65c-10.341-18.002-26.8-31.189-45.187-36.209c-12.502-3.417-25.202-2.774-36.251,1.724l-32.414-56.704   c28.806-52.881,71.47-131.12,76.855-140.53c13.169-23.019-8.448-48.576-9.373-49.645L280.731,0l-87.042,152.248L106.64,0.012   l-6.278,7.287c-0.934,1.068-22.548,26.625-9.382,49.647c5.38,9.4,48.053,87.64,76.861,140.527l-32.417,56.703   c-11.058-4.497-23.749-5.14-36.26-1.724c-18.381,5.014-34.846,18.207-45.177,36.215c-19.413,33.934-11.586,75.061,17.438,91.664   c8.104,4.665,17.087,7.031,26.697,7.031c5.278,0,10.761-0.414,15.976-2.191c31.114-10.587,47.05-36.023,54.683-62.132   c0.327-1.123,15.678-63.327,24.25-76.88c0,0,0.265-0.486,0.658-1.213c0.39,0.727,0.661,1.213,0.661,1.213   c8.571,13.553,23.92,75.757,24.25,76.88c7.62,26.108,23.569,51.551,54.68,62.132c5.212,1.777,10.694,2.191,15.973,2.191   c9.614,0,18.591-2.366,26.704-7.031C344.964,363.71,352.783,322.59,333.381,288.65z M134.157,334.575   c-6.446,11.247-16.792,19.737-27.634,22.686c-2.853,0.769-5.663,1.159-8.355,1.159c-4.501,0-8.653-1.093-12.328-3.2   c-15.183-8.671-18.209-32.102-6.722-52.194c6.542-11.396,16.621-19.653,27.616-22.649c7.506-2.03,14.775-1.382,20.726,2.018   C142.63,291.094,145.635,314.507,134.157,334.575z M301.52,355.22c-3.682,2.113-7.824,3.206-12.328,3.206   c-2.69,0-5.507-0.396-8.353-1.165c-10.845-2.942-21.191-11.433-27.634-22.68c-11.481-20.074-8.474-43.48,6.688-52.164   c5.957-3.404,13.223-4.059,20.729-2.018c11.001,2.984,21.077,11.241,27.616,22.645C319.726,323.13,316.706,346.549,301.52,355.22z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_delete.svg b/skins/metrixhd/svgtemplates/icons/ico_delete.svg
new file mode 100644
index 0000000..be9b2e4
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_delete.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_delete.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         style="fill:#{sdcol(icon)};fill-opacity:1"
+         d="M587.826,186.966c-16.116-37.332-37.944-69.768-65.484-97.308s-59.976-49.368-97.308-65.484    S348.024,0,306,0c-28.152,0-55.284,3.672-81.396,11.016s-50.49,17.646-73.134,30.906s-43.248,29.172-61.812,47.736    s-34.476,39.168-47.736,61.812c-13.26,22.646-23.562,47.022-30.906,73.134C3.672,250.716,0,277.848,0,306    s3.672,55.284,11.016,81.396c7.344,26.11,17.646,50.487,30.906,73.134c13.26,22.644,29.172,43.249,47.736,61.812    c18.564,18.564,39.168,34.478,61.812,47.736c22.644,13.26,47.022,23.561,73.134,30.906C250.716,608.328,277.848,612,306,612    s55.284-3.672,81.396-11.016c26.111-7.346,50.488-17.646,73.135-30.906c22.644-13.259,43.249-29.172,61.812-47.736    c18.564-18.563,34.478-39.168,47.736-61.812c13.26-22.646,23.561-47.023,30.906-73.135C608.328,361.284,612,334.152,612,306    C612,263.976,603.942,224.298,587.826,186.966z M468.18,391.68c2.04,2.04,3.063,4.284,3.063,6.732s-1.021,4.488-3.063,6.12    l-59.976,60.588c-1.631,1.632-3.876,2.448-6.732,2.448c-2.854,0-4.895-0.816-6.12-2.448l-86.292-86.292l-85.68,86.292    c-2.448,1.632-4.692,2.448-6.732,2.448c-1.632,0-3.672-0.816-6.12-2.448l-59.976-60.588c-2.04-1.226-3.06-3.267-3.06-6.12    c0-2.448,1.02-4.692,3.06-6.732l85.68-85.68l-85.68-85.68c-2.04-2.04-3.06-4.284-3.06-6.732c0-2.856,1.02-4.896,3.06-6.12    l59.976-60.588c1.632-1.632,3.672-2.448,6.12-2.448s4.692,0.816,6.732,2.448l85.68,86.292l86.292-86.292    c1.635-1.632,3.675-2.448,6.12-2.448c2.448,0,4.692,0.816,6.732,2.448l59.976,60.588c2.04,1.632,3.063,3.672,3.063,6.12    s-1.021,4.692-3.063,6.732L382.5,306L468.18,391.68z"
+         id="path7" /></g></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_delete_active.svg b/skins/metrixhd/svgtemplates/icons/ico_delete_active.svg
new file mode 100644
index 0000000..692d195
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_delete_active.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_delete.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"
+         d="M587.826,186.966c-16.116-37.332-37.944-69.768-65.484-97.308s-59.976-49.368-97.308-65.484    S348.024,0,306,0c-28.152,0-55.284,3.672-81.396,11.016s-50.49,17.646-73.134,30.906s-43.248,29.172-61.812,47.736    s-34.476,39.168-47.736,61.812c-13.26,22.646-23.562,47.022-30.906,73.134C3.672,250.716,0,277.848,0,306    s3.672,55.284,11.016,81.396c7.344,26.11,17.646,50.487,30.906,73.134c13.26,22.644,29.172,43.249,47.736,61.812    c18.564,18.564,39.168,34.478,61.812,47.736c22.644,13.26,47.022,23.561,73.134,30.906C250.716,608.328,277.848,612,306,612    s55.284-3.672,81.396-11.016c26.111-7.346,50.488-17.646,73.135-30.906c22.644-13.259,43.249-29.172,61.812-47.736    c18.564-18.563,34.478-39.168,47.736-61.812c13.26-22.646,23.561-47.023,30.906-73.135C608.328,361.284,612,334.152,612,306    C612,263.976,603.942,224.298,587.826,186.966z M468.18,391.68c2.04,2.04,3.063,4.284,3.063,6.732s-1.021,4.488-3.063,6.12    l-59.976,60.588c-1.631,1.632-3.876,2.448-6.732,2.448c-2.854,0-4.895-0.816-6.12-2.448l-86.292-86.292l-85.68,86.292    c-2.448,1.632-4.692,2.448-6.732,2.448c-1.632,0-3.672-0.816-6.12-2.448l-59.976-60.588c-2.04-1.226-3.06-3.267-3.06-6.12    c0-2.448,1.02-4.692,3.06-6.732l85.68-85.68l-85.68-85.68c-2.04-2.04-3.06-4.284-3.06-6.732c0-2.856,1.02-4.896,3.06-6.12    l59.976-60.588c1.632-1.632,3.672-2.448,6.12-2.448s4.692,0.816,6.732,2.448l85.68,86.292l86.292-86.292    c1.635-1.632,3.675-2.448,6.12-2.448c2.448,0,4.692,0.816,6.732,2.448l59.976,60.588c2.04,1.632,3.063,3.672,3.063,6.12    s-1.021,4.692-3.063,6.732L382.5,306L468.18,391.68z"
+         id="path7" /></g></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_delete_selected.svg b/skins/metrixhd/svgtemplates/icons/ico_delete_selected.svg
new file mode 100644
index 0000000..8df73e8
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_delete_selected.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_delete.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconselected)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconselected)};fill-opacity:1"><path
+         style="fill:#{sdcol(iconselected)};fill-opacity:1"
+         d="M587.826,186.966c-16.116-37.332-37.944-69.768-65.484-97.308s-59.976-49.368-97.308-65.484    S348.024,0,306,0c-28.152,0-55.284,3.672-81.396,11.016s-50.49,17.646-73.134,30.906s-43.248,29.172-61.812,47.736    s-34.476,39.168-47.736,61.812c-13.26,22.646-23.562,47.022-30.906,73.134C3.672,250.716,0,277.848,0,306    s3.672,55.284,11.016,81.396c7.344,26.11,17.646,50.487,30.906,73.134c13.26,22.644,29.172,43.249,47.736,61.812    c18.564,18.564,39.168,34.478,61.812,47.736c22.644,13.26,47.022,23.561,73.134,30.906C250.716,608.328,277.848,612,306,612    s55.284-3.672,81.396-11.016c26.111-7.346,50.488-17.646,73.135-30.906c22.644-13.259,43.249-29.172,61.812-47.736    c18.564-18.563,34.478-39.168,47.736-61.812c13.26-22.646,23.561-47.023,30.906-73.135C608.328,361.284,612,334.152,612,306    C612,263.976,603.942,224.298,587.826,186.966z M468.18,391.68c2.04,2.04,3.063,4.284,3.063,6.732s-1.021,4.488-3.063,6.12    l-59.976,60.588c-1.631,1.632-3.876,2.448-6.732,2.448c-2.854,0-4.895-0.816-6.12-2.448l-86.292-86.292l-85.68,86.292    c-2.448,1.632-4.692,2.448-6.732,2.448c-1.632,0-3.672-0.816-6.12-2.448l-59.976-60.588c-2.04-1.226-3.06-3.267-3.06-6.12    c0-2.448,1.02-4.692,3.06-6.732l85.68-85.68l-85.68-85.68c-2.04-2.04-3.06-4.284-3.06-6.732c0-2.856,1.02-4.896,3.06-6.12    l59.976-60.588c1.632-1.632,3.672-2.448,6.12-2.448s4.692,0.816,6.732,2.448l85.68,86.292l86.292-86.292    c1.635-1.632,3.675-2.448,6.12-2.448c2.448,0,4.692,0.816,6.732,2.448l59.976,60.588c2.04,1.632,3.063,3.672,3.063,6.12    s-1.021,4.692-3.063,6.732L382.5,306L468.18,391.68z"
+         id="path7" /></g></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_edit.svg b/skins/metrixhd/svgtemplates/icons/ico_edit.svg
new file mode 100644
index 0000000..a935ad5
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_edit.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="939.85px"
+   height="939.85px"
+   viewBox="0 0 939.85 939.85"
+   style="enable-background:new 0 0 939.85 939.85;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_edit.svg"><metadata
+     id="metadata49"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs47" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview45"
+     showgrid="false"
+     inkscape:zoom="0.25110391"
+     inkscape:cx="-724.79956"
+     inkscape:cy="469.925"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M802.225,802.225c183.5-183.5,183.5-481.1,0-664.6s-481.1-183.5-664.6,0s-183.5,481.1,0,664.6   S618.725,985.725,802.225,802.225z M200.524,549.125c0.3-11.9,4.601-23.7,13.7-32.8l297.3-297.301l59.7-59.7   c13-13,31.9-18.699,50.5-15.3c13,2.4,25,8.7,34.7,18.4l121,121c9.7,9.7,16.1,21.7,18.4,34.7c3.399,18.699-2.301,37.6-15.301,50.5   l-59.699,59.8l-297.301,297.3c-9.1,9.101-21,13.5-32.899,13.8c-0.9,0-125.4,0-125.4,0c-16.4-0.1-32.8-7.5-45.1-19.8   c-12.2-12.2-19.5-28.7-19.601-45.1C200.524,674.625,200.425,550.024,200.524,549.125z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g7"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M682.225,399.024l53.3-53.3c7-7,6.2-20.3-0.6-27.1l-115.7-115.7c-6.399-6.4-17.1-6.5-23.5-0.2l-54.899,54.9    L682.225,399.024L682.225,399.024z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M422.024,657.825c0.2,0.199,0.4,0.399,0.601,0.699l230-230l-141.3-141.5l-230,230c0.199,0.2,0.5,0.4,0.699,0.601    L422.024,657.825z"
+         id="path11"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M253.925,685.825c3.2,3.199,7.399,5.199,11.5,5.199h122.9l-139.601-139.5l-0.3,122.801    C248.425,678.325,250.824,682.725,253.925,685.825z"
+         id="path13"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_edit_active.svg b/skins/metrixhd/svgtemplates/icons/ico_edit_active.svg
new file mode 100644
index 0000000..3d8242f
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_edit_active.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="939.85px"
+   height="939.85px"
+   viewBox="0 0 939.85 939.85"
+   style="enable-background:new 0 0 939.85 939.85;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_edit.svg"><metadata
+     id="metadata49"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs47" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview45"
+     showgrid="false"
+     inkscape:zoom="0.25110391"
+     inkscape:cx="-724.79956"
+     inkscape:cy="469.925"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M802.225,802.225c183.5-183.5,183.5-481.1,0-664.6s-481.1-183.5-664.6,0s-183.5,481.1,0,664.6   S618.725,985.725,802.225,802.225z M200.524,549.125c0.3-11.9,4.601-23.7,13.7-32.8l297.3-297.301l59.7-59.7   c13-13,31.9-18.699,50.5-15.3c13,2.4,25,8.7,34.7,18.4l121,121c9.7,9.7,16.1,21.7,18.4,34.7c3.399,18.699-2.301,37.6-15.301,50.5   l-59.699,59.8l-297.301,297.3c-9.1,9.101-21,13.5-32.899,13.8c-0.9,0-125.4,0-125.4,0c-16.4-0.1-32.8-7.5-45.1-19.8   c-12.2-12.2-19.5-28.7-19.601-45.1C200.524,674.625,200.425,550.024,200.524,549.125z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g7"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         d="M682.225,399.024l53.3-53.3c7-7,6.2-20.3-0.6-27.1l-115.7-115.7c-6.399-6.4-17.1-6.5-23.5-0.2l-54.899,54.9    L682.225,399.024L682.225,399.024z"
+         id="path9"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M422.024,657.825c0.2,0.199,0.4,0.399,0.601,0.699l230-230l-141.3-141.5l-230,230c0.199,0.2,0.5,0.4,0.699,0.601    L422.024,657.825z"
+         id="path11"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M253.925,685.825c3.2,3.199,7.399,5.199,11.5,5.199h122.9l-139.601-139.5l-0.3,122.801    C248.425,678.325,250.824,682.725,253.925,685.825z"
+         id="path13"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_edit_selected.svg b/skins/metrixhd/svgtemplates/icons/ico_edit_selected.svg
new file mode 100644
index 0000000..d71d66e
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_edit_selected.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="939.85px"
+   height="939.85px"
+   viewBox="0 0 939.85 939.85"
+   style="enable-background:new 0 0 939.85 939.85;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_edit.svg"><metadata
+     id="metadata49"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs47" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview45"
+     showgrid="false"
+     inkscape:zoom="0.25110391"
+     inkscape:cx="-724.79956"
+     inkscape:cy="469.925"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconselected)};fill-opacity:1"><path
+       d="M802.225,802.225c183.5-183.5,183.5-481.1,0-664.6s-481.1-183.5-664.6,0s-183.5,481.1,0,664.6   S618.725,985.725,802.225,802.225z M200.524,549.125c0.3-11.9,4.601-23.7,13.7-32.8l297.3-297.301l59.7-59.7   c13-13,31.9-18.699,50.5-15.3c13,2.4,25,8.7,34.7,18.4l121,121c9.7,9.7,16.1,21.7,18.4,34.7c3.399,18.699-2.301,37.6-15.301,50.5   l-59.699,59.8l-297.301,297.3c-9.1,9.101-21,13.5-32.899,13.8c-0.9,0-125.4,0-125.4,0c-16.4-0.1-32.8-7.5-45.1-19.8   c-12.2-12.2-19.5-28.7-19.601-45.1C200.524,674.625,200.425,550.024,200.524,549.125z"
+       id="path5"
+       style="fill:#{sdcol(iconselected)};fill-opacity:1" /><g
+       id="g7"
+       style="fill:#{sdcol(iconselected)};fill-opacity:1"><path
+         d="M682.225,399.024l53.3-53.3c7-7,6.2-20.3-0.6-27.1l-115.7-115.7c-6.399-6.4-17.1-6.5-23.5-0.2l-54.899,54.9    L682.225,399.024L682.225,399.024z"
+         id="path9"
+         style="fill:#{sdcol(iconselected)};fill-opacity:1" /><path
+         d="M422.024,657.825c0.2,0.199,0.4,0.399,0.601,0.699l230-230l-141.3-141.5l-230,230c0.199,0.2,0.5,0.4,0.699,0.601    L422.024,657.825z"
+         id="path11"
+         style="fill:#{sdcol(iconselected)};fill-opacity:1" /><path
+         d="M253.925,685.825c3.2,3.199,7.399,5.199,11.5,5.199h122.9l-139.601-139.5l-0.3,122.801    C248.425,678.325,250.824,682.725,253.925,685.825z"
+         id="path13"
+         style="fill:#{sdcol(iconselected)};fill-opacity:1" /></g></g><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_info.svg b/skins/metrixhd/svgtemplates/icons/ico_info.svg
new file mode 100644
index 0000000..18c09de
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_info.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 487.65 487.65"
+   style="enable-background:new 0 0 487.65 487.65;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_info.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.48395366"
+     inkscape:cx="-738.70708"
+     inkscape:cy="243.825"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M243.824,0C109.163,0,0,109.163,0,243.833C0,378.487,109.163,487.65,243.824,487.65   c134.662,0,243.826-109.163,243.826-243.817C487.65,109.163,378.486,0,243.824,0z M243.762,103.634   c20.416,0,36.977,16.555,36.977,36.977c0,20.425-16.561,36.978-36.977,36.978c-20.424,0-36.986-16.553-36.986-36.978   C206.775,120.189,223.338,103.634,243.762,103.634z M307.281,381.228c0,3.695-2.995,6.691-6.684,6.691h-21.509h-70.663h-21.492   c-3.689,0-6.683-2.996-6.683-6.691v-13.719c0-3.694,2.993-6.689,6.683-6.689h21.492V230.706h-22.153   c-3.689,0-6.685-2.996-6.685-6.692V210.28c0-3.695,2.996-6.69,6.685-6.69h22.153h63.981h0.216c3.686,0,6.683,2.995,6.683,6.69   v150.539h21.293c3.688,0,6.684,2.995,6.684,6.689V381.228z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_info_active.svg b/skins/metrixhd/svgtemplates/icons/ico_info_active.svg
new file mode 100644
index 0000000..6229000
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_info_active.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 487.65 487.65"
+   style="enable-background:new 0 0 487.65 487.65;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_info.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.48395366"
+     inkscape:cx="-738.70708"
+     inkscape:cy="243.825"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M243.824,0C109.163,0,0,109.163,0,243.833C0,378.487,109.163,487.65,243.824,487.65   c134.662,0,243.826-109.163,243.826-243.817C487.65,109.163,378.486,0,243.824,0z M243.762,103.634   c20.416,0,36.977,16.555,36.977,36.977c0,20.425-16.561,36.978-36.977,36.978c-20.424,0-36.986-16.553-36.986-36.978   C206.775,120.189,223.338,103.634,243.762,103.634z M307.281,381.228c0,3.695-2.995,6.691-6.684,6.691h-21.509h-70.663h-21.492   c-3.689,0-6.683-2.996-6.683-6.691v-13.719c0-3.694,2.993-6.689,6.683-6.689h21.492V230.706h-22.153   c-3.689,0-6.685-2.996-6.685-6.692V210.28c0-3.695,2.996-6.69,6.685-6.69h22.153h63.981h0.216c3.686,0,6.683,2.995,6.683,6.69   v150.539h21.293c3.688,0,6.684,2.995,6.684,6.689V381.228z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_info_selected.svg b/skins/metrixhd/svgtemplates/icons/ico_info_selected.svg
new file mode 100644
index 0000000..1a7451d
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_info_selected.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 487.65 487.65"
+   style="enable-background:new 0 0 487.65 487.65;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_info.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.48395366"
+     inkscape:cx="-738.70708"
+     inkscape:cy="243.825"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconselected)};fill-opacity:1"><path
+       d="M243.824,0C109.163,0,0,109.163,0,243.833C0,378.487,109.163,487.65,243.824,487.65   c134.662,0,243.826-109.163,243.826-243.817C487.65,109.163,378.486,0,243.824,0z M243.762,103.634   c20.416,0,36.977,16.555,36.977,36.977c0,20.425-16.561,36.978-36.977,36.978c-20.424,0-36.986-16.553-36.986-36.978   C206.775,120.189,223.338,103.634,243.762,103.634z M307.281,381.228c0,3.695-2.995,6.691-6.684,6.691h-21.509h-70.663h-21.492   c-3.689,0-6.683-2.996-6.683-6.691v-13.719c0-3.694,2.993-6.689,6.683-6.689h21.492V230.706h-22.153   c-3.689,0-6.685-2.996-6.685-6.692V210.28c0-3.695,2.996-6.69,6.685-6.69h22.153h63.981h0.216c3.686,0,6.683,2.995,6.683,6.69   v150.539h21.293c3.688,0,6.684,2.995,6.684,6.689V381.228z"
+       id="path5"
+       style="fill:#{sdcol(iconselected)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_new.svg b/skins/metrixhd/svgtemplates/icons/ico_new.svg
new file mode 100644
index 0000000..fefa058
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_new.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 612.003 612.003" style="enable-background:new 0 0 612.003 612.003;" xml:space="preserve">
+<g fill="#{sdcol(icon)}" fill-opacity="1">
+	<path d="M608.067,333.255l-44.973-71.364c-3.563-5.658-4.764-12.49-3.352-19.022l17.854-82.442
+		c2.784-12.848-4.649-25.708-17.164-29.724l-80.323-25.759c-6.366-2.043-11.679-6.5-14.795-12.413l-39.315-74.627
+		c-6.124-11.634-20.082-16.711-32.253-11.743l-78.094,31.902c-6.188,2.522-13.122,2.522-19.31,0L218.261,6.167
+		c-12.171-4.968-26.129,0.109-32.259,11.743l-39.315,74.62c-3.116,5.913-8.429,10.37-14.795,12.413l-80.322,25.759
+		c-12.522,4.016-19.948,16.877-17.164,29.724l17.847,82.442c1.418,6.532,0.211,13.365-3.352,19.022L3.934,333.255
+		c-7.011,11.123-4.425,25.746,5.964,33.805l66.664,51.677c5.287,4.099,8.754,10.102,9.661,16.73l11.424,83.573
+		c1.775,13.026,13.16,22.573,26.289,22.062l84.288-3.263c6.679-0.262,13.192,2.114,18.154,6.602l62.462,56.677
+		c9.738,8.831,24.597,8.831,34.328,0l62.469-56.677c4.949-4.495,11.468-6.864,18.154-6.602l84.281,3.263
+		c13.141,0.511,24.514-9.042,26.295-22.062l11.424-83.573c0.907-6.628,4.374-12.63,9.655-16.73l66.664-51.677
+		C612.498,359.001,615.078,344.378,608.067,333.255z M235.234,407.92l-74.435-51.99l30.593,70.904l-20.389,8.799l-46.92-108.719
+		l21.353-9.221l75.84,53.401l-31.34-72.602l20.389-8.806l46.933,108.725L235.234,407.92z M280.468,388.393l-46.92-108.719
+		l80.616-34.801l7.931,18.396l-58.669,25.318l10.402,24.099l54.589-23.562l7.905,18.32l-54.589,23.556l12.771,29.59l60.738-26.212
+		l7.905,18.32L280.468,388.393z M464.248,309.08l-56.735-71.945l13.492,90.597L397.2,338.006l-72.871-97.512l22.464-9.706
+		l48.625,67.609l-12.356-83.253l26.116-11.27l51.831,67.718l-16.091-83.145l22.1-9.54l20.516,120.123L464.248,309.08z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_new_active.svg b/skins/metrixhd/svgtemplates/icons/ico_new_active.svg
new file mode 100644
index 0000000..b1b3c23
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_new_active.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 612.003 612.003" style="enable-background:new 0 0 612.003 612.003;" xml:space="preserve">
+<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<path d="M608.067,333.255l-44.973-71.364c-3.563-5.658-4.764-12.49-3.352-19.022l17.854-82.442
+		c2.784-12.848-4.649-25.708-17.164-29.724l-80.323-25.759c-6.366-2.043-11.679-6.5-14.795-12.413l-39.315-74.627
+		c-6.124-11.634-20.082-16.711-32.253-11.743l-78.094,31.902c-6.188,2.522-13.122,2.522-19.31,0L218.261,6.167
+		c-12.171-4.968-26.129,0.109-32.259,11.743l-39.315,74.62c-3.116,5.913-8.429,10.37-14.795,12.413l-80.322,25.759
+		c-12.522,4.016-19.948,16.877-17.164,29.724l17.847,82.442c1.418,6.532,0.211,13.365-3.352,19.022L3.934,333.255
+		c-7.011,11.123-4.425,25.746,5.964,33.805l66.664,51.677c5.287,4.099,8.754,10.102,9.661,16.73l11.424,83.573
+		c1.775,13.026,13.16,22.573,26.289,22.062l84.288-3.263c6.679-0.262,13.192,2.114,18.154,6.602l62.462,56.677
+		c9.738,8.831,24.597,8.831,34.328,0l62.469-56.677c4.949-4.495,11.468-6.864,18.154-6.602l84.281,3.263
+		c13.141,0.511,24.514-9.042,26.295-22.062l11.424-83.573c0.907-6.628,4.374-12.63,9.655-16.73l66.664-51.677
+		C612.498,359.001,615.078,344.378,608.067,333.255z M235.234,407.92l-74.435-51.99l30.593,70.904l-20.389,8.799l-46.92-108.719
+		l21.353-9.221l75.84,53.401l-31.34-72.602l20.389-8.806l46.933,108.725L235.234,407.92z M280.468,388.393l-46.92-108.719
+		l80.616-34.801l7.931,18.396l-58.669,25.318l10.402,24.099l54.589-23.562l7.905,18.32l-54.589,23.556l12.771,29.59l60.738-26.212
+		l7.905,18.32L280.468,388.393z M464.248,309.08l-56.735-71.945l13.492,90.597L397.2,338.006l-72.871-97.512l22.464-9.706
+		l48.625,67.609l-12.356-83.253l26.116-11.27l51.831,67.718l-16.091-83.145l22.1-9.54l20.516,120.123L464.248,309.08z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_no.svg b/skins/metrixhd/svgtemplates/icons/ico_no.svg
new file mode 100644
index 0000000..d82fc7b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_no.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="300"
+   height="300"
+   viewBox="0 0 300 300"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_no.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.1715328"
+     inkscape:cx="9.7915919"
+     inkscape:cy="138.57143"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-752.36216)">
+    <rect
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4136"
+       width="320.55151"
+       height="80.137878"
+       x="-691.65991"
+       y="704.06348"
+       rx="40.068939"
+       ry="40.068939"
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" />
+    <rect
+       transform="matrix(-0.70710678,-0.70710678,-0.70710678,0.70710678,0,0)"
+       ry="40.068939"
+       rx="40.068939"
+       y="491.31522"
+       x="-904.40814"
+       height="80.137878"
+       width="320.55151"
+       id="rect4138"
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_no_active.svg b/skins/metrixhd/svgtemplates/icons/ico_no_active.svg
new file mode 100644
index 0000000..25a45c6
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_no_active.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="300"
+   height="300"
+   viewBox="0 0 300 300"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_no.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.1715328"
+     inkscape:cx="9.7915919"
+     inkscape:cy="138.57143"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-752.36216)">
+    <rect
+       style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4136"
+       width="320.55151"
+       height="80.137878"
+       x="-691.65991"
+       y="704.06348"
+       rx="40.068939"
+       ry="40.068939"
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" />
+    <rect
+       transform="matrix(-0.70710678,-0.70710678,-0.70710678,0.70710678,0,0)"
+       ry="40.068939"
+       rx="40.068939"
+       y="491.31522"
+       x="-904.40814"
+       height="80.137878"
+       width="320.55151"
+       id="rect4138"
+       style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_rec.svg b/skins/metrixhd/svgtemplates/icons/ico_rec.svg
new file mode 100644
index 0000000..6c813bb
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_rec.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_rec.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-394.84746"
+     inkscape:cy="256"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M256,0C114.609,0,0,114.609,0,256c0,141.391,114.609,256,256,256c141.391,0,256-114.609,256-256   C512,114.609,397.391,0,256,0z M256,472c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z   "
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M336,256c0,44.188-35.812,80-80,80c-44.188,0-80-35.812-80-80c0-44.188,35.812-80,80-80C300.188,176,336,211.812,336,256z"
+       id="path7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_rec_active.svg b/skins/metrixhd/svgtemplates/icons/ico_rec_active.svg
new file mode 100644
index 0000000..f27b6c1
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_rec_active.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_rec.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-394.84746"
+     inkscape:cy="256"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M256,0C114.609,0,0,114.609,0,256c0,141.391,114.609,256,256,256c141.391,0,256-114.609,256-256   C512,114.609,397.391,0,256,0z M256,472c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z   "
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+       d="M336,256c0,44.188-35.812,80-80,80c-44.188,0-80-35.812-80-80c0-44.188,35.812-80,80-80C300.188,176,336,211.812,336,256z"
+       id="path7"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_rec_selected.svg b/skins/metrixhd/svgtemplates/icons/ico_rec_selected.svg
new file mode 100644
index 0000000..2dbd2da
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_rec_selected.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_rec.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-394.84746"
+     inkscape:cy="256"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconselected)};fill-opacity:1"><path
+       d="M256,0C114.609,0,0,114.609,0,256c0,141.391,114.609,256,256,256c141.391,0,256-114.609,256-256   C512,114.609,397.391,0,256,0z M256,472c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z   "
+       id="path5"
+       style="fill:#{sdcol(iconselected)};fill-opacity:1" /><path
+       d="M336,256c0,44.188-35.812,80-80,80c-44.188,0-80-35.812-80-80c0-44.188,35.812-80,80-80C300.188,176,336,211.812,336,256z"
+       id="path7"
+       style="fill:#{sdcol(iconselected)};fill-opacity:1" /></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_recfile.svg b/skins/metrixhd/svgtemplates/icons/ico_recfile.svg
new file mode 100644
index 0000000..d0ff340
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_recfile.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 476.737 476.737" style="enable-background:new 0 0 476.737 476.737;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<g fill="#{sdcol(icon)}" fill-opacity="1">
+				<path d="M238.369,0C106.726,0,0,106.726,0,238.369c0,131.675,106.726,238.369,238.369,238.369
+					c131.675,0,238.369-106.694,238.369-238.369C476.737,106.726,370.043,0,238.369,0z M238.369,444.955
+					c-113.908,0-206.586-92.678-206.586-206.586S124.46,31.782,238.369,31.782s206.586,92.678,206.586,206.586
+					S352.277,444.955,238.369,444.955z"/>
+				<path d="M343.759,227.976L221.206,130.88c-6.897-5.403-18.084-5.403-24.981,0l-0.159,0.159
+					c-3.305,2.511-5.371,6.007-5.371,9.916v194.191c0,3.973,2.193,7.501,5.594,9.98l-0.064,0.064c6.897,5.435,18.084,5.435,24.981,0
+					l123.221-97.318c6.929-5.403,6.929-14.207,0-19.61L343.759,227.976z"/>
+			</g>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_recfile_active.svg b/skins/metrixhd/svgtemplates/icons/ico_recfile_active.svg
new file mode 100644
index 0000000..3cb0efb
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_recfile_active.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 476.737 476.737" style="enable-background:new 0 0 476.737 476.737;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+				<path d="M238.369,0C106.726,0,0,106.726,0,238.369c0,131.675,106.726,238.369,238.369,238.369
+					c131.675,0,238.369-106.694,238.369-238.369C476.737,106.726,370.043,0,238.369,0z M238.369,444.955
+					c-113.908,0-206.586-92.678-206.586-206.586S124.46,31.782,238.369,31.782s206.586,92.678,206.586,206.586
+					S352.277,444.955,238.369,444.955z"/>
+				<path d="M343.759,227.976L221.206,130.88c-6.897-5.403-18.084-5.403-24.981,0l-0.159,0.159
+					c-3.305,2.511-5.371,6.007-5.371,9.916v194.191c0,3.973,2.193,7.501,5.594,9.98l-0.064,0.064c6.897,5.435,18.084,5.435,24.981,0
+					l123.221-97.318c6.929-5.403,6.929-14.207,0-19.61L343.759,227.976z"/>
+			</g>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_recfolder.svg b/skins/metrixhd/svgtemplates/icons/ico_recfolder.svg
new file mode 100644
index 0000000..9fb114a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_recfolder.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 258.37 258.37"
+   style="enable-background:new 0 0 258.37 258.37;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_recfolder.svg"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="0.91341876"
+     inkscape:cx="-199.25144"
+     inkscape:cy="129.185"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       style="fill:#{sdcol(icon)};fill-opacity:1"
+       d="M221.869,0H36.501c-9.649,0-17.5,7.851-17.5,17.5v223.37c0,9.65,7.85,17.5,17.5,17.5h185.368   c9.649,0,17.499-7.85,17.499-17.5V17.5C239.368,7.851,231.518,0,221.869,0z M55.694,124.186H34.002V88.851h21.692V124.186z    M34.002,134.186h21.692v35.335H34.002V134.186z M55.694,78.851H34.002V43.516h21.692V78.851z M34.002,179.52h21.692v35.335H34.002   V179.52z M70.694,43.516h117.673v171.34H70.694V43.516z M224.368,43.516v35.335h-21.001V43.516h10.501H224.368z M203.367,88.851   h21.001v35.335h-21.001V88.851z M203.367,134.186h21.001v35.335h-21.001V134.186z M188.367,33.516H70.694V15h117.673V33.516z    M188.367,224.855v18.515H70.694v-18.515H188.367z M203.367,179.52h21.001v35.335h-21.001V179.52z M224.368,17.5v16.016h-10.5   h-10.501V15h18.501C223.224,15,224.368,16.145,224.368,17.5z M36.501,15h19.193v18.516H34.002V17.5   C34.002,16.145,35.146,15,36.501,15z M34.002,240.87v-16.015h21.692v18.515H36.501C35.146,243.37,34.002,242.225,34.002,240.87z    M221.869,243.37h-18.501v-18.515h21.001v16.015C224.368,242.225,223.224,243.37,221.869,243.37z"
+       id="path5" /><path
+       style="fill:#{sdcol(icon)};fill-opacity:1"
+       d="M129.034,86.297c-23.648,0-42.888,19.24-42.888,42.889c0,23.649,19.24,42.889,42.888,42.889   c23.649,0,42.889-19.24,42.889-42.889C171.923,105.537,152.683,86.297,129.034,86.297z M129.034,162.074   c-18.135,0-32.888-14.754-32.888-32.889c0-18.135,14.754-32.889,32.888-32.889c18.135,0,32.889,14.754,32.889,32.889   C161.923,147.32,147.169,162.074,129.034,162.074z"
+       id="path7" /><path
+       style="fill:#{sdcol(icon)};fill-opacity:1"
+       d="M149.656,122.262l-24.676-16.156c-1.513-0.99-3.15-1.514-4.736-1.514   c-3.571,0-7.186,2.733-7.186,7.958v33.272c0,5.225,3.615,7.958,7.185,7.958c1.586,0,3.225-0.524,4.737-1.514l24.677-16.16   c2.533-1.658,3.986-4.182,3.986-6.922C153.642,126.444,152.189,123.921,149.656,122.262z M123.057,141.569l0.001-24.768   l18.914,12.383L123.057,141.569z"
+       id="path9" /></g><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_recfolder_active.svg b/skins/metrixhd/svgtemplates/icons/ico_recfolder_active.svg
new file mode 100644
index 0000000..9ea9613
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_recfolder_active.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 258.37 258.37"
+   style="enable-background:new 0 0 258.37 258.37;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_recfolder.svg"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="0.91341876"
+     inkscape:cx="-199.25144"
+     inkscape:cy="129.185"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"
+       d="M221.869,0H36.501c-9.649,0-17.5,7.851-17.5,17.5v223.37c0,9.65,7.85,17.5,17.5,17.5h185.368   c9.649,0,17.499-7.85,17.499-17.5V17.5C239.368,7.851,231.518,0,221.869,0z M55.694,124.186H34.002V88.851h21.692V124.186z    M34.002,134.186h21.692v35.335H34.002V134.186z M55.694,78.851H34.002V43.516h21.692V78.851z M34.002,179.52h21.692v35.335H34.002   V179.52z M70.694,43.516h117.673v171.34H70.694V43.516z M224.368,43.516v35.335h-21.001V43.516h10.501H224.368z M203.367,88.851   h21.001v35.335h-21.001V88.851z M203.367,134.186h21.001v35.335h-21.001V134.186z M188.367,33.516H70.694V15h117.673V33.516z    M188.367,224.855v18.515H70.694v-18.515H188.367z M203.367,179.52h21.001v35.335h-21.001V179.52z M224.368,17.5v16.016h-10.5   h-10.501V15h18.501C223.224,15,224.368,16.145,224.368,17.5z M36.501,15h19.193v18.516H34.002V17.5   C34.002,16.145,35.146,15,36.501,15z M34.002,240.87v-16.015h21.692v18.515H36.501C35.146,243.37,34.002,242.225,34.002,240.87z    M221.869,243.37h-18.501v-18.515h21.001v16.015C224.368,242.225,223.224,243.37,221.869,243.37z"
+       id="path5" /><path
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"
+       d="M129.034,86.297c-23.648,0-42.888,19.24-42.888,42.889c0,23.649,19.24,42.889,42.888,42.889   c23.649,0,42.889-19.24,42.889-42.889C171.923,105.537,152.683,86.297,129.034,86.297z M129.034,162.074   c-18.135,0-32.888-14.754-32.888-32.889c0-18.135,14.754-32.889,32.888-32.889c18.135,0,32.889,14.754,32.889,32.889   C161.923,147.32,147.169,162.074,129.034,162.074z"
+       id="path7" /><path
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"
+       d="M149.656,122.262l-24.676-16.156c-1.513-0.99-3.15-1.514-4.736-1.514   c-3.571,0-7.186,2.733-7.186,7.958v33.272c0,5.225,3.615,7.958,7.185,7.958c1.586,0,3.225-0.524,4.737-1.514l24.677-16.16   c2.533-1.658,3.986-4.182,3.986-6.922C153.642,126.444,152.189,123.921,149.656,122.262z M123.057,141.569l0.001-24.768   l18.914,12.383L123.057,141.569z"
+       id="path9" /></g><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_recording.svg b/skins/metrixhd/svgtemplates/icons/ico_recording.svg
new file mode 100644
index 0000000..aa0e804
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_recording.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_recording.svg"><metadata
+     id="metadata4192"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4190" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview4188"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-394.84746"
+     inkscape:cy="256"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g4152"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M256,0C114.609,0,0,114.609,0,256c0,141.391,114.609,256,256,256c141.391,0,256-114.609,256-256   C512,114.609,397.391,0,256,0z M256,472c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z   "
+       id="path4154"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M336,256c0,44.188-35.812,80-80,80c-44.188,0-80-35.812-80-80c0-44.188,35.812-80,80-80C300.188,176,336,211.812,336,256z"
+       id="path4156"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g4158" /><g
+     id="g4160" /><g
+     id="g4162" /><g
+     id="g4164" /><g
+     id="g4166" /><g
+     id="g4168" /><g
+     id="g4170" /><g
+     id="g4172" /><g
+     id="g4174" /><g
+     id="g4176" /><g
+     id="g4178" /><g
+     id="g4180" /><g
+     id="g4182" /><g
+     id="g4184" /><g
+     id="g4186" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_recording_active.svg b/skins/metrixhd/svgtemplates/icons/ico_recording_active.svg
new file mode 100644
index 0000000..1d36f03
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_recording_active.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_recording.svg"><metadata
+     id="metadata4192"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4190" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview4188"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-394.84746"
+     inkscape:cy="256"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g4152"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M256,0C114.609,0,0,114.609,0,256c0,141.391,114.609,256,256,256c141.391,0,256-114.609,256-256   C512,114.609,397.391,0,256,0z M256,472c-119.297,0-216-96.703-216-216S136.703,40,256,40s216,96.703,216,216S375.297,472,256,472z   "
+       id="path4154"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+       d="M336,256c0,44.188-35.812,80-80,80c-44.188,0-80-35.812-80-80c0-44.188,35.812-80,80-80C300.188,176,336,211.812,336,256z"
+       id="path4156"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g4158" /><g
+     id="g4160" /><g
+     id="g4162" /><g
+     id="g4164" /><g
+     id="g4166" /><g
+     id="g4168" /><g
+     id="g4170" /><g
+     id="g4172" /><g
+     id="g4174" /><g
+     id="g4176" /><g
+     id="g4178" /><g
+     id="g4180" /><g
+     id="g4182" /><g
+     id="g4184" /><g
+     id="g4186" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_remotetimer.svg b/skins/metrixhd/svgtemplates/icons/ico_remotetimer.svg
new file mode 100644
index 0000000..4e1f43a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_remotetimer.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 484.6 484.6"
+   style="enable-background:new 0 0 484.6 484.6;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_remotetimer.svg"><metadata
+     id="metadata59"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs57" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview55"
+     showgrid="false"
+     inkscape:zoom="0.48699958"
+     inkscape:cx="-13.347034"
+     inkscape:cy="242.3"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M297.2,396.6c-3.2,0-6.3,1.3-8.5,3.5s-3.5,5.3-3.5,8.5s1.3,6.3,3.5,8.5s5.3,3.5,8.5,3.5s6.3-1.3,8.5-3.5s3.5-5.3,3.5-8.5    s-1.3-6.3-3.5-8.5C303.5,397.9,300.4,396.6,297.2,396.6z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M242.3,396.6c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12C254.3,402,248.9,396.6,242.3,396.6z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M187.4,396.6c-3.2,0-6.3,1.3-8.5,3.5s-3.5,5.3-3.5,8.5c0,3.1,1.3,6.3,3.5,8.5s5.3,3.5,8.5,3.5s6.3-1.3,8.5-3.5    s3.5-5.3,3.5-8.5s-1.3-6.3-3.5-8.5C193.6,397.9,190.5,396.6,187.4,396.6z"
+         id="path11"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M187.4,341.7c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S194,341.7,187.4,341.7z"
+         id="path13"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M187.4,286.8c-3.2,0-6.3,1.3-8.5,3.5s-3.5,5.3-3.5,8.5s1.3,6.3,3.5,8.5s5.3,3.5,8.5,3.5s6.3-1.3,8.5-3.5s3.5-5.3,3.5-8.5    s-1.3-6.3-3.5-8.5C193.6,288.1,190.5,286.8,187.4,286.8z"
+         id="path15"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M242.3,286.8c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S248.9,286.8,242.3,286.8z"
+         id="path17"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M297.2,286.8c-3.2,0-6.3,1.3-8.5,3.5s-3.5,5.3-3.5,8.5s1.3,6.3,3.5,8.5s5.3,3.5,8.5,3.5s6.3-1.3,8.5-3.5s3.5-5.3,3.5-8.5    s-1.3-6.3-3.5-8.5C303.5,288.1,300.4,286.8,297.2,286.8z"
+         id="path19"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M297.2,341.7c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S303.8,341.7,297.2,341.7z"
+         id="path21"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M472.6,286.8h-42.9v-43.6c0-6.6-5.4-12-12-12H254.3v-33.4h42.9c6.6,0,12-5.4,12-12V76c0-6.6-5.4-12-12-12H187.4    c-6.6,0-12,5.4-12,12v109.8c0,6.6,5.4,12,12,12h42.9v33.4H66.9c-6.6,0-12,5.4-12,12v43.6H12c-6.6,0-12,5.4-12,12v109.8    c0,6.6,5.4,12,12,12h109.8c6.6,0,12-5.4,12-12V298.8c0-6.6-5.4-12-12-12H78.9v-31.6h326.8v31.6h-42.9c-6.6,0-12,5.4-12,12v109.8    c0,6.6,5.4,12,12,12h109.8c6.6,0,12-5.4,12-12V298.8C484.6,292.2,479.3,286.8,472.6,286.8z M109.8,310.8v85.8H24v-85.8H109.8z     M199.4,173.8V88h85.8v85.8H199.4z M460.6,396.6h-85.8v-85.8h85.8V396.6z"
+         id="path23"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_remotetimer_active.svg b/skins/metrixhd/svgtemplates/icons/ico_remotetimer_active.svg
new file mode 100644
index 0000000..cb25723
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_remotetimer_active.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 484.6 484.6"
+   style="enable-background:new 0 0 484.6 484.6;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_remotetimer.svg"><metadata
+     id="metadata59"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs57" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview55"
+     showgrid="false"
+     inkscape:zoom="0.48699958"
+     inkscape:cx="-13.347034"
+     inkscape:cy="242.3"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         d="M297.2,396.6c-3.2,0-6.3,1.3-8.5,3.5s-3.5,5.3-3.5,8.5s1.3,6.3,3.5,8.5s5.3,3.5,8.5,3.5s6.3-1.3,8.5-3.5s3.5-5.3,3.5-8.5    s-1.3-6.3-3.5-8.5C303.5,397.9,300.4,396.6,297.2,396.6z"
+         id="path7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M242.3,396.6c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12C254.3,402,248.9,396.6,242.3,396.6z"
+         id="path9"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M187.4,396.6c-3.2,0-6.3,1.3-8.5,3.5s-3.5,5.3-3.5,8.5c0,3.1,1.3,6.3,3.5,8.5s5.3,3.5,8.5,3.5s6.3-1.3,8.5-3.5    s3.5-5.3,3.5-8.5s-1.3-6.3-3.5-8.5C193.6,397.9,190.5,396.6,187.4,396.6z"
+         id="path11"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M187.4,341.7c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S194,341.7,187.4,341.7z"
+         id="path13"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M187.4,286.8c-3.2,0-6.3,1.3-8.5,3.5s-3.5,5.3-3.5,8.5s1.3,6.3,3.5,8.5s5.3,3.5,8.5,3.5s6.3-1.3,8.5-3.5s3.5-5.3,3.5-8.5    s-1.3-6.3-3.5-8.5C193.6,288.1,190.5,286.8,187.4,286.8z"
+         id="path15"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M242.3,286.8c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S248.9,286.8,242.3,286.8z"
+         id="path17"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M297.2,286.8c-3.2,0-6.3,1.3-8.5,3.5s-3.5,5.3-3.5,8.5s1.3,6.3,3.5,8.5s5.3,3.5,8.5,3.5s6.3-1.3,8.5-3.5s3.5-5.3,3.5-8.5    s-1.3-6.3-3.5-8.5C303.5,288.1,300.4,286.8,297.2,286.8z"
+         id="path19"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M297.2,341.7c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S303.8,341.7,297.2,341.7z"
+         id="path21"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M472.6,286.8h-42.9v-43.6c0-6.6-5.4-12-12-12H254.3v-33.4h42.9c6.6,0,12-5.4,12-12V76c0-6.6-5.4-12-12-12H187.4    c-6.6,0-12,5.4-12,12v109.8c0,6.6,5.4,12,12,12h42.9v33.4H66.9c-6.6,0-12,5.4-12,12v43.6H12c-6.6,0-12,5.4-12,12v109.8    c0,6.6,5.4,12,12,12h109.8c6.6,0,12-5.4,12-12V298.8c0-6.6-5.4-12-12-12H78.9v-31.6h326.8v31.6h-42.9c-6.6,0-12,5.4-12,12v109.8    c0,6.6,5.4,12,12,12h109.8c6.6,0,12-5.4,12-12V298.8C484.6,292.2,479.3,286.8,472.6,286.8z M109.8,310.8v85.8H24v-85.8H109.8z     M199.4,173.8V88h85.8v85.8H199.4z M460.6,396.6h-85.8v-85.8h85.8V396.6z"
+         id="path23"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_search.svg b/skins/metrixhd/svgtemplates/icons/ico_search.svg
new file mode 100644
index 0000000..e24b9db
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_search.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_search.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         style="fill:#{sdcol(icon)};fill-opacity:1"
+         d="M406.369,248.166c3.672,9.588,5.508,19.38,5.508,29.376s-1.836,19.788-5.508,29.376    s-9.384,18.258-17.136,26.01s-16.425,13.566-26.013,17.442s-19.479,5.812-29.682,5.812s-20.094-1.938-29.682-5.812    c-9.588-3.876-18.258-9.69-26.01-17.442c-7.752-7.752-13.566-16.422-17.442-26.01s-5.814-19.38-5.814-29.376    s1.938-19.788,5.814-29.376s9.69-18.258,17.442-26.01c7.752-7.752,16.422-13.464,26.01-17.136s19.482-5.508,29.682-5.508    s20.094,1.836,29.682,5.508s18.261,9.384,26.013,17.136C396.985,229.908,402.697,238.578,406.369,248.166z M612,306    c0,28.152-3.672,55.284-11.016,81.396c-7.347,26.109-17.646,50.487-30.906,73.134c-13.26,22.644-29.172,43.248-47.736,61.812    c-18.562,18.564-39.168,34.479-61.812,47.736c-22.646,13.26-47.022,23.562-73.136,30.906C361.284,608.328,334.152,612,306,612    s-55.284-3.672-81.396-11.016c-26.112-7.347-50.49-17.646-73.134-30.906s-43.248-29.172-61.812-47.736    c-18.564-18.562-34.476-39.168-47.736-61.812c-13.26-22.646-23.562-47.022-30.906-73.135C3.672,361.284,0,334.152,0,306    s3.672-55.284,11.016-81.396s17.646-50.49,30.906-73.134s29.172-43.248,47.736-61.812s39.168-34.476,61.812-47.736    s47.022-23.562,73.134-30.906S277.848,0,306,0c42.024,0,81.702,8.058,119.034,24.174s69.768,37.944,97.308,65.484    s49.368,59.976,65.484,97.308S612,263.976,612,306z M474.3,277.849c0-17.952-3.366-35.598-10.098-52.938    s-17.034-32.946-30.906-46.818c-13.872-13.872-29.478-24.174-46.818-30.906c-17.34-6.732-34.983-10.098-52.938-10.098    s-35.598,3.366-52.938,10.098s-32.946,17.034-46.818,30.906c-11.832,11.832-21.114,24.99-27.846,39.474    s-10.914,29.58-12.546,45.288s-0.714,31.314,2.754,46.818s9.486,29.988,18.054,43.452l-61.2,61.2    c-7.344,7.344-11.016,16.116-11.016,26.313c0,10.2,3.672,18.771,11.016,25.704c6.936,7.347,15.606,11.019,26.01,11.019    c10.404,0,19.074-3.672,26.01-11.019l63.648-63.646c13.464,6.936,27.438,11.628,41.922,14.076    c14.484,2.445,28.968,2.649,43.452,0.609s28.56-6.426,42.228-13.157s26.012-15.605,37.026-26.623    c13.872-13.869,24.174-29.478,30.906-46.815C470.933,313.447,474.3,295.801,474.3,277.849z"
+         id="path7" /></g></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_search_active.svg b/skins/metrixhd/svgtemplates/icons/ico_search_active.svg
new file mode 100644
index 0000000..147a862
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_search_active.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_search.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"
+         d="M406.369,248.166c3.672,9.588,5.508,19.38,5.508,29.376s-1.836,19.788-5.508,29.376    s-9.384,18.258-17.136,26.01s-16.425,13.566-26.013,17.442s-19.479,5.812-29.682,5.812s-20.094-1.938-29.682-5.812    c-9.588-3.876-18.258-9.69-26.01-17.442c-7.752-7.752-13.566-16.422-17.442-26.01s-5.814-19.38-5.814-29.376    s1.938-19.788,5.814-29.376s9.69-18.258,17.442-26.01c7.752-7.752,16.422-13.464,26.01-17.136s19.482-5.508,29.682-5.508    s20.094,1.836,29.682,5.508s18.261,9.384,26.013,17.136C396.985,229.908,402.697,238.578,406.369,248.166z M612,306    c0,28.152-3.672,55.284-11.016,81.396c-7.347,26.109-17.646,50.487-30.906,73.134c-13.26,22.644-29.172,43.248-47.736,61.812    c-18.562,18.564-39.168,34.479-61.812,47.736c-22.646,13.26-47.022,23.562-73.136,30.906C361.284,608.328,334.152,612,306,612    s-55.284-3.672-81.396-11.016c-26.112-7.347-50.49-17.646-73.134-30.906s-43.248-29.172-61.812-47.736    c-18.564-18.562-34.476-39.168-47.736-61.812c-13.26-22.646-23.562-47.022-30.906-73.135C3.672,361.284,0,334.152,0,306    s3.672-55.284,11.016-81.396s17.646-50.49,30.906-73.134s29.172-43.248,47.736-61.812s39.168-34.476,61.812-47.736    s47.022-23.562,73.134-30.906S277.848,0,306,0c42.024,0,81.702,8.058,119.034,24.174s69.768,37.944,97.308,65.484    s49.368,59.976,65.484,97.308S612,263.976,612,306z M474.3,277.849c0-17.952-3.366-35.598-10.098-52.938    s-17.034-32.946-30.906-46.818c-13.872-13.872-29.478-24.174-46.818-30.906c-17.34-6.732-34.983-10.098-52.938-10.098    s-35.598,3.366-52.938,10.098s-32.946,17.034-46.818,30.906c-11.832,11.832-21.114,24.99-27.846,39.474    s-10.914,29.58-12.546,45.288s-0.714,31.314,2.754,46.818s9.486,29.988,18.054,43.452l-61.2,61.2    c-7.344,7.344-11.016,16.116-11.016,26.313c0,10.2,3.672,18.771,11.016,25.704c6.936,7.347,15.606,11.019,26.01,11.019    c10.404,0,19.074-3.672,26.01-11.019l63.648-63.646c13.464,6.936,27.438,11.628,41.922,14.076    c14.484,2.445,28.968,2.649,43.452,0.609s28.56-6.426,42.228-13.157s26.012-15.605,37.026-26.623    c13.872-13.869,24.174-29.478,30.906-46.815C470.933,313.447,474.3,295.801,474.3,277.849z"
+         id="path7" /></g></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_search_selected.svg b/skins/metrixhd/svgtemplates/icons/ico_search_selected.svg
new file mode 100644
index 0000000..96dc7f9
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_search_selected.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_search.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconselected)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconselected)};fill-opacity:1"><path
+         style="fill:#{sdcol(iconselected)};fill-opacity:1"
+         d="M406.369,248.166c3.672,9.588,5.508,19.38,5.508,29.376s-1.836,19.788-5.508,29.376    s-9.384,18.258-17.136,26.01s-16.425,13.566-26.013,17.442s-19.479,5.812-29.682,5.812s-20.094-1.938-29.682-5.812    c-9.588-3.876-18.258-9.69-26.01-17.442c-7.752-7.752-13.566-16.422-17.442-26.01s-5.814-19.38-5.814-29.376    s1.938-19.788,5.814-29.376s9.69-18.258,17.442-26.01c7.752-7.752,16.422-13.464,26.01-17.136s19.482-5.508,29.682-5.508    s20.094,1.836,29.682,5.508s18.261,9.384,26.013,17.136C396.985,229.908,402.697,238.578,406.369,248.166z M612,306    c0,28.152-3.672,55.284-11.016,81.396c-7.347,26.109-17.646,50.487-30.906,73.134c-13.26,22.644-29.172,43.248-47.736,61.812    c-18.562,18.564-39.168,34.479-61.812,47.736c-22.646,13.26-47.022,23.562-73.136,30.906C361.284,608.328,334.152,612,306,612    s-55.284-3.672-81.396-11.016c-26.112-7.347-50.49-17.646-73.134-30.906s-43.248-29.172-61.812-47.736    c-18.564-18.562-34.476-39.168-47.736-61.812c-13.26-22.646-23.562-47.022-30.906-73.135C3.672,361.284,0,334.152,0,306    s3.672-55.284,11.016-81.396s17.646-50.49,30.906-73.134s29.172-43.248,47.736-61.812s39.168-34.476,61.812-47.736    s47.022-23.562,73.134-30.906S277.848,0,306,0c42.024,0,81.702,8.058,119.034,24.174s69.768,37.944,97.308,65.484    s49.368,59.976,65.484,97.308S612,263.976,612,306z M474.3,277.849c0-17.952-3.366-35.598-10.098-52.938    s-17.034-32.946-30.906-46.818c-13.872-13.872-29.478-24.174-46.818-30.906c-17.34-6.732-34.983-10.098-52.938-10.098    s-35.598,3.366-52.938,10.098s-32.946,17.034-46.818,30.906c-11.832,11.832-21.114,24.99-27.846,39.474    s-10.914,29.58-12.546,45.288s-0.714,31.314,2.754,46.818s9.486,29.988,18.054,43.452l-61.2,61.2    c-7.344,7.344-11.016,16.116-11.016,26.313c0,10.2,3.672,18.771,11.016,25.704c6.936,7.347,15.606,11.019,26.01,11.019    c10.404,0,19.074-3.672,26.01-11.019l63.648-63.646c13.464,6.936,27.438,11.628,41.922,14.076    c14.484,2.445,28.968,2.649,43.452,0.609s28.56-6.426,42.228-13.157s26.012-15.605,37.026-26.623    c13.872-13.869,24.174-29.478,30.906-46.815C470.933,313.447,474.3,295.801,474.3,277.849z"
+         id="path7" /></g></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_sort_name.svg b/skins/metrixhd/svgtemplates/icons/ico_sort_name.svg
new file mode 100644
index 0000000..add80a2
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_sort_name.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 512.00001 512.00001"
+   id="svg4150"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_sort_name.svg">
+  <defs
+     id="defs4152" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.0921209"
+     inkscape:cx="644.56867"
+     inkscape:cy="160.12472"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       position="379.07893,238.98454"
+       orientation="1,0"
+       id="guide4168" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4155">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-540.36216)">
+    <g
+       transform="matrix(1.3414174,0,0,1.3414174,1.524888,482.17291)"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot4698">
+      <path
+         d="m 166.18555,215.95616 -30.9375,0 -8.96485,-28.03711 -44.824216,0 -8.876953,28.03711 -30.761719,0 45.878907,-126.035154 33.662111,0 44.82422,126.035154 z M 119.7793,166.12218 106.24414,123.7589 q -1.49414,-4.7461 -2.10937,-11.33789 l -0.70313,0 q -0.43945,5.53711 -2.19726,10.98632 l -13.710943,42.71485 32.255863,0 z"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:180px;font-family:'Leelawadee UI';-inkscape-font-specification:'Leelawadee UI Bold';fill:#{sdcol(icon)}"
+         id="path4739"
+         inkscape:connector-curvature="0" />
+    </g>
+    <g
+       transform="matrix(0.79535826,0,0,0.79535826,60.087586,824.29987)"
+       style="font-style:normal;font-weight:normal;font-size:70.46768951px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot4698-3">
+      <path
+         d="m 183.63529,222.03369 -178.835833,0 0,-28.79954 113.804623,-152.513679 -105.598303,0 0,-40.72192683 170.319843,0 0,28.02535583 -111.327242,153.4427 111.636912,0 0,40.56709 z"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:317.10458374px;font-family:'Leelawadee UI';-inkscape-font-specification:'Leelawadee UI Bold';fill:#{sdcol(icon)};fill-opacity:1"
+         id="path4742"
+         inkscape:connector-curvature="0" />
+    </g>
+    <path
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:transform-center-y="31.930225"
+       d="m 473.05112,885.63534 -71.02268,123.01496 c -15.1909,26.9432 -27.82493,27.012 -44.15095,0 L 284.00802,880.70485 c -10.89066,-17.12199 -5.99226,-25.39733 10.04766,-25.39733 l 166.03382,0 c 21.43502,-0.25461 22.50281,13.8071 12.96124,30.33315 z"
+       id="path4153"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <rect
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4166"
+       width="83.18721"
+       height="277.97858"
+       x="337.64508"
+       y="603.1571"
+       ry="22.891239" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_sort_number.svg b/skins/metrixhd/svgtemplates/icons/ico_sort_number.svg
new file mode 100644
index 0000000..2e0717c
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_sort_number.svg
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 512.00001 512.00001"
+   id="svg4150"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_sort_number.svg">
+  <defs
+     id="defs4152" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.0921209"
+     inkscape:cx="644.56867"
+     inkscape:cy="160.12472"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       position="379.07893,238.98454"
+       orientation="1,0"
+       id="guide4168" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4155">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-540.36216)">
+    <path
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:transform-center-y="31.930225"
+       d="m 473.05112,885.63534 -71.02268,123.01496 c -15.1909,26.9432 -27.82493,27.012 -44.15095,0 L 284.00802,880.70485 c -10.89066,-17.12199 -5.99226,-25.39733 10.04766,-25.39733 l 166.03382,0 c 21.43502,-0.25461 22.50281,13.8071 12.96124,30.33315 z"
+       id="path4153"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <rect
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4166"
+       width="83.18721"
+       height="277.97858"
+       x="337.64508"
+       y="603.1571"
+       ry="22.891239" />
+    <g
+       style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:246.37945557px;line-height:125%;font-family:'Segoe UI';-inkscape-font-specification:'Segoe UI Heavy';letter-spacing:0px;word-spacing:0px;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4188">
+      <path
+         d="m 128.76845,778.58295 0,-124.15215 q -8.42118,4.9324 -17.44386,7.57905 -9.02269,2.52636 -20.451422,3.72938 l 0,-38.49679 q 16.240832,-2.76696 30.195922,-8.66178 14.07539,-6.01512 28.75229,-16.36113 l 30.19592,0 0,176.36342 -51.24885,0 z"
+         style=""
+         id="path4211" />
+    </g>
+    <g
+       style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:246.37945557px;line-height:125%;font-family:'Segoe UI';-inkscape-font-specification:'Segoe UI Heavy';letter-spacing:0px;word-spacing:0px;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4188-2">
+      <path
+         d="m 212.17544,901.60097 q 0,45.23373 -21.05293,70.85816 -21.05293,25.50412 -58.10609,25.50412 -22.73717,0 -39.579516,-6.73694 l 0,-39.57951 q 5.052704,3.60907 14.797206,6.25573 9.8648,2.52635 17.68446,2.52635 18.04537,0 27.54927,-9.9851 9.62419,-9.98511 9.8648,-29.35381 l -0.72182,0 q -11.30843,14.4363 -32.96287,14.4363 -12.87237,0 -23.69959,-6.61664 -10.706919,-6.73693 -16.842345,-18.64688 -6.015123,-12.03025 -6.015123,-27.42896 0,-19.00779 7.939963,-33.44409 8.060265,-14.43629 22.616865,-22.13565 14.6769,-7.69936 33.68469,-7.69936 19.7296,0 34.76741,10.22571 15.03781,10.22571 22.49657,28.39138 7.57905,18.16567 7.57905,43.42919 z M 161.4078,879.10441 q 0,-8.78208 -3.96998,-14.9175 -3.96998,-6.25573 -10.58662,-6.25573 -6.49633,0 -10.82722,5.29331 -4.21059,5.173 -4.21059,16.12053 0,10.22571 4.21059,15.51901 4.21058,5.29331 10.58662,5.29331 7.21814,0 10.94752,-5.77452 3.84968,-5.89482 3.84968,-15.27841 z"
+         style=""
+         id="path4214" />
+    </g>
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_sort_provider.svg b/skins/metrixhd/svgtemplates/icons/ico_sort_provider.svg
new file mode 100644
index 0000000..5e76e33
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_sort_provider.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 512.00001 512.00001"
+   id="svg4150"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_sort_provider.svg">
+  <defs
+     id="defs4152" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.2187075"
+     inkscape:cx="17.284826"
+     inkscape:cy="310.74955"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       position="379.07893,238.98454"
+       orientation="1,0"
+       id="guide4168" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4155">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-540.36216)">
+    <path
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:transform-center-y="31.930225"
+       d="m 473.05112,885.63534 -71.02268,123.01496 c -15.1909,26.9432 -27.82493,27.012 -44.15095,0 L 284.00802,880.70485 c -10.89066,-17.12199 -5.99226,-25.39733 10.04766,-25.39733 l 166.03382,0 c 21.43502,-0.25461 22.50281,13.8071 12.96124,30.33315 z"
+       id="path4153"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <rect
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4166"
+       width="83.18721"
+       height="277.97858"
+       x="337.64508"
+       y="603.1571"
+       ry="22.891239" />
+    <g
+       transform="matrix(5.530816,0,0,5.530816,17.261765,655.43091)"
+       id="g3"
+       style="fill:#{sdcol(icon)};fill-opacity:1">
+      <path
+         inkscape:connector-curvature="0"
+         d="M 40.98,29.354 28.06,16.418 30.956,13.525 c 1.508,0.48 3.221,0.142 4.417,-1.054 1.71,-1.708 1.711,-4.478 0.004,-6.188 C 33.67,4.573 30.9,4.572 29.189,6.279 27.994,7.474 27.652,9.186 28.129,10.695 L 25.233,13.588 12.316,0.654 C 11.862,0.198 11.232,-0.038 10.589,0.005 9.947,0.048 9.356,0.367 8.965,0.879 2.173,9.774 2.88,22.537 11.007,30.673 c 0.519,0.52 1.658,1.465 1.658,1.465 l 0,6.862 -2.124,0 C 9.649,39 8.844,39.532 8.492,40.353 L 6.809,44.279 C 6.645,44.661 6.684,45.099 6.913,45.446 7.143,45.792 7.53,46 7.945,46 l 15.252,0 c 0.415,0 0.803,-0.208 1.032,-0.555 0.229,-0.347 0.268,-0.785 0.104,-1.167 L 22.65,40.352 C 22.299,39.532 21.493,39 20.602,39 l -1.937,0 0,-3.317 c 7,2.911 15.687,1.933 22.134,-2.979 0.512,-0.39 0.807,-0.98 0.852,-1.623 0.042,-0.642 -0.215,-1.272 -0.671,-1.727 z"
+         id="path5"
+         style="fill:#{sdcol(icon)};fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_sort_time.svg b/skins/metrixhd/svgtemplates/icons/ico_sort_time.svg
new file mode 100644
index 0000000..6f83ce3
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_sort_time.svg
@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="512"
+   viewBox="0 0 512.00001 512.00001"
+   id="svg4150"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_sort_time.svg">
+  <defs
+     id="defs4152" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.0921209"
+     inkscape:cx="337.1778"
+     inkscape:cy="160.12472"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       position="379.07893,238.98454"
+       orientation="1,0"
+       id="guide4168" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4155">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-540.36216)">
+    <path
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:transform-center-y="31.930225"
+       d="m 473.05112,885.63534 -71.02268,123.01496 c -15.1909,26.9432 -27.82493,27.012 -44.15095,0 L 284.00802,880.70485 c -10.89066,-17.12199 -5.99226,-25.39733 10.04766,-25.39733 l 166.03382,0 c 21.43502,-0.25461 22.50281,13.8071 12.96124,30.33315 z"
+       id="path4153"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <rect
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4166"
+       width="83.18721"
+       height="277.97858"
+       x="337.64508"
+       y="603.1571"
+       ry="22.891239" />
+    <g
+       transform="matrix(5.4541096,0,0,5.4541096,8.6875343,674.64702)"
+       id="g3"
+       style="fill:#{sdcol(icon)};fill-opacity:1">
+      <g
+         id="g5"
+         style="fill:#{sdcol(icon)};fill-opacity:1">
+        <path
+           style="fill:#{sdcol(icon)};fill-opacity:1"
+           d="m 11.275,24.635 3.583,-1.717 0.054,0 0,14.909 4.283,0 0,-18.793 -3.672,0 -4.97,2.32 z"
+           id="polygon7"
+           inkscape:connector-curvature="0" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 33.013,26.854 c -1.326,-0.953 -3.146,-1.356 -4.938,-1.356 -0.463,0 -0.811,0.007 -1.215,0.064 l 0.404,-2.881 7.312,0 0,-3.646 -10.374,0 -1.24,9.86 c 0.781,-0.116 1.501,-0.168 2.541,-0.168 3.756,0 5.286,1.188 5.286,3.123 0,1.993 -1.937,2.86 -3.755,2.86 -1.704,0 -3.408,-0.52 -4.245,-0.923 l -0.781,3.293 c 1.041,0.548 2.948,1.068 5.229,1.068 5.055,0 8.06,-3.091 8.06,-6.585 -10e-4,-2.197 -0.867,-3.756 -2.284,-4.709 z"
+           id="path9"
+           style="fill:#{sdcol(icon)};fill-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 40.446,2.844 0,2.292 c 0,2.311 -1.896,4.223 -4.205,4.223 l -0.215,0 c -2.31,0 -4.225,-1.913 -4.225,-4.223 l 0,-2.596 -4.6,0 0,2.596 c 0,2.311 -1.914,4.223 -4.224,4.223 l -0.212,0 c -2.312,0 -4.208,-1.913 -4.208,-4.223 l 0,-2.596 -4.677,0 0,2.596 c 0,2.311 -1.853,4.223 -4.163,4.223 l -0.214,0 C 7.192,9.359 5.315,7.446 5.315,5.136 l 0,-2.257 C 2.619,3.764 0.716,6.286 0.716,9.258 l 0,29.886 c 0,3.711 2.997,6.691 6.708,6.691 l 30.997,0 c 3.711,0 6.699,-2.98 6.699,-6.691 l 0,-29.886 C 45.124,6.248 43.142,3.697 40.446,2.844 Z m 1.348,35.683 c 0,2.148 -1.727,3.898 -3.875,3.898 l -29.989,0 c -2.148,0 -3.881,-1.75 -3.881,-3.898 l 0,-21.232 c 0,-1.463 1.176,-2.624 2.64,-2.624 l 32.472,0 c 1.464,0 2.634,1.161 2.634,2.624 l -0.001,21.232 0,0 z"
+           id="path11"
+           style="fill:#{sdcol(icon)};fill-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 9.506,7.296 0.213,0 c 0.664,0 1.254,-0.28 1.655,-0.747 0.331,-0.384 0.525,-0.867 0.525,-1.414 l 0,0 0,-2.971 0,0 c 0,-0.6 -0.235,-1.144 -0.626,-1.54 C 11.269,0.621 11.269,0.616 11.266,0.613 11.263,0.61 11.262,0.625 11.26,0.622 10.863,0.229 10.32,0.002 9.718,0.002 l -0.213,0 C 8.902,0.002 8.358,0.229 7.961,0.622 7.96,0.625 7.958,0.619 7.955,0.621 7.951,0.625 7.942,0.624 7.939,0.626 7.547,1.023 7.3,1.562 7.3,2.163 l 0,0 0,2.973 0,0 c 0,0.546 0.206,1.03 0.537,1.414 0.402,0.468 1.004,0.746 1.669,0.746 z"
+           id="path13"
+           style="fill:#{sdcol(icon)};fill-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 21.515,6.947 c 0.004,0.002 0.015,0.005 0.018,0.007 0.006,0.004 0.018,-0.008 0.023,-0.004 0.347,0.229 0.764,0.347 1.211,0.347 l 0.001,0 0.212,0 0,0 c 0.376,0 0.729,-0.078 1.037,-0.245 0.004,-10e-4 0.006,0.006 0.01,0.004 0.006,-0.004 -0.002,-0.004 0.006,-0.009 0.672,-0.375 1.111,-1.088 1.111,-1.912 l 0,-2.972 C 25.144,1.45 24.818,0.816 24.29,0.415 24.285,0.412 24.289,0.408 24.285,0.405 l 0.004,0.017 C 23.924,0.148 23.474,0.003 22.981,0.003 l -0.213,0 c -0.567,0 -1.083,0.199 -1.472,0.552 -10e-4,0 -0.002,-0.007 -0.002,-0.007 -0.005,0.004 -0.024,0.004 -0.028,0.008 -0.435,0.401 -0.723,0.97 -0.723,1.608 l 0,2.974 c -10e-4,0.75 0.395,1.414 0.972,1.809 z"
+           id="path15"
+           style="fill:#{sdcol(icon)};fill-opacity:1" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 36.028,7.296 0.213,0 c 0.666,0 1.273,-0.28 1.678,-0.747 0.331,-0.384 0.547,-0.867 0.547,-1.414 l 0,0 0,-2.971 0,0 C 38.466,1.335 37.989,0.614 37.312,0.24 37.307,0.238 37.297,0.236 37.294,0.234 37.239,0.205 37.181,0.179 37.125,0.154 37.114,0.15 37.104,0.146 37.097,0.142 37.083,0.137 37.07,0.132 37.056,0.126 37.035,0.118 37.016,0.11 36.995,0.103 36.983,0.099 36.974,0.096 36.963,0.092 36.941,0.084 36.916,0.092 36.894,0.085 36.689,0.021 36.468,0.002 36.242,0.002 l -0.213,0 c -0.113,0 -0.209,-0.007 -0.318,0.009 -1.055,0.161 -1.846,1.055 -1.846,2.152 l 0,2.974 c -0.001,1.21 0.952,2.159 2.163,2.159 z"
+           id="path17"
+           style="fill:#{sdcol(icon)};fill-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_timer.svg b/skins/metrixhd/svgtemplates/icons/ico_timer.svg
new file mode 100644
index 0000000..9e5deef
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_timer.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   enable-background="new 0 0 512 512"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_timer.svg"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="852"
+     inkscape:window-height="480"
+     id="namedview5"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-124.74576"
+     inkscape:cy="256"
+     inkscape:window-x="555"
+     inkscape:window-y="210"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" /><path
+     d="M64,80V16c0-8.844,7.156-16,16-16s16,7.156,16,16v64c0,8.844-7.156,16-16,16S64,88.844,64,80z M336,96  c8.844,0,16-7.156,16-16V16c0-8.844-7.156-16-16-16s-16,7.156-16,16v64C320,88.844,327.156,96,336,96z M512,384  c0,70.688-57.313,128-128,128s-128-57.313-128-128s57.313-128,128-128S512,313.313,512,384z M480,384c0-52.938-43.063-96-96-96  s-96,43.063-96,96s43.063,96,96,96S480,436.938,480,384z M128,192H64v64h64V192z M64,352h64v-64H64V352z M160,256h64v-64h-64V256z   M160,352h64v-64h-64V352z M32,380.813V160h352v64h32V99.188C416,79.75,400.5,64,381.344,64H368v16c0,17.625-14.344,32-32,32  s-32-14.375-32-32V64H112v16c0,17.625-14.344,32-32,32S48,97.625,48,80V64H34.672C15.516,64,0,79.75,0,99.188v281.625  C0,400.188,15.516,416,34.672,416H224v-32H34.672C33.219,384,32,382.5,32,380.813z M320,256v-64h-64v64H320z M432,384h-48v-48  c0-8.844-7.156-16-16-16s-16,7.156-16,16v64c0,8.844,7.156,16,16,16h64c8.844,0,16-7.156,16-16S440.844,384,432,384z"
+     id="path3"
+     style="fill:#{sdcol(icon)};fill-opacity:1" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_timer_active.svg b/skins/metrixhd/svgtemplates/icons/ico_timer_active.svg
new file mode 100644
index 0000000..0e50d9e
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_timer_active.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   enable-background="new 0 0 512 512"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_timer.svg"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="852"
+     inkscape:window-height="480"
+     id="namedview5"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-124.74576"
+     inkscape:cy="256"
+     inkscape:window-x="555"
+     inkscape:window-y="210"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" /><path
+     d="M64,80V16c0-8.844,7.156-16,16-16s16,7.156,16,16v64c0,8.844-7.156,16-16,16S64,88.844,64,80z M336,96  c8.844,0,16-7.156,16-16V16c0-8.844-7.156-16-16-16s-16,7.156-16,16v64C320,88.844,327.156,96,336,96z M512,384  c0,70.688-57.313,128-128,128s-128-57.313-128-128s57.313-128,128-128S512,313.313,512,384z M480,384c0-52.938-43.063-96-96-96  s-96,43.063-96,96s43.063,96,96,96S480,436.938,480,384z M128,192H64v64h64V192z M64,352h64v-64H64V352z M160,256h64v-64h-64V256z   M160,352h64v-64h-64V352z M32,380.813V160h352v64h32V99.188C416,79.75,400.5,64,381.344,64H368v16c0,17.625-14.344,32-32,32  s-32-14.375-32-32V64H112v16c0,17.625-14.344,32-32,32S48,97.625,48,80V64H34.672C15.516,64,0,79.75,0,99.188v281.625  C0,400.188,15.516,416,34.672,416H224v-32H34.672C33.219,384,32,382.5,32,380.813z M320,256v-64h-64v64H320z M432,384h-48v-48  c0-8.844-7.156-16-16-16s-16,7.156-16,16v64c0,8.844,7.156,16,16,16h64c8.844,0,16-7.156,16-16S440.844,384,432,384z"
+     id="path3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/ico_yes.svg b/skins/metrixhd/svgtemplates/icons/ico_yes.svg
new file mode 100644
index 0000000..861f493
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_yes.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="300"
+   height="300"
+   viewBox="0 0 300 300"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_yes.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.5355056"
+     inkscape:cx="-136.28762"
+     inkscape:cy="198.44931"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-752.36216)">
+    <rect
+       transform="matrix(-0.65120426,-0.75890251,-0.68493152,0.72860745,0,0)"
+       ry="40"
+       rx="40"
+       y="510.26926"
+       x="-837.86523"
+       height="80"
+       width="235.69453"
+       id="rect4138"
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4140"
+       width="308.93185"
+       height="87.584869"
+       x="-710.79016"
+       y="585.94836"
+       rx="44.401775"
+       ry="44.401703"
+       transform="matrix(0.4917525,-0.87073502,0.74570331,0.66627815,0,0)" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/ico_yes_active.svg b/skins/metrixhd/svgtemplates/icons/ico_yes_active.svg
new file mode 100644
index 0000000..bced25a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/ico_yes_active.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="300"
+   height="300"
+   viewBox="0 0 300 300"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_yes.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.5355056"
+     inkscape:cx="-136.28762"
+     inkscape:cy="198.44931"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-752.36216)">
+    <rect
+       transform="matrix(-0.65120426,-0.75890251,-0.68493152,0.72860745,0,0)"
+       ry="40"
+       rx="40"
+       y="510.26926"
+       x="-837.86523"
+       height="80"
+       width="235.69453"
+       id="rect4138"
+       style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4140"
+       width="308.93185"
+       height="87.584869"
+       x="-710.79016"
+       y="585.94836"
+       rx="44.401775"
+       ry="44.401703"
+       transform="matrix(0.4917525,-0.87073502,0.74570331,0.66627815,0,0)" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/mute.svg b/skins/metrixhd/svgtemplates/icons/mute.svg
new file mode 100644
index 0000000..cdda393
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/mute.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="mute.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-14.101695"
+     inkscape:cy="256"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M461.253,256l25.375-25.375c12.496-12.492,12.496-32.758,0-45.25c-12.5-12.5-32.758-12.5-45.258,0l-25.371,25.371   l-25.371-25.371c-12.5-12.5-32.758-12.5-45.258,0c-12.496,12.492-12.496,32.758,0,45.25L370.745,256l-25.375,25.375   c-12.496,12.492-12.496,32.758,0,45.25c6.25,6.25,14.438,9.375,22.629,9.375s16.379-3.125,22.629-9.375l25.371-25.371   l25.371,25.371c6.25,6.25,14.438,9.375,22.629,9.375s16.379-3.125,22.629-9.375c12.496-12.492,12.496-32.758,0-45.25L461.253,256z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M287.999,0h-48l-144,160h-48C30.327,160,16,174.326,16,192v128c0,17.672,14.327,32,31.999,32h48l144,160h48   c8.836,0,16.001-7.164,16.001-16V16C304,7.164,296.835,0,287.999,0z"
+       id="path7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/partly-cloudy-day.svg b/skins/metrixhd/svgtemplates/icons/partly-cloudy-day.svg
new file mode 100644
index 0000000..85e2069
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/partly-cloudy-day.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="45.846px"
+   height="45.846px"
+   viewBox="0 0 45.846 45.846"
+   style="enable-background:new 0 0 45.846 45.846;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="partly-cloudy-day.svg"><metadata
+     id="metadata53"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs51" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview49"
+     showgrid="false"
+     inkscape:zoom="5.1476682"
+     inkscape:cx="-1.2627076"
+     inkscape:cy="22.923"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M16.047,22.231c0.338,0,0.675,0.018,1.01,0.053c1.081-2.263,3.016-4.02,5.338-4.896c-0.919-3.147-3.831-5.454-7.272-5.454    c-4.177,0-7.574,3.398-7.574,7.576c0,1.988,0.771,3.802,2.03,5.155C11.302,23.151,13.567,22.231,16.047,22.231z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M15.131,9.709c0.816,0,1.464-0.662,1.464-1.479V5.866c0-0.816-0.647-1.478-1.464-1.478c-0.817,0-1.465,0.661-1.465,1.478    V8.23C13.666,9.047,14.314,9.709,15.131,9.709z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M24.143,12.579l1.672-1.673c0.578-0.576,0.578-1.512,0-2.09c-0.576-0.576-1.512-0.576-2.09,0l-1.671,1.672    c-0.577,0.578-0.577,1.514,0,2.091C22.63,13.156,23.566,13.156,24.143,12.579z"
+         id="path11"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M3.843,18.026H1.478C0.661,18.026,0,18.673,0,19.49s0.66,1.465,1.478,1.465h2.365c0.816,0,1.478-0.648,1.478-1.465    S4.659,18.026,3.843,18.026z"
+         id="path13"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M8.191,10.488L6.519,8.817c-0.577-0.577-1.514-0.577-2.091,0c-0.577,0.577-0.577,1.513,0,2.089l1.673,1.673    c0.577,0.577,1.514,0.577,2.09,0C8.768,12.002,8.768,11.066,8.191,10.488z"
+         id="path15"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M37.415,23.931c-1.509,0-2.905,0.396-4.125,1.09c-0.128,0.072-0.271,0.109-0.415,0.109c-0.105,0-0.213-0.021-0.314-0.062    c-0.237-0.096-0.42-0.293-0.492-0.539c-0.812-2.727-3.326-4.712-6.315-4.712c-3.164,0-5.792,2.226-6.438,5.196    c-0.051,0.233-0.2,0.437-0.407,0.554c-0.129,0.072-0.273,0.109-0.417,0.109c-0.09,0-0.182-0.016-0.268-0.044    c-0.682-0.231-1.414-0.358-2.176-0.358c-3.715,0-6.725,2.975-6.725,6.641c0,7.363,5.188,9.545,9.396,9.545h18.09    c4.99,0,9.037-4.051,9.037-9.042C45.846,27.731,42.102,23.931,37.415,23.931z"
+         id="path17"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/partly-cloudy-night.svg b/skins/metrixhd/svgtemplates/icons/partly-cloudy-night.svg
new file mode 100644
index 0000000..9cf54ba
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/partly-cloudy-night.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 460.411 460.411"
+   style="enable-background:new 0 0 460.411 460.411;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="partly-cloudy-night.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.51258548"
+     inkscape:cx="-12.680812"
+     inkscape:cy="230.20551"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         style="fill:#{sdcol(icon)};fill-opacity:1"
+         d="M250.173,223.142c28.653,0,55.104,15.607,69.028,40.724l1.479,2.65l2.951-0.65    c50.584-11.161,96.007,27.897,96.007,76.986c0,43.504-35.392,78.904-78.888,78.904H78.888C35.384,421.755,0,386.355,0,342.851    c0-40.529,30.352-74.255,70.613-78.457l3.617-0.845v-3.65c0-43.504,35.392-78.904,78.896-78.904    c29.816,0,56.754,16.574,70.312,43.244l1.528,2.999l3.227-0.935 M403.974,283.22c-19.281-20.468-48.227-31.661-79.156-25.881    c-15.704-26.19-44.032-42.334-74.645-42.334c-1.634,0-3.268,0.211-4.91,0.301c-8.137-16.997-12.811-35.945-12.811-56.022    c0-53.177,31.929-100.494,80.416-120.628c-14.794,22.321-22.549,48.129-22.549,75.197c0,75.409,61.338,136.747,136.747,136.747    c11.274,0,22.443-1.382,33.343-4.113C444.95,263.776,425.482,276.189,403.974,283.22z"
+         id="path7" /></g></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/partly-more-cloudy-day.svg b/skins/metrixhd/svgtemplates/icons/partly-more-cloudy-day.svg
new file mode 100644
index 0000000..c211808
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/partly-more-cloudy-day.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 436.127 436.127"
+   style="enable-background:new 0 0 436.127 436.127;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="partly-more-cloudy-day.svg"><metadata
+     id="metadata39"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs37" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview35"
+     showgrid="false"
+     inkscape:zoom="0.54112676"
+     inkscape:cx="-12.011973"
+     inkscape:cy="218.06351"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><path
+     d="M350.359,191.016c-7.813-66.133-64.062-117.431-132.296-117.431S93.581,124.883,85.768,191.016  C38.402,191.016,0,229.414,0,276.779s38.397,85.763,85.763,85.763h264.601c47.366,0,85.763-38.397,85.763-85.763  S397.725,191.016,350.359,191.016z"
+     id="path3"
+     style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+     id="g5" /><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/rain.svg b/skins/metrixhd/svgtemplates/icons/rain.svg
new file mode 100644
index 0000000..1f0f1bf
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rain.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="514.8px"
+   height="514.8px"
+   viewBox="0 0 514.8 514.8"
+   style="enable-background:new 0 0 514.8 514.8;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="rain.svg"><metadata
+     id="metadata51"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs49" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview47"
+     showgrid="false"
+     inkscape:zoom="0.45843047"
+     inkscape:cx="-14.178813"
+     inkscape:cy="257.39999"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M405.962,47.612c-7.037,0-13.674,1.597-19.688,4.312c-12.021-23.963-36.749-40.459-65.389-40.459   c-18.628,0-35.582,7.019-48.501,18.484C250.658,11.398,221.961,0,190.396,0C123.573,0,69.344,50.614,67.967,113.517   c-25.054,11.628-42.458,36.93-42.458,66.354c0,34.004,23.228,62.52,54.669,70.724l338.579,2.324   c39.178-1.405,70.533-33.526,70.533-73.048c0-28.219-15.988-52.661-39.388-64.872c2.61-5.929,4.121-12.441,4.121-19.335   C454.024,69.127,432.508,47.612,405.962,47.612z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M141.818,372.364c8.501-16.438,9.524-91.36,9.524-91.36s-60.55,44.141-69.051,60.578   c-8.501,16.438-2.065,36.653,14.373,45.154C113.102,395.237,133.317,388.802,141.818,372.364z"
+       id="path7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M266.13,372.364c8.501-16.438,9.524-91.36,9.524-91.36s-60.55,44.141-69.051,60.578   c-8.501,16.438-2.065,36.653,14.372,45.154C237.414,395.237,257.629,388.802,266.13,372.364z"
+       id="path9"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M354.861,386.736c16.438,8.501,36.653,2.065,45.154-14.372c8.501-16.438,9.524-91.36,9.524-91.36   s-60.55,44.141-69.051,60.578C331.988,358.021,338.423,378.235,354.861,386.736z"
+       id="path11"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M125.361,511.049c16.438,8.501,36.653,2.065,45.154-14.372c8.501-16.438,9.524-91.36,9.524-91.36   s-60.549,44.141-69.051,60.578C102.487,482.333,108.923,502.548,125.361,511.049z"
+       id="path13"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M249.673,511.049c16.438,8.501,36.653,2.065,45.154-14.372c8.501-16.438,9.524-91.36,9.524-91.36   s-60.55,44.141-69.051,60.578C226.8,482.333,233.235,502.548,249.673,511.049z"
+       id="path15"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/rec_fwd_active.svg b/skins/metrixhd/svgtemplates/icons/rec_fwd_active.svg
new file mode 100644
index 0000000..aaf1ac2
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_fwd_active.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="forward.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="81.971356"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       sodipodi:nodetypes="ccccccc"
+       inkscape:connector-curvature="0"
+       id="path4140"
+       d="M 122.04262,116.80374 80.051444,141.46287 C 54.838813,156.62849 50.111076,164.76471 50.111076,129.75612 l 0,-59.187698 C 50.15615,34.309199 52.423577,42.296608 80.100325,58.549665 L 122.27663,83.31753 c 27.67449,16.619135 27.66605,16.619135 -0.23401,33.48621 z"
+       inkscape:transform-center-x="-16.759965"
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:transform-center-x="-16.759965"
+       d="m 142.04262,116.80374 -41.99118,24.65913 C 74.838813,156.62849 70.111076,164.76471 70.111076,129.75612 l 0,-59.187698 C 70.15615,34.309199 72.423577,42.296608 100.10032,58.549665 l 42.17631,24.767865 c 27.67449,16.619135 27.66605,16.619135 -0.23401,33.48621 z"
+       id="path4139"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_fwd_inactive.svg b/skins/metrixhd/svgtemplates/icons/rec_fwd_inactive.svg
new file mode 100644
index 0000000..dbcf4cd
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_fwd_inactive.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="forward.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="81.971356"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecinactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecinactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       sodipodi:nodetypes="ccccccc"
+       inkscape:connector-curvature="0"
+       id="path4140"
+       d="M 122.04262,116.80374 80.051444,141.46287 C 54.838813,156.62849 50.111076,164.76471 50.111076,129.75612 l 0,-59.187698 C 50.15615,34.309199 52.423577,42.296608 80.100325,58.549665 L 122.27663,83.31753 c 27.67449,16.619135 27.66605,16.619135 -0.23401,33.48621 z"
+       inkscape:transform-center-x="-16.759965"
+       style="opacity:1;fill:#{sdcol(iconrecinactive)};fill-opacity:{sdopac(iconrecinactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecinactive)};fill-opacity:{sdopac(iconrecinactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:transform-center-x="-16.759965"
+       d="m 142.04262,116.80374 -41.99118,24.65913 C 74.838813,156.62849 70.111076,164.76471 70.111076,129.75612 l 0,-59.187698 C 70.15615,34.309199 72.423577,42.296608 100.10032,58.549665 l 42.17631,24.767865 c 27.67449,16.619135 27.66605,16.619135 -0.23401,33.48621 z"
+       id="path4139"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_fwd_x1.svg b/skins/metrixhd/svgtemplates/icons/rec_fwd_x1.svg
new file mode 100644
index 0000000..7e66a54
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_fwd_x1.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="forward_1x.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.9626168"
+     inkscape:cx="100.5"
+     inkscape:cy="101"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 55.541016 44.847656 C 50.786168 44.529951 50.135274 51.305647 50.111328 70.568359 L 50.111328 129.75586 C 50.111328 164.76445 54.83815 156.62851 80.050781 141.46289 L 122.04297 116.80469 C 149.94303 99.937611 149.95183 99.937494 122.27734 83.318359 L 80.099609 58.548828 C 67.126134 50.930208 59.73647 45.127985 55.541016 44.847656 z M 73.75 63.697266 L 135.99219 99.632812 L 121.38477 108.06641 L 121.38477 115.45898 L 108.58008 115.45898 L 73.75 135.56836 L 73.75 63.697266 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4140" />
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 75.541016 44.847656 C 70.786168 44.529951 70.135274 51.305647 70.111328 70.568359 L 70.111328 129.75586 C 70.111328 164.76445 74.838155 156.62851 100.05078 141.46289 L 142.04297 116.80469 C 169.94303 99.937611 169.95183 99.937494 142.27734 83.318359 L 100.09961 58.548828 C 87.126135 50.930208 79.736469 45.127985 75.541016 44.847656 z M 88.169922 84.414062 L 93.072266 84.414062 L 93.072266 113.04688 L 84.751953 113.04688 L 84.751953 92.890625 C 83.8405 93.424479 82.896489 93.834635 81.919922 94.121094 C 80.943362 94.394531 79.836589 94.596354 78.599609 94.726562 L 78.599609 88.476562 C 80.357423 88.177083 81.99154 87.708333 83.501953 87.070312 C 85.025393 86.41927 86.581382 85.533854 88.169922 84.414062 z M 96.724609 93.046875 L 106.33398 93.046875 L 108.48242 97.695312 C 108.76888 98.229168 109.05534 98.958333 109.3418 99.882812 L 109.41992 99.882812 C 109.79753 98.75 110.06446 98.007813 110.2207 97.65625 L 112.25195 93.046875 L 121.33398 93.046875 L 114.84961 102.40234 L 121.29492 113.04688 L 111.72461 113.04688 L 109.57617 108.49609 C 109.32878 107.98828 109.04883 107.29167 108.73633 106.40625 L 108.6582 106.40625 C 108.38477 107.29167 108.20899 107.83853 108.13086 108.04688 C 108.05273 108.24218 107.29102 109.90884 105.8457 113.04688 L 96.333984 113.04688 L 102.97461 102.96875 L 96.724609 93.046875 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4139" />
+    <g
+       transform="translate(309.03773,101.49528)"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="flowRoot4145" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_fwd_x2.svg b/skins/metrixhd/svgtemplates/icons/rec_fwd_x2.svg
new file mode 100644
index 0000000..84a6550
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_fwd_x2.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="forward_2x.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="34.135622"
+     inkscape:cy="113.55464"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 55.541016 44.847656 C 50.786168 44.529951 50.135274 51.305647 50.111328 70.568359 L 50.111328 129.75586 C 50.111328 164.76445 54.83815 156.62851 80.050781 141.46289 L 122.04297 116.80469 C 133.98777 109.58342 140.8026 105.45484 142.53906 101.78906 L 71.251953 142.94727 L 71.251953 56.320312 L 141.99023 97.160156 C 139.62944 93.748354 133.06813 89.798464 122.27734 83.318359 L 80.099609 58.548828 C 67.126134 50.930208 59.73647 45.127985 55.541016 44.847656 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4140" />
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 75.541016 44.847656 C 70.786168 44.529951 70.135274 51.305647 70.111328 70.568359 L 70.111328 129.75586 C 70.111328 164.76445 74.838155 156.62851 100.05078 141.46289 L 142.04297 116.80469 C 169.94303 99.937611 169.95183 99.937494 142.27734 83.318359 L 100.09961 58.548828 C 87.126135 50.930208 79.736469 45.127985 75.541016 44.847656 z M 86.789062 84.988281 C 89.835937 84.988281 92.192708 85.710937 93.859375 87.15625 C 95.526042 88.601562 96.359375 90.639323 96.359375 93.269531 C 96.359375 95.287761 95.923177 97 95.050781 98.40625 C 94.178385 99.812499 92.557292 101.27734 90.1875 102.80078 C 88.377605 103.97265 87.173177 104.83203 86.574219 105.37891 C 85.988281 105.91276 85.688802 106.36849 85.675781 106.74609 L 96.613281 106.74609 L 96.613281 113.42578 L 76.886719 113.42578 L 76.886719 111.17969 C 76.886719 109.59115 77.082031 108.21094 77.472656 107.03906 C 77.863281 105.86719 78.47526 104.76693 79.308594 103.73828 C 80.154948 102.70963 81.619792 101.38802 83.703125 99.773438 C 85.1875 98.601563 86.170573 97.761719 86.652344 97.253906 C 87.147136 96.733073 87.511719 96.231771 87.746094 95.75 C 87.99349 95.268229 88.117188 94.747395 88.117188 94.1875 C 88.117188 92.325521 86.997396 91.394531 84.757812 91.394531 C 82.479167 91.394531 80.324219 92.221354 78.292969 93.875 L 78.292969 87.058594 C 79.842448 86.277344 81.28776 85.736979 82.628906 85.4375 C 83.983073 85.138021 85.369792 84.988281 86.789062 84.988281 z M 99.212891 92.839844 L 108.82227 92.839844 L 110.9707 97.488281 C 111.25716 98.022136 111.54362 98.751303 111.83008 99.675781 L 111.9082 99.675781 C 112.2858 98.542969 112.55273 97.800781 112.70898 97.449219 L 114.74023 92.839844 L 123.82227 92.839844 L 117.33789 102.19531 L 123.7832 112.83984 L 114.21289 112.83984 L 112.06445 108.28906 C 111.81705 107.78125 111.53711 107.08464 111.22461 106.19922 L 111.14648 106.19922 C 110.87304 107.08464 110.69726 107.63151 110.61914 107.83984 C 110.54101 108.03516 109.7793 109.70182 108.33398 112.83984 L 98.822266 112.83984 L 105.46289 102.76172 L 99.212891 92.839844 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4139" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4163" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4167" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_fwd_x3.svg b/skins/metrixhd/svgtemplates/icons/rec_fwd_x3.svg
new file mode 100644
index 0000000..b0ba640
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_fwd_x3.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="forward_3x.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="71.934656"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 55.541016 44.847656 C 50.786168 44.529951 50.135274 51.305647 50.111328 70.568359 L 50.111328 129.75586 C 50.111328 164.76445 54.83815 156.62851 80.050781 141.46289 L 122.04297 116.80469 C 133.98777 109.58342 140.8026 105.45484 142.53906 101.78906 L 71.251953 142.94727 L 71.251953 56.320312 L 141.99023 97.160156 C 139.62944 93.748354 133.06813 89.798464 122.27734 83.318359 L 80.099609 58.548828 C 67.126134 50.930208 59.73647 45.127985 55.541016 44.847656 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4140" />
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 75.541016 44.847656 C 70.786168 44.529951 70.135274 51.305647 70.111328 70.568359 L 70.111328 129.75586 C 70.111328 164.76445 74.838155 156.62851 100.05078 141.46289 L 142.04297 116.80469 C 169.94303 99.937611 169.95183 99.937494 142.27734 83.318359 L 100.09961 58.548828 C 87.126135 50.930208 79.736469 45.127985 75.541016 44.847656 z M 85.578125 85.242188 C 88.677084 85.242188 91.105469 85.873697 92.863281 87.136719 C 94.621093 88.399739 95.5 90.151042 95.5 92.390625 C 95.5 94.135416 95.024739 95.60026 94.074219 96.785156 C 93.136719 97.970052 91.815104 98.744792 90.109375 99.109375 L 90.109375 99.207031 C 91.997396 99.467448 93.488281 100.1901 94.582031 101.375 C 95.675781 102.54687 96.222656 103.99219 96.222656 105.71094 C 96.222656 108.40625 95.246094 110.49609 93.292969 111.98047 C 91.339844 113.46484 88.546875 114.20703 84.914062 114.20703 C 83.559896 114.20703 82.21875 114.08984 80.890625 113.85547 C 79.5625 113.63411 78.423177 113.33463 77.472656 112.95703 L 77.472656 106.43359 C 78.345052 106.95443 79.341145 107.36458 80.460938 107.66406 C 81.580729 107.96354 82.713542 108.11328 83.859375 108.11328 C 85.1875 108.11328 86.203125 107.87891 86.90625 107.41016 C 87.622396 106.92839 87.980469 106.2448 87.980469 105.35938 C 87.980469 104.46094 87.544271 103.75781 86.671875 103.25 C 85.79948 102.74219 84.582031 102.48828 83.019531 102.48828 L 80.324219 102.48828 L 80.324219 96.355469 L 82.707031 96.355469 C 84.282552 96.355469 85.441406 96.114584 86.183594 95.632812 C 86.938802 95.138021 87.316406 94.5 87.316406 93.71875 C 87.316406 92.976563 87.029948 92.390625 86.457031 91.960938 C 85.897135 91.53125 85.03125 91.316406 83.859375 91.316406 C 82.04948 91.316406 80.239584 91.83724 78.429688 92.878906 L 78.429688 86.648438 C 80.695312 85.710938 83.078125 85.242188 85.578125 85.242188 z M 99.505859 93.71875 L 109.11523 93.71875 L 111.26367 98.367188 C 111.55013 98.901042 111.83659 99.63021 112.12305 100.55469 L 112.20117 100.55469 C 112.57878 99.421876 112.84571 98.679688 113.00195 98.328125 L 115.0332 93.71875 L 124.11523 93.71875 L 117.63086 103.07422 L 124.07617 113.71875 L 114.50586 113.71875 L 112.35742 109.16797 C 112.11003 108.66016 111.83008 107.96355 111.51758 107.07812 L 111.43945 107.07812 C 111.16602 107.96354 110.99024 108.51042 110.91211 108.71875 C 110.83398 108.91406 110.07227 110.58073 108.62695 113.71875 L 99.115234 113.71875 L 105.75586 103.64062 L 99.505859 93.71875 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4139" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4152" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4148" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_pause_active.svg b/skins/metrixhd/svgtemplates/icons/rec_pause_active.svg
new file mode 100644
index 0000000..a97dd25
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_pause_active.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="pause.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="81.971356"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <rect
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#{sdcol(iconrecactive)};stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="rect4139"
+       width="35.803432"
+       height="106.82336"
+       x="55.411671"
+       y="46.753967"
+       ry="17.901716" />
+    <rect
+       ry="17.901716"
+       y="46.753967"
+       x="107.41167"
+       height="106.82336"
+       width="35.803432"
+       id="rect4141"
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#{sdcol(iconrecactive)};stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_pause_inactive.svg b/skins/metrixhd/svgtemplates/icons/rec_pause_inactive.svg
new file mode 100644
index 0000000..68f4271
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_pause_inactive.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="pause.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="81.971356"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecinactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecinactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <rect
+       style="opacity:1;fill:#{sdcol(iconrecinactive)};fill-opacity:{sdopac(iconrecinactive)};stroke:#{sdcol(iconrecinactive)};stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecinactive)}"
+       id="rect4139"
+       width="35.803432"
+       height="106.82336"
+       x="55.411671"
+       y="46.753967"
+       ry="17.901716" />
+    <rect
+       ry="17.901716"
+       y="46.753967"
+       x="107.41167"
+       height="106.82336"
+       width="35.803432"
+       id="rect4141"
+       style="opacity:1;fill:#{sdcol(iconrecinactive)};fill-opacity:{sdopac(iconrecinactive)};stroke:#{sdcol(iconrecinactive)};stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecinactive)}" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_play_active.svg b/skins/metrixhd/svgtemplates/icons/rec_play_active.svg
new file mode 100644
index 0000000..5d59e6c
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_play_active.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="play.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="129.80709"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       transform="matrix(0.99986425,0,0,1.0170016,0.0127107,-2.8139758)"
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#{sdcol(iconrecactive)};stroke-width:1.08403575;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       inkscape:transform-center-x="-16.759965"
+       d="m 132.04783,117.61802 -41.996872,24.2469 C 64.834904,156.77701 60.106525,164.77721 60.106525,130.35387 l 0,-58.198233 c 0.04508,-35.653064 2.312815,-27.799184 29.99332,-11.817835 l 42.182035,24.353811 c 27.67824,16.341307 27.6698,16.341307 -0.23405,32.926407 z"
+       id="path4139"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_play_inactive.svg b/skins/metrixhd/svgtemplates/icons/rec_play_inactive.svg
new file mode 100644
index 0000000..0078c3a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_play_inactive.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="play.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="129.80709"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecinactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecinactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       transform="matrix(0.99986425,0,0,1.0170016,0.0127107,-2.8139758)"
+       style="opacity:1;fill:#{sdcol(iconrecinactive)};fill-opacity:{sdopac(iconrecinactive)};stroke:#{sdcol(iconrecinactive)};stroke-width:1.08403575;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecinactive)}"
+       inkscape:transform-center-x="-16.759965"
+       d="m 132.04783,117.61802 -41.996872,24.2469 C 64.834904,156.77701 60.106525,164.77721 60.106525,130.35387 l 0,-58.198233 c 0.04508,-35.653064 2.312815,-27.799184 29.99332,-11.817835 l 42.182035,24.353811 c 27.67824,16.341307 27.6698,16.341307 -0.23405,32.926407 z"
+       id="path4139"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_rew_active.svg b/skins/metrixhd/svgtemplates/icons/rec_rew_active.svg
new file mode 100644
index 0000000..708157e
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_rew_active.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="back.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="34.135622"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:transform-center-x="16.759965"
+       d="m 77.068635,116.80374 41.991185,24.65913 c 25.21262,15.16562 29.94036,23.30184 29.94036,-11.70675 l 0,-59.187698 c -0.0451,-36.259223 -2.3125,-28.271814 -29.98924,-12.018757 L 76.834625,83.31753 c -27.67449,16.619135 -27.66605,16.619135 0.23401,33.48621 z"
+       id="path4139"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       sodipodi:nodetypes="ccccccc"
+       inkscape:connector-curvature="0"
+       id="path4140"
+       d="m 57.068635,116.80374 41.991175,24.65913 c 25.21263,15.16562 29.94037,23.30184 29.94037,-11.70675 l 0,-59.187698 C 128.95508,34.309199 126.68768,42.296608 99.01093,58.549665 L 56.834625,83.31753 c -27.67449,16.619135 -27.66605,16.619135 0.23401,33.48621 z"
+       inkscape:transform-center-x="16.759965"
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_rew_inactive.svg b/skins/metrixhd/svgtemplates/icons/rec_rew_inactive.svg
new file mode 100644
index 0000000..ee9d20f
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_rew_inactive.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="back.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="34.135622"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecinactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecinactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecinactive)};fill-opacity:{sdopac(iconrecinactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:transform-center-x="16.759965"
+       d="m 77.068635,116.80374 41.991185,24.65913 c 25.21262,15.16562 29.94036,23.30184 29.94036,-11.70675 l 0,-59.187698 c -0.0451,-36.259223 -2.3125,-28.271814 -29.98924,-12.018757 L 76.834625,83.31753 c -27.67449,16.619135 -27.66605,16.619135 0.23401,33.48621 z"
+       id="path4139"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccc" />
+    <path
+       sodipodi:nodetypes="ccccccc"
+       inkscape:connector-curvature="0"
+       id="path4140"
+       d="m 57.068635,116.80374 41.991175,24.65913 c 25.21263,15.16562 29.94037,23.30184 29.94037,-11.70675 l 0,-59.187698 C 128.95508,34.309199 126.68768,42.296608 99.01093,58.549665 L 56.834625,83.31753 c -27.67449,16.619135 -27.66605,16.619135 0.23401,33.48621 z"
+       inkscape:transform-center-x="16.759965"
+       style="opacity:1;fill:#{sdcol(iconrecinactive)};fill-opacity:{sdopac(iconrecinactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_rew_x1.svg b/skins/metrixhd/svgtemplates/icons/rec_rew_x1.svg
new file mode 100644
index 0000000..70450c1
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_rew_x1.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="back_1x.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="55.171442"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 143.57031 44.847656 C 139.37486 45.127985 131.98519 50.930208 119.01172 58.548828 L 76.833984 83.318359 C 63.756102 91.171913 56.869632 95.312576 56.177734 99.277344 L 125.22461 59.414062 L 125.22461 140.43945 L 56.179688 100.57422 C 56.846445 104.5702 63.791232 108.77796 77.068359 116.80469 L 119.06055 141.46289 C 144.27317 156.62851 149 164.76445 149 129.75586 L 149 70.568359 C 148.97604 51.305647 148.32516 44.529951 143.57031 44.847656 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4139" />
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 123.57031 44.847656 C 119.37486 45.127985 111.9852 50.930208 99.011719 58.548828 L 56.833984 83.318359 C 29.159494 99.937494 29.168299 99.937611 57.068359 116.80469 L 99.060547 141.46289 C 124.27318 156.62851 129 164.76445 129 129.75586 L 129 70.568359 C 128.97604 51.305647 128.32516 44.529951 123.57031 44.847656 z M 86.554688 85.673828 L 91.457031 85.673828 L 91.457031 114.30664 L 83.136719 114.30664 L 83.136719 94.150391 C 82.22526 94.684245 81.281249 95.094401 80.304688 95.380859 C 79.328125 95.654297 78.221354 95.856119 76.984375 95.986328 L 76.984375 89.736328 C 78.742188 89.436849 80.376302 88.968099 81.886719 88.330078 C 83.410156 87.679036 84.966145 86.793619 86.554688 85.673828 z M 94.810547 94.013672 L 104.41992 94.013672 L 106.56836 98.662109 C 106.85482 99.195964 107.14127 99.925132 107.42773 100.84961 L 107.50586 100.84961 C 107.88347 99.716799 108.15039 98.97461 108.30664 98.623047 L 110.33789 94.013672 L 119.41992 94.013672 L 112.93555 103.36914 L 119.38086 114.01367 L 109.81055 114.01367 L 107.66211 109.46289 C 107.41472 108.95508 107.13477 108.25847 106.82227 107.37305 L 106.74414 107.37305 C 106.47071 108.25847 106.29492 108.80534 106.2168 109.01367 C 106.13867 109.20899 105.37695 110.87565 103.93164 114.01367 L 94.419922 114.01367 L 101.06055 103.93555 L 94.810547 94.013672 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4140" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4151" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4155" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_rew_x2.svg b/skins/metrixhd/svgtemplates/icons/rec_rew_x2.svg
new file mode 100644
index 0000000..35fe8e9
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_rew_x2.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="back_2x.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="-13.700112"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 143.57031 44.847656 C 139.37486 45.127985 131.98519 50.930208 119.01172 58.548828 L 76.833984 83.318359 C 70.294759 87.245307 65.322166 90.237075 61.876953 92.75 L 126.35352 55.525391 L 126.35352 145.97656 C 145.17395 157.84229 149 161.05644 149 129.75586 L 149 70.568359 C 148.97604 51.305647 148.32516 44.529951 143.57031 44.847656 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4139" />
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 123.57031 44.847656 C 119.37486 45.127985 111.9852 50.930208 99.011719 58.548828 L 56.833984 83.318359 C 29.159494 99.937494 29.168299 99.937611 57.068359 116.80469 L 99.060547 141.46289 C 124.27318 156.62851 129 164.76445 129 129.75586 L 129 70.568359 C 128.97604 51.305647 128.32516 44.529951 123.57031 44.847656 z M 81.082031 85.869141 C 84.128907 85.869141 86.485677 86.591797 88.152344 88.037109 C 89.81901 89.482422 90.652344 91.520183 90.652344 94.150391 C 90.652344 96.16862 90.216146 97.880859 89.34375 99.287109 C 88.471354 100.69336 86.85026 102.15821 84.480469 103.68164 C 82.670573 104.85351 81.466145 105.71289 80.867188 106.25977 C 80.28125 106.79362 79.981771 107.24935 79.96875 107.62695 L 90.90625 107.62695 L 90.90625 114.30664 L 71.179688 114.30664 L 71.179688 112.06055 C 71.179688 110.47201 71.375 109.0918 71.765625 107.91992 C 72.15625 106.74805 72.768229 105.64779 73.601562 104.61914 C 74.447917 103.59049 75.91276 102.26888 77.996094 100.6543 C 79.480468 99.48242 80.463541 98.642578 80.945312 98.134766 C 81.440104 97.613932 81.804687 97.11263 82.039062 96.630859 C 82.286458 96.149089 82.410156 95.628255 82.410156 95.068359 C 82.410156 93.20638 81.290365 92.275391 79.050781 92.275391 C 76.772136 92.275391 74.617188 93.102213 72.585938 94.755859 L 72.585938 87.939453 C 74.135416 87.158203 75.580729 86.617839 76.921875 86.318359 C 78.276042 86.01888 79.662761 85.869141 81.082031 85.869141 z M 94.810547 94.013672 L 104.41992 94.013672 L 106.56836 98.662109 C 106.85482 99.195964 107.14127 99.925132 107.42773 100.84961 L 107.50586 100.84961 C 107.88347 99.716799 108.15039 98.97461 108.30664 98.623047 L 110.33789 94.013672 L 119.41992 94.013672 L 112.93555 103.36914 L 119.38086 114.01367 L 109.81055 114.01367 L 107.66211 109.46289 C 107.41472 108.95508 107.13477 108.25847 106.82227 107.37305 L 106.74414 107.37305 C 106.47071 108.25847 106.29492 108.80534 106.2168 109.01367 C 106.13867 109.20899 105.37695 110.87565 103.93164 114.01367 L 94.419922 114.01367 L 101.06055 103.93555 L 94.810547 94.013672 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4140" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4151" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4155" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/rec_rew_x3.svg b/skins/metrixhd/svgtemplates/icons/rec_rew_x3.svg
new file mode 100644
index 0000000..9767553
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/rec_rew_x3.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200"
+   height="200"
+   viewBox="0 0 199.99999 200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="back_3x.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.4074945"
+     inkscape:cx="34.135622"
+     inkscape:cy="90.076975"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Back"
+     style="display:inline" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36212)"
+     style="display:inline">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#{sdcol(iconrecactive)};stroke-width:13.55476284;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:{sdopac(iconrecactive)}"
+       id="path4684"
+       sodipodi:type="arc"
+       sodipodi:cx="100.01171"
+       sodipodi:cy="952.3623"
+       sodipodi:rx="90.867577"
+       sodipodi:ry="90.84462"
+       sodipodi:start="0.68837356"
+       sodipodi:end="0.68534999"
+       d="M 170.18695,1010.0743 A 90.867577,90.84462 0 0 1 42.338241,1022.5634 90.867577,90.84462 0 0 1 29.749283,894.75649 90.867577,90.84462 0 0 1 157.57896,882.0741 a 90.867577,90.84462 0 0 1 12.78221,127.7878"
+       sodipodi:open="true" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Ebene 2">
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 143.57031 44.847656 C 139.37486 45.127985 131.98519 50.930208 119.01172 58.548828 L 76.833984 83.318359 C 64.092463 90.969921 57.236965 95.096735 56.251953 98.970703 L 125.83594 57.751953 L 125.83594 145.25 L 63.642578 108.41211 C 66.998595 110.71157 71.459896 113.41407 77.068359 116.80469 L 119.06055 141.46289 C 144.27317 156.62851 149 164.76445 149 129.75586 L 149 70.568359 C 148.97604 51.305647 148.32516 44.529951 143.57031 44.847656 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4139" />
+    <path
+       style="opacity:1;fill:#{sdcol(iconrecactive)};fill-opacity:{sdopac(iconrecactive)};stroke:#cccccc;stroke-width:1.09313786;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 123.57031 44.847656 C 119.37486 45.127985 111.9852 50.930208 99.011719 58.548828 L 56.833984 83.318359 C 29.159494 99.937494 29.168299 99.937611 57.068359 116.80469 L 99.060547 141.46289 C 124.27318 156.62851 129 164.76445 129 129.75586 L 129 70.568359 C 128.97604 51.305647 128.32516 44.529951 123.57031 44.847656 z M 81.871094 85.830078 C 84.970052 85.830078 87.398437 86.461589 89.15625 87.724609 C 90.914063 88.98763 91.792969 90.738932 91.792969 92.978516 C 91.792969 94.723308 91.317708 96.188151 90.367188 97.373047 C 89.429688 98.557942 88.108073 99.332682 86.402344 99.697266 L 86.402344 99.794922 C 88.290364 100.05534 89.78125 100.778 90.875 101.96289 C 91.96875 103.13476 92.515625 104.58007 92.515625 106.29883 C 92.515625 108.99414 91.539062 111.08399 89.585938 112.56836 C 87.632812 114.05273 84.839844 114.79492 81.207031 114.79492 C 79.852865 114.79492 78.511718 114.67773 77.183594 114.44336 C 75.855468 114.22201 74.716146 113.92253 73.765625 113.54492 L 73.765625 107.02148 C 74.638021 107.54232 75.634115 107.95248 76.753906 108.25195 C 77.873698 108.55143 79.00651 108.70117 80.152344 108.70117 C 81.480468 108.70117 82.496093 108.46679 83.199219 107.99805 C 83.915365 107.51627 84.273438 106.83268 84.273438 105.94727 C 84.273438 105.04883 83.83724 104.3457 82.964844 103.83789 C 82.092448 103.33008 80.875 103.07617 79.3125 103.07617 L 76.617188 103.07617 L 76.617188 96.943359 L 79 96.943359 C 80.575521 96.943359 81.734374 96.702474 82.476562 96.220703 C 83.23177 95.725911 83.609375 95.087891 83.609375 94.306641 C 83.609375 93.564453 83.322917 92.978515 82.75 92.548828 C 82.190104 92.119141 81.324218 91.904297 80.152344 91.904297 C 78.342448 91.904297 76.532552 92.42513 74.722656 93.466797 L 74.722656 87.236328 C 76.988282 86.298828 79.371094 85.830078 81.871094 85.830078 z M 94.810547 94.013672 L 104.41992 94.013672 L 106.56836 98.662109 C 106.85482 99.195964 107.14127 99.925132 107.42773 100.84961 L 107.50586 100.84961 C 107.88347 99.716799 108.15039 98.97461 108.30664 98.623047 L 110.33789 94.013672 L 119.41992 94.013672 L 112.93555 103.36914 L 119.38086 114.01367 L 109.81055 114.01367 L 107.66211 109.46289 C 107.41472 108.95508 107.13477 108.25847 106.82227 107.37305 L 106.74414 107.37305 C 106.47071 108.25847 106.29492 108.80534 106.2168 109.01367 C 106.13867 109.20899 105.37695 110.87565 103.93164 114.01367 L 94.419922 114.01367 L 101.06055 103.93555 L 94.810547 94.013672 z "
+       transform="translate(-7.6293945e-6,0)"
+       id="path4140" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4151" />
+    <g
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4155" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/icons/sleet.svg b/skins/metrixhd/svgtemplates/icons/sleet.svg
new file mode 100644
index 0000000..ae8bdc7
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/sleet.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="67.093px"
+   height="67.094px"
+   viewBox="0 0 67.093 67.094"
+   style="enable-background:new 0 0 67.093 67.094;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="sleet.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="3.517453"
+     inkscape:cx="-1.8484277"
+     inkscape:cy="33.547001"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M12.4,46.243c1.946,0,3.524,1.578,3.524,3.524c0,1.945-1.578,3.523-3.524,3.523s-3.524-1.578-3.524-3.523   C8.876,47.821,10.454,46.243,12.4,46.243z M19.448,60.046c1.946,0,3.524,1.578,3.524,3.524c0,1.945-1.578,3.523-3.524,3.523   c-1.946,0-3.524-1.578-3.524-3.523C15.924,61.624,17.502,60.046,19.448,60.046z M30.021,49.768c1.946,0,3.524,1.578,3.524,3.523   c0,1.946-1.578,3.523-3.524,3.523c-1.946,0-3.524-1.577-3.524-3.523C26.497,51.346,28.075,49.768,30.021,49.768z M47.837,46.243   c1.946,0,3.524,1.578,3.524,3.524c0,1.945-1.578,3.523-3.524,3.523c-1.945,0-3.523-1.578-3.523-3.523   C44.314,47.821,45.892,46.243,47.837,46.243z M40.791,60.046c1.945,0,3.523,1.578,3.523,3.524c0,1.945-1.578,3.523-3.523,3.523   c-1.947,0-3.524-1.578-3.524-3.523C37.266,61.624,38.843,60.046,40.791,60.046z M47.975,0c-3.334,0-6.58,0.894-9.441,2.592   C36.239,0.914,33.454,0,30.6,0c-5.886,0-10.961,3.73-12.763,9.215c-1.24-0.369-2.519-0.555-3.82-0.555   C6.6,8.66,0.566,14.694,0.566,22.112c0,7.417,6.034,13.45,13.451,13.45c2.045,0,4.053-0.469,5.885-1.363   c1.95,5.193,6.926,8.707,12.575,8.707c4.644,0,8.922-2.385,11.379-6.279c1.373,0.317,2.754,0.477,4.119,0.477   c10.229,0,18.553-8.321,18.553-18.551S58.205,0,47.975,0z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/snow.svg b/skins/metrixhd/svgtemplates/icons/snow.svg
new file mode 100644
index 0000000..1f8ddb6
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/snow.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 349.027 349.027"
+   style="enable-background:new 0 0 349.027 349.027;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="snow.svg"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="0.67616544"
+     inkscape:cx="-9.613032"
+     inkscape:cy="174.5135"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><polygon
+       points="155.314,285.028 143.907,277.953 132.471,296.473 121.014,277.953 109.606,285.028 120.438,302.513    99.867,302.513 99.867,315.926 120.438,315.926 109.606,333.406 121.014,340.475 132.471,321.941 143.907,340.475 155.314,333.406    144.484,315.926 165.064,315.926 165.064,302.513 144.484,302.513  "
+       id="polygon5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><polygon
+       points="230.363,253.771 218.977,246.717 207.523,265.244 196.066,246.717 184.672,253.771 195.489,271.254    174.93,271.254 174.93,284.658 195.489,284.658 184.672,302.165 196.066,309.219 207.523,290.709 218.977,309.219 230.363,302.165    219.556,284.658 240.116,284.658 240.116,271.254 219.556,271.254  "
+       id="polygon7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M274.057,80.616c-10.97-28.288-38.415-48.313-70.557-48.313c-3.059,0-6.078,0.189-9.063,0.566   c-13.815-14.95-33.563-24.316-55.528-24.316c-40.891,0-74.202,32.471-75.585,73.041C27.408,87.49,0,118.65,0,156.268   c0,41.773,33.862,75.629,75.647,75.629h197.717c41.78,0,75.663-33.855,75.663-75.629   C349.027,114.711,315.526,80.994,274.057,80.616z"
+       id="path9"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/temperature.svg b/skins/metrixhd/svgtemplates/icons/temperature.svg
new file mode 100644
index 0000000..98cd244
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/temperature.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 250.189 250.189"
+   style="enable-background:new 0 0 250.189 250.189;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="temperature.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1100"
+     inkscape:window-height="815"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.94328689"
+     inkscape:cx="-192.94236"
+     inkscape:cy="125.0945"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M159.845,147.251V34.744C159.845,15.586,144.255,0,125.093,0c-19.159,0-34.746,15.586-34.746,34.744v112.506   c-14.234,10.843-22.617,27.59-22.617,45.575c0,31.631,25.732,57.364,57.363,57.364c31.633,0,57.367-25.733,57.367-57.364   C182.46,174.842,174.077,158.095,159.845,147.251z M125.093,235.189c-23.359,0-42.363-19.004-42.363-42.364   c0-14.294,7.188-27.537,19.228-35.425c2.115-1.386,3.39-3.745,3.39-6.273V34.744c0-10.887,8.858-19.744,19.746-19.744   c10.892,0,19.752,8.857,19.752,19.744v116.383c0,2.529,1.274,4.887,3.39,6.273c12.038,7.889,19.226,21.132,19.226,35.425   C167.46,216.185,148.454,235.189,125.093,235.189z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M132.595,169.042V69.924c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v99.118c-10.104,3.183-17.43,12.622-17.43,23.783   c0,13.767,11.16,24.931,24.93,24.931c13.773,0,24.932-11.164,24.932-24.931C150.026,181.663,142.7,172.223,132.595,169.042z"
+       id="path7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/thunder.svg b/skins/metrixhd/svgtemplates/icons/thunder.svg
new file mode 100644
index 0000000..b925c71
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/thunder.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 339.716 339.716"
+   style="enable-background:new 0 0 339.716 339.716;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="thunder.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.69469792"
+     inkscape:cx="-9.3565848"
+     inkscape:cy="169.858"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M237.228,250.389L199.4,239.924l29.289-45.899c1.347-2.111,1.571-4.542,0.613-6.667c-0.958-2.125-2.926-3.568-5.399-3.958   l-54.941-8.66c-0.425-0.067-0.862-0.101-1.299-0.101c-3.471,0-6.785,2.063-8.247,5.132l-32.251,67.731   c-0.968,2.032-1.011,4.346-0.119,6.348c0.892,2.003,2.642,3.518,4.8,4.157l46.611,13.804l-28.489,59.403   c-1.11,2.315-1.123,4.364-0.036,6.089c0.951,1.51,2.589,2.413,4.382,2.413h0c2.06,0,3.539-1.161,4.472-2.034l81.225-75.974   c1.905-1.782,2.704-4.223,2.137-6.527C241.582,252.876,239.742,251.084,237.228,250.389z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M286.373,95.61c1.955-6.747,2.943-13.723,2.943-20.809C289.315,33.556,255.76,0,214.515,0   c-17.158,0-33.92,5.958-47.198,16.776c-11.879,9.679-20.542,22.856-24.724,37.474c-27.749-2.719-52.919,14.938-60.632,40.706   c-4.268-0.994-8.632-1.497-13.033-1.497c-31.703,0-57.495,25.809-57.495,57.531c0,31.723,25.792,57.531,57.495,57.531h42.065   c0.232,0.016,0.558,0.03,0.964,0.03c3.173,0,14.041-0.989,20.669-13.719c2.508-4.818,5.453-10.736,8.301-16.459   c3.519-7.072,6.843-13.753,9.199-18.09c3.19-5.873,7.639-6.507,9.403-6.507c0.08,0,0.145,0.001,0.157,0l93.782,13.237   c0.516,0.33,6.392,0.995,6.637,1.83c0.266,0.904-0.21,2.314-1.337,3.971c-2.138,3.139-5.459,8.382-8.671,13.453   c-1.809,2.856-3.592,5.671-5.118,8.038c-2.561,3.973-1.705,7.135-0.966,8.665c2.213,4.59,8.175,5.408,9.348,5.525l17.427,0.025   c31.703,0,57.495-25.809,57.495-57.531C328.282,124.926,310.97,102.482,286.373,95.61z"
+       id="path7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/tvguideng.svg b/skins/metrixhd/svgtemplates/icons/tvguideng.svg
new file mode 100644
index 0000000..5ef1242
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/tvguideng.svg
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="45.896px"
+   height="45.896px"
+   viewBox="0 0 45.896 45.896"
+   style="enable-background:new 0 0 45.896 45.896;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="tvguideng.svg"><metadata
+     id="metadata81"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs79" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview77"
+     showgrid="false"
+     inkscape:zoom="5.1420603"
+     inkscape:cx="-35.394373"
+     inkscape:cy="22.948"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M45.305,6.401c-0.803-1.219-2.162-1.869-3.574-1.735L24.385,6.318c-0.468,0.045-0.906,0.171-1.306,0.364     c-0.076,0.037-0.16,0.037-0.236,0c-0.4-0.193-0.839-0.319-1.308-0.364L4.186,4.665C2.756,4.53,1.371,5.197,0.577,6.446     C0.157,7.107,0,7.9,0,8.681v27.09c0,1.982,1.488,3.619,3.462,3.809l17.349,1.651c0.122,0.012,0.242,0.018,0.362,0.018     c0.585,0,1.153-0.134,1.669-0.385c0.077-0.037,0.164-0.037,0.241,0c0.515,0.25,1.084,0.384,1.668,0.384     c0.12,0,0.242-0.006,0.362-0.018l17.336-1.651c1.973-0.189,3.447-1.826,3.447-3.809V8.59C45.896,7.82,45.729,7.043,45.305,6.401z      M4.074,35.276V9.071c0-0.175,0.151-0.313,0.326-0.296l16.271,1.55c0.153,0.014,0.27,0.143,0.27,0.296v26.203     c0,0.176-0.151,0.313-0.326,0.297l-16.272-1.55C4.19,35.557,4.074,35.429,4.074,35.276z M41.611,35.571l-16.271,1.55     c-0.175,0.017-0.326-0.121-0.326-0.297V10.622c0-0.153,0.117-0.282,0.27-0.296l16.271-1.551c0.176-0.017,0.326,0.121,0.326,0.296     v26.205C41.881,35.429,41.764,35.557,41.611,35.571z"
+           id="path9"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g11"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,28.989c-0.053,0-0.106-0.002-0.16-0.008L6.607,27.773c-0.824-0.087-1.421-0.826-1.333-1.649     c0.088-0.824,0.835-1.423,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.825,1.333,1.649     C19.561,28.418,18.91,28.989,18.153,28.989z"
+           id="path13"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g15"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,22.128c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.419,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,21.556,18.91,22.128,18.153,22.128z     "
+           id="path17"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g19"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,16.197c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.422,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,15.625,18.91,16.197,18.153,16.197z     "
+           id="path21"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g23"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,34.92c-0.053,0-0.106-0.002-0.16-0.008L6.607,33.704c-0.824-0.088-1.421-0.826-1.333-1.65     c0.087-0.824,0.835-1.419,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.826,1.333,1.65C19.561,34.348,18.91,34.92,18.153,34.92z"
+           id="path25"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g27"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,28.989c-0.756,0-1.407-0.571-1.489-1.342c-0.087-0.824,0.51-1.562,1.333-1.649l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.823-0.51,1.562-1.333,1.649L27.773,28.98     C27.721,28.987,27.667,28.989,27.613,28.989z"
+           id="path29"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g31"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,34.92c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.091,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.562-1.333,1.65l-11.386,1.208C27.721,34.917,27.667,34.92,27.613,34.92z     "
+           id="path33"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g35"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,17.267c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.092,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,17.264,27.667,17.267,27.613,17.267z"
+           id="path37"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g39"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,23.197c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,23.195,27.667,23.197,27.613,23.197z"
+           id="path41"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g43"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M10.946,22.342l-3.87-0.367c-0.858-0.081-1.515-0.802-1.515-1.665v-6.942c0-0.986,0.849-1.758,1.83-1.665l3.87,0.367     c0.859,0.081,1.515,0.802,1.515,1.665v6.942C12.775,21.663,11.927,22.435,10.946,22.342z"
+           id="path45"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /><g
+     id="g71" /><g
+     id="g73" /><g
+     id="g75" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/icons/volume.svg b/skins/metrixhd/svgtemplates/icons/volume.svg
new file mode 100644
index 0000000..168e5ff
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/icons/volume.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="volume.svg"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-14.101695"
+     inkscape:cy="256"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M277.549,0h-48l-144,160h-48c-17.672,0-32.375,14.326-32.375,32v128c0,17.672,14.703,32,32.375,32h48l144,160h48   c8.836,0,15.625-7.164,15.625-16V16C293.174,7.164,286.385,0,277.549,0z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M382.456,187.906c-11.109-13.727-31.297-15.891-44.961-4.844c-13.75,11.047-15.941,31.234-4.879,45   c11.77,14.625,11.77,41.25-0.008,55.883c-11.055,13.758-8.863,33.945,4.883,44.992c5.664,4.555,12.781,7.063,20.043,7.063   c9.762,0,18.859-4.352,24.953-11.938C413.182,285.898,413.182,226.102,382.456,187.906z"
+       id="path7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M459.936,138.578c-6.426-6.664-15.07-10.414-24.34-10.578c-9.477,0.141-18.035,3.297-24.684,9.727   c-13.738,13.266-14.133,35.25-0.867,49.023c36.879,38.18,36.879,100.313-0.016,138.508c-13.25,13.758-12.855,35.742,0.859,48.984   c6.484,6.297,15.043,9.758,24.098,9.758c9.352,0,18.441-3.852,24.949-10.578C522.456,308.672,522.456,203.32,459.936,138.578z"
+       id="path9"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Applikationen.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Applikationen.svg
new file mode 100644
index 0000000..584b9e4
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Applikationen.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 495.61 495.61" style="enable-background:new 0 0 495.61 495.61;" xml:space="preserve">
+<g>
+	<g>
+		<g fill="#{sdcol(icon)}" fill-opacity="1">
+			<path d="M441.899,0H53.754C24.224,0,0.043,24.202,0.043,53.754v388.102c0,29.574,24.181,53.754,53.711,53.754h388.102
+				c29.574,0,53.711-24.224,53.711-53.754V53.754C495.632,24.202,471.429,0,441.899,0z M427.921,44.414
+				c13.978,0,25.367,11.346,25.367,25.367s-11.325,25.367-25.367,25.367c-14.043,0-25.367-11.346-25.367-25.367
+				S413.922,44.414,427.921,44.414z M348.778,44.393c13.999,0,25.389,11.346,25.389,25.389S362.799,95.17,348.778,95.17
+				s-25.389-11.346-25.389-25.389S334.778,44.393,348.778,44.393z M454.971,449.514H40.747V131.56h414.224V449.514z"/>
+			<rect x="128.13" y="317.047" width="79.229" height="79.208"/>
+			<rect x="291.551" y="317.047" width="79.251" height="79.208"/>
+			<rect x="128.13" y="188.291" width="79.229" height="79.186"/>
+			<rect x="291.551" y="188.291" width="79.251" height="79.186"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Applikationen_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Applikationen_active.svg
new file mode 100644
index 0000000..a6f9423
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Applikationen_active.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 495.61 495.61" style="enable-background:new 0 0 495.61 495.61;" xml:space="preserve">
+<g>
+	<g>
+		<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+			<path d="M441.899,0H53.754C24.224,0,0.043,24.202,0.043,53.754v388.102c0,29.574,24.181,53.754,53.711,53.754h388.102
+				c29.574,0,53.711-24.224,53.711-53.754V53.754C495.632,24.202,471.429,0,441.899,0z M427.921,44.414
+				c13.978,0,25.367,11.346,25.367,25.367s-11.325,25.367-25.367,25.367c-14.043,0-25.367-11.346-25.367-25.367
+				S413.922,44.414,427.921,44.414z M348.778,44.393c13.999,0,25.389,11.346,25.389,25.389S362.799,95.17,348.778,95.17
+				s-25.389-11.346-25.389-25.389S334.778,44.393,348.778,44.393z M454.971,449.514H40.747V131.56h414.224V449.514z"/>
+			<rect x="128.13" y="317.047" width="79.229" height="79.208"/>
+			<rect x="291.551" y="317.047" width="79.251" height="79.208"/>
+			<rect x="128.13" y="188.291" width="79.229" height="79.186"/>
+			<rect x="291.551" y="188.291" width="79.251" height="79.186"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Aufnahmen-Liste aktualisieren.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Aufnahmen-Liste aktualisieren.svg
new file mode 100644
index 0000000..a18ad04
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Aufnahmen-Liste aktualisieren.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.529px" height="438.528px" viewBox="0 0 438.529 438.528" style="enable-background:new 0 0 438.529 438.528;"
+	 xml:space="preserve">
+<g>
+	<g fill="#{sdcol(icon)}" fill-opacity="1">
+		<path d="M433.109,23.694c-3.614-3.612-7.898-5.424-12.848-5.424c-4.948,0-9.226,1.812-12.847,5.424l-37.113,36.835
+			c-20.365-19.226-43.684-34.123-69.948-44.684C274.091,5.283,247.056,0.003,219.266,0.003c-52.344,0-98.022,15.843-137.042,47.536
+			C43.203,79.228,17.509,120.574,5.137,171.587v1.997c0,2.474,0.903,4.617,2.712,6.423c1.809,1.809,3.949,2.712,6.423,2.712h56.814
+			c4.189,0,7.042-2.19,8.566-6.565c7.993-19.032,13.035-30.166,15.131-33.403c13.322-21.698,31.023-38.734,53.103-51.106
+			c22.082-12.371,45.873-18.559,71.376-18.559c38.261,0,71.473,13.039,99.645,39.115l-39.406,39.397
+			c-3.607,3.617-5.421,7.902-5.421,12.851c0,4.948,1.813,9.231,5.421,12.847c3.621,3.617,7.905,5.424,12.854,5.424h127.906
+			c4.949,0,9.233-1.807,12.848-5.424c3.613-3.616,5.42-7.898,5.42-12.847V36.542C438.529,31.593,436.733,27.312,433.109,23.694z"/>
+		<path d="M422.253,255.813h-54.816c-4.188,0-7.043,2.187-8.562,6.566c-7.99,19.034-13.038,30.163-15.129,33.4
+			c-13.326,21.693-31.028,38.735-53.102,51.106c-22.083,12.375-45.874,18.556-71.378,18.556c-18.461,0-36.259-3.423-53.387-10.273
+			c-17.13-6.858-32.454-16.567-45.966-29.13l39.115-39.112c3.615-3.613,5.424-7.901,5.424-12.847c0-4.948-1.809-9.236-5.424-12.847
+			c-3.617-3.62-7.898-5.431-12.847-5.431H18.274c-4.952,0-9.235,1.811-12.851,5.431C1.807,264.844,0,269.132,0,274.08v127.907
+			c0,4.945,1.807,9.232,5.424,12.847c3.619,3.61,7.902,5.428,12.851,5.428c4.948,0,9.229-1.817,12.847-5.428l36.829-36.833
+			c20.367,19.41,43.542,34.355,69.523,44.823c25.981,10.472,52.866,15.701,80.653,15.701c52.155,0,97.643-15.845,136.471-47.534
+			c38.828-31.688,64.333-73.042,76.52-124.05c0.191-0.38,0.281-1.047,0.281-1.995c0-2.478-0.907-4.612-2.715-6.427
+			C426.874,256.72,424.731,255.813,422.253,255.813z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Aufnahmen-Liste aktualisieren_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Aufnahmen-Liste aktualisieren_active.svg
new file mode 100644
index 0000000..5f3a975
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Aufnahmen-Liste aktualisieren_active.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.529px" height="438.528px" viewBox="0 0 438.529 438.528" style="enable-background:new 0 0 438.529 438.528;"
+	 xml:space="preserve">
+<g>
+	<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+		<path d="M433.109,23.694c-3.614-3.612-7.898-5.424-12.848-5.424c-4.948,0-9.226,1.812-12.847,5.424l-37.113,36.835
+			c-20.365-19.226-43.684-34.123-69.948-44.684C274.091,5.283,247.056,0.003,219.266,0.003c-52.344,0-98.022,15.843-137.042,47.536
+			C43.203,79.228,17.509,120.574,5.137,171.587v1.997c0,2.474,0.903,4.617,2.712,6.423c1.809,1.809,3.949,2.712,6.423,2.712h56.814
+			c4.189,0,7.042-2.19,8.566-6.565c7.993-19.032,13.035-30.166,15.131-33.403c13.322-21.698,31.023-38.734,53.103-51.106
+			c22.082-12.371,45.873-18.559,71.376-18.559c38.261,0,71.473,13.039,99.645,39.115l-39.406,39.397
+			c-3.607,3.617-5.421,7.902-5.421,12.851c0,4.948,1.813,9.231,5.421,12.847c3.621,3.617,7.905,5.424,12.854,5.424h127.906
+			c4.949,0,9.233-1.807,12.848-5.424c3.613-3.616,5.42-7.898,5.42-12.847V36.542C438.529,31.593,436.733,27.312,433.109,23.694z"/>
+		<path d="M422.253,255.813h-54.816c-4.188,0-7.043,2.187-8.562,6.566c-7.99,19.034-13.038,30.163-15.129,33.4
+			c-13.326,21.693-31.028,38.735-53.102,51.106c-22.083,12.375-45.874,18.556-71.378,18.556c-18.461,0-36.259-3.423-53.387-10.273
+			c-17.13-6.858-32.454-16.567-45.966-29.13l39.115-39.112c3.615-3.613,5.424-7.901,5.424-12.847c0-4.948-1.809-9.236-5.424-12.847
+			c-3.617-3.62-7.898-5.431-12.847-5.431H18.274c-4.952,0-9.235,1.811-12.851,5.431C1.807,264.844,0,269.132,0,274.08v127.907
+			c0,4.945,1.807,9.232,5.424,12.847c3.619,3.61,7.902,5.428,12.851,5.428c4.948,0,9.229-1.817,12.847-5.428l36.829-36.833
+			c20.367,19.41,43.542,34.355,69.523,44.823c25.981,10.472,52.866,15.701,80.653,15.701c52.155,0,97.643-15.845,136.471-47.534
+			c38.828-31.688,64.333-73.042,76.52-124.05c0.191-0.38,0.281-1.047,0.281-1.995c0-2.478-0.907-4.612-2.715-6.427
+			C426.874,256.72,424.731,255.813,422.253,255.813z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Bereitschafts-Modus.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Bereitschafts-Modus.svg
new file mode 100644
index 0000000..a619cbf
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Bereitschafts-Modus.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.277px" height="438.277px" viewBox="0 0 438.277 438.277" style="enable-background:new 0 0 438.277 438.277;"
+	 xml:space="preserve">
+<g fill="#{sdcol(icon)}" fill-opacity="1">
+	<path d="M428.756,300.104c-0.664-3.81-2.334-7.047-4.996-9.713c-5.9-5.903-12.752-7.142-20.554-3.716
+		c-20.937,9.708-42.641,14.558-65.097,14.558c-28.171,0-54.152-6.94-77.943-20.838c-23.791-13.894-42.631-32.736-56.525-56.53
+		c-13.899-23.793-20.844-49.773-20.844-77.945c0-21.888,4.333-42.683,12.991-62.384c8.66-19.7,21.176-36.973,37.543-51.82
+		c6.283-5.898,7.713-12.752,4.287-20.557c-3.236-7.801-9.041-11.511-17.415-11.132c-29.121,1.141-56.72,7.664-82.797,19.556
+		C111.33,31.478,88.917,47.13,70.168,66.548c-18.747,19.414-33.595,42.399-44.54,68.95c-10.942,26.553-16.416,54.39-16.416,83.511
+		c0,29.694,5.806,58.054,17.416,85.082c11.613,27.028,27.218,50.344,46.824,69.949c19.604,19.599,42.92,35.207,69.951,46.822
+		c27.028,11.607,55.384,17.415,85.075,17.415c42.64,0,81.987-11.563,118.054-34.69c36.069-23.124,63.05-54.006,80.944-92.645
+		C429,307.519,429.427,303.906,428.756,300.104z M306.565,384.168c-24.646,11.711-50.676,17.562-78.087,17.562
+		c-24.743,0-48.39-4.853-70.947-14.558c-22.554-9.705-41.971-22.695-58.246-38.972c-16.271-16.272-29.259-35.686-38.97-58.241
+		c-9.707-22.556-14.561-46.203-14.561-70.948c0-40.922,12.135-77.466,36.403-109.636c24.266-32.165,55.531-53.959,93.788-65.379
+		c-19.795,31.405-29.694,65.379-29.694,101.926c0,34.644,8.564,66.715,25.697,96.223c17.128,29.499,40.446,52.811,69.95,69.948
+		c29.499,17.129,61.565,25.694,96.211,25.694c10.656,0,21.129-0.855,31.408-2.57C352.199,356.155,331.21,372.472,306.565,384.168z"
+		/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Bereitschafts-Modus_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Bereitschafts-Modus_active.svg
new file mode 100644
index 0000000..55e48fe
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Bereitschafts-Modus_active.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.277px" height="438.277px" viewBox="0 0 438.277 438.277" style="enable-background:new 0 0 438.277 438.277;"
+	 xml:space="preserve">
+<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<path d="M428.756,300.104c-0.664-3.81-2.334-7.047-4.996-9.713c-5.9-5.903-12.752-7.142-20.554-3.716
+		c-20.937,9.708-42.641,14.558-65.097,14.558c-28.171,0-54.152-6.94-77.943-20.838c-23.791-13.894-42.631-32.736-56.525-56.53
+		c-13.899-23.793-20.844-49.773-20.844-77.945c0-21.888,4.333-42.683,12.991-62.384c8.66-19.7,21.176-36.973,37.543-51.82
+		c6.283-5.898,7.713-12.752,4.287-20.557c-3.236-7.801-9.041-11.511-17.415-11.132c-29.121,1.141-56.72,7.664-82.797,19.556
+		C111.33,31.478,88.917,47.13,70.168,66.548c-18.747,19.414-33.595,42.399-44.54,68.95c-10.942,26.553-16.416,54.39-16.416,83.511
+		c0,29.694,5.806,58.054,17.416,85.082c11.613,27.028,27.218,50.344,46.824,69.949c19.604,19.599,42.92,35.207,69.951,46.822
+		c27.028,11.607,55.384,17.415,85.075,17.415c42.64,0,81.987-11.563,118.054-34.69c36.069-23.124,63.05-54.006,80.944-92.645
+		C429,307.519,429.427,303.906,428.756,300.104z M306.565,384.168c-24.646,11.711-50.676,17.562-78.087,17.562
+		c-24.743,0-48.39-4.853-70.947-14.558c-22.554-9.705-41.971-22.695-58.246-38.972c-16.271-16.272-29.259-35.686-38.97-58.241
+		c-9.707-22.556-14.561-46.203-14.561-70.948c0-40.922,12.135-77.466,36.403-109.636c24.266-32.165,55.531-53.959,93.788-65.379
+		c-19.795,31.405-29.694,65.379-29.694,101.926c0,34.644,8.564,66.715,25.697,96.223c17.128,29.499,40.446,52.811,69.95,69.948
+		c29.499,17.129,61.565,25.694,96.211,25.694c10.656,0,21.129-0.855,31.408-2.57C352.199,356.155,331.21,372.472,306.565,384.168z"
+		/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Dienstprogramme.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Dienstprogramme.svg
new file mode 100644
index 0000000..eda2ff0
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Dienstprogramme.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 502.664 502.664" style="enable-background:new 0 0 502.664 502.664;" xml:space="preserve">
+<g>
+	<g>
+		<g fill="#{sdcol(icon)}" fill-opacity="1">
+			<path d="M455.769,68.369h-23.426V48.825c-0.022-25.777-21.118-46.873-46.873-46.873H46.873
+				C21.118,1.952,0,23.048,0,48.825v338.597c0,25.756,21.118,46.895,46.873,46.895h23.447v19.543
+				c0,25.756,21.096,46.852,46.873,46.852h338.575c25.777,0,46.895-21.118,46.895-46.852V115.242
+				C502.664,89.465,481.546,68.369,455.769,68.369z M35.484,99.129h361.375v294.98H35.484V99.129z M105.805,460.482v-26.165H385.47
+				c25.734,0,46.873-21.118,46.873-46.895V165.523h34.837v294.937H105.805V460.482z"/>
+			<path d="M128.476,261.427c2.481,12.964,7.507,25.001,14.603,35.527l-25.216,25.238l25.777,25.734
+				l25.216-25.238c10.527,7.161,22.585,12.144,35.506,14.668v35.764h36.411v-35.764c12.964-2.502,24.979-7.507,35.506-14.668
+				l25.238,25.238l25.777-25.734l-25.238-25.238c7.14-10.527,12.144-22.585,14.603-35.527h35.808v-36.411h-35.786
+				c-2.438-12.986-7.463-25.044-14.603-35.57l25.238-25.216l-25.756-25.734l-25.238,25.216
+				c-10.527-7.14-22.563-12.123-35.506-14.625v-35.786h-36.433v35.786c-12.942,2.524-25.001,7.485-35.506,14.625l-25.238-25.216
+				l-25.777,25.734l25.216,25.216c-7.118,10.527-12.123,22.585-14.603,35.57H92.711v36.411
+				C92.711,261.427,128.476,261.427,128.476,261.427z M222.589,282.912c-21.937,0-39.733-17.753-39.733-39.69
+				s17.796-39.712,39.733-39.712c21.959,0,39.733,17.774,39.733,39.712C262.301,265.159,244.526,282.912,222.589,282.912z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Dienstprogramme_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Dienstprogramme_active.svg
new file mode 100644
index 0000000..7089551
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Dienstprogramme_active.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 502.664 502.664" style="enable-background:new 0 0 502.664 502.664;" xml:space="preserve">
+<g>
+	<g>
+		<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+			<path d="M455.769,68.369h-23.426V48.825c-0.022-25.777-21.118-46.873-46.873-46.873H46.873
+				C21.118,1.952,0,23.048,0,48.825v338.597c0,25.756,21.118,46.895,46.873,46.895h23.447v19.543
+				c0,25.756,21.096,46.852,46.873,46.852h338.575c25.777,0,46.895-21.118,46.895-46.852V115.242
+				C502.664,89.465,481.546,68.369,455.769,68.369z M35.484,99.129h361.375v294.98H35.484V99.129z M105.805,460.482v-26.165H385.47
+				c25.734,0,46.873-21.118,46.873-46.895V165.523h34.837v294.937H105.805V460.482z"/>
+			<path d="M128.476,261.427c2.481,12.964,7.507,25.001,14.603,35.527l-25.216,25.238l25.777,25.734
+				l25.216-25.238c10.527,7.161,22.585,12.144,35.506,14.668v35.764h36.411v-35.764c12.964-2.502,24.979-7.507,35.506-14.668
+				l25.238,25.238l25.777-25.734l-25.238-25.238c7.14-10.527,12.144-22.585,14.603-35.527h35.808v-36.411h-35.786
+				c-2.438-12.986-7.463-25.044-14.603-35.57l25.238-25.216l-25.756-25.734l-25.238,25.216
+				c-10.527-7.14-22.563-12.123-35.506-14.625v-35.786h-36.433v35.786c-12.942,2.524-25.001,7.485-35.506,14.625l-25.238-25.216
+				l-25.777,25.734l25.216,25.216c-7.118,10.527-12.123,22.585-14.603,35.57H92.711v36.411
+				C92.711,261.427,128.476,261.427,128.476,261.427z M222.589,282.912c-21.937,0-39.733-17.753-39.733-39.69
+				s17.796-39.712,39.733-39.712c21.959,0,39.733,17.774,39.733,39.712C262.301,265.159,244.526,282.912,222.589,282.912z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Erweiterungen.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Erweiterungen.svg
new file mode 100644
index 0000000..e536869
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Erweiterungen.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="429.7px"
+   height="429.7px"
+   viewBox="0 0 429.7 429.7"
+   style="enable-background:new 0 0 429.7 429.7;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Plugins.svg"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="0.54922037"
+     inkscape:cx="-331.37882"
+     inkscape:cy="214.85001"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M233.137,234.36L202.198,265.3l-37.799-37.8l30.939-30.938c6.856-6.855,6.856-18.012,0-24.867    c-6.855-6.856-18.011-6.856-24.867,0l-30.94,30.939l-15.539-15.538c-4.12-4.122-10.801-4.121-14.921,0L86.625,209.54    c-4.12,4.12-4.12,10.801,0,14.921l3.35,3.351l-50.72,50.718c-2.361,2.362-3.465,5.702-2.976,9.005l7.816,52.813L3.09,381.353    c-4.12,4.119-4.12,10.8,0,14.92l30.337,30.336c4.12,4.121,10.8,4.121,14.92,0l41.006-41.006l52.813,7.817    c3.303,0.488,6.644-0.614,9.004-2.977l50.719-50.719l3.35,3.35c4.12,4.119,10.801,4.119,14.921,0l22.445-22.447    c4.121-4.117,4.121-10.801,0-14.92l-15.539-15.539l30.939-30.939c6.855-6.856,6.855-18.012,0-24.868    C251.148,227.505,239.994,227.505,233.137,234.36z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M426.609,33.428L396.273,3.089c-4.119-4.118-10.801-4.118-14.92,0l-41.006,41.007l-52.814-7.817    c-3.303-0.488-6.643,0.615-9.004,2.978l-50.719,50.719l-3.35-3.351c-4.119-4.119-10.8-4.121-14.921,0l-22.446,22.446    c-4.12,4.12-4.12,10.8,0,14.921l118.613,118.613c4.119,4.119,10.801,4.119,14.922,0l22.445-22.447    c4.119-4.12,4.119-10.801,0-14.92l-3.35-3.35l50.719-50.72c2.361-2.36,3.465-5.699,2.977-9.004l-7.816-52.812l41.006-41.006    C430.73,44.227,430.73,37.545,426.609,33.428z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Erweiterungen_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Erweiterungen_active.svg
new file mode 100644
index 0000000..11f96dd
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Erweiterungen_active.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="429.7px"
+   height="429.7px"
+   viewBox="0 0 429.7 429.7"
+   style="enable-background:new 0 0 429.7 429.7;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Plugins.svg"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="0.54922037"
+     inkscape:cx="-331.37882"
+     inkscape:cy="214.85001"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         d="M233.137,234.36L202.198,265.3l-37.799-37.8l30.939-30.938c6.856-6.855,6.856-18.012,0-24.867    c-6.855-6.856-18.011-6.856-24.867,0l-30.94,30.939l-15.539-15.538c-4.12-4.122-10.801-4.121-14.921,0L86.625,209.54    c-4.12,4.12-4.12,10.801,0,14.921l3.35,3.351l-50.72,50.718c-2.361,2.362-3.465,5.702-2.976,9.005l7.816,52.813L3.09,381.353    c-4.12,4.119-4.12,10.8,0,14.92l30.337,30.336c4.12,4.121,10.8,4.121,14.92,0l41.006-41.006l52.813,7.817    c3.303,0.488,6.644-0.614,9.004-2.977l50.719-50.719l3.35,3.35c4.12,4.119,10.801,4.119,14.921,0l22.445-22.447    c4.121-4.117,4.121-10.801,0-14.92l-15.539-15.539l30.939-30.939c6.855-6.856,6.855-18.012,0-24.868    C251.148,227.505,239.994,227.505,233.137,234.36z"
+         id="path7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M426.609,33.428L396.273,3.089c-4.119-4.118-10.801-4.118-14.92,0l-41.006,41.007l-52.814-7.817    c-3.303-0.488-6.643,0.615-9.004,2.978l-50.719,50.719l-3.35-3.351c-4.119-4.119-10.8-4.121-14.921,0l-22.446,22.446    c-4.12,4.12-4.12,10.8,0,14.921l118.613,118.613c4.119,4.119,10.801,4.119,14.922,0l22.445-22.447    c4.119-4.12,4.119-10.801,0-14.92l-3.35-3.35l50.719-50.72c2.361-2.36,3.465-5.699,2.977-9.004l-7.816-52.812l41.006-41.006    C430.73,44.227,430.73,37.545,426.609,33.428z"
+         id="path9"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Informationen anzeigen.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Informationen anzeigen.svg
new file mode 100644
index 0000000..f54b4c2
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Informationen anzeigen.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="520" height="520" viewBox="0 0 26 26">
+    <path d="M13,1.188C6.477,1.188,1.188,6.477,1.188,13S6.477,24.813,13,24.813S24.813,19.523,24.813,13 S19.523,1.188,13,1.188z M15.459,19.495c-0.608,0.24-1.092,0.422-1.455,0.548c-0.362,0.126-0.783,0.189-1.262,0.189 c-0.736,0-1.309-0.18-1.717-0.539s-0.611-0.814-0.611-1.367c0-0.215,0.015-0.435,0.045-0.659c0.031-0.224,0.08-0.476,0.147-0.759 l0.761-2.688c0.067-0.258,0.125-0.503,0.171-0.731c0.046-0.23,0.068-0.441,0.068-0.633c0-0.342-0.071-0.582-0.212-0.717 c-0.143-0.135-0.412-0.201-0.813-0.201c-0.196,0-0.398,0.029-0.605,0.09c-0.205,0.063-0.383,0.12-0.529,0.176l0.201-0.828 c0.498-0.203,0.975-0.377,1.43-0.521c0.455-0.146,0.885-0.218,1.29-0.218c0.731,0,1.295,0.178,1.692,0.53 c0.395,0.353,0.594,0.812,0.594,1.376c0,0.117-0.014,0.323-0.041,0.617c-0.027,0.295-0.078,0.564-0.152,0.811l-0.757,2.68 c-0.062,0.215-0.117,0.461-0.167,0.736c-0.049,0.275-0.073,0.485-0.073,0.626c0,0.356,0.079,0.599,0.239,0.728 c0.158,0.129,0.435,0.194,0.827,0.194c0.185,0,0.392-0.033,0.626-0.097c0.232-0.064,0.4-0.121,0.506-0.17L15.459,19.495z M15.325,8.617c-0.353,0.328-0.778,0.492-1.275,0.492c-0.496,0-0.924-0.164-1.28-0.492c-0.354-0.328-0.533-0.727-0.533-1.193 c0-0.465,0.18-0.865,0.533-1.196c0.356-0.332,0.784-0.497,1.28-0.497c0.497,0,0.923,0.165,1.275,0.497 c0.353,0.331,0.53,0.731,0.53,1.196C15.855,7.891,15.678,8.289,15.325,8.617z" fill="#{sdcol(icon)}" fill-opacity="1" />
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Informationen anzeigen_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Informationen anzeigen_active.svg
new file mode 100644
index 0000000..dc1c260
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Informationen anzeigen_active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="520" height="520" viewBox="0 0 26 26">
+    <path d="M13,1.188C6.477,1.188,1.188,6.477,1.188,13S6.477,24.813,13,24.813S24.813,19.523,24.813,13 S19.523,1.188,13,1.188z M15.459,19.495c-0.608,0.24-1.092,0.422-1.455,0.548c-0.362,0.126-0.783,0.189-1.262,0.189 c-0.736,0-1.309-0.18-1.717-0.539s-0.611-0.814-0.611-1.367c0-0.215,0.015-0.435,0.045-0.659c0.031-0.224,0.08-0.476,0.147-0.759 l0.761-2.688c0.067-0.258,0.125-0.503,0.171-0.731c0.046-0.23,0.068-0.441,0.068-0.633c0-0.342-0.071-0.582-0.212-0.717 c-0.143-0.135-0.412-0.201-0.813-0.201c-0.196,0-0.398,0.029-0.605,0.09c-0.205,0.063-0.383,0.12-0.529,0.176l0.201-0.828 c0.498-0.203,0.975-0.377,1.43-0.521c0.455-0.146,0.885-0.218,1.29-0.218c0.731,0,1.295,0.178,1.692,0.53 c0.395,0.353,0.594,0.812,0.594,1.376c0,0.117-0.014,0.323-0.041,0.617c-0.027,0.295-0.078,0.564-0.152,0.811l-0.757,2.68 c-0.062,0.215-0.117,0.461-0.167,0.736c-0.049,0.275-0.073,0.485-0.073,0.626c0,0.356,0.079,0.599,0.239,0.728 c0.158,0.129,0.435,0.194,0.827,0.194c0.185,0,0.392-0.033,0.626-0.097c0.232-0.064,0.4-0.121,0.506-0.17L15.459,19.495z M15.325,8.617c-0.353,0.328-0.778,0.492-1.275,0.492c-0.496,0-0.924-0.164-1.28-0.492c-0.354-0.328-0.533-0.727-0.533-1.193 c0-0.465,0.18-0.865,0.533-1.196c0.356-0.332,0.784-0.497,1.28-0.497c0.497,0,0.923,0.165,1.275,0.497 c0.353,0.331,0.53,0.731,0.53,1.196C15.855,7.891,15.678,8.289,15.325,8.617z" fill="#{sdcol(iconactive)}" fill-opacity="1" />
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Internet.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Internet.svg
new file mode 100644
index 0000000..ab35935
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Internet.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 502.673 502.673" style="enable-background:new 0 0 502.673 502.673;" xml:space="preserve">
+<g>
+	<g>
+		<g fill="#{sdcol(icon)}" fill-opacity="1">
+			<path d="M501.176,174.032l-11.885,26.359c0,0-5.242-48.793-13.18-75.217
+				c-7.938-26.359-25.022-43.508-25.022-43.508l7.873,35.613c0,0-27.632-33.758-54.143-45.989c-4.142-1.92-8.283-3.775-12.382-5.587
+				c-34.858-31.127-80.718-50.195-131.15-50.195c-71.378,0-133.696,38.008-168.338,94.782c-1.726-1.057-11.605-7.356-16.415-19.371
+				c-5.285-13.201-7.96-27.697-7.96-27.697c-32.939,31.644-25.065,84.385-25.065,84.385s-13.18,13.201-26.338,34.319
+				C3.991,203.023,0,241.247,0,241.247l22.434-23.685c0,0-5.263,10.505-9.211,30.307c-3.969,19.802-2.675,51.468-2.675,51.468
+				l11.886-25.108c0,0,0,80.481,76.512,151.664c76.468,71.205,213.594,91.05,317.802,1.337S501.176,174.032,501.176,174.032z
+				 M261.287,41.393c40.747,0,78.086,14.258,107.487,37.965l-37.749,6.277c0,0,38.202,11.885,67.236,34.298
+				c7.248,5.608,13.158,12.619,17.99,19.975c6.363,13.525,11.023,27.999,13.676,43.206l-18.443-14.388c0,0,6.558,7.916,7.895,29.013
+				c1.337,21.096-5.306,59.341-5.306,59.341l-17.084-19.78c0,0,3.947,32.982-2.653,62.016c-6.601,28.948-21.096,40.79-21.096,40.79
+				l2.589-34.254c0,0-19.759,43.573-75.153,60.657c-55.351,17.149-108.091-31.623-108.091-31.623
+				c35.592,9.211,57.982-9.254,76.49-18.465c18.443-9.254,27.654-10.57,35.592-10.57c7.895,0,0-18.443-14.539-26.381
+				c-14.496-7.873-31.623-3.947-65.92,5.306c-34.319,9.232-55.437-19.802-54.056-39.539c1.273-19.845,32.96-7.96,32.96-7.96
+				l-1.294-39.539c0,0,52.719-32.939,48.772-40.898c-3.926-7.916-22.39-5.22-38.245-10.548c-15.79-5.242-25.022-19.78-25.022-19.78
+				s-2.653-10.548,2.61-19.716c5.242-9.254,23.706-22.498,23.706-22.498s-11.842-1.294-31.623,5.285
+				c-19.78,6.601-34.298,18.465-34.298,18.465s-3.883-1.208-20.018-2.524C159.106,66.459,207.252,41.393,261.287,41.393z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Internet_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Internet_active.svg
new file mode 100644
index 0000000..87d53bc
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Internet_active.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 502.673 502.673" style="enable-background:new 0 0 502.673 502.673;" xml:space="preserve">
+<g>
+	<g>
+		<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+			<path d="M501.176,174.032l-11.885,26.359c0,0-5.242-48.793-13.18-75.217
+				c-7.938-26.359-25.022-43.508-25.022-43.508l7.873,35.613c0,0-27.632-33.758-54.143-45.989c-4.142-1.92-8.283-3.775-12.382-5.587
+				c-34.858-31.127-80.718-50.195-131.15-50.195c-71.378,0-133.696,38.008-168.338,94.782c-1.726-1.057-11.605-7.356-16.415-19.371
+				c-5.285-13.201-7.96-27.697-7.96-27.697c-32.939,31.644-25.065,84.385-25.065,84.385s-13.18,13.201-26.338,34.319
+				C3.991,203.023,0,241.247,0,241.247l22.434-23.685c0,0-5.263,10.505-9.211,30.307c-3.969,19.802-2.675,51.468-2.675,51.468
+				l11.886-25.108c0,0,0,80.481,76.512,151.664c76.468,71.205,213.594,91.05,317.802,1.337S501.176,174.032,501.176,174.032z
+				 M261.287,41.393c40.747,0,78.086,14.258,107.487,37.965l-37.749,6.277c0,0,38.202,11.885,67.236,34.298
+				c7.248,5.608,13.158,12.619,17.99,19.975c6.363,13.525,11.023,27.999,13.676,43.206l-18.443-14.388c0,0,6.558,7.916,7.895,29.013
+				c1.337,21.096-5.306,59.341-5.306,59.341l-17.084-19.78c0,0,3.947,32.982-2.653,62.016c-6.601,28.948-21.096,40.79-21.096,40.79
+				l2.589-34.254c0,0-19.759,43.573-75.153,60.657c-55.351,17.149-108.091-31.623-108.091-31.623
+				c35.592,9.211,57.982-9.254,76.49-18.465c18.443-9.254,27.654-10.57,35.592-10.57c7.895,0,0-18.443-14.539-26.381
+				c-14.496-7.873-31.623-3.947-65.92,5.306c-34.319,9.232-55.437-19.802-54.056-39.539c1.273-19.845,32.96-7.96,32.96-7.96
+				l-1.294-39.539c0,0,52.719-32.939,48.772-40.898c-3.926-7.916-22.39-5.22-38.245-10.548c-15.79-5.242-25.022-19.78-25.022-19.78
+				s-2.653-10.548,2.61-19.716c5.242-9.254,23.706-22.498,23.706-22.498s-11.842-1.294-31.623,5.285
+				c-19.78,6.601-34.298,18.465-34.298,18.465s-3.883-1.208-20.018-2.524C159.106,66.459,207.252,41.393,261.287,41.393z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Media DB.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Media DB.svg
new file mode 100644
index 0000000..6303f2b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Media DB.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 467.59 467.59" style="enable-background:new 0 0 467.59 467.59;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(icon)}" fill-opacity="1">
+		<g>
+			<path d="M276.43,200.738c6.903-2.632,13.115-5.457,18.572-8.52c0-13.266,0-28.754,0-28.754h25.281
+				c0.108-0.863,0.367-1.726,0.367-2.588V76.123c-0.022-31.968-71.788-57.896-160.314-57.896C71.788,18.227,0,44.155,0,76.123
+				v84.752c0,31.989,71.788,57.918,160.336,57.918c21.441,0,41.847-1.553,60.528-4.293l34.664-34.6
+				C255.527,179.857,266.96,191.268,276.43,200.738z M32.205,76.102c0-25.583,57.357-46.269,128.13-46.269
+				c70.752,0,128.087,20.686,128.087,46.269c-0.022,25.583-57.357,46.291-128.087,46.291
+				C89.562,122.371,32.205,101.663,32.205,76.102z"/>
+			<path d="M225.76,276.861c1.035-2.826,2.2-5.608,3.43-8.326c-5.436-5.457-19.651-19.673-26.856-26.877
+				c-13.417,1.316-27.46,2.071-42.02,2.071c-84.665,0-153.843-23.749-159.732-53.754C0.324,191.311,0,192.692,0,194.094v84.773
+				c0,31.946,71.788,57.896,160.336,57.896c7.226,0,14.301-0.237,21.29-0.561v-59.32
+				C181.626,276.861,215.276,276.861,225.76,276.861z"/>
+			<path d="M467.59,336.008v-36.972h-36.347c-2.481-13.18-7.615-25.41-14.841-36.088l25.626-25.626
+				L415.885,211.2l-25.626,25.626c-10.699-7.291-22.908-12.338-36.109-14.884v-36.325h-36.951v36.304
+				c-13.137,2.588-25.367,7.636-36.045,14.884l-25.626-25.626L229.341,237.3l25.626,25.626
+				c-7.226,10.678-12.338,22.908-14.841,36.088h-36.304v36.972h36.325c2.524,13.115,7.614,25.41,14.841,36.088l-25.626,25.605
+				l26.187,26.144l25.626-25.626c10.678,7.248,22.908,12.339,36.045,14.884v36.282h36.951V413.08
+				c13.137-2.524,25.41-7.636,36.109-14.862l25.626,25.605l26.165-26.144l-25.626-25.605c7.248-10.678,12.339-22.93,14.841-36.088
+				L467.59,336.008L467.59,336.008z M335.685,357.838c-22.239,0-40.316-18.055-40.316-40.337c0-22.261,18.076-40.294,40.316-40.294
+				c22.261,0,40.359,18.033,40.359,40.294C376.043,339.783,357.967,357.838,335.685,357.838z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Media DB_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Media DB_active.svg
new file mode 100644
index 0000000..e1e5996
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Media DB_active.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 467.59 467.59" style="enable-background:new 0 0 467.59 467.59;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+		<g>
+			<path d="M276.43,200.738c6.903-2.632,13.115-5.457,18.572-8.52c0-13.266,0-28.754,0-28.754h25.281
+				c0.108-0.863,0.367-1.726,0.367-2.588V76.123c-0.022-31.968-71.788-57.896-160.314-57.896C71.788,18.227,0,44.155,0,76.123
+				v84.752c0,31.989,71.788,57.918,160.336,57.918c21.441,0,41.847-1.553,60.528-4.293l34.664-34.6
+				C255.527,179.857,266.96,191.268,276.43,200.738z M32.205,76.102c0-25.583,57.357-46.269,128.13-46.269
+				c70.752,0,128.087,20.686,128.087,46.269c-0.022,25.583-57.357,46.291-128.087,46.291
+				C89.562,122.371,32.205,101.663,32.205,76.102z"/>
+			<path d="M225.76,276.861c1.035-2.826,2.2-5.608,3.43-8.326c-5.436-5.457-19.651-19.673-26.856-26.877
+				c-13.417,1.316-27.46,2.071-42.02,2.071c-84.665,0-153.843-23.749-159.732-53.754C0.324,191.311,0,192.692,0,194.094v84.773
+				c0,31.946,71.788,57.896,160.336,57.896c7.226,0,14.301-0.237,21.29-0.561v-59.32
+				C181.626,276.861,215.276,276.861,225.76,276.861z"/>
+			<path d="M467.59,336.008v-36.972h-36.347c-2.481-13.18-7.615-25.41-14.841-36.088l25.626-25.626
+				L415.885,211.2l-25.626,25.626c-10.699-7.291-22.908-12.338-36.109-14.884v-36.325h-36.951v36.304
+				c-13.137,2.588-25.367,7.636-36.045,14.884l-25.626-25.626L229.341,237.3l25.626,25.626
+				c-7.226,10.678-12.338,22.908-14.841,36.088h-36.304v36.972h36.325c2.524,13.115,7.614,25.41,14.841,36.088l-25.626,25.605
+				l26.187,26.144l25.626-25.626c10.678,7.248,22.908,12.339,36.045,14.884v36.282h36.951V413.08
+				c13.137-2.524,25.41-7.636,36.109-14.862l25.626,25.605l26.165-26.144l-25.626-25.605c7.248-10.678,12.339-22.93,14.841-36.088
+				L467.59,336.008L467.59,336.008z M335.685,357.838c-22.239,0-40.316-18.055-40.316-40.337c0-22.261,18.076-40.294,40.316-40.294
+				c22.261,0,40.359,18.033,40.359,40.294C376.043,339.783,357.967,357.838,335.685,357.838z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Medien.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Medien.svg
new file mode 100644
index 0000000..75aaa66
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Medien.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
+<g fill="#{sdcol(icon)}" fill-opacity="1">
+	<path d="M245,490c135.3,0,245-109.7,245-245S380.3,0,245,0S0,109.7,0,245S109.7,490,245,490z M170.2,115.9L393.9,245L170.2,374.1
+		V115.9z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Medien_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Medien_active.svg
new file mode 100644
index 0000000..1ff835d
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Medien_active.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
+<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<path d="M245,490c135.3,0,245-109.7,245-245S380.3,0,245,0S0,109.7,0,245S109.7,490,245,490z M170.2,115.9L393.9,245L170.2,374.1
+		V115.9z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Neu laden.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Neu laden.svg
new file mode 100644
index 0000000..a18ad04
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Neu laden.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.529px" height="438.528px" viewBox="0 0 438.529 438.528" style="enable-background:new 0 0 438.529 438.528;"
+	 xml:space="preserve">
+<g>
+	<g fill="#{sdcol(icon)}" fill-opacity="1">
+		<path d="M433.109,23.694c-3.614-3.612-7.898-5.424-12.848-5.424c-4.948,0-9.226,1.812-12.847,5.424l-37.113,36.835
+			c-20.365-19.226-43.684-34.123-69.948-44.684C274.091,5.283,247.056,0.003,219.266,0.003c-52.344,0-98.022,15.843-137.042,47.536
+			C43.203,79.228,17.509,120.574,5.137,171.587v1.997c0,2.474,0.903,4.617,2.712,6.423c1.809,1.809,3.949,2.712,6.423,2.712h56.814
+			c4.189,0,7.042-2.19,8.566-6.565c7.993-19.032,13.035-30.166,15.131-33.403c13.322-21.698,31.023-38.734,53.103-51.106
+			c22.082-12.371,45.873-18.559,71.376-18.559c38.261,0,71.473,13.039,99.645,39.115l-39.406,39.397
+			c-3.607,3.617-5.421,7.902-5.421,12.851c0,4.948,1.813,9.231,5.421,12.847c3.621,3.617,7.905,5.424,12.854,5.424h127.906
+			c4.949,0,9.233-1.807,12.848-5.424c3.613-3.616,5.42-7.898,5.42-12.847V36.542C438.529,31.593,436.733,27.312,433.109,23.694z"/>
+		<path d="M422.253,255.813h-54.816c-4.188,0-7.043,2.187-8.562,6.566c-7.99,19.034-13.038,30.163-15.129,33.4
+			c-13.326,21.693-31.028,38.735-53.102,51.106c-22.083,12.375-45.874,18.556-71.378,18.556c-18.461,0-36.259-3.423-53.387-10.273
+			c-17.13-6.858-32.454-16.567-45.966-29.13l39.115-39.112c3.615-3.613,5.424-7.901,5.424-12.847c0-4.948-1.809-9.236-5.424-12.847
+			c-3.617-3.62-7.898-5.431-12.847-5.431H18.274c-4.952,0-9.235,1.811-12.851,5.431C1.807,264.844,0,269.132,0,274.08v127.907
+			c0,4.945,1.807,9.232,5.424,12.847c3.619,3.61,7.902,5.428,12.851,5.428c4.948,0,9.229-1.817,12.847-5.428l36.829-36.833
+			c20.367,19.41,43.542,34.355,69.523,44.823c25.981,10.472,52.866,15.701,80.653,15.701c52.155,0,97.643-15.845,136.471-47.534
+			c38.828-31.688,64.333-73.042,76.52-124.05c0.191-0.38,0.281-1.047,0.281-1.995c0-2.478-0.907-4.612-2.715-6.427
+			C426.874,256.72,424.731,255.813,422.253,255.813z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Neu laden_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Neu laden_active.svg
new file mode 100644
index 0000000..5f3a975
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Neu laden_active.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.529px" height="438.528px" viewBox="0 0 438.529 438.528" style="enable-background:new 0 0 438.529 438.528;"
+	 xml:space="preserve">
+<g>
+	<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+		<path d="M433.109,23.694c-3.614-3.612-7.898-5.424-12.848-5.424c-4.948,0-9.226,1.812-12.847,5.424l-37.113,36.835
+			c-20.365-19.226-43.684-34.123-69.948-44.684C274.091,5.283,247.056,0.003,219.266,0.003c-52.344,0-98.022,15.843-137.042,47.536
+			C43.203,79.228,17.509,120.574,5.137,171.587v1.997c0,2.474,0.903,4.617,2.712,6.423c1.809,1.809,3.949,2.712,6.423,2.712h56.814
+			c4.189,0,7.042-2.19,8.566-6.565c7.993-19.032,13.035-30.166,15.131-33.403c13.322-21.698,31.023-38.734,53.103-51.106
+			c22.082-12.371,45.873-18.559,71.376-18.559c38.261,0,71.473,13.039,99.645,39.115l-39.406,39.397
+			c-3.607,3.617-5.421,7.902-5.421,12.851c0,4.948,1.813,9.231,5.421,12.847c3.621,3.617,7.905,5.424,12.854,5.424h127.906
+			c4.949,0,9.233-1.807,12.848-5.424c3.613-3.616,5.42-7.898,5.42-12.847V36.542C438.529,31.593,436.733,27.312,433.109,23.694z"/>
+		<path d="M422.253,255.813h-54.816c-4.188,0-7.043,2.187-8.562,6.566c-7.99,19.034-13.038,30.163-15.129,33.4
+			c-13.326,21.693-31.028,38.735-53.102,51.106c-22.083,12.375-45.874,18.556-71.378,18.556c-18.461,0-36.259-3.423-53.387-10.273
+			c-17.13-6.858-32.454-16.567-45.966-29.13l39.115-39.112c3.615-3.613,5.424-7.901,5.424-12.847c0-4.948-1.809-9.236-5.424-12.847
+			c-3.617-3.62-7.898-5.431-12.847-5.431H18.274c-4.952,0-9.235,1.811-12.851,5.431C1.807,264.844,0,269.132,0,274.08v127.907
+			c0,4.945,1.807,9.232,5.424,12.847c3.619,3.61,7.902,5.428,12.851,5.428c4.948,0,9.229-1.817,12.847-5.428l36.829-36.833
+			c20.367,19.41,43.542,34.355,69.523,44.823c25.981,10.472,52.866,15.701,80.653,15.701c52.155,0,97.643-15.845,136.471-47.534
+			c38.828-31.688,64.333-73.042,76.52-124.05c0.191-0.38,0.281-1.047,0.281-1.995c0-2.478-0.907-4.612-2.715-6.427
+			C426.874,256.72,424.731,255.813,422.253,255.813z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Raspberry Pi.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Raspberry Pi.svg
new file mode 100644
index 0000000..733fc59
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Raspberry Pi.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="256px" height="327px" viewBox="0 0 256 327" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet">
+	<g fill-rule="evenodd" fill="#{sdcol(icon)}" fill-opacity="1" >
+		<path d="M69.2981309,0.005 C67.6451309,0.056 65.8651309,0.667 63.8451309,2.26 C58.8991309,0.353 54.1021309,-0.31 49.8131309,3.573 C43.1901309,2.714 41.0381309,4.487 39.4071309,6.557 C37.9531309,6.527 28.5281309,5.062 24.2051309,11.51 C13.3431309,10.225 9.91013093,17.899 13.8001309,25.056 C11.5811309,28.49 9.28213093,31.883 14.4701309,38.431 C12.6351309,42.077 13.7731309,46.033 18.0961309,50.82 C16.9551309,55.947 19.1981309,59.563 23.2211309,62.382 C22.4681309,69.397 29.6541309,73.476 31.7991309,74.929 C32.6231309,79.016 34.3401309,82.874 42.5471309,85.006 C43.9011309,91.098 48.8331309,92.15 53.6101309,93.428 C37.8231309,102.605 24.2851309,114.678 24.3771309,144.303 L22.0641309,148.428 C3.96213093,159.436 -12.3238691,194.818 13.1441309,223.576 C14.8071309,232.578 17.5971309,239.044 20.0811309,246.2 C23.7961309,275.036 48.0431309,288.539 54.4391309,290.136 C63.8101309,297.274 73.7911309,304.047 87.2981309,308.792 C100.030131,321.923 113.824131,326.928 127.693131,326.92 C127.897131,326.92 155.970131,321.924 168.703131,308.792 C182.209131,304.047 192.190131,297.274 201.562131,290.136 C207.957131,288.539 232.204131,275.036 235.919131,246.2 C238.403131,239.044 241.193131,232.578 242.857131,223.576 C268.323131,194.815 252.038131,159.432 233.936131,148.424 L231.620131,144.299 C231.712131,114.677 218.174131,102.603 202.387131,93.424 C207.163131,92.146 212.096131,91.094 213.449131,85.002 C221.656131,82.869 223.374131,79.012 224.197131,74.925 C226.343131,73.472 233.528131,69.393 232.776131,62.378 C236.798131,59.559 239.041131,55.942 237.900131,50.816 C242.224131,46.029 243.361131,42.073 241.526131,38.426 C246.715131,31.882 244.413131,28.489 242.197131,25.055 C246.085131,17.898 242.654131,10.223 231.788131,11.509 C227.467131,5.061 218.044131,6.525 216.586131,6.555 C214.956131,4.486 212.804131,2.713 206.181131,3.572 C201.892131,-0.311 197.096131,0.351 192.149131,2.259 C186.275131,-2.376 182.388131,1.339 177.948131,2.744 C170.837131,0.42 169.210131,3.603 165.716131,4.9 C157.960131,3.261 155.603131,6.829 151.885131,10.595 L147.560131,10.509 C135.862131,17.403 130.050131,31.441 127.990131,38.658 C125.929131,31.44 120.131131,17.402 108.435131,10.509 L104.110131,10.595 C100.387131,6.829 98.0311309,3.261 90.2751309,4.9 C86.7801309,3.603 85.1591309,0.42 78.0421309,2.744 C75.1281309,1.822 72.4481309,-0.094 69.2931309,0.004 L-11,141
+			M46.008,30.334 C77.044,46.335 95.087,59.279 104.972,70.303 C99.91,90.592 73.502,91.518 63.846,90.949 C65.823,90.029 67.473,88.926 68.058,87.233 C65.635,85.511 57.044,87.051 51.046,83.682 C53.35,83.204 54.428,82.739 55.505,81.039 C49.839,79.232 43.735,77.674 40.145,74.68 C42.082,74.704 43.891,75.114 46.421,73.359 C41.346,70.624 35.93,68.456 31.722,64.275 C34.346,64.211 37.175,64.249 37.998,63.284 C33.353,60.406 29.433,57.206 26.189,53.705 C29.861,54.148 31.412,53.767 32.3,53.127 C28.788,49.53 24.344,46.493 22.225,42.061 C24.951,43.001 27.446,43.361 29.244,41.979 C28.051,39.287 22.939,37.699 19.995,31.408 C22.866,31.687 25.91,32.034 26.519,31.408 C25.187,25.98 22.901,22.928 20.659,19.766 C26.802,19.675 36.11,19.79 35.689,19.271 L31.89,15.39 C37.891,13.774 44.031,15.649 48.489,17.041 C50.49,15.462 48.453,13.465 46.011,11.426 C51.111,12.107 55.719,13.279 59.885,14.894 C62.11,12.885 58.44,10.875 56.664,8.866 C64.543,10.36 67.881,12.461 71.198,14.564 C73.605,12.257 71.336,10.296 69.712,8.288 C75.653,10.488 78.713,13.329 81.934,16.133 C83.026,14.659 84.709,13.578 82.677,10.022 C86.895,12.453 90.072,15.318 92.422,18.528 C95.032,16.866 93.977,14.594 93.991,12.499 C98.375,16.065 101.157,19.86 104.562,23.565 C105.248,23.065 105.848,21.372 106.379,18.693 C116.836,28.838 131.613,54.393 110.177,64.525 C91.934,49.479 70.146,38.542 46.001,30.338 L46.008,30.334
+			M210.686,30.334 C179.654,46.337 161.611,59.277 151.727,70.303 C156.789,90.592 183.196,91.518 192.852,90.949 C190.875,90.029 189.225,88.926 188.641,87.233 C191.064,85.511 199.655,87.051 205.652,83.682 C203.348,83.204 202.271,82.739 201.193,81.039 C206.86,79.232 212.964,77.674 216.553,74.68 C214.616,74.704 212.807,75.114 210.277,73.359 C215.353,70.624 220.769,68.456 224.977,64.275 C222.352,64.211 219.523,64.249 218.701,63.284 C223.346,60.406 227.266,57.206 230.51,53.705 C226.837,54.148 225.287,53.767 224.399,53.127 C227.91,49.53 232.355,46.493 234.474,42.061 C231.747,43.001 229.252,43.361 227.454,41.979 C228.647,39.287 233.76,37.699 236.703,31.408 C233.833,31.687 230.788,32.034 230.179,31.408 C231.514,25.978 233.8,22.926 236.042,19.764 C229.899,19.673 220.591,19.788 221.012,19.269 L224.811,15.387 C218.81,13.772 212.67,15.647 208.212,17.039 C206.211,15.46 208.247,13.463 210.689,11.424 C205.59,12.104 200.981,13.277 196.816,14.892 C194.59,12.883 198.261,10.873 200.037,8.864 C192.158,10.358 188.82,12.459 185.502,14.562 C183.095,12.255 185.365,10.294 186.989,8.286 C181.048,10.486 177.988,13.327 174.767,16.131 C173.674,14.657 171.992,13.576 174.023,10.02 C169.806,12.451 166.629,15.316 164.279,18.526 C161.669,16.864 162.724,14.591 162.71,12.497 C158.326,16.063 155.544,19.857 152.139,23.563 C151.453,23.063 150.853,21.37 150.322,18.69 C139.865,28.836 125.088,54.391 146.524,64.523 C164.757,49.473 186.544,38.538 210.69,30.334 L210.686,30.334
+			M165.933,236.933 C166.041,255.866 149.484,271.295 128.953,271.394 C108.421,271.494 91.689,256.227 91.581,237.294 C91.58,237.174 91.58,237.054 91.581,236.933 C91.473,218.001 108.029,202.572 128.561,202.472 C149.093,202.372 165.824,217.639 165.933,236.572 L165.933,236.933
+			M107.246,139.004 C122.65,149.097 125.427,171.973 113.448,190.099 C101.469,208.226 79.271,214.74 63.867,204.648 C48.463,194.555 45.687,171.679 57.665,153.553 C69.644,135.426 91.842,128.912 107.246,139.004
+			M148.822,137.177 C133.419,147.269 130.642,170.146 142.62,188.272 C154.599,206.399 176.797,212.913 192.201,202.82 C207.605,192.728 210.382,169.852 198.403,151.725 C186.425,133.599 164.227,127.085 148.822,137.177
+			M30.258,155.504 C46.889,151.046 35.873,224.307 22.341,218.296 C7.456,206.324 2.662,171.263 30.258,155.504
+			M222.453,154.591 C205.82,150.134 216.838,223.398 230.37,217.387 C245.255,205.414 250.049,170.349 222.453,154.591
+			M165.946,100.034 C194.647,95.188 218.529,112.24 217.565,143.362 C216.621,155.294 155.372,101.811 165.946,100.034
+			M86.646,99.121 C57.943,94.274 34.063,111.33 35.027,142.45 C35.971,154.381 97.221,100.898 86.646,99.121
+			M127.874,91.863 C110.744,91.417 94.304,104.576 94.264,112.209 C94.217,121.483 107.808,130.979 127.991,131.22 C148.601,131.367 161.753,123.619 161.819,114.048 C161.895,103.204 143.074,91.695 127.874,91.862 L127.874,91.863
+			M128.92,282.043 C143.855,281.391 163.895,286.853 163.935,294.1 C164.183,301.136 145.76,317.034 127.93,316.727 C109.464,317.524 91.357,301.601 91.594,296.082 C91.317,287.99 114.078,281.672 128.92,282.043
+			M73.756,239.098 C84.389,251.908 89.237,274.414 80.363,281.049 C71.968,286.114 51.581,284.028 37.091,263.211 C27.318,245.743 28.577,227.968 35.439,222.746 C45.7,216.496 61.554,224.939 73.757,239.098 L73.756,239.098
+			M181.956,235.037 C170.451,248.512 164.045,273.09 172.437,281.006 C180.462,287.156 202.004,286.296 217.916,264.217 C229.47,249.388 225.599,224.623 218.999,218.047 C209.195,210.464 195.12,220.169 181.956,235.033 L181.956,235.037"></path>
+	</g>
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Raspberry Pi_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Raspberry Pi_active.svg
new file mode 100644
index 0000000..a88b9e3
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Raspberry Pi_active.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="256px" height="327px" viewBox="0 0 256 327" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet">
+	<g fill-rule="evenodd" fill="#{sdcol(iconactive)}" fill-opacity="1" >
+		<path d="M69.2981309,0.005 C67.6451309,0.056 65.8651309,0.667 63.8451309,2.26 C58.8991309,0.353 54.1021309,-0.31 49.8131309,3.573 C43.1901309,2.714 41.0381309,4.487 39.4071309,6.557 C37.9531309,6.527 28.5281309,5.062 24.2051309,11.51 C13.3431309,10.225 9.91013093,17.899 13.8001309,25.056 C11.5811309,28.49 9.28213093,31.883 14.4701309,38.431 C12.6351309,42.077 13.7731309,46.033 18.0961309,50.82 C16.9551309,55.947 19.1981309,59.563 23.2211309,62.382 C22.4681309,69.397 29.6541309,73.476 31.7991309,74.929 C32.6231309,79.016 34.3401309,82.874 42.5471309,85.006 C43.9011309,91.098 48.8331309,92.15 53.6101309,93.428 C37.8231309,102.605 24.2851309,114.678 24.3771309,144.303 L22.0641309,148.428 C3.96213093,159.436 -12.3238691,194.818 13.1441309,223.576 C14.8071309,232.578 17.5971309,239.044 20.0811309,246.2 C23.7961309,275.036 48.0431309,288.539 54.4391309,290.136 C63.8101309,297.274 73.7911309,304.047 87.2981309,308.792 C100.030131,321.923 113.824131,326.928 127.693131,326.92 C127.897131,326.92 155.970131,321.924 168.703131,308.792 C182.209131,304.047 192.190131,297.274 201.562131,290.136 C207.957131,288.539 232.204131,275.036 235.919131,246.2 C238.403131,239.044 241.193131,232.578 242.857131,223.576 C268.323131,194.815 252.038131,159.432 233.936131,148.424 L231.620131,144.299 C231.712131,114.677 218.174131,102.603 202.387131,93.424 C207.163131,92.146 212.096131,91.094 213.449131,85.002 C221.656131,82.869 223.374131,79.012 224.197131,74.925 C226.343131,73.472 233.528131,69.393 232.776131,62.378 C236.798131,59.559 239.041131,55.942 237.900131,50.816 C242.224131,46.029 243.361131,42.073 241.526131,38.426 C246.715131,31.882 244.413131,28.489 242.197131,25.055 C246.085131,17.898 242.654131,10.223 231.788131,11.509 C227.467131,5.061 218.044131,6.525 216.586131,6.555 C214.956131,4.486 212.804131,2.713 206.181131,3.572 C201.892131,-0.311 197.096131,0.351 192.149131,2.259 C186.275131,-2.376 182.388131,1.339 177.948131,2.744 C170.837131,0.42 169.210131,3.603 165.716131,4.9 C157.960131,3.261 155.603131,6.829 151.885131,10.595 L147.560131,10.509 C135.862131,17.403 130.050131,31.441 127.990131,38.658 C125.929131,31.44 120.131131,17.402 108.435131,10.509 L104.110131,10.595 C100.387131,6.829 98.0311309,3.261 90.2751309,4.9 C86.7801309,3.603 85.1591309,0.42 78.0421309,2.744 C75.1281309,1.822 72.4481309,-0.094 69.2931309,0.004 L-11,141
+			M46.008,30.334 C77.044,46.335 95.087,59.279 104.972,70.303 C99.91,90.592 73.502,91.518 63.846,90.949 C65.823,90.029 67.473,88.926 68.058,87.233 C65.635,85.511 57.044,87.051 51.046,83.682 C53.35,83.204 54.428,82.739 55.505,81.039 C49.839,79.232 43.735,77.674 40.145,74.68 C42.082,74.704 43.891,75.114 46.421,73.359 C41.346,70.624 35.93,68.456 31.722,64.275 C34.346,64.211 37.175,64.249 37.998,63.284 C33.353,60.406 29.433,57.206 26.189,53.705 C29.861,54.148 31.412,53.767 32.3,53.127 C28.788,49.53 24.344,46.493 22.225,42.061 C24.951,43.001 27.446,43.361 29.244,41.979 C28.051,39.287 22.939,37.699 19.995,31.408 C22.866,31.687 25.91,32.034 26.519,31.408 C25.187,25.98 22.901,22.928 20.659,19.766 C26.802,19.675 36.11,19.79 35.689,19.271 L31.89,15.39 C37.891,13.774 44.031,15.649 48.489,17.041 C50.49,15.462 48.453,13.465 46.011,11.426 C51.111,12.107 55.719,13.279 59.885,14.894 C62.11,12.885 58.44,10.875 56.664,8.866 C64.543,10.36 67.881,12.461 71.198,14.564 C73.605,12.257 71.336,10.296 69.712,8.288 C75.653,10.488 78.713,13.329 81.934,16.133 C83.026,14.659 84.709,13.578 82.677,10.022 C86.895,12.453 90.072,15.318 92.422,18.528 C95.032,16.866 93.977,14.594 93.991,12.499 C98.375,16.065 101.157,19.86 104.562,23.565 C105.248,23.065 105.848,21.372 106.379,18.693 C116.836,28.838 131.613,54.393 110.177,64.525 C91.934,49.479 70.146,38.542 46.001,30.338 L46.008,30.334
+			M210.686,30.334 C179.654,46.337 161.611,59.277 151.727,70.303 C156.789,90.592 183.196,91.518 192.852,90.949 C190.875,90.029 189.225,88.926 188.641,87.233 C191.064,85.511 199.655,87.051 205.652,83.682 C203.348,83.204 202.271,82.739 201.193,81.039 C206.86,79.232 212.964,77.674 216.553,74.68 C214.616,74.704 212.807,75.114 210.277,73.359 C215.353,70.624 220.769,68.456 224.977,64.275 C222.352,64.211 219.523,64.249 218.701,63.284 C223.346,60.406 227.266,57.206 230.51,53.705 C226.837,54.148 225.287,53.767 224.399,53.127 C227.91,49.53 232.355,46.493 234.474,42.061 C231.747,43.001 229.252,43.361 227.454,41.979 C228.647,39.287 233.76,37.699 236.703,31.408 C233.833,31.687 230.788,32.034 230.179,31.408 C231.514,25.978 233.8,22.926 236.042,19.764 C229.899,19.673 220.591,19.788 221.012,19.269 L224.811,15.387 C218.81,13.772 212.67,15.647 208.212,17.039 C206.211,15.46 208.247,13.463 210.689,11.424 C205.59,12.104 200.981,13.277 196.816,14.892 C194.59,12.883 198.261,10.873 200.037,8.864 C192.158,10.358 188.82,12.459 185.502,14.562 C183.095,12.255 185.365,10.294 186.989,8.286 C181.048,10.486 177.988,13.327 174.767,16.131 C173.674,14.657 171.992,13.576 174.023,10.02 C169.806,12.451 166.629,15.316 164.279,18.526 C161.669,16.864 162.724,14.591 162.71,12.497 C158.326,16.063 155.544,19.857 152.139,23.563 C151.453,23.063 150.853,21.37 150.322,18.69 C139.865,28.836 125.088,54.391 146.524,64.523 C164.757,49.473 186.544,38.538 210.69,30.334 L210.686,30.334
+			M165.933,236.933 C166.041,255.866 149.484,271.295 128.953,271.394 C108.421,271.494 91.689,256.227 91.581,237.294 C91.58,237.174 91.58,237.054 91.581,236.933 C91.473,218.001 108.029,202.572 128.561,202.472 C149.093,202.372 165.824,217.639 165.933,236.572 L165.933,236.933
+			M107.246,139.004 C122.65,149.097 125.427,171.973 113.448,190.099 C101.469,208.226 79.271,214.74 63.867,204.648 C48.463,194.555 45.687,171.679 57.665,153.553 C69.644,135.426 91.842,128.912 107.246,139.004
+			M148.822,137.177 C133.419,147.269 130.642,170.146 142.62,188.272 C154.599,206.399 176.797,212.913 192.201,202.82 C207.605,192.728 210.382,169.852 198.403,151.725 C186.425,133.599 164.227,127.085 148.822,137.177
+			M30.258,155.504 C46.889,151.046 35.873,224.307 22.341,218.296 C7.456,206.324 2.662,171.263 30.258,155.504
+			M222.453,154.591 C205.82,150.134 216.838,223.398 230.37,217.387 C245.255,205.414 250.049,170.349 222.453,154.591
+			M165.946,100.034 C194.647,95.188 218.529,112.24 217.565,143.362 C216.621,155.294 155.372,101.811 165.946,100.034
+			M86.646,99.121 C57.943,94.274 34.063,111.33 35.027,142.45 C35.971,154.381 97.221,100.898 86.646,99.121
+			M127.874,91.863 C110.744,91.417 94.304,104.576 94.264,112.209 C94.217,121.483 107.808,130.979 127.991,131.22 C148.601,131.367 161.753,123.619 161.819,114.048 C161.895,103.204 143.074,91.695 127.874,91.862 L127.874,91.863
+			M128.92,282.043 C143.855,281.391 163.895,286.853 163.935,294.1 C164.183,301.136 145.76,317.034 127.93,316.727 C109.464,317.524 91.357,301.601 91.594,296.082 C91.317,287.99 114.078,281.672 128.92,282.043
+			M73.756,239.098 C84.389,251.908 89.237,274.414 80.363,281.049 C71.968,286.114 51.581,284.028 37.091,263.211 C27.318,245.743 28.577,227.968 35.439,222.746 C45.7,216.496 61.554,224.939 73.757,239.098 L73.756,239.098
+			M181.956,235.037 C170.451,248.512 164.045,273.09 172.437,281.006 C180.462,287.156 202.004,286.296 217.916,264.217 C229.47,249.388 225.599,224.623 218.999,218.047 C209.195,210.464 195.12,220.169 181.956,235.033 L181.956,235.037"></path>
+	</g>
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Remote Timers.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Remote Timers.svg
new file mode 100644
index 0000000..478a2de
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Remote Timers.svg
@@ -0,0 +1,11 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 297 297" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 297 297">
+  <g fill="#{sdcol(icon)}" fill-opacity="1">
+    <path d="m251.93,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m227.084,78.584c0-43.331-35.253-78.584-78.584-78.584s-78.584,35.253-78.584,78.584 35.253,78.584 78.584,78.584 78.584-35.253 78.584-78.584zm-96.15,27.389c-2.514,0-5.028-0.959-6.946-2.877-3.836-3.836-3.836-10.057 0-13.893l14.689-14.688v-48.628c0-5.425 4.398-9.823 9.823-9.823s9.823,4.398 9.823,9.823v52.697c0,2.605-1.035,5.103-2.877,6.946l-17.566,17.566c-1.918,1.917-4.432,2.877-6.946,2.877z"/>
+    <path d="m4.045,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m127.987,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m24.557,239.796c3.659,0 7.191,0.545 10.528,1.547v-13.118h103.591v12.917c3.129-0.871 6.421-1.346 9.823-1.346s6.694,0.475 9.823,1.346v-12.917h103.591v13.118c3.337-1.002 6.87-1.547 10.528-1.547 3.146,0 6.201,0.399 9.118,1.148v-22.542c0-5.425-4.398-9.823-9.823-9.823h-113.413v-33.417c-3.231,0.326-6.508,0.495-9.823,0.495s-6.592-0.169-9.823-0.495v33.417h-113.414c-5.425,0-9.823,4.398-9.823,9.823v22.542c2.916-0.749 5.971-1.148 9.117-1.148z"/>
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Remote Timers_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Remote Timers_active.svg
new file mode 100644
index 0000000..c03d641
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Remote Timers_active.svg
@@ -0,0 +1,11 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 297 297" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 297 297">
+  <g fill="#{sdcol(iconactive)}" fill-opacity="1">
+    <path d="m251.93,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m227.084,78.584c0-43.331-35.253-78.584-78.584-78.584s-78.584,35.253-78.584,78.584 35.253,78.584 78.584,78.584 78.584-35.253 78.584-78.584zm-96.15,27.389c-2.514,0-5.028-0.959-6.946-2.877-3.836-3.836-3.836-10.057 0-13.893l14.689-14.688v-48.628c0-5.425 4.398-9.823 9.823-9.823s9.823,4.398 9.823,9.823v52.697c0,2.605-1.035,5.103-2.877,6.946l-17.566,17.566c-1.918,1.917-4.432,2.877-6.946,2.877z"/>
+    <path d="m4.045,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m127.987,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m24.557,239.796c3.659,0 7.191,0.545 10.528,1.547v-13.118h103.591v12.917c3.129-0.871 6.421-1.346 9.823-1.346s6.694,0.475 9.823,1.346v-12.917h103.591v13.118c3.337-1.002 6.87-1.547 10.528-1.547 3.146,0 6.201,0.399 9.118,1.148v-22.542c0-5.425-4.398-9.823-9.823-9.823h-113.413v-33.417c-3.231,0.326-6.508,0.495-9.823,0.495s-6.592-0.169-9.823-0.495v33.417h-113.414c-5.425,0-9.823,4.398-9.823,9.823v22.542c2.916-0.749 5.971-1.148 9.117-1.148z"/>
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Schreibtisch aktivieren.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Schreibtisch aktivieren.svg
new file mode 100644
index 0000000..00e7cb3
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Schreibtisch aktivieren.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="520" height="520" viewBox="0 0 26 26">
+    <path d="M 20 2.03125 C 19.448 2.03125 19 2.48025 19 3.03125 L 19 7.8125 L 13.71875 2.53125 C 13.32775 2.14025 12.67225 2.14025 12.28125 2.53125 L 0.5625 14.28125 C 0.1715 14.67225 0.1715 15.2965 0.5625 15.6875 C 0.9535 16.0785 1.57775 16.0785 1.96875 15.6875 L 13 4.65625 L 24.0625 15.71875 C 24.2575 15.91375 24.52525 16.03125 24.78125 16.03125 C 25.03725 16.03125 25.27375 15.91375 25.46875 15.71875 C 25.85975 15.32875 25.85975 14.7035 25.46875 14.3125 L 22 10.84375 L 22 3.03125 C 22 2.48025 21.551 2.03125 21 2.03125 L 20 2.03125 z M 13 6.5 L 2 17.5 L 2 23 C 2 24.656 3.344 26 5 26 L 21 26 C 22.656 26 24 24.656 24 23 L 24 17.5 L 13 6.5 z M 11 16 L 15 16 C 15.551 16 16 16.449 16 17 L 16 23 C 16 23.551 15.551 24 15 24 L 11 24 C 10.449 24 10 23.551 10 23 L 10 17 C 10 16.449 10.449 16 11 16 z" fill="#{sdcol(icon)}" fill-opacity="1" />
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Schreibtisch aktivieren_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Schreibtisch aktivieren_active.svg
new file mode 100644
index 0000000..35ca6a9
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Schreibtisch aktivieren_active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="520" height="520" viewBox="0 0 26 26">
+    <path d="M 20 2.03125 C 19.448 2.03125 19 2.48025 19 3.03125 L 19 7.8125 L 13.71875 2.53125 C 13.32775 2.14025 12.67225 2.14025 12.28125 2.53125 L 0.5625 14.28125 C 0.1715 14.67225 0.1715 15.2965 0.5625 15.6875 C 0.9535 16.0785 1.57775 16.0785 1.96875 15.6875 L 13 4.65625 L 24.0625 15.71875 C 24.2575 15.91375 24.52525 16.03125 24.78125 16.03125 C 25.03725 16.03125 25.27375 15.91375 25.46875 15.71875 C 25.85975 15.32875 25.85975 14.7035 25.46875 14.3125 L 22 10.84375 L 22 3.03125 C 22 2.48025 21.551 2.03125 21 2.03125 L 20 2.03125 z M 13 6.5 L 2 17.5 L 2 23 C 2 24.656 3.344 26 5 26 L 21 26 C 22.656 26 24 24.656 24 23 L 24 17.5 L 13 6.5 z M 11 16 L 15 16 C 15.551 16 16 16.449 16 17 L 16 23 C 16 23.551 15.551 24 15 24 L 11 24 C 10.449 24 10 23.551 10 23 L 10 17 C 10 16.449 10.449 16 11 16 z" fill="#{sdcol(iconactive)}" fill-opacity="1" />
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Spiele.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Spiele.svg
new file mode 100644
index 0000000..085d3f2
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Spiele.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 490.562 490.562" style="enable-background:new 0 0 490.562 490.562;" xml:space="preserve">
+<g>
+	<g>
+		<g fill="#{sdcol(icon)}" fill-opacity="1">
+			<path d="M450.258,191.019c-25.138-32.667-56.414-55.169-85.373-64.2c-32.888-12.315-66.335,4.332-119.614,4.332
+				s-86.786-16.636-119.684-4.305c-28.933,9.048-60.172,43.668-85.284,76.302C-5.271,262.369-13.41,331.799,22.121,359.144
+				c35.533,27.344,101.284-9.88,146.857-69.1c1.653-2.15,3.241-4.314,4.796-6.488c22.113,4.179,46.237,6.482,71.498,6.482
+				c25.267,0,49.395-2.303,71.512-6.484c1.555,2.174,3.144,4.34,4.798,6.49c45.573,59.222,111.323,85.062,146.859,57.719
+				C503.974,320.417,495.832,250.241,450.258,191.019z M143.995,239.147c-19.882,0-35.999-16.117-35.999-35.999
+				s16.117-35.999,35.999-35.999s35.999,16.117,35.999,35.999S163.877,239.147,143.995,239.147z M341.989,155.15
+				c9.942,0,18,8.058,18,18s-8.058,18-18,18s-18-8.058-18-18S332.047,155.15,341.989,155.15z M305.99,227.147
+				c-9.942,0-18-8.058-18-17.998s8.058-18,18-18s18,8.059,18,18C323.989,219.089,315.931,227.147,305.99,227.147z M341.989,263.146
+				c-9.942,0-18-8.058-18-17.998s8.058-18,18-18s18,8.059,18,18S351.93,263.146,341.989,263.146z M377.987,227.147
+				c-9.94,0-17.998-8.058-17.998-17.998s8.058-18,17.998-18c9.942,0,18,8.059,18,18
+				C395.986,219.089,387.928,227.147,377.987,227.147z"/>
+			<circle cx="144.824" cy="202.308" r="27.325"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Spiele_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Spiele_active.svg
new file mode 100644
index 0000000..2323ede
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Spiele_active.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 490.562 490.562" style="enable-background:new 0 0 490.562 490.562;" xml:space="preserve">
+<g>
+	<g>
+		<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+			<path d="M450.258,191.019c-25.138-32.667-56.414-55.169-85.373-64.2c-32.888-12.315-66.335,4.332-119.614,4.332
+				s-86.786-16.636-119.684-4.305c-28.933,9.048-60.172,43.668-85.284,76.302C-5.271,262.369-13.41,331.799,22.121,359.144
+				c35.533,27.344,101.284-9.88,146.857-69.1c1.653-2.15,3.241-4.314,4.796-6.488c22.113,4.179,46.237,6.482,71.498,6.482
+				c25.267,0,49.395-2.303,71.512-6.484c1.555,2.174,3.144,4.34,4.798,6.49c45.573,59.222,111.323,85.062,146.859,57.719
+				C503.974,320.417,495.832,250.241,450.258,191.019z M143.995,239.147c-19.882,0-35.999-16.117-35.999-35.999
+				s16.117-35.999,35.999-35.999s35.999,16.117,35.999,35.999S163.877,239.147,143.995,239.147z M341.989,155.15
+				c9.942,0,18,8.058,18,18s-8.058,18-18,18s-18-8.058-18-18S332.047,155.15,341.989,155.15z M305.99,227.147
+				c-9.942,0-18-8.058-18-17.998s8.058-18,18-18s18,8.059,18,18C323.989,219.089,315.931,227.147,305.99,227.147z M341.989,263.146
+				c-9.942,0-18-8.058-18-17.998s8.058-18,18-18s18,8.059,18,18S351.93,263.146,341.989,263.146z M377.987,227.147
+				c-9.94,0-17.998-8.058-17.998-17.998s8.058-18,17.998-18c9.942,0,18,8.059,18,18
+				C395.986,219.089,387.928,227.147,377.987,227.147z"/>
+			<circle cx="144.824" cy="202.308" r="27.325"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Suchtimer.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Suchtimer.svg
new file mode 100644
index 0000000..1188f67
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Suchtimer.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 491.172 491.172" style="enable-background:new 0 0 491.172 491.172;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(icon)}" fill-opacity="1">
+		<g>
+			<rect x="71.701" y="84.387" width="211.264" height="70.752"/>
+			<path d="M491.167,445.094l-37.749-37.77V1.059H0v424.901h381.954l64.173,64.152c0,0,20.73,0.259,33.197-14.021
+				C491.792,461.833,491.167,445.094,491.167,445.094z M30.738,395.783V42.54h391.898v334.024l-26.661-26.618l-12.317,7.464
+				l-18.81-18.119c29.272-41.157,25.777-98.471-11.044-135.314c-38.849-38.827-100.11-40.488-141.353-6.04H71.701v27.007h117.561
+				c-8.175,13.762-12.77,28.883-14.129,44.35H71.701v26.834h104.252c2.739,15.768,9.211,30.976,19.133,44.371H71.701v27.007h152.225
+				c35.807,22.283,81.883,21.01,116.547-3.753l17.623,16.933l-6.32,15.056L30.738,395.783L30.738,395.783z M222.093,335.687
+				c-31.623-31.731-31.623-82.94,0.065-114.606c31.58-31.666,82.897-31.709,114.627-0.043
+				c31.666,31.687,31.666,82.961-0.086,114.649C305.119,367.288,253.78,367.331,222.093,335.687z"/>
+		</g>
+		<g>
+			<path d="M311.504,84.387v70.752h69.544V84.387H311.504z M346.233,136.955c-9.858,0-17.904-8.003-17.904-17.904
+				c0-9.879,8.046-17.882,17.904-17.882c9.901,0,17.882,8.003,17.882,17.882C364.093,128.953,356.134,136.955,346.233,136.955z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Suchtimer_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Suchtimer_active.svg
new file mode 100644
index 0000000..d5fbf96
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Suchtimer_active.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 491.172 491.172" style="enable-background:new 0 0 491.172 491.172;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+		<g>
+			<rect x="71.701" y="84.387" width="211.264" height="70.752"/>
+			<path d="M491.167,445.094l-37.749-37.77V1.059H0v424.901h381.954l64.173,64.152c0,0,20.73,0.259,33.197-14.021
+				C491.792,461.833,491.167,445.094,491.167,445.094z M30.738,395.783V42.54h391.898v334.024l-26.661-26.618l-12.317,7.464
+				l-18.81-18.119c29.272-41.157,25.777-98.471-11.044-135.314c-38.849-38.827-100.11-40.488-141.353-6.04H71.701v27.007h117.561
+				c-8.175,13.762-12.77,28.883-14.129,44.35H71.701v26.834h104.252c2.739,15.768,9.211,30.976,19.133,44.371H71.701v27.007h152.225
+				c35.807,22.283,81.883,21.01,116.547-3.753l17.623,16.933l-6.32,15.056L30.738,395.783L30.738,395.783z M222.093,335.687
+				c-31.623-31.731-31.623-82.94,0.065-114.606c31.58-31.666,82.897-31.709,114.627-0.043
+				c31.666,31.687,31.666,82.961-0.086,114.649C305.119,367.288,253.78,367.331,222.093,335.687z"/>
+		</g>
+		<g>
+			<path d="M311.504,84.387v70.752h69.544V84.387H311.504z M346.233,136.955c-9.858,0-17.904-8.003-17.904-17.904
+				c0-9.879,8.046-17.882,17.904-17.882c9.901,0,17.882,8.003,17.882,17.882C364.093,128.953,356.134,136.955,346.233,136.955z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/System abschalten.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/System abschalten.svg
new file mode 100644
index 0000000..1c3ec91
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/System abschalten.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="475.085px" height="475.085px" viewBox="0 0 475.085 475.085" style="enable-background:new 0 0 475.085 475.085;"
+	 xml:space="preserve">
+<g>
+	<g fill="#{sdcol(icon)}" fill-opacity="1">
+		<path d="M237.545,255.816c9.899,0,18.468-3.609,25.696-10.848c7.23-7.229,10.854-15.799,10.854-25.694V36.547
+			c0-9.9-3.62-18.464-10.854-25.693C256.014,3.617,247.444,0,237.545,0c-9.9,0-18.464,3.621-25.697,10.854
+			c-7.233,7.229-10.85,15.797-10.85,25.693v182.728c0,9.895,3.617,18.464,10.85,25.694
+			C219.081,252.207,227.648,255.816,237.545,255.816z"/>
+		<path d="M433.836,157.887c-15.325-30.642-36.878-56.339-64.666-77.084c-7.994-6.09-17.035-8.47-27.123-7.139
+			c-10.089,1.333-18.083,6.091-23.983,14.273c-6.091,7.993-8.418,16.986-6.994,26.979c1.423,9.998,6.139,18.037,14.133,24.128
+			c18.645,14.084,33.072,31.312,43.25,51.678c10.184,20.364,15.27,42.065,15.27,65.091c0,19.801-3.854,38.688-11.561,56.678
+			c-7.706,17.987-18.13,33.544-31.265,46.679c-13.135,13.131-28.688,23.551-46.678,31.261c-17.987,7.71-36.878,11.57-56.673,11.57
+			c-19.792,0-38.684-3.86-56.671-11.57c-17.989-7.71-33.547-18.13-46.682-31.261c-13.129-13.135-23.551-28.691-31.261-46.679
+			c-7.708-17.99-11.563-36.877-11.563-56.678c0-23.026,5.092-44.724,15.274-65.091c10.183-20.364,24.601-37.591,43.253-51.678
+			c7.994-6.095,12.703-14.133,14.133-24.128c1.427-9.989-0.903-18.986-6.995-26.979c-5.901-8.182-13.844-12.941-23.839-14.273
+			c-9.994-1.332-19.085,1.049-27.268,7.139c-27.792,20.745-49.344,46.442-64.669,77.084c-15.324,30.646-22.983,63.288-22.983,97.927
+			c0,29.697,5.806,58.054,17.415,85.082c11.613,27.028,27.218,50.34,46.826,69.948c19.602,19.603,42.919,35.215,69.949,46.815
+			c27.028,11.615,55.388,17.426,85.08,17.426c29.693,0,58.052-5.811,85.081-17.426c27.031-11.604,50.347-27.213,69.952-46.815
+			c19.602-19.602,35.207-42.92,46.818-69.948s17.412-55.392,17.412-85.082C456.809,221.174,449.16,188.532,433.836,157.887z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/System abschalten_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/System abschalten_active.svg
new file mode 100644
index 0000000..a379ebf
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/System abschalten_active.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="475.085px" height="475.085px" viewBox="0 0 475.085 475.085" style="enable-background:new 0 0 475.085 475.085;"
+	 xml:space="preserve">
+<g>
+	<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+		<path d="M237.545,255.816c9.899,0,18.468-3.609,25.696-10.848c7.23-7.229,10.854-15.799,10.854-25.694V36.547
+			c0-9.9-3.62-18.464-10.854-25.693C256.014,3.617,247.444,0,237.545,0c-9.9,0-18.464,3.621-25.697,10.854
+			c-7.233,7.229-10.85,15.797-10.85,25.693v182.728c0,9.895,3.617,18.464,10.85,25.694
+			C219.081,252.207,227.648,255.816,237.545,255.816z"/>
+		<path d="M433.836,157.887c-15.325-30.642-36.878-56.339-64.666-77.084c-7.994-6.09-17.035-8.47-27.123-7.139
+			c-10.089,1.333-18.083,6.091-23.983,14.273c-6.091,7.993-8.418,16.986-6.994,26.979c1.423,9.998,6.139,18.037,14.133,24.128
+			c18.645,14.084,33.072,31.312,43.25,51.678c10.184,20.364,15.27,42.065,15.27,65.091c0,19.801-3.854,38.688-11.561,56.678
+			c-7.706,17.987-18.13,33.544-31.265,46.679c-13.135,13.131-28.688,23.551-46.678,31.261c-17.987,7.71-36.878,11.57-56.673,11.57
+			c-19.792,0-38.684-3.86-56.671-11.57c-17.989-7.71-33.547-18.13-46.682-31.261c-13.129-13.135-23.551-28.691-31.261-46.679
+			c-7.708-17.99-11.563-36.877-11.563-56.678c0-23.026,5.092-44.724,15.274-65.091c10.183-20.364,24.601-37.591,43.253-51.678
+			c7.994-6.095,12.703-14.133,14.133-24.128c1.427-9.989-0.903-18.986-6.995-26.979c-5.901-8.182-13.844-12.941-23.839-14.273
+			c-9.994-1.332-19.085,1.049-27.268,7.139c-27.792,20.745-49.344,46.442-64.669,77.084c-15.324,30.646-22.983,63.288-22.983,97.927
+			c0,29.697,5.806,58.054,17.415,85.082c11.613,27.028,27.218,50.34,46.826,69.948c19.602,19.603,42.919,35.215,69.949,46.815
+			c27.028,11.615,55.388,17.426,85.08,17.426c29.693,0,58.052-5.811,85.081-17.426c27.031-11.604,50.347-27.213,69.952-46.815
+			c19.602-19.602,35.207-42.92,46.818-69.948s17.412-55.392,17.412-85.082C456.809,221.174,449.16,188.532,433.836,157.887z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/System neu starten.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/System neu starten.svg
new file mode 100644
index 0000000..9050e5b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/System neu starten.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.542px" height="438.542px" viewBox="0 0 438.542 438.542" style="enable-background:new 0 0 438.542 438.542;"
+	 xml:space="preserve">
+<g fill="#{sdcol(icon)}" fill-opacity="1">
+	<path d="M427.408,19.697c-7.803-3.23-14.463-1.902-19.986,3.999l-37.116,36.834C349.94,41.305,326.672,26.412,300.5,15.848
+		C274.328,5.285,247.251,0.003,219.271,0.003c-29.692,0-58.052,5.808-85.08,17.417c-27.03,11.61-50.347,27.215-69.951,46.82
+		c-19.605,19.607-35.214,42.921-46.824,69.949C5.807,161.219,0,189.575,0,219.271c0,29.687,5.807,58.05,17.417,85.079
+		c11.613,27.031,27.218,50.347,46.824,69.952c19.604,19.599,42.921,35.207,69.951,46.818c27.028,11.611,55.388,17.419,85.08,17.419
+		c32.736,0,63.865-6.899,93.363-20.7c29.5-13.795,54.625-33.26,75.377-58.386c1.52-1.903,2.234-4.045,2.136-6.424
+		c-0.089-2.378-0.999-4.329-2.711-5.852l-39.108-39.399c-2.101-1.711-4.473-2.566-7.139-2.566c-3.045,0.38-5.232,1.526-6.566,3.429
+		c-13.895,18.086-30.93,32.072-51.107,41.977c-20.173,9.894-41.586,14.839-64.237,14.839c-19.792,0-38.684-3.854-56.671-11.564
+		c-17.989-7.706-33.551-18.127-46.682-31.261c-13.13-13.135-23.551-28.691-31.261-46.682c-7.708-17.987-11.563-36.874-11.563-56.671
+		c0-19.795,3.858-38.691,11.563-56.674c7.707-17.985,18.127-33.547,31.261-46.678c13.135-13.134,28.693-23.555,46.682-31.265
+		c17.983-7.707,36.879-11.563,56.671-11.563c38.259,0,71.475,13.039,99.646,39.116l-39.409,39.394
+		c-5.903,5.711-7.231,12.279-4.001,19.701c3.241,7.614,8.856,11.42,16.854,11.42h127.906c4.949,0,9.23-1.807,12.848-5.424
+		c3.613-3.616,5.42-7.898,5.42-12.847V36.55C438.542,28.558,434.84,22.943,427.408,19.697z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/System neu starten_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/System neu starten_active.svg
new file mode 100644
index 0000000..42792cb
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/System neu starten_active.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.542px" height="438.542px" viewBox="0 0 438.542 438.542" style="enable-background:new 0 0 438.542 438.542;"
+	 xml:space="preserve">
+<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<path d="M427.408,19.697c-7.803-3.23-14.463-1.902-19.986,3.999l-37.116,36.834C349.94,41.305,326.672,26.412,300.5,15.848
+		C274.328,5.285,247.251,0.003,219.271,0.003c-29.692,0-58.052,5.808-85.08,17.417c-27.03,11.61-50.347,27.215-69.951,46.82
+		c-19.605,19.607-35.214,42.921-46.824,69.949C5.807,161.219,0,189.575,0,219.271c0,29.687,5.807,58.05,17.417,85.079
+		c11.613,27.031,27.218,50.347,46.824,69.952c19.604,19.599,42.921,35.207,69.951,46.818c27.028,11.611,55.388,17.419,85.08,17.419
+		c32.736,0,63.865-6.899,93.363-20.7c29.5-13.795,54.625-33.26,75.377-58.386c1.52-1.903,2.234-4.045,2.136-6.424
+		c-0.089-2.378-0.999-4.329-2.711-5.852l-39.108-39.399c-2.101-1.711-4.473-2.566-7.139-2.566c-3.045,0.38-5.232,1.526-6.566,3.429
+		c-13.895,18.086-30.93,32.072-51.107,41.977c-20.173,9.894-41.586,14.839-64.237,14.839c-19.792,0-38.684-3.854-56.671-11.564
+		c-17.989-7.706-33.551-18.127-46.682-31.261c-13.13-13.135-23.551-28.691-31.261-46.682c-7.708-17.987-11.563-36.874-11.563-56.671
+		c0-19.795,3.858-38.691,11.563-56.674c7.707-17.985,18.127-33.547,31.261-46.678c13.135-13.134,28.693-23.555,46.682-31.265
+		c17.983-7.707,36.879-11.563,56.671-11.563c38.259,0,71.475,13.039,99.646,39.116l-39.409,39.394
+		c-5.903,5.711-7.231,12.279-4.001,19.701c3.241,7.614,8.856,11.42,16.854,11.42h127.906c4.949,0,9.23-1.807,12.848-5.424
+		c3.613-3.616,5.42-7.898,5.42-12.847V36.55C438.542,28.558,434.84,22.943,427.408,19.697z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/System.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/System.svg
new file mode 100644
index 0000000..f14c817
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/System.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="512" height="512">
+    <path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Sans" d="M 13.1875 3 L 13.03125 3.8125 L 12.4375 6.78125 C 11.485754 7.1553109 10.623396 7.6844912 9.84375 8.3125 L 6.9375 7.3125 L 6.15625 7.0625 L 5.75 7.78125 L 3.75 11.21875 L 3.34375 11.9375 L 3.9375 12.46875 L 6.1875 14.4375 C 6.1039547 14.950261 6 15.459106 6 16 C 6 16.540894 6.1039547 17.049739 6.1875 17.5625 L 3.9375 19.53125 L 3.34375 20.0625 L 3.75 20.78125 L 5.75 24.21875 L 6.15625 24.9375 L 6.9375 24.6875 L 9.84375 23.6875 C 10.62363 24.315572 11.486197 24.844746 12.4375 25.21875 L 13.03125 28.1875 L 13.1875 29 L 14 29 L 18 29 L 18.8125 29 L 18.96875 28.1875 L 19.5625 25.21875 C 20.514246 24.844689 21.376604 24.315509 22.15625 23.6875 L 25.0625 24.6875 L 25.84375 24.9375 L 26.25 24.21875 L 28.25 20.78125 L 28.65625 20.0625 L 28.0625 19.53125 L 25.8125 17.5625 C 25.896017 17.049492 26 16.540894 26 16 C 26 15.459106 25.896045 14.950261 25.8125 14.4375 L 28.0625 12.46875 L 28.65625 11.9375 L 28.25 11.21875 L 26.25 7.78125 L 25.84375 7.0625 L 25.0625 7.3125 L 22.15625 8.3125 C 21.37637 7.684428 20.513803 7.1552541 19.5625 6.78125 L 18.96875 3.8125 L 18.8125 3 L 18 3 L 14 3 L 13.1875 3 z M 14.8125 5 L 17.1875 5 L 17.6875 7.59375 L 17.8125 8.1875 L 18.375 8.375 C 19.512308 8.729911 20.54376 9.3303666 21.40625 10.125 L 21.84375 10.53125 L 22.40625 10.34375 L 24.9375 9.46875 L 26.125 11.5 L 24.125 13.28125 L 23.65625 13.65625 L 23.8125 14.25 C 23.940067 14.820459 24 15.402764 24 16 C 24 16.597236 23.94016 17.178228 23.8125 17.75 L 23.6875 18.34375 L 24.125 18.71875 L 26.125 20.5 L 24.9375 22.53125 L 22.40625 21.65625 L 21.84375 21.46875 L 21.40625 21.875 C 20.543507 22.669866 19.513125 23.27011 18.375 23.625 L 17.8125 23.8125 L 17.6875 24.40625 L 17.1875 27 L 14.8125 27 L 14.3125 24.40625 L 14.1875 23.8125 L 13.625 23.625 C 12.487692 23.270089 11.45624 22.669633 10.59375 21.875 L 10.15625 21.46875 L 9.59375 21.65625 L 7.0625 22.53125 L 5.875 20.5 L 7.875 18.71875 L 8.34375 18.34375 L 8.1875 17.75 C 8.0599327 17.179541 8 16.597236 8 16 C 8 15.402764 8.0599327 14.820459 8.1875 14.25 L 8.34375 13.65625 L 7.875 13.28125 L 5.875 11.5 L 7.0625 9.46875 L 9.59375 10.34375 L 10.15625 10.53125 L 10.59375 10.125 C 11.456493 9.3301336 12.486875 8.7298898 13.625 8.375 L 14.1875 8.1875 L 14.3125 7.59375 L 14.8125 5 z M 16 11 C 13.250421 11 11 13.250421 11 16 C 11 18.749579 13.250421 21 16 21 C 18.749579 21 21 18.749579 21 16 C 21 13.250421 18.749579 11 16 11 z M 16 13 C 17.668699 13 19 14.331301 19 16 C 19 17.668699 17.668699 19 16 19 C 14.331301 19 13 17.668699 13 16 C 13 14.331301 14.331301 13 16 13 z" fill="#{sdcol(icon)}" fill-opacity="1" color="#000" overflow="visible" font-family="Sans"/>
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/System_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/System_active.svg
new file mode 100644
index 0000000..04be08a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/System_active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="512" height="512">
+    <path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Sans" d="M 13.1875 3 L 13.03125 3.8125 L 12.4375 6.78125 C 11.485754 7.1553109 10.623396 7.6844912 9.84375 8.3125 L 6.9375 7.3125 L 6.15625 7.0625 L 5.75 7.78125 L 3.75 11.21875 L 3.34375 11.9375 L 3.9375 12.46875 L 6.1875 14.4375 C 6.1039547 14.950261 6 15.459106 6 16 C 6 16.540894 6.1039547 17.049739 6.1875 17.5625 L 3.9375 19.53125 L 3.34375 20.0625 L 3.75 20.78125 L 5.75 24.21875 L 6.15625 24.9375 L 6.9375 24.6875 L 9.84375 23.6875 C 10.62363 24.315572 11.486197 24.844746 12.4375 25.21875 L 13.03125 28.1875 L 13.1875 29 L 14 29 L 18 29 L 18.8125 29 L 18.96875 28.1875 L 19.5625 25.21875 C 20.514246 24.844689 21.376604 24.315509 22.15625 23.6875 L 25.0625 24.6875 L 25.84375 24.9375 L 26.25 24.21875 L 28.25 20.78125 L 28.65625 20.0625 L 28.0625 19.53125 L 25.8125 17.5625 C 25.896017 17.049492 26 16.540894 26 16 C 26 15.459106 25.896045 14.950261 25.8125 14.4375 L 28.0625 12.46875 L 28.65625 11.9375 L 28.25 11.21875 L 26.25 7.78125 L 25.84375 7.0625 L 25.0625 7.3125 L 22.15625 8.3125 C 21.37637 7.684428 20.513803 7.1552541 19.5625 6.78125 L 18.96875 3.8125 L 18.8125 3 L 18 3 L 14 3 L 13.1875 3 z M 14.8125 5 L 17.1875 5 L 17.6875 7.59375 L 17.8125 8.1875 L 18.375 8.375 C 19.512308 8.729911 20.54376 9.3303666 21.40625 10.125 L 21.84375 10.53125 L 22.40625 10.34375 L 24.9375 9.46875 L 26.125 11.5 L 24.125 13.28125 L 23.65625 13.65625 L 23.8125 14.25 C 23.940067 14.820459 24 15.402764 24 16 C 24 16.597236 23.94016 17.178228 23.8125 17.75 L 23.6875 18.34375 L 24.125 18.71875 L 26.125 20.5 L 24.9375 22.53125 L 22.40625 21.65625 L 21.84375 21.46875 L 21.40625 21.875 C 20.543507 22.669866 19.513125 23.27011 18.375 23.625 L 17.8125 23.8125 L 17.6875 24.40625 L 17.1875 27 L 14.8125 27 L 14.3125 24.40625 L 14.1875 23.8125 L 13.625 23.625 C 12.487692 23.270089 11.45624 22.669633 10.59375 21.875 L 10.15625 21.46875 L 9.59375 21.65625 L 7.0625 22.53125 L 5.875 20.5 L 7.875 18.71875 L 8.34375 18.34375 L 8.1875 17.75 C 8.0599327 17.179541 8 16.597236 8 16 C 8 15.402764 8.0599327 14.820459 8.1875 14.25 L 8.34375 13.65625 L 7.875 13.28125 L 5.875 11.5 L 7.0625 9.46875 L 9.59375 10.34375 L 10.15625 10.53125 L 10.59375 10.125 C 11.456493 9.3301336 12.486875 8.7298898 13.625 8.375 L 14.1875 8.1875 L 14.3125 7.59375 L 14.8125 5 z M 16 11 C 13.250421 11 11 13.250421 11 16 C 11 18.749579 13.250421 21 16 21 C 18.749579 21 21 18.749579 21 16 C 21 13.250421 18.749579 11 16 11 z M 16 13 C 17.668699 13 19 14.331301 19 16 C 19 17.668699 17.668699 19 16 19 C 14.331301 19 13 17.668699 13 16 C 13 14.331301 14.331301 13 16 13 z" fill="#{sdcol(iconactive)}" fill-opacity="1" color="#000" overflow="visible" font-family="Sans"/>
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/TV Guide.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/TV Guide.svg
new file mode 100644
index 0000000..5ef1242
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/TV Guide.svg
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="45.896px"
+   height="45.896px"
+   viewBox="0 0 45.896 45.896"
+   style="enable-background:new 0 0 45.896 45.896;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="tvguideng.svg"><metadata
+     id="metadata81"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs79" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview77"
+     showgrid="false"
+     inkscape:zoom="5.1420603"
+     inkscape:cx="-35.394373"
+     inkscape:cy="22.948"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M45.305,6.401c-0.803-1.219-2.162-1.869-3.574-1.735L24.385,6.318c-0.468,0.045-0.906,0.171-1.306,0.364     c-0.076,0.037-0.16,0.037-0.236,0c-0.4-0.193-0.839-0.319-1.308-0.364L4.186,4.665C2.756,4.53,1.371,5.197,0.577,6.446     C0.157,7.107,0,7.9,0,8.681v27.09c0,1.982,1.488,3.619,3.462,3.809l17.349,1.651c0.122,0.012,0.242,0.018,0.362,0.018     c0.585,0,1.153-0.134,1.669-0.385c0.077-0.037,0.164-0.037,0.241,0c0.515,0.25,1.084,0.384,1.668,0.384     c0.12,0,0.242-0.006,0.362-0.018l17.336-1.651c1.973-0.189,3.447-1.826,3.447-3.809V8.59C45.896,7.82,45.729,7.043,45.305,6.401z      M4.074,35.276V9.071c0-0.175,0.151-0.313,0.326-0.296l16.271,1.55c0.153,0.014,0.27,0.143,0.27,0.296v26.203     c0,0.176-0.151,0.313-0.326,0.297l-16.272-1.55C4.19,35.557,4.074,35.429,4.074,35.276z M41.611,35.571l-16.271,1.55     c-0.175,0.017-0.326-0.121-0.326-0.297V10.622c0-0.153,0.117-0.282,0.27-0.296l16.271-1.551c0.176-0.017,0.326,0.121,0.326,0.296     v26.205C41.881,35.429,41.764,35.557,41.611,35.571z"
+           id="path9"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g11"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,28.989c-0.053,0-0.106-0.002-0.16-0.008L6.607,27.773c-0.824-0.087-1.421-0.826-1.333-1.649     c0.088-0.824,0.835-1.423,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.825,1.333,1.649     C19.561,28.418,18.91,28.989,18.153,28.989z"
+           id="path13"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g15"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,22.128c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.419,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,21.556,18.91,22.128,18.153,22.128z     "
+           id="path17"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g19"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,16.197c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.422,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,15.625,18.91,16.197,18.153,16.197z     "
+           id="path21"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g23"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,34.92c-0.053,0-0.106-0.002-0.16-0.008L6.607,33.704c-0.824-0.088-1.421-0.826-1.333-1.65     c0.087-0.824,0.835-1.419,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.826,1.333,1.65C19.561,34.348,18.91,34.92,18.153,34.92z"
+           id="path25"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g27"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,28.989c-0.756,0-1.407-0.571-1.489-1.342c-0.087-0.824,0.51-1.562,1.333-1.649l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.823-0.51,1.562-1.333,1.649L27.773,28.98     C27.721,28.987,27.667,28.989,27.613,28.989z"
+           id="path29"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g31"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,34.92c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.091,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.562-1.333,1.65l-11.386,1.208C27.721,34.917,27.667,34.92,27.613,34.92z     "
+           id="path33"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g35"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,17.267c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.092,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,17.264,27.667,17.267,27.613,17.267z"
+           id="path37"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g39"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,23.197c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,23.195,27.667,23.197,27.613,23.197z"
+           id="path41"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g43"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M10.946,22.342l-3.87-0.367c-0.858-0.081-1.515-0.802-1.515-1.665v-6.942c0-0.986,0.849-1.758,1.83-1.665l3.87,0.367     c0.859,0.081,1.515,0.802,1.515,1.665v6.942C12.775,21.663,11.927,22.435,10.946,22.342z"
+           id="path45"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /><g
+     id="g71" /><g
+     id="g73" /><g
+     id="g75" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/TV Guide_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/TV Guide_active.svg
new file mode 100644
index 0000000..e2e2221
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/TV Guide_active.svg
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="45.896px"
+   height="45.896px"
+   viewBox="0 0 45.896 45.896"
+   style="enable-background:new 0 0 45.896 45.896;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="tvguideng.svg"><metadata
+     id="metadata81"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs79" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview77"
+     showgrid="false"
+     inkscape:zoom="5.1420603"
+     inkscape:cx="-35.394373"
+     inkscape:cy="22.948"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M45.305,6.401c-0.803-1.219-2.162-1.869-3.574-1.735L24.385,6.318c-0.468,0.045-0.906,0.171-1.306,0.364     c-0.076,0.037-0.16,0.037-0.236,0c-0.4-0.193-0.839-0.319-1.308-0.364L4.186,4.665C2.756,4.53,1.371,5.197,0.577,6.446     C0.157,7.107,0,7.9,0,8.681v27.09c0,1.982,1.488,3.619,3.462,3.809l17.349,1.651c0.122,0.012,0.242,0.018,0.362,0.018     c0.585,0,1.153-0.134,1.669-0.385c0.077-0.037,0.164-0.037,0.241,0c0.515,0.25,1.084,0.384,1.668,0.384     c0.12,0,0.242-0.006,0.362-0.018l17.336-1.651c1.973-0.189,3.447-1.826,3.447-3.809V8.59C45.896,7.82,45.729,7.043,45.305,6.401z      M4.074,35.276V9.071c0-0.175,0.151-0.313,0.326-0.296l16.271,1.55c0.153,0.014,0.27,0.143,0.27,0.296v26.203     c0,0.176-0.151,0.313-0.326,0.297l-16.272-1.55C4.19,35.557,4.074,35.429,4.074,35.276z M41.611,35.571l-16.271,1.55     c-0.175,0.017-0.326-0.121-0.326-0.297V10.622c0-0.153,0.117-0.282,0.27-0.296l16.271-1.551c0.176-0.017,0.326,0.121,0.326,0.296     v26.205C41.881,35.429,41.764,35.557,41.611,35.571z"
+           id="path9"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g11"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M18.153,28.989c-0.053,0-0.106-0.002-0.16-0.008L6.607,27.773c-0.824-0.087-1.421-0.826-1.333-1.649     c0.088-0.824,0.835-1.423,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.825,1.333,1.649     C19.561,28.418,18.91,28.989,18.153,28.989z"
+           id="path13"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g15"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M18.153,22.128c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.419,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,21.556,18.91,22.128,18.153,22.128z     "
+           id="path17"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g19"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M18.153,16.197c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.422,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,15.625,18.91,16.197,18.153,16.197z     "
+           id="path21"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g23"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M18.153,34.92c-0.053,0-0.106-0.002-0.16-0.008L6.607,33.704c-0.824-0.088-1.421-0.826-1.333-1.65     c0.087-0.824,0.835-1.419,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.826,1.333,1.65C19.561,34.348,18.91,34.92,18.153,34.92z"
+           id="path25"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g27"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M27.613,28.989c-0.756,0-1.407-0.571-1.489-1.342c-0.087-0.824,0.51-1.562,1.333-1.649l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.823-0.51,1.562-1.333,1.649L27.773,28.98     C27.721,28.987,27.667,28.989,27.613,28.989z"
+           id="path29"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g31"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M27.613,34.92c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.091,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.562-1.333,1.65l-11.386,1.208C27.721,34.917,27.667,34.92,27.613,34.92z     "
+           id="path33"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g35"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M27.613,17.267c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.092,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,17.264,27.667,17.267,27.613,17.267z"
+           id="path37"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g39"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M27.613,23.197c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,23.195,27.667,23.197,27.613,23.197z"
+           id="path41"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g43"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M10.946,22.342l-3.87-0.367c-0.858-0.081-1.515-0.802-1.515-1.665v-6.942c0-0.986,0.849-1.758,1.83-1.665l3.87,0.367     c0.859,0.081,1.515,0.802,1.515,1.665v6.942C12.775,21.663,11.927,22.435,10.946,22.342z"
+           id="path45"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g></g><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /><g
+     id="g71" /><g
+     id="g73" /><g
+     id="g75" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Timerhistorie.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Timerhistorie.svg
new file mode 100644
index 0000000..5acd2b4
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Timerhistorie.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 485 485" style="enable-background:new 0 0 485 485;" xml:space="preserve">
+<g fill="#{sdcol(icon)}" fill-opacity="1">
+	<g>
+		<path d="M483.8,46.25H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3c0,0.6,0.5,1.2,1.2,1.2h302.2c0.6,0,1.2-0.5,1.2-1.2v-28.3
+			C485,46.75,484.5,46.25,483.8,46.25z"/>
+		<circle cx="71.5" cy="253.35" r="37.9"/>
+		<circle cx="71.5" cy="419.55" r="38.1"/>
+		<path d="M181.6,128.15h142.8c0.6,0,1.2-0.5,1.2-1.2v-28.3c0-0.6-0.5-1.2-1.2-1.2H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3
+			C180.5,127.65,181,128.15,181.6,128.15z"/>
+		<path d="M483.8,212.45H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3c0,0.6,0.5,1.2,1.2,1.2h302.2c0.6,0,1.2-0.5,1.2-1.2v-28.3
+			C485,212.95,484.5,212.45,483.8,212.45z"/>
+		<path d="M181.6,294.35h142.8c0.6,0,1.2-0.5,1.2-1.2v-28.3c0-0.6-0.5-1.2-1.2-1.2H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3
+			C180.5,293.75,181,294.35,181.6,294.35z"/>
+		<path d="M483.8,378.55H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3c0,0.6,0.5,1.2,1.2,1.2h302.2c0.6,0,1.2-0.5,1.2-1.2v-28.3
+			C485,379.05,484.5,378.55,483.8,378.55z"/>
+		<path d="M324.4,429.85H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3c0,0.6,0.5,1.2,1.2,1.2h142.8c0.6,0,1.2-0.5,1.2-1.2v-28.3
+			C325.6,430.35,325.1,429.85,324.4,429.85z"/>
+		<polygon points="53.4,86.55 27.3,60.25 0,87.45 26.2,113.65 53.3,140.95 80.5,113.85 143,51.75 115.9,24.45 		"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Timerhistorie_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Timerhistorie_active.svg
new file mode 100644
index 0000000..9d855fa
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Timerhistorie_active.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 485 485" style="enable-background:new 0 0 485 485;" xml:space="preserve">
+<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<g>
+		<path d="M483.8,46.25H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3c0,0.6,0.5,1.2,1.2,1.2h302.2c0.6,0,1.2-0.5,1.2-1.2v-28.3
+			C485,46.75,484.5,46.25,483.8,46.25z"/>
+		<circle cx="71.5" cy="253.35" r="37.9"/>
+		<circle cx="71.5" cy="419.55" r="38.1"/>
+		<path d="M181.6,128.15h142.8c0.6,0,1.2-0.5,1.2-1.2v-28.3c0-0.6-0.5-1.2-1.2-1.2H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3
+			C180.5,127.65,181,128.15,181.6,128.15z"/>
+		<path d="M483.8,212.45H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3c0,0.6,0.5,1.2,1.2,1.2h302.2c0.6,0,1.2-0.5,1.2-1.2v-28.3
+			C485,212.95,484.5,212.45,483.8,212.45z"/>
+		<path d="M181.6,294.35h142.8c0.6,0,1.2-0.5,1.2-1.2v-28.3c0-0.6-0.5-1.2-1.2-1.2H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3
+			C180.5,293.75,181,294.35,181.6,294.35z"/>
+		<path d="M483.8,378.55H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3c0,0.6,0.5,1.2,1.2,1.2h302.2c0.6,0,1.2-0.5,1.2-1.2v-28.3
+			C485,379.05,484.5,378.55,483.8,378.55z"/>
+		<path d="M324.4,429.85H181.6c-0.6,0-1.2,0.5-1.2,1.2v28.3c0,0.6,0.5,1.2,1.2,1.2h142.8c0.6,0,1.2-0.5,1.2-1.2v-28.3
+			C325.6,430.35,325.1,429.85,324.4,429.85z"/>
+		<polygon points="53.4,86.55 27.3,60.25 0,87.45 26.2,113.65 53.3,140.95 80.5,113.85 143,51.75 115.9,24.45 		"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Update.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Update.svg
new file mode 100644
index 0000000..9050e5b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Update.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.542px" height="438.542px" viewBox="0 0 438.542 438.542" style="enable-background:new 0 0 438.542 438.542;"
+	 xml:space="preserve">
+<g fill="#{sdcol(icon)}" fill-opacity="1">
+	<path d="M427.408,19.697c-7.803-3.23-14.463-1.902-19.986,3.999l-37.116,36.834C349.94,41.305,326.672,26.412,300.5,15.848
+		C274.328,5.285,247.251,0.003,219.271,0.003c-29.692,0-58.052,5.808-85.08,17.417c-27.03,11.61-50.347,27.215-69.951,46.82
+		c-19.605,19.607-35.214,42.921-46.824,69.949C5.807,161.219,0,189.575,0,219.271c0,29.687,5.807,58.05,17.417,85.079
+		c11.613,27.031,27.218,50.347,46.824,69.952c19.604,19.599,42.921,35.207,69.951,46.818c27.028,11.611,55.388,17.419,85.08,17.419
+		c32.736,0,63.865-6.899,93.363-20.7c29.5-13.795,54.625-33.26,75.377-58.386c1.52-1.903,2.234-4.045,2.136-6.424
+		c-0.089-2.378-0.999-4.329-2.711-5.852l-39.108-39.399c-2.101-1.711-4.473-2.566-7.139-2.566c-3.045,0.38-5.232,1.526-6.566,3.429
+		c-13.895,18.086-30.93,32.072-51.107,41.977c-20.173,9.894-41.586,14.839-64.237,14.839c-19.792,0-38.684-3.854-56.671-11.564
+		c-17.989-7.706-33.551-18.127-46.682-31.261c-13.13-13.135-23.551-28.691-31.261-46.682c-7.708-17.987-11.563-36.874-11.563-56.671
+		c0-19.795,3.858-38.691,11.563-56.674c7.707-17.985,18.127-33.547,31.261-46.678c13.135-13.134,28.693-23.555,46.682-31.265
+		c17.983-7.707,36.879-11.563,56.671-11.563c38.259,0,71.475,13.039,99.646,39.116l-39.409,39.394
+		c-5.903,5.711-7.231,12.279-4.001,19.701c3.241,7.614,8.856,11.42,16.854,11.42h127.906c4.949,0,9.23-1.807,12.848-5.424
+		c3.613-3.616,5.42-7.898,5.42-12.847V36.55C438.542,28.558,434.84,22.943,427.408,19.697z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Update_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Update_active.svg
new file mode 100644
index 0000000..42792cb
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Update_active.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.542px" height="438.542px" viewBox="0 0 438.542 438.542" style="enable-background:new 0 0 438.542 438.542;"
+	 xml:space="preserve">
+<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<path d="M427.408,19.697c-7.803-3.23-14.463-1.902-19.986,3.999l-37.116,36.834C349.94,41.305,326.672,26.412,300.5,15.848
+		C274.328,5.285,247.251,0.003,219.271,0.003c-29.692,0-58.052,5.808-85.08,17.417c-27.03,11.61-50.347,27.215-69.951,46.82
+		c-19.605,19.607-35.214,42.921-46.824,69.949C5.807,161.219,0,189.575,0,219.271c0,29.687,5.807,58.05,17.417,85.079
+		c11.613,27.031,27.218,50.347,46.824,69.952c19.604,19.599,42.921,35.207,69.951,46.818c27.028,11.611,55.388,17.419,85.08,17.419
+		c32.736,0,63.865-6.899,93.363-20.7c29.5-13.795,54.625-33.26,75.377-58.386c1.52-1.903,2.234-4.045,2.136-6.424
+		c-0.089-2.378-0.999-4.329-2.711-5.852l-39.108-39.399c-2.101-1.711-4.473-2.566-7.139-2.566c-3.045,0.38-5.232,1.526-6.566,3.429
+		c-13.895,18.086-30.93,32.072-51.107,41.977c-20.173,9.894-41.586,14.839-64.237,14.839c-19.792,0-38.684-3.854-56.671-11.564
+		c-17.989-7.706-33.551-18.127-46.682-31.261c-13.13-13.135-23.551-28.691-31.261-46.682c-7.708-17.987-11.563-36.874-11.563-56.671
+		c0-19.795,3.858-38.691,11.563-56.674c7.707-17.985,18.127-33.547,31.261-46.678c13.135-13.134,28.693-23.555,46.682-31.265
+		c17.983-7.707,36.879-11.563,56.671-11.563c38.259,0,71.475,13.039,99.646,39.116l-39.409,39.394
+		c-5.903,5.711-7.231,12.279-4.001,19.701c3.241,7.614,8.856,11.42,16.854,11.42h127.906c4.949,0,9.23-1.807,12.848-5.424
+		c3.613-3.616,5.42-7.898,5.42-12.847V36.55C438.542,28.558,434.84,22.943,427.408,19.697z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/VDR neu starten.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/VDR neu starten.svg
new file mode 100644
index 0000000..9050e5b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/VDR neu starten.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.542px" height="438.542px" viewBox="0 0 438.542 438.542" style="enable-background:new 0 0 438.542 438.542;"
+	 xml:space="preserve">
+<g fill="#{sdcol(icon)}" fill-opacity="1">
+	<path d="M427.408,19.697c-7.803-3.23-14.463-1.902-19.986,3.999l-37.116,36.834C349.94,41.305,326.672,26.412,300.5,15.848
+		C274.328,5.285,247.251,0.003,219.271,0.003c-29.692,0-58.052,5.808-85.08,17.417c-27.03,11.61-50.347,27.215-69.951,46.82
+		c-19.605,19.607-35.214,42.921-46.824,69.949C5.807,161.219,0,189.575,0,219.271c0,29.687,5.807,58.05,17.417,85.079
+		c11.613,27.031,27.218,50.347,46.824,69.952c19.604,19.599,42.921,35.207,69.951,46.818c27.028,11.611,55.388,17.419,85.08,17.419
+		c32.736,0,63.865-6.899,93.363-20.7c29.5-13.795,54.625-33.26,75.377-58.386c1.52-1.903,2.234-4.045,2.136-6.424
+		c-0.089-2.378-0.999-4.329-2.711-5.852l-39.108-39.399c-2.101-1.711-4.473-2.566-7.139-2.566c-3.045,0.38-5.232,1.526-6.566,3.429
+		c-13.895,18.086-30.93,32.072-51.107,41.977c-20.173,9.894-41.586,14.839-64.237,14.839c-19.792,0-38.684-3.854-56.671-11.564
+		c-17.989-7.706-33.551-18.127-46.682-31.261c-13.13-13.135-23.551-28.691-31.261-46.682c-7.708-17.987-11.563-36.874-11.563-56.671
+		c0-19.795,3.858-38.691,11.563-56.674c7.707-17.985,18.127-33.547,31.261-46.678c13.135-13.134,28.693-23.555,46.682-31.265
+		c17.983-7.707,36.879-11.563,56.671-11.563c38.259,0,71.475,13.039,99.646,39.116l-39.409,39.394
+		c-5.903,5.711-7.231,12.279-4.001,19.701c3.241,7.614,8.856,11.42,16.854,11.42h127.906c4.949,0,9.23-1.807,12.848-5.424
+		c3.613-3.616,5.42-7.898,5.42-12.847V36.55C438.542,28.558,434.84,22.943,427.408,19.697z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/VDR neu starten_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/VDR neu starten_active.svg
new file mode 100644
index 0000000..42792cb
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/VDR neu starten_active.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.542px" height="438.542px" viewBox="0 0 438.542 438.542" style="enable-background:new 0 0 438.542 438.542;"
+	 xml:space="preserve">
+<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<path d="M427.408,19.697c-7.803-3.23-14.463-1.902-19.986,3.999l-37.116,36.834C349.94,41.305,326.672,26.412,300.5,15.848
+		C274.328,5.285,247.251,0.003,219.271,0.003c-29.692,0-58.052,5.808-85.08,17.417c-27.03,11.61-50.347,27.215-69.951,46.82
+		c-19.605,19.607-35.214,42.921-46.824,69.949C5.807,161.219,0,189.575,0,219.271c0,29.687,5.807,58.05,17.417,85.079
+		c11.613,27.031,27.218,50.347,46.824,69.952c19.604,19.599,42.921,35.207,69.951,46.818c27.028,11.611,55.388,17.419,85.08,17.419
+		c32.736,0,63.865-6.899,93.363-20.7c29.5-13.795,54.625-33.26,75.377-58.386c1.52-1.903,2.234-4.045,2.136-6.424
+		c-0.089-2.378-0.999-4.329-2.711-5.852l-39.108-39.399c-2.101-1.711-4.473-2.566-7.139-2.566c-3.045,0.38-5.232,1.526-6.566,3.429
+		c-13.895,18.086-30.93,32.072-51.107,41.977c-20.173,9.894-41.586,14.839-64.237,14.839c-19.792,0-38.684-3.854-56.671-11.564
+		c-17.989-7.706-33.551-18.127-46.682-31.261c-13.13-13.135-23.551-28.691-31.261-46.682c-7.708-17.987-11.563-36.874-11.563-56.671
+		c0-19.795,3.858-38.691,11.563-56.674c7.707-17.985,18.127-33.547,31.261-46.678c13.135-13.134,28.693-23.555,46.682-31.265
+		c17.983-7.707,36.879-11.563,56.671-11.563c38.259,0,71.475,13.039,99.646,39.116l-39.409,39.394
+		c-5.903,5.711-7.231,12.279-4.001,19.701c3.241,7.614,8.856,11.42,16.854,11.42h127.906c4.949,0,9.23-1.807,12.848-5.424
+		c3.613-3.616,5.42-7.898,5.42-12.847V36.55C438.542,28.558,434.84,22.943,427.408,19.697z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/VDR-Server starten.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/VDR-Server starten.svg
new file mode 100644
index 0000000..ac1569a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/VDR-Server starten.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" enable-background="new 0 0 24 24" width="512" height="512">
+    <path d="M 18 2 C 16.343146 2 15 3.3431458 15 5 C 15 5.1963259 15.026495 5.3766961 15.0625 5.5625 L 7.9375 9.71875 C 7.4141653 9.2738436 6.7407113 9 6 9 C 4.3431458 9 3 10.343146 3 12 C 3 13.656854 4.3431458 15 6 15 C 6.7407113 15 7.4141653 14.726156 7.9375 14.28125 L 15.0625 18.4375 C 15.026495 18.623304 15 18.803674 15 19 C 15 20.656854 16.343146 22 18 22 C 19.656854 22 21 20.656854 21 19 C 21 17.343146 19.656854 16 18 16 C 17.259289 16 16.585835 16.273844 16.0625 16.71875 L 8.9375 12.5625 C 8.9735045 12.376696 9 12.196326 9 12 C 9 11.803674 8.9735045 11.623304 8.9375 11.4375 L 16.0625 7.28125 C 16.585835 7.7261564 17.259289 8 18 8 C 19.656854 8 21 6.6568542 21 5 C 21 3.3431458 19.656854 2 18 2 z" fill="#{sdcol(icon)}" fill-opacity="1" />
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/VDR-Server starten_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/VDR-Server starten_active.svg
new file mode 100644
index 0000000..677cd71
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/VDR-Server starten_active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" enable-background="new 0 0 24 24" width="512" height="512">
+    <path d="M 18 2 C 16.343146 2 15 3.3431458 15 5 C 15 5.1963259 15.026495 5.3766961 15.0625 5.5625 L 7.9375 9.71875 C 7.4141653 9.2738436 6.7407113 9 6 9 C 4.3431458 9 3 10.343146 3 12 C 3 13.656854 4.3431458 15 6 15 C 6.7407113 15 7.4141653 14.726156 7.9375 14.28125 L 15.0625 18.4375 C 15.026495 18.623304 15 18.803674 15 19 C 15 20.656854 16.343146 22 18 22 C 19.656854 22 21 20.656854 21 19 C 21 17.343146 19.656854 16 18 16 C 17.259289 16 16.585835 16.273844 16.0625 16.71875 L 8.9375 12.5625 C 8.9735045 12.376696 9 12.196326 9 12 C 9 11.803674 8.9735045 11.623304 8.9375 11.4375 L 16.0625 7.28125 C 16.585835 7.7261564 17.259289 8 18 8 C 19.656854 8 21 6.6568542 21 5 C 21 3.3431458 19.656854 2 18 2 z" fill="#{sdcol(iconactive)}" fill-opacity="1" />
+</svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Web.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Web.svg
new file mode 100644
index 0000000..83cb6df
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Web.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
+<g fill="#{sdcol(icon)}" fill-opacity="1">
+	<path d="M245,0C109.9,0,0,109.9,0,245s109.9,245,245,245s245-109.9,245-245S380.1,0,245,0z M172.7,77.3
+		c-14.9,20.8-29.3,47-39.2,79.2H85.3C104.8,121.4,135.6,93.4,172.7,77.3z M69.9,296.8C65,280.4,62.4,263,62.4,245s2.7-35.4,7.5-51.8
+		h55c-2.7,16.1-4.3,33.3-4.3,51.8s1.6,35.7,4.3,51.8H69.9z M85.3,333.5h48.2c9.9,32.2,24.3,58.4,39.2,79.2
+		C135.6,396.6,104.8,368.6,85.3,333.5z M226.7,419.6c-17.7-17.9-39.9-46.3-54.3-86.1h54.3V419.6z M226.7,296.8h-64.4
+		c-3.1-15.9-5-33.1-5-51.8s1.8-35.9,4.9-51.8h64.5L226.7,296.8L226.7,296.8z M226.7,156.5h-54.5c14.4-40.2,36.7-68.6,54.5-86.4
+		V156.5z M404.7,156.5h-48.2c-9.9-32.2-24.3-58.4-39.2-79.2C354.4,93.4,385.2,121.4,404.7,156.5z M263.3,70.4
+		c17.7,17.9,39.9,46.3,54.3,86.1h-54.3V70.4z M263.3,193.2h64.4c3.1,15.9,5,33.1,5,51.8s-1.8,35.9-4.9,51.8h-64.5V193.2z
+		 M263.3,333.5h54.5c-14.4,40.2-36.7,68.6-54.5,86.4V333.5z M317.3,412.7c14.9-20.8,29.3-47,39.2-79.2h48.2
+		C385.2,368.6,354.4,396.6,317.3,412.7z M427.6,245c0,18-2.7,35.4-7.5,51.8h-55c2.7-16.1,4.3-33.3,4.3-51.8s-1.6-35.7-4.3-51.8h55
+		C425,209.6,427.6,227,427.6,245z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/customicons/Web_active.svg b/skins/metrixhd/svgtemplates/menuicons/customicons/Web_active.svg
new file mode 100644
index 0000000..d43a725
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/customicons/Web_active.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 490 490" style="enable-background:new 0 0 490 490;" xml:space="preserve">
+<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<path d="M245,0C109.9,0,0,109.9,0,245s109.9,245,245,245s245-109.9,245-245S380.1,0,245,0z M172.7,77.3
+		c-14.9,20.8-29.3,47-39.2,79.2H85.3C104.8,121.4,135.6,93.4,172.7,77.3z M69.9,296.8C65,280.4,62.4,263,62.4,245s2.7-35.4,7.5-51.8
+		h55c-2.7,16.1-4.3,33.3-4.3,51.8s1.6,35.7,4.3,51.8H69.9z M85.3,333.5h48.2c9.9,32.2,24.3,58.4,39.2,79.2
+		C135.6,396.6,104.8,368.6,85.3,333.5z M226.7,419.6c-17.7-17.9-39.9-46.3-54.3-86.1h54.3V419.6z M226.7,296.8h-64.4
+		c-3.1-15.9-5-33.1-5-51.8s1.8-35.9,4.9-51.8h64.5L226.7,296.8L226.7,296.8z M226.7,156.5h-54.5c14.4-40.2,36.7-68.6,54.5-86.4
+		V156.5z M404.7,156.5h-48.2c-9.9-32.2-24.3-58.4-39.2-79.2C354.4,93.4,385.2,121.4,404.7,156.5z M263.3,70.4
+		c17.7,17.9,39.9,46.3,54.3,86.1h-54.3V70.4z M263.3,193.2h64.4c3.1,15.9,5,33.1,5,51.8s-1.8,35.9-4.9,51.8h-64.5V193.2z
+		 M263.3,333.5h54.5c-14.4,40.2-36.7,68.6-54.5,86.4V333.5z M317.3,412.7c14.9-20.8,29.3-47,39.2-79.2h48.2
+		C385.2,368.6,354.4,396.6,317.3,412.7z M427.6,245c0,18-2.7,35.4-7.5,51.8h-55c2.7-16.1,4.3-33.3,4.3-51.8s-1.6-35.7-4.3-51.8h55
+		C425,209.6,427.6,227,427.6,245z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/cecremote.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/cecremote.svg
new file mode 100644
index 0000000..4986b7c
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/cecremote.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<g  fill="#{sdcol(icon)}" fill-opacity="1">
+	<polygon points="18.195,54 41.805,54 30,35.113 	"/>
+	<polygon points="0,6 0,46 20.625,46 30,31 39.375,46 60,46 60,6 	"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/cecremote_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/cecremote_active.svg
new file mode 100644
index 0000000..30b3f9f
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/cecremote_active.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<g  fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<polygon points="18.195,54 41.805,54 30,35.113 	"/>
+	<polygon points="0,6 0,46 20.625,46 30,31 39.375,46 60,46 60,6 	"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/channellists.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/channellists.svg
new file mode 100644
index 0000000..02890e0
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/channellists.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="511.626px" height="511.627px" viewBox="0 0 511.626 511.627" style="enable-background:new 0 0 511.626 511.627;"
+	 xml:space="preserve">
+<g>
+	<g fill="#{sdcol(icon)}" fill-opacity="1">
+		<path d="M118.771,200.999H27.406c-7.611,0-14.084,2.664-19.414,7.994C2.663,214.32,0,220.791,0,228.407v54.823
+			c0,7.61,2.663,14.078,7.992,19.406c5.33,5.329,11.803,7.994,19.414,7.994h91.365c7.611,0,14.084-2.665,19.414-7.994
+			c5.33-5.328,7.992-11.796,7.992-19.406v-54.823c0-7.616-2.662-14.087-7.992-19.414S126.382,200.999,118.771,200.999z"/>
+		<path d="M118.771,54.814H27.406c-7.611,0-14.084,2.663-19.414,7.993C2.663,68.137,0,74.61,0,82.221v54.821
+			c0,7.616,2.663,14.091,7.992,19.417c5.33,5.327,11.803,7.994,19.414,7.994h91.365c7.611,0,14.084-2.667,19.414-7.994
+			s7.992-11.798,7.992-19.414V82.225c0-7.611-2.662-14.084-7.992-19.417C132.855,57.48,126.382,54.814,118.771,54.814z"/>
+		<path d="M118.771,347.177H27.406c-7.611,0-14.084,2.662-19.414,7.994C2.663,360.502,0,366.974,0,374.585v54.826
+			c0,7.61,2.663,14.086,7.992,19.41c5.33,5.332,11.803,7.991,19.414,7.991h91.365c7.611,0,14.084-2.663,19.414-7.991
+			c5.33-5.324,7.992-11.8,7.992-19.41v-54.826c0-7.611-2.662-14.083-7.992-19.411S126.382,347.177,118.771,347.177z"/>
+		<path d="M484.215,200.999H210.131c-7.614,0-14.084,2.664-19.414,7.994s-7.992,11.798-7.992,19.414v54.823
+			c0,7.61,2.662,14.078,7.992,19.406c5.327,5.329,11.8,7.994,19.414,7.994h274.091c7.61,0,14.085-2.665,19.41-7.994
+			c5.332-5.328,7.994-11.796,7.994-19.406v-54.823c0-7.616-2.662-14.087-7.997-19.414
+			C498.3,203.663,491.833,200.999,484.215,200.999z"/>
+		<path d="M484.215,347.177H210.131c-7.614,0-14.084,2.662-19.414,7.994c-5.33,5.331-7.992,11.8-7.992,19.41v54.823
+			c0,7.611,2.662,14.089,7.992,19.417c5.327,5.328,11.8,7.987,19.414,7.987h274.091c7.61,0,14.085-2.662,19.41-7.987
+			c5.332-5.331,7.994-11.806,7.994-19.417v-54.823c0-7.61-2.662-14.085-7.997-19.41C498.3,349.846,491.833,347.177,484.215,347.177z
+			"/>
+		<path d="M503.629,62.811c-5.329-5.327-11.797-7.993-19.414-7.993H210.131c-7.614,0-14.084,2.663-19.414,7.993
+			s-7.992,11.803-7.992,19.414v54.821c0,7.616,2.662,14.083,7.992,19.414c5.327,5.327,11.8,7.994,19.414,7.994h274.091
+			c7.61,0,14.078-2.667,19.41-7.994s7.994-11.798,7.994-19.414V82.225C511.626,74.613,508.964,68.141,503.629,62.811z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/channellists_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/channellists_active.svg
new file mode 100644
index 0000000..3210879
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/channellists_active.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="511.626px" height="511.627px" viewBox="0 0 511.626 511.627" style="enable-background:new 0 0 511.626 511.627;"
+	 xml:space="preserve">
+<g>
+	<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+		<path d="M118.771,200.999H27.406c-7.611,0-14.084,2.664-19.414,7.994C2.663,214.32,0,220.791,0,228.407v54.823
+			c0,7.61,2.663,14.078,7.992,19.406c5.33,5.329,11.803,7.994,19.414,7.994h91.365c7.611,0,14.084-2.665,19.414-7.994
+			c5.33-5.328,7.992-11.796,7.992-19.406v-54.823c0-7.616-2.662-14.087-7.992-19.414S126.382,200.999,118.771,200.999z"/>
+		<path d="M118.771,54.814H27.406c-7.611,0-14.084,2.663-19.414,7.993C2.663,68.137,0,74.61,0,82.221v54.821
+			c0,7.616,2.663,14.091,7.992,19.417c5.33,5.327,11.803,7.994,19.414,7.994h91.365c7.611,0,14.084-2.667,19.414-7.994
+			s7.992-11.798,7.992-19.414V82.225c0-7.611-2.662-14.084-7.992-19.417C132.855,57.48,126.382,54.814,118.771,54.814z"/>
+		<path d="M118.771,347.177H27.406c-7.611,0-14.084,2.662-19.414,7.994C2.663,360.502,0,366.974,0,374.585v54.826
+			c0,7.61,2.663,14.086,7.992,19.41c5.33,5.332,11.803,7.991,19.414,7.991h91.365c7.611,0,14.084-2.663,19.414-7.991
+			c5.33-5.324,7.992-11.8,7.992-19.41v-54.826c0-7.611-2.662-14.083-7.992-19.411S126.382,347.177,118.771,347.177z"/>
+		<path d="M484.215,200.999H210.131c-7.614,0-14.084,2.664-19.414,7.994s-7.992,11.798-7.992,19.414v54.823
+			c0,7.61,2.662,14.078,7.992,19.406c5.327,5.329,11.8,7.994,19.414,7.994h274.091c7.61,0,14.085-2.665,19.41-7.994
+			c5.332-5.328,7.994-11.796,7.994-19.406v-54.823c0-7.616-2.662-14.087-7.997-19.414
+			C498.3,203.663,491.833,200.999,484.215,200.999z"/>
+		<path d="M484.215,347.177H210.131c-7.614,0-14.084,2.662-19.414,7.994c-5.33,5.331-7.992,11.8-7.992,19.41v54.823
+			c0,7.611,2.662,14.089,7.992,19.417c5.327,5.328,11.8,7.987,19.414,7.987h274.091c7.61,0,14.085-2.662,19.41-7.987
+			c5.332-5.331,7.994-11.806,7.994-19.417v-54.823c0-7.61-2.662-14.085-7.997-19.41C498.3,349.846,491.833,347.177,484.215,347.177z
+			"/>
+		<path d="M503.629,62.811c-5.329-5.327-11.797-7.993-19.414-7.993H210.131c-7.614,0-14.084,2.663-19.414,7.993
+			s-7.992,11.803-7.992,19.414v54.821c0,7.616,2.662,14.083,7.992,19.414c5.327,5.327,11.8,7.994,19.414,7.994h274.091
+			c7.61,0,14.078-2.667,19.41-7.994s7.994-11.798,7.994-19.414V82.225C511.626,74.613,508.964,68.141,503.629,62.811z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/epg2vdr.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/epg2vdr.svg
new file mode 100644
index 0000000..a0a724f
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/epg2vdr.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="151.419px"
+   height="151.419px"
+   viewBox="0 0 151.419 151.419"
+   style="enable-background:new 0 0 151.419 151.419;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="epg2vdr.svg"><metadata
+     id="metadata55"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs53" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview51"
+     showgrid="false"
+     inkscape:zoom="1.558589"
+     inkscape:cx="-116.77228"
+     inkscape:cy="75.709502"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><polygon
+         points="29.572,64.411 94.333,53.356 91.982,42.88 27.191,53.6   "
+         id="polygon7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M39.293,108.667l2.412,10.984l26.399-5.212c0-0.037-0.012-0.062-0.012-0.098v-11.204L39.293,108.667z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M35.612,91.934l32.474-5.968v-8.695c0-0.84,0.088-1.662,0.243-2.459l-35.098,6.272L35.612,91.934z"
+         id="path11"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M68.086,131.464l-32.76,6.723L13.822,40.024l84.322-13.356l6.681,29.782c1.516-0.106,3.044-0.171,4.572-0.201L96.757,0    L2.959,13.649l28.659,130.993l36.514-7.588c-0.006-0.158-0.045-0.316-0.045-0.475V131.464z"
+         id="path13"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M111.395,114.342c-20.483,0-37.073-6.638-37.073-14.827v14.827c0,8.184,16.59,14.833,37.073,14.833    c20.472,0,37.065-6.637,37.065-14.833V99.515C148.453,107.705,131.86,114.342,111.395,114.342z"
+         id="path15"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M111.395,136.592c-20.483,0-37.073-6.638-37.073-14.833v14.833c0,8.184,16.59,14.827,37.073,14.827    c20.472,0,37.065-6.631,37.065-14.827v-14.833C148.453,129.955,131.86,136.592,111.395,136.592z"
+         id="path17"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M111.395,62.448c-20.483,0-37.073,6.634-37.073,14.823v14.834c0,8.189,16.59,14.833,37.073,14.833    c20.472,0,37.065-6.638,37.065-14.833V77.271C148.453,69.087,131.86,62.448,111.395,62.448z M111.395,88.39    c-20.374,0-33.368-6.582-33.368-11.119c0-4.53,12.994-11.121,33.368-11.121c20.368,0,33.363,6.591,33.363,11.121    C144.758,81.808,131.757,88.39,111.395,88.39z"
+         id="path19"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/epg2vdr_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/epg2vdr_active.svg
new file mode 100644
index 0000000..13fe34d
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/epg2vdr_active.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="151.419px"
+   height="151.419px"
+   viewBox="0 0 151.419 151.419"
+   style="enable-background:new 0 0 151.419 151.419;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="epg2vdr.svg"><metadata
+     id="metadata55"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs53" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview51"
+     showgrid="false"
+     inkscape:zoom="1.558589"
+     inkscape:cx="-116.77228"
+     inkscape:cy="75.709502"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><polygon
+         points="29.572,64.411 94.333,53.356 91.982,42.88 27.191,53.6   "
+         id="polygon7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M39.293,108.667l2.412,10.984l26.399-5.212c0-0.037-0.012-0.062-0.012-0.098v-11.204L39.293,108.667z"
+         id="path9"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M35.612,91.934l32.474-5.968v-8.695c0-0.84,0.088-1.662,0.243-2.459l-35.098,6.272L35.612,91.934z"
+         id="path11"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M68.086,131.464l-32.76,6.723L13.822,40.024l84.322-13.356l6.681,29.782c1.516-0.106,3.044-0.171,4.572-0.201L96.757,0    L2.959,13.649l28.659,130.993l36.514-7.588c-0.006-0.158-0.045-0.316-0.045-0.475V131.464z"
+         id="path13"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M111.395,114.342c-20.483,0-37.073-6.638-37.073-14.827v14.827c0,8.184,16.59,14.833,37.073,14.833    c20.472,0,37.065-6.637,37.065-14.833V99.515C148.453,107.705,131.86,114.342,111.395,114.342z"
+         id="path15"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M111.395,136.592c-20.483,0-37.073-6.638-37.073-14.833v14.833c0,8.184,16.59,14.827,37.073,14.827    c20.472,0,37.065-6.631,37.065-14.827v-14.833C148.453,129.955,131.86,136.592,111.395,136.592z"
+         id="path17"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M111.395,62.448c-20.483,0-37.073,6.634-37.073,14.823v14.834c0,8.189,16.59,14.833,37.073,14.833    c20.472,0,37.065-6.638,37.065-14.833V77.271C148.453,69.087,131.86,62.448,111.395,62.448z M111.395,88.39    c-20.374,0-33.368-6.582-33.368-11.119c0-4.53,12.994-11.121,33.368-11.121c20.368,0,33.363,6.591,33.363,11.121    C144.758,81.808,131.757,88.39,111.395,88.39z"
+         id="path19"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/epgsearch.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/epgsearch.svg
new file mode 100644
index 0000000..1188f67
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/epgsearch.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 491.172 491.172" style="enable-background:new 0 0 491.172 491.172;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(icon)}" fill-opacity="1">
+		<g>
+			<rect x="71.701" y="84.387" width="211.264" height="70.752"/>
+			<path d="M491.167,445.094l-37.749-37.77V1.059H0v424.901h381.954l64.173,64.152c0,0,20.73,0.259,33.197-14.021
+				C491.792,461.833,491.167,445.094,491.167,445.094z M30.738,395.783V42.54h391.898v334.024l-26.661-26.618l-12.317,7.464
+				l-18.81-18.119c29.272-41.157,25.777-98.471-11.044-135.314c-38.849-38.827-100.11-40.488-141.353-6.04H71.701v27.007h117.561
+				c-8.175,13.762-12.77,28.883-14.129,44.35H71.701v26.834h104.252c2.739,15.768,9.211,30.976,19.133,44.371H71.701v27.007h152.225
+				c35.807,22.283,81.883,21.01,116.547-3.753l17.623,16.933l-6.32,15.056L30.738,395.783L30.738,395.783z M222.093,335.687
+				c-31.623-31.731-31.623-82.94,0.065-114.606c31.58-31.666,82.897-31.709,114.627-0.043
+				c31.666,31.687,31.666,82.961-0.086,114.649C305.119,367.288,253.78,367.331,222.093,335.687z"/>
+		</g>
+		<g>
+			<path d="M311.504,84.387v70.752h69.544V84.387H311.504z M346.233,136.955c-9.858,0-17.904-8.003-17.904-17.904
+				c0-9.879,8.046-17.882,17.904-17.882c9.901,0,17.882,8.003,17.882,17.882C364.093,128.953,356.134,136.955,346.233,136.955z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/epgsearch_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/epgsearch_active.svg
new file mode 100644
index 0000000..d5fbf96
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/epgsearch_active.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 491.172 491.172" style="enable-background:new 0 0 491.172 491.172;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+		<g>
+			<rect x="71.701" y="84.387" width="211.264" height="70.752"/>
+			<path d="M491.167,445.094l-37.749-37.77V1.059H0v424.901h381.954l64.173,64.152c0,0,20.73,0.259,33.197-14.021
+				C491.792,461.833,491.167,445.094,491.167,445.094z M30.738,395.783V42.54h391.898v334.024l-26.661-26.618l-12.317,7.464
+				l-18.81-18.119c29.272-41.157,25.777-98.471-11.044-135.314c-38.849-38.827-100.11-40.488-141.353-6.04H71.701v27.007h117.561
+				c-8.175,13.762-12.77,28.883-14.129,44.35H71.701v26.834h104.252c2.739,15.768,9.211,30.976,19.133,44.371H71.701v27.007h152.225
+				c35.807,22.283,81.883,21.01,116.547-3.753l17.623,16.933l-6.32,15.056L30.738,395.783L30.738,395.783z M222.093,335.687
+				c-31.623-31.731-31.623-82.94,0.065-114.606c31.58-31.666,82.897-31.709,114.627-0.043
+				c31.666,31.687,31.666,82.961-0.086,114.649C305.119,367.288,253.78,367.331,222.093,335.687z"/>
+		</g>
+		<g>
+			<path d="M311.504,84.387v70.752h69.544V84.387H311.504z M346.233,136.955c-9.858,0-17.904-8.003-17.904-17.904
+				c0-9.879,8.046-17.882,17.904-17.882c9.901,0,17.882,8.003,17.882,17.882C364.093,128.953,356.134,136.955,346.233,136.955z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/femon.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/femon.svg
new file mode 100644
index 0000000..c951623
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/femon.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="415.961px"
+   height="415.962px"
+   viewBox="0 0 415.961 415.962"
+   style="enable-background:new 0 0 415.961 415.962;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="femon.svg"><metadata
+     id="metadata4219"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4217" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview4215"
+     showgrid="false"
+     inkscape:zoom="0.56735951"
+     inkscape:cx="-320.78476"
+     inkscape:cy="207.981"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g4181"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M253.265,306.711c25,24.97,25,65.501,0,90.501c-24.969,25-65.5,25-90.5,0s-25-65.531,0-90.501   C187.765,281.711,228.297,281.711,253.265,306.711z M287.14,212.836c-48.906-27.813-109.656-27.75-158.531,0.188   c-15.344,8.781-20.656,28.344-11.875,43.688c5.906,10.313,16.688,16.095,27.813,16.095c5.375,0,10.844-1.345,15.844-4.22   c29.344-16.75,65.75-16.875,95.063-0.125c15.344,8.72,34.905,3.375,43.655-11.969C307.859,241.118,302.484,221.586,287.14,212.836z    M335.171,129.649c-78.438-44.875-175.844-44.875-254.219,0c-15.344,8.75-20.656,28.313-11.875,43.656   c8.781,15.343,28.344,20.688,43.656,11.875c58.75-33.594,131.813-33.656,190.625,0.031c5.031,2.875,10.5,4.219,15.875,4.219   c11.094,0,21.906-5.781,27.812-16.094C355.828,157.993,350.484,138.43,335.171,129.649z M382.671,46.211   C274.89-15.414,141.015-15.414,33.297,46.274c-15.344,8.75-20.656,28.313-11.875,43.656c5.906,10.344,16.688,16.094,27.781,16.094   c5.406,0,10.875-1.344,15.875-4.219c88.156-50.438,197.593-50.469,285.781-0.031c15.406,8.75,34.906,3.438,43.688-11.875   C403.328,74.555,397.984,55.024,382.671,46.211z"
+       id="path4183"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g4185" /><g
+     id="g4187" /><g
+     id="g4189" /><g
+     id="g4191" /><g
+     id="g4193" /><g
+     id="g4195" /><g
+     id="g4197" /><g
+     id="g4199" /><g
+     id="g4201" /><g
+     id="g4203" /><g
+     id="g4205" /><g
+     id="g4207" /><g
+     id="g4209" /><g
+     id="g4211" /><g
+     id="g4213" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/femon_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/femon_active.svg
new file mode 100644
index 0000000..1dc31a0
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/femon_active.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="415.961px"
+   height="415.962px"
+   viewBox="0 0 415.961 415.962"
+   style="enable-background:new 0 0 415.961 415.962;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="femon.svg"><metadata
+     id="metadata4219"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4217" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview4215"
+     showgrid="false"
+     inkscape:zoom="0.56735951"
+     inkscape:cx="-320.78476"
+     inkscape:cy="207.981"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g4181"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M253.265,306.711c25,24.97,25,65.501,0,90.501c-24.969,25-65.5,25-90.5,0s-25-65.531,0-90.501   C187.765,281.711,228.297,281.711,253.265,306.711z M287.14,212.836c-48.906-27.813-109.656-27.75-158.531,0.188   c-15.344,8.781-20.656,28.344-11.875,43.688c5.906,10.313,16.688,16.095,27.813,16.095c5.375,0,10.844-1.345,15.844-4.22   c29.344-16.75,65.75-16.875,95.063-0.125c15.344,8.72,34.905,3.375,43.655-11.969C307.859,241.118,302.484,221.586,287.14,212.836z    M335.171,129.649c-78.438-44.875-175.844-44.875-254.219,0c-15.344,8.75-20.656,28.313-11.875,43.656   c8.781,15.343,28.344,20.688,43.656,11.875c58.75-33.594,131.813-33.656,190.625,0.031c5.031,2.875,10.5,4.219,15.875,4.219   c11.094,0,21.906-5.781,27.812-16.094C355.828,157.993,350.484,138.43,335.171,129.649z M382.671,46.211   C274.89-15.414,141.015-15.414,33.297,46.274c-15.344,8.75-20.656,28.313-11.875,43.656c5.906,10.344,16.688,16.094,27.781,16.094   c5.406,0,10.875-1.344,15.875-4.219c88.156-50.438,197.593-50.469,285.781-0.031c15.406,8.75,34.906,3.438,43.688-11.875   C403.328,74.555,397.984,55.024,382.671,46.211z"
+       id="path4183"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g4185" /><g
+     id="g4187" /><g
+     id="g4189" /><g
+     id="g4191" /><g
+     id="g4193" /><g
+     id="g4195" /><g
+     id="g4197" /><g
+     id="g4199" /><g
+     id="g4201" /><g
+     id="g4203" /><g
+     id="g4205" /><g
+     id="g4207" /><g
+     id="g4209" /><g
+     id="g4211" /><g
+     id="g4213" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/fritzbox.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/fritzbox.svg
new file mode 100644
index 0000000..c92800f
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/fritzbox.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="45.434px"
+   height="45.434px"
+   viewBox="0 0 45.434 45.434"
+   style="enable-background:new 0 0 45.434 45.434;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="fritzbox.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="5.1943481"
+     inkscape:cx="-1.2513601"
+     inkscape:cy="22.716999"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M42.188,6.611H18.348c0.267,1.042,0.402,2.105,0.402,3.257v25.729c0,0.97-0.093,1.863-0.285,2.744h23.724    c1.794,0,3.244-1.447,3.244-3.242V9.891C45.432,8.096,43.983,6.611,42.188,6.611z M28.018,34.749c-0.963,0-1.746-0.78-1.746-1.745    c0-0.964,0.781-1.746,1.746-1.746c0.963,0,1.746,0.782,1.746,1.746C29.764,33.968,28.98,34.749,28.018,34.749z M28.018,29.762    c-0.963,0-1.746-0.782-1.746-1.746s0.781-1.746,1.746-1.746c0.963,0,1.746,0.782,1.746,1.746S28.98,29.762,28.018,29.762z     M28.018,24.773c-0.963,0-1.746-0.78-1.746-1.746c0-0.964,0.781-1.746,1.746-1.746c0.963,0,1.746,0.782,1.746,1.746    C29.764,23.991,28.98,24.773,28.018,24.773z M32.707,34.825c-0.964,0-1.747-0.78-1.747-1.746c0-0.963,0.782-1.746,1.747-1.746    s1.746,0.783,1.746,1.746C34.453,34.044,33.672,34.825,32.707,34.825z M32.707,29.838c-0.964,0-1.747-0.782-1.747-1.746    s0.782-1.746,1.747-1.746s1.746,0.782,1.746,1.746C34.453,29.055,33.672,29.838,32.707,29.838z M32.707,24.849    c-0.964,0-1.747-0.782-1.747-1.746s0.782-1.747,1.747-1.747s1.746,0.783,1.746,1.747S33.672,24.849,32.707,24.849z M37.473,34.825    c-0.965,0-1.748-0.78-1.748-1.746c0-0.963,0.783-1.746,1.748-1.746c0.963,0,1.746,0.783,1.746,1.746    C39.219,34.044,38.436,34.825,37.473,34.825z M37.473,29.838c-0.965,0-1.748-0.782-1.748-1.746s0.783-1.746,1.748-1.746    c0.963,0,1.746,0.782,1.746,1.746C39.219,29.055,38.436,29.838,37.473,29.838z M37.473,24.849c-0.965,0-1.748-0.782-1.748-1.746    s0.783-1.747,1.748-1.747c0.963,0,1.746,0.783,1.746,1.747S38.436,24.849,37.473,24.849z M41.747,15.163    c0,1.693-1.374,3.067-3.067,3.067H26.864c-1.692,0-3.065-1.374-3.065-3.067v-1.559c0-1.694,1.373-3.067,3.065-3.067H38.68    c1.693,0,3.067,1.373,3.067,3.067V15.163z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M3.699,6.611H3.238C1.444,6.611,0,8.096,0,9.891V35.1c0,1.794,1.444,3.242,3.238,3.242h0.344    c-0.191-0.881-0.297-1.773-0.297-2.744V9.868C3.285,8.717,3.432,7.653,3.699,6.611z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M12.531,4.127H9.516c-1.794,0-3.267,2.587-3.267,5.741v25.729c0,3.153,1.473,5.709,3.267,5.709h3.015    c1.794,0,3.254-2.556,3.254-5.709V9.868C15.785,6.715,14.325,4.127,12.531,4.127z"
+         id="path11"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/fritzbox_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/fritzbox_active.svg
new file mode 100644
index 0000000..dcec801
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/fritzbox_active.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="45.434px"
+   height="45.434px"
+   viewBox="0 0 45.434 45.434"
+   style="enable-background:new 0 0 45.434 45.434;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="fritzbox.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="5.1943481"
+     inkscape:cx="-1.2513601"
+     inkscape:cy="22.716999"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         d="M42.188,6.611H18.348c0.267,1.042,0.402,2.105,0.402,3.257v25.729c0,0.97-0.093,1.863-0.285,2.744h23.724    c1.794,0,3.244-1.447,3.244-3.242V9.891C45.432,8.096,43.983,6.611,42.188,6.611z M28.018,34.749c-0.963,0-1.746-0.78-1.746-1.745    c0-0.964,0.781-1.746,1.746-1.746c0.963,0,1.746,0.782,1.746,1.746C29.764,33.968,28.98,34.749,28.018,34.749z M28.018,29.762    c-0.963,0-1.746-0.782-1.746-1.746s0.781-1.746,1.746-1.746c0.963,0,1.746,0.782,1.746,1.746S28.98,29.762,28.018,29.762z     M28.018,24.773c-0.963,0-1.746-0.78-1.746-1.746c0-0.964,0.781-1.746,1.746-1.746c0.963,0,1.746,0.782,1.746,1.746    C29.764,23.991,28.98,24.773,28.018,24.773z M32.707,34.825c-0.964,0-1.747-0.78-1.747-1.746c0-0.963,0.782-1.746,1.747-1.746    s1.746,0.783,1.746,1.746C34.453,34.044,33.672,34.825,32.707,34.825z M32.707,29.838c-0.964,0-1.747-0.782-1.747-1.746    s0.782-1.746,1.747-1.746s1.746,0.782,1.746,1.746C34.453,29.055,33.672,29.838,32.707,29.838z M32.707,24.849    c-0.964,0-1.747-0.782-1.747-1.746s0.782-1.747,1.747-1.747s1.746,0.783,1.746,1.747S33.672,24.849,32.707,24.849z M37.473,34.825    c-0.965,0-1.748-0.78-1.748-1.746c0-0.963,0.783-1.746,1.748-1.746c0.963,0,1.746,0.783,1.746,1.746    C39.219,34.044,38.436,34.825,37.473,34.825z M37.473,29.838c-0.965,0-1.748-0.782-1.748-1.746s0.783-1.746,1.748-1.746    c0.963,0,1.746,0.782,1.746,1.746C39.219,29.055,38.436,29.838,37.473,29.838z M37.473,24.849c-0.965,0-1.748-0.782-1.748-1.746    s0.783-1.747,1.748-1.747c0.963,0,1.746,0.783,1.746,1.747S38.436,24.849,37.473,24.849z M41.747,15.163    c0,1.693-1.374,3.067-3.067,3.067H26.864c-1.692,0-3.065-1.374-3.065-3.067v-1.559c0-1.694,1.373-3.067,3.065-3.067H38.68    c1.693,0,3.067,1.373,3.067,3.067V15.163z"
+         id="path7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M3.699,6.611H3.238C1.444,6.611,0,8.096,0,9.891V35.1c0,1.794,1.444,3.242,3.238,3.242h0.344    c-0.191-0.881-0.297-1.773-0.297-2.744V9.868C3.285,8.717,3.432,7.653,3.699,6.611z"
+         id="path9"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M12.531,4.127H9.516c-1.794,0-3.267,2.587-3.267,5.741v25.729c0,3.153,1.473,5.709,3.267,5.709h3.015    c1.794,0,3.254-2.556,3.254-5.709V9.868C15.785,6.715,14.325,4.127,12.531,4.127z"
+         id="path11"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/neutrinoepg.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/neutrinoepg.svg
new file mode 100644
index 0000000..4814499
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/neutrinoepg.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="427.773px"
+   height="427.773px"
+   viewBox="0 0 427.773 427.773"
+   style="enable-background:new 0 0 427.773 427.773;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="EPG.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="0.55169446"
+     inkscape:cx="-329.89275"
+     inkscape:cy="213.88651"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M421.504,357.406l-34.771-34.771c-3.839-3.836-8.771-5.905-13.789-6.222l-11.812-11.81     c17.547-27.896,14.189-65.271-10.076-89.535c-28.166-28.167-73.993-28.166-102.162,0c-28.162,28.166-28.162,73.995,0.004,102.161     c24.265,24.266,61.64,27.622,89.531,10.076l11.813,11.81c0.313,5.021,2.385,9.953,6.223,13.79l34.771,34.771     c8.358,8.359,21.909,8.357,30.27,0C429.861,379.318,429.863,365.766,421.504,357.406z M335.924,302.096     c-19.82,19.819-52.07,19.819-71.892,0c-19.819-19.82-19.819-52.069,0-71.891c19.818-19.82,52.066-19.82,71.892,0.001     C355.742,250.026,355.742,282.276,335.924,302.096z"
+           id="path9"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+           d="M236.812,204.111c16.552-16.55,38.584-25.665,62.041-25.665s45.49,9.114,62.041,25.665     c14.13,14.128,23.068,32.854,25.173,52.733c1.618,15.289-0.81,30.8-7.021,44.875l0.211,0.211     c6.553,1.604,12.537,4.972,17.312,9.744l3.432,3.433V75.095c0-3.779-1.871-7.315-5-9.44     c-30.646-20.82-65.452-31.827-100.669-31.827c-32.813,0-65.27,9.561-94.332,27.711c-29.072-18.15-61.537-27.711-94.35-27.711     c-35.207,0-70.014,11.006-100.652,31.827C1.871,67.781,0,71.317,0,75.095v267.551c0,4.229,2.336,8.11,6.074,10.091     c3.738,1.979,8.258,1.728,11.758-0.647c26.836-18.235,57.207-27.879,87.822-27.879c30.617,0,60.994,9.644,87.84,27.881     c1.922,1.311,4.164,1.974,6.408,1.974c0.012,0,0.025-0.002,0.039-0.002c2.301,0.03,4.6-0.634,6.566-1.974     c11.48-7.801,23.611-14.016,36.129-18.59c-2.004-1.677-3.953-3.438-5.821-5.308C202.603,293.983,202.603,238.32,236.812,204.111z      M233.032,110.767c21.408-14.636,50.663-16.821,66.198-16.821c15.534,0,44.791,2.186,66.198,16.821     c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.153-12.789     c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.554-5.036     C226.411,121.562,227.764,114.37,233.032,110.767z M233.032,160.767c21.408-14.636,50.663-16.821,66.198-16.821     c15.534,0,44.791,2.186,66.198,16.821c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.153-12.789c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.554-5.036C226.411,171.562,227.764,164.37,233.032,160.767z M169.986,276.831     c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.062     c21.408-14.638,50.664-16.821,66.199-16.821s44.791,2.187,66.199,16.821C172.236,264.37,173.587,271.562,169.986,276.831z      M169.986,226.831c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.063     c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821C172.236,214.37,173.587,221.562,169.986,226.831z      M169.986,176.831c-3.602,5.269-10.795,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.154-12.789     S59.5,171.722,47.614,179.85c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.553-5.036     c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821     C172.236,164.37,173.587,171.562,169.986,176.831z M169.986,126.831c-3.602,5.269-10.795,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.154-12.789S59.5,121.722,47.614,129.85c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821     s44.791,2.186,66.199,16.821C172.236,114.37,173.587,121.562,169.986,126.831z"
+           id="path11"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/neutrinoepg_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/neutrinoepg_active.svg
new file mode 100644
index 0000000..7447b09
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/neutrinoepg_active.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="427.773px"
+   height="427.773px"
+   viewBox="0 0 427.773 427.773"
+   style="enable-background:new 0 0 427.773 427.773;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="EPG.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="0.55169446"
+     inkscape:cx="-329.89275"
+     inkscape:cy="213.88651"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M421.504,357.406l-34.771-34.771c-3.839-3.836-8.771-5.905-13.789-6.222l-11.812-11.81     c17.547-27.896,14.189-65.271-10.076-89.535c-28.166-28.167-73.993-28.166-102.162,0c-28.162,28.166-28.162,73.995,0.004,102.161     c24.265,24.266,61.64,27.622,89.531,10.076l11.813,11.81c0.313,5.021,2.385,9.953,6.223,13.79l34.771,34.771     c8.358,8.359,21.909,8.357,30.27,0C429.861,379.318,429.863,365.766,421.504,357.406z M335.924,302.096     c-19.82,19.819-52.07,19.819-71.892,0c-19.819-19.82-19.819-52.069,0-71.891c19.818-19.82,52.066-19.82,71.892,0.001     C355.742,250.026,355.742,282.276,335.924,302.096z"
+           id="path9"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+           d="M236.812,204.111c16.552-16.55,38.584-25.665,62.041-25.665s45.49,9.114,62.041,25.665     c14.13,14.128,23.068,32.854,25.173,52.733c1.618,15.289-0.81,30.8-7.021,44.875l0.211,0.211     c6.553,1.604,12.537,4.972,17.312,9.744l3.432,3.433V75.095c0-3.779-1.871-7.315-5-9.44     c-30.646-20.82-65.452-31.827-100.669-31.827c-32.813,0-65.27,9.561-94.332,27.711c-29.072-18.15-61.537-27.711-94.35-27.711     c-35.207,0-70.014,11.006-100.652,31.827C1.871,67.781,0,71.317,0,75.095v267.551c0,4.229,2.336,8.11,6.074,10.091     c3.738,1.979,8.258,1.728,11.758-0.647c26.836-18.235,57.207-27.879,87.822-27.879c30.617,0,60.994,9.644,87.84,27.881     c1.922,1.311,4.164,1.974,6.408,1.974c0.012,0,0.025-0.002,0.039-0.002c2.301,0.03,4.6-0.634,6.566-1.974     c11.48-7.801,23.611-14.016,36.129-18.59c-2.004-1.677-3.953-3.438-5.821-5.308C202.603,293.983,202.603,238.32,236.812,204.111z      M233.032,110.767c21.408-14.636,50.663-16.821,66.198-16.821c15.534,0,44.791,2.186,66.198,16.821     c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.153-12.789     c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.554-5.036     C226.411,121.562,227.764,114.37,233.032,110.767z M233.032,160.767c21.408-14.636,50.663-16.821,66.198-16.821     c15.534,0,44.791,2.186,66.198,16.821c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.153-12.789c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.554-5.036C226.411,171.562,227.764,164.37,233.032,160.767z M169.986,276.831     c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.062     c21.408-14.638,50.664-16.821,66.199-16.821s44.791,2.187,66.199,16.821C172.236,264.37,173.587,271.562,169.986,276.831z      M169.986,226.831c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.063     c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821C172.236,214.37,173.587,221.562,169.986,226.831z      M169.986,176.831c-3.602,5.269-10.795,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.154-12.789     S59.5,171.722,47.614,179.85c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.553-5.036     c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821     C172.236,164.37,173.587,171.562,169.986,176.831z M169.986,126.831c-3.602,5.269-10.795,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.154-12.789S59.5,121.722,47.614,129.85c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821     s44.791,2.186,66.199,16.821C172.236,114.37,173.587,121.562,169.986,126.831z"
+           id="path11"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/osdteletext.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/osdteletext.svg
new file mode 100644
index 0000000..238501b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/osdteletext.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400"
+   height="400"
+   viewBox="0 0 400 400.00001"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="osdteletext.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.7397661"
+     inkscape:cx="9.6773108"
+     inkscape:cy="195.71429"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-652.36216)">
+    <path
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 51.15625 0 C 22.815658 0 0 22.815658 0 51.15625 L 0 348.84375 C 0 377.18434 22.815658 400 51.15625 400 L 348.84375 400 C 377.18434 400 400 377.18434 400 348.84375 L 400 51.15625 C 400 22.815658 377.18434 0 348.84375 0 L 51.15625 0 z M 35 35 L 365 35 L 365 365 L 35 365 L 35 35 z "
+       transform="translate(0,652.36216)"
+       id="rect4136" />
+    <rect
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4141"
+       width="280"
+       height="50"
+       x="60"
+       y="932.36218"
+       ry="20.979832"
+       rx="20.979832" />
+    <rect
+       rx="20.979832"
+       ry="20.979832"
+       y="722.36218"
+       x="60"
+       height="50"
+       width="280"
+       id="rect4143"
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       rx="20.979832"
+       ry="20.979832"
+       y="827.36218"
+       x="60"
+       height="50"
+       width="280"
+       id="rect4147"
+       style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/osdteletext_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/osdteletext_active.svg
new file mode 100644
index 0000000..50e4bf0
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/osdteletext_active.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400"
+   height="400"
+   viewBox="0 0 400 400.00001"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="osdteletext.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.7397661"
+     inkscape:cx="9.6773108"
+     inkscape:cy="195.71429"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-652.36216)">
+    <path
+       style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 51.15625 0 C 22.815658 0 0 22.815658 0 51.15625 L 0 348.84375 C 0 377.18434 22.815658 400 51.15625 400 L 348.84375 400 C 377.18434 400 400 377.18434 400 348.84375 L 400 51.15625 C 400 22.815658 377.18434 0 348.84375 0 L 51.15625 0 z M 35 35 L 365 35 L 365 365 L 35 365 L 35 35 z "
+       transform="translate(0,652.36216)"
+       id="rect4136" />
+    <rect
+       style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4141"
+       width="280"
+       height="50"
+       x="60"
+       y="932.36218"
+       ry="20.979832"
+       rx="20.979832" />
+    <rect
+       rx="20.979832"
+       ry="20.979832"
+       y="722.36218"
+       x="60"
+       height="50"
+       width="280"
+       id="rect4143"
+       style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       rx="20.979832"
+       ry="20.979832"
+       y="827.36218"
+       x="60"
+       height="50"
+       width="280"
+       id="rect4147"
+       style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/remotetimers.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/remotetimers.svg
new file mode 100644
index 0000000..478a2de
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/remotetimers.svg
@@ -0,0 +1,11 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 297 297" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 297 297">
+  <g fill="#{sdcol(icon)}" fill-opacity="1">
+    <path d="m251.93,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m227.084,78.584c0-43.331-35.253-78.584-78.584-78.584s-78.584,35.253-78.584,78.584 35.253,78.584 78.584,78.584 78.584-35.253 78.584-78.584zm-96.15,27.389c-2.514,0-5.028-0.959-6.946-2.877-3.836-3.836-3.836-10.057 0-13.893l14.689-14.688v-48.628c0-5.425 4.398-9.823 9.823-9.823s9.823,4.398 9.823,9.823v52.697c0,2.605-1.035,5.103-2.877,6.946l-17.566,17.566c-1.918,1.917-4.432,2.877-6.946,2.877z"/>
+    <path d="m4.045,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m127.987,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m24.557,239.796c3.659,0 7.191,0.545 10.528,1.547v-13.118h103.591v12.917c3.129-0.871 6.421-1.346 9.823-1.346s6.694,0.475 9.823,1.346v-12.917h103.591v13.118c3.337-1.002 6.87-1.547 10.528-1.547 3.146,0 6.201,0.399 9.118,1.148v-22.542c0-5.425-4.398-9.823-9.823-9.823h-113.413v-33.417c-3.231,0.326-6.508,0.495-9.823,0.495s-6.592-0.169-9.823-0.495v33.417h-113.414c-5.425,0-9.823,4.398-9.823,9.823v22.542c2.916-0.749 5.971-1.148 9.117-1.148z"/>
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/remotetimers_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/remotetimers_active.svg
new file mode 100644
index 0000000..c03d641
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/remotetimers_active.svg
@@ -0,0 +1,11 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 297 297" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 297 297">
+  <g fill="#{sdcol(iconactive)}" fill-opacity="1">
+    <path d="m251.93,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m227.084,78.584c0-43.331-35.253-78.584-78.584-78.584s-78.584,35.253-78.584,78.584 35.253,78.584 78.584,78.584 78.584-35.253 78.584-78.584zm-96.15,27.389c-2.514,0-5.028-0.959-6.946-2.877-3.836-3.836-3.836-10.057 0-13.893l14.689-14.688v-48.628c0-5.425 4.398-9.823 9.823-9.823s9.823,4.398 9.823,9.823v52.697c0,2.605-1.035,5.103-2.877,6.946l-17.566,17.566c-1.918,1.917-4.432,2.877-6.946,2.877z"/>
+    <path d="m4.045,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m127.987,276.487c0,11.31 9.202,20.513 20.513,20.513s20.513-9.202 20.513-20.513-9.202-20.513-20.513-20.513-20.513,9.203-20.513,20.513z"/>
+    <path d="m24.557,239.796c3.659,0 7.191,0.545 10.528,1.547v-13.118h103.591v12.917c3.129-0.871 6.421-1.346 9.823-1.346s6.694,0.475 9.823,1.346v-12.917h103.591v13.118c3.337-1.002 6.87-1.547 10.528-1.547 3.146,0 6.201,0.399 9.118,1.148v-22.542c0-5.425-4.398-9.823-9.823-9.823h-113.413v-33.417c-3.231,0.326-6.508,0.495-9.823,0.495s-6.592-0.169-9.823-0.495v33.417h-113.414c-5.425,0-9.823,4.398-9.823,9.823v22.542c2.916-0.749 5.971-1.148 9.117-1.148z"/>
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/scraper2vdr.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/scraper2vdr.svg
new file mode 100644
index 0000000..6303f2b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/scraper2vdr.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 467.59 467.59" style="enable-background:new 0 0 467.59 467.59;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(icon)}" fill-opacity="1">
+		<g>
+			<path d="M276.43,200.738c6.903-2.632,13.115-5.457,18.572-8.52c0-13.266,0-28.754,0-28.754h25.281
+				c0.108-0.863,0.367-1.726,0.367-2.588V76.123c-0.022-31.968-71.788-57.896-160.314-57.896C71.788,18.227,0,44.155,0,76.123
+				v84.752c0,31.989,71.788,57.918,160.336,57.918c21.441,0,41.847-1.553,60.528-4.293l34.664-34.6
+				C255.527,179.857,266.96,191.268,276.43,200.738z M32.205,76.102c0-25.583,57.357-46.269,128.13-46.269
+				c70.752,0,128.087,20.686,128.087,46.269c-0.022,25.583-57.357,46.291-128.087,46.291
+				C89.562,122.371,32.205,101.663,32.205,76.102z"/>
+			<path d="M225.76,276.861c1.035-2.826,2.2-5.608,3.43-8.326c-5.436-5.457-19.651-19.673-26.856-26.877
+				c-13.417,1.316-27.46,2.071-42.02,2.071c-84.665,0-153.843-23.749-159.732-53.754C0.324,191.311,0,192.692,0,194.094v84.773
+				c0,31.946,71.788,57.896,160.336,57.896c7.226,0,14.301-0.237,21.29-0.561v-59.32
+				C181.626,276.861,215.276,276.861,225.76,276.861z"/>
+			<path d="M467.59,336.008v-36.972h-36.347c-2.481-13.18-7.615-25.41-14.841-36.088l25.626-25.626
+				L415.885,211.2l-25.626,25.626c-10.699-7.291-22.908-12.338-36.109-14.884v-36.325h-36.951v36.304
+				c-13.137,2.588-25.367,7.636-36.045,14.884l-25.626-25.626L229.341,237.3l25.626,25.626
+				c-7.226,10.678-12.338,22.908-14.841,36.088h-36.304v36.972h36.325c2.524,13.115,7.614,25.41,14.841,36.088l-25.626,25.605
+				l26.187,26.144l25.626-25.626c10.678,7.248,22.908,12.339,36.045,14.884v36.282h36.951V413.08
+				c13.137-2.524,25.41-7.636,36.109-14.862l25.626,25.605l26.165-26.144l-25.626-25.605c7.248-10.678,12.339-22.93,14.841-36.088
+				L467.59,336.008L467.59,336.008z M335.685,357.838c-22.239,0-40.316-18.055-40.316-40.337c0-22.261,18.076-40.294,40.316-40.294
+				c22.261,0,40.359,18.033,40.359,40.294C376.043,339.783,357.967,357.838,335.685,357.838z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/scraper2vdr_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/scraper2vdr_active.svg
new file mode 100644
index 0000000..e1e5996
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/scraper2vdr_active.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 467.59 467.59" style="enable-background:new 0 0 467.59 467.59;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+		<g>
+			<path d="M276.43,200.738c6.903-2.632,13.115-5.457,18.572-8.52c0-13.266,0-28.754,0-28.754h25.281
+				c0.108-0.863,0.367-1.726,0.367-2.588V76.123c-0.022-31.968-71.788-57.896-160.314-57.896C71.788,18.227,0,44.155,0,76.123
+				v84.752c0,31.989,71.788,57.918,160.336,57.918c21.441,0,41.847-1.553,60.528-4.293l34.664-34.6
+				C255.527,179.857,266.96,191.268,276.43,200.738z M32.205,76.102c0-25.583,57.357-46.269,128.13-46.269
+				c70.752,0,128.087,20.686,128.087,46.269c-0.022,25.583-57.357,46.291-128.087,46.291
+				C89.562,122.371,32.205,101.663,32.205,76.102z"/>
+			<path d="M225.76,276.861c1.035-2.826,2.2-5.608,3.43-8.326c-5.436-5.457-19.651-19.673-26.856-26.877
+				c-13.417,1.316-27.46,2.071-42.02,2.071c-84.665,0-153.843-23.749-159.732-53.754C0.324,191.311,0,192.692,0,194.094v84.773
+				c0,31.946,71.788,57.896,160.336,57.896c7.226,0,14.301-0.237,21.29-0.561v-59.32
+				C181.626,276.861,215.276,276.861,225.76,276.861z"/>
+			<path d="M467.59,336.008v-36.972h-36.347c-2.481-13.18-7.615-25.41-14.841-36.088l25.626-25.626
+				L415.885,211.2l-25.626,25.626c-10.699-7.291-22.908-12.338-36.109-14.884v-36.325h-36.951v36.304
+				c-13.137,2.588-25.367,7.636-36.045,14.884l-25.626-25.626L229.341,237.3l25.626,25.626
+				c-7.226,10.678-12.338,22.908-14.841,36.088h-36.304v36.972h36.325c2.524,13.115,7.614,25.41,14.841,36.088l-25.626,25.605
+				l26.187,26.144l25.626-25.626c10.678,7.248,22.908,12.339,36.045,14.884v36.282h36.951V413.08
+				c13.137-2.524,25.41-7.636,36.109-14.862l25.626,25.605l26.165-26.144l-25.626-25.605c7.248-10.678,12.339-22.93,14.841-36.088
+				L467.59,336.008L467.59,336.008z M335.685,357.838c-22.239,0-40.316-18.055-40.316-40.337c0-22.261,18.076-40.294,40.316-40.294
+				c22.261,0,40.359,18.033,40.359,40.294C376.043,339.783,357.967,357.838,335.685,357.838z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/searchtimer.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/searchtimer.svg
new file mode 100644
index 0000000..1188f67
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/searchtimer.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 491.172 491.172" style="enable-background:new 0 0 491.172 491.172;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(icon)}" fill-opacity="1">
+		<g>
+			<rect x="71.701" y="84.387" width="211.264" height="70.752"/>
+			<path d="M491.167,445.094l-37.749-37.77V1.059H0v424.901h381.954l64.173,64.152c0,0,20.73,0.259,33.197-14.021
+				C491.792,461.833,491.167,445.094,491.167,445.094z M30.738,395.783V42.54h391.898v334.024l-26.661-26.618l-12.317,7.464
+				l-18.81-18.119c29.272-41.157,25.777-98.471-11.044-135.314c-38.849-38.827-100.11-40.488-141.353-6.04H71.701v27.007h117.561
+				c-8.175,13.762-12.77,28.883-14.129,44.35H71.701v26.834h104.252c2.739,15.768,9.211,30.976,19.133,44.371H71.701v27.007h152.225
+				c35.807,22.283,81.883,21.01,116.547-3.753l17.623,16.933l-6.32,15.056L30.738,395.783L30.738,395.783z M222.093,335.687
+				c-31.623-31.731-31.623-82.94,0.065-114.606c31.58-31.666,82.897-31.709,114.627-0.043
+				c31.666,31.687,31.666,82.961-0.086,114.649C305.119,367.288,253.78,367.331,222.093,335.687z"/>
+		</g>
+		<g>
+			<path d="M311.504,84.387v70.752h69.544V84.387H311.504z M346.233,136.955c-9.858,0-17.904-8.003-17.904-17.904
+				c0-9.879,8.046-17.882,17.904-17.882c9.901,0,17.882,8.003,17.882,17.882C364.093,128.953,356.134,136.955,346.233,136.955z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/searchtimer_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/searchtimer_active.svg
new file mode 100644
index 0000000..d5fbf96
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/searchtimer_active.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 491.172 491.172" style="enable-background:new 0 0 491.172 491.172;" xml:space="preserve">
+<g>
+	<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+		<g>
+			<rect x="71.701" y="84.387" width="211.264" height="70.752"/>
+			<path d="M491.167,445.094l-37.749-37.77V1.059H0v424.901h381.954l64.173,64.152c0,0,20.73,0.259,33.197-14.021
+				C491.792,461.833,491.167,445.094,491.167,445.094z M30.738,395.783V42.54h391.898v334.024l-26.661-26.618l-12.317,7.464
+				l-18.81-18.119c29.272-41.157,25.777-98.471-11.044-135.314c-38.849-38.827-100.11-40.488-141.353-6.04H71.701v27.007h117.561
+				c-8.175,13.762-12.77,28.883-14.129,44.35H71.701v26.834h104.252c2.739,15.768,9.211,30.976,19.133,44.371H71.701v27.007h152.225
+				c35.807,22.283,81.883,21.01,116.547-3.753l17.623,16.933l-6.32,15.056L30.738,395.783L30.738,395.783z M222.093,335.687
+				c-31.623-31.731-31.623-82.94,0.065-114.606c31.58-31.666,82.897-31.709,114.627-0.043
+				c31.666,31.687,31.666,82.961-0.086,114.649C305.119,367.288,253.78,367.331,222.093,335.687z"/>
+		</g>
+		<g>
+			<path d="M311.504,84.387v70.752h69.544V84.387H311.504z M346.233,136.955c-9.858,0-17.904-8.003-17.904-17.904
+				c0-9.879,8.046-17.882,17.904-17.882c9.901,0,17.882,8.003,17.882,17.882C364.093,128.953,356.134,136.955,346.233,136.955z"/>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/softhddevice.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/softhddevice.svg
new file mode 100644
index 0000000..9bb7679
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/softhddevice.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 460 460"
+   style="enable-background:new 0 0 460 460;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="softhddevice.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.51304348"
+     inkscape:cx="-354.74576"
+     inkscape:cy="230"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)}"><path
+       style="fill:#{sdcol(icon)}"
+       d="M0,67.5v285h460v-285H0z M30,97.5h400v225H30V97.5z M130,362.5l-20,20v10h240v-10l-20-20H130z"
+       id="path5" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:84.9417038px;line-height:125%;font-family:Arial;-inkscape-font-specification:'Arial Bold Italic';letter-spacing:0px;word-spacing:0px;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     id="text4169"><path
+       d="m 81.871828,231.46904 20.831042,-1.08873 q 0.43549,9.94373 3.41135,13.42767 4.79042,5.6614 17.71002,5.6614 10.74214,0 15.53255,-3.84685 4.79041,-3.84685 4.79041,-9.2905 0,-4.71783 -3.91943,-7.98402 -2.75811,-2.39521 -15.16964,-7.76628 -12.33894,-5.37107 -18.07292,-8.92759 -5.6614,-3.6291 -8.927592,-9.36308 -3.266191,-5.73398 -3.266191,-13.42767 0,-13.42768 9.725993,-22.28268 9.72599,-8.85501 28.16182,-8.85501 18.72616,0 28.96023,8.78243 10.30665,8.78242 11.32279,23.37141 l -20.9762,0.94356 q -0.7984,-7.62111 -5.51623,-11.6857 -4.71783,-4.0646 -13.93575,-4.0646 -9.07275,0 -12.99218,3.19361 -3.84685,3.19361 -3.84685,8.05661 0,4.57267 3.55652,7.54853 3.55652,3.04844 15.7503,8.34693 18.36325,7.91144 23.37141,12.84702 7.47595,7.2582 7.47595,18.65358 0,14.08091 -11.17763,24.09723 -11.10505,9.94374 -30.99253,9.94374 -13.718,0 -23.806901,-4.57267 Q 89.85585,258.54213 85.718675,250.34036 81.5815,242.13859 81.871828,231.46904 Z"
+       style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.64797974px;font-family:Arial;-inkscape-font-specification:'Arial Bold Italic';fill:#{sdcol(icon)}"
+       id="path4174" /><path
+       d="m 251.20568,218.40427 -41.154,0 -9.94374,47.54123 -21.91977,0 22.28268,-106.40525 21.84719,0 -8.56468,41.08143 41.15401,0 8.63726,-41.08143 21.84719,0 -22.2101,106.40525 -21.91977,0 9.94373,-47.54123 z"
+       style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.64797974px;font-family:Arial;-inkscape-font-specification:'Arial Bold Italic';fill:#{sdcol(icon)}"
+       id="path4176" /><path
+       d="m 285.60956,265.9455 22.28268,-106.40525 28.6699,0 q 11.97603,0 15.3148,0.36291 6.60497,0.65324 11.75829,2.68554 5.22591,2.03229 9.43566,5.73398 4.28234,3.6291 7.33079,8.78242 3.12102,5.15332 4.79041,11.90345 1.66939,6.67755 1.66939,14.66157 0,17.20194 -6.60497,30.55703 -6.53238,13.28251 -16.47612,21.12137 -7.62111,6.09689 -19.66972,9.00017 -6.82271,1.59681 -20.97621,1.59681 l -37.5249,0 z m 25.47629,-17.12936 11.10505,0 q 12.04861,0 17.41968,-1.45164 5.44365,-1.52422 9.94374,-5.58882 6.4598,-5.87914 10.8873,-15.67771 4.4275,-9.79858 4.4275,-23.08109 0,-11.32279 -3.70168,-16.98419 -3.6291,-5.73398 -9.00017,-7.62111 -3.77426,-1.30648 -13.42767,-1.30648 l -12.70186,0 -14.95189,71.71104 z"
+       style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.64797974px;font-family:Arial;-inkscape-font-specification:'Arial Bold Italic';fill:#{sdcol(icon)}"
+       id="path4178" /></g></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/softhddevice_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/softhddevice_active.svg
new file mode 100644
index 0000000..0cb6266
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/softhddevice_active.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 460 460"
+   style="enable-background:new 0 0 460 460;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="softhddevice.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.51304348"
+     inkscape:cx="-354.74576"
+     inkscape:cy="230"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)}"><path
+       style="fill:#{sdcol(iconactive)}"
+       d="M0,67.5v285h460v-285H0z M30,97.5h400v225H30V97.5z M130,362.5l-20,20v10h240v-10l-20-20H130z"
+       id="path5" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:84.9417038px;line-height:125%;font-family:Arial;-inkscape-font-specification:'Arial Bold Italic';letter-spacing:0px;word-spacing:0px;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     id="text4169"><path
+       d="m 81.871828,231.46904 20.831042,-1.08873 q 0.43549,9.94373 3.41135,13.42767 4.79042,5.6614 17.71002,5.6614 10.74214,0 15.53255,-3.84685 4.79041,-3.84685 4.79041,-9.2905 0,-4.71783 -3.91943,-7.98402 -2.75811,-2.39521 -15.16964,-7.76628 -12.33894,-5.37107 -18.07292,-8.92759 -5.6614,-3.6291 -8.927592,-9.36308 -3.266191,-5.73398 -3.266191,-13.42767 0,-13.42768 9.725993,-22.28268 9.72599,-8.85501 28.16182,-8.85501 18.72616,0 28.96023,8.78243 10.30665,8.78242 11.32279,23.37141 l -20.9762,0.94356 q -0.7984,-7.62111 -5.51623,-11.6857 -4.71783,-4.0646 -13.93575,-4.0646 -9.07275,0 -12.99218,3.19361 -3.84685,3.19361 -3.84685,8.05661 0,4.57267 3.55652,7.54853 3.55652,3.04844 15.7503,8.34693 18.36325,7.91144 23.37141,12.84702 7.47595,7.2582 7.47595,18.65358 0,14.08091 -11.17763,24.09723 -11.10505,9.94374 -30.99253,9.94374 -13.718,0 -23.806901,-4.57267 Q 89.85585,258.54213 85.718675,250.34036 81.5815,242.13859 81.871828,231.46904 Z"
+       style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.64797974px;font-family:Arial;-inkscape-font-specification:'Arial Bold Italic';fill:#{sdcol(iconactive)}"
+       id="path4174" /><path
+       d="m 251.20568,218.40427 -41.154,0 -9.94374,47.54123 -21.91977,0 22.28268,-106.40525 21.84719,0 -8.56468,41.08143 41.15401,0 8.63726,-41.08143 21.84719,0 -22.2101,106.40525 -21.91977,0 9.94373,-47.54123 z"
+       style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.64797974px;font-family:Arial;-inkscape-font-specification:'Arial Bold Italic';fill:#{sdcol(iconactive)}"
+       id="path4176" /><path
+       d="m 285.60956,265.9455 22.28268,-106.40525 28.6699,0 q 11.97603,0 15.3148,0.36291 6.60497,0.65324 11.75829,2.68554 5.22591,2.03229 9.43566,5.73398 4.28234,3.6291 7.33079,8.78242 3.12102,5.15332 4.79041,11.90345 1.66939,6.67755 1.66939,14.66157 0,17.20194 -6.60497,30.55703 -6.53238,13.28251 -16.47612,21.12137 -7.62111,6.09689 -19.66972,9.00017 -6.82271,1.59681 -20.97621,1.59681 l -37.5249,0 z m 25.47629,-17.12936 11.10505,0 q 12.04861,0 17.41968,-1.45164 5.44365,-1.52422 9.94374,-5.58882 6.4598,-5.87914 10.8873,-15.67771 4.4275,-9.79858 4.4275,-23.08109 0,-11.32279 -3.70168,-16.98419 -3.6291,-5.73398 -9.00017,-7.62111 -3.77426,-1.30648 -13.42767,-1.30648 l -12.70186,0 -14.95189,71.71104 z"
+       style="font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:148.64797974px;font-family:Arial;-inkscape-font-specification:'Arial Bold Italic';fill:#{sdcol(iconactive)}"
+       id="path4178" /></g></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/systeminfo.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/systeminfo.svg
new file mode 100644
index 0000000..ed6a828
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/systeminfo.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 502.671 502.671"
+   style="enable-background:new 0 0 502.671 502.671;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="systeminfo.svg"><metadata
+     id="metadata77"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs75" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview73"
+     showgrid="false"
+     inkscape:zoom="0.46949198"
+     inkscape:cx="-13.844752"
+     inkscape:cy="251.33549"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           style="fill:#{sdcol(icon)};fill-opacity:1"
+           d="m 0,204.203 88.764,0 0,261.32999 -88.764,0 z"
+           id="rect9" /><path
+           style="fill:#{sdcol(icon)};fill-opacity:1"
+           d="M502.664,447.219L396.708,341.221l-13.762,8.391l-20.881-20.233     c32.615-45.773,28.732-109.58-12.295-150.629c-2.804-2.804-5.997-4.918-9.017-7.356V5.363h-88.699v140.404     c-12.921,1.639-25.454,5.457-37.339,11.411v-42.667h-88.634v351.043h88.613v-99.635c11.885,5.932,24.44,9.75,37.339,11.389     v88.225h88.699v-103.13l13.676,13.18l-7.873,15.811l105.977,105.913c0,0,23.038,0.302,36.929-15.574     C503.397,465.878,502.664,447.219,502.664,447.219z M203.175,197.71c35.096-35.247,92.323-35.268,127.57-0.022     c35.203,35.268,35.225,92.323-0.065,127.677c-35.182,35.182-92.345,35.225-127.613-0.043     C167.821,290.119,167.842,232.957,203.175,197.71z"
+           id="path11" /></g></g><g
+       id="g13"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g15"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g17"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g19"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g21"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g23"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g25"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g27"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g29"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g31"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g33"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g35"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g37"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g39"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g41"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /><g
+     id="g71" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/systeminfo_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/systeminfo_active.svg
new file mode 100644
index 0000000..7ebd04f
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/systeminfo_active.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 502.671 502.671"
+   style="enable-background:new 0 0 502.671 502.671;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="systeminfo.svg"><metadata
+     id="metadata77"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs75" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview73"
+     showgrid="false"
+     inkscape:zoom="0.46949198"
+     inkscape:cx="-13.844752"
+     inkscape:cy="251.33549"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           style="fill:#{sdcol(iconactive)};fill-opacity:1"
+           d="m 0,204.203 88.764,0 0,261.32999 -88.764,0 z"
+           id="rect9" /><path
+           style="fill:#{sdcol(iconactive)};fill-opacity:1"
+           d="M502.664,447.219L396.708,341.221l-13.762,8.391l-20.881-20.233     c32.615-45.773,28.732-109.58-12.295-150.629c-2.804-2.804-5.997-4.918-9.017-7.356V5.363h-88.699v140.404     c-12.921,1.639-25.454,5.457-37.339,11.411v-42.667h-88.634v351.043h88.613v-99.635c11.885,5.932,24.44,9.75,37.339,11.389     v88.225h88.699v-103.13l13.676,13.18l-7.873,15.811l105.977,105.913c0,0,23.038,0.302,36.929-15.574     C503.397,465.878,502.664,447.219,502.664,447.219z M203.175,197.71c35.096-35.247,92.323-35.268,127.57-0.022     c35.203,35.268,35.225,92.323-0.065,127.677c-35.182,35.182-92.345,35.225-127.613-0.043     C167.821,290.119,167.842,232.957,203.175,197.71z"
+           id="path11" /></g></g><g
+       id="g13"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g15"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g17"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g19"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g21"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g23"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g25"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g27"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g29"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g31"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g33"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g35"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g37"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g39"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g41"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /><g
+     id="g71" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/tvguideng.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/tvguideng.svg
new file mode 100644
index 0000000..5ef1242
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/tvguideng.svg
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="45.896px"
+   height="45.896px"
+   viewBox="0 0 45.896 45.896"
+   style="enable-background:new 0 0 45.896 45.896;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="tvguideng.svg"><metadata
+     id="metadata81"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs79" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview77"
+     showgrid="false"
+     inkscape:zoom="5.1420603"
+     inkscape:cx="-35.394373"
+     inkscape:cy="22.948"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M45.305,6.401c-0.803-1.219-2.162-1.869-3.574-1.735L24.385,6.318c-0.468,0.045-0.906,0.171-1.306,0.364     c-0.076,0.037-0.16,0.037-0.236,0c-0.4-0.193-0.839-0.319-1.308-0.364L4.186,4.665C2.756,4.53,1.371,5.197,0.577,6.446     C0.157,7.107,0,7.9,0,8.681v27.09c0,1.982,1.488,3.619,3.462,3.809l17.349,1.651c0.122,0.012,0.242,0.018,0.362,0.018     c0.585,0,1.153-0.134,1.669-0.385c0.077-0.037,0.164-0.037,0.241,0c0.515,0.25,1.084,0.384,1.668,0.384     c0.12,0,0.242-0.006,0.362-0.018l17.336-1.651c1.973-0.189,3.447-1.826,3.447-3.809V8.59C45.896,7.82,45.729,7.043,45.305,6.401z      M4.074,35.276V9.071c0-0.175,0.151-0.313,0.326-0.296l16.271,1.55c0.153,0.014,0.27,0.143,0.27,0.296v26.203     c0,0.176-0.151,0.313-0.326,0.297l-16.272-1.55C4.19,35.557,4.074,35.429,4.074,35.276z M41.611,35.571l-16.271,1.55     c-0.175,0.017-0.326-0.121-0.326-0.297V10.622c0-0.153,0.117-0.282,0.27-0.296l16.271-1.551c0.176-0.017,0.326,0.121,0.326,0.296     v26.205C41.881,35.429,41.764,35.557,41.611,35.571z"
+           id="path9"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g11"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,28.989c-0.053,0-0.106-0.002-0.16-0.008L6.607,27.773c-0.824-0.087-1.421-0.826-1.333-1.649     c0.088-0.824,0.835-1.423,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.825,1.333,1.649     C19.561,28.418,18.91,28.989,18.153,28.989z"
+           id="path13"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g15"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,22.128c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.419,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,21.556,18.91,22.128,18.153,22.128z     "
+           id="path17"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g19"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,16.197c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.422,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,15.625,18.91,16.197,18.153,16.197z     "
+           id="path21"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g23"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M18.153,34.92c-0.053,0-0.106-0.002-0.16-0.008L6.607,33.704c-0.824-0.088-1.421-0.826-1.333-1.65     c0.087-0.824,0.835-1.419,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.826,1.333,1.65C19.561,34.348,18.91,34.92,18.153,34.92z"
+           id="path25"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g27"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,28.989c-0.756,0-1.407-0.571-1.489-1.342c-0.087-0.824,0.51-1.562,1.333-1.649l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.823-0.51,1.562-1.333,1.649L27.773,28.98     C27.721,28.987,27.667,28.989,27.613,28.989z"
+           id="path29"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g31"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,34.92c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.091,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.562-1.333,1.65l-11.386,1.208C27.721,34.917,27.667,34.92,27.613,34.92z     "
+           id="path33"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g35"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,17.267c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.092,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,17.264,27.667,17.267,27.613,17.267z"
+           id="path37"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g39"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M27.613,23.197c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,23.195,27.667,23.197,27.613,23.197z"
+           id="path41"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+         id="g43"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M10.946,22.342l-3.87-0.367c-0.858-0.081-1.515-0.802-1.515-1.665v-6.942c0-0.986,0.849-1.758,1.83-1.665l3.87,0.367     c0.859,0.081,1.515,0.802,1.515,1.665v6.942C12.775,21.663,11.927,22.435,10.946,22.342z"
+           id="path45"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /><g
+     id="g71" /><g
+     id="g73" /><g
+     id="g75" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/tvguideng_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/tvguideng_active.svg
new file mode 100644
index 0000000..e2e2221
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/tvguideng_active.svg
@@ -0,0 +1,114 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="45.896px"
+   height="45.896px"
+   viewBox="0 0 45.896 45.896"
+   style="enable-background:new 0 0 45.896 45.896;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="tvguideng.svg"><metadata
+     id="metadata81"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs79" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview77"
+     showgrid="false"
+     inkscape:zoom="5.1420603"
+     inkscape:cx="-35.394373"
+     inkscape:cy="22.948"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M45.305,6.401c-0.803-1.219-2.162-1.869-3.574-1.735L24.385,6.318c-0.468,0.045-0.906,0.171-1.306,0.364     c-0.076,0.037-0.16,0.037-0.236,0c-0.4-0.193-0.839-0.319-1.308-0.364L4.186,4.665C2.756,4.53,1.371,5.197,0.577,6.446     C0.157,7.107,0,7.9,0,8.681v27.09c0,1.982,1.488,3.619,3.462,3.809l17.349,1.651c0.122,0.012,0.242,0.018,0.362,0.018     c0.585,0,1.153-0.134,1.669-0.385c0.077-0.037,0.164-0.037,0.241,0c0.515,0.25,1.084,0.384,1.668,0.384     c0.12,0,0.242-0.006,0.362-0.018l17.336-1.651c1.973-0.189,3.447-1.826,3.447-3.809V8.59C45.896,7.82,45.729,7.043,45.305,6.401z      M4.074,35.276V9.071c0-0.175,0.151-0.313,0.326-0.296l16.271,1.55c0.153,0.014,0.27,0.143,0.27,0.296v26.203     c0,0.176-0.151,0.313-0.326,0.297l-16.272-1.55C4.19,35.557,4.074,35.429,4.074,35.276z M41.611,35.571l-16.271,1.55     c-0.175,0.017-0.326-0.121-0.326-0.297V10.622c0-0.153,0.117-0.282,0.27-0.296l16.271-1.551c0.176-0.017,0.326,0.121,0.326,0.296     v26.205C41.881,35.429,41.764,35.557,41.611,35.571z"
+           id="path9"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g11"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M18.153,28.989c-0.053,0-0.106-0.002-0.16-0.008L6.607,27.773c-0.824-0.087-1.421-0.826-1.333-1.649     c0.088-0.824,0.835-1.423,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.825,1.333,1.649     C19.561,28.418,18.91,28.989,18.153,28.989z"
+           id="path13"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g15"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M18.153,22.128c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.419,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,21.556,18.91,22.128,18.153,22.128z     "
+           id="path17"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g19"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M18.153,16.197c-0.053,0-0.106-0.002-0.16-0.008l-2.608-0.277c-0.824-0.087-1.421-0.826-1.333-1.65     c0.088-0.824,0.833-1.422,1.65-1.333l2.608,0.277c0.824,0.087,1.421,0.826,1.333,1.65C19.561,15.625,18.91,16.197,18.153,16.197z     "
+           id="path21"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g23"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M18.153,34.92c-0.053,0-0.106-0.002-0.16-0.008L6.607,33.704c-0.824-0.088-1.421-0.826-1.333-1.65     c0.087-0.824,0.835-1.419,1.65-1.333l11.385,1.208c0.824,0.087,1.421,0.826,1.333,1.65C19.561,34.348,18.91,34.92,18.153,34.92z"
+           id="path25"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g27"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M27.613,28.989c-0.756,0-1.407-0.571-1.489-1.342c-0.087-0.824,0.51-1.562,1.333-1.649l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.823-0.51,1.562-1.333,1.649L27.773,28.98     C27.721,28.987,27.667,28.989,27.613,28.989z"
+           id="path29"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g31"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M27.613,34.92c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.091,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.562-1.333,1.65l-11.386,1.208C27.721,34.917,27.667,34.92,27.613,34.92z     "
+           id="path33"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g35"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M27.613,17.267c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.092,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,17.264,27.667,17.267,27.613,17.267z"
+           id="path37"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g39"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M27.613,23.197c-0.756,0-1.407-0.572-1.489-1.342c-0.087-0.824,0.51-1.563,1.333-1.65l11.385-1.208     c0.812-0.095,1.562,0.509,1.65,1.333c0.087,0.824-0.51,1.563-1.333,1.65l-11.386,1.208     C27.721,23.195,27.667,23.197,27.613,23.197z"
+           id="path41"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+         id="g43"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M10.946,22.342l-3.87-0.367c-0.858-0.081-1.515-0.802-1.515-1.665v-6.942c0-0.986,0.849-1.758,1.83-1.665l3.87,0.367     c0.859,0.081,1.515,0.802,1.515,1.665v6.942C12.775,21.663,11.927,22.435,10.946,22.342z"
+           id="path45"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g></g><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /><g
+     id="g71" /><g
+     id="g73" /><g
+     id="g75" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/weatherforecast.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/weatherforecast.svg
new file mode 100644
index 0000000..b35d733
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/weatherforecast.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="612px"
+   height="612px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="weatherforecast.svg"><metadata
+     id="metadata44"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs42" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1377"
+     inkscape:window-height="877"
+     id="namedview40"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="Cloud_x5F_Sun"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g6"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M365.707,134.341c12.375,0,22.391-10.031,22.391-22.39v-44.78c0-12.359-10.016-22.391-22.391-22.391     c-12.374,0-22.39,10.031-22.39,22.391v44.78C343.317,124.311,353.333,134.341,365.707,134.341z M452.716,383.127     c24.479-23.122,39.869-55.736,39.869-92.054c0-70.052-56.812-126.878-126.878-126.878c-42.108,0-79.336,20.599-102.413,52.184     c-14.822-4.657-30.48-7.404-46.855-7.404c-83.307,0-151.239,65.036-156.254,147.089C24.435,374.753,0,412.115,0,455.269     C0,517.11,50.109,567.22,111.951,567.22h298.537c53.587,0,97.023-43.438,97.023-97.024     C507.512,431.788,485.077,398.845,452.716,383.127z M365.707,208.976c45.273,0,82.098,36.825,82.098,82.098     c0,14.941-4.209,28.854-11.239,40.914c-17.614-36.347-54.244-61.737-97.024-63.125c-9.853-12.494-21.659-23.331-34.795-32.347     C319.763,219.708,341.437,208.976,365.707,208.976z M410.488,522.439H111.951c-37.033,0-67.171-30.138-67.171-67.171     c0-25.062,13.853-47.87,36.153-59.514l22.405-11.718l1.538-25.241c3.612-58.901,52.617-105.04,111.563-105.04     c34.436,0,66.469,15.613,87.919,42.825l12.897,16.375l20.838,0.672c36.406,1.179,64.932,30.614,64.932,67.006v29.839     l27.555,11.494c19.524,8.149,32.152,27.077,32.152,48.229C462.731,499.004,439.297,522.439,410.488,522.439z M485.122,194.049     c6.18,0,11.777-2.508,15.822-6.553l29.854-29.854c4.061-4.06,6.568-9.658,6.568-15.837c0-12.359-10.017-22.39-22.391-22.39     c-6.18,0-11.777,2.508-15.822,6.568L469.3,155.836c-4.061,4.045-6.568,9.643-6.568,15.823     C462.731,184.018,472.748,194.049,485.122,194.049z M230.455,187.496c4.061,4.045,9.658,6.553,15.837,6.553     c12.36,0,22.391-10.031,22.391-22.39c0-6.18-2.508-11.777-6.568-15.837l-29.854-29.854c-4.045-4.045-9.643-6.553-15.822-6.553     c-12.359,0-22.39,10.031-22.39,22.39c0,6.18,2.508,11.777,6.568,15.823L230.455,187.496z M589.609,268.683h-44.78     c-12.359,0-22.39,10.031-22.39,22.39s10.03,22.391,22.39,22.391h44.78c12.359,0,22.391-10.031,22.391-22.391     S601.969,268.683,589.609,268.683z"
+           id="path8"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/pluginicons/weatherforecast_active.svg b/skins/metrixhd/svgtemplates/menuicons/pluginicons/weatherforecast_active.svg
new file mode 100644
index 0000000..458a7d7
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/pluginicons/weatherforecast_active.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="612px"
+   height="612px"
+   viewBox="0 0 612 612"
+   style="enable-background:new 0 0 612 612;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="weatherforecast.svg"><metadata
+     id="metadata44"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs42" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1377"
+     inkscape:window-height="877"
+     id="namedview40"
+     showgrid="false"
+     inkscape:zoom="0.38562092"
+     inkscape:cx="-471.9661"
+     inkscape:cy="306"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="Cloud_x5F_Sun"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g6"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M365.707,134.341c12.375,0,22.391-10.031,22.391-22.39v-44.78c0-12.359-10.016-22.391-22.391-22.391     c-12.374,0-22.39,10.031-22.39,22.391v44.78C343.317,124.311,353.333,134.341,365.707,134.341z M452.716,383.127     c24.479-23.122,39.869-55.736,39.869-92.054c0-70.052-56.812-126.878-126.878-126.878c-42.108,0-79.336,20.599-102.413,52.184     c-14.822-4.657-30.48-7.404-46.855-7.404c-83.307,0-151.239,65.036-156.254,147.089C24.435,374.753,0,412.115,0,455.269     C0,517.11,50.109,567.22,111.951,567.22h298.537c53.587,0,97.023-43.438,97.023-97.024     C507.512,431.788,485.077,398.845,452.716,383.127z M365.707,208.976c45.273,0,82.098,36.825,82.098,82.098     c0,14.941-4.209,28.854-11.239,40.914c-17.614-36.347-54.244-61.737-97.024-63.125c-9.853-12.494-21.659-23.331-34.795-32.347     C319.763,219.708,341.437,208.976,365.707,208.976z M410.488,522.439H111.951c-37.033,0-67.171-30.138-67.171-67.171     c0-25.062,13.853-47.87,36.153-59.514l22.405-11.718l1.538-25.241c3.612-58.901,52.617-105.04,111.563-105.04     c34.436,0,66.469,15.613,87.919,42.825l12.897,16.375l20.838,0.672c36.406,1.179,64.932,30.614,64.932,67.006v29.839     l27.555,11.494c19.524,8.149,32.152,27.077,32.152,48.229C462.731,499.004,439.297,522.439,410.488,522.439z M485.122,194.049     c6.18,0,11.777-2.508,15.822-6.553l29.854-29.854c4.061-4.06,6.568-9.658,6.568-15.837c0-12.359-10.017-22.39-22.391-22.39     c-6.18,0-11.777,2.508-15.822,6.568L469.3,155.836c-4.061,4.045-6.568,9.643-6.568,15.823     C462.731,184.018,472.748,194.049,485.122,194.049z M230.455,187.496c4.061,4.045,9.658,6.553,15.837,6.553     c12.36,0,22.391-10.031,22.391-22.39c0-6.18-2.508-11.777-6.568-15.837l-29.854-29.854c-4.045-4.045-9.643-6.553-15.822-6.553     c-12.359,0-22.39,10.031-22.39,22.39c0,6.18,2.508,11.777,6.568,15.823L230.455,187.496z M589.609,268.683h-44.78     c-12.359,0-22.39,10.031-22.39,22.39s10.03,22.391,22.39,22.391h44.78c12.359,0,22.391-10.031,22.391-22.391     S601.969,268.683,589.609,268.683z"
+           id="path8"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g></g><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/CAM.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/CAM.svg
new file mode 100644
index 0000000..277e57f
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/CAM.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   viewBox="0 0 289.658 289.658"
+   enable-background="new 0 0 289.658 289.658"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="CAM.svg">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.81475398"
+     inkscape:cx="-223.38031"
+     inkscape:cy="144.82899"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m245.758,128.041h-14.217v-41.329c0-47.813-38.899-86.712-86.712-86.712-47.813,0-86.712,38.899-86.712,86.712v41.329h-14.217c-8.285,0-15.001,6.716-15.001,15.001v131.613c0,8.285 6.716,15.002 15.001,15.002h201.858c8.285,0 15.002-6.716 15.002-15.002v-131.612c0-8.285-6.717-15.002-15.002-15.002zm-151.221-41.329c0-27.731 22.561-50.292 50.292-50.292 27.731,0 50.292,22.561 50.292,50.292v41.329h-100.584v-41.329zm66.64,127.127v26.904c0,9.029-7.319,16.348-16.348,16.348-9.029,0-16.348-7.319-16.348-16.348v-26.904c-6.081-4.824-9.986-12.272-9.986-20.638 0-14.544 11.79-26.335 26.334-26.335 14.544,0 26.334,11.791 26.334,26.335 2.84217e-14,8.366-3.905,15.815-9.986,20.638z"
+     id="path4"
+     style="fill:#{sdcol(icon)}" />
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/CAM_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/CAM_active.svg
new file mode 100644
index 0000000..ef0a335
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/CAM_active.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   viewBox="0 0 289.658 289.658"
+   enable-background="new 0 0 289.658 289.658"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="CAM.svg">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.81475398"
+     inkscape:cx="-223.38031"
+     inkscape:cy="144.82899"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="m245.758,128.041h-14.217v-41.329c0-47.813-38.899-86.712-86.712-86.712-47.813,0-86.712,38.899-86.712,86.712v41.329h-14.217c-8.285,0-15.001,6.716-15.001,15.001v131.613c0,8.285 6.716,15.002 15.001,15.002h201.858c8.285,0 15.002-6.716 15.002-15.002v-131.612c0-8.285-6.717-15.002-15.002-15.002zm-151.221-41.329c0-27.731 22.561-50.292 50.292-50.292 27.731,0 50.292,22.561 50.292,50.292v41.329h-100.584v-41.329zm66.64,127.127v26.904c0,9.029-7.319,16.348-16.348,16.348-9.029,0-16.348-7.319-16.348-16.348v-26.904c-6.081-4.824-9.986-12.272-9.986-20.638 0-14.544 11.79-26.335 26.334-26.335 14.544,0 26.334,11.791 26.334,26.335 2.84217e-14,8.366-3.905,15.815-9.986,20.638z"
+     id="path4"
+     style="fill:#{sdcol(iconactive)}" />
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Channels.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Channels.svg
new file mode 100644
index 0000000..cc1555e
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Channels.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 26 26"
+   style="enable-background:new 0 0 26 26;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Channels.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="9.0769231"
+     inkscape:cx="-20.050847"
+     inkscape:cy="13"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       style="fill:#{sdcol(icon)};fill-opacity:1"
+       d="M15.859,26H4.179c0-1.69,1.146-3.163,2.84-3.939c1.594,0.891,3.34,1.352,5.165,1.352   c0.683,0,1.344-0.066,1.98-0.181C15.093,23.75,15.859,24.956,15.859,26z M15.956,13.593c1.111,1.874,1.43,3.547,0.655,4.321   c-1.193,1.193-4.521-0.199-7.431-3.109c-2.912-2.911-4.304-6.237-3.109-7.432c0.73-0.731,2.266-0.49,4.015,0.478   c0.409,0.226,1.571-0.273,1.905-0.7C8.936,5.065,5.881,4.46,4.441,5.9c-1.862,1.862-4.637,7.493,0.756,12.887   c4.933,4.934,11.023,2.619,12.886,0.757c1.485-1.485,0.801-4.687-1.444-7.832C16.217,12.053,15.722,13.199,15.956,13.593z    M8.63,10.591c0.05,0.455,0.463,0.781,0.914,0.731l2.698-0.3c0.17,0.283,0.405,0.518,0.688,0.688l-0.3,2.698   c-0.05,0.454,0.277,0.863,0.731,0.914c0.031,0.004,0.062,0.005,0.092,0.005c0.416,0,0.774-0.312,0.821-0.735l0.3-2.701   c0.798-0.263,1.378-1.005,1.378-1.891c0-1.105-0.895-2-2-2c-0.886,0-1.628,0.58-1.891,1.378l-2.7,0.3   C8.907,9.728,8.579,10.137,8.63,10.591z M13.952,4c-0.552,0-1,0.448-1,1s0.448,1,1,1c2.916,0,4,1.084,4,4c0,0.552,0.447,1,1,1   s1-0.448,1-1C19.952,5.962,17.989,4,13.952,4z M13.952,0c-0.552,0-1,0.448-1,1s0.448,1,1,1c4.411,0,8,3.589,8,8   c0,0.552,0.447,1,1,1s1-0.448,1-1C23.952,4.486,19.466,0,13.952,0z"
+       id="path5" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Channels_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Channels_active.svg
new file mode 100644
index 0000000..98f020c
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Channels_active.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 26 26"
+   style="enable-background:new 0 0 26 26;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Channels.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="9.0769231"
+     inkscape:cx="-20.050847"
+     inkscape:cy="13"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"
+       d="M15.859,26H4.179c0-1.69,1.146-3.163,2.84-3.939c1.594,0.891,3.34,1.352,5.165,1.352   c0.683,0,1.344-0.066,1.98-0.181C15.093,23.75,15.859,24.956,15.859,26z M15.956,13.593c1.111,1.874,1.43,3.547,0.655,4.321   c-1.193,1.193-4.521-0.199-7.431-3.109c-2.912-2.911-4.304-6.237-3.109-7.432c0.73-0.731,2.266-0.49,4.015,0.478   c0.409,0.226,1.571-0.273,1.905-0.7C8.936,5.065,5.881,4.46,4.441,5.9c-1.862,1.862-4.637,7.493,0.756,12.887   c4.933,4.934,11.023,2.619,12.886,0.757c1.485-1.485,0.801-4.687-1.444-7.832C16.217,12.053,15.722,13.199,15.956,13.593z    M8.63,10.591c0.05,0.455,0.463,0.781,0.914,0.731l2.698-0.3c0.17,0.283,0.405,0.518,0.688,0.688l-0.3,2.698   c-0.05,0.454,0.277,0.863,0.731,0.914c0.031,0.004,0.062,0.005,0.092,0.005c0.416,0,0.774-0.312,0.821-0.735l0.3-2.701   c0.798-0.263,1.378-1.005,1.378-1.891c0-1.105-0.895-2-2-2c-0.886,0-1.628,0.58-1.891,1.378l-2.7,0.3   C8.907,9.728,8.579,10.137,8.63,10.591z M13.952,4c-0.552,0-1,0.448-1,1s0.448,1,1,1c2.916,0,4,1.084,4,4c0,0.552,0.447,1,1,1   s1-0.448,1-1C19.952,5.962,17.989,4,13.952,4z M13.952,0c-0.552,0-1,0.448-1,1s0.448,1,1,1c4.411,0,8,3.589,8,8   c0,0.552,0.447,1,1,1s1-0.448,1-1C23.952,4.486,19.466,0,13.952,0z"
+       id="path5" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Commands.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Commands.svg
new file mode 100644
index 0000000..fc2b191
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Commands.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 27.269 27.269"
+   style="enable-background:new 0 0 27.269 27.269;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Commands.svg"><metadata
+     id="metadata75"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs73" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview71"
+     showgrid="false"
+     inkscape:zoom="8.6545164"
+     inkscape:cx="-21.029482"
+     inkscape:cy="13.6345"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M25.322,1.947H1.949C0.869,1.947,0,2.818,0,3.898v19.477c0,1.074,0.869,1.947,1.949,1.947h23.373   c1.07,0,1.947-0.873,1.947-1.947V3.898C27.27,2.818,26.393,1.947,25.322,1.947z M9.312,3.41c0.537,0,0.973,0.436,0.973,0.975   c0,0.537-0.436,0.973-0.973,0.973c-0.539,0-0.975-0.436-0.975-0.973C8.338,3.845,8.773,3.41,9.312,3.41z M6.33,3.41   c0.537,0,0.975,0.436,0.975,0.975c0,0.537-0.438,0.973-0.975,0.973c-0.539,0-0.975-0.436-0.975-0.973   C5.355,3.845,5.791,3.41,6.33,3.41z M3.406,3.41c0.541,0,0.975,0.436,0.975,0.975c0,0.537-0.434,0.973-0.975,0.973   c-0.535,0-0.971-0.436-0.971-0.973C2.436,3.845,2.871,3.41,3.406,3.41z M25.322,23.375H1.949V6.838h23.373   C25.322,6.838,25.322,23.375,25.322,23.375z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M14.797,15.566L5.844,20.16v-1.332l7.602-3.781v-0.039l-7.602-3.782V9.894l8.953,4.572V15.566z"
+       id="path7"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+       d="M21.422,14.334v1.232h-4.764v-1.232H21.422z"
+       id="path9"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g11"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g13"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g15"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g17"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g19"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g21"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g23"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g25"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g27"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g29"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g31"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g33"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g35"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g37"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /><g
+       id="g39"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Commands_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Commands_active.svg
new file mode 100644
index 0000000..b023afd
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Commands_active.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 27.269 27.269"
+   style="enable-background:new 0 0 27.269 27.269;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Commands.svg"><metadata
+     id="metadata75"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs73" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview71"
+     showgrid="false"
+     inkscape:zoom="8.6545164"
+     inkscape:cx="-21.029482"
+     inkscape:cy="13.6345"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M25.322,1.947H1.949C0.869,1.947,0,2.818,0,3.898v19.477c0,1.074,0.869,1.947,1.949,1.947h23.373   c1.07,0,1.947-0.873,1.947-1.947V3.898C27.27,2.818,26.393,1.947,25.322,1.947z M9.312,3.41c0.537,0,0.973,0.436,0.973,0.975   c0,0.537-0.436,0.973-0.973,0.973c-0.539,0-0.975-0.436-0.975-0.973C8.338,3.845,8.773,3.41,9.312,3.41z M6.33,3.41   c0.537,0,0.975,0.436,0.975,0.975c0,0.537-0.438,0.973-0.975,0.973c-0.539,0-0.975-0.436-0.975-0.973   C5.355,3.845,5.791,3.41,6.33,3.41z M3.406,3.41c0.541,0,0.975,0.436,0.975,0.975c0,0.537-0.434,0.973-0.975,0.973   c-0.535,0-0.971-0.436-0.971-0.973C2.436,3.845,2.871,3.41,3.406,3.41z M25.322,23.375H1.949V6.838h23.373   C25.322,6.838,25.322,23.375,25.322,23.375z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+       d="M14.797,15.566L5.844,20.16v-1.332l7.602-3.781v-0.039l-7.602-3.782V9.894l8.953,4.572V15.566z"
+       id="path7"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+       d="M21.422,14.334v1.232h-4.764v-1.232H21.422z"
+       id="path9"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g11"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g13"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g15"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g17"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g19"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g21"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g23"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g25"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g27"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g29"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g31"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g33"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g35"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g37"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /><g
+       id="g39"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /><g
+     id="g53" /><g
+     id="g55" /><g
+     id="g57" /><g
+     id="g59" /><g
+     id="g61" /><g
+     id="g63" /><g
+     id="g65" /><g
+     id="g67" /><g
+     id="g69" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/DVB.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/DVB.svg
new file mode 100644
index 0000000..b00d878
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/DVB.svg
@@ -0,0 +1,162 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.0"
+   width="531.60236"
+   height="435.36612"
+   id="svg39021"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="DVB.svg">
+  <metadata
+     id="metadata33">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview31"
+     showgrid="false"
+     inkscape:zoom="0.5420725"
+     inkscape:cx="-287.63033"
+     inkscape:cy="217.68306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg39021" />
+  <defs
+     id="defs39023" />
+  <g
+     transform="translate(-96.96393,-541.0755)"
+     id="layer1"
+     style="fill:#{sdcol(icon)};fill-opacity:1">
+    <g
+       transform="translate(3.542452,3.539235)"
+       id="g39054"
+       style="fill:#{sdcol(icon)};fill-opacity:1">
+      <path
+         d="M 97.037571,804.27746 L 116.75287,804.27746 C 138.84286,804.27746 158.35569,811.03341 158.35569,837.04431 C 158.35569,863.03689 138.84286,869.81116 116.75287,869.81116 L 97.037571,869.81116 L 97.037571,804.27746 z M 111.4881,859.48404 L 119.55093,859.48404 C 131.62679,859.48404 143.27919,851.3108 143.27919,837.04431 C 143.27919,822.77782 131.62679,814.60458 119.55093,814.60458 L 111.4881,814.60458 L 111.4881,859.48404"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38816" />
+      <path
+         d="M 168.00164,827.564 L 176.56141,827.564 L 176.56141,869.81116 L 168.00164,869.81116 L 168.00164,827.564 z M 167.44932,809.33981 L 177.11373,809.33981 L 177.11373,818.12048 L 167.44932,818.12048 L 167.44932,809.33981 z "
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38818" />
+      <path
+         d="M 230.11133,867.98871 C 230.11133,880.81928 222.82153,888.18267 206.1621,888.18267 C 201.24707,888.18267 196.95795,887.61187 189.4842,885.29251 L 190.40458,878.07645 C 196.95795,880.81928 200.87886,881.88699 207.15607,881.88699 C 216.17611,881.88699 221.5514,876.34605 221.5514,867.39959 L 221.5514,863.25779 L 221.3673,863.25779 C 217.72255,867.65728 211.72135,869.81116 205.79389,869.81116 C 192.50304,869.81116 185.93135,859.94416 185.93135,849.00977 C 185.93135,838.16727 192.66883,826.57003 206.71427,826.57003 C 214.90598,826.57003 219.45279,829.2944 222.01167,833.85968 L 222.19563,833.85968 L 222.19563,827.564 L 230.11133,827.564 L 230.11133,867.98871 z M 221.5514,849.1754 C 221.5514,840.39458 217.09665,832.86556 207.98455,832.86556 C 199.33257,832.86556 195.04345,841.3887 195.04345,848.60476 C 195.04345,856.5571 199.95847,863.51548 207.98455,863.51548 C 215.99215,863.51548 221.5514,857.05416 221.5514,849.1754"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38820" />
+      <path
+         d="M 242.59216,827.564 L 251.15194,827.564 L 251.15194,869.81116 L 242.59216,869.81116 L 242.59216,827.564 z M 242.05831,809.33981 L 251.72258,809.33981 L 251.72258,818.12048 L 242.05831,818.12048 L 242.05831,809.33981 z "
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38822" />
+      <path
+         d="M 288.31843,833.85968 L 276.02155,833.85968 L 276.02155,856.96211 C 276.02155,861.85866 279.29824,864.50944 283.2193,864.50944 C 285.85161,864.50944 287.76611,863.7547 289.05471,863.01842 L 289.05471,869.64537 C 287.14021,870.14243 284.48943,870.80512 281.76506,870.80512 C 272.92898,870.80512 267.46178,866.99459 267.46178,858.54519 L 267.46178,833.85968 L 256.98735,833.85968 L 256.98735,827.564 L 267.46178,827.564 L 267.46178,817.78921 L 276.02155,815.30406 L 276.02155,827.564 L 288.31843,827.564 L 288.31843,833.85968"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38824" />
+      <path
+         d="M 298.07475,830.5462 C 302.34556,828.2267 307.44454,826.57003 313.37216,826.57003 C 326.66285,826.57003 332.03814,832.53429 332.03814,844.03948 L 332.03814,861.52739 C 332.03814,866.33189 332.22225,868.55935 332.40621,869.81116 L 324.3986,869.81116 L 324.3986,864.34381 L 324.21465,864.34381 C 322.20809,866.90254 317.64281,870.80512 309.81931,870.80512 C 299.80515,870.80512 292.79151,866.82895 292.79151,857.6248 C 292.79151,847.02153 305.53019,843.70805 314.36612,843.70805 C 317.73486,843.70805 320.10948,843.70805 323.47822,843.87384 C 323.47822,836.58404 320.56975,832.86556 312.00982,832.86556 C 307.16853,832.86556 301.97734,834.52237 298.51655,837.17316 L 298.07475,830.5462 z M 323.47822,849.67246 C 321.65577,849.67246 319.83347,849.50667 318.01102,849.50667 C 313.37216,849.50667 301.88529,850.16937 301.88529,857.6248 C 301.88529,862.09803 306.63468,864.50944 310.55559,864.50944 C 319.02346,864.50944 323.47822,859.70494 323.47822,853.40926 L 323.47822,849.67246"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38826" />
+      <path
+         d="M 344.44525,807.68299 L 353.00517,807.68299 L 353.00517,869.81116 L 344.44525,869.81116 L 344.44525,807.68299 z "
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38828" />
+      <path
+         d="M 378.92402,804.27746 L 394.42385,804.27746 L 412.88741,855.72877 L 413.10831,855.72877 L 431.36944,804.27746 L 445.72784,804.27746 L 421.46565,869.81116 L 403.70173,869.81116 L 378.92402,804.27746"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38830" />
+      <path
+         d="M 448.45235,827.564 L 457.01212,827.564 L 457.01212,869.81116 L 448.45235,869.81116 L 448.45235,827.564 z M 447.90003,809.33981 L 457.56445,809.33981 L 457.56445,818.12048 L 447.90003,818.12048 L 447.90003,809.33981 z "
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38832" />
+      <path
+         d="M 502.37018,863.84675 L 502.18622,863.84675 C 499.90351,866.99459 494.62042,870.80512 486.33665,870.80512 C 472.30953,870.80512 466.38206,859.44725 466.38206,847.94207 C 466.38206,836.58404 472.95375,826.57003 486.4287,826.57003 C 494.52836,826.57003 499.18555,829.46003 501.81801,833.36262 L 502.00212,833.36262 L 502.00212,807.68299 L 510.56189,807.68299 L 510.56189,869.81116 L 502.37018,869.81116 L 502.37018,863.84675 z M 488.34306,864.50944 C 497.989,864.50944 502.00212,855.80235 502.00212,848.7704 C 502.00212,840.89164 497.54721,832.86556 488.251,832.86556 C 478.9548,832.86556 475.31005,840.81805 475.49416,848.51271 C 475.31005,855.13966 479.13891,864.50944 488.34306,864.50944"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38834" />
+      <path
+         d="M 557.57676,868.06229 C 554.30007,869.14846 550.56327,870.80512 542.90541,870.80512 C 526.41146,870.80512 518.86413,861.69303 518.86413,847.94207 C 518.86413,835.42429 527.51595,826.57003 540.62269,826.57003 C 556.12252,826.57003 561.1296,836.84173 561.1296,850.42721 L 527.95775,850.42721 C 527.95775,858.78456 535.1555,864.50944 543.27347,864.50944 C 548.92493,864.50944 555.4783,861.85866 557.57676,860.27558 L 557.57676,868.06229 z M 552.01751,844.62859 C 552.01751,838.16727 547.82044,832.86556 540.43859,832.86556 C 532.06292,832.86556 528.60213,839.16124 527.95775,844.62859 L 552.01751,844.62859"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38836" />
+      <path
+         d="M 590.01218,826.57003 C 604.13136,826.57003 613.59335,835.84777 613.59335,848.67834 C 613.59335,860.77264 603.9474,870.80512 590.01218,870.80512 C 575.98506,870.80512 566.32079,860.77264 566.32079,848.67834 C 566.32079,835.84777 575.80095,826.57003 590.01218,826.57003 z M 590.01218,864.50944 C 600.02634,864.50944 604.49957,856.22583 604.49957,848.67834 C 604.49957,840.65227 599.12428,832.86556 590.01218,832.86556 C 580.80803,832.86556 575.43289,840.65227 575.43289,848.67834 C 575.43289,856.22583 579.88765,864.50944 590.01218,864.50944"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38838" />
+      <path
+         d="M 97.037571,885.45815 L 122.22014,885.45815 C 131.51634,885.45815 145.45138,887.9065 145.45138,902.2649 C 145.45138,910.05161 139.67122,915.50048 131.11135,916.89961 L 131.11135,917.10203 C 140.90458,917.93036 147.62357,923.94988 147.62357,932.01275 C 147.62357,948.54349 131.31385,950.99169 122.22014,950.99169 L 97.037571,950.99169 L 97.037571,885.45815 z M 111.4881,940.66473 L 118.29917,940.66473 C 125.0182,940.66473 133.17309,939.15523 133.17309,931.55263 C 133.17309,923.01118 125.53364,921.68579 118.29917,921.68579 L 111.4881,921.68579 L 111.4881,940.66473 z M 111.4881,911.92932 L 117.37875,911.92932 C 123.4719,911.92932 131.0009,910.7143 131.0009,903.9585 C 131.0009,896.35591 123.6744,895.78526 117.06582,895.78526 L 111.4881,895.78526 L 111.4881,911.92932"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38840" />
+      <path
+         d="M 155.94413,908.74469 L 163.97021,908.74469 L 163.97021,915.27958 L 164.15431,915.27958 C 166.41856,910.89841 171.35191,907.75057 176.26693,907.75057 C 178.80734,907.75057 180.09594,907.98994 181.91824,908.32136 L 181.91824,915.27958 C 180.37195,914.70894 178.64155,914.54331 177.169,914.54331 C 169.52946,914.54331 164.52238,921.17026 164.52238,931.77353 L 164.52238,950.99169 L 155.94413,950.99169 L 155.94413,908.74469"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38842" />
+      <path
+         d="M 209.23621,907.75057 C 223.35538,907.75057 232.83569,917.02845 232.83569,929.85903 C 232.83569,941.95333 223.18975,951.98581 209.23621,951.98581 C 195.20908,951.98581 185.56314,941.95333 185.56314,929.85903 C 185.56314,917.02845 195.02498,907.75057 209.23621,907.75057 z M 209.23621,945.69013 C 219.26884,945.69013 223.7236,937.40637 223.7236,929.85903 C 223.7236,921.83295 218.3483,914.04625 209.23621,914.04625 C 200.05053,914.04625 194.67523,921.83295 194.67523,929.85903 C 194.67523,937.40637 199.13014,945.69013 209.23621,945.69013"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38844" />
+      <path
+         d="M 243.77024,911.72689 C 248.05936,909.40738 253.1585,907.75057 259.06749,907.75057 C 272.37681,907.75057 277.75195,913.71498 277.75195,925.22016 L 277.75195,942.70808 C 277.75195,947.51258 277.93606,949.74003 278.12016,950.99169 L 270.09409,950.99169 L 270.09409,945.52449 L 269.90998,945.52449 C 267.90358,948.08322 263.35676,951.98581 255.5148,951.98581 C 245.50063,951.98581 238.487,948.00964 238.487,938.80549 C 238.487,928.20222 251.24399,924.88874 260.08008,924.88874 C 263.44867,924.88874 265.82344,924.88874 269.19218,925.05438 C 269.19218,917.76473 266.26523,914.04625 257.70531,914.04625 C 252.88233,914.04625 247.69115,915.70306 244.23051,918.35384 L 243.77024,911.72689 z M 269.19218,930.853 C 267.36973,930.853 265.54728,930.68736 263.72483,930.68736 C 259.06749,930.68736 247.59924,931.35006 247.59924,938.80549 C 247.59924,943.27872 252.33016,945.69013 256.25107,945.69013 C 264.71895,945.69013 269.19218,940.88563 269.19218,934.58995 L 269.19218,930.853"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38846" />
+      <path
+         d="M 322.3922,945.02744 L 322.20809,945.02744 C 319.92537,948.17527 314.64228,951.98581 306.35852,951.98581 C 292.33139,951.98581 286.40393,940.62794 286.40393,929.12275 C 286.40393,917.76473 292.97562,907.75057 306.45057,907.75057 C 314.55023,907.75057 319.20757,910.64072 321.83988,914.54331 L 322.02398,914.54331 L 322.02398,888.86368 L 330.58391,888.86368 L 330.58391,950.99169 L 322.3922,950.99169 L 322.3922,945.02744 z M 308.36507,945.69013 C 318.01102,945.69013 322.02398,936.98304 322.02398,929.95108 C 322.02398,922.07232 317.56922,914.04625 308.27302,914.04625 C 298.97682,914.04625 295.33192,921.99859 295.51603,929.69339 C 295.33192,936.32034 299.16092,945.69013 308.36507,945.69013"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38848" />
+      <path
+         d="M 371.94732,915.8687 C 368.67064,914.61689 365.39395,914.04625 362.65112,914.04625 C 353.09722,914.04625 347.72193,921.83295 347.72193,929.85903 C 347.72193,937.40637 352.17684,945.69013 363.20344,945.69013 C 366.11191,945.69013 369.75681,944.8618 372.40759,943.27872 L 373.03349,950.23709 C 369.48065,951.72812 365.39395,951.98581 362.2829,951.98581 C 348.25578,951.98581 338.60983,941.95333 338.60983,929.85903 C 338.60983,917.02845 348.07182,907.75057 362.2829,907.75057 C 365.7437,907.75057 370.21693,908.487 372.6836,909.40738 L 371.94732,915.8687"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38850" />
+      <path
+         d="M 382.3297,911.72689 C 386.61882,909.40738 391.7178,907.75057 397.62695,907.75057 C 410.93611,907.75057 416.31141,913.71498 416.31141,925.22016 L 416.31141,942.70808 C 416.31141,947.51258 416.49552,949.74003 416.67947,950.99169 L 408.65355,950.99169 L 408.65355,945.52449 L 408.46944,945.52449 C 406.46288,948.08322 401.91607,951.98581 394.0741,951.98581 C 384.05994,951.98581 377.04646,948.00964 377.04646,938.80549 C 377.04646,928.20222 389.80345,924.88874 398.63939,924.88874 C 402.00812,924.88874 404.38274,924.88874 407.75148,925.05438 C 407.75148,917.76473 404.82454,914.04625 396.26477,914.04625 C 391.44179,914.04625 386.25061,915.70306 382.78981,918.35384 L 382.3297,911.72689 z M 407.75148,930.853 C 405.92903,930.853 404.10673,930.68736 402.28428,930.68736 C 397.62695,930.68736 386.15855,931.35006 386.15855,938.80549 C 386.15855,943.27872 390.88947,945.69013 394.81053,945.69013 C 403.27825,945.69013 407.75148,940.88563 407.75148,934.58995 L 407.75148,930.853"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38852" />
+      <path
+         d="M 424.59517,942.70808 C 427.98223,944.69616 432.8052,945.69013 435.25356,945.69013 C 439.17447,945.69013 443.99744,944.1991 443.99744,939.63382 C 443.99744,931.93917 423.87722,932.60186 423.87722,920.74693 C 423.87722,911.96611 431.07481,907.75057 440.27896,907.75057 C 444.2736,907.75057 447.55029,908.487 450.93734,909.40738 L 450.20107,916.20012 C 448.28656,915.11395 443.18758,914.04625 441.18102,914.04625 C 436.81817,914.04625 432.98931,915.70306 432.98931,919.18217 C 432.98931,927.79721 453.10954,925.31222 453.10954,938.80549 C 453.10954,947.844 445.19399,951.98581 436.8919,951.98581 C 432.52904,951.98581 428.05581,951.56248 424.15338,949.6663 L 424.59517,942.70808"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38854" />
+      <path
+         d="M 487.27551,915.04037 L 474.97863,915.04037 L 474.97863,938.14279 C 474.97863,943.03935 478.25531,945.69013 482.17637,945.69013 C 484.82715,945.69013 486.74166,944.93538 488.01178,944.1991 L 488.01178,950.82606 C 486.09728,951.32311 483.4465,951.98581 480.72214,951.98581 C 471.88605,951.98581 466.41885,948.17527 466.41885,939.72587 L 466.41885,915.04037 L 455.94442,915.04037 L 455.94442,908.74469 L 466.41885,908.74469 L 466.41885,898.96989 L 474.97863,896.48475 L 474.97863,908.74469 L 487.27551,908.74469 L 487.27551,915.04037"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38856" />
+      <path
+         d="M 496.3876,908.74469 L 504.94738,908.74469 L 504.94738,950.99169 L 496.3876,950.99169 L 496.3876,908.74469 z M 495.85375,890.52049 L 505.51802,890.52049 L 505.51802,899.30117 L 495.85375,899.30117 L 495.85375,890.52049 z "
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38858" />
+      <path
+         d="M 517.88848,908.74469 L 526.17224,908.74469 L 526.17224,915.44537 L 526.35635,915.44537 C 528.89661,910.64072 535.10023,907.75057 541.56155,907.75057 C 553.58212,907.75057 558.95741,914.54331 558.95741,925.88286 L 558.95741,950.99169 L 550.39748,950.99169 L 550.39748,929.12275 C 550.39748,919.25576 548.04134,914.45125 540.56743,914.04625 C 530.81111,914.04625 526.44825,921.17026 526.44825,931.44211 L 526.44825,950.99169 L 517.88848,950.99169 L 517.88848,908.74469"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38860" />
+      <path
+         d="M 611.89974,949.16939 C 611.89974,961.99997 604.6101,969.3632 587.93204,969.3632 C 583.01701,969.3632 578.72789,968.79256 571.27261,966.4732 L 572.17452,959.25714 C 578.72789,961.99997 582.64895,963.06767 588.94448,963.06767 C 597.9462,963.06767 603.3215,957.52674 603.3215,948.58028 L 603.3215,944.43847 L 603.13739,944.43847 C 599.51096,948.81965 593.49144,950.99169 587.56398,950.99169 C 574.27313,950.99169 567.71976,941.12485 567.71976,930.1903 C 567.71976,919.34781 574.45724,907.75057 588.48436,907.75057 C 596.67607,907.75057 601.24136,910.47508 603.78161,915.04037 L 603.96572,915.04037 L 603.96572,908.74469 L 611.89974,908.74469 L 611.89974,949.16939 z M 603.3215,930.35609 C 603.3215,921.57526 598.86659,914.04625 589.75449,914.04625 C 581.10266,914.04625 576.81354,922.56938 576.81354,929.78545 C 576.81354,937.73779 581.74689,944.69616 589.75449,944.69616 C 597.78057,944.69616 603.3215,938.23485 603.3215,930.35609"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38862" />
+      <path
+         d="M 96.963928,771.63961 L 96.963928,541.07545 L 230.8844,541.07545 C 230.8844,541.07545 274.36489,543.02674 298.07475,583.41451 C 310.50032,604.58411 355.14057,737.1239 355.14057,737.1239 L 446.96117,541.07545 C 446.96117,541.07545 492.28244,541.07545 552.80905,541.07545 C 646.91236,541.07545 621.14068,655.31746 584.32408,655.31746 C 580.8265,655.31746 577.53135,655.20694 579.72201,655.20694 C 642.31029,655.20694 632.40665,771.63961 564.31423,771.63961 C 408.06443,771.63961 408.28533,771.63961 408.28533,771.63961 L 426.933,734.60197 C 426.933,734.60197 500.5662,734.36275 545.42735,734.36275 C 580.64239,734.36275 595.369,672.69485 531.86034,672.69485 C 521.73581,672.69485 500.7871,672.58448 500.7871,672.58448 L 516.43424,635.30761 C 516.43424,635.30761 540.12563,634.95787 544.98555,634.95787 C 580.86329,634.95787 593.52823,579.73282 540.82527,579.73282 C 501.24737,579.73282 475.25479,579.73282 475.25479,579.73282 L 385.51433,771.63961 L 324.76682,771.63961 L 259.41738,602.74319 C 259.41738,602.74319 250.91272,579.73282 216.8388,579.73282 C 196.8291,579.73282 143.90509,579.73282 143.90509,579.73282 L 143.90509,734.36275 C 143.90509,734.36275 166.67625,734.36275 211.55571,734.36275 C 249.0718,734.36275 271.38269,694.78484 271.38269,694.78484 C 279.22466,714.38969 288.8706,735.7434 288.8706,735.7434 C 288.8706,735.7434 263.78009,771.63961 232.26505,771.63961 C 222.36142,771.63961 96.963928,771.63961 96.963928,771.63961"
+         style="fill:#{sdcol(icon)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38864" />
+    </g>
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/DVB_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/DVB_active.svg
new file mode 100644
index 0000000..4a6fedb
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/DVB_active.svg
@@ -0,0 +1,162 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.0"
+   width="531.60236"
+   height="435.36612"
+   id="svg39021"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="DVB.svg">
+  <metadata
+     id="metadata33">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview31"
+     showgrid="false"
+     inkscape:zoom="0.5420725"
+     inkscape:cx="-287.63033"
+     inkscape:cy="217.68306"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg39021" />
+  <defs
+     id="defs39023" />
+  <g
+     transform="translate(-96.96393,-541.0755)"
+     id="layer1"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1">
+    <g
+       transform="translate(3.542452,3.539235)"
+       id="g39054"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1">
+      <path
+         d="M 97.037571,804.27746 L 116.75287,804.27746 C 138.84286,804.27746 158.35569,811.03341 158.35569,837.04431 C 158.35569,863.03689 138.84286,869.81116 116.75287,869.81116 L 97.037571,869.81116 L 97.037571,804.27746 z M 111.4881,859.48404 L 119.55093,859.48404 C 131.62679,859.48404 143.27919,851.3108 143.27919,837.04431 C 143.27919,822.77782 131.62679,814.60458 119.55093,814.60458 L 111.4881,814.60458 L 111.4881,859.48404"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38816" />
+      <path
+         d="M 168.00164,827.564 L 176.56141,827.564 L 176.56141,869.81116 L 168.00164,869.81116 L 168.00164,827.564 z M 167.44932,809.33981 L 177.11373,809.33981 L 177.11373,818.12048 L 167.44932,818.12048 L 167.44932,809.33981 z "
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38818" />
+      <path
+         d="M 230.11133,867.98871 C 230.11133,880.81928 222.82153,888.18267 206.1621,888.18267 C 201.24707,888.18267 196.95795,887.61187 189.4842,885.29251 L 190.40458,878.07645 C 196.95795,880.81928 200.87886,881.88699 207.15607,881.88699 C 216.17611,881.88699 221.5514,876.34605 221.5514,867.39959 L 221.5514,863.25779 L 221.3673,863.25779 C 217.72255,867.65728 211.72135,869.81116 205.79389,869.81116 C 192.50304,869.81116 185.93135,859.94416 185.93135,849.00977 C 185.93135,838.16727 192.66883,826.57003 206.71427,826.57003 C 214.90598,826.57003 219.45279,829.2944 222.01167,833.85968 L 222.19563,833.85968 L 222.19563,827.564 L 230.11133,827.564 L 230.11133,867.98871 z M 221.5514,849.1754 C 221.5514,840.39458 217.09665,832.86556 207.98455,832.86556 C 199.33257,832.86556 195.04345,841.3887 195.04345,848.60476 C 195.04345,856.5571 199.95847,863.51548 207.98455,863.51548 C 215.99215,863.51548 221.5514,857.05416 221.5514,849.1754"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38820" />
+      <path
+         d="M 242.59216,827.564 L 251.15194,827.564 L 251.15194,869.81116 L 242.59216,869.81116 L 242.59216,827.564 z M 242.05831,809.33981 L 251.72258,809.33981 L 251.72258,818.12048 L 242.05831,818.12048 L 242.05831,809.33981 z "
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38822" />
+      <path
+         d="M 288.31843,833.85968 L 276.02155,833.85968 L 276.02155,856.96211 C 276.02155,861.85866 279.29824,864.50944 283.2193,864.50944 C 285.85161,864.50944 287.76611,863.7547 289.05471,863.01842 L 289.05471,869.64537 C 287.14021,870.14243 284.48943,870.80512 281.76506,870.80512 C 272.92898,870.80512 267.46178,866.99459 267.46178,858.54519 L 267.46178,833.85968 L 256.98735,833.85968 L 256.98735,827.564 L 267.46178,827.564 L 267.46178,817.78921 L 276.02155,815.30406 L 276.02155,827.564 L 288.31843,827.564 L 288.31843,833.85968"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38824" />
+      <path
+         d="M 298.07475,830.5462 C 302.34556,828.2267 307.44454,826.57003 313.37216,826.57003 C 326.66285,826.57003 332.03814,832.53429 332.03814,844.03948 L 332.03814,861.52739 C 332.03814,866.33189 332.22225,868.55935 332.40621,869.81116 L 324.3986,869.81116 L 324.3986,864.34381 L 324.21465,864.34381 C 322.20809,866.90254 317.64281,870.80512 309.81931,870.80512 C 299.80515,870.80512 292.79151,866.82895 292.79151,857.6248 C 292.79151,847.02153 305.53019,843.70805 314.36612,843.70805 C 317.73486,843.70805 320.10948,843.70805 323.47822,843.87384 C 323.47822,836.58404 320.56975,832.86556 312.00982,832.86556 C 307.16853,832.86556 301.97734,834.52237 298.51655,837.17316 L 298.07475,830.5462 z M 323.47822,849.67246 C 321.65577,849.67246 319.83347,849.50667 318.01102,849.50667 C 313.37216,849.50667 301.88529,850.16937 301.88529,857.6248 C 301.88529,862.09803 306.63468,864.50944 310.55559,864.50944 C 319.02346,864.50944 323.47822,859.70494 323.47822,853.40926 L 323.47822,849.67246"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38826" />
+      <path
+         d="M 344.44525,807.68299 L 353.00517,807.68299 L 353.00517,869.81116 L 344.44525,869.81116 L 344.44525,807.68299 z "
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38828" />
+      <path
+         d="M 378.92402,804.27746 L 394.42385,804.27746 L 412.88741,855.72877 L 413.10831,855.72877 L 431.36944,804.27746 L 445.72784,804.27746 L 421.46565,869.81116 L 403.70173,869.81116 L 378.92402,804.27746"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38830" />
+      <path
+         d="M 448.45235,827.564 L 457.01212,827.564 L 457.01212,869.81116 L 448.45235,869.81116 L 448.45235,827.564 z M 447.90003,809.33981 L 457.56445,809.33981 L 457.56445,818.12048 L 447.90003,818.12048 L 447.90003,809.33981 z "
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38832" />
+      <path
+         d="M 502.37018,863.84675 L 502.18622,863.84675 C 499.90351,866.99459 494.62042,870.80512 486.33665,870.80512 C 472.30953,870.80512 466.38206,859.44725 466.38206,847.94207 C 466.38206,836.58404 472.95375,826.57003 486.4287,826.57003 C 494.52836,826.57003 499.18555,829.46003 501.81801,833.36262 L 502.00212,833.36262 L 502.00212,807.68299 L 510.56189,807.68299 L 510.56189,869.81116 L 502.37018,869.81116 L 502.37018,863.84675 z M 488.34306,864.50944 C 497.989,864.50944 502.00212,855.80235 502.00212,848.7704 C 502.00212,840.89164 497.54721,832.86556 488.251,832.86556 C 478.9548,832.86556 475.31005,840.81805 475.49416,848.51271 C 475.31005,855.13966 479.13891,864.50944 488.34306,864.50944"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38834" />
+      <path
+         d="M 557.57676,868.06229 C 554.30007,869.14846 550.56327,870.80512 542.90541,870.80512 C 526.41146,870.80512 518.86413,861.69303 518.86413,847.94207 C 518.86413,835.42429 527.51595,826.57003 540.62269,826.57003 C 556.12252,826.57003 561.1296,836.84173 561.1296,850.42721 L 527.95775,850.42721 C 527.95775,858.78456 535.1555,864.50944 543.27347,864.50944 C 548.92493,864.50944 555.4783,861.85866 557.57676,860.27558 L 557.57676,868.06229 z M 552.01751,844.62859 C 552.01751,838.16727 547.82044,832.86556 540.43859,832.86556 C 532.06292,832.86556 528.60213,839.16124 527.95775,844.62859 L 552.01751,844.62859"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38836" />
+      <path
+         d="M 590.01218,826.57003 C 604.13136,826.57003 613.59335,835.84777 613.59335,848.67834 C 613.59335,860.77264 603.9474,870.80512 590.01218,870.80512 C 575.98506,870.80512 566.32079,860.77264 566.32079,848.67834 C 566.32079,835.84777 575.80095,826.57003 590.01218,826.57003 z M 590.01218,864.50944 C 600.02634,864.50944 604.49957,856.22583 604.49957,848.67834 C 604.49957,840.65227 599.12428,832.86556 590.01218,832.86556 C 580.80803,832.86556 575.43289,840.65227 575.43289,848.67834 C 575.43289,856.22583 579.88765,864.50944 590.01218,864.50944"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38838" />
+      <path
+         d="M 97.037571,885.45815 L 122.22014,885.45815 C 131.51634,885.45815 145.45138,887.9065 145.45138,902.2649 C 145.45138,910.05161 139.67122,915.50048 131.11135,916.89961 L 131.11135,917.10203 C 140.90458,917.93036 147.62357,923.94988 147.62357,932.01275 C 147.62357,948.54349 131.31385,950.99169 122.22014,950.99169 L 97.037571,950.99169 L 97.037571,885.45815 z M 111.4881,940.66473 L 118.29917,940.66473 C 125.0182,940.66473 133.17309,939.15523 133.17309,931.55263 C 133.17309,923.01118 125.53364,921.68579 118.29917,921.68579 L 111.4881,921.68579 L 111.4881,940.66473 z M 111.4881,911.92932 L 117.37875,911.92932 C 123.4719,911.92932 131.0009,910.7143 131.0009,903.9585 C 131.0009,896.35591 123.6744,895.78526 117.06582,895.78526 L 111.4881,895.78526 L 111.4881,911.92932"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38840" />
+      <path
+         d="M 155.94413,908.74469 L 163.97021,908.74469 L 163.97021,915.27958 L 164.15431,915.27958 C 166.41856,910.89841 171.35191,907.75057 176.26693,907.75057 C 178.80734,907.75057 180.09594,907.98994 181.91824,908.32136 L 181.91824,915.27958 C 180.37195,914.70894 178.64155,914.54331 177.169,914.54331 C 169.52946,914.54331 164.52238,921.17026 164.52238,931.77353 L 164.52238,950.99169 L 155.94413,950.99169 L 155.94413,908.74469"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38842" />
+      <path
+         d="M 209.23621,907.75057 C 223.35538,907.75057 232.83569,917.02845 232.83569,929.85903 C 232.83569,941.95333 223.18975,951.98581 209.23621,951.98581 C 195.20908,951.98581 185.56314,941.95333 185.56314,929.85903 C 185.56314,917.02845 195.02498,907.75057 209.23621,907.75057 z M 209.23621,945.69013 C 219.26884,945.69013 223.7236,937.40637 223.7236,929.85903 C 223.7236,921.83295 218.3483,914.04625 209.23621,914.04625 C 200.05053,914.04625 194.67523,921.83295 194.67523,929.85903 C 194.67523,937.40637 199.13014,945.69013 209.23621,945.69013"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38844" />
+      <path
+         d="M 243.77024,911.72689 C 248.05936,909.40738 253.1585,907.75057 259.06749,907.75057 C 272.37681,907.75057 277.75195,913.71498 277.75195,925.22016 L 277.75195,942.70808 C 277.75195,947.51258 277.93606,949.74003 278.12016,950.99169 L 270.09409,950.99169 L 270.09409,945.52449 L 269.90998,945.52449 C 267.90358,948.08322 263.35676,951.98581 255.5148,951.98581 C 245.50063,951.98581 238.487,948.00964 238.487,938.80549 C 238.487,928.20222 251.24399,924.88874 260.08008,924.88874 C 263.44867,924.88874 265.82344,924.88874 269.19218,925.05438 C 269.19218,917.76473 266.26523,914.04625 257.70531,914.04625 C 252.88233,914.04625 247.69115,915.70306 244.23051,918.35384 L 243.77024,911.72689 z M 269.19218,930.853 C 267.36973,930.853 265.54728,930.68736 263.72483,930.68736 C 259.06749,930.68736 247.59924,931.35006 247.59924,938.80549 C 247.59924,943.27872 252.33016,945.69013 256.25107,945.69013 C 264.71895,945.69013 269.19218,940.88563 269.19218,934.58995 L 269.19218,930.853"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38846" />
+      <path
+         d="M 322.3922,945.02744 L 322.20809,945.02744 C 319.92537,948.17527 314.64228,951.98581 306.35852,951.98581 C 292.33139,951.98581 286.40393,940.62794 286.40393,929.12275 C 286.40393,917.76473 292.97562,907.75057 306.45057,907.75057 C 314.55023,907.75057 319.20757,910.64072 321.83988,914.54331 L 322.02398,914.54331 L 322.02398,888.86368 L 330.58391,888.86368 L 330.58391,950.99169 L 322.3922,950.99169 L 322.3922,945.02744 z M 308.36507,945.69013 C 318.01102,945.69013 322.02398,936.98304 322.02398,929.95108 C 322.02398,922.07232 317.56922,914.04625 308.27302,914.04625 C 298.97682,914.04625 295.33192,921.99859 295.51603,929.69339 C 295.33192,936.32034 299.16092,945.69013 308.36507,945.69013"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38848" />
+      <path
+         d="M 371.94732,915.8687 C 368.67064,914.61689 365.39395,914.04625 362.65112,914.04625 C 353.09722,914.04625 347.72193,921.83295 347.72193,929.85903 C 347.72193,937.40637 352.17684,945.69013 363.20344,945.69013 C 366.11191,945.69013 369.75681,944.8618 372.40759,943.27872 L 373.03349,950.23709 C 369.48065,951.72812 365.39395,951.98581 362.2829,951.98581 C 348.25578,951.98581 338.60983,941.95333 338.60983,929.85903 C 338.60983,917.02845 348.07182,907.75057 362.2829,907.75057 C 365.7437,907.75057 370.21693,908.487 372.6836,909.40738 L 371.94732,915.8687"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38850" />
+      <path
+         d="M 382.3297,911.72689 C 386.61882,909.40738 391.7178,907.75057 397.62695,907.75057 C 410.93611,907.75057 416.31141,913.71498 416.31141,925.22016 L 416.31141,942.70808 C 416.31141,947.51258 416.49552,949.74003 416.67947,950.99169 L 408.65355,950.99169 L 408.65355,945.52449 L 408.46944,945.52449 C 406.46288,948.08322 401.91607,951.98581 394.0741,951.98581 C 384.05994,951.98581 377.04646,948.00964 377.04646,938.80549 C 377.04646,928.20222 389.80345,924.88874 398.63939,924.88874 C 402.00812,924.88874 404.38274,924.88874 407.75148,925.05438 C 407.75148,917.76473 404.82454,914.04625 396.26477,914.04625 C 391.44179,914.04625 386.25061,915.70306 382.78981,918.35384 L 382.3297,911.72689 z M 407.75148,930.853 C 405.92903,930.853 404.10673,930.68736 402.28428,930.68736 C 397.62695,930.68736 386.15855,931.35006 386.15855,938.80549 C 386.15855,943.27872 390.88947,945.69013 394.81053,945.69013 C 403.27825,945.69013 407.75148,940.88563 407.75148,934.58995 L 407.75148,930.853"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38852" />
+      <path
+         d="M 424.59517,942.70808 C 427.98223,944.69616 432.8052,945.69013 435.25356,945.69013 C 439.17447,945.69013 443.99744,944.1991 443.99744,939.63382 C 443.99744,931.93917 423.87722,932.60186 423.87722,920.74693 C 423.87722,911.96611 431.07481,907.75057 440.27896,907.75057 C 444.2736,907.75057 447.55029,908.487 450.93734,909.40738 L 450.20107,916.20012 C 448.28656,915.11395 443.18758,914.04625 441.18102,914.04625 C 436.81817,914.04625 432.98931,915.70306 432.98931,919.18217 C 432.98931,927.79721 453.10954,925.31222 453.10954,938.80549 C 453.10954,947.844 445.19399,951.98581 436.8919,951.98581 C 432.52904,951.98581 428.05581,951.56248 424.15338,949.6663 L 424.59517,942.70808"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38854" />
+      <path
+         d="M 487.27551,915.04037 L 474.97863,915.04037 L 474.97863,938.14279 C 474.97863,943.03935 478.25531,945.69013 482.17637,945.69013 C 484.82715,945.69013 486.74166,944.93538 488.01178,944.1991 L 488.01178,950.82606 C 486.09728,951.32311 483.4465,951.98581 480.72214,951.98581 C 471.88605,951.98581 466.41885,948.17527 466.41885,939.72587 L 466.41885,915.04037 L 455.94442,915.04037 L 455.94442,908.74469 L 466.41885,908.74469 L 466.41885,898.96989 L 474.97863,896.48475 L 474.97863,908.74469 L 487.27551,908.74469 L 487.27551,915.04037"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38856" />
+      <path
+         d="M 496.3876,908.74469 L 504.94738,908.74469 L 504.94738,950.99169 L 496.3876,950.99169 L 496.3876,908.74469 z M 495.85375,890.52049 L 505.51802,890.52049 L 505.51802,899.30117 L 495.85375,899.30117 L 495.85375,890.52049 z "
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38858" />
+      <path
+         d="M 517.88848,908.74469 L 526.17224,908.74469 L 526.17224,915.44537 L 526.35635,915.44537 C 528.89661,910.64072 535.10023,907.75057 541.56155,907.75057 C 553.58212,907.75057 558.95741,914.54331 558.95741,925.88286 L 558.95741,950.99169 L 550.39748,950.99169 L 550.39748,929.12275 C 550.39748,919.25576 548.04134,914.45125 540.56743,914.04625 C 530.81111,914.04625 526.44825,921.17026 526.44825,931.44211 L 526.44825,950.99169 L 517.88848,950.99169 L 517.88848,908.74469"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38860" />
+      <path
+         d="M 611.89974,949.16939 C 611.89974,961.99997 604.6101,969.3632 587.93204,969.3632 C 583.01701,969.3632 578.72789,968.79256 571.27261,966.4732 L 572.17452,959.25714 C 578.72789,961.99997 582.64895,963.06767 588.94448,963.06767 C 597.9462,963.06767 603.3215,957.52674 603.3215,948.58028 L 603.3215,944.43847 L 603.13739,944.43847 C 599.51096,948.81965 593.49144,950.99169 587.56398,950.99169 C 574.27313,950.99169 567.71976,941.12485 567.71976,930.1903 C 567.71976,919.34781 574.45724,907.75057 588.48436,907.75057 C 596.67607,907.75057 601.24136,910.47508 603.78161,915.04037 L 603.96572,915.04037 L 603.96572,908.74469 L 611.89974,908.74469 L 611.89974,949.16939 z M 603.3215,930.35609 C 603.3215,921.57526 598.86659,914.04625 589.75449,914.04625 C 581.10266,914.04625 576.81354,922.56938 576.81354,929.78545 C 576.81354,937.73779 581.74689,944.69616 589.75449,944.69616 C 597.78057,944.69616 603.3215,938.23485 603.3215,930.35609"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38862" />
+      <path
+         d="M 96.963928,771.63961 L 96.963928,541.07545 L 230.8844,541.07545 C 230.8844,541.07545 274.36489,543.02674 298.07475,583.41451 C 310.50032,604.58411 355.14057,737.1239 355.14057,737.1239 L 446.96117,541.07545 C 446.96117,541.07545 492.28244,541.07545 552.80905,541.07545 C 646.91236,541.07545 621.14068,655.31746 584.32408,655.31746 C 580.8265,655.31746 577.53135,655.20694 579.72201,655.20694 C 642.31029,655.20694 632.40665,771.63961 564.31423,771.63961 C 408.06443,771.63961 408.28533,771.63961 408.28533,771.63961 L 426.933,734.60197 C 426.933,734.60197 500.5662,734.36275 545.42735,734.36275 C 580.64239,734.36275 595.369,672.69485 531.86034,672.69485 C 521.73581,672.69485 500.7871,672.58448 500.7871,672.58448 L 516.43424,635.30761 C 516.43424,635.30761 540.12563,634.95787 544.98555,634.95787 C 580.86329,634.95787 593.52823,579.73282 540.82527,579.73282 C 501.24737,579.73282 475.25479,579.73282 475.25479,579.73282 L 385.51433,771.63961 L 324.76682,771.63961 L 259.41738,602.74319 C 259.41738,602.74319 250.91272,579.73282 216.8388,579.73282 C 196.8291,579.73282 143.90509,579.73282 143.90509,579.73282 L 143.90509,734.36275 C 143.90509,734.36275 166.67625,734.36275 211.55571,734.36275 C 249.0718,734.36275 271.38269,694.78484 271.38269,694.78484 C 279.22466,714.38969 288.8706,735.7434 288.8706,735.7434 C 288.8706,735.7434 263.78009,771.63961 232.26505,771.63961 C 222.36142,771.63961 96.963928,771.63961 96.963928,771.63961"
+         style="fill:#{sdcol(iconactive)};fill-rule:nonzero;stroke:none;fill-opacity:1"
+         id="path38864" />
+    </g>
+  </g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/EPG.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/EPG.svg
new file mode 100644
index 0000000..4814499
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/EPG.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="427.773px"
+   height="427.773px"
+   viewBox="0 0 427.773 427.773"
+   style="enable-background:new 0 0 427.773 427.773;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="EPG.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="0.55169446"
+     inkscape:cx="-329.89275"
+     inkscape:cy="213.88651"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M421.504,357.406l-34.771-34.771c-3.839-3.836-8.771-5.905-13.789-6.222l-11.812-11.81     c17.547-27.896,14.189-65.271-10.076-89.535c-28.166-28.167-73.993-28.166-102.162,0c-28.162,28.166-28.162,73.995,0.004,102.161     c24.265,24.266,61.64,27.622,89.531,10.076l11.813,11.81c0.313,5.021,2.385,9.953,6.223,13.79l34.771,34.771     c8.358,8.359,21.909,8.357,30.27,0C429.861,379.318,429.863,365.766,421.504,357.406z M335.924,302.096     c-19.82,19.819-52.07,19.819-71.892,0c-19.819-19.82-19.819-52.069,0-71.891c19.818-19.82,52.066-19.82,71.892,0.001     C355.742,250.026,355.742,282.276,335.924,302.096z"
+           id="path9"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+           d="M236.812,204.111c16.552-16.55,38.584-25.665,62.041-25.665s45.49,9.114,62.041,25.665     c14.13,14.128,23.068,32.854,25.173,52.733c1.618,15.289-0.81,30.8-7.021,44.875l0.211,0.211     c6.553,1.604,12.537,4.972,17.312,9.744l3.432,3.433V75.095c0-3.779-1.871-7.315-5-9.44     c-30.646-20.82-65.452-31.827-100.669-31.827c-32.813,0-65.27,9.561-94.332,27.711c-29.072-18.15-61.537-27.711-94.35-27.711     c-35.207,0-70.014,11.006-100.652,31.827C1.871,67.781,0,71.317,0,75.095v267.551c0,4.229,2.336,8.11,6.074,10.091     c3.738,1.979,8.258,1.728,11.758-0.647c26.836-18.235,57.207-27.879,87.822-27.879c30.617,0,60.994,9.644,87.84,27.881     c1.922,1.311,4.164,1.974,6.408,1.974c0.012,0,0.025-0.002,0.039-0.002c2.301,0.03,4.6-0.634,6.566-1.974     c11.48-7.801,23.611-14.016,36.129-18.59c-2.004-1.677-3.953-3.438-5.821-5.308C202.603,293.983,202.603,238.32,236.812,204.111z      M233.032,110.767c21.408-14.636,50.663-16.821,66.198-16.821c15.534,0,44.791,2.186,66.198,16.821     c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.153-12.789     c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.554-5.036     C226.411,121.562,227.764,114.37,233.032,110.767z M233.032,160.767c21.408-14.636,50.663-16.821,66.198-16.821     c15.534,0,44.791,2.186,66.198,16.821c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.153-12.789c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.554-5.036C226.411,171.562,227.764,164.37,233.032,160.767z M169.986,276.831     c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.062     c21.408-14.638,50.664-16.821,66.199-16.821s44.791,2.187,66.199,16.821C172.236,264.37,173.587,271.562,169.986,276.831z      M169.986,226.831c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.063     c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821C172.236,214.37,173.587,221.562,169.986,226.831z      M169.986,176.831c-3.602,5.269-10.795,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.154-12.789     S59.5,171.722,47.614,179.85c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.553-5.036     c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821     C172.236,164.37,173.587,171.562,169.986,176.831z M169.986,126.831c-3.602,5.269-10.795,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.154-12.789S59.5,121.722,47.614,129.85c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821     s44.791,2.186,66.199,16.821C172.236,114.37,173.587,121.562,169.986,126.831z"
+           id="path11"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/EPG_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/EPG_active.svg
new file mode 100644
index 0000000..7447b09
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/EPG_active.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="427.773px"
+   height="427.773px"
+   viewBox="0 0 427.773 427.773"
+   style="enable-background:new 0 0 427.773 427.773;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="EPG.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="0.55169446"
+     inkscape:cx="-329.89275"
+     inkscape:cy="213.88651"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M421.504,357.406l-34.771-34.771c-3.839-3.836-8.771-5.905-13.789-6.222l-11.812-11.81     c17.547-27.896,14.189-65.271-10.076-89.535c-28.166-28.167-73.993-28.166-102.162,0c-28.162,28.166-28.162,73.995,0.004,102.161     c24.265,24.266,61.64,27.622,89.531,10.076l11.813,11.81c0.313,5.021,2.385,9.953,6.223,13.79l34.771,34.771     c8.358,8.359,21.909,8.357,30.27,0C429.861,379.318,429.863,365.766,421.504,357.406z M335.924,302.096     c-19.82,19.819-52.07,19.819-71.892,0c-19.819-19.82-19.819-52.069,0-71.891c19.818-19.82,52.066-19.82,71.892,0.001     C355.742,250.026,355.742,282.276,335.924,302.096z"
+           id="path9"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+           d="M236.812,204.111c16.552-16.55,38.584-25.665,62.041-25.665s45.49,9.114,62.041,25.665     c14.13,14.128,23.068,32.854,25.173,52.733c1.618,15.289-0.81,30.8-7.021,44.875l0.211,0.211     c6.553,1.604,12.537,4.972,17.312,9.744l3.432,3.433V75.095c0-3.779-1.871-7.315-5-9.44     c-30.646-20.82-65.452-31.827-100.669-31.827c-32.813,0-65.27,9.561-94.332,27.711c-29.072-18.15-61.537-27.711-94.35-27.711     c-35.207,0-70.014,11.006-100.652,31.827C1.871,67.781,0,71.317,0,75.095v267.551c0,4.229,2.336,8.11,6.074,10.091     c3.738,1.979,8.258,1.728,11.758-0.647c26.836-18.235,57.207-27.879,87.822-27.879c30.617,0,60.994,9.644,87.84,27.881     c1.922,1.311,4.164,1.974,6.408,1.974c0.012,0,0.025-0.002,0.039-0.002c2.301,0.03,4.6-0.634,6.566-1.974     c11.48-7.801,23.611-14.016,36.129-18.59c-2.004-1.677-3.953-3.438-5.821-5.308C202.603,293.983,202.603,238.32,236.812,204.111z      M233.032,110.767c21.408-14.636,50.663-16.821,66.198-16.821c15.534,0,44.791,2.186,66.198,16.821     c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.153-12.789     c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.554-5.036     C226.411,121.562,227.764,114.37,233.032,110.767z M233.032,160.767c21.408-14.636,50.663-16.821,66.198-16.821     c15.534,0,44.791,2.186,66.198,16.821c5.271,3.603,6.621,10.794,3.021,16.063c-3.603,5.269-10.797,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.153-12.789c-21.893,0-41.269,4.661-53.154,12.789c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.554-5.036C226.411,171.562,227.764,164.37,233.032,160.767z M169.986,276.831     c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.062     c21.408-14.638,50.664-16.821,66.199-16.821s44.791,2.187,66.199,16.821C172.236,264.37,173.587,271.562,169.986,276.831z      M169.986,226.831c-3.602,5.27-10.795,6.621-16.064,3.02c-11.887-8.128-31.262-12.789-53.154-12.789s-41.268,4.661-53.154,12.789     c-1.994,1.362-4.266,2.019-6.512,2.019c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.27-2.25-12.461,3.02-16.063     c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821C172.236,214.37,173.587,221.562,169.986,226.831z      M169.986,176.831c-3.602,5.269-10.795,6.621-16.064,3.019c-11.887-8.127-31.262-12.789-53.154-12.789     S59.5,171.722,47.614,179.85c-1.994,1.363-4.266,2.018-6.512,2.018c-3.689,0-7.313-1.761-9.553-5.036     c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821s44.791,2.186,66.199,16.821     C172.236,164.37,173.587,171.562,169.986,176.831z M169.986,126.831c-3.602,5.269-10.795,6.621-16.064,3.019     c-11.887-8.127-31.262-12.789-53.154-12.789S59.5,121.722,47.614,129.85c-1.994,1.363-4.266,2.018-6.512,2.018     c-3.689,0-7.313-1.761-9.553-5.036c-3.602-5.269-2.25-12.461,3.02-16.063c21.408-14.636,50.664-16.821,66.199-16.821     s44.791,2.186,66.199,16.821C172.236,114.37,173.587,121.562,169.986,126.831z"
+           id="path11"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/LNB.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/LNB.svg
new file mode 100644
index 0000000..41ede2b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/LNB.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="581.94px"
+   height="581.94px"
+   viewBox="0 0 581.94 581.94"
+   style="enable-background:new 0 0 581.94 581.94;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="LNB.svg"><metadata
+     id="metadata52"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs50" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview48"
+     showgrid="false"
+     inkscape:zoom="0.40554009"
+     inkscape:cx="-448.78424"
+     inkscape:cy="290.97"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="Layer_1_8_"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><g
+         id="g6"
+         style="fill:#{sdcol(icon)};fill-opacity:1"><path
+           d="M426.39,256.545c7.65-7.65,8.926-19.125,2.551-28.05L385.59,178.77c-3.825-3.825-7.649-6.375-14.024-6.375     s-10.2,1.275-14.025,5.1l-52.275,43.35c-49.725-28.05-110.925-28.05-160.649,2.55c-5.1,2.55-7.65,7.65-8.925,14.025     c-1.275,5.1,1.275,11.475,5.1,15.3l42.075,48.45c-19.125,26.774-19.125,65.024,3.825,91.8     c22.95,26.775,59.925,33.15,90.525,17.85l42.075,48.45c3.825,3.825,8.925,6.375,15.3,6.375s11.476-2.55,15.3-6.375     c38.25-44.625,47.176-105.825,26.775-158.1L426.39,256.545z"
+           id="path8"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+           d="M99.99,466.92c25.5,30.6,62.475,45.899,99.45,45.899c30.6,0,61.2-10.199,85.425-31.875     c7.649-6.375,8.925-19.125,2.55-26.774c-6.375-7.65-19.125-8.925-26.775-2.55c-39.525,33.149-98.175,29.324-131.325-10.2     c-33.15-39.525-29.325-98.175,10.2-131.325c7.65-6.375,8.925-19.125,2.55-26.775s-19.125-8.925-26.775-2.55     C59.19,329.22,52.815,412.095,99.99,466.92z"
+           id="path10"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+           d="M303.99,503.895c-67.575,58.65-169.575,51-226.95-16.575c-57.375-67.574-51-169.574,16.575-228.225     c7.65-6.375,8.925-19.125,2.55-26.775s-19.125-8.925-26.775-2.55c-40.8,34.425-65.025,82.875-68.85,136.425     c-3.825,53.551,12.75,104.551,47.175,145.351c39.525,45.899,95.625,68.85,151.725,68.85c45.9,0,93.075-15.3,130.05-48.45     c7.649-6.375,8.925-19.125,2.55-26.774C324.39,498.795,312.915,497.52,303.99,503.895z"
+           id="path12"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+           d="M283.59,171.12c6.375,7.65,16.575,7.65,24.226,1.275l43.35-36.975c3.825-2.55,5.1-7.65,6.375-11.475     c0-5.1-1.275-8.925-3.825-12.75L265.74,7.92c-2.55-3.825-7.65-5.1-11.475-6.375c-5.1,0-8.925,1.275-12.75,3.825l-43.35,36.975     c-7.65,6.375-7.65,16.575-1.275,24.225L283.59,171.12z"
+           id="path14"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+           d="M578.115,372.57L490.14,269.295c-6.375-7.65-16.574-7.65-24.225-1.275l-43.35,36.976     c-3.825,2.55-5.101,7.649-6.375,11.475c0,5.1,1.274,8.925,3.824,12.75l87.976,103.275c6.375,7.649,16.575,7.649,24.225,1.274     l43.351-36.975c3.824-2.55,5.1-7.65,6.375-11.476C581.94,380.22,580.665,376.395,578.115,372.57z"
+           id="path16"
+           style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g></g><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /><g
+     id="g40" /><g
+     id="g42" /><g
+     id="g44" /><g
+     id="g46" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/LNB_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/LNB_active.svg
new file mode 100644
index 0000000..a02aa0d
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/LNB_active.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="581.94px"
+   height="581.94px"
+   viewBox="0 0 581.94 581.94"
+   style="enable-background:new 0 0 581.94 581.94;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="LNB.svg"><metadata
+     id="metadata52"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs50" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview48"
+     showgrid="false"
+     inkscape:zoom="0.40554009"
+     inkscape:cx="-448.78424"
+     inkscape:cy="290.97"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="Layer_1_8_"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+         id="g6"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+           d="M426.39,256.545c7.65-7.65,8.926-19.125,2.551-28.05L385.59,178.77c-3.825-3.825-7.649-6.375-14.024-6.375     s-10.2,1.275-14.025,5.1l-52.275,43.35c-49.725-28.05-110.925-28.05-160.649,2.55c-5.1,2.55-7.65,7.65-8.925,14.025     c-1.275,5.1,1.275,11.475,5.1,15.3l42.075,48.45c-19.125,26.774-19.125,65.024,3.825,91.8     c22.95,26.775,59.925,33.15,90.525,17.85l42.075,48.45c3.825,3.825,8.925,6.375,15.3,6.375s11.476-2.55,15.3-6.375     c38.25-44.625,47.176-105.825,26.775-158.1L426.39,256.545z"
+           id="path8"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+           d="M99.99,466.92c25.5,30.6,62.475,45.899,99.45,45.899c30.6,0,61.2-10.199,85.425-31.875     c7.649-6.375,8.925-19.125,2.55-26.774c-6.375-7.65-19.125-8.925-26.775-2.55c-39.525,33.149-98.175,29.324-131.325-10.2     c-33.15-39.525-29.325-98.175,10.2-131.325c7.65-6.375,8.925-19.125,2.55-26.775s-19.125-8.925-26.775-2.55     C59.19,329.22,52.815,412.095,99.99,466.92z"
+           id="path10"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+           d="M303.99,503.895c-67.575,58.65-169.575,51-226.95-16.575c-57.375-67.574-51-169.574,16.575-228.225     c7.65-6.375,8.925-19.125,2.55-26.775s-19.125-8.925-26.775-2.55c-40.8,34.425-65.025,82.875-68.85,136.425     c-3.825,53.551,12.75,104.551,47.175,145.351c39.525,45.899,95.625,68.85,151.725,68.85c45.9,0,93.075-15.3,130.05-48.45     c7.649-6.375,8.925-19.125,2.55-26.774C324.39,498.795,312.915,497.52,303.99,503.895z"
+           id="path12"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+           d="M283.59,171.12c6.375,7.65,16.575,7.65,24.226,1.275l43.35-36.975c3.825-2.55,5.1-7.65,6.375-11.475     c0-5.1-1.275-8.925-3.825-12.75L265.74,7.92c-2.55-3.825-7.65-5.1-11.475-6.375c-5.1,0-8.925,1.275-12.75,3.825l-43.35,36.975     c-7.65,6.375-7.65,16.575-1.275,24.225L283.59,171.12z"
+           id="path14"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+           d="M578.115,372.57L490.14,269.295c-6.375-7.65-16.574-7.65-24.225-1.275l-43.35,36.976     c-3.825,2.55-5.101,7.649-6.375,11.475c0,5.1,1.274,8.925,3.824,12.75l87.976,103.275c6.375,7.649,16.575,7.649,24.225,1.274     l43.351-36.975c3.824-2.55,5.1-7.65,6.375-11.476C581.94,380.22,580.665,376.395,578.115,372.57z"
+           id="path16"
+           style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g></g><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /><g
+     id="g40" /><g
+     id="g42" /><g
+     id="g44" /><g
+     id="g46" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Miscellaneous.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Miscellaneous.svg
new file mode 100644
index 0000000..6f94226
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Miscellaneous.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="535.5px"
+   height="535.5px"
+   viewBox="0 0 535.5 535.5"
+   style="enable-background:new 0 0 535.5 535.5;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Miscellaneous.svg"><metadata
+     id="metadata42"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs40" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview38"
+     showgrid="false"
+     inkscape:zoom="0.44070962"
+     inkscape:cx="-412.97034"
+     inkscape:cy="267.75"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)}"><g
+       id="extension"
+       style="fill:#{sdcol(icon)}"><path
+         d="M471.75,255H433.5V153c0-28.05-22.95-51-51-51h-102V63.75C280.5,28.05,252.45,0,216.75,0S153,28.05,153,63.75V102H51    c-28.05,0-51,22.95-51,51v96.9h38.25c38.25,0,68.85,30.6,68.85,68.85S76.5,387.6,38.25,387.6H0v96.9c0,28.05,22.95,51,51,51h96.9    v-38.25c0-38.25,30.6-68.85,68.85-68.85s68.85,30.6,68.85,68.85v38.25h96.9c28.05,0,51-22.95,51-51v-102h38.25    c35.7,0,63.75-28.05,63.75-63.75S507.45,255,471.75,255z"
+         id="path6"
+         style="fill:#{sdcol(icon)}" /></g></g><g
+     id="g8" /><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Miscellaneous_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Miscellaneous_active.svg
new file mode 100644
index 0000000..ff702df
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Miscellaneous_active.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="535.5px"
+   height="535.5px"
+   viewBox="0 0 535.5 535.5"
+   style="enable-background:new 0 0 535.5 535.5;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Miscellaneous.svg"><metadata
+     id="metadata42"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs40" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview38"
+     showgrid="false"
+     inkscape:zoom="0.44070962"
+     inkscape:cx="-412.97034"
+     inkscape:cy="267.75"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)}"><g
+       id="extension"
+       style="fill:#{sdcol(iconactive)}"><path
+         d="M471.75,255H433.5V153c0-28.05-22.95-51-51-51h-102V63.75C280.5,28.05,252.45,0,216.75,0S153,28.05,153,63.75V102H51    c-28.05,0-51,22.95-51,51v96.9h38.25c38.25,0,68.85,30.6,68.85,68.85S76.5,387.6,38.25,387.6H0v96.9c0,28.05,22.95,51,51,51h96.9    v-38.25c0-38.25,30.6-68.85,68.85-68.85s68.85,30.6,68.85,68.85v38.25h96.9c28.05,0,51-22.95,51-51v-102h38.25    c35.7,0,63.75-28.05,63.75-63.75S507.45,255,471.75,255z"
+         id="path6"
+         style="fill:#{sdcol(iconactive)}" /></g></g><g
+     id="g8" /><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/OSD.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/OSD.svg
new file mode 100644
index 0000000..9bdcc9c
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/OSD.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="48.832px"
+   height="48.832px"
+   viewBox="0 0 48.832 48.832"
+   style="enable-background:new 0 0 48.832 48.832;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="OSD.svg"><metadata
+     id="metadata57"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs55" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview53"
+     showgrid="false"
+     inkscape:zoom="4.8328964"
+     inkscape:cx="-37.658577"
+     inkscape:cy="24.416"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M11.291,30.128c3.978,0,6.449-2.664,6.449-6.953c0-3.315-1.923-6.66-6.219-6.66c-3.761,0-6.387,2.842-6.387,6.912    C5.135,27.435,7.609,30.128,11.291,30.128z M11.438,18.056c2.31,0,3.922,2.148,3.922,5.224c0,3.175-1.567,5.309-3.9,5.309    c-2.358,0-3.943-2.1-3.943-5.225C7.516,20.188,9.092,18.056,11.438,18.056z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M3,35.321h42.832v-24H3V35.321z M31.182,16.008l0.422-0.067c1.207-0.194,2.771-0.3,4.404-0.3    c2.734,0,4.615,0.497,6.096,1.612c1.694,1.26,2.592,3.243,2.592,5.732c0,3.286-1.375,5.138-2.527,6.114    c-1.555,1.291-3.858,1.944-6.854,1.944c-1.377,0-2.621-0.071-3.697-0.214l-0.436-0.057V16.008z M23.7,24.926    c-2.796-0.973-4.216-2.538-4.216-4.648c0-2.804,2.408-4.763,5.855-4.763c1.415,0,2.698,0.255,3.815,0.758l0.393,0.176    l-0.989,3.574l-0.54-0.261c-0.854-0.413-1.777-0.622-2.743-0.622c-0.945,0-1.557,0.339-1.557,0.864    c0,0.526,0.452,0.826,2.304,1.528c2.725,1.008,3.995,2.498,3.995,4.687c0,2.255-1.627,4.89-6.211,4.89    c-1.775,0-3.448-0.479-4.252-0.924l-0.335-0.187l0.893-3.631l0.563,0.289c0.378,0.194,1.736,0.827,3.32,0.827    c0.525,0,1.746-0.102,1.746-1.032C25.742,25.937,25.417,25.541,23.7,24.926z M11.522,15.515c4.317,0,7.219,3.079,7.219,7.66    c0,4.832-2.924,7.953-7.449,7.953c-4.214,0-7.156-3.167-7.156-7.701C4.135,18.768,7.172,15.515,11.522,15.515z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M23.996,28.481c-1.322,0-2.481-0.371-3.208-0.674l-0.409,1.664c0.797,0.336,2.111,0.635,3.428,0.635    c3.215,0,5.211-1.489,5.211-3.889c0-1.738-1.031-2.895-3.348-3.751c-1.831-0.694-2.951-1.184-2.951-2.464    c0-0.928,0.79-1.864,2.557-1.864c0.916,0,1.798,0.163,2.632,0.485l0.443-1.603c-0.895-0.336-1.904-0.507-3.012-0.507    c-2.904,0-4.855,1.512-4.855,3.763c0,1.662,1.161,2.875,3.549,3.706c1.718,0.616,2.708,1.215,2.708,2.467    C26.742,27.433,26.021,28.481,23.996,28.481z"
+         id="path11"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M40.295,23.091c0.009-1.285-0.331-2.281-1.01-2.963c-0.668-0.674-1.687-1.03-2.941-1.03c-0.412,0-0.723,0.022-0.949,0.049    v8.391c0.196,0.009,0.418,0.009,0.613,0.009c0.001,0,0.001,0,0.002,0c1.387,0,2.425-0.36,3.143-1.073    C39.91,25.72,40.295,24.582,40.295,23.091z"
+         id="path13"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M41.525,28.333c1.418-1.201,2.17-3.051,2.17-5.348c0-2.192-0.736-3.851-2.189-4.932c-1.299-0.978-2.993-1.413-5.497-1.413    c-1.396,0-2.735,0.08-3.826,0.226V29.89c0.931,0.103,1.982,0.153,3.134,0.153C38.029,30.044,40.178,29.452,41.525,28.333z     M34.395,28.38V18.326l0.387-0.089c0.273-0.063,0.767-0.139,1.563-0.139c1.528,0,2.791,0.458,3.651,1.325    c0.859,0.866,1.31,2.135,1.3,3.671c0,1.765-0.483,3.14-1.438,4.089c-0.912,0.904-2.188,1.362-3.793,1.362h-0.002    c-0.496,0-0.951,0-1.281-0.077L34.395,28.38z"
+         id="path15"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M11.459,27.588c2.141,0,2.9-2.321,2.9-4.309c0-2.104-0.903-4.224-2.922-4.224c-1.775,0-2.922,1.691-2.922,4.308    C8.516,25.931,9.671,27.588,11.459,27.588z"
+         id="path17"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M0,38.321h48.832v-30H0V38.321z M2,10.321h44.832v26H2V10.321z"
+         id="path19"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><rect
+         x="7.033"
+         y="39.511"
+         width="33.834"
+         height="1"
+         id="rect21"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/OSD_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/OSD_active.svg
new file mode 100644
index 0000000..33d0845
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/OSD_active.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="48.832px"
+   height="48.832px"
+   viewBox="0 0 48.832 48.832"
+   style="enable-background:new 0 0 48.832 48.832;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="OSD.svg"><metadata
+     id="metadata57"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs55" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview53"
+     showgrid="false"
+     inkscape:zoom="4.8328964"
+     inkscape:cx="-37.658577"
+     inkscape:cy="24.416"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         d="M11.291,30.128c3.978,0,6.449-2.664,6.449-6.953c0-3.315-1.923-6.66-6.219-6.66c-3.761,0-6.387,2.842-6.387,6.912    C5.135,27.435,7.609,30.128,11.291,30.128z M11.438,18.056c2.31,0,3.922,2.148,3.922,5.224c0,3.175-1.567,5.309-3.9,5.309    c-2.358,0-3.943-2.1-3.943-5.225C7.516,20.188,9.092,18.056,11.438,18.056z"
+         id="path7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M3,35.321h42.832v-24H3V35.321z M31.182,16.008l0.422-0.067c1.207-0.194,2.771-0.3,4.404-0.3    c2.734,0,4.615,0.497,6.096,1.612c1.694,1.26,2.592,3.243,2.592,5.732c0,3.286-1.375,5.138-2.527,6.114    c-1.555,1.291-3.858,1.944-6.854,1.944c-1.377,0-2.621-0.071-3.697-0.214l-0.436-0.057V16.008z M23.7,24.926    c-2.796-0.973-4.216-2.538-4.216-4.648c0-2.804,2.408-4.763,5.855-4.763c1.415,0,2.698,0.255,3.815,0.758l0.393,0.176    l-0.989,3.574l-0.54-0.261c-0.854-0.413-1.777-0.622-2.743-0.622c-0.945,0-1.557,0.339-1.557,0.864    c0,0.526,0.452,0.826,2.304,1.528c2.725,1.008,3.995,2.498,3.995,4.687c0,2.255-1.627,4.89-6.211,4.89    c-1.775,0-3.448-0.479-4.252-0.924l-0.335-0.187l0.893-3.631l0.563,0.289c0.378,0.194,1.736,0.827,3.32,0.827    c0.525,0,1.746-0.102,1.746-1.032C25.742,25.937,25.417,25.541,23.7,24.926z M11.522,15.515c4.317,0,7.219,3.079,7.219,7.66    c0,4.832-2.924,7.953-7.449,7.953c-4.214,0-7.156-3.167-7.156-7.701C4.135,18.768,7.172,15.515,11.522,15.515z"
+         id="path9"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M23.996,28.481c-1.322,0-2.481-0.371-3.208-0.674l-0.409,1.664c0.797,0.336,2.111,0.635,3.428,0.635    c3.215,0,5.211-1.489,5.211-3.889c0-1.738-1.031-2.895-3.348-3.751c-1.831-0.694-2.951-1.184-2.951-2.464    c0-0.928,0.79-1.864,2.557-1.864c0.916,0,1.798,0.163,2.632,0.485l0.443-1.603c-0.895-0.336-1.904-0.507-3.012-0.507    c-2.904,0-4.855,1.512-4.855,3.763c0,1.662,1.161,2.875,3.549,3.706c1.718,0.616,2.708,1.215,2.708,2.467    C26.742,27.433,26.021,28.481,23.996,28.481z"
+         id="path11"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M40.295,23.091c0.009-1.285-0.331-2.281-1.01-2.963c-0.668-0.674-1.687-1.03-2.941-1.03c-0.412,0-0.723,0.022-0.949,0.049    v8.391c0.196,0.009,0.418,0.009,0.613,0.009c0.001,0,0.001,0,0.002,0c1.387,0,2.425-0.36,3.143-1.073    C39.91,25.72,40.295,24.582,40.295,23.091z"
+         id="path13"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M41.525,28.333c1.418-1.201,2.17-3.051,2.17-5.348c0-2.192-0.736-3.851-2.189-4.932c-1.299-0.978-2.993-1.413-5.497-1.413    c-1.396,0-2.735,0.08-3.826,0.226V29.89c0.931,0.103,1.982,0.153,3.134,0.153C38.029,30.044,40.178,29.452,41.525,28.333z     M34.395,28.38V18.326l0.387-0.089c0.273-0.063,0.767-0.139,1.563-0.139c1.528,0,2.791,0.458,3.651,1.325    c0.859,0.866,1.31,2.135,1.3,3.671c0,1.765-0.483,3.14-1.438,4.089c-0.912,0.904-2.188,1.362-3.793,1.362h-0.002    c-0.496,0-0.951,0-1.281-0.077L34.395,28.38z"
+         id="path15"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M11.459,27.588c2.141,0,2.9-2.321,2.9-4.309c0-2.104-0.903-4.224-2.922-4.224c-1.775,0-2.922,1.691-2.922,4.308    C8.516,25.931,9.671,27.588,11.459,27.588z"
+         id="path17"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M0,38.321h48.832v-30H0V38.321z M2,10.321h44.832v26H2V10.321z"
+         id="path19"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><rect
+         x="7.033"
+         y="39.511"
+         width="33.834"
+         height="1"
+         id="rect21"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /><g
+     id="g47" /><g
+     id="g49" /><g
+     id="g51" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Plugins.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Plugins.svg
new file mode 100644
index 0000000..e536869
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Plugins.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="429.7px"
+   height="429.7px"
+   viewBox="0 0 429.7 429.7"
+   style="enable-background:new 0 0 429.7 429.7;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Plugins.svg"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="0.54922037"
+     inkscape:cx="-331.37882"
+     inkscape:cy="214.85001"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M233.137,234.36L202.198,265.3l-37.799-37.8l30.939-30.938c6.856-6.855,6.856-18.012,0-24.867    c-6.855-6.856-18.011-6.856-24.867,0l-30.94,30.939l-15.539-15.538c-4.12-4.122-10.801-4.121-14.921,0L86.625,209.54    c-4.12,4.12-4.12,10.801,0,14.921l3.35,3.351l-50.72,50.718c-2.361,2.362-3.465,5.702-2.976,9.005l7.816,52.813L3.09,381.353    c-4.12,4.119-4.12,10.8,0,14.92l30.337,30.336c4.12,4.121,10.8,4.121,14.92,0l41.006-41.006l52.813,7.817    c3.303,0.488,6.644-0.614,9.004-2.977l50.719-50.719l3.35,3.35c4.12,4.119,10.801,4.119,14.921,0l22.445-22.447    c4.121-4.117,4.121-10.801,0-14.92l-15.539-15.539l30.939-30.939c6.855-6.856,6.855-18.012,0-24.868    C251.148,227.505,239.994,227.505,233.137,234.36z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M426.609,33.428L396.273,3.089c-4.119-4.118-10.801-4.118-14.92,0l-41.006,41.007l-52.814-7.817    c-3.303-0.488-6.643,0.615-9.004,2.978l-50.719,50.719l-3.35-3.351c-4.119-4.119-10.8-4.121-14.921,0l-22.446,22.446    c-4.12,4.12-4.12,10.8,0,14.921l118.613,118.613c4.119,4.119,10.801,4.119,14.922,0l22.445-22.447    c4.119-4.12,4.119-10.801,0-14.92l-3.35-3.35l50.719-50.72c2.361-2.36,3.465-5.699,2.977-9.004l-7.816-52.812l41.006-41.006    C430.73,44.227,430.73,37.545,426.609,33.428z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Plugins_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Plugins_active.svg
new file mode 100644
index 0000000..11f96dd
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Plugins_active.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="429.7px"
+   height="429.7px"
+   viewBox="0 0 429.7 429.7"
+   style="enable-background:new 0 0 429.7 429.7;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Plugins.svg"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="0.54922037"
+     inkscape:cx="-331.37882"
+     inkscape:cy="214.85001"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         d="M233.137,234.36L202.198,265.3l-37.799-37.8l30.939-30.938c6.856-6.855,6.856-18.012,0-24.867    c-6.855-6.856-18.011-6.856-24.867,0l-30.94,30.939l-15.539-15.538c-4.12-4.122-10.801-4.121-14.921,0L86.625,209.54    c-4.12,4.12-4.12,10.801,0,14.921l3.35,3.351l-50.72,50.718c-2.361,2.362-3.465,5.702-2.976,9.005l7.816,52.813L3.09,381.353    c-4.12,4.119-4.12,10.8,0,14.92l30.337,30.336c4.12,4.121,10.8,4.121,14.92,0l41.006-41.006l52.813,7.817    c3.303,0.488,6.644-0.614,9.004-2.977l50.719-50.719l3.35,3.35c4.12,4.119,10.801,4.119,14.921,0l22.445-22.447    c4.121-4.117,4.121-10.801,0-14.92l-15.539-15.539l30.939-30.939c6.855-6.856,6.855-18.012,0-24.868    C251.148,227.505,239.994,227.505,233.137,234.36z"
+         id="path7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M426.609,33.428L396.273,3.089c-4.119-4.118-10.801-4.118-14.92,0l-41.006,41.007l-52.814-7.817    c-3.303-0.488-6.643,0.615-9.004,2.978l-50.719,50.719l-3.35-3.351c-4.119-4.119-10.8-4.121-14.921,0l-22.446,22.446    c-4.12,4.12-4.12,10.8,0,14.921l118.613,118.613c4.119,4.119,10.801,4.119,14.922,0l22.445-22.447    c4.119-4.12,4.119-10.801,0-14.92l-3.35-3.35l50.719-50.72c2.361-2.36,3.465-5.699,2.977-9.004l-7.816-52.812l41.006-41.006    C430.73,44.227,430.73,37.545,426.609,33.428z"
+         id="path9"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Recording.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Recording.svg
new file mode 100644
index 0000000..ab5d718
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Recording.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Recording.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-394.84746"
+     inkscape:cy="256"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M192,144c0,44.183,35.817,80,80,80c44.184,0,80-35.817,80-80s-35.816-80-80-80C227.817,64,192,99.817,192,144z M0,144   c0,44.183,35.817,80,80,80s80-35.817,80-80s-35.817-80-80-80S0,99.817,0,144z M384,304v-48c0-17.6-14.4-32-32-32h-80H80H32   c-17.6,0-32,14.4-32,32v160c0,17.6,14.4,32,32,32h320c17.6,0,32-14.4,32-32v-48l128,80V224L384,304z M320,384H64v-96h256V384z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Recording_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Recording_active.svg
new file mode 100644
index 0000000..93ffdea
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Recording_active.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   style="enable-background:new 0 0 512 512;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Recording.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-394.84746"
+     inkscape:cy="256"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M192,144c0,44.183,35.817,80,80,80c44.184,0,80-35.817,80-80s-35.816-80-80-80C227.817,64,192,99.817,192,144z M0,144   c0,44.183,35.817,80,80,80s80-35.817,80-80s-35.817-80-80-80S0,99.817,0,144z M384,304v-48c0-17.6-14.4-32-32-32h-80H80H32   c-17.6,0-32,14.4-32,32v160c0,17.6,14.4,32,32,32h320c17.6,0,32-14.4,32-32v-48l128,80V224L384,304z M320,384H64v-96h256V384z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Recordings.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Recordings.svg
new file mode 100644
index 0000000..4692b1e
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Recordings.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 355.84 355.84" style="enable-background:new 0 0 355.84 355.84;" xml:space="preserve">
+<g fill="#{sdcol(icon)}" fill-opacity="1">
+	<path d="M335.56,97.174H201.374l132.943-20.19c6.766-1.027,11.434-7.367,10.406-14.133l-7.943-52.303
+		C335.867,4.534,330.598,0,324.523,0c-0.624,0-1.254,0.048-1.875,0.142L18.419,46.346c-3.278,0.498-6.165,2.242-8.13,4.911
+		c-1.965,2.669-2.774,5.944-2.276,9.222l7.425,48.888c-0.003,0.072-0.005,0.145-0.005,0.217v233.848
+		c0,6.843,5.567,12.409,12.41,12.409H335.56c6.843,0,12.41-5.566,12.41-12.409V109.583
+		C347.971,102.741,342.403,97.174,335.56,97.174z M286.243,31.969l26.873-4.081l3.862,25.431l-46.951,7.131L286.243,31.969z
+		 M207.15,43.981l33.745-5.126L224.68,67.337l-33.746,5.124L207.15,43.981z M35.758,70.01l46.951-7.13L66.493,91.36l-26.872,4.081
+		L35.758,70.01z M68.614,153.23H41.433v-25.723h47.49L68.614,153.23z M128.057,55.993l33.746-5.126l-16.216,28.482l-33.746,5.124
+		L128.057,55.993z M168.922,127.507l-20.309,25.723h-34.132l20.308-25.723H168.922z M177.92,317.42c-35.899,0-65-29.101-65-65
+		c0-35.899,29.101-65,65-65c35.899,0,65,29.101,65,65C242.92,288.319,213.819,317.42,177.92,317.42z M228.614,153.23h-34.132
+		l20.308-25.723h34.133L228.614,153.23z M321.971,153.23h-47.489l20.308-25.723h27.181V153.23z"/>
+	<path d="M209.021,247.2l-38.772-26.673c-1.938-1.333-4.456-1.481-6.538-0.388c-2.082,1.097-3.389,3.256-3.389,5.607v53.348
+		c0,2.352,1.307,4.511,3.389,5.607c0.926,0.487,1.936,0.727,2.946,0.727c1.261,0,2.514-0.375,3.592-1.115l38.772-26.673
+		c1.719-1.182,2.747-3.134,2.747-5.22C211.768,250.335,210.74,248.382,209.021,247.2z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Recordings_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Recordings_active.svg
new file mode 100644
index 0000000..b86d419
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Recordings_active.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 355.84 355.84" style="enable-background:new 0 0 355.84 355.84;" xml:space="preserve">
+<g fill="#{sdcol(iconactive)}" fill-opacity="1">
+	<path d="M335.56,97.174H201.374l132.943-20.19c6.766-1.027,11.434-7.367,10.406-14.133l-7.943-52.303
+		C335.867,4.534,330.598,0,324.523,0c-0.624,0-1.254,0.048-1.875,0.142L18.419,46.346c-3.278,0.498-6.165,2.242-8.13,4.911
+		c-1.965,2.669-2.774,5.944-2.276,9.222l7.425,48.888c-0.003,0.072-0.005,0.145-0.005,0.217v233.848
+		c0,6.843,5.567,12.409,12.41,12.409H335.56c6.843,0,12.41-5.566,12.41-12.409V109.583
+		C347.971,102.741,342.403,97.174,335.56,97.174z M286.243,31.969l26.873-4.081l3.862,25.431l-46.951,7.131L286.243,31.969z
+		 M207.15,43.981l33.745-5.126L224.68,67.337l-33.746,5.124L207.15,43.981z M35.758,70.01l46.951-7.13L66.493,91.36l-26.872,4.081
+		L35.758,70.01z M68.614,153.23H41.433v-25.723h47.49L68.614,153.23z M128.057,55.993l33.746-5.126l-16.216,28.482l-33.746,5.124
+		L128.057,55.993z M168.922,127.507l-20.309,25.723h-34.132l20.308-25.723H168.922z M177.92,317.42c-35.899,0-65-29.101-65-65
+		c0-35.899,29.101-65,65-65c35.899,0,65,29.101,65,65C242.92,288.319,213.819,317.42,177.92,317.42z M228.614,153.23h-34.132
+		l20.308-25.723h34.133L228.614,153.23z M321.971,153.23h-47.489l20.308-25.723h27.181V153.23z"/>
+	<path d="M209.021,247.2l-38.772-26.673c-1.938-1.333-4.456-1.481-6.538-0.388c-2.082,1.097-3.389,3.256-3.389,5.607v53.348
+		c0,2.352,1.307,4.511,3.389,5.607c0.926,0.487,1.936,0.727,2.946,0.727c1.261,0,2.514-0.375,3.592-1.115l38.772-26.673
+		c1.719-1.182,2.747-3.134,2.747-5.22C211.768,250.335,210.74,248.382,209.021,247.2z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Replay.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Replay.svg
new file mode 100644
index 0000000..8b6b762
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Replay.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="46.243px"
+   height="46.243px"
+   viewBox="0 0 46.243 46.243"
+   style="enable-background:new 0 0 46.243 46.243;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Replay.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="5.1034751"
+     inkscape:cx="-35.661975"
+     inkscape:cy="23.1215"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M36.012,0.001h-25.78c-5.651,0-10.231,4.561-10.231,10.211v9.897v3.115c0,1.607,1.303,2.91,2.91,2.91h10.292h5.278h0.016   v7.236c0,0.889,0.529,1.691,1.351,2.029c0.822,0.34,1.765,0.15,2.392-0.479l9.708-9.758c1.134-1.14,1.133-2.982,0-4.123   l-9.71-9.756c-0.627-0.632-1.565-0.821-2.387-0.482c-0.823,0.34-1.352,1.141-1.352,2.031v7.276h-0.017H6.032H6.026v-9.897   c0-2.316,1.89-4.186,4.206-4.186h25.78c2.316,0,4.207,1.87,4.207,4.186v25.78c0,2.314-1.891,4.226-4.207,4.226h-25.78   c-2.316,0-4.206-1.909-4.206-4.226v-0.819c0-1.664-1.349-3.013-3.013-3.013S0,33.508,0,35.172v0.819   c0,5.65,4.581,10.251,10.231,10.251h25.781c5.65,0,10.231-4.601,10.231-10.251v-25.78C46.243,4.562,41.662,0.001,36.012,0.001z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Replay_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Replay_active.svg
new file mode 100644
index 0000000..8fae361
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Replay_active.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="46.243px"
+   height="46.243px"
+   viewBox="0 0 46.243 46.243"
+   style="enable-background:new 0 0 46.243 46.243;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Replay.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="5.1034751"
+     inkscape:cx="-35.661975"
+     inkscape:cy="23.1215"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M36.012,0.001h-25.78c-5.651,0-10.231,4.561-10.231,10.211v9.897v3.115c0,1.607,1.303,2.91,2.91,2.91h10.292h5.278h0.016   v7.236c0,0.889,0.529,1.691,1.351,2.029c0.822,0.34,1.765,0.15,2.392-0.479l9.708-9.758c1.134-1.14,1.133-2.982,0-4.123   l-9.71-9.756c-0.627-0.632-1.565-0.821-2.387-0.482c-0.823,0.34-1.352,1.141-1.352,2.031v7.276h-0.017H6.032H6.026v-9.897   c0-2.316,1.89-4.186,4.206-4.186h25.78c2.316,0,4.207,1.87,4.207,4.186v25.78c0,2.314-1.891,4.226-4.207,4.226h-25.78   c-2.316,0-4.206-1.909-4.206-4.226v-0.819c0-1.664-1.349-3.013-3.013-3.013S0,33.508,0,35.172v0.819   c0,5.65,4.581,10.251,10.231,10.251h25.781c5.65,0,10.231-4.601,10.231-10.251v-25.78C46.243,4.562,41.662,0.001,36.012,0.001z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Restart.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Restart.svg
new file mode 100644
index 0000000..a23955a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Restart.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 14.155 14.155"
+   style="enable-background:new 0 0 14.155 14.155;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Restart.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="16.672554"
+     inkscape:cx="-10.916144"
+     inkscape:cy="7.0774998"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       style="fill:#{sdcol(icon)};fill-opacity:1"
+       d="M12.083,1.887c-0.795-0.794-1.73-1.359-2.727-1.697v2.135c0.48,0.239,0.935,0.55,1.334,0.95   c1.993,1.994,1.993,5.236,0,7.229c-1.993,1.99-5.233,1.99-7.229,0c-1.991-1.995-1.991-5.235,0-7.229   C3.466,3.269,3.482,3.259,3.489,3.25h0.002l1.181,1.179L4.665,0.685L0.923,0.68l1.176,1.176C2.092,1.868,2.081,1.88,2.072,1.887   c-2.763,2.762-2.763,7.243,0,10.005c2.767,2.765,7.245,2.765,10.011,0C14.844,9.13,14.847,4.649,12.083,1.887z"
+       id="path5" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Restart_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Restart_active.svg
new file mode 100644
index 0000000..1b7d0c3
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Restart_active.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 14.155 14.155"
+   style="enable-background:new 0 0 14.155 14.155;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Restart.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="16.672554"
+     inkscape:cx="-10.916144"
+     inkscape:cy="7.0774998"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"
+       d="M12.083,1.887c-0.795-0.794-1.73-1.359-2.727-1.697v2.135c0.48,0.239,0.935,0.55,1.334,0.95   c1.993,1.994,1.993,5.236,0,7.229c-1.993,1.99-5.233,1.99-7.229,0c-1.991-1.995-1.991-5.235,0-7.229   C3.466,3.269,3.482,3.259,3.489,3.25h0.002l1.181,1.179L4.665,0.685L0.923,0.68l1.176,1.176C2.092,1.868,2.081,1.88,2.072,1.887   c-2.763,2.762-2.763,7.243,0,10.005c2.767,2.765,7.245,2.765,10.011,0C14.844,9.13,14.847,4.649,12.083,1.887z"
+       id="path5" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Schedule.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Schedule.svg
new file mode 100644
index 0000000..f652fe5
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Schedule.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 297 297"
+   style="enable-background:new 0 0 297 297;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Schedule.svg"><metadata
+     id="metadata51"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs49" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview47"
+     showgrid="false"
+     inkscape:zoom="0.79461279"
+     inkscape:cx="-229.04237"
+     inkscape:cy="148.5"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)}"><path
+       d="M238.099,134.092c2.639,0,5.218-1.063,7.083-2.93c1.877-1.876,2.95-4.455,2.95-7.094c0-2.648-1.073-5.228-2.95-7.104   c-1.865-1.865-4.444-2.93-7.083-2.93c-2.648,0-5.228,1.064-7.094,2.93c-1.877,1.877-2.95,4.456-2.95,7.104   c0,2.639,1.073,5.218,2.95,7.094C232.871,133.029,235.45,134.092,238.099,134.092z"
+       id="path5"
+       style="fill:#{sdcol(icon)}" /><path
+       d="M265.896,65.158H126.521l22.182-33.274c3.073-4.611,1.827-10.841-2.783-13.914c-4.611-3.075-10.84-1.829-13.914,2.783   l-24.231,36.35l-24.232-36.35c-3.074-4.612-9.303-5.857-13.914-2.783s-5.856,9.303-2.782,13.914l22.181,33.274H31.104   C13.953,65.158,0,79.111,0,96.263v153.351c0,17.151,13.953,31.104,31.104,31.104h234.791c17.151,0,31.104-13.953,31.104-31.104   V96.263C297,79.111,283.047,65.158,265.896,65.158z M265.896,85.225c6.086,0,11.037,4.951,11.037,11.037v153.351   c0,6.086-4.951,11.037-11.037,11.037H31.104c-6.086,0-11.037-4.951-11.037-11.037V96.263c0-6.086,4.951-11.037,11.037-11.037   H265.896z"
+       id="path7"
+       style="fill:#{sdcol(icon)}" /><path
+       d="M254.385,211.776h-16.29c-5.541,0-10.034,4.493-10.034,10.034c0,5.541,4.493,10.033,10.034,10.033h16.29   c5.541,0,10.034-4.492,10.034-10.033C264.419,216.269,259.926,211.776,254.385,211.776z"
+       id="path9"
+       style="fill:#{sdcol(icon)}" /><path
+       d="M254.385,179.194h-16.29c-5.541,0-10.034,4.493-10.034,10.034s4.493,10.033,10.034,10.033h16.29   c5.541,0,10.034-4.492,10.034-10.033S259.926,179.194,254.385,179.194z"
+       id="path11"
+       style="fill:#{sdcol(icon)}" /><path
+       d="M254.385,146.611h-16.29c-5.541,0-10.034,4.493-10.034,10.034s4.493,10.034,10.034,10.034h16.29   c5.541,0,10.034-4.493,10.034-10.034S259.926,146.611,254.385,146.611z"
+       id="path13"
+       style="fill:#{sdcol(icon)}" /><path
+       d="M184.445,97.74H63.687c-17.152,0-31.105,13.953-31.105,31.104v88.185c0,17.152,13.953,31.105,31.105,31.105h120.759   c17.151,0,31.105-13.953,31.105-31.105v-88.185C215.55,111.693,201.597,97.74,184.445,97.74z M195.482,217.029   c0,6.086-4.951,11.037-11.037,11.037H63.687c-6.086,0-11.037-4.951-11.037-11.037v-88.185c0-6.086,4.951-11.037,11.037-11.037   h120.759c6.086,0,11.037,4.951,11.037,11.037V217.029z"
+       id="path15"
+       style="fill:#{sdcol(icon)}" /></g><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Schedule_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Schedule_active.svg
new file mode 100644
index 0000000..21821aa
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Schedule_active.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 297 297"
+   style="enable-background:new 0 0 297 297;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Schedule.svg"><metadata
+     id="metadata51"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs49" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview47"
+     showgrid="false"
+     inkscape:zoom="0.79461279"
+     inkscape:cx="-229.04237"
+     inkscape:cy="148.5"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)}"><path
+       d="M238.099,134.092c2.639,0,5.218-1.063,7.083-2.93c1.877-1.876,2.95-4.455,2.95-7.094c0-2.648-1.073-5.228-2.95-7.104   c-1.865-1.865-4.444-2.93-7.083-2.93c-2.648,0-5.228,1.064-7.094,2.93c-1.877,1.877-2.95,4.456-2.95,7.104   c0,2.639,1.073,5.218,2.95,7.094C232.871,133.029,235.45,134.092,238.099,134.092z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)}" /><path
+       d="M265.896,65.158H126.521l22.182-33.274c3.073-4.611,1.827-10.841-2.783-13.914c-4.611-3.075-10.84-1.829-13.914,2.783   l-24.231,36.35l-24.232-36.35c-3.074-4.612-9.303-5.857-13.914-2.783s-5.856,9.303-2.782,13.914l22.181,33.274H31.104   C13.953,65.158,0,79.111,0,96.263v153.351c0,17.151,13.953,31.104,31.104,31.104h234.791c17.151,0,31.104-13.953,31.104-31.104   V96.263C297,79.111,283.047,65.158,265.896,65.158z M265.896,85.225c6.086,0,11.037,4.951,11.037,11.037v153.351   c0,6.086-4.951,11.037-11.037,11.037H31.104c-6.086,0-11.037-4.951-11.037-11.037V96.263c0-6.086,4.951-11.037,11.037-11.037   H265.896z"
+       id="path7"
+       style="fill:#{sdcol(iconactive)}" /><path
+       d="M254.385,211.776h-16.29c-5.541,0-10.034,4.493-10.034,10.034c0,5.541,4.493,10.033,10.034,10.033h16.29   c5.541,0,10.034-4.492,10.034-10.033C264.419,216.269,259.926,211.776,254.385,211.776z"
+       id="path9"
+       style="fill:#{sdcol(iconactive)}" /><path
+       d="M254.385,179.194h-16.29c-5.541,0-10.034,4.493-10.034,10.034s4.493,10.033,10.034,10.033h16.29   c5.541,0,10.034-4.492,10.034-10.033S259.926,179.194,254.385,179.194z"
+       id="path11"
+       style="fill:#{sdcol(iconactive)}" /><path
+       d="M254.385,146.611h-16.29c-5.541,0-10.034,4.493-10.034,10.034s4.493,10.034,10.034,10.034h16.29   c5.541,0,10.034-4.493,10.034-10.034S259.926,146.611,254.385,146.611z"
+       id="path13"
+       style="fill:#{sdcol(iconactive)}" /><path
+       d="M184.445,97.74H63.687c-17.152,0-31.105,13.953-31.105,31.104v88.185c0,17.152,13.953,31.105,31.105,31.105h120.759   c17.151,0,31.105-13.953,31.105-31.105v-88.185C215.55,111.693,201.597,97.74,184.445,97.74z M195.482,217.029   c0,6.086-4.951,11.037-11.037,11.037H63.687c-6.086,0-11.037-4.951-11.037-11.037v-88.185c0-6.086,4.951-11.037,11.037-11.037   h120.759c6.086,0,11.037,4.951,11.037,11.037V217.029z"
+       id="path15"
+       style="fill:#{sdcol(iconactive)}" /></g><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /><g
+     id="g43" /><g
+     id="g45" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Setup.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Setup.svg
new file mode 100644
index 0000000..01c4615
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Setup.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="121.946px"
+   height="121.946px"
+   viewBox="0 0 121.946 121.946"
+   style="enable-background:new 0 0 121.946 121.946;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Settings.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="1.9352828"
+     inkscape:cx="-94.043101"
+     inkscape:cy="60.972999"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         d="M50.077,98.919l-2.78-1.024c0.219-2.027,0.147-4.093-0.234-6.146l2.684-1.237c1.677-0.771,2.412-2.765,1.639-4.441    l-1.567-3.4c-0.772-1.676-2.763-2.413-4.437-1.641l-2.688,1.239c-1.313-1.627-2.837-3.023-4.519-4.176l1.026-2.775    c0.638-1.731-0.25-3.661-1.98-4.301l-3.515-1.298c-1.677-0.617-3.68,0.305-4.298,1.979l-1.025,2.778    c-2.025-0.216-4.091-0.146-6.146,0.233L21,72.024c-0.772-1.676-2.765-2.412-4.439-1.641l-3.403,1.565    c-1.676,0.773-2.41,2.768-1.64,4.441l1.237,2.684c-1.624,1.315-3.023,2.839-4.174,4.523l-2.774-1.026    c-1.675-0.624-3.681,0.3-4.302,1.979l-1.297,3.515c-0.309,0.84-0.273,1.749,0.1,2.561c0.376,0.812,1.044,1.43,1.88,1.735    l2.78,1.028c-0.22,2.024-0.148,4.094,0.234,6.146l-2.687,1.237c-1.676,0.771-2.41,2.763-1.639,4.438l1.568,3.404    c0.772,1.675,2.763,2.411,4.438,1.638l2.687-1.235c1.313,1.626,2.836,3.021,4.52,4.174l-1.026,2.777    c-0.312,0.838-0.276,1.745,0.1,2.559c0.371,0.812,1.041,1.432,1.879,1.743l3.515,1.296c0.836,0.31,1.747,0.273,2.559-0.099    c0.813-0.375,1.43-1.043,1.738-1.882l1.027-2.779c2.025,0.22,4.093,0.147,6.147-0.231l1.235,2.685    c0.772,1.674,2.766,2.41,4.44,1.638l3.402-1.566c1.678-0.771,2.413-2.763,1.639-4.439l-1.237-2.685    c1.626-1.314,3.024-2.838,4.173-4.52l2.778,1.027c0.841,0.311,1.75,0.272,2.563-0.103c0.81-0.374,1.426-1.042,1.736-1.879    l1.297-3.515C52.695,101.488,51.807,99.56,50.077,98.919z M31.669,107.662c-1.754,0.809-3.615,1.216-5.533,1.216    c-5.152,0-9.872-3.022-12.025-7.697c-3.052-6.631-0.144-14.507,6.483-17.559c1.753-0.809,3.614-1.217,5.529-1.217    c5.151,0,9.875,3.021,12.029,7.697C41.204,96.733,38.295,104.609,31.669,107.662z"
+         id="path7"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M83.179,108.5l-1.547-0.569c0.123-1.129,0.082-2.28-0.131-3.423l1.494-0.689c0.935-0.428,1.344-1.538,0.913-2.473    l-0.872-1.894c-0.432-0.935-1.539-1.346-2.471-0.914l-1.497,0.689c-0.73-0.905-1.58-1.685-2.515-2.325l0.57-1.546    c0.355-0.964-0.14-2.037-1.103-2.396l-1.958-0.722c-0.934-0.346-2.048,0.168-2.394,1.102l-0.571,1.548    c-1.126-0.121-2.278-0.081-3.421,0.13l-0.688-1.493c-0.432-0.934-1.541-1.345-2.474-0.914l-1.895,0.873    c-0.934,0.432-1.342,1.54-0.913,2.473l0.689,1.495c-0.905,0.732-1.684,1.581-2.326,2.519l-1.544-0.57    c-0.931-0.347-2.049,0.165-2.394,1.101l-0.724,1.958c-0.171,0.468-0.15,0.975,0.055,1.427c0.21,0.45,0.583,0.795,1.049,0.966    l1.547,0.572c-0.123,1.129-0.083,2.278,0.13,3.423l-1.495,0.688c-0.934,0.431-1.343,1.538-0.913,2.472l0.874,1.896    c0.429,0.932,1.538,1.343,2.471,0.913l1.495-0.688c0.731,0.905,1.581,1.683,2.519,2.323l-0.571,1.545    c-0.174,0.468-0.154,0.975,0.055,1.427c0.208,0.451,0.579,0.797,1.048,0.971l1.956,0.722c0.467,0.172,0.972,0.152,1.425-0.056    s0.797-0.58,0.968-1.046l0.571-1.55c1.129,0.123,2.278,0.084,3.423-0.129l0.688,1.495c0.43,0.932,1.539,1.343,2.471,0.911    l1.896-0.872c0.934-0.432,1.342-1.538,0.912-2.472l-0.688-1.496c0.904-0.731,1.684-1.578,2.323-2.516l1.547,0.57    c0.468,0.175,0.975,0.152,1.428-0.056c0.449-0.207,0.795-0.581,0.967-1.047l0.722-1.957    C84.636,109.932,84.141,108.856,83.179,108.5z M72.929,113.37c-0.977,0.448-2.012,0.677-3.08,0.677    c-2.868,0-5.497-1.684-6.696-4.287c-1.7-3.69-0.082-8.077,3.61-9.775c0.976-0.45,2.012-0.677,3.079-0.677    c2.867,0,5.496,1.682,6.696,4.285C78.236,107.284,76.618,111.668,72.929,113.37z"
+         id="path9"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /><path
+         d="M118.269,49.597l-4.673-1.725c0.369-3.407,0.248-6.882-0.393-10.337l4.514-2.077c2.816-1.294,4.052-4.647,2.754-7.468    l-2.634-5.718c-1.298-2.819-4.646-4.059-7.461-2.759l-4.519,2.084c-2.208-2.735-4.771-5.082-7.596-7.02l1.723-4.668    c1.072-2.911-0.418-6.155-3.328-7.229l-5.909-2.186c-2.818-1.036-6.186,0.515-7.228,3.33l-1.724,4.673    c-3.405-0.366-6.881-0.245-10.333,0.391l-2.08-4.51c-1.298-2.819-4.646-4.056-7.465-2.758l-5.72,2.634    c-2.818,1.299-4.055,4.65-2.759,7.466l2.083,4.513c-2.731,2.211-5.083,4.773-7.02,7.603l-4.665-1.724    c-2.815-1.049-6.188,0.504-7.23,3.324l-2.181,5.912c-0.521,1.41-0.46,2.938,0.166,4.304c0.634,1.364,1.758,2.403,3.163,2.917    l4.673,1.73c-0.371,3.403-0.25,6.882,0.392,10.335l-4.514,2.078c-2.819,1.299-4.053,4.645-2.756,7.461l2.635,5.724    c1.298,2.813,4.646,4.054,7.463,2.755l4.515-2.08c2.208,2.735,4.771,5.083,7.602,7.019l-1.726,4.669    c-0.524,1.407-0.463,2.936,0.167,4.303c0.626,1.364,1.751,2.406,3.159,2.929l5.909,2.179c1.409,0.521,2.938,0.461,4.303-0.164    c1.367-0.63,2.404-1.754,2.922-3.163l1.729-4.675c3.404,0.371,6.879,0.25,10.336-0.389l2.076,4.512    c1.298,2.814,4.648,4.056,7.466,2.755l5.72-2.634c2.821-1.3,4.054-4.646,2.755-7.464l-2.079-4.513    c2.732-2.213,5.084-4.771,7.017-7.601l4.672,1.729c1.411,0.521,2.94,0.459,4.307-0.171c1.362-0.628,2.398-1.753,2.919-3.159    l2.184-5.911C122.671,53.914,121.178,50.67,118.269,49.597z M87.322,64.294c-2.95,1.357-6.078,2.046-9.301,2.046    c-8.663,0-16.597-5.082-20.22-12.945C52.669,42.249,57.559,29.007,68.7,23.876c2.947-1.359,6.077-2.045,9.297-2.045    c8.662,0,16.601,5.079,20.224,12.94C103.351,45.92,98.463,59.163,87.322,64.294z"
+         id="path11"
+         style="fill:#{sdcol(icon)};fill-opacity:1" /></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Setup_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Setup_active.svg
new file mode 100644
index 0000000..5ccf8bc
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Setup_active.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="121.946px"
+   height="121.946px"
+   viewBox="0 0 121.946 121.946"
+   style="enable-background:new 0 0 121.946 121.946;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="Settings.svg"><metadata
+     id="metadata47"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs45" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview43"
+     showgrid="false"
+     inkscape:zoom="1.9352828"
+     inkscape:cx="-94.043101"
+     inkscape:cy="60.972999"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         d="M50.077,98.919l-2.78-1.024c0.219-2.027,0.147-4.093-0.234-6.146l2.684-1.237c1.677-0.771,2.412-2.765,1.639-4.441    l-1.567-3.4c-0.772-1.676-2.763-2.413-4.437-1.641l-2.688,1.239c-1.313-1.627-2.837-3.023-4.519-4.176l1.026-2.775    c0.638-1.731-0.25-3.661-1.98-4.301l-3.515-1.298c-1.677-0.617-3.68,0.305-4.298,1.979l-1.025,2.778    c-2.025-0.216-4.091-0.146-6.146,0.233L21,72.024c-0.772-1.676-2.765-2.412-4.439-1.641l-3.403,1.565    c-1.676,0.773-2.41,2.768-1.64,4.441l1.237,2.684c-1.624,1.315-3.023,2.839-4.174,4.523l-2.774-1.026    c-1.675-0.624-3.681,0.3-4.302,1.979l-1.297,3.515c-0.309,0.84-0.273,1.749,0.1,2.561c0.376,0.812,1.044,1.43,1.88,1.735    l2.78,1.028c-0.22,2.024-0.148,4.094,0.234,6.146l-2.687,1.237c-1.676,0.771-2.41,2.763-1.639,4.438l1.568,3.404    c0.772,1.675,2.763,2.411,4.438,1.638l2.687-1.235c1.313,1.626,2.836,3.021,4.52,4.174l-1.026,2.777    c-0.312,0.838-0.276,1.745,0.1,2.559c0.371,0.812,1.041,1.432,1.879,1.743l3.515,1.296c0.836,0.31,1.747,0.273,2.559-0.099    c0.813-0.375,1.43-1.043,1.738-1.882l1.027-2.779c2.025,0.22,4.093,0.147,6.147-0.231l1.235,2.685    c0.772,1.674,2.766,2.41,4.44,1.638l3.402-1.566c1.678-0.771,2.413-2.763,1.639-4.439l-1.237-2.685    c1.626-1.314,3.024-2.838,4.173-4.52l2.778,1.027c0.841,0.311,1.75,0.272,2.563-0.103c0.81-0.374,1.426-1.042,1.736-1.879    l1.297-3.515C52.695,101.488,51.807,99.56,50.077,98.919z M31.669,107.662c-1.754,0.809-3.615,1.216-5.533,1.216    c-5.152,0-9.872-3.022-12.025-7.697c-3.052-6.631-0.144-14.507,6.483-17.559c1.753-0.809,3.614-1.217,5.529-1.217    c5.151,0,9.875,3.021,12.029,7.697C41.204,96.733,38.295,104.609,31.669,107.662z"
+         id="path7"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M83.179,108.5l-1.547-0.569c0.123-1.129,0.082-2.28-0.131-3.423l1.494-0.689c0.935-0.428,1.344-1.538,0.913-2.473    l-0.872-1.894c-0.432-0.935-1.539-1.346-2.471-0.914l-1.497,0.689c-0.73-0.905-1.58-1.685-2.515-2.325l0.57-1.546    c0.355-0.964-0.14-2.037-1.103-2.396l-1.958-0.722c-0.934-0.346-2.048,0.168-2.394,1.102l-0.571,1.548    c-1.126-0.121-2.278-0.081-3.421,0.13l-0.688-1.493c-0.432-0.934-1.541-1.345-2.474-0.914l-1.895,0.873    c-0.934,0.432-1.342,1.54-0.913,2.473l0.689,1.495c-0.905,0.732-1.684,1.581-2.326,2.519l-1.544-0.57    c-0.931-0.347-2.049,0.165-2.394,1.101l-0.724,1.958c-0.171,0.468-0.15,0.975,0.055,1.427c0.21,0.45,0.583,0.795,1.049,0.966    l1.547,0.572c-0.123,1.129-0.083,2.278,0.13,3.423l-1.495,0.688c-0.934,0.431-1.343,1.538-0.913,2.472l0.874,1.896    c0.429,0.932,1.538,1.343,2.471,0.913l1.495-0.688c0.731,0.905,1.581,1.683,2.519,2.323l-0.571,1.545    c-0.174,0.468-0.154,0.975,0.055,1.427c0.208,0.451,0.579,0.797,1.048,0.971l1.956,0.722c0.467,0.172,0.972,0.152,1.425-0.056    s0.797-0.58,0.968-1.046l0.571-1.55c1.129,0.123,2.278,0.084,3.423-0.129l0.688,1.495c0.43,0.932,1.539,1.343,2.471,0.911    l1.896-0.872c0.934-0.432,1.342-1.538,0.912-2.472l-0.688-1.496c0.904-0.731,1.684-1.578,2.323-2.516l1.547,0.57    c0.468,0.175,0.975,0.152,1.428-0.056c0.449-0.207,0.795-0.581,0.967-1.047l0.722-1.957    C84.636,109.932,84.141,108.856,83.179,108.5z M72.929,113.37c-0.977,0.448-2.012,0.677-3.08,0.677    c-2.868,0-5.497-1.684-6.696-4.287c-1.7-3.69-0.082-8.077,3.61-9.775c0.976-0.45,2.012-0.677,3.079-0.677    c2.867,0,5.496,1.682,6.696,4.285C78.236,107.284,76.618,111.668,72.929,113.37z"
+         id="path9"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /><path
+         d="M118.269,49.597l-4.673-1.725c0.369-3.407,0.248-6.882-0.393-10.337l4.514-2.077c2.816-1.294,4.052-4.647,2.754-7.468    l-2.634-5.718c-1.298-2.819-4.646-4.059-7.461-2.759l-4.519,2.084c-2.208-2.735-4.771-5.082-7.596-7.02l1.723-4.668    c1.072-2.911-0.418-6.155-3.328-7.229l-5.909-2.186c-2.818-1.036-6.186,0.515-7.228,3.33l-1.724,4.673    c-3.405-0.366-6.881-0.245-10.333,0.391l-2.08-4.51c-1.298-2.819-4.646-4.056-7.465-2.758l-5.72,2.634    c-2.818,1.299-4.055,4.65-2.759,7.466l2.083,4.513c-2.731,2.211-5.083,4.773-7.02,7.603l-4.665-1.724    c-2.815-1.049-6.188,0.504-7.23,3.324l-2.181,5.912c-0.521,1.41-0.46,2.938,0.166,4.304c0.634,1.364,1.758,2.403,3.163,2.917    l4.673,1.73c-0.371,3.403-0.25,6.882,0.392,10.335l-4.514,2.078c-2.819,1.299-4.053,4.645-2.756,7.461l2.635,5.724    c1.298,2.813,4.646,4.054,7.463,2.755l4.515-2.08c2.208,2.735,4.771,5.083,7.602,7.019l-1.726,4.669    c-0.524,1.407-0.463,2.936,0.167,4.303c0.626,1.364,1.751,2.406,3.159,2.929l5.909,2.179c1.409,0.521,2.938,0.461,4.303-0.164    c1.367-0.63,2.404-1.754,2.922-3.163l1.729-4.675c3.404,0.371,6.879,0.25,10.336-0.389l2.076,4.512    c1.298,2.814,4.648,4.056,7.466,2.755l5.72-2.634c2.821-1.3,4.054-4.646,2.755-7.464l-2.079-4.513    c2.732-2.213,5.084-4.771,7.017-7.601l4.672,1.729c1.411,0.521,2.94,0.459,4.307-0.171c1.362-0.628,2.398-1.753,2.919-3.159    l2.184-5.911C122.671,53.914,121.178,50.67,118.269,49.597z M87.322,64.294c-2.95,1.357-6.078,2.046-9.301,2.046    c-8.663,0-16.597-5.082-20.22-12.945C52.669,42.249,57.559,29.007,68.7,23.876c2.947-1.359,6.077-2.045,9.297-2.045    c8.662,0,16.601,5.079,20.224,12.94C103.351,45.92,98.463,59.163,87.322,64.294z"
+         id="path11"
+         style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g></g><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><g
+     id="g39" /><g
+     id="g41" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/StopRecording.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/StopRecording.svg
new file mode 100644
index 0000000..3605e7e
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/StopRecording.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="63.404px"
+   height="63.404px"
+   viewBox="0 0 63.404 63.404"
+   style="enable-background:new 0 0 63.404 63.404;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="StopRecording.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="3.7221627"
+     inkscape:cx="-48.896305"
+     inkscape:cy="31.702"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><path
+       d="M38.342,28.673c0-2.726,2.208-4.938,4.937-4.938c2.724,0,4.934,2.21,4.934,4.938c0,2.729-2.21,4.937-4.934,4.937   C40.55,33.609,38.342,31.401,38.342,28.673z M61.834,10.278v3.139v36.57v3.139c0,5.666-4.614,10.278-10.275,10.278h-39.71   c-5.666,0-10.277-4.612-10.277-10.278V13.417c0-3.856,2.16-7.184,5.312-8.941C8.737,1.778,11.839,0,15.352,0h6.073h9.109h21.024   C57.225,0,61.834,4.611,61.834,10.278z M29.068,28.673c0,7.847,6.363,14.209,14.21,14.209c7.844,0,14.206-6.362,14.206-14.209   s-6.362-14.208-14.206-14.208C35.431,14.464,29.068,20.824,29.068,28.673z M6.943,49.987c0,0.434,0.066,0.849,0.129,1.264   l3.149-0.926c-0.01-0.114-0.035-0.224-0.035-0.34c0-2.489,2.022-4.51,4.511-4.51c2.487,0,4.51,2.019,4.51,4.51   c0,2.488-2.022,4.51-4.51,4.51c-1.713,0-3.187-0.97-3.951-2.377l-3.202,0.939c1.23,3.116,4.257,5.333,7.808,5.333h6.073V5.006   V4.072V3.138V1.867h-6.073c-1.696,0-3.27,0.514-4.592,1.38c-0.535,0.35-1.023,0.762-1.462,1.222   C8.893,4.892,8.541,5.357,8.23,5.856c-0.802,1.287-1.288,2.793-1.288,4.42v2.76l3.274-0.959c-0.009-0.115-0.034-0.225-0.034-0.341   c0-2.488,2.022-4.511,4.51-4.511c2.488,0,4.511,2.023,4.511,4.511c0,2.487-2.022,4.509-4.511,4.509   c-1.712,0-3.186-0.969-3.95-2.376L6.94,14.984v10.315l3.274-0.959c-0.009-0.115-0.034-0.225-0.034-0.341   c0-2.487,2.022-4.511,4.51-4.511c2.489,0,4.511,2.023,4.511,4.511c0,2.488-2.022,4.51-4.511,4.51c-1.712,0-3.186-0.97-3.95-2.377   l-3.802,1.116v10.899l3.274-0.961c-0.009-0.113-0.034-0.223-0.034-0.34c0-2.488,2.022-4.511,4.509-4.511   c2.488,0,4.511,2.022,4.511,4.511c0,2.489-2.023,4.51-4.511,4.51c-1.712,0-3.186-0.969-3.95-2.377l-3.802,1.116v9.893H6.943z    M14.959,37.745l-2.327,0.682c0.484,0.63,1.21,1.065,2.063,1.065c1.457,0,2.642-1.187,2.642-2.642s-1.188-2.642-2.642-2.642   c-1.381,0-2.486,1.079-2.601,2.432l2.336-0.687L14.959,37.745z M14.959,24.898l-2.327,0.682c0.484,0.63,1.21,1.065,2.063,1.065   c1.457,0,2.642-1.186,2.642-2.641c0-1.456-1.188-2.642-2.642-2.642c-1.381,0-2.486,1.079-2.601,2.432l2.336-0.686L14.959,24.898z    M14.959,12.635l-2.327,0.682c0.484,0.631,1.21,1.065,2.063,1.065c1.457,0,2.642-1.187,2.642-2.642   c0-1.456-1.188-2.642-2.642-2.642c-1.381,0-2.486,1.079-2.601,2.432l2.336-0.686L14.959,12.635z M14.959,50.884l-2.327,0.682   c0.484,0.63,1.21,1.065,2.063,1.065c1.457,0,2.642-1.186,2.642-2.642c0-1.455-1.188-2.642-2.642-2.642   c-1.381,0-2.486,1.079-2.601,2.432l2.336-0.687L14.959,50.884z M3.439,14.067l1.636-0.481v-3.31c0-0.702,0.072-1.388,0.208-2.049   c-1.135,1.434-1.843,3.221-1.843,5.188V14.067z M3.439,26.331l1.636-0.481V15.534l-1.636,0.481V26.331z M3.439,39.178l1.636-0.481   V27.797l-1.636,0.481V39.178z M3.439,52.316l1.818-0.536c-0.104-0.584-0.183-1.18-0.183-1.795v-9.344l-1.636,0.481V52.316z    M58.876,57.187c-1.866,1.897-4.453,3.079-7.317,3.079H30.535h-9.109h-6.073c-4.398,0-8.128-2.789-9.593-6.681L3.552,54.23   c0.546,4.112,4.037,7.304,8.296,7.304h39.71C54.715,61.534,57.438,59.764,58.876,57.187z"
+       id="path5"
+       style="fill:#{sdcol(icon)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><rect
+     style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect4171"
+     width="24.892944"
+     height="7.8643508"
+     x="-22.704958"
+     y="54.199261"
+     rx="2.0566301"
+     ry="6.9125624"
+     transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" /><rect
+     transform="matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,0,0)"
+     ry="6.9125624"
+     rx="2.0566301"
+     y="-14.190667"
+     x="-70.577919"
+     height="7.8643508"
+     width="24.892944"
+     id="rect4173"
+     style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/StopRecording_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/StopRecording_active.svg
new file mode 100644
index 0000000..3a8698a
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/StopRecording_active.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="63.404px"
+   height="63.404px"
+   viewBox="0 0 63.404 63.404"
+   style="enable-background:new 0 0 63.404 63.404;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="StopRecording.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="3.7221627"
+     inkscape:cx="-48.896305"
+     inkscape:cy="31.702"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M38.342,28.673c0-2.726,2.208-4.938,4.937-4.938c2.724,0,4.934,2.21,4.934,4.938c0,2.729-2.21,4.937-4.934,4.937   C40.55,33.609,38.342,31.401,38.342,28.673z M61.834,10.278v3.139v36.57v3.139c0,5.666-4.614,10.278-10.275,10.278h-39.71   c-5.666,0-10.277-4.612-10.277-10.278V13.417c0-3.856,2.16-7.184,5.312-8.941C8.737,1.778,11.839,0,15.352,0h6.073h9.109h21.024   C57.225,0,61.834,4.611,61.834,10.278z M29.068,28.673c0,7.847,6.363,14.209,14.21,14.209c7.844,0,14.206-6.362,14.206-14.209   s-6.362-14.208-14.206-14.208C35.431,14.464,29.068,20.824,29.068,28.673z M6.943,49.987c0,0.434,0.066,0.849,0.129,1.264   l3.149-0.926c-0.01-0.114-0.035-0.224-0.035-0.34c0-2.489,2.022-4.51,4.511-4.51c2.487,0,4.51,2.019,4.51,4.51   c0,2.488-2.022,4.51-4.51,4.51c-1.713,0-3.187-0.97-3.951-2.377l-3.202,0.939c1.23,3.116,4.257,5.333,7.808,5.333h6.073V5.006   V4.072V3.138V1.867h-6.073c-1.696,0-3.27,0.514-4.592,1.38c-0.535,0.35-1.023,0.762-1.462,1.222   C8.893,4.892,8.541,5.357,8.23,5.856c-0.802,1.287-1.288,2.793-1.288,4.42v2.76l3.274-0.959c-0.009-0.115-0.034-0.225-0.034-0.341   c0-2.488,2.022-4.511,4.51-4.511c2.488,0,4.511,2.023,4.511,4.511c0,2.487-2.022,4.509-4.511,4.509   c-1.712,0-3.186-0.969-3.95-2.376L6.94,14.984v10.315l3.274-0.959c-0.009-0.115-0.034-0.225-0.034-0.341   c0-2.487,2.022-4.511,4.51-4.511c2.489,0,4.511,2.023,4.511,4.511c0,2.488-2.022,4.51-4.511,4.51c-1.712,0-3.186-0.97-3.95-2.377   l-3.802,1.116v10.899l3.274-0.961c-0.009-0.113-0.034-0.223-0.034-0.34c0-2.488,2.022-4.511,4.509-4.511   c2.488,0,4.511,2.022,4.511,4.511c0,2.489-2.023,4.51-4.511,4.51c-1.712,0-3.186-0.969-3.95-2.377l-3.802,1.116v9.893H6.943z    M14.959,37.745l-2.327,0.682c0.484,0.63,1.21,1.065,2.063,1.065c1.457,0,2.642-1.187,2.642-2.642s-1.188-2.642-2.642-2.642   c-1.381,0-2.486,1.079-2.601,2.432l2.336-0.687L14.959,37.745z M14.959,24.898l-2.327,0.682c0.484,0.63,1.21,1.065,2.063,1.065   c1.457,0,2.642-1.186,2.642-2.641c0-1.456-1.188-2.642-2.642-2.642c-1.381,0-2.486,1.079-2.601,2.432l2.336-0.686L14.959,24.898z    M14.959,12.635l-2.327,0.682c0.484,0.631,1.21,1.065,2.063,1.065c1.457,0,2.642-1.187,2.642-2.642   c0-1.456-1.188-2.642-2.642-2.642c-1.381,0-2.486,1.079-2.601,2.432l2.336-0.686L14.959,12.635z M14.959,50.884l-2.327,0.682   c0.484,0.63,1.21,1.065,2.063,1.065c1.457,0,2.642-1.186,2.642-2.642c0-1.455-1.188-2.642-2.642-2.642   c-1.381,0-2.486,1.079-2.601,2.432l2.336-0.687L14.959,50.884z M3.439,14.067l1.636-0.481v-3.31c0-0.702,0.072-1.388,0.208-2.049   c-1.135,1.434-1.843,3.221-1.843,5.188V14.067z M3.439,26.331l1.636-0.481V15.534l-1.636,0.481V26.331z M3.439,39.178l1.636-0.481   V27.797l-1.636,0.481V39.178z M3.439,52.316l1.818-0.536c-0.104-0.584-0.183-1.18-0.183-1.795v-9.344l-1.636,0.481V52.316z    M58.876,57.187c-1.866,1.897-4.453,3.079-7.317,3.079H30.535h-9.109h-6.073c-4.398,0-8.128-2.789-9.593-6.681L3.552,54.23   c0.546,4.112,4.037,7.304,8.296,7.304h39.71C54.715,61.534,57.438,59.764,58.876,57.187z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><rect
+     style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect4171"
+     width="24.892944"
+     height="7.8643508"
+     x="-22.704958"
+     y="54.199261"
+     rx="2.0566301"
+     ry="6.9125624"
+     transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" /><rect
+     transform="matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,0,0)"
+     ry="6.9125624"
+     rx="2.0566301"
+     y="-14.190667"
+     x="-70.577919"
+     height="7.8643508"
+     width="24.892944"
+     id="rect4173"
+     style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/StopReplay.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/StopReplay.svg
new file mode 100644
index 0000000..a3d2259
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/StopReplay.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 60 60"
+   style="enable-background:new 0 0 60 60;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="StopReplay.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="6.1887269"
+     inkscape:cx="62.303026"
+     inkscape:cy="21.885842"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     transform="matrix(0.91382209,0,0,0.91382209,-1.4146627,2.5853689)"
+     style="fill:#{sdcol(icon)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(icon)};fill-opacity:1"><path
+         style="fill:#{sdcol(icon)};fill-opacity:1"
+         d="M 53.479,27.435 10.672,0.915 C 7.553,-1.132 5,0.374 5,4.261 l 0,51.48 c 0,3.885 2.553,5.391 5.672,3.346 l 42.807,-26.52 c 0,0 1.521,-1.07 1.521,-2.566 0,-1.496 -1.521,-2.566 -1.521,-2.566 z"
+         id="path7"
+         inkscape:connector-curvature="0" /></g></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><rect
+     style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect4171"
+     width="24.892944"
+     height="7.8643508"
+     x="-12.45994"
+     y="64.652542"
+     rx="2.0566301"
+     ry="6.9125624"
+     transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" /><rect
+     transform="matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,0,0)"
+     ry="6.9125624"
+     rx="2.0566301"
+     y="-3.9456468"
+     x="-81.031197"
+     height="7.8643508"
+     width="24.892944"
+     id="rect4173"
+     style="opacity:1;fill:#{sdcol(icon)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/StopReplay_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/StopReplay_active.svg
new file mode 100644
index 0000000..0b84f3b
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/StopReplay_active.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 60 60"
+   style="enable-background:new 0 0 60 60;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="StopReplay.svg"><metadata
+     id="metadata43"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs41" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="6.1887269"
+     inkscape:cx="62.303026"
+     inkscape:cy="21.885842"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     transform="matrix(0.91382209,0,0,0.91382209,-1.4146627,2.5853689)"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><g
+       id="g5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+         style="fill:#{sdcol(iconactive)};fill-opacity:1"
+         d="M 53.479,27.435 10.672,0.915 C 7.553,-1.132 5,0.374 5,4.261 l 0,51.48 c 0,3.885 2.553,5.391 5.672,3.346 l 42.807,-26.52 c 0,0 1.521,-1.07 1.521,-2.566 0,-1.496 -1.521,-2.566 -1.521,-2.566 z"
+         id="path7"
+         inkscape:connector-curvature="0" /></g></g><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /><g
+     id="g37" /><rect
+     style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect4171"
+     width="24.892944"
+     height="7.8643508"
+     x="-12.45994"
+     y="64.652542"
+     rx="2.0566301"
+     ry="6.9125624"
+     transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)" /><rect
+     transform="matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,0,0)"
+     ry="6.9125624"
+     rx="2.0566301"
+     y="-3.9456468"
+     x="-81.031197"
+     height="7.8643508"
+     width="24.892944"
+     id="rect4173"
+     style="opacity:1;fill:#{sdcol(iconactive)};fill-opacity:1;stroke:none;stroke-width:14;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Timers.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Timers.svg
new file mode 100644
index 0000000..9e5deef
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Timers.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   enable-background="new 0 0 512 512"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_timer.svg"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="852"
+     inkscape:window-height="480"
+     id="namedview5"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-124.74576"
+     inkscape:cy="256"
+     inkscape:window-x="555"
+     inkscape:window-y="210"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" /><path
+     d="M64,80V16c0-8.844,7.156-16,16-16s16,7.156,16,16v64c0,8.844-7.156,16-16,16S64,88.844,64,80z M336,96  c8.844,0,16-7.156,16-16V16c0-8.844-7.156-16-16-16s-16,7.156-16,16v64C320,88.844,327.156,96,336,96z M512,384  c0,70.688-57.313,128-128,128s-128-57.313-128-128s57.313-128,128-128S512,313.313,512,384z M480,384c0-52.938-43.063-96-96-96  s-96,43.063-96,96s43.063,96,96,96S480,436.938,480,384z M128,192H64v64h64V192z M64,352h64v-64H64V352z M160,256h64v-64h-64V256z   M160,352h64v-64h-64V352z M32,380.813V160h352v64h32V99.188C416,79.75,400.5,64,381.344,64H368v16c0,17.625-14.344,32-32,32  s-32-14.375-32-32V64H112v16c0,17.625-14.344,32-32,32S48,97.625,48,80V64H34.672C15.516,64,0,79.75,0,99.188v281.625  C0,400.188,15.516,416,34.672,416H224v-32H34.672C33.219,384,32,382.5,32,380.813z M320,256v-64h-64v64H320z M432,384h-48v-48  c0-8.844-7.156-16-16-16s-16,7.156-16,16v64c0,8.844,7.156,16,16,16h64c8.844,0,16-7.156,16-16S440.844,384,432,384z"
+     id="path3"
+     style="fill:#{sdcol(icon)};fill-opacity:1" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/svgtemplates/menuicons/standardicons/Timers_active.svg b/skins/metrixhd/svgtemplates/menuicons/standardicons/Timers_active.svg
new file mode 100644
index 0000000..0e50d9e
--- /dev/null
+++ b/skins/metrixhd/svgtemplates/menuicons/standardicons/Timers_active.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   enable-background="new 0 0 512 512"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="ico_timer.svg"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="852"
+     inkscape:window-height="480"
+     id="namedview5"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="-124.74576"
+     inkscape:cy="256"
+     inkscape:window-x="555"
+     inkscape:window-y="210"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" /><path
+     d="M64,80V16c0-8.844,7.156-16,16-16s16,7.156,16,16v64c0,8.844-7.156,16-16,16S64,88.844,64,80z M336,96  c8.844,0,16-7.156,16-16V16c0-8.844-7.156-16-16-16s-16,7.156-16,16v64C320,88.844,327.156,96,336,96z M512,384  c0,70.688-57.313,128-128,128s-128-57.313-128-128s57.313-128,128-128S512,313.313,512,384z M480,384c0-52.938-43.063-96-96-96  s-96,43.063-96,96s43.063,96,96,96S480,436.938,480,384z M128,192H64v64h64V192z M64,352h64v-64H64V352z M160,256h64v-64h-64V256z   M160,352h64v-64h-64V352z M32,380.813V160h352v64h32V99.188C416,79.75,400.5,64,381.344,64H368v16c0,17.625-14.344,32-32,32  s-32-14.375-32-32V64H112v16c0,17.625-14.344,32-32,32S48,97.625,48,80V64H34.672C15.516,64,0,79.75,0,99.188v281.625  C0,400.188,15.516,416,34.672,416H224v-32H34.672C33.219,384,32,382.5,32,380.813z M320,256v-64h-64v64H320z M432,384h-48v-48  c0-8.844-7.156-16-16-16s-16,7.156-16,16v64c0,8.844,7.156,16,16,16h64c8.844,0,16-7.156,16-16S440.844,384,432,384z"
+     id="path3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1" /></svg>
+\ No newline at end of file
diff --git a/skins/metrixhd/themes/birdie/theme.xml b/skins/metrixhd/themes/birdie/theme.xml
new file mode 100644
index 0000000..ea9a83b
--- /dev/null
+++ b/skins/metrixhd/themes/birdie/theme.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE globals SYSTEM "../../../../dtd/globals.dtd">
+
+<globals>
+    <colors>
+        <color name="menuback">C0FFA500</color>
+        <color name="menuheader">C0111111</color>
+        <color name="menuactive">F0111111</color>
+        <color name="menualternate">C0F5B914</color>
+        <color name="menuseparator">22FFFFFF</color>
+        <color name="fontdefault">F0111111</color>
+        <color name="fontseparator">F0111111</color>
+        <color name="scrollbar">F0111111</color>
+        <!-- colors svg templates -->
+        <color name="iconactive">FFFFFFFF</color>
+        <color name="icon">F0111111</color>
+        <color name="iconselected">FF800000</color>
+        <color name="iconrecactive">F0FFFFFF</color>
+        <color name="iconrecinactive">F0111111</color>
+    </colors>
+
+    <variables>
+    </variables>
+
+    <translations>
+    </translations>
+
+    <fonts>
+    </fonts>
+</globals>
diff --git a/skins/metrixhd/themes/default/icons/ico_ac3.png b/skins/metrixhd/themes/default/icons/ico_ac3.png
deleted file mode 100644
index 5b8614a..0000000
--- a/skins/metrixhd/themes/default/icons/ico_ac3.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_activetimer.png b/skins/metrixhd/themes/default/icons/ico_activetimer.png
deleted file mode 100644
index af4c33c..0000000
--- a/skins/metrixhd/themes/default/icons/ico_activetimer.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_arrow_left.png b/skins/metrixhd/themes/default/icons/ico_arrow_left.png
deleted file mode 100644
index 57800c7..0000000
--- a/skins/metrixhd/themes/default/icons/ico_arrow_left.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_arrow_right.png b/skins/metrixhd/themes/default/icons/ico_arrow_right.png
deleted file mode 100644
index ea45f3a..0000000
--- a/skins/metrixhd/themes/default/icons/ico_arrow_right.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_crypt_off.png b/skins/metrixhd/themes/default/icons/ico_crypt_off.png
deleted file mode 100644
index b612aec..0000000
--- a/skins/metrixhd/themes/default/icons/ico_crypt_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_crypt_on.png b/skins/metrixhd/themes/default/icons/ico_crypt_on.png
deleted file mode 100644
index 55abed4..0000000
--- a/skins/metrixhd/themes/default/icons/ico_crypt_on.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_cutted.png b/skins/metrixhd/themes/default/icons/ico_cutted.png
deleted file mode 100644
index b90c9c1..0000000
--- a/skins/metrixhd/themes/default/icons/ico_cutted.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_delete_active.png b/skins/metrixhd/themes/default/icons/ico_delete_active.png
deleted file mode 100644
index f473717..0000000
--- a/skins/metrixhd/themes/default/icons/ico_delete_active.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_delete_inactive.png b/skins/metrixhd/themes/default/icons/ico_delete_inactive.png
deleted file mode 100644
index 21b0a88..0000000
--- a/skins/metrixhd/themes/default/icons/ico_delete_inactive.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_dolby_off.png b/skins/metrixhd/themes/default/icons/ico_dolby_off.png
deleted file mode 100644
index 17815f5..0000000
--- a/skins/metrixhd/themes/default/icons/ico_dolby_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_dolby_on.png b/skins/metrixhd/themes/default/icons/ico_dolby_on.png
deleted file mode 100644
index c06c18e..0000000
--- a/skins/metrixhd/themes/default/icons/ico_dolby_on.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_edit_active.png b/skins/metrixhd/themes/default/icons/ico_edit_active.png
deleted file mode 100644
index ec39699..0000000
--- a/skins/metrixhd/themes/default/icons/ico_edit_active.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_edit_inactive.png b/skins/metrixhd/themes/default/icons/ico_edit_inactive.png
deleted file mode 100644
index 71f016c..0000000
--- a/skins/metrixhd/themes/default/icons/ico_edit_inactive.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_ff.png b/skins/metrixhd/themes/default/icons/ico_ff.png
deleted file mode 100644
index 5ffbe4b..0000000
--- a/skins/metrixhd/themes/default/icons/ico_ff.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_ff_1x.png b/skins/metrixhd/themes/default/icons/ico_ff_1x.png
deleted file mode 100644
index 96a74bc..0000000
--- a/skins/metrixhd/themes/default/icons/ico_ff_1x.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_ff_2x.png b/skins/metrixhd/themes/default/icons/ico_ff_2x.png
deleted file mode 100644
index 54657bf..0000000
--- a/skins/metrixhd/themes/default/icons/ico_ff_2x.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_ff_3x.png b/skins/metrixhd/themes/default/icons/ico_ff_3x.png
deleted file mode 100644
index ac21eca..0000000
--- a/skins/metrixhd/themes/default/icons/ico_ff_3x.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_ff_off.png b/skins/metrixhd/themes/default/icons/ico_ff_off.png
deleted file mode 100644
index 5a9ab50..0000000
--- a/skins/metrixhd/themes/default/icons/ico_ff_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_hd_off.png b/skins/metrixhd/themes/default/icons/ico_hd_off.png
deleted file mode 100644
index cd0492a..0000000
--- a/skins/metrixhd/themes/default/icons/ico_hd_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_hd_off.svg b/skins/metrixhd/themes/default/icons/ico_hd_off.svg
deleted file mode 100644
index 897bdfc..0000000
--- a/skins/metrixhd/themes/default/icons/ico_hd_off.svg
+++ /dev/null
@@ -1,64 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.48.5 r10040"
-   width="49"
-   height="24"
-   sodipodi:docname="ico_hd_off.svg">
-  <metadata
-     id="metadata8">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1769"
-     inkscape:window-height="1195"
-     id="namedview4"
-     showgrid="false"
-     inkscape:zoom="6.9532167"
-     inkscape:cx="-12.199961"
-     inkscape:cy="10.824729"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg2" />
-  <path
-     style="fill:#ffffff;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.50196081000000004;opacity:0.4;fill-opacity:1"
-     d="m 3.7627119,1.5762712 5.8474576,0 -1.220339,6.9661017 9.1525425,-0.050847 0.966102,-7.0677966 6.016389,0.014893 -2.965542,21.1376493 -5.993831,0.06883 1.20853,-8.712893 -9.3502922,0.08899 -1.6652543,8.491525 -5.30084738,0.06356 z"
-     id="path3759"
-     inkscape:connector-curvature="0"
-     sodipodi:nodetypes="ccccccccccccc" />
-  <path
-     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.50196078000000000;opacity:0.4"
-     d="m 28.398305,1.3728813 15.991526,0 C 46.277579,1.243275 49.255354,2.7574438 48.61017,8.0338983 47.616873,15.342244 46.343401,22.177506 41.288136,22.627119 L 24.915254,22.525424 27.20339,8.7966102 l 5.898305,-0.025424 -1.576271,9.5338988 7.677966,0 c 2.596312,0.118399 3.234177,-5.226757 3.457627,-7.90678 0.408058,-3.1501646 0.153706,-4.2577277 -1.420115,-4.3115034 L 27.61017,6.152542 z"
-     id="path3767"
-     inkscape:connector-curvature="0"
-     sodipodi:nodetypes="ccccccccccccc" />
-</svg>
diff --git a/skins/metrixhd/themes/default/icons/ico_hd_on.png b/skins/metrixhd/themes/default/icons/ico_hd_on.png
deleted file mode 100644
index 5f6cfa5..0000000
--- a/skins/metrixhd/themes/default/icons/ico_hd_on.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_hd_on.svg b/skins/metrixhd/themes/default/icons/ico_hd_on.svg
deleted file mode 100644
index 9c69401..0000000
--- a/skins/metrixhd/themes/default/icons/ico_hd_on.svg
+++ /dev/null
@@ -1,64 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.48.5 r10040"
-   width="49"
-   height="24"
-   sodipodi:docname="ico_hd_on.svg">
-  <metadata
-     id="metadata8">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1769"
-     inkscape:window-height="1195"
-     id="namedview4"
-     showgrid="false"
-     inkscape:zoom="6.9532167"
-     inkscape:cx="19.799617"
-     inkscape:cy="10.824729"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg2" />
-  <path
-     style="fill:#ffffff;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.50196081000000004;opacity:1;fill-opacity:1"
-     d="m 3.7627119,1.5762712 5.8474576,0 -1.220339,6.9661017 9.1525425,-0.050847 0.966102,-7.0677966 6.016389,0.014893 -2.965542,21.1376493 -5.993831,0.06883 1.20853,-8.712893 -9.3502922,0.08899 -1.6652543,8.491525 -5.30084738,0.06356 z"
-     id="path3759"
-     inkscape:connector-curvature="0"
-     sodipodi:nodetypes="ccccccccccccc" />
-  <path
-     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.50196078000000000"
-     d="m 28.398305,1.3728813 15.991526,0 C 46.277579,1.243275 49.255354,2.7574438 48.61017,8.0338983 47.616873,15.342244 46.343401,22.177506 41.288136,22.627119 L 24.915254,22.525424 27.20339,8.7966102 l 5.898305,-0.025424 -1.576271,9.5338988 7.677966,0 c 2.596312,0.118399 3.234177,-5.226757 3.457627,-7.90678 0.408058,-3.1501646 0.153706,-4.2577277 -1.420115,-4.3115034 L 27.61017,6.152542 z"
-     id="path3767"
-     inkscape:connector-curvature="0"
-     sodipodi:nodetypes="ccccccccccccc" />
-</svg>
diff --git a/skins/metrixhd/themes/default/icons/ico_info_active.png b/skins/metrixhd/themes/default/icons/ico_info_active.png
deleted file mode 100644
index c88f76d..0000000
--- a/skins/metrixhd/themes/default/icons/ico_info_active.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_info_inactive.png b/skins/metrixhd/themes/default/icons/ico_info_inactive.png
deleted file mode 100644
index 37eeed2..0000000
--- a/skins/metrixhd/themes/default/icons/ico_info_inactive.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_line_off.png b/skins/metrixhd/themes/default/icons/ico_line_off.png
deleted file mode 100644
index 94591ee..0000000
--- a/skins/metrixhd/themes/default/icons/ico_line_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_line_on.png b/skins/metrixhd/themes/default/icons/ico_line_on.png
deleted file mode 100644
index 1584078..0000000
--- a/skins/metrixhd/themes/default/icons/ico_line_on.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_mute.png b/skins/metrixhd/themes/default/icons/ico_mute.png
deleted file mode 100644
index 4eefc75..0000000
--- a/skins/metrixhd/themes/default/icons/ico_mute.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_no.png b/skins/metrixhd/themes/default/icons/ico_no.png
deleted file mode 100644
index 47cdba0..0000000
--- a/skins/metrixhd/themes/default/icons/ico_no.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_pause.png b/skins/metrixhd/themes/default/icons/ico_pause.png
deleted file mode 100644
index 405a097..0000000
--- a/skins/metrixhd/themes/default/icons/ico_pause.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_pause_off.png b/skins/metrixhd/themes/default/icons/ico_pause_off.png
deleted file mode 100644
index 6f02e39..0000000
--- a/skins/metrixhd/themes/default/icons/ico_pause_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_play.png b/skins/metrixhd/themes/default/icons/ico_play.png
deleted file mode 100644
index 02a01c0..0000000
--- a/skins/metrixhd/themes/default/icons/ico_play.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_play_off.png b/skins/metrixhd/themes/default/icons/ico_play_off.png
deleted file mode 100644
index d87322a..0000000
--- a/skins/metrixhd/themes/default/icons/ico_play_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_rec_off.png b/skins/metrixhd/themes/default/icons/ico_rec_off.png
deleted file mode 100644
index 224baea..0000000
--- a/skins/metrixhd/themes/default/icons/ico_rec_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_rec_on.png b/skins/metrixhd/themes/default/icons/ico_rec_on.png
deleted file mode 100644
index 7bc18a7..0000000
--- a/skins/metrixhd/themes/default/icons/ico_rec_on.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_recfolder.png b/skins/metrixhd/themes/default/icons/ico_recfolder.png
deleted file mode 100644
index e3df65b..0000000
--- a/skins/metrixhd/themes/default/icons/ico_recfolder.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_recnew.png b/skins/metrixhd/themes/default/icons/ico_recnew.png
deleted file mode 100644
index b9166ba..0000000
--- a/skins/metrixhd/themes/default/icons/ico_recnew.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_record_active.png b/skins/metrixhd/themes/default/icons/ico_record_active.png
deleted file mode 100644
index 476da99..0000000
--- a/skins/metrixhd/themes/default/icons/ico_record_active.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_record_inactive.png b/skins/metrixhd/themes/default/icons/ico_record_inactive.png
deleted file mode 100644
index 2a91da3..0000000
--- a/skins/metrixhd/themes/default/icons/ico_record_inactive.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_rew.png b/skins/metrixhd/themes/default/icons/ico_rew.png
deleted file mode 100644
index 1505f79..0000000
--- a/skins/metrixhd/themes/default/icons/ico_rew.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_rew_1x.png b/skins/metrixhd/themes/default/icons/ico_rew_1x.png
deleted file mode 100644
index 6ddbde4..0000000
--- a/skins/metrixhd/themes/default/icons/ico_rew_1x.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_rew_2x.png b/skins/metrixhd/themes/default/icons/ico_rew_2x.png
deleted file mode 100644
index 9b7ee52..0000000
--- a/skins/metrixhd/themes/default/icons/ico_rew_2x.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_rew_3x.png b/skins/metrixhd/themes/default/icons/ico_rew_3x.png
deleted file mode 100644
index 4a3abeb..0000000
--- a/skins/metrixhd/themes/default/icons/ico_rew_3x.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_rew_off.png b/skins/metrixhd/themes/default/icons/ico_rew_off.png
deleted file mode 100644
index a84a7f3..0000000
--- a/skins/metrixhd/themes/default/icons/ico_rew_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_search_active.png b/skins/metrixhd/themes/default/icons/ico_search_active.png
deleted file mode 100644
index 7bf7bc7..0000000
--- a/skins/metrixhd/themes/default/icons/ico_search_active.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_search_inactive.png b/skins/metrixhd/themes/default/icons/ico_search_inactive.png
deleted file mode 100644
index 4a210bb..0000000
--- a/skins/metrixhd/themes/default/icons/ico_search_inactive.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_sort_name.png b/skins/metrixhd/themes/default/icons/ico_sort_name.png
deleted file mode 100644
index bef06d5..0000000
--- a/skins/metrixhd/themes/default/icons/ico_sort_name.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_sort_number.png b/skins/metrixhd/themes/default/icons/ico_sort_number.png
deleted file mode 100644
index 4084ba5..0000000
--- a/skins/metrixhd/themes/default/icons/ico_sort_number.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_sort_provider.png b/skins/metrixhd/themes/default/icons/ico_sort_provider.png
deleted file mode 100644
index fe5cc64..0000000
--- a/skins/metrixhd/themes/default/icons/ico_sort_provider.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_sort_time.png b/skins/metrixhd/themes/default/icons/ico_sort_time.png
deleted file mode 100644
index a8f3515..0000000
--- a/skins/metrixhd/themes/default/icons/ico_sort_time.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_stereo.png b/skins/metrixhd/themes/default/icons/ico_stereo.png
deleted file mode 100644
index 7f3610d..0000000
--- a/skins/metrixhd/themes/default/icons/ico_stereo.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_timer_active.png b/skins/metrixhd/themes/default/icons/ico_timer_active.png
deleted file mode 100644
index 28c2f81..0000000
--- a/skins/metrixhd/themes/default/icons/ico_timer_active.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_timer_inactive.png b/skins/metrixhd/themes/default/icons/ico_timer_inactive.png
deleted file mode 100644
index c4b1860..0000000
--- a/skins/metrixhd/themes/default/icons/ico_timer_inactive.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_timer_recording.png b/skins/metrixhd/themes/default/icons/ico_timer_recording.png
deleted file mode 100644
index 86dc66b..0000000
--- a/skins/metrixhd/themes/default/icons/ico_timer_recording.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_txt_off.png b/skins/metrixhd/themes/default/icons/ico_txt_off.png
deleted file mode 100644
index a445bc5..0000000
--- a/skins/metrixhd/themes/default/icons/ico_txt_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_txt_on.png b/skins/metrixhd/themes/default/icons/ico_txt_on.png
deleted file mode 100644
index ad14ff7..0000000
--- a/skins/metrixhd/themes/default/icons/ico_txt_on.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_volume.png b/skins/metrixhd/themes/default/icons/ico_volume.png
deleted file mode 100644
index 3a72514..0000000
--- a/skins/metrixhd/themes/default/icons/ico_volume.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_widescreen_off.png b/skins/metrixhd/themes/default/icons/ico_widescreen_off.png
deleted file mode 100644
index dffd6a5..0000000
--- a/skins/metrixhd/themes/default/icons/ico_widescreen_off.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_widescreen_off.svg b/skins/metrixhd/themes/default/icons/ico_widescreen_off.svg
deleted file mode 100644
index dd91dad..0000000
--- a/skins/metrixhd/themes/default/icons/ico_widescreen_off.svg
+++ /dev/null
@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.48.5 r10040"
-   width="43"
-   height="23"
-   sodipodi:docname="ico_widescreen_off.svg">
-  <metadata
-     id="metadata8">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2048"
-     inkscape:window-height="1481"
-     id="namedview4"
-     showgrid="false"
-     inkscape:zoom="16"
-     inkscape:cx="-4.8693805"
-     inkscape:cy="19.882154"
-     inkscape:window-x="-2"
-     inkscape:window-y="-3"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg2" />
-  <path
-     id="path3834"
-     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.10000000000000001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;opacity:0.4"
-     d="M 26.31204,9.2549017 29.307138,8.946193 c 1.930719,-0.2361949 1.627499,7.01011 -0.03235,6.862976 L 26.236601,15.553807 z M 0,0 0,23 c 15.021262,-4.846203 26.918346,-4.787057 43,0 L 43,0 C 26.964088,7.5152881 15.064204,7.6359799 0,0 z m 41.5625,2.59375 0,2.90625 -3.96875,1.46875 0,3.6875 3.40625,-0.0625 0,2.4375 -3.40625,0 0,3.65625 4.15625,1.125 0,2.90625 -6.71875,-1.6875 0,-13.875 z M 1.90625,2.8125 4.59375,4.03125 6.375,14.5625 8.03125,5.3125 10.625,6.125 l 2.34375,8.5 1.5,-7.65625 L 17.0625,7.3125 14.71875,17.75 11.34375,18.21875 9.5,10.3125 l -1.53125,8.53125 -3.5,0.8125 z M 30,6.75 c 4.450278,0.058184 3.725392,11.914384 -0.5625,11.3125 l -5.6875,-0.53125 0.0625,-10.0625 5.75,-0.6875 C 29.716868,6.7577574 29.856443,6.7481231 30,6.75 z m -11.4375,0.71875 2.625,0.09375 0,9.84375 -2.625,0.09375 z"
-     inkscape:connector-curvature="0"
-     sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccsccccsccccc" />
-</svg>
diff --git a/skins/metrixhd/themes/default/icons/ico_widescreen_on.png b/skins/metrixhd/themes/default/icons/ico_widescreen_on.png
deleted file mode 100644
index 876bb55..0000000
--- a/skins/metrixhd/themes/default/icons/ico_widescreen_on.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/icons/ico_widescreen_on.svg b/skins/metrixhd/themes/default/icons/ico_widescreen_on.svg
deleted file mode 100644
index e6a91e5..0000000
--- a/skins/metrixhd/themes/default/icons/ico_widescreen_on.svg
+++ /dev/null
@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.48.5 r10040"
-   width="43"
-   height="23"
-   sodipodi:docname="ico_widescreen_on.png">
-  <metadata
-     id="metadata8">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2048"
-     inkscape:window-height="1481"
-     id="namedview4"
-     showgrid="false"
-     inkscape:zoom="16"
-     inkscape:cx="9.0368695"
-     inkscape:cy="19.882154"
-     inkscape:window-x="-2"
-     inkscape:window-y="-3"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg2" />
-  <path
-     id="path3834"
-     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.10000000000000001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
-     d="M 26.31204,9.2549017 29.307138,8.946193 c 1.930719,-0.2361949 1.627499,7.01011 -0.03235,6.862976 L 26.236601,15.553807 z M 0,0 0,23 c 15.021262,-4.846203 26.918346,-4.787057 43,0 L 43,0 C 26.964088,7.5152881 15.064204,7.6359799 0,0 z m 41.5625,2.59375 0,2.90625 -3.96875,1.46875 0,3.6875 3.40625,-0.0625 0,2.4375 -3.40625,0 0,3.65625 4.15625,1.125 0,2.90625 -6.71875,-1.6875 0,-13.875 z M 1.90625,2.8125 4.59375,4.03125 6.375,14.5625 8.03125,5.3125 10.625,6.125 l 2.34375,8.5 1.5,-7.65625 L 17.0625,7.3125 14.71875,17.75 11.34375,18.21875 9.5,10.3125 l -1.53125,8.53125 -3.5,0.8125 z M 30,6.75 c 4.450278,0.058184 3.725392,11.914384 -0.5625,11.3125 l -5.6875,-0.53125 0.0625,-10.0625 5.75,-0.6875 C 29.716868,6.7577574 29.856443,6.7481231 30,6.75 z m -11.4375,0.71875 2.625,0.09375 0,9.84375 -2.625,0.09375 z"
-     inkscape:connector-curvature="0"
-     sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccsccccsccccc" />
-</svg>
diff --git a/skins/metrixhd/themes/default/icons/ico_yes.png b/skins/metrixhd/themes/default/icons/ico_yes.png
deleted file mode 100644
index 2f1af98..0000000
--- a/skins/metrixhd/themes/default/icons/ico_yes.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Applikationen.png b/skins/metrixhd/themes/default/menuicons/customicons/Applikationen.png
deleted file mode 100644
index 3c3b616..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Applikationen.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Audio.png b/skins/metrixhd/themes/default/menuicons/customicons/Audio.png
deleted file mode 100644
index ff387fe..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Audio.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Aufnahmen-Liste aktualisieren.png b/skins/metrixhd/themes/default/menuicons/customicons/Aufnahmen-Liste aktualisieren.png
deleted file mode 100644
index 3cdddc9..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Aufnahmen-Liste aktualisieren.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Dienstprogramme.png b/skins/metrixhd/themes/default/menuicons/customicons/Dienstprogramme.png
deleted file mode 100644
index 793aba6..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Dienstprogramme.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/FireFox.png b/skins/metrixhd/themes/default/menuicons/customicons/FireFox.png
deleted file mode 100644
index 192fadc..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/FireFox.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Info.png b/skins/metrixhd/themes/default/menuicons/customicons/Info.png
deleted file mode 100644
index 6737431..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Info.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Internet.png b/skins/metrixhd/themes/default/menuicons/customicons/Internet.png
deleted file mode 100644
index f3db150..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Internet.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Medien.png b/skins/metrixhd/themes/default/menuicons/customicons/Medien.png
deleted file mode 100644
index 0ce2360..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Medien.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Rechner neu starten.png b/skins/metrixhd/themes/default/menuicons/customicons/Rechner neu starten.png
deleted file mode 100644
index 5783ccf..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Rechner neu starten.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Remote wakeup.png b/skins/metrixhd/themes/default/menuicons/customicons/Remote wakeup.png
deleted file mode 100644
index 1cd2f6e..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Remote wakeup.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Spiele.png b/skins/metrixhd/themes/default/menuicons/customicons/Spiele.png
deleted file mode 100644
index 8e07161..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Spiele.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/System herunterfahren.png b/skins/metrixhd/themes/default/menuicons/customicons/System herunterfahren.png
deleted file mode 100644
index e0234df..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/System herunterfahren.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/System.png b/skins/metrixhd/themes/default/menuicons/customicons/System.png
deleted file mode 100644
index 81d100e..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/System.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Tools.png b/skins/metrixhd/themes/default/menuicons/customicons/Tools.png
deleted file mode 100644
index cf328ef..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Tools.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Tunderbird.png b/skins/metrixhd/themes/default/menuicons/customicons/Tunderbird.png
deleted file mode 100644
index 5ae27e0..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Tunderbird.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/USB Massenspeicher sicher entfernen.png b/skins/metrixhd/themes/default/menuicons/customicons/USB Massenspeicher sicher entfernen.png
deleted file mode 100644
index cd7b81c..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/USB Massenspeicher sicher entfernen.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/VDR neu starten.png b/skins/metrixhd/themes/default/menuicons/customicons/VDR neu starten.png
deleted file mode 100644
index 14904ca..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/VDR neu starten.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Video.png b/skins/metrixhd/themes/default/menuicons/customicons/Video.png
deleted file mode 100644
index 490ca4b..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Video.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Web.png b/skins/metrixhd/themes/default/menuicons/customicons/Web.png
deleted file mode 100644
index 20260e3..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Web.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/XBMC.png b/skins/metrixhd/themes/default/menuicons/customicons/XBMC.png
deleted file mode 100644
index c7c4c04..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/XBMC.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/Xterm.png b/skins/metrixhd/themes/default/menuicons/customicons/Xterm.png
deleted file mode 100644
index fa75282..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/Xterm.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/audiovideo.png b/skins/metrixhd/themes/default/menuicons/customicons/audiovideo.png
deleted file mode 100644
index 726538d..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/audiovideo.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/markad_status.png b/skins/metrixhd/themes/default/menuicons/customicons/markad_status.png
deleted file mode 100644
index 4fdc7a4..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/markad_status.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/schneiden_abbrechen.png b/skins/metrixhd/themes/default/menuicons/customicons/schneiden_abbrechen.png
deleted file mode 100644
index b2e0bd3..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/schneiden_abbrechen.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/tux.png b/skins/metrixhd/themes/default/menuicons/customicons/tux.png
deleted file mode 100644
index c5b4742..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/tux.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/usb.png b/skins/metrixhd/themes/default/menuicons/customicons/usb.png
deleted file mode 100644
index c4db1d4..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/usb.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/vdrlogo.png b/skins/metrixhd/themes/default/menuicons/customicons/vdrlogo.png
deleted file mode 100644
index 037a191..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/vdrlogo.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/customicons/yaicon_blue.png b/skins/metrixhd/themes/default/menuicons/customicons/yaicon_blue.png
deleted file mode 100644
index 2c49273..0000000
--- a/skins/metrixhd/themes/default/menuicons/customicons/yaicon_blue.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/admin.png b/skins/metrixhd/themes/default/menuicons/pluginicons/admin.png
deleted file mode 100644
index cf328ef..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/admin.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/arghdirector.png b/skins/metrixhd/themes/default/menuicons/pluginicons/arghdirector.png
deleted file mode 100644
index bbd221a..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/arghdirector.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/autostart.png b/skins/metrixhd/themes/default/menuicons/pluginicons/autostart.png
deleted file mode 100644
index 6fdb1bb..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/autostart.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/avahi4vdr.png b/skins/metrixhd/themes/default/menuicons/pluginicons/avahi4vdr.png
deleted file mode 100644
index 044e71d..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/avahi4vdr.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/avards.png b/skins/metrixhd/themes/default/menuicons/pluginicons/avards.png
deleted file mode 100644
index cf8d037..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/avards.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/block.png b/skins/metrixhd/themes/default/menuicons/pluginicons/block.png
deleted file mode 100644
index 86127c2..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/block.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/burn.png b/skins/metrixhd/themes/default/menuicons/pluginicons/burn.png
deleted file mode 100644
index 305d7ff..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/burn.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/cdplayer.png b/skins/metrixhd/themes/default/menuicons/pluginicons/cdplayer.png
deleted file mode 100644
index 89a6c19..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/cdplayer.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/chanman.png b/skins/metrixhd/themes/default/menuicons/pluginicons/chanman.png
deleted file mode 100644
index a73e83c..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/chanman.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/check.png b/skins/metrixhd/themes/default/menuicons/pluginicons/check.png
deleted file mode 100644
index d487a24..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/check.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/conflictcheckonly.png b/skins/metrixhd/themes/default/menuicons/pluginicons/conflictcheckonly.png
deleted file mode 100644
index 7f832bd..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/conflictcheckonly.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/ddci.png b/skins/metrixhd/themes/default/menuicons/pluginicons/ddci.png
deleted file mode 100644
index 4ad459c..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/ddci.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/devstatus.png b/skins/metrixhd/themes/default/menuicons/pluginicons/devstatus.png
deleted file mode 100644
index 96c0ec1..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/devstatus.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/dummydevice.png b/skins/metrixhd/themes/default/menuicons/pluginicons/dummydevice.png
deleted file mode 100644
index 11fd707..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/dummydevice.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/duplicates.png b/skins/metrixhd/themes/default/menuicons/pluginicons/duplicates.png
deleted file mode 100644
index dc1be57..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/duplicates.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/dvbapi.png b/skins/metrixhd/themes/default/menuicons/pluginicons/dvbapi.png
deleted file mode 100644
index b966461..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/dvbapi.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/dvbhddevice.png b/skins/metrixhd/themes/default/menuicons/pluginicons/dvbhddevice.png
deleted file mode 100644
index b874297..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/dvbhddevice.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/dvbsddevice.png b/skins/metrixhd/themes/default/menuicons/pluginicons/dvbsddevice.png
deleted file mode 100644
index 106184e..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/dvbsddevice.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/dynamite.png b/skins/metrixhd/themes/default/menuicons/pluginicons/dynamite.png
deleted file mode 100644
index 28ea35a..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/dynamite.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/eepg.png b/skins/metrixhd/themes/default/menuicons/pluginicons/eepg.png
deleted file mode 100644
index 3938b96..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/eepg.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/epg2vdr.png b/skins/metrixhd/themes/default/menuicons/pluginicons/epg2vdr.png
deleted file mode 100644
index ac8757e..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/epg2vdr.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/epgsearch.png b/skins/metrixhd/themes/default/menuicons/pluginicons/epgsearch.png
deleted file mode 100644
index 5eab415..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/epgsearch.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/epgsearchonly.png b/skins/metrixhd/themes/default/menuicons/pluginicons/epgsearchonly.png
deleted file mode 100644
index b5186e7..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/epgsearchonly.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/epgsync.png b/skins/metrixhd/themes/default/menuicons/pluginicons/epgsync.png
deleted file mode 100644
index 5c14009..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/epgsync.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/externalplayer.png b/skins/metrixhd/themes/default/menuicons/pluginicons/externalplayer.png
deleted file mode 100644
index 2bd67db..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/externalplayer.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/extrecmenu.png b/skins/metrixhd/themes/default/menuicons/pluginicons/extrecmenu.png
deleted file mode 100644
index 6f613f1..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/extrecmenu.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/favorites.png b/skins/metrixhd/themes/default/menuicons/pluginicons/favorites.png
deleted file mode 100644
index 409c852..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/favorites.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/femon.png b/skins/metrixhd/themes/default/menuicons/pluginicons/femon.png
deleted file mode 100644
index e87b711..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/femon.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/fepg.png b/skins/metrixhd/themes/default/menuicons/pluginicons/fepg.png
deleted file mode 100644
index 65023ed..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/fepg.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/filebrowser.png b/skins/metrixhd/themes/default/menuicons/pluginicons/filebrowser.png
deleted file mode 100644
index d3f90e0..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/filebrowser.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/fritzbox.png b/skins/metrixhd/themes/default/menuicons/pluginicons/fritzbox.png
deleted file mode 100644
index 7bfc229..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/fritzbox.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/graphlcd.png b/skins/metrixhd/themes/default/menuicons/pluginicons/graphlcd.png
deleted file mode 100644
index 39ffd35..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/graphlcd.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/graphtft.png b/skins/metrixhd/themes/default/menuicons/pluginicons/graphtft.png
deleted file mode 100644
index 39ffd35..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/graphtft.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/image.png b/skins/metrixhd/themes/default/menuicons/pluginicons/image.png
deleted file mode 100644
index 33644e0..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/image.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/imonlcd.png b/skins/metrixhd/themes/default/menuicons/pluginicons/imonlcd.png
deleted file mode 100644
index 3d34fc4..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/imonlcd.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/iptv.png b/skins/metrixhd/themes/default/menuicons/pluginicons/iptv.png
deleted file mode 100644
index 4494ddc..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/iptv.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/lcdproc.png b/skins/metrixhd/themes/default/menuicons/pluginicons/lcdproc.png
deleted file mode 100644
index 3d34fc4..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/lcdproc.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/mailbox.png b/skins/metrixhd/themes/default/menuicons/pluginicons/mailbox.png
deleted file mode 100644
index 1bc76e8..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/mailbox.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/makemkv.png b/skins/metrixhd/themes/default/menuicons/pluginicons/makemkv.png
deleted file mode 100644
index 41cddf1..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/makemkv.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/markad.png b/skins/metrixhd/themes/default/menuicons/pluginicons/markad.png
deleted file mode 100644
index b3defaf..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/markad.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/mlist.png b/skins/metrixhd/themes/default/menuicons/pluginicons/mlist.png
deleted file mode 100644
index 19c367f..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/mlist.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/music.png b/skins/metrixhd/themes/default/menuicons/pluginicons/music.png
deleted file mode 100644
index abb012e..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/music.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/noepg.png b/skins/metrixhd/themes/default/menuicons/pluginicons/noepg.png
deleted file mode 100644
index eb9410d..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/noepg.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/nordlichtsepg.png b/skins/metrixhd/themes/default/menuicons/pluginicons/nordlichtsepg.png
deleted file mode 100644
index 3ee3fa2..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/nordlichtsepg.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/osdteletext.png b/skins/metrixhd/themes/default/menuicons/pluginicons/osdteletext.png
deleted file mode 100644
index 664e770..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/osdteletext.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/peer.png b/skins/metrixhd/themes/default/menuicons/pluginicons/peer.png
deleted file mode 100644
index 998d568..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/peer.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/pin.png b/skins/metrixhd/themes/default/menuicons/pluginicons/pin.png
deleted file mode 100644
index b27bf84..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/pin.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/play.png b/skins/metrixhd/themes/default/menuicons/pluginicons/play.png
deleted file mode 100644
index 2848fc6..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/play.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/pvrinput.png b/skins/metrixhd/themes/default/menuicons/pluginicons/pvrinput.png
deleted file mode 100644
index 724f698..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/pvrinput.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/quickepgsearch.png b/skins/metrixhd/themes/default/menuicons/pluginicons/quickepgsearch.png
deleted file mode 100644
index 76a31f4..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/quickepgsearch.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/radio.png b/skins/metrixhd/themes/default/menuicons/pluginicons/radio.png
deleted file mode 100644
index 193b7d4..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/radio.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/remote.png b/skins/metrixhd/themes/default/menuicons/pluginicons/remote.png
deleted file mode 100644
index 7f46b1b..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/remote.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/remotetimers.png b/skins/metrixhd/themes/default/menuicons/pluginicons/remotetimers.png
deleted file mode 100644
index fae3b79..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/remotetimers.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/rssreader.png b/skins/metrixhd/themes/default/menuicons/pluginicons/rssreader.png
deleted file mode 100644
index db538f0..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/rssreader.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/sc.png b/skins/metrixhd/themes/default/menuicons/pluginicons/sc.png
deleted file mode 100644
index 2472d6c..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/sc.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/scraper2vdr.png b/skins/metrixhd/themes/default/menuicons/pluginicons/scraper2vdr.png
deleted file mode 100644
index a106cb5..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/scraper2vdr.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/screenshot.png b/skins/metrixhd/themes/default/menuicons/pluginicons/screenshot.png
deleted file mode 100644
index be9b4d5..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/screenshot.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/seduatmo.png b/skins/metrixhd/themes/default/menuicons/pluginicons/seduatmo.png
deleted file mode 100644
index 4b5292f..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/seduatmo.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/skyselectfeeds.png b/skins/metrixhd/themes/default/menuicons/pluginicons/skyselectfeeds.png
deleted file mode 100644
index d81a024..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/skyselectfeeds.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/sleeptimer.png b/skins/metrixhd/themes/default/menuicons/pluginicons/sleeptimer.png
deleted file mode 100644
index cd4956f..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/sleeptimer.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/softhddevice.png b/skins/metrixhd/themes/default/menuicons/pluginicons/softhddevice.png
deleted file mode 100644
index df13f2c..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/softhddevice.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/streamdev-server.png b/skins/metrixhd/themes/default/menuicons/pluginicons/streamdev-server.png
deleted file mode 100644
index e89ed8b..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/streamdev-server.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/systeminfo.png b/skins/metrixhd/themes/default/menuicons/pluginicons/systeminfo.png
deleted file mode 100644
index b14763f..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/systeminfo.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/targavfd.png b/skins/metrixhd/themes/default/menuicons/pluginicons/targavfd.png
deleted file mode 100644
index e91b111..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/targavfd.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/trayopenng.png b/skins/metrixhd/themes/default/menuicons/pluginicons/trayopenng.png
deleted file mode 100644
index 6ebd17d..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/trayopenng.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/tvguide.png b/skins/metrixhd/themes/default/menuicons/pluginicons/tvguide.png
deleted file mode 100644
index 968a37c..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/tvguide.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/tvm2vdr.png b/skins/metrixhd/themes/default/menuicons/pluginicons/tvm2vdr.png
deleted file mode 100644
index 47f9a91..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/tvm2vdr.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/tvscraper.png b/skins/metrixhd/themes/default/menuicons/pluginicons/tvscraper.png
deleted file mode 100644
index a106cb5..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/tvscraper.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/undelete.png b/skins/metrixhd/themes/default/menuicons/pluginicons/undelete.png
deleted file mode 100644
index a53d50a..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/undelete.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/weatherforecast.png b/skins/metrixhd/themes/default/menuicons/pluginicons/weatherforecast.png
deleted file mode 100644
index a88f11d..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/weatherforecast.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/weatherng.png b/skins/metrixhd/themes/default/menuicons/pluginicons/weatherng.png
deleted file mode 100644
index a88f11d..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/weatherng.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/xmltv2vdr.png b/skins/metrixhd/themes/default/menuicons/pluginicons/xmltv2vdr.png
deleted file mode 100644
index ea73c74..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/xmltv2vdr.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/pluginicons/yaepghg.png b/skins/metrixhd/themes/default/menuicons/pluginicons/yaepghg.png
deleted file mode 100644
index 53ce443..0000000
--- a/skins/metrixhd/themes/default/menuicons/pluginicons/yaepghg.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/CAM.png b/skins/metrixhd/themes/default/menuicons/standardicons/CAM.png
deleted file mode 100644
index a394877..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/CAM.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Channels.png b/skins/metrixhd/themes/default/menuicons/standardicons/Channels.png
deleted file mode 100644
index ba2ba78..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Channels.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Commands.png b/skins/metrixhd/themes/default/menuicons/standardicons/Commands.png
deleted file mode 100644
index c6a83ef..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Commands.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/DVB.png b/skins/metrixhd/themes/default/menuicons/standardicons/DVB.png
deleted file mode 100644
index 3789145..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/DVB.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/EPG.png b/skins/metrixhd/themes/default/menuicons/standardicons/EPG.png
deleted file mode 100644
index e868b90..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/EPG.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/LNB.png b/skins/metrixhd/themes/default/menuicons/standardicons/LNB.png
deleted file mode 100644
index 896dd99..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/LNB.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Miscellaneous.png b/skins/metrixhd/themes/default/menuicons/standardicons/Miscellaneous.png
deleted file mode 100644
index 2a41c4d..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Miscellaneous.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/OSD.png b/skins/metrixhd/themes/default/menuicons/standardicons/OSD.png
deleted file mode 100644
index 8f571c6..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/OSD.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Plugins.png b/skins/metrixhd/themes/default/menuicons/standardicons/Plugins.png
deleted file mode 100644
index 3fcba70..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Plugins.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Recording.png b/skins/metrixhd/themes/default/menuicons/standardicons/Recording.png
deleted file mode 100644
index 741b1af..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Recording.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Recordings.png b/skins/metrixhd/themes/default/menuicons/standardicons/Recordings.png
deleted file mode 100644
index 79aeeb7..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Recordings.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Replay.png b/skins/metrixhd/themes/default/menuicons/standardicons/Replay.png
deleted file mode 100644
index 621596c..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Replay.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Restart.png b/skins/metrixhd/themes/default/menuicons/standardicons/Restart.png
deleted file mode 100644
index aa23cd4..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Restart.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Schedule.png b/skins/metrixhd/themes/default/menuicons/standardicons/Schedule.png
deleted file mode 100644
index 3a98cac..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Schedule.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Setup.png b/skins/metrixhd/themes/default/menuicons/standardicons/Setup.png
deleted file mode 100644
index d121148..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Setup.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/StopRecording.png b/skins/metrixhd/themes/default/menuicons/standardicons/StopRecording.png
deleted file mode 100644
index ed83fbb..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/StopRecording.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/StopReplay.png b/skins/metrixhd/themes/default/menuicons/standardicons/StopReplay.png
deleted file mode 100644
index 9192760..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/StopReplay.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/menuicons/standardicons/Timers.png b/skins/metrixhd/themes/default/menuicons/standardicons/Timers.png
deleted file mode 100644
index b866c36..0000000
--- a/skins/metrixhd/themes/default/menuicons/standardicons/Timers.png
+++ /dev/null
diff --git a/skins/metrixhd/themes/default/theme.xml b/skins/metrixhd/themes/default/theme.xml
index 98142cd..aa06066 100644
--- a/skins/metrixhd/themes/default/theme.xml
+++ b/skins/metrixhd/themes/default/theme.xml
@@ -3,20 +3,6 @@
 
 <globals>
     <colors>
-        <color name="clrRed">FFFF0000</color>
-        <color name="clrGreen">FF5FE200</color>
-        <color name="clrYellow">FFE2DA00</color>
-        <color name="clrBlue">FF007FE2</color>
-        <color name="clrBlack">FF000000</color>
-        <color name="clrTransBlack">C0000000</color>
-        <color name="clrSemiTransBlack">D0000000</color>
-        <color name="clrBlueLight">FF1E8BD7</color>
-        <color name="clrTransBlueLight">C01E8BD7</color>
-        <color name="clrTransWhite">C0FFFFFF</color>
-        <color name="clrWhite">FFFFFFFF</color>
-        <color name="clrDarkGray">FF14141E</color>
-        <color name="clrRedTrans">55FF0000</color>
-        <color name="clrTransparent">00000000</color>
     </colors>
 
     <variables>
@@ -26,7 +12,5 @@
     </translations>
 
     <fonts>
-        <font name="light">Open Sans:Light</font>
-        <font name="semibold">Open Sans:Semibold</font>
     </fonts>
 </globals>
diff --git a/skins/metrixhd/themes/green/theme.xml b/skins/metrixhd/themes/green/theme.xml
new file mode 100644
index 0000000..d20a6cf
--- /dev/null
+++ b/skins/metrixhd/themes/green/theme.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE globals SYSTEM "../../../../dtd/globals.dtd">
+
+<globals>
+    <colors>
+        <color name="menuheader">E01E8B00</color>
+        <color name="menuactive">C01E8B00</color>
+    </colors>
+
+    <variables>
+    </variables>
+
+    <translations>
+    </translations>
+
+    <fonts>
+    </fonts>
+</globals>
diff --git a/skins/metrixhd/themes/orange/theme.xml b/skins/metrixhd/themes/orange/theme.xml
new file mode 100644
index 0000000..2428284
--- /dev/null
+++ b/skins/metrixhd/themes/orange/theme.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE globals SYSTEM "../../../../dtd/globals.dtd">
+
+<globals>
+    <colors>
+        <color name="menuheader">E0FFA500</color>
+        <color name="menuactive">D0FFA500</color>
+    </colors>
+
+    <variables>
+    </variables>
+
+    <translations>
+    </translations>
+
+    <fonts>
+    </fonts>
+</globals>
diff --git a/skins/metrixhd/themes/raspberry/theme.xml b/skins/metrixhd/themes/raspberry/theme.xml
new file mode 100644
index 0000000..69e3f92
--- /dev/null
+++ b/skins/metrixhd/themes/raspberry/theme.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE globals SYSTEM "../../../../dtd/globals.dtd">
+
+<globals>
+    <colors>
+        <color name="menuback">EE8CC04B</color>
+        <color name="menualternate">EE75a968</color>
+        <color name="menuheader">EEC7053D</color>
+        <color name="menuactive">EFC7053D</color>
+        <color name="menuseparator">33FFFFFF</color>
+        <color name="fontdefault">FF000000</color>
+        <color name="fontseparator">FF000000</color>
+        <!-- colors svg templates -->
+        <color name="icon">FF000000</color>
+        <color name="iconactive">FFFFFFFF</color>
+        <color name="iconselected">FF000000</color>
+        <color name="iconrecactive">EFFFFFFF</color>
+        <color name="iconrecinactive">FF000000</color>
+    </colors>
+
+    <variables>
+    </variables>
+
+    <translations>
+    </translations>
+
+    <fonts>
+        <font name="light">VDROpen Sans:Regular</font>
+    </fonts>
+</globals>
diff --git a/skins/metrixhd/xmlfiles/displayaudiotracks.xml b/skins/metrixhd/xmlfiles/displayaudiotracks.xml
index def251b..27e39a8 100644
--- a/skins/metrixhd/xmlfiles/displayaudiotracks.xml
+++ b/skins/metrixhd/xmlfiles/displayaudiotracks.xml
@@ -1,18 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE displayaudiotracks SYSTEM "../../../dtd/displayaudiotracks.dtd">
 
-<displayaudiotracks x="25%" y="0" width="50%" height="100%" fadetime="{fadetime}">
+<displayaudiotracks x="42%" y="30%" width="26%" height="70%" fadetime="{fadetime}">
     <background>
         <area x="0" y="{areaheight} - {numtracks} * {areaheight} / 10 - {areaheight} / 10" width="100%" height="{areaheight} / 10 + {areaheight} / 10 * {numtracks}" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
     </background>
     
     <header>
         <area x="0" y="{areaheight} - {numtracks} * {areaheight} / 10 - {areaheight} / 10" width="100%" height="{areaheight} / 10" layer="2">
-            <drawtext x="10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
-            <drawimage condition="{isstereo}" imagetype="icon" path="ico_stereo" x="{areawidth} - {areaheight}*0.9" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
-            <drawimage condition="{isac3}" imagetype="icon" path="ico_ac3" x="{areawidth} - {areaheight}*0.9" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
+            <drawtext align="center" valign="center" font="{regular}" fontsize="80%" color="{fontdefault}" text="{title}" />
+            <drawrectangle x="{areawidth} - 1.2*{areaheight} - 5" y="0" width="1.2*{areaheight}" height="{areaheight}/2" color="{icontextactive}" />
+            <drawrectangle x="{areawidth} - 1.2*{areaheight} - 4" y="1" width="1.2*{areaheight} - 2" height="{areaheight}/2 - 2" color="00000000" />
+            <drawtext name="stereo" condition="{isstereo}" x="{areawidth} - 1.2*{areaheight} - 1 + {areaheight}/2 - {width(stereo)}/2" y="10%" fontsize="35%" font="{regular}" color="{icontextactive}" text="Stereo" />
+            <drawtext name="ac3" condition="{isac3}" x="{areawidth} - 1.2*{areaheight} - 1 + {areaheight}/2 - {width(ac3)}/2" y="10%" fontsize="35%" font="{regular}" color="{icontextactive}" text="AC3" />
         </area>
     </header>
     
@@ -21,12 +23,12 @@
             <!-- Background -->
             <area x="1%" width="98%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
+                <fill condition="{current}" color="{menuactive}" />
             </area>
             <area x="1%" width="98%" layer="3">
-                <drawtext x="10" valign="center" font="{light}" fontsize="60%" color="{clrWhite}" text="{title}" />
+                <drawtext condition="not{current}" x="10" valign="center" font="{light}" fontsize="60%" color="{fontdefault}" text="{title}" />
+                <drawtext condition="{current}" x="10" valign="center" font="{light}" fontsize="60%" color="{fontactive}" text="{title}" />
             </area>
         </listelement>
     </menuitems>
-
 </displayaudiotracks>
diff --git a/skins/metrixhd/xmlfiles/displaychannel.xml b/skins/metrixhd/xmlfiles/displaychannel.xml
index 3a68bc9..e88b9ff 100644
--- a/skins/metrixhd/xmlfiles/displaychannel.xml
+++ b/skins/metrixhd/xmlfiles/displaychannel.xml
@@ -5,64 +5,72 @@
     <background>
         <!-- background infobar -->
         <area x="20%" y="80%" width="80%" height="20%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <!-- background channellogo -->
         <area x="0" y="80%" width="20%" height="20%" layer="2">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuheader}" />
         </area>
     </background>
 
     <channelinfo>
         <area x="22%" y="80%" width="76%" height="7%" layer="2">
             <fill condition="not{switching}" color="{clrTransparent}" />
-            <drawtext condition="{switching}" x="0" y="-10" font="{light}" fontsize="99%" color="{clrWhite}" text="{channelnumber}: {channelname}" />
+            <drawtext condition="{switching}" x="0" y="-10" font="{light}" fontsize="99%" color="{fontdefault}" text="{channelnumber}: {channelname}" />
         </area>
-        <area x="0" y="80%" width="20%" height="20%" layer="3">
+        <area x="1%" y="80%" width="18%" height="20%" layer="3">
             <drawimage cache="true" condition="{channellogoexists}" imagetype="channellogo" path="{channelid}" width="98%" height="98%" align="center" valign="center" />
-            <drawtext condition="not{channellogoexists}" x="5" valign="center" font="{light}" fontsize="40%" color="{clrWhite}" text="{channelnumber}: {channelname}" />
+            <drawtext condition="not{channellogoexists}" x="5" valign="center" font="{light}" fontsize="40%" color="{fontdefault}" text="{channelnumber}: {channelname}" />
         </area>
     </channelinfo>
     
     <epginfo>
         <area x="22%" y="80%" width="76%" height="7%" layer="2">
-            <drawtext name="title" x="0" valign="center" font="{light}" fontsize="99%" color="{clrWhite}" text="{currenttitle}" width="{areawidth} - {width(startstop)}"/>
-            <drawtext name="startstop" align="right" y="0" font="{light}" fontsize="60%" color="{clrWhite}" text="{currentstart} - {currentstop}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="60%" color="{clrWhite}" text="+ {currentremaining} min" />
+            <drawtext name="title" x="0" valign="center" font="{light}" fontsize="99%" color="{fontdefault}" text="{currenttitle}" width="{areawidth} - {width(startstop)}"/>
+            <drawtext name="startstop" align="right" y="0" font="{light}" fontsize="60%" color="{fontdefault}" text="{currentstart} - {currentstop}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="60%" color="{fontdefault}" text="+ {currentremaining} min" />
         </area>
         <area x="22%" y="87%" width="76%" height="7%" layer="2">
-            <drawtext x="0" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{nexttitle}" width="{areawidth} - {width(startstop)}"/>
-            <drawtext name="startstop" align="right" y="0" font="{light}" fontsize="60%" color="{clrWhite}" text="{nextstart} - {nextstop}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="60%" color="{clrWhite}" text="{nextduration} min" />
+            <drawtext x="0" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{nexttitle}" width="{areawidth} - {width(startstop)}"/>
+            <drawtext name="startstop" align="right" y="0" font="{light}" fontsize="60%" color="{fontdefault}" text="{nextstart} - {nextstop}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="60%" color="{fontdefault}" text="{nextduration} min" />
         </area>
     </epginfo>
 
     <progressbar>
         <area condition="not{permashift}" x="22%" y="87%" width="76%" height="3" layer="2">
             <drawrectangle x="0" y="1" width="100%" height="1" color="{clrWhite}" />
-            <drawrectangle x="0" y="0" width="{elapsed}/{duration}*{areawidth}" height="3" color="{clrTransBlueLight}" />
+            <drawrectangle x="0" y="0" width="{elapsed}/{duration}*{areawidth}" height="3" color="{menuheader}" />
         </area>
         <area condition="{permashift}" x="22%" y="87%" width="76%" height="5" layer="2">
             <drawrectangle x="0" y="2" width="100%" height="1" color="{clrWhite}" />
             <drawrectangle x="{elapsed}/{duration}*{areawidth} - {livebuffer}/{duration}*{areawidth}" y="0" width="{livebuffer}/{duration}*{areawidth}" height="5" color="{clrRed}" />
-            <drawrectangle x="0" y="1" width="{elapsed}/{duration}*{areawidth}" height="3" color="{clrTransBlueLight}" />
+            <drawrectangle x="0" y="1" width="{elapsed}/{duration}*{areawidth}" height="3" color="{menuheader}" />
         </area>
     </progressbar>
 
     <statusinfo>
         <area x="22%" y="94%" width="76%" height="6%" layer="2">
-            <!-- encrypted / decrypted icon -->
-            <drawimage name="enc" condition="{isEncrypted}" imagetype="icon" path="ico_crypt_on" x="{areawidth} - {width(enc)}" valign="center" width="{areaheight}*0.8*1.76" height="{areaheight}*0.8"/>
-            <drawimage condition="not{isEncrypted}" imagetype="icon" path="ico_crypt_off" x="{areawidth} - {width(enc)}" valign="center" width="{areaheight}*0.8*1.76" height="{areaheight}*0.8"/>
-            <!-- dolby icon -->
-            <drawimage name="dolby" condition="{isDolby}" imagetype="icon" path="ico_dolby_on" x="{posx(enc)} - 15 - {width(dolby)}" valign="center" width="{areaheight}*0.8*1.48" height="{areaheight}*0.8"/>
-            <drawimage condition="not{isDolby}" imagetype="icon" path="ico_dolby_off" x="{posx(enc)} - 15 - {width(dolby)}" valign="center" width="{areaheight}*0.8*1.48" height="{areaheight}*0.8"/>
-            <!-- videotext icon -->
-            <drawimage name="txt" condition="{hasVT}" imagetype="icon" path="ico_txt_on" x="{posx(dolby)} - 15 - {width(txt)}" valign="center" width="{areaheight}*0.8*1.3" height="{areaheight}*0.8"/>
-            <drawimage condition="not{hasVT}" imagetype="icon" path="ico_txt_off" x="{posx(dolby)} - 15 - {width(txt)}" valign="center" width="{areaheight}*0.8*1.3" height="{areaheight}*0.8"/>
-            <!-- recording icon -->
-            <drawimage animtype="blink" animfreq="500" name="rec" condition="{isRecording}" imagetype="icon" path="ico_rec_on" x="{posx(txt)} - 15 - {width(rec)}" valign="center" width="{areaheight}*0.8*1.96" height="{areaheight}*0.8"/>
-            <drawimage condition="not{isRecording}" imagetype="icon" path="ico_rec_off" x="{posx(txt)} - 15 - {width(rec)}" valign="center" width="{areaheight}*0.8*1.95652" height="{areaheight}*0.8"/>
+            <!-- Dolby / Stereo -->
+            <drawrectangle x="{areawidth} - 4*{areaheight}*16/9 - 9" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextactive}" />
+            <drawrectangle x="{areawidth} - 4*{areaheight}*16/9 - 9 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="dolby" condition="{isDolby}" x="{areawidth} - 4*{areaheight}*16/9 - 9 + {areaheight}*16/9/2 - {width(dolby)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextactive}" text="Dolby" />
+            <drawtext name="stereo" condition="not{isDolby}" x="{areawidth} - 4*{areaheight}*16/9 - 9 + {areaheight}*16/9/2 - {width(stereo)}/2" valign="center" fontsize="60%" font="{bold}" color="{icontextactive}" text="Stereo" />
+            <!-- Encrypted / FTA -->
+            <drawrectangle x="{areawidth} - 5*{areaheight}*16/9 - 12" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextactive}" />
+            <drawrectangle x="{areawidth} - 5*{areaheight}*16/9 - 12 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="enc" condition="{isEncrypted}" x="{areawidth} - 5*{areaheight}*16/9 - 12 + {areaheight}*16/9/2 - {width(enc)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextactive}" text="ENC" />
+            <drawtext name="fta" condition="not{isEncrypted}" x="{areawidth} - 5*{areaheight}*16/9 - 12 + {areaheight}*16/9/2 - {width(fta)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextactive}" text="FTA" />
+            <!-- Videotext -->
+            <drawrectangle condition="{hasVT}" x="{areawidth} - 6*{areaheight}*16/9 - 15" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextactive}" />
+            <drawrectangle condition="not{hasVT}" x="{areawidth} - 6*{areaheight}*16/9 - 15" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextinactive}" />
+            <drawrectangle x="{areawidth} - 6*{areaheight}*16/9 - 15 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="vt" condition="{hasVT}" x="{areawidth} - 6*{areaheight}*16/9 - 15 + {areaheight}*16/9/2 - {width(vt)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextactive}" text="TXT" />
+            <drawtext condition="not{hasVT}" x="{areawidth} - 6*{areaheight}*16/9 - 15 + {areaheight}*16/9/2 - {width(vt)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextinactive}" text="TXT" />
+            <!-- Recording -->
+            <drawrectangle condition="{isRecording}" x="{areawidth} - 7*{areaheight}*16/9 - 18" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextalert}" />
+            <drawrectangle condition="{isRecording}" x="{areawidth} - 7*{areaheight}*16/9 - 18 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="rec" condition="{isRecording}" animtype="blink" animfreq="1000" x="{areawidth} - 7*{areaheight}*16/9 - 18 + {areaheight}*16/9/2 - {width(rec)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextalert}" text="REC" />
         </area>
     </statusinfo>
 
@@ -71,14 +79,24 @@
 
     <screenresolution>
         <area x="22%" y="94%" width="76%" height="6%" layer="2">
-            <!-- widescreen icon -->
-            <drawimage name="widescreen" condition="{isWideScreen}" imagetype="icon" path="ico_widescreen_on" x="{areawidth} - {areaheight}*0.8*1.76 - 15 - {areaheight}*0.8*1.48 - 15 - {areaheight}*0.8*1.3 - 15 - {areaheight}*0.8*1.96 - 15 - {width(widescreen)}" valign="center" width="{areaheight}*0.8*1.87" height="{areaheight}*0.8"/>
-            <drawimage condition="not{isWideScreen}" imagetype="icon" path="ico_widescreen_off" x="{areawidth} - {areaheight}*0.8*1.76 - 15 - {areaheight}*0.8*1.48 - 15 - {areaheight}*0.8*1.3 - 15 - {areaheight}*0.8*1.96 - 15 - {width(widescreen)}" valign="center" width="{areaheight}*0.8*1.87" height="{areaheight}*0.8"/>
-            <!-- hd/sd icon -->
-            <drawimage name="hd" condition="{isHD}" imagetype="icon" path="ico_hd_on" x="{posx(widescreen)} - 15 - {width(hd)}" valign="center" width="{areaheight}*0.8*2.04" height="{areaheight}*0.8"/>
-            <drawimage condition="not{isHD}" imagetype="icon" path="ico_hd_off" x="{posx(widescreen)} - 15 - {width(hd)}" valign="center" width="{areaheight}*0.8*2.04" height="{areaheight}*0.8"/>
-            <!-- screenresolution text -->
-            <drawtext name="reslabel" x="{posx(hd)} - 30 - {width(reslabel)}" valign="center" font="{light}" fontsize="70%" color="{clrWhite}" text="{screenwidth}x{screenheight}" />
+            <!-- Widescreen -->
+            <drawrectangle condition="{isWideScreen}" x="{areawidth} - {areaheight}*16/9" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextactive}" />
+            <drawrectangle condition="not{isWideScreen}" x="{areawidth} - {areaheight}*16/9" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextinactive}" />
+            <drawrectangle x="{areawidth} - {areaheight}*16/9 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="wide" condition="{isWideScreen}" x="{areawidth} - {areaheight}*16/9 + {areaheight}*16/9/2 - {width(wide)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextactive}" text="WIDE" />
+            <drawtext condition="not{isWideScreen}" x="{areawidth} - {areaheight}*16/9 + {areaheight}*16/9/2 - {width(wide)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextinactive}" text="WIDE" />
+            <!-- Resolution -->
+            <drawrectangle x="{areawidth} - 2*{areaheight}*16/9 - 3" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextactive}" />
+            <drawrectangle x="{areawidth} - 2*{areaheight}*16/9 - 3 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="sd576i" condition="strequal({resolution}, 'sd576i')" x="{areawidth} - 2*{areaheight}*16/9 - 3 + {areaheight}*16/9/2 - {width(sd576i)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextactive}" text="576i" />
+            <drawtext name="hd720p" condition="strequal({resolution}, 'hd720p')" x="{areawidth} - 2*{areaheight}*16/9 - 3 + {areaheight}*16/9/2 - {width(sd576i)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextactive}" text="720p" />
+            <drawtext name="hd1080i" condition="strequal({resolution}, 'hd1080i')" x="{areawidth} - 2*{areaheight}*16/9 - 3 + {areaheight}*16/9/2 - {width(hd1080i)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextactive}" text="1080i" />
+            <drawtext name="sd480i" condition="strequal({resolution}, 'sd480i')" x="{areawidth} - 2*{areaheight}*16/9 - 3 + {areaheight}*16/9/2 - {width(sd576i)}/2" valign="center" fontsize="65%" font="{bold}" color="{icontextactive}" text="480i" />
+            <!-- SD / HD -->
+            <drawrectangle x="{areawidth} - 3*{areaheight}*16/9 - 6" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextactive}" />
+            <drawrectangle x="{areawidth} - 3*{areaheight}*16/9 - 6 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="enc" condition="{isHD}" x="{areawidth} - 3*{areaheight}*16/9 - 6 + {areaheight}*16/9/2 - {width(enc)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextactive}" text="HDTV" />
+            <drawtext name="fta" condition="not{isHD}" x="{areawidth} - 3*{areaheight}*16/9 - 6 + {areaheight}*16/9/2 - {width(fta)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextactive}" text="SDTV" />
         </area>
     </screenresolution>
 
@@ -88,53 +106,67 @@
             <drawimage condition="not{sepexists}" imagetype="icon" path="ico_channelsep" align="center" valign="center" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
         </area>
         <area x="22%" y="85%" width="76%" height="10%" layer="2">
-            <drawtext x="0" width="30%" valign="center" font="{light}" fontsize="60%" color="{clrWhite}" text="{prevgroup}" />
-            <drawtext x="30%" width="40%" valign="center" font="{semibold}" fontsize="80%" color="{clrWhite}" text="{group}" />
-            <drawtext align="right" width="30%" valign="center" font="{light}" fontsize="60%" color="{clrWhite}" text="{nextgroup}" />
+            <drawtext x="0" width="30%" valign="center" font="{light}" fontsize="60%" color="{fontdefault}" text="{prevgroup}" />
+            <drawtext x="30%" width="40%" valign="center" font="{semibold}" fontsize="80%" color="{fontdefault}" text="{group}" />
+            <drawtext align="right" width="30%" valign="center" font="{light}" fontsize="60%" color="{fontdefault}" text="{nextgroup}" />
         </area>             
     </channelgroup>
 
     <signalquality>
-        <area x="22%" y="94%" width="76%" height="6%" layer="3">
-            <drawtext x="0" valign="center" font="{light}" fontsize="70%" color="{clrWhite}" text="STR: {signalstrength}% SNR: {signalquality}%" />
+        <area condition="gt({signalstrength},0)" x="22%" y="94%" width="76%" height="6%" layer="3">
+            <drawtext x="0" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="STR: {signalstrength}% SNR: {signalquality}%" />
         </area>
     </signalquality>
 
-    <devices condition="{showdevices}" shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
+    <devices condition="gt({indexshowdevices},1)" shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
         <area x="70%" y="30%" width="30%" height="{areaheight}/12 * {numdevices}" layer="1" background="true">
-            <fill color="{clrTransBlack}"/>
+            <fill color="{menuback}"/>
         </area>
         <area x="70%" y="30%" width="30%" height="{areaheight}/12 * {numdevices}" layer="2">
             <loop name="devices" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight} / {numdevices}" overflow="cut">
-                <drawtext name="label" x="5" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrWhite}" text="{devices[num]}: {devices[type]}" />
-                <drawtext condition="{devices[hascam]}" x="{width(label)} + 15" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrWhite}" text="(CAM {devices[cam]})" />
+                <drawtext name="label" x="5" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="{devices[num]}: {devices[type]}" />
+                <drawtext condition="{devices[hascam]}" x="{width(label)} + 15" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="(CAM {devices[cam]})" />
                 <drawtext condition="{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrRed}" text="LiveTV, Recording ({devices[channelname]}) " />
                 <drawtext condition="{devices[recording]} ++ not{devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrRed}" text="Recording ({devices[channelname]}) " />
-                <drawtext condition="not{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrWhite}" text="LiveTV ({devices[channelname]}) " />
-                <drawrectangle condition="{devices[istuned]}" x="5" y="{rowheight}/3 + 5" width="{areawidth} * {devices[signalstrength]} / 100 - 10 * {devices[signalstrength]} / 100" height="{rowheight}/3 - 10" color="{clrTransWhite}" />
-                <drawrectangle condition="{devices[istuned]}" x="5" y="2*{rowheight}/3 + 5" width="{areawidth} * {devices[signalquality]} / 100 - 10 * {devices[signalquality]} / 100" height="{rowheight}/3 - 10" color="{clrTransWhite}" />
-                <drawtext condition="not{devices[istuned]}" align="center" y="{rowheight}/2" font="{light}" fontsize="{rowheight}*0.40" color="{clrWhite}" text="not tuned" />
+                <drawtext condition="not{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="LiveTV ({devices[channelname]}) " />
+                <drawrectangle condition="{devices[istuned]}" x="5" y="{rowheight}/3 + 5" width="{areawidth} * {devices[signalstrength]} / 100 - 10 * {devices[signalstrength]} / 100" height="{rowheight}/3 - 10" color="{clrWhiteTrans}" />
+                <drawrectangle condition="{devices[istuned]}" x="5" y="2*{rowheight}/3 + 5" width="{areawidth} * {devices[signalquality]} / 100 - 10 * {devices[signalquality]} / 100" height="{rowheight}/3 - 10" color="{clrWhiteTrans}" />
+                <drawtext condition="not{devices[istuned]}" align="center" y="{rowheight}/2" font="{light}" fontsize="{rowheight}*0.40" color="{fontdefault}" text="not tuned" />
             </loop>
         </area>
     </devices>
 
-    <currentweather shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
+    <currentweather condition="gt({indexshowweather},1)" shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
         <area background="true" x="70%" y="15%" width="30%" height="13%" layer="1">
-            <fill color="{clrTransBlack}" />
-            <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
+            <fill color="{menuback}" />
+            <drawrectangle x="0" y="0" width="50%" height="100%" color="{menuheader}" />
         </area>
-        <area x="70%" y="15%" width="30%" height="13%" layer="2">
-            <drawimage name="weathericon" imagetype="icon" path="{icon}" x="0.43*{areawidth}/2 - {width(weathericon)}/2" valign="center" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
+        <area x="70%" y="15%" width="15%" height="13%" layer="2">
+            <drawimage name="weathericon" imagetype="icon" path="{icon}" x="0.43*{areawidth}/2 - {width(weathericon)}/2" align="center" valign="center" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
         </area>
-        <area x="70%" y="15%" width="30%" height="13%" layer="2">
-            <drawtext x="50%" y="0" font="{light}" fontsize="25%" color="{clrWhite}" text="{mintemperature}°C" />
-            <drawtext x="50%" y="75%" font="{light}" fontsize="25%" color="{clrWhite}" text="{maxtemperature}°C" />
+        <area x="86%" y="15%" width="14%" height="13%" layer="2">
+            <drawtext x="0" y="0" font="{light}" fontsize="25%" color="{fontdefault}" text="{mintemperature}°C" />
+            <drawtext x="0" y="75%" font="{light}" fontsize="25%" color="{fontdefault}" text="{maxtemperature}°C" />
         </area>
-        <area x="70%" y="15%" width="30%" height="13%" layer="3">
-            <drawtext x="50%" valign="center" font="{light}" fontsize="60%" color="{clrWhite}" text="{temperature}°C" />
+        <area x="85%" y="15%" width="14%" height="13%" layer="3">
+            <drawtext x="0" align="right" valign="center" font="{light}" fontsize="60%" color="{fontdefault}" text="{temperature}°C" />
         </area>
     </currentweather>
 
+    <datetime shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
+        <area background="true" x="70%" y="0" width="30%" height="13%" layer="1">
+            <fill color="{menuback}" />
+            <drawrectangle x="0" y="0" width="50%" height="100%" color="{menuheader}" />
+        </area>
+        <area x="70%" y="0" width="14%" height="13%" layer="2">
+            <drawtext align="right" y="5%" font="{light}" fontsize="45%" color="{fontactive}" text="{dayname}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="45%" color="{fontactive}" text="{day}. {monthnameshort}" />
+        </area>
+        <area x="85%" y="0" width="15%" height="13%" layer="2">
+            <drawtext align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{time}" />
+        </area>
+    </datetime>
+
     <scrapercontent shifttime="{shifttimedatetime}" shifttype="left" shiftmode="slowed">
         <area condition="{isbanner}" x="0" y="0" width="{areaheight}*0.13*{mediawidth}/{mediaheight}" height="13%" layer="2">
             <drawimage imagetype="image" path="{mediapath}" align="center" valign="center" width="{areawidth}" height="{areaheight}"/>
@@ -144,28 +176,196 @@
         </area>
     </scrapercontent>
 
-    <datetime shifttime="{shifttimedatetime}" shifttype="right" shiftmode="slowed">
-        <area background="true" x="70%" y="0" width="30%" height="13%" layer="1">
-            <fill color="{clrTransBlack}" />
-            <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
+
+    <channelhints>
+        <area background="true" x="0" y="{areaheight}*0.75 - {numhints}*{areaheight}*{zapchannelhintsheight}/1000 + 1" width="{zapchannelhintswidth}*{areawidth}/100" height="{numhints}*{areaheight}*{zapchannelhintsheight}/1000" layer="1">
+            <fill color="{menuback}" />
+        </area>
+        <area x="0" y="{areaheight}*0.75 - {numhints}*{areaheight}*{zapchannelhintsheight}/1000" width="{zapchannelhintswidth}*{areawidth}/100" height="{numhints}*{areaheight}*{zapchannelhintsheight}/1000" layer="2">        
+            <loop name="hints" x="2%" y="0" width="96%" orientation="vertical" columnwidth="100%" rowheight="{areaheight}/{numhints}" overflow="cut" >
+                <drawimage condition="{hints[channellogoexists]}" imagetype="channellogo" path="{hints[channelid]}" width="{rowheight}*1.5" height="{rowheight}" x="0" valign="center" />
+                <drawtext x="{rowheight}*2" valign="center" width="{columnwidth} - {rowheight}*2.5" font="{regular}" fontsize="{rowheight}*0.8" color="{fontdefault}" text="{hints[channelnumber]}: {hints[channelname]}" />
+            </loop>
         </area>
-        <area x="70%" y="0" width="30%" height="13%" layer="2">
-            <drawtext align="right" y="0" font="{light}" fontsize="50%" color="{clrWhite}" text="{dayname} " />
-            <drawtext align="right" y="48%" font="{light}" fontsize="50%" color="{clrWhite}" text="{day}. {monthnameshort} " />
+    </channelhints>
+
+    <channeldetail clearondisplay="scrapercontent,currentweather,devices">
+        <area background="true" x="5%" y="15%" width="90%" height="65%" layer="1">
+            <fill color="{menuback}" />
         </area>
-        <area x="70%" y="0" width="30%" height="13%" layer="2">
-            <drawtext x="1%" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{time}" />
+        <area x="7%" y="17%" width="41%" height="5%" layer="2">
+            <drawtext x="0" valign="center" fontsize="80%" font="{regular}" color="{fontdefault}" text="{currentstart} - {currentstop}" />
         </area>
-    </datetime>
+        <areascroll condition="{ismovie}||{isseries}" scrollelement="title" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" y="20%" width="41%" height="7%" layer="3">
+            <drawtext name="title" x="0" valign="center" fontsize="70%" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
+        </areascroll>
+        <areascroll condition="{ismovie}||{isseries}" scrollelement="shorttext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" y="25%" width="41%" height="6%" layer="3">
+            <drawtext name="shorttext" x="0" valign="center" fontsize="70%" font="{regular}" color="{fontdefault}" text="{currentshorttext}" />
+        </areascroll>
+        <areascroll condition="{ismovie}||{isseries}" orientation="vertical" scrollelement="desc" mode="forthandback" delay="5000" scrollspeed="medium" x="7%" y="31%" width="41%" height="47%" layer="2">
+            <drawtextbox name="desc" x="0" y="0" width="96%" font="{regular}" fontsize="6%" color="{fontdefault}" text="{currentdescription}" />
+        </areascroll>
+        <area condition="{ismovie}" x="52%" y="17%" width="41%" height="30%" layer="1">
+            <drawimage imagetype="image" path="{posterpath}" align="center" valign="center" width="100%" height="100%" />
+        </area>
+        <area condition="{isseries}" x="52%" y="17%" width="41%" height="30%" layer="1">
+            <drawimage imagetype="image" path="{seriesbanner1path}" align="center" valign="center" width="100%" height="100%" />
+        </area>
+        <areascroll condition="{ismovie}||{isseries}" orientation="vertical" scrollelement="actors" mode="forthandback" delay="5000" scrollspeed="medium" x="52%" y="49%" width="41%" height="30%" layer="2">
+            <loop name="actors" x="0" y="0" width="100%" orientation="horizontal" columnwidth="{areawidth}/5" rowheight="{areawidth}/5*1.5" overflow="linewrap" >
+                <drawimage name="thumb" imagetype="image" path="{actors[thumb]}" x="10" y="0" width="{columnwidth}-20" height="{columnwidth} * {actors[thumbheight]} / {actors[thumbwidth]} - 40 * {actors[thumbheight]} / {actors[thumbwidth]}"/>
+                <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{regular}" fontsize="6%" color="{fontdefault}" text="{actors[name]}" />
+                <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{regular}" fontsize="6%" color="{fontdefault}" text="{actors[role]}" />
+            </loop>
+        </areascroll>
+        <areascroll condition="not{ismovie}++not{isseries}" scrollelement="title" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="22%" y="16%" width="70%" height="7%" layer="3">
+            <drawtext name="title" x="0" valign="center" fontsize="70%" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
+        </areascroll>
+        <areascroll condition="not{ismovie}++not{isseries}++isset{currentshorttext}" scrollelement="shorttext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="22%" y="22%" width="70%" height="6%" layer="3">
+            <drawtext name="shorttext" x="0" valign="center" fontsize="70%" font="{regular}" color="{fontdefault}" text="{currentshorttext}" />
+        </areascroll>
+        <areascroll condition="not{ismovie}++not{isseries}++empty{currentshorttext}" orientation="vertical" scrollelement="desc" mode="forthandback" delay="5000" scrollspeed="medium" x="7%" y="24%" width="86%" height="54%" layer="2">
+            <drawtextbox name="desc" x="0" y="0" width="96%" font="{regular}" fontsize="7%" color="{fontdefault}" text="{currentdescription}" />
+        </areascroll>
+        <areascroll condition="not{ismovie}++not{isseries}++isset{currentshorttext}" orientation="vertical" scrollelement="desc" mode="forthandback" delay="5000" scrollspeed="medium" x="7%" y="31%" width="86%" height="47%" layer="2">
+            <drawtextbox name="desc" x="0" y="0" width="96%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{currentdescription}" />
+        </areascroll>
+    </channeldetail>
+
+    <channellistback clearondisplay="all" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" shifttype="left">
+        <area x="0" y="0" width="30%" height="100%" layer="3">
+            <fill color="{listback}" />
+        </area>
+    </channellistback>
     
+    <channellist x="0" y="0" orientation="vertical" width="30%" height="100%" align="center" numlistelements="14" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" shifttype="left">
+        <listelement>
+            <area x="0" width="100%" layer="4">
+                <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
+                <drawrectangle condition="not{current}" x="0" y="{areaheight}-1" width="100%" height="1" color="{menubackline}" />
+                <drawrectangle condition="{current}" x="0" y="0" width="100%" height="100%" color="{menuactive}" />
+            </area>
+            <area x="1%" width="25%" layer="5">
+                <drawimage condition="{channellogoexists}" name="logo" imagetype="channellogo" path="{channelid}" align="center" width="80%" height="80%" valign="center" />
+                <drawtextbox condition="not{channellogoexists}" x="2%" width="96%" align="center" valign="center" font="{regular}" fontsize="30%" color="{fontdefault}" text="{number} {name}" maxlines="3" />
+            </area>
+            <area condition="not{current}" x="26%" width="73%" layer="4">
+                <drawtext x="0" y="2%" font="{regular}" fontsize="30%" color="{fontdefault}" text="+{presenteventremaining}min" />
+                <drawtext x="0" y="25%" font="{regular}" fontsize="40%" color="{fontdefault}" text="{presenteventtitle}" />
+                <drawtext x="0" y="65%" font="{regular}" fontsize="30%" color="{fontdefault}" text="{nexteventstart} - {nexteventstop}: {nexteventtitle}" />
+            </area>
+            <area condition="{current}" x="26%" width="73%" layer="4">
+                <drawtext x="0" y="2%" font="{regular}" fontsize="30%" color="{fontmenuactive}" text="+{presenteventremaining}min" />
+                <drawtext x="0" y="25%" font="{regular}" fontsize="40%" color="{fontmenuactive}" text="{presenteventtitle}" />
+                <drawtext x="0" y="65%" font="{regular}" fontsize="30%" color="{fontmenuactive}" text="{nexteventstart} - {nexteventstop}: {nexteventtitle}" />
+            </area>
+        </listelement>
+    </channellist>
+
+    <channellistdetail fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" startx="{areawidth}*0.3 - {areawidth}*0.6" starty="5%">
+        <area x="30%" y="5%" width="66%" height="90%" layer="1">
+            <fill color="{menuback}" />
+        </area>
+        <area x="32%" y="6%" width="62%" height="5%" layer="2">
+            <drawtext x="0" valign="center" fontsize="90%" font="{regular}" color="{fontdefault}" text="{currentstart} - {currentstop}" />
+        </area>
+        <areascroll scrollelement="title" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="32%" y="10%" width="62%" height="7%" layer="3">
+            <drawtext name="title" x="0" valign="center" fontsize="70%" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
+        </areascroll>
+        <areascroll scrollelement="shorttext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="32%" y="16%" width="62%" height="6%" layer="3">
+            <drawtext name="shorttext" x="0" valign="center" fontsize="70%" font="{regular}" color="{fontdefault}" text="{currentshorttext}" />
+        </areascroll>
+        <areascroll orientation="vertical" scrollelement="desc" mode="forthandback" delay="5000" scrollspeed="medium" x="32%" y="22%" width="62%" height="71%" layer="2">
+            <drawtextbox name="desc" x="0" y="0" width="100%" font="{regular}" fontsize="5%" color="{fontdefault}" text="{currentdescription}" />
+        </areascroll>
+    </channellistdetail>
+
+    <grouplistback fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" shifttype="right" clearondisplay="all">
+        <area x="70%" y="0" width="30%" height="100%" layer="4">
+            <fill color="{listback}" />
+        </area>
+    </grouplistback>
+
+    <grouplist x="70%" y="0" orientation="vertical" width="30%" height="100%" align="center" numlistelements="12" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" shifttype="right">
+        <listelement>
+            <area x="0" width="100%" layer="5">
+                <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
+                <drawrectangle condition="not{current}" x="0" y="{areaheight}-1" width="100%" height="1" color="{menubackline}" />
+                <drawrectangle condition="{current}" x="0" y="0" width="100%" height="100%" color="{menuactive}" />
+            </area>
+            <area x="0" width="24%" layer="5">
+                <drawimage condition="not{current}" imagetype="icon" path="folder" align="center" valign="center" width="90%" height="90%" />
+                <drawimage condition="{current}" imagetype="icon" path="folder_active" align="center" valign="center" width="90%" height="90%" />
+            </area>
+            <area x="0" width="24%" layer="6">
+                <drawtext condition="not{current}" align="center" y="38%" fontsize="40%" font="{regular}" color="{fontdefault}" text="{numchannels}" />
+                <drawtext condition="{current}" align="center" y="38%" fontsize="40%" font="{regular}" color="{fontmenuactive}" text="{numchannels}" />
+            </area>
+            <areascroll condition="not{current}" scrollelement="groupname" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="25%" width="74%" layer="5">
+                <drawtext name="groupname" x="0" valign="center" fontsize="40%" font="{regular}" color="{fontdefault}" text="{groupname}" />
+            </areascroll>
+            <areascroll condition="{current}" scrollelement="groupname" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="25%" width="74%" layer="5">
+                <drawtext name="groupname" x="0" valign="center" fontsize="40%" font="{regular}" color="{fontmenuactive}" text="{groupname}" />
+            </areascroll>
+        </listelement>
+    </grouplist>
+
+    <groupchannellistback fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" startx="70%" starty="3%">
+        <area x="40%" y="3%" width="30%" height="94%" layer="1">
+            <fill color="{listback}" />
+        </area>
+    </groupchannellistback>
+
+    <groupchannellist x="40%" y="3%" orientation="vertical" width="30%" height="94%" align="center" numlistelements="14" fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" startx="70%" starty="3%">
+        <listelement>
+            <area x="0" width="100%" layer="2">
+                <drawrectangle condition="not{current}" x="0" y="0" width="100%" height="100%" color="{menuback}" />
+                <drawrectangle condition="not{current}" x="0" y="{areaheight}-1" width="100%" height="1" color="{menubackline}" />
+                <drawrectangle condition="{current}" x="0" y="0" width="100%" height="100%" color="{menuactive}" />
+            </area>
+            <area x="1%" width="25%" layer="5">
+                <drawimage condition="{channellogoexists}" name="logo" imagetype="channellogo" path="{channelid}" align="center" width="80%" height="80%" valign="center" />
+                <drawtextbox condition="not{channellogoexists}" x="2%" width="96%" align="center" valign="center" font="{regular}" fontsize="30%" color="{fontdefault}" text="{number} {name}" maxlines="3" />
+            </area>
+            <area condition="not{current}" x="26%" width="73%" layer="4">
+                <drawtext x="0" y="2%" font="{regular}" fontsize="30%" color="{fontdefault}" text="+{presenteventremaining}min" />
+                <drawtext x="0" y="25%" font="{regular}" fontsize="40%" color="{fontdefault}" text="{presenteventtitle}" />
+                <drawtext x="0" y="65%" font="{regular}" fontsize="30%" color="{fontdefault}" text="{nexteventstart} - {nexteventstop}: {nexteventtitle}" />
+            </area>
+            <area condition="{current}" x="26%" width="73%" layer="4">
+                <drawtext x="0" y="2%" font="{regular}" fontsize="30%" color="{fontmenuactive}" text="+{presenteventremaining}min" />
+                <drawtext x="0" y="25%" font="{regular}" fontsize="40%" color="{fontmenuactive}" text="{presenteventtitle}" />
+                <drawtext x="0" y="65%" font="{regular}" fontsize="30%" color="{fontmenuactive}" text="{nexteventstart} - {nexteventstop}: {nexteventtitle}" />
+            </area>
+        </listelement>
+    </groupchannellist>
+
+    <groupchannellistdetail fadetime="{fadetimezapcockpit}" shifttime="{shifttimezapcockpit}" shiftmode="slowed" startx="40%" starty="6%">
+        <area x="2%" y="6%" width="38%" height="88%" layer="1">
+            <fill color="{menuback}" />
+        </area>
+        <area x="4%" y="6%" width="35%" height="5%" layer="2">
+            <drawtext x="0" valign="center" fontsize="85%" font="{regular}" color="{fontdefault}" text="{currentstart} - {currentstop}" />
+        </area>
+        <areascroll scrollelement="title" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="4%" y="10%" width="35%" height="7%" layer="3">
+            <drawtext name="title" x="0" valign="center" fontsize="68%" font="{regular}" color="{fontdefault}" text="{currenttitle}" />
+        </areascroll>
+        <areascroll scrollelement="shorttext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="4%" y="16%" width="35%" height="6%" layer="3">
+            <drawtext name="shorttext" x="0" valign="center" fontsize="68%" font="{regular}" color="{fontdefault}" text="{currentshorttext}" />
+        </areascroll>
+        <areascroll orientation="vertical" scrollelement="desc" mode="forthandback" delay="5000" scrollspeed="medium" x="4%" y="22%" width="35%" height="70%" layer="2">
+            <drawtextbox name="desc" x="0" y="0" width="100%" font="{regular}" fontsize="5%" color="{fontdefault}" text="{currentdescription}" />
+        </areascroll>
+    </groupchannellistdetail>
+
     <message>
         <area x="10%" y="45%" width="80%" height="10%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuactive}" />
             <drawrectangle condition="{status}" x="20" y="0" width="20" height="100%" color="{clrGreen}" />
             <drawrectangle condition="{info}" x="20" y="0" width="20" height="100%" color="{clrBlue}" />
             <drawrectangle condition="{warning}" x="20" y="0" width="20" height="100%" color="{clrYellow}" />
             <drawrectangle condition="{error}" x="20" y="0" width="20" height="100%" color="{clrRed}" />
-            <drawtext align="center" valign="center" width="{areawidth} - 80" font="{light}" fontsize="40%" color="{clrWhite}" text="{text}" />
+            <drawtext align="center" valign="center" width="{areawidth} - 80" font="{light}" fontsize="40%" color="{fontactive}" text="{text}" />
         </area>
     </message>
 
diff --git a/skins/metrixhd/xmlfiles/displaymenu.xml b/skins/metrixhd/xmlfiles/displaymenu.xml
index da903ba..1509113 100644
--- a/skins/metrixhd/xmlfiles/displaymenu.xml
+++ b/skins/metrixhd/xmlfiles/displaymenu.xml
@@ -16,41 +16,45 @@
 
     <background>
         <!-- background left Menu -->
-        <area x="0" y="0" width="63%" height="100%" layer="2">
-            <fill color="{clrTransBlack}" />
+        <area x="0" y="0" width="63%" height="100%" layer="1">
+            <fill color="{menuback}" />
+        </area>
+        <!-- background date -->
+        <area x="40%" y="0" width="13%" height="10%" layer="2">
+            <fill color="{menuactive}" />
         </area>
         <!-- background right detail view -->
         <area x="63%" y="3%" width="37%" height="94%" layer="1">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuheader}" />
         </area>
     </background>
 
     <header>
-        <area x="0" y="0" width="41%" height="10%" layer="2">
-            <drawtext condition="not{hasicon}" x="5" width="{areawidth}-10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
-            <drawimage condition="{hasicon}" name="menuicon" imagetype="menuicon" path="{icon}" x="5" valign="center" width="{areaheight}*8/10" height="80%"/>
-            <drawtext condition="{hasicon}" x="{areaheight}" valign="center" width="{areawidth}-{areaheight}-10" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
+        <area x="0" y="0" width="40%" height="10%" layer="2">
+            <drawtext condition="not{hasicon}" x="10" width="{areawidth}-10" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
+            <drawimage condition="{hasicon}" name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="80%"/>
+            <drawtext condition="{hasicon}" x="{width(menuicon)}+20" valign="center" width="{areawidth}-{width(menuicon)}-30" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
         </area>
     </header>
 
     <datetime>
-        <area x="41%" y="0" width="12%" height="10%" layer="2">
-            <drawtext align="right" y="5%" font="{light}" fontsize="50%" color="{clrWhite}" text="{dayname}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="50%" color="{clrWhite}" text="{day}. {monthnameshort}" />
+        <area x="40%" y="0" width="12%" height="10%" layer="3">
+            <drawtext align="right" y="0" font="{light}" fontsize="50%" color="{fontactive}" text="{dayname}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="50%" color="{fontactive}" text="{day}. {monthnameshort}" />
         </area>
-        <area x="53%" y="0" width="10%" height="10%" layer="2">
-            <drawtext align="center" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{time}" />
+        <area x="53%" y="0" width="10%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{time}" />
         </area>
     </datetime>
 
     <message>
         <area x="5%" y="75%" width="90%" height="15%" layer="7">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuactive}" />
             <drawrectangle condition="{status}" x="10" y="0" width="10" height="100%" color="{clrGreen}" />
             <drawrectangle condition="{info}" x="10" y="0" width="10" height="100%" color="{clrBlue}" />
             <drawrectangle condition="{warning}" x="10" y="0" width="10" height="100%" color="{clrYellow}" />
             <drawrectangle condition="{error}" x="10" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext align="center" valign="center" font="{light}" fontsize="50%" color="{clrWhite}" text="{text}" />
+            <drawtext align="center" valign="center" font="{light}" fontsize="50%" color="{fontactive}" text="{text}" />
         </area>
     </message>
     
@@ -65,52 +69,52 @@
 
     <colorbuttons>
         <area x="0" y="92%" width="15%" height="8%" layer="6">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="15%" y="92%" width="15%" height="8%" layer="6">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="30%" y="92%" width="15%" height="8%" layer="6">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="45%" y="92%" width="15%" height="8%" layer="6">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </colorbuttons>
 
     <scrollbar>
         <area x="60%" y="10%" width="2%" height="82%" layer="3">
-            <fill color="{clrWhite}" />
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
     &displaymenudefault;
diff --git a/skins/metrixhd/xmlfiles/displaymenuchannels.xml b/skins/metrixhd/xmlfiles/displaymenuchannels.xml
index 44685a2..75f9bbe 100644
--- a/skins/metrixhd/xmlfiles/displaymenuchannels.xml
+++ b/skins/metrixhd/xmlfiles/displaymenuchannels.xml
@@ -1,57 +1,75 @@
 <menuchannels x="0" y="0" width="100%" height="100%" fadetime="0">
-    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="16">
+    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="11">
         <listelement>
-            <!-- Background -->
-            <area x="1%" width="59%" layer="2">
-                <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
-                <fill condition="{separator}" color="{clrSemiTransBlack}" />
-            </area>
-            <area condition="not{separator}" x="1%" width="6%" layer="3">
-                <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
-            </area>
-            <areascroll condition="not{separator}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" width="47%" layer="3">
-                <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{number} {name} - {sourcedescription}, Transp. {transponder}" />
-            </areascroll>
-            <area condition="not{separator}" x="55%" width="5%" layer="3">
-                <drawimage condition="{isEncrypted}" imagetype="icon" path="ico_crypt_on" x="0" valign="center" width="{areaheight}*0.8*1.76" height="{areaheight}*0.8"/>
-                <drawimage condition="not{isEncrypted}" imagetype="icon" path="ico_crypt_off" x="0" valign="center" width="{areaheight}*0.8*1.76" height="{areaheight}*0.8"/>
-            </area>
-            <area condition="{separator}" x="7%" width="52%" layer="3">
-                <drawtext x="20" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{name}" />
-            </area>
+            <areacontainer condition="not{current}">
+                <!-- Background -->
+                <area x="1%" width="58%" layer="2">
+                    <fill color="{clrTransparent}" />
+                    <fill condition="{separator}" color="{menuseparator}" />
+                </area>
+                <area condition="not{separator}" x="2%" width="7%" layer="3">
+                    <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
+                </area>
+                <area condition="not{separator}" x="10%" width="44%" layer="3">
+                    <drawtext name="menutext" x="20" y="2" font="{light}" fontsize="60%" color="{fontdefault}" text="{number} {name}" />
+                    <drawtext x="20" y="50%" font="{light}" fontsize="50%" color="{fontdefault}" text="{sourcedescription}, Transp. {transponder}" />
+                </area>
+                <area condition="not{separator}" x="55%" width="5%" layer="3">
+                    <drawimage condition="{isEncrypted}" imagetype="icon" path="ico_crypt" x="0" valign="center" width="{areaheight}*0.5*1.76" height="{areaheight}*0.5"/>
+<!--                <drawimage condition="not{isEncrypted}" imagetype="icon" path="ico_crypt" x="0" valign="center" width="{areaheight}*0.5*1.76" height="{areaheight}*0.5"/> -->
+                </area>
+                <area condition="{separator}" x="7%" width="52%" layer="3">
+                    <drawtext x="20" valign="center" font="{light}" fontsize="95%" color="{fontdefault}" text="{name}" />
+                </area>
+            </areacontainer>
+            <areacontainer condition="{current}">
+                <!-- Background -->
+                <area x="1%" width="58%" layer="2">
+                    <fill condition="{current}" color="{menuactive}" />
+                    <fill condition="{separator}" color="{menuseparator}" />
+                </area>
+                <area condition="not{separator}" x="2%" width="7%" layer="3">
+                    <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
+                </area>
+                <areascroll condition="not{separator}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="10%" width="44%" layer="3">
+                    <drawtext name="menutext"  x="20" y="2" font="{light}" fontsize="60%" color="{fontactive}" text="{number} {name}" />
+                    <drawtext x="20" y="50%"  font="{light}" fontsize="50%" color="{fontactive}" text="{sourcedescription}, Transp. {transponder}" />
+                </areascroll>
+                <area condition="not{separator}" x="55%" width="5%" layer="3">
+                    <drawimage condition="{isEncrypted}" imagetype="icon" path="ico_crypt_active" x="0" valign="center" width="{areaheight}*0.5*1.76" height="{areaheight}*0.5"/>
+<!--                <drawimage condition="not{isEncrypted}" imagetype="icon" path="ico_crypt" x="0" valign="center" width="{areaheight}*0.5*1.76" height="{areaheight}*0.5"/> -->
+                </area>
+                <area condition="{separator}" x="7%" width="52%" layer="3">
+                    <drawtext x="20" valign="center" font="{light}" fontsize="95%" color="{fontdefault}" text="{name}" />
+                </area>
+            </areacontainer>
+
         </listelement>
-        <currentelement fadetime="300">
-            <area x="63%" y="0" width="36%" height="85%" layer="2">
-                <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="10" y="0" width="30%" height="10%" />
-                <drawtext name="channame" align="right" y="{height(logo)}/2 - {height(channame)}/2" width="65%" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{name}" />
-                <!-- now -->
-                <drawtext name="now" x="2%" y="{height(logo)}" width="96%" font="{semibold}" fontsize="8%" color="{clrWhite}" text="Now: {presenteventtitle}" />
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
+            <area x="63%" y="0" width="36%" height="100%" layer="2">
+                <drawtext name="channame" x="2%" y="0" width="96%" font="{semibold}" fontsize="8%" color="{fontactive}" text="{name}" />
+                <drawimage name="logo" align="center" imagetype="channellogo" path="{channelid}" x="10" y="{height(channame)}" width="50%" height="20%" />
                 <!--progressbar for now -->
-                <drawtext name="start" x="{areawidth}/4 - {width(start)}" y="{height(logo)} + {height(now)}" font="{light}" fontsize="7%" color="{clrWhite}" text="{presenteventstart}" />
-                <drawtext name="stop" x="{areawidth}*3/4" y="{height(logo)} + {height(now)}" font="{light}" fontsize="7%" color="{clrWhite}" text="{presenteventstop}" />
-                <drawrectangle x="{areawidth}/4+10" y="{height(logo)} + {height(now)} + {height(start)} / 2" width="{areawidth}/2 - 20" height="1" color="{clrWhite}" />
-                <drawrectangle x="{areawidth}/4+10" y="{height(logo)} + {height(now)} + {height(start)} / 2 - 2" width="{areawidth}/2 * {presenteventelapsed} / {presenteventduration} - 20 * {presenteventelapsed} / {presenteventduration}" height="5" color="{clrWhite}" />
+                <drawtext name="start" x="{areawidth}/4 - {width(start)}" y="{height(channame)} + {height(logo)} + 15" font="{semibold}" fontsize="7%" color="{fontactive}" text="{presenteventstart}" />
+                <drawtext name="stop" x="{areawidth}*3/4" y="{height(channame)} + {height(logo)} + 15" font="{semibold}" fontsize="7%" color="{fontactive}" text="{presenteventstop}" />
+                <drawrectangle x="{areawidth}/4+10" y="{height(channame)} + {height(logo)} + {height(start)} / 2 + 15" width="{areawidth}/2 - 20" height="1" color="{fontactive}" />
+                <drawrectangle x="{areawidth}/4+10" y="{height(channame)} + {height(logo)} + {height(start)} / 2 + 13" width="{areawidth}/2 * {presenteventelapsed} / {presenteventduration} - 20 * {presenteventelapsed} / {presenteventduration}" height="5" color="{fontactive}" />
+                <!-- now -->
+                <drawtext name="now" x="2%" y="{posy(start)} + {height(start)} + 5" width="96%" font="{semibold}" fontsize="7%" color="{fontactive}" text="{presenteventtitle}" />
                 <!-- shorttext and description -->
-                <drawtextbox name="nowshort" x="2%" y="{posy(start)} + {height(start)} + 10" width="96%" font="{light}" fontsize="6%" color="{clrWhite}" text="{presenteventshorttext}" />
-                <drawtextbox name="nowdesc" x="2%" y="{posy(nowshort)} + {height(nowshort)}" width="96%" height="36%" font="{light}" fontsize="6%" color="{clrWhite}" text="{presenteventdescription}" />
+                <drawtext name="nowshort" x="2%" y="{posy(now)} + {height(now)}" width="96%" font="{light}" fontsize="6%" color="{fontactive}" text="{presenteventshorttext}" />
+                <drawtextbox name="nowdesc" x="2%" y="{posy(nowshort)} + {height(nowshort)}" width="96%" height="28%" font="{light}" fontsize="6%" color="{fontactive}" text="{presenteventdescription}" />
                 <!-- next -->
-                <drawtext name="next" x="2%" y="{posy(nowdesc)} + {height(nowdesc)}" width="96%" font="{semibold}" fontsize="7%" color="{clrWhite}" text="Next: {nexteventtitle}" />
-                <drawtext name="nexttime" x="2%" y="{posy(next)} + {height(next)}" width="96%" font="{light}" fontsize="6%" color="{clrWhite}" text="{nexteventstart} - {nexteventstop} ({presenteventduration} min)" />
+                <drawtext name="nexttime" x="2%" y="{posy(nowdesc)} + {height(nowdesc)} + 10" width="96%" font="{semibold}" fontsize="7%" color="{fontactive}" text="Von: {nexteventstart} - {nexteventstop}  ({nexteventduration} min)" />
+                <drawtext name="next" x="2%" y="{posy(nexttime)} + {height(nexttime)}" width="96%" font="{semibold}" fontsize="6%" color="{fontactive}" text="{nexteventtitle}" />
             </area>
-            <areascroll mode="forthandback" orientation="vertical" delay="1000" scrollspeed="medium" x="63%" y="85%" width="36%" height="15%" layer="2">
-                <drawtext x="10" y="0" font="{semibold}" fontsize="30%" color="{clrWhite}" text="Following Schedules:" />
-                <loop name="schedule" x="0" y="{areaheight}/4 + 5" orientation="vertical">
-                    <drawtext x="10" font="{light}" width="{areawidth}-20" fontsize="30%" color="{clrWhite}" text="{schedule[start]} {schedule[title]}" />
-                </loop>
-            </areascroll>
         </currentelement>
     </menuitems>
     <scrollbar>
         <area x="60%" y="10%" width="2%" height="82%" layer="3">
-            <fill color="{clrWhite}" />
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
 </menuchannels>
diff --git a/skins/metrixhd/xmlfiles/displaymenudefault.xml b/skins/metrixhd/xmlfiles/displaymenudefault.xml
index b894264..259662b 100644
--- a/skins/metrixhd/xmlfiles/displaymenudefault.xml
+++ b/skins/metrixhd/xmlfiles/displaymenudefault.xml
@@ -2,76 +2,82 @@
     <background>
         <!-- background Menu -->
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
+            <drawrectangle x="75%" y="0" width="13%" height="10%" color="{menuheader}" />
         </area>
     </background>
     
     <header>
         <area x="0" y="0" width="75%" height="10%" layer="2">
-            <drawtext condition="not{hasicon}" x="5" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
-            <drawimage condition="{hasicon}" name="icon" imagetype="menuicon" path="{icon}" x="5" valign="center" width="{areaheight}*8/10" height="80%"/>
-            <drawtext condition="{hasicon}" x="{areaheight}" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
+            <drawtext condition="not{hasicon}" x="10" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
+            <drawimage condition="{hasicon}" name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="80%"/>
+            <drawtext condition="{hasicon}" x="{width(menuicon)}+20" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
         </area>
     </header>
     
     <datetime>
-        <area x="80%" y="0" width="10%" height="10%" layer="2">
-            <drawtext align="right" y="0%" font="{light}" fontsize="50%" color="{clrWhite}" text="{dayname}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="50%" color="{clrWhite}" text="{day}. {monthname}" />
+        <area x="75%" y="0" width="12%" height="10%" layer="3">
+            <drawtext align="right" y="0%" font="{light}" fontsize="55%" color="{fontactive}" text="{dayname}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="50%" color="{fontactive}" text="{day}. {monthname}" />
         </area>
-        <area x="90%" y="0" width="10%" height="10%" layer="2">
-            <drawtext align="center" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{time}" />
+        <area x="88%" y="0" width="12%" height="10%" layer="3">
+            <drawtext align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{time}" />
         </area>
     </datetime>
 
     <colorbuttons>
-        <area x="0" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+        <area x="0" y="93%" width="25%" height="7%" layer="2">
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
-        <area x="25%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+        <area x="25%" y="93%" width="25%" height="7%" layer="2">
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
-        <area x="50%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+        <area x="50%" y="93%" width="25%" height="7%" layer="2">
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
-        <area x="75%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+        <area x="75%" y="93%" width="25%" height="7%" layer="2">
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </colorbuttons>
 
     <scrollbar>
-        <area x="96%" y="10%" width="2%" height="82%" layer="3">
-            <fill color="{clrWhite}" />
+        <area condition="lt({indexshowscrollbar},2)" x="96%" y="10%" width="2%" height="82%" layer="3">
+            <fill condition="{hasprev}||{hasnext}" color="{scrollbar}" />
+            <drawrectangle condition="{hasprev}||{hasnext}" x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
+            <drawrectangle condition="{hasprev}||{hasnext}" x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
+        </area>
+        <area condition="eq({indexshowscrollbar},2)" x="96%" y="10%" width="2%" height="82%" layer="3">
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
     
@@ -79,39 +85,55 @@
         <listelement>
             <area x="0" condition="not{separator}" width="100%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
+                <fill condition="{current}" color="{menuactive}" />
             </area>
 
             <!-- Separators -->
             <area x="0" condition="{separator}" width="100%" layer="2">
-                <fill color="{clrDarkGray}" />
+                <fill color="{menualternate}" />
             </area>
             <area x="1%" condition="{separator}" width="98%" layer="3">
-                <drawtext align="left" valign="center" font="{light}" fontsize="90%" width="98%" color="{clrWhite}" text="{column1}" />
+                <drawtext condition="not{current}" align="left" valign="center" font="{light}" fontsize="90%" width="98%" color="{fontdefault}" text="{column1}" />
+                <drawtext condition="{current}" align="left" valign="center" font="{light}" fontsize="90%" width="98%" color="{fontactive}" text="{column1}" />
             </area>
 
             <!-- Setup Menus -->
-            <areascroll condition="not{separator} ++ {setup} ++ {column2set}" scrollelement="column1" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="59%" layer="3">
-                <drawtext name="column1" x="0" width="99%" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{column1}" />
+            <areascroll condition="not{separator} ++ {setup} ++ {column2set} ++ not{current}" scrollelement="column1" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="1%" width="59%" layer="3">
+                <drawtext name="column1" x="0" width="99%" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{column1}" />
+            </areascroll>
+            <areascroll condition="not{separator} ++ {setup} ++ {column2set} ++ {current}" scrollelement="column1" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="1%" width="59%" layer="3">
+                <drawtext name="column1" x="0" width="99%" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{column1}" />
             </areascroll>
             <area x="60%" condition="not{separator} ++ {setup} ++ {column2set}" width="39%" layer="3">
-                <drawtext align="right" valign="center" font="{light}" fontsize="90%" width="99%" color="{clrWhite}" text="{column2}" />
+                <drawtext condition="not{current}" align="right" valign="center" font="{light}" fontsize="90%" width="99%" color="{fontdefault}" text="{column2}" />
+                <drawtext condition="{current}" align="right" valign="center" font="{light}" fontsize="90%" width="99%" color="{fontactive}" text="{column2}" />
             </area>
 
             <area x="1%" condition="not{separator} ++ {setup} ++ not{column2set}" width="98%" layer="3">
-                <drawtext align="left" valign="center" font="{light}" fontsize="90%" width="99%" color="{clrWhite}" text="{column1}" />
+                <drawtext condition="not{current}" align="left" valign="center" font="{light}" fontsize="90%" width="99%" color="{fontdefault}" text="{column1}" />
+                <drawtext condition="{current}" align="left" valign="center" font="{light}" fontsize="90%" width="99%" color="{fontactive}" text="{column1}" />
             </area>
             
             <!-- Default Menus -->
-            <areascroll condition="not{separator} ++ not{setup}" scrollelement="column1" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="{column1width}" layer="3">
-                <drawtext name="column1" x="{column1x}" width="{column1width}" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{column1}" />
+            <areascroll condition="not{separator} ++ not{setup} ++ not{current}" scrollelement="column1" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="1%" width="{column1width}" layer="3">
+                <drawtext name="column1" x="{column1x}" width="{column1width}" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{column1}" />
             </areascroll>
-            <area condition="not{separator} ++ not{setup}" x="1%" width="100%" layer="4">
-                <drawtext condition="{column2set}" x="{column2x}" valign="center" font="{light}" fontsize="90%" width="{column2width}" color="{clrWhite}" text="{column2}" />
-                <drawtext condition="{column3set}" x="{column3x}" valign="center" font="{light}" fontsize="90%" width="{column3width}" color="{clrWhite}" text="{column3}" />
-                <drawtext condition="{column4set}" x="{column4x}" valign="center" font="{light}" fontsize="90%" width="{column4width}" color="{clrWhite}" text="{column4}" />
-                <drawtext condition="{column5set}" x="{column5x}" valign="center" font="{light}" fontsize="90%" width="{column5width}" color="{clrWhite}" text="{column5}" />
-                <drawtext condition="{column6set}" x="{column6x}" valign="center" font="{light}" fontsize="90%" width="{column6width}" color="{clrWhite}" text="{column6}" />
+            <areascroll condition="not{separator} ++ not{setup} ++ {current}" scrollelement="column1" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="1%" width="{column1width}" layer="3">
+                <drawtext name="column1" x="{column1x}" width="{column1width}" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{column1}" />
+            </areascroll>
+            <area condition="not{separator} ++ not{setup} ++ not{current}" x="1%" width="100%" layer="4">
+                <drawtext condition="{column2set}" x="{column2x}" valign="center" font="{light}" fontsize="90%" width="{column2width}" color="{fontdefault}" text="{column2}" />
+                <drawtext condition="{column3set}" x="{column3x}" valign="center" font="{light}" fontsize="90%" width="{column3width}" color="{fontdefault}" text="{column3}" />
+                <drawtext condition="{column4set}" x="{column4x}" valign="center" font="{light}" fontsize="90%" width="{column4width}" color="{fontdefault}" text="{column4}" />
+                <drawtext condition="{column5set}" x="{column5x}" valign="center" font="{light}" fontsize="90%" width="{column5width}" color="{fontdefault}" text="{column5}" />
+                <drawtext condition="{column6set}" x="{column6x}" valign="center" font="{light}" fontsize="90%" width="{column6width}" color="{fontdefault}" text="{column6}" />
+            </area>
+            <area condition="not{separator} ++ not{setup} ++ {current}" x="1%" width="100%" layer="4">
+                <drawtext condition="{column2set}" x="{column2x}" valign="center" font="{light}" fontsize="90%" width="{column2width}" color="{fontactive}" text="{column2}" />
+                <drawtext condition="{column3set}" x="{column3x}" valign="center" font="{light}" fontsize="90%" width="{column3width}" color="{fontactive}" text="{column3}" />
+                <drawtext condition="{column4set}" x="{column4x}" valign="center" font="{light}" fontsize="90%" width="{column4width}" color="{fontactive}" text="{column4}" />
+                <drawtext condition="{column5set}" x="{column5x}" valign="center" font="{light}" fontsize="90%" width="{column5width}" color="{fontactive}" text="{column5}" />
+                <drawtext condition="{column6set}" x="{column6x}" valign="center" font="{light}" fontsize="90%" width="{column6width}" color="{fontactive}" text="{column6}" />
             </area>
         </listelement>
     </menuitems>
diff --git a/skins/metrixhd/xmlfiles/displaymenudetailepg.xml b/skins/metrixhd/xmlfiles/displaymenudetailepg.xml
index 0f5c224..6d33995 100644
--- a/skins/metrixhd/xmlfiles/displaymenudetailepg.xml
+++ b/skins/metrixhd/xmlfiles/displaymenudetailepg.xml
@@ -1,13 +1,13 @@
 <menudetailedepg x="0" y="0" width="100%" height="100%" fadetime="0">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="0" y="0" width="100%" height="20%" layer="2">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuactive}" />
         </area>
         <area x="0" y="85%" width="100%" height="2" layer="3">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuactive}" />
         </area>
     </background>
     <!-- dummyheader -->
@@ -24,43 +24,43 @@
     
     <colorbuttons>
         <area x="0" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="25%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="50%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="75%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </colorbuttons>
@@ -72,45 +72,45 @@
             <drawimage condition="{ismovie}++{posteravailable}++not{epgpicavailable}" imagetype="image" path="{posterpath}" x="{areawidth} - {areaheight}*8/10" valign="center" width="{areaheight}*8 / 10 * {posterheight} / {posterwidth}" height="{areaheight}*8 / 10"/>
             <drawimage condition="{epgpicavailable}" imagetype="image" path="{epgpicpath}" x="{areawidth} - {areaheight}*8/10 * 174 / 130" valign="center" width="{areaheight}*8/10 * 174 / 130" height="{areaheight}*8 / 10"/>
 
-            <drawtext name="title" x="{width(logo)} + 20" valign="center" font="{semibold}" fontsize="35%" color="{clrWhite}" text="{title}" />
-            <drawtext name="datetime" x="{width(logo)} + 20" y="{posy(title)} - {height(datetime)}" font="{light}" fontsize="25%" color="{clrWhite}" text="{day} {date} {start} - {stop} ({duration} mins)" />
-            <drawtext name="shorttext" x="{width(logo)} + 20" y="{posy(title)} + {height(title)}" font="{light}" fontsize="25%" color="{clrWhite}" text="{shorttext}" />
+            <drawtext name="title" x="{width(logo)} + 20" valign="center" font="{semibold}" fontsize="35%" color="{fontactive}" text="{title}" />
+            <drawtext name="datetime" x="{width(logo)} + 20" y="{posy(title)} - {height(datetime)}" font="{light}" fontsize="25%" color="{fontactive}" text="{day} {date} {start} - {stop} ({duration} mins)" />
+            <drawtext name="shorttext" x="{width(logo)} + 20" y="{posy(title)} + {height(title)}" font="{light}" fontsize="25%" color="{fontactive}" text="{shorttext}" />
         </area>
     </detailheader>
     
     <scrollbar>
         <area x="98%" y="20%" width="2%" height="65%" layer="3">
-            <fill color="{clrWhite}" />
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
 
     <!-- TAB EPGINFO -->
     <tab name="EPG Info" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="0" width="96%" font="{light}" fontsize="8%" color="{clrWhite}" text="{description}" />
+        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="0" width="96%" font="{light}" fontsize="8%" color="{fontdefault}" text="{description}" />
         <drawimage condition="{isseries}" name="seriesposter" imagetype="image" path="{seriesposter1path}" x="{areawidth}*0.75" y="0" width="{areawidth}*0.25" height="{areawidth} * 0.25 * {seriesposter1height} / {seriesposter1width}"/>
         <drawimage condition="{ismovie}" name="movieposter" imagetype="image" path="{posterpath}" x="{areawidth}*0.75" y="0" width="{areawidth}*0.25" height="{areawidth} * 0.25 * {posterheight} / {posterwidth}" />
-        <drawtextbox condition="{isseries}" x="0" y="0" width="96%" float="topright" floatwidth="{width(seriesposter)} + 10" floatheight="{height(seriesposter)} + 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{description}" />
-        <drawtextbox condition="{ismovie}" x="0" y="0" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} + 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{description}" />
+        <drawtextbox condition="{isseries}" x="0" y="0" width="96%" float="topright" floatwidth="{width(seriesposter)} + 10" floatheight="{height(seriesposter)} + 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="{ismovie}" x="0" y="0" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} + 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{description}" />
     </tab>
     <!-- TAB RERUNS -->
     <tab condition="{hasreruns}" name="{tr(reruns)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtext align="center" y="0" name="title" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(rerunsof)} '{title}'" />
+        <drawtext align="center" y="0" name="title" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(rerunsof)} '{title}'" />
         <loop name="reruns" x="0" y="{height(title)} + 10" width="{areawidth}" orientation="vertical">
             <drawimage name="logo" condition="{reruns[channellogoexists]}" imagetype="channellogo" path="{reruns[channelid]}" x="0" width="10%" height="10%" />
-            <drawtext name="channelname" condition="not{reruns[channellogoexists]}" x="-5" font="{light}" fontsize="10%" color="{clrWhite}" text="{reruns[channelname]}" />
-            <drawtext condition="{reruns[channellogoexists]}" x="{width(logo)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
-            <drawtext condition="not{reruns[channellogoexists]}" x="{width(channelname)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
+            <drawtext name="channelname" condition="not{reruns[channellogoexists]}" x="-5" font="{light}" fontsize="10%" color="{fontdefault}" text="{reruns[channelname]}" />
+            <drawtext condition="{reruns[channellogoexists]}" x="{width(logo)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
+            <drawtext condition="not{reruns[channellogoexists]}" x="{width(channelname)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
         </loop>
     </tab>
     <!-- TAB ACTORS -->
     <tab condition="{isseries}||{ismovie}" name="{tr(actors)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtext align="center" name="title" y="0" font="{semibold}" fontsize="15%" color="{clrWhite}" text="{tr(actors)}" />
+        <drawtext align="center" name="title" y="0" font="{semibold}" fontsize="15%" color="{fontdefault}" text="{tr(actors)}" />
         <loop name="actors" x="0" y="{height(title)} + 10" width="{areawidth}" orientation="horizontal" columnwidth="{areawidth}/5" rowheight="{areawidth}/5*1.8" overflow="linewrap">
             <drawimage name="thumb" imagetype="image" path="{actors[thumb]}" x="20" y="0" width="{columnwidth}-40" height="{columnwidth} * {actors[thumbheight]} / {actors[thumbwidth]} - 40 * {actors[thumbheight]} / {actors[thumbwidth]}"/>
-            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{light}" fontsize="7%" color="{clrWhite}" text="{actors[name]}" />
-            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{light}" fontsize="7%" color="{clrWhite}" text="{actors[role]}" />
+            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{light}" fontsize="7%" color="{fontdefault}" text="{actors[name]}" />
+            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{light}" fontsize="7%" color="{fontdefault}" text="{actors[role]}" />
         </loop>
     </tab>
     <!-- TAB TVDBINFO -->
@@ -118,7 +118,7 @@
         <drawimage name="banner" imagetype="image" path="{seriesbanner1path}" align="center" y="10" width="{areawidth}*0.9" height="{areawidth} * 0.9 * {seriesbanner1height} / {seriesbanner1width}"/>
         <drawimage name="episodeimage" imagetype="image" path="{episodeimagepath}" x="{areawidth}*0.7" y="{height(banner)} + 20" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {episodeimageheight} / {episodeimagewidth}"/>
         <drawimage name="seasonposter" imagetype="image" path="{seasonposterpath}" x="{areawidth}*0.7" y="{height(banner)} + {height(episodeimage)} + 30" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {seasonposterheight} / {seasonposterwidth}"/>
-        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
+        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{light}" fontsize="8%" color="{fontdefault}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
     </tab>
     <!-- TAB SERIESGALERY -->
     <tab condition="{isseries}" name="{tr(seriesgalery)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
@@ -135,7 +135,7 @@
     <!-- TAB MOVIEDBINFO -->
     <tab condition="{ismovie}" name="MovieDBInfo" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
         <drawimage name="poster" imagetype="image" path="{posterpath}" x="70%" y="10" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {posterheight} / {posterwidth}"/>
-        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
+        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
     </tab>
     <!-- TAB MOVIEGALERY -->
     <tab condition="{ismovie}" name="{tr(moviegalery)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
@@ -148,10 +148,11 @@
     <tablabels>
         <area x="0" y="85%" width="98%" height="5%" layer="3">
             <loop name="tabs" x="0" y="0" orientation="horizontal">
-                <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrTransBlueLight}" />
-                <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrTransBlueLight}" />
+                <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menuheader}" />
+                <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menuheader}" />
                 <drawrectangle condition="not{tabs[current]}" x="2" y="2" width="{width(label)} - 4" height="{areaheight}-4" color="{clrTransparent}" />
-                <drawtext name="label" x="0" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="  {tabs[title]}  " />
+                <drawtext condition="not{tabs[current]}" name="label" x="0" valign="center" font="{light}" fontsize="95%" color="{fontdefault}" text="  {tabs[title]}  " />
+                <drawtext condition="{tabs[current]}" name="label" x="0" valign="center" font="{light}" fontsize="95%" color="{fontactive}" text="  {tabs[title]}  " />
             </loop>
         </area>
     </tablabels>
diff --git a/skins/metrixhd/xmlfiles/displaymenudetailrecording.xml b/skins/metrixhd/xmlfiles/displaymenudetailrecording.xml
index dfcd5ac..5007db6 100644
--- a/skins/metrixhd/xmlfiles/displaymenudetailrecording.xml
+++ b/skins/metrixhd/xmlfiles/displaymenudetailrecording.xml
@@ -1,13 +1,13 @@
 <menudetailedrecording x="0" y="0" width="100%" height="100%" fadetime="0">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="0" y="0" width="100%" height="20%" layer="2">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuactive}" />
         </area>
         <area x="0" y="85%" width="100%" height="2" layer="3">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuactive}" />
         </area>
     </background>
     <!-- dummyheader -->
@@ -24,43 +24,43 @@
     
     <colorbuttons>
         <area x="0" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="25%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="50%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="75%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </colorbuttons>
@@ -71,44 +71,44 @@
             <drawimage condition="{ismovie}++{posteravailable}++not{recimgavailable}" imagetype="image" path="{posterpath}" x="{areawidth} - {areaheight}*8/10" valign="center" width="{areaheight}*8 / 10 * {posterheight} / {posterwidth}" height="{areaheight}*8 / 10"/>
             <drawimage condition="{recimgavailable}" imagetype="image" path="{recimgpath}" x="{areawidth} - {areaheight}*8/10 * 174 / 130" valign="center" width="{areaheight}*8/10 * 174 / 130" height="{areaheight}*8 / 10"/>
 
-            <drawtext name="title" x="20" valign="center" font="{semibold}" fontsize="35%" color="{clrWhite}" text="{epgname}" />
-            <drawtext name="datetime" x="20" y="{posy(title)} - {height(datetime)}" font="{light}" fontsize="25%" color="{clrWhite}" text="{date} {time} ({duration} mins)" />
-            <drawtext name="shorttext" x="20" y="{posy(title)} + {height(title)}" font="{light}" fontsize="25%" color="{clrWhite}" text="{shorttext}" />
+            <drawtext name="title" x="20" valign="center" font="{semibold}" fontsize="35%" color="{fontactive}" text="{epgname}" />
+            <drawtext name="datetime" x="20" y="{posy(title)} - {height(datetime)}" font="{light}" fontsize="25%" color="{fontactive}" text="{date} {time} ({duration} mins)" />
+            <drawtext name="shorttext" x="20" y="{posy(title)} + {height(title)}" font="{light}" fontsize="25%" color="{fontactive}" text="{shorttext}" />
         </area>
     </detailheader>
     
     <scrollbar>
         <area x="98%" y="20%" width="2%" height="65%" layer="3">
-            <fill color="{clrWhite}" />
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
     
     <tab name="Info" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="0" width="96%" font="{light}" fontsize="8%" color="{clrWhite}" text="{description}" />
+        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="0" width="96%" font="{light}" fontsize="8%" color="{fontdefault}" text="{description}" />
         <drawimage condition="{isseries}" name="seriesposter" imagetype="image" path="{seriesposter1path}" x="{areawidth}*0.7" y="0" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {seriesposter1height} / {seriesposter1width}"/>
         <drawimage condition="{ismovie}" name="movieposter" imagetype="image" path="{posterpath}" x="{areawidth}*0.7" y="0" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {posterheight} / {posterwidth}" />
-        <drawtextbox condition="{isseries}" x="0" y="0" width="96%" float="topright" floatwidth="{width(seriesposter)} + 10" floatheight="{height(seriesposter)} + 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{description}" />
-        <drawtextbox condition="{ismovie}" x="0" y="0" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} + 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{description}" />
+        <drawtextbox condition="{isseries}" x="0" y="0" width="96%" float="topright" floatwidth="{width(seriesposter)} + 10" floatheight="{height(seriesposter)} + 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="{ismovie}" x="0" y="0" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} + 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{description}" />
     </tab>
     <tab name="{tr(recinfo)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtext align="center" y="0" name="title" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(recinfo)}" />
-        <drawtextbox x="0" y="{height(title)} + 20" width="96%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(recsize)}: {recordingsize}&#10;{tr(recsizecutted)}: {recordingsizecutted}&#10;{tr(reclength)}: {recordinglength}&#10;{tr(reclengthcutted)}: {recordinglengthcutted}&#10;{tr(bitrate)}: {recordingbitrate}&#10;{tr(format)}: {recordingformat}&#10;{tr(searchtimer)}: {searchtimer}&#10;" />
+        <drawtext align="center" y="0" name="title" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(recinfo)}" />
+        <drawtextbox x="0" y="{height(title)} + 20" width="96%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(recsize)}: {recordingsize}&#10;{tr(recsizecutted)}: {recordingsizecutted}&#10;{tr(reclength)}: {recordinglength}&#10;{tr(reclengthcutted)}: {recordinglengthcutted}&#10;{tr(bitrate)}: {recordingbitrate}&#10;{tr(format)}: {recordingformat}&#10;{tr(searchtimer)}: {searchtimer}&#10;" />
     </tab>
     <tab condition="{isseries}||{ismovie}" name="{tr(actors)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtext align="center" name="title" y="0" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(actors)}" />
+        <drawtext align="center" name="title" y="0" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(actors)}" />
         <loop name="actors" x="0" y="{height(title)} + 10" width="{areawidth}" orientation="horizontal" columnwidth="{areawidth}/5" rowheight="{areawidth}/5*1.8" overflow="linewrap">
             <drawimage name="thumb" imagetype="image" path="{actors[thumb]}" x="20" y="0" width="{columnwidth}-40" height="{columnwidth} * {actors[thumbheight]} / {actors[thumbwidth]} - 40 * {actors[thumbheight]} / {actors[thumbwidth]}"/>
-            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{light}" fontsize="7%" color="{clrWhite}" text="{actors[name]}" />
-            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{light}" fontsize="7%" color="{clrWhite}" text="{actors[role]}" />
+            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{light}" fontsize="7%" color="{fontdefault}" text="{actors[name]}" />
+            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{light}" fontsize="7%" color="{fontdefault}" text="{actors[role]}" />
         </loop>
     </tab>
     <tab condition="{isseries}" name="TvDBInfo" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
         <drawimage name="banner" imagetype="image" path="{seriesbanner1path}" align="center" y="10" width="{areawidth}*0.9" height="{areawidth} * 0.9 * {seriesbanner1height} / {seriesbanner1width}"/>
         <drawimage name="episodeimage" imagetype="image" path="{episodeimagepath}" x="{areawidth}*0.7" y="{height(banner)} + 20" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {episodeimageheight} / {episodeimagewidth}"/>
         <drawimage name="seasonposter" imagetype="image" path="{seasonposterpath}" x="{areawidth}*0.7" y="{height(banner)} + {height(episodeimage)} + 30" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {seasonposterheight} / {seasonposterwidth}"/>
-        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
+        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{light}" fontsize="8%" color="{fontdefault}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
     </tab>
     <tab condition="{isseries}" name="{tr(seriesgalery)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
         <drawimage name="banner1" imagetype="image" path="{seriesbanner1path}" align="center" y="10" width="{areawidth}*0.9" height="{areawidth} * 0.9 * {seriesbanner1height} / {seriesbanner1width}"/>
@@ -123,7 +123,7 @@
     </tab>
     <tab condition="{ismovie}" name="MovieDBInfo" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
         <drawimage name="poster" imagetype="image" path="{posterpath}" x="70%" y="10" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {posterheight} / {posterwidth}"/>
-        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}$&#10;||{tr(revenue)}: {movierevenue}$&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
+        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}$&#10;||{tr(revenue)}: {movierevenue}$&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
     </tab>
     <tab condition="{ismovie}" name="{tr(moviegalery)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
         <drawimage name="fanart" imagetype="image" path="{fanartpath}" align="center" y="10" width="{areawidth}*0.9" height="{areawidth} * 0.9 * {fanartheight} / {fanartwidth}"/>
@@ -135,10 +135,11 @@
     <tablabels>
         <area x="0" y="85%" width="98%" height="5%" layer="3">
             <loop name="tabs" x="0" y="0" orientation="horizontal">
-                <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrTransBlueLight}" />
-                <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrTransBlueLight}" />
+                <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menuheader}" />
+                <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menuheader}" />
                 <drawrectangle condition="not{tabs[current]}" x="2" y="2" width="{width(label)} - 4" height="{areaheight}-4" color="{clrTransparent}" />
-                <drawtext name="label" x="0" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="  {tabs[title]}  " />
+                <drawtext condition="not{tabs[current]}" name="label" x="0" valign="center" font="{light}" fontsize="95%" color="{fontdefault}" text="  {tabs[title]}  " />
+                <drawtext condition="{tabs[current]}" name="label" x="0" valign="center" font="{light}" fontsize="95%" color="{fontactive}" text="  {tabs[title]}  " />
             </loop>
         </area>
     </tablabels>
diff --git a/skins/metrixhd/xmlfiles/displaymenudetailtext.xml b/skins/metrixhd/xmlfiles/displaymenudetailtext.xml
index 81600bd..48b38cc 100644
--- a/skins/metrixhd/xmlfiles/displaymenudetailtext.xml
+++ b/skins/metrixhd/xmlfiles/displaymenudetailtext.xml
@@ -1,75 +1,76 @@
 <menudetailedtext x="0" y="0" width="100%" height="100%" fadetime="0">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
     </background>
     <header>
         <area x="0" y="0" width="41%" height="10%" layer="2">
-            <drawtext x="5" width="{areawidth}-10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
+            <drawtext x="5" width="{areawidth}-10" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{title}" />
         </area>
     </header>
     <datetime>
         <area x="75%" y="0" width="12%" height="10%" layer="2">
-            <drawtext align="right" y="15%" font="{light}" fontsize="30%" color="{clrWhite}" text="{dayname}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="30%" color="{clrWhite}" text="{day}. {monthname}" />
+            <fill color="{menuactive}" />
+            <drawtext align="right" y="0%" font="{light}" fontsize="55%" color="{fontactive}" text="{dayname} " />
+            <drawtext align="right" y="45%" font="{light}" fontsize="55%" color="{fontactive}" text="{day}. {monthname} " />
         </area>
         <area x="87%" y="0" width="13%" height="10%" layer="2">
-            <drawtext align="center" valign="center" font="{light}" fontsize="60%" color="{clrWhite}" text="{time}" />
+            <drawtext align="center" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{time}" />
         </area>
     </datetime>
     
     <colorbuttons>
         <area x="0" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="25%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="50%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="75%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </colorbuttons>
     <scrollbar>
         <area x="98%" y="10%" width="2%" height="80%" layer="3">
-            <fill color="{clrWhite}" />
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
 
     <tab name="text" x="2%" y="10%" width="94%" height="80%" layer="2" scrollheight="{areaheight}/4">
-        <drawtextbox x="0" y="0" width="96%" font="{light}" fontsize="7%" color="{clrWhite}" text="{text}" />
+        <drawtextbox x="0" y="0" width="96%" font="{light}" fontsize="7%" color="{fontdefault}" text="{text}" />
     </tab>
 </menudetailedtext>
diff --git a/skins/metrixhd/xmlfiles/displaymenumain.xml b/skins/metrixhd/xmlfiles/displaymenumain.xml
index f9dd6c6..91a6a0b 100644
--- a/skins/metrixhd/xmlfiles/displaymenumain.xml
+++ b/skins/metrixhd/xmlfiles/displaymenumain.xml
@@ -1,229 +1,486 @@
 <menumain x="0" y="0" width="100%" height="100%" fadetime="0" orientation="{mainmenuorientation}">
     <background>
         <!-- main menu background -->
-        <area x="0" y="0" width="71%" height="70%" layer="1">
-            <fill color="{clrTransBlack}" />
-        </area>
+        <areacontainer condition="not{mainmenusmall}">
+            <area x="0" y="0" width="71%" height="71%" layer="1">
+                <fill color="{menuback}" />
+            </area>
+            <area condition="gt({indexmainmenuorientation},0)" x="42%" y="18%" width="26%" height="36%" layer="2">
+                <fill color="{menuactive}" />
+            </area>
+        </areacontainer>
+
+        <areacontainer condition="{mainmenusmall}">
+            <area x="0" y="0" width="44%" height="70%" layer="1">
+                <fill color="{menuback}" />
+            </area>
+        </areacontainer>
+
+        <areacontainer condition="{mainmenusmall}++gt({indexmainmenuorientation},0)">
+            <area x="30%" y="5%" width="20%" height="33%" layer="2">
+                <fill color="{menuactive}" />
+            </area>
+        </areacontainer>
+
         <!-- datetime background -->
-        <area x="75%" y="0" width="25%" height="10%" layer="2">
-            <drawrectangle x="0" y="0" width="53%" height="100%" color="{clrTransBlueLight}" />
-            <drawrectangle x="53%" y="0" width="47%" height="100%" color="{clrTransBlack}" />
-        </area>
-        <!-- system load background -->
-        <area x="75%" y="40%" width="25%" height="5%" layer="1">
-            <fill color="{clrTransBlack}"/>
-        </area>
-        <!-- disc usage background -->
-        <area x="75%" y="26%" width="25%" height="10%" layer="1">
-            <fill color="{clrTransBlack}"/>
+        <area x="75%" y="0" width="25%" height="10%" layer="1">
+            <fill color="{menuback}" />
+            <drawrectangle x="0" y="0" width="52%" height="100%" color="{menuheader}" />
         </area>
+
+
         <!-- weather background -->
-        <area x="75%" y="13%" width="25%" height="10%" layer="2">
-            <drawrectangle x="0" y="0" width="53%" height="100%" color="{clrTransBlueLight}" />
-            <drawrectangle x="53%" y="0" width="47%" height="100%" color="{clrTransBlack}" />
+        <area condition="gt({indexshowweather},0)" x="75%" y="13%" width="25%" height="10%" layer="1">
+            <fill color="{menuback}" />
+            <drawrectangle x="0" y="0" width="52%" height="100%" color="{menuheader}" />
         </area>
+        
+        <!-- information -->
+        <areacontainer condition="gt({indexshowinformation},1)">
+            <!-- background timers -->
+            <area x="0%" y="77%" width="30%" height="23%" layer="1">
+                <fill color="{menuback}" />
+                <drawrectangle x="0" y="0" width="100%" height="27%" color="{menuheader}" /> 
+            </area>
+            <!-- background last recordings -->
+            <area x="35%" y="77%" width="30%" height="23%" layer="1">
+                <fill color="{menuback}" />
+                <drawrectangle x="0" y="0" width="100%" height="27%" color="{menuheader}" /> 
+            </area>
+            <!-- background system info -->
+            <area x="70%" y="77%" width="30%" height="23%" layer="1">
+                <fill color="{menuback}" />
+                <drawrectangle x="0" y="0" width="100%" height="27%" color="{menuheader}" /> 
+            </area>
+            <area x="70%" y="77%" width="30%" height="6%" layer="2">
+                <drawtext align="center" valign="center" fontsize="60%" font="{regular}" color="{fontactive}" text="{tr(sysinfo)}" />
+            </area>
+        </areacontainer>
+
+        <areacontainer condition="eq({indexshowinformation},1)">
+            <!-- system load background -->
+            <area x="75%" y="40%" width="25%" height="5%" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+            <!-- disc usage background -->
+            <area x="75%" y="26%" width="25%" height="10%" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+        </areacontainer>
     </background>
 
     <header>
-        <area x="0" y="0" width="70%" height="7%" layer="2">
-            <drawtext x="10" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="{title} {vdrversion}" />
-        </area>
+        <areacontainer condition="not{mainmenusmall}">
+            <area condition="not{hasicon}" x="0" y="0" width="60%" height="7%" layer="2">
+                <drawtext condition="strequal({title}, 'VDR')"    x="10" width="{areawidth}-20" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="VDR {vdrversion}" />
+                <drawtext condition="strnotequal({title}, 'VDR')" x="10" width="{areawidth}-20" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{title}" />
+            </area>
+            <area condition="{hasicon}" x="0" y="0" width="60%" height="7%" layer="2">
+                <drawimage name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="80%"/>
+                <drawtext condition="strequal({title}, 'VDR')"    x="{width(menuicon)}+20" valign="center" width="{areawidth}-{width(menuicon)}-30" font="{light}" fontsize="100%" color="{fontdefault}" text="VDR {vdrversion}" />
+                <drawtext condition="strnotequal({title}, 'VDR')" x="{width(menuicon)}+20" valign="center" width="{areawidth}-{width(menuicon)}-30" font="{light}" fontsize="100%" color="{fontdefault}" text="{title}" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="{mainmenusmall}">
+            <area x="0" y="0" width="30%" height="7%" layer="2">
+                <drawtext condition="strequal({title}, 'VDR')"    x="10" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{title} {vdrversion}" />
+                <drawtext condition="strnotequal({title}, 'VDR')" x="10" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{title}" />
+            </area>
+        </areacontainer>
     </header>
 
     <datetime>
-        <area x="75%" y="0" width="13%" height="10%" layer="3">
-            <drawtext align="right" y="0%" font="{light}" fontsize="55%" color="{clrWhite}" text="{dayname}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="55%" color="{clrWhite}" text="{day}. {monthnameshort}" />
+        <area x="75%" y="0" width="12%" height="10%" layer="2">
+            <drawtext align="right" y="0%" font="{light}" fontsize="55%" color="{fontactive}" text="{dayname}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="55%" color="{fontactive}" text="{day}. {monthnameshort}" />
         </area>
-        <area x="88%" y="0" width="12%" height="10%" layer="3">
-            <drawtext align="center" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="{time}" />
+        <area x="88%" y="0" width="12%" height="10%" layer="2">
+            <drawtext align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{time}" />
         </area>
     </datetime>
-
-    <colorbuttons>
-        <area x="0" y="63%" width="18%" height="7%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
-            <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
-            <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
-            <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
-            <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
-        </area>
-        <area x="18%" y="63%" width="17%" height="7%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
-            <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
-            <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
-            <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
-            <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
-        </area>
-        <area x="35%" y="63%" width="18%" height="7%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
-            <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
-            <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
-            <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
-            <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
-        </area>
-        <area x="53%" y="63%" width="17%" height="7%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
-            <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
-            <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
-            <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
-            <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
-        </area>
-    </colorbuttons>
-
-    <timers shifttime="{shifttimetimers}" startx="0" starty="100%">
-        <area x="0" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
-            <fill color="{clrTransBlack}" />
-        </area>
-        <area condition="not{numtimerconflicts}" x="0" y="75%" width="{areawidth}/8 - 5" height="25%" layer="2">
-            <drawtext align="center" y="15%" font="{light}" fontsize="50%" color="{clrWhite}" text="{numtimers}" />
-            <drawtext condition="eq({numtimers}, 0)||gt({numtimers}, 1)" name="timersheader" align="center" y="60%" font="{light}" fontsize="20%" color="{clrWhite}" text="{tr(activetimers)}" />
-            <drawtext condition="eq({numtimers}, 1)" name="timersheader" align="center" y="60%" font="{light}" fontsize="20%" color="{clrWhite}" text="{tr(activetimer)}" />
-        </area>
-        <area condition="{numtimerconflicts}" x="0" y="75%" width="{areawidth}/8 - 5" height="25%" layer="2">
-            <drawtext align="center" y="0" font="{light}" fontsize="50%" color="{clrWhite}" text="{numtimers}" />
-            <drawtext name="timersheader" align="center" y="45%" font="{light}" fontsize="20%" color="{clrWhite}" text="{tr(activetimers)}" />
-            <drawtext align="center" y="65%" font="{semibold}" fontsize="20%" color="{clrRed}" text="{numtimerconflicts} {tr(conflicts)}!" />
-        </area>
-        
-        <area condition="gt({numtimers}, 0)" x="{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
-            <fill color="{clrTransBlack}"/>
-        </area>
-        <area condition="gt({numtimers}, 1)" x="2*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
-            <fill color="{clrTransBlack}"/>
-        </area>
-        <area condition="gt({numtimers}, 2)" x="3*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
-            <fill color="{clrTransBlack}"/>
-        </area>
-        <area condition="gt({numtimers}, 3)" x="4*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
-            <fill color="{clrTransBlack}"/>
-        </area>
-        <area condition="gt({numtimers}, 4)" x="5*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
-            <fill color="{clrTransBlack}"/>
-        </area>
-        <area condition="gt({numtimers}, 5)" x="6*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
-            <fill color="{clrTransBlack}"/>
-        </area>
-        <area condition="gt({numtimers}, 6)" x="7*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
-            <fill color="{clrTransBlack}"/>
-        </area>
-        <area x="{areawidth}/8" y="75%" width="{areawidth}*0.875" height="25%" layer="2">
-            <loop name="timers" x="0" y="0" orientation="horizontal" columnwidth="{areawidth}/7" rowheight="{areaheight}" overflow="cut">
-                <drawrectangle condition="{timers[recording]}" x="0" y="0" width="{columnwidth}-5" height="{rowheight}" color="{clrRed}" />
-                <drawimage cache="true" name="logo" imagetype="channellogo" path="{timers[channelid]}" width="{columnwidth}-15" height="40%" align="center" y="10" />
-                <drawtextbox x="5" y="{height(logo)} + 10" width="{columnwidth}-10" align="center" maxlines="2" font="{light}" fontsize="15%" color="{clrWhite}" text="{timers[title]}" />
-                <drawtext align="center" y="75%" font="{light}" fontsize="20%" color="{clrWhite}" text="{timers[datetime]}" />
-            </loop>
-        </area>
-    </timers>
-
-    <discusage>
-        <area background="true" x="75%" y="26%" width="25%" height="10%" layer="1">
-            <fill condition="{discalert}" color="{clrRed}"/>
-        </area>
-        <area x="75%" y="26%" width="25%" height="10%" layer="2">
-            <drawimage imagetype="icon" path="ico_discusage" x="1%" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
-            <drawtext x="{areaheight}+10" y="0" font="{light}" fontsize="55%" color="{clrWhite}" text="{tr(disc)}: {freepercent}% {tr(free)}" />
-            <drawtext x="{areaheight}+10" y="45%" font="{light}" fontsize="55%" color="{clrWhite}" text="{freetime} {tr(hours)}" />
-        </area>
-    </discusage>
-
-    <currentweather>
-        <area x="75%" y="13%" width="12%" height="10%" layer="2">
+    
+    <currentweather condition="gt({indexshowweather},0)">
+        <area x="75%" y="13%" width="13%" height="10%" layer="2">
             <drawimage imagetype="icon" path="{icon}" align="center" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
         </area>
         <area x="89%" y="13%" width="10%" height="10%" layer="2">
-            <drawtext x="0" y="0" font="{light}" fontsize="35%" color="{clrWhite}" text="{mintemperature}°C" />
-            <drawtext x="0" y="70%" font="{light}" fontsize="35%" color="{clrWhite}" text="{maxtemperature}°C" />
+            <drawtext x="0" y="0" font="{light}" fontsize="35%" color="{fontdefault}" text="{mintemperature}°C" />
+            <drawtext x="0" y="70%" font="{light}" fontsize="35%" color="{fontdefault}" text="{maxtemperature}°C" />
         </area>
         <area x="89%" y="13%" width="10%" height="10%" layer="3">
-            <drawtext align="right" valign="center" font="{light}" fontsize="65%" color="{clrWhite}" text="{temperature}°C" />
+            <drawtext align="right" valign="center" font="{light}" fontsize="65%" color="{fontdefault}" text="{temperature}°C" />
         </area>
     </currentweather>
-
-    <devices condition="{showdevices}">
-        <area background="true" x="75%" y="48%" width="25%" height="{areaheight}/12 * {numdevices}" layer="1">
-            <fill color="{clrTransBlack}"/>
+    
+    
+    <devices condition="gt({indexshowdevices},0)">
+        <area background="true" x="75%" y="26%" width="25%" height="{areaheight}/12 * {numdevices}" layer="1">
+            <fill color="{menuback}"/>
         </area>
-        <area x="75%" y="48%" width="25%" height="{areaheight}/12 * {numdevices}" layer="2">
+        <area x="75%" y="26%" width="25%" height="{areaheight}/12 * {numdevices}" layer="2">
             <loop name="devices" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight} / {numdevices}" overflow="cut">
-                <drawtext name="label" x="5" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrWhite}" text="{devices[num]}: {devices[type]}" />
-                <drawtext condition="{devices[hascam]}" x="{width(label)} + 15" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrWhite}" text="(CAM {devices[cam]})" />
+                <drawtext name="label" x="5" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="{devices[num]}: {devices[type]}" />
+                <drawtext condition="{devices[hascam]}" x="{width(label)} + 15" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="(CAM {devices[cam]})" />
                 <drawtext condition="{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrRed}" text="LiveTV, Recording ({devices[channelname]}) " />
                 <drawtext condition="{devices[recording]} ++ not{devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrRed}" text="Recording ({devices[channelname]}) " />
-                <drawtext condition="not{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrWhite}" text="LiveTV ({devices[channelname]}) " />
-                <drawrectangle condition="{devices[istuned]}" x="5" y="{rowheight}/3 + 5" width="{areawidth} * {devices[signalstrength]} / 100 - 10 * {devices[signalstrength]} / 100" height="{rowheight}/3 - 10" color="{clrTransWhite}" />
-                <drawrectangle condition="{devices[istuned]}" x="5" y="2*{rowheight}/3 + 5" width="{areawidth} * {devices[signalquality]} / 100 - 10 * {devices[signalquality]} / 100" height="{rowheight}/3 - 10" color="{clrTransWhite}" />
-                <drawtext condition="not{devices[istuned]}" align="center" y="{rowheight}/2" font="{light}" fontsize="{rowheight}*0.35" color="{clrWhite}" text="not tuned" />
+                <drawtext condition="not{devices[recording]} ++ {devices[livetv]}" align="right" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="LiveTV ({devices[channelname]}) " />
+                <drawrectangle condition="{devices[istuned]}" x="5" y="{rowheight}/3 + 5" width="{areawidth} * {devices[signalstrength]} / 100 - 10 * {devices[signalstrength]} / 100" height="{rowheight}/3 - 10" color="{clrWhiteTrans}" />
+                <drawrectangle condition="{devices[istuned]}" x="5" y="2*{rowheight}/3 + 5" width="{areawidth} * {devices[signalquality]} / 100 - 10 * {devices[signalquality]} / 100" height="{rowheight}/3 - 10" color="{clrWhiteTrans}" />
+                <drawtext condition="not{devices[istuned]}" align="center" y="{rowheight}/2" font="{light}" fontsize="{rowheight}*0.35" color="{fontdefault}" text="not tuned" />
             </loop>
         </area>
     </devices>
 
-    <systemload>
-        <area x="75%" y="40%" width="25%" height="5%" layer="2">
-            <drawtext x="5" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="System Load: {load}" />
+    <colorbuttons>
+        <areacontainer condition="not{mainmenusmall}">
+            <area x="0" y="64%" width="18%" height="7%" layer="2">
+                <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="18%" y="64%" width="17%" height="7%" layer="2">
+                <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="35%" y="64%" width="18%" height="7%" layer="2">
+                <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="53%" y="64%" width="17%" height="7%" layer="2">
+                <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+        </areacontainer>
+
+        <areacontainer condition="{mainmenusmall}">
+            <area x="0" y="64%" width="10%" height="6%" layer="2">
+                <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="11%" y="64%" width="10%" height="6%" layer="2">
+                <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="22%" y="64%" width="10%" height="6%" layer="2">
+                <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+            <area x="33%" y="64%" width="10%" height="6%" layer="2">
+                <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{red}" />
+                <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
+                <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{green}" />
+                <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
+                <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{yellow}" />
+                <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
+                <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{blue}" />
+                <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
+            </area>
+        </areacontainer>
+    </colorbuttons>
+
+    <timers shifttime="{shifttimetimers}" startx="0" starty="100%">
+        <areacontainer condition="eq({indexshowinformation},1)" >
+            <area x="0" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
+                <fill color="{menuback}" />
+            </area>
+            <area condition="not{numtimerconflicts}" x="0" y="75%" width="{areawidth}/8 - 5" height="25%" layer="2">
+                <drawtext align="center" y="15%" font="{light}" fontsize="50%" color="{fontdefault}" text="{numtimers}" />
+                <drawtext condition="eq({numtimers}, 0)||gt({numtimers}, 1)" name="timersheader" align="center" y="60%" font="{light}" fontsize="20%" color="{fontdefault}" text="{tr(activetimers)}" />
+                <drawtext condition="eq({numtimers}, 1)" name="timersheader" align="center" y="60%" font="{light}" fontsize="20%" color="{fontdefault}" text="{tr(activetimer)}" />
+            </area>
+            <area condition="{numtimerconflicts}" x="0" y="75%" width="{areawidth}/8 - 5" height="25%" layer="2">
+                <drawtext align="center" y="0" font="{light}" fontsize="50%" color="{fontdefault}" text="{numtimers}" />
+                <drawtext name="timersheader" align="center" y="45%" font="{light}" fontsize="20%" color="{fontdefault}" text="{tr(activetimers)}" />
+                <drawtext align="center" y="65%" font="{semibold}" fontsize="20%" color="{clrRed}" text="{numtimerconflicts} {tr(conflicts)}!" />
+            </area>
+        
+            <area condition="gt({numtimers}, 0)" x="{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+            <area condition="gt({numtimers}, 1)" x="2*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+            <area condition="gt({numtimers}, 2)" x="3*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+            <area condition="gt({numtimers}, 3)" x="4*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+            <area condition="gt({numtimers}, 4)" x="5*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+            <area condition="gt({numtimers}, 5)" x="6*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+            <area condition="gt({numtimers}, 6)" x="7*{areawidth}/8" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
+                <fill color="{menuback}"/>
+            </area>
+            <area x="{areawidth}/8" y="75%" width="{areawidth}*0.875" height="25%" layer="2">
+                <loop name="timers" x="0" y="0" orientation="horizontal" columnwidth="{areawidth}/7" rowheight="{areaheight}" overflow="cut">
+                    <drawrectangle condition="{timers[recording]}" x="0" y="0" width="{columnwidth}-5" height="{rowheight}" color="{clrRed}" />
+                    <drawimage cache="true" name="logo" imagetype="channellogo" path="{timers[channelid]}" width="{columnwidth}-20" height="40%" align="center" y="10" />
+                    <drawtextbox x="5" y="{height(logo)} + 10" width="{columnwidth}-10" align="center" maxlines="2" font="{light}" fontsize="15%" color="{fontdefault}" text="{timers[title]}" />
+                    <drawtext align="center" y="75%" font="{light}" fontsize="20%" color="{fontdefault}" text="{timers[datetime]}" />
+                </loop>
+            </area>
+        </areacontainer>
+        <areacontainer condition="gt({indexshowinformation},1)">
+            <area x="0%" y="77%" width="30%" height="6%" layer="2">
+                <drawtext condition="lt({numtimers}, 1) || gt({numtimers}, 1)" align="center" valign="center" fontsize="60%" font="{regular}" color="{fontactive}" text="{numtimers} {tr(activetimers)}" />
+                <drawtext condition="eq({numtimers}, 1)" align="center" valign="center" fontsize="60%" font="{regular}" color="{fontactive}" text="{numtimers} {tr(activetimer)}" />
+            </area>
+            <area condition="{numtimers}" x="0%" y="84%" width="30%" height="14%" layer="2">
+                <loop name="timers" x="5" y="3" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/3" overflow="cut">
+                    <drawimage cache="true" name="logo" imagetype="channellogo" path="{timers[channelid]}" width="{columnwidth}*0.15" height="{rowheight}*0.75" x="10" valign="center" />
+                    <drawtext condition="not{timers[recording]}" name="datetime" x="{posx(logo)} + {width(logo)} + 10" y="0" font="{regular}" fontsize="{rowheight}*0.4" color="{fontdefault}" text="{timers[datetime]}" />
+                    <drawimage condition="not{timers[recording]}++{timers[isremotetimer]}" name="remotetimericon" imagetype="icon" path="ico_remotetimer" width="{rowheight}*0.4" height="{rowheight}*0.4" x="{posx(datetime)} + {width(datetime)} + 10" y="0" />
+                    <drawtext  condition="not{timers[recording]}++{timers[isremotetimer]}" x="{posx(remotetimericon)} + {width(remotetimericon)} + 10" y="0" font="{regular}" fontsize="{rowheight}*0.4" color="{fontdefault}" text="{timers[remotehost]}" />
+                    <drawtext condition="{timers[recording]}" name="datetimeactive" x="{posx(logo)} + {width(logo)} + 10" y="0" font="{regular}" fontsize="{rowheight}*0.4" color="{icontextalert}" text="{timers[datetime]}" />
+                    <drawimage condition="{timers[recording]}++{timers[isremotetimer]}" name="remotetimericonactive" imagetype="icon" path="ico_remotetimer" width="{rowheight}*0.4" height="{rowheight}*0.4" x="{posx(datetimeactive)} + {width(datetimeactive)} + 10" y="0" />
+                    <drawtext  condition="{timers[recording]}++{timers[isremotetimer]}" x="{posx(remotetimericonactive)} + {width(remotetimericonactive)} + 10" y="0" font="{regular}" fontsize="{rowheight}*0.4" color="{fontdefault}" text="{timers[remotehost]}" />
+                    <drawtext condition="not{timers[recording]}" x="{posx(logo)} + {width(logo)} + 10" y="{rowheight}*0.35" width="{columnwidth} - {posx(logo)} - {width(logo)} - 20" font="{regular}" fontsize="{rowheight}*0.6" color="{fontdefault}" text="{timers[title]}" />
+                    <drawtext condition="{timers[recording]}" x="{posx(logo)} + {width(logo)} + 10" y="{rowheight}*0.35" width="{columnwidth} - {posx(logo)} - {width(logo)} - 20" font="{regular}" fontsize="{rowheight}*0.6" color="{icontextalert}" text="{timers[title]}" />
+                </loop>
+            </area>
+        </areacontainer>
+    </timers>
+
+    <lastrecordings condition="gt({indexshowinformation},1)">
+        <area x="35%" y="77%" width="30%" height="6%" layer="2">
+            <drawtext align="center" valign="center" fontsize="60%" font="{regular}" color="{fontactive}" text="{tr(lastrecs)}" />
+        </area>
+        <area x="35%" y="84%" width="30%" height="14%" layer="2">
+            <loop name="recordings" x="5" y="3" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/3" overflow="cut">
+                <drawtext  x="10" y="0" font="{regular}" fontsize="{rowheight}*0.4" color="{fontdefault}" text="{recordings[date]}, {recordings[duration]} min" />
+                <drawtext condition="empty{recordings[seriesname]}" x="10" y="{rowheight}*0.35" width="{columnwidth} - 20" font="{regular}" fontsize="{rowheight}*0.6" color="{fontdefault}" text="{recordings[name]}" />
+                <drawtext condition="isset{recordings[seriesname]}" x="10" y="{rowheight}*0.35" width="{columnwidth} - 20" font="{regular}" fontsize="{rowheight}*0.6" color="{fontdefault}" text="{recordings[seriesname]}" />
+            </loop>
         </area>
+    </lastrecordings>
+
+    <discusage>
+        <areacontainer condition="eq({indexshowinformation},1)">
+            <area background="true" x="75%" y="26%" width="25%" height="10%" layer="1">
+                <fill condition="{discalert}" color="{clrRed}"/>
+            </area>
+            <area x="75%" y="26%" width="25%" height="10%" layer="2">
+                <drawimage imagetype="icon" path="ico_discusage" x="1%" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9"/>
+                <drawtext x="{areaheight}+10" y="0" font="{light}" fontsize="55%" color="{fontdefault}" text="{tr(disc)}: {freepercent}% {tr(free)}" />
+                <drawtext x="{areaheight}+10" y="45%" font="{light}" fontsize="55%" color="{fontdefault}" text="{freetime} {tr(hours)}" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="gt({indexshowinformation},1)">
+            <area background="true" x="71%" y="85%" width="9%" height="6%" layer="2">
+                <drawimage imagetype="icon" path="harddisc" align="center" y="0" width="{areaheight}" height="{areaheight}" />
+            </area>
+            <area x="71%" y="92%" width="9%" height="7%" layer="2">
+                <drawtext align="center" y="0" fontsize="40%" font="{regular}" color="{fontdefault}" text="{tr(disc)} {usedpercent}%" />
+                <drawtext align="center" y="40%" fontsize="40%" font="{regular}" color="{fontdefault}" text="{freetime}h {tr(free)}" />
+            </area>
+        </areacontainer>
+    </discusage>
+
+    <systemload>
+        <areacontainer condition="eq({indexshowinformation},1)">
+            <area x="75%" y="40%" width="25%" height="5%" layer="2">
+                <drawtext x="5" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="System Load: {load}" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="gt({indexshowinformation},1)">
+            <area background="true" x="81%" y="85%" width="5%" height="5%" layer="2">
+                <drawimage imagetype="icon" path="cpu" align="center" y="0" width="{areaheight}" height="{areaheight}" />
+            </area>
+            <area x="86%" y="85%" width="12%" height="3%" layer="2">
+                <drawtext x="0" y="0" fontsize="100%" font="{regular}" color="{fontdefault}" text="{tr(load)} {load}" />
+            </area>
+        </areacontainer>
     </systemload>
 
-    <menuitems x="0" y="7%" orientation="vertical" width="70%" height="56%" align="center" numlistelements="8">
+    <vdrstatistics condition="gt({indexshowinformation},1)">
+        <area x="86%" y="88%" width="12%" height="3%" layer="2">
+            <drawtext x="0" y="0" fontsize="100%" font="{regular}" color="{fontdefault}" text="{tr(vdrcpu)}: {vdrcpu}%" />
+        </area>
+    </vdrstatistics>
+
+    <temperatures condition="gt({indexshowinformation},1)">
+        <area background="true" x="81%" y="92%" width="5%" height="5%" layer="2">
+            <drawimage imagetype="icon" path="temperature" align="center" y="0" width="{areaheight}" height="{areaheight}" />
+        </area>
+        <area x="86%" y="92%" width="12%" height="6%" layer="2">
+            <drawtext x="0" y="0" fontsize="50%" font="{regular}" color="{fontdefault}" text="CPU {cputemp}°C" />
+            <drawtext x="0" y="50%" fontsize="50%" font="{regular}" color="{fontdefault}" text="GPU {gputemp}°C" />
+        </area>
+    </temperatures>
+
+    <menuitems x="0" y="7%" orientation="vertical" width="70%" height="57%" align="center" numlistelements="{menuitemsmax}">
         <listelement>
-            <area x="0" width="60%" layer="2">
-                <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
-            </area>
-            <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="0" width="60%" layer="3">
-                <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{number} {label}" />
-            </areascroll>
+            <areacontainer x="0" width="57%" condition="not{mainmenusmall}">
+                <area layer="2">
+                    <fill condition="not{current}" color="{clrTransparent}" />
+                    <fill condition="{current}" color="{menuactive}" />
+                </area>
+                <areascroll condition="{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="0" width="99%" layer="3">
+                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{number} {label}" />
+                </areascroll>
+                <areascroll condition="not{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="0" width="99%" layer="3">
+                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{number} {label}" />
+                </areascroll>
+            </areacontainer>
+            <areacontainer x="0" width="41%" condition="{mainmenusmall}">
+                <area layer="2">
+                    <fill condition="not{current}" color="{clrTransparent}" />
+                    <fill condition="{current}" color="{menuactive}" />
+                </area>
+                <areascroll condition="{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="0" width="99%" layer="3">
+                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{number} {label}" />
+                </areascroll>
+                <areascroll condition="not{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="0" width="99%" layer="3">
+                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{number} {label}" />
+                </areascroll>
+            </areacontainer>
         </listelement>
-        <currentelement fadetime="300">
-            <area x="61%" y="22%" width="36%" height="52%" layer="2">
-                <fill color="{clrTransBlueLight}" />
+
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
+            <area condition="not{mainmenusmall}" x="61%" y="25%" width="36%" height="50%" layer="3">
+                <drawimage imagetype="menuicon" path="{icon}_active" align="center" valign="center" width="{areaheight} - 10" height="{areaheight} - 10"/>
             </area>
-            <area x="61%" y="23%" width="36%" height="50%" layer="3">
-                <drawimage imagetype="menuicon" path="{icon}" align="center" valign="center" width="{areaheight} - 10" height="{areaheight} - 10"/>
+            <area condition="{mainmenusmall}" x="39%" y="0" width="36%" height="50%" layer="3">
+                <drawimage imagetype="menuicon" path="{icon}_active" align="center" valign="center" width="{areaheight} - 10" height="{areaheight} - 10"/>
             </area>
         </currentelement>
     </menuitems>
 
-    <menuitems x="0" y="7%" orientation="horizontal" width="70%" height="56%" align="center" numlistelements="1">
+    <menuitems orientation="horizontal" condition="not{mainmenusmall}" x="13%" y="7%" width="45%" height="56%" align="center" numlistelements="1">
         <listelement>
-            <area y="10%" height="80%" layer="2">
-                <drawrectangle condition="{current}" x="20%" y="0" width="60%" height="100%" color="{clrTransBlueLight}" />
+            <areacontainer condition="{current}">
+                <area x="0" y="10%" width="100%" height="80%" layer="2">
+                    <fill  color="{menuactive}" />
+                </area>
+                <area x="12%" width="76%" y="10%" height="80%" layer="3">
+                    <drawimage imagetype="menuicon" path="{icon}_active" align="center" x="0" y="10%" width="{areaheight}*0.6" height="{areaheight}*0.6"/>
+                </area>
+                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="5%" width="90%"  y="70%" height="20%" layer="4">
+                    <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="80%" color="{fontactive}" text="{label}" />
+                </areascroll>
+            </areacontainer>
+<!--
+            <area condition="not{current}" x="5%" width="90%"  y="70%" height="20%" layer="4">
+                <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{label}" />
             </area>
-            <area y="10%" height="80%" layer="3">
-                <drawimage condition="{current}" imagetype="menuicon" path="{icon}" align="center" y="10%" width="{areaheight}*0.6" height="{areaheight}*0.6"/>
+-->
+        </listelement>
+    </menuitems>
+    <menuitems orientation="horizontal" condition="{mainmenusmall}" x="0" y="7%" width="44%" height="56%" align="center" numlistelements="1">
+        <listelement>
+            <areacontainer condition="{current}">
+                <area x="0" y="10%" width="100%" height="80%" layer="2">
+                    <fill color="{menuactive}" />
+                </area>
+                <area x="12%" width="76%" y="10%" height="80%" layer="3">
+                    <drawimage imagetype="menuicon" path="{icon}_active" align="center" x="0" y="10%" width="{areaheight}*0.6" height="{areaheight}*0.6"/>
+                </area>
+                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="5%" width="90%"  y="70%" height="20%" layer="4">
+                    <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="80%" color="{fontactive}" text="{label}" />
+                </areascroll>
+            </areacontainer>
+<!--
+            <area condition="not{current}"  x="5%" width="90%"  y="70%" height="20%" layer="4">
+                <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{label}" />
             </area>
-            <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" y="70%" height="20%" layer="4">
-                <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{label}" />
-            </areascroll>
+-->
         </listelement>
     </menuitems>
 
     <scrollbar orientation="vertical">
-        <area x="68%" y="7%" width="2%" height="56%" layer="2">
-            <fill color="{clrWhite}" />
-            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
-        </area>
+        <areacontainer condition="{mainmenusmall}++eq({indexshowscrollbar},0)">
+            <area x="44%" y="3%" width="6%" height="37%" layer="1">
+                <fill color="{menuback}" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="eq({indexshowscrollbar},2)">
+            <area condition="{mainmenusmall}" x="44%" y="3%" width="9%" height="37%" layer="1">
+                <fill color="{menuback}" />
+            </area>
+            <area condition="{mainmenusmall}" x="51%" y="5%" width="1%" height="33%" layer="2">
+                <fill color="{scrollbar}" />
+                <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
+                <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
+            </area>
+            <area condition="not{mainmenusmall}" x="69%" y="7%" width="1%" height="56%" layer="2">
+                <fill color="{scrollbar}" />
+                <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
+                <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="eq({indexshowscrollbar},1)">
+            <area condition="{mainmenusmall}" x="44%" y="3%" width="6%" height="37%" layer="1">
+                <fill condition="not{hasprev}++not{hasnext}" color="{menuback}" />
+            </area>
+            <area condition="{mainmenusmall}" x="44%" y="3%" width="9%" height="37%" layer="1">
+                <fill condition="{hasprev}||{hasnext}" color="{menuback}" />
+            </area>
+            <area condition="{mainmenusmall}" x="51%" y="5%" width="1%" height="33%" layer="2">
+                <fill condition="{hasprev}||{hasnext}" color="{scrollbar}" />
+                <drawrectangle condition="{hasprev}||{hasnext}" x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
+                <drawrectangle condition="{hasprev}||{hasnext}" x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
+            </area>
+            <area condition="not{mainmenusmall}" x="69%" y="7%" width="1%" height="56%" layer="2">
+                <fill condition="{hasprev}||{hasnext}" color="{scrollbar}" />
+                <drawrectangle condition="{hasprev}||{hasnext}" x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
+                <drawrectangle condition="{hasprev}||{hasnext}" x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
+            </area>
+        </areacontainer>
     </scrollbar>
 
     <scrollbar orientation="horizontal">
-        <area condition="{hasprev}" x="0" y="7%" width="14%" height="56%" layer="2">
+        <area condition="{hasprev}" x="1%" y="7%" width="8%" height="56%" layer="3">
             <drawimage imagetype="icon" path="ico_arrow_left" align="center" valign="center" width="{areawidth}*0.8" height="{areawidth}*0.8"/>
         </area>
-        <area condition="{hasnext}" x="56%" y="7%" width="14%" height="56%" layer="2">
+        <area condition="not{mainmenusmall}++{hasnext}" x="62%" y="7%" width="8%" height="56%" layer="3">
+            <drawimage imagetype="icon" path="ico_arrow_right" align="center" valign="center" width="{areawidth}*0.8" height="{areawidth}*0.8"/>
+        </area>
+        <area condition="{mainmenusmall}++{hasnext}" x="35%" y="7%" width="8%" height="56%" layer="3">
             <drawimage imagetype="icon" path="ico_arrow_right" align="center" valign="center" width="{areawidth}*0.8" height="{areawidth}*0.8"/>
         </area>
     </scrollbar>
diff --git a/skins/metrixhd/xmlfiles/displaymenurecordings.xml b/skins/metrixhd/xmlfiles/displaymenurecordings.xml
index 276c10f..fe8b340 100644
--- a/skins/metrixhd/xmlfiles/displaymenurecordings.xml
+++ b/skins/metrixhd/xmlfiles/displaymenurecordings.xml
@@ -3,33 +3,33 @@
     <background orientation="horizontal">
         <!-- horizontal menu -->
         <area x="0" y="0" width="100%" height="10%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="0" y="60%" width="100%" height="40%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="5%" y="10%" width="90%" height="50%" layer="1">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuheader}" />
         </area>
     </background>
 
     <header orientation="horizontal">
         <!-- horizontal menu -->
         <area x="0" y="0" width="70%" height="10%" layer="2">
-            <drawtext condition="not{hasicon}" x="5" width="{areawidth}-10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
-            <drawimage condition="{hasicon}" name="menuicon" imagetype="menuicon" path="{icon}" x="5" valign="center" width="{areaheight}*8/10" height="80%"/>
-            <drawtext condition="{hasicon}" x="{areaheight}" valign="center" width="{areawidth}-{areaheight}-10" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
+            <drawtext condition="not{hasicon}" x="10" width="{areawidth}-20" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
+            <drawimage condition="{hasicon}" name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="80%"/>
+            <drawtext condition="{hasicon}" x="{width(menuicon)}+20" valign="center" width="{areawidth}-{width(menuicon)}-30" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
         </area>
     </header>
 
     <datetime orientation="horizontal">
         <!-- horizontal menu -->
-        <area x="70%" y="0" width="15%" height="10%" layer="2">
-            <drawtext align="right" y="5%" font="{light}" fontsize="50%" color="{clrWhite}" text="{dayname}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="50%" color="{clrWhite}" text="{day}. {monthnameshort}" />
+        <area x="75%" y="0" width="14%" height="10%" layer="2">
+            <drawtext align="right" y="5%" font="{light}" fontsize="50%" color="{fontdefault}" text="{dayname}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="50%" color="{fontdefault}" text="{day}. {monthname}" />
         </area>
-        <area x="85%" y="0" width="15%" height="10%" layer="2">
-            <drawtext align="center" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{time}" />
+        <area x="90%" y="0" width="10%" height="10%" layer="2">
+            <drawtext align="center" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{time}" />
         </area>
     </datetime>
 
@@ -43,39 +43,57 @@
         </area>
     </sortmode>
 
-    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="16">
+    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="14">
         <listelement>
             <!-- Background -->
             <area x="1%" width="58%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{folder}" color="{clrSemiTransBlack}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
+                <fill condition="{folder}" color="{menuseparator}" />
+                <fill condition="{current}" color="{menuactive}" />
             </area>
             <!-- recording folder -->
-            <area condition="{folder}" x="1%" width="58%" layer="2">
-                <drawimage name="foldericon" imagetype="icon" path="ico_recfolder" x="10" width="0.9*{areaheight} * 92 / 136" height="0.9*{areaheight}" valign="center" />
-                <drawtext x="{width(foldericon)} + 20" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{name} ({numrecordingsfolder}, {newrecordingsfolder} new)" />
+            <area condition="{folder}" x="1%" width="58%" layer="3">
+                <drawimage condition="not{current}" name="foldericon" imagetype="icon" path="ico_recfolder" x="10" width="0.9*{areaheight} * 92 / 136" height="0.9*{areaheight}" valign="center" />
+                <drawtext condition="not{current}" x="{width(foldericon)} + 20" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{name} ({numrecordingsfolder}, {newrecordingsfolder} new)" />
+                <drawimage condition="{current}" name="foldericon" imagetype="icon" path="ico_recfolder_active" x="10" width="0.9*{areaheight} * 92 / 136" height="0.9*{areaheight}" valign="center" />
+                <drawtext condition="{current}" x="{width(foldericon)} + 20" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{name} ({numrecordingsfolder}, {newrecordingsfolder} new)" />
             </area>
             <!-- recording item -->
-            <area condition="not{folder}" x="1%" width="58%" layer="2">
-                <drawtext x="10" valign="center" font="{light}" fontsize="85%" color="{clrWhite}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
-                <drawtext x="35%" width="60%" valign="center" font="{light}" fontsize="85%" color="{clrWhite}" text="{name}" />
-                <drawimage condition="{new}" name="new" imagetype="icon" path="ico_recnew" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - 2*{areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-            </area>
+            <areacontainer condition="not{folder}++not{current}">
+                <area x="1%" width="51%" layer="3">
+                    <drawtext x="10" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                    <drawtext x="35%" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{name}" />
+                </area>
+                <area x="1%" width="58%" layer="4">
+                    <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - 2*{areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                </area>
+            </areacontainer>
+
+            <areacontainer condition="not{folder}++{current}">
+                <areascroll scrollelement="menutext" x="1%" width="51%" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" layer="3">
+                    <drawtext x="10" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                    <drawtext name="menutext" x="35%" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{name}" />
+                </areascroll>
+                <area x="1%" width="58%" layer="4">
+                    <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new_active" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - 2*{areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                </area>
+            </areacontainer>
         </listelement>
-        <currentelement fadetime="300">
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
             <area x="63%" y="0" width="36%" height="100%" layer="2">
                 <!-- header -->
-                <drawtext name="title" x="1%" y="0" width="98%" font="{semibold}" fontsize="8%" color="{clrWhite}" text="{epgname}" />
-                <drawtext name="shorttext" x="1%" y="{height(title)}" width="98%" font="{semibold}" fontsize="6%" color="{clrWhite}" text="{shorttext}" />
-                <drawtext name="datetime" x="1%" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="5%" color="{clrWhite}" text="{date} {time}, {duration} min" />
+                <drawtext name="title" x="1%" y="0" width="98%" font="{semibold}" fontsize="8%" color="{fontactive}" text="{epgname}" />
+                <drawtext name="shorttext" x="1%" y="{height(title)}" width="98%" font="{semibold}" fontsize="6%" color="{fontactive}" text="{shorttext}" />
+                <drawtext name="datetime" x="1%" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="5%" color="{fontactive}" text="{date} {time}, {duration} min" />
                 <!-- scraper poster -->
                 <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="1%" y="{posy(datetime)} + {height(datetime)} + 20" width="{areawidth}/3" height="{areawidth}/3 * {posterheight} / {posterwidth}"/>
                 <!-- description -->
-                <drawtextbox condition="{hasposter}" x="1%" y="{posy(poster)}" width="98%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 10" font="{light}" fontsize="6%" color="{clrWhite}" text="{description}" />
-                <drawtextbox condition="not{hasposter}" x="1%" y="{posy(poster)}" width="98%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="6%" color="{clrWhite}" text="{description}" />
+                <drawtextbox condition="{hasposter}" x="1%" y="{posy(poster)}" width="98%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 10" font="{light}" fontsize="6%" color="{fontactive}" text="{description}" />
+                <drawtextbox condition="not{hasposter}" x="1%" y="{posy(poster)}" width="98%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="6%" color="{fontactive}" text="{description}" />
             </area>
         </currentelement>
     </menuitems>
@@ -85,36 +103,51 @@
             <!-- Background -->
             <area y="64%" height="36%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{folder}" color="{clrSemiTransBlack}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
-            </area>
-            <!-- recording folder -->
-            <area condition="{folder}" y="64%" height="36%" layer="3">
-                <drawimage name="foldericon" imagetype="icon" path="ico_recfolder" align="center" y="0" width="0.6*{areaheight} * 92 / 136" height="0.6*{areaheight}" />
-                <drawtextbox align="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{clrWhite}" text="{name} ({numrecordingsfolder}, {newrecordingsfolder} new)" />
-            </area>
-            <!-- recording item -->
-            <area condition="not{folder}" y="64%" height="36%" layer="3">
-                <drawimage condition="{hasposterthumbnail}" imagetype="image" path="{thumbnailpath}" align="center" y="8" width="{areaheight}*0.6 * {thumbnailwidth} / {thumbnailheight}" height="{areaheight}*0.6"/>
-                <drawimage condition="not{hasposterthumbnail}" imagetype="icon" path="ico_recording" align="center" y="8" width="{areaheight}*0.5 * {thumbnailwidth} / {thumbnailheight}" height="{areaheight}*0.6"/>
-                <drawtextbox align="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{clrWhite}" text="{name}" />
+                <fill condition="{folder}" color="{menuseparator}" />
+                <fill condition="{current}" color="{menuactive}" />
             </area>
+            <areacontainer condition="not{current}">
+                <!-- recording folder -->
+                <area condition="{folder}" y="64%" height="36%" layer="3">
+                    <drawimage name="foldericon" imagetype="icon" path="ico_recfolder" align="center" y="0" width="0.6*{areaheight} * 92 / 136" height="0.6*{areaheight}" />
+                    <drawtextbox align="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{fontdefault}" text="{name} ({numrecordingsfolder}, {newrecordingsfolder} new)" />
+                </area>
+                <!-- recording item -->
+                <area condition="not{folder}" y="64%" height="36%" layer="3">
+                    <drawimage condition="{hasposterthumbnail}" imagetype="image" path="{thumbnailpath}" align="center" y="8" width="{areaheight}*0.6 * {thumbnailwidth} / {thumbnailheight}" height="{areaheight}*0.6"/>
+                    <drawimage condition="not{hasposterthumbnail}" imagetype="icon" path="ico_recfile" align="center" y="10%" width="{areaheight}*0.5 * {thumbnailwidth} / {thumbnailheight}" height="{areaheight}*0.4"/>
+                    <drawtextbox  align="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{fontdefault}" text="{name}" />
+                </area>
+            </areacontainer>
+            <areacontainer condition="{current}">
+                <!-- recording folder -->
+                <area condition="{folder}" y="64%" height="36%" layer="3">
+                    <drawimage name="foldericon" imagetype="icon" path="ico_recfolder_active" align="center" y="0" width="0.6*{areaheight} * 92 / 136" height="0.6*{areaheight}" />
+                    <drawtextbox align="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{fontactive}" text="{name} ({numrecordingsfolder}, {newrecordingsfolder} new)" />
+                </area>
+                <!-- recording item -->
+                <area condition="not{folder}" y="64%" height="36%" layer="3">
+                    <drawimage condition="{hasposterthumbnail}" imagetype="image" path="{thumbnailpath}" align="center" y="8" width="{areaheight}*0.6 * {thumbnailwidth} / {thumbnailheight}" height="{areaheight}*0.6"/>
+                    <drawimage condition="not{hasposterthumbnail}" imagetype="icon" path="ico_recfile_active" align="center" y="10%"  width="{areaheight}*0.5 * {thumbnailwidth} / {thumbnailheight}" height="{areaheight}*0.4"/>
+                    <drawtextbox  align="center" maxlines="3" x="1%" y="63%" width="98%" height="37%" font="{light}" fontsize="12%" color="{fontactive}" text="{name}" />
+                </area>
+            </areacontainer>
         </listelement>
-        <currentelement fadetime="300">
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
             <area x="5%" y="0" width="90%" height="61%" layer="2">
                 <!-- scraper poster -->
                 <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="1%" y="2%" width="{areaheight}*0.96 * {posterwidth} / {posterheight}" height="96%"/>
                 <!-- header -->
-                <drawtext condition="{hasposter}" name="title" x="{width(poster)} + 0.04*{areawidth}" y="0" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{epgname}" />
-                <drawtext condition="{hasposter}" name="shorttext" x="{width(poster)} + 0.04*{areawidth}" y="{height(title)}" width="0.96*{areawidth} - {width(poster)}" font="{semibold}" fontsize="8%" color="{clrWhite}" text="{shorttext}" />
-                <drawtext condition="{hasposter}" name="datetime" x="{width(poster)} + 0.04*{areawidth}" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="7%" color="{clrWhite}" text="{date} {time}, {duration} min" />
+                <drawtext condition="{hasposter}" name="title" x="{width(poster)} + 0.04*{areawidth}" y="0" font="{semibold}" fontsize="10%" color="{fontactive}" text="{epgname}" />
+                <drawtext condition="{hasposter}" name="shorttext" x="{width(poster)} + 0.04*{areawidth}" y="{height(title)}" width="0.96*{areawidth} - {width(poster)}" font="{semibold}" fontsize="8%" color="{fontactive}" text="{shorttext}" />
+                <drawtext condition="{hasposter}" name="datetime" x="{width(poster)} + 0.04*{areawidth}" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="7%" color="{fontactive}" text="{date} {time}, {duration} min" />
 
-                <drawtext condition="not{hasposter}" name="title" x="2%" y="0" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{epgname}" />
-                <drawtext condition="not{hasposter}" name="shorttext" x="2%" y="{height(title)}" width="98%" font="{semibold}" fontsize="8%" color="{clrWhite}" text="{shorttext}" />
-                <drawtext condition="not{hasposter}" name="datetime" x="2%" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="7%" color="{clrWhite}" text="{date} {time}, {duration} min" />
+                <drawtext condition="not{hasposter}" name="title" x="2%" y="0" font="{semibold}" fontsize="10%" color="{fontactive}" text="{epgname}" />
+                <drawtext condition="not{hasposter}" name="shorttext" x="2%" y="{height(title)}" width="98%" font="{semibold}" fontsize="8%" color="{fontactive}" text="{shorttext}" />
+                <drawtext condition="not{hasposter}" name="datetime" x="2%" y="{posy(shorttext)} + {height(shorttext)}" font="{light}" fontsize="7%" color="{fontactive}" text="{date} {time}, {duration} min" />
                 <!-- description -->
-                <drawtextbox condition="{hasposter}" x="{width(poster)} + 0.04*{areawidth}" y="{posy(datetime)} + {height(datetime)} + 10" width="{areawidth}*0.94 - {width(poster)}" height="{areaheight}*0.92 - {posy(datetime)}" font="{light}" fontsize="7%" color="{clrWhite}" text="{description}" />
-                <drawtextbox condition="not{hasposter}" x="2%" y="{posy(datetime)} + {height(datetime)} + 10" width="{areawidth}*0.98" height="{areaheight}*0.92 - {posy(datetime)}" font="{light}" fontsize="7%" color="{clrWhite}" text="{description}" />
+                <drawtextbox condition="{hasposter}" x="{width(poster)} + 0.04*{areawidth}" y="{posy(datetime)} + {height(datetime)} + 10" width="{areawidth}*0.94 - {width(poster)}" height="{areaheight}*0.92 - {posy(datetime)}" font="{light}" fontsize="7%" color="{fontactive}" text="{description}" />
+                <drawtextbox condition="not{hasposter}" x="2%" y="{posy(datetime)} + {height(datetime)} + 10" width="{areawidth}*0.98" height="{areaheight}*0.92 - {posy(datetime)}" font="{light}" fontsize="7%" color="{fontactive}" text="{description}" />
             </area>
         </currentelement>
     </menuitems>
@@ -129,52 +162,52 @@
 
     <scrollbar orientation="vertical">
         <area x="60%" y="10%" width="2%" height="82%" layer="3">
-            <fill color="{clrWhite}" />
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
 
     <colorbuttons orientation="horizontal">
         <!-- horizontal menu -->
-        <area x="0" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+        <area x="0" y="93%" width="25%" height="7%" layer="2">
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
-        <area x="25%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+        <area x="25%" y="93%" width="25%" height="7%" layer="2">
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
-        <area x="50%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+        <area x="50%" y="93%" width="25%" height="7%" layer="2">
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
-        <area x="75%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+        <area x="75%" y="93%" width="25%" height="7%" layer="2">
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </colorbuttons>
diff --git a/skins/metrixhd/xmlfiles/displaymenuschedules.xml b/skins/metrixhd/xmlfiles/displaymenuschedules.xml
index fa2b18a..869b6c5 100644
--- a/skins/metrixhd/xmlfiles/displaymenuschedules.xml
+++ b/skins/metrixhd/xmlfiles/displaymenuschedules.xml
@@ -1,131 +1,195 @@
 <menuschedules x="0" y="0" width="100%" height="100%" fadetime="0">
     <header>
         <area x="0" y="0" width="38%" height="10%" layer="2">
-            <drawimage condition="{whatsonnow}||{whatsonnext}||{whatsonfavorites}" name="menuicon" imagetype="menuicon" path="{icon}" x="5" valign="center" width="{areaheight}*8/10" height="80%"/>
-            <drawtext condition="{whatsonnow}||{whatsonnext}||{whatsonfavorites}" x="{width(menuicon)} + 15" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
-            <drawimage name="logo" condition="{whatson}" imagetype="channellogo" path="{channelid}" x="0" width="15%" height="100%" align="left" valign="center" />
-            <drawtext condition="{whatson}" x="{width(logo)}+20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{channelnumber} - {channelname}" />
+            <drawimage condition="{whatsonnow}||{whatsonnext}||{whatsonfavorites}" name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="80%"/>
+            <drawtext condition="{whatsonnow}||{whatsonnext}||{whatsonfavorites}" x="{width(menuicon)}+25" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
+            <drawimage name="logo" condition="{whatson}" imagetype="channellogo" path="{channelid}" x="10" width="15%" height="100%" align="left" valign="center" />
+            <drawtext condition="{whatson}" x="{width(logo)}+25" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{channelnumber} - {channelname}" />
         </area>
     </header>
 
-    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="16">
+    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="14">
         <listelement>
             <!-- Background -->
             <area x="1%" width="58%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
-                <fill condition="{separator}" color="{clrSemiTransBlack}" />
+                <fill condition="{current}" color="{menuactive}" />
+                <fill condition="{separator}" color="{menuseparator}" />
             </area>
             <!-- WHATSON -->
-            <areacontainer x="1%" width="58%" condition="not{separator}++{whatson}">
-                <areascroll condition="not{running}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" layer="3">
-                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{start} {title}" />
+            <areacontainer x="1%" width="58%" condition="not{separator}++{whatson}++not{current}">
+                <area condition="not{running}" x="0" width="93%" layer="3">
+                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{start} {title}" />
+                </area>
+                <area condition="{running}" layer="3">
+                    <drawtext condition="{timerfull}||{timerpartitial}" x="20" width="74%" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{start} {title}" />
+                    <drawtext condition="not{timerfull}++not{timerpartitial}" x="20" width="80%" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{start} {title}" />
+                    <drawrectangle condition="{timerfull}||{timerpartitial}" x="{areawidth}*0.85 - 14 - {areaheight}" y="{areaheight}/3" width="{areawidth}*0.15" height="{areaheight}/3" color="{fontdefault}" />
+                    <drawrectangle condition="{timerfull}||{timerpartitial}" x="{areawidth}*0.85 - 12  - {areaheight}" y="{areaheight}/3 + 2" width="{areawidth}*0.15 - 4" height="{areaheight}/3 - 4" color="{clrTransparent}" />
+                    <drawrectangle condition="{timerfull}||{timerpartitial}" x="{areawidth}*0.85 - 10  - {areaheight}" y="{areaheight}/3 + 4" width="{areawidth}*0.15 * {elapsed} / {duration} - 8" height="{areaheight}/3 - 8" color="{fontdefault}" />
+                    <drawrectangle condition="not{timerfull}++not{timerpartitial}" x="{areawidth}*0.85 - 10" y="{areaheight}/3" width="{areawidth}*0.15" height="{areaheight}/3" color="{fontdefault}" />
+                    <drawrectangle condition="not{timerfull}++not{timerpartitial}" x="{areawidth}*0.85 - 8" y="{areaheight}/3 + 2" width="{areawidth}*0.15 - 4" height="{areaheight}/3 - 4" color="{clrTransparent}" />
+                    <drawrectangle condition="not{timerfull}++not{timerpartitial}" x="{areawidth}*0.85 - 6" y="{areaheight}/3 + 4" width="{areawidth}*0.15 * {elapsed} / {duration} - 8" height="{areaheight}/3 - 8" color="{fontdefault}" />
+                </area>
+                <area layer="4">
+                    <drawimage condition="{timerfull}" imagetype="icon" path="ico_timer" x="{areawidth} - 0.9*{areaheight} - 5" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{timerpartitial}" imagetype="icon" path="ico_timer" x="{areawidth} - 0.5*{areaheight} - 5" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+                </area>
+            </areacontainer>
+            <areacontainer x="1%" width="58%" condition="not{separator}++{whatson}++{current}">
+                <areascroll condition="not{running}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" width="93%" layer="3">
+                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{start} {title}" />
                 </areascroll>
-                <areascroll condition="{running}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" width="80%" layer="3">
-                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{start} {title}" />
+                <areascroll condition="{running}++not{timerfull}++not{timerpartitial}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" width="80%" layer="3">
+                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{start} {title}" />
                 </areascroll>
-                <area layer="3">
-                    <drawimage condition="{timerfull}" imagetype="icon" path="ico_activetimer" x="{areawidth} - 0.9*{areaheight} - 10" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                    <drawimage condition="{timerpartitial}" imagetype="icon" path="ico_activetimer" x="{areawidth} - 0.5*{areaheight} - 10" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
-                    <drawrectangle condition="{running}" x="{areawidth}*0.85 - 10" y="{areaheight}/3" width="{areawidth}*0.15" height="{areaheight}/3" color="{clrWhite}" />
-                    <drawrectangle condition="{running}" x="{areawidth}*0.85 - 8" y="{areaheight}/3 + 2" width="{areawidth}*0.15 - 4" height="{areaheight}/3 - 4" color="{clrTransparent}" />
-                    <drawrectangle condition="{running}" x="{areawidth}*0.85 - 6" y="{areaheight}/3 + 4" width="{areawidth}*0.15 * {elapsed} / {duration} - 8" height="{areaheight}/3 - 8" color="{clrWhite}" />
+                <areascroll condition="{running}++{timerpartitial}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" width="74%" layer="3">
+                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{start} {title}" />
+                </areascroll>
+                <areascroll condition="{running}++{timerfull}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" width="74%" layer="3">
+                    <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{start} {title}" />
+                </areascroll>
+                <area condition="{running}" layer="4">
+                    <drawrectangle condition="{timerfull}||{timerpartitial}" x="{areawidth}*0.85 - 14 - {areaheight}" y="{areaheight}/3" width="{areawidth}*0.15" height="{areaheight}/3" color="{fontactive}" />
+                    <drawrectangle condition="{timerfull}||{timerpartitial}" x="{areawidth}*0.85 - 12  - {areaheight}" y="{areaheight}/3 + 2" width="{areawidth}*0.15 - 4" height="{areaheight}/3 - 4" color="{clrTransparent}" />
+                    <drawrectangle condition="{timerfull}||{timerpartitial}" x="{areawidth}*0.85 - 10  - {areaheight}" y="{areaheight}/3 + 4" width="{areawidth}*0.15 * {elapsed} / {duration} - 8" height="{areaheight}/3 - 8" color="{fontactive}" />
+                    <drawrectangle condition="not{timerfull}++not{timerpartitial}" x="{areawidth}*0.85 - 10" y="{areaheight}/3" width="{areawidth}*0.15" height="{areaheight}/3" color="{fontactive}" />
+                    <drawrectangle condition="not{timerfull}++not{timerpartitial}" x="{areawidth}*0.85 - 8" y="{areaheight}/3 + 2" width="{areawidth}*0.15 - 4" height="{areaheight}/3 - 4" color="{clrTransparent}" />
+                    <drawrectangle condition="not{timerfull}++not{timerpartitial}" x="{areawidth}*0.85 - 6" y="{areaheight}/3 + 4" width="{areawidth}*0.15 * {elapsed} / {duration} - 8" height="{areaheight}/3 - 8" color="{fontactive}" />
+                </area>
+                <area layer="5">
+                    <drawimage condition="{timerfull}" imagetype="icon" path="ico_timer_active" x="{areawidth} - 0.9*{areaheight} - 5" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{timerpartitial}" imagetype="icon" path="ico_timer_active" x="{areawidth} - 0.5*{areaheight} - 5" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
                 </area>
             </areacontainer>
             <!-- WHATSONNOW -->
-            <areacontainer condition="not{separator}++{whatsonnow}">
+            <areacontainer condition="not{separator}++{whatsonnow}++not{current}">
                 <area x="1%" width="6%" layer="3">
                     <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
                 </area>
                 <area condition="{running}" x="8%" width="7%" layer="3">
-                    <drawrectangle condition="{current}" x="0" y="{areaheight}/3" width="{areawidth}" height="{areaheight}/3" color="{clrWhite}" />
-                    <drawrectangle condition="not{current}" x="0" y="{areaheight}/3" width="{areawidth}" height="{areaheight}/3" color="{clrTransBlueLight}" />
+                    <drawrectangle x="0" y="{areaheight}/3" width="{areawidth}" height="{areaheight}/3" color="{fontdefault}" />
                     <drawrectangle x="2" y="{areaheight}/3 + 2" width="{areawidth} - 4" height="{areaheight}/3 - 4" color="{clrTransparent}" />
-                    <drawrectangle x="4" y="{areaheight}/3 + 4" width="{areawidth} * {elapsed} / {duration} - 8" height="{areaheight}/3 - 8" color="{clrWhite}" />
+                    <drawrectangle x="4" y="{areaheight}/3 + 4" width="{areawidth} * {elapsed} / {duration} - 8" height="{areaheight}/3 - 8" color="{fontdefault}" />
                 </area>
-                <area condition="{timerfull}" x="53%" width="6%" layer="4">
-                    <drawimage imagetype="icon" path="ico_activetimer" x="{areawidth} - 0.9*{areaheight} - 10" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                <area x="15%" width="40%" layer="4">
+                    <drawtext x="10" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{start} {title}" />
                 </area>
-                <area condition="{timerpartitial}" x="53%" width="6%" layer="5">
-                    <drawimage imagetype="icon" path="ico_activetimer" x="{areawidth} - 0.5*{areaheight} - 10" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+                <area x="53%" width="6%" layer="5">
+                    <drawimage condition="{timerfull}" imagetype="icon" path="ico_timer" x="{areawidth} - 0.9*{areaheight} - 5" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{timerpartitial}"  imagetype="icon" path="ico_timer" x="{areawidth} - 0.5*{areaheight} - 5" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
                 </area>
-                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="15%" width="44%" layer="4">
-                    <drawtext name="menutext" x="10" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{start} {title}" />
+            </areacontainer>
+            <areacontainer condition="not{separator}++{whatsonnow}++{current}">
+                <area x="1%" width="6%" layer="3">
+                    <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
+                </area>
+                <area condition="{running}" x="8%" width="7%" layer="3">
+                    <drawrectangle x="0" y="{areaheight}/3" width="{areawidth}" height="{areaheight}/3" color="{fontactive}" />
+                    <drawrectangle x="2" y="{areaheight}/3 + 2" width="{areawidth} - 4" height="{areaheight}/3 - 4" color="{clrTransparent}" />
+                    <drawrectangle x="4" y="{areaheight}/3 + 4" width="{areawidth} * {elapsed} / {duration} - 8" height="{areaheight}/3 - 8" color="{fontactive}" />
+                </area>
+                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="15%" width="40%" layer="4">
+                    <drawtext name="menutext" x="10" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{start} {title}" />
                 </areascroll>
+                <area x="53%" width="6%" layer="5">
+                    <drawimage condition="{timerfull}" imagetype="icon" path="ico_timer_active" x="{areawidth} - 0.9*{areaheight} - 5" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{timerpartitial}" imagetype="icon" path="ico_timer_active" x="{areawidth} - 0.5*{areaheight} - 5" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+                </area>
             </areacontainer>
             <!-- WHATSONNEXT -->
-            <areacontainer condition="not{separator}++{whatsonnext}">
+            <areacontainer condition="not{separator}++{whatsonnext}++not{current}">
                 <area x="1%" width="6%" layer="3">
                     <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
                 </area>
-                <area condition="{timerfull}" x="53%" width="6%" layer="4">
-                    <drawimage imagetype="icon" path="ico_activetimer" x="{areawidth} - 0.9*{areaheight} - 10" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                <area x="7%" width="47%" layer="4">
+                    <drawtext x="10" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{start} {title}" />
+                </area>
+                <area x="53%" width="6%" layer="5">
+                    <drawimage condition="{timerfull}" imagetype="icon" path="ico_timer" x="{areawidth} - 0.9*{areaheight} - 5" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{timerpartitial}" imagetype="icon" path="ico_timer" x="{areawidth} - 0.5*{areaheight} - 5" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
                 </area>
-                <area condition="{timerpartitial}" x="53%" width="6%" layer="5">
-                    <drawimage imagetype="icon" path="ico_activetimer" x="{areawidth} - 0.5*{areaheight} - 10" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+            </areacontainer>
+            <areacontainer condition="not{separator}++{whatsonnext}++{current}">
+                <area x="1%" width="6%" layer="3">
+                    <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
                 </area>
-                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" width="52%" layer="4">
-                    <drawtext name="menutext" x="10" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{start} {title}" />
+                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="7%" width="47%" layer="4">
+                    <drawtext name="menutext" x="10" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{start} {title}" />
                 </areascroll>
+                <area x="53%" width="6%" layer="5">
+                    <drawimage condition="{timerfull}" imagetype="icon" path="ico_timer_active" x="{areawidth} - 0.9*{areaheight} - 5" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{timerpartitial}" imagetype="icon" path="ico_timer_active" x="{areawidth} - 0.5*{areaheight} - 5" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+                </area>
             </areacontainer>
             <!-- WHATSONFAVORITES -->
-            <areacontainer condition="not{separator}++{whatsonfavorites}">
+            <areacontainer condition="not{separator}++{whatsonfavorites}++not{current}">
                 <area x="1%" width="6%" layer="3">
                     <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
                 </area>
-                <area condition="{timerfull}" x="53%" width="6%" layer="4">
-                    <drawimage imagetype="icon" path="ico_activetimer" x="{areawidth} - 0.9*{areaheight} - 10" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                <area x="7%" width="46%" layer="4">
+                    <drawtext x="10" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{start} {title}" />
+                </area>
+                <area x="53%" width="6%" layer="5">
+                    <drawimage condition="{timerfull}" imagetype="icon" path="ico_timer" x="{areawidth} - 0.9*{areaheight} - 5" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{timerpartitial}" imagetype="icon" path="ico_timer" x="{areawidth} - 0.5*{areaheight} - 5" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
                 </area>
-                <area condition="{timerpartitial}" x="53%" width="6%" layer="5">
-                    <drawimage imagetype="icon" path="ico_activetimer" x="{areawidth} - 0.5*{areaheight} - 10" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+            </areacontainer>
+            <areacontainer condition="not{separator}++{whatsonfavorites}++{current}">
+                <area x="1%" width="6%" layer="3">
+                    <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="0" width="100%" height="100%" valign="center" />
                 </area>
-                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="7%" width="52%" layer="4">
-                    <drawtext name="menutext" x="10" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{start} {title}" />
+                <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="7%" width="46%" layer="4">
+                    <drawtext name="menutext" x="10" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{start} {title}" />
                 </areascroll>
+                <area x="53%" width="6%" layer="5">
+                    <drawimage condition="{timerfull}" imagetype="icon" path="ico_timer_active" x="{areawidth} - 0.9*{areaheight} - 5" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                    <drawimage condition="{timerpartitial}"  imagetype="icon" path="ico_timer_active" x="{areawidth} - 0.5*{areaheight} - 5" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+                </area>
             </areacontainer>
             <!-- Separator -->
             <area condition="{separator}" x="0" width="68%" layer="3">
-                <drawtext x="20" valign="center" font="{light}" fontsize="95%" color="{clrBlueLight}" text="{title}" />
+                <drawtext x="20" valign="center" font="{light}" fontsize="95%" color="{fontseparator}" text="{title}" />
             </area>
         </listelement>
-        <currentelement fadetime="300">
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
             <area condition="{whatson}" x="63%" y="0" width="36%" height="100%" layer="5">
                 <!-- title -->
-                <drawtext align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="8%" color="{clrWhite}" text="{title}" />
+                <drawtext align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="8%" color="{fontactive}" text="{title}" />
                 <!-- progress bar if event is running -->
-                <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="{areaheight}/16 + 20" font="{light}" fontsize="{areaheight}/18" color="{clrWhite}" text="{start}" />
-                <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="{areaheight}/16 + 20" font="{light}" fontsize="{areaheight}/18" color="{clrWhite}" text="{stop}" />
-                <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 20 + {areaheight}/36" width="{areawidth}/2 - 20" height="1" color="{clrWhite}" />
-                <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 20 + {areaheight}/36 -2" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="5" color="{clrWhite}" />
+                <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="{areaheight}/16 + 20" font="{light}" fontsize="{areaheight}/18" color="{fontactive}" text="{start}" />
+                <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="{areaheight}/16 + 20" font="{light}" fontsize="{areaheight}/18" color="{fontactive}" text="{stop}" />
+                <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 20 + {areaheight}/36" width="{areawidth}/2 - 20" height="1" color="{fontactive}" />
+                <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 20 + {areaheight}/36 -2" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="5" color="{fontactive}" />
                 <!-- start and stop if event is not running -->
-                <drawtext condition="not{running}" x="10" y="{areaheight}/18 + 20" font="{light}" fontsize="{areaheight}/20" color="{clrWhite}" text="{start} - {stop} ({duration} min)" />
+                <drawtext condition="not{running}" x="10" y="{areaheight}/18 + 20" font="{light}" fontsize="{areaheight}/20" color="{fontactive}" text="{start} - {stop} ({duration} min)" />
                 <!-- scraper poster -->
                 <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="10" y="{posy(start)} + {height(start)} + 20" width="{areawidth}/3" height="{areawidth}/3 * {posterheight} / {posterwidth}"/>
                 <!-- description -->
-                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="{areaheight}/20" color="{clrWhite}" text="{description}" />
-                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="{areawidth} - 20" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/20" color="{clrWhite}" text="{description}" />
+                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="{areaheight}/20" color="{fontactive}" text="{description}" />
+                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="{areawidth} - 20" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/20" color="{fontactive}" text="{description}" />
             </area>
             <areacontainer condition="{whatsonnow}||{whatsonnext}||{whatsonfavorites}">
                 <area x="63%" y="0" width="36%" height="85%" layer="2">
                     <!-- title -->
-                    <drawtext align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="10%" color="{clrWhite}" text="{title}" />
+                    <drawtext align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="10%" color="{fontactive}" text="{title}" />
                     <!-- progress bar if event is running -->
-                    <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="{areaheight}/16 + 15" font="{light}" fontsize="{areaheight}/15" color="{clrWhite}" text="{start}" />
-                    <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="{areaheight}/16 + 15" font="{light}" fontsize="{areaheight}/15" color="{clrWhite}" text="{stop}" />
-                    <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 15 + {areaheight}/30" width="{areawidth}/2 - 20" height="1" color="{clrWhite}" />
-                    <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 15 + {areaheight}/30 -2" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="5" color="{clrWhite}" />
+                    <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="{areaheight}/16 + 15" font="{light}" fontsize="{areaheight}/15" color="{fontactive}" text="{start}" />
+                    <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="{areaheight}/16 + 15" font="{light}" fontsize="{areaheight}/15" color="{fontactive}" text="{stop}" />
+                    <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 15 + {areaheight}/30" width="{areawidth}/2 - 20" height="1" color="{fontactive}" />
+                    <drawrectangle condition="{running}" x="{areawidth}/4+10" y="{areaheight}/16 + 15 + {areaheight}/30 -2" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="5" color="{fontactive}" />
                     <!-- start and stop if event is not running -->
-                    <drawtext condition="not{running}" x="10" y="{areaheight}/18 + 15" font="{light}" fontsize="{areaheight}/20" color="{clrWhite}" text="{start} - {stop} ({duration} min)" />
+                    <drawtext condition="not{running}" x="10" y="{areaheight}/18 + 15" font="{light}" fontsize="{areaheight}/20" color="{fontactive}" text="{start} - {stop} ({duration} min)" />
                     <!-- scraper poster -->
                     <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="10" y="{posy(start)} + {height(start)} + 10" width="{areawidth}/3" height="{areawidth}/3 * {posterheight} / {posterwidth}"/>
                     <!-- description -->
-                    <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 10" font="{light}" fontsize="{areaheight}/18" color="{clrWhite}" text="{description}" />
-                    <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/18" color="{clrWhite}" text="{description}" />
+                    <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 10" font="{light}" fontsize="{areaheight}/18" color="{fontactive}" text="{description}" />
+                    <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/18" color="{fontactive}" text="{description}" />
                 </area>
-                <areascroll mode="forthandback" orientation="vertical" delay="1000" scrollspeed="medium" x="63%" y="85%" width="36%" height="15%" layer="2">
-                    <drawtext x="10" y="0" font="{semibold}" fontsize="30%" color="{clrWhite}" text="Next Schedules:" />
+                <areascroll mode="forthandback" orientation="vertical" delay="2000" scrollspeed="medium" x="63%" y="85%" width="36%" height="15%" layer="2">
+                    <drawtext x="10" y="0" font="{semibold}" fontsize="30%" color="{fontactive}" text="Next Schedules:" />
                     <loop name="schedule" x="0" y="{areaheight}/4 + 5" orientation="vertical">
-                        <drawtext x="10" font="{light}" width="{areawidth}-20" fontsize="30%" color="{clrWhite}" text="{schedule[start]} {schedule[title]}" />
+                        <drawtext x="10" font="{light}" width="{areawidth}-20" fontsize="30%" color="{fontactive}" text="{schedule[start]} {schedule[title]}" />
                     </loop>
                 </areascroll>
             </areacontainer>
diff --git a/skins/metrixhd/xmlfiles/displaymenusetup.xml b/skins/metrixhd/xmlfiles/displaymenusetup.xml
index 0bd8aa2..0cb43c0 100644
--- a/skins/metrixhd/xmlfiles/displaymenusetup.xml
+++ b/skins/metrixhd/xmlfiles/displaymenusetup.xml
@@ -1,74 +1,77 @@
 <menusetup x="0" y="0" width="100%" height="100%" fadetime="0">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
+            <drawrectangle x="75%" y="0" width="13%" height="10%" color="{menuheader}" />
         </area>
-        <area x="84%" y="0" width="16%" height="7%" layer="2">
-            <drawrectangle x="0" y="0" width="52%" height="100%" color="{clrTransBlueLight}" />
+        <area x="62%" y="30%" width="30%" height="36%" layer="2">
+            <fill color="{menuactive}" />
         </area>
     </background>
     
     <header>
-        <area x="0" y="0" width="70%" height="7%" layer="2">
-            <drawimage name="menuicon" imagetype="menuicon" path="{icon}" x="5" valign="center" width="{areaheight}*8/10" height="80%"/>
-            <drawtext x="{areaheight}" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
+        <area x="0" y="0" width="70%" height="10%" layer="2">
+            <drawimage name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="100%"/>
+            <drawtext x="{width(menuicon)}+20" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
         </area>
     </header>
-    
+
     <datetime>
-        <area x="84%" y="0" width="8%" height="7%" layer="3">
-            <drawtext align="right" y="0%" font="{light}" fontsize="55%" color="{clrWhite}" text="{dayname}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="55%" color="{clrWhite}" text="{day}. {monthname}" />
+        <area x="75%" y="0" width="12%" height="10%" layer="2">
+            <drawtext align="right" y="0%" font="{light}" fontsize="55%" color="{fontactive}" text="{dayname}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="50%" color="{fontactive}" text="{day}. {monthname}" />
         </area>
-        <area x="92%" y="0" width="8%" height="7%" layer="3">
-            <drawtext align="center" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="{time}" />
+        <area x="88%" y="0" width="12%" height="10%" layer="2">
+            <drawtext align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{time}" />
         </area>
     </datetime>
 
     <colorbuttons>
         <area x="0" y="93%" width="25%" height="7%" layer="2">
-            <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle x="0" y="0" width="10" height="100%" color="{clrRed}" />
         </area>
         <area x="25%" y="93%" width="25%" height="7%" layer="2">
-            <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle x="0" y="0" width="10" height="100%" color="{clrGreen}" />
         </area>
         <area x="50%" y="93%" width="25%" height="7%" layer="2">
-            <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle x="0" y="0" width="10" height="100%" color="{clrYellow}" />
         </area>
         <area x="75%" y="93%" width="25%" height="7%" layer="2">
-            <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </colorbuttons>
 
-    <menuitems x="0" y="7%" orientation="vertical" width="98%" height="86%" align="center" numlistelements="10">
+    <menuitems x="0" y="10%" orientation="vertical" width="98%" height="80%" align="center" numlistelements="10">
         <listelement>
             <area x="0" width="60%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
+                <fill condition="{current}" color="{menuactive}" />
+            </area>
+            <area condition="not{current}" x="0" width="60%" layer="3">
+                <drawtext x="20" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{number} {label}" />
             </area>
-            <areascroll scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="0" width="60%" layer="3">
-                <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{number} {label}" />
+            <areascroll condition="{current}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="0" width="60%" layer="3">
+                <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{number} {label}" />
             </areascroll>
         </listelement>
-        <currentelement fadetime="300">
-            <area x="61%" y="30%" width="37%" height="36%" layer="2">
-                <fill color="{clrTransBlueLight}" />
-            </area>
-            <area x="61%" y="30%" width="37%" height="36%" layer="3">
-                <drawimage imagetype="menuicon" path="{icon}" align="center" valign="center" width="{areaheight} - 10" height="{areaheight} - 10"/>
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
+            <area x="62%" y="30%" width="34%" height="36%" layer="3">
+                <drawimage imagetype="menuicon" path="{icon}_active" align="center" valign="center" width="{areaheight} - 10" height="{areaheight} - 10"/>
             </area>
         </currentelement>
     </menuitems>
     
     <scrollbar>
-        <area x="98%" y="7%" width="2%" height="86%" layer="2">
-            <fill color="{clrWhite}" />
-            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
-        </area>
+	<areacontainer condition="eq({indexshowscrollbar},2)">
+            <area x="96%" y="10%" width="2%" height="83%" layer="2">
+        	<fill color="{scrollbar}" />
+        	<drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
+    	        <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
+	    </area>
+        </areacontainer>
     </scrollbar>
 </menusetup>
diff --git a/skins/metrixhd/xmlfiles/displaymenutimers.xml b/skins/metrixhd/xmlfiles/displaymenutimers.xml
index 7d65f64..7900190 100644
--- a/skins/metrixhd/xmlfiles/displaymenutimers.xml
+++ b/skins/metrixhd/xmlfiles/displaymenutimers.xml
@@ -4,40 +4,60 @@
             <!-- Background -->
             <area x="1%" width="58%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
+                <fill condition="{current}" color="{menuactive}" />
             </area>
-            <area x="1%" width="58%" layer="2">
-                <drawimage condition="{flagactive}" name="active" imagetype="icon" path="ico_timer_active" x="0" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                <drawimage condition="not{flagactive}" name="active" imagetype="icon" path="ico_timer_inactive" x="0" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                <drawimage condition="{flagrecording}" name="active" imagetype="icon" path="ico_timer_recording" x="0.9*{areaheight}" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
-            </area>
-            <areascroll scrollelement="timertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="5%" width="54%" layer="3">
-                <drawtext name="timertext" x="10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{dayname} {day}. {timerstart} - {timerstop}: {title}" />
-            </areascroll>
+            <!-- Element -->
+            <areacontainer condition="not{current}">
+                <area x="1%" width="58%" layer="3">
+                    <drawimage condition="{flagactive}" name="active" imagetype="icon" path="ico_yes" x="0.1*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+                    <drawimage condition="not{flagactive}" name="active" imagetype="icon" path="ico_no" x="0.1*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+                    <drawimage condition="{flagrecording}" name="recording" imagetype="icon" path="ico_recording" x="0.7*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+<!--                    <drawimage condition="{isremote}" name="remote" imagetype="icon" path="ico_remotetimer" x="0.7*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" /> -->
+                </area>
+                <area x="5%" width="54%" layer="3">
+                    <drawtext name="timertext" x="10" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{dayname} {day}. {timerstart} - {timerstop}: {title}" />
+                </area>
+            </areacontainer>
+            <areacontainer condition="{current}">
+                <area x="1%" width="58%" layer="3">
+                    <drawimage condition="{flagactive}" name="active" imagetype="icon" path="ico_yes_active" x="0.1*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+                    <drawimage condition="not{flagactive}" name="active" imagetype="icon" path="ico_no_active" x="0.1*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+                    <drawimage condition="{flagrecording}" name="recording" imagetype="icon" path="ico_recording_active" x="0.7*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
+<!--                    <drawimage condition="{isremote}" name="remote" imagetype="icon" path="ico_remotetimer_active" x="0.7*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" /> -->
+                </area>
+                <areascroll scrollelement="timertext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="5%" width="54%" layer="3">
+                    <drawtext name="timertext" x="10" valign="center" font="{light}" fontsize="80%" color="{fontactive}" text="{dayname} {day}. {timerstart} - {timerstop}: {title}" />
+                </areascroll>
+            </areacontainer>
         </listelement>
-        <currentelement fadetime="300">
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
             <area x="63%" y="0" width="36%" height="15%" layer="2">
                 <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="10" y="0" width="30%" height="100%" />
-                <drawtext name="channum" x="{width(logo)} + 20" y="{areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{light}" fontsize="40%" color="{clrWhite}" text="Channel No. {channelnumber}" />
-                <drawtext name="channame" x="{width(logo)} + 20" y="{areaheight}/3 + {areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{semibold}" fontsize="40%" color="{clrWhite}" text="{channelname}" />
+                <drawtext name="channum" x="{width(logo)} + 20" y="{areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{light}" fontsize="40%" color="{fontactive}" text="Kanal Nr. {channelnumber}" />
+                <drawtext name="channame" x="{width(logo)} + 20" y="{areaheight}/3 + {areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{semibold}" fontsize="40%" color="{fontactive}" text="{channelname}" />
             </area>
-            <area x="63%" y="15%" width="36%" height="70%" layer="2">
+            <area x="63%" y="15%" width="36%" height="70%" layer="3">
                 <!-- title -->
-                <drawtext name="title" align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="{areaheight}/10" color="{clrWhite}" text="{eventtitle}" />
+                <drawtext name="title" align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="{areaheight}/10" color="{fontactive}" text="{eventtitle}" />
                 <!-- scraper poster -->
                 <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="10" y="{posy(title)} + {height(title)} + 10" width="{areawidth}/3" height="{areawidth}/3 * {posterheight} / {posterwidth}"/>
                 <!-- description -->
-                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="{areaheight}/14" color="{clrWhite}" text="{eventdescription}" />
-                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/14" color="{clrWhite}" text="{eventdescription}" />
+                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="{areaheight}/14" color="{fontactive}" text="{eventdescription}" />
+                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/14" color="{fontactive}" text="{eventdescription}" />
             </area>
         </currentelement>
     </menuitems>
     
     <scrollbar>
-        <area x="60%" y="10%" width="2%" height="82%" layer="3">
-            <fill color="{clrWhite}" />
+        <area condition="lt({indexshowscrollbar},2)" x="60%" y="10%" width="2%" height="82%" layer="3">
+            <fill condition="{hasprev}||{hasnext}" color="{scrollbar}" />
+            <drawrectangle condition="{hasprev}||{hasnext}"  x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
+            <drawrectangle condition="{hasprev}||{hasnext}"  x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
+        </area>
+        <area condition="eq({indexshowscrollbar},2)" x="60%" y="10%" width="2%" height="82%" layer="3">
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
 </menutimers>
diff --git a/skins/metrixhd/xmlfiles/displaymessage.xml b/skins/metrixhd/xmlfiles/displaymessage.xml
index 04be966..3273e15 100644
--- a/skins/metrixhd/xmlfiles/displaymessage.xml
+++ b/skins/metrixhd/xmlfiles/displaymessage.xml
@@ -1,20 +1,20 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE displaymessage SYSTEM "../../../dtd/displaymessage.dtd">
-
-<displaymessage x="5%" y="80%" width="90%" height="15%" fadetime="{fadetime}" shifttime="{shifttimechannel}" shifttype="bottom" shiftmode="slowed">
-    <background>
-        <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
-        </area>
-    </background>
-
-    <message>
-        <area x="0" y="0" width="100%" height="100%" layer="2">
-            <drawrectangle condition="{status}" x="20" y="0" width="20" height="100%" color="{clrGreen}" />
-            <drawrectangle condition="{info}" x="20" y="0" width="20" height="100%" color="{clrBlue}" />
-            <drawrectangle condition="{warning}" x="20" y="0" width="20" height="100%" color="{clrYellow}" />
-            <drawrectangle condition="{error}" x="20" y="0" width="20" height="100%" color="{clrRed}" />
-            <drawtext align="center" valign="center" width="{areawidth} - 80" font="{light}" fontsize="50%" color="{clrWhite}" text="{text}" />
-        </area>
-    </message>
-</displaymessage>
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE displaymessage SYSTEM "../../../dtd/displaymessage.dtd">
+
+<displaymessage x="5%" y="80%" width="90%" height="15%" fadetime="{fadetime}" shifttime="{shifttimechannel}" shifttype="bottom" shiftmode="slowed">
+    <background>
+        <area x="0" y="0" width="100%" height="100%" layer="1">
+            <fill color="{menuactive}" />
+        </area>
+    </background>
+
+    <message>
+        <area x="0" y="0" width="100%" height="100%" layer="2">
+            <drawrectangle condition="{status}" x="20" y="0" width="20" height="100%" color="{clrGreen}" />
+            <drawrectangle condition="{info}" x="20" y="0" width="20" height="100%" color="{clrBlue}" />
+            <drawrectangle condition="{warning}" x="20" y="0" width="20" height="100%" color="{clrYellow}" />
+            <drawrectangle condition="{error}" x="20" y="0" width="20" height="100%" color="{clrRed}" />
+            <drawtext align="center" valign="center" width="{areawidth} - 80" font="{light}" fontsize="50%" color="{fontactive}" text="{text}" />
+        </area>
+    </message>
+</displaymessage>
diff --git a/skins/metrixhd/xmlfiles/displayreplay.xml b/skins/metrixhd/xmlfiles/displayreplay.xml
index 4328b5f..2bdfa1c 100644
--- a/skins/metrixhd/xmlfiles/displayreplay.xml
+++ b/skins/metrixhd/xmlfiles/displayreplay.xml
@@ -4,29 +4,29 @@
 <displayreplay x="0" y="0" width="100%" height="100%" fadetime="{fadetime}" shifttime="{shifttimechannel}" shifttype="bottom" shiftmode="slowed">
     <background>
         <!-- background infobar -->
-        <area x="0" y="80%" width="100%" height="20%" layer="1">
-            <fill color="{clrTransBlack}" />
+        <area x="0" y="78%" width="100%" height="22%" layer="1">
+            <fill color="{menuback}" />
         </area>
     </background>
 
     <backgroundmodeonly>
         <!-- background small infobar -->
-        <area x="25%" y="85%" width="50%" height="10%" layer="1">
-            <fill color="{clrTransBlack}" />
+        <area x="37%" y="85%" width="26%" height="10%" layer="1">
+            <fill color="{menuback}" />
         </area>
     </backgroundmodeonly>
 
     <datetime shifttime="0">
         <area x="70%" y="0" width="30%" height="13%" layer="1">
-            <fill color="{clrTransBlack}" />
-            <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
+            <fill color="{menuback}" />
+            <drawrectangle x="0" y="0" width="50%" height="100%" color="{menuheader}" />
         </area>
-        <area x="70%" y="0" width="13%" height="13%" layer="2">
-            <drawtext align="right" y="0" font="{light}" fontsize="50%" color="{clrWhite}" text="{dayname}" />
-            <drawtext align="right" y="48%" font="{light}" fontsize="50%" color="{clrWhite}" text="{day}. {monthnameshort}" />
+        <area x="70%" y="0" width="14%" height="13%" layer="2">
+            <drawtext align="right" y="5%" font="{light}" fontsize="45%" color="{fontactive}" text="{dayname}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="45%" color="{fontactive}" text="{day}. {monthnameshort}" />
         </area>
-        <area x="85%" y="0" width="13%" height="13%" layer="2">
-            <drawtext align="center" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="{time}" />
+        <area x="85%" y="0" width="15%" height="13%" layer="2">
+            <drawtext align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{time}" />
         </area>
     </datetime>
 
@@ -40,53 +40,63 @@
     </scrapercontent>
 
     <rectitle>
-        <area x="1%" y="80%" width="69%" height="8%" layer="2">
-            <drawtext x="0" name="title" valign="center" width="{areawidth}" font="{semibold}" fontsize="85%" color="{clrBlueLight}" text="{rectitle}" />
-            <drawtext x="{width(title)}+10" valign="center" width="{areawidth}-{width(title)}-10" font="{light}" fontsize="85%" color="{clrWhite}" text="{recsubtitle}" />
+        <area x="1%" y="78%" width="69%" height="15%" layer="2">
+            <drawtext x="0" name="title" y="0" width="{areawidth}" font="{semibold}" fontsize="45%" color="{fontseparator}" text="{rectitle}" />
+            <drawtext x="0" y="43%" width="{areawidth}" font="{light}" fontsize="25%" color="{fontdefault}" text="{recsubtitle}" />
         </area>
     </rectitle>
 
     <recinfo>
-        <area x="70%" y="80%" width="29%" height="8%" layer="2">
-           <!-- widescreen icon -->
-            <drawimage name="widescreen" condition="{isWideScreen}" imagetype="icon" path="ico_widescreen_on" x="{areawidth} - {width(widescreen)}" valign="center" width="{areaheight}*0.8*1.87" height="{areaheight}*0.8"/>
-            <drawimage condition="not{isWideScreen}" imagetype="icon" path="ico_widescreen_off" x="{areawidth} - {width(widescreen)}" valign="center" width="{areaheight}*0.8*1.87" height="{areaheight}*0.8"/>
-            <!-- hd/sd icon -->
-            <drawimage name="hd" condition="{isHD}" imagetype="icon" path="ico_hd_on" x="{posx(widescreen)} - 15 - {width(hd)}" valign="center" width="{areaheight}*0.8*2.04" height="{areaheight}*0.8"/>
-            <drawimage condition="not{isHD}" imagetype="icon" path="ico_hd_off" x="{posx(widescreen)} - 15 - {width(hd)}" valign="center" width="{areaheight}*0.8*2.04" height="{areaheight}*0.8"/>
-            <!-- screenresolution text -->
-            <drawtext name="reslabel" x="{posx(hd)} - 30 - {width(reslabel)}" valign="center" font="{light}" fontsize="60%" color="{clrWhite}" text="{screenwidth}x{screenheight}" />
+        <area x="70%" y="80%" width="29%" height="5%" layer="2">
+            <!-- Widescreen -->
+            <drawrectangle condition="{isWideScreen}" x="{areawidth} - {areaheight}*16/9" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextactive}" />
+            <drawrectangle condition="not{isWideScreen}" x="{areawidth} - {areaheight}*16/9" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextinactive}" />
+            <drawrectangle x="{areawidth} - {areaheight}*16/9 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="wide" condition="{isWideScreen}" x="{areawidth} - {areaheight}*16/9 + {areaheight}*16/9/2 - {width(wide)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextactive}" text="WIDE" />
+            <drawtext condition="not{isWideScreen}" x="{areawidth} - {areaheight}*16/9 + {areaheight}*16/9/2 - {width(wide)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextinactive}" text="WIDE" />
+            <!-- Resolution -->
+            <drawrectangle x="{areawidth} - 2*{areaheight}*16/9 - 3" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextactive}" />
+            <drawrectangle x="{areawidth} - 2*{areaheight}*16/9 - 3 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="sd576i" condition="strequal({resolution}, 'sd576i')" x="{areawidth} - 2*{areaheight}*16/9 - 3 + {areaheight}*16/9/2 - {width(sd576i)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextactive}" text="576i" />
+            <drawtext name="hd720p" condition="strequal({resolution}, 'hd720p')" x="{areawidth} - 2*{areaheight}*16/9 - 3 + {areaheight}*16/9/2 - {width(sd576i)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextactive}" text="720p" />
+            <drawtext name="hd1080i" condition="strequal({resolution}, 'hd1080i')" x="{areawidth} - 2*{areaheight}*16/9 - 3 + {areaheight}*16/9/2 - {width(hd1080i)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextactive}" text="1080i" />
+            <drawtext name="sd480i" condition="strequal({resolution}, 'sd480i')" x="{areawidth} - 2*{areaheight}*16/9 - 3 + {areaheight}*16/9/2 - {width(sd576i)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextactive}" text="480i" />
+            <!-- SD / HD -->
+            <drawrectangle x="{areawidth} - 3*{areaheight}*16/9 - 6" y="0" width="{areaheight}*16/9" height="{areaheight}" color="{icontextactive}" />
+            <drawrectangle x="{areawidth} - 3*{areaheight}*16/9 - 6 + 1" y="1" width="{areaheight}*16/9 - 2" height="{areaheight} - 2" color="00000000" />
+            <drawtext name="enc" condition="{isHD}" x="{areawidth} - 3*{areaheight}*16/9 - 6 + {areaheight}*16/9/2 - {width(enc)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextactive}" text="HDTV" />
+            <drawtext name="fta" condition="not{isHD}" x="{areawidth} - 3*{areaheight}*16/9 - 6 + {areaheight}*16/9/2 - {width(fta)}/2" valign="center" fontsize="70%" font="{bold}" color="{icontextactive}" text="SDTV" />
         </area>
     </recinfo>
 
     <currenttime>
         <area x="1%" y="92%" width="30%" height="7%" layer="2">
-            <drawtext x="0" valign="center" font="{light}" fontsize="100%" color="{clrTransBlueLight}" text="{reccurrent}" />
+            <drawtext x="0" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{reccurrent}" />
         </area>
     </currenttime>
 
     <totaltime>
         <area x="69%" y="92%" width="30%" height="7%" layer="2">
-            <drawtext condition="not{timeshift}" align="right" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="{rectotal}" />
-            <drawtext condition="{timeshift}" align="right" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="{timeshifttotal} ({rectotal})" />
+            <drawtext condition="not{timeshift}" align="right" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{rectotal}" />
+            <drawtext condition="{timeshift}" align="right" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{timeshifttotal} ({rectotal})" />
         </area>
     </totaltime>
 
     <endtime>
         <area x="63%" y="92%" width="20%" height="7%" layer="2">
-            <drawtext align="center" valign="bottom" font="{light}" fontsize="60%" color="{clrWhite}" text="{tr(endsat)}: {recend}" />
+            <drawtext align="center" valign="bottom" font="{light}" fontsize="60%" color="{fontdefault}" text="{tr(endsat)}: {recend}" />
         </area>
     </endtime>
     
     <progressbar>
         <area condition="not{timeshift}" x="5%" y="89%" width="90%" height="3%" layer="2">
-            <fill color="{clrDarkGray}" />
-            <drawrectangle x="0" y="0" width="{current}/{total}*{areawidth}" height="100%" color="{clrTransBlueLight}" />
+            <fill color="{menualternate}" />
+            <drawrectangle x="0" y="0" width="{current}/{total}*{areawidth}" height="100%" color="{menuheader}" />
         </area>
         <area condition="{timeshift}" x="5%" y="89%" width="90%" height="3%" layer="2">
-            <fill color="{clrDarkGray}" />
-            <drawrectangle x="0" y="0" width="{total}/{timeshifttotal}*{areawidth}" height="100%" color="{clrTransWhite}" />
-            <drawrectangle x="0" y="0" width="{current}/{timeshifttotal}*{areawidth}" height="100%" color="{clrTransBlueLight}" />
+            <fill color="{menualternate}" />
+            <drawrectangle x="0" y="0" width="{total}/{timeshifttotal}*{areawidth}" height="100%" color="{clrWhiteTrans}" />
+            <drawrectangle x="0" y="0" width="{current}/{timeshifttotal}*{areawidth}" height="100%" color="{menuheader}" />
         </area>
     </progressbar>
 
@@ -131,69 +141,69 @@
 
     <controlicons>
         <area x="30%" y="93%" width="40%" height="7%" layer="3">
-            <drawimage condition="not{rewind} ++ not{rewind1x} ++ not{rewind2x} ++ not{rewind3x}" imagetype="icon" path="ico_rew_off" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{rewind}" imagetype="icon" path="ico_rew" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{rewind1x}" imagetype="icon" path="ico_rew_1x" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{rewind2x}" imagetype="icon" path="ico_rew_2x" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{rewind3x}" imagetype="icon" path="ico_rew_3x" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="not{rewind} ++ not{rewind1x} ++ not{rewind2x} ++ not{rewind3x}" imagetype="icon" path="rec_rew_inactive" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{rewind}" imagetype="icon" path="rec_rew_active" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{rewind1x}" imagetype="icon" path="rec_rew_x1" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{rewind2x}" imagetype="icon" path="rec_rew_x2" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{rewind3x}" imagetype="icon" path="rec_rew_x3" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
             
-            <drawimage condition="not{pause}" imagetype="icon" path="ico_pause_off" x="{areawidth}/2 - {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{pause}" imagetype="icon" path="ico_pause" x="{areawidth}/2 - {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="not{pause}" imagetype="icon" path="rec_pause_inactive" x="{areawidth}/2 - {areaheight}-4" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{pause}" imagetype="icon" path="rec_pause_active" x="{areawidth}/2 - {areaheight}-4" y="0" width="{areaheight}" height="{areaheight}"/>
 
-            <drawimage condition="not{play}" imagetype="icon" path="ico_play_off" x="{areawidth}/2" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{play}" imagetype="icon" path="ico_play" x="{areawidth}/2" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="not{play}" imagetype="icon" path="rec_play_inactive" x="{areawidth}/2+4" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{play}" imagetype="icon" path="rec_play_active" x="{areawidth}/2+4" y="0" width="{areaheight}" height="{areaheight}"/>
 
-            <drawimage condition="not{forward} ++ not{forward1x} ++ not{forward2x} ++ not{forward3x}" imagetype="icon" path="ico_ff_off" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{forward}" imagetype="icon" path="ico_ff" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{forward1x}" imagetype="icon" path="ico_ff_1x" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{forward2x}" imagetype="icon" path="ico_ff_2x" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{forward3x}" imagetype="icon" path="ico_ff_3x" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="not{forward} ++ not{forward1x} ++ not{forward2x} ++ not{forward3x}" imagetype="icon" path="rec_fwd_inactive" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{forward}" imagetype="icon" path="rec_fwd_active" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{forward1x}" imagetype="icon" path="rec_fwd_x1" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{forward2x}" imagetype="icon" path="rec_fwd_x2" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{forward3x}" imagetype="icon" path="rec_fwd_x3" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
         </area>
     </controlicons>
 
     <controliconsmodeonly>
-        <area x="25%" y="85%" width="50%" height="10%" layer="3">
-            <drawimage condition="not{rewind} ++ not{rewind1x} ++ not{rewind2x} ++ not{rewind3x}" imagetype="icon" path="ico_rew_off" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{rewind}" imagetype="icon" path="ico_rew" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{rewind1x}" imagetype="icon" path="ico_rew_1x" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{rewind2x}" imagetype="icon" path="ico_rew_2x" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{rewind3x}" imagetype="icon" path="ico_rew_3x" x="{areawidth}/2 - 2*{areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
+        <area x="37%" y="86%" width="26%" height="8%" layer="3">
+            <drawimage condition="not{rewind} ++ not{rewind1x} ++ not{rewind2x} ++ not{rewind3x}" imagetype="icon" path="rec_rew_inactive" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{rewind}" imagetype="icon" path="rec_rew_active" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{rewind1x}" imagetype="icon" path="rec_rew_x1" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{rewind2x}" imagetype="icon" path="rec_rew_x2" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{rewind3x}" imagetype="icon" path="rec_rew_x3" x="{areawidth}/2 - 2*{areaheight}-12" y="0" width="{areaheight}" height="{areaheight}"/>
             
-            <drawimage condition="not{pause}" imagetype="icon" path="ico_pause_off" x="{areawidth}/2 - {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{pause}" imagetype="icon" path="ico_pause" x="{areawidth}/2 - {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="not{pause}" imagetype="icon" path="rec_pause_inactive" x="{areawidth}/2 - {areaheight}-4" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{pause}" imagetype="icon" path="rec_pause_active" x="{areawidth}/2 - {areaheight}-4" y="0" width="{areaheight}" height="{areaheight}"/>
 
-            <drawimage condition="not{play}" imagetype="icon" path="ico_play_off" x="{areawidth}/2" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{play}" imagetype="icon" path="ico_play" x="{areawidth}/2" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="not{play}" imagetype="icon" path="rec_play_inactive" x="{areawidth}/2+4" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{play}" imagetype="icon" path="rec_play_active" x="{areawidth}/2+4" y="0" width="{areaheight}" height="{areaheight}"/>
 
-            <drawimage condition="not{forward} ++ not{forward1x} ++ not{forward2x} ++ not{forward3x}" imagetype="icon" path="ico_ff_off" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{forward}" imagetype="icon" path="ico_ff" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{forward1x}" imagetype="icon" path="ico_ff_1x" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{forward2x}" imagetype="icon" path="ico_ff_2x" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
-            <drawimage condition="{forward3x}" imagetype="icon" path="ico_ff_3x" x="{areawidth}/2 + {areaheight}" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="not{forward} ++ not{forward1x} ++ not{forward2x} ++ not{forward3x}" imagetype="icon" path="rec_fwd_inactive" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{forward}" imagetype="icon" path="rec_fwd_active" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{forward1x}" imagetype="icon" path="rec_fwd_x1" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{forward2x}" imagetype="icon" path="rec_fwd_x2" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
+            <drawimage condition="{forward3x}" imagetype="icon" path="rec_fwd_x3" x="{areawidth}/2 + {areaheight}+12" y="0" width="{areaheight}" height="{areaheight}"/>
         </area>
     </controliconsmodeonly>
 
     <jump>
         <area x="35%" y="45%" width="30%" height="10%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="35%" y="45%" width="30%" height="10%" layer="2">
-            <drawtext align="center" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{jump}" />
+            <drawtext align="center" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{jump}" />
         </area>
     </jump>
 
     <onpause delay="30" fadetime="{fadetime}">
         <area x="0" y="0" width="100%" height="100%" layer="7">
-            <fill color="{clrSemiTransBlack}" />
+            <fill color="{clrBlackTrans}" />
         </area>
     </onpause>
 
     <onpausemodeonly delay="20" fadetime="{fadetime}">
-        <area x="0" y="0" width="100%" height="100%" layer="6">
-            <fill color="{clrSemiTransBlack}" />
-        </area>
         <area x="0" y="0" width="100%" height="100%" layer="7">
-            <drawtext align="center" valign="center" font="{semibold}" fontsize="25%" color="{clrWhite}" text="{tr(pause)}" />
+            <fill color="{clrBlackTrans}" />
+        </area>
+        <area x="0" y="0" width="100%" height="100%" layer="6">
+            <drawtext align="center" valign="center" font="{semibold}" fontsize="25%" color="{fontdefault}" text="{tr(pause)}" />
             <drawimage condition="{isseries}" imagetype="image" path="{seriesbanner1path}" align="center" y="10" width="{areawidth}*0.5" height="{areawidth} * 0.5 * {seriesbanner1height} / {seriesbanner1width}"/>
             <drawimage condition="{ismovie}" imagetype="image" path="{posterpath}" x="10" y="10" width="{areaheight} * 0.4  * {posterwidth} / {posterheight}" height="{areaheight} * 0.4"/>
         </area>
@@ -201,12 +211,12 @@
 
     <message>
         <area x="10%" y="45%" width="80%" height="10%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuactive}" />
             <drawrectangle condition="{status}" x="20" y="0" width="20" height="100%" color="{clrGreen}" />
             <drawrectangle condition="{info}" x="20" y="0" width="20" height="100%" color="{clrBlue}" />
             <drawrectangle condition="{warning}" x="20" y="0" width="20" height="100%" color="{clrYellow}" />
             <drawrectangle condition="{error}" x="20" y="0" width="20" height="100%" color="{clrRed}" />
-            <drawtext align="center" valign="center" width="{areawidth} - 80" font="{light}" fontsize="40%" color="{clrWhite}" text="{text}" />
+            <drawtext align="center" valign="center" width="{areawidth} - 80" font="{light}" fontsize="40%" color="{fontactive}" text="{text}" />
         </area>
     </message>
 </displayreplay>
diff --git a/skins/metrixhd/xmlfiles/displayvolume.xml b/skins/metrixhd/xmlfiles/displayvolume.xml
index 814bacd..05ea3f7 100644
--- a/skins/metrixhd/xmlfiles/displayvolume.xml
+++ b/skins/metrixhd/xmlfiles/displayvolume.xml
@@ -4,19 +4,19 @@
 <displayvolume x="20%" y="75%" width="60%" height="20%" fadetime="{fadetime}">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
     </background>
 
     <volume>
         <area x="0" y="0" width="100%" height="50%" layer="2">
-            <drawtext x="10" valign="center" font="{light}" fontsize="100%" color="{clrWhite}" text="{tr(volume)}: {volpercent}%" />
+            <drawtext x="10" valign="center" font="{light}" fontsize="100%" color="{fontdefault}" text="{tr(volume)}: {volpercent}%" />
             <drawimage condition="not{mute}" imagetype="icon" path="ico_volume" x="{areawidth} - {areaheight} - 5" y="5" width="{areaheight}-5" height="{areaheight}-5"/>
             <drawimage condition="{mute}" imagetype="icon" path="ico_mute" x="{areawidth} - {areaheight} - 5" y="5" width="{areaheight}-5" height="{areaheight}-5"/>
         </area>
         <area x="5%" y="60%" width="90%" height="30%" layer="2">
-            <fill color="{clrDarkGray}" />
-            <drawrectangle x="0" y="0" width="{volume}/{maxvolume}*{areawidth}" height="100%" color="{clrTransBlueLight}" />
+            <fill color="{menualternate}" />
+            <drawrectangle x="0" y="0" width="{volume}/{maxvolume}*{areawidth}" height="100%" color="{menuheader}" />
         </area>        
     </volume>
 
diff --git a/skins/metrixhd/xmlfiles/plug-setup-skinpreview.xml b/skins/metrixhd/xmlfiles/plug-setup-skinpreview.xml
index 8642626..b6e51d8 100644
--- a/skins/metrixhd/xmlfiles/plug-setup-skinpreview.xml
+++ b/skins/metrixhd/xmlfiles/plug-setup-skinpreview.xml
@@ -4,7 +4,7 @@
 <menuplugin x="0" y="0" width="100%" height="100%" fadetime="0">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
     </background>
 
@@ -22,81 +22,81 @@
 
     <colorbuttons>
        <area x="0" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="25%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="50%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="75%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </colorbuttons>
 
     <scrollbar>
         <area x="98%" y="20%" width="2%" height="71%" layer="3">
-            <fill color="{clrWhite}" />
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
     
     <detailheader>
         <area x="0" y="0" width="100%" height="20%" layer="2">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuheader}" />
         </area>
         <area x="0" y="0" width="100%" height="20%" layer="3">
-            <drawtext x="20" valign="center" font="{light}" fontsize="40%" color="{clrWhite}" text="{menuheader}" />
+            <drawtext x="20" valign="center" font="{light}" fontsize="40%" color="{fontdefault}" text="{menuheader}" />
         </area>
         <area x="50%" y="0" width="50%" height="8%" layer="3">
-            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="Author: {author} " />
+            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="Author: {author} " />
         </area>
     </detailheader>
 
     <tab name="preview" x="2%" y="20%" width="94%" height="71%" layer="2" scrollheight="{areaheight}/4">
-        <drawtext name="headerplugs" x="0" y="0" font="{semibold}" fontsize="10%" color="{clrWhite}" text="Supported Plugins:" />
+        <drawtext name="headerplugs" x="0" y="0" font="{semibold}" fontsize="10%" color="{fontdefault}" text="Supported Plugins:" />
         <loop name="plugins" x="0" y="10%" orientation="vertical" columnwidth="{areawidth}/2" rowheight="{areaheight}*0.08">
-            <drawtext x="0" valign="center" font="{light}" fontsize="8%" color="{clrWhite}" text="{plugins[name]}" />
+            <drawtext x="0" valign="center" font="{light}" fontsize="8%" color="{fontdefault}" text="{plugins[name]}" />
         </loop>
 
-        <drawtext name="headerfonts" x="0" y="{posy(plugins)} + {height(plugins)} + 10" font="{semibold}" fontsize="10%" color="{clrWhite}" text="Used Fonts:" />
+        <drawtext name="headerfonts" x="0" y="{posy(plugins)} + {height(plugins)} + 10" font="{semibold}" fontsize="10%" color="{fontdefault}" text="Used Fonts:" />
         <loop name="fonts" x="0" y="{posy(headerfonts)} + {height(headerfonts)}" orientation="vertical" columnwidth="{areawidth}/2" rowheight="{areaheight}*0.08">
-            <drawtext condition="{fonts[installed]}" x="0" valign="center" font="{light}" fontsize="8%" color="{clrWhite}" text="{fonts[name]} (installed)" />
-            <drawtext condition="not{fonts[installed]}" x="0" valign="center" font="{light}" fontsize="8%" color="{clrWhite}" text="{fonts[name]} (NOT installed)" />
+            <drawtext condition="{fonts[installed]}" x="0" valign="center" font="{light}" fontsize="8%" color="{fontdefault}" text="{fonts[name]} (installed)" />
+            <drawtext condition="not{fonts[installed]}" x="0" valign="center" font="{light}" fontsize="8%" color="{fontdefault}" text="{fonts[name]} (NOT installed)" />
         </loop>
 
         <loop name="screenshots" x="0" y="{posy(fonts)} + {height(fonts)}" orientation="vertical" columnwidth="{areawidth}" rowheight="{areawidth}*10/16">
-            <drawtext name="desc" align="center" y="0" font="{light}" fontsize="10%" color="{clrWhite}" text="{screenshots[desc]}" />
+            <drawtext name="desc" align="center" y="0" font="{light}" fontsize="10%" color="{fontdefault}" text="{screenshots[desc]}" />
             <drawimage imagetype="image" path="{screenshots[path]}" align="center" y="{height(desc)}+10" width="{areawidth}*0.95" height="{areawidth} * 0.95 * 9 / 16"/>
         </loop>
     </tab>
diff --git a/skins/metrixhd/xmlfiles/plug-tvguideng-detail.xml b/skins/metrixhd/xmlfiles/plug-tvguideng-detail.xml
index e6ab374..61e288a 100644
--- a/skins/metrixhd/xmlfiles/plug-tvguideng-detail.xml
+++ b/skins/metrixhd/xmlfiles/plug-tvguideng-detail.xml
@@ -5,63 +5,63 @@
 
     <viewelement name="background">
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="0" y="0" width="100%" height="20%" layer="2">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuheader}" />
         </area>
         <area x="0" y="85%" width="100%" height="2" layer="3">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuheader}" />
         </area>
     </viewelement>
 
     <scrollbar>
         <area x="98%" y="20%" width="2%" height="65%" layer="3">
-            <fill color="{clrWhite}" />
+            <fill color="{scrollbar}" />
             <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrWhite}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
         </area>
     </scrollbar>
 
     <viewelement name="footer">
         <area x="0" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="25%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="50%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="75%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
     </viewelement>
@@ -77,37 +77,37 @@
             <drawimage condition="{ismovie}++{posteravailable}++not{epgpicavailable}" imagetype="image" path="{posterpath}" x="{areawidth} - {areaheight}*8/10" valign="center" width="{areaheight}*8 / 10 * {posterheight} / {posterwidth}" height="{areaheight}*8 / 10"/>
             <drawimage condition="{epgpicavailable}" imagetype="image" path="{epgpicpath}" x="{areawidth} - {areaheight}*8/10 * 174 / 130" valign="center" width="{areaheight}*8/10 * 174 / 130" height="{areaheight}*8 / 10"/>
 
-            <drawtext name="title" x="{width(logo)} + 20" valign="center" font="{semibold}" fontsize="35%" color="{clrWhite}" text="{title}" />
-            <drawtext name="datetime" x="{width(logo)} + 20" y="{posy(title)} - {height(datetime)}" font="{light}" fontsize="25%" color="{clrWhite}" text="{day} {date} {start} - {stop} ({duration} mins)" />
-            <drawtext name="shorttext" x="{width(logo)} + 20" y="{posy(title)} + {height(title)}" font="{light}" fontsize="25%" color="{clrWhite}" text="{shorttext}" />
+            <drawtext name="title" x="{width(logo)} + 20" valign="center" font="{semibold}" fontsize="35%" color="{fontactive}" text="{title}" />
+            <drawtext name="datetime" x="{width(logo)} + 20" y="{posy(title)} - {height(datetime)}" font="{light}" fontsize="25%" color="{fontactive}" text="{day} {date} {start} - {stop} ({duration} mins)" />
+            <drawtext name="shorttext" x="{width(logo)} + 20" y="{posy(title)} + {height(title)}" font="{light}" fontsize="25%" color="{fontactive}" text="{shorttext}" />
         </area>
     </viewelement>
 
     <!-- TAB EPGINFO -->
     <tab name="EPG Info" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="0" width="96%" font="{light}" fontsize="8%" color="{clrWhite}" text="{description}" />
+        <drawtextbox condition="not{isseries}++not{ismovie}" x="0" y="0" width="96%" font="{light}" fontsize="8%" color="{fontdefault}" text="{description}" />
         <drawimage condition="{isseries}" name="seriesposter" imagetype="image" path="{seriesposter1path}" x="{areawidth}*0.75" y="0" width="{areawidth}*0.25" height="{areawidth} * 0.25 * {seriesposter1height} / {seriesposter1width}"/>
         <drawimage condition="{ismovie}" name="movieposter" imagetype="image" path="{posterpath}" x="{areawidth}*0.75" y="0" width="{areawidth}*0.25" height="{areawidth} * 0.25 * {posterheight} / {posterwidth}" />
-        <drawtextbox condition="{isseries}" x="0" y="0" width="96%" float="topright" floatwidth="{width(seriesposter)} + 10" floatheight="{height(seriesposter)} + 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{description}" />
-        <drawtextbox condition="{ismovie}" x="0" y="0" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} + 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{description}" />
+        <drawtextbox condition="{isseries}" x="0" y="0" width="96%" float="topright" floatwidth="{width(seriesposter)} + 10" floatheight="{height(seriesposter)} + 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{description}" />
+        <drawtextbox condition="{ismovie}" x="0" y="0" width="96%" float="topright" floatwidth="{width(movieposter)} + 10" floatheight="{height(movieposter)} + 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{description}" />
     </tab>
     <!-- TAB RERUNS -->
     <tab condition="{hasreruns}" name="{tr(reruns)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtext align="center" y="0" name="title" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(rerunsof)} '{title}'" />
+        <drawtext align="center" y="0" name="title" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(rerunsof)} '{title}'" />
         <loop name="reruns" x="0" y="{height(title)} + 10" width="{areawidth}" orientation="vertical">
             <drawimage name="logo" condition="{reruns[channellogoexists]}" imagetype="channellogo" path="{reruns[channelid]}" x="0" width="10%" height="10%" />
-            <drawtext name="channelname" condition="not{reruns[channellogoexists]}" x="-5" font="{light}" fontsize="10%" color="{clrWhite}" text="{reruns[channelname]}" />
-            <drawtext condition="{reruns[channellogoexists]}" x="{width(logo)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
-            <drawtext condition="not{reruns[channellogoexists]}" x="{width(channelname)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
+            <drawtext name="channelname" condition="not{reruns[channellogoexists]}" x="-5" font="{light}" fontsize="10%" color="{fontdefault}" text="{reruns[channelname]}" />
+            <drawtext condition="{reruns[channellogoexists]}" x="{width(logo)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
+            <drawtext condition="not{reruns[channellogoexists]}" x="{width(channelname)}+20" y="-5" width="{areawidth} - {width(logo)} - 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{reruns[day]} {reruns[date]} {reruns[start]} - {reruns[stop]}: {reruns[title]}  {reruns[shorttext]}" />
         </loop>
     </tab>
     <!-- TAB ACTORS -->
     <tab condition="{isseries}||{ismovie}" name="{tr(actors)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtext align="center" name="title" y="0" font="{semibold}" fontsize="15%" color="{clrWhite}" text="{tr(actors)}" />
+        <drawtext align="center" name="title" y="0" font="{semibold}" fontsize="15%" color="{fontdefault}" text="{tr(actors)}" />
         <loop name="actors" x="0" y="{height(title)} + 10" width="{areawidth}" orientation="horizontal" columnwidth="{areawidth}/5" rowheight="{areawidth}/5*1.8" overflow="linewrap">
             <drawimage name="thumb" imagetype="image" path="{actors[thumb]}" x="20" y="0" width="{columnwidth}-40" height="{columnwidth} * {actors[thumbheight]} / {actors[thumbwidth]} - 40 * {actors[thumbheight]} / {actors[thumbwidth]}"/>
-            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{light}" fontsize="7%" color="{clrWhite}" text="{actors[name]}" />
-            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{light}" fontsize="7%" color="{clrWhite}" text="{actors[role]}" />
+            <drawtext align="center" y="{height(thumb)} + 10" width="{columnwidth}" name="actorname" font="{light}" fontsize="7%" color="{fontdefault}" text="{actors[name]}" />
+            <drawtext align="center" y="{height(thumb)} + 10 + {height(actorname)}" width="{columnwidth}" font="{light}" fontsize="7%" color="{fontdefault}" text="{actors[role]}" />
         </loop>
     </tab>
     <!-- TAB TVDBINFO -->
@@ -115,7 +115,7 @@
         <drawimage name="banner" imagetype="image" path="{seriesbanner1path}" align="center" y="10" width="{areawidth}*0.9" height="{areawidth} * 0.9 * {seriesbanner1height} / {seriesbanner1width}"/>
         <drawimage name="episodeimage" imagetype="image" path="{episodeimagepath}" x="{areawidth}*0.7" y="{height(banner)} + 20" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {episodeimageheight} / {episodeimagewidth}"/>
         <drawimage name="seasonposter" imagetype="image" path="{seasonposterpath}" x="{areawidth}*0.7" y="{height(banner)} + {height(episodeimage)} + 30" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {seasonposterheight} / {seasonposterwidth}"/>
-        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
+        <drawtextbox x="0" y="{height(banner)} + 20" width="96%" float="topright" floatwidth="{width(seasonposter)} + 10" floatheight="{height(episodeimage)} + {height(seasonposter)} + 30" font="{light}" fontsize="8%" color="{fontdefault}" text="{tr(episode)}: {episodetitle} ({tr(season)} {episodeseason}, {tr(episode)} {episodenumber}) &#10;&#10;{episodeoverview}|&#10;&#10;{tr(gueststars)}: {episodegueststars}||&#10;&#10;{tr(seriesfirstaired)}: {seriesfirstaired}||&#10;{tr(episodefirstaired)}: {episodefirstaired}||&#10;{tr(network)}: {seriesnetwork}||&#10;{tr(genre)}: {seriesgenre}||&#10;{tr(status)}: {seriesstatus}||&#10;{tr(rating)}: {seriesrating}||&#10;{tr(episoderating)}: {episoderating}&#10;|{seriesoverview}&#10;" />
     </tab>
     <!-- TAB SERIESGALERY -->
     <tab condition="{isseries}" name="{tr(seriesgalery)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
@@ -132,7 +132,7 @@
     <!-- TAB MOVIEDBINFO -->
     <tab condition="{ismovie}" name="MovieDBInfo" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
         <drawimage name="poster" imagetype="image" path="{posterpath}" x="70%" y="10" width="{areawidth}*0.3" height="{areawidth} * 0.3 * {posterheight} / {posterwidth}"/>
-        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
+        <drawtextbox x="0" y="10" width="96%" float="topright" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="8%" color="{fontdefault}" text="{tr(originaltitle)}: {movieoriginalTitle}&#10;&#10;|{tr(genre)}: {moviegenres}&#10;&#10;||{movietagline}&#10;&#10;|{movieoverview}&#10;&#10;|{tr(budget)}: {moviebudget}&#10;||{tr(revenue)}: {movierevenue}&#10;&#10;||{tr(adult)}: {movieadult}&#10;||{tr(releasedate)}: {moviereleasedate}&#10;||{tr(runtime)}: {movieruntime} min&#10;||&#10;{tr(popularity)}: {moviepopularity}&#10;||&#10;{tr(voteaverage)}: {movievoteaverage}&#10;||&#10;{tr(homepage)}: {moviehomepage}|&#10;" />
     </tab>
     <!-- TAB MOVIEGALERY -->
     <tab condition="{ismovie}" name="{tr(moviegalery)}" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
@@ -146,10 +146,11 @@
     <tablabels>
         <area x="0" y="85%" width="98%" height="5%" layer="3">
             <loop name="tabs" x="0" y="0" orientation="horizontal">
-                <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrTransBlueLight}" />
-                <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrTransBlueLight}" />
+                <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menuheader}" />
+                <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{menuheader}" />
                 <drawrectangle condition="not{tabs[current]}" x="2" y="2" width="{width(label)} - 4" height="{areaheight}-4" color="{clrTransparent}" />
-                <drawtext name="label" x="0" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="  {tabs[title]}  " />
+                <drawtext condition="not{tabs[current]}" name="label" x="0" valign="center" font="{light}" fontsize="95%" color="{fontdefault}" text="  {tabs[title]}  " />
+                <drawtext condition="{tabs[current]}" name="label" x="0" valign="center" font="{light}" fontsize="95%" color="{fontactive}" text="  {tabs[title]}  " />
             </loop>
         </area>
     </tablabels>
diff --git a/skins/metrixhd/xmlfiles/plug-tvguideng-recmenu.xml b/skins/metrixhd/xmlfiles/plug-tvguideng-recmenu.xml
index 21ae64c..eae4767 100644
--- a/skins/metrixhd/xmlfiles/plug-tvguideng-recmenu.xml
+++ b/skins/metrixhd/xmlfiles/plug-tvguideng-recmenu.xml
@@ -4,10 +4,10 @@
 <displayplugin x="0" y="0" width="100%" height="100%">
     <viewelement name="background">
         <area condition="not{hasscrollbar}" x="0" y="0" width="100%" height="100%" layer="4">
-            <drawrectangle x="{areawidth}/2 - {menuwidth}*{areawidth}/100/2" y="{areaheight}/2 - {menuheight}*{areaheight}/100/2" width="{menuwidth}*{areawidth}/100" height="{menuheight}*{areaheight}/100" color="{clrTransBlack}" />
+            <drawrectangle x="{areawidth}/2 - {menuwidth}*{areawidth}/100/2" y="{areaheight}/2 - {menuheight}*{areaheight}/100/2" width="{menuwidth}*{areawidth}/100" height="{menuheight}*{areaheight}/100" color="{menuback}" />
         </area>
         <area condition="{hasscrollbar}" x="0" y="0" width="100%" height="100%" layer="4">
-            <drawrectangle x="{areawidth}/2 - {menuwidth}*{areawidth}/100/2" y="{areaheight}/2 - {menuheight}*{areaheight}/100/2" width="{menuwidth}*{areawidth}/100 + {areawidth}*0.03" height="{menuheight}*{areaheight}/100" color="{clrTransBlack}"/>
+            <drawrectangle x="{areawidth}/2 - {menuwidth}*{areawidth}/100/2" y="{areaheight}/2 - {menuheight}*{areaheight}/100/2" width="{menuwidth}*{areawidth}/100 + {areawidth}*0.03" height="{menuheight}*{areaheight}/100" color="{menuback}"/>
         </area>
     </viewelement>
 
@@ -23,59 +23,59 @@
 
     <grid name="recmenu" x="0" y="0" width="100%" height="100%">
         <area condition="not{info}++not{buttonyesno}++not{timerconflictheader}++not{timerconflict}++not{timelineheader}++not{timelinetimer}" layer="5">
-            <fill condition="{current}" color="{clrTransBlueLight}" />
-            <fill condition="not{current}" color="{clrTransBlack}" />
+            <fill condition="{current}" color="{menuheader}" />
+            <fill condition="not{current}" color="{menuback}" />
         </area>
         <area condition="{info}" layer="5">
-            <drawtext condition="eq({lines}, 1)" align="center" valign="center" font="{semibold}" fontsize="60%" color="{clrWhite}" text="{line1}" />
+            <drawtext condition="eq({lines}, 1)" align="center" valign="center" font="{semibold}" fontsize="60%" color="{fontdefault}" text="{line1}" />
 
-            <drawtext condition="eq({lines}, 2)" align="center" y="5%" font="{semibold}" fontsize="40%" color="{clrWhite}" text="{line1}" />
-            <drawtext condition="eq({lines}, 2)" align="center" y="52%" font="{semibold}" fontsize="40%" color="{clrWhite}" text="{line2}" />
+            <drawtext condition="eq({lines}, 2)" align="center" y="5%" font="{semibold}" fontsize="40%" color="{fontdefault}" text="{line1}" />
+            <drawtext condition="eq({lines}, 2)" align="center" y="52%" font="{semibold}" fontsize="40%" color="{fontdefault}" text="{line2}" />
 
-            <drawtext condition="eq({lines}, 3)" align="center" y="0%" font="{semibold}" fontsize="28%" color="{clrWhite}" text="{line1}" />
-            <drawtext condition="eq({lines}, 3)" align="center" y="33%" font="{semibold}" fontsize="28%" color="{clrWhite}" text="{line2}" />
-            <drawtext condition="eq({lines}, 3)" align="center" y="66%" font="{semibold}" fontsize="28%" color="{clrWhite}" text="{line3}" />
+            <drawtext condition="eq({lines}, 3)" align="center" y="0%" font="{semibold}" fontsize="28%" color="{fontdefault}" text="{line1}" />
+            <drawtext condition="eq({lines}, 3)" align="center" y="33%" font="{semibold}" fontsize="28%" color="{fontdefault}" text="{line2}" />
+            <drawtext condition="eq({lines}, 3)" align="center" y="66%" font="{semibold}" fontsize="28%" color="{fontdefault}" text="{line3}" />
 
-            <drawtext condition="eq({lines}, 4)" align="center" y="0%" font="{semibold}" fontsize="22%" color="{clrWhite}" text="{line1}" />
-            <drawtext condition="eq({lines}, 4)" align="center" y="25%" font="{semibold}" fontsize="22%" color="{clrWhite}" text="{line2}" />
-            <drawtext condition="eq({lines}, 4)" align="center" y="50%" font="{semibold}" fontsize="22%" color="{clrWhite}" text="{line3}" />
-            <drawtext condition="eq({lines}, 4)" align="center" y="75%" font="{semibold}" fontsize="22%" color="{clrWhite}" text="{line4}" />
+            <drawtext condition="eq({lines}, 4)" align="center" y="0%" font="{semibold}" fontsize="22%" color="{fontdefault}" text="{line1}" />
+            <drawtext condition="eq({lines}, 4)" align="center" y="25%" font="{semibold}" fontsize="22%" color="{fontdefault}" text="{line2}" />
+            <drawtext condition="eq({lines}, 4)" align="center" y="50%" font="{semibold}" fontsize="22%" color="{fontdefault}" text="{line3}" />
+            <drawtext condition="eq({lines}, 4)" align="center" y="75%" font="{semibold}" fontsize="22%" color="{fontdefault}" text="{line4}" />
         </area>
         <area condition="{button}" layer="6">
-            <drawtext align="center" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{buttontext}" />
+            <drawtext align="center" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{buttontext}" />
         </area>
         <areacontainer condition="{buttonyesno}">
             <area layer="5">
-                <drawrectangle condition="not{current}" x="2%" y="5%" width="46%" height="90%" color="{clrDarkGray}"/>
-                <drawrectangle condition="not{current}" x="52%" y="5%" width="46%" height="90%" color="{clrDarkGray}"/>
-                <drawrectangle condition="{current}++{yes}" x="2%" y="5%" width="46%" height="90%" color="{clrTransBlueLight}"/>
-                <drawrectangle condition="{current}++{yes}" x="52%" y="5%" width="46%" height="90%" color="{clrDarkGray}"/>
-                <drawrectangle condition="{current}++not{yes}" x="2%" y="5%" width="46%" height="90%" color="{clrDarkGray}"/>
-                <drawrectangle condition="{current}++not{yes}" x="52%" y="5%" width="46%" height="90%" color="{clrTransBlueLight}"/>
+                <drawrectangle condition="not{current}" x="2%" y="5%" width="46%" height="90%" color="{menualternate}"/>
+                <drawrectangle condition="not{current}" x="52%" y="5%" width="46%" height="90%" color="{menualternate}"/>
+                <drawrectangle condition="{current}++{yes}" x="2%" y="5%" width="46%" height="90%" color="{menuheader}"/>
+                <drawrectangle condition="{current}++{yes}" x="52%" y="5%" width="46%" height="90%" color="{menualternate}"/>
+                <drawrectangle condition="{current}++not{yes}" x="2%" y="5%" width="46%" height="90%" color="{menualternate}"/>
+                <drawrectangle condition="{current}++not{yes}" x="52%" y="5%" width="46%" height="90%" color="{menuheader}"/>
             </area>
             <area layer="6">
-                <drawtext name="yestext" x="{areawidth}/4 - {width(yestext)}/2" valign="center" font="{light}" fontsize="70%" color="{clrWhite}" text="{textyes}" />
-                <drawtext name="notext" x="3*{areawidth}/4 - {width(notext)}/2" valign="center" font="{light}" fontsize="70%" color="{clrWhite}" text="{textno}" />
+                <drawtext name="yestext" x="{areawidth}/4 - {width(yestext)}/2" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{textyes}" />
+                <drawtext name="notext" x="3*{areawidth}/4 - {width(notext)}/2" valign="center" font="{light}" fontsize="70%" color="{fontdefault}" text="{textno}" />
             </area>
         </areacontainer>
         <area condition="{intselector}" layer="6">
-            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
-            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{stringvalue} " />
+            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{text}" />
+            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{stringvalue} " />
         </area>
         <area condition="{boolselector}" layer="6">
-            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
+            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{text}" />
             <drawimage condition="{intvalue}" imagetype="icon" path="ico_yes" x="{areawidth} - {areaheight}*0.8" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
             <drawimage condition="not{intvalue}" imagetype="icon" path="ico_no" x="{areawidth} - {areaheight}*0.8" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
         </area>
         <area condition="{stringselector}" layer="6">
-            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
+            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{text}" />
             <drawimage imagetype="icon" path="ico_arrow_right" x="{areawidth} - {areaheight}*0.8" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
-            <drawtext name="value" x="{areawidth} - {width(value)} - {areaheight}" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{stringvalue}" />
+            <drawtext name="value" x="{areawidth} - {width(value)} - {areaheight}" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{stringvalue}" />
             <drawimage imagetype="icon" path="ico_arrow_left" x="{areawidth} - {width(value)} - 2*{areaheight}" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
         </area>
         <areacontainer condition="{textinput}">
             <area layer="6">
-                <drawtext x="1%" y="10%" font="{light}" fontsize="40%" color="{clrWhite}" text="{text}" />
+                <drawtext x="1%" y="10%" font="{light}" fontsize="40%" color="{fontdefault}" text="{text}" />
                 <drawrectangle condition="not{editmode}" x="1%" y="55%" width="98%" height="40%" color="{clrWhite}"/>
                 <drawrectangle condition="{editmode}" x="1%" y="55%" width="98%" height="40%" color="{clrRed}"/>
             </area>
@@ -84,74 +84,74 @@
             </area>
         </areacontainer>
         <area condition="{timeselector}" layer="6">
-            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
-            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{stringvalue} " />
+            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{text}" />
+            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{stringvalue} " />
         </area>
         <area condition="{dayselector}" layer="6">
-            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
-            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{stringvalue} " />
+            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{text}" />
+            <drawtext align="right" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{stringvalue} " />
         </area>
         <area condition="{channelselector}" layer="6">
-            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
+            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{text}" />
             <drawimage condition="{channellogoexisis}" imagetype="channellogo" path="{channelid}" x="{areawidth}-{areaheight}" valign="center" width="{areaheight}*0.9" height="{areaheight}*0.9" />
-            <drawtext name="channelnumberlogo" condition="{channellogoexisis}" x="{areawidth}-{areaheight}-{width(channelnumberlogo)}-10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{channelnumber}" />
-            <drawtext condition="not{channellogoexisis}++{channelnumber}" align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{channelnumber} {channelname} " />
-            <drawtext condition="not{channelnumber}" align="right" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{channelname} " />
+            <drawtext name="channelnumberlogo" condition="{channellogoexisis}" x="{areawidth}-{areaheight}-{width(channelnumberlogo)}-10" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{channelnumber}" />
+            <drawtext condition="not{channellogoexisis}++{channelnumber}" align="right" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{channelnumber} {channelname} " />
+            <drawtext condition="not{channelnumber}" align="right" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{channelname} " />
         </area>
         <areacontainer condition="{weekdayselector}">
             <area layer="6">
-                <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
+                <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{text}" />
                 
                 <drawrectangle x="{areawidth} - {areaheight}*4" y="25%" width="{areaheight}*3.5" height="50%" color="{clrWhite}" />
 
-                <drawrectangle condition="not{day0set}" x="{areawidth} - {areaheight}*4.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrDarkGray}" />
-                <drawrectangle condition="{day0set}" x="{areawidth} - {areaheight}*4.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlueLight}" />
+                <drawrectangle condition="not{day0set}" x="{areawidth} - {areaheight}*4.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menualternate}" />
+                <drawrectangle condition="{day0set}" x="{areawidth} - {areaheight}*4.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuheader}" />
                 
-                <drawrectangle condition="not{day1set}" x="{areawidth} - {areaheight}*3.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrDarkGray}" />
-                <drawrectangle condition="{day1set}" x="{areawidth} - {areaheight}*3.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlueLight}" />
+                <drawrectangle condition="not{day1set}" x="{areawidth} - {areaheight}*3.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menualternate}" />
+                <drawrectangle condition="{day1set}" x="{areawidth} - {areaheight}*3.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuheader}" />
 
-                <drawrectangle condition="not{day2set}" x="{areawidth} - {areaheight}*3.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrDarkGray}" />
-                <drawrectangle condition="{day2set}" x="{areawidth} - {areaheight}*3.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlueLight}" />
+                <drawrectangle condition="not{day2set}" x="{areawidth} - {areaheight}*3.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menualternate}" />
+                <drawrectangle condition="{day2set}" x="{areawidth} - {areaheight}*3.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuheader}" />
 
-                <drawrectangle condition="not{day3set}" x="{areawidth} - {areaheight}*2.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrDarkGray}" />
-                <drawrectangle condition="{day3set}" x="{areawidth} - {areaheight}*2.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlueLight}" />
+                <drawrectangle condition="not{day3set}" x="{areawidth} - {areaheight}*2.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menualternate}" />
+                <drawrectangle condition="{day3set}" x="{areawidth} - {areaheight}*2.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuheader}" />
 
-                <drawrectangle condition="not{day4set}" x="{areawidth} - {areaheight}*2.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrDarkGray}" />
-                <drawrectangle condition="{day4set}" x="{areawidth} - {areaheight}*2.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlueLight}" />
+                <drawrectangle condition="not{day4set}" x="{areawidth} - {areaheight}*2.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menualternate}" />
+                <drawrectangle condition="{day4set}" x="{areawidth} - {areaheight}*2.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuheader}" />
 
-                <drawrectangle condition="not{day5set}" x="{areawidth} - {areaheight}*1.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrDarkGray}" />
-                <drawrectangle condition="{day5set}" x="{areawidth} - {areaheight}*1.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlueLight}" />
+                <drawrectangle condition="not{day5set}" x="{areawidth} - {areaheight}*1.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menualternate}" />
+                <drawrectangle condition="{day5set}" x="{areawidth} - {areaheight}*1.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuheader}" />
 
-                <drawrectangle condition="not{day6set}" x="{areawidth} - {areaheight}*1.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrDarkGray}" />
-                <drawrectangle condition="{day6set}" x="{areawidth} - {areaheight}*1.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlueLight}" />
+                <drawrectangle condition="not{day6set}" x="{areawidth} - {areaheight}*1.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menualternate}" />
+                <drawrectangle condition="{day6set}" x="{areawidth} - {areaheight}*1.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuheader}" />
             </area>
             <area layer="7">
-                <drawrectangle condition="{current}++eq({dayselected}, 0)" x="{areawidth} - {areaheight}*4.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlack}" />
-                <drawrectangle condition="{current}++eq({dayselected}, 1)" x="{areawidth} - {areaheight}*3.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlack}" />
-                <drawrectangle condition="{current}++eq({dayselected}, 2)" x="{areawidth} - {areaheight}*3.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlack}" />
-                <drawrectangle condition="{current}++eq({dayselected}, 3)" x="{areawidth} - {areaheight}*2.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlack}" />
-                <drawrectangle condition="{current}++eq({dayselected}, 4)" x="{areawidth} - {areaheight}*2.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlack}" />
-                <drawrectangle condition="{current}++eq({dayselected}, 5)" x="{areawidth} - {areaheight}*1.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlack}" />
-                <drawrectangle condition="{current}++eq({dayselected}, 6)" x="{areawidth} - {areaheight}*1.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{clrTransBlack}" />
+                <drawrectangle condition="{current}++eq({dayselected}, 0)" x="{areawidth} - {areaheight}*4.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuback}" />
+                <drawrectangle condition="{current}++eq({dayselected}, 1)" x="{areawidth} - {areaheight}*3.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuback}" />
+                <drawrectangle condition="{current}++eq({dayselected}, 2)" x="{areawidth} - {areaheight}*3.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuback}" />
+                <drawrectangle condition="{current}++eq({dayselected}, 3)" x="{areawidth} - {areaheight}*2.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuback}" />
+                <drawrectangle condition="{current}++eq({dayselected}, 4)" x="{areawidth} - {areaheight}*2.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuback}" />
+                <drawrectangle condition="{current}++eq({dayselected}, 5)" x="{areawidth} - {areaheight}*1.5 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuback}" />
+                <drawrectangle condition="{current}++eq({dayselected}, 6)" x="{areawidth} - {areaheight}*1.0 + 2" y="{areaheight}*0.25+2" width="{areaheight}*0.5-4" height="{areaheight}*0.5-4" color="{menuback}" />
 
-                <drawtext name="day0" x="{areawidth} - {areaheight}*4.0 + {areaheight}/4 - {width(day0)}/2" valign="center" font="{light}" fontsize="50%" color="{clrWhite}" text="{day0abbr}" />
-                <drawtext name="day1" x="{areawidth} - {areaheight}*3.5 + {areaheight}/4 - {width(day1)}/2" valign="center" font="{light}" fontsize="50%" color="{clrWhite}" text="{day1abbr}" />
-                <drawtext name="day2" x="{areawidth} - {areaheight}*3.0 + {areaheight}/4 - {width(day2)}/2" valign="center" font="{light}" fontsize="50%" color="{clrWhite}" text="{day2abbr}" />
-                <drawtext name="day3" x="{areawidth} - {areaheight}*2.5 + {areaheight}/4 - {width(day3)}/2" valign="center" font="{light}" fontsize="50%" color="{clrWhite}" text="{day3abbr}" />
-                <drawtext name="day4" x="{areawidth} - {areaheight}*2.0 + {areaheight}/4 - {width(day4)}/2" valign="center" font="{light}" fontsize="50%" color="{clrWhite}" text="{day4abbr}" />
-                <drawtext name="day5" x="{areawidth} - {areaheight}*1.5 + {areaheight}/4 - {width(day5)}/2" valign="center" font="{light}" fontsize="50%" color="{clrWhite}" text="{day5abbr}" />
-                <drawtext name="day6" x="{areawidth} - {areaheight}*1.0 + {areaheight}/4 - {width(day6)}/2" valign="center" font="{light}" fontsize="50%" color="{clrWhite}" text="{day6abbr}" />
+                <drawtext name="day0" x="{areawidth} - {areaheight}*4.0 + {areaheight}/4 - {width(day0)}/2" valign="center" font="{light}" fontsize="50%" color="{fontdefault}" text="{day0abbr}" />
+                <drawtext name="day1" x="{areawidth} - {areaheight}*3.5 + {areaheight}/4 - {width(day1)}/2" valign="center" font="{light}" fontsize="50%" color="{fontdefault}" text="{day1abbr}" />
+                <drawtext name="day2" x="{areawidth} - {areaheight}*3.0 + {areaheight}/4 - {width(day2)}/2" valign="center" font="{light}" fontsize="50%" color="{fontdefault}" text="{day2abbr}" />
+                <drawtext name="day3" x="{areawidth} - {areaheight}*2.5 + {areaheight}/4 - {width(day3)}/2" valign="center" font="{light}" fontsize="50%" color="{fontdefault}" text="{day3abbr}" />
+                <drawtext name="day4" x="{areawidth} - {areaheight}*2.0 + {areaheight}/4 - {width(day4)}/2" valign="center" font="{light}" fontsize="50%" color="{fontdefault}" text="{day4abbr}" />
+                <drawtext name="day5" x="{areawidth} - {areaheight}*1.5 + {areaheight}/4 - {width(day5)}/2" valign="center" font="{light}" fontsize="50%" color="{fontdefault}" text="{day5abbr}" />
+                <drawtext name="day6" x="{areawidth} - {areaheight}*1.0 + {areaheight}/4 - {width(day6)}/2" valign="center" font="{light}" fontsize="50%" color="{fontdefault}" text="{day6abbr}" />
             </area>
         </areacontainer>
         <area condition="{directoryselector}" layer="6">
-            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
+            <drawtext x="1%" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{text}" />
             <drawimage imagetype="icon" path="ico_arrow_right" x="{areawidth} - {areaheight}*0.8" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
-            <drawtext name="folder" x="{areawidth} - {width(folder)} - {areaheight}" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{folder}" />
+            <drawtext name="folder" x="{areawidth} - {width(folder)} - {areaheight}" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{folder}" />
             <drawimage imagetype="icon" path="ico_arrow_left" x="{areawidth} - {width(folder)} - 2*{areaheight}" y="10%" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
         </area>
         <areacontainer condition="{timerconflictheader}">
             <area layer="5">
-                <drawtext name="title" x="{areawidth}*0.7*0.5 - {width(title)}/2" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{text}" />
+                <drawtext name="title" x="{areawidth}*0.7*0.5 - {width(title)}/2" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{text}" />
                 <drawrectangle x="70%" y="0" width="30%" height="100%" color="{clrWhite}"/>
             </area>
             <area layer="6">
@@ -176,9 +176,9 @@
                 <drawimage condition="not{current}||not{editactive}" imagetype="icon" path="ico_edit_inactive" x="{areaheight}*1.15" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
                 <drawimage condition="{current}++{searchactive}" imagetype="icon" path="ico_search_active" x="{areaheight}*1.7" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
                 <drawimage condition="not{current}||not{searchactive}" imagetype="icon" path="ico_search_inactive" x="{areaheight}*1.7" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
-                <drawtext x="{areaheight}*2.3" width="{areawidth}*0.7 - {areaheight}*2.4" y="0" font="{light}" fontsize="40%" color="{clrWhite}" text="{timertitle}" />
-                <drawtext x="{areaheight}*2.3" y="40%" font="{light}" fontsize="30%" color="{clrWhite}" text="{weekday} {date} {starttime} - {stoptime}" />
-                <drawtext x="{areaheight}*2.3" y="70%" font="{light}" fontsize="30%" color="{clrWhite}" text="{channelname}, Transp. {transponder}" />
+                <drawtext x="{areaheight}*2.3" width="{areawidth}*0.7 - {areaheight}*2.4" y="0" font="{light}" fontsize="40%" color="{fontdefault}" text="{timertitle}" />
+                <drawtext x="{areaheight}*2.3" y="40%" font="{light}" fontsize="30%" color="{fontdefault}" text="{weekday} {date} {starttime} - {stoptime}" />
+                <drawtext x="{areaheight}*2.3" y="70%" font="{light}" fontsize="30%" color="{fontdefault}" text="{channelname}, Transp. {transponder}" />
                 <drawrectangle x="70%" y="0" width="30%" height="100%" color="{clrWhite}"/>
                 <drawrectangle x="{areawidth}*0.7 + {timerstartpercent}*{areawidth}*0.3/100" y="30%" width="{timerwidthpercent}*{areawidth}*0.3/100" height="40%" color="{clrBlack}"/>
             </area>
@@ -190,16 +190,16 @@
             <drawimage condition="{current}" imagetype="icon" path="ico_info_active" x="{areaheight}*0.05" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="not{current}" imagetype="icon" path="ico_info_inactive" x="{areaheight}*0.05" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="{channellogoexisis}" imagetype="channellogo" path="{channelid}" x="{areaheight}*0.8" valign="center" width="{areaheight}" height="{areaheight}" />
-            <drawtext x="{areaheight}*2.2" y="2" font="{light}" fontsize="30%" color="{clrWhite}" text="{weekday} {date} {starttime} - {stoptime} {channelname}" />
-            <drawtext x="{areaheight}*2.2" y="30%" width="{areawidth} - 3*{areaheight}" font="{light}" fontsize="45%" color="{clrWhite}" text="{title}" />
-            <drawtext x="{areaheight}*2.2" y="69%" width="{areawidth} - 3*{areaheight}" font="{light}" fontsize="30%" color="{clrWhite}" text="{shorttext}" />
-            <drawimage condition="{current}++not{hastimer}" imagetype="icon" path="ico_record_active" x="{areawidth} - {areaheight}*0.6" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
-            <drawimage condition="not{current}++not{hastimer}" imagetype="icon" path="ico_record_inactive" x="{areawidth} - {areaheight}*0.6" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
+            <drawtext x="{areaheight}*2.2" y="2" font="{light}" fontsize="30%" color="{fontdefault}" text="{weekday} {date} {starttime} - {stoptime} {channelname}" />
+            <drawtext x="{areaheight}*2.2" y="30%" width="{areawidth} - 3*{areaheight}" font="{light}" fontsize="45%" color="{fontdefault}" text="{title}" />
+            <drawtext x="{areaheight}*2.2" y="69%" width="{areawidth} - 3*{areaheight}" font="{light}" fontsize="30%" color="{fontdefault}" text="{shorttext}" />
+            <drawimage condition="{current}++not{hastimer}" imagetype="icon" path="ico_rec_active" x="{areawidth} - {areaheight}*0.6" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
+            <drawimage condition="not{current}++not{hastimer}" imagetype="icon" path="ico_rec" x="{areawidth} - {areaheight}*0.6" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="{hastimer}" imagetype="icon" path="ico_activetimer" x="{areawidth} - {areaheight}*0.6" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
         </area>
         <area condition="{recording}" layer="6">
-            <drawtext x="1%" y="0" font="{light}" width="98%" fontsize="50%" color="{clrWhite}" text="{recname}" />
-            <drawtext x="55%" y="0" font="{light}" width="98%" fontsize="35%" color="{clrWhite}" text="{recdate} {recstarttime} - {recduration} min, {channelname}" />
+            <drawtext x="1%" y="0" font="{light}" width="98%" fontsize="50%" color="{fontdefault}" text="{recname}" />
+            <drawtext x="55%" y="0" font="{light}" width="98%" fontsize="35%" color="{fontdefault}" text="{recdate} {recstarttime} - {recduration} min, {channelname}" />
         </area>
         <area condition="{searchtimer}" layer="6">
             <drawimage condition="{current}++{searchactive}" imagetype="icon" path="ico_search_active" x="{areaheight}*0.05" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
@@ -208,13 +208,13 @@
             <drawimage condition="not{current}||not{editactive}" imagetype="icon" path="ico_edit_inactive" x="{areaheight}*0.6" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="{current}++{deleteactive}" imagetype="icon" path="ico_delete_active" x="{areaheight}*1.15" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="not{current}||not{deleteactive}" imagetype="icon" path="ico_delete_inactive" x="{areaheight}*1.15" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
-            <drawtext x="{areaheight}*1.8" width="{areawidth} - {areaheight}*2" y="5%" font="{light}" fontsize="45%" color="{clrWhite}" text="{searchstring}" />
-            <drawtext condition="{timeractive}" align="right" y="5%" font="{light}" fontsize="35%" color="{clrWhite}" text="active " />
-            <drawtext x="{areaheight}*1.8" y="55%" font="{light}" fontsize="35%" color="{clrWhite}" text="Active Timers: {activetimers}, Recordings: {recordingsdone}" />
+            <drawtext x="{areaheight}*1.8" width="{areawidth} - {areaheight}*2" y="5%" font="{light}" fontsize="45%" color="{fontdefault}" text="{searchstring}" />
+            <drawtext condition="{timeractive}" align="right" y="5%" font="{light}" fontsize="35%" color="{fontdefault}" text="active " />
+            <drawtext x="{areaheight}*1.8" y="55%" font="{light}" fontsize="35%" color="{fontdefault}" text="Active Timers: {activetimers}, Recordings: {recordingsdone}" />
         </area>
         <areacontainer condition="{timelineheader}">
             <area layer="5">
-                <drawtext align="center" y="1%" font="{light}" fontsize="35%" color="{clrWhite}" text="Timer for {date}" />
+                <drawtext align="center" y="1%" font="{light}" fontsize="35%" color="{fontdefault}" text="Timer for {date}" />
                 <drawrectangle x="{areawidth}*0.05" y="80%" width="{areawidth}*0.0375" height="20%" color="{clrBlack}"/>
                 <drawrectangle x="{areawidth}*0.0875" y="80%" width="{areawidth}*0.0375" height="20%" color="{clrWhite}"/>
                 <drawrectangle x="{areawidth}*0.125" y="80%" width="{areawidth}*0.0375" height="20%" color="{clrBlack}"/>
@@ -241,42 +241,42 @@
                 <drawrectangle x="{areawidth}*0.9125" y="80%" width="{areawidth}*0.0375" height="20%" color="{clrWhite}"/>
             </area>
             <area layer="6">
-                <drawtext name="text0" x="{areawidth}*0.05 + {areawidth}*0.0375/2 - {width(text0)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="0"/>
+                <drawtext name="text0" x="{areawidth}*0.05 + {areawidth}*0.0375/2 - {width(text0)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="0"/>
                 <drawtext name="text1" x="{areawidth}*0.0875 + {areawidth}*0.0375/2 - {width(text1)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="1"/>
-                <drawtext name="text2" x="{areawidth}*0.125 + {areawidth}*0.0375/2 - {width(text2)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="2"/>
+                <drawtext name="text2" x="{areawidth}*0.125 + {areawidth}*0.0375/2 - {width(text2)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="2"/>
                 <drawtext name="text3" x="{areawidth}*0.1625 + {areawidth}*0.0375/2 - {width(text3)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="3"/>
-                <drawtext name="text4" x="{areawidth}*0.2 + {areawidth}*0.0375/2 - {width(text4)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="4"/>
+                <drawtext name="text4" x="{areawidth}*0.2 + {areawidth}*0.0375/2 - {width(text4)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="4"/>
                 <drawtext name="text5" x="{areawidth}*0.2375 + {areawidth}*0.0375/2 - {width(text5)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="5"/>
-                <drawtext name="text6" x="{areawidth}*0.275 + {areawidth}*0.0375/2 - {width(text6)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="6"/>
+                <drawtext name="text6" x="{areawidth}*0.275 + {areawidth}*0.0375/2 - {width(text6)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="6"/>
                 <drawtext name="text7" x="{areawidth}*0.3125 + {areawidth}*0.0375/2 - {width(text7)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="7"/>
-                <drawtext name="text8" x="{areawidth}*0.35 + {areawidth}*0.0375/2 - {width(text8)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="8"/>
+                <drawtext name="text8" x="{areawidth}*0.35 + {areawidth}*0.0375/2 - {width(text8)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="8"/>
                 <drawtext name="text9" x="{areawidth}*0.3875 + {areawidth}*0.0375/2 - {width(text9)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="9"/>
-                <drawtext name="text10" x="{areawidth}*0.425 + {areawidth}*0.0375/2 - {width(text10)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="10"/>
+                <drawtext name="text10" x="{areawidth}*0.425 + {areawidth}*0.0375/2 - {width(text10)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="10"/>
                 <drawtext name="text11" x="{areawidth}*0.4625 + {areawidth}*0.0375/2 - {width(text11)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="11"/>
-                <drawtext name="text12" x="{areawidth}*0.5 + {areawidth}*0.0375/2 - {width(text12)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="12"/>
+                <drawtext name="text12" x="{areawidth}*0.5 + {areawidth}*0.0375/2 - {width(text12)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="12"/>
                 <drawtext name="text13" x="{areawidth}*0.5375 + {areawidth}*0.0375/2 - {width(text13)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="13"/>
-                <drawtext name="text14" x="{areawidth}*0.575 + {areawidth}*0.0375/2 - {width(text14)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="14"/>
+                <drawtext name="text14" x="{areawidth}*0.575 + {areawidth}*0.0375/2 - {width(text14)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="14"/>
                 <drawtext name="text15" x="{areawidth}*0.6125 + {areawidth}*0.0375/2 - {width(text15)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="15"/>
-                <drawtext name="text16" x="{areawidth}*0.65 + {areawidth}*0.0375/2 - {width(text16)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="16"/>
+                <drawtext name="text16" x="{areawidth}*0.65 + {areawidth}*0.0375/2 - {width(text16)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="16"/>
                 <drawtext name="text17" x="{areawidth}*0.6875 + {areawidth}*0.0375/2 - {width(text17)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="17"/>
-                <drawtext name="text18" x="{areawidth}*0.725 + {areawidth}*0.0375/2 - {width(text18)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="18"/>
+                <drawtext name="text18" x="{areawidth}*0.725 + {areawidth}*0.0375/2 - {width(text18)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="18"/>
                 <drawtext name="text19" x="{areawidth}*0.7625 + {areawidth}*0.0375/2 - {width(text19)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="19"/>
-                <drawtext name="text20" x="{areawidth}*0.8 + {areawidth}*0.0375/2 - {width(text20)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="20"/>
+                <drawtext name="text20" x="{areawidth}*0.8 + {areawidth}*0.0375/2 - {width(text20)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="20"/>
                 <drawtext name="text21" x="{areawidth}*0.8375 + {areawidth}*0.0375/2 - {width(text21)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="21"/>
-                <drawtext name="text22" x="{areawidth}*0.875 + {areawidth}*0.0375/2 - {width(text22)}/2" y="80%" font="{light}" fontsize="20%" color="{clrWhite}" text="22"/>
+                <drawtext name="text22" x="{areawidth}*0.875 + {areawidth}*0.0375/2 - {width(text22)}/2" y="80%" font="{light}" fontsize="20%" color="{fontdefault}" text="22"/>
                 <drawtext name="text23" x="{areawidth}*0.9125 + {areawidth}*0.0375/2 - {width(text23)}/2" y="80%" font="{light}" fontsize="20%" color="{clrBlack}" text="23"/>
             </area>
             <area condition="{timerset}" layer="6">
                  <drawimage condition="{channellogoexisis}" imagetype="channellogo" path="{channelid}" x="1%" y="30%" width="{areaheight}*0.5" height="{areaheight}*0.5" />
-                 <drawtext condition="not{channellogoexisis}" x="1%" width="{areaheight}*0.7" y="40%" font="{light}" fontsize="20%" color="{clrWhite}" text="{channelname}"/>
-                 <drawtext x="{areaheight}*0.8" y="36%" font="{light}" fontsize="25%" color="{clrWhite}" text="{eventstart} - {eventstop} (Rec. {timerstart} - {timerstop}), Transp. {channeltransponder}"/>
-                 <drawtext x="{areaheight}*0.8" y="57%" width="{areawidth}-{areaheight}" font="{light}" fontsize="25%" color="{clrWhite}" text="{eventtitle} - {eventshorttext}"/>
+                 <drawtext condition="not{channellogoexisis}" x="1%" width="{areaheight}*0.7" y="40%" font="{light}" fontsize="20%" color="{fontdefault}" text="{channelname}"/>
+                 <drawtext x="{areaheight}*0.8" y="36%" font="{light}" fontsize="25%" color="{fontdefault}" text="{eventstart} - {eventstop} (Rec. {timerstart} - {timerstop}), Transp. {channeltransponder}"/>
+                 <drawtext x="{areaheight}*0.8" y="57%" width="{areawidth}-{areaheight}" font="{light}" fontsize="25%" color="{fontdefault}" text="{eventtitle} - {eventshorttext}"/>
             </area>
         </areacontainer>
         <areacontainer condition="{timelinetimer}">
             <area layer="5">
-                <drawrectangle condition="{current}" x="5%" y="0" width="90%" height="100%" color="{clrTransBlueLight}"/>
-                <drawrectangle condition="not{current}" x="5%" y="0" width="90%" height="100%" color="{clrDarkGray}"/>
+                <drawrectangle condition="{current}" x="5%" y="0" width="90%" height="100%" color="{menuheader}"/>
+                <drawrectangle condition="not{current}" x="5%" y="0" width="90%" height="100%" color="{menualternate}"/>
                 <drawrectangle x="5%" y="{areaheight}-1" width="90%" height="1" color="{clrBlack}"/>
             </area>
             <area layer="6">
@@ -286,7 +286,7 @@
         <area condition="{favorite}" layer="6">
             <drawimage condition="{current}" imagetype="icon" path="ico_search_active" x="{areaheight}*0.1" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
             <drawimage condition="not{current}" imagetype="icon" path="ico_search_inactive" x="{areaheight}*0.1" valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
-            <drawtext x="{areaheight}" valign="center" font="{light}" width="{areawidth} - {areaheight}" fontsize="80%" color="{clrWhite}" text="{favdesc}" />
+            <drawtext x="{areaheight}" valign="center" font="{light}" width="{areawidth} - {areaheight}" fontsize="80%" color="{fontdefault}" text="{favdesc}" />
         </area>
     </grid>
 </displayplugin>
diff --git a/skins/metrixhd/xmlfiles/plug-tvguideng-root.xml b/skins/metrixhd/xmlfiles/plug-tvguideng-root.xml
index 8cb4e78..cb2a70f 100644
--- a/skins/metrixhd/xmlfiles/plug-tvguideng-root.xml
+++ b/skins/metrixhd/xmlfiles/plug-tvguideng-root.xml
@@ -5,186 +5,186 @@
 
     <viewelement name="background_hor">
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="70%" y="0" width="15%" height="12%" layer="1">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuactive}" />
         </area>
         <area x="0" y="20%" width="15%" height="5%" layer="2">
-            <drawrectangle x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlack}"/>
+            <drawrectangle x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuback}"/>
         </area>
     </viewelement>
 
     <viewelement name="background_ver">
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="70%" y="0" width="15%" height="12%" layer="1">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuheader}" />
         </area>
         <area x="0" y="20%" width="8%" height="15%" layer="2">
-            <drawrectangle x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlack}"/>
+            <drawrectangle x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuback}"/>
         </area>
     </viewelement>
 
     <viewelement name="header_hor">
-        <areascroll condition="not{isdummy}++not{hasposter}" orientation="vertical" mode="forthandback" delay="1000" scrollspeed="medium" x="1%" y="1%" width="68%" height="19%" layer="2">
-            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="25%" color="{clrWhite}" text="{day} {daynumeric}.{month} {start} - {stop}" />
-            <drawtext x="0" y="25%" font="{semibold}" width="100%" fontsize="30%" color="{clrWhite}" text="{title}" />
-            <drawtextbox name="shorttext" x="0" y="55%" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{shorttext}" />
-            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{description}" />
+        <areascroll condition="not{isdummy}++not{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="1%" y="1%" width="68%" height="19%" layer="2">
+            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="25%" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop}" />
+            <drawtext x="0" y="25%" font="{semibold}" width="100%" fontsize="30%" color="{fontdefault}" text="{title}" />
+            <drawtextbox name="shorttext" x="0" y="55%" width="100%" font="{light}" fontsize="20%" color="{fontdefault}" text="{shorttext}" />
+            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{light}" fontsize="20%" color="{fontdefault}" text="{description}" />
         </areascroll>
         <area condition="not{isdummy}++{hasposter}" x="1%" y="1%" width="{areaheight}*0.2*{posterwidth}/{posterheight}" height="19%" layer="2">
             <drawimage imagetype="image" path="{posterpath}" x="0" y="0" width="100%" height="100%"/>
         </area>
-        <areascroll condition="not{isdummy}++{hasposter}" orientation="vertical" mode="forthandback" delay="1000" scrollspeed="medium" x="12%" y="1%" width="56%" height="19%" layer="2">
-            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="25%" color="{clrWhite}" text="{day} {daynumeric}.{month} {start} - {stop}" />
-            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="30%" color="{clrWhite}" text="{title}" />
-            <drawtextbox name="shorttext" x="0" y="50%" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{shorttext}" />
-            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{description}" />
+        <areascroll condition="not{isdummy}++{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="12%" y="1%" width="56%" height="19%" layer="2">
+            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="25%" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop}" />
+            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="30%" color="{fontdefault}" text="{title}" />
+            <drawtextbox name="shorttext" x="0" y="50%" width="100%" font="{light}" fontsize="20%" color="{fontdefault}" text="{shorttext}" />
+            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{light}" fontsize="20%" color="{fontdefault}" text="{description}" />
         </areascroll>
         <area condition="{isdummy}" x="1%" y="1%" width="68%" height="19%" layer="2">
-            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="35%" color="{clrWhite}" text="{title}" />
+            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="35%" color="{fontdefault}" text="{title}" />
         </area>
     </viewelement>
 
     <viewelement name="header_ver">
-        <areascroll condition="not{isdummy}++not{hasposter}" orientation="vertical" mode="forthandback" delay="1000" scrollspeed="medium" x="1%" y="1%" width="68%" height="19%" layer="2">
-            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="25%" color="{clrWhite}" text="{day} {daynumeric}.{month} {start} - {stop}" />
-            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="30%" color="{clrWhite}" text="{title}" />
-            <drawtextbox name="shorttext" x="0" y="50%" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{shorttext}" />
-            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{description}" />
+        <areascroll condition="not{isdummy}++not{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="1%" y="1%" width="68%" height="19%" layer="2">
+            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="25%" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop}" />
+            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="30%" color="{fontdefault}" text="{title}" />
+            <drawtextbox name="shorttext" x="0" y="50%" width="100%" font="{light}" fontsize="20%" color="{fontdefault}" text="{shorttext}" />
+            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{light}" fontsize="20%" color="{fontdefault}" text="{description}" />
         </areascroll>
         <area condition="not{isdummy}++{hasposter}" x="1%" y="1%" width="{areaheight}*0.2*{posterwidth}/{posterheight}" height="19%" layer="2">
             <drawimage imagetype="image" path="{posterpath}" x="0" y="0" width="100%" height="100%"/>
         </area>
-        <areascroll condition="not{isdummy}++{hasposter}" orientation="vertical" mode="forthandback" delay="1000" scrollspeed="medium" x="12%" y="1%" width="56%" height="19%" layer="2">
-            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="25%" color="{clrWhite}" text="{day} {daynumeric}.{month} {start} - {stop}" />
-            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="30%" color="{clrWhite}" text="{title}" />
-            <drawtextbox name="shorttext" x="0" y="50%" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{shorttext}" />
-            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{light}" fontsize="20%" color="{clrWhite}" text="{description}" />
+        <areascroll condition="not{isdummy}++{hasposter}" orientation="vertical" mode="forthandback" delay="3000" scrollspeed="medium" x="12%" y="1%" width="56%" height="19%" layer="2">
+            <drawtext x="0" y="0" font="{semibold}" width="100%" fontsize="25%" color="{fontdefault}" text="{day} {daynumeric}.{month} {start} - {stop}" />
+            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="30%" color="{fontdefault}" text="{title}" />
+            <drawtextbox name="shorttext" x="0" y="50%" width="100%" font="{light}" fontsize="20%" color="{fontdefault}" text="{shorttext}" />
+            <drawtextbox x="0" y="{posy(shorttext)} + {height(shorttext)}" width="100%" font="{light}" fontsize="20%" color="{fontdefault}" text="{description}" />
         </areascroll>
         <area condition="{isdummy}" x="1%" y="1%" width="68%" height="19%" layer="2">
-            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="35%" color="{clrWhite}" text="{title}" />
+            <drawtext x="0" y="20%" font="{semibold}" width="100%" fontsize="35%" color="{fontdefault}" text="{title}" />
         </area>
     </viewelement>
 
     <viewelement name="footer_hor">
         <area x="0" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="25%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="50%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="75%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>    
     </viewelement>
 
     <viewelement name="footer_ver">
         <area x="0" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red1}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green1}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow1}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue1}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue1}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="25%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red2}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green2}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow2}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue2}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue2}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="50%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red3}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green3}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow3}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue3}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue3}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>
         <area x="75%" y="92%" width="25%" height="8%" layer="2">
-            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{red}" />
+            <drawtext condition="{red4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
             <drawrectangle condition="{red4}" x="0" y="0" width="10" height="100%" color="{clrRed}" />
-            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{green}" />
+            <drawtext condition="{green4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
             <drawrectangle condition="{green4}" x="0" y="0" width="10" height="100%" color="{clrGreen}" />
-            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{yellow}" />
+            <drawtext condition="{yellow4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
             <drawrectangle condition="{yellow4}" x="0" y="0" width="10" height="100%" color="{clrYellow}" />
-            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{blue}" />
+            <drawtext condition="{blue4}" x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
             <drawrectangle condition="{blue4}" x="0" y="0" width="10" height="100%" color="{clrBlue}" />
         </area>    
     </viewelement>
     
     <viewelement name="time_hor">
        <area x="70%" y="0" width="{areawidth}*0.145" height="12%" layer="2">
-            <drawtext align="right" y="5%" font="{light}" fontsize="45%" color="{clrWhite}" text="{dayname}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="45%" color="{clrWhite}" text="{day}. {monthnameshort}" />
+            <drawtext align="right" y="5%" font="{light}" fontsize="45%" color="{fontactive}" text="{dayname}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="45%" color="{fontactive}" text="{day}. {monthnameshort}" />
         </area>
         <area x="85%" y="0" width="15%" height="12%" layer="2">
-            <drawtext align="center" valign="center" font="{light}" fontsize="75%" color="{clrWhite}" text="{time}" />
+            <drawtext align="center" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{time}" />
         </area>
     </viewelement>
 
     <viewelement name="time_ver">
        <area x="70%" y="0" width="{areawidth}*0.145" height="12%" layer="2">
-            <drawtext align="right" y="5%" font="{light}" fontsize="45%" color="{clrWhite}" text="{dayname}" />
-            <drawtext align="right" y="45%" font="{light}" fontsize="45%" color="{clrWhite}" text="{day}. {monthnameshort}" />
+            <drawtext align="right" y="5%" font="{light}" fontsize="45%" color="{fontdefault}" text="{dayname}" />
+            <drawtext align="right" y="45%" font="{light}" fontsize="45%" color="{fontdefault}" text="{day}. {monthnameshort}" />
         </area>
         <area x="85%" y="0" width="15%" height="12%" layer="2">
-            <drawtext align="center" valign="center" font="{light}" fontsize="75%" color="{clrWhite}" text="{time}" />
+            <drawtext align="center" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{time}" />
         </area>
     </viewelement>
     
     <viewelement name="datetimeline_hor">
         <area x="0" y="20%" width="15%" height="5%" layer="3">
-            <drawtext align="center" valign="center" font="{semibold}" fontsize="90%" color="{clrWhite}" text="{weekday} {date}" />
+            <drawtext align="center" valign="center" font="{semibold}" fontsize="90%" color="{fontdefault}" text="{weekday} {date}" />
         </area>
     </viewelement>
 
     <viewelement name="datetimeline_ver">
         <area x="0" y="20%" width="8%" height="15%" layer="2">
-            <drawtext align="center" y="10%" font="{light}" fontsize="40%" color="{clrWhite}" text="{weekday}" />
-            <drawtext align="center" y="50%" font="{light}" fontsize="40%" color="{clrWhite}" text="{date}" />
+            <drawtext align="center" y="10%" font="{light}" fontsize="40%" color="{fontdefault}" text="{weekday}" />
+            <drawtext align="center" y="50%" font="{light}" fontsize="40%" color="{fontdefault}" text="{date}" />
         </area>
     </viewelement>
 
@@ -202,91 +202,120 @@
 
     <grid name="timeline_hor" x="15%" y="20%" width="85%" height="5%">
         <area layer="1">
-            <drawrectangle condition="{fullhour}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransWhite}"/>
-            <drawrectangle condition="not{fullhour}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlack}" />
+            <drawrectangle condition="{fullhour}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrWhiteTrans}"/>
+            <drawrectangle condition="not{fullhour}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuback}" />
         </area>
         <area layer="2">
             <drawtext condition="{fullhour}" x="5%" valign="center" font="{light}" fontsize="80%" color="{clrBlack}" text="{timestring}" />
-            <drawtext condition="not{fullhour}" x="5%" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{timestring}" />
+            <drawtext condition="not{fullhour}" x="5%" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{timestring}" />
         </area>
     </grid>
 
     <grid name="timeline_ver" x="0" y="35%" width="8%" height="57%">
        <area layer="1">
-            <drawrectangle condition="{fullhour}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransWhite}"/>
-            <drawrectangle condition="not{fullhour}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlack}" />
+            <drawrectangle condition="{fullhour}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrWhiteTrans}"/>
+            <drawrectangle condition="not{fullhour}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuback}" />
         </area>
         <area layer="2">
             <drawtext condition="{fullhour}" align="center" y="5%" font="{light}" fontsize="70%" color="{clrBlack}" text="{timestring}" />
-            <drawtext condition="not{fullhour}" align="center" y="5%" font="{light}" fontsize="70%" color="{clrWhite}" text="{timestring}" />
+            <drawtext condition="not{fullhour}" align="center" y="5%" font="{light}" fontsize="70%" color="{fontdefault}" text="{timestring}" />
         </area>
     </grid>
 
     <grid name="channels_hor" x="5%" y="25%" width="10%" height="67%">
         <area layer="2">
             <drawimage condition="{channellogoexists}" imagetype="channellogo" path="{channelid}" align="center" valign="center" width="80%" height="80%" />
-            <drawtext condition="not{channellogoexists}" x="1%" valign="center" width="98%" font="{light}" fontsize="45%" color="{clrWhite}" text="{name}" />
+            <drawtext condition="not{channellogoexists}" x="1%" valign="center" width="98%" font="{light}" fontsize="45%" color="{fontdefault}" text="{name}" />
         </area>
     </grid>
 
     <grid name="channels_ver" x="8%" y="25%" width="92%" height="10%">
         <area layer="2">
             <drawimage condition="{channellogoexists}" imagetype="channellogo" path="{channelid}" align="center" valign="center" width="80%" height="80%" />
-            <drawtext condition="not{channellogoexists}" align="center" valign="center" width="98%" font="{light}" fontsize="45%" color="{clrWhite}" text="{name}" />
+            <drawtext condition="not{channellogoexists}" align="center" valign="center" width="98%" font="{light}" fontsize="45%" color="{fontdefault}" text="{name}" />
         </area>
     </grid>
 
     <grid name="channelgroups_hor" x="0" y="25%" width="5%" height="67%">
         <area layer="2">
-            <drawrectangle condition="{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlack}" />
-            <drawrectangle condition="not{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrDarkGray}" />
+            <drawrectangle condition="{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuback}" />
+            <drawrectangle condition="not{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menualternate}" />
         </area>
         <area layer="3">
-            <drawtextvertical align="center" valign="center" font="{semibold}" fontsize="50%" color="{clrWhite}" text="{group}" />
+            <drawtextvertical align="center" valign="center" font="{semibold}" fontsize="50%" color="{fontdefault}" text="{group}" />
         </area>
     </grid>
 
     <grid name="channelgroups_ver" x="8%" y="20%" width="92%" height="5%">
         <area layer="2">
-            <drawrectangle condition="{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlack}" />
-            <drawrectangle condition="not{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrDarkGray}" />
+            <drawrectangle condition="{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuback}" />
+            <drawrectangle condition="not{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menualternate}" />
         </area>
         <area layer="3">
-            <drawtext align="center" valign="center" font="{semibold}" fontsize="90%" color="{clrWhite}" text="{group}" />
+            <drawtext align="center" valign="center" font="{semibold}" fontsize="90%" color="{fontdefault}" text="{group}" />
         </area>
     </grid>
 
-    <grid name="schedules_hor" x="15%" y="25%" width="85%" height="67%">
-        <area layer="2">
-            <drawrectangle condition="{color}++not{current}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlack}" />
-            <drawrectangle condition="not{color}++not{current}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrDarkGray}" />
-            <drawrectangle condition="{current}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlueLight}" />
-        </area>
-        <area layer="3">
-            <drawtext condition="not{dummy}" x="3" y="2%" font="{light}" fontsize="45%" color="{clrWhite}" text="{start} - {stop}" />
-            <drawtext condition="not{dummy}" x="3" y="40%" width="{areawidth}-6" font="{semibold}" fontsize="55%" color="{clrWhite}" text="{title}" />
-            <drawtext condition="{dummy}" x="3" valign="center" width="98%" font="{semibold}" fontsize="55%" color="{clrWhite}" text="{title}" />
-            <drawimage condition="{timer}" imagetype="icon" path="ico_rec_on" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
-            <drawimage condition="{switchtimer}++not{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
-            <drawimage condition="{switchtimer}++{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23*2 - 5" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3" />
-        </area>
+    <grid  name="schedules_hor" x="15%" y="25%" width="85%" height="67%">
+        <areacontainer condition="not{current}">
+            <area layer="2">
+                <drawrectangle condition="{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuback}" />
+                <drawrectangle condition="not{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menualternate}" />
+            </area>
+            <area layer="3">
+                <drawtext condition="not{dummy}" x="3" y="2%" font="{light}" fontsize="45%" color="{fontdefault}" text="{start} - {stop}" />
+                <drawtext condition="not{dummy}" x="3" y="40%" width="{areawidth}-6" font="{semibold}" fontsize="55%" color="{fontdefault}" text="{title}" />
+                <drawtext condition="{dummy}" x="3" valign="center" width="98%" font="{semibold}" fontsize="55%" color="{fontdefault}" text="{title}" />
+                <drawimage condition="{timer}" imagetype="icon" path="ico_rec_active" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
+                <drawimage condition="{switchtimer}++not{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
+                <drawimage condition="{switchtimer}++{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23*2 - 5" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="{current}">
+            <area layer="2">
+                <drawrectangle  x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuactive}" />
+            </area>
+            <area layer="3">
+                <drawtext condition="not{dummy}" x="3" y="2%" font="{light}" fontsize="45%" color="{fontactive}" text="{start} - {stop}" />
+                <drawtext condition="not{dummy}" x="3" y="40%" width="{areawidth}-6" font="{semibold}" fontsize="55%" color="{fontactive}" text="{title}" />
+                <drawtext condition="{dummy}" x="3" valign="center" width="98%" font="{semibold}" fontsize="55%" color="{fontactive}" text="{title}" />
+                <drawimage condition="{timer}" imagetype="icon" path="ico_rec_active" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
+                <drawimage condition="{switchtimer}++not{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
+                <drawimage condition="{switchtimer}++{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23*2 - 5" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3" />
+            </area>
+        </areacontainer>
     </grid>
 
     <grid name="schedules_ver" x="8%" y="35%" width="92%" height="57%">
-        <area layer="2">
-            <drawrectangle condition="{color}++not{current}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlack}" />
-            <drawrectangle condition="not{color}++not{current}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrDarkGray}" />
-            <drawrectangle condition="{current}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{clrTransBlueLight}" />
-        </area>
-        <area layer="3">
-            <drawtext condition="not{dummy}" x="3" y="2%" font="{light}" fontsize="{areawidth}*0.16" color="{clrWhite}" text="{start} - {stop}" />
-            <drawtextbox name="title" condition="not{dummy}" x="2%" y="{areawidth}*0.16" width="96%" font="{semibold}" fontsize="{areawidth}*0.15" color="{clrWhite}" text="{title}" />
-            <drawtextbox condition="not{dummy}" x="2%" y="{posy(title)} + {height(title)}" width="96%" height="{areaheight}*1.1 - {posy(title)} - {height(title)}" font="{light}" fontsize="{areawidth}*0.12" color="{clrWhite}" text="{shorttext}" />
-            <drawtextbox condition="{dummy}" x="2%" y="5%" width="96%" font="{light}" fontsize="{areawidth}*0.2" color="{clrWhite}" text="{title}" />
-            <drawimage condition="{timer}" imagetype="icon" path="ico_rec_on" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
-            <drawimage condition="{switchtimer}++not{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
-            <drawimage condition="{switchtimer}++{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23*2 - 5" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3" />
-        </area>
+        <areacontainer condition="not{current}">
+            <area layer="2">
+                <drawrectangle condition="{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuback}" />
+                <drawrectangle condition="not{color}" x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menualternate}" />
+            </area>
+            <area layer="3">
+                <drawtext condition="not{dummy}" x="3" y="2%" font="{light}" fontsize="{areawidth}*0.16" color="{fontdefault}" text="{start} - {stop}" />
+                <drawtextbox name="title" condition="not{dummy}" x="2%" y="{areawidth}*0.16" width="96%" font="{semibold}" fontsize="{areawidth}*0.15" color="{fontdefault}" text="{title}" />
+                <drawtextbox condition="not{dummy}" x="2%" y="{posy(title)} + {height(title)}" width="96%" height="{areaheight}*1.1 - {posy(title)} - {height(title)}" font="{light}" fontsize="{areawidth}*0.12" color="{fontdefault}" text="{shorttext}" />
+                <drawtextbox condition="{dummy}" x="2%" y="5%" width="96%" font="{light}" fontsize="{areawidth}*0.2" color="{fontdefault}" text="{title}" />
+                <drawimage condition="{timer}" imagetype="icon" path="ico_rec_active" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
+                <drawimage condition="{switchtimer}++not{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
+                <drawimage condition="{switchtimer}++{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23*2 - 5" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3" />
+            </area>
+        </areacontainer>
+        <areacontainer condition="{current}">
+            <area layer="2">
+                <drawrectangle  x="1" y="1" width="{areawidth}-2" height="{areaheight}-2" color="{menuheader}" />
+            </area>
+            <area layer="3">
+                <drawtext condition="not{dummy}" x="3" y="2%" font="{light}" fontsize="{areawidth}*0.16" color="{fontactive}" text="{start} - {stop}" />
+                <drawtextbox name="title" condition="{dummy}" x="2%" y="{areawidth}*0.16" width="96%" font="{semibold}" fontsize="{areawidth}*0.15" color="{fontactive}" text="{title}" />
+                <drawtextbox condition="not{dummy}" x="2%" y="{posy(title)} + {height(title)}" width="96%" height="{areaheight}*1.1 - {posy(title)} - {height(title)}" font="{light}" fontsize="{areawidth}*0.12" color="{fontactive}" text="{shorttext}" />
+                <drawtextbox condition="{dummy}" x="2%" y="5%" width="96%" font="{light}" fontsize="{areawidth}*0.2" color="{fontactive}" text="{title}" />
+                <drawimage condition="{timer}" imagetype="icon" path="ico_rec_active" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
+                <drawimage condition="{switchtimer}++not{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3"/>
+                <drawimage condition="{switchtimer}++{timer}" imagetype="icon" path="ico_switchtimer" x="{areawidth} - {areaheight}*0.32*45/23*2 - 5" y="68%" width="{areaheight}*0.3*45/23" height="{areaheight}*0.3" />
+            </area>
+        </areacontainer>
     </grid>
 
     <viewelement name="channeljump">
diff --git a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecast.xml b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecast.xml
index 2b1aa38..f818351 100644
--- a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecast.xml
+++ b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecast.xml
@@ -4,29 +4,29 @@
 <menuplugin x="0" y="0" width="100%" height="100%" fadetime="0" orientation="{weathermenuorientation}">
     <background orientation="vertical">
         <area x="0" y="0" width="50%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="50%" y="3%" width="50%" height="94%" layer="1">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuheader}" />
         </area>
     </background>
     <background orientation="horizontal">
         <area x="0" y="0" width="100%" height="10%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
         <area x="5%" y="10%" width="90%" height="72%" layer="1">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuheader}" />
         </area>
         <area x="0" y="82%" width="100%" height="18%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
     </background>
 
     <header>
         <area x="0" y="0" width="50%" height="10%" layer="2">
-            <drawtext condition="not{hasicon}" x="5" width="{areawidth}-10" valign="center" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
-            <drawimage condition="{hasicon}" name="menuicon" imagetype="menuicon" path="{icon}" x="5" valign="center" width="{areaheight}*8/10" height="80%"/>
-            <drawtext condition="{hasicon}" x="{areaheight}" valign="center" width="{areawidth}-{areaheight}-10" font="{light}" fontsize="80%" color="{clrWhite}" text="{title}" />
+            <drawtext condition="not{hasicon}" x="10" width="{areawidth}-20" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
+            <drawimage condition="{hasicon}" name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="80%"/>
+            <drawtext condition="{hasicon}" x="{width(menuicon)}+20" valign="center" width="{areawidth}-{width(menuicon)}-30" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
         </area>
     </header>
 
@@ -53,41 +53,42 @@
             <!-- Background -->
             <area x="1%" width="46%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
+                <fill condition="{current}" color="{menuactive}" />
             </area>
             <area x="1%" width="46%" layer="3">
-                <drawtext x="10" valign="center" font="{light}" fontsize="95%" color="{clrWhite}" text="{menuitemtext}" />
+                <drawtext condition="not{current}" x="10" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{menuitemtext}" />
+                <drawtext condition="{current}" x="10" valign="center" font="{light}" fontsize="90%" color="{fontactive}" text="{menuitemtext}" />
             </area>
         </listelement>
-        <currentelement delay="100" fadetime="300">
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
             <area condition="{iscurrent}" x="51%" y="0" width="48%" height="100%" layer="3">
                 <drawimage name="weathericon" imagetype="icon" path="{icon}" x="2%" y="0" width="{areawidth}*0.3" height="{areawidth}*0.3"/>
-                <drawtext align="right" y="0" font="{semibold}" fontsize="8%" color="{clrWhite}" text="{city}" />
-                <drawtext align="right" y="7%" font="{light}" fontsize="8%" color="{clrWhite}" text="{timestamp}" />
-                <drawtext align="right" y="13%" font="{light}" fontsize="18%" color="{clrWhite}" text="{temperature}°C" />
-                <drawtext align="right" y="28%" font="{light}" fontsize="8%" color="{clrWhite}" text="{summary}" />
-                <drawtext x="0" y="40%" font="{light}" fontsize="6%" color="{clrWhite}" text="{tr(apparenttemp)}: {apparenttemperature} °C" />
-                <drawtext x="0" y="46%" font="{light}" fontsize="6%" color="{clrWhite}" text="{tr(precipitationprobability)}: {precipitationprobability} %" />
-                <drawtext x="0" y="52%" font="{light}" fontsize="6%" color="{clrWhite}" text="{tr(precipitationintensity)}: {precipitationintensity} l/qm" />
-                <drawtext x="0" y="58%" font="{light}" fontsize="6%" color="{clrWhite}" text="{tr(humidity)}: {humidity} %" />
-                <drawtext x="0" y="64%" font="{light}" fontsize="6%" color="{clrWhite}" text="{tr(windspeed)}: {windspeed} km/h" />
-                <drawtext x="0" y="70%" font="{light}" fontsize="6%" color="{clrWhite}" text="{tr(windbearing)}: {windbearingstring}  ({windbearing} °)" />
-                <drawtext x="0" y="76%" font="{light}" fontsize="6%" color="{clrWhite}" text="{tr(cloudcover)}: {cloudcover} %" />
+                <drawtext align="right" y="0" font="{semibold}" fontsize="8%" color="{fontactive}" text="{city}" />
+                <drawtext align="right" y="7%" font="{light}" fontsize="8%" color="{fontactive}" text="{timestamp}" />
+                <drawtext align="right" y="13%" font="{light}" fontsize="18%" color="{fontactive}" text="{temperature}°C" />
+                <drawtext align="right" y="28%" font="{light}" fontsize="8%" color="{fontactive}" text="{summary}" />
+                <drawtext x="0" y="40%" font="{light}" fontsize="6%" color="{fontactive}" text="{tr(apparenttemp)}: {apparenttemperature} °C" />
+                <drawtext x="0" y="46%" font="{light}" fontsize="6%" color="{fontactive}" text="{tr(precipitationprobability)}: {precipitationprobability} %" />
+                <drawtext x="0" y="52%" font="{light}" fontsize="6%" color="{fontactive}" text="{tr(precipitationintensity)}: {precipitationintensity} l/qm" />
+                <drawtext x="0" y="58%" font="{light}" fontsize="6%" color="{fontactive}" text="{tr(humidity)}: {humidity} %" />
+                <drawtext x="0" y="64%" font="{light}" fontsize="6%" color="{fontactive}" text="{tr(windspeed)}: {windspeed} km/h" />
+                <drawtext x="0" y="70%" font="{light}" fontsize="6%" color="{fontactive}" text="{tr(windbearing)}: {windbearingstring}  ({windbearing} °)" />
+                <drawtext x="0" y="76%" font="{light}" fontsize="6%" color="{fontactive}" text="{tr(cloudcover)}: {cloudcover} %" />
             </area>
             <area condition="{ishourly}" x="51%" y="0" width="48%" height="100%" layer="3">
                 <loop name="hourly" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/12" overflow="cut">
-                    <drawtext x="0" font="{semibold}" fontsize="7%" valign="center" color="{clrWhite}" text="{hourly[timestamp]}" />
+                    <drawtext x="0" font="{semibold}" fontsize="7%" valign="center" color="{fontactive}" text="{hourly[timestamp]}" />
                     <drawimage imagetype="icon" path="{hourly[icon]}" x="18%" valign="center" width="{rowheight}*0.8" height="{rowheight}*0.8"/>
-                    <drawtext x="30%" font="{light}" fontsize="7%" valign="center" color="{clrWhite}" text="{hourly[temperature]}°C" />
-                    <drawtext x="48%" font="{light}" fontsize="5%" valign="center" width="52%" color="{clrWhite}" text="{hourly[summary]}" />
+                    <drawtext x="30%" font="{light}" fontsize="7%" valign="center" color="{fontactive}" text="{hourly[temperature]}°C" />
+                    <drawtext x="48%" font="{light}" fontsize="5%" valign="center" width="52%" color="{fontactive}" text="{hourly[summary]}" />
                     <drawrectangle x="0" y="{rowheight} - 1" width="{columnwidth}" height="1" color="{clrWhite}" />
                 </loop>
             </area>
             <area condition="{isdaily}" x="51%" y="0" width="48%" height="100%" layer="3">
                 <loop name="daily" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/7" overflow="cut">
-                    <drawtext x="0" font="{semibold}" fontsize="{rowheight}/2" y="5" color="{clrWhite}" text="{daily[dayname]} {daily[day]}" />
-                    <drawtext x="35%" font="{light}" fontsize="{rowheight}/2" y="5" color="{clrWhite}" text="{daily[temperaturemin]}°C - {daily[temperaturemax]}°C" />
-                    <drawtext x="0" font="{light}" fontsize="{rowheight}*0.3" width="{columnwidth} - {rowheight}*0.7" y="{rowheight}*0.6" color="{clrWhite}" text="{daily[summary]}" />
+                    <drawtext x="0" font="{semibold}" fontsize="{rowheight}/2" y="5" color="{fontactive}" text="{daily[dayname]} {daily[day]}" />
+                    <drawtext x="35%" font="{light}" fontsize="{rowheight}/2" y="5" color="{fontactive}" text="{daily[temperaturemin]}°C - {daily[temperaturemax]}°C" />
+                    <drawtext x="0" font="{light}" fontsize="{rowheight}*0.3" width="{columnwidth} - {rowheight}*0.7" y="{rowheight}*0.6" color="{fontactive}" text="{daily[summary]}" />
                     <drawimage imagetype="icon" path="{daily[icon]}" x="{columnwidth} - {rowheight}*0.7" valign="center" width="{rowheight}*0.7" height="{rowheight}*0.7"/>
                     <drawrectangle x="0" y="{rowheight} - 1" width="{columnwidth}" height="1" color="{clrWhite}" />
                 </loop>
@@ -99,41 +100,42 @@
             <!-- Background -->
             <area y="80%" height="20%" layer="2">
                 <fill condition="not{current}" color="{clrTransparent}" />
-                <fill condition="{current}" color="{clrTransBlueLight}" />
+                <fill condition="{current}" color="{menuactive}" />
             </area>
             <area y="80%" height="20%" layer="3">
-                <drawtextbox x="0" y="0" width="100%" height="100%" align="center" valign="center" font="{light}" fontsize="40%" color="{clrWhite}" text="{menuitemtext}" />
+                <drawtextbox condition="not{current}" x="0" y="0" width="100%" height="100%" align="center" valign="center" font="{light}" fontsize="40%" color="{fontdefault}" text="{menuitemtext}" />
+                <drawtextbox condition="{current}" x="0" y="0" width="100%" height="100%" align="center" valign="center" font="{light}" fontsize="40%" color="{fontactive}" text="{menuitemtext}" />
             </area>
         </listelement>
-        <currentelement delay="100" fadetime="300">
+        <currentelement delay="0" fadetime="{fadetimecurrent}">
             <area condition="{iscurrent}" x="10%" y="5%" width="80%" height="70%" layer="3">
                 <drawimage name="weathericon" imagetype="icon" path="{icon}" x="2%" y="0" width="{areaheight}*0.4" height="{areaheight}*0.4"/>
-                <drawtext align="right" y="0" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{city}" />
-                <drawtext align="right" y="9%" font="{light}" fontsize="10%" color="{clrWhite}" text="{timestamp}" />
-                <drawtext align="right" y="18%" font="{light}" fontsize="25%" color="{clrWhite}" text="{temperature}°C" />
-                <drawtext align="right" y="40%" font="{light}" fontsize="10%" color="{clrWhite}" text="{summary}" />
-                <drawtext x="0" y="40%" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(apparenttemp)}: {apparenttemperature} °C" />
-                <drawtext x="0" y="48%" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(precipitationprobability)}: {precipitationprobability} %" />
-                <drawtext x="0" y="56%" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(precipitationintensity)}: {precipitationintensity} l/qm" />
-                <drawtext x="0" y="64%" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(humidity)}: {humidity} %" />
-                <drawtext x="0" y="72%" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(windspeed)}: {windspeed} km/h" />
-                <drawtext x="0" y="80%" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(windbearing)}: {windbearingstring}  ({windbearing} °)" />
-                <drawtext x="0" y="88%" font="{light}" fontsize="8%" color="{clrWhite}" text="{tr(cloudcover)}: {cloudcover} %" />
+                <drawtext align="right" y="0" font="{semibold}" fontsize="10%" color="{fontactive}" text="{city}" />
+                <drawtext align="right" y="9%" font="{light}" fontsize="10%" color="{fontactive}" text="{timestamp}" />
+                <drawtext align="right" y="18%" font="{light}" fontsize="25%" color="{fontactive}" text="{temperature}°C" />
+                <drawtext align="right" y="40%" font="{light}" fontsize="10%" color="{fontactive}" text="{summary}" />
+                <drawtext x="0" y="40%" font="{light}" fontsize="8%" color="{fontactive}" text="{tr(apparenttemp)}: {apparenttemperature} °C" />
+                <drawtext x="0" y="48%" font="{light}" fontsize="8%" color="{fontactive}" text="{tr(precipitationprobability)}: {precipitationprobability} %" />
+                <drawtext x="0" y="56%" font="{light}" fontsize="8%" color="{fontactive}" text="{tr(precipitationintensity)}: {precipitationintensity} l/qm" />
+                <drawtext x="0" y="64%" font="{light}" fontsize="8%" color="{fontactive}" text="{tr(humidity)}: {humidity} %" />
+                <drawtext x="0" y="72%" font="{light}" fontsize="8%" color="{fontactive}" text="{tr(windspeed)}: {windspeed} km/h" />
+                <drawtext x="0" y="80%" font="{light}" fontsize="8%" color="{fontactive}" text="{tr(windbearing)}: {windbearingstring}  ({windbearing} °)" />
+                <drawtext x="0" y="88%" font="{light}" fontsize="8%" color="{fontactive}" text="{tr(cloudcover)}: {cloudcover} %" />
             </area>
             <area condition="{ishourly}" x="10%" y="5%" width="80%" height="70%" layer="3">
                 <loop name="hourly" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/12" overflow="cut">
-                    <drawtext x="0" font="{semibold}" fontsize="7%" valign="center" color="{clrWhite}" text="{hourly[timestamp]}" />
+                    <drawtext x="0" font="{semibold}" fontsize="7%" valign="center" color="{fontactive}" text="{hourly[timestamp]}" />
                     <drawimage imagetype="icon" path="{hourly[icon]}" x="18%" valign="center" width="{rowheight}*0.8" height="{rowheight}*0.8"/>
-                    <drawtext x="30%" font="{light}" fontsize="7%" valign="center" color="{clrWhite}" text="{hourly[temperature]}°C" />
-                    <drawtext x="48%" font="{light}" fontsize="5%" valign="center" width="52%" color="{clrWhite}" text="{hourly[summary]}" />
+                    <drawtext x="30%" font="{light}" fontsize="7%" valign="center" color="{fontactive}" text="{hourly[temperature]}°C" />
+                    <drawtext x="48%" font="{light}" fontsize="5%" valign="center" width="52%" color="{fontactive}" text="{hourly[summary]}" />
                     <drawrectangle x="0" y="{rowheight} - 1" width="{columnwidth}" height="1" color="{clrWhite}" />
                 </loop>
             </area>
             <area condition="{isdaily}" x="10%" y="5%" width="80%" height="70%" layer="3">
                 <loop name="daily" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/7" overflow="cut">
-                    <drawtext x="0" font="{semibold}" fontsize="{rowheight}/2" y="5" color="{clrWhite}" text="{daily[dayname]} {daily[day]}" />
-                    <drawtext x="35%" font="{light}" fontsize="{rowheight}/2" y="5" color="{clrWhite}" text="{daily[temperaturemin]}°C - {daily[temperaturemax]}°C" />
-                    <drawtext x="0" font="{light}" fontsize="{rowheight}*0.3" width="{columnwidth} - {rowheight}*0.7" y="{rowheight}*0.6" color="{clrWhite}" text="{daily[summary]}" />
+                    <drawtext x="0" font="{semibold}" fontsize="{rowheight}/2" y="5" color="{fontactive}" text="{daily[dayname]} {daily[day]}" />
+                    <drawtext x="35%" font="{light}" fontsize="{rowheight}/2" y="5" color="{fontactive}" text="{daily[temperaturemin]}°C - {daily[temperaturemax]}°C" />
+                    <drawtext x="0" font="{light}" fontsize="{rowheight}*0.3" width="{columnwidth} - {rowheight}*0.7" y="{rowheight}*0.6" color="{fontactive}" text="{daily[summary]}" />
                     <drawimage imagetype="icon" path="{daily[icon]}" x="{columnwidth} - {rowheight}*0.7" valign="center" width="{rowheight}*0.7" height="{rowheight}*0.7"/>
                     <drawrectangle x="0" y="{rowheight} - 1" width="{columnwidth}" height="1" color="{clrWhite}" />
                 </loop>
diff --git a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml
index 52746ca..91c3edc 100644
--- a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml
+++ b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailcurrent.xml
@@ -4,7 +4,7 @@
 <menuplugin x="0" y="0" width="100%" height="100%" fadetime="0">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
     </background>
 
@@ -36,32 +36,32 @@
     
     <detailheader>
         <area x="0" y="0" width="100%" height="20%" layer="2">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuactive}" />
         </area>
         <area x="0" y="0" width="100%" height="20%" layer="3">
-            <drawtext x="20" valign="center" font="{light}" fontsize="40%" color="{clrWhite}" text="{menuheader}" />
+            <drawtext x="20" valign="center" font="{light}" fontsize="40%" color="{fontdefault}" text="{menuheader}" />
         </area>
         <area x="{areawidth} - {areaheight}*0.2" y="0" width="{areaheight}*0.2" height="20%" layer="4">
             <drawimage imagetype="icon" path="{icon}" align="center" valign="center" width="90%" height="90%"/>
         </area>
         <area x="{areawidth} - {areaheight}*0.6" y="0" width="{areaheight}*0.35" height="20%" layer="4">
-            <drawtext align="right" valign="center" font="{light}" fontsize="90%" color="{clrWhite}" text="{temperature}°C" />
+            <drawtext align="right" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{temperature}°C" />
         </area>
     </detailheader>
 
     <tab name="current" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtext x="0" y="0" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{tr(conditions)} {tr(for)} {city} ({latitude}, {longitude}):" />
-        <drawtext x="0" y="10%" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{summary}" />
-        <drawtext x="0" y="25%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(temp)}: {temperature}°C" />
-        <drawtext x="0" y="35%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(apparenttemp)}: {apparenttemperature}°C" />
-        <drawtext x="0" y="45%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(todaymin)}: {mintemperature}°C, {tr(todaymax)}: {maxtemperature}°C" />
-        <drawtext x="0" y="55%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(precipitationprobability)}: {precipitationprobability} %" />
-        <drawtext x="0" y="65%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(precipitationintensity)}: {precipitationintensity} l/qm" />
-        <drawtext x="0" y="75%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(humidity)}: {humidity} %" />
-        <drawtext x="0" y="85%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(windspeed)}: {windspeed} km/h aus {windbearingstring}" />
-        <drawtext x="0" y="95%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(visibility)}: {visibility} km" />
-        <drawtext x="0" y="105%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(cloudcover)}: {cloudcover} %" />
-        <drawtext x="0" y="115%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(pressure)}: {pressure} HPa" />
-        <drawtext x="0" y="125%" font="{light}" fontsize="10%" color="{clrWhite}" text="{tr(ozone)}: {ozone} DU" />
+        <drawtext x="0" y="0" font="{semibold}" fontsize="10%" color="{fontdefault}" text="{tr(conditions)} {tr(for)} {city} ({latitude}, {longitude}):" />
+        <drawtext x="0" y="10%" font="{semibold}" fontsize="10%" color="{fontdefault}" text="{summary}" />
+        <drawtext x="0" y="25%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(temp)}: {temperature}°C" />
+        <drawtext x="0" y="35%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(apparenttemp)}: {apparenttemperature}°C" />
+        <drawtext x="0" y="45%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(todaymin)}: {mintemperature}°C, {tr(todaymax)}: {maxtemperature}°C" />
+        <drawtext x="0" y="55%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(precipitationprobability)}: {precipitationprobability} %" />
+        <drawtext x="0" y="65%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(precipitationintensity)}: {precipitationintensity} l/qm" />
+        <drawtext x="0" y="75%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(humidity)}: {humidity} %" />
+        <drawtext x="0" y="85%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(windspeed)}: {windspeed} km/h aus {windbearingstring}" />
+        <drawtext x="0" y="95%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(visibility)}: {visibility} km" />
+        <drawtext x="0" y="105%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(cloudcover)}: {cloudcover} %" />
+        <drawtext x="0" y="115%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(pressure)}: {pressure} HPa" />
+        <drawtext x="0" y="125%" font="{light}" fontsize="10%" color="{fontdefault}" text="{tr(ozone)}: {ozone} DU" />
     </tab>
 </menuplugin>
diff --git a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml
index 52f027d..17ef7aa 100644
--- a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml
+++ b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetaildaily.xml
@@ -4,7 +4,7 @@
 <menuplugin x="0" y="0" width="100%" height="100%" fadetime="0">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
     </background>
 
@@ -36,10 +36,10 @@
 
     <detailheader>
         <area x="0" y="0" width="100%" height="20%" layer="2">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuactive}" />
         </area>
         <area x="0" y="0" width="100%" height="20%" layer="3">
-            <drawtext x="20" valign="center" font="{light}" fontsize="40%" color="{clrWhite}" text="{menuheader}" />
+            <drawtext x="20" valign="center" font="{light}" fontsize="40%" color="{fontdefault}" text="{menuheader}" />
         </area>
         <area x="{areawidth} - {areaheight}*0.2" y="0" width="{areaheight}*0.2" height="20%" layer="4">
             <drawimage imagetype="icon" path="{icon}" align="center" valign="center" width="90%" height="90%"/>
@@ -47,15 +47,15 @@
     </detailheader>
 
     <tab name="current" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-       <drawtextbox name="summary" x="0" y="5%" width="{areawidth}" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{summary}" />
+       <drawtextbox name="summary" x="0" y="5%" width="{areawidth}" font="{semibold}" fontsize="10%" color="{fontdefault}" text="{summary}" />
        <drawrectangle x="0" y="{posy(summary)} + {height(summary)} + 10" width="{areawidth}" height="1" color="{clrWhite}" />
        <loop name="daily" x="0" y="{posy(summary)} + {height(summary)} + 10" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/5">
-            <drawtext x="0" font="{semibold}" fontsize="9%" valign="center" color="{clrWhite}" text="{daily[dayname]} {daily[day]}" />
+            <drawtext x="0" font="{semibold}" fontsize="9%" valign="center" color="{fontdefault}" text="{daily[dayname]} {daily[day]}" />
             <drawimage imagetype="icon" path="{daily[icon]}" x="2*{rowheight}" valign="center" width="{rowheight}*0.8" height="{rowheight}*0.8"/>
-            <drawtext x="3.5*{rowheight}" font="{light}" fontsize="{rowheight}*0.3" y="0" color="{clrWhite}" text="{daily[temperaturemin]}°C - {daily[temperaturemax]}°C   ({tr(max)} {daily[temperaturemaxtime]}, {tr(min)} {daily[temperaturemintime]})" />
-            <drawtext x="3.5*{rowheight}" font="{light}" fontsize="{rowheight}/4" y="{rowheight}*0.25" width="{columnwidth} - 3.5*{rowheight}" color="{clrWhite}" text="{daily[summary]}" />
-            <drawtext x="3.5*{rowheight}" font="{light}" fontsize="{rowheight}/4" y="{rowheight}*0.5" width="{columnwidth} - 3.5*{rowheight}" color="{clrWhite}" text="{tr(precipitationprobability)} {daily[precipitationprobability]}%, {daily[precipitationintensity]} l/qm, {tr(windspeed)} {daily[windspeed]} km/h {tr(from)} {daily[windbearingstring]}" />
-            <drawtext x="3.5*{rowheight}" font="{light}" fontsize="{rowheight}/4" y="{rowheight}*0.75" width="{columnwidth} - 3.5*{rowheight}" color="{clrWhite}" text="{tr(cloudcover)} {daily[cloudcover]}%, {tr(visibility)} {daily[visibility]} km, {tr(pressure)} {daily[pressure]} HPa, {tr(ozone)} {daily[ozone]} DU" />
+            <drawtext x="3.5*{rowheight}" font="{light}" fontsize="{rowheight}*0.3" y="0" color="{fontdefault}" text="{daily[temperaturemin]}°C - {daily[temperaturemax]}°C   ({tr(max)} {daily[temperaturemaxtime]}, {tr(min)} {daily[temperaturemintime]})" />
+            <drawtext x="3.5*{rowheight}" font="{light}" fontsize="{rowheight}/4" y="{rowheight}*0.25" width="{columnwidth} - 3.5*{rowheight}" color="{fontdefault}" text="{daily[summary]}" />
+            <drawtext x="3.5*{rowheight}" font="{light}" fontsize="{rowheight}/4" y="{rowheight}*0.5" width="{columnwidth} - 3.5*{rowheight}" color="{fontdefault}" text="{tr(precipitationprobability)} {daily[precipitationprobability]}%, {daily[precipitationintensity]} l/qm, {tr(windspeed)} {daily[windspeed]} km/h {tr(from)} {daily[windbearingstring]}" />
+            <drawtext x="3.5*{rowheight}" font="{light}" fontsize="{rowheight}/4" y="{rowheight}*0.75" width="{columnwidth} - 3.5*{rowheight}" color="{fontdefault}" text="{tr(cloudcover)} {daily[cloudcover]}%, {tr(visibility)} {daily[visibility]} km, {tr(pressure)} {daily[pressure]} HPa, {tr(ozone)} {daily[ozone]} DU" />
             <drawrectangle x="0" y="{rowheight} - 1" width="{columnwidth}" height="1" color="{clrWhite}" />
         </loop>
     </tab>
diff --git a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml
index e54551c..470bedd 100644
--- a/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml
+++ b/skins/metrixhd/xmlfiles/plug-weatherforecast-weatherforecastdetailhourly.xml
@@ -4,7 +4,7 @@
 <menuplugin x="0" y="0" width="100%" height="100%" fadetime="0">
     <background>
         <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrTransBlack}" />
+            <fill color="{menuback}" />
         </area>
     </background>
 
@@ -36,10 +36,10 @@
     
     <detailheader>
         <area x="0" y="0" width="100%" height="20%" layer="2">
-            <fill color="{clrTransBlueLight}" />
+            <fill color="{menuactive}" />
         </area>
         <area x="0" y="0" width="100%" height="20%" layer="3">
-            <drawtext x="20" valign="center" font="{light}" fontsize="40%" color="{clrWhite}" text="{menuheader}" />
+            <drawtext x="20" valign="center" font="{light}" fontsize="40%" color="{fontdefault}" text="{menuheader}" />
         </area>
         <area x="{areawidth} - {areaheight}*0.2" y="0" width="{areaheight}*0.2" height="20%" layer="4">
             <drawimage imagetype="icon" path="{icon}" align="center" valign="center" width="70%" height="70%"/>
@@ -47,16 +47,16 @@
     </detailheader>
 
     <tab name="current" x="2%" y="20%" width="94%" height="65%" layer="2" scrollheight="{areaheight}/4">
-        <drawtextbox name="summary" x="0" y="5%" width="{areawidth}" font="{semibold}" fontsize="10%" color="{clrWhite}" text="{summary}" />
+        <drawtextbox name="summary" x="0" y="5%" width="{areawidth}" font="{semibold}" fontsize="10%" color="{fontdefault}" text="{summary}" />
         <drawrectangle x="0" y="{posy(summary)} + {height(summary)} + 10" width="{areawidth}" height="1" color="{clrWhite}" />
         <loop name="hourly" x="0" y="{posy(summary)} + {height(summary)} + 10" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/5">
-            <drawtext x="0" font="{semibold}" fontsize="9%" valign="center" color="{clrWhite}" text="{hourly[timestamp]}" />
+            <drawtext x="0" font="{semibold}" fontsize="9%" valign="center" color="{fontdefault}" text="{hourly[timestamp]}" />
             <drawimage imagetype="icon" path="{hourly[icon]}" x="{rowheight}" valign="center" width="{rowheight}*0.8" height="{rowheight}*0.8"/>
-            <drawtext name="temp" x="2*{rowheight} + 0.75*{rowheight} - {width(temp)}/2" font="{light}" fontsize="13%" y="0" color="{clrWhite}" text="{hourly[temperature]}°C" />
-            <drawtext name="felt" x="2*{rowheight} + 0.75*{rowheight} - {width(felt)}/2" font="{light}" fontsize="6%" y="{rowheight}*0.6" color="{clrWhite}" text="{tr(felt)} {hourly[apparenttemperature]}°C" />
-            <drawtext x="4*{rowheight}" font="{light}" fontsize="{rowheight}/3" y="0" width="{columnwidth} - 4*{rowheight}" color="{clrWhite}" text="{hourly[summary]}" />
-            <drawtext x="4*{rowheight}" font="{light}" fontsize="{rowheight}/3" y="{rowheight}/3" width="{columnwidth} - 4*{rowheight}" color="{clrWhite}" text="{tr(precipitationprobability)} {hourly[precipitationprobability]}%, {hourly[precipitationintensity]} l/qm" />
-            <drawtext x="4*{rowheight}" font="{light}" fontsize="{rowheight}/3" y="{rowheight}*2/3" width="{columnwidth} - 4*{rowheight}" color="{clrWhite}" text="{tr(windspeed)} {hourly[windspeed]} km/h {tr(from)} {hourly[windbearingstring]}" />
+            <drawtext name="temp" x="2*{rowheight} + 0.75*{rowheight} - {width(temp)}/2" font="{light}" fontsize="13%" y="0" color="{fontdefault}" text="{hourly[temperature]}°C" />
+            <drawtext name="felt" x="2*{rowheight} + 0.75*{rowheight} - {width(felt)}/2" font="{light}" fontsize="6%" y="{rowheight}*0.6" color="{fontdefault}" text="{tr(felt)} {hourly[apparenttemperature]}°C" />
+            <drawtext x="4*{rowheight}" font="{light}" fontsize="{rowheight}/3" y="0" width="{columnwidth} - 4*{rowheight}" color="{fontdefault}" text="{hourly[summary]}" />
+            <drawtext x="4*{rowheight}" font="{light}" fontsize="{rowheight}/3" y="{rowheight}/3" width="{columnwidth} - 4*{rowheight}" color="{fontdefault}" text="{tr(precipitationprobability)} {hourly[precipitationprobability]}%, {hourly[precipitationintensity]} l/qm" />
+            <drawtext x="4*{rowheight}" font="{light}" fontsize="{rowheight}/3" y="{rowheight}*2/3" width="{columnwidth} - 4*{rowheight}" color="{fontdefault}" text="{tr(windspeed)} {hourly[windspeed]} km/h {tr(from)} {hourly[windbearingstring]}" />
             <drawrectangle x="0" y="{rowheight} - 1" width="{columnwidth}" height="1" color="{clrWhite}" />
         </loop>
     </tab>
diff --git a/themes/metrixhd-birdie.theme b/themes/metrixhd-birdie.theme
new file mode 100644
index 0000000..dac61a4
--- /dev/null
+++ b/themes/metrixhd-birdie.theme
@@ -0,0 +1 @@
+Description = Birdie
diff --git a/themes/metrixhd-green.theme b/themes/metrixhd-green.theme
new file mode 100644
index 0000000..3c97243
--- /dev/null
+++ b/themes/metrixhd-green.theme
@@ -0,0 +1 @@
+Description = Green
diff --git a/themes/metrixhd-orange.theme b/themes/metrixhd-orange.theme
new file mode 100644
index 0000000..bb15e88
--- /dev/null
+++ b/themes/metrixhd-orange.theme
@@ -0,0 +1 @@
+Description = Orange
diff --git a/themes/metrixhd-raspberry.theme b/themes/metrixhd-raspberry.theme
new file mode 100644
index 0000000..7978459
--- /dev/null
+++ b/themes/metrixhd-raspberry.theme
@@ -0,0 +1 @@
+Description = Raspberry
author	louis <louis.braun@gmx.de>	2016-06-19 06:39:50 +0200
committer	louis <louis.braun@gmx.de>	2016-06-19 06:39:50 +0200
commit	0e04d4eaeadbac082762a46a04cf8bee08b400f2 (patch)
tree	d4d14a89bafd9e651c2d36efaf6d1673eb292529
parent	f3a27ba22d2d236fd3bfe9bf0c91ceb88c3c6a2b (diff)
download	vdr-plugin-skindesigner-0e04d4eaeadbac082762a46a04cf8bee08b400f2.tar.gz vdr-plugin-skindesigner-0e04d4eaeadbac082762a46a04cf8bee08b400f2.tar.bz2