base.xml

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE mythuitheme SYSTEM "../mythuitheme.dtd">
<mythuitheme>
    <window name="backgroundwindow">
        <area>0,0,1280,720</area>
    </window><!--
<area>0,0,1280,720</area>
<area>Xposition,Yposition,Width,Height</area>
-->

    <!-- ===================================================== -->
    <!--     IMAGETYPE                                         -->
    <!-- ===================================================== -->
    <imagetype name="image_wallpaper_base">
        <area>0,0,1280,720</area>
    </imagetype>

    <!-- ===================================================== -->
    <!--     SHAPE                                             -->
    <!-- ===================================================== -->
    <shape name="shape_background_base">
        <type>box</type>
        <fill color="#000000" alpha="150" />
        <line color="#AAAAAA" alpha="150" width="0" />
    </shape>
    <!--
    Generic shape type of windows, with
      - title+clock
      - contents
    -->
    <shape name="shape_background_main_content" from="shape_background_base">
        <area>-1,60,1282,640</area>
    </shape>

    <!--
    Generic shape of windows, with
      - title+clock
      - horiz bar
      - contents
    -->
    <!--DEPRECATED-->
    <shape name="shape_background_header" from="shape_background_base">
        <area>-1,60,1282,50</area>
    </shape>
    <!--DEPRECATED-->
    <shape name="shape_background_content" from="shape_background_base">
        <area>-1,130,1282,570</area>
    </shape>

    <shape name="shape_popup_background">
        <area>400,60,480,600</area>
        <type>box</type>
        <fill color="#000000" alpha="230" />
        <line color="#AAAAAA" alpha="150" width="1" />
    </shape>

    <shape name="shape_popup_background_gradient">
        <area>400,60,480,600</area>
        <type>box</type>
        <fill style="gradient">
            <gradient direction="horizontal" alpha="255">
                <stop position="0" color="#000000"  alpha="75" />
<!--                    <stop position="33" color="#000000"  alpha="150" />-->
                <stop position="30" color="#000000" alpha="230" />
                <stop position="100" color="#000000" alpha="255" />
            </gradient>
        </fill>
        <line color="#AAAAAA" alpha="150" width="1" />
    </shape>


    <shape name="shape_separator_base">
        <area>0,0,100,1</area>
        <type>box</type>
        <line color="#AAAAAA" alpha="150" width="1" />
    </shape>

    <shape name="shape_title_base">
        <area>270,80,740,80</area>
        <type>roundbox</type>
        <fill style="gradient">
            <gradient direction="diagonal" alpha="255">
                <stop position="0" color="#202020" />
                <stop position="45" color="#262626" />
                <stop position="55" color="#303030" />
                <stop position="100" color="#7f7f7f" />
            </gradient>
        </fill>
        <line color="#FFFFFF" alpha="255" width="1" />
        <cornerradius>4</cornerradius>
    </shape>

    <!-- ===================================================== -->
    <!--     SHAPE - LINE                                      -->
    <!-- ===================================================== -->
    <shape name="shape_line_horiz">
        <fill style="gradient">
            <gradient direction="horizontal" alpha="255">
                <stop position="0" color="#4D3F3F" />
                <stop position="50" color="#FFFFFF"/>
                <stop position="100" color="#4D3F3F" />
            </gradient>
        </fill>
    </shape>
    <shape name="shape_line_vert">
        <fill style="gradient">
            <gradient direction="vertical" alpha="255 ">
                <stop position="0" color="#4D3F3F" />
                <stop position="50" color="#FFFFFF"/>
                <stop position="100" color="#4D3F3F" />
            </gradient>
        </fill>
    </shape>
    <shape name="shape_shadow_horiz">
        <fill style="gradient">
            <gradient direction="horizontal" alpha="240">
                <stop position="0" color="#131313" alpha="50"/>
                <stop position="25" color="#4D3F3F" />
                <stop position="50" color="#575757"/>
                <stop position="75" color="#4D3F3F" />
                <stop position="100" color="#131313" alpha="50"/>
            </gradient>
        </fill>
    </shape>

    <!-- ===================================================== -->
    <!--     FONT                                              -->
    <!-- ===================================================== -->
    <fontdef name="normal" face="Droid Sans">
        <!--color>#7e7e7e</color-->
        <color>#FFFFFF</color>
        <pixelsize>21</pixelsize>
        <weight>light</weight>
<!--             <stretch>6</stretch> -->
        <!--<letterspacing>1</letterspacing>-->
    </fontdef>
    <fontdef name="normal_selected" from="normal">
        <weight>bold</weight>
    </fontdef>
    <fontdef name="title" from="normal">
        <pixelsize>24</pixelsize>
        <weight>bold</weight>
    </fontdef>
    <fontdef name="title_small" from="normal">
        <!--color>#7e7e7e</color-->
        <pixelsize>22</pixelsize>
        <weight>bold</weight>
        <!--<stretch>5</stretch>-->
    </fontdef>
    <fontdef name="small" from="normal">
        <pixelsize>19</pixelsize>
    </fontdef>
    <fontdef name="verysmall" from="normal">
        <pixelsize>17</pixelsize>
        <letterspacing>0</letterspacing>
    </fontdef>
    <fontdef name="normal_inactive" from="normal">
        <color>#999999</color>
    </fontdef>
    <fontdef name="title_error" from="title">
        <color>#FE0000</color>
    </fontdef>
    <fontdef name="title_warning" from="title">
        <color>#FFFF00</color>
    </fontdef>

    <fontdef name="verysmall_shadow" from="verysmall">
        <shadowcolor>#000000</shadowcolor>
        <shadowoffset>2,2</shadowoffset>
        <shadowalpha>255</shadowalpha>
<!--            <outlinecolor>#888888</outlinecolor>
        <outlinesize>2</outlinesize>
        <outlinealpha>64</outlinealpha>-->
    </fontdef>

    <fontdef name="small_shadow" from="small">
        <shadowcolor>#000000</shadowcolor>
        <shadowoffset>2,2</shadowoffset>
        <shadowalpha>255</shadowalpha>
<!--            <outlinecolor>#888888</outlinecolor>
        <outlinesize>2</outlinesize>
        <outlinealpha>64</outlinealpha>-->
    </fontdef>

    <fontdef name="menu" from="normal">
        <pixelsize>30</pixelsize>
        <weight>bold</weight>
        <color>#FFFFFF</color>
        <shadowcolor>#000000</shadowcolor>
        <!--stretch>unstretched</stretch-->
        <letterspacing>0</letterspacing>
        <wordspacing>0</wordspacing>
    </fontdef>
    <fontdef name="menu_active" from="menu">
        <pixelsize>34</pixelsize>
    </fontdef>
    <fontdef name="menu_description" from="menu">
        <pixelsize>20</pixelsize>
        <letterspacing>0</letterspacing>
    </fontdef>

    <!-- MUSIC FONTS -->
    <fontdef name="music" face="Droid Sans">
        <color>#FFFFFF</color>
        <pixelsize>22</pixelsize>
        <weight>normal</weight>
    </fontdef>
    <fontdef name="music_button" from="music">
        <color>#D9D9D9</color>
        <pixelsize>20</pixelsize>
    </fontdef>
    <fontdef name="music_tree" from="music">
            <pixelsize>28</pixelsize>
    </fontdef>
    <fontdef name="music_selected" from="music">
            <color>#C9C9C9</color>
            <pixelsize>28</pixelsize>
    </fontdef>
    <fontdef name="music_inactive" from="music">
        <color>#7F7F7F</color>
        <pixelsize>20</pixelsize>
        <outlinecolor>#C9C9C9</outlinecolor>
    </fontdef>
    <fontdef name="music_track" from="music">
            <color>#FFFFFF</color>
            <pixelsize>36</pixelsize>
    </fontdef>
    <fontdef name="music_album" from="music">
            <color>#FFFFFF</color>
            <pixelsize>28</pixelsize>
    </fontdef>
    <fontdef name="music_artist" from="music">
            <color>#FFFFFF</color>
            <pixelsize>28</pixelsize>
    </fontdef>


    <!-- ===================================================== -->
    <!--     TEXTAREA                                                                                        -->
    <!-- ===================================================== -->
    <textarea name="textarea_base">
        <area>0,0,100%,30</area>
        <font>normal</font>
        <multiline>no</multiline>
        <align>allcenter</align>
    </textarea>

