<?xml version="1.0" encoding="utf-8" ?>
<jsml xmlns="http://cutesoft.net/jsml"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://cutesoft.net/jsml ../core/jsml.xsd">


  <panel jsml-class="properties_common" dock="fill">

	<groupbox text="@ATTRIBUTES" dock="top" overflow="visible" margin="3">

		<panel margin="7,3,2,3" height="18" dock="top">
		  <label dock="left" vertical_align="middle" width="80" text="@CSSCLASS|:" text_align="right"/>
		  <panel dock="left" width="4" />
		  <panel dock="left" jsml-base="rteproptextbox" width="100" propname="class"/>
		  <label dock="left" vertical_align="middle" text="@FLOAT|:" text_align="right" width="140"/>
		  <panel dock="left" width="4" />
		  <panel dock="left" jsml-base="rtepropdropdown" width="100" propname="style:float">
			<listitem value="" text="@NOTSET" />
			<listitem value="left" text="@LEFT" />
			<listitem value="right" text="@RIGHT" />
			<listitem value="none" text="@none" />
		  </panel>
		</panel>
		<panel margin="7,3,2,3" height="18" dock="top">
		  <label dock="left" vertical_align="middle" width="80" text="ID:" text_align="right"/>
		  <panel dock="left" width="4" />
		  <panel dock="left" jsml-base="rteproptextbox" width="100" propname="id"/>	
		  <label dock="left" vertical_align="middle" text="@TEXTALIGN|:" width="140" text_align="right"/>
		  <panel dock="left" width="4" />
		  <panel dock="left" jsml-base="rtepropdropdown" propname="style:text-align" width="100">
			<listitem value="" text="@NOTSET" />
			<listitem value="left" text="@LEFT" />
			<listitem value="center" text="@CENTER" />
			<listitem value="right" text="@RIGHT" />
			<listitem value="justify" text="@JUSTIFY" />
		  </panel>	 
		</panel>
		<panel margin="7,3,2,3" height="18" dock="top">
		  <label dock="left" vertical_align="middle" text="@COLOR|:" text_align="right" width="80"/>
		  <panel dock="left" width="4" />
		  <panel dock="left" jsml-base="rtepropcolorbox" propname="style:color" width="100"/>
		  <label dock="left" vertical_align="middle" text="@BACKGROUNDCOLOR|:" text_align="right" width="140"/>
		  <panel dock="left" width="4" />
		  <panel dock="left" jsml-base="rtepropcolorbox" propname="style:background-color" width="100"/>
		</panel>
		<panel margin="7,3,2,3" height="18" dock="top">
		  <label dock="left" vertical_align="middle" width="80" text="@WIDTH|:" text_align="right"/>
		  <panel dock="left" width="4" />
		  <panel dock="left" jsml-base="rtepropunitbox" width="100" propname="style:width"/>
		</panel>
		<panel margin="7,3,2,3" height="18" dock="top">
		  <label dock="left" vertical_align="middle" width="80" text="@HEIGHT|:" text_align="right"/>
		  <panel dock="left" width="4" />
		  <panel dock="left" jsml-base="rtepropunitbox" width="100" propname="style:height"/>
		</panel>
		<panel margin="10,3,30,3" height="56" dock="top">
		  <label dock="left" vertical_align="middle" text="@TOOLTIP|:" text_align="right" width="80"/>
		  <panel dock="left" width="4" />
			<panel jsml-base="rteproptextbox" dock="left" propname="title" width="348">
				<initialize>
					self.textbox.set_text_mode("multipleline");
				</initialize>
			</panel>
		</panel>
	</groupbox>

  </panel>

  <panel jsml-base="properties_common" />


</jsml>
