.tipper { height: 1px; left: -99999px; position: absolute; pointer-events: none; top: -99999px; width: 1px; z-index:9999; }
	.tipper .tipper-content { background: rgba(0, 0, 0, 0.7); border-radius: 10px; color: #fff; display: block; float: left; padding: 8px 12px; position: relative;  width:300px; margin-left:300px;}
/*	.tipper .tipper-caret { background: url(jquery.fs.tipper-icon.png) no-repeat; content: ''; display: block; height: 11px; margin: 0; position: absolute; width: 5px; }*/

	.tipper.right .tipper-content { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); }
	.tipper.right .tipper-caret { background-position: left center; left: -5px; top: 0; }

	.tipper.left .tipper-content { box-shadow: -1px 0 3px rgba(0, 0, 0, 0.25); }
	.tipper.left .tipper-caret { background-position: right center; right: -5px; top: 0; }

	.tipper.top .tipper-caret,
	.tipper.bottom .tipper-caret { display: block; float: none; height: 5px; margin: 0 auto; width: 11px; }

	.tipper.top .tipper-content { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25); }
	.tipper.top .tipper-caret { background-position: center bottom; bottom: -5px; left: 0; }

	.tipper.bottom .tipper-content { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
	.tipper.bottom .tipper-caret { background-position: center top; top: -5px; left: 0; }