$(document).ready(function() {
	$("a[title]").qtip({ 
		style: { 
			tip: { corner: "bottomMiddle", color: "#c94c0a" },
			name: "red", 
			background: "#c94c0a", 
			color: "#ffffff", 
			border: { width: 1, radius: 5, color: "#c94c0a" },
			"font-weight": "bold"
			},
		position: {
			corner: {
					target: "topMiddle",
					tooltip: "bottomMiddle"
				}
			}	
	});
		
	$("#tooltipActivate").qtip({		
		style: {
			tip: { corner: "topMiddle", color: "#454545", size: { y: 7 } },
			color: "#ffffff",
			background: "#171717",
			"font-size": "8pt",
			"font-weight": "bold",
			"padding": "8px",
			title: { background: "#171717", color: "#eaca16", "font-size": "10pt" },
			border: { width: 1, color: "#454545" }
		},
		position: {
			corner: {
				target: "bottomMiddle",
				tooltip: "topMiddle"
			}
		},
		show: "click",
		hide: false,
		content: {
			title: {
				text:"Log In!",
				button: "x"
			},
			text: '<form action="/account/login" method="post">Username<br /> <input type="text" name="loginUsername" id="loginBubbleUsername" /><br />Password:<br /><input type="password" name="loginPassword" id="loginBubblePassword" /><input type="submit" value="Go!" id="loginBubbleSubmit"/><br /><a href="/account/forgot_password">Forgot Password</a></form>'
		}
	});	
});