$(document).ready(function() {

	$(".tab-content").hide()
	$("ul.tabs li:eq(0)").addClass("active").show()
	$(".tab-content:eq(0)").show()
	$("ul.tabs li").click(function(e) {
		$("ul.tabs li").removeClass("active")
		$(this).addClass("active")
		$(".tab-content").hide()

		var activeTab = $(this).find("a").attr("href")
		$(activeTab).show("fade")
		return false
	})

	// Icon Note Outline
	$(".icon-note").each(function(){
		var v = $(this).html()

		var outline = "<div style='position: absolute; white-space: nowrap; left: -1px; top: -1px; color: black; z-index: 2;'>"+v+"</div>"
		outline += "<div style='position: absolute; white-space: nowrap; left: -1px; top:  0px; color: black; z-index: 2;'>"+v+"</div>"
		outline += "<div style='position: absolute; white-space: nowrap; left: -1px; top:  1px; color: black; z-index: 2;'>"+v+"</div>"
		outline += "<div style='position: absolute; white-space: nowrap; left:  0px; top: -1px; color: black; z-index: 2;'>"+v+"</div>"
		outline += "<div style='position: absolute; white-space: nowrap; left:  0px; top:  0px; z-index: 4;'>"+v+"</div>"
		outline += "<div style='position: absolute; white-space: nowrap; left:  0px; top:  1px; color: black; z-index: 2;'>"+v+"</div>"
		outline += "<div style='position: absolute; white-space: nowrap; left:  1px; top: -1px; color: black; z-index: 2;'>"+v+"</div>"
		outline += "<div style='position: absolute; white-space: nowrap; left:  1px; top:  0px; color: black; z-index: 2;'>"+v+"</div>"
		outline += "<div style='position: absolute; white-space: nowrap; left:  1px; top:  1px; color: black; z-index: 2;'>"+v+"</div>"
		outline += "<span style='visibility: hidden;'>"+v+"</span>"
		
		$(this).html(outline)
	})

});