
.kooltip {
	outline:none;
	position:relative;
	text-decoration:none !important;
/*	z-index:999999;*/
}
span.kooltip {
	display:inline-block; /* IE trick */
}
.kooltip:hover .tooltip {
	opacity:1;
	visibility:visible;
	z-index:999999;
}
.kooltip .tooltip {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border-style:solid;
	border-width:1px;
	border-bottom-width:2px;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 1px rgba(255, 255, 255, 1) inset;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 1px rgba(255, 255, 255, 1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 0 1px rgba(255, 255, 255, 1) inset;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	padding:18px;
	position:absolute;
	font-size:12px;
	opacity:0;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.2);
	visibility:hidden;
	white-space:nowrap;
	width:auto !important;
	z-index:999999;
	behavior: url(pie.htc);
}
.kooltip .tooltip:before,
.kooltip .tooltip:after {
	content:'';
	height:0;
	position:absolute;
	width:0;
}
.kooltip .tooltip .title {
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	padding:0 4px 4px;
	margin:0 -4px 6px -4px;
	display:block;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.1px;
	position:relative;
	width:100%;
	z-index:999999;
	behavior: url(pie.htc);
}

/* center */
.kooltip .tooltip.center {
	left:-119px;
	margin-left:50%;
	right:auto;

}
.kooltip .tooltip.center:before,
.kooltip .tooltip.center:after {
	left:50%;
	margin-left:-12px;
	margin-bottom:-4px;
}

/* center-left */
.kooltip .tooltip.center-left,
.kooltip .tooltip.center-left {
	left:-33px;
	margin-left:50%;
	right:auto;
}
.kooltip .tooltip.center-left:before,
.kooltip .tooltip.center-left:after { left:20px; }

/* center-right */
.kooltip .tooltip.center-right,
.kooltip:hover .tooltip.center-right {
	left:auto;
	margin-right:50%;
	right:-33px;
}
.kooltip .tooltip.center-right:before,
.kooltip .tooltip.center-right:after { right:20px; }

/** position left **/
/* left */
.kooltip .tooltip.left,
.kooltip:hover .tooltip.left {
	left:-22px;
	right:auto;
}
.kooltip .tooltip.left:before,
.kooltip .tooltip.left:after { left:20px; }

/* left-center */
.kooltip .tooltip.left-center,
.kooltip:hover .tooltip.left-center {
	left:-108px;
	right:auto;
}
.kooltip .tooltip.left-center:before,
.kooltip .tooltip.left-center:after {
	left:50%;
	margin-left:-12px;
}

/* left-right */
.kooltip .tooltip.left-right,
.kooltip:hover .tooltip.left-right {
	left:auto;
	right:-44px;
	margin-right:100%;
}
.kooltip .tooltip.left-right:before,
.kooltip .tooltip.left-right:after { right:20px; }

/** positon right **/
/* right */
.kooltip .tooltip.right,
.kooltip:hover .tooltip.right {
	left:-340px;
	right: 10px;
	top:-50px;
}
.kooltip .tooltip.right:before,
.kooltip .tooltip.right:after { right:20px; }

/* right-left */
.kooltip .tooltip.right-left,
.kooltip:hover .tooltip.right-left {
	left:-44px;
	margin-left:100%;
	right:auto;
}
.kooltip .tooltip.right-left:before,
.kooltip .tooltip.right-left:after { left:20px; }

/* right-center */
.kooltip .tooltip.right-center {
	left:auto;
	right:-109px;
}
.kooltip .tooltip.right-center:before,
.kooltip .tooltip.right-center:after {
	left:50%;
	margin-left:-12px;
}

/* position top */
.kooltip .tooltip.top {
	bottom:80%;
	margin-bottom:12px;
	top:auto;
}
.kooltip .tooltip.top:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	bottom:-9px;
}
.kooltip .tooltip.top:before {
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	bottom:-12px;
}

/* position bottom */
.kooltip .tooltip.bottom {
	/*bottom:auto;*/
	margin-top:14px;
	top:40%;
}
.kooltip .tooltip.bottom:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:0px;
}
.kooltip .tooltip.bottom:before {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-13px;
}

/* 300px */
.kooltip .tooltip.w300 { width:300px !important; }
.kooltip .tooltip.center.w300,
.kooltip:hover .tooltip.center.slide-left.w300,
.kooltip:hover .tooltip.center.slide-right.w300 { left:-169px; }
.kooltip .tooltip.left-center.w300,
.kooltip:hover .tooltip.left-center.slide-left.w300,
.kooltip:hover .tooltip.left-center.slide-right.w300 { left:-158px; }
.kooltip .tooltip.right-center.w300,
.kooltip:hover .tooltip.right-center.slide-left.w300,
.kooltip:hover .tooltip.right-center.slide-right.w300 { right:-159px; }
.kooltip .tooltip.center.slide-left.w300 { left:-149px; }
.kooltip .tooltip.left-center.slide-left.w300 { left:-138px; }
.kooltip .tooltip.right-center.slide-left.w300 { right:-179px; }
.kooltip .tooltip.center.slide-right.w300 { left:-189px; }
.kooltip .tooltip.left-center.slide-right.w300 { left:-178px; }
.kooltip .tooltip.right-center.slide-right.w300 { right:-139px; }

/* widths common */
.kooltip .tooltip.w50,
.kooltip .tooltip.w100,
.kooltip .tooltip.w150,
.kooltip .tooltip.w200,
.kooltip .tooltip.w250,
.kooltip .tooltip.w300,
.kooltip .tooltip.w350,
.kooltip .tooltip.w400,
.kooltip .tooltip.w450,
.kooltip .tooltip.w500 {
	white-space:normal !important;	
}
.kooltip .tooltip.w50 .title,
.kooltip .tooltip.w100 .title,
.kooltip .tooltip.w150 .title,
.kooltip .tooltip.w200 .title,
.kooltip .tooltip.w250 .title,
.kooltip .tooltip.w300 .title,
.kooltip .tooltip.w350 .title,
.kooltip .tooltip.w400 .title,
.kooltip .tooltip.w450 .title,
.kooltip .tooltip.w500 .title {
	display:inline-block; /* IE8 trick */
}
/**** [ colors ] ****/

/* icy blue */
.kooltip .tooltip.icyblue {
	/*background:-moz-linear-gradient(top, #c3dff2 0%, #dcedf8 15%, #edf7fe 100%);
	background:-ms-linear-gradient(top, #c3dff2  0%, #dcedf8 15%, #edf7fe 100%); 
	background:-o-linear-gradient(top, #c3dff2  0%, #dcedf8 15%, #edf7fe 100%); 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3dff2 ), color-stop(15%, #dcedf8), color-stop(100%, #edf7fe)); 
	background:-webkit-linear-gradient(top, #c3dff2  0%, #dcedf8 15%, #edf7fe 100%); 
	background: linear-gradient(top, #c3dff2  0%, #dcedf8 15%, #edf7fe 100%);  */
	background-color:#FBFBFB;
	border-color:#AB1B47;
	color:#000;
}
/**.kooltip .tooltip.icyblue.bottom:before { border-bottom:12px solid #000; }
.kooltip .tooltip.icyblue.bottom:after { border-bottom:12px solid #000; }
.kooltip .tooltip.icyblue.top:before { border-top:12px solid #000; }**/
.kooltip .tooltip.icyblue.top:after { border-top:12px solid #277EB8; }
/**
.kooltip .tooltip.icyblue .title { border-bottom:solid 1px #2C8DCF;} **/

