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