<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>
<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) {
?>
')" />
<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
echo t('CSS Class Name(s)');
?>
</h2>
<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);
?>