<!--    <textarea name="textarea_warning_base" from="textarea_base">
        <shape name="pippo">
            <colorcycle start="#000000" end="#ffffff" steps="255"/>
        </shape>
    </textarea>-->

    <!-- the header -->
    <textarea name="textarea_heading_base">
        <position>0,0</position>
        <shape name="heading_background" from="shape_background_base">
            <type>box</type>
            <area>320,-1,640,41</area>
        </shape>
        <textarea name="text" from="textarea_base">
            <area>320,0,640,40</area>
            <font>title_small</font>
            <align>allcenter</align>
        </textarea>
    </textarea>

    <!-- The clock -->
    <textarea name="textarea_clock_base">
        <area>965,-10,330,50</area>
        <shape name="heading_background" from="shape_background_base">
            <type>box</type>
            <area>0,0,330,50</area>
        </shape>
        <clock name="text">
            <area>5,10,310,40</area>
            <font>small</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
            <cutdown>no</cutdown>
        </clock>
    </textarea>


    <!-- ===================================================== -->
    <!--     TEXTEDIT                                          -->
    <!-- ===================================================== -->
    <textedit name="textedit_base">
        <area>0,0,180,30</area>
        <statetype name="background">
            <area>0,0,100%,100%</area>
            <state name="active">
                <area>0,0,100%,100%</area>
                <shape name="background">
                    <area>0,0,100%,100%</area>
                    <type>box</type>
                    <line color="#FFFFFF" alpha="120" width="0" />
                    <fill color="#6D6B6B" alpha="120" />
                </shape>
            </state>
            <state name="selected">
                <area>0,0,100%,100%</area>
                <shape name="background">
                    <area>0,0,100%,100%</area>
                    <type>box</type>
                    <line color="#FFFFFF" alpha="255" width="0" />
                    <fill color="#4A96E0" alpha="255" />
                </shape>
            </state>
            <state name="inactive">
                <area>0,0,100%,100%</area>
                <shape name="background">
                    <area>0,0,100%,100%</area>
                    <type>box</type>
                    <line color="#FFFFFF" alpha="90" width="0" />
                    <fill color="#6D6B6B" alpha="90" />
                </shape>
            </state>
        </statetype>
        <imagetype name="cursor">
            <shape name="cursor_shape">
                <area>0,1,2,100%-2</area>
                <type>box</type>
                <fill color="#FFFFFF" alpha="255" />
            </shape>
        </imagetype>
        <textarea name="text">
            <area>2,1,100%-4,100%-2</area>
            <font>normal</font>
            <align>left,vcenter</align>
        </textarea>
    </textedit>


    <!-- ===================================================== -->
    <!--     CHECKBOX                                          -->
    <!-- ===================================================== -->
    <checkbox name="checkbox_base">
        <area>0,0,30,30</area>
        <statetype name="background">
            <area>0,0,30,30</area>
            <state name="active">
                <shape name="background">
                    <area>0,0,30,30</area>
                    <type>box</type>
                    <line color="#6D6B6B" alpha="255" width="2" />
                    <fill color="#FFFFFF" alpha="50" />
                </shape>
            </state>
            <state name="selected">
                <shape name="background">
                    <area>0,0,30,30</area>
                    <type>box</type>
                    <line color="#FFFFFF" alpha="255" width="2" />
                    <fill color="#FFFFFF" alpha="80" />
                </shape>
            </state>
            <state name="disabled" />
        </statetype>
        <statetype name="checkstate">
            <area>0,0,30,30</area>
            <state type="off">
            </state>
            <state type="half">
                <imagetype name="background">
                    <area>-3,-3,36,36</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/shared/check_half.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="background">
                    <area>-3,-3,36,36</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/shared/check_full.png</filename>
                </imagetype>
            </state>
        </statetype>
    </checkbox>
    <!-- ====================================================== -->
    <!--     BUTTON                                             -->
    <!-- ====================================================== -->
    <button name="button_base">
            <area>0,0,120,35</area>
            <statetype name="buttonstate">
                <area>0,0,100%,100%</area>
                <!--
                        ACTIVE
                -->
                <state name="active">
                    <area>0,0,100%,100%</area>
                    <shape name="button_background">
                        <area>0,0,100%,100%</area>
                        <type>roundbox</type>
                        <cornerradius>4</cornerradius>
                        <line color="#FFFFFF" alpha="150" width="1" />
                        <fill style="gradient">
                            <gradient direction="vertical" alpha="255">
                                <stop position="0" color="#474645" alpha="80" />
                                <stop position="100" color="#474645" />
                            </gradient>
                        </fill>
                    </shape>
                    <textarea name="text">
                        <area>0,0,100%,100%</area>
                        <align>allcenter</align>
                        <font>normal</font>
                    </textarea>
                </state>
                <!--
                        SELECTED ACTIVE
                -->
                <state name="selected" from="active">
                    <shape name="button_background">
                        <!--<area>0,0,120,34</area>-->
                        <type>roundbox</type>
                        <cornerradius>4</cornerradius>
                        <line color="#FFFFFF" alpha="255" width="1" />
<!--                        <fill color="#474645" alpha="255" />-->
                        <fill style="gradient">
                            <gradient direction="horizontal" alpha="255">
                                <stop position="0" color="#4A96E0"  alpha="100" />
                                <stop position="60" color="#4A96E0" alpha="200" />
                                <stop position="100" color="#4A96E0" alpha="230" />
                            </gradient>
                        </fill>
                    </shape>
                </state>
                <!--
                        DISABLED
                -->
                <state name="disabled" from="active">
                    <alpha>150</alpha>
                </state>
                <!--
                        PUSHED
                -->
                <state name="pushed">
                    <shape name="button_background">
                        <type>roundbox</type>
                        <cornerradius>4</cornerradius>
                        <line color="#FFFFFF" alpha="255" width="1" />
                        <fill color="#474645" alpha="80" />
                    </shape>
                    <textarea name="text">
                        <align>allcenter</align>
                        <font>normal_selected</font>
                    </textarea>
                </state>
            </statetype>
        </button>

    <button name="button_image">
            <statetype name="buttonstate">
                <!--
                        ACTIVE
                -->
                <state name="active">
                    <shape name="button_background">
                        <area>0,0,35,35</area>
                        <type>box</type>
                        <line color="#FFFFFF" alpha="150" width="1" />
                    </shape>
                </state>
                <!--
                        SELECTED ACTIVE
                -->
                <state name="selected" from="active">
                    <shape name="button_background">
                        <line color="#FFFFFF" alpha="255" width="1" />
                    </shape>
                </state>
                <!--
                        DISABLED
                -->
                <state name="disabled" from="active">
                    <alpha>150</alpha>
                </state>
                <!--
                        PUSHED
                -->
                <state name="pushed" from="active">
                    <shape name="button_background">
                        <area>1,1,35,34</area>
                        <type>box</type>
                        <line color="#FFFFFF" alpha="255" width="1" />
                        <fill color="#474645" alpha="80" />
                    </shape>
                </state>
            </statetype>
        </button>

    <!-- ===================================================== -->
    <!--     BUTTONLIST                                        -->
    <!-- ===================================================== -->
    <buttonlist name="buttonlist_base">
        <area>0,0,740,300</area> <!--TO DEFINE INTO THE WINDOW!!!!!-->
        <align>top,hcenter</align>
        <layout>vertical</layout>
        <spacing>4</spacing>
        <wrapstyle>selection</wrapstyle>
        <arrange>stack</arrange>
        <buttonarea>0,0,100%,100%-25</buttonarea>
        <statetype name="buttonitem">
            <area>0,0,100%,100%</area>
            <!--
                    ACTIVE
            -->
            <state name="active">
                <area>0,0,100%,35</area>
