base.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mythuitheme SYSTEM "http://www.mythtv.org/schema/mythuitheme.xsd">
<mythuitheme>

<!--
'Titillium':
 Black(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Bold(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Bold Italic(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Bold Upright(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Light(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Light Italic(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Light Upright(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Regular(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Regular Italic(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Regular Upright(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Semibold(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Semibold Italic(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Semibold Upright(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Thin(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Thin Italic(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Thin Upright(6 7 8 9 10
-->

<!--
'CartoGothic Std':
 Bold(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
 Book(6 7 8 9 10 11 12 14 16 18 20 22 24 26 28 36 48 72)
-->

    <!--  Sans  -->
    <!-- Small -->
    <fontdef name="mysmall" face="CartoGothic Std">
        <color>#F0F0FF</color>
        <pixelsize>35</pixelsize>
    </fontdef>

    <fontdef name="mysmallbold" face="CartoGothic Std">
        <color>#EEDDFF</color>
        <pixelsize>35</pixelsize>
        <weight>bold</weight>
    </fontdef>

    <fontdef name="mysmallsemibold" face="Titillium">
        <color>#F0F0FF</color>
        <pixelsize>35</pixelsize>
        <weight>4</weight>
    </fontdef>

    <fontdef name="mysmallnarrow" face="Titillium">
        <color>#F0F0FF</color>
        <pixelsize>34</pixelsize>
        <stretch>4</stretch>
    </fontdef>

    <fontdef name="mysmallnarrowbold" face="Titillium">
        <color>#F0F0FF</color>
        <pixelsize>34</pixelsize>
        <stretch>4</stretch>
        <weight>4</weight>
    </fontdef>

    <fontdef name="mysmallnarrowsemibold" face="Titillium">
        <color>#F0F0FF</color>
        <pixelsize>34</pixelsize>
        <stretch>4</stretch>
        <weight>4</weight>
    </fontdef>

    <fontdef name="mysmalllight" face="Titillium">
        <color>#F0F0FF</color>
        <pixelsize>35</pixelsize>
        <weight>2</weight>
    </fontdef>

    <fontdef name="mysmallnarrowlight" face="Titillium">
        <color>#F0F0FF</color>
        <pixelsize>34</pixelsize>
        <stretch>4</stretch>
        <weight>1</weight>
    </fontdef>

    <!-- Very small -->
    <fontdef name="myverysmall" from="mysmall">
        <pixelsize>32</pixelsize>
    </fontdef>

    <fontdef name="myverysmallbold" from="mysmallbold">
        <pixelsize>32</pixelsize>
    </fontdef>

    <fontdef name="myverysmallnarrow" from="mysmallnarrow">
        <pixelsize>32</pixelsize>
    </fontdef>

    <fontdef name="myverysmallnarrowbold" from="mysmallnarrowbold">
        <pixelsize>32</pixelsize>
    </fontdef>

    <fontdef name="myverysmallnarrowlight" from="mysmallnarrowlight">
        <pixelsize>32</pixelsize>
    </fontdef>

    <!-- Medium -->
    <fontdef name="mymedium" from="mysmall">
        <color>#EEDDFF</color>
        <pixelsize>37</pixelsize>
    </fontdef>

    <fontdef name="mymediumbold" from="mysmallbold">
        <color>#EEDDFF</color>
        <pixelsize>37</pixelsize>
    </fontdef>

    <fontdef name="mymediumsemibold" from="mysmallsemibold">
        <pixelsize>37</pixelsize>
    </fontdef>

    <fontdef name="mymediumlight" from="mysmalllight">
        <pixelsize>37</pixelsize>
    </fontdef>

    <fontdef name="mymediumnarrow" from="mysmallnarrow">
        <pixelsize>37</pixelsize>
    </fontdef>

    <fontdef name="mymediumnarrowbold" from="mysmallnarrowbold">
        <pixelsize>37</pixelsize>
    </fontdef>

    <fontdef name="mymediumnarrowlight" from="mysmallnarrowlight">
        <pixelsize>37</pixelsize>
    </fontdef>

    <!-- Large -->
    <fontdef name="mylarge" from="mysmall">
        <pixelsize>50</pixelsize>
    </fontdef>

    <fontdef name="mylargenarrow" from="mysmallnarrow">
        <pixelsize>50</pixelsize>
    </fontdef>

    <fontdef name="mylargebold" from="mysmallbold">
        <color>#EEDDFF</color>
        <pixelsize>50</pixelsize>
    </fontdef>

    <!-- Colors -->
    <fontdef name="mydesc" from="mysmall">
        <color>#F0F0FF</color>
    </fontdef>

    <fontdef name="mysmallgrey" from="mysmall">
        <color>#E0D0D0</color>
    </fontdef>

    <fontdef name="mysmalllightgrey" from="mysmall">
        <color>#B0B0B0</color>
    </fontdef>

    <fontdef name="mysmallgreen" from="mysmall">
        <color>#33bf33</color>
    </fontdef>

    <fontdef name="mysmallred" from="mysmall">
        <color>#E43E3E</color>
    </fontdef>

    <fontdef name="mysmallblue" from="mysmall">
        <color>#00EEEE</color>
    </fontdef>

    <fontdef name="mysmallpurple" from="mysmall">
        <color>#9999cc</color>
    </fontdef>

    <fontdef name="mysmallyellow" from="mysmall">
        <color>#FFFF00</color>
    </fontdef>

    <fontdef name="mysmallorange" from="mysmall">
        <color>#ff9147</color>
    </fontdef>

    <fontdef name="mysmallblack" from="mysmall">
        <color>#000000</color>
    </fontdef>

    <!-- myverysmall colors -->
    <fontdef name="myverysmallgrey" from="myverysmall">
        <color>#E0D0D0</color>
    </fontdef>

    <fontdef name="myverysmalllightgrey" from="myverysmall">
        <color>#B0B0B0</color>
    </fontdef>

    <fontdef name="myverysmallgreen" from="myverysmall">
        <color>#33bf33</color>
    </fontdef>

    <fontdef name="myverysmallred" from="myverysmall">
        <color>#E43E3E</color>
    </fontdef>

    <fontdef name="myverysmallblue" from="myverysmall">
        <color>#00EEEE</color>
    </fontdef>

    <fontdef name="myverysmallpurple" from="myverysmall">
        <color>#9999cc</color>
    </fontdef>

    <fontdef name="myverysmallyellow" from="myverysmall">
        <color>#FFFF00</color>
    </fontdef>

    <fontdef name="myverysmallorange" from="myverysmall">
        <color>#ff9147</color>
    </fontdef>

    <fontdef name="myverysmallblack" from="myverysmall">
        <color>#000000</color>
    </fontdef>

    <!-- mysmallnarrow colors -->
    <fontdef name="mysmallnarrowgrey" from="mysmallnarrow">
        <color>#E0D0D0</color>
    </fontdef>

    <fontdef name="mysmallnarrowlightgrey" from="mysmallnarrow">
        <color>#B0B0B0</color>
    </fontdef>

    <fontdef name="mysmallnarrowgreen" from="mysmallnarrow">
        <color>#33bf33</color>
    </fontdef>

    <fontdef name="mysmallnarrowred" from="mysmallnarrow">
        <color>#E43E3E</color>
    </fontdef>

    <fontdef name="mysmallnarrowblue" from="mysmallnarrow">
        <color>#00EEEE</color>
    </fontdef>

    <fontdef name="mysmallnarrowpurple" from="mysmallnarrow">
        <color>#9999cc</color>
    </fontdef>

    <fontdef name="mysmallnarrowyellow" from="mysmallnarrow">
        <color>#FFFF00</color>
    </fontdef>

    <fontdef name="mysmallnarroworange" from="mysmallnarrow">
        <color>#ff9147</color>
    </fontdef>

    <fontdef name="mysmallnarrowblack" from="mysmallnarrow">
        <color>#000000</color>
    </fontdef>

    <!-- mymedium colors -->
    <fontdef name="mymediumgrey" from="mymedium">
        <color>#E0D0D0</color>
    </fontdef>

    <fontdef name="mymediumlightgrey" from="mymedium">
        <color>#B0B0B0</color>
    </fontdef>

    <fontdef name="mymediumgreen" from="mymedium">
        <color>#33bf33</color>
    </fontdef>

    <fontdef name="mymediumred" from="mymedium">
        <color>#E43E3E</color>
    </fontdef>

    <fontdef name="mymediumblue" from="mymedium">
        <color>#00EEEE</color>
    </fontdef>

    <fontdef name="mymediumpurple" from="mymedium">
        <color>#9999cc</color>
    </fontdef>

    <fontdef name="mymediumyellow" from="mymedium">
        <color>#FFFF00</color>
    </fontdef>

    <fontdef name="mymediumorange" from="mymedium">
        <color>#ff9147</color>
    </fontdef>

    <fontdef name="mymediumblack" from="mymedium">
        <color>#000000</color>
    </fontdef>

    <fontdef name="mymediumnarrowlightgrey" from="mysmallnarrowlightgrey">
        <pixelsize>38</pixelsize>
    </fontdef>

    <!-- Colors -->
    <fontdef name="mysmalllabel" from="mysmallsemibold">
        <color>#A0BFFF</color>
    </fontdef>

    <fontdef name="mysmallsemiboldlabel" from="mysmallbold">
        <color>#A0BFFF</color>
    </fontdef>

    <fontdef name="myverysmalllabel" from="myverysmall">
        <color>#A0BFFF</color>
    </fontdef>

    <fontdef name="myverysmallsub" from="myverysmall">
        <pixelsize>31</pixelsize>
        <color>#90D0B0</color>
    </fontdef>

    <fontdef name="mysmallnarrowlabel" from="mysmallnarrowsemibold">
        <color>#A0BFFF</color>
    </fontdef>

    <fontdef name="mymediumlabel" from="mysmallsemibold">
        <color>#A0BFFF</color>
        <pixelsize>38</pixelsize>
    </fontdef>

    <!-- Mono -->
    <!-- Small -->
    <fontdef name="mysmallmono" face="Ubuntu Mono">
        <color>#F0F0FF</color>
        <pixelsize>35</pixelsize>
    </fontdef>

    <group name="baseDateHeading">
        <area>100%-630,1010,600,50</area>
        <minsize>20,100%</minsize>

        <shape name="basedateshape">
            <area>0,0,100%,100%</area>
            <minsize>20,100%</minsize>
            <type>roundbox</type>
            <cornerradius>15</cornerradius>
            <fill color="#000000" alpha="255" />
        </shape>

        <clock name="datetime">
            <area>25,2,-25,-2</area>
            <minsize>20,100%</minsize>
            <font>mysmallsemibold</font>
            <template>%DATE%   %TIME%</template>
            <align>right,vcenter</align>
            <cutdown>true</cutdown>
        </clock>
    </group>

    <group name="basePageHeading">
        <area>500,1010,-30,50</area>

        <shape name="connectBar">
            <area>460,11,-10,-10</area>
            <type>box</type>
            <line color="#000000" alpha="255" width="4" />
        </shape>

        <group name="Heading">
            <area>0,0,920,100%</area>
            <minsize>50,100%</minsize>

            <shape name="headingshape">
                <area>0,0,100%,100%</area>
                <minsize>50,100%</minsize>
                <type>roundbox</type>
                <cornerradius>15</cornerradius>
                <fill color="#000000" alpha="255" />
            </shape>

            <textarea name="text">
                <area>25,2,-25,-2</area>
                <minsize>50,100%</minsize>
                <align>center</align>
                <font>mymedium</font>
                <cutdown>no</cutdown>
            </textarea>
        </group>

        <group name="Date" from="baseDateHeading">
            <position>100%-600,0</position>
        </group>
    </group>

    <!-- Base definition of a shape used as a background to many widgets -->
    <shape name="basewidgetshape">
        <area>5,5,-5,-5</area>
        <type>roundbox</type>
        <cornerradius>4</cornerradius>
        <fill style="gradient">
            <gradient start="#000000" end="#302040" alpha="255"
                      direction="diagonal"  />
        </fill>
        <line color="#00FFFF" width="2" />
    </shape>

    <shape name="baseareashape">
        <area>5,5,-5,-5</area>
        <type>roundbox</type>
        <cornerradius>4</cornerradius>
        <fill style="gradient">
            <gradient start="#000000" end="#302040" alpha="196"
                      direction="diagonal"  />
        </fill>
        <line color="#00FFFF" width="2" />
    </shape>

    <shape name="baseselectedwidgetshape" from="basewidgetshape">
        <area>0,0,100%,100%</area>
        <fill color="#202060" alpha="200" />
        <line color="#00FFFF" width="4" />
    </shape>

    <shape name="basepushedwidgetshape" from="basewidgetshape">
        <fill color="#808040" alpha="128" />
    </shape>

    <shape name="basebuttonshape">
        <area>3,3,-3,-3</area>
        <fill style="gradient">
            <gradient start="#505050" end="#000000" alpha="255"
                      direction="vertical"  />
        </fill>
        <line color="#00FFFF" width="2" />
    </shape>

    <shape name="baseinactivebuttonshape">
        <area>3,3,-3,-3</area>
        <fill style="gradient">
            <gradient start="#303030" end="#000000" alpha="255"
                      direction="vertical"  />
        </fill>
        <line color="#505050" width="2" />
    </shape>

    <shape name="basepushedbuttonshape">
        <area>3,3,-3,-3</area>
        <fill style="gradient">
            <gradient start="#000000" end="#505050" alpha="225"
                      direction="vertical"  />
        </fill>
        <line color="#00FFFF" width="2" />
    </shape>

    <shape name="baseselectedinactivebuttonshape">
        <area>3,3,-3,-3</area>
        <fill style="gradient">
            <gradient start="#603060" end="#000000" alpha="255"
                      direction="vertical"  />
        </fill>
        <line color="#00FFFF" width="2" />
    </shape>

    <shape name="baseselectedbuttonshape">
        <area>0,0,100%,100%</area>
        <fill style="gradient">
            <gradient start="#603060" end="#000000" alpha="255"
                      direction="vertical"  />
        </fill>
        <line color="#00FFFF" width="4" />
    </shape>

    <textarea name="basewidgettext">
        <area>8,6,-8,-6</area>
        <multiline>yes</multiline>
        <extraleading>-2</extraleading>
        <cutdown>yes</cutdown>
        <align>center</align>
        <font>mymediumnarrow</font>
        <font state="running">mysmallnarrowgreen</font>
        <font state="disabled">mysmallnarrowlightgrey</font>
        <font state="error">mysmallnarrowred</font>
        <font state="normal">mysmallnarrow</font>
        <font state="default">mysmallnarrow</font>
        <font state="warning">mysmallnarroworange</font>
        <font state="selected">mysmallnarrowbold</font>
    </textarea>

    <!-- Base definition of a button -->
    <button name="basebutton">
        <area>0,0,150,105</area>
        <group name="center">
            <area>0,3,100%,-3</area>
            <statetype name="buttonstate">
                <area>0,0,100%,100%</area>
                <state name="active">
                    <area>0,0,100%,100%</area>
                    <shape name="background" from="basebuttonshape" />
                    <textarea name="text" from="basewidgettext" />
                </state>
                <state name="selected" from="active">
                    <shape name="background" from="baseselectedbuttonshape" />
                </state>
                <state name="disabled" from="active">
                    <shape name="background" from="baseinactivebuttonshape" />
                </state>
                <state name="pushed" from="active">
                    <shape name="background" from="basepushedbuttonshape" />
                </state>
            </statetype>
        </group>
    </button>

    <button name="basewidebutton" from="basebutton">
        <area>0,0,400,105</area>
    </button>

    <button name="baselargebutton" from="basebutton">
        <area>0,0,400,105</area>
        <group name="center">
            <area>0,0,100%,100%</area>
        </group>
    </button>

    <button name="varbuttonleft">
        <area>70,100%-95,-70,85</area>
        <minsize>150,60</minsize>
        <statetype name="buttonstate">
            <area>0,5,100%,-5</area>
            <minsize>150,100%</minsize>
            <state name="active">
                <area>0,0,100%,100%</area>
                <minsize>150,100%</minsize>
                <shape name="background" from="basebuttonshape">
                    <area>5,5,-5,-5</area>
                    <minsize>150,100%</minsize>
                </shape>
                <textarea name="text" from="basewidgettext">
                    <area>15,7,-15,-7</area>
                    <minsize>110,100%</minsize>
                    <align>left,vcenter</align>
                    <multiline>no</multiline>
                </textarea>
            </state>
            <state name="disabled" from="active">
                <shape name="background" from="baseinactivebuttonshape">
                    <minsize>150,100%</minsize>
                </shape>
                <textarea name="text" />
            </state>
            <state name="selected" from="active">
                <shape name="background" from="baseselectedbuttonshape">
                    <minsize>160,100%</minsize>
                </shape>
                <textarea name="text" />
            </state>
            <state name="pushed" from="selected">
                <shape name="background" from="basepushedbuttonshape">
                    <minsize>160,100%</minsize>
                </shape>
                <textarea name="text" />
            </state>
        </statetype>
    </button>

    <button name="varbuttonright" from="varbuttonleft">
        <statetype name="buttonstate">
            <state name="active">
                <textarea name="text">
                    <align>right,vcenter</align>
                </textarea>
            </state>
            <state name="selected">
                <textarea name="text">
                    <align>right,vcenter</align>
                </textarea>
            </state>
            <state name="disabled">
                <textarea name="text">
                    <align>right,vcenter</align>
                </textarea>
            </state>
            <state name="pushed">
                <textarea name="text">
                    <align>right,vcenter</align>
                </textarea>
            </state>
        </statetype>
    </button>

    <button name="varbuttoncenter" from="varbuttonleft">
        <statetype name="buttonstate">
            <state name="active">
                <textarea name="text">
                    <align>center</align>
                </textarea>
            </state>
            <state name="selected">
                <textarea name="text">
                    <align>center</align>
                </textarea>
            </state>
            <state name="disabled">
                <textarea name="text">
                    <align>center</align>
                </textarea>
            </state>
            <state name="pushed">
                <textarea name="text">
                    <align>center</align>
                </textarea>
            </state>
        </statetype>
    </button>

    <group name="twobuttons">
        <area>50%,100%-90,100%,80</area>
        <button name="prev_button" from="varbuttonright">
            <area>100%-540,0,250,100%</area>
            <value>Prev</value>
        </button>

        <button name="next_button" from="varbuttonleft">
            <area>100%-285,0,250,100%</area>
            <value>Next</value>
        </button>
    </group>

    <group name="fourbuttons">
        <area>0,100%-90,100%,80</area>
        <button name="button1" from="varbuttoncenter">
            <area>0,0,25%,100%</area>
        </button>
        <button name="button2" from="varbuttoncenter">
            <area>25%,0,33%,100%</area>
        </button>
        <button name="button3" from="varbuttoncenter">
            <area>50%,0,50%,100%</area>
        </button>
        <button name="button4" from="varbuttoncenter">
            <area>75%,0,100%,100%</area>
        </button>
    </group>

    <button name="basebuttonprev">
        <area>0,0,60,60</area>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>mm_prev_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>mm_prev_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>mm_prev_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <button name="basebuttonnext">
        <area>0,0,60,60</area>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>mm_next_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>mm_next_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>mm_next_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <group name="basescrollgroup">
        <area>0,0,100%,100%</area>

        <scrollbar name="scrollbar">
            <area>0,0,100%,100%</area>
            <hidedelay>0</hidedelay>
            <layout>vertical</layout>

            <shape name="shadow">
                <area>0,0,100%,100%</area>
                <type>roundbox</type>
                <fill color="#000000" alpha="86" />
                <cornerradius>10</cornerradius>
            </shape>
            <shape name="bar">
                <area>5,1,-5,-1</area>
                <fill color="#FFFFFF" />
            </shape>
            <shape name="slider">
                <area>1,0,-1,40</area>
                <type>roundbox</type>
                <cornerradius>8</cornerradius>
                <line color="#000000" alpha="255" width="2" />
                <fill color="#BB90FF" />
            </shape>
        </scrollbar>
    </group>

    <!-- Check boxes -->

    <shape name="checkbackground">
        <area>0,0,26,26</area>
        <fill color="#000000" alpha="200" />
        <line color="#50EFDF" alpha="64" width="2" />
    </shape>

    <!-- Base definition of checkbox -->
    <checkbox name="basecheckbox">
        <area>0,0,40,105</area>
        <group name="center">
            <area>0,20,100%,-20</area>

            <statetype name="background">
                <area>0,5,100%,-5</area>
                <state name="active">
                    <area>0,0,100%,100%</area>
                    <shape name="checkbg">
                        <area>6,11,-6,-11</area>
                        <fill color="#000000" alpha="200" />
                        <line color="#33FFFF" alpha="128" width="2" />
                    </shape>
                </state>
                <state name="selected">
                    <area>0,0,100%,100%</area>
                    <shape name="background" from="baseselectedwidgetshape">
                    </shape>
                </state>
                <state name="disabled" from="active">
                    <shape name="checkbg">
                        <line color="#33FFFF" alpha="96" width="2" />
                    </shape>
                </state>
            </statetype>

            <statetype name="checkstate">
                <area>0,0,100%,100%</area>
                <state type="off" />
                <state type="half">
                    <area>0,0,100%,100%</area>
                    <imagetype name="background">
                        <area>6,11,-6,-11</area>
                        <filename>Images/check.png</filename>
                        <alpha>64</alpha>
                    </imagetype>
                </state>
                <state type="full">
                    <area>0,0,100%,100%</area>
                    <imagetype name="mark">
                        <area>6,11,-6,-11</area>
                        <filename>Images/check.png</filename>
                    </imagetype>
                </state>
                <state name="disabled" from="half" />
            </statetype>
        </group>
    </checkbox>

    <!-- Base definition of a selctedbox -->
    <statetype name="selectedbox">
        <area>13,12,30,30</area>
        <state name="yes">
            <area>0,0,30,30</area>
            <shape name="checkbg">
                <area>0,0,100%,100%</area>
                <type>roundbox</type>
                <fill color="#000000" alpha="200" />
                <!--
                    <line color="#FF7F00" alpha="196" width="4" />
                -->
                <line color="#00FF00" alpha="196" width="4" />
                <cornerradius>5</cornerradius>
            </shape>
            <imagetype name="mark">
                <area>4,0,100%,-4</area>
                <filename>Images/check.png</filename>
            </imagetype>
        </state>
        <state name="off" from="yes" />
        <state name="no" />
    </statetype>

    <!-- Third check definition, because why make it easy on the themer? -->
    <statetype name="basebuttoncheck">
            <position>15,18</position>
        <state type="off" />
        <state type="half">
            <imagetype name="checkhalf">
                <filename>Images/check.png</filename>
                <alpha>64</alpha>
            </imagetype>
        </state>
        <state type="full">
            <imagetype name="checkfull">
                <filename>Images/check.png</filename>
            </imagetype>
        </state>
        <state type="on" from="full" />
    </statetype>

    <!-- Used by mytharchive-ui -->
    <statetype name="basebuttoncheck">
        <position>15,18</position>
        <state type="off" />
        <state type="half">
            <imagetype name="checkhalf">
                <filename>Images/check.png</filename>
                <alpha>64</alpha>
            </imagetype>
        </state>
        <state type="full">
            <imagetype name="checkfull">
                <filename>Images/check.png</filename>
            </imagetype>
        </state>
        <state type="on" from="full" />
    </statetype>

    <statetype name="basemovestate">
        <position>15,50</position>
        <state name="off"></state>
        <state name="on">
            <imagetype name="statusimage">
                <filename>Images/move-updown.png</filename>
            </imagetype>
        </state>
    </statetype>

    <!-- Base definition of a spinbox -->
    <spinbox name="basespinbox">
        <area>0,0,150,105</area>
        <layout>horizontal</layout>
        <buttonarea>0,6,100%,-6</buttonarea>
        <wrapstyle>items</wrapstyle>

        <statetype name="buttonitem">
            <area>0,0,100%,100%</area>
            <state name="active">
                <area>0,0,100%,100%</area>
                <shape name="background" from="basebuttonshape">
                    <type>roundbox</type>
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext" from="basewidgettext">
                    <area>30,3,-30,-5</area>
                </textarea>
            </state>
            <state name="selectedinactive" from="active" />
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedbuttonshape">
                    <type>roundbox</type>
                    <cornerradius>20</cornerradius>
                </shape>
                <textarea name="buttontext" />
            </state>
            <state name="disabled" from="active">
                <shape name="background" from="baseinactivebuttonshape">
                    <type>roundbox</type>
                    <cornerradius>20</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <font>mysmallnarrowlightgrey</font>
                </textarea>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <area>7,50%-10,20,20</area>
            <state type="off">
                <imagetype name="upoff">
                    <filename>Images/leftarrow-off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upon">
                    <filename>Images/leftarrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <area>100%-27,50%-10,20,20</area>
            <state type="off">
                <imagetype name="dnoff">
                    <filename>Images/rightarrow-off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnon">
                    <filename>Images/rightarrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>
    </spinbox>

    <!-- Base definition of a wide spinbox (room for strings) -->
    <spinbox name="baselargespinbox" from="basespinbox">
        <area>0,0,400,96</area>
        <buttonarea>0,0,100%,100%</buttonarea>
    </spinbox>

    <!-- Base definition of a list in wide 'spinbox' configuration -->
    <spinbox name="basewidespinbox" from="basespinbox">
        <area>0,0,600,105</area>
    </spinbox>

    <spinbox name="basemediumspinbox" from="basespinbox">
        <area>0,0,300,105</area>
    </spinbox>

    <!-- Base definition of a list in 'selector' configuration -->
    <buttonlist name="baseselector">
        <area>0,0,150,105</area>
        <layout>horizontal</layout>
        <buttonarea>0,5,100%,-5</buttonarea>
        <wrapstyle>items</wrapstyle>

        <statetype name="buttonitem">
            <area>0,0,100%,100%</area>
            <state name="active">
                <area>0,0,100%,100%</area>
                <shape name="background" from="basebuttonshape">
                    <type>roundbox</type>
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext" from="basewidgettext">
                    <area>20,1,-20,-1</area>
                </textarea>
            </state>
            <state name="selectedinactive" from="active" />
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedbuttonshape">
                    <type>roundbox</type>
                    <cornerradius>20</cornerradius>
                </shape>
                <textarea name="buttontext" />
            </state>
            <state name="disabled" from="active">
                <shape name="background" from="baseinactivebuttonshape">
                    <type>roundbox</type>
                    <cornerradius>20</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <font>mysmallnarrowlightgrey</font>
                </textarea>
            </state>
            <state name="inactive" from="disabled" />
        </statetype>
        <statetype name="upscrollarrow">
            <area>7,50%-10,20,20</area>
            <state type="off">
                <imagetype name="dnoff">
                    <filename>Images/leftarrow-off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnon">
                    <filename>Images/leftarrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <area>100%-27,50%-10,20,20</area>
            <state type="off">
                <imagetype name="upoff">
                    <filename>Images/rightarrow-off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upon">
                    <filename>Images/rightarrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <!-- Base definition of a list in dual-line 'selector' configuration -->
    <buttonlist name="baselargeselector" from="baseselector">
        <area>0,0,400,96</area>
        <buttonarea>0,0,100%,100%</buttonarea>
    </buttonlist>

    <!-- Base definition of a list in wide 'selector' configuration -->
    <buttonlist name="basewideselector" from="baseselector">
        <area>0,0,600,105</area>
    </buttonlist>

    <!-- Base definition of a list in wide 'selector' configuration -->
    <buttonlist name="basemediumselector" from="baseselector">
        <area>0,0,300,105</area>
    </buttonlist>

    <!-- Base definition of a textarea -->
    <textarea name="basetextarea">
        <area>0,0,100,40</area>
        <font>mymedium</font>
        <multiline>no</multiline>
        <extraleading>-1</extraleading>
        <align>left,vcenter</align>
    </textarea>

    <textarea name="labeltext">
        <area>0,0,250,105</area>
        <font>mysmalllabel</font>
        <multiline>yes</multiline>
        <extraleading>-2</extraleading>
        <align>right,vcenter</align>
    </textarea>

    <textarea name="labeltextlarge">
        <area>0,0,250,105</area>
        <font>mymediumlabel</font>
        <multiline>yes</multiline>
        <extraleading>-2</extraleading>
        <align>right,vcenter</align>
    </textarea>

    <textarea name="labelbutton" from="labeltext">
        <area>0,0,250,60</area>
    </textarea>

    <textarea name="labelcheckbox" from="labeltext">
        <area>0,0,600,105</area>
        <align>left,vcenter</align>
    </textarea>

    <textedit name="basetextedit">
        <area>0,0,500,105</area>
        <group name="center">
            <area>0,7,100%,-7</area>
            <statetype name="background">
                <area>0,0,100%,100%</area>
                <state name="active">
                    <area>5,5,-5,-5</area>
                    <shape name="background" from="basewidgetshape">
                        <area>0,0,100%,100%</area>
                        <fill style="gradient">
                            <gradient end="#000000" start="#201030" alpha="255"
                                      direction="diagonal"  />
                        </fill>
                    </shape>
                </state>
                <state name="inactive">
                    <area>5,5,-5,-5</area>
                    <shape name="background" from="basewidgetshape">
                        <area>0,0,100%,100%</area>
                    </shape>
                </state>
                <state name="selected">
                    <area>0,0,100%,100%</area>
                    <shape name="background" from="baseselectedwidgetshape">
                        <area>0,0,100%,100%</area>
                    </shape>
                </state>
            </statetype>
            <imagetype name="cursor">
                <filename>Images/cursor.png</filename>
                <area>0,0,6,50</area>
            </imagetype>
            <textarea name="text">
                <area>15,5,-15,-5</area>
                <align>left,vcenter</align>
                <font>mysmall</font>
            </textarea>
        </group>
    </textedit>

    <!-- Base definition of a textedit with centered text-->
    <textedit name="basecentertextedit" from="basetextedit">
        <area>0,0,500,105</area>
        <group name="center">
            <textarea name="text">
                <align>center</align>
            </textarea>
        </group>
    </textedit>

    <textedit name="basenarrowtextedit" from="basetextedit">
        <area>0,0,300,105</area>
    </textedit>

    <textedit name="basewidetextedit" from="basecentertextedit">
        <area>0,0,600,105</area>
    </textedit>

    <!-- Base definition of a multiline textedit -->
    <textedit name="basemultilinetextedit" from="basetextedit">
        <!-- 85, for two lines -->
        <area>0,0,100%,140</area>
        <group name="center">
            <area>0,0,100%,100%</area>
            <textarea name="text">
                <multiline>true</multiline>
                <extraleading>-2</extraleading>
                <align>top,left</align>
            </textarea>
        </group>
    </textedit>

    <!-- Popup dialog to enter into a spin box -->
    <window name="SpinBoxEntryDialog">
        <area>50%-700,50%-300,1200,315</area>

        <shape name="background" from="basebuttonshape">
            <type>roundbox</type>
            <fill style="gradient">
                <gradient start="#000000" end="#505050" alpha="255"
                          direction="vertical"  />
            </fill>
            <line color="#AA90FF" width="6" alpha="128"/>
        </shape>

        <textarea name="title" from="basewidgettext">
            <area>15,5,-15,105</area>
            <multiline>yes</multiline>
            <extraleading>-2</extraleading>
            <align>center</align>
            <value>You may enter a value here or cancel to continue using the Spinbox.</value>
        </textarea>

        <group name="dialog">
            <area>5,75,-5,-5</area>

            <group name="spin">
                <area>10,10,-420,-10</area>

                <textedit name="entry" from="basecentertextedit">
                    <area>30,10,-10,105</area>
                </textedit>

                <group name="help">
                    <area>30,120,-30,80</area>
                    <minsize>300,60</minsize>

                    <shape name="pagehelpshape">
                        <area>0,0,100%,100%</area>
                        <minsize>20,100%</minsize>
                        <type>roundbox</type>
                        <cornerradius>15</cornerradius>
                        <fill color="#000000" alpha="255" />
                    </shape>

                    <textarea name="rules">
                        <area>15,0,-15,100%</area>
                        <minsize>50,100%</minsize>
                        <align>center</align>
                        <font>mysmalllightgrey</font>
                        <multiline>yes</multiline>
                        <cutdown>no</cutdown>
                        <template>Values from %LOW% to %HIGH% in increments of %STEP%</template>
                    </textarea>
                </group>
            </group>

            <group name="buttons">
                <area>100%-400,10,-10,-10</area>

                <button name="cancel" from="varbuttoncenter">
                    <area>0,15,100%,80</area>
                    <value>Cancel</value>
                </button>

                <button name="ok" from="varbuttoncenter">
                    <area>0,100%-90,100%,80</area>
                    <value>OK</value>
                </button>
            </group>
        </group>
    </window>

    <buttonlist name="baseinfobuttonlist">
        <arrange>stack</arrange>
        <align>center</align>
        <area>0,20,600,720</area>
        <layout>vertical</layout>
        <spacing>0</spacing>
        <buttonarea>20,0,-20,100%</buttonarea>

        <minsize vanish="true" shrink="short" initiator="yes">500,60</minsize>

        <statetype name="buttonitem">
            <area>0,0,100%,60</area>
            <state name="active">
                <area>0,0,100%,40</area>
                <textarea name="buttontext">
                    <area>15,0,100%,100%</area>
                    <multiline>no</multiline>
                    <cutdown>yes</cutdown>
                    <align>vcenter</align>
                    <font>mysmallnarrowgrey</font>
                </textarea>
                <imagetype name="buttonarrow">
                    <area>100%-24,50%-7,15,15</area>
                    <filename>Images/rightarrow-on.png</filename>
                </imagetype>
            </state>
            <state name="selectedinactive" from="active">
                <textarea name="buttontext">
                    <font>mysmallnarrowblue</font>
                </textarea>
            </state>
            <state name="selectedactive" from="selectedinactive">
                <textarea name="buttontext">
                    <font>mysmallnarrowbold</font>
                </textarea>
            </state>
            <state name="disabled" from="active">
                <textarea name="buttontext">
                    <font>mysmallnarrowlightgrey</font>
                </textarea>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="basebulletbuttonlist" from="baseinfobuttonlist">
        <statetype name="buttonitem">
            <state name="active">
                <shape name="bullet">
                    <type>ellipse</type>
                    <area>10,10,10,10</area>
                    <fill color="#DDDDDD" />
                </shape>
                <textarea name="buttontext">
                    <area>20,0,100%,100%</area>
                </textarea>
            </state>
            <state name="selectedinactive" from="active">
                <shape name="bullet">
                    <fill color="#00EEEE" alpha="192" />
                </shape>
                <textarea name="buttontext">
                    <font>mysmallnarrowblue</font>
                </textarea>
            </state>
            <state name="selectedactive" from="selectedinactive">
                <shape name="bullet">
                    <area>9,9,12,12</area>
                    <fill color="#FFFFFF" alpha="255" />
                </shape>
                <textarea name="buttontext">
                    <font>mysmallnarrowbold</font>
                </textarea>
            </state>
            <state name="disabled" from="active">
                <shape name="bullet">
                    <fill color="#FFFFFF" alpha="128" />
                </shape>
                <textarea name="buttontext">
                    <font>mysmallnarrowlightgrey</font>
                </textarea>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="basevaluebuttonlist">
        <arrange>stack</arrange>
        <align>top</align>
        <area>0,20,600,720</area>
        <layout>vertical</layout>
        <spacing>5</spacing>
        <buttonarea>20,0,-25,100%</buttonarea>

        <statetype name="buttonitem">
            <area>0,0,100%,500</area>
            <minsize shrink="short">100%,5</minsize>

            <state name="active">
                <area>0,0,100%,100%</area>
                <minsize shrink="short">100%,6</minsize>
                <shape name="background">
                    <!-- work around a stack / minsize display bug by using
                         empty image to help spacing -->
                    <area>0,0,100%,100%</area>
                    <minsize shrink="short">100%,5</minsize>
                </shape>
                <textarea name="name" from="basetextarea">
                    <area>5,3,30%,-3</area>
                    <minsize shrink="short">100%,5</minsize>
                    <multiline>yes</multiline>
                    <extraleading>-2</extraleading>
                    <cutdown>no</cutdown>
                    <align>top,right</align>
                    <font>mysmallsemiboldlabel</font>
                </textarea>
                <textarea name="sep">
                    <area>31%,3,10,-3</area>
                    <minsize shrink="short">100%,5</minsize>
                    <align>top,left</align>
                    <value>:</value>
                    <font>mysmallsemiboldlabel</font>
                </textarea>
                <textarea name="value">
                    <area>31%+15,3,-10,-3</area>
                    <minsize shrink="short">100%,5</minsize>
                    <multiline>yes</multiline>
                    <extraleading>-2</extraleading>
                    <cutdown>no</cutdown>
                    <align>top,left</align>
                    <font>mysmallsemibold</font>
                </textarea>
            </state>
            <state name="selectedactive" from="active" />
            <state name="selectedinactive" from="active" />
            <state name="disabled" from="active">
                <textarea name="name">
                    <font>mysmall</font>
                </textarea>
                <textarea name="value">
                    <font>mysmall</font>
                </textarea>
            </state>
        </statetype>

        <group name="bar" from="basescrollgroup">
            <area>100%-20,30,15,-30</area>
        </group>
    </buttonlist>

    <group name="basevaluelistgroup">
        <area>100%-800,20,-30,-20</area>

        <shape name="background">
            <area>10,0,100%,100%</area>
            <type>roundbox</type>
            <cornerradius>15</cornerradius>
<!--
            <line color="#00FFFF" alpha="240" width="2" />
-->
            <fill color="#000000" alpha="128" />
        </shape>

        <buttonlist name="valuelist" from="basevaluebuttonlist">
            <area>5,5,-5,-5</area>
            <wrapstyle>none</wrapstyle>
            <statetype name="buttonitem">
                <state name="selectedinactive" from="active" />
            </statetype>
        </buttonlist>
    </group>

    <!-- Base definition of a generic button list -->
    <buttonlist name="basebuttonlist">
        <arrange>stack</arrange>
        <align>center</align>
        <area>0,20,600,720</area>
        <layout>vertical</layout>
        <spacing>1</spacing>
        <wrapstyle>selection</wrapstyle>
        <buttonarea>20,0,-20,100%</buttonarea>
        <statetype name="buttonitem">
            <area>0,0,100%,60</area>
            <state name="active">
                <area>0,0,100%,60</area>
                <shape name="background" from="basebuttonshape" />
                <textarea name="buttontext" from="basewidgettext" />
                <imagetype name="buttonarrow">
                    <area>100%-22,50%-7,15,15</area>
                    <filename>Images/rightarrow-on.png</filename>
                </imagetype>
            </state>
            <state name="selectedinactive" from="active">
                <shape name="background" from="baseselectedinactivebuttonshape" />
            </state>
            <state name="selectedactive" from="selectedinactive">
                <shape name="background" from="baseselectedbuttonshape" />
            </state>
            <state name="disabled" from="active">
                <shape name="background" from="baseinactivebuttonshape">
                    <type>roundbox</type>
                    <cornerradius>20</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <font>mymediumnarrowlightgrey</font>
                </textarea>
            </state>
        </statetype>

        <statetype name="upscrollarrow">
            <area>100%-20,50%-25,20,20</area>
            <state type="off">
            </state>
            <state type="full">
                <imagetype name="upon">
                    <filename>Images/uparrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <area>100%-20,50%+5,20,20</area>
            <state type="off">
            </state>
            <state type="full">
                <imagetype name="dnon">
                    <filename>Images/downarrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <!--Buttonlist for the popup menu -->
    <buttonlist name="basepopupbuttonlist" from="basebuttonlist">
        <area>0,0,444,328</area>
        <spacing>0</spacing>
    </buttonlist>

    <!-- Buttonlist with checkboxes -->
    <buttonlist name="basechecklist" from="basebuttonlist">
        <area>20,20,-20,-20</area>
        <scrollstyle>free</scrollstyle>

        <statetype name="buttonitem">
            <state name="active">
                <shape name="background" from="basebuttonshape" />
                <shape name="checkbg">
                    <area>12,15,26,26</area>
                    <fill color="#000000" alpha="200" />
                    <line color="#50EFDF" alpha="64" width="2" />
                </shape>
                <statetype name="buttoncheck" from="basebuttoncheck" />

                <textarea name="buttontext" from="basetextarea">
                    <area>50,5,-5,-5</area>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background"
                       from="baseselectedbuttonshape" />
            </state>
            <state name="inactive" from="active" />
            <state name="selectedinactive" from="inactive" />
            <state name="disabled" from="active">
                <shape name="checkbg">
                    <area>12,15,26,26</area>
                    <fill color="#DDDDDD" alpha="200" />
                    <line color="#50EFDF" alpha="32" width="2" />
                </shape>
                <textarea name="buttontext" from="basetextarea">
                    <font>mysmalllightgrey</font>
                </textarea>
            </state>
        </statetype>
    </buttonlist>

    <!-- Base GRID buttonlist -->
    <buttonlist name="basegridlist">
        <area>40,90,-40,-50</area>

        <align>center</align>
        <arrange>stack</arrange>
        <layout>grid</layout>
        <spacing>2</spacing>
        <scrollstyle>free</scrollstyle>
        <wrapstyle>flowing</wrapstyle>

        <buttonarea>30,0,100%,100%-35</buttonarea>

        <statetype name="buttonitem">
            <area>0,0,100%,100%</area>

            <state name="selectedactive">
                <area>-15,-15,330,330</area>

                <shape name="statusborder">
                    <area>0,0,100%,100%</area>
                    <type>roundbox</type>
                    <fill color="#555555" alpha="255" />
                    <cornerradius>10</cornerradius>
                </shape>

                <group name="contents">
                    <area>5,5,-5,-5</area>

                    <imagetype name="buttonimage">
                        <area>18,18,-18,-18</area>
                        <filename />
                        <preserveaspect>true</preserveaspect>
                    </imagetype>

                    <imagetype name="thumbimage4">
                        <area>20,20,45%,45%</area>
                        <preserveaspect>false</preserveaspect>
                    </imagetype>
                    <imagetype name="thumbimage1">
                        <area>50%+20,10,90%,45%</area>
                        <preserveaspect>false</preserveaspect>
                    </imagetype>
                    <imagetype name="thumbimage2">
                        <area>20,50%+10,45%,90%</area>
                        <preserveaspect>false</preserveaspect>
                    </imagetype>
                    <imagetype name="thumbimage3">
                        <area>50%+20,50%+10,90%,90%</area>
                        <preserveaspect>false</preserveaspect>
                    </imagetype>

                    <!-- Shows an indication if a file or folder is hidden
                         or not. It will be marked and darkened -->
                    <statetype name="buttonstate">
                        <position>0,0</position>
                        <state name="hidden">
                            <shape name="hidden_background_shape">
                                <area>1,1,162,122</area>
                                <type>box</type>
                                <line color="#000000" alpha="0" width="2" />
                                <fill color="#000000" alpha="210" />
                            </shape>
                        </state>
                        <state name="visible" />
                    </statetype>
                </group> <!-- contents -->

                <group name="textgroup">
                    <area>12,10,-12,-5</area>
                    <minsize vanish="true">20,20</minsize>

                    <shape name="shadow">
                        <area>5,5,-5,-5</area>
                        <minsize vanish="true">5,5</minsize>
                        <type>roundbox</type>
                        <cornerradius>5</cornerradius>
                        <fill color="#000000" alpha="180" />
                    </shape>

                    <textarea name="buttontext" from="basetextarea">
                        <area>10,5,-10,-5</area>
                        <align>bottom,left</align>
                        <minsize shrink="short" vanish="true">5,5</minsize>
                        <font>myverysmall</font>
                        <multiline>yes</multiline>
                        <extraleading>-2</extraleading>
                    </textarea>
                </group>

                <shape name="highlighttop">
                    <area>32,10,-32,4</area>
                    <minsize>10,9</minsize>
                    <type>ellipse</type>
                    <fill color="#BB90FF" />
                </shape>
                <shape name="highlightbottom">
                    <area>32,100%-15,-32,4</area>
                    <minsize>10,9</minsize>
                    <type>ellipse</type>
                    <fill color="#BB90FF" />
                </shape>
                <shape name="highlightleft">
                    <area>11,30,4,-30</area>
                    <minsize>100%,20</minsize>
                    <type>ellipse</type>
                    <fill color="#BB90FF" />
                </shape>
                <shape name="highlightright">
                    <area>100%-15,30,4,-30</area>
                    <minsize>100%,20</minsize>
                    <type>ellipse</type>
                    <fill color="#BB90FF" />
                </shape>

                <group name="foldergroup">
                    <area>-25,-40,45%,40%</area>

                    <statetype name="nodetype">
                        <area>0,0,100%,100%</area>
                        <state name="subfolder">
                            <area>0,0,100%,100%</area>
                            <imagetype name="icon">
                                <area>20,30,-20,-30</area>
                                <filename>Images/Graphite/folderclosed.png</filename>
                                <preserveaspect>no</preserveaspect>
                            </imagetype>
                        </state>
                        <state name="upfolder">
                            <area>0,0,100%,100%</area>
                            <imagetype name="icon">
                                <area>20,30,-20,-30</area>
                                <filename>Images/Graphite/mv_gallery_dir_up.png</filename>
                                <preserveaspect>no</preserveaspect>
                            </imagetype>
                        </state>
                    </statetype>

                    <!-- images-ui uses these instead of nodetype -->
                    <statetype name="buttontype" from="nodetype" />
                    <statetype name="parenttype" from="nodetype" />

                    <!-- show how many images / directories are in this
                         directory -->
                    <textarea name="childcount" from="basetextarea">
                        <area>5,5,-5,-5</area>
                        <font>myverysmallyellow</font>
                        <align>center</align>
                    </textarea>

                    <statetype name="buttoncheck" from="selectedbox">
                        <position>3,3</position>
                        <state type="full" from="yes" />
                    </statetype>
                </group>

            </state>

            <state name="selectedinactive" from="selectedactive">
                <area>0,0,100%,100%</area>
                <shape name="statusborder">
                    <line color="#00FFFF" width="2" alpha="224" />
                    <fill color="#555555" alpha="255" />
                </shape>

                <group name="contents" />

                <shape name="highlighttop">
                    <area>0,0,0,0</area>
                </shape>
                <shape name="highlightbottom">
                    <area>0,0,0,0</area>
                </shape>
                <shape name="highlightleft">
                    <area>0,0,0,0</area>
                </shape>
                <shape name="highlightright">
                    <area>0,0,0,0</area>
                </shape>
            </state>


            <state name="inactive" from="selectedinactive">
                <area>0,0,300,300</area>
                <!-- Item background -->
                <shape name="statusborder">
                    <area>0,0,100%,100%</area>
                    <type>roundbox</type>
                    <line color="#00FFFF" width="2" alpha="224" />
                    <fill color="#000000" alpha="192" />
                    <cornerradius>10</cornerradius>
                </shape>

                <group name="contents">
                    <area>0,0,100%,100%</area>
                    <imagetype name="buttonimage">
                        <alpha>164</alpha>
                    </imagetype>

                </group>

            </state> <!-- inactive -->

            <state name="active" from="inactive" />

            <state name="disabled" from="inactive">
                <area>0,0,100%,100%</area>
                <shape name="statusborder">
                    <line color="#00FFFF" width="2" alpha="64" />
                    <fill color="#000000" alpha="96" />
                </shape>

                <group name="contents" />

                <group name="textgroup">
                    <shape name="shadow">
                        <fill color="#000000" alpha="64" />
                    </shape>

                    <textarea name="buttontext" from="basetextarea">
                        <font>myverysmalllightgrey</font>
                    </textarea>
                </group>
            </state>

        </statetype>

        <group name="bar" from="basescrollgroup">
            <area>0,30,12,-60</area>
        </group>
    </buttonlist>  <!-- name="basegridlist" -->

    <!-- Base definition of a progressbar -->
    <progressbar name="baseprogressbar">
        <area>0,0,10,10</area>
        <layout>horizontal</layout>
        <style>reveal</style>
        <imagetype name="background">
            <!-- 600x20 -->
            <filename>Images/progressbar_bg.png</filename>
        </imagetype>
        <imagetype name="progressimage">
            <filename>Images/progressbar_fill.png</filename>
        </imagetype>
    </progressbar>

    <statetype name="basevideolevel">
        <position>320,15</position>
        <state name="Lowest">
            <imagetype name="icon">
                <area>0,1,28,28</area>
                <filename>mv_level_lowest.png</filename>
                <alpha>196</alpha>
            </imagetype>
            <textarea name="label">
                <area>35,2,300,40</area>
                <value>unrestricted</value>
                <font>myverysmallorange</font>
            </textarea>
        </state>
        <state name="Low" from="Lowest">
            <imagetype name="icon">
                <filename>mv_level_low.png</filename>
                <alpha>224</alpha>
            </imagetype>
            <textarea name="label">
                <value>partially restricted</value>
            </textarea>
        </state>
        <state name="Medium" from="Lowest">
            <imagetype name="icon">
                <filename>mv_level_medium.png</filename>
            </imagetype>
            <textarea name="label">
                <value>mostly restricted</value>
            </textarea>
        </state>
        <state name="High" from="Lowest">
            <imagetype name="icon">
                <filename>mv_level_high.png</filename>
            </imagetype>
            <textarea name="label">
                <value>restricted</value>
            </textarea>
        </state>
    </statetype>

    <group name="baseMsgGroup">
        <area>30,945,370,-30</area>
        <shape name="msgShape">
            <area>0,0,100%,100%</area>
            <type>roundbox</type>
            <cornerradius>5</cornerradius>
            <fill color="#000000" alpha="192" />
            <line color="#FFFFFF" alpha="160" width="2" />
        </shape>

        <textarea name="msgText">
            <area>5,1,-5,-1</area>
            <align>center</align>
            <multiline>yes</multiline>
            <extraleading>-2</extraleading>
            <cutdown>yes</cutdown>
            <font>mysmallnarrow</font>
            <font state="running">mysmallnarrowgreen</font>
            <font state="disabled">mysmallnarrowgrey</font>
            <font state="error">mysmallnarrowred</font>
            <font state="normal">mysmallnarrowblue</font>
            <font state="warning">mysmallnarroworange</font>
        </textarea>
    </group>

    <group name="baseMsgGroupLarge" from="baseMsgGroup">
        <area>30,820,370,-30</area>
    </group>

    <group name="baseMsgGroupTall" from="baseMsgGroup">
        <area>30,702,370,338</area>
    </group>

    <group name="baseMsgGroupWide" from="baseMsgGroup">
        <area>30,809,500,240</area>
    </group>

    <group name="baseMsgGroupBanner" from="baseMsgGroup">
        <area>300,100%-210,-300,120</area>
    </group>

    <group name="baseFloatingMsg">
        <area>600,660,-600,-110</area>

        <group name="msggroup">
            <area>0,0,100%,100%</area>

            <shape name="background">
                <area>0,0,100%,100%</area>
                <type>roundbox</type>
                <fill color="#000000" alpha="148" />
                <line color="#55FFFF" alpha="96" width="3" />
                <cornerradius>10</cornerradius>
            </shape>
            <textarea name="message_text">
                <area>10,2,-10,-2</area>
                <font>mymedium</font>
                <align>center</align>
                <multiline>yes</multiline>
                <extraleading>-2</extraleading>
            </textarea>
        </group>
    </group>

    <group name="baseFloatingMinMsg">
        <area>600,860,-600,96</area>

        <group name="msggroup">
            <area>0,0,100%,100%</area>
            <minsize>20,100%</minsize>

            <shape name="background">
                <area>0,0,100%,100%</area>
                <minsize>20,100%</minsize>
                <type>roundbox</type>
                <fill color="#000000" alpha="148" />
                <line color="#55FFFF" alpha="96" width="3" />
                <cornerradius>10</cornerradius>
            </shape>
            <textarea name="message_text">
                <area>15,15,-15,-15</area>
                <minsize>20,100%</minsize>
                <font>mymedium</font>
                <align>center</align>
            </textarea>
        </group>
    </group>

    <!-- Common page elements -->
    <group name="baseModeGroup">
        <area>560,25,-25,60</area>
        <minsize vanish="yes">20,100%</minsize>

        <shape name="modeShape">
            <area>0,0,100%,100%</area>
            <minsize vanish="yes">20,100%</minsize>
            <type>roundbox</type>
            <line color="#00FFFF" alpha="96" width="3" />
            <fill color="#000000" alpha="144" />
            <cornerradius>15</cornerradius>
        </shape>

        <textarea name="pagemode">
            <area>15,2,-15,-2</area>
            <minsize vanish="yes">20,40</minsize>
            <align>center</align>
            <font>mymediumsemibold</font>
        </textarea>
    </group>

    <buttonlist name="headingList">
        <arrange>stack</arrange>
        <align>top,hcenter</align>
        <spacing>0</spacing>
        <scrollstyle>free</scrollstyle>
        <wrapstyle>items</wrapstyle>
        <layout>horizontal</layout>
        <focusorder>2</focusorder>

        <area>560,20,-25,75</area>
        <buttonarea>25,0,-25,100%</buttonarea>

        <statetype name="buttonitem">
            <area>0,0,400,100%</area>
            <minsize>30,100%</minsize>

            <state name="inactive">
                <area>0,0,100%,100%</area>
                <minsize>30,100%</minsize>
                <group name="areagroup">
                    <area>0,8,100%,-8</area>
                    <minsize>30,100%</minsize>
                    <shape name="recGroupShape">
                        <area>0,0,100%,100%</area>
                        <minsize>30,100%</minsize>
                        <type>roundbox</type>
                        <line color="#00FFFF" alpha="96" width="2" />
                        <fill color="#000000" alpha="144" />
                        <cornerradius>15</cornerradius>
                    </shape>
                    <textarea name="buttontext">
                        <area>15,2,-15,-2</area>
                        <minsize>30,100%</minsize>
                        <extraleading>4</extraleading>
                        <align>center</align>
                        <cutdown>yes</cutdown>
                        <font>mysmallsemibold</font>
                        <alpha>255</alpha>
                    </textarea>
                </group>
                <shape name="highlighttop" />
                <shape name="highlightbottom" />
            </state>

            <state name="active" from="inactive">
                <group name="areagroup">
                    <shape name="recGroupShape">
                        <line color="#ff9147" alpha="250" width="2" />
                    </shape>
                </group>
            </state>

            <state name="selectedinactive" from="inactive">
                <area>0,0,100%,100%</area>
                <minsize>30,100%</minsize>
                <group name="areagroup">
                    <area>0,2,100%,-2</area>
                    <minsize>30,100%</minsize>
                    <shape name="recGroupShape">
                        <area>0,4,100%,-4</area>
                        <minsize>30,100%</minsize>
                        <type>roundbox</type>
                        <line color="#50EFDF" alpha="250" width="4" />
                        <fill color="#000000" alpha="180" />
                    </shape>
                </group>
                <shape name="highlighttop">
                    <area>22,0,-22,4</area>
                    <minsize>10,9</minsize>
                    <type>ellipse</type>
                    <fill color="#50EFDF" alpha="250" />
                </shape>
                <shape name="highlightbottom">
                    <area>22,100%-4,-22,4</area>
                    <minsize>10,9</minsize>
                    <type>ellipse</type>
                    <fill color="#50EFDF" alpha="250" />
                </shape>
            </state>

            <state name="selectedactive" from="selectedinactive">
                <group name="areagroup">
                    <shape name="recGroupShape">
                        <line color="#ff9147" alpha="250" width="4" />
                    </shape>
                </group>
                <shape name="highlighttop">
                    <fill color="#ff9147" alpha="250" />
                </shape>
                <shape name="highlightbottom">
                    <fill color="#ff9147" alpha="250" />
                </shape>
            </state>

        </statetype>

        <statetype name="upscrollarrow">
            <position>0,50%-10</position>
            <showempty>yes</showempty>
            <state type="full">
                <imagetype name="lefton">
                    <filename>Images/leftarrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>100%-20,50%-10</position>
            <showempty>yes</showempty>
            <state type="full">
                <imagetype name="righton">
                    <filename>Images/rightarrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>

    </buttonlist>

    <buttonlist name="groupsList">
        <arrange>stack</arrange>
        <align>bottom,left</align>
        <area>30,25,520,785</area>
        <buttonarea>0,0,100%,100%</buttonarea>
        <scrollstyle>center</scrollstyle>
        <wrapstyle>items</wrapstyle>
        <spacing>0</spacing>

        <statetype name="buttonitem">
            <area>0,0,100%,100%</area>

            <state name="inactive">
                <area>30,0,332,105</area>

                <shape name="groupBorder">
                    <area>0,0,100%,100%</area>
                    <type>roundbox</type>
                    <line color="#00FFFF" alpha="160" width="2" />
                    <fill color="#000000" alpha="180" />
                    <cornerradius>15</cornerradius>
                </shape>

                <textarea name="buttontext">
                    <area>10,1,-10,-1</area>
                    <align>center</align>
                    <font>mymedium</font>
                    <multiline>yes</multiline>
                    <extraleading>-3</extraleading>
                    <cutdown>yes</cutdown>
                </textarea>
            </state>

            <state name="active" from="inactive">
                <area>30,0,442,105</area>
            </state>

            <state name="selectedinactive" from="inactive">
                <area>20,0,352,105</area>
                <shape name="groupBorder">
                    <area>2,0,-2,100%</area>
                    <line color="#50EFDF" alpha="250" width="2" />
                </shape>

                <textarea name="buttontext">
                    <area>10,1,-10,-1</area>
                </textarea>

                <shape name="highlightleft">
                    <area>0,20,5,-20</area>
                    <minsize>100%,20</minsize>
                    <type>ellipse</type>
                    <fill color="#00FFFF" alpha="180" />
                </shape>
                <shape name="highlightright">
                    <area>100%-5,20,5,-20</area>
                    <minsize>100%,20</minsize>
                    <type>ellipse</type>
                    <fill color="#00FFFF" alpha="180" />
                </shape>
            </state>

            <state name="selectedactive" from="selectedinactive">
                <area>15,0,472,105</area>

                <shape name="groupBorder">
                    <area>6,0,-6,100%</area>
                    <type>roundbox</type>
                    <line color="#50EFDF" alpha="250" width="4" />
                </shape>
                <shape name="highlightleft">
                    <area>0,20,5,-20</area>
                    <minsize>100%,20</minsize>
                    <type>ellipse</type>
                    <fill color="#00FFFF" alpha="190" />
                </shape>
                <shape name="highlightright">
                    <area>100%-4,20,5,-20</area>
                    <minsize>100%,20</minsize>
                    <type>ellipse</type>
                    <fill color="#00FFFF" alpha="180" />
                </shape>
            </state>
        </statetype>

        <statetype name="upscrollarrow">
            <position>2,100%-110</position>
            <showempty>yes</showempty>
            <state type="full">
                <imagetype name="upon">
                    <filename>Images/uparrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>2,100%-80</position>
            <showempty>yes</showempty>
            <state type="full">
                <imagetype name="dnon">
                    <filename>Images/downarrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>

        <searchposition>520,100</searchposition>

    </buttonlist>

    <group name="guideprogdetails">
        <area>25,25,500,980</area>

        <group name="wheregroup" from="baseMsgGroup">
            <area>0,0,100%,126</area>
            <shape name="msgShape">
                <line color="#00FFFF" alpha="160" width="2" />
            </shape>
            <textarea name="channel" from="msgText">
                <area>10,5,-10,50</area>
                <font>mysmallnarrow</font>
            </textarea>

            <textarea name="shorttimedate" from="msgText">
                <area>5,40,-5,50</area>
                <font>mysmallnarrow</font>
            </textarea>

            <textarea name="originalairdate" from="msgText">
                <area>5,77,-5,50</area>
                <font>mysmallnarrow</font>
                <template>(%1)</template>
            </textarea>

            <textarea name="year" from="msgText" depends="!originalairdate">
                <area>5,77,-5,50</area>
                <font>mysmallnarrow</font>
                <template>(%1)</template>
            </textarea>
        </group>

        <group name="titlegroup" from="baseMsgGroup">
            <area>0,128,100%,130</area>

            <shape name="msgShape">
                <line color="#00FFFF" alpha="160" width="2" />
            </shape>
            <textarea name="title" from="msgText">
                <font>mymedium</font>
            </textarea>
        </group>

        <group name="subtitlegroup" from="baseMsgGroup" depends="subtitle">
            <area>0,259,100%,129</area>
            <shape name="msgShape">
                <line color="#00FFFF" alpha="160" width="2" />
            </shape>
            <textarea name="subtitle" from="msgText">
                <font>mymediumlight</font>
            </textarea>
        </group>

        <group name="descgroup0" from="baseMsgGroup" depends="subtitle">
            <area>0,389,100%,100%</area>

            <shape name="msgShape">
                <line color="#00FFFF" alpha="160" width="2" />
            </shape>
            <textarea name="description" from="msgText">
                <area>10,10,-10,-10</area>
                <font>myverysmall</font>
                <align>left,top</align>
                <template>[font]myverysmalllabel[/font]%(|s00e00|) %%|RATING| %%|(STARS|) %[font]myverysmall[/font]%DESCRIPTION%%\n\n[font]myverysmallsub[/font]Part |PARTNUMBER| of %%PARTTOTAL%%\n[font]myverysmallsub[/font]|CAST| %%[font]myverysmallsub[/font]  \n[font]myverysmalllabel[/font]Director: |DIRECTOR| %</template>
                <scroll direction="vertical" rate="7" returnrate="105"
                        startdelay="15" returndelay="15"/>
                <cutdown>no</cutdown>
            </textarea>
        </group>
        <group name="descgroup1" from="baseMsgGroup" depends="!subtitle">
            <area>0,259,100%,100%</area>

            <shape name="msgShape">
                <line color="#00FFFF" alpha="160" width="2" />
            </shape>
            <textarea name="description0" from="msgText">
                <area>10,10,-10,-10</area>
                <font>myverysmall</font>
                <align>left,top</align>
                <scroll direction="vertical" rate="7" returnrate="105"
                        startdelay="15" returndelay="15"/>
                <cutdown>no</cutdown>
                <template>[font]myverysmalllabel[/font]%(|s00e00|) %%|RATING| %%|(STARS|) %[font]myverysmall[/font]%DESCRIPTION%%\n\n[font]myverysmallsub[/font]Part |PARTNUMBER| of %%PARTTOTAL%%\n[font]myverysmallsub[/font]|CAST| %%[font]myverysmallsub[/font]  \n[font]myverysmalllabel[/font]Director: |DIRECTOR| %</template>
            </textarea>
        </group>
    </group>

    <statetype name="itemsNotSelectedState">
        <area>0,0,100%,100%</area>
        <minsize shrink="short">100%,60</minsize>
        <state name="default">
            <area>0,0,100%,100%</area>
            <minsize shrink="short">100%,60</minsize>
            <shape name="statusborder">
                <area>9,0,-9,100%</area>
                <minsize shrink="short">100%,60</minsize>
                <type>roundbox</type>
                <line color="#00FFFF" width="2" alpha="160" />
                <fill color="#000000" alpha="180" />
                <cornerradius>10</cornerradius>
            </shape>
        </state>
        <state name="normal" from="default" />
        <state name="error" from="default">
            <shape name="statusborder">
                <line color="#e43e3e" width="2" alpha="255"/>
            </shape>
            <shape name="highlightleft">
                <fill color="#e43e3e" alpha="255" />
            </shape>
            <shape name="highlightright">
                <fill color="#e43e3e" alpha="255" />
            </shape>
        </state>
        <state name="warning" from="default">
            <shape name="statusborder">
                <line color="#ff9147" width="2" alpha="255"/>
            </shape>
            <shape name="highlightleft">
                <fill color="#ff9147" alpha="255" />
            </shape>
            <shape name="highlightright">
                <fill color="#ff9147" alpha="255" />
            </shape>
        </state>
        <state name="disabled" from="default">
            <shape name="statusborder">
                <line color="#feffce" width="2" alpha="255" />
            </shape>
            <shape name="highlightleft">
                <fill color="#feffce" alpha="180" />
            </shape>
            <shape name="highlightright">
                <fill color="#feffce" alpha="180" />
            </shape>
        </state>
        <state name="running" from="default">
            <shape name="statusborder">
                <line color="#33bf33" width="2" alpha="255" />
            </shape>
            <shape name="highlightleft">
                <fill color="#33bf33" alpha="255" />
            </shape>
            <shape name="highlightright">
                <fill color="#33bf33" alpha="255" />
            </shape>
        </state>
        <state name="marked" from="default">
            <shape name="statusborder">
                <line color="#FFFF00" width="2" alpha="255" />
            </shape>
            <shape name="highlightleft">
                <fill color="#FFFF00" alpha="255" />
            </shape>
            <shape name="highlightright">
                <fill color="#FFFF00" alpha="255" />
            </shape>
        </state>
    </statetype>

    <statetype name="itemsSelectedState">
        <area>0,0,100%,100%</area>
        <minsize shrink="short">100%,60</minsize>
        <state name="default">
            <area>0,0,100%,100%</area>
            <minsize shrink="short">100%,60</minsize>
            <shape name="statusborder">
                <area>9,0,-9,100%</area>
                <minsize shrink="short">100%,60</minsize>
                <type>roundbox</type>
                <line color="#00FFFF" width="2" alpha="160" />
                <fill color="#000000" alpha="180" />
                <cornerradius>10</cornerradius>
            </shape>
            <shape name="highlightleft">
                <area>0,15,6,-15</area>
                <minsize shrink="short">100%,60</minsize>
                <type>ellipse</type>
                <fill color="#00FFFF" alpha="180" />
            </shape>
            <shape name="highlightright">
                <area>100%-5,15,6,-15</area>
                <minsize shrink="short">100%,60</minsize>
                <type>ellipse</type>
                <fill color="#00FFFF" alpha="180" />
            </shape>
        </state>
        <state name="normal" from="default" />
        <state name="error" from="default">
            <shape name="statusborder">
                <line color="#e43e3e" width="2" alpha="255"/>
            </shape>
            <shape name="highlightleft">
                <fill color="#e43e3e" alpha="255" />
            </shape>
            <shape name="highlightright">
                <fill color="#e43e3e" alpha="255" />
            </shape>
        </state>
        <state name="warning" from="default">
            <shape name="statusborder">
                <line color="#ff9147" width="2" alpha="255"/>
            </shape>
            <shape name="highlightleft">
                <fill color="#ff9147" alpha="255" />
            </shape>
            <shape name="highlightright">
                <fill color="#ff9147" alpha="255" />
            </shape>
        </state>
        <state name="disabled" from="default">
            <shape name="statusborder">
                <line color="#feffce" width="2" alpha="255" />
            </shape>
            <shape name="highlightleft">
                <fill color="#feffce" alpha="180" />
            </shape>
            <shape name="highlightright">
                <fill color="#feffce" alpha="180" />
            </shape>
        </state>
        <state name="running" from="default">
            <shape name="statusborder">
                <line color="#33bf33" width="2" alpha="255" />
            </shape>
            <shape name="highlightleft">
                <fill color="#33bf33" alpha="255" />
            </shape>
            <shape name="highlightright">
                <fill color="#33bf33" alpha="255" />
            </shape>
        </state>
        <state name="marked" from="default">
            <shape name="statusborder">
                <line color="#FFFF00" width="2" alpha="255" />
            </shape>
            <shape name="highlightleft">
                <fill color="#FFFF00" alpha="255" />
            </shape>
            <shape name="highlightright">
                <fill color="#FFFF00" alpha="255" />
            </shape>
        </state>
    </statetype>

    <group name="programStatsInactive">
        <area>0,0,100%,100%</area>

        <textarea name="timedate">
            <area>0,0,0,0</area>
        </textarea>

        <textarea name="shorttimedate">
            <area>0,0,500,45</area>
            <align>left,vcenter</align>
            <font>mysmallnarrowlabel</font>
            <cutdown>no</cutdown>
        </textarea>

        <textarea name="originalairdate">
            <area>0,0,0,0</area>
        </textarea>

        <textarea name="shortoriginalairdate">
            <area>410,0,250,45</area>
            <align>center</align>
            <font>mysmallnarrowlabel</font>
            <template>(%1)</template>
            <cutdown>no</cutdown>
        </textarea>

        <textarea name="year" depends="!originalairdate">
            <area>410,0,250,45</area>
            <align>center</align>
            <font>mysmallnarrowlabel</font>
            <template>(%1)</template>
        </textarea>

        <textarea name="lenmins">
            <area>650,0,200,45</area>
            <align>right,vcenter</align>
            <font>mysmallnarrowlabel</font>
            <template>%1</template>
        </textarea>

        <textarea name="channel">
            <area>700,0,-15,45</area>
            <font>mysmallnarrowlabel</font>
            <align>right,vcenter</align>
        </textarea>
    </group>

    <group name="programStatsActive">
        <area>0,0,100%,100%</area>

        <textarea name="shorttimedate">
            <area>0,0,0,0</area>
        </textarea>

        <textarea name="timedate">
            <area>0,0,530,45</area>
            <align>left,vcenter</align>
            <font>mysmallnarrowlabel</font>
            <cutdown>no</cutdown>
        </textarea>

        <textarea name="shortoriginalairdate">
            <area>0,0,0,0</area>
        </textarea>

        <textarea name="originalairdate">
            <area>530,0,260,45</area>
            <align>center</align>
            <font>mysmallnarrowlabel</font>
            <template>(%1)</template>
            <cutdown>no</cutdown>
        </textarea>

        <textarea name="year" depends="!originalairdate">
            <area>530,0,260,45</area>
            <align>center</align>
            <font>mysmallnarrowlabel</font>
            <template>(%1)</template>
        </textarea>

        <textarea name="lenmins">
            <area>800,0,200,45</area>
            <align>right,vcenter</align>
            <font>mysmallnarrowlabel</font>
            <template>%1</template>
        </textarea>

        <textarea name="channel">
            <area>970,0,-15,45</area>
            <font>mysmallnarrowlabel</font>
            <align>right,vcenter</align>
        </textarea>
    </group>

    <buttonlist name="itemsList">
        <arrange>stack</arrange>
        <align>bottom,left</align>
        <area>410,100,-30,-80</area>
        <buttonarea>10,0,-15,100%</buttonarea>
        <wrapstyle>selection</wrapstyle>
        <spacing>0</spacing>

        <showscrollbar>yes</showscrollbar>
        <group name="bar" from="basescrollgroup">
            <area>100%-12,70,12,-35</area>
        </group>

        <statetype name="buttonitem">
            <area>0,0,100%,100%</area>
            <state name="inactive">
                <area>150,0,100%,100</area>
                <statetype name="status" from="itemsNotSelectedState" />
            </state>

            <state name="selectedinactive" from="inactive">
                <area>150,0,100%,400</area>
            </state>

            <state name="active" from="inactive">
                <area>0,0,100%,100</area>
            </state>

            <state name="selectedactive" from="selectedinactive" >
                <area>0,0,100%,400</area>
                <statetype name="status" from="itemsSelectedState" />
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="episodeList" from="itemsList">
        <statetype name="buttonitem">
            <state name="inactive">

                <statetype name="playlist" from="selectedbox">
                    <position>14,10</position>
                </statetype>

<!--
                <shape name="checkbg" from="checkbackground"
                       depends="recording_selector">
                    <position>14,10</position>
                </shape>
-->
                <checkbox name="buttoncheck" from="basecheckbox"
                          depends="recording_selector">
                    <area>10,0,35,55</area>
                    <group name="center">
                        <area>0,0,100%,100%</area>
                    </group>
                </checkbox>

                <shape name="stateshape">
                    <area>0,0,0,0</area>
                </shape>

                <statetype name="jobstate">
                    <area>2,0,30,45</area>
                    <state name="recording">
                        <imagetype name="animation">
                            <area>12,10,32,32</area>
                            <filepattern low="1" high="30">Images/Recording/recording.%1.png</filepattern>
                            <delay>70</delay>
                        </imagetype>
                    </state>
                    <state name="transcoding" from="recording">
                        <imagetype name="mask">
                            <position>12,10</position>
                            <filename>Images/icons/transcoding.png</filename>
                            <alpha>96</alpha>
                        </imagetype>
                    </state>
                </statetype>

                <group name="progstats" from="programStatsInactive">
                    <area>175,4,100%,42</area>
                </group>

                <textarea name="titlesubtitlefull" depends="titlesubtitlefull">
                    <area>145,100%-50,-155,45</area>
                    <align>left</align>
                    <font>mymediumlight</font>
                    <template>%SUBTITLE%%[font]myverysmallsub[/font]  [Part |PARTNUMBER|]%</template>
                </textarea>

                <textarea name="titlesubtitle" depends="!titlesubtitlefull">
                    <area>145,100%-50,-155,45</area>
                    <align>left</align>
                    <font>mymedium</font>
                    <template>%TITLE%% - [font]mymediumlight[/font]|SUBTITLE%%[font]myverysmallsub[/font]  [Part |PARTNUMBER|]%</template>
                </textarea>

                <textarea name="filesize_str">
                    <area>100%-155,100%-50,-15,40</area>
                    <font>myverysmalllabel</font>
                    <align>right,vcenter</align>
                </textarea>

                <textarea name="s00e00">
                    <area>15,100%-50,130,40</area>
                    <font>myverysmalllabel</font>
                    <align>center</align>
                </textarea>

                <textarea name="syndicatedepisode" from="s00e00"
                          depends="!s00e00">
<!--
                    <template>%|[SYNDICATEDEPISODE|]%</template>
-->
                </textarea>

                <textarea name="stars" from="s00e00"
                          depends="!s00e00&amp;!syndicatedepisode">
                </textarea>
            </state>

            <state name="active" from="inactive">
                <area>0,0,100%,100</area>
                <group name="progstats" from="programStatsActive">
                    <area>175,4,100%,42</area>
                </group>
            </state>

            <state name="selectedinactive" from="inactive">
                <area>150,0,100%,400</area>

                <group name="progstats" from="programStatsInactive">
                    <area>175,4,100%,42</area>
                </group>

                <textarea name="titlesubtitlefull">
                    <area>0,0,0,0</area>
                </textarea>
                <textarea name="titlesubtitle">
                    <area>0,0,0,0</area>
                </textarea>

                <textarea name="title">
                    <area>20,50,-15,60</area>
                    <align>left</align>
                    <font>mylargebold</font>
                    <cutdown>no</cutdown>
                    <scroll direction="horizontal" returnrate="140" returndelay="4" />
                </textarea>

                <textarea name="s00e00" depends="subtitle">
                    <area>15,110,130,40</area>
                    <align>center</align>
                </textarea>

                <textarea name="syndicatedepisode" from="s00e00"
                          depends="!s00e00&amp;subtitle">
<!--
                    <template>%|[SYNDICATEDEPISODE|]%</template>
-->
                </textarea>

                <textarea name="stars" from="s00e00"
                          depends="subtitle&amp;!s00e00&amp;!syndicatedepisode">
                </textarea>

                <textarea name="subtitle">
                    <area>145,110,-15,50</area>
                    <align>left</align>
                    <font>mymediumlight</font>
                    <cutdown>no</cutdown>
                    <scroll direction="horizontal" returnrate="140" returndelay="4" />
<!--
                    <template>%SUBTITLE%%  #|PARTNUMBER|/%%PARTTOTAL%</template>
-->
                </textarea>

                <textarea name="description" depends="subtitle">
                    <area>20,155,-20,-45</area>
                    <align>left</align>
                    <font>mydesc</font>
                    <multiline>yes</multiline>
                    <extraleading>-2</extraleading>
                    <scroll direction="vertical" rate="10" returnrate="70"
                            startdelay="17" returndelay="17"/>
                    <cutdown>no</cutdown>
                    <template>%|RATING| %%|(STARS|) %%DESCRIPTION%</template>
                </textarea>
                <textarea name="description0" depends="!subtitle">
                    <area>20,105,-20,-45</area>
                    <align>left</align>
                    <font>mydesc</font>
                    <multiline>yes</multiline>
                    <extraleading>-2</extraleading>
                    <scroll direction="vertical" rate="10" returnrate="70"
                            startdelay="17" returndelay="17"/>
                    <cutdown>no</cutdown>
                    <template>[font]myverysmalllabel[/font]%(|s00e00|) %%|RATING| %%|(STARS|) %[font]mydesc[/font]%DESCRIPTION%</template>
                </textarea>

                <statetype name="jobstate">
                    <area>2,100%-50,30,45</area>
                </statetype>

                <textarea name="parttotal">
                    <area>675,100%-51,230,45</area>
                    <align>center</align>
                    <font>myverysmallsub</font>
                    <template>%Part |PARTNUMBER| of %%PARTTOTAL%</template>
                </textarea>

            </state>

            <state name="selectedactive" from="selectedinactive">
                <area>0,0,100%,400</area>

                <statetype name="status" from="itemsSelectedState" />

                <group name="progstats" from="programStatsActive">
                    <area>175,4,100%,42</area>
                </group>

                <textarea name="title">
                    <position>20,50</position>
                </textarea>
                <textarea name="subtitle">
                    <position>60,88</position>
                </textarea>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="ArtworkList" from="itemsList">
        <area>0,0,100%,100%</area>
        <buttonarea>25,0,100%,100%</buttonarea>
        <align>vcenter</align>
        <statetype name="buttonitem">
            <area>0,0,100%,100%</area>
            <state name="inactive">
                <area>0,0,100%,180</area>
                <imagetype name="buttonimage">
                    <area>10,10,-10,-10</area>
                    <preserveaspect>true</preserveaspect>
                </imagetype>
                <group name="urlgroup">
                    <area>0,100%-58,-5,45</area>
                    <minsize>10,45</minsize>
                    <shape name="urlshape">
                        <area>5,5,-5,40</area>
                        <minsize>10,40</minsize>
                        <type>roundbox</type>
                        <cornerradius>15</cornerradius>
                        <fill color="#000000" alpha="180" />
                    </shape>
                    <textarea name="buttontext">
                        <area>10,5,-10,40</area>
                        <minsize>10,43</minsize>
                        <align>right,vcenter</align>
                        <font>myverysmall</font>
                        <alpha>230</alpha>
                    </textarea>
                    <textarea name="url" from="buttontext" />
                </group>
                <textarea name="resolution">
                    <area>100%-250,5,-10,45</area>
                    <align>right,vcenter</align>
                    <font>mysmall</font>
                    <alpha>210</alpha>
                </textarea>
                <textarea name="info" from="resolution" />
                <statetype name="nodetype">
                    <area>0,0,100%,100%</area>
                    <state name="folder">
                        <area>0,0,100%,100%</area>
                        <imagetype name="icon">
                            <area>10,10,-10,-10</area>
                            <preserveaspect>true</preserveaspect>
                            <filename>Images/Graphite/folderopen.png</filename>
                        </imagetype>
                    </state>
                    <state name="upfolder">
                        <area>0,0,100%,100%</area>
                        <imagetype name="icon">
                            <area>10,10,-10,-10</area>
                            <preserveaspect>true</preserveaspect>
                            <filename>Images/Graphite/mv_gallery_dir_up.png</filename>
                        </imagetype>
                    </state>
                    <state name="executable">
                        <area>10,10,75,85</area>
                        <imagetype name="icon" />
                    </state>
                    <state name="file">
                        <area>10,10,75,85</area>
                        <imagetype name="icon" />
                    </state>
                </statetype>
            </state>
            <state name="active" from="inactive" />
            <state name="selectedinactive" from="inactive">
                <area>0,0,100%,360</area>
                <imagetype name="buttonimage">
                    <area>10,10,-10,-10</area>
                    <preserveaspect>true</preserveaspect>
                </imagetype>
            </state>
            <state name="selectedactive" from="selectedinactive">
                <statetype name="status" from="itemsSelectedState" />
            </state>
        </statetype>
    </buttonlist>

    <group name="basematchgroup">
        <area>0,0,100%,70</area>
        <minsize vanish="true">20,20</minsize>

        <shape name="msgShape">
            <area>0,0,100%,100%</area>
            <minsize vanish="true">20,20</minsize>
            <type>roundbox</type>
            <cornerradius>5</cornerradius>
            <fill color="#301530" alpha="200" />
            <line color="#000000" alpha="0" />
        </shape>

        <textarea name="resulttext" from="basetextarea">
            <area>10,5,-10,-5</area>
            <minsize vanish="true">1,1</minsize>
            <multiline>no</multiline>
            <font>mysmall</font>
            <align>center</align>
            <template>%1 matches</template>
        </textarea>
    </group>

    <group name="PopupGroup">
        <area>-1,-1,1350,960</area>

        <minsize shrink="short">100%,60</minsize>

        <shape name="dialogbackground" from="basewidgetshape">
            <area>0,0,100%,100%</area>
            <minsize shrink="short">100%,60</minsize>
        </shape>

        <group name="PopupGroupMessage">
            <area>20,30,-20,-30</area>
            <minsize shrink="short">100%,60</minsize>
            <shape name="textbackground">
                <area>15,0,45%+5,100%</area>
                <minsize shrink="short">100%,60</minsize>
                <type>roundbox</type>
                <fill color="#FFFFFF" alpha="32" />
                <cornerradius>10</cornerradius>
            </shape>

            <textarea name="messagearea" from="basetextarea">
                <area>20,5,45%,-20</area>
                <minsize shrink="short">100%,60</minsize>
                <font>mymedium</font>
                <multiline>yes</multiline>
                <extraleading>-2</extraleading>
                <align>top,hcenter</align>
                <cutdown>no</cutdown>
                <!-- 15 pixels/sec up, 35 pixels/sec down, 4 second delay -->
                <scroll direction="vertical" rate="15" returnrate="45" startdelay="4" returndelay="4"/>
            </textarea>

<!--  The name changes when inherited, so it cannot be defined here!
            <buttonlist name="list" from="basepopupbuttonlist">
            ...
            </buttonlist>
-->
        </group>
    </group>

    <buttonlist name="baseVarLinesButtonlist">
        <arrange>stack</arrange>
        <align>top,hcenter</align>
        <spacing>3</spacing>
        <scrollstyle>free</scrollstyle>
        <wrapstyle>selection</wrapstyle>
        <layout>vertical</layout>

        <area>630,10,-10,-10</area>
        <minsize shrink="short" initiator="yes">100%,60</minsize>
        <buttonarea>20,0,-20,100%</buttonarea>

        <statetype name="buttonitem">

            <area>20,0,620,220</area>

            <state name="selectedactive">
                <area>0,0,100%,100%</area>
                <minsize shrink="short">100%,40</minsize>

                <shape name="buttonShape"
                       from="baseselectedbuttonshape">
                    <area>0,0,100%,100%</area>
                    <minsize shrink="short">100%,40</minsize>
                </shape>

                <textarea name="buttontext">
                    <area>10,7,-10,-7</area>
                    <minsize shrink="short">100%,40</minsize>
                    <align>hcenter</align>
                    <multiline>yes</multiline>
                    <extraleading>-2</extraleading>
                    <cutdown>no</cutdown>
                    <font>mysmallnarrow</font>
                </textarea>

                <imagetype name="buttonarrow">
                    <area>100%-24,20,15,15</area>
                    <filename>Images/rightarrow-on.png</filename>
                </imagetype>
            </state>

            <state name="selectedinactive" from="selectedactive">
                <shape name="buttonShape"
                       from="baseselectedinactivebuttonshape">
                    <area>0,0,100%,100%</area>
                    <minsize shrink="short">100%,40</minsize>
                </shape>
            </state>

            <state name="active">
                <area>3,0,-3,100%</area>
                <minsize shrink="short">100%,40</minsize>

                <shape name="buttonShape"
                       from="basebuttonshape">
                    <area>0,0,100%,100%</area>
                    <minsize shrink="short">100%,40</minsize>
                </shape>

                <textarea name="buttontext">
                    <area>7,7,-7,-7</area>
                    <minsize shrink="short">100%,40</minsize>
                    <align>hcenter</align>
                    <multiline>yes</multiline>
                    <extraleading>-2</extraleading>
                    <cutdown>no</cutdown>
                    <font>mysmallnarrow</font>
                </textarea>

                <imagetype name="buttonarrow">
                    <area>100%-21,20,15,15</area>
                    <filename>Images/rightarrow-on.png</filename>
                </imagetype>
            </state>

            <state name="inactive" from="active">
                <shape name="buttonShape" from="baseinactivebuttonshape">
                    <area>0,0,100%,100%</area>
                    <minsize shrink="short">100%,40</minsize>
                </shape>
            </state>

            <state name="disabled" from="active">
                <shape name="buttonShape" from="baseinactivebuttonshape">
                    <area>0,0,100%,100%</area>
                    <minsize shrink="short">100%,40</minsize>
                </shape>
                <textarea name="buttontext">
                    <font>mysmallnarrowlightgrey</font>
                </textarea>
            </state>

        </statetype>

        <statetype name="upscrollarrow">
            <area>100%-20,50%-30,20,20</area>
            <state type="off">
            </state>
            <state type="full">
                <imagetype name="upon">
                    <filename>Images/uparrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <area>100%-20,50%,20,20</area>
            <state type="off">
            </state>
            <state type="full">
                <imagetype name="dnon">
                    <filename>Images/downarrow-on.png</filename>
                </imagetype>
            </state>
        </statetype>

    </buttonlist>



    <!-- Global Windows -->

    <window name="backgroundwindow">
        <imagetype name="backgroundimage">
            <filename>Backgrounds/background.png</filename>
        </imagetype>
    </window>

    <window name="MythSpinBoxDialog">
        <area>50%-650,70,1300,-70</area>
        <group name="popup" from="PopupGroup">
            <area>0,0,100%,100%</area>
            <group name="PopupGroupMessage">
                <shape name="textbackground">
                    <area>15,0,50%+5,100%</area>
                </shape>
                <textarea name="message" from="messagearea">
                    <area>15,5,50%,-15</area>
                    <minsize shrink="short">100%,120</minsize>
                </textarea>
                <spinbox name="input" from="basespinbox">
                    <area>50%+30,0,-10,105</area>
                    <minsize shrink="short" initiator="yes">100%,60</minsize>
                    <align>top,hcenter</align>
                </spinbox>
                <group name="buttongroup">
                    <area>50%+30,105,-10,105</area>
                    <button name="ok" from="varbuttonright">
                        <value>OK</value>
                    </button>

                    <button name="cancel" from="varbuttonleft">
                        <value>Cancel</value>
                    </button>
                </group>
            </group>
        </group>
    </window>

    <!-- Home -> [Esc]
    -->
    <window name="MythPopupBox">
        <area>-1,-1,1300,960</area>
        <group name="items" from="PopupGroup">
            <textarea name="title" />   <!-- unused? -->
            <group name="PopupGroupMessage">
                <buttonlist name="list" from="baseVarLinesButtonlist" />
            </group>
        </group>
    </window>

    <!-- Home -> Manage Recordings -> Upcoming Recordings
         -> <select a show and hit enter>
    -->
    <window name="MythDialogBox">
        <area>-1,-1,1300,960</area>
        <group name="items" from="PopupGroup">
            <textarea name="title" />   <!-- unused? -->
            <group name="PopupGroupMessage">
                <buttonlist name="list" from="baseVarLinesButtonlist" />
            </group>
        </group>
    </window>


    <!-- Home -> Setup -> Theme Chooser -> 'M'(enu)
         -> Refresh Downloadable Themes
    -->
    <window name="MythBusyDialog">
        <area>-1,700,732,200</area>

        <shape name="dialogbackground" from="basewidgetshape">
            <area>0,0,100%,100%</area>
            <line color="#AA90FF" width="6" alpha="128"/>
        </shape>

        <imagetype name="animation">
            <area>20,20,140,-20</area>
            <filepattern low="1" high="72">Images/Busy/busy%1.png</filepattern>
            <delay>70</delay>
        </imagetype>

        <textarea name="message" from="basetextarea">
            <area>170,20,-30,-20</area>
            <multiline>yes</multiline>
            <extraleading>-2</extraleading>
            <align>center</align>
        </textarea>
    </window>

    <!-- mythtv-setup -> Channel Editor -> Icon Download
         -> Download all icons...
         or
         Home -> Setup -> Media Settings -> Music Tools -> Scan for New Music
    -->
    <window name="MythProgressDialog">
        <area>-1,700,900,200</area>

        <shape name="dialogbackground" from="basewidgetshape">
            <area>0,0,100%,100%</area>
            <line color="#AA90FF" width="6" alpha="128"/>
        </shape>

        <progressbar name="progressbar" from="baseprogressbar">
            <position>150,130</position>
        </progressbar>

        <textarea name="message" from="basetextarea">
            <area>30,20,-30,110</area>
            <multiline>yes</multiline>
            <extraleading>-2</extraleading>
            <align>center</align>
        </textarea>

        <textarea name="progresstext" from="message">
            <area>20,140,-20,55</area>
            <value>0%</value>
        </textarea>
    </window>


    <!-- Home -> Manage Recordings -> Schedule Recordings -> Search Lists
         -> Time -> 'M'(enu) -> Choose Search Phrase
    -->
    <window name="MythTimeInputDialog">
        <area>30,50,560,460</area>

        <shape name="dialogbackground" from="basewidgetshape">
            <area>0,0,100%,100%</area>
        </shape>

        <textarea name="message" from="basetextarea">
            <area>20,20,-20,105</area>
            <font>mymedium</font>
            <align>top,hcenter</align>
            <multiline>yes</multiline>
            <extraleading>-2</extraleading>
            <value>Select Time</value>
        </textarea>

        <buttonlist name="dates" from="baselargeselector">
            <area>50,130,-50,96</area>
        </buttonlist>

        <buttonlist name="times" from="baselargeselector">
            <area>50,230,-50,96</area>
        </buttonlist>

        <button name="ok" from="varbuttonright">
            <value>OK</value>
        </button>

<!--
        <animation trigger="AboutToShow">
            <section duration="100">
                <verticalzoom start="0" end="100" />
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section duration="100">
                <verticalzoom start="100" end="0" />
            </section>
        </animation>
-->
    </window>

    <!-- 'E'(dit) a recording or schedule -> Metadata Options
         -> Perform Query <with invalid info>
         or
         Information Center->System Status->Job Queue->Select item
    -->
    <window name="MythConfirmationDialog">
        <area>50%-650,80,1300,-80</area>
        <group name="popup" from="PopupGroup">
            <area>0,0,100%,100%</area>
            <group name="PopupGroupMessage">
                <shape name="textbackground">
                    <area>15,0,55%+5,100%</area>
                </shape>
                <textarea name="message" from="messagearea">
                    <area>15,5,55%,-15</area>
                </textarea>
                <group name="buttongroup">
                    <area>55%+30,10,-10,80</area>
                    <button name="ok" from="varbuttonright">
                        <value>OK</value>
                    </button>

                    <button name="cancel" from="varbuttonleft">
                        <value>Cancel</value>
                    </button>
                </group>
            </group>
        </group>
    </window>

    <!-- 'E'(dit) a recording or schedule -> Storage Options
         -> "Rec. Group: Create a new recording group"
    -->
    <window name="MythTextInputDialog">
        <area>150,-1,-150,400</area>

        <shape name="dialogbackground" from="basewidgetshape">
            <area>0,0,100%,100%</area>
        </shape>

        <textarea name="message" from="basetextarea">
            <area>20,20,-20,110</area>
            <font>mysmall</font>
            <multiline>yes</multiline>
            <extraleading>-2</extraleading>
            <align>center</align>
        </textarea>

        <textedit name="input" from="basemultilinetextedit">
            <area>20,140,-20,140</area>
            <group name="center">
                <textarea name="text">
                    <align>center</align>
                </textarea>
            </group>
        </textedit>

        <button name="ok" from="varbuttonright">
            <value>OK</value>
        </button>

<!--
        <animation trigger="AboutToShow">
            <section duration="100">
                <verticalzoom start="0" end="100" />
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section duration="100">
                <verticalzoom start="100" end="0" />
            </section>
        </animation>
-->
    </window>

    <!-- Home -> Media Library -> Watch Recordings -> 'S'(earch)
    -->
    <window name="MythSearchListDialog">
        <area>30,100,580,280</area>

        <shape name="dialogbackground" from="basewidgetshape">
            <area>0,0,100%,100%</area>
            <line color="#AA90FF" width="6" alpha="128"/>
        </shape>

        <textedit name="searchedit" from="basecentertextedit">
            <area>15,20,-15,105</area>
        </textedit>

        <button name="nextbutton" from="varbuttonright">
            <area>20,100%-90,-20,80</area>
            <value>Next</value>
        </button>

        <button name="prevbutton" from="varbuttonleft">
            <area>20,100%-90,-20,80</area>
            <value>Prev</value>
        </button>

        <statetype name="searchstate">
            <area>25,130,100%,-100</area>
            <state name="found">
                <area>0,0,100%,100%</area>
                <textarea name="message" from="basetextarea">
                    <area>0,0,-20,45</area>
                    <font>mysmall</font>
                    <align>center</align>
                    <value>Results found!</value>
                </textarea>
            </state>
            <state name="notfound" from="found">
                <textarea name="message">
                    <value>No results found.</value>
                </textarea>
            </state>
        </statetype>

<!--
        <animation trigger="AboutToShow">
            <section duration="100">
                <verticalzoom start="0" end="100" />
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section duration="100">
                <verticalzoom start="100" end="0" />
            </section>
        </animation>
-->
    </window>

    <!-- Home -> Manage Recordings -> Schedule Recordings
         -> Search Words -> Stored Searches
    -->
    <window name="MythSearchDialog">
        <area>50%-350,30,700,840</area>

        <group name="dialog">
            <area>0,0,100%,100%</area>

            <shape name="dialogbackground" from="basewidgetshape">
                <area>0,0,100%,100%</area>
            </shape>

            <textarea name="title" from="basetextarea">
                <area>15,10,-15,100</area>
                <font>mymedium</font>
                <align>center</align>
                <multiline>yes</multiline>
                <extraleading>-2</extraleading>
            </textarea>

            <textedit name="input" from="basetextedit">
                <area>50,120,-50,105</area>
            </textedit>

            <buttonlist name="itemlist" from="basepopupbuttonlist">
                <area>20,220,-20,-100</area>
            </buttonlist>
        </group>

        <button name="ok" from="varbuttonright">
            <value>OK</value>
        </button>

        <button name="cancel" from="varbuttonleft">
            <value>Cancel</value>
        </button>

<!--
        <animation trigger="AboutToShow">
            <section duration="100">
                <verticalzoom start="0" end="100" />
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section duration="100">
                <verticalzoom start="100" end="0" />
            </section>
        </animation>
-->
    </window>

    <!-- Start watching a show -->
    <window name="videowindow">

        <shape name="bg">
            <area>0,0,100%,100%</area>
            <type>box</type>
            <fill color="#000000" alpha="255"></fill>
        </shape>

        <textarea name="title" from="basetextarea">
            <area>480,270,960,540</area>
            <font>mylarge</font>
            <align>allcenter</align>
            <value>Please Wait...</value>
        </textarea>

        <progressbar name="progress" from="baseprogressbar">
            <position>372,425</position>
        </progressbar>
    </window>

    <!-- 'E'(dit) a recording or schedule (that has multiple matches)
         -> Metadata Options -> [Perform Query]
    -->
    <window name="MythMetadataResults">
        <area>60,35,-60,960</area>

        <shape name="shape">
            <area>0,0,100%,100%</area>
            <type>box</type>
            <fill color="#000000" alpha="230" />
            <line color="#000000" alpha="230" width="-1" />
        </shape>

        <buttonlist name="results" from="itemsList">
            <area>10,10,-10,-10</area>
            <align>vcenter</align>
            <statetype name="buttonitem">
                <area>0,0,100%,100%</area>

                <state name="active">
                    <area>0,0,100%,180</area>

                    <imagetype name="buttonimage">
                        <area>100%-490,15,-15,-15</area>
                        <preserveaspect>true</preserveaspect>
                    </imagetype>

                    <textarea name="title">
                        <area>15,4,-500,-50</area>
                        <align>center</align>
                        <font>mymediumbold</font>
                        <multiline>yes</multiline>
                        <extraleading>-2</extraleading>
                        <template>%TITLE%% - |SUBTITLE%</template>
                    </textarea>

                    <textarea name="releasedate" from="basetextarea">
                        <area>15,100%-47,500,50</area>
                        <font>mysmall</font>
                        <template>Released %1</template>
                    </textarea>
                    <textarea name="userrating" from="releasedate">
                        <area>515,100%-47,-500,45</area>
                        <multiline>no</multiline>
                        <align>vcenter,right</align>
                        <alpha>210</alpha>
                        <template>User Rating: %1</template>
                    </textarea>

                </state>
                <state name="selectedactive" from="active">
                    <area>0,0,100%,360</area>

                    <statetype name="status" from="itemsSelectedState" />

                    <imagetype name="buttonimage">
                        <area>100%-490,15,-15,-15</area>
                    </imagetype>

                    <textarea name="title">
                        <area>15,5,-500,105</area>
                        <font>mylargebold</font>
                        <multiline>yes</multiline>
                        <extraleading>-2</extraleading>
                    </textarea>

                    <textarea name="description" from="basetextarea">
                        <area>25,105,-500,-45</area>
                        <multiline>yes</multiline>
                        <extraleading>-2</extraleading>
                        <scroll direction="vertical" rate="10" returnrate="70"
                                startdelay="17" returndelay="17"/>
                        <cutdown>no</cutdown>
                    </textarea>
                </state>
            </statetype>
        </buttonlist>
    </window>

    <!-- 'E'(dit) a recording or schedule -> Metadata Options
         -> Find Coverart Online
    -->
    <window name="MythArtworkResults">
        <area>530,35,1360,960</area>

        <shape name="layershape">
            <area>0,0,100%,100%</area>
            <fill style="gradient">
                <gradient start="#000000" end="#303030" alpha="240"
                          direction="horizontal"  />
            </fill>
        </shape>

        <buttonlist name="results" from="ArtworkList">
            <area>20,20,-20,-20</area>
        </buttonlist>
    </window>

    <!-- 'E'(dit) a recording or schedule -> Metadata Options
         -> Select Local Coverart
    -->
    <window name="MythFileBrowser">

        <imagetype name="fanart">
            <area>0,0,100%,100%</area>
            <filename>Backgrounds/</filename>
        </imagetype>

        <group name="path" from="baseModeGroup">
            <area>70,25,-70,60</area>
            <textarea name="fullpath" from="pagemode">
                <font>mysmall</font>
            </textarea>
        </group>

        <group name="results">
            <area>20,80,1150,-30</area>
            <buttonlist name="filelist" from="ArtworkList" />
        </group>

        <button name="back" from="varbuttoncenter">
            <area>1200,200,-10,80</area>
            <value>Go up a level</value>
        </button>

        <button name="home" from="back">
            <position>1200,280</position>
            <value>Home</value>
        </button>

        <button name="cancel" from="back">
            <position>1200,360</position>
            <value>Cancel</value>
        </button>

        <button name="ok" from="back">
            <position>1200,440</position>
            <value>OK</value>
        </button>

        <textedit name="location" from="basewidetextedit">
            <area>1200,700,-30,105</area>
        </textedit>
    </window>

</mythuitheme>