base.xml

<mythuitheme>

    <!-- Base Font Definitions -->
    <fontdef name="basesmall" face="Scout">
        <size>15</size>
        <color>#FFFFFF</color>
    </fontdef>

    <fontdef name="basesmalldrop" from="basesmall">
        <shadowcolor>#000000</shadowcolor>
        <shadowoffset>3,3</shadowoffset>
        <shadowalpha>64</shadowalpha>
    </fontdef>

    <fontdef name="basemedium" from="basesmall">
        <size>20</size>
    </fontdef>

    <fontdef name="basegallerymedium" from="basesmall">
        <size>18</size>
    </fontdef>

    <fontdef name="baselarge" from="basesmall">
        <size>22</size>
    </fontdef>

    <fontdef name="baseextralarge" from="basesmall">
        <size>24</size>
        <shadowcolor>#000000</shadowcolor>
        <shadowoffset>4,4</shadowoffset>
        <shadowalpha>64</shadowalpha>
    </fontdef>
    
    <!-- MythVideo fonts -->
    <fontdef name="videosmall" face="Scout">
        <size>20</size>
        <color>#FFFFFF</color>
    </fontdef>
    
    <fontdef name="videosmall_gray" from="videosmall">
        <color>#AAAAAA</color>
    </fontdef>
    
    <fontdef name="videomedium" from="videosmall">
        <size>22</size>
        <color>#FFFFFF</color>
    </fontdef>
    
    <fontdef name="videolarge" from="videosmall">
        <size>25</size>
        <color>#FFFFFF</color>
    </fontdef>
    
    <fontdef name="videolarge_gray" from="videolarge">
        <color>#AAAAAA</color>
    </fontdef>
    
    <fontdef name="videolarge_red" from="videolarge">
        <color>#FF0000</color>
    </fontdef>
    
    <fontdef name="videolarge_green" from="videolarge">
        <color>#00FF00</color>
    </fontdef>
    
    <fontdef name="videoxlarge" from="videosmall">
        <size>50</size>
        <color>#FFFFFF</color>
    </fontdef>

    <!-- Colour variations on base fonts -->
    <fontdef name="basesmallgrey" from="basesmall">
        <color>#bcbcbc</color>
    </fontdef>

    <fontdef name="basesmalldarkgrey" 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>#0492A7</color>
    </fontdef>

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

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

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

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

    <fontdef name="basemediumpurple" from="basemedium">
        <color>#9999cc</color>
    </fontdef>

    <fontdef name="clock" from="basesmall">
         <size>20</size>
        <color>#666666</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="255" />
        <line color="#222222" alpha="255" width="2" />
        <cornerradius>12</cornerradius>
    </shape>

    <!-- Base definition of a shape used as a box background on many screens -->
    <shape name="baseboxbackground">
            <type>roundbox</type>
            <cornerradius>12</cornerradius>
            <area>0,0,10,10</area>
            <fill color="#000000" alpha="150" />
    </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>12</cornerradius>
        <fill color="#666666" alpha="50" />
    </shape>

    <shape name="baseselectedwidgetshape" from="basewidgetshape">
        <fill color="#FFFFFF" alpha="50" />
    </shape>

    <buttonlist name="basebuttonlist">
        <area>0,0,300,250</area>
        <layout>vertical</layout>
        <spacing>5</spacing>
        <buttonarea>0,0,100%,97%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,100%,30</area>
                <shape name="buttonbackground">
                    <type>roundbox</type>
                    <area>0,0,99%,30</area>
                    <fill color="#666666" alpha="50" />
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <area>16,0,94%,31</area>
                    <font>basesmallgrey</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
                <statetype name="buttoncheck">
                    <position>91%,5</position>
                    <state type="off">
                        <imagetype name="checkoff">
                            <filename>shared/lb-check-empty.png</filename>
                        </imagetype>
                    </state>
                    <state type="half">
                        <imagetype name="checkhalf">
                            <filename>shared/lb-check-half.png</filename>
                        </imagetype>
                    </state>
                    <state type="full">
                        <imagetype name="checkfull">
                            <filename>shared/lb-check-full.png</filename>
                        </imagetype>
                    </state>
                </statetype>
                <imagetype name="buttonarrow">
                    <position>94%,7</position>
                    <filename>shared/lb-arrow.png</filename>
                </imagetype>
            </state>
            <state name="selectedactive" from="active">
                <shape name="buttonbackground">
                    <type>roundbox</type>
                    <fill color="#ffffff" alpha="50" />
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <font>basesmall</font>
                </textarea>
            </state>
            <state name="selectedinactive" from="active">
                <shape name="buttonbackground">
                    <type>roundbox</type>
                    <fill color="#ffffff" alpha="50" />
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <font>basesmallgrey</font>
                </textarea>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>10,96%</position>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/uparrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>40,96%</position>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/downarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>


    <!-- Base definition of a buttonlist in wide configuration -->
    <buttonlist name="basebuttonlist2">
        <area>0,0,1240,350</area>
        <layout>vertical</layout>
        <spacing>4</spacing>
        <wrapstyle>selection</wrapstyle>
        <buttonarea>0,0,1200,350</buttonarea>
        <statetype name="buttonitem">
            <area>0,0,1200,25</area>
            <state name="active">
                <statetype name="status">
                    <position>0,0</position>
                    <state name="disabled">
                        <imagetype name="statusimage">
                            <filename>shared/schedule_disabled.png</filename>
                        </imagetype>
                    </state>
                    <state name="error">
                        <imagetype name="statusimage">
                            <filename>shared/schedule_conflict.png</filename>
                        </imagetype>
                    </state>
                    <state name="warning">
                        <imagetype name="statusimage">
                            <filename>shared/schedule_other.png</filename>
                        </imagetype>
                    </state>
                    <state name="normal">
                        <imagetype name="statusimage">
                            <filename>shared/schedule_record.png</filename>
                        </imagetype>
                    </state>
                    <state name="running">
                        <imagetype name="statusimage">
                            <filename>shared/schedule_recording.png</filename>
                        </imagetype>
                    </state>
                    <state name="marked"></state>
                </statetype>
                <shape name="buttonbackground">
                    <area>30,0,1162,25</area>
                    <type>roundbox</type>
                    <fill color="#000000" alpha="150" />
                    <cornerradius>13</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <area>35,1,1155,24</area>
                    <font>basesmallgrey</font>
                    <align>vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="selectbar">
                    <area>30,0,1162,25</area>
                    <type>roundbox</type>
                    <fill color="#666666" alpha="150" />
                    <cornerradius>13</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <font>basesmall</font>
                </textarea>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="upscrollarrow">
            <position>1190,5</position>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/uparrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>1190,320</position>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/downarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <!-- Base definition of a button -->
    <button name="basebutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <shape name="buttonbackground">
                    <type>roundbox</type>
                    <area>0,0,200,70</area>
                    <fill color="#666666" alpha="50" />
                    <cornerradius>7</cornerradius>
                </shape>
                <textarea name="text">
                    <area>0,0,200,70</area>
                    <align>allcenter</align>
                    <font>basesmall</font>
                    <font state="selected">basesmall</font>
                    <font state="disabled">basesmallgrey</font>
                </textarea>
                <alphapulse min="210" max="255" change="1"/>
            </state>
            <state name="selected" from="active">
                <shape name="buttonbackground">
                    <fill color="#ffffff" alpha="50" />
                </shape>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active" />
        </statetype>
    </button>
    
    <!-- Base definition of a button used in the video plugin-->
    <button name="videobutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <shape name="buttonbackground">
                    <type>roundbox</type>
                    <area>0,0,200,70</area>
                    <fill color="#666666" alpha="50" />
                    <cornerradius>7</cornerradius>
                </shape>
                <textarea name="text">
                    <area>0,0,200,70</area>
                    <align>allcenter</align>
                    <font>videolarge</font>
                    <font state="selected">videolarge</font>
                    <font state="disabled">videolarge_grey</font>
                </textarea>
                <alphapulse min="210" max="255" change="1"/>
            </state>
            <state name="selected" from="active">
                <shape name="buttonbackground">
                    <fill color="#ffffff" alpha="50" />
                </shape>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active" />
        </statetype>
    </button>

    <button name="basewidebutton">
        <area>0,0,300,40</area>
        <statetype name="buttonstate">
            <state name="active">
                <shape name="buttonbackground">
                    <type>roundbox</type>
                    <area>0,0,300,40</area>
                    <fill color="#666666" alpha="50" />
                    <cornerradius>20</cornerradius>
                </shape>
                <textarea name="text">
                    <area>10,0,280,40</area>
                    <align>allcenter</align>
                    <font>basesmall</font>
                    <font state="selected">basesmall</font>
                    <font state="disabled">basesmallgrey</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <shape name="buttonbackground">
                    <fill color="#ffffff" alpha="50" />
                </shape>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active" />

        </statetype>
    </button>

    <!-- Base definition of checkbox -->
    <checkbox name="basecheckbox">
        <position>0,0</position>
        <statetype name="background">
            <state name="active">
                <imagetype name="background">
                    <filename>shared/checkbox_background_off.png</filename>
                </imagetype>
            </state>
            <state name="selected">
                <imagetype name="background">
                    <filename>shared/checkbox_background_selected.png</filename>
                </imagetype>
            </state>
            <state name="disabled" />
        </statetype>
        <statetype name="checkstate">
            <position>1,1</position>
            <state type="off" />
            <state type="half">
                <imagetype name="background">
                    <filename>shared/checkbox_halfcheck.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="mark">
                    <filename>shared/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,5,70,30</area>
                <shape name="background" from="basewidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <area>10,0,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">
                    <cornerradius>15</cornerradius>
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>75,2</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>shared/lb-rtarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/lb-rtarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>75,21</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>shared/lb-ltarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/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,525,40</area>
        <layout>horizontal</layout>
        <buttonarea>0,0,505,30</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,5,505,30</area>
                <shape name="background" from="basewidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <area>15,0,475,30</area>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>510,2</position>
        </statetype>
        <statetype name="upscrollarrow">
            <position>510,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,40</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,5,200,30</area>
                <shape name="background" from="basewidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <area>15,0,170,30</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
            </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 narrow list in 'selector' configuration -->
    <buttonlist name="basenarrowselector">
        <area>0,0,100,40</area>
        <layout>horizontal</layout>
        <buttonarea>0,0,80,40</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,5,80,30</area>
                <shape name="background" from="basewidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <area>15,0,70,30</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>105,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>105,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 longer list in 'selector' configuration -->
    <buttonlist name="basemediumselector">
        <area>0,0,375,40</area>
        <layout>horizontal</layout>
        <buttonarea>0,0,355,40</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,5,355,30</area>
                <shape name="background" from="basewidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <area>15,0,305,30</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>380,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>380,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">
        <area>0,0,525,40</area>
        <layout>horizontal</layout>
        <buttonarea>0,0,505,40</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,5,505,30</area>
                <shape name="background" from="basewidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <area>15,0,475,30</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape">
                    <cornerradius>15</cornerradius>
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>510,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>510,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 textarea -->
    <textarea name="basetextarea">
        <area>0,0,10,10</area>
        <font>videosmall</font>
        <multiline>no</multiline>
        <align>left</align>
    </textarea>

    <!-- Base definition of a textedit -->
    <textedit name="basetextedit">
        <area>0,0,375,35</area>
        <statetype name="background">
            <state name="active">
                <area>0,0,375,30</area>
                <shape name="textbackground">
                    <area>0,0,355,35</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <fill color="#666666" alpha="100" />
                </shape>
            </state>
            <state name="selected" from="active">
                <shape name="textbackground">
                    <fill color="#FFFFFF" alpha="100" />
                </shape>
            </state>
            <state name="inactive" from="active" />
        </statetype>
        <imagetype name="cursor">
            <filename>cursor.png</filename>
        </imagetype>
        <textarea name="text">
            <area>25,0,305,35</area>
            <align>vcenter,left</align>
            <font>videolarge</font>
        </textarea>
    </textedit>
    
    <!-- Base definition of a wide textedit -->
    <textedit name="widetextedit">
        <area>0,0,870,35</area>
        <statetype name="background">
            <state name="active">
                <area>0,0,870,30</area>
                <shape name="textbackground">
                    <area>0,0,845,35</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <fill color="#666666" alpha="100" />
                </shape>
            </state>
            <state name="selected" from="active">
                <shape name="textbackground">
                    <fill color="#FFFFFF" alpha="100" />
                </shape>
            </state>
            <state name="inactive" from="active" />
        </statetype>
        <imagetype name="cursor">
            <filename>cursor.png</filename>
        </imagetype>
        <textarea name="text">
            <area>25,0,815,35</area>
            <align>vcenter,left</align>
            <font>videolarge</font>
        </textarea>
    </textedit>
    
    <!-- Base definition of a narrow textedit -->
    <textedit name="narrowtextedit">
        <area>0,0,226,35</area>
        <statetype name="background">
            <state name="active">
                <area>0,0,226,30</area>
                <shape name="textbackground">
                    <area>0,0,226,35</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <fill color="#666666" alpha="100" />
                </shape>
            </state>
            <state name="selected" from="active">
                <shape name="textbackground">
                    <fill color="#FFFFFF" alpha="100" />
                </shape>
            </state>
            <state name="inactive" from="active" />
        </statetype>
        <imagetype name="cursor">
            <filename>cursor.png</filename>
        </imagetype>
        <textarea name="text">
            <area>25,0,220,35</area>
            <align>vcenter,left</align>
            <font>videolarge</font>
        </textarea>
    </textedit>

    <!-- Base definition of small textedit -->
    <textedit name="smalltextedit">
        <statetype name="background">
            <state name="active">
                <area>0,0,100,30</area>
                <shape name="textbackground">
                    <area>0,0,80,30</area>
                    <type>roundbox</type>
                    <cornerradius>15</cornerradius>
                    <fill color="#666666" alpha="100" />
                </shape>
            </state>
            <state name="selected" from="active">
                <shape name="textbackground">
                    <fill color="#FFFFFF" alpha="100" />
                </shape>
            </state>
            <state name="inactive" from="active" />
        </statetype>
        <imagetype name="cursor">
            <filename>cursor.png</filename>
        </imagetype>
        <textarea name="text">
            <area>20,0,80,30</area>
            <align>vcenter,left</align>
            <font>videomedium</font>
        </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>
    
    <!-- Base definition of a spinbox -->
    <spinbox name="basespinbox">
        <area>0,0,80,40</area>
        <layout>horizontal</layout>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,100%,100%</area>
                <shape name="buttonbackground">
                    <area>0,0,100%,100%</area>
                    <type>roundbox</type>
                    <fill color="#333333" alpha="175" />
                    <line color="#454545" alpha="180" width="2" />
                    <cornerradius>90</cornerradius>
                </shape>
                <textarea name="buttontext">
                    <area>11%,0,89%,100%</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>allcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="buttonbackground" from="base_button_background_selected">
                    <area>0,0,100%,100%</area>
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>100%,2</position>
            <state type="off">
                <imagetype name="dnoff">
                    <filename>images/lb-rtarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnon">
                    <filename>images/lb-rtarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>100%,21</position>
            <state type="off">
                <imagetype name="upoff">
                    <filename>images/lb-ltarrow-reg.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upon">
                    <filename>images/lb-ltarrow-sel.png</filename>
                </imagetype>
            </state>
        </statetype>
    </spinbox>
    

    <!-- Popup Dialogue Box -->
    <window name="MythPopupBox">
