// Create the tooltips only on document load
$(document).ready(function() 
{
   // By suppling no content attribute, the library uses each elements title attribute by default
   $('.hdr-top a[href][title]').qtip({
      content: {
         text: false // Use each elements title attribute
      },
      position: {
      corner: {
         target: 'topMiddle',
         tooltip: 'bottomMiddle'
      }
   },
      style: { 
      width: 150,
      padding: 5,
      background: '#FFFFFF',
      color: 'black',
      textAlign: 'center',
      border: {
         width: 3,
         radius: 5,
         color: '#FCFCFC'
      },
      tip: 'bottomMiddle',
      name: 'dark',
      'font-family': 'Verdana',
      'font-size': 10,
      'font-weight': 'bold'
// Inherit the rest of the attributes from the preset dark style
   }, show: {
   		 delay:0,
   		 effect: { 
   		 type: 'fade',
   		 length: 500
   		 }
      }, hide: {
   		 delay:0,
   		 effect: { 
   		 type: 'fade',
   		 length: 300
   		 }
      }
   });
   
   // NOTE: You can even omit all options and simply replace the regular title tooltips like so:
   // $('#content a[href]').qtip();
});