base.xml

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

    <fontdef name="basesans" face="Liberation Sans">
	<color>#F0F0FF</color>
	<pixelsize>1</pixelsize>
    </fontdef>

    <fontdef name="basenarrow" face="Liberation Sans Narrow">
	<color>#F0F0FF</color>
	<pixelsize>1</pixelsize>
    </fontdef>      

    <fontdef name="basegothic" face="CartoGothic Std">
	<color>#FFEAEA</color>
	<pixelsize>1</pixelsize>
    </fontdef>

    <fontdef name="basemono" face="Liberation Mono">
	<color>#F0F0FF</color>
	<pixelsize>1</pixelsize>
    </fontdef>

    <!--  Sans  -->

    <fontdef name="mysmallsans" from="basesans">
	<pixelsize>26</pixelsize>
    </fontdef>

    <fontdef name="mysmallsansgrey" from="mysmallsans">
	<color>#DADADA</color>
    </fontdef>

    <!--  Narrow  -->

    <fontdef name="mynarrow" from="basenarrow">
	<pixelsize>30</pixelsize>
    </fontdef>

    <fontdef name="mysmallnarrow" from="basenarrow">
	<pixelsize>29</pixelsize>
    </fontdef>

    <fontdef name="mymediumnarrow" from="basenarrow">
	<pixelsize>35</pixelsize>
    </fontdef>

    <fontdef name="mylargenarrow" from="basenarrow">
	<pixelsize>38</pixelsize>
    </fontdef>

    <!--
	<fontdef name="mysmallnarrowoutline" from="mysmallnarrow">
	<color>#F5F5F5</color>
	<outlinecolor>#000000</outlinecolor>
	<outlinesize>2</outlinesize>
	<weight>bold</weight>
	</fontdef>
    -->
    <fontdef name="mymediumnarrowbold" from="mymediumnarrow">
	<weight>bold</weight>
    </fontdef>

    <fontdef name="mymediumnarrowlightgrey" from="mymediumnarrow">
	<color>#A0A0A0</color>
    </fontdef>

    <fontdef name="mynarrowgrey" from="mynarrow">
	<color>#DADADA</color>
    </fontdef>

    <fontdef name="mysmallnarrowgrey" from="mysmallnarrow">
	<color>#DADADA</color>
    </fontdef>

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

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

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

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

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

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

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

    <fontdef name="myverysmallnarrow" from="basenarrow">
	<pixelsize>26</pixelsize>
    </fontdef>

    <fontdef name="myverysmallnarrowgreen" from="myverysmallnarrow">
	<color>#3EAE09</color>
    </fontdef>

    <fontdef name="myverysmallnarrowred" from="myverysmallnarrow">
	<color>#D40101</color>
    </fontdef>

    <fontdef name="myverysmallnarrowyellow" from="myverysmallnarrow">
	<color>#FFFF33</color>
    </fontdef>

    <fontdef name="myverysmallnarroworange" from="myverysmallnarrow">
	<color>#ff9147</color>
    </fontdef>

    <fontdef name="myverysmallnarrowblue" from="myverysmallnarrow">
	<color>#00EEEE</color>
    </fontdef>

    <fontdef name="myverysmallnarrowpurple" from="myverysmallnarrow">
	<color>#9999cc</color>
    </fontdef>

    <fontdef name="myverysmallnarrowgrey" from="myverysmallnarrow">
	<color>#DDDDDD</color>
    </fontdef>

    <!-- Monospace -->

    <fontdef name="mysmallmono" from="basemono">
	<color>#F0F0FF</color>
	<pixelsize>29</pixelsize>
    </fontdef>

    <!-- Normal -->

    <fontdef name="mysmall" from="basegothic">
	<color>#F0F0FF</color>
	<pixelsize>28</pixelsize>
    </fontdef>

    <fontdef name="mysmallbold" from="mysmall">
	<weight>bold</weight>
    </fontdef>

    <fontdef name="myverysmall" from="mysmall">
	<pixelsize>26</pixelsize>
    </fontdef>

    <fontdef name="mylabelfont" from="mysmall">
	<color>#A0BFFF</color>
    </fontdef>

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

    <fontdef name="mygroupsmall" from="basegothic">
	<pixelsize>31</pixelsize>
    </fontdef>

    <fontdef name="mygroupmedium" from="basegothic">
	<pixelsize>32</pixelsize>
    </fontdef>

    <fontdef name="mymedium" from="basegothic">
	<pixelsize>32</pixelsize>
    </fontdef>

    <fontdef name="mymediumbold" from="mymedium">
	<pixelsize>32</pixelsize>
	<weight>bold</weight>
    </fontdef>

    <fontdef name="mymediumlightgrey" from="mymedium">
	<!--        <color>#F0F0F0</color> -->
	<color>#F0F0F0</color>
    </fontdef>

    <fontdef name="mymediumgrey" from="mymedium">
	<color>#DDDDDD</color>
    </fontdef>

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

    <fontdef name="mymediumgreen" from="mymedium">
	<color>#3EFF3E</color>
    </fontdef>

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

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

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

    <fontdef name="mylarge" from="basegothic">
	<pixelsize>38</pixelsize>
    </fontdef>

    <fontdef name="mylargebold" from="mylarge">
	<weight>bold</weight>
    </fontdef>

    <fontdef name="myextralarge" from="basegothic">
	<pixelsize>42</pixelsize>
    </fontdef>

    <fontdef name="myextralargebold" from="myextralarge">
	<weight>bold</weight>
    </fontdef>

    <fontdef name="myextralargeboldgrey" from="myextralargebold">
	<color>#F0F0F0</color>
    </fontdef>

    <fontdef name="mylargelightgrey" from="mylarge">
	<color>#F0F0F0</color>
    </fontdef>


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

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


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

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

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

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

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

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

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

    <fontdef name="mysmallboldgreen" from="mysmallgreen">
	<weight>bold</weight>
    </fontdef>

    <fontdef name="mysmallboldred" from="mysmallred">
	<weight>bold</weight>
    </fontdef>

    <fontdef name="mysmallboldblue" from="mysmallblue">
	<weight>bold</weight>
    </fontdef>

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

    <fontdef name="myverysmallgrey" from="myverysmall">
	<color>#DDDDDD</color>
    </fontdef>

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

    <fontdef name="myverysmallgreen" from="myverysmall">
	<color>#3EAE09</color>
    </fontdef>

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

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

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

    <fontdef name="myverysmallblue" from="myverysmall">
	<!--
	    <color>#0492A7</color>
	-->
	<color>#00EEEE</color>
    </fontdef>

    <fontdef name="myverysmallboldgreen" from="myverysmallgreen">
	<weight>bold</weight>
    </fontdef>

    <fontdef name="myverysmallboldred" from="myverysmallred">
	<weight>bold</weight>
    </fontdef>

    <fontdef name="myverysmallboldblue" from="myverysmallblue">
	<weight>bold</weight>
    </fontdef>


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

	<shape name="basedateshape">
	    <area>0,0,100%,100%</area>
	    <minsize>20,100%</minsize>
	    <type>roundbox</type>
	    <cornerradius>15</cornerradius>
	    <fill color="#000000" alpha="255" />
	</shape>
	
	<clock name="datetime">
	    <area>25,5,-25,-5</area>
	    <minsize>20,100%</minsize>
	    <font>mysmalllightgrey</font>
	    <template>%DATE%   %TIME%</template>
	    <align>right,vcenter</align>
	    <cutdown>true</cutdown>
	</clock>
    </group>

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

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

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

	    <shape name="headingshape">
	        <area>0,0,100%,100%</area>
		<minsize>50,100%</minsize>
		<type>roundbox</type>
		<cornerradius>15</cornerradius>
		<fill color="#000000" alpha="255" />
	    </shape>
	    
	    <textarea name="text">
		<area>25,5,-25,-5</area>
		<minsize>50,100%</minsize>
		<align>left,vcenter</align>
		<font>mymediumlightgrey</font>
		<cutdown>no</cutdown>
	    </textarea>
	</group>

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

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

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

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

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

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

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

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

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

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

    <textarea name="basewidgettext">
	<area>15,10,-15,-10</area>
	<multiline>yes</multiline>
	<cutdown>yes</cutdown>
	<align>center</align>
	<font>mysmallnarrow</font>
	<font state="running">mysmallnarrowgreen</font>
	<font state="disabled">mysmallnarrowlightgrey</font>
	<font state="error">mysmallnarrowred</font>
	<font state="normal">mysmallnarrow</font>
	<font state="warning">mysmallnarrowyellow</font>
	<font state="selected">mysmallnarrowbold</font>
    </textarea>

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

