Prototip.Styles = {
  // The default style every other style will inherit from.
  // Used when no style is set through the options on a tooltip.
  'default': {
    border: 6,
    borderColor: '#c7c7c7',
    className: 'default',
    closeButton: false,
    hideAfter: false,
    hideOn: 'mouseleave',
    hook: false,
	//images: 'styles/creamy/',    // Example: different images. An absolute url or relative to the images url defined above.
    radius: 6,
	showOn: 'mousemove',
    stem: {
      //position: 'topLeft',       // Example: optional default stem position, this will also enable the stem
      height: 12,
      width: 15
    }
  },

  'protoblue': {
    className: 'protoblue',
    border: 6,
    borderColor: '#116497',
    radius: 6,
    stem: { height: 12, width: 15 }
  },

  'darkgrey': {
    className: 'darkgrey',
    border: 6,
    borderColor: '#363636',
    radius: 6,
    stem: { height: 12, width: 15 }
  },

  'creamy': {
    className: 'creamy',
    border: 6,
    borderColor: '#ebe4b4',
    radius: 6,
    stem: { height: 12, width: 15 }
  },

  'protogrey': {
    className: 'protogrey',
    border: 6,
    borderColor: '#606060',
    radius: 6,
    stem: { height: 12, width: 15 }
  },
   'mareb': {
    className: 'mareb',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb01': {
    className: 'mareb01',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb02': {
    className: 'mareb02',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb03': {
    className: 'mareb03',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb04': {
    className: 'mareb04',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb05': {
    className: 'mareb05',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb06': {
    className: 'mareb06',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb07': {
    className: 'mareb07',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb08': {
    className: 'mareb08',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb09': {
    className: 'mareb09',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb10': {
    className: 'mareb10',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  },
  'mareb11': {
    className: 'mareb11',
    borderColor: '#A79598',
    border: 6,
    radius: 6,
    stem: { height: 0, width: 0 }
  }
};