{******************************
	the cloned item
*******************************}

{assign var=control value="verticalLine"}

<div
	class="draggable_normal draggable_standby"
	id="_control_verticalLine_.:id:."
	style="z-index: 100;">
	<div
		id="object"
		style="" ><div></div></div>

	{include file="controls/trackerValue.orderIndex.tpl" control=$control}

</div>

{******************************
	the attributes panel
*******************************}
<div id="_control_verticalLine_.:id:._attributes" style="display: none; ">
	<div class="title">
		{******* DELETE ELEMENT ********}
		<a href="#;"
			onclick="Controls.removeByID('_control_verticalLine_.:id:.');return false;"
			class="icon-delete"
			tooltip="{$_LANG.DTM.tpl.tooltip.delete}"
			></a>
		{******* CLONE ELEMENT ********}
		<a href="#;"
			onclick="Controls.cloneById('_control_verticalLine_.:id:.');return false;"
			class="icon-clone"
			tooltip="{$_LANG.DTM.tpl.tooltip.clone}"
			></a>
		{if $_LANG.DTM.tpl.controls.verticalLine.title_tooltip}
			<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.verticalLine.title_tooltip}" ></a>
		{/if}

		{$_LANG.DTM.tpl.controls.verticalLine.title}
	</div>

	<div style="clear: both;"></div>

	<table class="wrappable">
		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.verticalLine.coordinates}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.verticalLine.coordinates_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.verticalLine.coordinates_tooltip}" ></a>
				{/if}

				{include file="controls/selector.coordinates.tpl" control=$control}
				{include file="controls/selector.fixed.tpl" control=$control pre=''}
				{include file="controls/selector.block.tpl" control=$control}
				{include file="controls/selector.repeatable.tpl" control=$control name="repeatable"}
			</td>
		</tr>
		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.verticalLine.assignedGroup}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.verticalLine.assignedGroup_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.verticalLine.assignedGroup_tooltip}" ></a>
				{/if}
				{include file="controls/selector.group.tpl" control=$control name="assignedGroup"}
			</td>
		</tr>
		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.verticalLine.dimensions}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.verticalLine.dimensions_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.verticalLine.dimensions_tooltip}" ></a>
				{/if}

				<input
					type="Wmm"
					class="attributes_dimensions"
					name="{$control}.:id:.[Wmm]"
					id="Wmm"
					value=""
				/>{$_LANG.DTM.tpl.mm}
				/
				<input
					type="Hmm"
					class="attributes_dimensions"
					name="{$control}.:id:.[Hmm]"
					id="Hmm"
					value=""
				/>{$_LANG.DTM.tpl.mm}

				{******** HIDDEN COORDINATES ************}
				<input
					type="W"
					name="{$control}.:id:.[W]"
					id="W"
					value=""
					style="display: none;"
				/>
				<input
					type="H"
					name="{$control}.:id:.[H]"
					id="H"
					value=""
					style="display: none;"
				/>
			</td>
		</tr>
		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.verticalLine.layer}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.verticalLine.layer_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.verticalLine.layer_tooltip}" ></a>
				{/if}

				{include file="controls/selector.layer.tpl" name="layer" control=$control}
			</td>
		</tr>
		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.verticalLine.transparency}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.verticalLine.transparency_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.verticalLine.transparency_tooltip}" ></a>
				{/if}

				<input
					type="opacity"
					name="{$control}.:id:.[opacity]"
					id="opacity"
					value=""
					class="attributes_opacity"
				/> %
			</td>
		</tr>
		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.verticalLine.color}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.verticalLine.color_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.verticalLine.color_tooltip}" ></a>
				{/if}

				{include file="controls/selector.color.tpl" name="color" control=$control}
			</td>
		</tr>
		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.verticalLine.style}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.verticalLine.style_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.verticalLine.style_tooltip}" ></a>
				{/if}

				{include file="controls/selector.lineStyle.tpl" name="style" control=$control}
			</td>
		</tr>
	</table>

	<fieldset style="width:295px;"  class="default">
		<legend
			onclick="toggleContainer(this);"
			>{$_LANG.DTM.tpl.controls.verticalLine.padding} <img src="{$smarty.const.SMARTY_BLANKGIF}" alt="" align="absmiddle" class="imgIcon icon-expand-10" /></legend>
		<table style="display: none; width:295px;" class="wrappable">
			<tr>
				<td>
					{$_LANG.DTM.tpl.controls.verticalLine.padding}
				</td>
				<td>
					{if $_LANG.DTM.tpl.controls.verticalLine.padding_tooltip}
						<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.verticalLine.padding_tooltip}" ></a>
					{/if}
					<table cellpadding="0" cellspacing="0" class="wrappable">
						<tr>
							<td>
								{$_LANG.DTM.tpl.top}
							</td>
							<td>
								<input
									type="padding_top"
									name="{$control}.:id:.[padding_top]"
									id="padding_top"
									value=""
									class="attributes_padding"
								/>
							</td>
						</tr>
						<tr>
							<td>
								{$_LANG.DTM.tpl.bottom}
							</td>
							<td>
								<input
									type="padding_bottom"
									name="{$control}.:id:.[padding_bottom]"
									id="padding_bottom"
									value=""
									class="attributes_padding"
								/>
							</td>
						</tr>
						<tr>
							<td>
								{$_LANG.DTM.tpl.left}
							</td>
							<td>
								<input
									type="padding_left"
									name="{$control}.:id:.[padding_left]"
									id="padding_left"
									value=""
									class="attributes_padding"
								/>
							</td>
						</tr>
						<tr>
							<td>
								{$_LANG.DTM.tpl.right}
							</td>
							<td>
								<input
									type="padding_right"
									name="{$control}.:id:.[padding_right]"
									id="padding_right"
									value=""
									class="attributes_padding"
								/>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</fieldset>
</div>