<!--
    <button name="basemediumbutton" from="basebutton">
	<area>0,0,200,70</area>
    </button>
-->

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

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

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

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

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

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

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

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

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

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

	<scrollbar name="scrollbar">
	    <area>0,20,100%,100%-20</area>
	    <hidedelay>3000</hidedelay>
	    <layout>vertical</layout>
	    <shape name="bar">
		<area>8,4,-8,-4</area>
		<line color="#FFFFFF" alpha="255" width="2" />
		<fill color="#000000" />
	    </shape>
	    <shape name="slider">
		<area>5,0,-5,40</area>
		<type>roundbox</type>
		<line color="#000000" alpha="255" width="2" />
		<fill color="#AA90FF" />
		<cornerradius>12</cornerradius>
	    </shape>
	</scrollbar>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    <textarea name="labeltext">
	<area>0,0,250,70</area>
	<font>mylabelfont</font>
	<extraleading>-1</extraleading>
	<multiline>yes</multiline>
	<align>right,vcenter</align>
    </textarea>

    <textarea name="labeltextlarge">
	<area>0,0,250,90</area>
	<font>mylabelfont</font>
	<multiline>yes</multiline>
	<align>right,vcenter</align>
    </textarea>

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

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

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

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

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

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

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

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

	</statetype>

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

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

    <statetype name="basebuttoncheck">
	<state type="off" />
	<state type="half">
	    <position>15,18</position>
	    <imagetype name="checkhalf">
		<filename>Images/check.png</filename>
		<alpha>64</alpha>
	    </imagetype>
	</state>
	<state type="full">
	    <position>15,18</position>
	    <imagetype name="checkfull">
		<filename>Images/check.png</filename>
	    </imagetype>
	</state>
	<state type="on" from="full" />
    </statetype>
    
    <statetype name="basemovestate">
	<position>15,50</position>
	<state name="off"></state>
	<state name="on">
	    <imagetype name="statusimage">
		<filename>Images/move-updown.png</filename>
	    </imagetype>
	</state>
    </statetype>

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

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

		<textarea name="buttontext" from="basetextarea">
		    <area>50,5,-5,-5</area>
		</textarea>
	    </state>
	    <state name="selectedinactive" from="active" />
	    <state name="selectedactive" from="selectedinactive">
		<shape name="background"
		       from="baseselectedbuttonshape" />
	    </state>
	</statetype>
    </buttonlist>

    <!-- Base GRID buttonlist -->
    <buttonlist name="basegridlist">
	<area>50,90,-50,-50</area>
	
	<align>center</align>
	<arrange>stack</arrange>
	<layout>grid</layout>
	<spacing>10</spacing>
	<scrollstyle>free</scrollstyle>
	<wrapstyle>flowing</wrapstyle>

	<buttonarea>0,0,100%,100%-35</buttonarea>
	<statetype name="buttonitem">
	    <area>0,0,100%,100%</area>
	    <state name="inactive">
		<area>0,0,300,300</area>

		<shape name="statusborder">
		    <area>0,0,100%,100%</area>
		    <type>roundbox</type>
		    <line color="#00FFFF" width="1" alpha="160" />
		    <fill color="#000000" alpha="144" />
		    <cornerradius>10</cornerradius>
		</shape>

		<imagetype name="buttonimage">
		    <area>12,12,278,278</area>
		    <filename />
		    <preserveaspect>true</preserveaspect>
		</imagetype>

		<statetype name="nodetype">
		    <position>100%-90,5</position>
		    <state name="subfolder">
			<imagetype name="icon">
			    <area>0,0,80,80</area>
			    <filename>Images/Graphite/folderclosed.png</filename>
			    <preserveaspect>yes</preserveaspect>
			</imagetype>
		    </state>
		    <state name="upfolder">
			<imagetype name="icon">
			    <area>0,0,80,80</area>
			    <filename>Images/Graphite/mv_gallery_dir_up.png</filename>
			    <preserveaspect>yes</preserveaspect>
			</imagetype>
		    </state>
		</statetype>
		<textarea name="childcount" from="basetextarea">
		    <area>100%-103,13,80,80</area>
		    <font>myverysmallyellow</font>
		    <align>right,vcenter</align>
		</textarea>
		<statetype name="buttoncheck" from="basebuttoncheck">
		    <position>100%-40,0</position>
		</statetype>

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

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

		    <textarea name="buttontext" from="basetextarea">
			<area>10,5,-10,-5</area>
			<align>bottom,right</align>
			<minsize shrink="short" vanish="true">5,5</minsize>
			<font>myverysmall</font>
			<multiline>yes</multiline>
		    </textarea>
		</group>
	    </state> <!-- inactive -->

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

	    <state name="selectedinactive" from="active">
		<area>-20,-20,340,340</area>
		<shape name="statusborder">
		    <area>0,0,100%,100%</area>
		    <type>roundbox</type>
		    <line color="#00FFFF" width="1" alpha="160" />
		    <fill color="#000000" alpha="200" />
		    <cornerradius>10</cornerradius>
		</shape>

		<statetype name="nodetype">
		    <position>100%-90,5</position>
		    <state name="subfolder">
			<imagetype name="icon">
			    <area>0,0,80,80</area>
			    <filename>Images/Graphite/folderopen.png</filename>
			</imagetype>
		    </state>
		    <state name="upfolder" from="subfolder">
			<imagetype name="icon">
			    <filename>Images/Graphite/mv_gallery_dir_up_open.png</filename>
			</imagetype>
		    </state>
		</statetype>

	    </state>

	    <state name="selectedactive" from="selectedinactive">
		<shape name="statusborder">
		    <line color="#00FFFF" width="5" alpha="160" />
		    <fill color="#000000" alpha="240" />
		</shape>
		<!--
		    <group name="imagegroup" />
		-->
		<imagetype name="buttonimage" />
		<statetype name="nodetype" />
	    </state>

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

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

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

    <group name="baseMsgGroup">
	<area>35,100%-185,398,85</area>
	<!--
	    <minsize vanish="true">100%,100%</minsize>
	-->
	<shape name="msgShape">
	    <area>0,0,100%,100%</area>
	    <!--
		<minsize vanish="true">100%,100%</minsize>
	    -->
	    <type>roundbox</type>
	    <cornerradius>5</cornerradius>
	    <fill color="#000000" alpha="160" />
	    <line color="#FFFFFF" alpha="160" width="1" />
	</shape>
	
	<textarea name="msgText">
	    <area>10,5,-10,-5</area>
	    <!--
		<minsize vanish="true" shrink="short">100%,100%</minsize>
	    -->
	    <align>center</align>
	    <multiline>yes</multiline>
	    <cutdown>yes</cutdown>
	    <font>mysmallnarrow</font>
	    <font state="running">mysmallnarrowgreen</font>
	    <font state="disabled">mysmallnarrowgrey</font>
	    <font state="error">mysmallnarrowred</font>
	    <font state="normal">mysmallnarrowblue</font>
	    <font state="warning">mysmallnarroworange</font>
	</textarea>
    </group>

    <group name="baseMsgGroupLarge" from="baseMsgGroup">
	<area>35,100%-334,398,228</area>
    </group>

    <group name="baseMsgGroupTall" from="baseMsgGroup">
        <area>35,100%-438,398,338</area>
    </group>

    <group name="baseMsgGroupWide" from="baseMsgGroup">
	<area>75,100%-180,-75,80</area>
    </group>


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

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

	<textarea name="pagemode">
	    <area>30,5,-30,-5</area>
	    <minsize vanish="yes">20,40</minsize>
	    <align>center</align>
	    <font>mymediumlightgrey</font>
	</textarea>
    </group>

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

	<area>560,40,-25,60</area>
	<buttonarea>25,0,-25,100%</buttonarea>

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

	    <state name="selectedinactive">
		<area>0,0,100%,100%</area>
		<minsize>50,100%</minsize>
		<group name="areagroup">
		    <area>0,0,100%,100%</area>
		    <minsize>50,100%</minsize>

		    <shape name="recGroupShape">
			<area>0,0,100%,100%</area>
			<minsize>50,100%</minsize>
			<type>roundbox</type>
			<cornerradius>350</cornerradius>
			<line color="#AAFFFF" alpha="196" width="3" />
			<fill color="#000000" alpha="160" />
		    </shape>
		    <textarea name="buttontext">
			<area>15,5,-15,-5</area>
			<minsize>50,100%</minsize>
			<extraleading>4</extraleading>
			<align>center</align>
			<cutdown>yes</cutdown>
			<font>mysmall</font>
			<alpha>255</alpha>
		    </textarea>
		</group>
	    </state>

	    <state name="selectedactive" from="selectedinactive">
		<group name="areagroup">
		    <shape name="recGroupShape">
			<line color="#AAFFFF" alpha="196" width="4" />
		    </shape>
		</group>
	    </state>

	    <state name="inactive" from="selectedinactive">
		<area>0,0,100%,100%</area>
		<group name="areagroup">
		    <area>0,5,100%,-5</area>
		    <minsize>50,100%</minsize>
		    <shape name="recGroupShape">
			<area>0,0,100%,100%</area>
			<minsize>50,100%</minsize>
			<type>roundbox</type>
			<line color="#00FFFF" alpha="96" width="3" />
			<fill color="#000000" alpha="144" />
			<cornerradius>15</cornerradius>
		    </shape>
		</group>
	    </state>

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

	</statetype>

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

    </buttonlist>

    <buttonlist name="groupsList">
	<arrange>stack</arrange>
	<align>bottom,left</align>
	<area>30,0,420,-350</area>
	<buttonarea>20,0,-20,100%</buttonarea>
	<scrollstyle>center</scrollstyle>
	<wrapstyle>items</wrapstyle>
	<spacing>0</spacing>

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