<!--        <area>-1,-1,1279,719</area>-->
                <area>0,0,1280,720</area>
        <animation trigger="AboutToShow">
        	<section duration="500">
            	<alpha start="0" end="255" easingcurve="OutQuart"/>
	        </section>
    	</animation>
    	<animation trigger="AboutToHide">
        	<section duration="500">
            	<alpha start="255" end="0" easingcurve="OutQuart"/>
	        </section>
    	</animation>
    	
        <shape name="backdrop">
        	<!--<area>0,-1,1280,720</area>-->
        	<area>0,0,1280,720</area>
        	<type>box</type>
        	<fill color="#000000" alpha="200" />
        </shape>
        
        <imagetype name="groupbox">
            <area>340,110,600,500</area>
            <filename>shared/ContentPanel.png</filename>
            <alpha>255</alpha>
        </imagetype>

        <textarea name="messagearea" from="basetextarea">
            <area>355,125,570,210</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <font>videomedium</font>
        </textarea>
        
        <buttonlist name="list">
            <area>355,340,570,250</area>
            <buttonarea>0,5,470,250</buttonarea>
            <spacing>12</spacing>
            <wrapstyle>none</wrapstyle>
            <drawfrombottom>yes</drawfrombottom>
            <showarrow>no</showarrow>
            <statetype name="buttonitem">
                <state name="active">
                <area>0,0,100%,30</area>
                    <textarea name="buttontext">
                        <area>25,2,94%,31</area>
                        <font>videosmall_gray</font>
                        <cutdown>yes</cutdown>
                        <align>left,vcenter</align>
                    </textarea>
                    <shape name="HLine1"> 
    		            <area>20,-5,100%,2</area> 
    		            <type>box</type> 
    		            <line color="#AAAAAA" alpha="0" width="2" /> 
    		
    		            <fill style="gradient">
        	            <gradient direction="horizontal" alpha="255">
                        <stop position="0" color="#AAAAAA" alpha="0"/>
                        <stop position="30" color="#AAAAAA" />
                        <stop position="70" color="#AAAAAA" />
                        <stop position="100" color="#AAAAAA" alpha="0" />
        	            </gradient>
    		            </fill>
    	            </shape>
                </state>
                <state name="selectedactive" from="active">
                    <shape name="buttonbackground">
                        <area>22,-2,100%,39</area>
                        <type>roundbox</type>
                        <fill style="gradient">
                            <gradient direction="horizontal" alpha="255">
                            <stop position="0" color="#EAEAEA" alpha="100"/>
                            <stop position="70" color="#EAEAEA" alpha="100"/>
                            <stop position="100" color="#EAEAEA" alpha="0" />
        	                </gradient>
        	            </fill>
                        <cornerradius>1</cornerradius>
                    </shape>
                </state>
                <state name="selectedinactive" from="active" />
            </statetype>
        </buttonlist>
    </window>

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

        <shape name="background" from="basebackground">
            <area>10,10,1260,700</area>
        </shape>
        
        <textarea name="title" from="basetextarea">
            <area>20,15,1260,50</area>
            <font>baselarge</font>
            <align>allcenter</align>
        </textarea>

        <textarea name="messagearea" from="basetextarea">
            <area>100,100,1080,210</area>
            <multiline>yes</multiline>
            <font>basemedium</font>
            <align>allcenter</align>
        </textarea>

        <buttonlist name="list" from="basebuttonlist">
            <area>100,320,1080,350</area>
            <drawfrombottom>yes</drawfrombottom>
            <showarrow>no</showarrow>
            <wrapstyle>selection</wrapstyle>
            <triggerevent context="Global" action="ESCAPE">LEFT</triggerevent>
            <triggerevent context="Global" action="SELECT">RIGHT</triggerevent>
            <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>
        <shape name="backimg" from="basebackground">
            <area>0,0,580,165</area>
        </shape>
        <imagetype name="animation">
            <area>20,20,130,130</area>
            <filepattern low="1" high="89">busyimages/spinner/spinner_%1.png</filepattern>
            <delay>10</delay>
        </imagetype>
        <textarea name="message" from="basetextarea">
            <area>170,20,390,125</area>
            <align>allcenter</align>
            <multiline>yes</multiline>
            <font>videolarge</font>
        </textarea>
    </window>

    <window name="MythProgressDialog">
        <area>-1,-1,580,165</area>
        <shape name="backimg" from="basebackground">
            <area>0,0,580,165</area>
        </shape>
        <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>

        <shape name="backimg" from="basebackground">
            <area>0,0,580,165</area>
        </shape>

        <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>

        <shape name="backimg" from="basebackground">
            <area>0,0,580,165</area>
        </shape>
        <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="MythSearchDialog">
        <area>-1,-1,500,500</area>

        <shape name="backimg" from="basebackground">
            <area>0,0,500,500</area>
        </shape>

        <textarea name="title" from="basetextarea">
            <area>10,15,480,60</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
        </textarea>

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

        <buttonlist name="itemlist" from="basebuttonlist">
            <area>10,150,480,260</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>

    <window name="MythFileBrowser">
        <area>-1,-1,730,510</area>
        <shape name="backimg" from="basebackground">
            <area>0,0,730,510</area>
        </shape>

        <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>
            <triggerevent context="Global" action="ESCAPE">LEFT</triggerevent>
            <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="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="videowindow">
        <area>0,0,1280,720</area>
        <imagetype name="backimg">
            <filename>background.png</filename>
        </imagetype>

        <textarea name="title" from="basetextarea">
            <area>500,325,280,50</area>
            <font>baseextralarge</font>
            <align>allcenter</align>
            <value>Please Wait...</value>
        </textarea>

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

    <window name="backgroundwindow">
        <area>0,0,1280,720</area>
        <imagetype name="backimg">
            <filename>background.png</filename>
        </imagetype>
    </window>

    <window name="MythMetadataResults">
        <area>-1,-1,1100,600</area>
        <shape name="backimg" from="basebackground">
            <area>0,0,1100,600</area>
        </shape>
        <buttonlist name="results" from="basebuttonlist">
            <area>20,20,1060,560</area>
            <statetype name="buttonitem">
                <state name="active">
                    <shape name="buttonbackground">
                        <type>roundbox</type>
                        <area>0,0,100%,100</area>
                        <fill color="#666666" alpha="50" />
                        <cornerradius>15</cornerradius>
                    </shape>
                    <imagetype name="buttonimage">
                        <area>10,10,150,80</area>
                        <preserveaspect>true</preserveaspect>
                    </imagetype>
                    <textarea name="buttontext">
                        <area>0,0,0,0</area>
                    </textarea>
                    <textarea name="title">
                        <area>170,10,780,40</area>
                        <align>left,vcenter</align>
                        <font>basemedium</font>
                    </textarea>
                    <textarea name="subtitle">
                        <area>170,60,880,40</area>
                        <align>left,vcenter</align>
                        <font>basesmall</font>
                    </textarea>
                    <textarea name="year">
                        <area>950,10,100,40</area>
                        <align>right,vcenter</align>
                        <font>basemedium</font>
                    </textarea>
                </state>
                <state name="selectedactive" from="active">
                    <shape name="buttonbackground">
                        <type>roundbox</type>
                        <area>0,0,100%,100</area>
                        <fill color="#FFFFFF" alpha="50" />
                        <cornerradius>15</cornerradius>
                    </shape>
                </state>
            </statetype>
        </buttonlist>
    </window>
    <window name="MythArtworkResults">
        <area>-1,-1,1100,600</area>
        <shape name="backimg" from="basebackground">
            <area>0,0,1100,600</area>
        </shape>
        <buttonlist name="results" from="basebuttonlist">
            <area>20,20,1060,560</area>
            <statetype name="buttonitem">
                <state name="active">
                    <shape name="buttonbackground">
                        <type>roundbox</type>
                        <area>0,0,100%,100</area>
                        <fill color="#666666" alpha="50" />
                        <cornerradius>15</cornerradius>
                    </shape>
                    <imagetype name="buttonimage">
                        <area>10,10,300,80</area>
                        <preserveaspect>true</preserveaspect>
                    </imagetype>
                    <textarea name="buttontext">
                        <area>0,0,0,0</area>
                    </textarea>
                    <textarea name="resolution">
                        <area>310,10,900,80</area>
                        <align>left,vcenter</align>
                        <font>basemedium</font>
                    </textarea>
                </state>
                <state name="selectedactive" from="active">
                    <shape name="buttonbackground">
                        <type>roundbox</type>
                        <area>0,0,100%,100</area>
                        <fill color="#FFFFFF" alpha="50" />
                        <cornerradius>15</cornerradius>
                    </shape>
                </state>
            </statetype>
        </buttonlist>
    </window>
</mythuitheme>