/**
 * General Tooltip Styles
 *
 * This CSS is all about the toolTip's visual appearance.
 * All properties needed for the toolTip to work (e.g. the positioning of the outer container),
 * are handled by JS and will be overwritten if you try set them here.
 * Having that said, feel free to style the toolTip in any way that makes it look nice :) .
 *
 * Autor: Mathias Seckert
 *        gansel webCommunication
 * Mail:  seckert@gansel.de
 *
 * Version: 1 - 2009-03-07
**/

#toolTipMS { width: 212px; z-index: 999; }

#toolTipMS,
#toolTipMS .tipTop,
#toolTipMS .tipBottom,
#toolTipMS .alignmentWrp,
#toolTipMS .tipContent {
	float: left;
	padding: 0px;
	margin: 0px;
}

#toolTipMS .alignmentWrp { width: 100%; }

/* default alignment is right */
#toolTipMS .tipTop {
	background: url(/assets/images/global/carconfigurator/tooltip/tooltip-top.gif) no-repeat right top transparent;
	width: 100%;
}
#toolTipMS .tipBottom {
	background: url(/assets/images/global/carconfigurator/tooltip/tooltip-bottom.gif) no-repeat right bottom transparent;
	margin-top: 3px;
	width: 100%;
}
#toolTipMS .tipContent {
	color: white;
	padding: 8px 10px;
	width: 175px;
	float: right;
}

/* style changes for tooltip on the left side  */
#toolTipMS .leftAligned .tipTop { background-position: left top; }
#toolTipMS .leftAligned .tipBottom { background-position: left bottom; }
#toolTipMS .leftAligned .tipContent { float: left; }

#toolTipMS .alignmentWrp .toolTipMSArrow {
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(/assets/images/global/carconfigurator/tooltip/tooltip-arrow-left.gif) no-repeat;
}
#toolTipMS .alignmentWrp.leftAligned .toolTipMSArrow { background-image: url(/assets/images/global/carconfigurator/tooltip/tooltip-arrow-right.gif); }