CodeHighlighter.addStyle("css", {

	ccomment : {

		exp  : /\/\*[^*]*\*+([^\/][^*]*\*+)*\//

	},

	keywords : {

		exp  : /@\w[\w\s]*/

	},

	selectors : {

		exp  : "([\\w-:\\[.#][^{};>]*)(?={)"

	},

	properties : {

		exp  : "([\\w-]+)(?=\\s*:)"

	},

	units : {

		exp  : /([0-9])(em|en|px|%|pt)\b/,

		replacement : "$1<span class=\"$0\">$2</span>"

	},

	urls : {

		exp  : /url\([^\)]*\)/

	}

 });

 

 CodeHighlighter.addStyle("javascript",{

	ccomment : {

		exp  : /(\/\/[^\n]*\n)|(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)/

	},

	brackets : {

		exp  : /\(|\)/

	},

	string : {

		exp  : /'[^']*'|"[^"]*"/

	},

	keywords : {

		exp  : /\b(arguments|break|case|continue|default|delete|do|else|false|for|function|if|in|instanceof|new|null|return|switch|this|true|typeof|var|void|while|with)\b/

	},

	global : {

		exp  : /\b(toString|valueOf|window|element|prototype|constructor|document|escape|unescape|parseInt|parseFloat|setTimeout|clearTimeout|setInterval|clearInterval|NaN|isNaN|Infinity)\b/

	}

});



CodeHighlighter.addStyle("html", {

	ccomment : {

		exp: /&lt;!\s*(--([^-]|[\r\n]|-[^-])*--\s*)&gt;/

	},

	tag : {

		exp: /(&lt;\/?)([a-zA-Z]+\s?)/, 

		replacement: "$1<span class=\"$0\">$2</span>"

	},

	string : {

		exp  : /'[^']*'|"[^"]*"/

	},

	attribute : {

		exp: /\b([a-zA-Z-:]+)(=)/, 

		replacement: "<span class=\"$0\">$1</span>$2"

	},

	doctype : {

		exp: /&lt;!DOCTYPE([^&]|&[^g]|&g[^t])*&gt;/

	}

});



CodeHighlighter.addStyle("ruby",{

	ccomment : {

		exp  : /#[^\n]+/

	},

	brackets : {

		exp  : /\(|\)/

	},

	string : {

		exp  : /'[^']*'|"[^"]*"/

	},

	keywords : {

		exp  : /\b(do|end|self|class|def|if|module|yield|then|else|for|until|unless|while|elsif|case|when|break|retry|redo|rescue|require|raise)\b/

	}

});