<!--
	<shape name="Border">
	    <area>0,0,100%,100%</area>
	    <type>box</type>
	    <line color="#00FF00" alpha="255" width="0" />
	</shape>
-->

	    <state name="inactive">
		<area>20,0,-20,85</area>

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

		<textarea name="buttontext">
		    <area>10,5,-10,-5</area>
		    <align>center</align>
		    <font>mygroupsmall</font>
		    <multiline>yes</multiline>
		    <cutdown>yes</cutdown>
		</textarea>
	    </state>

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

	    <state name="selectedinactive" from="inactive">
		<area>0,0,100%,90</area>
		<shape name="groupBorder">
		    <area>5,0,-5,100%</area>
		    <line color="#AAFFFF" alpha="160" width="0" /> 
		</shape>
		<textarea name="buttontext">
		    <font>mygroupmedium</font>
		</textarea>
	    </state>

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

		<shape name="groupBorder">
		    <area>0,0,100%,100%</area>
		    <type>roundbox</type>
		    <line color="#AAFFFF" alpha="220" width="5" /> 
		    <cornerradius>10</cornerradius>
		</shape>
	    </state>
	</statetype>

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

	<searchposition>520,700</searchposition>

    </buttonlist>

    <group name="guideprogdetails">
	<area>35,35,410,959</area>

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

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

	<group name="subtitlegroup" from="baseMsgGroup">
	    <area>0,135,100%,115</area>

	    <shape name="msgShape">
		<line color="#00FFFF" alpha="160" width="0" />
	    </shape>
	    <textarea name="subtitle" from="msgText">
		<font>mysmallbold</font>
	    </textarea>
	</group>

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

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

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

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

	<group name="descgroup" from="baseMsgGroup">
	    <area>0,385,100%,100%</area>
	    
	    <shape name="msgShape">
		<line color="#00FFFF" alpha="160" width="0" />
	    </shape>
	    <textarea name="description" from="msgText">
		<area>10,10,-10,-10</area>
		<font>mysmall</font>
		<align>left,top</align>
		<template>%|RATING| %%|(STARS|) %%DESCRIPTION%</template>
	    </textarea>
	</group>
    </group>

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

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

	<textarea name="timedate">
	    <area>165,0,530,36</area>
	    <align>left,vcenter</align>
	    <font>mysmallsansgrey</font>
	    <cutdown>no</cutdown>
	</textarea>
	
	<textarea name="lenmins">
	    <area>100%-150,0,100%,35</area>
	    <align>right,vcenter</align>
	    <font>mysmallnarrowgrey</font>
	    <template>%1</template>
	</textarea>

	<textarea name="channel">
	    <area>0,35,240,35</area>
	    <font>mysmallnarrowgrey</font>
	    <align>left,vcenter</align>
	</textarea>

	<textarea name="originalairdate">
	    <area>250,35,-260,35</area>
	    <align>left</align>
	    <font>mysmallnarrowgrey</font>
	    <template>(%1)</template>
	    <cutdown>no</cutdown>
	</textarea>

	<textarea name="year">
	    <area>250,35,-260,35</area>
	    <align>center</align>
	    <font>mysmallnarrowgrey</font>
	    <template>(%1)</template>
	</textarea>
	
	<textarea name="filesize_str">
	    <area>100%-125,35,100%,35</area>
	    <font>mysmallnarrowgrey</font>
	    <align>right,vcenter</align>
	</textarea>

	<textarea name="s00e00" from="filesize_str">
	    <area>100%-255,35,125,35</area>
	</textarea>
    </group>

    <buttonlist name="itemsList">
	<arrange>stack</arrange>
	<align>bottom,left</align>
	<area>480,130,-30,-100</area>
	<buttonarea>25,0,100%,100%</buttonarea>
	<wrapstyle>selection</wrapstyle>
	<spacing>0</spacing>

	<showscrollbar>yes</showscrollbar>
