/* 
	Document   : tooltip
	Created on : Jun 1, 2010, 5:22:19 PM
	Author     : ran
	Description:
		Used for tooltips.
*/


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip
{
	display: none;
	background: transparent url(../images/tooltip/black_arrow_top_top.png) no-repeat scroll center top;
	font-size: 12px;
	/*height: 11px;*/
	width: 209px;
	padding: 0;
	color: #fff;
	z-index: 999999;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip .tooltipInner
{
	background: transparent url(../images/tooltip/black_arrow_top_bottom.png) no-repeat scroll center bottom;
	font-size: 12px;
	/* height: 24px; */
	width: 160px;
	padding: 5px 24px 30px 25px;
	margin: 0;
	color: #fff;
	z-index: 999999;
	position: relative;
	top: 11px;
}

/* override the top image of the tooltip */
.tooltip.bottom
{
	background: url(../images/tooltip/black_arrow_bottom_top.png) no-repeat scroll center top;
}

/* override the bottom image of the tooltip */
.tooltip.bottom .tooltipInner
{
	background: url(../images/tooltip/black_arrow_bottom_bottom.png) no-repeat scroll center bottom;
	padding: 45px 24px 45px 25px;
	top: 24px;
}

/* override the top image of the tooltip */
.tooltip.left
{
	background: url(../images/tooltip/black_arrow_left.png) no-repeat scroll center top;
	margin-top: 28px;
}

.tooltip.left .content
{
	padding: 20px 29px 0 20px;
}

/* override the bottom image of the tooltip */
.tooltip.left .tooltipInner
{
	background: url(../images/tooltip/black_arrow_left.png) no-repeat scroll center bottom;
	padding-top: 0;
	padding-bottom: 0;
	height: 12px;
	top: 12px;
}

/* override the top image of the tooltip */
.tooltip.right
{
	background: url(../images/tooltip/black_arrow_right.png) no-repeat scroll center top;
	margin-top: 28px;
}

.tooltip.right .content
{
	padding: 20px 14px 0 35px;
}

/* override the bottom image of the tooltip */
.tooltip.right .tooltipInner
{
	background: url(../images/tooltip/black_arrow_right.png) no-repeat scroll center bottom;
	padding-top: 0;
	padding-bottom: 0;
	height: 12px;
	top: 12px;
}