$(document).ready(function()
{
	// tooltip default
	$('.qtip[title]').qtip({
		show: {
			delay: 150
		},
		style: { 
			padding: 5,
			textAlign: 'center',
			border: {
				width: 4,
				radius: 6
			},
			width: {
				max: 150
			},
			//tip: 'bottomMiddle',
			tip: { // Now an object instead of a string
				corner: 'bottomMiddle', // We declare our corner within the object using the corner sub-option
				size: {
					x: 10, // Be careful that the x and y values refer to coordinates on screen, not height or width.
					y : 5 // Depending on which corner your tooltip is at, x and y could mean either height or width!
				}
			},
			name: 'dark'
		},
		position: {
			corner: {
				target: 'topMiddle',
				tooltip: 'bottomMiddle'
			},
				adjust: {
				screen: true // Keep the tooltip on-screen at all times
			}
		}
	})
	
});