<!--
	<group name="bar" from="basescrollgroup">
	    <area>0, 255, 20, 340</area>
	</group>
-->
	<statetype name="upscrollarrow">
	    <area>0,100%-60,20,20</area>
	    <state type="off">
		<imagetype name="upoff">
		    <filename>Images/uparrow-off.png</filename>
		</imagetype>
	    </state>
	    <state type="full">
		<imagetype name="upon">
		    <filename>Images/uparrow-on.png</filename>
		</imagetype>
	    </state>
	</statetype>
	<statetype name="downscrollarrow">
	    <area>0,100%-30,20,20</area>
	    <state type="off">
		<imagetype name="dnoff">
		    <filename>Images/downarrow-off.png</filename>
		</imagetype>
	    </state>
	    <state type="full">
		<imagetype name="dnon">
		    <filename>Images/downarrow-on.png</filename>
		</imagetype>
	    </state>
	</statetype>


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

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

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

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

	    <state name="selectedactive" from="selectedinactive" >
		<statetype name="status" from="itemsSelectedState" />
	    </state>
	</statetype>
    </buttonlist>

    <buttonlist name="episodeList" from="itemsList">
	<statetype name="buttonitem">
	    <state name="inactive">
		<statetype name="jobstate">
		    <area>2,0,30,45</area>
		    <state name="recording">
			<imagetype name="pulse">
			    <position>12,10</position>
			    <filename>Images/icons/recording.png</filename>
			    <alphapulse min="48" max="255" change="2"/>
			</imagetype>
		    </state>
		    <state name="transcoding" from="recording">
			<imagetype name="pulse">
			    <position>12,10</position>
			    <filename>Images/icons/transcoding.png</filename>
			    <alphapulse min="48" max="255" change="2"/>
			</imagetype>
		    </state>
		</statetype>

		<group name="progstats" from="programStats">
		    <area>20,4,-20,70</area>
		</group>

		<textarea name="titlesubtitle">
		    <area>20,100%-42,-20,35</area>
		    <align>left</align>
		    <font>mymedium</font>
		</textarea>
	    </state>

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

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

		<group name="progstats" from="programStats">
		    <area>20,10,-20,70</area>
		</group>

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

		<textarea name="title">
		    <area>20,80,-15,65</area>
		    <align>left</align>
		    <font>mylargebold</font>
		    <cutdown>no</cutdown>
		    <scroll direction="horizontal" />
		</textarea>
		<textarea name="subtitle">
		    <area>60,123,-15,55</area>
		    <align>left</align>
		    <font>mymediumbold</font>
		    <cutdown>no</cutdown>
		    <scroll direction="horizontal" />
		</textarea>

		<textarea name="description">
		    <align>left</align>
		    <area>25,160,-25,-55</area>
		    <font>mysmall</font>
		    <multiline>yes</multiline>
		    <cutdown>yes</cutdown>
		    <template>%|RATING| %%|(STARS|) %%DESCRIPTION%</template>
		</textarea>
	    </state>

	    <state name="selectedactive" from="selectedinactive">
		<statetype name="status" from="itemsSelectedState" />

		<statetype name="jobstate">
		    <area>10,0,30,45</area>
		</statetype>

		<textarea name="title">
		    <position>20,80</position>
		</textarea>
		<textarea name="subtitle">
		    <position>60,123</position>
		</textarea>

		<textarea name="description">
		    <area>25,160,100%,-45</area>
		</textarea>
	    </state>
	</statetype>
    </buttonlist>

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

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

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

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

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

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

	<textarea name="title" from="basetextarea">
	    <area>20,20,-20,35</area>
	    <multiline>no</multiline>
	    <align>center</align>
	    <font>mymedium</font>
	</textarea>

	<!--
	    Allow messagearea to overlap list,because large messages
	    go with short lists.
	-->
	<textarea name="messagearea" from="basetextarea">
	    <area>20,10,-20,40%+10</area>
	    <multiline>yes</multiline>
	    <align>center</align>
	</textarea>

	<buttonlist name="list" from="basepopupbuttonlist">
	    <area>30,20%+30,-30,-10</area>
	    <wrapstyle>selection</wrapstyle>
	</buttonlist>

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


    <!-- Global Windows -->

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

    <!-- Home -> [Esc]
    -->
    <window name="MythPopupBox">
	<area>-1,-1,700,850</area>
	<group name="items" from="PopupGroup" />
    </window>

    <!-- Home -> Manage Recordings -> Upcoming Recordings
         -> <select a show and hit enter>
    -->
    <window name="MythDialogBox">
	<area>-1,-1,1000,1000</area>
	<group name="items" from="PopupGroup" />
    </window>

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

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

	<imagetype name="animation">
	    <position>10,154</position>
	    <filepattern low="1" high="72">Images/Busy/busy%1.png</filepattern>
	    <delay>70</delay>
	</imagetype>

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

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

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

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

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

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


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

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

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

        <buttonlist name="dates" from="baselargeselector">
            <position>100,130</position>
        </buttonlist>

        <buttonlist name="times" from="baselargeselector">
            <position>100,230</position>
        </buttonlist>

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

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

    <!-- 'E'(dit) a recording or schedule -> Metadata Options
	 -> Perform Query <with invalid info>
    -->
    <window name="MythConfirmationDialog">
	<area>-1,-1,800,500</area>

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

	<textarea name="message" from="basetextarea">
	    <area>30,30,-30,-100</area>
	    <align>allcenter</align>
	    <multiline>yes</multiline>
	    <cutdown>no</cutdown>
	</textarea>

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

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

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

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

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

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

	<textedit name="input" from="basewidetextedit">
	    <position>50,140</position>
	</textedit>

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

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

    <!-- Home -> Media Library -> Watch Recordings -> 'S'(earch)
    -->
    <window name="MythSearchListDialog">
	<area>30,700,480,250</area>

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

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

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

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

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

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

    <!-- Home -> Manage Recordings -> Schedule Recordings
         -> Search Words -> Stored Searches
    -->
    <window name="MythSearchDialog">
	<area>-1,-1,640,840</area>

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

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

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

	    <textedit name="input" from="basetextedit">
		<area>50,140,-50,70</area>
	    </textedit>

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

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

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

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

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

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

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

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

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

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

	<buttonlist name="results" from="itemsList">
	    <area>10,10,-10,-10</area>
	    <align>vcenter</align>
	    <statetype name="upscrollarrow">
		<area>0,50%-22,20,20</area>
	    </statetype>
	    <statetype name="downscrollarrow">
		<area>0,50%+2,20,20</area>
	    </statetype>
	    <statetype name="buttonitem">
		<area>0,0,100%,100%</area>

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

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

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

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

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

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

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

		    <textarea name="title">
			<area>20,5,-300,100</area>
			<font>mylargebold</font>
			<multiline>yes</multiline>
		    </textarea>

		    <textarea name="description" from="basetextarea">
			<area>30,105,-300,-50</area>
			<multiline>yes</multiline>
		    </textarea>
		</state>
	    </statetype>
	</buttonlist>
    </window>
    
    <!-- 'E'(dit) a recording or schedule -> Metadata Options
	 -> Find Coverart Online
    -->
    <window name="MythArtworkResults">
	<area>30,35,-30,960</area>

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

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

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

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

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

	<group name="results">
	    <area>20,70,1050,-110</area>
	    <buttonlist name="filelist" from="ArtworkList" />
	</group>

	<button name="back" from="varbuttoncenter">
	    <area>1090,200,-30,70</area>
	    <value>Go up a level</value>
	</button>

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

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

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

	<textedit name="location" from="basewidetextedit">
	    <area>30,100%-100,-30,70</area>
	</textedit>
    </window>

</mythuitheme>