<?xml version="1.0" encoding="UTF-8"?>
<interface>
    <preview>
        <thumbnail>thumbnail.jpg</thumbnail>
        <title>Rainbow</title>
        <description><![CDATA[This interface provides a simple layout that it 800x470 pixels and has squared borders. Additionaly, it support the displaying of a title in the header area.]]></description>
        <specialNotes />
    </preview>
    <html>
        <bgColor>#ffffff</bgColor>
    </html>
    <object>
        <height>470</height>
        <width>800</width>
        <parameters>
            <parameter><![CDATA[<PARAM NAME="Src" VALUE="os.swf">]]></parameter>
        </parameters>
    </object>
    <interaction>
        <!--  This is the title put in the header. Not all interfaces will have a geader, in fact, the default one will not. 	-->
        <title>Your Title Here</title>
        <titleColor>#FFFFFF</titleColor>
        <headerFileName>header.swf</headerFileName>
        <footerFileName>footer.jpg</footerFileName>
        <headerBgColor>#000000</headerBgColor>
        <footerBgColor>#000000</footerBgColor>

        <!--  This is the HTML background color. This element is used to inform the lodeStar Theme Editor but is not used by the flash files.-->
        <htmlBgColor>#ffffff</htmlBgColor>

        <!--  This is the outer background color. Using the same color as the html bgColor would make the interaction blend into the html.-->
        <outerBgColor>#000000</outerBgColor>

        <!--  This is the area within the border. It is the same space as the bgImage. -->
        <innerBgColor>#ffffff</innerBgColor>
        <innerBgColorAlpha>100</innerBgColorAlpha>

        <!--  This is the image which will appear as a background within the border It could be a jpg or a swf.-->
        <bgImage>background.jpg</bgImage>
        <bgImageAlpha>20</bgImageAlpha>
	
		        <panelBgImageFileName>h_panel.jpg</panelBgImageFileName>
		<vPanelBgImageFileName>v_panel.jpg</vPanelBgImageFileName>

		<fontColors>
			<panel normal="ffffff" over="cccccc" selected="999999" />
			<button normal="000000" over="cccccc" selected="999999" />
		</fontColors>

		<buttonBgImageFileName>button.jpg</buttonBgImageFileName>


        <!--  The options here are "Rounded" or "Squared". -->
        <cornerOption>Rounded</cornerOption>
    </interaction>
</interface>
