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

    <!-- Base Font Definitions -->
    <fontdef name="basesmall" face="DejaVu Sans">
        <pixelsize>19</pixelsize>
        <color>#FFFFFF</color>
    </fontdef>

    <fontdef name="basetiny" from="basesmall">
        <pixelsize>14</pixelsize>
    </fontdef>

    <fontdef name="basemedium" from="basesmall">
        <pixelsize>22</pixelsize>
    </fontdef>

    <fontdef name="baselarge" from="basesmall">
        <pixelsize>25</pixelsize>
        <shadowcolor>#000000</shadowcolor>
        <shadowoffset>4,4</shadowoffset>
        <shadowalpha>64</shadowalpha>
        <weight>bold</weight>
    </fontdef>

    <fontdef name="baseextralarge" from="basesmall">
        <pixelsize>31</pixelsize>
        <shadowcolor>#000000</shadowcolor>
        <shadowoffset>4,4</shadowoffset>
        <shadowalpha>64</shadowalpha>
        <weight>bold</weight>
    </fontdef>

    <!-- Colour variations on base fontdefs -->
    <fontdef name="basetinyred" from="basetiny">
        <color>#ff6b48</color>
    </fontdef>

    <fontdef name="basesmallgrey" from="basesmall">
        <color>#666666</color>
    </fontdef>

    <fontdef name="basesmallpurple" from="basesmall">
        <color>#9999cc</color>
    </fontdef>

    <fontdef name="basesmallblack" from="basesmall">
        <color>#000000</color>
    </fontdef>

    <fontdef name="basesmallyellow" from="basesmall">
        <color>#FFFF33</color>
    </fontdef>

    <fontdef name="basesmallgreen" from="basesmall">
        <color>#80d400</color>
    </fontdef>

    <fontdef name="basesmallblue" from="basesmall">
        <color>#54d6e9</color>
    </fontdef>

    <fontdef name="basesmallred" from="basesmall">
        <color>#ff6b48</color>
    </fontdef>

    <fontdef name="basemediumgrey" from="basemedium">
        <color>#666666</color>
    </fontdef>

    <fontdef name="basemediumgreen" from="basemedium">
        <color>#80d400</color>
    </fontdef>

    <fontdef name="basemediumred" from="basemedium">
        <color>#ff6b48</color>
    </fontdef>

    <fontdef name="basemediumyellow" from="basemedium">
        <color>#FFFF33</color>
    </fontdef>

    <!-- Base definition of a shape used as a background on many screens -->
    <shape name="basebackground">
        <area>0,0,10,10</area>
        <type>roundbox</type>
        <fill color="#000000" alpha="120"/>
        <line color="#FFFFFF" alpha="255" width="2"/>
        <cornerradius>12</cornerradius>
    </shape>

    <!-- Base definition of a shape used as a background to many widgets -->
    <shape name="basewidgetshape">
        <area>0,0,100%,100%</area>
        <type>roundbox</type>
        <cornerradius>4</cornerradius>
        <fill color="#CCCCCC" alpha="120"/>
        <line color="#FFFFFF" width="3"/>
    </shape>

    <shape name="baseselectedwidgetshape" from="basewidgetshape">
        <fill color="#43b038" alpha="200"/>
    </shape>

    <buttonlist name="basebuttonlist">
        <area>0,0,300,250</area>
        <layout>vertical</layout>
        <spacing>5</spacing>
        <wrapstyle>selection</wrapstyle>
        <buttonarea>0,0,100%,97%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,100%,30</area>
                <shape name="buttonbackground">
                    <area>0,0,100%,100%</area>
                    <fill style="gradient">
                        <gradient start="#505050" end="#000000" alpha="200" direction="vertical"/>
                    </fill>
                </shape>
                <textarea name="buttontext">
                    <area>5,0,90%,30</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
                <statetype name="buttoncheck">
                    <position>91%,5</position>
                    <state type="off">
                        <imagetype name="checkoff">
                            <filename>lb-check-empty.png</filename>
                        </imagetype>
                    </state>
                    <state type="half">
                        <imagetype name="checkhalf">
                            <filename>lb-check-half.png</filename>
                        </imagetype>
                    </state>
                    <state type="full">
                        <imagetype name="checkfull">
                            <filename>lb-check-full.png</filename>
                        </imagetype>
                    </state>
                </statetype>
                <imagetype name="buttonarrow">
                    <position>94%,7</position>
                    <filename>lb-arrow.png</filename>
                </imagetype>
            </state>
            <state name="selectedactive" from="active">
                <shape name="buttonbackground">
                    <fill style="gradient">
                        <gradient start="#52CA38" end="#349838" alpha="255"/>
                    </fill>
                </shape>
            </state>
            <state name="selectedinactive" from="active">
                <shape name="buttonbackground">
                    <fill style="gradient">
                        <gradient start="#52CA38" end="#349838" alpha="100"/>
                    </fill>
                </shape>
                <textarea name="buttontext">
                    <font>basesmallpurple</font>
                </textarea>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>10,96%</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>lb-uparrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>lb-uparrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>40,96%</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>lb-dnarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>lb-dnarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="basebuttonlist2">
        <area>0,0,760,305</area>
        <layout>vertical</layout>
        <spacing>4</spacing>
        <wrapstyle>selection</wrapstyle>
        <buttonarea>0,0,760,260</buttonarea>
        <statetype name="buttonitem">
            <area>0,0,760,25</area>
            <state name="active">
                <statetype name="status">
                    <position>0,0</position>
                    <state name="disabled">
                        <imagetype name="statusimage">
                            <filename>schedule_disabled.png</filename>
                        </imagetype>
                    </state>
                    <state name="error">
                        <imagetype name="statusimage">
                            <filename>schedule_conflict.png</filename>
                        </imagetype>
                    </state>
                    <state name="warning">
                        <imagetype name="statusimage">
                            <filename>schedule_other.png</filename>
                        </imagetype>
                    </state>
                    <state name="normal">
                        <imagetype name="statusimage">
                            <filename>schedule_record.png</filename>
                        </imagetype>
                    </state>
                    <state name="running">
                        <imagetype name="statusimage">
                            <filename>schedule_recording.png</filename>
                        </imagetype>
                    </state>
                    <state name="marked"/>
                </statetype>
                <textarea name="buttontext">
                    <area>33,1,730,24</area>
                    <font>basesmall</font>
                    <font state="disabled">basesmallpurple</font>
                    <font state="error">basesmallred</font>
                    <font state="warning">basesmallyellow</font>
                    <font state="normal">basesmallblue</font>
                    <font state="running">basesmallgreen</font>
                    <align>vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="selectbar">
                    <area>25,0,735,25</area>
                    <type>roundbox</type>
                    <line color="#999999" alpha="255" width="2"/>
                    <cornerradius>13</cornerradius>
                </shape>
            </state>
            <state name="selectedinactive" from="active"/>
        </statetype>
        <statetype name="upscrollarrow">
            <position>710,285</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>lb-uparrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>lb-uparrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>740,285</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>lb-dnarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>lb-dnarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <!-- Base definition of a button -->
    <button name="basebutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>button_background.png</filename>
                </imagetype>
                <textarea name="text">
                    <area>5,6,140,30</area>
                    <align>allcenter</align>
                    <font>basemedium</font>
                    <font state="selected">basemedium</font>
                    <font state="disabled">basemediumgrey</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>button_selected_background.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active"/>
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>button_pushed_background.png</filename>
                </imagetype>
                <textarea name="text">
                    <position>8,8</position>
                </textarea>
            </state>
        </statetype>
    </button>

    <!-- Base definition of a wide button -->
    <button name="basewidebutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>wide_button_background.png</filename>
                </imagetype>
                <textarea name="text">
                    <area>5,6,280,30</area>
                    <align>allcenter</align>
                    <font>basemedium</font>
                    <font state="selected">basemedium</font>
                    <font state="disabled">basemediumgrey</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>wide_button_selected_background.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active"/>
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>wide_button_pushed_background.png</filename>
                </imagetype>
                <textarea name="text">
                    <position>8,8</position>
                </textarea>
            </state>
        </statetype>
    </button>

    <!-- Base definition of a very wide button -->
    <button name="baseverywidebutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>very_wide_button_background.png</filename>
                </imagetype>
                <textarea name="text">
                    <area>5,6,395,30</area>
                    <align>allcenter</align>
                    <font>basemedium</font>
                    <font state="selected">basemedium</font>
                    <font state="disabled">basemediumgrey</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>very_wide_button_selected_background.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active"/>
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>very_wide_button_pushed_background.png</filename>
                </imagetype>
                <textarea name="text">
                    <position>8,8</position>
                </textarea>
            </state>
        </statetype>
    </button>

    <!-- Base definition of 'search' button, those little search launch buttons
         which appear next to some text input fields in forms -->
    <button name="basesearchbutton">
        <area>0,0,32,32</area>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>blankbutton_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>blankbutton_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active"/>
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>blankbutton_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <!-- Base definition of checkbox -->
    <checkbox name="basecheckbox">
        <position>0,0</position>
        <statetype name="background">
            <state name="active">
                <imagetype name="background">
                    <filename>checkbox_background_off.png</filename>
                </imagetype>
            </state>
            <state name="selected">
                <imagetype name="background">
                    <filename>checkbox_background_selected.png</filename>
                </imagetype>
            </state>
            <state name="disabled"/>
        </statetype>
        <statetype name="checkstate">
            <position>3,3</position>
            <state type="off"/>
            <state type="half">
                <imagetype name="background">
                    <filename>checkbox_halfcheck.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="mark">
                    <filename>checkbox_fullcheck.png</filename>
                </imagetype>
            </state>
        </statetype>
    </checkbox>

    <!-- Base definition of a spinbox -->
    <spinbox name="basespinbox">
        <area>0,0,90,40</area>
        <layout>horizontal</layout>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,70,40</area>
                <shape name="background" from="basewidgetshape"/>
                <textarea name="buttontext">
                    <area>5,5,55,30</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape"/>
            </state>
            <state name="selectedinactive" from="active"/>
        </statetype>
        <statetype name="downscrollarrow">
            <position>75,2</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>lb-rtarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>lb-rtarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>75,21</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>lb-ltarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>lb-ltarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
    </spinbox>

    <!-- Base definition of a wide spinbox (room for strings) -->
    <spinbox name="basewidespinbox" from="basespinbox">
        <area>0,0,395,40</area>
        <layout>horizontal</layout>
        <buttonarea>0,0,375,100%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,375,40</area>
                <textarea name="buttontext">
                    <area>5,5,365,30</area>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape"/>
            </state>
            <state name="selectedinactive" from="active"/>
        </statetype>
        <statetype name="downscrollarrow">
            <position>380,2</position>
        </statetype>
        <statetype name="upscrollarrow">
            <position>380,21</position>
        </statetype>
    </spinbox>

    <!-- Base definition of a list in 'selector' configuration -->
    <buttonlist name="baseselector">
        <area>0,0,220,40</area>
        <layout>horizontal</layout>
        <buttonarea>0,0,200,100%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,200,40</area>
                <shape name="background" from="basewidgetshape"/>
                <textarea name="buttontext">
                    <area>5,5,190,30</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape"/>
            </state>
            <state name="selectedinactive" from="active"/>
        </statetype>
        <statetype name="downscrollarrow">
            <position>205,2</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>lb-rtarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>lb-rtarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>205,21</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>lb-ltarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>lb-ltarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <!-- Base definition of a list in wide 'selector' configuration -->
    <buttonlist name="basewideselector" from="baseselector">
        <area>0,0,395,40</area>
        <buttonarea>0,0,375,100%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,375,100%</area>
                <textarea name="buttontext">
                    <area>5,5,365,30</area>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape"/>
            </state>
            <state name="selectedinactive" from="active"/>
        </statetype>
        <statetype name="downscrollarrow">
            <position>380,2</position>
        </statetype>
        <statetype name="upscrollarrow">
            <position>380,21</position>
        </statetype>
    </buttonlist>

    <!-- Base definition of a textarea -->
    <textarea name="basetextarea">
        <area>0,0,10,10</area>
        <font>basesmall</font>
        <multiline>no</multiline>
        <align>left</align>
    </textarea>

    <!-- Base definition of a textedit -->
    <textedit name="basetextedit">
        <area>0,0,375,50</area>
        <statetype name="background">
            <state name="active">
                <area>0,0,375,50</area>
                <shape name="background" from="basewidgetshape"/>
                <shape name="textbackground">
                    <area>10,10,355,30</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <fill color="#FFFFFF" alpha="200"/>
                </shape>
            </state>
            <state name="selected" from="active">
                <shape name="background" from="baseselectedwidgetshape"/>
                <shape name="textbackground">
                    <fill color="#FFFFFF" alpha="255"/>
                </shape>
            </state>
            <state name="inactive" from="active"/>
        </statetype>
        <imagetype name="cursor">
            <filename>cursor.png</filename>
        </imagetype>
        <textarea name="text">
            <area>13,13,351,25</area>
            <font>basesmallblack</font>
        </textarea>
    </textedit>

    <!-- Base definition of a multi-line textedit -->
    <textedit name="basemultilinetextedit">
        <area>0,0,375,110</area>
        <statetype name="background">
            <state name="active">
                <area>0,0,375,110</area>
                <shape name="background" from="basewidgetshape"/>
                <shape name="textbackground">
                    <area>10,10,355,90</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <fill color="#FFFFFF" alpha="200"/>
                </shape>
            </state>
            <state name="selected" from="active">
                <shape name="background" from="baseselectedwidgetshape"/>
                <shape name="textbackground">
                    <fill color="#FFFFFF" alpha="255"/>
                </shape>
            </state>
            <state name="inactive" from="active"/>
        </statetype>
        <imagetype name="cursor">
            <filename>cursor.png</filename>
        </imagetype>
        <textarea name="text">
            <area>13,13,351,103</area>
            <font>basesmallblack</font>
            <multiline>yes</multiline>
        </textarea>
    </textedit>

    <!-- Base definition of a progressbar -->
    <progressbar name="baseprogressbar">
        <area>0,0,536,38</area>
        <layout>horizontal</layout>
        <style>reveal</style>
        <imagetype name="background">
            <area>0,0,100%,100%</area>
            <filename>progressbar_background.png</filename>
        </imagetype>
        <imagetype name="progressimage">
            <area>0,0,100%,100%</area>
            <filename>progressbar_fill.png</filename>
        </imagetype>
    </progressbar>

    <!-- small progressbar half screen width at 800 -->
    <progressbar name="smallprogressbar" from="baseprogressbar">
        <area>0,0,335,24</area>
    </progressbar>

    <!-- Base definition of a state used for ratings 0 to 10 -->
    <statetype name="baseratingstate">
        <position>0,0</position>
        <state name="0">
            <imagetype name="stars">
                <filename>shared/0_stars.png</filename>
            </imagetype>
        </state>
        <state name="1">
            <imagetype name="stars">
                <filename>shared/1_stars.png</filename>
            </imagetype>
        </state>
        <state name="2">
            <imagetype name="stars">
                <filename>shared/2_stars.png</filename>
            </imagetype>
        </state>
        <state name="3">
            <imagetype name="stars">
                <filename>shared/3_stars.png</filename>
            </imagetype>
        </state>
        <state name="4">
            <imagetype name="stars">
                <filename>shared/4_stars.png</filename>
            </imagetype>
        </state>
        <state name="5">
            <imagetype name="stars">
                <filename>shared/5_stars.png</filename>
            </imagetype>
        </state>
        <state name="6">
            <imagetype name="stars">
                <filename>shared/6_stars.png</filename>
            </imagetype>
        </state>
        <state name="7">
            <imagetype name="stars">
                <filename>shared/7_stars.png</filename>
            </imagetype>
        </state>
        <state name="8">
            <imagetype name="stars">
                <filename>shared/8_stars.png</filename>
            </imagetype>
        </state>
        <state name="9">
            <imagetype name="stars">
                <filename>shared/9_stars.png</filename>
            </imagetype>
        </state>
        <state name="10">
            <imagetype name="stars">
                <filename>shared/10_stars.png</filename>
            </imagetype>
        </state>
    </statetype>

    <!-- Extra small text for Gallery images -->
    <fontdef name="gallerytext" from="basesmall">
        <pixelsize>18</pixelsize>
        <outlinecolor>#000000</outlinecolor>
        <outlinesize>2</outlinesize>
    </fontdef>

    <!-- A gallery button showing a picture, video or folder -->
    <group name="galleryactivebutton">
        <area>0,0,100%,100%</area>
        <!-- Show a background image depending on node type -->
        <statetype name="buttontype">
            <area>0,0,100%,100%</area>
            <state name="subfolder">
                <area>0,0,100%,100%</area>
                <imagetype name="background">
                    <area>0,0,100%,100%</area>
                    <filename>shared/folder-reg.png</filename>
                </imagetype>
            </state>
            <state name="device" from="subfolder"/>
            <state name="image">
                <area>0,0,100%,100%</area>
                <imagetype name="background">
                    <area>0,0,100%,100%</area>
                    <filename>shared/grid_back_reg.png</filename>
                    <alpha>64</alpha>
                </imagetype>
            </state>
            <state name="video">
                <area>0,0,100%,100%</area>
                <imagetype name="background">
                    <area>0,0,100%,100%</area>
                    <filename>shared/movie-reg.png</filename>
                </imagetype>
            </state>
        </statetype>
        <!-- Show how many images / directories are in this directory -->
        <textarea name="childcount" from="basetextarea">
            <area>5%,0,100%,15%</area>
            <font>gallerytext</font>
            <align>left,vcenter</align>
        </textarea>
        <!-- Shows a picture image -->
        <imagetype name="buttonimage">
            <area>2%,2%,98%,98%</area>
            <preserveaspect>yes</preserveaspect>
        </imagetype>
        <!-- Shows a single folder image -->
        <imagetype name="folderimage">
            <area>4%,15%,97%,98%</area>
            <preserveaspect>yes</preserveaspect>
        </imagetype>
        <!-- Shows a video image -->
        <imagetype name="videoimage">
            <area>4%,10%,97%,90%</area>
            <preserveaspect>yes</preserveaspect>
        </imagetype>
        <!-- Shows 4 images for default folder -->
        <imagetype name="thumbimage0">
            <area>4%,15%,47%,47%</area>
            <preserveaspect>true</preserveaspect>
        </imagetype>
        <imagetype name="thumbimage1" from="thumbimage0">
            <area>51%,15%,92%,47%</area>
        </imagetype>
        <imagetype name="thumbimage2" from="thumbimage0">
            <area>4%,57%,47%,93%</area>
        </imagetype>
        <imagetype name="thumbimage3" from="thumbimage0">
            <area>51%,57%,92%,93%</area>
        </imagetype>
        <!-- Show up arrow on parent dir with ancestors -->
        <statetype name="parenttype">
            <area>0,0,100%,100%</area>
            <state name="upfolder">
                <area>0,0,100%,100%</area>
                <imagetype name="icon">
                    <area>4%,14%,10%,20%</area>
                    <filename>uparrow.png</filename>
                    <preserveaspect>no</preserveaspect>
                    <alpha>208</alpha>
                </imagetype>
            </state>
        </statetype>
        <!-- Darken hidden files/ folders -->
        <statetype name="buttonstate">
            <area>0,0,100%,100%</area>
            <state name="visible"/>
            <state name="hidden">
                <area>0,0,100%,100%</area>
                <shape name="hidden_background_shape">
                    <area>0,0,100%,100%</area>
                    <type>box</type>
                    <fill color="#000000" alpha="128"/>
                </shape>
            </state>
        </statetype>
        <!-- Shows that the image was marked/selected and
        might be manipulated with other images -->
        <statetype name="buttoncheck">
            <area>0,0,100%,100%</area>
            <state type="full">
                <area>42%,49%,26%,26%</area>
                <shape name="marked_background">
                    <area>0,0,100%,100%</area>
                    <type>ellipse</type>
                    <fill color="#000000"/>
                </shape>
                <imagetype name="marked">
                    <area>0,0,100%,100%</area>
                    <filename>schedule_recording.png</filename>
                </imagetype>
            </state>
        </statetype>
        <textarea name="buttontext">
            <area>2%,100%-22,99%,22</area>
            <font>gallerytext</font>
            <align>allcenter</align>
        </textarea>
    </group>

    <!-- A selected gallery button of a picture, video or folder -->
    <group name="galleryselectedbutton" from="galleryactivebutton">
        <area>0,0,100%,100%</area>
        <statetype name="buttontype">
            <area>0,0,100%,100%</area>
            <state name="subfolder">
                <area>0,0,100%,100%</area>
                <imagetype name="background">
                    <area>0,0,100%,100%</area>
                    <filename>shared/folder-sel.png</filename>
                </imagetype>
            </state>
            <state name="device" from="subfolder"/>
            <state name="image">
                <area>0,0,100%,100%</area>
                <imagetype name="background">
                    <area>0,0,100%,100%</area>
                    <filename>shared/grid_back_sel.png</filename>
                    <alpha>255</alpha>
                </imagetype>
            </state>
            <state name="video">
                <area>0,0,100%,100%</area>
                <imagetype name="background">
                    <area>0,0,100%,100%</area>
                    <filename>shared/movie-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
    </group>

    <!--Image information used by multiple windows-->
    <buttonlist name="galleryinfolist">
        <area>1%,0,99%,100%-30</area>
        <layout>vertical</layout>
        <spacing>0</spacing>
        <wrapstyle>selection</wrapstyle>
        <buttonarea>0,5%,100%,98%</buttonarea>
        <statetype name="buttonitem">
            <area>0,0,100%,100%</area>
            <state name="active">
                <area>0,0,100%,34</area>
                <shape name="buttonbackground">
                    <area>0,0,100%,100%</area>
                    <fill style="gradient">
                        <gradient start="#505050" end="#000000" alpha="128" direction="vertical"/>
                    </fill>
                </shape>
                <textarea name="name" from="basetextarea">
                    <area>1%,0%,33%,100%</area>
                    <align>vcenter</align>
                </textarea>
                <textarea name="value" from="name">
                    <area>35%,0%,99%,100%</area>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="buttonbackground">
                    <area>0,0,100%,100%</area>
                    <fill style="gradient">
                        <gradient start="#52CA38" end="#349838" alpha="255"/>
                    </fill>
                </shape>
                <textarea name="name" from="basetextarea">
                    <area>1%,0%,33%,100%</area>
                    <align>vcenter</align>
                    <cutdown>no</cutdown>
                    <scroll direction="horizontal" startdelay="0" returndelay="0"/>
                </textarea>
                <textarea name="value" from="name">
                    <area>35%,0%,99%,100%</area>
                </textarea>
            </state>
            <state name="inactive" from="active"/>
            <state name="selectedinactive" from="active"/>
        </statetype>
        <statetype name="upscrollarrow">
            <position>46%,2%</position>
            <state type="full">
                <imagetype name="upoff">
                    <filename>lb-uparrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>46%,98%</position>
            <state type="full">
                <imagetype name="dnoff">
                     <filename>lb-dnarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <!-- Popup Dialogue Box -->
    <window name="MythPopupBox">
        <area>-1,-1,500,500</area>
        <imagetype name="backimg">
            <filename>mythdialogbox-background.png</filename>
        </imagetype>

        <textarea name="messagearea" from="basetextarea">
            <area>12,15,470,210</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
        </textarea>

        <buttonlist name="list" from="basebuttonlist">
            <area>12,225,470,250</area>
            <drawfrombottom>yes</drawfrombottom>
            <showarrow>no</showarrow>
            <wrapstyle>selection</wrapstyle>
            <statetype name="buttonitem">
                <state name="active">
                    <textarea name="buttontext">
                        <area>0,0,100%,30</area>
                        <align>allcenter</align>
                    </textarea>
                </state>
                <state name="selectedinactive">
                    <textarea name="buttontext">
                        <area>0,0,100%,30</area>
                        <align>allcenter</align>
                    </textarea>
                </state>
                <state name="selectedactive">
                    <textarea name="buttontext">
                        <area>0,0,100%,30</area>
                        <align>allcenter</align>
                    </textarea>
                </state>
            </statetype>
        </buttonlist>
    </window>

    <!-- Fullscreen Dialogue Box -->
    <window name="MythDialogBox">

        <shape name="background" from="basebackground">
            <area>10,10,780,580</area>
            <fill color="#333333" alpha="255"/>
        </shape>

        <textarea name="title" from="basetextarea">
            <area>20,15,760,50</area>
            <font>baselarge</font>
            <align>allcenter</align>
        </textarea>

        <textarea name="messagearea" from="basetextarea">
            <area>20,70,760,210</area>
            <multiline>yes</multiline>
            <font>basemedium</font>
            <align>allcenter</align>
        </textarea>

        <buttonlist name="list" from="basebuttonlist">
            <area>20,280,760,300</area>
            <drawfrombottom>yes</drawfrombottom>
            <showarrow>no</showarrow>
            <wrapstyle>selection</wrapstyle>
            <statetype name="buttonitem">
                <state name="active">
                    <textarea name="buttontext">
                        <area>0,0,100%,30</area>
                        <align>allcenter</align>
                    </textarea>
                </state>
                <state name="selectedinactive">
                    <textarea name="buttontext">
                        <area>0,0,100%,30</area>
                        <align>allcenter</align>
                    </textarea>
                </state>
                <state name="selectedactive">
                    <textarea name="buttontext">
                        <area>0,0,100%,30</area>
                        <align>allcenter</align>
                    </textarea>
                </state>
            </statetype>
        </buttonlist>
    </window>

    <window name="MythBusyDialog">
        <area>-1,-1,580,165</area>
        <imagetype name="backimg">
            <filename>mythprogressdialog-background.png</filename>
        </imagetype>
        <imagetype name="animation">
            <position>40,40</position>
            <filepattern low="0" high="24">busyimages/%1.png</filepattern>
            <delay>250</delay>
        </imagetype>
        <textarea name="message" from="basetextarea">
            <area>170,20,390,125</area>
            <align>allcenter</align>
        </textarea>
    </window>

    <window name="MythProgressDialog">
        <area>-1,-1,580,165</area>
        <imagetype name="backimg">
            <filename>mythprogressdialog-background.png</filename>
        </imagetype>
        <textarea name="message" from="basetextarea">
            <area>20,20,540,60</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
        </textarea>
        <progressbar name="progressbar" from="baseprogressbar">
            <position>22,80</position>
        </progressbar>
        <textarea name="progresstext" from="basetextarea">
            <area>30,130,200,30</area>
            <align>left,top</align>
            <value>0%</value>
        </textarea>
    </window>

    <window name="MythConfirmationDialog">
        <area>-1,-1,580,165</area>

        <imagetype name="backimg">
            <filename>mythprogressdialog-background.png</filename>
        </imagetype>

        <textarea name="message" from="basetextarea">
            <area>15,15,550,90</area>
            <align>allcenter</align>
            <multiline>yes</multiline>
            <cutdown>no</cutdown>
        </textarea>

        <button name="cancel" from="basebutton">
            <position>90,110</position>
            <value>Cancel</value>
        </button>

        <button name="ok" from="basebutton">
            <position>338,110</position>
            <value>OK</value>
        </button>
    </window>

    <window name="MythTextInputDialog">
        <area>-1,-1,580,165</area>

        <imagetype name="backimg">
            <filename>mythprogressdialog-background.png</filename>
        </imagetype>

        <textarea name="message" from="basetextarea">
            <area>20,20,540,30</area>
            <align>allcenter</align>
        </textarea>

        <textedit name="input" from="basetextedit">
            <position>102,50</position>
        </textedit>

        <button name="ok" from="basebutton">
            <position>109,110</position>
            <value>OK</value>
        </button>
    </window>

    <window name="MythSpinBoxDialog">
        <area>-1,-1,580,165</area>

        <imagetype name="backimg">
            <filename>mythprogressdialog-background.png</filename>
        </imagetype>

        <textarea name="message" from="basetextarea">
            <area>20,20,540,30</area>
            <align>allcenter</align>
        </textarea>

        <spinbox name="input" from="basespinbox">
            <position>245,50</position>
        </spinbox>

        <button name="ok" from="basebutton">
            <position>109,110</position>
            <value>OK</value>
        </button>
    </window>

    <window name="MythSearchDialog">
        <area>-1,-1,500,500</area>
        <imagetype name="backimg">
            <filename>mythdialogbox-background.png</filename>
        </imagetype>

        <textarea name="title" from="basetextarea">
            <area>12,20,470,60</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
        </textarea>

        <textedit name="input" from="basetextedit">
            <position>58,85</position>
        </textedit>

        <buttonlist name="itemlist" from="basebuttonlist">
            <area>12,150,470,270</area>
            <showarrow>no</showarrow>
            <statetype name="buttonitem">
                <state name="active">
                    <textarea name="buttontext">
                        <area>4,0,460,30</area>
                    </textarea>
                </state>
                <state name="selectedinactive">
                    <textarea name="buttontext">
                        <area>5,0,460,30</area>
                    </textarea>
                </state>
                <state name="selectedactive">
                    <textarea name="buttontext">
                        <area>5,0,460,30</area>
                    </textarea>
                </state>
            </statetype>
        </buttonlist>

        <button name="cancel" from="basebutton">
            <position>30,435</position>
            <value>Cancel</value>
        </button>

        <button name="ok" from="basebutton">
            <position>315,435</position>
            <value>OK</value>
        </button>

    </window>

    <!-- Popup search dialog used to search button lists -->
    <window name="MythSearchListDialog">
        <area>-1,-1,620,165</area>
        <imagetype name="backimg">
            <area>0,0,620,165</area>
            <filename>mythprogressdialog-background.png</filename>
        </imagetype>

        <textarea name="title" from="basetextarea">
            <area>5,10,600,30</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <value>Search List</value>
        </textarea>

        <textedit name="searchedit" from="basetextedit">
            <position>120,40</position>
        </textedit>

        <button name="prevbutton" from="basebutton">
            <position>20,105</position>
            <value>Previous</value>
        </button>

        <button name="nextbutton" from="basebutton">
            <position>445,105</position>
            <value>Next</value>
        </button>

        <statetype name="searchstate">
            <area>210,120,200,30</area>
            <state name="found">
                <textarea name="statustext" from="basetextarea">
                    <area>0,0,200,30</area>
                    <align>allcenter</align>
                    <font>basesmallgreen</font>
                    <value>Found</value>
                </textarea>
            </state>
            <state name="notfound">
                <textarea name="statustext" from="basetextarea">
                    <area>0,0,200,30</area>
                    <align>allcenter</align>
                    <font>basesmallred</font>
                    <value>Not Found</value>
                </textarea>
            </state>
        </statetype>
    </window>

    <window name="MythFileBrowser">
        <area>-1,-1,730,510</area>
        <imagetype name="backimg">
            <filename>mythfilebrowser-background.png</filename>
        </imagetype>

        <textedit name="location" from="basetextedit">
            <position>40,15</position>
        </textedit>

        <buttonlist name="filelist">
            <area>5,70,500,440</area>
            <layout>grid</layout>
            <buttonarea>0,0,500,430</buttonarea>
            <statetype name="buttonitem">
                <state name="active">
                    <area>0,0,165,105</area>
                    <shape name="buttonbackground"/>
                    <statetype name="nodetype">
                        <state name="folder">
                            <imagetype name="icon">
                                <area>5,4,150,74</area>
                                <filename>shared/directory.png</filename>
                                <preserveaspect>yes</preserveaspect>
                            </imagetype>
                        </state>
                        <state name="upfolder" from="folder">
                            <imagetype name="icon">
                                <filename>shared/updirectory.png</filename>
                            </imagetype>
                        </state>
                        <state name="executable" from="folder">
                            <imagetype name="icon">
                                <filename>shared/executable.png</filename>
                            </imagetype>
                        </state>
                        <state name="file" from="folder">
                            <imagetype name="icon">
                                <filename>shared/file.png</filename>
                            </imagetype>
                        </state>
                    </statetype>
                    <imagetype name="buttonimage">
                        <area>5,4,150,74</area>
                        <preserveaspect>true</preserveaspect>
                    </imagetype>
                    <textarea name="buttontext" from="basetextarea">
                        <area>2,80,160,25</area>
                        <align>allcenter</align>
                    </textarea>
                </state>
                <state name="inactive" from="active"/>
                <state name="selectedinactive" from="active"/>
                <state name="selectedactive" from="active">
                    <shape name="buttonbackground">
                        <area>0,0,165,105</area>
                        <fill style="gradient">
                            <gradient start="#999999" end="#666666" alpha="220"/>
                        </fill>
                    </shape>
                </state>
            </statetype>
        </buttonlist>

        <imagetype name="preview">
            <area>510,125,200,230</area>
            <preserveaspect>true</preserveaspect>
        </imagetype>

        <textarea name="info" from="basetextarea">
            <area>520,355,180,25</area>
            <align>allcenter</align>
        </textarea>

        <button name="back" from="basebutton">
            <position>530,15</position>
            <value>Up Level</value>
        </button>

        <button name="home" from="basebutton">
            <position>530,70</position>
            <value>Home</value>
        </button>

        <button name="cancel" from="basebutton">
            <position>530,385</position>
            <value>Cancel</value>
        </button>

        <button name="ok" from="basebutton">
            <position>530,440</position>
            <value>OK</value>
        </button>

    </window>

    <window name="MythTimeInputDialog">
        <area>-1,-1,580,165</area>

        <imagetype name="box">
            <filename>mythprogressdialog-background.png</filename>
        </imagetype>

        <textarea name="message" from="basetextarea">
            <area>10,8,560,50</area>
            <font>basemedium</font>
            <align>allcenter</align>
            <value>Select Time &amp; Date</value>
            <multiline>true</multiline>
        </textarea>

        <buttonlist name="dates" from="baseselector">
            <position>40,65</position>
        </buttonlist>

        <buttonlist name="times" from="baseselector">
            <position>330,65</position>
        </buttonlist>

        <button name="ok" from="basebutton">
            <position>220,115</position>
            <value>OK</value>
        </button>

    </window>

    <window name="videowindow">

        <shape name="shape1">
            <area>0,0,800,600</area>
            <type>box</type>
            <fill color="#000000" alpha="255"/>
        </shape>

        <textarea name="title" from="basetextarea">
            <area>250,275,300,50</area>
            <font>baselarge</font>
            <align>allcenter</align>
            <value>Please Wait...</value>
        </textarea>

        <progressbar name="progress" from="baseprogressbar">
            <position>132,375</position>
        </progressbar>

    </window>

    <window name="MythMetadataResults">
        <area>193,87,413,426</area>

        <imagetype name="box">
            <filename>mv_results_popup.png</filename>
        </imagetype>

        <buttonlist name="results" from="basebuttonlist">
            <area>20,22,357,378</area>
            <showarrow>no</showarrow>
        </buttonlist>
    </window>

    <window name="MythArtworkResults">
        <area>193,87,413,426</area>

        <imagetype name="box">
            <filename>mv_results_popup.png</filename>
            <area>0,0,413,426</area>
        </imagetype>

        <buttonlist name="results">
            <area>20,22,363,378</area>
            <layout>vertical</layout>
            <spacing>5</spacing>
            <wrapstyle>selection</wrapstyle>
            <buttonarea>0,0,100%,97%</buttonarea>
            <statetype name="buttonitem">
                <state name="active">
                    <area>0,0,100%,85</area>
                    <shape name="buttonbackground">
                        <area>0,0,100%,100%</area>
                        <fill style="gradient">
                            <gradient start="#505050" end="#000000" alpha="200" direction="vertical"/>
                        </fill>
                    </shape>
                    <imagetype name="buttonimage">
                        <area>5,2,150,80</area>
                        <preserveaspect>true</preserveaspect>
                    </imagetype>
                    <textarea name="resolution">
                        <area>160,0,175,80</area>
                        <font>basesmall</font>
                        <cutdown>yes</cutdown>
                        <align>left,vcenter</align>
                    </textarea>
                </state>
                <state name="selectedactive" from="active">
                    <shape name="buttonbackground">
                        <fill style="gradient">
                            <gradient start="#52CA38" end="#349838" alpha="255"/>
                        </fill>
                    </shape>
                </state>
                <state name="selectedinactive" from="active">
                    <shape name="buttonbackground">
                        <fill style="gradient">
                            <gradient start="#52CA38" end="#349838" alpha="100"/>
                        </fill>
                    </shape>
                    <textarea name="resolution">
                        <font>basesmallpurple</font>
                    </textarea>
                </state>
            </statetype>
            <statetype name="upscrollarrow">
                <position>10,96%</position>
                <state type="off">
                    <imagetype name="upon">
                        <filename>lb-uparrow-reg.png</filename>
                    </imagetype>
                </state>
                <state type="full">
                    <imagetype name="upoff">
                        <filename>lb-uparrow-sel.png</filename>
                    </imagetype>
                </state>
            </statetype>
            <statetype name="downscrollarrow">
                <position>40,96%</position>
                <state type="off">
                    <imagetype name="dnon">
                        <filename>lb-dnarrow-reg.png</filename>
                    </imagetype>
                </state>
                <state type="full">
                    <imagetype name="dnoff">
                        <filename>lb-dnarrow-sel.png</filename>
                    </imagetype>
                </state>
            </statetype>
        </buttonlist>
    </window>

    <!-- Black background for OpenMAX videos to prevent bleed through-->
    <window name="videobackground">

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

    </window>


</mythuitheme>