<!--                <shape name="item_box4">
                    <area>0,0,100%,100%</area>
                    <fill color="#404544" alpha="0" />
                </shape>-->
                <shape name="item_box"><!-- horizontal background -->
                    <area>0,0,100%,100%</area>
                    <type>box</type>
                    <cornerradius>0</cornerradius>
                    <fill color="#AEAEAE" alpha="50" />
                    <line color="#AEAEAE" alpha="0" width="0" />
                </shape>
                <shape name="item_box2"><!-- vertical background -->
                    <area>0,0,100%,100%</area>
                    <type>box</type>
                    <cornerradius>0</cornerradius>
                    <fill color="#AEAEAE" alpha="0" />
                    <line color="#AEAEAE" alpha="0" width="0" />
                </shape>
                <shape name="item_box3"><!--sign for selected item -->
                    <area>0,0,10,100%</area>
                    <fill color="#FFFFFF" alpha="0" />
                    <line color="#AEAEAE" alpha="0" width="0" />
                </shape>
                <textarea name="buttontext">
                    <alpha>255</alpha>
                    <area>15,0,100%-15,100%</area>
                    <font>normal</font>
                    <multiline>no</multiline>
                    <align>allcenter</align>
                </textarea>
                <!-- checkbox -->
                <statetype name="buttoncheck">
                    <area>100%-35,0,100%,100%</area>
                    <state type="off">
                        <imagetype name="checkoff">
                            <area>0,0,100%,100%</area>
                            <filename>images/shared/check_none.png</filename>
                        </imagetype>
                    </state>
                    <state type="half">
                        <imagetype name="checkhalf">
                            <area>0,0,100%,100%</area>
                            <filename>images/shared/check_half.png</filename>
                        </imagetype>
                    </state>
                    <state type="full">
                        <imagetype name="checkfull">
                            <area>0,0,100%,100%</area>
                            <filename>images/shared/check_full.png</filename>
                        </imagetype>
                    </state>
                </statetype>
                <imagetype name="buttonarrow">
                    <area>100%-20,9,15,15</area> <!-- (buttonarea-width-20),9,15,15 -->
                    <filename>images/shared/arrow_right.png</filename>
                </imagetype>
            </state>
            <!--
                    SELECTED ACTIVE
            -->
            <state name="selectedactive" from="active">
                <area>0,0,100%,35</area>
<!--                <shape name="item_box4">
                    <area>0,0,100%,100%</area>
                    <fill color="#404544" alpha="0" />
                </shape>-->
                <shape name="item_box"><!-- horizontal background -->
                    <area>0,0,100%,100%</area>
                    <fill style="gradient">
                        <gradient direction="horizontal">
                            <stop position="0" color="#AEAEAE"  alpha="225" />
                            <stop position="25" color="#AEAEAE"  alpha="175" />
                            <stop position="50" color="#AEAEAE" alpha="125" />
                            <stop position="75" color="#AEAEAE" alpha="100" />
                            <stop position="90" color="#AEAEAE" alpha="70" />
                            <stop position="100" color="#AEAEAE" alpha="70" />
                        </gradient>
                    </fill>
                </shape>
                <shape name="item_box2"><!-- vertical background -->
                    <area>0,0,100%,100%</area>
                    <fill style="gradient">
                        <gradient direction="vertical">
                            <stop position="0" color="#AEAEAE"  alpha="70" />
                            <stop position="25" color="#AEAEAE"  alpha="85" />
                            <stop position="50" color="#AEAEAE" alpha="100" />
                            <stop position="75" color="#AEAEAE" alpha="85" />
                            <stop position="100" color="#AEAEAE" alpha="70" />
                        </gradient>
                    </fill>
                </shape>
                <shape name="item_box3"><!--sign for selected item -->
                    <area>0,0,5,100%</area>
                    <fill color="#AEAEAE" alpha="255" />
                </shape>
                <textarea name="buttontext">
                    <area>0,0,100%,100%</area>
                    <font>normal_selected</font>
                    <scroll direction="horizontal" />
                    <cutdown>no</cutdown>
                </textarea>
            </state>
            <!--
                    INACTIVE
            -->
            <state name="inactive" from="active"/>
            <!--
                    SELECTED INACTIVE
            -->
            <state name="selectedinactive" from="selectedactive">
                <shape name="item_box3">
                    <fill color="#AEAEAE" alpha="0" />
                </shape>
            </state>
        </statetype>
        <!--
              ARROWS
        -->
        <statetype name="upscrollarrow">
            <area>10,100%-20,15,15</area> <!--<10,(max-higth -20),15,15>-->
            <state type="off">
                <imagetype name="up_off">
                    <filename>images/shared/arrow_up.png</filename>
                    <alpha>45</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="up_on">
                    <filename>images/shared/arrow_up.png</filename>
                    <alpha>125</alpha>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <area>30,100%-20,15,15</area><!--<30,(max-higth -20),15,15>-->
            <state type="off">
                <imagetype name="down_off">
                    <filename>images/shared/arrow_down.png</filename>
                    <alpha>45</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="down_on">
                    <filename>images/shared/arrow_down.png</filename>
                    <alpha>125</alpha>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="buttonlist_base_horiz" from="buttonlist_base">
<!--         <area>0,0,200,30</area> -->
        <layout>horizontal</layout>
        <buttonarea>20,0,100%-20,100%</buttonarea> <!--20: leave space between arrows and box-->
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,100%,100%</area>
                <shape name="item_box">
                    <area>0,0,100%,100%</area>
                    <type>box</type>
                    <cornerradius>0</cornerradius>
                    <fill color="#4A96E0" alpha="30" />
                    <line color="#FFFFFF" alpha="255" width="1" />
                </shape>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <area>2,9,15,15</area>
            <state type="off">
                <imagetype name="down_off">
                    <filename>images/shared/arrow_left.png</filename>
                    <alpha>125</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="down_on">
                    <filename>images/shared/arrow_left.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <area>100%-15,9,15,15</area>
            <state type="off">
                <imagetype name="up_off">
                    <filename>images/shared/arrow_right.png</filename>
                    <alpha>125</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="up_on">
                    <filename>images/shared/arrow_right.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="buttonlist_overlaid_horizontal">
        <area>0,10,100%,30</area> <!--According to group_pathbar-->
        <spacing>20</spacing>
        <layout>horizontal</layout>
        <buttonarea>30,0,100%-30,30</buttonarea>
        <align>allcenter</align>
        <statetype name="buttonitem">
            <!--
                ACTIVE
            -->
            <state name="active">
                <area>0,0,150,30</area>
<!--                <shape name="dates_background_selecteditem">
                    <area>-5,-20,100%+5,100%</area>
                    <type>box</type>
                    <fill color="#000000" alpha="0" />
                    <line color="#AAAAAA" alpha="0" width="1" />
                </shape>-->
                <textarea name="buttontext" from="textarea_base"/>
            </state>
            <!--
                SELECTED ACTIVE
            -->
            <state name="selectedactive">
                <area>0,0,150,30</area>
                <shape name="dates_background_selecteditem">
                    <area>-5,-20,100%+5,100%</area>
                    <type>box</type>
                    <fill color="#000000" alpha="200" />
                    <line color="#AAAAAA" alpha="150" width="1" />
                </shape>
                <textarea name="buttontext" from="textarea_base"/>
            </state>
            <state name="inactive" from="active">
