</td>
</tr>
</table>
</tr></table>
</div>
</div>
<div id="ccm-styleEditPane-css" class="ccm-styleEditPane" style="display:none">
<div>
<table class="ccm-style-property-table" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="width: 50%" valign="top">
<h2 style="margin-top: 0px"><?php echo t('CSS ID')?></h2>
<input name="css_id" type="text" value="<?=htmlentities(trim($style->getCustomStyleRuleCSSID()), ENT_COMPAT, APP_CHARSET) ?>" style="width:99%"
onkeyup="ccmCustomStyle.validIdCheck(this,'<?=str_replace(array("'",'"'),'',$style->getCustomStyleRuleCSSID()) ?>')" />
<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>
</tr></table>
</div>
</div>
<div id="ccm-styleEditPane-css" class="ccm-styleEditPane" style="display:none">
<div>
<table class="ccm-style-property-table" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="width: 50%" valign="top">
<h2 style="margin-top: 0px"><?php
echo t('CSS ID');
?>
</h2>
<input name="css_id" type="text" value="<?php
echo htmlentities(trim($style->getCustomStyleRuleCSSID()), ENT_COMPAT, APP_CHARSET);
?>
" style="width:99%"
onkeyup="ccmCustomStyle.validIdCheck(this,'<?php
echo str_replace(array("'", '"'), '', $style->getCustomStyleRuleCSSID());
?>
')" />
<div id="ccm-styles-invalid-id" class="ccm-error" style="display:none; padding-top:4px;">
<?php
echo 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
