// Create the tooltips only on document load
$(document).ready(function() 
{
   // Match all link elements with href attributes within the content div
   $('a.q-tipped[href][title]').qtip(
   {
 show : { 
      fixed: true, delay: 0 ,
       effect: { type: 'fade' }
      },
   
      hide: { 
      fixed: true, delay: 0500 ,
       effect: { type: 'fade' }
      },
      content: {
         text: false // Use each elements title attribute
      },
         position: {
      corner: {
         target: 'topMiddle',
         tooltip: 'bottomMiddle'
      }
   },

         style: {
         'font-size' : 12, 
      width: 250,
      padding: 5,
      background: '#FFFFFF',
      color: '#000000',
      textAlign: 'center',
      border: {
         width: 3,
         radius: 3,
         color: '#000000'
      },
      tip: 'bottomMiddle',
      name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }

   });
});