base.xml

<?xml version="1.0" encoding="utf-8"?>

 <!DOCTYPE mythuitheme SYSTEM "http://www.mythtv.org/schema/mythuitheme.dtd">
 
 <mythuitheme>
   
   <!-- Font Definitions for main menu -->
   <fontdef name="menuselectfont" face="Orbitron">
     <pixelsize>90</pixelsize>
     <color>#aa0000</color>
   
   </fontdef>
   
   <fontdef name="menufont" face="Orbitron">
     <pixelsize>55</pixelsize>
     <color>#666666</color>
   </fontdef>
   
   <!-- Base Font Definitions -->
   
   <fontdef name="base" face="League Gothic">
     <pixelsize>40</pixelsize>
     <color>#FFFFFF</color>
     <outlinecolor>#000000</outlinecolor>
     <outlinesize>2</outlinesize>
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   <fontdef name="basesmall" from="base">
     <pixelsize>30</pixelsize>
   </fontdef>
   
   <fontdef name="videocodec" face="Arial">
     <pixelsize>25</pixelsize>
     <italics>yes</italics>
     <weight>bold</weight>
   </fontdef>
   
   <fontdef name="basesmallblack" from="basesmall">
     <color>#000000</color>
   </fontdef>
   
   <fontdef name="basebutton" face="League Gothic">
     <pixelsize>30</pixelsize>
     <color>#aa0000</color>
   </fontdef>
   
   <fontdef name="basetitle" face="Orbitron">
     <pixelsize>55</pixelsize>
     <gradient direction="horizontal" alpha="255">
       <stop position="0" color="#FFFFFF" />
       <stop position="45" color="#FFFFFF" alpha="200" />
       <stop position="60" color="#FFFFFF" alpha="170" />	    
       <stop position="80" color="#FFFFFF" />
     </gradient>
   </fontdef>
   
   <fontdef name="basetitleblack" from="basetitle">
     <color>#000000</color>
     <outlinecolor>#FFFFFF</outlinecolor>
     <outlinesize>2</outlinesize>
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   <fontdef name="basebuttontitle" face="Orbitron">
     <pixelsize>35</pixelsize>
     <color>#800000</color>
     <outlinecolor>#FFFFFF</outlinecolor>
     <outlinesize>2</outlinesize>    
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   <fontdef name="basebuttontitlewhite" face="Orbitron">
     <pixelsize>35</pixelsize>
     <color>#FFFFFF</color>
     <outlinecolor>#000000</outlinecolor>
     <outlinesize>2</outlinesize>
     <outlinealpha>100</outlinealpha>
   </fontdef>

   <fontdef name="basebuttontitleblack" face="Orbitron">
     <pixelsize>35</pixelsize>
     <color>#000000</color>
     <outlinecolor>#FFFFFF</outlinecolor>
     <outlinesize>2</outlinesize>    
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   
   <fontdef name="basestate" face="Orbitron">
     <pixelsize>20</pixelsize>
     <color>#FFFFFF</color>
     <outlinecolor>#000000</outlinecolor>
     <outlinesize>2</outlinesize>
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   <fontdef name="basemenustate" from="basestate">
     <pixelsize>20</pixelsize>
     <color>#800000</color>
     <outlinecolor>#aa0000</outlinecolor>
     <outlinesize>2</outlinesize>    
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   
   <fontdef name="basebigstate" face="Orbitron">
     <pixelsize>25</pixelsize>
     <color>#FFFFFF</color>
     <outlinecolor>#000000</outlinecolor>
     <outlinesize>2</outlinesize>
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   <fontdef name="basebigstateoutline" face="Orbitron">
     <pixelsize>25</pixelsize>
     <color>#FFFFFF</color>
     <outlinecolor>#000000</outlinecolor>
     <outlinesize>2</outlinesize>
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   <fontdef name="baseverybigstate" face="Orbitron">
     <pixelsize>30</pixelsize>
     <color>#FFFFFF</color>
     <outlinecolor>#000000</outlinecolor>
     <outlinesize>2</outlinesize>
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   <fontdef name="basebuttonsubtitle" from="basebutton">
     <pixelsize>35</pixelsize>
     <color>#000000</color>
     <outlinecolor>#FFFFFF</outlinecolor>
     <outlinesize>2</outlinesize>    
     <outlinealpha>100</outlinealpha>
   </fontdef>

 <fontdef name="basebuttonsmalltitle" from="basebuttontitle">
   <pixelsize>22</pixelsize>
 </fontdef>


   <fontdef name="basebuttontitlesubtitlewatched" from="base">
     <pixelsize>22</pixelsize>
     <color>#FFFFFF</color>
   </fontdef>
   
   <fontdef name="basebuttontitlesubtitle" from="base">
     <pixelsize>30</pixelsize>
     <color>#FFFFFF</color>
   </fontdef>
   
   <fontdef name="basebuttondescription" from="basebutton">
     <pixelsize>30</pixelsize>
     <color>#000000</color>
     <outlinecolor>#FFFFFF</outlinecolor>
     <outlinesize>2</outlinesize>    
     <outlinealpha>100</outlinealpha>
   </fontdef>
   
   <fontdef name="baseclock" from="basetitle">
     <size>70</size>
   </fontdef>
   
   <!-- Base clock, used everywhere -->
   <clock name="baseclock">
     <area>1100,10,565,100</area>
     <font>baseclock</font>
     <format>%TIME%</format>
     <align>right,bottom</align>
     <alpha>255</alpha>
   </clock>
   
   <!-- Base Background -->
   <imagetype name="basebackground">
     <area>0,0,1680,1050</area>
     <filename>background.png</filename>
   </imagetype>
   
   <!-- Base definition of a Coverart image   -->
   <imagetype name="basecoverart">
     <area>5,150,490,720</area>
     <mask>wr-covermask.png</mask>
   </imagetype>
   
   <!-- Title on all pages   -->
   <textarea name="basepagetitle">
     <area>10,0,1350,100</area>
     <font>basetitle</font>
     <align>bottom,vcenter</align>
   </textarea>
   
   <!-- Statusbar for OSD -->
   <imagetype name="basestatusbar">
     <area>0,0,1680,107</area>
     <position>0,0</position>
     <filename>OSD/statusbar.png</filename>
   </imagetype>
   
   <!-- A generic small textarea for states   -->
   <textarea name="basesmallstatetext">
     <font>basestate</font>
     <area>0,0,1065,27</area>
     <multiline>no</multiline>
     <cutdown>yes</cutdown>
     <align>right,bottom</align>
   </textarea>
   
   <!-- A generic big textarea for states   -->
   <textarea name="basebigstatetext" from="basesmallstatetext">
     <area>0,0,920,27</area>
     <font>basebigstate</font>
     <align>right,vcenter</align>
   </textarea>
   
   <!-- Base definition of a the arrows to upscroll and downscroll   -->
   <statetype name="baseupscrollarrow">
     <area>0,0,35,35</area>
     <position>10,-30</position>
     <state type="off">
       <imagetype name="up">
         <filename>icons/draw-triangle3.png</filename>
         <alpha>0</alpha>
       </imagetype>
     </state>
     
     <state type="full" from="off">
       <imagetype name="up">
         <alpha>200</alpha>
       </imagetype>
     </state>
   </statetype>
   
   <statetype name="basedownscrollarrow">
     <area>0,0,35,35</area>
     <position>10,657</position>
     <state type="off">
       <imagetype name="down">
         <filename>icons/draw-triangle4.png</filename>
         <alpha>0</alpha>
       </imagetype>
     </state>
     
     <state type="full" from="off">
       <imagetype name="down">
         <alpha>200</alpha>
       </imagetype>
       
     </state>
     
   </statetype>
   
   <statetype name="baseleftscrollarrow">
     
     <area>0,0,35,35</area>
     <position>0,0</position>
     <state type="off">
       <imagetype name="left">
         <filename>icons/draw-triangle1.png</filename>
         <alpha>30</alpha>
       </imagetype>
     </state>
     
     <state type="full" from="off">
       <imagetype name="left">
         <alpha>200</alpha>
       </imagetype>
     </state>
     
   </statetype>
   
   <statetype name="baserightscrollarrow">
     
     <area>0,0,35,35</area>
     <position>0,50</position>
     <state type="off">
       <imagetype name="right">
         <area>0,0,35,35</area>
         <filename>icons/draw-triangle2.png</filename>
         <alpha>30</alpha>
       </imagetype>
     </state>
     
     <state type="full" from="off">
       <imagetype name="right">
         <alpha>200</alpha>
       </imagetype>
     </state>
     
   </statetype>
   
   <!-- Base definition of a buttonlist that fills the full width -->
   
   <buttonlist name="basebuttonlist3">
     <area>5,180,1670,660</area>
     <layout>vertical</layout>
     <arrange>stack</arrange>
     <spacing>10</spacing>
     <scrollstyle>center</scrollstyle>
     <wrapstyle>items</wrapstyle>
     <align>center</align>
     <buttonarea>0,0,100%,100%</buttonarea>
     <statetype name="buttonitem">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="1670x55">
           <area>0,0,1670,55</area>
           <filename>wr-1670x55-recordings.png</filename>
         </imagetype>
         
         <textarea name="buttontext">
           <font>basebutton</font>
           <cutdown>yes</cutdown>
         </textarea>
       </state>
       
       <state name="selectedactive">
         <imagetype name="1670x140">
           <area>0,0,1670,140</area>
           <filename>wr-1670x140.png</filename>
         </imagetype>
         
         <textarea name="buttontext">
           <font>basebutton</font>
         </textarea>
       </state>
       
       <state name="selectedinactive">
         <textarea name="buttontext">
           <font>basebutton</font>
         </textarea>
       </state>
     </statetype>
     
     <statetype name="upscrollarrow" from="baseupscrollarrow" />
     
     <statetype name="downscrollarrow" from="basedownscrollarrow" />
   </buttonlist>
   
   <!-- Base definition of a buttonlist in normal configuration   -->
   
   <buttonlist name="basebuttonlist2">
     
     <area>503,180,1170,660</area>
     <layout>vertical</layout>
     <arrange>stack</arrange>
     <spacing>10</spacing>
     <scrollstyle>center</scrollstyle>
     <wrapstyle>items</wrapstyle>
     <align>center</align>
     <buttonarea>0,0,100%,100%</buttonarea>
     
     <statetype name="buttonitem">
       <loadondemand>true</loadondemand>
       <state name="active">
         <imagetype name="1170x55">
           <area>0,0,1170,55</area>
           <filename>wr-1170x55.png</filename>
         </imagetype>
         
         <textarea name="buttontext">
           <font>basebuttontitlesubtitle</font>
           <area>5,0,1170,55</area>
           <align>vcenter</align>
           <cutdown>yes</cutdown>
           <multiline>yes</multiline>
         </textarea>
         
       </state>
       
       <state name="selectedactive">
         <imagetype name="1170x140">
           <area>0,0,1170,140</area>
           <filename>wr-1170x140.png</filename>
         </imagetype>
         
         <textarea name="buttontext">
           <font>basebuttontitle</font>
           <area>5,0,1170,140</area>
           <align>vcenter</align>
           <cutdown>yes</cutdown>
         </textarea>
         
         <!-- show to the user that he can jump to the right -->
         
         <imagetype name="direction">
           <area>0,0,35,35</area>
           <position>-40,59</position>
           <filename>icons/draw-triangle1.png</filename>
           <alpha>200</alpha>
         </imagetype>
         
         <!-- show to the user that he can jump to the right -->
         
         <imagetype name="directionright">
           <area>0,0,35,35</area>
           <position>1135,59</position>
           <filename>icons/draw-triangle2.png</filename>
           <alpha>200</alpha>
         </imagetype>
         
       </state>
       
       <state name="selectedinactive"  from="selectedactive">
         
         <textarea name="buttontext">
           <alpha>30</alpha>
         </textarea>
         
         <!-- show to the user that he can jump to the right -->
         <imagetype name="direction">
           <alpha>0</alpha>
         </imagetype>
         
         <!-- show to the user that he can jump to the right -->
         <imagetype name="directionright">
           <alpha>0</alpha>
         </imagetype>
         
       </state>
       
       <state name="inactive" from="active">
         <textarea name="buttontext">
           <font>basebutton</font>
           <alpha>30</alpha>
         </textarea>
         
         <imagetype name="direction">
           <alpha>0</alpha>
         </imagetype>
         
         <!-- show to the user that he can jump to the right -->
         <imagetype name="directionright">
           <alpha>0</alpha>
         </imagetype>
       </state>
     </statetype>
     
     <statetype name="upscrollarrow" from="baseupscrollarrow" />
     
     <statetype name="downscrollarrow" from="basedownscrollarrow" />
     
   </buttonlist>
   
   <!-- Base definition of a buttonlist only for the groups in recordings, should someday be removed for a standard one -->
   
   <buttonlist name="basegroups">
     
     <area>0,0,490,660</area>
     <layout>vertical</layout>
     <arrange>stack</arrange>
     <spacing>10</spacing>
     <scrollstyle>center</scrollstyle>
     <wrapstyle>items</wrapstyle>
     <align>center</align>
     <buttonarea>0,0,100%,100%</buttonarea>
     
     <statetype name="buttonitem">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <area>0,0,490,55</area>
         <imagetype name="490x55">
           <area>0,0,490,55</area>
           <filename>wr-490x55.png</filename>
         </imagetype>
         
         <textarea name="buttontext">
           <area>5,0,480,55</area>
           <align>vcenter</align>
           <cutdown>yes</cutdown>
           <font>basebuttontitlesubtitle</font>
           <align>vcenter</align>
         </textarea>
         
       </state>
       
       <state name="selectedactive">
         <area>0,0,490,140</area>
         <imagetype name="490x140">
           <area>0,0,490,140</area>
           <filename>wr-490x140.png</filename>
         </imagetype>
         
         <textarea name="buttontext">
           <font>basebuttontitle</font>
           <area>5,0,480,140</area>
           <cutdown>yes</cutdown>
           <multiline>yes</multiline>
           <align>vcenter</align>
         </textarea>
         
         <!-- show to the user that he can jump to the right -->
         <imagetype name="direction">
           <area>0,0,35,35</area>
           <position>455,59</position>
           <filename>icons/draw-triangle2.png</filename>
           <alpha>200</alpha>
         </imagetype>
         
       </state>
       
       <state name="selectedinactive" from="selectedactive">
         <textarea name="buttontext">
           <alpha>30</alpha>
         </textarea>
         
         <!-- show to the user that he can jump to the right -->
         <imagetype name="direction">
           <alpha>0</alpha>
         </imagetype>
       </state>
       
       <state name="inactive" from="active">
         <textarea name="buttontext">
           <alpha>30</alpha>
         </textarea>
         
         <imagetype name="direction">
           <alpha>0</alpha>
         </imagetype>
       </state>
     </statetype>
     
     <statetype name="upscrollarrow" from="baseupscrollarrow" />
     
     <statetype name="downscrollarrow" from="basedownscrollarrow" />
     
   </buttonlist>
   
   <!-- Base definition of a button -->
   
   <button name="basebutton">
     
     <position>0,0</position>
     
     
     <statetype name="buttonstate">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>0,0,200,30</area>
           <filename>buttonbackground-200x30.png</filename>
         </imagetype>
         
         <textarea name="text">
           <area>0,0,200,30</area>
           <align>allcenter</align>
           <font>basemedium</font>
           <font state="selected">basemedium</font>
           <font state="disabled">basemediumgrey</font>
         </textarea>
         
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <area>0,0,200,30</area>
           <filename>buttonbackground-selected-200x30.png</filename>
         </imagetype>
         
         <textarea name="text">
           <align>center,vcenter</align>
           <cutdown>yes</cutdown>
           <case>upper</case>
           <font>basemediumgrey</font>
         </textarea>
         
       </state>
       
       <state name="disabled" from="active">
         <imagetype name="background">
           <filename>buttonbackground-200x30.png</filename>
           <alpha>180</alpha>
         </imagetype>
       </state>
       
       <state name="pushed" from="active">
         <imagetype name="background">
           <filename>buttonbackground-pushed-200x30.png</filename>
           <alpha>255</alpha>
         </imagetype>
       </state>
     </statetype>
   </button>
   
   <!-- Base definition of a wider button -->
   
   <button name="basewidebutton">
     <area>0,0,380,30</area>
     <position>0,0</position>
     <statetype name="buttonstate">
       <loadondemand>true</loadondemand>
       <state name="active">
         <imagetype name="background">
           <area>0,0,380,30</area>
           <filename>buttonbackground-380x30.png</filename>
           <alpha>150</alpha>
         </imagetype>
         
         <textarea name="text">
           <area>0,0,380,30</area>
           <align>allcenter</align>
           <font>basemedium</font>
           <cutdown>yes</cutdown>
         </textarea>
         
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
         <textarea name="text">
           <case>upper</case>
         </textarea>
       </state>
       
       <state name="inactive" from="active">
         <imagetype name="buttonbackground">
           <alpha>127</alpha>
         </imagetype>
         <textarea name="text">
           <alpha>127</alpha>
         </textarea>
       </state>
       
       <state name="disabled" from="active">
         <imagetype name="background">
           <alpha>30</alpha>
         </imagetype>
         <textarea name="text">
           <alpha>30</alpha>
         </textarea>
       </state>
       <state name="pushed" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
       </state>
     </statetype>
   </button>


 <button name="basemenubutton">
   <area>0,0,580,40</area>
   <layout>horizontal</layout>
   <position>0,0</position>
   <statetype name="buttonstate">
     <loadondemand>true</loadondemand>
     <state name="active">
       <imagetype name="background">
       <area>30,0,520,40</area>
       <filename>spinbox-520x40.png</filename>
       <alpha>150</alpha>
     </imagetype>
     
     <textarea name="text">
       <area>30,0,520,40</area>
       <align>allcenter</align>
       <font>basesmall</font>
       <cutdown>yes</cutdown>
     </textarea>
     </state>
     
     <state name="selected" from="active">
       <imagetype name="background">
         <alpha>200</alpha>
       </imagetype>
       
       <textarea name="text">
         <font>basebuttontitle</font>
       </textarea>
     </state>
     
     <state name="inactive" from="active">
       <imagetype name="buttonbackground">
         <alpha>127</alpha>
       </imagetype>
       
       <textarea name="text">
         <alpha>127</alpha>
       </textarea>
     </state>
     
     <state name="disabled" from="active">
       <imagetype name="background">
         <alpha>30</alpha>
       </imagetype>
       
       <textarea name="text">
         <alpha>30</alpha>
       </textarea>
     </state>
     <state name="pushed" from="active">
       <imagetype name="background">
         <alpha>255</alpha>
       </imagetype>
     </state>
   </statetype>
 </button>


   <!-- Base definition of a search button -->
   
   <button name="basesearchbutton">
     <area>0,0,60,30</area>
     <statetype name="buttonstate">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>0,0,60,30</area>
           <filename>buttonbackground-60x30.png</filename>
         </imagetype>
         <textarea name="text">
           <area>0,0,60,30</area>
           <align>allcenter</align>
           <font>basemedium</font>
           <font state="selected">basemedium</font>
           <font state="disabled">basemediumgrey</font>
           <value>???</value>
         </textarea>
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <filename>buttonbackground-selected-60x30.png</filename>
         </imagetype>
         <textarea name="text">
           <align>center,vcenter</align>
           <cutdown>yes</cutdown>
           <case>upper</case>
           <font>basemediumgrey</font>
           <value>???</value>
         </textarea>
       </state>
       
       <state name="disabled" from="active">
         <imagetype name="background">
           <filename>buttonbackground-60x30.png</filename>
           <alpha>180</alpha>
         </imagetype>
       </state>
       
       <state name="pushed" from="active">
         <imagetype name="background">
           <filename>buttonbackground-pushed-60x30.png</filename>
           <alpha>255</alpha>
         </imagetype>
       </state>
     </statetype>
     
   </button>
   
   
   <!-- Base definition of a popup button -->
   
   <button name="basepopupbutton">
     <area>0,0,580,55</area>
     <position>0,0</position>
     <statetype name="buttonstate">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <area>0,0,580,55</area>
         <imagetype name="buttonbackground">
           <area>0,0,580,55</area>
           <filename>580x55.png</filename>
           <alpha>150</alpha>
         </imagetype>
         
         <textarea name="text">
           <area>0,0,100%,55</area>
           <font>basesmall</font>
           <align>allcenter</align>
           <cutdown>yes</cutdown>
         </textarea>
       </state>
       
       <state name="selected" from="active">
         <imagetype name="buttonbackground">
           <alpha>255</alpha>
         </imagetype>
         <textarea name="text">
           <area>0,0,100%,55</area>
           <font>basebuttontitle</font>
         </textarea>
       </state>
       
       <state name="pushed" from="selected">
         <imagetype name="buttonbackground">
           <filename>580x55-pushed.png</filename>
         </imagetype>
         <textarea name="text">
           <font>basebuttontitlewhite</font>
         </textarea>
       </state>
       
       <state name="inactive" from="active">
         <imagetype name="buttonbackground">
           <alpha>100</alpha>
         </imagetype>
         
         <textarea name="text">
           <alpha>100</alpha>
         </textarea>
       </state>
     </statetype>
   </button>
   
   <!-- Base definition of a button that has an icon to go back -->
   
   <button name="basepopupbuttonback" from="basepopupbutton">
     <statetype name="buttonstate">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="back">
           <area>0,0,32,32</area>
           <position>15,10</position>
           <filename>icons/edit-undo.png</filename>
           <alpha>100</alpha>
         </imagetype>
       </state>
       
       <state name="inactive">
         <imagetype name="back">
           <alpha>50</alpha>
         </imagetype>
       </state>
       
       <state name="selected">
         <imagetype name="back">
           <position>15,10</position>
           <filename>icons/edit-undo.png</filename>
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="pushed">
       </state>
     </statetype>
   </button>
   
   <!-- Base definition of a button that has an icon to indicate it is used to save -->
   
   <button name="basepopupbuttonsave" from="basepopupbutton">
     <statetype name="buttonstate">
       <state name="active">
         <imagetype name="save">
           <area>0,0,32,32</area>
           <position>15,10</position>
           <filename>icons/file-saveas.png</filename>
           <alpha>100</alpha>
         </imagetype>
       </state>
       
       <state name="inactive">
         <imagetype name="save">
           <alpha>50</alpha>
         </imagetype>
       </state>
       
       <state name="selected">
         <imagetype name="save">
           <position>15,10</position>
           <filename>icons/file-saveas.png</filename>
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="pushed">
       </state>
     </statetype>
   </button>
   
   <!-- Base definition of a button that has an icon to cancel -->
   
   <button name="basepopupbuttoncancel" from="basepopupbutton">
     <statetype name="buttonstate">
       <state name="active">
         <imagetype name="cancel">
           <area>0,0,32,32</area>
           <position>15,10</position>
           <filename>icons/gtk-cancel.png</filename>
           <alpha>100</alpha>
         </imagetype>
       </state>
       
       <state name="inactive">
         <imagetype name="cancel">
           <alpha>50</alpha>
         </imagetype>
       </state>
       
       <state name="selected">
         <imagetype name="cancel">
           <area>0,0,32,32</area>
           <position>15,10</position>
           <filename>icons/gtk-cancel.png</filename>
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="pushed">
       </state>
     </statetype>
   </button>
   
   <!-- Base definition of a button that has an icon to accept -->
   
   <button name="basepopupbuttonok" from="basepopupbutton">
     <statetype name="buttonstate">
       <state name="active">
         <imagetype name="yes">
           <area>0,0,32,32</area>
           <position>15,10</position>
           <filename>icons/yes.png</filename>
           <alpha>100</alpha>
         </imagetype>
       </state>
       
       <state name="inactive">
         <imagetype name="yes">
           <alpha>50</alpha>
         </imagetype>
       </state>
       
       <state name="selected">
         <imagetype name="yes">
           <area>0,0,32,32</area>
           <position>15,10</position>
           <filename>icons/yes.png</filename>
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="pushed">
       </state>
     </statetype>
   </button>
   
   <!-- Base definition of checkbox -->
   
   <checkbox name="basecheckbox">
     <area>0,0,36,36</area>
     <statetype name="background">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>0,0,36,36</area>
           <filename>checkbox-36x36.png</filename>
           <alpha>150</alpha>
         </imagetype>
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="inactive">
         <imagetype name="background">
           <alpha>50</alpha>
         </imagetype>
       </state>
       
       <state name="disabled" />
     </statetype>
     
     <statetype name="checkstate">
       <area>0,0,36,36</area>
       <state type="off" />
       <state type="half">
         <imagetype name="yesno">
           <area>0,0,36,36</area>
           <filename>icons/yes.png</filename>
           <alpha>100</alpha>
         </imagetype>
       </state>
       
       <state type="full">
         <imagetype name="mark">
           <area>0,0,36,36</area>
           <filename>icons/yes.png</filename>
         </imagetype>
       </state>
     </statetype>
   </checkbox>
   
   <!-- base button that has no label -->
   
   <button name="basebuttonnolabel">
     <area>0,0,36,36</area>
     <statetype name="buttonstate">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>0,0,36,36</area>
           <filename>checkbox-36x36.png</filename>
           <alpha>200</alpha>
         </imagetype>
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="disabled" />
       
       <state type="pushed">
         <imagetype name="mark">
           <area>0,0,36,36</area>
           <filename>icons/yes.png</filename>
         </imagetype>
       </state>
     </statetype>
   </button>
   
   
   <buttonlist name="basewideselector">
     <area>0,0,580,40</area>
     <layout>horizontal</layout>
     <statetype name="buttonitem">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>30,0,520,40</area>
           <filename>spinbox-520x40.png</filename>
           <alpha>150</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <area>30,0,520,40</area>
           <align>allcenter</align>
           <font>basesmall</font>
           <cutdown>yes</cutdown>
         </textarea>
       </state>
       
       <state name="selectedactive" from="active">
         <imagetype name="background">
           <alpha>200</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <font>basebuttontitle</font>
         </textarea>
       </state>
       
       <state name="selectedinactive" from="active">
         <imagetype name="buttonbackground">
           <alpha>127</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>127</alpha>
         </textarea>
       </state>
       
       <state name="disabled" from="active">
         <imagetype name="background">
           <alpha>30</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>30</alpha>
         </textarea>
       </state>
     </statetype>
     
     <statetype name="upscrollarrow" from="baseleftscrollarrow">
       <position>-3,2</position>
     </statetype>
     
     <statetype name="downscrollarrow" from="baserightscrollarrow">
       <position>550,2</position>
     </statetype>
   </buttonlist>
   
   
   
   
   
   
   <!-- Base definition of a spinbox -->
   
   <spinbox name="basespinbox">
     <area>0,0,580,40</area>
     <layout>horizontal</layout>
     <statetype name="buttonitem">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>30,0,520,40</area>
           <filename>spinbox-520x40.png</filename>
           <alpha>150</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <area>30,0,520,40</area>
           <align>allcenter</align>
           <font>basesmall</font>
           <cutdown>yes</cutdown>
         </textarea>
       </state>
       
       <state name="selectedactive" from="active">
         <imagetype name="background">
           <alpha>200</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <font>basebuttontitle</font>
         </textarea>
       </state>
       
       <state name="selectedinactive" from="active">
         <imagetype name="buttonbackground">
           <alpha>127</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>127</alpha>
         </textarea>
       </state>
       
       <state name="disabled" from="active">
         <imagetype name="background">
           <alpha>30</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>30</alpha>
         </textarea>
       </state>
     </statetype>
     
     <statetype name="upscrollarrow" from="baseleftscrollarrow">
       <position>-3,2</position>
     </statetype>
     
     <statetype name="downscrollarrow" from="baserightscrollarrow">
       <position>550,2</position>
     </statetype>
   </spinbox>
   
   <spinbox name="basesmallspinbox" from="basespinbox">
     
   </spinbox>
   
   <!-- Base definition of a wide spinbox -->
   
   <spinbox name="basewidespinbox">
     <area>0,0,1040,40</area>
     <layout>horizontal</layout>
     <statetype name="buttonitem">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>30,0,980,40</area>
           <filename>spinbox-980x40.png</filename>
           <alpha>150</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <area>30,0,980,40</area>
           <align>allcenter</align>
           <font>basesmall</font>
           <cutdown>yes</cutdown>
         </textarea>
       </state>
       
       <state name="selectedactive" from="active">
         <imagetype name="background">
           <alpha>200</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <font>basebuttontitle</font>
         </textarea>
       </state>
       
       <state name="selectedinactive" from="active">
         <imagetype name="buttonbackground">
           <alpha>127</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>127</alpha>
         </textarea>
       </state>
       
       <state name="disabled" from="active">
         <imagetype name="background">
           <alpha>30</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>30</alpha>
         </textarea>
       </state>
     </statetype>
     
     <statetype name="upscrollarrow" from="baseleftscrollarrow">
       <position>-3,2</position>
     </statetype>
     
     <statetype name="downscrollarrow" from="baserightscrollarrow">
       <position>1010,2</position>
     </statetype>
   </spinbox>
   
   <!-- Base definition of a very wide spinbox -->
   
   <spinbox name="baseverywidespinbox">
     <area>0,0,1280,40</area>
     <position>0,0</position>
     <layout>horizontal</layout>
     <statetype name="buttonitem">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>0,0,1280,40</area>
           <filename>spinbox-1280x40.png</filename>
           <alpha>150</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <area>0,0,1280,40</area>
           <align>allcenter</align>
           <font>basemedium</font>
           <cutdown>yes</cutdown>
         </textarea>
       </state>
       
       <state name="selectedactive" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <case>upper</case>
         </textarea>
       </state>
       
       <state name="selectedinactive" from="active">
         <imagetype name="buttonbackground">
           <alpha>127</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>127</alpha>
         </textarea>
       </state>
       
       <state name="disabled" from="active">
         <imagetype name="background">
           <alpha>30</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>30</alpha>
         </textarea>
       </state>
     </statetype>
     
     <statetype name="upscrollarrow" from="baseleftscrollarrow" />
     
     <statetype name="downscrollarrow" from="baserightscrollarrow">
       <position>1280,8</position>
     </statetype>
   </spinbox>
   
   <!-- Base definition of a ratingsystem -->
   <statetype name="baserating">
     <area>0,0,160,32</area>
     <state name="0">
     </state>
     <state name="1">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-half.png</filename>
       </imagetype>
     </state>
     <state name="2">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
     </state>
     <state name="3">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars2">
         <area>32,0,32,32</area>
         <filename>icons/star-half.png</filename>
       </imagetype>
     </state>
     <state name="4">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars2">
         <area>32,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
     </state>
     <state name="5">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars2">
         <area>32,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars3">
         <area>64,0,32,32</area>
         <filename>icons/star-half.png</filename>
       </imagetype>
     </state>
     <state name="6">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars2">
         <area>32,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars3">
         <area>64,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
     </state>
     <state name="7">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars2">
         <area>32,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars3">
         <area>64,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars4">
         <area>96,0,32,32</area>
         <filename>icons/star-half.png</filename>
       </imagetype>
     </state>
     <state name="8">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars2">
         <area>32,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars3">
         <area>64,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars4">
         <area>96,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
     </state>
     <state name="9">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars2">
         <area>32,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars3">
         <area>64,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars4">
         <area>96,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars5">
         <area>128,0,32,32</area>
         <filename>icons/star-half.png</filename>
       </imagetype>
     </state>
     <state name="10">
       <imagetype name="stars1">
         <area>0,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars2">
         <area>32,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars3">
         <area>64,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars4">
         <area>96,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
       <imagetype name="stars5">
         <area>128,0,32,32</area>
         <filename>icons/star-full.png</filename>
       </imagetype>
     </state>
   </statetype>
   
   <!-- Base definition of a textarea -->
   <textarea name="basetextarea">
     <area>0,0,10,10</area>
     <font>basesmall</font>
     <multiline>no</multiline>
     <align>left</align>
   </textarea>
   
   <!-- TODO Base definition of a textedit -->
   <textedit name="basetextedit">
     <area>0,0,350,36</area>
     <statetype name="background">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>0,0,350,36</area>
           <filename>textedit-350x36.png</filename>
           <alpha>150</alpha>
         </imagetype>
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="inactive" from="active">
         <imagetype name="background">
           <alpha>150</alpha>
         </imagetype>
       </state>
     </statetype>
     
     <imagetype name="cursor">
       <filename>cursor.png</filename>
     </imagetype>
     
     <textarea name="text">
       <area>5,3,338,30</area>
       <font>basesmallblack</font>
     </textarea>
   </textedit>
   
   <textedit name="basemultilinetextedit" from="basetextedit">
     <area>0,0,350,186</area>
   <statetype name="background">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <imagetype name="background">
           <area>0,0,350,186</area>
           <filename>textedit-350x186.png</filename>
           <alpha>150</alpha>
         </imagetype>
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="inactive" from="active">
         <imagetype name="background">
           <alpha>150</alpha>
         </imagetype>
       </state>
     </statetype>

     <textarea name="text">
       <area>5,3,338,180</area>
     </textarea>
   </textedit>
   
   <textedit name="basetexteditwide" from="basetextedit">
     <area>0,0,560,36</area>
     <statetype name="background">
       <state name="active">
         <imagetype name="background">
           <area>0,0,560,36</area>
           <filename>textedit-560x36.png</filename>
           <alpha>150</alpha>
         </imagetype>
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="inactive" from="active">
         <imagetype name="background">
           <alpha>150</alpha>
         </imagetype>
       </state>
     </statetype>
     
     <textarea name="text">
       <area>5,3,548,30</area>
     </textarea>
   </textedit>
   
   <textedit name="basetextedit980x66" from="basetextedit">
     <area>0,0,980,66</area>
     <statetype name="background">
       <state name="active">
         <imagetype name="background">
           <area>0,0,980,66</area>
           <filename>textedit-980x66.png</filename>
           <alpha>150</alpha>
         </imagetype>
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="inactive" from="active">
         <imagetype name="background">
           <alpha>150</alpha>
         </imagetype>
       </state>
     </statetype>
     
     <textarea name="text">
       <area>5,3,970,60</area>
       <multiline>yes</multiline>
     </textarea>
   </textedit>
   
   <textedit name="basetextedit980x156" from="basetextedit">
     <area>0,0,980,156</area>
     <statetype name="background">
       <state name="active">
         <imagetype name="background">
           <area>0,0,980,156</area>
           <filename>textedit-980x156.png</filename>
           <alpha>150</alpha>
         </imagetype>
       </state>
       
       <state name="selected" from="active">
         <imagetype name="background">
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="inactive" from="active">
         <imagetype name="background">
           <alpha>150</alpha>
         </imagetype>
       </state>
     </statetype>
     
     <textarea name="text">
       <area>5,3,970,150</area>
       <multiline>yes</multiline>
     </textarea>
   </textedit>
   
   <!-- Wide definition of a progressbar -->
   <progressbar name="basewideprogressbar">
     <area>0,0,1640,58</area>
     <layout>horizontal</layout>
     <style>reveal</style>
     <imagetype name="background">
       <area>0,0,1640,58</area>
       <filename>OSD/fillbar-empty.png</filename>
     </imagetype>
     <imagetype name="progressimage">
       <area>0,0,1640,58</area>
       <filename>OSD/fillbar-full.png</filename>
     </imagetype>
   </progressbar>
   
   <progressbar name="baseprogressbar">
     <area>0,0,890,58</area>
     <layout>horizontal</layout>
     <style>reveal</style>
     <imagetype name="background">
       <area>0,0,890,58</area>
       <filename>wr-fillbar-empty.png</filename>
     </imagetype>
     <imagetype name="progressimage">
       <area>0,0,890,58</area>
       <filename>wr-fillbar-full.png</filename>
     </imagetype>
   </progressbar>
   
   <!-- Base definition of a the arrows to upscroll and downscroll   -->
   <statetype name="upscrollarrowpopup" from="baseupscrollarrow">
     <position>15,190</position>
   </statetype>
   
   <statetype name="downscrollarrowpopup" from="basedownscrollarrow">
     <position>552,190</position>
   </statetype>
   
   <textarea name="basemessagearea">
     <font>base</font>
     <area>5,5,590,200</area>
     <multiline>yes</multiline>
     <align>allcenter</align>
   </textarea>
   
   <imagetype name="basewidefillbar">
     <area>20,472,1640,58</area>
     <filename>OSD/fillbar-empty.png</filename>
   </imagetype>
   
   <imagetype name="basewaitanimation">
     <position>20,472</position>
     <filepattern low="1" high="38">animations/wait/wait-%1.png</filepattern>
     <delay>30</delay>
   </imagetype>
   
   <buttonlist name="basepopupboxlist">
     <area>0,0,600,800</area>
     <layout>vertical</layout>
     <spacing>5</spacing>
     <arrange>stack</arrange>
     <align>bottom,hcenter</align>
     <buttonarea>0,205,600,580</buttonarea>
     <statetype name="buttonitem">
       <loadondemand>true</loadondemand>     
       <state name="active">
         <area>0,0,580,55</area>
         <imagetype name="buttonbackground">
           <area>0,0,580,55</area>
           <filename>580x55.png</filename>
         </imagetype>
         
         <textarea name="buttontext" from="basetextarea">
           <area>0,0,580,55</area>
           <align>allcenter</align>
         </textarea>
         
         <imagetype name="buttonarrow">
           <position>540,10</position>
           <filename>icons/draw-triangle2.png</filename>
           <alpha>100</alpha>
           <grayscale>true</grayscale>
         </imagetype>
       </state>
       
       <state name="selectedactive">
         <area>0,0,580,140</area>
         <imagetype name="buttonbackground2">
           <area>0,0,580,140</area>
           <alphapulse min="150" max="255" change="1" />
           <filename>580x140.png</filename>
         </imagetype>
         
         <textarea name="buttontext">
           <area>0,0,580,140</area>
           <font>basebuttontitle</font>
           <align>allcenter</align>      
           <multiline>yes</multiline>
         </textarea>
         
         <imagetype name="buttonarrow">
           <area>0,0,35,35</area>	
           <position>540,50</position>
           <filename>icons/draw-triangle2.png</filename>
           <alpha>200</alpha>
         </imagetype>
         
       </state>
       
       <state name="inactive" from="active">
         <imagetype name="buttonbackground">
           <alpha>100</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>100</alpha>
         </textarea>
         
         <imagetype name="buttonarrow">
           <alpha>30</alpha>
           <grayscale>true</grayscale>
         </imagetype>
         
       </state>
       
       <state name="selectedinactive" from="selectedactive">
         
         <imagetype name="buttonbackground2">
           <alpha>100</alpha>
         </imagetype>
         
         <textarea name="buttontext">
           <alpha>100</alpha>
         </textarea>
         
         <imagetype name="buttonarrow">
           <alpha>30</alpha>
           <grayscale>true</grayscale>
         </imagetype>
         
       </state>
       
     </statetype>
     
     <statetype name="upscrollarrow" from="upscrollarrowpopup" />
     
     <statetype name="downscrollarrow" from="downscrollarrowpopup"/>
   </buttonlist>
   
   
   <imagetype name="basepopupboxback">
     <filename>MythPopupBox-background.png</filename>
   </imagetype>
   
   <imagetype name="baseglowwhite">
     <filepattern low="1" high="9" cycle="reverse">animations/glow-white/%1.png</filepattern>
     <delay>150</delay>
   </imagetype>
   
   <!-- Popup Dialogue Box -->
   
   <window name="MythPopupBox">
     <area>-1,-1,600,800</area>
     <imagetype name="backimg" from="basepopupboxback" />

     <textarea name="messagearea" from="basemessagearea" />
     <buttonlist name="list" from="basepopupboxlist" />
   </window>
   
   <!-- Fullscreen Dialogue Box -->
   
   <window name="MythDialogBox" from="MythPopupBox">
     
     <textarea name="title" from="basetextarea">
       <font>basetitle</font>
       <area>5,5,590,30</area>
       <font>basetitle</font>
       <align>allcenter</align>
     </textarea>
     
     <textarea name="messagearea" from="basetextarea">
       <area>5,30,590,160</area>
       <multiline>yes</multiline>
       <font>basemedium</font>
       <align>allcenter</align>
     </textarea>
     
     <buttonlist name="list" />
     
   </window>
   
   <!-- Round please Wait pie -->
   
   <window name="MythBusyDialog">
     
     <area>0,0,1640,58</area>
     
     <imagetype name="background" from="basewidefillbar" />     
     <imagetype name="animation" from="basewaitanimation" />
     
     <textarea name="message" from="basepagetitle">
       <area>20,473,1640,58</area>
       <align>allcenter</align>
     </textarea>
   </window>

   <!-- Popup that shows how much still needs to be done -->
   <window name="MythProgressDialog">
     
     <area>-1,-1,1680,1050</area>
     <imagetype name="backimg">
       <filename>890x140.png</filename>
       <position>359,418</position>
     </imagetype>
     
     <textarea name="message" from="basetextarea">
       <font>basetitle</font>
       <area>359,418,890,82</area>
       <align>allcenter</align>
     </textarea>
     
     <progressbar name="progressbar" from="baseprogressbar">
       <position>359,500</position>
     </progressbar>
     
     <textarea name="progresstext" from="basetextarea">
       <area>359,500,890,59</area>
       <align>allcenter</align>
     </textarea>
     
   </window>
   
   <!-- Popup that if you want to do something -->
   <window name="MythConfirmationDialog" from="MythPopupBox">
     <textarea name="message" from="basemessagearea" />
     
     <!-- TODO: make OK big, cancel small -->
     <button name="cancel" from="basepopupbuttoncancel">
       <position>5,675</position>
       <value>Cancel</value>
     </button>
     
     <button name="ok" from="basepopupbuttonok">
       <position>5,735</position>
       <value>OK</value>
     </button>
   </window>
   
   <window name="MythTextInputDialog" from="MythPopupBox">
     
     <textarea name="message" from="basemessagearea" />
     
     <textedit name="input" from="basetexteditwide">
       <position>20,210</position>
     </textedit>
     
     <button name="cancel" from="basepopupbuttoncancel">
       <position>5,675</position>
       <value>Cancel</value>
     </button>
     
     <button name="ok" from="basepopupbuttonok">
       <position>5,735</position>
       <value>OK</value>
     </button>
   </window>
   
   <!--     A basic search dialog used everywhere -->
   
   <window name="MythSearchDialog">
     
     <area>-1,-1,600,800</area>
     <imagetype name="backimg" from="basepopupboxback" />
     
     <textarea name="title" from="basemessagearea" />
     
     <buttonlist name="itemlist" from="basepopupboxlist">
       <buttonarea>0,205,600,415</buttonarea>
     </buttonlist>
     
     <textedit name="input" from="basetexteditwide">
       <position>20,630</position>
     </textedit>
     
     <button name="cancel" from="basepopupbuttonsave">
       <position>10,675</position>
       <value>Cancel</value>
     </button>
     
     <button name="ok" from="basepopupbuttonok">
       <position>10,735</position>
       <value>OK</value>
     </button>
     
   </window>

   <window name="videowindow">
     <area>0,0,1640,58</area>

     <imagetype name="background" from="basewidefillbar" />     
     <imagetype name="animation" from="basewaitanimation" />
     
     <textarea name="title" from="basepagetitle">
       <area>20,473,1640,58</area>
       <align>allcenter</align>
       <value>Playback starting ...</value>
     </textarea>
   </window>
   
   
   <window name="MythFileBrowser" from="MythPopupBox">
     <textedit name="location" from="basetexteditwide">
       <position>20,20</position>
     </textedit>
     
     <buttonlist name="filelist">
       <area>0,60,590,450</area>
       <layout>grid</layout>
       <align>allcenter</align>
       <buttonarea>5,20,590,450</buttonarea>
       
       <statetype name="buttonitem">
         <state name="active">
           <area>0,0,295,220</area>
           <shape name="buttonbackground">
             <area>0,0,295,220</area>
             <fill color="#ffffff" alpha="0" />
           </shape>
           
           <statetype name="nodetype">
             <loadondemand>true</loadondemand>   
             <state name="folder">
               <imagetype name="icon">
                 <area>0,0,290,215</area>
                 <filename>video/browser/folder.png</filename>
                 <preserveaspect>yes</preserveaspect>
               </imagetype>
             </state>
             
             <state name="upfolder" from="folder">
               <imagetype name="icon">
                 <filename>video/browser/folderback.png</filename>
               </imagetype>
             </state>
             
             <state name="executable" from="folder">
               <imagetype name="icon">
                 <filename>shared/executable.png</filename>
               </imagetype>
             </state>
             
             <state name="file" from="folder">
               <imagetype name="icon">
                 <filename>shared/file.png</filename>
               </imagetype>
             </state>
           </statetype>
           
           <imagetype name="buttonimage">
             <area>0,0,290,215</area>
             <preserveaspect>true</preserveaspect>
           </imagetype>
           
           <textarea name="buttontext" from="basetextarea">
             <area>0,190,290,25</area>
             <align>allcenter</align>
           </textarea>
         </state>
         
         <state name="selectedinactive" from="active">
           <shape name="buttonbackground">
             <fill color="#ffffff" alpha="50" />
           </shape>
         </state>
         
         <state name="selectedactive" from="active">
           <shape name="buttonbackground">
             <fill color="#ffffff" alpha="100" />
           </shape>
         </state>
       </statetype>
     </buttonlist>
     
     <button name="back" from="basepopupbutton">
       <position>10,550</position>
       <value>Up Level</value>
     </button>
     
     <button name="home" from="basepopupbutton">
       <position>10,610</position>
       <value>Home</value>
     </button>
     
     <button name="cancel" from="basepopupbuttoncancel">
       <position>10,675</position>
       <value>Cancel</value>
     </button>
     
     <button name="ok" from="basepopupbuttonok">
       <position>10,735</position>
       <value>OK</value>
     </button>
   </window>
   
   
   <button name="basepopupbuttonleft" from="basepopupbutton">
     <statetype name="buttonstate">
       <state name="active">
         <imagetype name="yes">
           <area>15,10,35,35</area>
           <filename>icons/draw-triangle1.png</filename>
           <alpha>100</alpha>
         </imagetype>
       </state>
       
       <state name="inactive">
         <imagetype name="yes">
           <alpha>50</alpha>
         </imagetype>
       </state>
       
       <state name="selected">
         <imagetype name="yes">
           <area>15,10,35,35</area>
           <filename>icons/draw-triangle1.png</filename>
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="pushed">
         <imagetype name="yes">
           <area>15,10,35,35</area>
           <filename>icons/draw-triangle1.png</filename>
           <alpha>255</alpha>
         </imagetype>
       </state>
     </statetype>
   </button>
   
   <button name="basepopupbuttonright" from="basepopupbutton">
     <statetype name="buttonstate">
       <state name="active">
         <imagetype name="yes">
           <area>530,10,35,35</area>
           <filename>icons/draw-triangle2.png</filename>
           <alpha>100</alpha>
         </imagetype>
       </state>
       
       <state name="inactive">
         <imagetype name="yes">
           <alpha>50</alpha>
         </imagetype>
       </state>
       
       <state name="selected">
         <imagetype name="yes">
           <area>530,10,35,35</area>
           <filename>icons/draw-triangle2.png</filename>
           <alpha>255</alpha>
         </imagetype>
       </state>
       
       <state name="pushed">
         <imagetype name="yes">
           <area>530,10,35,35</area>
           <filename>icons/draw-triangle2.png</filename>
           <alpha>255</alpha>
         </imagetype>
         
       </state>
     </statetype>
   </button>
   
   <!-- Popup search dialog used to search button lists -->
   <window name="MythSearchListDialog">
     <area>-1,-1,600,800</area>

 <imagetype name="bg">
   <filename>MythSearchListDialog-background.png</filename>
 </imagetype>
     <textarea name="title" from="basemessagearea">
       <area>5,5,590,40</area>
       <value>Search List</value>
     </textarea>
     
     <textedit name="searchedit" from="basetexteditwide">
       <position>20,48</position>
     </textedit>
     <button name="nextbutton" from="basepopupbuttonright">
       <value>Next</value>
       <position>10,85</position>
     </button>
     
     <button name="prevbutton" from="basepopupbuttonleft">
       <value>Previous</value>
       <position>10,145</position>
     </button>
    </window> 
    

    <window name="MythArtworkResults">
      <!-- A list of returned artwork items, for user selection.  -->
      <area>-1,-1,600,800</area>
      <imagetype name="backimg" from="basepopupboxback" />
      <buttonlist name="results">
        <layout>vertical</layout>
        <spacing>5</spacing>
        <arrange>stack</arrange>
        <scrollstyle>center</scrollstyle>
        <align>center</align>
        <buttonarea>0,5,600,790</buttonarea>
        <statetype name="buttonitem">
          <state name="active">
            <area>0,0,580,55</area>
            <imagetype name="buttonbackground">
              <filename>580x55.png</filename>
            </imagetype>
            <imagetype name="buttonimage">
              <area>15,0,55,55</area>
              <preserveaspect>true</preserveaspect>
            </imagetype>
            <textarea name="resolution" from="basetextarea">
              <area>60,0,430,55</area>
              <align>allcenter</align>
            </textarea>
          </state>
          <state name="selectedactive">
            <area>0,0,580,260</area>
            <imagetype name="buttonbackground2">
              <filename>580x260.png</filename>
            </imagetype>
            <imagetype name="buttonimage">
              <area>15,5,550,250</area>
              <preserveaspect>true</preserveaspect>
            </imagetype>
            <textarea name="resolution">
              <area>0,5,580,260</area>
              <font>basebuttontitle</font>
              <align>hcenter,bottom</align>
            </textarea>
          </state>
        </statetype>
      </buttonlist>
    </window>
    
    <window name="MythMetadataResults">
      <!-- A list of returned values from a grabber script, for user selection. -->
      <area>-1,-1,600,800</area>
      <imagetype name="backimg" from="basepopupboxback" />
      <buttonlist name="results">
        <layout>vertical</layout>
        <spacing>5</spacing>
        <arrange>stack</arrange>
        <scrollstyle>center</scrollstyle>
        <align>center</align>
        <buttonarea>0,5,600,790</buttonarea>
        <statetype name="buttonitem">
          <state name="active">
            <area>0,0,580,55</area>
            <imagetype name="buttonbackground">
              <filename>580x55.png</filename>
            </imagetype>
            <textarea name="buttontext" from="basetextarea">
              <area>0,0,580,55</area>
              <align>allcenter</align>
              <template>%TITLE% - %SUBTITLE%</template>
            </textarea>
          </state>
          <state name="selectedactive">
            <area>0,0,580,140</area>
            <imagetype name="buttonbackground2">
              <filename>580x140.png</filename>
            </imagetype>
            <textarea name="releasedate">
              <area>0,85,580,55</area>
              <align>allcenter</align>
              <font>basesmall</font>
              <template>%RELEASEDATE% %IMDB% %S##E##%</template>
            </textarea>
            <textarea name="buttontext" from="basetextarea">
              <area>0,0,580,100</area>
              <font>basebuttontitle</font>
              <align>allcenter</align>
              <multiline>yes</multiline>
              <template>%TITLE% - %SUBTITLE%</template>
            </textarea>
          </state>
        </statetype>
      </buttonlist>
    </window>
    
    
  </mythuitheme>