$(document).ready(function() 
	{
	$.fn.qtip.styles.tooltip = { // Last part is the name of the style
	   background: '#3e3b3c',
	   padding: 6,
	   color: '#ffffff',
	   textAlign: 'center',
	   border: {
	      width: 1,
		  radius: 1,
	      color: '#9b9b9b'
	   },
		tip: { // Now an object instead of a string
			corner: 'bottomLeft', // We declare our corner within the object using the corner sub-option
			color: '#3e3b3c',
			size: {
				x: 8, // Be careful that the x and y values refer to coordinates on screen, not height or width.
				y: 6 // Depending on which corner your tooltip is at, x and y could mean either height or width!
			}
		}	   
	}
	   // Match all link elements with href attributes within the content div
	   $('.tip').qtip({
	   	style: 'tooltip',
		position: {
      	corner: {
         target: 'topRight',
         tooltip: 'bottomLeft'
      }
   }

		});
	});