<!--                 <alpha>150</alpha> -->
            </state>
            <state name="selectedinactive" from="selectedactive"/>
        </statetype>
        <!--
              ARROWS
        -->
        <statetype name="upscrollarrow">
            <area>5,7,15,15</area> <!--<10,(max-higth -20),15,15>-->
            <state type="off">
                <imagetype name="left_off">
                    <filename>images/shared/arrow_left.png</filename>
                    <alpha>0</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="left_off">
                    <filename>images/shared/arrow_left.png</filename>
                    <alpha>125</alpha>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <area>100%-20,7,15,15</area><!--<30,(max-higth -20),15,15>-->
            <state type="off">
                <imagetype name="right_off">
                    <filename>images/shared/arrow_right.png</filename>
                    <alpha>0</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="right_on">
                    <filename>images/shared/arrow_right.png</filename>
                    <alpha>125</alpha>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>


    <buttonlist name="buttonlist_base_browse">
        <area>0,0,1280,200</area>
        <align>allcenter</align>
        <layout>horizontal</layout>
        <spacing>8</spacing>
        <wrapstyle>items</wrapstyle>
        <scrollstyle>center</scrollstyle>
        <arrange>fixed</arrange>
        <buttonarea>0,0,100%,100%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,113,170</area>
                <shape name="item_background">
                    <area>0,0,100%,100%</area>
                    <type>box</type>
                    <fill color="#000000" alpha="200" />
                    <line color="#FFFFFF" alpha="60" width="0" />
                    <!--<cornerradius>8</cornerradius>-->
                </shape>
                <imagetype name="buttonimage">
                    <alpha>200</alpha>
                    <area>0,0,100%,100%</area>
                    <preserveaspect>true</preserveaspect>
<!--                             <reflection axis="vertical" shear="5" scale="40" length="30"/> -->
                    <filename/>
                </imagetype>
                <textarea name="buttontext">
                    <align>allcenter</align>
                    <area>0,0,100%,100%</area>
                    <font>verysmall_shadow</font>
                    <multiline>yes</multiline>
                    <cutdown>yes</cutdown>
                    <!--<template>%##x##% %|buttontext|%</template>-->
                </textarea>
                <statetype name="nodetype">
                    <state name="subfolder">
                        <imagetype name="icon">
                            <area>0,130,45,45</area>
                            <preserveaspect>true</preserveaspect>
                            <filename>images/shared/folder-movies.png</filename>
                        </imagetype>
                    </state>
                    <state name="upfolder" from="subfolder">
                        <imagetype name="icon">
                            <filename>images/shared/folder-movies-up.png</filename>
                        </imagetype>
                    </state>
                </statetype>
                <statetype name="watchedstate">
                    <area>0,108,113,62</area>
                    <state name="yes">
                        <imagetype name="watchedimage">
                            <area>0,0,113,62</area>
                            <filename>images/shared/watched.png</filename>
                            <preserveaspect>true</preserveaspect>
                        </imagetype>
                    </state>
                </statetype>
                <textarea name="childcount">
                    <align>left,vcenter</align>
                    <area>45,135,60,35</area>
                    <font>verysmall_shadow</font>
                    <multiline>yes</multiline>
                    <cutdown>yes</cutdown>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <area>0,0,140,210</area>
                <shape name="item_background">
                    <area>-15,-45,140,210</area>
                    <type>box</type>
                    <fill color="#000000" alpha="250" />
                    <line color="#FFFFFF" alpha="60" width="0" />
                    <cornerradius>8</cornerradius>-->
                </shape>
                <imagetype name="buttonimage">
                    <area>-15,-45,140,210</area>
                    <preserveaspect>true</preserveaspect>
                    <filename/>
                </imagetype>
                <textarea name="buttontext">
                    <area>-15,-45,140,210</area>
                </textarea>
                <statetype name="nodetype">
                    <state name="subfolder">
                        <imagetype name="icon">
                            <area>0,125,45,45</area>
                            <preserveaspect>true</preserveaspect>
                            <filename>images/shared/folder-movies.png</filename>
                        </imagetype>
                    </state>
                    <state name="upfolder" from="subfolder">
                        <imagetype name="icon">
                            <filename>images/shared/folder-movies-up.png</filename>
                        </imagetype>
                    </state>
                </statetype>
                <statetype name="watchedstate">
                    <area>-15,103,140,77</area>
                    <state name="yes">
                        <imagetype name="watchedimage">
                            <area>0,0,140,77</area>
                            <filename>images/shared/watched.png</filename>
                            <preserveaspect>true</preserveaspect>
                        </imagetype>
                    </state>
                </statetype>
                <textarea name="childcount">
                    <align>left,vcenter</align>
                    <area>45,130,60,35</area>
                    <font>verysmall_shadow</font>
                    <multiline>yes</multiline>
                    <cutdown>yes</cutdown>
                </textarea>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <area>10,540,30,20</area>
            <state type="off">
                <imagetype name="upon">
                    <filename>images/shared/arrow_up.png</filename>
                    <alpha>90</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>images/shared/arrow_up.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <area>40,540,30,20</area>
            <state type="off">
                <imagetype name="dnon">
                    <filename>images/shared/arrow_down.png</filename>
                    <alpha>90</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>images/shared/arrow_down.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="buttonlist_base_gallery">
        <area>0,0,100%,100%</area>
        <align>allcenter</align>
        <layout>grid</layout>
        <spacing>15</spacing>
        <wrapstyle>items</wrapstyle>
        <scrollstyle>free</scrollstyle>
        <!--<arrange>stack</arrange>-->
        <buttonarea>10,10,100%,100%-25</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <!--<area>0,0,195,150</area>-->
                <shape name="item_background">
                    <area>0,0,115,170</area>
                    <type>roundbox</type>
                    <fill color="#AEAEAE" alpha="50" />
                    <line color="#FFFFFF" alpha="0" width="0" />
                </shape>
                <imagetype name="buttonimage">
                    <area>0,0,100%,100%</area>
                    <preserveaspect>yes</preserveaspect>
                    <filename/>
                </imagetype>
                <textarea name="buttontext">
                    <align>allcenter</align>
                    <area>0,0,115,170</area>
                    <font>verysmall_shadow</font>
                    <multiline>yes</multiline>
                    <cutdown>yes</cutdown>
                </textarea>
                <statetype name="nodetype">
                    <state name="subfolder">
                        <imagetype name="icon">
                            <area>0,130,45,45</area>
                            <preserveaspect>true</preserveaspect>
                            <filename>images/shared/folder-movies.png</filename>
                        </imagetype>
                    </state>
                    <state name="upfolder" from="subfolder">
                        <imagetype name="icon">
                            <filename>images/shared/folder-movies-up.png</filename>
                        </imagetype>
                    </state>
                </statetype>
                <textarea name="childcount">
                    <align>left,vcenter</align>
                    <area>45,135,60,35</area>
                    <font>verysmall_shadow</font>
                    <multiline>yes</multiline>
                    <cutdown>yes</cutdown>
                </textarea>
                <alpha>200</alpha>
            </state>
            <state name="selectedactive" from="active">
                <alpha>255</alpha>
                <shape name="item_background">
                    <area>-5,-5,125,180</area>
                    <type>roundbox</type>
                    <fill color="#AEAEAE" alpha="175" />
                    <line color="#FFFFFF" alpha="0" width="0" />
                </shape>
                <imagetype name="buttonimage">
                    <area>-10,-10,135,190</area>
                </imagetype>
            </state>
        </statetype>
        <!--
              ARROWS
        -->
        <statetype name="upscrollarrow">
            <area>10,100%-20,15,15</area> <!--<10,(max-higth -20),15,15>-->
            <state type="off">
                <imagetype name="up_off">
                    <filename>images/shared/arrow_up.png</filename>
                    <alpha>45</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="up_on">
                    <filename>images/shared/arrow_up.png</filename>
                    <alpha>125</alpha>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <area>30,100%-20,15,15</area><!--<30,(max-higth -20),15,15>-->
            <state type="off">
                <imagetype name="down_off">
                    <filename>images/shared/arrow_down.png</filename>
                    <alpha>45</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="down_on">
                    <filename>images/shared/arrow_down.png</filename>
                    <alpha>125</alpha>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>
    <!-- ===================================================== -->
    <!--     SPINBOX                                            -->
    <!-- ===================================================== -->
    <spinbox name="spinbox_base">
