CW Cyrix's Git Repository Mirror
Browse code

Re-add TinyMCE 2.0.1 to the site settings list - TinyMCE directoy names changed - installer submission settings layout dirty fix

Clarissa Walker authored on 2026/07/27 11:20:38
Showing 1 changed files
tinymce/jscripts/tiny_mce/plugins/style/props.htm
History View file @ ead3642
1 1 
deleted file mode 100644
... ... 
@@ -1,840 +0,0 @@
1 
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 
-<html xmlns="http://www.w3.org/1999/xhtml">
3 
-<head>
4 
-	<title>{#style_dlg.title}</title>
5 
-	<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
6 
-	<script type="text/javascript" src="../../utils/mctabs.js"></script>
7 
-	<script type="text/javascript" src="../../utils/editable_selects.js"></script>
8 
-	<script type="text/javascript" src="../../utils/form_utils.js"></script>
9 
-	<script type="text/javascript" src="js/props.js"></script>
10 
-	<link href="css/props.css" rel="stylesheet" type="text/css" />
11 
-</head>
12 
-
13 
-<body id="styleprops" style="display: none" role="application" aria-labelledby="app_title">
14 
-<span id="app_title" style="display:none">{#style_dlg.title}</span>
15 
-<form onsubmit="updateAction();return false;" action="#">
16 
-<div class="tabs">
17 
-	<ul>
18 
-		<li id="text_tab" class="current" aria-controls="text_panel"><span><a href="javascript:mcTabs.displayTab('text_tab','text_panel');" onMouseDown="return false;">{#style_dlg.text_tab}</a></span></li>
19 
-		<li id="background_tab" aria-controls="background_panel"><span><a href="javascript:mcTabs.displayTab('background_tab','background_panel');" onMouseDown="return false;">{#style_dlg.background_tab}</a></span></li>
20 
-		<li id="block_tab" aria-controls="block_panel"><span><a href="javascript:mcTabs.displayTab('block_tab','block_panel');" onMouseDown="return false;">{#style_dlg.block_tab}</a></span></li>
21 
-		<li id="box_tab" aria-controls="box_panel"><span><a href="javascript:mcTabs.displayTab('box_tab','box_panel');" onMouseDown="return false;">{#style_dlg.box_tab}</a></span></li>
22 
-		<li id="border_tab" aria-controls="border_panel"><span><a href="javascript:mcTabs.displayTab('border_tab','border_panel');" onMouseDown="return false;">{#style_dlg.border_tab}</a></span></li>
23 
-		<li id="list_tab" aria-controls="list_panel"><span><a href="javascript:mcTabs.displayTab('list_tab','list_panel');" onMouseDown="return false;">{#style_dlg.list_tab}</a></span></li>
24 
-		<li id="positioning_tab" aria-controls="positioning_panel"><span><a href="javascript:mcTabs.displayTab('positioning_tab','positioning_panel');" onMouseDown="return false;">{#style_dlg.positioning_tab}</a></span></li>
25 
-	</ul>
26 
-</div>
27 
-
28 
-<div class="panel_wrapper">
29 
-<div id="text_panel" class="panel current">
30 
-	<fieldset>
31 
-		<legend>{#style_dlg.text}</legend>
32 
-		<table role="presentation" border="0" width="100%">
33 
-			<tr>
34 
-				<td><label for="text_font">{#style_dlg.text_font}</label></td>
35 
-				<td colspan="3">
36 
-					<select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select>
37 
-				</td>
38 
-			</tr>
39 
-			<tr>
40 
-				<td><label for="text_size">{#style_dlg.text_size}</label></td>
41 
-				<td>
42 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
43 
-						<tr>
44 
-							<td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td>
45 
-							<td>&nbsp;</td>
46 
-							<td>
47 
-								<label id="text_size_measurement_label" for="text_size_measurement" style="display: none; visibility: hidden;">Text Size Measurement Unit</label>
48 
-								<select id="text_size_measurement" name="text_size_measurement" aria-labelledby="text_size_measurement_label"></select>
49 
-							</td>
50 
-						</tr>
51 
-					</table>
52 
-				</td>
53 
-				<td><label for="text_weight">{#style_dlg.text_weight}</label></td>
54 
-				<td>
55 
-					<select id="text_weight" name="text_weight"></select>
56 
-				</td>
57 
-			</tr>
58 
-			<tr>
59 
-				<td><label for="text_style">{#style_dlg.text_style}</label></td>
60 
-				<td>
61 
-					<select id="text_style" name="text_style" class="mceEditableSelect"></select>
62 
-				</td>
63 
-				<td><label for="text_variant">{#style_dlg.text_variant}</label></td>
64 
-				<td>
65 
-					<select id="text_variant" name="text_variant"></select>
66 
-				</td>
67 
-			</tr>
68 
-			<tr>
69 
-				<td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td>
70 
-				<td>
71 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
72 
-						<tr>
73 
-							<td>
74 
-								<select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select>
75 
-							</td>
76 
-							<td>&nbsp;</td>
77 
-							<td>
78 
-								<label id="text_lineheight_measurement_label" for="text_lineheight_measurement" style="display: none; visibility: hidden;">Line Height Measurement Unit</label>
79 
-								<select id="text_lineheight_measurement" name="text_lineheight_measurement" aria-labelledby="text_lineheight_measurement_label"></select>
80 
-							</td>
81 
-						</tr>
82 
-					</table>
83 
-				</td>
84 
-				<td><label for="text_case">{#style_dlg.text_case}</label></td>
85 
-				<td>
86 
-					<select id="text_case" name="text_case"></select>
87 
-				</td>
88 
-			</tr>
89 
-			<tr>
90 
-				<td><label for="text_color">{#style_dlg.text_color}</label></td>
91 
-				<td colspan="2">
92 
-					<table role="presentation" border="0" cellpadding="0" cellspacing="0">
93 
-						<tr>
94 
-							<td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td>
95 
-							<td id="text_color_pickcontainer">&nbsp;</td>
96 
-						</tr>
97 
-					</table>
98 
-				</td>
99 
-			</tr>
100 
-			<tr>
101 
-				<td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td>
102 
-				<td colspan="2">
103 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
104 
-						<tr>
105 
-							<td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td>
106 
-							<td><label for="text_underline">{#style_dlg.text_underline}</label></td>
107 
-						</tr>
108 
-						<tr>
109 
-							<td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td>
110 
-							<td><label for="text_overline">{#style_dlg.text_overline}</label></td>
111 
-						</tr>
112 
-						<tr>
113 
-							<td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td>
114 
-							<td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td>
115 
-						</tr>
116 
-						<tr>
117 
-							<td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td>
118 
-							<td><label for="text_blink">{#style_dlg.text_blink}</label></td>
119 
-						</tr>
120 
-						<tr>
121 
-							<td><input id="text_none" name="text_none" class="checkbox" type="checkbox" /></td>
122 
-							<td><label for="text_none">{#style_dlg.text_none}</label></td>
123 
-						</tr>
124 
-					</table>
125 
-				</td>
126 
-			</tr>
127 
-		</table>
128 
-	</fieldset>
129 
-</div>
130 
-
131 
-<div id="background_panel" class="panel">
132 
-	<fieldset>
133 
-		<legend>{#style_dlg.background}</legend>
134 
-		<table role="presentation" border="0">
135 
-			<tr>
136 
-				<td><label for="background_color">{#style_dlg.background_color}</label></td>
137 
-				<td>
138 
-					<table role="presentation" border="0" cellpadding="0" cellspacing="0">
139 
-						<tr>
140 
-							<td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td>
141 
-							<td id="background_color_pickcontainer">&nbsp;</td>
142 
-						</tr>
143 
-					</table>
144 
-				</td>
145 
-			</tr>
146 
-
147 
-			<tr>
148 
-				<td><label for="background_image">{#style_dlg.background_image}</label></td>
149 
-				<td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
150 
-					<tr>
151 
-						<td><input id="background_image" name="background_image" type="text" /></td>
152 
-						<td id="background_image_browser">&nbsp;</td>
153 
-					</tr>
154 
-					</table>
155 
-				</td>
156 
-			</tr>
157 
-
158 
-			<tr>
159 
-				<td><label for="background_repeat">{#style_dlg.background_repeat}</label></td>
160 
-				<td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td>
161 
-			</tr>
162 
-
163 
-			<tr>
164 
-				<td><label for="background_attachment">{#style_dlg.background_attachment}</label></td>
165 
-				<td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td>
166 
-			</tr>
167 
-
168 
-			<tr>
169 
-				<td><label for="background_hpos">{#style_dlg.background_hpos}</label></td>
170 
-				<td>
171 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
172 
-						<tr>
173 
-							<td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td>
174 
-							<td>&nbsp;</td>
175 
-							<td>
176 
-								<label id="background_hpos_measurement_label" for="background_hpos_measurement" style="display: none; visibility: hidden;">Horizontal position measurement unit</label>
177 
-								<select id="background_hpos_measurement" name="background_hpos_measurement" aria-labelledby="background_hpos_measurement_label"></select>
178 
-							</td>
179 
-						</tr>
180 
-					</table>
181 
-				</td>
182 
-			</tr>
183 
-
184 
-			<tr>
185 
-				<td><label for="background_vpos">{#style_dlg.background_vpos}</label></td>
186 
-				<td>
187 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
188 
-						<tr>
189 
-							<td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td>
190 
-							<td>&nbsp;</td>
191 
-							<td>
192 
-
193 
-								<label id="background_vpos_measurement_label" for="background_vpos_measurement" style="display: none; visibility: hidden;">Vertical position measurement unit</label>
194 
-								<select id="background_vpos_measurement" name="background_vpos_measurement" aria-labelledby="background_vpos_measurement_label">></select></td>
195 
-						</tr>
196 
-					</table>
197 
-				</td>
198 
-			</tr>
199 
-		</table>
200 
-	</fieldset>
201 
-</div>
202 
-
203 
-<div id="block_panel" class="panel">
204 
-	<fieldset>
205 
-		<legend>{#style_dlg.block}</legend>
206 
-		<table role="presentation" border="0">
207 
-			<tr>
208 
-				<td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td>
209 
-				<td>
210 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
211 
-						<tr>
212 
-							<td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td>
213 
-							<td>&nbsp;</td>
214 
-							<td>
215 
-								<label id="block_wordspacing_measurement_label" for="block_wordspacing_measurement" style="display: none; visibility: hidden;">Word spacing measurement unit</label>
216 
-								<select id="block_wordspacing_measurement" name="block_wordspacing_measurement" aria-labelledby="block_wordspacing_measurement_label"></select>
217 
-							</td>
218 
-						</tr>
219 
-					</table>
220 
-				</td>
221 
-			</tr>
222 
-
223 
-			<tr>
224 
-				<td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td>
225 
-				<td>
226 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
227 
-						<tr>
228 
-							<td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td>
229 
-							<td>&nbsp;</td>
230 
-							<td>
231 
-								<label id="block_letterspacing_measurement_label" for="block_letterspacing_measurement" style="display: none; visibility: hidden;">Letter spacing measurement unit</label>
232 
-								<select id="block_letterspacing_measurement" name="block_letterspacing_measurement" aria-labelledby="block_letterspacing_measurement_label"></select>
233 
-							</td>
234 
-						</tr>
235 
-					</table>
236 
-				</td>
237 
-			</tr>
238 
-
239 
-			<tr>
240 
-				<td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td>
241 
-				<td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td>
242 
-			</tr>
243 
-
244 
-			<tr>
245 
-				<td><label for="block_text_align">{#style_dlg.block_text_align}</label></td>
246 
-				<td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td>
247 
-			</tr>
248 
-
249 
-			<tr>
250 
-				<td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td>
251 
-				<td>
252 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
253 
-						<tr>
254 
-							<td><input type="text" id="block_text_indent" name="block_text_indent" /></td>
255 
-							<td>&nbsp;</td>
256 
-							<td>
257 
-								<label id="block_text_indent_measurement_label" for="block_text_indent_measurement" style="display: none; visibility: hidden;">Text Indent Measurement Unit</label>
258 
-
259 
-								<select id="block_text_indent_measurement" name="block_text_indent_measurement" aria-labelledby="block_text_indent_measurement_label"></select>
260 
-							</td>
261 
-						</tr>
262 
-					</table>
263 
-				</td>
264 
-			</tr>
265 
-
266 
-			<tr>
267 
-				<td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td>
268 
-				<td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td>
269 
-			</tr>
270 
-
271 
-			<tr>
272 
-				<td><label for="block_display">{#style_dlg.block_display}</label></td>
273 
-				<td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td>
274 
-			</tr>
275 
-		</table>
276 
-	</fieldset>
277 
-</div>
278 
-
279 
-<div id="box_panel" class="panel">
280 
-	<fieldset>
281 
-		<legend>{#style_dlg.box}</legend>
282 
-		<table role="presentation" border="0">
283 
-			<tr>
284 
-				<td><label for="box_width">{#style_dlg.box_width}</label></td>
285 
-				<td>
286 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
287 
-						<tr>
288 
-							<td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td>
289 
-							<td>&nbsp;</td>
290 
-							<td>
291 
-								<label id="box_width_measurement_label" for="box_width_measurement" style="display: none; visibility: hidden;">Box Width Measurement Unit</label>
292 
-								<select id="box_width_measurement" name="box_width_measurement" aria-labelledby="box_width_measurement_label"></select>
293 
-							</td>
294 
-						</tr>
295 
-					</table>
296 
-				</td>
297 
-				<td>&nbsp;&nbsp;&nbsp;<label for="box_float">{#style_dlg.box_float}</label></td>
298 
-				<td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td>
299 
-			</tr>
300 
-
301 
-			<tr>
302 
-				<td><label for="box_height">{#style_dlg.box_height}</label></td>
303 
-				<td>
304 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
305 
-						<tr>
306 
-							<td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td>
307 
-							<td>&nbsp;</td>
308 
-							<td>
309 
-								<label id="box_height_measurement_label" for="box_height_measurement" style="display: none; visibility: hidden;">Box Height Measurement Unit</label>
310 
-								<select id="box_height_measurement" name="box_height_measurement" aria-labelledby="box_height_measurement_label"></select>
311 
-							</td>
312 
-						</tr>
313 
-					</table>
314 
-				</td>
315 
-				<td>&nbsp;&nbsp;&nbsp;<label for="box_clear">{#style_dlg.box_clear}</label></td>
316 
-				<td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td>
317 
-			</tr>
318 
-		</table>
319 
-	</fieldset>
320 
-
321 
-<div style="float: left; width: 49%">
322 
-	<fieldset>
323 
-		<legend>{#style_dlg.padding}</legend>
324 
-
325 
-		<table role="presentation" border="0">
326 
-			<tr>
327 
-				<td>&nbsp;</td>
328 
-				<td><input type="checkbox" id="box_padding_same" name="box_padding_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_padding');" /> <label for="box_padding_same">{#style_dlg.same}</label></td>
329 
-			</tr>
330 
-			<tr>
331 
-				<td><label for="box_padding_top">{#style_dlg.top}</label></td>
332 
-				<td>
333 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
334 
-						<tr>
335 
-							<td><input type="text" id="box_padding_top" name="box_padding_top" class="mceEditableSelect" /></td>
336 
-							<td>&nbsp;</td>
337 
-							<td>
338 
-								<label id="box_padding_top_measurement_label" for="box_padding_top_measurement" style="display: none; visibility: hidden;">Padding Top Measurement Unit</label>
339 
-								<select id="box_padding_top_measurement" name="box_padding_top_measurement" aria-labelledby="box_padding_top_measurement_label"></select>
340 
-							</td>
341 
-						</tr>
342 
-					</table>
343 
-				</td>
344 
-			</tr>
345 
-			<tr>
346 
-				<td><label for="box_padding_right">{#style_dlg.right}</label></td>
347 
-				<td>
348 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
349 
-						<tr>
350 
-							<td><input type="text" id="box_padding_right" name="box_padding_right" class="mceEditableSelect" disabled="disabled" /></td>
351 
-							<td>&nbsp;</td>
352 
-							<td>
353 
-								<label id="box_padding_right_measurement_label" for="box_padding_right_measurement" style="display: none; visibility: hidden;">Padding Right Measurement Unit</label>
354 
-								<select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled" aria-labelledby="box_padding_right_measurement_label"></select>
355 
-							</td>
356 
-						</tr>
357 
-					</table>
358 
-				</td>
359 
-			</tr>
360 
-			<tr>
361 
-				<td><label for="box_padding_bottom">{#style_dlg.bottom}</label></td>
362 
-				<td>
363 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
364 
-						<tr>
365 
-							<td><input type="text" id="box_padding_bottom" name="box_padding_bottom" class="mceEditableSelect" disabled="disabled" /></td>
366 
-							<td>&nbsp;</td>
367 
-							<td>
368 
-								<label id="box_padding_bottom_measurement_label" for="box_padding_bottom_measurement" style="display: none; visibility: hidden;">Padding Bottom Measurement Unit</label>
369 
-								<select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled" aria-labelledby="box_padding_bottom_measurement_label"></select>
370 
-							</td>
371 
-						</tr>
372 
-					</table>
373 
-				</td>
374 
-			</tr>
375 
-			<tr>
376 
-				<td><label for="box_padding_left">{#style_dlg.left}</label></td>
377 
-				<td>
378 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
379 
-						<tr>
380 
-							<td><input type="text" id="box_padding_left" name="box_padding_left" class="mceEditableSelect" disabled="disabled" /></td>
381 
-							<td>&nbsp;</td>
382 
-							<td>
383 
-								<label id="box_padding_left_measurement_label" for="box_padding_left_measurement" style="display: none; visibility: hidden;">Padding Left Measurement Unit</label>
384 
-								<select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled" aria-labelledby="box_padding_left_measurement_label"></select>
385 
-							</td>
386 
-						</tr>
387 
-					</table>
388 
-				</td>
389 
-			</tr>
390 
-		</table>
391 
-	</fieldset>
392 
-</div>
393 
-
394 
-<div style="float: right; width: 49%">
395 
-	<fieldset>
396 
-		<legend>{#style_dlg.margin}</legend>
397 
-
398 
-		<table role="presentation" border="0">
399 
-			<tr>
400 
-				<td>&nbsp;</td>
401 
-				<td><input type="checkbox" id="box_margin_same" name="box_margin_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_margin');" /> <label for="box_margin_same">{#style_dlg.same}</label></td>
402 
-			</tr>
403 
-			<tr>
404 
-				<td><label for="box_margin_top">{#style_dlg.top}</label></td>
405 
-				<td>
406 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
407 
-						<tr>
408 
-							<td><input type="text" id="box_margin_top" name="box_margin_top" class="mceEditableSelect" /></td>
409 
-							<td>&nbsp;</td>
410 
-							<td>
411 
-								<label id="box_margin_top_measurement_label" for="box_margin_top_measurement" style="display: none; visibility: hidden;">Margin Top Measurement Unit</label>
412 
-								<select id="box_margin_top_measurement" name="box_margin_top_measurement" aria-labelledby="box_margin_top_measurement_label"></select>
413 
-							</td>
414 
-						</tr>
415 
-					</table>
416 
-				</td>
417 
-			</tr>
418 
-			<tr>
419 
-				<td><label for="box_margin_right">{#style_dlg.right}</label></td>
420 
-				<td>
421 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
422 
-						<tr>
423 
-							<td><input type="text" id="box_margin_right" name="box_margin_right" class="mceEditableSelect" disabled="disabled" /></td>
424 
-							<td>&nbsp;</td>
425 
-							<td>
426 
-								<label id="box_margin_right_measurement_label" for="box_margin_right_measurement" style="display: none; visibility: hidden;">Margin Right Measurement Unit</label>
427 
-								<select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled" aria-labelledby="box_margin_right_measurement_label"></select>
428 
-							</td>
429 
-						</tr>
430 
-					</table>
431 
-				</td>
432 
-			</tr>
433 
-			<tr>
434 
-				<td><label for="box_margin_bottom">{#style_dlg.bottom}</label></td>
435 
-				<td>
436 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
437 
-						<tr>
438 
-							<td><input type="text" id="box_margin_bottom" name="box_margin_bottom" class="mceEditableSelect" disabled="disabled" /></td>
439 
-							<td>&nbsp;</td>
440 
-							<td>
441 
-								<label id="box_margin_bottom_measurement_label" for="box_margin_bottom_measurement" style="display: none; visibility: hidden;">Margin Bottom Measurement Unit</label>
442 
-								<select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled" aria-labelledby="box_margin_bottom_measurement_label"></select>
443 
-							</td>
444 
-						</tr>
445 
-					</table>
446 
-				</td>
447 
-			</tr>
448 
-			<tr>
449 
-				<td><label for="box_margin_left">{#style_dlg.left}</label></td>
450 
-				<td>
451 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
452 
-						<tr>
453 
-							<td><input type="text" id="box_margin_left" name="box_margin_left" class="mceEditableSelect" disabled="disabled" /></td>
454 
-							<td>&nbsp;</td>
455 
-							<td>
456 
-								<label id="box_margin_left_measurement_label" for="box_margin_left_measurement" style="display: none; visibility: hidden;">Margin Left Measurement Unit</label>
457 
-								<select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled" aria-labelledby="box_margin_left_measurement_label"></select>
458 
-							</td>
459 
-						</tr>
460 
-					</table>
461 
-				</td>
462 
-			</tr>
463 
-		</table>
464 
-	</fieldset>
465 
-</div>
466 
-<br style="clear: both" />
467 
-</div>
468 
-
469 
-<div id="border_panel" class="panel">
470 
-	<fieldset>
471 
-		<legend>{#style_dlg.border}</legend>
472 
-		<table role="presentation" border="0" cellspacing="0" cellpadding="0" width="100%">
473 
-		<tr>
474 
-			<td class="tdelim">&nbsp;</td>
475 
-			<td class="tdelim delim">&nbsp;</td>
476 
-			<td class="tdelim">{#style_dlg.style}</td>
477 
-			<td class="tdelim delim">&nbsp;</td>
478 
-			<td class="tdelim">{#style_dlg.width}</td>
479 
-			<td class="tdelim delim">&nbsp;</td>
480 
-			<td class="tdelim">{#style_dlg.color}</td>
481 
-		</tr>
482 
-
483 
-		<tr>
484 
-			<td>&nbsp;</td>
485 
-			<td class="delim">&nbsp;</td>
486 
-			<td><input type="checkbox" id="border_style_same" name="border_style_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_style');" /> <label for="border_style_same">{#style_dlg.same}</label></td>
487 
-			<td class="delim">&nbsp;</td>
488 
-			<td><input type="checkbox" id="border_width_same" name="border_width_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_width');" /> <label for="border_width_same">{#style_dlg.same}</label></td>
489 
-			<td class="delim">&nbsp;</td>
490 
-			<td><input type="checkbox" id="border_color_same" name="border_color_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_color');" /> <label for="border_color_same">{#style_dlg.same}</label></td>
491 
-		</tr>
492 
-
493 
-		<tr>
494 
-			<td>{#style_dlg.top}</td>
495 
-			<td class="delim">&nbsp;</td>
496 
-			<td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td>
497 
-			<td class="delim">&nbsp;</td>
498 
-			<td>
499 
-				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
500 
-					<tr>
501 
-						<td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td>
502 
-						<td>&nbsp;</td>
503 
-						<td>
504 
-							<label id="border_width_top_measurement_label" for="border_width_top_measurement" style="display: none; visibility: hidden;">Width top Measurement Unit</label>
505 
-							<select id="border_width_top_measurement" name="border_width_top_measurement" aria-labelledby="border_width_top_measurement_label"></select>
506 
-						</td>
507 
-					</tr>
508 
-				</table>
509 
-			</td>
510 
-			<td class="delim">&nbsp;</td>
511 
-			<td>
512 
-				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
513 
-					<tr>
514 
-						<td><input id="border_color_top" name="border_color_top" type="text" value="" size="9" onChange="updateColor('border_color_top_pick','border_color_top');" /></td>
515 
-						<td id="border_color_top_pickcontainer">&nbsp;</td>
516 
-					</tr>
517 
-				</table>
518 
-			</td>
519 
-		</tr>
520 
-
521 
-		<tr>
522 
-			<td>{#style_dlg.right}</td>
523 
-			<td class="delim">&nbsp;</td>
524 
-			<td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td>
525 
-			<td class="delim">&nbsp;</td>
526 
-			<td>
527 
-				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
528 
-					<tr>
529 
-						<td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td>
530 
-						<td>&nbsp;</td>
531 
-						<td>
532 
-							<label id="border_width_right_measurement_label" for="border_width_right_measurement" style="display: none; visibility: hidden;">Width Right Measurement Unit</label>
533 
-							<select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled" aria-labelledby="border_width_right_measurement_label"></select>
534 
-						</td>
535 
-					</tr>
536 
-				</table>
537 
-			</td>
538 
-			<td class="delim">&nbsp;</td>
539 
-			<td>
540 
-				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
541 
-					<tr>
542 
-						<td><input id="border_color_right" name="border_color_right" type="text" value="" size="9" onChange="updateColor('border_color_right_pick','border_color_right');" disabled="disabled" /></td>
543 
-						<td id="border_color_right_pickcontainer">&nbsp;</td>
544 
-					</tr>
545 
-				</table>
546 
-			</td>
547 
-		</tr>
548 
-
549 
-		<tr>
550 
-			<td>{#style_dlg.bottom}</td>
551 
-			<td class="delim">&nbsp;</td>
552 
-			<td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
553 
-			<td class="delim">&nbsp;</td>
554 
-			<td>
555 
-				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
556 
-					<tr>
557 
-						<td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
558 
-						<td>&nbsp;</td>
559 
-						<td>
560 
-							<label id="border_width_bottom_measurement_label" for="border_width_bottom_measurement" style="display: none; visibility: hidden;">Width Bottom Measurement Unit</label>
561 
-							<select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled" aria-labelledby="border_width_bottom_measurement_label"></select>
562 
-						</td>
563 
-					</tr>
564 
-				</table>
565 
-			</td>
566 
-			<td class="delim">&nbsp;</td>
567 
-			<td>
568 
-				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
569 
-					<tr>
570 
-						<td><input id="border_color_bottom" name="border_color_bottom" type="text" value="" size="9" onChange="updateColor('border_color_bottom_pick','border_color_bottom');" disabled="disabled" /></td>
571 
-						<td id="border_color_bottom_pickcontainer">&nbsp;</td>
572 
-					</tr>
573 
-				</table>
574 
-			</td>
575 
-		</tr>
576 
-
577 
-		<tr>
578 
-			<td>{#style_dlg.left}</td>
579 
-			<td class="delim">&nbsp;</td>
580 
-			<td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td>
581 
-			<td class="delim">&nbsp;</td>
582 
-			<td>
583 
-				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
584 
-					<tr>
585 
-						<td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td>
586 
-						<td>&nbsp;</td>
587 
-						<td>
588 
-							<label id="border_width_left_measurement_label" for="border_width_left_measurement" style="display: none; visibility: hidden;">Width Left Measurement Unit</label>
589 
-							<select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled" aria-labelledby="border_width_left_measurement_label"></select>
590 
-						</td>
591 
-					</tr>
592 
-				</table>
593 
-			</td>
594 
-			<td class="delim">&nbsp;</td>
595 
-			<td>
596 
-				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
597 
-					<tr>
598 
-						<td><input id="border_color_left" name="border_color_left" type="text" value="" size="9" onChange="updateColor('border_color_left_pick','border_color_left');" disabled="disabled" /></td>
599 
-						<td id="border_color_left_pickcontainer">&nbsp;</td>
600 
-					</tr>
601 
-				</table>
602 
-			</td>
603 
-		</tr>
604 
-		</table>
605 
-	</fieldset>
606 
-</div>
607 
-
608 
-<div id="list_panel" class="panel">
609 
-<fieldset>
610 
-	<legend>{#style_dlg.list}</legend>
611 
-	<table role="presentation" border="0">
612 
-		<tr>
613 
-			<td><label for="list_type">{#style_dlg.list_type}</label></td>
614 
-			<td><select id="list_type" name="list_type" class="mceEditableSelect"></select></td>
615 
-		</tr>
616 
-
617 
-		<tr>
618 
-			<td><label for="list_bullet_image">{#style_dlg.bullet_image}</label></td>
619 
-			<td><input id="list_bullet_image" name="list_bullet_image" type="text" /></td>
620 
-		</tr>
621 
-
622 
-		<tr>
623 
-			<td><label for="list_position">{#style_dlg.position}</label></td>
624 
-			<td><select id="list_position" name="list_position" class="mceEditableSelect"></select></td>
625 
-		</tr>
626 
-	</table>
627 
-</fieldset>
628 
-</div>
629 
-
630 
-<div id="positioning_panel" class="panel">
631 
-<fieldset>
632 
-	<legend>{#style_dlg.position}</legend>
633 
-<table role="presentation" border="0">
634 
-	<tr>
635 
-		<td><label for="positioning_type">{#style_dlg.positioning_type}</label></td>
636 
-		<td><select id="positioning_type" name="positioning_type" class="mceEditableSelect"></select></td>
637 
-		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_visibility">{#style_dlg.visibility}</label></td>
638 
-		<td><select id="positioning_visibility" name="positioning_visibility" class="mceEditableSelect"></select></td>
639 
-	</tr>
640 
-
641 
-	<tr>
642 
-		<td><label for="positioning_width">{#style_dlg.width}</label></td>
643 
-		<td>
644 
-			<table role="presentation" border="0" cellspacing="0" cellpadding="0">
645 
-				<tr>
646 
-					<td><input type="text" id="positioning_width" name="positioning_width" onChange="synch('positioning_width','box_width');" /></td>
647 
-					<td>&nbsp;</td>
648 
-					<td>
649 
-						<label id="positioning_width_measurement_label" for="positioning_width_measurement" style="display: none; visibility: hidden;">Positioning width Measurement Unit</label>
650 
-						<select id="positioning_width_measurement" name="positioning_width_measurement" aria-labelledby="positioning_width_measurement_label"></select>
651 
-					</td>
652 
-				</tr>
653 
-			</table>
654 
-		</td>
655 
-		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_zindex">{#style_dlg.zindex}</label></td>
656 
-		<td><input type="text" id="positioning_zindex" name="positioning_zindex" /></td>
657 
-	</tr>
658 
-
659 
-	<tr>
660 
-		<td><label for="positioning_height">{#style_dlg.height}</label></td>
661 
-		<td>
662 
-			<table role="presentation" border="0" cellspacing="0" cellpadding="0">
663 
-				<tr>
664 
-					<td><input type="text" id="positioning_height" name="positioning_height" onChange="synch('positioning_height','box_height');" /></td>
665 
-					<td>&nbsp;</td>
666 
-					<td>
667 
-						<label id="positioning_height_measurement_label" for="positioning_height_measurement" style="display: none; visibility: hidden;">Positioning Height Measurement Unit</label>
668 
-						<select id="positioning_height_measurement" name="positioning_height_measurement" aria-labelledby="positioning_height_measurement_label"></select>
669 
-					</td>
670 
-				</tr>
671 
-			</table>
672 
-		</td>
673 
-		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_overflow">{#style_dlg.overflow}</label></td>
674 
-		<td><select id="positioning_overflow" name="positioning_overflow" class="mceEditableSelect"></select></td>
675 
-	</tr>
676 
-</table>
677 
-</fieldset>
678 
-
679 
-<div style="float: left; width: 49%">
680 
-	<fieldset>
681 
-		<legend>{#style_dlg.placement}</legend>
682 
-
683 
-		<table role="presentation" border="0">
684 
-			<tr>
685 
-				<td>&nbsp;</td>
686 
-				<td><input type="checkbox" id="positioning_placement_same" name="positioning_placement_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_placement');" /> <label for="positioning_placement_same">{#style_dlg.same}</label></td>
687 
-			</tr>
688 
-			<tr>
689 
-				<td>{#style_dlg.top}</td>
690 
-				<td>
691 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
692 
-						<tr>
693 
-							<td><input type="text" id="positioning_placement_top" name="positioning_placement_top" /></td>
694 
-							<td>&nbsp;</td>
695 
-							<td>
696 
-								<label id="positioning_placement_top_measurement_label" for="positioning_placement_top_measurement" style="display: none; visibility: hidden;">Placement Top Measurement Unit</label>
697 
-								<select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement" aria-labelledby="positioning_placement_top_measurement_label"></select>
698 
-							</td>
699 
-						</tr>
700 
-					</table>
701 
-				</td>
702 
-			</tr>
703 
-			<tr>
704 
-				<td>{#style_dlg.right}</td>
705 
-				<td>
706 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
707 
-						<tr>
708 
-							<td><input type="text" id="positioning_placement_right" name="positioning_placement_right" disabled="disabled" /></td>
709 
-							<td>&nbsp;</td>
710 
-							<td>
711 
-								<label id="positioning_placement_right_measurement_label" for="positioning_placement_right_measurement" style="display: none; visibility: hidden;">Placement Right Measurement Unit</label>
712 
-								<select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled" aria-labelledby="positioning_placement_right_measurement_label"></select>
713 
-							</td>
714 
-						</tr>
715 
-					</table>
716 
-				</td>
717 
-			</tr>
718 
-			<tr>
719 
-				<td>{#style_dlg.bottom}</td>
720 
-				<td>
721 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
722 
-						<tr>
723 
-							<td><input type="text" id="positioning_placement_bottom" name="positioning_placement_bottom" disabled="disabled" /></td>
724 
-							<td>&nbsp;</td>
725 
-							<td>
726 
-								<label id="positioning_placement_bottom_measurement_label" for="positioning_placement_bottom_measurement" style="display: none; visibility: hidden;">Placement Bottom Measurement Unit</label>
727 
-								<select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled" aria-labelledby="positioning_placement_bottom_measurement_label"></select>
728 
-							</td>
729 
-						</tr>
730 
-					</table>
731 
-				</td>
732 
-			</tr>
733 
-			<tr>
734 
-				<td>{#style_dlg.left}</td>
735 
-				<td>
736 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
737 
-						<tr>
738 
-							<td><input type="text" id="positioning_placement_left" name="positioning_placement_left" disabled="disabled" /></td>
739 
-							<td>&nbsp;</td>
740 
-							<td>
741 
-								<label id="positioning_placement_left_measurement_label" for="positioning_placement_left_measurement" style="display: none; visibility: hidden;">Placement Left Measurement Unit</label>
742 
-								<select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled" aria-labelledby="positioning_placement_left_measurement_label"></select>
743 
-							</td>
744 
-						</tr>
745 
-					</table>
746 
-				</td>
747 
-			</tr>
748 
-		</table>
749 
-	</fieldset>
750 
-</div>
751 
-
752 
-<div style="float: right; width: 49%">
753 
-	<fieldset>
754 
-		<legend>{#style_dlg.clip}</legend>
755 
-
756 
-		<table role="presentation" border="0">
757 
-			<tr>
758 
-				<td>&nbsp;</td>
759 
-				<td><input type="checkbox" id="positioning_clip_same" name="positioning_clip_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_clip');" /> <label for="positioning_clip_same">{#style_dlg.same}</label></td>
760 
-			</tr>
761 
-			<tr>
762 
-				<td>{#style_dlg.top}</td>
763 
-				<td>
764 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
765 
-						<tr>
766 
-							<td><input type="text" id="positioning_clip_top" name="positioning_clip_top" /></td>
767 
-							<td>&nbsp;</td>
768 
-							<td>
769 
-								<label id="positioning_clip_top_measurement_label" for="positioning_clip_top_measurement" style="display: none; visibility: hidden;">Clip Top Measurement Unit</label>
770 
-								<select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement" aria-labelledby="positioning_clip_top_measurement_label"></select>
771 
-							</td>
772 
-						</tr>
773 
-					</table>
774 
-				</td>
775 
-			</tr>
776 
-			<tr>
777 
-				<td>{#style_dlg.right}</td>
778 
-				<td>
779 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
780 
-						<tr>
781 
-							<td><input type="text" id="positioning_clip_right" name="positioning_clip_right" disabled="disabled" /></td>
782 
-							<td>&nbsp;</td>
783 
-							<td>
784 
-								<label id="positioning_clip_right_measurement_label" for="positioning_clip_right_measurement" style="display: none; visibility: hidden;">Clip Right Measurement Unit</label>
785 
-								<select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled" aria-labelledby="positioning_clip_right_measurement_label"></select>
786 
-							</td>
787 
-						</tr>
788 
-					</table>
789 
-				</td>
790 
-			</tr>
791 
-			<tr>
792 
-				<td>{#style_dlg.bottom}</td>
793 
-				<td>
794 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
795 
-						<tr>
796 
-							<td><input type="text" id="positioning_clip_bottom" name="positioning_clip_bottom" disabled="disabled" /></td>
797 
-							<td>&nbsp;</td>
798 
-							<td>
799 
-								<label id="positioning_clip_bottom_measurement_label" for="positioning_clip_bottom_measurement" style="display: none; visibility: hidden;">Clip Bottom Measurement Unit</label>
800 
-								<select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled" aria-labelledby="positioning_clip_bottom_measurement_label"></select>
801 
-							</td>
802 
-						</tr>
803 
-					</table>
804 
-				</td>
805 
-			</tr>
806 
-			<tr>
807 
-				<td>{#style_dlg.left}</td>
808 
-				<td>
809 
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
810 
-						<tr>
811 
-							<td><input type="text" id="positioning_clip_left" name="positioning_clip_left" disabled="disabled" /></td>
812 
-							<td>&nbsp;</td>
813 
-							<td>
814 
-								<label id="positioning_clip_left_measurement_label" for="positioning_clip_left_measurement" style="display: none; visibility: hidden;">Clip Left Measurement Unit</label>
815 
-								<select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled" aria-labelledby="positioning_clip_left_measurement_label"></select>
816 
-							</td>
817 
-						</tr>
818 
-					</table>
819 
-				</td>
820 
-			</tr>
821 
-		</table>
822 
-	</fieldset>
823 
-</div>
824 
-<br style="clear: both" />
825 
-</div>
826 
-</div>
827 
-
828 
-<div class="mceActionPanel">
829 
-	<input type="submit" id="insert" name="insert" value="{#update}" />
830 
-	<input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" />
831 
-	<input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
832 
-</div>
833 
-</form>
834 
-
835 
-<div style="display: none">
836 
-	<div id="container"></div>
837 
-</div>
838 
-
839 
-</body>
840 
-</html>
Browse code

Actually use TinyMCE 3.4.8 for TinyMCE3 option instead of original 2.0.1; that version is moved to 'tinymce2' directory

Clarissa Walker authored on 2026/07/27 09:02:31
Showing 1 changed files
tinymce/jscripts/tiny_mce/plugins/style/props.htm
History View file @ 7e741da
... ... 
@@ -8,280 +8,321 @@
8 8 
 	<script type="text/javascript" src="../../utils/form_utils.js"></script>
9 9 
 	<script type="text/javascript" src="js/props.js"></script>
10 10 
 	<link href="css/props.css" rel="stylesheet" type="text/css" />
11 
-	<base target="_self" />
12 11 
 </head>
13 12
14 
-<body id="styleprops" style="display: none">
13 
+<body id="styleprops" style="display: none" role="application" aria-labelledby="app_title">
14 
+<span id="app_title" style="display:none">{#style_dlg.title}</span>
15 15 
 <form onsubmit="updateAction();return false;" action="#">
16 16 
 <div class="tabs">
17 17 
 	<ul>
18 
-		<li id="text_tab" class="current"><span><a href="javascript:mcTabs.displayTab('text_tab','text_panel');" onMouseDown="return false;">{#style_dlg.text_tab}</a></span></li>
19 
-		<li id="background_tab"><span><a href="javascript:mcTabs.displayTab('background_tab','background_panel');" onMouseDown="return false;">{#style_dlg.background_tab}</a></span></li>
20 
-		<li id="block_tab"><span><a href="javascript:mcTabs.displayTab('block_tab','block_panel');" onMouseDown="return false;">{#style_dlg.block_tab}</a></span></li>
21 
-		<li id="box_tab"><span><a href="javascript:mcTabs.displayTab('box_tab','box_panel');" onMouseDown="return false;">{#style_dlg.box_tab}</a></span></li>
22 
-		<li id="border_tab"><span><a href="javascript:mcTabs.displayTab('border_tab','border_panel');" onMouseDown="return false;">{#style_dlg.border_tab}</a></span></li>
23 
-		<li id="list_tab"><span><a href="javascript:mcTabs.displayTab('list_tab','list_panel');" onMouseDown="return false;">{#style_dlg.list_tab}</a></span></li>
24 
-		<li id="positioning_tab"><span><a href="javascript:mcTabs.displayTab('positioning_tab','positioning_panel');" onMouseDown="return false;">{#style_dlg.positioning_tab}</a></span></li>
18 
+		<li id="text_tab" class="current" aria-controls="text_panel"><span><a href="javascript:mcTabs.displayTab('text_tab','text_panel');" onMouseDown="return false;">{#style_dlg.text_tab}</a></span></li>
19 
+		<li id="background_tab" aria-controls="background_panel"><span><a href="javascript:mcTabs.displayTab('background_tab','background_panel');" onMouseDown="return false;">{#style_dlg.background_tab}</a></span></li>
20 
+		<li id="block_tab" aria-controls="block_panel"><span><a href="javascript:mcTabs.displayTab('block_tab','block_panel');" onMouseDown="return false;">{#style_dlg.block_tab}</a></span></li>
21 
+		<li id="box_tab" aria-controls="box_panel"><span><a href="javascript:mcTabs.displayTab('box_tab','box_panel');" onMouseDown="return false;">{#style_dlg.box_tab}</a></span></li>
22 
+		<li id="border_tab" aria-controls="border_panel"><span><a href="javascript:mcTabs.displayTab('border_tab','border_panel');" onMouseDown="return false;">{#style_dlg.border_tab}</a></span></li>
23 
+		<li id="list_tab" aria-controls="list_panel"><span><a href="javascript:mcTabs.displayTab('list_tab','list_panel');" onMouseDown="return false;">{#style_dlg.list_tab}</a></span></li>
24 
+		<li id="positioning_tab" aria-controls="positioning_panel"><span><a href="javascript:mcTabs.displayTab('positioning_tab','positioning_panel');" onMouseDown="return false;">{#style_dlg.positioning_tab}</a></span></li>
25 25 
 	</ul>
26 26 
 </div>
27 27
28 28 
 <div class="panel_wrapper">
29 29 
 <div id="text_panel" class="panel current">
30 
-	<table border="0" width="100%">
31 
-		<tr>
32 
-			<td><label for="text_font">{#style_dlg.text_font}</label></td>
33 
-			<td colspan="3">
34 
-				<select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select>
35 
-			</td>
36 
-		</tr>
37 
-		<tr>
38 
-			<td><label for="text_size">{#style_dlg.text_size}</label></td>
39 
-			<td>
40 
-				<table border="0" cellspacing="0" cellpadding="0">
41 
-					<tr>
42 
-						<td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td>
43 
-						<td>&nbsp;</td>
44 
-      <td><select id="text_size_measurement" name="text_size_measurement"></select></td>
45 
-					</tr>
46 
-				</table>
47 
-			</td>
48 
-			<td><label for="text_weight">{#style_dlg.text_weight}</label></td>
49 
-			<td>
50 
-				<select id="text_weight" name="text_weight"></select>
51 
-			</td>
52 
-		</tr>
53 
-		<tr>
54 
-			<td><label for="text_style">{#style_dlg.text_style}</label></td>
55 
-			<td>
56 
-				<select id="text_style" name="text_style" class="mceEditableSelect"></select>
57 
-			</td>
58 
-			<td><label for="text_variant">{#style_dlg.text_variant}</label></td>
59 
-			<td>
60 
-				<select id="text_variant" name="text_variant"></select>
61 
-			</td>
62 
-		</tr>
63 
-		<tr>
64 
-			<td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td>
65 
-			<td>
66 
-				<table border="0" cellspacing="0" cellpadding="0">
67 
-					<tr>
68 
-						<td>
69 
-							<select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select>
70 
-						</td>
71 
-						<td>&nbsp;</td>
72 
-						<td><select id="text_lineheight_measurement" name="text_lineheight_measurement"></select></td>
73 
-					</tr>
74 
-				</table>
75 
-			</td>
76 
-			<td><label for="text_case">{#style_dlg.text_case}</label></td>
77 
-			<td>
78 
-				<select id="text_case" name="text_case"></select>
79 
-			</td>
80 
-		</tr>
81 
-		<tr>
82 
-			<td><label for="text_color">{#style_dlg.text_color}</label></td>
83 
-			<td colspan="2">
84 
-				<table border="0" cellpadding="0" cellspacing="0">
85 
-					<tr>
86 
-						<td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td>
87 
-						<td id="text_color_pickcontainer">&nbsp;</td>
88 
-					</tr>
89 
-				</table>
90 
-			</td>
91 
-		</tr>
92 
-		<tr>
93 
-			<td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td>
94 
-			<td colspan="2">
95 
-				<table border="0" cellspacing="0" cellpadding="0">
96 
-					<tr>
97 
-						<td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td>
98 
-						<td><label for="text_underline">{#style_dlg.text_underline}</label></td>
99 
-					</tr>
100 
-					<tr>
101 
-						<td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td>
102 
-						<td><label for="text_overline">{#style_dlg.text_overline}</label></td>
103 
-					</tr>
104 
-					<tr>
105 
-						<td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td>
106 
-						<td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td>
107 
-					</tr>
108 
-					<tr>
109 
-						<td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td>
110 
-						<td><label for="text_blink">{#style_dlg.text_blink}</label></td>
111 
-					</tr>
112 
-					<tr>
113 
-						<td><input id="text_none" name="text_none" class="checkbox" type="checkbox" /></td>
114 
-						<td><label for="text_none">{#style_dlg.text_none}</label></td>
115 
-					</tr>
116 
-				</table>
117 
-			</td>
118 
-		</tr>
119 
-	</table>
30 
+	<fieldset>
31 
+		<legend>{#style_dlg.text}</legend>
32 
+		<table role="presentation" border="0" width="100%">
33 
+			<tr>
34 
+				<td><label for="text_font">{#style_dlg.text_font}</label></td>
35 
+				<td colspan="3">
36 
+					<select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select>
37 
+				</td>
38 
+			</tr>
39 
+			<tr>
40 
+				<td><label for="text_size">{#style_dlg.text_size}</label></td>
41 
+				<td>
42 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
43 
+						<tr>
44 
+							<td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td>
45 
+							<td>&nbsp;</td>
46 
+							<td>
47 
+								<label id="text_size_measurement_label" for="text_size_measurement" style="display: none; visibility: hidden;">Text Size Measurement Unit</label>
48 
+								<select id="text_size_measurement" name="text_size_measurement" aria-labelledby="text_size_measurement_label"></select>
49 
+							</td>
50 
+						</tr>
51 
+					</table>
52 
+				</td>
53 
+				<td><label for="text_weight">{#style_dlg.text_weight}</label></td>
54 
+				<td>
55 
+					<select id="text_weight" name="text_weight"></select>
56 
+				</td>
57 
+			</tr>
58 
+			<tr>
59 
+				<td><label for="text_style">{#style_dlg.text_style}</label></td>
60 
+				<td>
61 
+					<select id="text_style" name="text_style" class="mceEditableSelect"></select>
62 
+				</td>
63 
+				<td><label for="text_variant">{#style_dlg.text_variant}</label></td>
64 
+				<td>
65 
+					<select id="text_variant" name="text_variant"></select>
66 
+				</td>
67 
+			</tr>
68 
+			<tr>
69 
+				<td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td>
70 
+				<td>
71 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
72 
+						<tr>
73 
+							<td>
74 
+								<select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select>
75 
+							</td>
76 
+							<td>&nbsp;</td>
77 
+							<td>
78 
+								<label id="text_lineheight_measurement_label" for="text_lineheight_measurement" style="display: none; visibility: hidden;">Line Height Measurement Unit</label>
79 
+								<select id="text_lineheight_measurement" name="text_lineheight_measurement" aria-labelledby="text_lineheight_measurement_label"></select>
80 
+							</td>
81 
+						</tr>
82 
+					</table>
83 
+				</td>
84 
+				<td><label for="text_case">{#style_dlg.text_case}</label></td>
85 
+				<td>
86 
+					<select id="text_case" name="text_case"></select>
87 
+				</td>
88 
+			</tr>
89 
+			<tr>
90 
+				<td><label for="text_color">{#style_dlg.text_color}</label></td>
91 
+				<td colspan="2">
92 
+					<table role="presentation" border="0" cellpadding="0" cellspacing="0">
93 
+						<tr>
94 
+							<td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td>
95 
+							<td id="text_color_pickcontainer">&nbsp;</td>
96 
+						</tr>
97 
+					</table>
98 
+				</td>
99 
+			</tr>
100 
+			<tr>
101 
+				<td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td>
102 
+				<td colspan="2">
103 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
104 
+						<tr>
105 
+							<td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td>
106 
+							<td><label for="text_underline">{#style_dlg.text_underline}</label></td>
107 
+						</tr>
108 
+						<tr>
109 
+							<td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td>
110 
+							<td><label for="text_overline">{#style_dlg.text_overline}</label></td>
111 
+						</tr>
112 
+						<tr>
113 
+							<td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td>
114 
+							<td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td>
115 
+						</tr>
116 
+						<tr>
117 
+							<td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td>
118 
+							<td><label for="text_blink">{#style_dlg.text_blink}</label></td>
119 
+						</tr>
120 
+						<tr>
121 
+							<td><input id="text_none" name="text_none" class="checkbox" type="checkbox" /></td>
122 
+							<td><label for="text_none">{#style_dlg.text_none}</label></td>
123 
+						</tr>
124 
+					</table>
125 
+				</td>
126 
+			</tr>
127 
+		</table>
128 
+	</fieldset>
120 129 
 </div>
121 130
122 131 
 <div id="background_panel" class="panel">
123 
-	<table border="0">
124 
-		<tr>
125 
-			<td><label for="background_color">{#style_dlg.background_color}</label></td>
126 
-			<td>
127 
-				<table border="0" cellpadding="0" cellspacing="0">
128 
-					<tr>
129 
-						<td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td>
130 
-						<td id="background_color_pickcontainer">&nbsp;</td>
132 
+	<fieldset>
133 
+		<legend>{#style_dlg.background}</legend>
134 
+		<table role="presentation" border="0">
135 
+			<tr>
136 
+				<td><label for="background_color">{#style_dlg.background_color}</label></td>
137 
+				<td>
138 
+					<table role="presentation" border="0" cellpadding="0" cellspacing="0">
139 
+						<tr>
140 
+							<td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td>
141 
+							<td id="background_color_pickcontainer">&nbsp;</td>
142 
+						</tr>
143 
+					</table>
144 
+				</td>
145 
+			</tr>
146 
+
147 
+			<tr>
148 
+				<td><label for="background_image">{#style_dlg.background_image}</label></td>
149 
+				<td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
150 
+					<tr>
151 
+						<td><input id="background_image" name="background_image" type="text" /></td>
152 
+						<td id="background_image_browser">&nbsp;</td>
131 153 
 					</tr>
132 
-				</table>
133 
-			</td>
134 
-		</tr>
154 
+					</table>
155 
+				</td>
156 
+			</tr>
135 157
136 
-		<tr>
137 
-			<td><label for="background_image">{#style_dlg.background_image}</label></td>
138 
-			<td><table border="0" cellspacing="0" cellpadding="0">
139 
-				<tr>
140 
-				  <td><input id="background_image" name="background_image" type="text" /></td>
141 
-				  <td id="background_image_browser">&nbsp;</td>
142 
-				</tr>
143 
-				</table>
144 
-			</td>
145 
-		</tr>
158 
+			<tr>
159 
+				<td><label for="background_repeat">{#style_dlg.background_repeat}</label></td>
160 
+				<td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td>
161 
+			</tr>
146 162
147 
-		<tr>
148 
-			<td><label for="background_repeat">{#style_dlg.background_repeat}</label></td>
149 
-			<td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td>
150 
-		</tr>
163 
+			<tr>
164 
+				<td><label for="background_attachment">{#style_dlg.background_attachment}</label></td>
165 
+				<td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td>
166 
+			</tr>
151 167
152 
-		<tr>
153 
-			<td><label for="background_attachment">{#style_dlg.background_attachment}</label></td>
154 
-			<td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td>
155 
-		</tr>
168 
+			<tr>
169 
+				<td><label for="background_hpos">{#style_dlg.background_hpos}</label></td>
170 
+				<td>
171 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
172 
+						<tr>
173 
+							<td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td>
174 
+							<td>&nbsp;</td>
175 
+							<td>
176 
+								<label id="background_hpos_measurement_label" for="background_hpos_measurement" style="display: none; visibility: hidden;">Horizontal position measurement unit</label>
177 
+								<select id="background_hpos_measurement" name="background_hpos_measurement" aria-labelledby="background_hpos_measurement_label"></select>
178 
+							</td>
179 
+						</tr>
180 
+					</table>
181 
+				</td>
182 
+			</tr>
156 183
157 
-		<tr>
158 
-			<td><label for="background_hpos">{#style_dlg.background_hpos}</label></td>
159 
-			<td>
160 
-				<table border="0" cellspacing="0" cellpadding="0">
161 
-					<tr>
162 
-						<td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td>
163 
-						<td>&nbsp;</td>
164 
-						<td><select id="background_hpos_measurement" name="background_hpos_measurement"></select></td>
165 
-					</tr>
166 
-				</table>
167 
-			</td>
168 
-		</tr>
184 
+			<tr>
185 
+				<td><label for="background_vpos">{#style_dlg.background_vpos}</label></td>
186 
+				<td>
187 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
188 
+						<tr>
189 
+							<td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td>
190 
+							<td>&nbsp;</td>
191 
+							<td>
169 192
170 
-		<tr>
171 
-			<td><label for="background_vpos">{#style_dlg.background_vpos}</label></td>
172 
-			<td>
173 
-				<table border="0" cellspacing="0" cellpadding="0">
174 
-					<tr>
175 
-						<td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td>
176 
-						<td>&nbsp;</td>
177 
-						<td><select id="background_vpos_measurement" name="background_vpos_measurement"></select></td>
178 
-					</tr>
179 
-				</table>
180 
-			</td>
181 
-		</tr>
182 
-	</table>
193 
+								<label id="background_vpos_measurement_label" for="background_vpos_measurement" style="display: none; visibility: hidden;">Vertical position measurement unit</label>
194 
+								<select id="background_vpos_measurement" name="background_vpos_measurement" aria-labelledby="background_vpos_measurement_label">></select></td>
195 
+						</tr>
196 
+					</table>
197 
+				</td>
198 
+			</tr>
199 
+		</table>
200 
+	</fieldset>
183 201 
 </div>
184 202
185 203 
 <div id="block_panel" class="panel">
186 
-	<table border="0">
187 
-		<tr>
188 
-			<td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td>
189 
-			<td>
190 
-				<table border="0" cellspacing="0" cellpadding="0">
191 
-					<tr>
192 
-						<td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td>
193 
-						<td>&nbsp;</td>
194 
-						<td><select id="block_wordspacing_measurement" name="block_wordspacing_measurement"></select></td>
195 
-					</tr>
196 
-				</table>
197 
-			</td>
198 
-		</tr>
204 
+	<fieldset>
205 
+		<legend>{#style_dlg.block}</legend>
206 
+		<table role="presentation" border="0">
207 
+			<tr>
208 
+				<td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td>
209 
+				<td>
210 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
211 
+						<tr>
212 
+							<td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td>
213 
+							<td>&nbsp;</td>
214 
+							<td>
215 
+								<label id="block_wordspacing_measurement_label" for="block_wordspacing_measurement" style="display: none; visibility: hidden;">Word spacing measurement unit</label>
216 
+								<select id="block_wordspacing_measurement" name="block_wordspacing_measurement" aria-labelledby="block_wordspacing_measurement_label"></select>
217 
+							</td>
218 
+						</tr>
219 
+					</table>
220 
+				</td>
221 
+			</tr>
199 222
200 
-		<tr>
201 
-			<td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td>
202 
-			<td>
203 
-				<table border="0" cellspacing="0" cellpadding="0">
204 
-					<tr>
205 
-						<td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td>
206 
-						<td>&nbsp;</td>
207 
-						<td><select id="block_letterspacing_measurement" name="block_letterspacing_measurement"></select></td>
208 
-					</tr>
209 
-				</table>
210 
-			</td>
211 
-		</tr>
223 
+			<tr>
224 
+				<td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td>
225 
+				<td>
226 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
227 
+						<tr>
228 
+							<td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td>
229 
+							<td>&nbsp;</td>
230 
+							<td>
231 
+								<label id="block_letterspacing_measurement_label" for="block_letterspacing_measurement" style="display: none; visibility: hidden;">Letter spacing measurement unit</label>
232 
+								<select id="block_letterspacing_measurement" name="block_letterspacing_measurement" aria-labelledby="block_letterspacing_measurement_label"></select>
233 
+							</td>
234 
+						</tr>
235 
+					</table>
236 
+				</td>
237 
+			</tr>
212 238
213 
-		<tr>
214 
-			<td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td>
215 
-			<td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td>
216 
-		</tr>
239 
+			<tr>
240 
+				<td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td>
241 
+				<td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td>
242 
+			</tr>
217 243
218 
-		<tr>
219 
-			<td><label for="block_text_align">{#style_dlg.block_text_align}</label></td>
220 
-			<td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td>
221 
-		</tr>
244 
+			<tr>
245 
+				<td><label for="block_text_align">{#style_dlg.block_text_align}</label></td>
246 
+				<td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td>
247 
+			</tr>
222 248
223 
-		<tr>
224 
-			<td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td>
225 
-			<td>
226 
-				<table border="0" cellspacing="0" cellpadding="0">
227 
-					<tr>
228 
-						<td><input type="text" id="block_text_indent" name="block_text_indent" /></td>
229 
-						<td>&nbsp;</td>
230 
-						<td><select id="block_text_indent_measurement" name="block_text_indent_measurement"></select></td>
231 
-					</tr>
232 
-				</table>
233 
-			</td>
234 
-		</tr>
249 
+			<tr>
250 
+				<td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td>
251 
+				<td>
252 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
253 
+						<tr>
254 
+							<td><input type="text" id="block_text_indent" name="block_text_indent" /></td>
255 
+							<td>&nbsp;</td>
256 
+							<td>
257 
+								<label id="block_text_indent_measurement_label" for="block_text_indent_measurement" style="display: none; visibility: hidden;">Text Indent Measurement Unit</label>
235 258
236 
-		<tr>
237 
-			<td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td>
238 
-			<td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td>
239 
-		</tr>
259 
+								<select id="block_text_indent_measurement" name="block_text_indent_measurement" aria-labelledby="block_text_indent_measurement_label"></select>
260 
+							</td>
261 
+						</tr>
262 
+					</table>
263 
+				</td>
264 
+			</tr>
240 265
241 
-		<tr>
242 
-			<td><label for="block_display">{#style_dlg.block_display}</label></td>
243 
-			<td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td>
244 
-		</tr>
245 
-	</table>
266 
+			<tr>
267 
+				<td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td>
268 
+				<td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td>
269 
+			</tr>
270 
+
271 
+			<tr>
272 
+				<td><label for="block_display">{#style_dlg.block_display}</label></td>
273 
+				<td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td>
274 
+			</tr>
275 
+		</table>
276 
+	</fieldset>
246 277 
 </div>
247 278
248 279 
 <div id="box_panel" class="panel">
249 
-<table border="0">
250 
-	<tr>
251 
-		<td><label for="box_width">{#style_dlg.box_width}</label></td>
252 
-		<td>
253 
-			<table border="0" cellspacing="0" cellpadding="0">
254 
-				<tr>
255 
-					<td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td>
256 
-					<td>&nbsp;</td>
257 
-					<td><select id="box_width_measurement" name="box_width_measurement"></select></td>
258 
-				</tr>
259 
-			</table>
260 
-		</td>
261 
-		<td>&nbsp;&nbsp;&nbsp;<label for="box_float">{#style_dlg.box_float}</label></td>
262 
-		<td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td>
263 
-	</tr>
280 
+	<fieldset>
281 
+		<legend>{#style_dlg.box}</legend>
282 
+		<table role="presentation" border="0">
283 
+			<tr>
284 
+				<td><label for="box_width">{#style_dlg.box_width}</label></td>
285 
+				<td>
286 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
287 
+						<tr>
288 
+							<td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td>
289 
+							<td>&nbsp;</td>
290 
+							<td>
291 
+								<label id="box_width_measurement_label" for="box_width_measurement" style="display: none; visibility: hidden;">Box Width Measurement Unit</label>
292 
+								<select id="box_width_measurement" name="box_width_measurement" aria-labelledby="box_width_measurement_label"></select>
293 
+							</td>
294 
+						</tr>
295 
+					</table>
296 
+				</td>
297 
+				<td>&nbsp;&nbsp;&nbsp;<label for="box_float">{#style_dlg.box_float}</label></td>
298 
+				<td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td>
299 
+			</tr>
300 
+
301 
+			<tr>
302 
+				<td><label for="box_height">{#style_dlg.box_height}</label></td>
303 
+				<td>
304 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
305 
+						<tr>
306 
+							<td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td>
307 
+							<td>&nbsp;</td>
308 
+							<td>
309 
+								<label id="box_height_measurement_label" for="box_height_measurement" style="display: none; visibility: hidden;">Box Height Measurement Unit</label>
310 
+								<select id="box_height_measurement" name="box_height_measurement" aria-labelledby="box_height_measurement_label"></select>
311 
+							</td>
312 
+						</tr>
313 
+					</table>
314 
+				</td>
315 
+				<td>&nbsp;&nbsp;&nbsp;<label for="box_clear">{#style_dlg.box_clear}</label></td>
316 
+				<td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td>
317 
+			</tr>
318 
+		</table>
319 
+	</fieldset>
264 320
265 
-	<tr>
266 
-		<td><label for="box_height">{#style_dlg.box_height}</label></td>
267 
-		<td>
268 
-			<table border="0" cellspacing="0" cellpadding="0">
269 
-				<tr>
270 
-					<td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td>
271 
-					<td>&nbsp;</td>
272 
-					<td><select id="box_height_measurement" name="box_height_measurement"></select></td>
273 
-				</tr>
274 
-			</table>
275 
-		</td>
276 
-		<td>&nbsp;&nbsp;&nbsp;<label for="box_clear">{#style_dlg.box_clear}</label></td>
277 
-		<td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td>
278 
-	</tr>
279 
-</table>
280 321 
 <div style="float: left; width: 49%">
281 322 
 	<fieldset>
282 323 
 		<legend>{#style_dlg.padding}</legend>
283 324
284 
-		<table border="0">
325 
+		<table role="presentation" border="0">
285 326 
 			<tr>
286 327 
 				<td>&nbsp;</td>
287 328 
 				<td><input type="checkbox" id="box_padding_same" name="box_padding_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_padding');" /> <label for="box_padding_same">{#style_dlg.same}</label></td>
... ... 
@@ -289,11 +330,14 @@
289 330 
 			<tr>
290 331 
 				<td><label for="box_padding_top">{#style_dlg.top}</label></td>
291 332 
 				<td>
292 
-					<table border="0" cellspacing="0" cellpadding="0">
333 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
293 334 
 						<tr>
294 335 
 							<td><input type="text" id="box_padding_top" name="box_padding_top" class="mceEditableSelect" /></td>
295 336 
 							<td>&nbsp;</td>
296 
-							<td><select id="box_padding_top_measurement" name="box_padding_top_measurement"></select></td>
337 
+							<td>
338 
+								<label id="box_padding_top_measurement_label" for="box_padding_top_measurement" style="display: none; visibility: hidden;">Padding Top Measurement Unit</label>
339 
+								<select id="box_padding_top_measurement" name="box_padding_top_measurement" aria-labelledby="box_padding_top_measurement_label"></select>
340 
+							</td>
297 341 
 						</tr>
298 342 
 					</table>
299 343 
 				</td>
... ... 
@@ -301,11 +345,14 @@
301 345 
 			<tr>
302 346 
 				<td><label for="box_padding_right">{#style_dlg.right}</label></td>
303 347 
 				<td>
304 
-					<table border="0" cellspacing="0" cellpadding="0">
348 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
305 349 
 						<tr>
306 350 
 							<td><input type="text" id="box_padding_right" name="box_padding_right" class="mceEditableSelect" disabled="disabled" /></td>
307 351 
 							<td>&nbsp;</td>
308 
-							<td><select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled"></select></td>
352 
+							<td>
353 
+								<label id="box_padding_right_measurement_label" for="box_padding_right_measurement" style="display: none; visibility: hidden;">Padding Right Measurement Unit</label>
354 
+								<select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled" aria-labelledby="box_padding_right_measurement_label"></select>
355 
+							</td>
309 356 
 						</tr>
310 357 
 					</table>
311 358 
 				</td>
... ... 
@@ -313,11 +360,14 @@
313 360 
 			<tr>
314 361 
 				<td><label for="box_padding_bottom">{#style_dlg.bottom}</label></td>
315 362 
 				<td>
316 
-					<table border="0" cellspacing="0" cellpadding="0">
363 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
317 364 
 						<tr>
318 365 
 							<td><input type="text" id="box_padding_bottom" name="box_padding_bottom" class="mceEditableSelect" disabled="disabled" /></td>
319 366 
 							<td>&nbsp;</td>
320 
-							<td><select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled"></select></td>
367 
+							<td>
368 
+								<label id="box_padding_bottom_measurement_label" for="box_padding_bottom_measurement" style="display: none; visibility: hidden;">Padding Bottom Measurement Unit</label>
369 
+								<select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled" aria-labelledby="box_padding_bottom_measurement_label"></select>
370 
+							</td>
321 371 
 						</tr>
322 372 
 					</table>
323 373 
 				</td>
... ... 
@@ -325,11 +375,14 @@
325 375 
 			<tr>
326 376 
 				<td><label for="box_padding_left">{#style_dlg.left}</label></td>
327 377 
 				<td>
328 
-					<table border="0" cellspacing="0" cellpadding="0">
378 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
329 379 
 						<tr>
330 380 
 							<td><input type="text" id="box_padding_left" name="box_padding_left" class="mceEditableSelect" disabled="disabled" /></td>
331 381 
 							<td>&nbsp;</td>
332 
-							<td><select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled"></select></td>
382 
+							<td>
383 
+								<label id="box_padding_left_measurement_label" for="box_padding_left_measurement" style="display: none; visibility: hidden;">Padding Left Measurement Unit</label>
384 
+								<select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled" aria-labelledby="box_padding_left_measurement_label"></select>
385 
+							</td>
333 386 
 						</tr>
334 387 
 					</table>
335 388 
 				</td>
... ... 
@@ -342,7 +395,7 @@
342 395 
 	<fieldset>
343 396 
 		<legend>{#style_dlg.margin}</legend>
344 397
345 
-		<table border="0">
398 
+		<table role="presentation" border="0">
346 399 
 			<tr>
347 400 
 				<td>&nbsp;</td>
348 401 
 				<td><input type="checkbox" id="box_margin_same" name="box_margin_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_margin');" /> <label for="box_margin_same">{#style_dlg.same}</label></td>
... ... 
@@ -350,11 +403,14 @@
350 403 
 			<tr>
351 404 
 				<td><label for="box_margin_top">{#style_dlg.top}</label></td>
352 405 
 				<td>
353 
-					<table border="0" cellspacing="0" cellpadding="0">
406 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
354 407 
 						<tr>
355 408 
 							<td><input type="text" id="box_margin_top" name="box_margin_top" class="mceEditableSelect" /></td>
356 409 
 							<td>&nbsp;</td>
357 
-							<td><select id="box_margin_top_measurement" name="box_margin_top_measurement"></select></td>
410 
+							<td>
411 
+								<label id="box_margin_top_measurement_label" for="box_margin_top_measurement" style="display: none; visibility: hidden;">Margin Top Measurement Unit</label>
412 
+								<select id="box_margin_top_measurement" name="box_margin_top_measurement" aria-labelledby="box_margin_top_measurement_label"></select>
413 
+							</td>
358 414 
 						</tr>
359 415 
 					</table>
360 416 
 				</td>
... ... 
@@ -362,11 +418,14 @@
362 418 
 			<tr>
363 419 
 				<td><label for="box_margin_right">{#style_dlg.right}</label></td>
364 420 
 				<td>
365 
-					<table border="0" cellspacing="0" cellpadding="0">
421 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
366 422 
 						<tr>
367 423 
 							<td><input type="text" id="box_margin_right" name="box_margin_right" class="mceEditableSelect" disabled="disabled" /></td>
368 424 
 							<td>&nbsp;</td>
369 
-							<td><select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled"></select></td>
425 
+							<td>
426 
+								<label id="box_margin_right_measurement_label" for="box_margin_right_measurement" style="display: none; visibility: hidden;">Margin Right Measurement Unit</label>
427 
+								<select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled" aria-labelledby="box_margin_right_measurement_label"></select>
428 
+							</td>
370 429 
 						</tr>
371 430 
 					</table>
372 431 
 				</td>
... ... 
@@ -374,11 +433,14 @@
374 433 
 			<tr>
375 434 
 				<td><label for="box_margin_bottom">{#style_dlg.bottom}</label></td>
376 435 
 				<td>
377 
-					<table border="0" cellspacing="0" cellpadding="0">
436 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
378 437 
 						<tr>
379 438 
 							<td><input type="text" id="box_margin_bottom" name="box_margin_bottom" class="mceEditableSelect" disabled="disabled" /></td>
380 439 
 							<td>&nbsp;</td>
381 
-							<td><select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled"></select></td>
440 
+							<td>
441 
+								<label id="box_margin_bottom_measurement_label" for="box_margin_bottom_measurement" style="display: none; visibility: hidden;">Margin Bottom Measurement Unit</label>
442 
+								<select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled" aria-labelledby="box_margin_bottom_measurement_label"></select>
443 
+							</td>
382 444 
 						</tr>
383 445 
 					</table>
384 446 
 				</td>
... ... 
@@ -386,11 +448,14 @@
386 448 
 			<tr>
387 449 
 				<td><label for="box_margin_left">{#style_dlg.left}</label></td>
388 450 
 				<td>
389 
-					<table border="0" cellspacing="0" cellpadding="0">
451 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
390 452 
 						<tr>
391 453 
 							<td><input type="text" id="box_margin_left" name="box_margin_left" class="mceEditableSelect" disabled="disabled" /></td>
392 454 
 							<td>&nbsp;</td>
393 
-							<td><select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled"></select></td>
455 
+							<td>
456 
+								<label id="box_margin_left_measurement_label" for="box_margin_left_measurement" style="display: none; visibility: hidden;">Margin Left Measurement Unit</label>
457 
+								<select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled" aria-labelledby="box_margin_left_measurement_label"></select>
458 
+							</td>
394 459 
 						</tr>
395 460 
 					</table>
396 461 
 				</td>
... ... 
@@ -402,131 +467,148 @@
402 467 
 </div>
403 468
404 469 
 <div id="border_panel" class="panel">
405 
-<table border="0" cellspacing="0" cellpadding="0" width="100%">
406 
-<tr>
407 
-	<td class="tdelim">&nbsp;</td>
408 
-	<td class="tdelim delim">&nbsp;</td>
409 
-	<td class="tdelim">{#style_dlg.style}</td>
410 
-	<td class="tdelim delim">&nbsp;</td>
411 
-	<td class="tdelim">{#style_dlg.width}</td>
412 
-	<td class="tdelim delim">&nbsp;</td>
413 
-	<td class="tdelim">{#style_dlg.color}</td>
414 
-</tr>
415 
-
416 
-<tr>
417 
-	<td>&nbsp;</td>
418 
-	<td class="delim">&nbsp;</td>
419 
-	<td><input type="checkbox" id="border_style_same" name="border_style_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_style');" /> <label for="border_style_same">{#style_dlg.same}</label></td>
420 
-	<td class="delim">&nbsp;</td>
421 
-	<td><input type="checkbox" id="border_width_same" name="border_width_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_width');" /> <label for="border_width_same">{#style_dlg.same}</label></td>
422 
-	<td class="delim">&nbsp;</td>
423 
-	<td><input type="checkbox" id="border_color_same" name="border_color_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_color');" /> <label for="border_color_same">{#style_dlg.same}</label></td>
424 
-</tr>
425 
-
426 
-<tr>
427 
-	<td>{#style_dlg.top}</td>
428 
-	<td class="delim">&nbsp;</td>
429 
-	<td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td>
430 
-	<td class="delim">&nbsp;</td>
431 
-	<td>
432 
-		<table border="0" cellspacing="0" cellpadding="0">
433 
-			<tr>
434 
-				<td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td>
435 
-				<td>&nbsp;</td>
436 
-				<td><select id="border_width_top_measurement" name="border_width_top_measurement"></select></td>
437 
-			</tr>
438 
-		</table>
439 
-	</td>
440 
-	<td class="delim">&nbsp;</td>
441 
-	<td>
442 
-		<table border="0" cellpadding="0" cellspacing="0">
443 
-			<tr>
444 
-				<td><input id="border_color_top" name="border_color_top" type="text" value="" size="9" onChange="updateColor('border_color_top_pick','border_color_top');" /></td>
445 
-				<td id="border_color_top_pickcontainer">&nbsp;</td>
446 
-			</tr>
447 
-		</table>
448 
-	</td>
449 
-</tr>
450 
-
451 
-<tr>
452 
-	<td>{#style_dlg.right}</td>
453 
-	<td class="delim">&nbsp;</td>
454 
-	<td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td>
455 
-	<td class="delim">&nbsp;</td>
456 
-	<td>
457 
-		<table border="0" cellspacing="0" cellpadding="0">
458 
-			<tr>
459 
-				<td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td>
460 
-				<td>&nbsp;</td>
461 
-				<td><select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled"></select></td>
462 
-			</tr>
463 
-		</table>
464 
-	</td>
465 
-	<td class="delim">&nbsp;</td>
466 
-	<td>
467 
-		<table border="0" cellpadding="0" cellspacing="0">
468 
-			<tr>
469 
-				<td><input id="border_color_right" name="border_color_right" type="text" value="" size="9" onChange="updateColor('border_color_right_pick','border_color_right');" disabled="disabled" /></td>
470 
-				<td id="border_color_right_pickcontainer">&nbsp;</td>
471 
-			</tr>
472 
-		</table>
473 
-	</td>
474 
-</tr>
475 
-
476 
-<tr>
477 
-	<td>{#style_dlg.bottom}</td>
478 
-	<td class="delim">&nbsp;</td>
479 
-	<td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
480 
-	<td class="delim">&nbsp;</td>
481 
-	<td>
482 
-		<table border="0" cellspacing="0" cellpadding="0">
483 
-			<tr>
484 
-				<td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
485 
-				<td>&nbsp;</td>
486 
-				<td><select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled"></select></td>
487 
-			</tr>
488 
-		</table>
489 
-	</td>
490 
-	<td class="delim">&nbsp;</td>
491 
-	<td>
492 
-		<table border="0" cellpadding="0" cellspacing="0">
493 
-			<tr>
494 
-				<td><input id="border_color_bottom" name="border_color_bottom" type="text" value="" size="9" onChange="updateColor('border_color_bottom_pick','border_color_bottom');" disabled="disabled" /></td>
495 
-				<td id="border_color_bottom_pickcontainer">&nbsp;</td>
496 
-			</tr>
497 
-		</table>
498 
-	</td>
499 
-</tr>
500 
-
501 
-<tr>
502 
-	<td>{#style_dlg.left}</td>
503 
-	<td class="delim">&nbsp;</td>
504 
-	<td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td>
505 
-	<td class="delim">&nbsp;</td>
506 
-	<td>
507 
-		<table border="0" cellspacing="0" cellpadding="0">
508 
-			<tr>
509 
-				<td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td>
510 
-				<td>&nbsp;</td>
511 
-				<td><select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled"></select></td>
512 
-			</tr>
513 
-		</table>
514 
-	</td>
515 
-	<td class="delim">&nbsp;</td>
516 
-	<td>
517 
-		<table border="0" cellpadding="0" cellspacing="0">
518 
-			<tr>
519 
-				<td><input id="border_color_left" name="border_color_left" type="text" value="" size="9" onChange="updateColor('border_color_left_pick','border_color_left');" disabled="disabled" /></td>
520 
-				<td id="border_color_left_pickcontainer">&nbsp;</td>
521 
-			</tr>
470 
+	<fieldset>
471 
+		<legend>{#style_dlg.border}</legend>
472 
+		<table role="presentation" border="0" cellspacing="0" cellpadding="0" width="100%">
473 
+		<tr>
474 
+			<td class="tdelim">&nbsp;</td>
475 
+			<td class="tdelim delim">&nbsp;</td>
476 
+			<td class="tdelim">{#style_dlg.style}</td>
477 
+			<td class="tdelim delim">&nbsp;</td>
478 
+			<td class="tdelim">{#style_dlg.width}</td>
479 
+			<td class="tdelim delim">&nbsp;</td>
480 
+			<td class="tdelim">{#style_dlg.color}</td>
481 
+		</tr>
482 
+
483 
+		<tr>
484 
+			<td>&nbsp;</td>
485 
+			<td class="delim">&nbsp;</td>
486 
+			<td><input type="checkbox" id="border_style_same" name="border_style_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_style');" /> <label for="border_style_same">{#style_dlg.same}</label></td>
487 
+			<td class="delim">&nbsp;</td>
488 
+			<td><input type="checkbox" id="border_width_same" name="border_width_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_width');" /> <label for="border_width_same">{#style_dlg.same}</label></td>
489 
+			<td class="delim">&nbsp;</td>
490 
+			<td><input type="checkbox" id="border_color_same" name="border_color_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_color');" /> <label for="border_color_same">{#style_dlg.same}</label></td>
491 
+		</tr>
492 
+
493 
+		<tr>
494 
+			<td>{#style_dlg.top}</td>
495 
+			<td class="delim">&nbsp;</td>
496 
+			<td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td>
497 
+			<td class="delim">&nbsp;</td>
498 
+			<td>
499 
+				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
500 
+					<tr>
501 
+						<td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td>
502 
+						<td>&nbsp;</td>
503 
+						<td>
504 
+							<label id="border_width_top_measurement_label" for="border_width_top_measurement" style="display: none; visibility: hidden;">Width top Measurement Unit</label>
505 
+							<select id="border_width_top_measurement" name="border_width_top_measurement" aria-labelledby="border_width_top_measurement_label"></select>
506 
+						</td>
507 
+					</tr>
508 
+				</table>
509 
+			</td>
510 
+			<td class="delim">&nbsp;</td>
511 
+			<td>
512 
+				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
513 
+					<tr>
514 
+						<td><input id="border_color_top" name="border_color_top" type="text" value="" size="9" onChange="updateColor('border_color_top_pick','border_color_top');" /></td>
515 
+						<td id="border_color_top_pickcontainer">&nbsp;</td>
516 
+					</tr>
517 
+				</table>
518 
+			</td>
519 
+		</tr>
520 
+
521 
+		<tr>
522 
+			<td>{#style_dlg.right}</td>
523 
+			<td class="delim">&nbsp;</td>
524 
+			<td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td>
525 
+			<td class="delim">&nbsp;</td>
526 
+			<td>
527 
+				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
528 
+					<tr>
529 
+						<td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td>
530 
+						<td>&nbsp;</td>
531 
+						<td>
532 
+							<label id="border_width_right_measurement_label" for="border_width_right_measurement" style="display: none; visibility: hidden;">Width Right Measurement Unit</label>
533 
+							<select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled" aria-labelledby="border_width_right_measurement_label"></select>
534 
+						</td>
535 
+					</tr>
536 
+				</table>
537 
+			</td>
538 
+			<td class="delim">&nbsp;</td>
539 
+			<td>
540 
+				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
541 
+					<tr>
542 
+						<td><input id="border_color_right" name="border_color_right" type="text" value="" size="9" onChange="updateColor('border_color_right_pick','border_color_right');" disabled="disabled" /></td>
543 
+						<td id="border_color_right_pickcontainer">&nbsp;</td>
544 
+					</tr>
545 
+				</table>
546 
+			</td>
547 
+		</tr>
548 
+
549 
+		<tr>
550 
+			<td>{#style_dlg.bottom}</td>
551 
+			<td class="delim">&nbsp;</td>
552 
+			<td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
553 
+			<td class="delim">&nbsp;</td>
554 
+			<td>
555 
+				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
556 
+					<tr>
557 
+						<td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
558 
+						<td>&nbsp;</td>
559 
+						<td>
560 
+							<label id="border_width_bottom_measurement_label" for="border_width_bottom_measurement" style="display: none; visibility: hidden;">Width Bottom Measurement Unit</label>
561 
+							<select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled" aria-labelledby="border_width_bottom_measurement_label"></select>
562 
+						</td>
563 
+					</tr>
564 
+				</table>
565 
+			</td>
566 
+			<td class="delim">&nbsp;</td>
567 
+			<td>
568 
+				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
569 
+					<tr>
570 
+						<td><input id="border_color_bottom" name="border_color_bottom" type="text" value="" size="9" onChange="updateColor('border_color_bottom_pick','border_color_bottom');" disabled="disabled" /></td>
571 
+						<td id="border_color_bottom_pickcontainer">&nbsp;</td>
572 
+					</tr>
573 
+				</table>
574 
+			</td>
575 
+		</tr>
576 
+
577 
+		<tr>
578 
+			<td>{#style_dlg.left}</td>
579 
+			<td class="delim">&nbsp;</td>
580 
+			<td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td>
581 
+			<td class="delim">&nbsp;</td>
582 
+			<td>
583 
+				<table role="presentation" border="0" cellspacing="0" cellpadding="0">
584 
+					<tr>
585 
+						<td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td>
586 
+						<td>&nbsp;</td>
587 
+						<td>
588 
+							<label id="border_width_left_measurement_label" for="border_width_left_measurement" style="display: none; visibility: hidden;">Width Left Measurement Unit</label>
589 
+							<select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled" aria-labelledby="border_width_left_measurement_label"></select>
590 
+						</td>
591 
+					</tr>
592 
+				</table>
593 
+			</td>
594 
+			<td class="delim">&nbsp;</td>
595 
+			<td>
596 
+				<table role="presentation" border="0" cellpadding="0" cellspacing="0">
597 
+					<tr>
598 
+						<td><input id="border_color_left" name="border_color_left" type="text" value="" size="9" onChange="updateColor('border_color_left_pick','border_color_left');" disabled="disabled" /></td>
599 
+						<td id="border_color_left_pickcontainer">&nbsp;</td>
600 
+					</tr>
601 
+				</table>
602 
+			</td>
603 
+		</tr>
522 604 
 		</table>
523 
-	</td>
524 
-</tr>
525 
-</table>
605 
+	</fieldset>
526 606 
 </div>
527 607
528 608 
 <div id="list_panel" class="panel">
529 
-	<table border="0">
609 
+<fieldset>
610 
+	<legend>{#style_dlg.list}</legend>
611 
+	<table role="presentation" border="0">
530 612 
 		<tr>
531 613 
 			<td><label for="list_type">{#style_dlg.list_type}</label></td>
532 614 
 			<td><select id="list_type" name="list_type" class="mceEditableSelect"></select></td>
... ... 
@@ -542,10 +624,13 @@
542 624 
 			<td><select id="list_position" name="list_position" class="mceEditableSelect"></select></td>
543 625 
 		</tr>
544 626 
 	</table>
627 
+</fieldset>
545 628 
 </div>
546 629
547 630 
 <div id="positioning_panel" class="panel">
548 
-<table border="0">
631 
+<fieldset>
632 
+	<legend>{#style_dlg.position}</legend>
633 
+<table role="presentation" border="0">
549 634 
 	<tr>
550 635 
 		<td><label for="positioning_type">{#style_dlg.positioning_type}</label></td>
551 636 
 		<td><select id="positioning_type" name="positioning_type" class="mceEditableSelect"></select></td>
... ... 
@@ -556,11 +641,14 @@
556 641 
 	<tr>
557 642 
 		<td><label for="positioning_width">{#style_dlg.width}</label></td>
558 643 
 		<td>
559 
-			<table border="0" cellspacing="0" cellpadding="0">
644 
+			<table role="presentation" border="0" cellspacing="0" cellpadding="0">
560 645 
 				<tr>
561 646 
 					<td><input type="text" id="positioning_width" name="positioning_width" onChange="synch('positioning_width','box_width');" /></td>
562 647 
 					<td>&nbsp;</td>
563 
-					<td><select id="positioning_width_measurement" name="positioning_width_measurement"></select></td>
648 
+					<td>
649 
+						<label id="positioning_width_measurement_label" for="positioning_width_measurement" style="display: none; visibility: hidden;">Positioning width Measurement Unit</label>
650 
+						<select id="positioning_width_measurement" name="positioning_width_measurement" aria-labelledby="positioning_width_measurement_label"></select>
651 
+					</td>
564 652 
 				</tr>
565 653 
 			</table>
566 654 
 		</td>
... ... 
@@ -571,11 +659,14 @@
571 659 
 	<tr>
572 660 
 		<td><label for="positioning_height">{#style_dlg.height}</label></td>
573 661 
 		<td>
574 
-			<table border="0" cellspacing="0" cellpadding="0">
662 
+			<table role="presentation" border="0" cellspacing="0" cellpadding="0">
575 663 
 				<tr>
576 664 
 					<td><input type="text" id="positioning_height" name="positioning_height" onChange="synch('positioning_height','box_height');" /></td>
577 665 
 					<td>&nbsp;</td>
578 
-					<td><select id="positioning_height_measurement" name="positioning_height_measurement"></select></td>
666 
+					<td>
667 
+						<label id="positioning_height_measurement_label" for="positioning_height_measurement" style="display: none; visibility: hidden;">Positioning Height Measurement Unit</label>
668 
+						<select id="positioning_height_measurement" name="positioning_height_measurement" aria-labelledby="positioning_height_measurement_label"></select>
669 
+					</td>
579 670 
 				</tr>
580 671 
 			</table>
581 672 
 		</td>
... ... 
@@ -583,12 +674,13 @@
583 674 
 		<td><select id="positioning_overflow" name="positioning_overflow" class="mceEditableSelect"></select></td>
584 675 
 	</tr>
585 676 
 </table>
677 
+</fieldset>
586 678
587 679 
 <div style="float: left; width: 49%">
588 680 
 	<fieldset>
589 681 
 		<legend>{#style_dlg.placement}</legend>
590 682
591 
-		<table border="0">
683 
+		<table role="presentation" border="0">
592 684 
 			<tr>
593 685 
 				<td>&nbsp;</td>
594 686 
 				<td><input type="checkbox" id="positioning_placement_same" name="positioning_placement_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_placement');" /> <label for="positioning_placement_same">{#style_dlg.same}</label></td>
... ... 
@@ -596,11 +688,14 @@
596 688 
 			<tr>
597 689 
 				<td>{#style_dlg.top}</td>
598 690 
 				<td>
599 
-					<table border="0" cellspacing="0" cellpadding="0">
691 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
600 692 
 						<tr>
601 693 
 							<td><input type="text" id="positioning_placement_top" name="positioning_placement_top" /></td>
602 694 
 							<td>&nbsp;</td>
603 
-							<td><select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement"></select></td>
695 
+							<td>
696 
+								<label id="positioning_placement_top_measurement_label" for="positioning_placement_top_measurement" style="display: none; visibility: hidden;">Placement Top Measurement Unit</label>
697 
+								<select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement" aria-labelledby="positioning_placement_top_measurement_label"></select>
698 
+							</td>
604 699 
 						</tr>
605 700 
 					</table>
606 701 
 				</td>
... ... 
@@ -608,11 +703,14 @@
608 703 
 			<tr>
609 704 
 				<td>{#style_dlg.right}</td>
610 705 
 				<td>
611 
-					<table border="0" cellspacing="0" cellpadding="0">
706 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
612 707 
 						<tr>
613 708 
 							<td><input type="text" id="positioning_placement_right" name="positioning_placement_right" disabled="disabled" /></td>
614 709 
 							<td>&nbsp;</td>
615 
-							<td><select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled"></select></td>
710 
+							<td>
711 
+								<label id="positioning_placement_right_measurement_label" for="positioning_placement_right_measurement" style="display: none; visibility: hidden;">Placement Right Measurement Unit</label>
712 
+								<select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled" aria-labelledby="positioning_placement_right_measurement_label"></select>
713 
+							</td>
616 714 
 						</tr>
617 715 
 					</table>
618 716 
 				</td>
... ... 
@@ -620,11 +718,14 @@
620 718 
 			<tr>
621 719 
 				<td>{#style_dlg.bottom}</td>
622 720 
 				<td>
623 
-					<table border="0" cellspacing="0" cellpadding="0">
721 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
624 722 
 						<tr>
625 723 
 							<td><input type="text" id="positioning_placement_bottom" name="positioning_placement_bottom" disabled="disabled" /></td>
626 724 
 							<td>&nbsp;</td>
627 
-							<td><select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled"></select></td>
725 
+							<td>
726 
+								<label id="positioning_placement_bottom_measurement_label" for="positioning_placement_bottom_measurement" style="display: none; visibility: hidden;">Placement Bottom Measurement Unit</label>
727 
+								<select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled" aria-labelledby="positioning_placement_bottom_measurement_label"></select>
728 
+							</td>
628 729 
 						</tr>
629 730 
 					</table>
630 731 
 				</td>
... ... 
@@ -632,11 +733,14 @@
632 733 
 			<tr>
633 734 
 				<td>{#style_dlg.left}</td>
634 735 
 				<td>
635 
-					<table border="0" cellspacing="0" cellpadding="0">
736 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
636 737 
 						<tr>
637 738 
 							<td><input type="text" id="positioning_placement_left" name="positioning_placement_left" disabled="disabled" /></td>
638 739 
 							<td>&nbsp;</td>
639 
-							<td><select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled"></select></td>
740 
+							<td>
741 
+								<label id="positioning_placement_left_measurement_label" for="positioning_placement_left_measurement" style="display: none; visibility: hidden;">Placement Left Measurement Unit</label>
742 
+								<select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled" aria-labelledby="positioning_placement_left_measurement_label"></select>
743 
+							</td>
640 744 
 						</tr>
641 745 
 					</table>
642 746 
 				</td>
... ... 
@@ -649,7 +753,7 @@
649 753 
 	<fieldset>
650 754 
 		<legend>{#style_dlg.clip}</legend>
651 755
652 
-		<table border="0">
756 
+		<table role="presentation" border="0">
653 757 
 			<tr>
654 758 
 				<td>&nbsp;</td>
655 759 
 				<td><input type="checkbox" id="positioning_clip_same" name="positioning_clip_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_clip');" /> <label for="positioning_clip_same">{#style_dlg.same}</label></td>
... ... 
@@ -657,11 +761,14 @@
657 761 
 			<tr>
658 762 
 				<td>{#style_dlg.top}</td>
659 763 
 				<td>
660 
-					<table border="0" cellspacing="0" cellpadding="0">
764 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
661 765 
 						<tr>
662 766 
 							<td><input type="text" id="positioning_clip_top" name="positioning_clip_top" /></td>
663 767 
 							<td>&nbsp;</td>
664 
-							<td><select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement"></select></td>
768 
+							<td>
769 
+								<label id="positioning_clip_top_measurement_label" for="positioning_clip_top_measurement" style="display: none; visibility: hidden;">Clip Top Measurement Unit</label>
770 
+								<select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement" aria-labelledby="positioning_clip_top_measurement_label"></select>
771 
+							</td>
665 772 
 						</tr>
666 773 
 					</table>
667 774 
 				</td>
... ... 
@@ -669,11 +776,14 @@
669 776 
 			<tr>
670 777 
 				<td>{#style_dlg.right}</td>
671 778 
 				<td>
672 
-					<table border="0" cellspacing="0" cellpadding="0">
779 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
673 780 
 						<tr>
674 781 
 							<td><input type="text" id="positioning_clip_right" name="positioning_clip_right" disabled="disabled" /></td>
675 782 
 							<td>&nbsp;</td>
676 
-							<td><select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled"></select></td>
783 
+							<td>
784 
+								<label id="positioning_clip_right_measurement_label" for="positioning_clip_right_measurement" style="display: none; visibility: hidden;">Clip Right Measurement Unit</label>
785 
+								<select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled" aria-labelledby="positioning_clip_right_measurement_label"></select>
786 
+							</td>
677 787 
 						</tr>
678 788 
 					</table>
679 789 
 				</td>
... ... 
@@ -681,11 +791,14 @@
681 791 
 			<tr>
682 792 
 				<td>{#style_dlg.bottom}</td>
683 793 
 				<td>
684 
-					<table border="0" cellspacing="0" cellpadding="0">
794 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
685 795 
 						<tr>
686 796 
 							<td><input type="text" id="positioning_clip_bottom" name="positioning_clip_bottom" disabled="disabled" /></td>
687 797 
 							<td>&nbsp;</td>
688 
-							<td><select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled"></select></td>
798 
+							<td>
799 
+								<label id="positioning_clip_bottom_measurement_label" for="positioning_clip_bottom_measurement" style="display: none; visibility: hidden;">Clip Bottom Measurement Unit</label>
800 
+								<select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled" aria-labelledby="positioning_clip_bottom_measurement_label"></select>
801 
+							</td>
689 802 
 						</tr>
690 803 
 					</table>
691 804 
 				</td>
... ... 
@@ -693,11 +806,14 @@
693 806 
 			<tr>
694 807 
 				<td>{#style_dlg.left}</td>
695 808 
 				<td>
696 
-					<table border="0" cellspacing="0" cellpadding="0">
809 
+					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
697 810 
 						<tr>
698 811 
 							<td><input type="text" id="positioning_clip_left" name="positioning_clip_left" disabled="disabled" /></td>
699 812 
 							<td>&nbsp;</td>
700 
-							<td><select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled"></select></td>
813 
+							<td>
814 
+								<label id="positioning_clip_left_measurement_label" for="positioning_clip_left_measurement" style="display: none; visibility: hidden;">Clip Left Measurement Unit</label>
815 
+								<select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled" aria-labelledby="positioning_clip_left_measurement_label"></select>
816 
+							</td>
701 817 
 						</tr>
702 818 
 					</table>
703 819 
 				</td>
... ... 
@@ -710,16 +826,9 @@
710 826 
 </div>
711 827
712 828 
 <div class="mceActionPanel">
713 
-	<div style="float: left">
714 
-		<div style="float: left"><input type="submit" id="insert" name="insert" value="{#update}" /></div>
715 
-
716 
-		<div style="float: left">&nbsp;<input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" /></div>
717 
-		<br style="clear: both" />
718 
-	</div>
719 
-
720 
-	<div style="float: right">
721 
-		<input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
722 
-	</div>
829 
+	<input type="submit" id="insert" name="insert" value="{#update}" />
830 
+	<input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" />
831 
+	<input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
723 832 
 </div>
724 833 
 </form>
725 834
Browse code

3.5.6 efiction version

Jimako authored on 2024/03/09 16:09:42
Showing 1 changed files
tinymce/jscripts/tiny_mce/plugins/style/props.htm
History View file @ 1aaa576
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,731 @@
1 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 
+<html xmlns="http://www.w3.org/1999/xhtml">
3 
+<head>
4 
+	<title>{#style_dlg.title}</title>
5 
+	<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
6 
+	<script type="text/javascript" src="../../utils/mctabs.js"></script>
7 
+	<script type="text/javascript" src="../../utils/editable_selects.js"></script>
8 
+	<script type="text/javascript" src="../../utils/form_utils.js"></script>
9 
+	<script type="text/javascript" src="js/props.js"></script>
10 
+	<link href="css/props.css" rel="stylesheet" type="text/css" />
11 
+	<base target="_self" />
12 
+</head>
13 
+
14 
+<body id="styleprops" style="display: none">
15 
+<form onsubmit="updateAction();return false;" action="#">
16 
+<div class="tabs">
17 
+	<ul>
18 
+		<li id="text_tab" class="current"><span><a href="javascript:mcTabs.displayTab('text_tab','text_panel');" onMouseDown="return false;">{#style_dlg.text_tab}</a></span></li>
19 
+		<li id="background_tab"><span><a href="javascript:mcTabs.displayTab('background_tab','background_panel');" onMouseDown="return false;">{#style_dlg.background_tab}</a></span></li>
20 
+		<li id="block_tab"><span><a href="javascript:mcTabs.displayTab('block_tab','block_panel');" onMouseDown="return false;">{#style_dlg.block_tab}</a></span></li>
21 
+		<li id="box_tab"><span><a href="javascript:mcTabs.displayTab('box_tab','box_panel');" onMouseDown="return false;">{#style_dlg.box_tab}</a></span></li>
22 
+		<li id="border_tab"><span><a href="javascript:mcTabs.displayTab('border_tab','border_panel');" onMouseDown="return false;">{#style_dlg.border_tab}</a></span></li>
23 
+		<li id="list_tab"><span><a href="javascript:mcTabs.displayTab('list_tab','list_panel');" onMouseDown="return false;">{#style_dlg.list_tab}</a></span></li>
24 
+		<li id="positioning_tab"><span><a href="javascript:mcTabs.displayTab('positioning_tab','positioning_panel');" onMouseDown="return false;">{#style_dlg.positioning_tab}</a></span></li>
25 
+	</ul>
26 
+</div>
27 
+
28 
+<div class="panel_wrapper">
29 
+<div id="text_panel" class="panel current">
30 
+	<table border="0" width="100%">
31 
+		<tr>
32 
+			<td><label for="text_font">{#style_dlg.text_font}</label></td>
33 
+			<td colspan="3">
34 
+				<select id="text_font" name="text_font" class="mceEditableSelect mceFocus"></select>
35 
+			</td>
36 
+		</tr>
37 
+		<tr>
38 
+			<td><label for="text_size">{#style_dlg.text_size}</label></td>
39 
+			<td>
40 
+				<table border="0" cellspacing="0" cellpadding="0">
41 
+					<tr>
42 
+						<td><select id="text_size" name="text_size" class="mceEditableSelect"></select></td>
43 
+						<td>&nbsp;</td>
44 
+      <td><select id="text_size_measurement" name="text_size_measurement"></select></td>
45 
+					</tr>
46 
+				</table>
47 
+			</td>
48 
+			<td><label for="text_weight">{#style_dlg.text_weight}</label></td>
49 
+			<td>
50 
+				<select id="text_weight" name="text_weight"></select>
51 
+			</td>
52 
+		</tr>
53 
+		<tr>
54 
+			<td><label for="text_style">{#style_dlg.text_style}</label></td>
55 
+			<td>
56 
+				<select id="text_style" name="text_style" class="mceEditableSelect"></select>
57 
+			</td>
58 
+			<td><label for="text_variant">{#style_dlg.text_variant}</label></td>
59 
+			<td>
60 
+				<select id="text_variant" name="text_variant"></select>
61 
+			</td>
62 
+		</tr>
63 
+		<tr>
64 
+			<td><label for="text_lineheight">{#style_dlg.text_lineheight}</label></td>
65 
+			<td>
66 
+				<table border="0" cellspacing="0" cellpadding="0">
67 
+					<tr>
68 
+						<td>
69 
+							<select id="text_lineheight" name="text_lineheight" class="mceEditableSelect"></select>
70 
+						</td>
71 
+						<td>&nbsp;</td>
72 
+						<td><select id="text_lineheight_measurement" name="text_lineheight_measurement"></select></td>
73 
+					</tr>
74 
+				</table>
75 
+			</td>
76 
+			<td><label for="text_case">{#style_dlg.text_case}</label></td>
77 
+			<td>
78 
+				<select id="text_case" name="text_case"></select>
79 
+			</td>
80 
+		</tr>
81 
+		<tr>
82 
+			<td><label for="text_color">{#style_dlg.text_color}</label></td>
83 
+			<td colspan="2">
84 
+				<table border="0" cellpadding="0" cellspacing="0">
85 
+					<tr>
86 
+						<td><input id="text_color" name="text_color" type="text" value="" size="9" onChange="updateColor('text_color_pick','text_color');" /></td>
87 
+						<td id="text_color_pickcontainer">&nbsp;</td>
88 
+					</tr>
89 
+				</table>
90 
+			</td>
91 
+		</tr>
92 
+		<tr>
93 
+			<td valign="top" style="vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}</td>
94 
+			<td colspan="2">
95 
+				<table border="0" cellspacing="0" cellpadding="0">
96 
+					<tr>
97 
+						<td><input id="text_underline" name="text_underline" class="checkbox" type="checkbox" /></td>
98 
+						<td><label for="text_underline">{#style_dlg.text_underline}</label></td>
99 
+					</tr>
100 
+					<tr>
101 
+						<td><input id="text_overline" name="text_overline" class="checkbox" type="checkbox" /></td>
102 
+						<td><label for="text_overline">{#style_dlg.text_overline}</label></td>
103 
+					</tr>
104 
+					<tr>
105 
+						<td><input id="text_linethrough" name="text_linethrough" class="checkbox" type="checkbox" /></td>
106 
+						<td><label for="text_linethrough">{#style_dlg.text_striketrough}</label></td>
107 
+					</tr>
108 
+					<tr>
109 
+						<td><input id="text_blink" name="text_blink" class="checkbox" type="checkbox" /></td>
110 
+						<td><label for="text_blink">{#style_dlg.text_blink}</label></td>
111 
+					</tr>
112 
+					<tr>
113 
+						<td><input id="text_none" name="text_none" class="checkbox" type="checkbox" /></td>
114 
+						<td><label for="text_none">{#style_dlg.text_none}</label></td>
115 
+					</tr>
116 
+				</table>
117 
+			</td>
118 
+		</tr>
119 
+	</table>
120 
+</div>
121 
+
122 
+<div id="background_panel" class="panel">
123 
+	<table border="0">
124 
+		<tr>
125 
+			<td><label for="background_color">{#style_dlg.background_color}</label></td>
126 
+			<td>
127 
+				<table border="0" cellpadding="0" cellspacing="0">
128 
+					<tr>
129 
+						<td><input id="background_color" name="background_color" type="text" value="" size="9" onChange="updateColor('background_color_pick','background_color');" /></td>
130 
+						<td id="background_color_pickcontainer">&nbsp;</td>
131 
+					</tr>
132 
+				</table>
133 
+			</td>
134 
+		</tr>
135 
+
136 
+		<tr>
137 
+			<td><label for="background_image">{#style_dlg.background_image}</label></td>
138 
+			<td><table border="0" cellspacing="0" cellpadding="0">
139 
+				<tr>
140 
+				  <td><input id="background_image" name="background_image" type="text" /></td>
141 
+				  <td id="background_image_browser">&nbsp;</td>
142 
+				</tr>
143 
+				</table>
144 
+			</td>
145 
+		</tr>
146 
+
147 
+		<tr>
148 
+			<td><label for="background_repeat">{#style_dlg.background_repeat}</label></td>
149 
+			<td><select id="background_repeat" name="background_repeat" class="mceEditableSelect"></select></td>
150 
+		</tr>
151 
+
152 
+		<tr>
153 
+			<td><label for="background_attachment">{#style_dlg.background_attachment}</label></td>
154 
+			<td><select id="background_attachment" name="background_attachment" class="mceEditableSelect"></select></td>
155 
+		</tr>
156 
+
157 
+		<tr>
158 
+			<td><label for="background_hpos">{#style_dlg.background_hpos}</label></td>
159 
+			<td>
160 
+				<table border="0" cellspacing="0" cellpadding="0">
161 
+					<tr>
162 
+						<td><select id="background_hpos" name="background_hpos" class="mceEditableSelect"></select></td>
163 
+						<td>&nbsp;</td>
164 
+						<td><select id="background_hpos_measurement" name="background_hpos_measurement"></select></td>
165 
+					</tr>
166 
+				</table>
167 
+			</td>
168 
+		</tr>
169 
+
170 
+		<tr>
171 
+			<td><label for="background_vpos">{#style_dlg.background_vpos}</label></td>
172 
+			<td>
173 
+				<table border="0" cellspacing="0" cellpadding="0">
174 
+					<tr>
175 
+						<td><select id="background_vpos" name="background_vpos" class="mceEditableSelect"></select></td>
176 
+						<td>&nbsp;</td>
177 
+						<td><select id="background_vpos_measurement" name="background_vpos_measurement"></select></td>
178 
+					</tr>
179 
+				</table>
180 
+			</td>
181 
+		</tr>
182 
+	</table>
183 
+</div>
184 
+
185 
+<div id="block_panel" class="panel">
186 
+	<table border="0">
187 
+		<tr>
188 
+			<td><label for="block_wordspacing">{#style_dlg.block_wordspacing}</label></td>
189 
+			<td>
190 
+				<table border="0" cellspacing="0" cellpadding="0">
191 
+					<tr>
192 
+						<td><select id="block_wordspacing" name="block_wordspacing" class="mceEditableSelect"></select></td>
193 
+						<td>&nbsp;</td>
194 
+						<td><select id="block_wordspacing_measurement" name="block_wordspacing_measurement"></select></td>
195 
+					</tr>
196 
+				</table>
197 
+			</td>
198 
+		</tr>
199 
+
200 
+		<tr>
201 
+			<td><label for="block_letterspacing">{#style_dlg.block_letterspacing}</label></td>
202 
+			<td>
203 
+				<table border="0" cellspacing="0" cellpadding="0">
204 
+					<tr>
205 
+						<td><select id="block_letterspacing" name="block_letterspacing" class="mceEditableSelect"></select></td>
206 
+						<td>&nbsp;</td>
207 
+						<td><select id="block_letterspacing_measurement" name="block_letterspacing_measurement"></select></td>
208 
+					</tr>
209 
+				</table>
210 
+			</td>
211 
+		</tr>
212 
+
213 
+		<tr>
214 
+			<td><label for="block_vertical_alignment">{#style_dlg.block_vertical_alignment}</label></td>
215 
+			<td><select id="block_vertical_alignment" name="block_vertical_alignment" class="mceEditableSelect"></select></td>
216 
+		</tr>
217 
+
218 
+		<tr>
219 
+			<td><label for="block_text_align">{#style_dlg.block_text_align}</label></td>
220 
+			<td><select id="block_text_align" name="block_text_align" class="mceEditableSelect"></select></td>
221 
+		</tr>
222 
+
223 
+		<tr>
224 
+			<td><label for="block_text_indent">{#style_dlg.block_text_indent}</label></td>
225 
+			<td>
226 
+				<table border="0" cellspacing="0" cellpadding="0">
227 
+					<tr>
228 
+						<td><input type="text" id="block_text_indent" name="block_text_indent" /></td>
229 
+						<td>&nbsp;</td>
230 
+						<td><select id="block_text_indent_measurement" name="block_text_indent_measurement"></select></td>
231 
+					</tr>
232 
+				</table>
233 
+			</td>
234 
+		</tr>
235 
+
236 
+		<tr>
237 
+			<td><label for="block_whitespace">{#style_dlg.block_whitespace}</label></td>
238 
+			<td><select id="block_whitespace" name="block_whitespace" class="mceEditableSelect"></select></td>
239 
+		</tr>
240 
+
241 
+		<tr>
242 
+			<td><label for="block_display">{#style_dlg.block_display}</label></td>
243 
+			<td><select id="block_display" name="block_display" class="mceEditableSelect"></select></td>
244 
+		</tr>
245 
+	</table>
246 
+</div>
247 
+
248 
+<div id="box_panel" class="panel">
249 
+<table border="0">
250 
+	<tr>
251 
+		<td><label for="box_width">{#style_dlg.box_width}</label></td>
252 
+		<td>
253 
+			<table border="0" cellspacing="0" cellpadding="0">
254 
+				<tr>
255 
+					<td><input type="text" id="box_width" name="box_width" class="mceEditableSelect" onChange="synch('box_width','positioning_width');" /></td>
256 
+					<td>&nbsp;</td>
257 
+					<td><select id="box_width_measurement" name="box_width_measurement"></select></td>
258 
+				</tr>
259 
+			</table>
260 
+		</td>
261 
+		<td>&nbsp;&nbsp;&nbsp;<label for="box_float">{#style_dlg.box_float}</label></td>
262 
+		<td><select id="box_float" name="box_float" class="mceEditableSelect"></select></td>
263 
+	</tr>
264 
+
265 
+	<tr>
266 
+		<td><label for="box_height">{#style_dlg.box_height}</label></td>
267 
+		<td>
268 
+			<table border="0" cellspacing="0" cellpadding="0">
269 
+				<tr>
270 
+					<td><input type="text" id="box_height" name="box_height" class="mceEditableSelect" onChange="synch('box_height','positioning_height');" /></td>
271 
+					<td>&nbsp;</td>
272 
+					<td><select id="box_height_measurement" name="box_height_measurement"></select></td>
273 
+				</tr>
274 
+			</table>
275 
+		</td>
276 
+		<td>&nbsp;&nbsp;&nbsp;<label for="box_clear">{#style_dlg.box_clear}</label></td>
277 
+		<td><select id="box_clear" name="box_clear" class="mceEditableSelect"></select></td>
278 
+	</tr>
279 
+</table>
280 
+<div style="float: left; width: 49%">
281 
+	<fieldset>
282 
+		<legend>{#style_dlg.padding}</legend>
283 
+
284 
+		<table border="0">
285 
+			<tr>
286 
+				<td>&nbsp;</td>
287 
+				<td><input type="checkbox" id="box_padding_same" name="box_padding_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_padding');" /> <label for="box_padding_same">{#style_dlg.same}</label></td>
288 
+			</tr>
289 
+			<tr>
290 
+				<td><label for="box_padding_top">{#style_dlg.top}</label></td>
291 
+				<td>
292 
+					<table border="0" cellspacing="0" cellpadding="0">
293 
+						<tr>
294 
+							<td><input type="text" id="box_padding_top" name="box_padding_top" class="mceEditableSelect" /></td>
295 
+							<td>&nbsp;</td>
296 
+							<td><select id="box_padding_top_measurement" name="box_padding_top_measurement"></select></td>
297 
+						</tr>
298 
+					</table>
299 
+				</td>
300 
+			</tr>
301 
+			<tr>
302 
+				<td><label for="box_padding_right">{#style_dlg.right}</label></td>
303 
+				<td>
304 
+					<table border="0" cellspacing="0" cellpadding="0">
305 
+						<tr>
306 
+							<td><input type="text" id="box_padding_right" name="box_padding_right" class="mceEditableSelect" disabled="disabled" /></td>
307 
+							<td>&nbsp;</td>
308 
+							<td><select id="box_padding_right_measurement" name="box_padding_right_measurement" disabled="disabled"></select></td>
309 
+						</tr>
310 
+					</table>
311 
+				</td>
312 
+			</tr>
313 
+			<tr>
314 
+				<td><label for="box_padding_bottom">{#style_dlg.bottom}</label></td>
315 
+				<td>
316 
+					<table border="0" cellspacing="0" cellpadding="0">
317 
+						<tr>
318 
+							<td><input type="text" id="box_padding_bottom" name="box_padding_bottom" class="mceEditableSelect" disabled="disabled" /></td>
319 
+							<td>&nbsp;</td>
320 
+							<td><select id="box_padding_bottom_measurement" name="box_padding_bottom_measurement" disabled="disabled"></select></td>
321 
+						</tr>
322 
+					</table>
323 
+				</td>
324 
+			</tr>
325 
+			<tr>
326 
+				<td><label for="box_padding_left">{#style_dlg.left}</label></td>
327 
+				<td>
328 
+					<table border="0" cellspacing="0" cellpadding="0">
329 
+						<tr>
330 
+							<td><input type="text" id="box_padding_left" name="box_padding_left" class="mceEditableSelect" disabled="disabled" /></td>
331 
+							<td>&nbsp;</td>
332 
+							<td><select id="box_padding_left_measurement" name="box_padding_left_measurement" disabled="disabled"></select></td>
333 
+						</tr>
334 
+					</table>
335 
+				</td>
336 
+			</tr>
337 
+		</table>
338 
+	</fieldset>
339 
+</div>
340 
+
341 
+<div style="float: right; width: 49%">
342 
+	<fieldset>
343 
+		<legend>{#style_dlg.margin}</legend>
344 
+
345 
+		<table border="0">
346 
+			<tr>
347 
+				<td>&nbsp;</td>
348 
+				<td><input type="checkbox" id="box_margin_same" name="box_margin_same" class="checkbox" checked="checked" onClick="toggleSame(this,'box_margin');" /> <label for="box_margin_same">{#style_dlg.same}</label></td>
349 
+			</tr>
350 
+			<tr>
351 
+				<td><label for="box_margin_top">{#style_dlg.top}</label></td>
352 
+				<td>
353 
+					<table border="0" cellspacing="0" cellpadding="0">
354 
+						<tr>
355 
+							<td><input type="text" id="box_margin_top" name="box_margin_top" class="mceEditableSelect" /></td>
356 
+							<td>&nbsp;</td>
357 
+							<td><select id="box_margin_top_measurement" name="box_margin_top_measurement"></select></td>
358 
+						</tr>
359 
+					</table>
360 
+				</td>
361 
+			</tr>
362 
+			<tr>
363 
+				<td><label for="box_margin_right">{#style_dlg.right}</label></td>
364 
+				<td>
365 
+					<table border="0" cellspacing="0" cellpadding="0">
366 
+						<tr>
367 
+							<td><input type="text" id="box_margin_right" name="box_margin_right" class="mceEditableSelect" disabled="disabled" /></td>
368 
+							<td>&nbsp;</td>
369 
+							<td><select id="box_margin_right_measurement" name="box_margin_right_measurement" disabled="disabled"></select></td>
370 
+						</tr>
371 
+					</table>
372 
+				</td>
373 
+			</tr>
374 
+			<tr>
375 
+				<td><label for="box_margin_bottom">{#style_dlg.bottom}</label></td>
376 
+				<td>
377 
+					<table border="0" cellspacing="0" cellpadding="0">
378 
+						<tr>
379 
+							<td><input type="text" id="box_margin_bottom" name="box_margin_bottom" class="mceEditableSelect" disabled="disabled" /></td>
380 
+							<td>&nbsp;</td>
381 
+							<td><select id="box_margin_bottom_measurement" name="box_margin_bottom_measurement" disabled="disabled"></select></td>
382 
+						</tr>
383 
+					</table>
384 
+				</td>
385 
+			</tr>
386 
+			<tr>
387 
+				<td><label for="box_margin_left">{#style_dlg.left}</label></td>
388 
+				<td>
389 
+					<table border="0" cellspacing="0" cellpadding="0">
390 
+						<tr>
391 
+							<td><input type="text" id="box_margin_left" name="box_margin_left" class="mceEditableSelect" disabled="disabled" /></td>
392 
+							<td>&nbsp;</td>
393 
+							<td><select id="box_margin_left_measurement" name="box_margin_left_measurement" disabled="disabled"></select></td>
394 
+						</tr>
395 
+					</table>
396 
+				</td>
397 
+			</tr>
398 
+		</table>
399 
+	</fieldset>
400 
+</div>
401 
+<br style="clear: both" />
402 
+</div>
403 
+
404 
+<div id="border_panel" class="panel">
405 
+<table border="0" cellspacing="0" cellpadding="0" width="100%">
406 
+<tr>
407 
+	<td class="tdelim">&nbsp;</td>
408 
+	<td class="tdelim delim">&nbsp;</td>
409 
+	<td class="tdelim">{#style_dlg.style}</td>
410 
+	<td class="tdelim delim">&nbsp;</td>
411 
+	<td class="tdelim">{#style_dlg.width}</td>
412 
+	<td class="tdelim delim">&nbsp;</td>
413 
+	<td class="tdelim">{#style_dlg.color}</td>
414 
+</tr>
415 
+
416 
+<tr>
417 
+	<td>&nbsp;</td>
418 
+	<td class="delim">&nbsp;</td>
419 
+	<td><input type="checkbox" id="border_style_same" name="border_style_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_style');" /> <label for="border_style_same">{#style_dlg.same}</label></td>
420 
+	<td class="delim">&nbsp;</td>
421 
+	<td><input type="checkbox" id="border_width_same" name="border_width_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_width');" /> <label for="border_width_same">{#style_dlg.same}</label></td>
422 
+	<td class="delim">&nbsp;</td>
423 
+	<td><input type="checkbox" id="border_color_same" name="border_color_same" class="checkbox" checked="checked" onClick="toggleSame(this,'border_color');" /> <label for="border_color_same">{#style_dlg.same}</label></td>
424 
+</tr>
425 
+
426 
+<tr>
427 
+	<td>{#style_dlg.top}</td>
428 
+	<td class="delim">&nbsp;</td>
429 
+	<td><select id="border_style_top" name="border_style_top" class="mceEditableSelect"></select></td>
430 
+	<td class="delim">&nbsp;</td>
431 
+	<td>
432 
+		<table border="0" cellspacing="0" cellpadding="0">
433 
+			<tr>
434 
+				<td><select id="border_width_top" name="border_width_top" class="mceEditableSelect"></select></td>
435 
+				<td>&nbsp;</td>
436 
+				<td><select id="border_width_top_measurement" name="border_width_top_measurement"></select></td>
437 
+			</tr>
438 
+		</table>
439 
+	</td>
440 
+	<td class="delim">&nbsp;</td>
441 
+	<td>
442 
+		<table border="0" cellpadding="0" cellspacing="0">
443 
+			<tr>
444 
+				<td><input id="border_color_top" name="border_color_top" type="text" value="" size="9" onChange="updateColor('border_color_top_pick','border_color_top');" /></td>
445 
+				<td id="border_color_top_pickcontainer">&nbsp;</td>
446 
+			</tr>
447 
+		</table>
448 
+	</td>
449 
+</tr>
450 
+
451 
+<tr>
452 
+	<td>{#style_dlg.right}</td>
453 
+	<td class="delim">&nbsp;</td>
454 
+	<td><select id="border_style_right" name="border_style_right" class="mceEditableSelect" disabled="disabled"></select></td>
455 
+	<td class="delim">&nbsp;</td>
456 
+	<td>
457 
+		<table border="0" cellspacing="0" cellpadding="0">
458 
+			<tr>
459 
+				<td><select id="border_width_right" name="border_width_right" class="mceEditableSelect" disabled="disabled"></select></td>
460 
+				<td>&nbsp;</td>
461 
+				<td><select id="border_width_right_measurement" name="border_width_right_measurement" disabled="disabled"></select></td>
462 
+			</tr>
463 
+		</table>
464 
+	</td>
465 
+	<td class="delim">&nbsp;</td>
466 
+	<td>
467 
+		<table border="0" cellpadding="0" cellspacing="0">
468 
+			<tr>
469 
+				<td><input id="border_color_right" name="border_color_right" type="text" value="" size="9" onChange="updateColor('border_color_right_pick','border_color_right');" disabled="disabled" /></td>
470 
+				<td id="border_color_right_pickcontainer">&nbsp;</td>
471 
+			</tr>
472 
+		</table>
473 
+	</td>
474 
+</tr>
475 
+
476 
+<tr>
477 
+	<td>{#style_dlg.bottom}</td>
478 
+	<td class="delim">&nbsp;</td>
479 
+	<td><select id="border_style_bottom" name="border_style_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
480 
+	<td class="delim">&nbsp;</td>
481 
+	<td>
482 
+		<table border="0" cellspacing="0" cellpadding="0">
483 
+			<tr>
484 
+				<td><select id="border_width_bottom" name="border_width_bottom" class="mceEditableSelect" disabled="disabled"></select></td>
485 
+				<td>&nbsp;</td>
486 
+				<td><select id="border_width_bottom_measurement" name="border_width_bottom_measurement" disabled="disabled"></select></td>
487 
+			</tr>
488 
+		</table>
489 
+	</td>
490 
+	<td class="delim">&nbsp;</td>
491 
+	<td>
492 
+		<table border="0" cellpadding="0" cellspacing="0">
493 
+			<tr>
494 
+				<td><input id="border_color_bottom" name="border_color_bottom" type="text" value="" size="9" onChange="updateColor('border_color_bottom_pick','border_color_bottom');" disabled="disabled" /></td>
495 
+				<td id="border_color_bottom_pickcontainer">&nbsp;</td>
496 
+			</tr>
497 
+		</table>
498 
+	</td>
499 
+</tr>
500 
+
501 
+<tr>
502 
+	<td>{#style_dlg.left}</td>
503 
+	<td class="delim">&nbsp;</td>
504 
+	<td><select id="border_style_left" name="border_style_left" class="mceEditableSelect" disabled="disabled"></select></td>
505 
+	<td class="delim">&nbsp;</td>
506 
+	<td>
507 
+		<table border="0" cellspacing="0" cellpadding="0">
508 
+			<tr>
509 
+				<td><select id="border_width_left" name="border_width_left" class="mceEditableSelect" disabled="disabled"></select></td>
510 
+				<td>&nbsp;</td>
511 
+				<td><select id="border_width_left_measurement" name="border_width_left_measurement" disabled="disabled"></select></td>
512 
+			</tr>
513 
+		</table>
514 
+	</td>
515 
+	<td class="delim">&nbsp;</td>
516 
+	<td>
517 
+		<table border="0" cellpadding="0" cellspacing="0">
518 
+			<tr>
519 
+				<td><input id="border_color_left" name="border_color_left" type="text" value="" size="9" onChange="updateColor('border_color_left_pick','border_color_left');" disabled="disabled" /></td>
520 
+				<td id="border_color_left_pickcontainer">&nbsp;</td>
521 
+			</tr>
522 
+		</table>
523 
+	</td>
524 
+</tr>
525 
+</table>
526 
+</div>
527 
+
528 
+<div id="list_panel" class="panel">
529 
+	<table border="0">
530 
+		<tr>
531 
+			<td><label for="list_type">{#style_dlg.list_type}</label></td>
532 
+			<td><select id="list_type" name="list_type" class="mceEditableSelect"></select></td>
533 
+		</tr>
534 
+
535 
+		<tr>
536 
+			<td><label for="list_bullet_image">{#style_dlg.bullet_image}</label></td>
537 
+			<td><input id="list_bullet_image" name="list_bullet_image" type="text" /></td>
538 
+		</tr>
539 
+
540 
+		<tr>
541 
+			<td><label for="list_position">{#style_dlg.position}</label></td>
542 
+			<td><select id="list_position" name="list_position" class="mceEditableSelect"></select></td>
543 
+		</tr>
544 
+	</table>
545 
+</div>
546 
+
547 
+<div id="positioning_panel" class="panel">
548 
+<table border="0">
549 
+	<tr>
550 
+		<td><label for="positioning_type">{#style_dlg.positioning_type}</label></td>
551 
+		<td><select id="positioning_type" name="positioning_type" class="mceEditableSelect"></select></td>
552 
+		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_visibility">{#style_dlg.visibility}</label></td>
553 
+		<td><select id="positioning_visibility" name="positioning_visibility" class="mceEditableSelect"></select></td>
554 
+	</tr>
555 
+
556 
+	<tr>
557 
+		<td><label for="positioning_width">{#style_dlg.width}</label></td>
558 
+		<td>
559 
+			<table border="0" cellspacing="0" cellpadding="0">
560 
+				<tr>
561 
+					<td><input type="text" id="positioning_width" name="positioning_width" onChange="synch('positioning_width','box_width');" /></td>
562 
+					<td>&nbsp;</td>
563 
+					<td><select id="positioning_width_measurement" name="positioning_width_measurement"></select></td>
564 
+				</tr>
565 
+			</table>
566 
+		</td>
567 
+		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_zindex">{#style_dlg.zindex}</label></td>
568 
+		<td><input type="text" id="positioning_zindex" name="positioning_zindex" /></td>
569 
+	</tr>
570 
+
571 
+	<tr>
572 
+		<td><label for="positioning_height">{#style_dlg.height}</label></td>
573 
+		<td>
574 
+			<table border="0" cellspacing="0" cellpadding="0">
575 
+				<tr>
576 
+					<td><input type="text" id="positioning_height" name="positioning_height" onChange="synch('positioning_height','box_height');" /></td>
577 
+					<td>&nbsp;</td>
578 
+					<td><select id="positioning_height_measurement" name="positioning_height_measurement"></select></td>
579 
+				</tr>
580 
+			</table>
581 
+		</td>
582 
+		<td>&nbsp;&nbsp;&nbsp;<label for="positioning_overflow">{#style_dlg.overflow}</label></td>
583 
+		<td><select id="positioning_overflow" name="positioning_overflow" class="mceEditableSelect"></select></td>
584 
+	</tr>
585 
+</table>
586 
+
587 
+<div style="float: left; width: 49%">
588 
+	<fieldset>
589 
+		<legend>{#style_dlg.placement}</legend>
590 
+
591 
+		<table border="0">
592 
+			<tr>
593 
+				<td>&nbsp;</td>
594 
+				<td><input type="checkbox" id="positioning_placement_same" name="positioning_placement_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_placement');" /> <label for="positioning_placement_same">{#style_dlg.same}</label></td>
595 
+			</tr>
596 
+			<tr>
597 
+				<td>{#style_dlg.top}</td>
598 
+				<td>
599 
+					<table border="0" cellspacing="0" cellpadding="0">
600 
+						<tr>
601 
+							<td><input type="text" id="positioning_placement_top" name="positioning_placement_top" /></td>
602 
+							<td>&nbsp;</td>
603 
+							<td><select id="positioning_placement_top_measurement" name="positioning_placement_top_measurement"></select></td>
604 
+						</tr>
605 
+					</table>
606 
+				</td>
607 
+			</tr>
608 
+			<tr>
609 
+				<td>{#style_dlg.right}</td>
610 
+				<td>
611 
+					<table border="0" cellspacing="0" cellpadding="0">
612 
+						<tr>
613 
+							<td><input type="text" id="positioning_placement_right" name="positioning_placement_right" disabled="disabled" /></td>
614 
+							<td>&nbsp;</td>
615 
+							<td><select id="positioning_placement_right_measurement" name="positioning_placement_right_measurement" disabled="disabled"></select></td>
616 
+						</tr>
617 
+					</table>
618 
+				</td>
619 
+			</tr>
620 
+			<tr>
621 
+				<td>{#style_dlg.bottom}</td>
622 
+				<td>
623 
+					<table border="0" cellspacing="0" cellpadding="0">
624 
+						<tr>
625 
+							<td><input type="text" id="positioning_placement_bottom" name="positioning_placement_bottom" disabled="disabled" /></td>
626 
+							<td>&nbsp;</td>
627 
+							<td><select id="positioning_placement_bottom_measurement" name="positioning_placement_bottom_measurement" disabled="disabled"></select></td>
628 
+						</tr>
629 
+					</table>
630 
+				</td>
631 
+			</tr>
632 
+			<tr>
633 
+				<td>{#style_dlg.left}</td>
634 
+				<td>
635 
+					<table border="0" cellspacing="0" cellpadding="0">
636 
+						<tr>
637 
+							<td><input type="text" id="positioning_placement_left" name="positioning_placement_left" disabled="disabled" /></td>
638 
+							<td>&nbsp;</td>
639 
+							<td><select id="positioning_placement_left_measurement" name="positioning_placement_left_measurement" disabled="disabled"></select></td>
640 
+						</tr>
641 
+					</table>
642 
+				</td>
643 
+			</tr>
644 
+		</table>
645 
+	</fieldset>
646 
+</div>
647 
+
648 
+<div style="float: right; width: 49%">
649 
+	<fieldset>
650 
+		<legend>{#style_dlg.clip}</legend>
651 
+
652 
+		<table border="0">
653 
+			<tr>
654 
+				<td>&nbsp;</td>
655 
+				<td><input type="checkbox" id="positioning_clip_same" name="positioning_clip_same" class="checkbox" checked="checked" onClick="toggleSame(this,'positioning_clip');" /> <label for="positioning_clip_same">{#style_dlg.same}</label></td>
656 
+			</tr>
657 
+			<tr>
658 
+				<td>{#style_dlg.top}</td>
659 
+				<td>
660 
+					<table border="0" cellspacing="0" cellpadding="0">
661 
+						<tr>
662 
+							<td><input type="text" id="positioning_clip_top" name="positioning_clip_top" /></td>
663 
+							<td>&nbsp;</td>
664 
+							<td><select id="positioning_clip_top_measurement" name="positioning_clip_top_measurement"></select></td>
665 
+						</tr>
666 
+					</table>
667 
+				</td>
668 
+			</tr>
669 
+			<tr>
670 
+				<td>{#style_dlg.right}</td>
671 
+				<td>
672 
+					<table border="0" cellspacing="0" cellpadding="0">
673 
+						<tr>
674 
+							<td><input type="text" id="positioning_clip_right" name="positioning_clip_right" disabled="disabled" /></td>
675 
+							<td>&nbsp;</td>
676 
+							<td><select id="positioning_clip_right_measurement" name="positioning_clip_right_measurement" disabled="disabled"></select></td>
677 
+						</tr>
678 
+					</table>
679 
+				</td>
680 
+			</tr>
681 
+			<tr>
682 
+				<td>{#style_dlg.bottom}</td>
683 
+				<td>
684 
+					<table border="0" cellspacing="0" cellpadding="0">
685 
+						<tr>
686 
+							<td><input type="text" id="positioning_clip_bottom" name="positioning_clip_bottom" disabled="disabled" /></td>
687 
+							<td>&nbsp;</td>
688 
+							<td><select id="positioning_clip_bottom_measurement" name="positioning_clip_bottom_measurement" disabled="disabled"></select></td>
689 
+						</tr>
690 
+					</table>
691 
+				</td>
692 
+			</tr>
693 
+			<tr>
694 
+				<td>{#style_dlg.left}</td>
695 
+				<td>
696 
+					<table border="0" cellspacing="0" cellpadding="0">
697 
+						<tr>
698 
+							<td><input type="text" id="positioning_clip_left" name="positioning_clip_left" disabled="disabled" /></td>
699 
+							<td>&nbsp;</td>
700 
+							<td><select id="positioning_clip_left_measurement" name="positioning_clip_left_measurement" disabled="disabled"></select></td>
701 
+						</tr>
702 
+					</table>
703 
+				</td>
704 
+			</tr>
705 
+		</table>
706 
+	</fieldset>
707 
+</div>
708 
+<br style="clear: both" />
709 
+</div>
710 
+</div>
711 
+
712 
+<div class="mceActionPanel">
713 
+	<div style="float: left">
714 
+		<div style="float: left"><input type="submit" id="insert" name="insert" value="{#update}" /></div>
715 
+
716 
+		<div style="float: left">&nbsp;<input type="button" class="button" id="apply" name="apply" value="{#style_dlg.apply}" onClick="applyAction();" /></div>
717 
+		<br style="clear: both" />
718 
+	</div>
719 
+
720 
+	<div style="float: right">
721 
+		<input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
722 
+	</div>
723 
+</div>
724 
+</form>
725 
+
726 
+<div style="display: none">
727 
+	<div id="container"></div>
728 
+</div>
729 
+
730 
+</body>
731 
+</html>