#tooltipTest {
		}
 
		.tooltip {
		}
			.tooltip .tooltipBody {
				border: solid 2px #dddddd;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				position: absolute;
				left: 4em;
				top: 3em;
				text-decoration: none;
				visibility: hidden;
				padding: 3px 5px;
				width: 200px;
				zoom: 1;
				background-color: #fff;
				opacity: 0;
				-moz-transition: all 0.3s ease-in-out; /* Firefox */
				-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
				-o-transition: all 0.3s ease-in-out; /* Opera */
				transition: all 0.3s ease-in-out; /* Browsers that Support it */
			}
 
			.tooltip:hover ,
			.tooltip:hover .tooltipBody {
				background-color: #fff;
				visibility:visible;
				top: 4em;

				/* Setting the transition property for all Browsers */
				-moz-transition: all 0.3s ease-in-out; /* Firefox */
				-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
				-o-transition: all 0.3s ease-in-out;  /* Opera */
				transition: all 0.3s ease-in-out; /* Browsers that Support it */
				z-index: 20;
				opacity: 1;
			}
 
			.tooltip .tooltipBody .tooltipAngle {
				border-right: solid 10px transparent;
				border-left: solid 10px transparent;
				border-bottom: solid 10px #dddddd;
				line-height: 0;
				position: absolute;
				left: 95px;
				top: -10px;
			}
 
			.tooltip .tooltipBody .tooltipAngle .tooltipAngleInner {
				border-right: solid 5px transparent;
				border-left: solid 5px transparent;
				border-bottom: solid 5px white;
				line-height: 0;
				position: absolute;
				left: -5px;
				top: 5px;
			}
 
			/*
			-------------------------------------------------------------
				not supported tanseparent for border by IE6.
			-------------------------------------------------------------
			*/
			* html .tooltip .tooltipBody .tooltipAngle {
				border-right-color: white;
				bottom: -11px;
			}
 
			* html .tooltip .tooltipBody .tooltipAngle .tooltipAngleInner {
				border-right-color: #f98325;
			}