jQuery.noConflict();
jQuery(document).ready(function(){			
			
jQuery.fn.qtip.styles.mystyle1 = {
   'font-size': 12,
   background: '#FFF',
	'line-height': '16px',
	padding: '5px',
   color: '#666',
   textAlign: 'center',
   border: { width: 1,radius: 2,color: '#666' },
   tip: 'rightMiddle',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}			
jQuery.fn.qtip.styles.mystyle2 = { 
   'font-size': 12,
   background: '#FFF',
	'line-height': '18px',
	padding: '5px',
   color: '#666',
   textAlign: 'center',
   border: { width: 1,radius: 2,color: '#666' },
   tip: 'leftMiddle',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}			

jQuery.fn.qtip.styles.mystyle3 = { 
	'font-size': 12,
   background: '#FFF',
	padding: '5px 6px',
   color: '#7E3385',
   border: { width: 1,radius: 2,color: '#7E3385' },
   tip: 'bottomMiddle',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}			



jQuery(".color1").qtip({
	style: 'mystyle1',	        
	position: { corner: { target: 'leftMiddle', tooltip: 'rightMiddle'} }
});
jQuery(".color2").qtip({
	style: 'mystyle2',	        
	position: { corner: { target: 'rightMiddle', tooltip: 'leftMiddle'} }
});

jQuery(".top-tips").qtip({
	style: 'mystyle3',	        
	position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle'} }
});
	
			
});