<!--         <area>0,0,200,35</area> -->
        <buttonarea>20,0,100%-20,100%</buttonarea>
        <layout>horizontal</layout>
        <statetype name="buttonitem">
            <area>0,0,100%,100%</area>
            <!--
                    ACTIVE
            -->
            <state name="active">
                <area>0,0,100%,100%</area>
                <shape name="item_box">
                    <area>0,0,100%,100%</area>
                    <type>box</type>
                    <cornerradius>0</cornerradius>
                    <fill color="#4A96E0" alpha="30" />
                    <line color="#FFFFFF" alpha="190" width="1" />
                </shape>
                <textarea name="buttontext">
                    <alpha>255</alpha>
                    <area>0,10%,100%,80%</area>
                    <font>normal</font>
                    <multiline>no</multiline>
                    <align>allcenter</align>
                </textarea>
            </state>
            <!--
                    SELECTED ACTIVE
            -->
            <state name="selectedactive" from="active">
                <shape name="item_box">
                    <area>0,0,100%,100%</area>
                    <fill style="gradient">
                        <gradient direction="horizontal" alpha="255">
                            <stop position="0" color="#4A96E0"  alpha="60" />
                            <stop position="10" color="#4A96E0"  alpha="90" />
                            <stop position="30" color="#4A96E0" alpha="160" />
                            <stop position="60" color="#4A96E0" alpha="200" />
                            <stop position="100" color="#4A96E0" alpha="230" />
                        </gradient>
                    </fill>
                </shape>
            </state>
            <state name="inactive" from="active"/>
            <state name="selectedinactive" from="selectedactive">
                <shape name="item_box">
                    <area>0,0,100%,100%</area>
                    <fill style="gradient">
                        <gradient direction="horizontal" alpha="255">
                            <stop position="0" color="#8A8A8A"  alpha="60" />
                            <stop position="10" color="#8A8A8A"  alpha="90" />
                            <stop position="30" color="#8A8A8A" alpha="160" />
                            <stop position="60" color="#8A8A8A" alpha="200" />
                            <stop position="100" color="#8A8A8A" alpha="230" />
                        </gradient>
                    </fill>
                </shape>
            </state>
        </statetype>
        <!--
              ARROWS
        -->
        <statetype name="downscrollarrow">
            <area>0,9,15,15</area>
            <state type="off">
                <imagetype name="dn_on">
                    <filename>images/shared/arrow_left.png</filename>
                    <alpha>90</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dn_off">
                    <filename>images/shared/arrow_left.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <area>100%-15,9,15,15</area>
            <state type="off">
                <imagetype name="up_on">
                    <filename>images/shared/arrow_right.png</filename>
                    <alpha>90</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="up_off">
                    <filename>images/shared/arrow_right.png</filename>
                </imagetype>
            </state>
        </statetype>
    </spinbox>

    <!-- ===================================================== -->
    <!--     STATETYPE_BASERATING                              -->
    <!-- ===================================================== -->

    <statetype name="statetype_baserating">
        <showempty>yes</showempty>
        <state name="0">
            <imagetype name="stars">
                <area>0,0,120,24</area>
                <filename>images/shared/rating/0.png</filename>
            </imagetype>
        </state>
        <state name="1" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/1.png</filename>
            </imagetype>
        </state>
        <state name="2" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/2.png</filename>
            </imagetype>
        </state>
        <state name="3" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/3.png</filename>
            </imagetype>
        </state>
        <state name="4" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/4.png</filename>
            </imagetype>
        </state>
        <state name="5" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/5.png</filename>
            </imagetype>
        </state>
        <state name="6" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/6.png</filename>
            </imagetype>
        </state>
        <state name="7" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/7.png</filename>
            </imagetype>
        </state>
        <state name="8" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/8.png</filename>
            </imagetype>
        </state>
        <state name="9" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/9.png</filename>
            </imagetype>
        </state>
        <state name="10" from="0">
            <imagetype name="stars">
                <filename>images/shared/rating/10.png</filename>
            </imagetype>
        </state>
    </statetype>

    <progressbar name="progressbar_base">
        <area>50,60,700,10</area>
        <layout>horizontal</layout>
        <style>reveal</style>
        <imagetype name="background">
            <area>0,0,100%,10</area>
            <filename>images/shared/progressbar/progressbar_background.png</filename>
            <preserveaspect>false</preserveaspect>
        </imagetype>
        <imagetype name="progressimage">
            <area>0,0,100%,10</area>
            <filename>images/shared/progressbar/progressbar_fill.png</filename>
            <preserveaspect>false</preserveaspect>
        </imagetype>
    </progressbar>

    <window name="MythBusyDialog">
        <shape name="shape_dark">
            <area>0,0,1280,720</area>
            <type>box</type>
            <fill color="#000000" alpha="150" />
        </shape>
        <shape name="shape_window">
            <area>380,275,520,130</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="255" />
            <line color="#999999" alpha="255" width="0" />
            <cornerradius>4</cornerradius>
        </shape>
        <imagetype name="animation">
            <position>395,340</position>
            <filepattern low="1" high="29">images/shared/busy/busy-%1.png</filepattern>
            <delay>80</delay>
        </imagetype>
        <textarea name="message" from="textarea_base">
            <area>490,280,380,125</area>
            <font>normal</font>
            <align>allcenter</align>
            <cutdown>yes</cutdown>
            <multiline>yes</multiline>
        </textarea>
    </window>
    <window name="MythConfirmationDialog">
        <area>-1,-1,680,200</area>
        <animation trigger="AboutToShow">
            <section duration="600">
                <alpha start="0" end="255" easingcurve="OutQuart"/>
                <zoom start="0" end="100" easingcurve="OutQuart"/>
            </section>
        </animation>

        <animation trigger="AboutToHide">
            <section duration="600">
                <alpha start="255" end="0" easingcurve="InQuart"/>
                <zoom start="100" end="0" easingcurve="InQuart"/>
            </section>
        </animation>

        <shape name="popup_background" from="shape_popup_background">
            <area>0,0,100%,100%</area>
        </shape>

<!--        <shape name="shape_title" from="shape_title_base">
            <area>20,20,100%-20,80</area>
        </shape>-->
