/* Tips */
$.fn.qtip.styles.mystyle = { // Last part is the name of the style
  width: 220,
  padding: 5,
  background: '#076324',
  color: '#fff',
  textAlign: 'left',
  border: {
  width: 2,
  radius: 4,
  color: '#076324'
   },
   tip: 'topLeft',
   show: 'mouseover',
   hide: 'mouseout',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}

/* Tips */
$.fn.qtip.styles.mystylelg = { // Last part is the name of the style
  width: 600,
  padding: 5,
  background: '#076324',
  color: '#000',
  textAlign: 'left',
  border: {
  width: 2,
  radius: 4,
  color: '#076324'
   },
   tip: 'topLeft',
   show: 'mouseover',
   hide: 'mouseout',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}

$.fn.qtip.styles.mystylemed = { // Last part is the name of the style
  width: 350,
  padding: 5,
  background: '#076324',
  color: '#fff',
  textAlign: 'left',
  border: {
  width: 2,
  radius: 4,
  color: '#076324'
   },
   tip: 'topLeft',
   show: 'mouseover',
   hide: 'mouseout',
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}