function _addDynamicProperty(propertyID, ruleCfg) {
        var $style   = $("<style type='text/css'></style>").attr("id", propertyID);
        if (ruleCfg.ruleText) {
            $style.html(ruleCfg.ruleText);
        } else {
            var cssRule = ruleCfg.ruleName || ".CodeMirror";
            var styleStr = ruleCfg.ruleText || StringUtils.format("{0}: {1} {2}", ruleCfg.propName, ruleCfg.propValue, ruleCfg.priorityFlag ? "!important" : "");
            $style.html(cssRule + "{ " + styleStr + " }");
        }

        // Let's make sure we remove the already existing item from the DOM.
        _removeDynamicProperty(propertyID);
        $("head").append($style);
    }
@private
Add the style property to the DOM
@param {string} propertyID Is the property ID to be added
@param {object} ruleCfg Is the CSS Rule configuration object
@param {string} ruleCfg.propName Is the name of the style property
@param {string} ruleCfg.propValue Is the value of the style property
@param {boolean} ruleCfg.priorityFlag Is a flag to make the style property !important
@param {string} ruleCfg.ruleName Optional Selctor name to be used for the rule
@param {string} ruleCfg.ruleText Optional selector definition text