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">
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" />
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=
"#">
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>
28 <div class=
"panel_wrapper">
29 <div id=
"text_panel" class=
"panel current">
31 <legend>{#style_dlg.text}
</legend>
32 <table role=
"presentation" border=
"0" width=
"100%">
34 <td><label for=
"text_font">{#style_dlg.text_font}
</label></td>
36 <select id=
"text_font" name=
"text_font" class=
"mceEditableSelect mceFocus"></select>
40 <td><label for=
"text_size">{#style_dlg.text_size}
</label></td>
42 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
44 <td><select id=
"text_size" name=
"text_size" class=
"mceEditableSelect"></select></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>
53 <td><label for=
"text_weight">{#style_dlg.text_weight}
</label></td>
55 <select id=
"text_weight" name=
"text_weight"></select>
59 <td><label for=
"text_style">{#style_dlg.text_style}
</label></td>
61 <select id=
"text_style" name=
"text_style" class=
"mceEditableSelect"></select>
63 <td><label for=
"text_variant">{#style_dlg.text_variant}
</label></td>
65 <select id=
"text_variant" name=
"text_variant"></select>
69 <td><label for=
"text_lineheight">{#style_dlg.text_lineheight}
</label></td>
71 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
74 <select id=
"text_lineheight" name=
"text_lineheight" class=
"mceEditableSelect"></select>
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>
84 <td><label for=
"text_case">{#style_dlg.text_case}
</label></td>
86 <select id=
"text_case" name=
"text_case"></select>
90 <td><label for=
"text_color">{#style_dlg.text_color}
</label></td>
92 <table role=
"presentation" border=
"0" cellpadding=
"0" cellspacing=
"0">
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"> </td>
101 <td valign=
"top" style=
"vertical-align: top; padding-top: 3px;">{#style_dlg.text_decoration}
</td>
103 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
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>
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>
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>
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>
121 <td><input id=
"text_none" name=
"text_none" class=
"checkbox" type=
"checkbox" onclick=
"updateTextDecorations();"/></td>
122 <td><label for=
"text_none">{#style_dlg.text_none}
</label></td>
131 <div id=
"background_panel" class=
"panel">
133 <legend>{#style_dlg.background}
</legend>
134 <table role=
"presentation" border=
"0">
136 <td><label for=
"background_color">{#style_dlg.background_color}
</label></td>
138 <table role=
"presentation" border=
"0" cellpadding=
"0" cellspacing=
"0">
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"> </td>
148 <td><label for=
"background_image">{#style_dlg.background_image}
</label></td>
149 <td><table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
151 <td><input id=
"background_image" name=
"background_image" type=
"text" /></td>
152 <td id=
"background_image_browser"> </td>
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>
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>
169 <td><label for=
"background_hpos">{#style_dlg.background_hpos}
</label></td>
171 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
173 <td><select id=
"background_hpos" name=
"background_hpos" class=
"mceEditableSelect"></select></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>
185 <td><label for=
"background_vpos">{#style_dlg.background_vpos}
</label></td>
187 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
189 <td><select id=
"background_vpos" name=
"background_vpos" class=
"mceEditableSelect"></select></td>
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>
203 <div id=
"block_panel" class=
"panel">
205 <legend>{#style_dlg.block}
</legend>
206 <table role=
"presentation" border=
"0">
208 <td><label for=
"block_wordspacing">{#style_dlg.block_wordspacing}
</label></td>
210 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
212 <td><select id=
"block_wordspacing" name=
"block_wordspacing" class=
"mceEditableSelect"></select></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>
224 <td><label for=
"block_letterspacing">{#style_dlg.block_letterspacing}
</label></td>
226 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
228 <td><select id=
"block_letterspacing" name=
"block_letterspacing" class=
"mceEditableSelect"></select></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>
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>
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>
250 <td><label for=
"block_text_indent">{#style_dlg.block_text_indent}
</label></td>
252 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
254 <td><input type=
"text" id=
"block_text_indent" name=
"block_text_indent" /></td>
257 <label id=
"block_text_indent_measurement_label" for=
"block_text_indent_measurement" style=
"display: none; visibility: hidden;">Text Indent Measurement Unit
</label>
259 <select id=
"block_text_indent_measurement" name=
"block_text_indent_measurement" aria-labelledby=
"block_text_indent_measurement_label"></select>
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>
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>
279 <div id=
"box_panel" class=
"panel">
281 <legend>{#style_dlg.box}
</legend>
282 <table role=
"presentation" border=
"0">
284 <td><label for=
"box_width">{#style_dlg.box_width}
</label></td>
286 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
288 <td><input type=
"text" id=
"box_width" name=
"box_width" class=
"mceEditableSelect" onChange=
"synch('box_width','positioning_width');" /></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>
297 <td> <label for=
"box_float">{#style_dlg.box_float}
</label></td>
298 <td><select id=
"box_float" name=
"box_float" class=
"mceEditableSelect"></select></td>
302 <td><label for=
"box_height">{#style_dlg.box_height}
</label></td>
304 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
306 <td><input type=
"text" id=
"box_height" name=
"box_height" class=
"mceEditableSelect" onChange=
"synch('box_height','positioning_height');" /></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>
315 <td> <label for=
"box_clear">{#style_dlg.box_clear}
</label></td>
316 <td><select id=
"box_clear" name=
"box_clear" class=
"mceEditableSelect"></select></td>
321 <div style=
"float: left; width: 49%">
323 <legend>{#style_dlg.padding}
</legend>
325 <table role=
"presentation" border=
"0">
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>
331 <td><label for=
"box_padding_top">{#style_dlg.top}
</label></td>
333 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
335 <td><input type=
"text" id=
"box_padding_top" name=
"box_padding_top" class=
"mceEditableSelect" /></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>
346 <td><label for=
"box_padding_right">{#style_dlg.right}
</label></td>
348 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
350 <td><input type=
"text" id=
"box_padding_right" name=
"box_padding_right" class=
"mceEditableSelect" disabled=
"disabled" /></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>
361 <td><label for=
"box_padding_bottom">{#style_dlg.bottom}
</label></td>
363 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
365 <td><input type=
"text" id=
"box_padding_bottom" name=
"box_padding_bottom" class=
"mceEditableSelect" disabled=
"disabled" /></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>
376 <td><label for=
"box_padding_left">{#style_dlg.left}
</label></td>
378 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
380 <td><input type=
"text" id=
"box_padding_left" name=
"box_padding_left" class=
"mceEditableSelect" disabled=
"disabled" /></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>
394 <div style=
"float: right; width: 49%">
396 <legend>{#style_dlg.margin}
</legend>
398 <table role=
"presentation" border=
"0">
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>
404 <td><label for=
"box_margin_top">{#style_dlg.top}
</label></td>
406 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
408 <td><input type=
"text" id=
"box_margin_top" name=
"box_margin_top" class=
"mceEditableSelect" /></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>
419 <td><label for=
"box_margin_right">{#style_dlg.right}
</label></td>
421 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
423 <td><input type=
"text" id=
"box_margin_right" name=
"box_margin_right" class=
"mceEditableSelect" disabled=
"disabled" /></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>
434 <td><label for=
"box_margin_bottom">{#style_dlg.bottom}
</label></td>
436 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
438 <td><input type=
"text" id=
"box_margin_bottom" name=
"box_margin_bottom" class=
"mceEditableSelect" disabled=
"disabled" /></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>
449 <td><label for=
"box_margin_left">{#style_dlg.left}
</label></td>
451 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
453 <td><input type=
"text" id=
"box_margin_left" name=
"box_margin_left" class=
"mceEditableSelect" disabled=
"disabled" /></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>
466 <br style=
"clear: both" />
469 <div id=
"border_panel" class=
"panel">
471 <legend>{#style_dlg.border}
</legend>
472 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0" width=
"100%">
474 <td class=
"tdelim"> </td>
475 <td class=
"tdelim delim"> </td>
476 <td class=
"tdelim">{#style_dlg.style}
</td>
477 <td class=
"tdelim delim"> </td>
478 <td class=
"tdelim">{#style_dlg.width}
</td>
479 <td class=
"tdelim delim"> </td>
480 <td class=
"tdelim">{#style_dlg.color}
</td>
485 <td class=
"delim"> </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"> </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"> </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>
494 <td>{#style_dlg.top}
</td>
495 <td class=
"delim"> </td>
496 <td><select id=
"border_style_top" name=
"border_style_top" class=
"mceEditableSelect"></select></td>
497 <td class=
"delim"> </td>
499 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
501 <td><select id=
"border_width_top" name=
"border_width_top" class=
"mceEditableSelect"></select></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>
510 <td class=
"delim"> </td>
512 <table role=
"presentation" border=
"0" cellpadding=
"0" cellspacing=
"0">
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"> </td>
522 <td>{#style_dlg.right}
</td>
523 <td class=
"delim"> </td>
524 <td><select id=
"border_style_right" name=
"border_style_right" class=
"mceEditableSelect" disabled=
"disabled"></select></td>
525 <td class=
"delim"> </td>
527 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
529 <td><select id=
"border_width_right" name=
"border_width_right" class=
"mceEditableSelect" disabled=
"disabled"></select></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>
538 <td class=
"delim"> </td>
540 <table role=
"presentation" border=
"0" cellpadding=
"0" cellspacing=
"0">
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"> </td>
550 <td>{#style_dlg.bottom}
</td>
551 <td class=
"delim"> </td>
552 <td><select id=
"border_style_bottom" name=
"border_style_bottom" class=
"mceEditableSelect" disabled=
"disabled"></select></td>
553 <td class=
"delim"> </td>
555 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
557 <td><select id=
"border_width_bottom" name=
"border_width_bottom" class=
"mceEditableSelect" disabled=
"disabled"></select></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>
566 <td class=
"delim"> </td>
568 <table role=
"presentation" border=
"0" cellpadding=
"0" cellspacing=
"0">
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"> </td>
578 <td>{#style_dlg.left}
</td>
579 <td class=
"delim"> </td>
580 <td><select id=
"border_style_left" name=
"border_style_left" class=
"mceEditableSelect" disabled=
"disabled"></select></td>
581 <td class=
"delim"> </td>
583 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
585 <td><select id=
"border_width_left" name=
"border_width_left" class=
"mceEditableSelect" disabled=
"disabled"></select></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>
594 <td class=
"delim"> </td>
596 <table role=
"presentation" border=
"0" cellpadding=
"0" cellspacing=
"0">
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"> </td>
608 <div id=
"list_panel" class=
"panel">
610 <legend>{#style_dlg.list}
</legend>
611 <table role=
"presentation" border=
"0">
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>
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>
623 <td><label for=
"list_position">{#style_dlg.position}
</label></td>
624 <td><select id=
"list_position" name=
"list_position" class=
"mceEditableSelect"></select></td>
630 <div id=
"positioning_panel" class=
"panel">
632 <legend>{#style_dlg.position}
</legend>
633 <table role=
"presentation" border=
"0">
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> <label for=
"positioning_visibility">{#style_dlg.visibility}
</label></td>
638 <td><select id=
"positioning_visibility" name=
"positioning_visibility" class=
"mceEditableSelect"></select></td>
642 <td><label for=
"positioning_width">{#style_dlg.width}
</label></td>
644 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
646 <td><input type=
"text" id=
"positioning_width" name=
"positioning_width" onChange=
"synch('positioning_width','box_width');" /></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>
655 <td> <label for=
"positioning_zindex">{#style_dlg.zindex}
</label></td>
656 <td><input type=
"text" id=
"positioning_zindex" name=
"positioning_zindex" /></td>
660 <td><label for=
"positioning_height">{#style_dlg.height}
</label></td>
662 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
664 <td><input type=
"text" id=
"positioning_height" name=
"positioning_height" onChange=
"synch('positioning_height','box_height');" /></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>
673 <td> <label for=
"positioning_overflow">{#style_dlg.overflow}
</label></td>
674 <td><select id=
"positioning_overflow" name=
"positioning_overflow" class=
"mceEditableSelect"></select></td>
679 <div style=
"float: left; width: 49%">
681 <legend>{#style_dlg.placement}
</legend>
683 <table role=
"presentation" border=
"0">
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>
689 <td>{#style_dlg.top}
</td>
691 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
693 <td><input type=
"text" id=
"positioning_placement_top" name=
"positioning_placement_top" /></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>
704 <td>{#style_dlg.right}
</td>
706 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
708 <td><input type=
"text" id=
"positioning_placement_right" name=
"positioning_placement_right" disabled=
"disabled" /></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>
719 <td>{#style_dlg.bottom}
</td>
721 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
723 <td><input type=
"text" id=
"positioning_placement_bottom" name=
"positioning_placement_bottom" disabled=
"disabled" /></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>
734 <td>{#style_dlg.left}
</td>
736 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
738 <td><input type=
"text" id=
"positioning_placement_left" name=
"positioning_placement_left" disabled=
"disabled" /></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>
752 <div style=
"float: right; width: 49%">
754 <legend>{#style_dlg.clip}
</legend>
756 <table role=
"presentation" border=
"0">
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>
762 <td>{#style_dlg.top}
</td>
764 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
766 <td><input type=
"text" id=
"positioning_clip_top" name=
"positioning_clip_top" /></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>
777 <td>{#style_dlg.right}
</td>
779 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
781 <td><input type=
"text" id=
"positioning_clip_right" name=
"positioning_clip_right" disabled=
"disabled" /></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>
792 <td>{#style_dlg.bottom}
</td>
794 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
796 <td><input type=
"text" id=
"positioning_clip_bottom" name=
"positioning_clip_bottom" disabled=
"disabled" /></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>
807 <td>{#style_dlg.left}
</td>
809 <table role=
"presentation" border=
"0" cellspacing=
"0" cellpadding=
"0">
811 <td><input type=
"text" id=
"positioning_clip_left" name=
"positioning_clip_left" disabled=
"disabled" /></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>
824 <br style=
"clear: both" />
828 <div class=
"panel_toggle_insert_span">
829 <input type=
"checkbox" class=
"checkbox" id=
"toggle_insert_span" name=
"toggle_insert_span" onClick=
"toggleApplyAction();" />
830 <label for=
"toggle_insert_span">{#style_dlg.toggle_insert_span}
</label>
833 <div class=
"mceActionPanel">
834 <input type=
"submit" id=
"insert" name=
"insert" value=
"{#update}" />
835 <input type=
"button" class=
"button" id=
"apply" name=
"apply" value=
"{#style_dlg.apply}" onClick=
"applyAction();" />
836 <input type=
"button" id=
"cancel" name=
"cancel" value=
"{#cancel}" onClick=
"tinyMCEPopup.close();" />
840 <div style=
"display: none">
841 <div id=
"container"></div>