$(document).ready(function() {
	$(".tooltip").corner();
	$(".input_text").each(function (i) {
		$(this).focus(function () {
			$(".tooltip_content").replaceWith('<p class="tooltip_content">'+$(this).attr("title")+'<\/p>');
			$(".tooltip").show();
		});
		$(this).blur(function () {
			$(".tooltip").hide();
		});
	});

	$(".rounded_input").each(function (i) {
		var input_width = parseInt($(this).css("width")); //get the width of input
		$(this).css("width", input_width - 8); // Shrink th input so it ends up inside the curved box
		var wrapper = $(this).wrap("<div class='rounded_container'><\/div>").parent();
		wrapper.wrap("<div class='rounded_border' style='width: "+input_width+"px;'><\/div>"); //apply border
		wrapper.corner("round 8px").parent().css('padding', '2px').corner("round 10px"); //round box and border
	});
});