Ox.Label = function(options, self) {

    var self = self || {},
        that = new Ox.Element('div', self)
            .defaults({
                disabled: false,
                id: '',
                overlap: 'none',
                textAlign: 'left',
                title: '',
                width: 'auto'
            })
            .options(options)
            .addClass(
                'OxLabel' + (self.options.disabled ? ' OxDisabled' : '') +
                (self.options.overlap != 'none' ?
                ' OxOverlap' + Ox.toTitleCase(self.options.overlap) : '')
            )
            .css($.extend(self.options.width == 'auto' ? {} : {
                width: (self.options.width - 14) + 'px'
            }, {
                textAlign: self.options.textAlign
            }))
            .html(self.options.title);

	self.onChange = function(key, value) {
		if (key == 'title') {
			that.html(value);
		}
	}

    return that;

};