function BackgroundPaintEmerald(context, width, height, elementInfo) {

	var options = { x: 0,
					height: height,
					width: width,
					radius: 14,
					border: 0
				};

	// Draw the border rectangle
	context.fillStyle = "#8aa832";

	$.canvasPaint.roundedRect(context, options);

	// Draw the gradient filled inner rectangle
	var backgroundGradient = context.createLinearGradient(0, 0, 0, height - 10);

	backgroundGradient.addColorStop(0 ,'#85b107');
	backgroundGradient.addColorStop(1, '#c8e37c');

	options.border = 1;

	context.fillStyle = backgroundGradient;

	$.canvasPaint.roundedRect(context, options);

}