<div id="ccm-styles-invalid-id" class="ccm-error" style="display:none; padding-top:4px;">
<?=t('Invalid ID. This id is currently being used by another element on this page.')?>
</div>
</div>
</td>
<td valign="top" style="width: 50%">
<h2 style="margin-top: 0px"><?php echo t('CSS Class Name(s)')?></h2>
<input name="css_class_name" type="text" value="<?=htmlentities(trim($style->getCustomStyleRuleClassName()), ENT_COMPAT, APP_CHARSET) ?>" style="width:99%" />
</td>
</tr>
</table>
</div>
<div>
<h2><?php echo t('Additional CSS')?></h2>
<textarea name="css_custom" cols="50" rows="4" style="width:99%"><?=htmlentities($style->getCustomStyleRuleCSSCustom(), ENT_COMPAT, APP_CHARSET) ?></textarea>
</div>
</div>
</div>
<br/>
<? if ($cspID > 0) {
$cspx = CustomStylePreset::getByID($cspID);
?>
<div id="cspFooterPreset" style="display: none">
<div class="ccm-note-important">
<h2><?=t('You are changing a preset')?></h2>
<div><?=$form->radio('cspPresetAction', 'update_existing_preset', true)?> <?=t('Update "%s" preset everywhere it is used', $cspx->getCustomStylePresetName())?></div>
<div><?=$form->radio('cspPresetAction', 'save_as_custom_style')?> <?=t('Use this style here, and leave "%s" unchanged', $cspx->getCustomStylePresetName())?></div>
<input name="css_class_name" type="text" value="<?php
echo htmlentities(trim($style->getCustomStyleRuleClassName()), ENT_COMPAT, APP_CHARSET);
?>
" style="width:99%" />
</td>
</tr>
</table>
</div>
<div>
<h2><?php
echo t('Additional CSS');
?>
</h2>
<textarea name="css_custom" cols="50" rows="4" style="width:99%"><?php
echo htmlentities($style->getCustomStyleRuleCSSCustom(), ENT_COMPAT, APP_CHARSET);
?>
</textarea>
</div>
</div>
</div>
<br/>
<?php
if ($cspID > 0) {
?>
<div id="cspFooterPreset" style="display: none">
<div class="ccm-note-important">
<h2><?php
echo t('You are changing a preset');
