$.fn.qtip.styles.mixpanel = { // Last part is the name of the style
   width: 200,
   background: '#4E74A1',
   color: '#FFFFFF',
   textAlign: 'left',
   border: {
      width: 7,
      radius: 5,
      color: '#92B8E5'
   },
   tip: 'bottomLeft',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}

$.fn.qtip.styles.mixpanel_wide = { // Last part is the name of the style
   width: 300,
   background: '#4E74A1',
   color: '#FFFFFF',
   textAlign: 'left',
   border: {
      width: 7,
      radius: 5,
      color: '#92B8E5'
   },
   tip: 'bottomLeft',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}

$.fn.qtip.styles.mixpanel_botmid = { // Last part is the name of the style
   width: 100,
   background: '#4E74A1',
   color: '#FFFFFF',
   textAlign: 'center',
   border: {
      width: 7,
      radius: 5,
      color: '#92B8E5'
   },
   tip: 'bottomMiddle',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}

var tt_pos = {
   corner: {
       target: 'rightTop',
       tooltip: 'leftBottom'
   },
   adjust: {
       x: -10,
       y: -10
   }
};