<%@ Control Inherits="CuteEditor.EditorUtilityCtrl" Language="c#" AutoEventWireup="false" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" %>
<table border="0" cellspacing="2" cellpadding="5" width="100%">
	<tr>
		<td>
			<div>
				<fieldset style="padding:2px"><legend>[[InsertHorizontalRule]]</legend>
					<table border="0" cellpadding="5" cellspacing="0">
						<tr>
							<td style='vertical-align:middle' class="normal">[[Width]]:</td>
							<td style='vertical-align:middle'>
								<input type="text" id="inp_width" style="width:45px" onkeypress="return CancelEventIfNotDigit()" />
								<select id="eenheid">
									<option selected="selected" value="%">%</option>
									<option value="">px</option>
								</select>
							</td>
							<td style="width:3">&nbsp;
							</td>
							<td style='vertical-align:middle' class="normal">[[Alignment]]:</td>
							<td style='vertical-align:middle'>
								<select style="WIDTH: 68px" id="alignment">
									<option value="left">Left</option>
									<option value="center">Center</option>
									<option value="right">Right</option>
								</select>
							</td>
						</tr>
						<tr>
							<td class="normal">[[Color]]:</td>
							<td>
								<input autocomplete="off" type="text" id="hrcolor" size="7" style="WIDTH:57px" /> 
								<img alt="" id="hrcolorpreview" src="Load.ashx?type=image&file=colorpicker.gif" style='behavior:url(Load.ashx?type=htc&file=ColorPicker.htc)'
									oncolorchange="hrcolor.value=this.selectedColor; hrcolor.style.backgroundColor=this.selectedColor" />
							</td>
							<td style="width:3">&nbsp;
							</td>
							<td style='vertical-align:middle' class="normal">[[Shade]]:</td>
							<td style='vertical-align:middle'>
								<select id="shade">
									<option value="shade" selected="selected">Shade</option>
									<option value="noshade">No shade</option>
								</select>
							</td>
						</tr>
						<tr>
							<td style='vertical-align:middle' class="normal">[[Size]]:</td>
							<td style='vertical-align:middle' colspan="4">
								<select id="sel_size" style="width:67px">
									<option selected="selected" value="1">1 px</option>
									<option value="2">2 px</option>
									<option value="3">3 px</option>
									<option value="4">4 px</option>
									<option value="5">5 px</option>
									<option value="6">6 px</option>
									<option value="7">7 px</option>
									<option value="8">8 px</option>
									<option value="9">9 px</option>
									<option value="10">10 px</option>
								</select>
							</td>
						</tr>
					</table>
				</fieldset>
			</div>
		</td>
	</tr>
</table>
<script type="text/javascript" src="Load.ashx?type=dialogscript&file=Dialog_Tag_Hr.js"></script>
