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 }
  },
  'customtip': {
    border: 3,
    borderColor: '#116497',
    className: 'customtip',
    closeButton: false,
    hideAfter: false,
    hideOn: 'mouseleave',
    radius: 3,
    width: 'auto',
    offset: { x: 0, y: 15 },
    stem: { position: 'topMiddle', width: 15, height: 12 }
  },
  
  'customtipinfo': {
    border: 3,
    borderColor: '#116497',
    className: 'customtip',
    closeButton: false,
    hideAfter: false,
    hideOn: 'mouseleave',
    hideOthers: true,
    radius: 3,
    width: 'auto',
    hideAfter: 5,
    offset: { x: 10, y: 15 },
    stem: { position: 'topLeft', width: 15, height: 12 }
  },
  
  'reporttip': {
    border: 3,
    borderColor: '#a9a9a9',
    className: 'reporttip',
    closeButton: true,
    hideAfter: false,
    hideOthers: true,
    hideOn: 'click',
    showOn: 'click',
    radius: 3,
    width: 'auto',
    offset: { x: 0, y: 23 },
    stem: { position: 'topLeft', width: 15, height: 12 }
  },
  
  'cmsnavitip': {
    border: 3,
    borderColor: '#e2e2e2',
    className: 'cmsnavitip',
    closeButton: false,
    hideAfter: false,
    hideOthers: true,
    hideOn: { element: 'tip', event: 'mouseleave' },
    showOn: 'mousemove',
    radius: 0,
    width: 'auto',
    hook: { target: 'bottomLeft' },
    offset: { x: 0, y: 1 }
  },
  
  'cmsbasictip': {
    border: 3,
    borderColor: '#a9a9a9',
    className: 'cmsbasictip',
    closeButton: false,
    hideAfter: false,
    hideOthers: true,
    hideOn: 'mouseleave',
    radius: 3,
    width: 'auto',
    offset: { x: 10, y: 15 }
  },
  
  'cmsbasicactiontip': {
    border: 3,
    borderColor: '#a9a9a9',
    className: 'cmsbasicactiontip',
    closeButton: false,
    hideAfter: false,
    hideOthers: true,
    hideOn: { element: 'tip', event: 'mouseleave'},
    showOn: 'click',
    radius: 3,
    width: 'auto',
    fixed: true,
    offset: { x: 7, y: 23 },
    stem: { position: 'topLeft', width: 15, height: 12 }
  },
  
    'erzgnavitip': {
    border: 1,
    borderColor: '#C5C5C5',
    className: 'erzgnavitip',
    closeButton: false,
    hideAfter: false,
    hideOthers: true,
    hideOn: { element: 'tip', event: 'mouseleave' },
	hideAfter: 0.1,
    showOn: 'mousemove',
    radius: 0,
    width: 'auto',
    hook: { target: 'bottomLeft' },
    offset: { x: 0, y: 3 }
  },
  
  'erzgbasictip': {
    border: 3,
    borderColor: '#a9a9a9',
    className: 'cmsbasictip',
    closeButton: false,
    hideAfter: false,
    hideOthers: true,
    hideOn: 'mouseleave',
    radius: 3,
    width: 'auto',
    offset: { x: 15, y: 20 }
  },
    'erzgsprachetip': {
    border: 1,
    borderColor: '#C5C5C5',
    className: 'erzgsprachetip',
    closeButton: false,
    hideAfter: false,
    hideOthers: true,
    hideOn: { element: 'tip', event: 'mouseleave' },
	hideAfter: 0.1,
    showOn: 'mousemove',
    radius: 0,
    width: 'auto',
    hook: { target: 'bottomLeft' },
    offset: { x: 0, y: 3 }
  },
   
  'rbetonnavitip': {
    border: 0,
    borderColor: '#C5C5C5',
    className: 'rbetonnavitip',
    closeButton: false,
    hideAfter: false,
    hideOthers: false,
    hideOn: { element: 'tip', event: 'mouseleave' },
	hideAfter: 0.1,
    showOn: 'mousemove',
    radius: 0,
    width: 'auto',
    hook: { target: 'bottomLeft' },
    offset: { x: -0, y: -5 }
  },
  
  'rbetontipbasic': {
    border: 3,
    borderColor: '#558775',
    className: 'rbetontipbasic',
    closeButton: false,
    hideAfter: false,
    hideOthers: true,
	showOn: 'mousemove',
    hideOn: 'mouseleave',
    radius: 3,
    width: 'auto',
    offset: { x: 15, y: 20 }
  }
  
};