$.fn.qtip.styles.mystyle = { // Last part is the name of the style
   width: 200,
   background: '#ffffff',
   color: 'black',
   textAlign: 'left',
   border: {
      width: 4,
      radius: 5,
      color: '#e48b00'
   },
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}
  
  $.fn.qtip.styles.finnmark = { // Last part is the name of the style
   width: 200,
   background: '#ffffff',
   color: 'black',
   textAlign: 'left',
   border: {
      width: 4,
      radius: 5,
      color: '#e48b00'
   },
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}

$.fn.qtip.styles.troms = { // Last part is the name of the style
   width: 200,
   background: '#ffffff',
   color: 'black',
   textAlign: 'left',
   border: {
      width: 4,
      radius: 5,
      color: '#e48b00'
   },
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}

$.fn.qtip.styles.austadger = { // Last part is the name of the style
   width: 200,
   background: '#ffffff',
   color: 'black',
   textAlign: 'left',
   border: {
      width: 4,
      radius: 5,
      color: '#e48b00'
   },
   name: 'dark' // Inherit the rest of the attributes from the preset dark style
}

  

$('#birgitta').qtip({
   content: 'Jag och sambon ska vandra på Orkney-öarna och glo på pippiar och sedan blir det ett par dagar på stålhingst runt Österlen',
   show: 'mouseover',
   hide: 'mouseout',
   style: 'mystyle', // The name of the newly created custom style above
   position: {
      corner: {
         target: 'topMiddle',
         tooltip: 'bottomLeft'
      }
   }


})