<!--        <shape name="shape_title" from="shape_title_base">
            <area>270,80,740,80</area>
        </shape>-->

        <textarea name="message">
            <area>20,20,100%-40,115</area>
            <font>title_small</font>
            <align>allcenter</align>
            <multiline>yes</multiline>
        </textarea>

        <button name="cancel" from="button_base">
            <area>50%-140,100%-60,120,35</area>
            <value>Cancel</value>
        </button>
        <button name="ok" from="button_base">
            <area>50%+20,100%-60,120,35</area>
            <value>Ok</value>
        </button>
    </window>

    <window name="MythFileBrowser">
        <area>-1,-1,1100,650</area>
        <animation trigger="AboutToShow">
            <section>
                <alpha start="0" end="255" easingcurve="OutQuart"/>
                <zoom start="0" end="100" easingcurve="OutQuart"/>
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section>
                <alpha start="255" end="0" easingcurve="InQuart"/>
                <zoom start="100" end="0" easingcurve="InQuart"/>
            </section>
        </animation>
        <shape name="popup_background" from="shape_popup_background">
            <area>0,0,100%,100%</area>
        </shape>

        <shape name="shape_title" from="shape_title_base">
            <area>20,20,100%-20,80</area>
        </shape>
        <textarea name="title">
            <area>20,20,100%-20,80</area>
            <font>normal</font>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <cutdown>yes</cutdown>
        </textarea>
        <buttonlist name="filelist">
            <area>0,110,100%-110,100%-10</area>
            <align>top,hcenter</align>
            <layout>grid</layout>
            <arrange>stack</arrange>
            <spacing>3</spacing>
            <buttonarea>0,0,100%,100%</buttonarea>
            <statetype name="buttonitem">
                <state name="active">
                    <area>0,0,170,130</area>
                    <shape name="item_background">
                        <area>0,0,220,170</area>
                        <type>box</type>
                        <fill color="#000000" alpha="255" />
                        <line color="#FFFFFF" alpha="10" width="3" />
                    </shape>
                    <imagetype name="buttonimage">
                        <area>7,7,206,156</area>
                        <preserveaspect>yes</preserveaspect>
                    </imagetype>
                    <shape name="text_background">
                        <area>7,130,206,35</area>
                        <type>box</type>
                        <fill color="#000000" alpha="175" />
                    </shape>
                    <statetype name="nodetype">
                        <state name="folder">
                            <imagetype name="icon">
                                <area>0,130,45,45</area>
                                <preserveaspect>true</preserveaspect>
                                <filename>images/shared/folder-images.png</filename>
                            </imagetype>
                        </state>
                        <state name="upfolder" from="folder">
                            <imagetype name="icon">
                                <filename>images/shared/folder-images-up.png</filename>
                            </imagetype>
                        </state>
                        <state name="executable" from="folder">
                            <imagetype name="icon">
                                <filename>images/shared/file-exec.png</filename>
                            </imagetype>
                        </state>
                        <state name="file" from="folder">
                            <imagetype name="icon">
                                <filename>images/shared/file.png</filename>
                            </imagetype>
                        </state>
                    </statetype>
                    <textarea name="buttontext">
                        <align>left,vcenter</align>
                        <area>5,130,170,35</area>
                        <font>verysmall</font>
                        <multiline>yes</multiline>
                        <cutdown>yes</cutdown>
                    </textarea>
                </state>
                <state name="selectedinactive" from="active" />
                <state name="selectedactive" from="active">
                    <shape name="item_background">
                        <line color="#FFFFFF" alpha="60" width="3" />
                    </shape>
                </state>
            </statetype>
            <statetype name="upscrollarrow">
                <area>1110,540,30,30</area>
                <state type="off">
                    <imagetype name="upon">
                        <filename>images/shared/arrow_up.png</filename>
                        <alpha>90</alpha>
                    </imagetype>
                </state>
                <state type="full">
                    <imagetype name="upoff">
                        <filename>images/shared/arrow_up.png</filename>
                    </imagetype>
                </state>
            </statetype>
            <statetype name="downscrollarrow">
                <area>1150,540,30,30</area>
                <state type="off">
                    <imagetype name="dnon">
                        <filename>images/shared/arrow_down.png</filename>
                        <alpha>90</alpha>
                    </imagetype>
                </state>
                <state type="full">
                    <imagetype name="dnoff">
                        <filename>images/shared/arrow_down.png</filename>
                    </imagetype>
                </state>
            </statetype>
        </buttonlist>

        <textedit name="location" from="textedit_base">
            <area>20,100%-90,500,30</area>
        </textedit>
        <textarea name="info" from="textarea_base">
            <area>550,100%-110,600,30</area>
            <align>allcenter</align>
        </textarea>

        <button name="back" from="button_base">
            <position>310,100%-50</position>
            <value>Up Level</value>
        </button>

        <button name="home" from="button_base">
            <position>480,100%-50</position>
            <value>Home</value>
        </button>

        <button name="cancel" from="button_base">
            <position>650,100%-50</position>
            <value>Cancel</value>
        </button>

        <button name="ok" from="button_base">
            <position>820,100%-50</position>
            <value>Ok</value>
        </button>
    </window>

    <window name="MythPopupBox">
        <area>300,85,680,550</area>
        <animation trigger="AboutToShow">
            <section duration="600">
                <alpha start="0" end="255" easingcurve="OutQuart"/>
                <zoom start="0" end="100" easingcurve="OutQuart"/>
            </section>
        </animation>

        <animation trigger="AboutToHide">
            <section duration="600">
                <alpha start="255" end="0" easingcurve="InQuart"/>
                <zoom start="100" end="0" easingcurve="InQuart"/>
            </section>
        </animation>

        <shape name="popup_background" from="shape_popup_background">
            <area>0,0,100%,100%</area>
        </shape>

        <shape name="shape_title" from="shape_title_base">
            <area>20,20,100%-20,80</area>
        </shape>

        <!--Container 'menuPopup' is missing child 'title'-->
         <!--????????-->
<!--        <textarea name="title">
            <area>20,20,100%-20,80</area>
            <font>normal</font>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <cutdown>yes</cutdown>
        </textarea>-->
        <textarea name="messagearea">
            <area>20,20,100%-20,80</area>
            <font>title</font>
<!--             <multiline>yes</multiline> -->
            <align>allcenter</align>
            <cutdown>yes</cutdown>
<!--             <template>%title %%messagearea%</template> -->
        </textarea>

        <!-- the list of buttons -->
        <buttonlist name="list" from="buttonlist_base">
            <area>20,140,100%-20,100%-20</area>
           <drawfrombottom>yes</drawfrombottom>
        </buttonlist>
    </window>

    <window name="MythProgressDialog">

    <!-- darkens the entire background so that the popup is better readable -->
