/* Tooltip */
	.tooltip {
		display: none;
		background-color: #ff9;
		background-color: rgba(255, 255, 153, .9);
		color: #4f5357;
		border: 1px solid #bcbc23;
		-moz-border-radius: 2px;
		border-radius: 2px;
		padding: 5px;
		min-width: 30px;
		max-width: 600px;
		z-index: 20100;
		position: absolute;
		font-size: 0.9231em;
		line-height: 18px;
	}
	
	/* Tooltip bubble arrow */
		.tooltip > .arr {
			display: block;
			/* SPRITE: ../images/modules/tooltip-arrow.png */
			background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAApklEQVQ4y2PYs0f5Pwj//z+TZAzTy/Djx22G9euF52/eLAGSeEYsBqkH6QPpBxsCwkDBOdu2yRBlEEgdSD1ML9wQEN6+XXbm9u1yeA0CyYPUIetDMaSqioFp507F6bt3K2I1CCQOkgepw2kIUCEYAwNrGjSw4QZAA3EaTA1BQ9ANQjcAryFAheh4GswAdDnaGkIV71AlYKkSxRQnNoqTPcUZkBpFAQD+cgaSdgBY5AAAAABJRU5ErkJggg==") no-repeat 0 0;
			position: absolute;
			width: 17px;
			height: 8px;
			bottom: -8px;
			left: 10px;
		}
		
	/* Tooltip close button */
		.tooltip > .close {
			display: none;
		}
		.help-tooltip > .close {
			display: block;
			position: absolute;
			right: -22px;
			top: 2px;
			width: 20px;
			height: 20px;
			background-color: #f5f5f5;
			background-color: rgba(245, 245, 245, .9);
			border: 1px solid #aaa;
			border-left: 0;
			-moz-border-radius: 0 2px 2px 0;
			border-radius:  0 2px 2px 0;
			cursor: pointer;
			padding: 0;
			background-position: 50% 50%;
			
			-moz-transition-property: border-color;
			-moz-transition-duration: 200ms;
			-webkit-transition-property: border-color;
			-webkit-transition-duration: 200ms;
			transition-property: border-color;
			transition-duration: 200ms;
		}
		.help-tooltip > .close:hover {
			border-color: #666;
		}
		
	/*
		Reversed tooltip
		Tooltip which does not fit in the viewport on the right side is reversed as Right to Left
	*/
		/* Horizontaly reversed */
			.tooltip-r-x { margin-left: 16px; }
			.tooltip-r-x > .arr {
				left: auto;
				right: 10px;
			}
			
		/* Verticaly reversed */
			.tooltip-r-y {  }
			.tooltip-r-y > .arr {
				/* SPRITE: ../images/modules/tooltip-arrow.png */
				background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAApklEQVQ4y2PYs0f5Pwj//z+TZAzTy/Djx22G9euF52/eLAGSeEYsBqkH6QPpBxsCwkDBOdu2yRBlEEgdSD1ML9wQEN6+XXbm9u1yeA0CyYPUIetDMaSqioFp507F6bt3K2I1CCQOkgepw2kIUCEYAwNrGjSw4QZAA3EaTA1BQ9ANQjcAryFAheh4GswAdDnaGkIV71AlYKkSxRQnNoqTPcUZkBpFAQD+cgaSdgBY5AAAAABJRU5ErkJggg==") no-repeat 0 0;
				background-position: 0 -8px;
				top: -8px;
				bottom: auto;
			}
			.tooltip-r-y > .close {
				top: auto;
				bottom: 0;
			}
			
	/* Tooltip triggers */
		.hint {
			cursor: help;
		}
		.help, a.hint, a .hint, .button.hint, .button .hint {
			cursor: pointer;
		}
		
	/* Tooltip contents */
		.tooltip p:first-child,
		.tooltip ul:first-child,
		.tooltip table:first-child {
			margin-top: 0;
		}
		.tooltip p:last-child,
		.tooltip ul:last-child,
		.tooltip table:last-child {
			margin-bottom: 0;
		}
		.tooltip th, .tooltip td {
			padding: 2px 5px;
		}