<center>
<table cellspacing="0" cellpadding="0" border="0" width="98%">
	<tr>
		<td align="left" class="headline">&nbsp;{AREA_TITLE}&nbsp;<span class="errormsg">{ERR_MSG}</span>&nbsp;{CSS_WARN}</td>
		<td align="right" valign="top" class="action">{SUB_NAV_RIGHT}{QNAV}&nbsp;</td>
	</tr>
	<tr>
		<td colspan="2"><br>
			<form name="editstyle" id="editstyle" class="editor" action="{FORM_ACTION}" method="post">
					<input type="hidden" name="action" value="editrule">
					<input type="hidden" name="area" value="css_edit">
					<input type="hidden" name="idcss" value="{IDCSS}">
					<input type="hidden" name="idexpand" value="{IDEXPAND}">
					<input type="hidden" name="idclient" value="{IDCLIENT}">
				
				<table cellpadding="{TABLE_PADDING}" cellspacing="{TABLE_SPACING}" border="{TABLE_BORDER}" width="640">
					<tr valign="top">
						<td class="head" width="100">&nbsp;{EDIT_TYPE_DESC}&nbsp;</td>
						<td class="content">&nbsp;<select name="{EDIT_TYPE_NAME}">
				<!-- BEGIN TYPELIST -->
								<option value="{EDIT_TYPE_VALUE}"{EDIT_TYPE_SELECTED}>{EDIT_TYPE_TEXT}</option>
				<!-- END TYPELIST -->
							</select>
						</td>
						<td rowspan="4" valign="top" nowrap>
				<!-- BEGIN CSSERRORS -->
							<b>{CSSWARNING_DESC}</b><br>{CSSWARNINGS}<input type="hidden" name="{CSSWARNING_NAME}" value="{CSSWARNING_VALUE}">
				<!-- END CSSERRORS -->
						</td>
					</tr>
					<tr valign="top">
						<td class="head">&nbsp;{EDIT_CSSSELECTOR_DESC}&nbsp;</td>
						<td class="content">&nbsp;<input class="field" type="text" maxlength="255" id="{EDIT_CSSSELECTOR_NAME}" name="{EDIT_CSSSELECTOR_NAME}" size="120" value="{EDIT_CSSSELECTOR_VALUE}">
						</td>
					</tr>
					<tr valign="top">
						<td class="head">&nbsp;{EDIT_CSSRULE_DESC}&nbsp;</td>
						<td class="content">&nbsp;<input class="desc" type="text" maxlength="255" id="{EDIT_CSSRULE_NAME}" name="{EDIT_CSSRULE_NAME}" value="{EDIT_CSSRULE_VALUE}">
						</td>
					</tr>
					<tr valign="top">
						<td class="head">&nbsp;{EDIT_CSSFILE_DESC}&nbsp;</td>
						<td class="content">&nbsp;{EDIT_CSSFILE_TEXT}<input type="hidden" name="{EDIT_CSSFILE_NAME}" value="{EDIT_CSSFILE_VALUE}">
						</td>
					</tr>
					<tr valign="top">
						<td class="head">&nbsp;{EDIT_ELEMENT_TEXT}&nbsp;</td>
						<td class="content" valign="top">
							<table class="element" cellspacing="4" cellpadding="0" border="0">
								<tr>
									<td>
										<textarea id="styles" name="{EDIT_ELEMENT_NAME}" cols="30" rows="10" onBlur="{EDIT_ELEMENT_ONBLUR}">{EDIT_ELEMENT_RULES}</textarea>
									</td>
									<td>
										<select class="element" name="{EDIT_ELEMENTS_NAME}" onChange="{EDIT_ELEMENTS_ONCHANGE}" size="9" disabled>
											<option value="">{EDIT_ELEMENT_SELECTION}</option>
											<optgroup label="Font" value="">
												<option value="font-family">font-family</option>
												<option value="font-size">font-size</option>
												<option value="font-size-adjust">font-size-adjust</option>
												<option value="font-stretch">font-stretch</option>
												<option value="font-style">font-style</option>
												<option value="font-variant">font-variant</option>
												<option value="font-weight">font-weight</option>
												<option value="color">color</option>
											</optgroup>
											<optgroup label="Text" value="">
												<option value="letter-spacing">letter-spacing</option>
												<option value="word-spacing">word-spacing</option>
												<option value="line-height">line-height</option>
												<option value="text-align">text-align</option>
												<option value="vertical-align">vertical-align</option>
												<option value="text-decoration">text-decoration</option>
												<option value="text-indent">text-indent</option>
												<option value="text-shadow">text-shadow</option>
												<option value="text-transform">text-transform</option>
											</optgroup>
											<optgroup label="Background and Color" value="">
												<option value="background-color">background-color</option>
												<option value="background-image">background-image</option>
												<option value="background-repeat">background-repeat</option>
												<option value="background-attachment">background-attachment</option>
												<option value="background-position">background-position</option>
											</optgroup>
											<optgroup label="Box" value="">
												<option value="width">width</option>
												<option value="height">height</option>
												<option value="clear">clear</option>
												<option value="float">float</option>
												<option value="display">display</option>
												<option value="white-space">white-space</option>
											</optgroup>
											<optgroup label="Border" value="">
												<option value="border">border</option>
												<option value="border-color">border-color</option>
												<option value="border-style">border-style</option>
												<option value="border-width">border-width</option>
												<option value="border-left">border-left</option>
												<option value="border-left-width">border-left-width</option>
												<option value="border-right">border-right</option>
												<option value="border-right-width">border-right-width</option>
												<option value="border-top">border-top</option>
												<option value="border-top-width">border-top-width</option>
												<option value="border-bottom">border-bottom</option>
												<option value="border-bottom-width">border-bottom-width</option>
											</optgroup>
											<optgroup label="Padding" value="">
												<option value="padding">padding</option>
												<option value="padding-bottom">padding-bottom</option>
												<option value="padding-left">padding-left</option>
												<option value="padding-right">padding-right</option>
												<option value="padding-top">padding-top</option>
											</optgroup>
											<optgroup label="Margin" value="">
												<option value="margin">margin</option>
												<option value="margin-bottom">margin-bottom</option>
												<option value="margin-left">margin-left</option>
												<option value="margin-right">margin-right</option>
												<option value="margin-top">margin-top</option>
											</optgroup>
											<optgroup label="List" value="">
												<option value="list-style-type">list-style-type</option>
												<option value="list-style-image">list-style-image</option>
												<option value="list-style-position">list-style-position</option>
											</optgroup>
											<optgroup label="Position" value="">
												<option value="position">position</option>
												<option value="left">left</option>
												<option value="right">right</option>
												<option value="top">top</option>
												<option value="bottom">bottom</option>
												<option value="width">width</option>
												<option value="height">height</option>
												<option value="z-Index">z-Index</option>
												<option value="visibility">visibility</option>
											</optgroup>
										</select>
										<select name="{EDIT_UNITS_NAME}" class="element" onChange="{EDIT_UNITS_CHANGE}" disabled>
											<option value="{EDIT_UNITS_DEFAULT_VALUE}">{EDIT_UNITS_DEFAULT_TEXT}</option>
										</select>
									</td>
								</tr>
								<tr>
									<td colspan="2">
										<input class="lngfield" type="text" maxlength="255" name="{EDIT_ELEMENTVALUE_NAME}" size="30" onBlur="{EDIT_ELEMENTVALUE_ONBLUR}" disabled>
										<a href="javascript:void(0)" onClick="{BUTTON_CSSCLR_URL}" onMouseOver="on('{BUTTON_CSSCLR_TEXT}');return true;" onMouseOut="off();return true;"><img src="{BUTTON_CSSCLR_PICT}" border="0" width="16" height="16" alt="{BUTTON_CSSCLR_TEXT}" title="{BUTTON_CSSCLR_TEXT}"></a>
										<a href="javascript:void(0)" onClick="{BUTTON_CSSADD_URL}" onMouseOver="on('{BUTTON_CSSADD_TEXT}');return true;" onMouseOut="off();return true;"><img src="{BUTTON_CSSADD_PICT}" border="0" width="16" height="16" alt="{BUTTON_CSSADD_TEXT}" title="{BUTTON_CSSADD_TEXT}"></a>
										<a href="javascript:void(0)" onClick="{BUTTON_CSSREM_URL}" onMouseOver="on('{BUTTON_CSSREM_TEXT}');return true;" onMouseOut="off();return true;"><img src="{BUTTON_CSSREM_PICT}" border="0" width="16" height="16" alt="{BUTTON_CSSREM_TEXT}" title="{BUTTON_CSSREM_TEXT}"></a>
										<!--a href="javascript:void(0)" onClick="{BUTTON_CSSHLP_URL}" onMouseOver="on('{BUTTON_CSSHLP_TEXT}');return true;" onMouseOut="off();return true;"><img src="{BUTTON_CSSHLP_PICT}" border="0" width="16" height="16" alt="{BUTTON_CSSHLP_TEXT}" title="{BUTTON_CSSHLP_TEXT}"></a-->
										<br><input type="checkbox" name="checkstyle" value="1" class="checkbox" onClick="{EDITOR_RULE_CHECK}"{CHECKRULE_CHECKED}>{CHECKRULE_OPTION}
									</td>
								</tr>
							</table>
						</td>
						<td rowspan="6" valign="top">
							{COLORPCIKER}
						</td>
					</tr>
					<tr valign="top">
						<td class="head" rowspan="2" nowrap>&nbsp;{PREVIEWTYPE_TEXT}&nbsp;</td>
						<td class="content">&nbsp;<select name="{PREVIEW_NAME}" onChange="{PREVIEW_CHANGE}" class="element">
				<!-- BEGIN OPTIONLIST -->
								<option value="{OPTION_VALUE}">{OPTION_TEXT}</option>
				<!-- END OPTIONLIST -->
							</select>&nbsp;&nbsp;
							<a href="javascript:void(0)" onClick="{PREVIEW_CLICK}" onMouseOver="on('{PREVIEWHINT_TEXT}');return true;" onMouseOut="off();return true;">
							<img src="{PREVIEW_PICT}" border="0" width="13" height="13" alt="{PREVIEWHINT_TEXT}" title="{PREVIEWHINT_TEXT}"></a>
						</td>
					</tr>
					<tr>
						<td class="content"><iframe height="100" width="502" id="previewarea" name="previewarea" scrolling="auto" src="about:blank"></iframe></td>
					</tr>
				<!-- BEGIN CSS_MANAGEMENT_INFO -->
					<tr valign="top">
						<td class="head">&nbsp;{CSS_INFO_TOPIC}</td>
						<td class="content">&nbsp;{CSS_INFO_CONTENT}</td>
					</tr>
				<!-- END CSS_MANAGEMENT_INFO -->
					<tr>
						<td>&nbsp;</td>
						<td>&nbsp;<a href="{BUTTON_CANCEL_URL}" onMouseOver="on('{BUTTON_CANCEL_TEXT}');return true;" onMouseOut="off();return true;"><img src="{BUTTON_CANCEL_PICT}" border="0" alt="{BUTTON_CANCEL_TEXT}" title="{BUTTON_CANCEL_TEXT}"></a>
							<input type="image" src="{BUTTON_SUBMIT_PICT}" border="0" title="{BUTTON_SUBMIT_TEXT}" alt="{BUTTON_SUBMIT_TEXT}" onMouseOver="on('{BUTTON_SUBMIT_TEXT}');return true;" onMouseOut="off();return true;">
						</td>
					</tr>
				</table>
			</form>
			<script language="Javascript" src="{EDITOR_JS}" type="text/javascript"></script>
			<script language="Javascript">
				setTimeout("initEditor({EDITOR_INIT})", 50);
				var css_preview_baseadr = "{EDITOR_PREVIEW_BASE}";
			</script>
		</td>
	</tr>
</table>
</center>
<br>
</body>
</html>