<!--    <shape name="darken_background" from="base_darken_background">
      <area>0,0,1280,720</area>
    </shape>-->
      <area>370,285,540,150</area>
      <shape name="shape">
        <area>0,0,540,150</area>
        <type>roundbox</type>
        <fill color="#000000" alpha="255" />
        <line color="#999999" alpha="255" width="1" />
        <cornerradius>0</cornerradius>
      </shape>

      <textarea name="message" from="textarea_base">
        <area>50,50,440,30</area>
        <font>popup_title</font>
        <align>left</align>
        <scroll direction="horizontal" />
        <cutdown>no</cutdown>
      </textarea>

      <progressbar name="progressbar" from="progressbar_base">
        <area>50,90,440,10</area>
            <imagetype name="background">
                <area>0,0,100%,10</area>
            </imagetype>
            <imagetype name="progressimage">
                <area>0,0,100%,10</area>
            </imagetype>
        </progressbar>

      <textarea name="progresstext" from="textarea_base">
        <area>50,120,440,40</area>
        <align>allcenter</align>
        <value>0%</value>
      </textarea>
    </window>

    <window name="MythSearchDialog">
        <area>-1,-1,440,550</area>
        <animation trigger="AboutToShow">
            <section duration="600">
                <alpha start="0" end="255" easingcurve="OutQuart"/>
                <zoom start="0" end="100" easingcurve="OutQuart"/>
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section duration="600">
                <alpha start="255" end="0" easingcurve="InQuart"/>
                <zoom start="100" end="0" easingcurve="InQuart"/>
            </section>
        </animation>
        <shape name="popup_background" from="shape_popup_background">
            <area>0,0,100%,100%</area>
        </shape>

        <shape name="shape_title" from="shape_title_base">
            <area>20,20,100%-20,80</area>
        </shape>
        <textarea name="title">
            <area>20,20,100%-20,80</area>
            <font>title</font>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <cutdown>yes</cutdown>
        </textarea>

        <textedit name="input" from="textedit_base">
            <area>20,140,100%-20,30</area>
        </textedit>

        <buttonlist name="itemlist" from="buttonlist_base">
            <area>20,190,100%-20,100%-70</area>
        </buttonlist>

        <button name="ok" from="button_base">
            <position>65,100%-50</position>
            <value>OK</value>
        </button>
        <button name="cancel" from="button_base">
            <position>100%-185,100%-50</position>
            <value>Delete</value>
        </button>
    </window>

    <window name="MythTextInputDialog">
        <area>-1,-1,540,200</area>
        <animation trigger="AboutToShow">
            <section duration="600">
                <alpha start="0" end="255" easingcurve="OutQuart"/>
                <zoom start="0" end="100" easingcurve="OutQuart"/>
            </section>
        </animation>

        <animation trigger="AboutToHide">
            <section duration="600">
                <alpha start="255" end="0" easingcurve="InQuart"/>
                <zoom start="100" end="0" easingcurve="InQuart"/>
            </section>
        </animation>

        <shape name="popup_background" from="shape_popup_background">
             <area>0,0,540,200</area>
        </shape>

        <textarea name="message">
            <area>20,30,500,30</area>
            <font>title</font>
            <align>allcenter</align>
        </textarea>

        <textedit name="input" from="textedit_base">
            <area>20,80,500,30</area>
        </textedit>

        <button name="ok" from="button_base">
            <area>210,140,120,34</area>
            <value>Ok</value>
        </button>
    </window>


    <window name="MythTimeInputDialog">
        <area>-1,-1,580,200</area>
        <animation trigger="AboutToShow">
            <section duration="600">
                <alpha start="0" end="255" easingcurve="OutQuart"/>
                <zoom start="0" end="100" easingcurve="OutQuart"/>
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section duration="600">
                <alpha start="255" end="0" easingcurve="InQuart"/>
                <zoom start="100" end="0" easingcurve="InQuart"/>
            </section>
        </animation>
        <shape name="popup_background" from="shape_popup_background">
            <area>0,0,100%,100%</area>
        </shape>

        <shape name="shape_title" from="shape_title_base">
            <area>20,20,100%-20,60</area>
        </shape>

        <textarea name="message">
            <area>20,20,100%-20,60</area>
            <font>title</font>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <cutdown>yes</cutdown>
        </textarea>

        <buttonlist name="dates" from="buttonlist_base_horiz">
            <area>70,100,200,100%</area>
        </buttonlist>

        <buttonlist name="times" from="buttonlist_base_horiz">
            <area>310,100,200,100%</area>
        </buttonlist>

        <button name="ok" from="button_base">
            <area>50%-60,100%-50,120,35</area>
            <value>OK</value>
        </button>

    </window>

    <window name="MythMetadataResults">
        <area>-1,-1,800,650</area>
        <animation trigger="AboutToShow">
            <section>
                <alpha start="0" end="255" easingcurve="OutQuart"/>
                <zoom start="0" end="100" easingcurve="OutQuart"/>
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section>
                <alpha start="255" end="0" easingcurve="InQuart"/>
                <zoom start="100" end="0" easingcurve="InQuart"/>
            </section>
        </animation>
        <shape name="popup_background" from="shape_popup_background">
            <area>0,0,100%,100%</area>
        </shape>

        <shape name="shape_title" from="shape_title_base">
            <area>20,20,100%-20,80</area>
        </shape>
        <textarea name="title">
            <area>20,20,100%-20,80</area>
            <font>normal</font>
            <value>Metadata Results</value>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <cutdown>yes</cutdown>
        </textarea>
        <buttonlist name="results" from="buttonlist_base">
            <area>20,140,100%-20,100%-20</area>
            <drawfrombottom>yes</drawfrombottom>
            <statetype name="buttonitem">
                <state name="active">
                    <area>0,0,100%,80</area>
                    <imagetype name="buttonimage">
                        <area>5,5,120,70</area>
                        <preserveaspect>true</preserveaspect>
                    </imagetype>
                    <textarea name="buttontext"><area>0,0,0,0</area></textarea>
                    <textarea name="title">
                        <alpha>255</alpha>
                        <area>130,5,100%-150,100%</area>
                        <font>normal</font>
                        <multiline>no</multiline>
                        <align>allcenter</align>
                        <template>%title%% - |subtitle%% (|year|)%</template>
                    </textarea>
                </state>
                <state name="selectedactive">
                    <area>0,0,100%,150</area>
                    <imagetype name="buttonimage">
                        <area>5,5,120,140</area>
                        <preserveaspect>true</preserveaspect>
                    </imagetype>
                    <textarea name="buttontext"><area>0,0,0,0</area></textarea>
                    <textarea name="title">
                        <alpha>255</alpha>
                        <area>130,5,100%-150,100%</area>
                        <font>normal</font>
                        <multiline>no</multiline>
                        <align>allcenter</align>
                        <template>%title%% - |subtitle%% (|year|)%</template>
                    </textarea>
                </state>
            </statetype>
        </buttonlist>
    </window>

    <window name="MythArtworkResults">
        <area>-1,-1,1000,650</area>
        <animation trigger="AboutToShow">
            <section>
                <alpha start="0" end="255" easingcurve="OutQuart"/>
                <zoom start="0" end="100" easingcurve="OutQuart"/>
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section>
                <alpha start="255" end="0" easingcurve="InQuart"/>
                <zoom start="100" end="0" easingcurve="InQuart"/>
            </section>
        </animation>
        <shape name="popup_background" from="shape_popup_background">
            <area>0,0,100%,100%</area>
        </shape>

        <shape name="shape_title" from="shape_title_base">
            <area>20,20,100%-20,80</area>
        </shape>
        <textarea name="title">
            <area>20,20,100%-20,80</area>
            <font>normal</font>
            <value>Metadata Results</value>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <cutdown>yes</cutdown>
        </textarea>
        <buttonlist name="results">
            <area>20,120,100%-10,100%-10</area>
            <align>top,left</align>
            <layout>grid</layout>
            <spacing>15</spacing>
            <wrapstyle>items</wrapstyle>
            <scrollstyle>free</scrollstyle>
            <!--<arrange>stack</arrange>-->
            <buttonarea>20,20,100%,100%</buttonarea>
            <statetype name="buttonitem">
                <state name="active">
                    <!--<area>0,0,195,150</area>-->
                    <shape name="item_background">
                        <area>0,0,200,200</area>
                        <type>roundbox</type>
                        <fill color="#AEAEAE" alpha="50" />
                        <line color="#FFFFFF" alpha="0" width="0" />
                    </shape>
                    <imagetype name="buttonimage">
                        <area>0,0,200,200</area>
                        <preserveaspect>yes</preserveaspect>
                        <filename/>
                    </imagetype>
                    <textarea name="resolution">
                        <align>allcenter</align>
                        <area>0,0,200,200</area>
                        <font>verysmall_shadow</font>
                        <multiline>yes</multiline>
                        <cutdown>yes</cutdown>
                    </textarea>
                </state>
                <state name="selectedactive" from="active">
                    <alpha>255</alpha>
                    <shape name="item_background">
                        <area>-5,-5,210,210</area>
                        <type>roundbox</type>
                        <fill color="#AEAEAE" alpha="175" />
                        <line color="#FFFFFF" alpha="0" width="0" />
                    </shape>
                    <imagetype name="buttonimage">
                        <area>-10,-10,220,220</area>
                    </imagetype>
                </state>
            </statetype>
            <statetype name="upscrollarrow">
                <area>10,100%-20,15,15</area>
                <state type="off">
                    <imagetype name="upon">
                        <filename>images/shared/arrow_up.png</filename>
                        <alpha>45</alpha>
                    </imagetype>
                </state>
                <state type="full">
                    <imagetype name="upoff">
                        <filename>images/shared/arrow_up.png</filename>
                    </imagetype>
                </state>
            </statetype>
            <statetype name="downscrollarrow">
                <area>30,100%-20,15,15</area>
                <state type="off">
                    <imagetype name="dnon">
                        <filename>images/shared/arrow_down.png</filename>
                        <alpha>45</alpha>
                    </imagetype>
                </state>
                <state type="full">
                    <imagetype name="dnoff">
                        <filename>images/shared/arrow_down.png</filename>
                        <alpha>125</alpha>
                    </imagetype>
                </state>
            </statetype>
        </buttonlist>
    </window>

    <!-- ===================================================== -->
    <!--   THE GROUPS                                          -->
    <!-- ===================================================== -->
    <group name="group_title">
        <area>320,0,640,40</area>
        <animation trigger="AboutToShow">
            <section duration="600" centre="top">
                <alpha start="0" end="255" easingcurve="InQuad"/>
