<?xml version="1.0" encoding="UTF-8" ?>
<mythuitheme>

    <!-- dark green -->
    <fontdef name="dgreen" face="Penguin Attack">
        <size>14</size>
        <color>#106732</color>
    </fontdef>

    <fontdef name="dgreensmall" from="dgreen">
        <size>12</size>
    </fontdef>

    <fontdef name="dgreenmed" from="dgreen">
        <size>16</size>
    </fontdef>

    <fontdef name="dgreenlarge" from="dgreen">
        <size>18</size>
    </fontdef>

    <fontdef name="dgreenxlarge" from="dgreen">
        <size>22</size>
        <shadowcolor>#bed996</shadowcolor>
        <shadowoffset>2,2</shadowoffset>
        <shadowalpha>100</shadowalpha>
    </fontdef>

    <!-- light green -->
    <fontdef name="lgreen" face="Penguin Attack">
        <size>14</size>
        <color>#77ab77</color>
    </fontdef>

    <fontdef name="lgreensmall" from="lgreen">
        <size>12</size>
    </fontdef>

    <fontdef name="lgreenmed" from="lgreen">
        <size>16</size>
    </fontdef>

    <fontdef name="lgreenlarge" from="lgreen">
        <size>18</size>
    </fontdef>

    <fontdef name="lgreenxlarge" from="lgreen">
        <size>22</size>
        <shadowcolor>#106732</shadowcolor>
        <shadowoffset>2,2</shadowoffset>
        <shadowalpha>100</shadowalpha>
    </fontdef>

    <!-- white green -->
    <fontdef name="wgreen" face="Penguin Attack">
        <size>14</size>
        <color>#bed996</color>
    </fontdef>

    <fontdef name="wgreensmall" from="wgreen">
        <size>12</size>
    </fontdef>

    <fontdef name="wgreenmed" from="wgreen">
        <size>16</size>
    </fontdef>

    <fontdef name="wgreenlarge" from="wgreen">
        <size>18</size>
    </fontdef>

    <fontdef name="wgreenxlarge" from="wgreen">
        <size>22</size>
        <shadowcolor>#106732</shadowcolor>
        <shadowoffset>2,2</shadowoffset>
        <shadowalpha>100</shadowalpha>
    </fontdef>

    <!-- dark pink -->
    <fontdef name="dpink" face="Penguin Attack">
        <size>14</size>
        <color>#dabdc1</color>
    </fontdef>

    <fontdef name="dpinkmed" from="dpink">
        <size>16</size>
    </fontdef>

    <fontdef name="dpinklarge" from="dpink">
        <size>18</size>
    </fontdef>

    <fontdef name="dpinkxlarge" from="dpink">
        <size>22</size>
    </fontdef>

    <!-- light pink -->
    <fontdef name="lpink" face="Penguin Attack">
        <size>14</size>
        <color>#f8dcd9</color>
    </fontdef>

    <fontdef name="lpinkmed" from="lpink">
        <size>16</size>
    </fontdef>

    <fontdef name="lpinklarge" from="lpink">
        <size>18</size>
    </fontdef>

    <fontdef name="lpinkxlarge" from="lpink">
        <size>22</size>
    </fontdef>

    <!-- base widgets -->
    <shape name="basefadebg">
        <area>0,0,100%,100%</area>
        <fill color="#000000" alpha="175" />
    </shape>

    <shape name="basewidgetshape">
        <area>0,0,100%,35</area>
        <type>roundbox</type>
        <cornerradius>4</cornerradius>
        <!-- <fill color="#888888" alpha="120" />
        <line color="#ffffff" width="1" /> -->
        <fill color="#bed996" alpha="255" />
        <line color="#106732" width="1" />
    </shape>

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

    <window name="basesmallpopup">
        <area>0,0,800,600</area>
        <shape name="fade" from="basefadebg" />

        <imagetype name="bgimage">
            <position>200,85</position>
            <filename>popups/popup_small.png</filename>
        </imagetype>
    </window>

    <textarea name="basetextarea">
        <area>0,0,25,25</area>
        <font>dgreen</font>
        <cutdown>yes</cutdown>
        <multiline>no</multiline>
        <align>left,top</align>
    </textarea>

    <imagetype name="baseimage">
        <filename>shared/blank.png</filename>
        <area>0,0,1,1</area>
        <alpha>255</alpha>
        <preserveaspect>true</preserveaspect>
    </imagetype>

    <button name="basebutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <area>0,0,280,70</area>
                    <filename>buttons/button_alt.png</filename>
                </imagetype>
                <textarea name="text">
                    <area>25,18,235,27</area>
                    <align>allcenter</align>
                    <font>lgreen</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <area>0,0,280,70</area>
                    <filename>buttons/button.png</filename>
                </imagetype>
                <textarea name="text">
                    <font>dgreenmed</font>
                </textarea>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="selected" />
        </statetype>
    </button>

    <button name="basesmallbutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <area>0,0,176,66</area>
                    <filename>buttons/button_small.png</filename>
                </imagetype>
                <textarea name="text">
                    <area>5,18,160,27</area>
                    <align>allcenter</align>
                    <font>lgreen</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <area>0,0,176,66</area>
                    <filename>buttons/button_small_alt.png</filename>
                </imagetype>
                <textarea name="text">
                    <font>dgreenlarge</font>
                </textarea>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="selected" />
        </statetype>
    </button>

    <button name="basemedbutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <area>0,0,230,58</area>
                    <filename>buttons/buttonmed.png</filename>
                </imagetype>
                <textarea name="text">
                    <area>5,10,220,35</area>
                    <align>allcenter</align>
                    <font>lgreen</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <area>0,0,230,55</area>
                    <filename>buttons/buttonmed_alt.png</filename>
                </imagetype>
                <textarea name="text">
                    <font>dgreenlarge</font>
                </textarea>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="selected" />
        </statetype>
    </button>

    <button name="basexsmallbutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <area>0,0,100,66</area>
                    <filename>buttons/button_xsmall.png</filename>
                </imagetype>
                <textarea name="text">
                    <area>5,18,90,27</area>
                    <align>allcenter</align>
                    <font>lgreenmed</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <area>0,0,100,66</area>
                    <filename>buttons/button_xsmall_alt.png</filename>
                </imagetype>
                <textarea name="text">
                    <font>dgreenmed</font>
                </textarea>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="selected" />
        </statetype>
    </button>

    <buttonlist name="basebuttonlist">
        <area>5,45,290,550</area>
        <layout>vertical</layout>
        <spacing>0</spacing>
        <scrollstyle>free</scrollstyle>
        <wrapstyle>items</wrapstyle>
        <buttonarea>5,25,280,540</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <imagetype name="background">
                    <area>0,0,280,70</area>
                    <filename>buttons/button.png</filename>
                </imagetype>
                <textarea name="buttontext">
                    <area>25,18,230,35</area>
                    <font>lgreen</font>
                    <align>left,vcenter</align>
                    <cutdown>yes</cutdown>
                </textarea>
                <imagetype name="buttonarrow">
                    <position>95%,50%</position>
                    <filename>shared/rightarrow.png</filename>
                </imagetype>
            </state>
            <state name="selectedactive" from="active">
                <imagetype name="background">
                    <area>0,0,280,70</area>
                    <filename>buttons/button_alt.png</filename>
                </imagetype>
                <textarea name="buttontext">
                    <font>dgreenmed</font>
                </textarea>
            </state>
            <state name="disabled" from="active" />
            <state name="selectedinactive" from="selectedactive" />
            <state name="pushed" from="selectedactive" />
        </statetype>
        <statetype name="upscrollarrow">
            <position>15,95%</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>shared/uparrow.png</filename>
                    <alpha>100</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/uparrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>255,95%</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>shared/downarrow.png</filename>
                    <alpha>100</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/downarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <textedit name="basetextedit">
        <area>0,0,300,35</area>
        <statetype name="background">
            <state name="active">
                <shape name="background" from="basewidgetshape">
                    <area>0,0,300,35</area>
                </shape>
                <shape name="textbackground">
                    <area>0,0,300,35</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <!-- <fill color="#bed996" alpha="220" />
                    <line color="#77ab77" width="1" /> -->
                </shape>
            </state>
            <state name="selected" from="active">
                <shape name="background" from="basewidgetshape">
                    <area>0,0,300,35</area>
                </shape>
                <shape name="textbackground">
                    <!-- <fill color="#106732" alpha="175" /> -->
                </shape>
            </state>
            <state name="inactive" from="active" />
        </statetype>
        <imagetype name="cursor">
            <filename>shared/cursor.png</filename>
            <area>0,0,20,35</area>
        </imagetype>
        <textarea name="text">
            <area>15,0,300,35</area>
            <font>dgreenlarge</font>
            <align>left,vcenter</align>
        </textarea>
    </textedit>

    <textedit name="basetexteditwide">
        <area>0,0,770,35</area>
        <statetype name="background">
            <state name="active">
                <shape name="background" from="basewidgetshape">
                    <area>0,0,770,35</area>
                </shape>
                <shape name="textbackground">
                    <area>0,0,770,35</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <line color="#77ab77" width="1" /> -->
                </shape>
            </state>
            <state name="selected" from="active">
                <shape name="background" from="basewidgetshape">
                    <area>0,0,770,35</area>
                </shape>
            </state>
            <state name="inactive" from="active" />
        </statetype>
        <imagetype name="cursor">
            <filename>shared/cursor.png</filename>
            <area>0,0,20,35</area>
        </imagetype>
        <textarea name="text">
            <area>15,0,740,35</area>
            <font>dgreenlarge</font>
            <align>left,vcenter</align>
        </textarea>
    </textedit>

    <checkbox name="basecheckbox">
        <area>0,0,30,30</area>
        <statetype name="background">
            <state name="active">
                <imagetype name="background">
                    <filename>shared/checkbox_unselected.png</filename>
                </imagetype>
            </state>
            <state name="selected">
                <imagetype name="background">
                    <filename>shared/checkbox_selected.png</filename>
                </imagetype>
            </state>
            <state name="disabled">
                <imagetype name="background">
                    <filename>shared/checkbox_disabled.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="checkstate">
            <area>0,0,30,30</area>
            <state type="off" />
            <state type="half" />
            <state type="full">
                <imagetype name="mark">
                    <filename>shared/checkmark.png</filename>
                </imagetype>
            </state>
        </statetype>
    </checkbox>

    <progressbar name="baseprogressbar">
        <area>15,0,770,15</area>
        <layout>horizontal</layout>
        <style>reveal</style>
        <imagetype name="background">
            <filename>shared/progressbar_bg.png</filename>
        </imagetype>
        <imagetype name="progressimage">
            <filename>shared/progressbar_fill.png</filename>
        </imagetype>
        <imagetype name="overlay">
            <filename>shared/progressbar_overlay.png</filename>
        </imagetype>
    </progressbar>

    <clock name="baseclock">
        <area>0,0,220,45</area>
        <font>dgreen</font>
        <format>%DATE%, %TIME%</format>
        <align>allcenter</align>
    </clock>

    <guidegrid name="guidegrid">
    </guidegrid>

    <shape name="basegreenbg">
        <area>0,0,10,10</area>
        <type>roundbox</type>
        <cornerradius>2</cornerradius>
        <fill color="#bed996" alpha="225" />
        <line color="#106732" width="2" />
    </shape>

    <buttonlist name="basegreenbtnlist">
            <area>15,125,770,300</area>
            <spacing>2</spacing>
            <buttonarea>0,0,770,300</buttonarea>
            <statetype name="buttonitem">
                <state name="active">
                    <shape name="btnbg" from="basegreenbg">
                        <area>0,0,770,40</area>
                    </shape>
                    <textarea name="buttontext">
                        <area>5,0,760,35</area>
                        <font>lgreen</font>
                        <align>left,vcenter</align>
                        <cutdown>yes</cutdown>
                    </textarea>
                    <imagetype name="buttonarrow">
                        <position>95%,45%</position>
                        <filename>shared/rightarrow.png</filename>
                    </imagetype>
                </state>
                <state name="selectedactive" from="active">
                    <textarea name="buttontext">
                        <font>dgreenmed</font>
                    </textarea>
                </state>
                <state name="disabled" from="active" />
                <state name="selectedinactive" from="active" />
                <state name="pushed" from="selectedactive" />
            </statetype>
    </buttonlist>

    <buttonlist name="popupbuttonlist">
        <area>215,295,400,245</area>
        <buttonarea>0,0,100%,100%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <imagetype name="buttonbackground">
                    <area>0,0,380,70</area>
                    <filename>buttons/button_wide.png</filename>
                </imagetype>
                <textarea name="buttontext">
                    <area>22,18,339,35</area>
                    <align>allcenter</align>
                    <font>lgreen</font>
                </textarea>
                <imagetype name="buttonarrow">
                    <position>344,35%</position>
                    <filename>shared/rightarrow.png</filename>
                </imagetype>
            </state>
            <state name="selectedactive" from="active">
                <imagetype name="buttonbackground">
                    <filename>buttons/button_wide_alt.png</filename>
                </imagetype>
                <imagetype name="buttonarrow">
                    <position>341,35%</position>
                </imagetype>
                <textarea name="buttontext">
                    <area>22,18,339,35</area>
                    <font>dgreenmed</font>
                </textarea>
            </state>
            <state name="disabled" from="active" />
            <state name="selectedinactive" from="selectedactive" />
            <state name="pushed" from="selectedactive" />
        </statetype>
        <statetype name="upscrollarrow">
            <position>80,88%</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>shared/uparrow.png</filename>
                    <alpha>100</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/uparrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>300,90%</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>shared/downarrow.png</filename>
                    <alpha>100</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/downarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="basebuttontreelist">
        <area>5,45,400,245</area>
        <buttonarea>0,0,100%,100%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <imagetype name="buttonbackground">
                    <area>0,0,380,70</area>
                    <filename>buttons/button_wide.png</filename>
                </imagetype>
                <textarea name="buttontext">
                    <area>15,18,335,35</area>
                    <align>allcenter</align>
                    <font>lgreen</font>
                </textarea>
                <imagetype name="buttonarrow">
                    <position>344,35%</position>
                    <filename>shared/rightarrow.png</filename>
                </imagetype>
            </state>
            <state name="selectedactive" from="active">
                <imagetype name="buttonbackground">
                    <filename>buttons/button_wide_alt.png</filename>
                </imagetype>
                <imagetype name="buttonarrow">
                    <position>341,35%</position>
                </imagetype>
                <textarea name="buttontext">
                    <area>18,18,335,35</area>
                    <font>dgreen</font>
                </textarea>
            </state>
            <state name="disabled" from="active" />
            <state name="selectedinactive" from="selectedactive" />
            <state name="pushed" from="selectedactive" />
        </statetype>
        <statetype name="upscrollarrow">
            <position>80,88%</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>shared/uparrow.png</filename>
                    <alpha>100</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/uparrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>300,90%</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>shared/downarrow.png</filename>
                    <alpha>100</alpha>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/downarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <statetype name="baserating">
        <position>100,100</position>
        <showempty>yes</showempty>
        <state name="0">
        </state>
        <state name="1">
            <shape name="stars"> 
                <area>25,105,530,30</area> 
                <type>roundbox</type> 
                <fill color="#000000" alpha="30" />
                <line color="#FFFFFF" width="1" /> 
                <cornerradius>10</cornerradius> 
            </shape>
        </state>
        <state name="2" from="1" />
        <state name="3">
            <shape name="stars"> 
                <area>25,105,530,30</area> 
                <type>roundbox</type> 
                <fill color="#000000" alpha="30" />
                <line color="#000000" alpha="255" width="1" /> 
                <cornerradius>10</cornerradius> 
            </shape>
        </state>
        <state name="4" from="3" />
        <state name="5">
            <shape name="stars"> 
                <area>25,105,530,30</area> 
                <type>roundbox</type> 
                <fill color="#555555" alpha="30" />
                <line color="#555555" alpha="255" width="1" /> 
                <cornerradius>10</cornerradius> 
            </shape>
        </state>
        <state name="6" from="5" />
        <state name="7">
            <shape name="stars"> 
                <area>25,105,530,30</area> 
                <type>roundbox</type> 
                <fill color="#111111" alpha="30" />
                <line color="#111111" alpha="255" width="1" /> 
                <cornerradius>10</cornerradius> 
            </shape>
        </state>
        <state name="8" from="7" />
        <state name="9">
            <shape name="stars"> 
                <area>25,105,530,30</area> 
                <type>roundbox</type> 
                <fill color="#ffffff" alpha="30" />
                <line color="#FFFFFF" alpha="255" width="1" /> 
                <cornerradius>10</cornerradius> 
            </shape>
        </state>
        <state name="10" from="9" />
    </statetype>

    <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,0,55,30</area>
                    <font>lgreenlarge</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape" />
                <textarea name="buttontext">
                    <font>wgreenlarge</font>
                </textarea>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>75,2</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>shared/rightarrow_off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/rightarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>72,16</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>shared/leftarrow_off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/leftarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </spinbox>

    <spinbox name="basewidespinbox">
        <area>0,0,440,40</area>
        <layout>horizontal</layout>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,420,40</area>
                <shape name="background" from="basewidgetshape" />
                <textarea name="buttontext">
                    <area>5,0,410,35</area>
                    <font>lgreenlarge</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape" />
                <textarea name="buttontext">
                    <font>wgreenlarge</font>
                </textarea>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>422,2</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>shared/rightarrow_off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/rightarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>420,16</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>shared/leftarrow_off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/leftarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </spinbox>

    <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">
                    <area>0,0,200,35</area>
                </shape>
                <textarea name="buttontext">
                    <area>5,0,190,35</area>
                    <font>lgreenlarge</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape">
                    <area>0,0,200,35</area>
                </shape>
                <shape name="textbackground">
                    <fill color="#106732" alpha="175" />
                </shape>
                <textarea name="buttontext">
                    <font>wgreenlarge</font>
                </textarea>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>202,2</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>shared/rightarrow_off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/rightarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>201,16</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>shared/leftarrow_off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/leftarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <buttonlist name="basewideselector">
        <area>0,0,440,40</area>
        <layout>horizontal</layout>
        <buttonarea>0,0,420,100%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,420,40</area>
                <shape name="background" from="basewidgetshape">
                    <area>0,0,420,35</area>
                </shape>
                <textarea name="buttontext">
                    <area>5,0,410,35</area>
                    <font>lgreenlarge</font>
                    <cutdown>yes</cutdown>
                    <align>left,vcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="background" from="baseselectedwidgetshape">
                    <area>0,0,420,35</area>
                </shape>
                <shape name="textbackground">
                    <fill color="#106732" alpha="175" />
                </shape>
                <textarea name="buttontext">
                    <font>wgreenlarge</font>
                </textarea>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>422,2</position>
            <state type="off">
                <imagetype name="dnon">
                    <filename>shared/rightarrow_off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="dnoff">
                    <filename>shared/rightarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>421,16</position>
            <state type="off">
                <imagetype name="upon">
                    <filename>shared/leftarrow_off.png</filename>
                </imagetype>
            </state>
            <state type="full">
                <imagetype name="upoff">
                    <filename>shared/leftarrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <!-- base windows -->
    <window name="MythPopupBox">
        <area>0,0,800,600</area>
        <shape name="fade" from="basefadebg" />

        <imagetype name="bgimage">
            <area>100,85,600,450</area>
            <filename>popups/popup_med.png</filename>
        </imagetype>

        <textarea name="messagearea">
            <area>200,85,400,200</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <font>lgreenmed</font>
        </textarea>

       <buttonlist name="list" from="popupbuttonlist" /> 

    </window>

    <window name="MythDialogBox">

        <area>0,0,800,600</area>

        <shape name="fade" from="basefadebg" />

        <imagetype name="bgimage">
            <area>100,85,600,450</area>
            <filename>popups/popup_med.png</filename>
        </imagetype>

        <textarea name="messagearea">
            <area>200,85,400,200</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <font>lgreenmed</font>
        </textarea>

       <buttonlist name="list" from="popupbuttonlist" /> 

    </window>

    <window name="MythBusyDialog">

        <area>0,0,800,600</area>

        <shape name="working" from="basegreenbg">
            <area>10,10,780,580</area>
        </shape>

        <textarea name="message" from="basetextarea">
            <area>0,0,100%,100%</area>
            <font>lgreenmed</font>
            <align>allcenter</align>
        </textarea>

    </window>

    <window name="MythProgressDialog">

        <area>0,0,800,600</area>

        <imagetype name="bgimage">
            <area>100,85,600,450</area>
            <filename>popups/popup_med.png</filename>
        </imagetype>

        <textarea name="messagearea">
            <area>200,85,400,200</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <font>lgreenmed</font>
        </textarea>

        <progressbar name="myprog" from="baseprogressbar">
            <position>15,525</position>
        </progressbar>

        <textarea name="progresstext" from="basetextarea">
            <area>15,540,770,35</area>
            <font>lgreenmed</font>
            <align>allcenter</align>
        </textarea>
        
    </window>

    <window name="MythConfirmationDialog">
        <area>0,0,800,600</area>
        <shape name="fade" from="basefadebg" />

        <imagetype name="backimg">
            <position>200,150</position>
            <filename>popups/popup_xsmall.png</filename>
        </imagetype>

        <textarea name="message" from="basetextarea">
            <area>200,150,400,150</area>
            <align>allcenter</align>
            <multiline>yes</multiline>
            <font>lgreenmed</font>
            <cutdown>no</cutdown>
        </textarea>

        <button name="cancel" from="basesmallbutton">
            <position>310,360</position>
            <value>Cancel</value>
        </button>

        <button name="ok" from="basesmallbutton">
            <position>310,275</position>
            <value>OK</value>
        </button>
    </window>

    <window name="MythTextInputDialog">
        <area>0,0,800,600</area>
        <shape name="fade" from="basefadebg" />

        <imagetype name="bgimage">
            <position>200,85</position>
            <filename>popups/popup_small.png</filename>
        </imagetype>

        <textarea name="message">
            <area>200,85,400,200</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <font>lgreenmed</font>
        </textarea>

        <textedit name="input" from="basetextedit">
            <position>250,300</position>
        </textedit>

        <button name="ok" from="basesmallbutton">
            <position>310,350</position>
            <value>OK</value>
        </button>

    </window>

    <window name="MythSearchDialog">

        <shape name="fadedbg" from="basefadebg">
            <area>0,0,800,600</area>
        </shape>


        <shape name="box" from="basegreenbg">
            <area>150,50,500,500</area>
            <cornerradius>8</cornerradius>
        </shape>

        <textarea name="title" from="basetextarea">
            <area>170,70,460,40</area>
            <font>dgreenlarge</font>
            <align>hcenter,top</align>
            <value>Phrase</value>
        </textarea>

        <buttonlist name="itemlist">
            <area>170,110,460,290</area>
            <spacing>2</spacing>
            <buttonarea>0,0,460,290</buttonarea>
            <statetype name="buttonitem">
                <state name="active">
                    <shape name="btnbg" from="basegreenbg">
                        <area>0,0,460,40</area>
                        <cornerradius>6</cornerradius>
                    </shape>
                    <textarea name="buttontext">
                        <area>7,4,98%,35</area>
                        <font>lgreen</font>
                        <align>left,vcenter</align>
                        <cutdown>yes</cutdown>
                    </textarea>
                    <imagetype name="buttonarrow">
                        <position>95%,45%</position>
                        <filename>shared/rightarrow.png</filename>
                    </imagetype>
                </state>
                <state name="selectedactive" from="active">
                    <textarea name="buttontext">
                        <font>dgreenmed</font>
                    </textarea>
                </state>
                <state name="disabled" from="active" />
                <state name="selectedinactive" from="active" />
                <state name="pushed" from="selectedactive" />
            </statetype>
        </buttonlist>

        <textedit name="input" from="basetextedit">
            <position>250,410</position>
        </textedit>

        <button name="ok" from="basesmallbutton">
            <position>150,480</position>
            <value>OK</value>
        </button>

        <button name="cancel" from="basesmallbutton">
            <position>473,480</position>
            <value>Cancel</value>
        </button>

    </window>

    <window name="MythFileBrowser">
        <area>0,0,800,600</area>
        <shape name="fade" from="basefadebg" />

        <imagetype name="backimg">
            <position>10,10</position>
            <filename>popups/popup_large.png</filename>
        </imagetype>

        <textedit name="location" from="basetextedit">
            <position>30,35</position>
        </textedit>

        <button name="back" from="basexsmallbutton">
            <position>350,25</position>
            <value>Up</value>
        </button>

        <button name="home" from="basexsmallbutton">
            <position>450,25</position>
            <value>Home</value>
        </button>

        <button name="ok" from="basexsmallbutton">
            <position>550,25</position>
            <value>OK</value>
        </button>

        <button name="cancel" from="basexsmallbutton">
            <position>650,25</position>
            <value>Cancel</value>
        </button>

        <buttonlist name="filelist" from="popupbuttonlist">
            <area>25,85,400,400</area>
            <buttonarea>0,0,400,400</buttonarea>
        </buttonlist>

        <textarea name="filename" from="basetextarea">
            <area>30,525,80%,40</area>
            <font>lgreenlarge</font>
        </textarea>

        <imagetype name="preview">
            <area>400,85,269,400</area>
            <mask>video/poster_mask_large.png</mask>
            <preserveaspect>yes</preserveaspect>
        </imagetype>

    </window>

    <window name="videowindow">

        <area>0,0,800,600</area>

        <shape name="videobg" from="basegreenbg">
            <area>10,10,780,580</area>
            <cornerradius>8</cornerradius>
        </shape>

        <textarea name="title" from="basetextarea">
            <area>25,25,730,530</area>
            <font>dgreenlarge</font>
            <align>allcenter</align>
            <value>Please wait...</value>
        </textarea>

    </window>
    <!-- end base windows -->

    <!-- common windows -->
    <window name="backgroundwindow">
        <imagetype name="themebg">
            <filename>shared/theme_bg.png</filename>
        </imagetype>
        <clock name="clock" from="baseclock" />
    </window>

    <imagetype name="basetopbar">
        <position>270,0</position>
        <filename>shared/top_menu.png</filename>
    </imagetype>

    <textarea name="baseheading">
        <area>290,0,230,35</area>
        <font>dgreenmed</font>
        <align>allcenter</align>
    </textarea>

</mythuitheme>
