Ui.Rectangle.extend('Ui.Separator', 
/** @lends Ui.Separator# */
{
	/**
	 * @constructs
	 * @class
	 * @extends Ui.Rectangle
	 */
	constructor: function(config) {
//		this.setMargin(3);
		this.setHeight(1);
		this.setWidth(1);
	}
}, 
/** @lends Ui.Separator# */
{
	onStyleChange: function() {
		this.setFill(this.getStyleProperty('color'));
	}
}, 
/** @lends Ui.Separator */
{
	style: {
		color: new Ui.Color({ r: 0, g: 0, b: 0 })
	}
});


Ui.Element.extend('Ui.Separator', 
/** @lends Ui.Separator# */
{
	/**
	 * @constructs
	 * @class
	 * @extends Ui.Rectangle
	 */
	constructor: function(config) {
		this.setHeight(1);
		this.setWidth(1);
	}
}, 
/** @lends Ui.Separator# */
{
	onStyleChange: function() {
		this.setBackground(this.getStyleProperty('color'));
	}
}, 
/** @lends Ui.Separator */
{
	style: {
		color: new Ui.Color({ r: 0, g: 0, b: 0 })
	}
});


use the Ui.Element and background in place of Ui.Rectangle