<!--                 <position start="-1,-40" end="-1,-1" /> -->
            </section>
        </animation>
        <shape name="shape_background_title">
            <type>box</type>
            <fill color="#000000" alpha="150" />
            <line color="#AAAAAA" alpha="0" width="0" />
            <area>0,0,640,40</area>
        </shape>
        <textarea name="text_window_title">
            <area>0,0,640,40</area>
            <font>title_small</font>
            <align>allcenter</align>
            <value>text_window_title</value>
        </textarea>
        <shape name="group_title_line_vert1">
            <area>0,0,1,40</area>
            <fill style="gradient">
                <gradient start="#4D3F3F" end="#FFFFFF" alpha="255" direction="vertical" />
            </fill>
         </shape>
        <shape name="group_title_line_horiz1">
            <area>0,40,640,1</area>
            <fill color="#FFFFFF" alpha="255"/>
        </shape>
        <shape name="group_title_line_vert2">
            <area>640,0,1,41</area>
            <fill style="gradient">
                <gradient start="#4D3F3F" end="#FFFFFF" alpha="255" direction="vertical" />
            </fill>
         </shape>
    </group>

    <group name="group_clock">
        <area>980,0,330,40</area>
        <animation trigger="AboutToShow">
            <section duration="600" centre="top">
                <alpha start="0" end="255" easingcurve="InQuad"/>
<!--                 <position start="-1,-40" end="-1,-1" /> -->
            </section>
        </animation>
        <shape name="clock_shape_background">
            <type>box</type>
            <fill color="#000000" alpha="150" />
            <line color="#AAAAAA" alpha="0" width="0" />
            <area>0,0,330,40</area>
        </shape>
        <clock name="clock_text">
            <area>0,0,330,40</area>
            <font>normal</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
            <cutdown>no</cutdown>
        </clock>
        <shape name="group_clock_line_horiz1">
            <area>0,40,300,1</area>
            <fill style="gradient">
                <gradient start="#FFFFFF" end="#4D3F3F" alpha="255" direction="horizontal" />
            </fill>
        </shape>
        <shape name="group_clock_line_vert1">
            <area>0,0,1,40</area>
            <fill style="gradient">
                <gradient start="#4D3F3F" end="#FFFFFF" alpha="255" direction="vertical" />
            </fill>
         </shape>
    </group>

    <group name="group_pathbar">
        <area>0,60,100%,100%</area>
        <animation trigger="AboutToShow">
            <section duration="600">
                <alpha start="0" end="255" easingcurve="InQuad"/>
<!--                 <position start="-1280,-1," end="-1,-1" /> -->
            </section>
        </animation>
        <shape name="shape_background_pathbar">
            <area>0,0,100%,50</area>
            <type>box</type>
            <fill color="#000000" alpha="150" />
            <line color="#AAAAAA" alpha="0" width="0" />
        </shape>
        <shape name="group_shapes_pathbar_line_horiz1" from="shape_line_horiz"><area>0,0,100%,1</area></shape>
        <shape name="group_shapes_pathbar_line_horiz2" from="shape_line_horiz"><area>0,50,100%,1</area></shape>
    </group>

    <group name="group_content">
        <area>0,130,100%,100%-20</area>
        <animation trigger="AboutToShow">
            <section duration="600">
                <alpha start="0" end="255" easingcurve="InQuad"/>
<!--                 <position start="0,1280" end="-1,-1" /> -->
            </section>
        </animation>
        <shape name="shape_background_content">
            <area>0,0,100%,100%</area>
            <type>box</type>
            <fill color="#000000" alpha="150" />
            <line color="#AAAAAA" alpha="0" width="0" />
        </shape>
        <shape name="group_shapes_content_line_horiz1" from="shape_line_horiz"><area>0,0,100%,1</area></shape>
        <shape name="group_shapes_content_line_horiz2" from="shape_line_horiz"><area>0,100%,100%,1</area></shape>
    </group>

    <group name="group_content2">
        <area>0,60,100%,100%-20</area>
        <animation trigger="AboutToShow">
            <section duration="600">
                <alpha start="0" end="255" easingcurve="InQuad"/>
<!--                 <position start="0,1280" end="-1,-1" /> -->
            </section>
        </animation>
        <shape name="shape_background_content">
            <area>0,0,100%,100%</area>
            <type>box</type>
            <fill color="#000000" alpha="150" />
            <line color="#AAAAAA" alpha="0" width="0" />
        </shape>
        <shape name="group_shapes_windows_default_line_horiz1" from="shape_line_horiz"><area>0,0,100%,1</area></shape>
        <shape name="group_shapes_windows_default_line_horiz2" from="shape_line_horiz"><area>0,100%,100%,1</area></shape>
    </group>

    <group name="group_parent_level">
        <area>0,0,40,40</area>
        <animation trigger="AboutToShow">
            <section duration="600" centre="top">
                <alpha start="0" end="255" easingcurve="InQuad"/>
                <position start="-1,-40" end="-1,-1" />
            </section>
        </animation>
        <shape name="shape_background_parent">
            <type>box</type>
            <fill color="#000000" alpha="150" />
            <line color="#AAAAAA" alpha="0" width="0" />
            <area>0,0,40,40</area>
        </shape>
        <shape name="group_parent_line_horiz1">
            <area>0,40,40,1</area>
            <fill color="#FFFFFF" alpha="255"/>
        </shape>
        <shape name="group_parent_line_vert1">
            <area>40,0,1,41</area>
            <fill style="gradient">
                <gradient start="#4D3F3F" end="#FFFFFF" alpha="255" direction="vertical" />
            </fill>
        </shape>
        <statetype name="parentallevel">
            <state name="Lowest">
                <textarea name="parentallevel_text" from="textarea_base">
                    <value>1</value>
                    <area>0,0,40,40</area>
<!--                     <font>title_small</font> -->
                    <align>allcenter</align>
                </textarea>
            </state>
            <state name="Low" from="Lowest">
                <textarea name="parentallevel_text">
                    <value>2</value>
                </textarea>
            </state>
            <state name="Medium" from="Lowest">
                <textarea name="parentallevel_text">
                    <value>3</value>
                </textarea>
            </state>
            <state name="High" from="Lowest">
                <textarea name="parentallevel_text">
                    <value>4</value>
                </textarea>
            </state>
        </statetype>
    </group>

    <group name="group_iconimage">
        <statetype name="icons">
            <state name="commflagged">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/commflagged.png</filename>
                </imagetype>
            </state>
            <state name="cutlist">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/cutlist.png</filename>
                </imagetype>
            </state>
            <state name="autoexpire">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/autoexpire.png</filename>
                </imagetype>
            </state>
            <state name="processing">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/processing.png</filename>
                </imagetype>
            </state>
            <state name="bookmark">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/bookmark.png</filename>
                </imagetype>
            </state>
            <state name="playlist">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/playlist.png</filename>
                </imagetype>
            </state>
            <state name="mono">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/audio/mono.png</filename>
                </imagetype>
            </state>
            <state name="stereo">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/audio/stereo.png</filename>
                </imagetype>
            </state>
            <state name="surround">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/audio/surround.png</filename>
                </imagetype>
            </state>
            <state name="dolby">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/audio/dolby.png</filename>
                </imagetype>
            </state>
            <state name="cc">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/subtitles/cc.png</filename>
                </imagetype>
            </state>
            <state name="subtitles">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/subtitles/subtitles.png</filename>
                </imagetype>
            </state>
            <state name="onscreensub">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/subtitles/onscreensub.png</filename>
                </imagetype>
            </state>
            <state name="hdtv">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/video/hdtv.png</filename>
                </imagetype>
            </state>
            <state name="hd1080">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/video/hd1080.png</filename>
                </imagetype>
            </state>
            <state name="hd720">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/video/hd720.png</filename>
                </imagetype>
            </state>
            <state name="avchd">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/video/avchd.png</filename>
                </imagetype>
            </state>
            <state name="widescreen">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                    <filename>images/tv-recordings/video/widescreen.png</filename>
                </imagetype>
            </state>
            <state name="watched">
                <imagetype name="statusimage">
                    <area>0,0,84,35</area>
                    <preserveaspect>true</preserveaspect>
                  <filename>images/tv-recordings/watched.png</filename>
                </imagetype>
            </state>
        </statetype>
    </group>
</mythuitheme>