@charset "utf-8";

.kooltip {
	outline: none;
	position: relative;
	text-decoration: none !important;
}

.kooltip { display: inline-block; /* IE trick */ }

.kooltip:hover .tooltip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

.kooltip .tooltip {
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	cursor: default;
	padding: 10px;
	position: absolute;
	font-size: 12px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	width: auto !important;
	z-index: 999999;
}

 .kooltip .tooltip:hover { opacity: 1; visibility: visible; }

.kooltip .tooltip:before,
.kooltip .tooltip:after {
	content:'';
	height:0;
	position:absolute;
	width:0;
	z-index:1;
}
.kooltip .tooltip .title {
	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%;
}
/**** [ positioning ] ****/

/** position center **/
/* center */
.kooltip .tooltip.center {
	left:-119px;
	margin-left:50%;
	right:auto;
}
.kooltip .tooltip.center:before,
.kooltip .tooltip.center:after {
	left:50%;
	margin-left:-12px;
}

/* center-left */
.kooltip .tooltip.tooltable{ margin-left:1%; }

.kooltip .tooltip.center-left,
.kooltip .tooltip.center-left {
	left:-26px;
	margin-left:50%;
	right:auto;
}
.kooltip .tooltip.center-left:before,
.kooltip .tooltip.center-left:after { left:12px; }

/* center-right */
.kooltip .tooltip.center-right,
.kooltip:hover .tooltip.center-right {
	left:auto;
	margin-right:50%;
	right:-23px;
}
.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:auto;
	right:-22px;
}
.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:100%;
	margin-bottom:12px;
	top:auto;
}
.kooltip .tooltip.top:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	bottom:-11px;
}
.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:16px;
	top:100%;
}
.kooltip .tooltip.bottom:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-11px;
}
.kooltip .tooltip.bottom:before {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-13px;
}

.kooltip .tooltip.bottom.tooltable{
    margin-top: -1px !important;
    margin-left: -14px !important;
}
    .kooltip .tooltip.bottom.tooltable:after {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-8px;
    }
    .kooltip .tooltip.bottom.tooltable:before {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-10px;
    }
    .kooltip .tooltip.grey.bottom.tooltable:before { border-bottom:10px solid #CBCBCB; }
    .kooltip .tooltip.grey.bottom.tooltable:after { border-bottom:10px solid #EDEDED; }


/**** [ animations ] ****/

/* slide-left */
.kooltip .tooltip.center.slide-left { left:-99px; }
.kooltip:hover .tooltip.center.slide-left { left:-119px; }
.kooltip .tooltip.center-left.slide-left { left:-13px; }
.kooltip:hover .tooltip.center-left.slide-left { left:-33px; }
.kooltip .tooltip.center-right.slide-left { right:-53px; }
.kooltip:hover .tooltip.center-right.slide-left { right:-33px; }
.kooltip .tooltip.left.slide-left { left:-2px; }
.kooltip:hover .tooltip.left.slide-left { left:-22px; }
.kooltip .tooltip.left-center.slide-left { left:-88px; }
.kooltip:hover .tooltip.left-center.slide-left { left:-108px; }
.kooltip .tooltip.left-right.slide-left { right:-64px; }
.kooltip:hover .tooltip.left-right.slide-left { right:-44px; }
.kooltip .tooltip.right.slide-left { right:-42px; }
.kooltip:hover .tooltip.right.slide-left { right:-22px; }
.kooltip .tooltip.right-left.slide-left { left:-24px; }
.kooltip:hover .tooltip.right-left.slide-left { left:-44px; }
.kooltip .tooltip.right-center.slide-left { right:-129px }
.kooltip:hover .tooltip.right-center.slide-left { right:-109px }

/* slide-right */
.kooltip .tooltip.center.slide-right { left:-139px; }
.kooltip:hover .tooltip.center.slide-right { left:-119px; }
.kooltip .tooltip.center-left.slide-right { left:-53px; }
.kooltip:hover .tooltip.center-left.slide-right { left:-33px; }
.kooltip .tooltip.center-right.slide-right { right:-13px; }
.kooltip:hover .tooltip.center-right.slide-right { right:-33px; }
.kooltip .tooltip.left.slide-right { left:-42px; }
.kooltip:hover .tooltip.left.slide-right { left:-22px; }
.kooltip .tooltip.left-center.slide-right { left:-128px; }
.kooltip:hover .tooltip.left-center.slide-right { left:-108px; }
.kooltip .tooltip.left-right.slide-right { right:-24px; }
.kooltip:hover .tooltip.left-right.slide-right { right:-44px; }
.kooltip .tooltip.right.slide-right { right:-2px; }
.kooltip:hover .tooltip.right.slide-right { right:-22px; }
.kooltip .tooltip.right-left.slide-right { left:-64px; }
.kooltip:hover .tooltip.right-left.slide-right { left:-44px; }
.kooltip .tooltip.right-center.slide-right { right:-89px }
.kooltip:hover .tooltip.right-center.slide-right { right:-109px }


/* slide-up */
.kooltip .tooltip.top.slide-up { margin-bottom:-8px; }
.kooltip:hover .tooltip.top.slide-up { margin-bottom:12px; }
.kooltip .tooltip.bottom.slide-up { margin-top:10px; }
.kooltip:hover .tooltip.bottom.slide-up { margin-top:14px; }

/* slide-down*/
.kooltip .tooltip.top.slide-down { margin-bottom:32px; }
.kooltip:hover .tooltip.top.slide-down { margin-bottom:12px; }
.kooltip .tooltip.bottom.slide-down { margin-top:-6px; }
.kooltip:hover .tooltip.bottom.slide-down { margin-top:14px; }


/**** [ widths ] ****/

/* 50px */
.kooltip .tooltip.w50 { width:50px !important; }
.kooltip .tooltip.center.w50,
.kooltip:hover .tooltip.center.slide-left.w50,
.kooltip:hover .tooltip.center.slide-right.w50 { left:-44px; }
.kooltip .tooltip.left-center.w50,
.kooltip:hover .tooltip.left-center.slide-left.w50,
.kooltip:hover .tooltip.left-center.slide-right.w50 { left:-33px; }
.kooltip .tooltip.right-center.w50,
.kooltip:hover .tooltip.right-center.slide-left.w50,
.kooltip:hover .tooltip.right-center.slide-right.w50 { right:-34px; }
.kooltip .tooltip.center.slide-left.w50 { left:-24px; }
.kooltip .tooltip.left-center.slide-left.w50 { left:-13px; }
.kooltip .tooltip.right-center.slide-left.w50 { right:-54px; }
.kooltip .tooltip.center.slide-right.w50 { left:-64px; }
.kooltip .tooltip.left-center.slide-right.w50 { left:-53px; }
.kooltip .tooltip.right-center.slide-right.w50 { right:-14px; }

/* 100px */
.kooltip .tooltip.w100 { width:100px !important; }
.kooltip .tooltip.center.w100,
.kooltip:hover .tooltip.center.slide-left.w100,
.kooltip:hover .tooltip.center.slide-right.w100 { left:-69px; }
.kooltip .tooltip.left-center.w100,
.kooltip:hover .tooltip.left-center.slide-left.w100,
.kooltip:hover .tooltip.left-center.slide-right.w100 { left:-58px; }
.kooltip .tooltip.right-center.w100,
.kooltip:hover .tooltip.right-center.slide-left.w100,
.kooltip:hover .tooltip.right-center.slide-right.w100 { right:-59px; }
.kooltip .tooltip.center.slide-left.w100 { left:-49px; }
.kooltip .tooltip.left-center.slide-left.w100 { left:-38px; }
.kooltip .tooltip.right-center.slide-left.w100 { right:-79px; }
.kooltip .tooltip.center.slide-right.w100 { left:-89px; }
.kooltip .tooltip.left-center.slide-right.w100 { left:-78px; }
.kooltip .tooltip.right-center.slide-right.w100 { right:-39px; }

/* 150px */
.kooltip .tooltip.w150 { width:150px !important; }
.kooltip .tooltip.center.w150,
.kooltip:hover .tooltip.center.slide-left.w150,
.kooltip:hover .tooltip.center.slide-right.w150 { left:-94px; }
.kooltip .tooltip.left-center.w150,
.kooltip:hover .tooltip.left-center.slide-left.w150,
.kooltip:hover .tooltip.left-center.slide-right.w150 { left:-83px; }
.kooltip .tooltip.right-center.w150,
.kooltip:hover .tooltip.right-center.slide-left.w150,
.kooltip:hover .tooltip.right-center.slide-right.w150 { right:-84px; }
.kooltip .tooltip.center.slide-left.w150 { left:-74px; }
.kooltip .tooltip.left-center.slide-left.w150 { left:-63px; }
.kooltip .tooltip.right-center.slide-left.w150 { right:-104px; }
.kooltip .tooltip.center.slide-right.w150 { left:-114px; }
.kooltip .tooltip.left-center.slide-right.w150 { left:-103px; }
.kooltip .tooltip.right-center.slide-right.w150 { right:-64px; }

/* 200px  */
.kooltip .tooltip.w200 { width:200px !important; }
.kooltip .tooltip.center.w200,
.kooltip:hover .tooltip.center.slide-left.w200,
.kooltip:hover .tooltip.center.slide-right.w200 { left:-119px; }
.kooltip .tooltip.left-center.w200,
.kooltip:hover .tooltip.left-center.slide-left.w200,
.kooltip:hover .tooltip.left-center.slide-right.w200 { left:-108px; }
.kooltip .tooltip.right-center.w200,
.kooltip:hover .tooltip.right-center.slide-left.w200,
.kooltip:hover .tooltip.right-center.slide-right.w200 { right:-109px; }
.kooltip .tooltip.center.slide-left.w200 { left:-99px; }
.kooltip .tooltip.left-center.slide-left.w200 { left:-88px; }
.kooltip .tooltip.right-center.slide-left.w200 { right:-129px; }
.kooltip .tooltip.center.slide-right.w200 { left:-139px; }
.kooltip .tooltip.left-center.slide-right.w200 { left:-128px; }
.kooltip .tooltip.right-center.slide-right.w200 { right:-89px; }

/* 250px */
.kooltip .tooltip.w250 { width:250px !important; }
.kooltip .tooltip.center.w250,
.kooltip:hover .tooltip.center.slide-left.w250,
.kooltip:hover .tooltip.center.slide-right.w250 { left:-144px; }
.kooltip .tooltip.left-center.w250,
.kooltip:hover .tooltip.left-center.slide-left.w250,
.kooltip:hover .tooltip.left-center.slide-right.w250 { left:-133px; }
.kooltip .tooltip.right-center.w250,
.kooltip:hover .tooltip.right-center.slide-left.w250,
.kooltip:hover .tooltip.right-center.slide-right.w250 { right:-134px; }
.kooltip .tooltip.center.slide-left.w250 { left:-124px; }
.kooltip .tooltip.left-center.slide-left.w250 { left:-113px; }
.kooltip .tooltip.right-center.slide-left.w250 { right:-154px; }
.kooltip .tooltip.center.slide-right.w250 { left:-164px; }
.kooltip .tooltip.left-center.slide-right.w250 { left:-153px; }
.kooltip .tooltip.right-center.slide-right.w250 { right:-114px; }

/* 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; }

/* 350px */
.kooltip .tooltip.w350 { width:350px !important; }
.kooltip .tooltip.center.w350,
.kooltip:hover .tooltip.center.slide-left.w350,
.kooltip:hover .tooltip.center.slide-right.w350 { left:-194px; }
.kooltip .tooltip.left-center.w350,
.kooltip:hover .tooltip.left-center.slide-left.w350,
.kooltip:hover .tooltip.left-center.slide-right.w350 { left:-183px; }
.kooltip .tooltip.right-center.w350,
.kooltip:hover .tooltip.right-center.slide-left.w350,
.kooltip:hover .tooltip.right-center.slide-right.w350 { right:-184px; }
.kooltip .tooltip.center.slide-left.w350 { left:-174px; }
.kooltip .tooltip.left-center.slide-left.w350 { left:-163px; }
.kooltip .tooltip.right-center.slide-left.w350 { right:-204px; }
.kooltip .tooltip.center.slide-right.w350 { left:-214px; }
.kooltip .tooltip.left-center.slide-right.w350 { left:-203px; }
.kooltip .tooltip.right-center.slide-right.w350 { right:-164px; }

/* 400px */
.kooltip .tooltip.w400 { width:400px !important; }
.kooltip .tooltip.center.w400,
.kooltip:hover .tooltip.center.slide-left.w400,
.kooltip:hover .tooltip.center.slide-right.w400 { left:-219px; }
.kooltip .tooltip.left-center.w400,
.kooltip:hover .tooltip.left-center.slide-left.w400,
.kooltip:hover .tooltip.left-center.slide-right.w400 { left:-208px; }
.kooltip .tooltip.right-center.w400,
.kooltip:hover .tooltip.right-center.slide-left.w400,
.kooltip:hover .tooltip.right-center.slide-right.w400 { right:-209px; }
.kooltip .tooltip.center.slide-left.w400 { left:-199px; }
.kooltip .tooltip.left-center.slide-left.w400 { left:-188px; }
.kooltip .tooltip.right-center.slide-left.w400 { right:-229px; }
.kooltip .tooltip.center.slide-right.w400 { left:-239px; }
.kooltip .tooltip.left-center.slide-right.w400 { left:-228px; }
.kooltip .tooltip.right-center.slide-right.w400 { right:-189px; }

/* 450px */
.kooltip .tooltip.w450 { width:450px !important; }
.kooltip .tooltip.center.w450,
.kooltip:hover .tooltip.center.slide-left.w450,
.kooltip:hover .tooltip.center.slide-right.w450 { left:-244px; }
.kooltip .tooltip.left-center.w450,
.kooltip:hover .tooltip.left-center.slide-left.w450,
.kooltip:hover .tooltip.left-center.slide-right.w450 { left:-233px; }
.kooltip .tooltip.right-center.w450,
.kooltip:hover .tooltip.right-center.slide-left.w450,
.kooltip:hover .tooltip.right-center.slide-right.w450 { right:-234px; }
.kooltip .tooltip.center.slide-left.w450 { left:-224px; }
.kooltip .tooltip.left-center.slide-left.w450 { left:-213px; }
.kooltip .tooltip.right-center.slide-left.w450 { right:-254px; }
.kooltip .tooltip.center.slide-right.w450 { left:-264px; }
.kooltip .tooltip.left-center.slide-right.w450 { left:-253px; }
.kooltip .tooltip.right-center.slide-right.w450 { right:-214px; }

/* 500px */
.kooltip .tooltip.w500 { width:500px !important; }
.kooltip .tooltip.center.w500,
.kooltip:hover .tooltip.center.slide-left.w500,
.kooltip:hover .tooltip.center.slide-right.w500 { left:-269px; }
.kooltip .tooltip.left-center.w500,
.kooltip:hover .tooltip.left-center.slide-left.w500,
.kooltip:hover .tooltip.left-center.slide-right.w500 { left:-258px; }
.kooltip .tooltip.right-center.w500,
.kooltip:hover .tooltip.right-center.slide-left.w500,
.kooltip:hover .tooltip.right-center.slide-right.w500 { right:-259px; }
.kooltip .tooltip.center.slide-left.w500 { left:-249px; }
.kooltip .tooltip.left-center.slide-left.w500 { left:-238px; }
.kooltip .tooltip.right-center.slide-left.w500 { right:-279px; }
.kooltip .tooltip.center.slide-right.w500 { left:-289px; }
.kooltip .tooltip.left-center.slide-right.w500 { left:-278px; }
.kooltip .tooltip.right-center.slide-right.w500 { right:-239px; }

/* 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 ] ****/

/* grey */
.kooltip .tooltip.grey {
	background-color:#EDEDED;
	border-color:#CBCBCB;
	color:#696969;
}
.kooltip .tooltip.grey.bottom:before { border-bottom:12px solid #CBCBCB; }
.kooltip .tooltip.grey.bottom:after { border-bottom:12px solid #EDEDED; }
.kooltip .tooltip.grey.top:before { border-top:12px solid #CBCBCB; }
/* PLIVE - 419 : Start : 20140203
.kooltip .tooltip.grey.top:after { border-top:12px solid #CACACA; } */
.kooltip .tooltip.grey.top:after { border-top:12px solid #EDEDED; }
/* PLIVE - 419 : End : : 20140203 */
.kooltip .tooltip.grey .title { border-bottom:solid 1px #EDEDED; }

/* blue */
.kooltip .tooltip.icyblue {
	background-color:#D9EDF7;
	border-color:#BCE8F1;
	color:#666666;
	text-align: center;
}
.kooltip .tooltip.icyblue.bottom:before { border-bottom:12px solid #BCE8F1; }
.kooltip .tooltip.icyblue.bottom:after { border-bottom:12px solid #D9EDF7; }
.kooltip .tooltip.icyblue.top:before { border-top:12px solid #D9EDF7; }
.kooltip .tooltip.icyblue.top:after { border-top:12px solid #D9EDF7; }

/* Pink */
.kooltip .tooltip.pink {
	background-color:#FFD9D7;
	border-color:#CFB1B1;
	font-size: 11px;
}
	.kooltip .tooltip.pink p{ color:#A99090; }
	.kooltip .tooltip.pink.center-left{ margin-left: 0;left: 0;}
		.kooltip .tooltip.pink.top:after { border-top: 12px solid #FFD9D7; }
		.kooltip .tooltip.pink.top:before { border-top:12px solid #CFB1B1; }
		
/* PLIVE - 419 : Start : 20140203 */

.kooltipFormField { left:0!important; margin-left:0!important;}	

/* PLIVE - 419 : End : 20140203	*/

/*VALIDATE BULK LOGBOOK TOOLTIP*/

.kooltipValidate {
	outline: none;
	position: relative;
	text-decoration: none !important;
}

.kooltipValidate { display: inline-block; /* IE trick */ }

.kooltipValidate:hover .tooltip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

.kooltipValidate .tooltip {
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	cursor: default;
	padding: 10px;
	position: absolute;
	font-size: 12px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	width: auto !important;
	z-index: 999999;
}

 .kooltipValidate .tooltip:hover { opacity: 1; visibility: visible; }

.kooltipValidate .tooltip:before,
.kooltipValidate .tooltip:after {
	content:'';
	height:0;
	position:absolute;
	width:0;
	z-index:1;
}
.kooltipValidate .tooltip .title {
	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%;
}
/**** [ positioning ] ****/


/* center-left */
.kooltipValidate .tooltip.tooltable{ margin-left:1%; }

.kooltipValidate .tooltip.center-left,
.kooltipValidate .tooltip.center-left {
	left:-26px;
	margin-left:50%;
	right:auto;
}
.kooltipValidate .tooltip.center-left:before,
.kooltipValidate .tooltip.center-left:after { left:12px; }

/* center-right */
.kooltipValidate .tooltip.center-right,
.kooltipValidate:hover .tooltip.center-right {
	left:auto;
	margin-right:50%;
	right:-23px;
}
.kooltipValidate .tooltip.center-right:before,
.kooltipValidate .tooltip.center-right:after { right:20px; }

/* position top */
.kooltipValidate .tooltip.top {
	bottom:100%;
	margin-bottom:12px;
	top:auto;
}
.kooltipValidate .tooltip.top:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	bottom:-11px;
}
.kooltipValidate .tooltip.top:before {
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	bottom:-12px;
}

/* position bottom */
.kooltipValidate .tooltip.bottom {
	bottom:auto;
	margin-top:16px;
	top:100%;
}
.kooltipValidate .tooltip.bottom:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-11px;
}
.kooltipValidate .tooltip.bottom:before {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-13px;
}

.kooltipValidate .tooltip.bottom.tooltable{
    margin-top: -1px !important;
    margin-left: -14px !important;
}
    .kooltipValidate .tooltip.bottom.tooltable:after {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-8px;
    }
    .kooltipValidate .tooltip.bottom.tooltable:before {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-10px;
    }
    .kooltipValidate .tooltip.grey.bottom.tooltable:before { border-bottom:10px solid #CBCBCB; }
    .kooltipValidate .tooltip.grey.bottom.tooltable:after { border-bottom:10px solid #EDEDED; }


/**** [ animations ] ****/

/* slide-left */
.kooltipValidate .tooltip.center.slide-left { left:-99px; }
.kooltipValidate:hover .tooltip.center.slide-left { left:-119px; }
.kooltipValidate .tooltip.center-left.slide-left { left:-13px; }
.kooltipValidate:hover .tooltip.center-left.slide-left { left:-33px; }
.kooltipValidate .tooltip.center-right.slide-left { right:-53px; }
.kooltipValidate:hover .tooltip.center-right.slide-left { right:-33px; }
.kooltipValidate .tooltip.left.slide-left { left:-2px; }
.kooltipValidate:hover .tooltip.left.slide-left { left:-22px; }
.kooltipValidate .tooltip.left-center.slide-left { left:-88px; }
.kooltipValidate:hover .tooltip.left-center.slide-left { left:-108px; }
.kooltipValidate .tooltip.left-right.slide-left { right:-64px; }
.kooltipValidate:hover .tooltip.left-right.slide-left { right:-44px; }
.kooltipValidate .tooltip.right.slide-left { right:-42px; }
.kooltipValidate:hover .tooltip.right.slide-left { right:-22px; }
.kooltipValidate .tooltip.right-left.slide-left { left:-24px; }
.kooltipValidate:hover .tooltip.right-left.slide-left { left:-44px; }
.kooltipValidate .tooltip.right-center.slide-left { right:-129px }
.kooltipValidate:hover .tooltip.right-center.slide-left { right:-109px }

/* slide-right */
.kooltipValidate .tooltip.center.slide-right { left:-139px; }
.kooltipValidate:hover .tooltip.center.slide-right { left:-119px; }
.kooltipValidate .tooltip.center-left.slide-right { left:-53px; }
.kooltipValidate:hover .tooltip.center-left.slide-right { left:-33px; }
.kooltipValidate .tooltip.center-right.slide-right { right:-13px; }
.kooltipValidate:hover .tooltip.center-right.slide-right { right:-33px; }
.kooltipValidate .tooltip.left.slide-right { left:-42px; }
.kooltipValidate:hover .tooltip.left.slide-right { left:-22px; }
.kooltipValidate .tooltip.left-center.slide-right { left:-128px; }
.kooltipValidate:hover .tooltip.left-center.slide-right { left:-108px; }
.kooltipValidate .tooltip.left-right.slide-right { right:-24px; }
.kooltipValidate:hover .tooltip.left-right.slide-right { right:-44px; }
.kooltipValidate .tooltip.right.slide-right { right:-2px; }
.kooltipValidate:hover .tooltip.right.slide-right { right:-22px; }
.kooltipValidate .tooltip.right-left.slide-right { left:-64px; }
.kooltipValidate:hover .tooltip.right-left.slide-right { left:-44px; }
.kooltipValidate .tooltip.right-center.slide-right { right:-89px }
.kooltipValidate:hover .tooltip.right-center.slide-right { right:-109px }


/* slide-up */
.kooltipValidate .tooltip.top.slide-up { margin-bottom:-8px; }
.kooltipValidate:hover .tooltip.top.slide-up { margin-bottom:12px; }
.kooltipValidate .tooltip.bottom.slide-up { margin-top:10px; }
.kooltipValidate:hover .tooltip.bottom.slide-up { margin-top:14px; }

/* slide-down*/
.kooltipValidate .tooltip.top.slide-down { margin-bottom:32px; }
.kooltipValidate:hover .tooltip.top.slide-down { margin-bottom:12px; }
.kooltipValidate .tooltip.bottom.slide-down { margin-top:-6px; }
.kooltipValidate:hover .tooltip.bottom.slide-down { margin-top:14px; }


/**** [ widths ] ****/

/* 50px */
.kooltipValidate .tooltip.w50 { width:50px !important; }
.kooltipValidate .tooltip.center.w50,
.kooltipValidate:hover .tooltip.center.slide-left.w50,
.kooltipValidate:hover .tooltip.center.slide-right.w50 { left:-44px; }
.kooltipValidate .tooltip.left-center.w50,
.kooltipValidate:hover .tooltip.left-center.slide-left.w50,
.kooltipValidate:hover .tooltip.left-center.slide-right.w50 { left:-33px; }
.kooltipValidate .tooltip.right-center.w50,
.kooltipValidate:hover .tooltip.right-center.slide-left.w50,
.kooltipValidate:hover .tooltip.right-center.slide-right.w50 { right:-34px; }
.kooltipValidate .tooltip.center.slide-left.w50 { left:-24px; }
.kooltipValidate .tooltip.left-center.slide-left.w50 { left:-13px; }
.kooltipValidate .tooltip.right-center.slide-left.w50 { right:-54px; }
.kooltipValidate .tooltip.center.slide-right.w50 { left:-64px; }
.kooltipValidate .tooltip.left-center.slide-right.w50 { left:-53px; }
.kooltipValidate .tooltip.right-center.slide-right.w50 { right:-14px; }

/* 150px */
.kooltipValidate .tooltip.w150 { width:150px !important; }
.kooltipValidate .tooltip.center.w150,
.kooltipValidate:hover .tooltip.center.slide-left.w150,
.kooltipValidate:hover .tooltip.center.slide-right.w150 { left:-94px; }
.kooltipValidate .tooltip.left-center.w150,
.kooltipValidate:hover .tooltip.left-center.slide-left.w150,
.kooltipValidate:hover .tooltip.left-center.slide-right.w150 { left:-83px; }
.kooltipValidate .tooltip.right-center.w150,
.kooltipValidate:hover .tooltip.right-center.slide-left.w150,
.kooltipValidate:hover .tooltip.right-center.slide-right.w150 { right:-84px; }
.kooltipValidate .tooltip.center.slide-left.w150 { left:-74px; }
.kooltipValidate .tooltip.left-center.slide-left.w150 { left:-63px; }
.kooltipValidate .tooltip.right-center.slide-left.w150 { right:-104px; }
.kooltipValidate .tooltip.center.slide-right.w150 { left:-114px; }
.kooltipValidate .tooltip.left-center.slide-right.w150 { left:-103px; }
.kooltipValidate .tooltip.right-center.slide-right.w150 { right:-64px; }

/* widths common */
.kooltipValidate .tooltip.w50,
.kooltipValidate .tooltip.w100,
.kooltipValidate .tooltip.w150,
.kooltipValidate .tooltip.w200,
.kooltipValidate .tooltip.w250,
.kooltipValidate .tooltip.w300,
.kooltipValidate .tooltip.w350,
.kooltipValidate .tooltip.w400,
.kooltipValidate .tooltip.w450,
.kooltipValidate .tooltip.w500 {
	white-space:normal !important;	
}
.kooltipValidate .tooltip.w50 .title,
.kooltipValidate .tooltip.w100 .title,
.kooltipValidate .tooltip.w150 .title,
.kooltipValidate .tooltip.w200 .title,
.kooltipValidate .tooltip.w250 .title,
.kooltipValidate .tooltip.w300 .title,
.kooltipValidate .tooltip.w350 .title,
.kooltipValidate .tooltip.w400 .title,
.kooltipValidate .tooltip.w450 .title,
.kooltipValidate .tooltip.w500 .title {
	display:inline-block; /* IE8 trick */
}
/* blue */
.kooltipValidate .tooltip.icyblue {
	background-color:#D9EDF7;
	border-color:#BCE8F1;
	color:#666666;
	text-align: center;
}
.kooltipValidate .tooltip.icyblue.bottom:before { border-bottom:12px solid #BCE8F1; }
.kooltipValidate .tooltip.icyblue.bottom:after { border-bottom:12px solid #D9EDF7; }
.kooltipValidate .tooltip.icyblue.top:before { border-top:12px solid #D9EDF7; }
.kooltipValidate .tooltip.icyblue.top:after { border-top:12px solid #D9EDF7; }




/*INUSE LOGBOOK SCREEN TOOLTIP*/

.kooltipInUse {
	outline: none;
	position: relative;
	text-decoration: none !important;
}

.kooltipInUse { display: inline-block; /* IE trick */ }

.kooltipInUse:hover .tooltip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

.kooltipInUse .tooltip {
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	cursor: default;
	padding: 10px;
	position: absolute;
	font-size: 12px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	width: auto !important;
	z-index: 999999;
}

 .kooltipInUse .tooltip:hover { opacity: 1; visibility: visible; }

.kooltipInUse .tooltip:before,
.kooltipInUse .tooltip:after {
	content:'';
	height:0;
	position:absolute;
	width:0;
	z-index:1;
}
.kooltipInUse .tooltip .title {
	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%;
}
/**** [ positioning ] ****/


/* center-left */
.kooltipInUse .tooltip.tooltable{ margin-left:1%; }

.kooltipInUse .tooltip.center-left,
.kooltipInUse .tooltip.center-left {
	left:-26px;
	margin-left:50%;
	right:auto;
}
.kooltipInUse .tooltip.center-left:before,
.kooltipInUse .tooltip.center-left:after { left:12px; }

/* center-right */
.kooltipInUse .tooltip.center-right,
.kooltipInUse:hover .tooltip.center-right {
	left:auto;
	margin-right:50%;
	right:-23px;
}
.kooltipInUse .tooltip.center-right:before,
.kooltipInUse .tooltip.center-right:after { right:20px; }

/* position top */
.kooltipInUse .tooltip.top {
	bottom:100%;
	margin-bottom:12px;
	top:auto;
}
.kooltipInUse .tooltip.top:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	bottom:-11px;
}
.kooltipInUse .tooltip.top:before {
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	bottom:-12px;
}

/* position bottom */
.kooltipInUse .tooltip.bottom {
	bottom:auto;
	margin-top:16px;
	top:100%;
}
.kooltipInUse .tooltip.bottom:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-11px;
}
.kooltipInUse .tooltip.bottom:before {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-13px;
}

.kooltipInUse .tooltip.bottom.tooltable{
    margin-top: -1px !important;
    margin-left: -14px !important;
}
    .kooltipInUse .tooltip.bottom.tooltable:after {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-8px;
    }
    .kooltipInUse .tooltip.bottom.tooltable:before {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-10px;
    }
    .kooltipInUse .tooltip.grey.bottom.tooltable:before { border-bottom:10px solid #CBCBCB; }
    .kooltipInUse .tooltip.grey.bottom.tooltable:after { border-bottom:10px solid #EDEDED; }


/**** [ animations ] ****/

/* slide-left */
.kooltipInUse .tooltip.center.slide-left { left:-99px; }
.kooltipInUse:hover .tooltip.center.slide-left { left:-119px; }
.kooltipInUse .tooltip.center-left.slide-left { left:-13px; }
.kooltipInUse:hover .tooltip.center-left.slide-left { left:-33px; }
.kooltipInUse .tooltip.center-right.slide-left { right:-53px; }
.kooltipInUse:hover .tooltip.center-right.slide-left { right:-33px; }
.kooltipInUse .tooltip.left.slide-left { left:-2px; }
.kooltipInUse:hover .tooltip.left.slide-left { left:-22px; }
.kooltipInUse .tooltip.left-center.slide-left { left:-88px; }
.kooltipInUse:hover .tooltip.left-center.slide-left { left:-108px; }
.kooltipInUse .tooltip.left-right.slide-left { right:-64px; }
.kooltipInUse:hover .tooltip.left-right.slide-left { right:-44px; }
.kooltipInUse .tooltip.right.slide-left { right:-42px; }
.kooltipInUse:hover .tooltip.right.slide-left { right:-22px; }
.kooltipInUse .tooltip.right-left.slide-left { left:-24px; }
.kooltipInUse:hover .tooltip.right-left.slide-left { left:-44px; }
.kooltipInUse .tooltip.right-center.slide-left { right:-129px }
.kooltipInUse:hover .tooltip.right-center.slide-left { right:-109px }

/* slide-right */
.kooltipInUse .tooltip.center.slide-right { left:-139px; }
.kooltipInUse:hover .tooltip.center.slide-right { left:-119px; }
.kooltipInUse .tooltip.center-left.slide-right { left:-53px; }
.kooltipInUse:hover .tooltip.center-left.slide-right { left:-33px; }
.kooltipInUse .tooltip.center-right.slide-right { right:-13px; }
.kooltipInUse:hover .tooltip.center-right.slide-right { right:-33px; }
.kooltipInUse .tooltip.left.slide-right { left:-42px; }
.kooltipInUse:hover .tooltip.left.slide-right { left:-22px; }
.kooltipInUse .tooltip.left-center.slide-right { left:-128px; }
.kooltipInUse:hover .tooltip.left-center.slide-right { left:-108px; }
.kooltipInUse .tooltip.left-right.slide-right { right:-24px; }
.kooltipInUse:hover .tooltip.left-right.slide-right { right:-44px; }
.kooltipInUse .tooltip.right.slide-right { right:-2px; }
.kooltipInUse:hover .tooltip.right.slide-right { right:-22px; }
.kooltipInUse .tooltip.right-left.slide-right { left:-64px; }
.kooltipInUse:hover .tooltip.right-left.slide-right { left:-44px; }
.kooltipInUse .tooltip.right-center.slide-right { right:-89px }
.kooltipInUse:hover .tooltip.right-center.slide-right { right:-109px }


/* slide-up */
.kooltipInUse .tooltip.top.slide-up { margin-bottom:-8px; }
.kooltipInUse:hover .tooltip.top.slide-up { margin-bottom:12px; }
.kooltipInUse .tooltip.bottom.slide-up { margin-top:10px; }
.kooltipInUse:hover .tooltip.bottom.slide-up { margin-top:14px; }

/* slide-down*/
.kooltipInUse .tooltip.top.slide-down { margin-bottom:32px; }
.kooltipInUse:hover .tooltip.top.slide-down { margin-bottom:12px; }
.kooltipInUse .tooltip.bottom.slide-down { margin-top:-6px; }
.kooltipInUse:hover .tooltip.bottom.slide-down { margin-top:14px; }


/**** [ widths ] ****/

/* 50px */
.kooltipInUse .tooltip.w50 { width:50px !important; }
.kooltipInUse .tooltip.center.w50,
.kooltipInUse:hover .tooltip.center.slide-left.w50,
.kooltipInUse:hover .tooltip.center.slide-right.w50 { left:-44px; }
.kooltipInUse .tooltip.left-center.w50,
.kooltipInUse:hover .tooltip.left-center.slide-left.w50,
.kooltipInUse:hover .tooltip.left-center.slide-right.w50 { left:-33px; }
.kooltipInUse .tooltip.right-center.w50,
.kooltipInUse:hover .tooltip.right-center.slide-left.w50,
.kooltipInUse:hover .tooltip.right-center.slide-right.w50 { right:-34px; }
.kooltipInUse .tooltip.center.slide-left.w50 { left:-24px; }
.kooltipInUse .tooltip.left-center.slide-left.w50 { left:-13px; }
.kooltipInUse .tooltip.right-center.slide-left.w50 { right:-54px; }
.kooltipInUse .tooltip.center.slide-right.w50 { left:-64px; }
.kooltipInUse .tooltip.left-center.slide-right.w50 { left:-53px; }
.kooltipInUse .tooltip.right-center.slide-right.w50 { right:-14px; }

/* 150px */
.kooltipInUse .tooltip.w150 { width:150px !important; }
.kooltipInUse .tooltip.center.w150,
.kooltipInUse:hover .tooltip.center.slide-left.w150,
.kooltipInUse:hover .tooltip.center.slide-right.w150 { left:-94px; }
.kooltipInUse .tooltip.left-center.w150,
.kooltipInUse:hover .tooltip.left-center.slide-left.w150,
.kooltipInUse:hover .tooltip.left-center.slide-right.w150 { left:-83px; }
.kooltipInUse .tooltip.right-center.w150,
.kooltipInUse:hover .tooltip.right-center.slide-left.w150,
.kooltipInUse:hover .tooltip.right-center.slide-right.w150 { right:-84px; }
.kooltipInUse .tooltip.center.slide-left.w150 { left:-74px; }
.kooltipInUse .tooltip.left-center.slide-left.w150 { left:-63px; }
.kooltipInUse .tooltip.right-center.slide-left.w150 { right:-104px; }
.kooltipInUse .tooltip.center.slide-right.w150 { left:-114px; }
.kooltipInUse .tooltip.left-center.slide-right.w150 { left:-103px; }
.kooltipInUse .tooltip.right-center.slide-right.w150 { right:-64px; }

/* widths common */
.kooltipInUse .tooltip.w50,
.kooltipInUse .tooltip.w100,
.kooltipInUse .tooltip.w150,
.kooltipInUse .tooltip.w200,
.kooltipInUse .tooltip.w250,
.kooltipInUse .tooltip.w300,
.kooltipInUse .tooltip.w350,
.kooltipInUse .tooltip.w400,
.kooltipInUse .tooltip.w450,
.kooltipInUse .tooltip.w500 {
	white-space:normal !important;	
}
.kooltipInUse .tooltip.w50 .title,
.kooltipInUse .tooltip.w100 .title,
.kooltipInUse .tooltip.w150 .title,
.kooltipInUse .tooltip.w200 .title,
.kooltipInUse .tooltip.w250 .title,
.kooltipInUse .tooltip.w300 .title,
.kooltipInUse .tooltip.w350 .title,
.kooltipInUse .tooltip.w400 .title,
.kooltipInUse .tooltip.w450 .title,
.kooltipInUse .tooltip.w500 .title {
	display:inline-block; /* IE8 trick */
}
/* blue */
.kooltipInUse .tooltip.icyblue {
	background-color:#D9EDF7;
	border-color:#BCE8F1;
	color:#666666;
	text-align: center;
}
.kooltipInUse .tooltip.icyblue.bottom:before { border-bottom:12px solid #BCE8F1; }
.kooltipInUse .tooltip.icyblue.bottom:after { border-bottom:12px solid #D9EDF7; }
.kooltipInUse .tooltip.icyblue.top:before { border-top:12px solid #D9EDF7; }
.kooltipInUse .tooltip.icyblue.top:after { border-top:12px solid #D9EDF7; }


/*EDIT LOGBOOK FIELD TOOLTIP*/


.kooltipLogbookEditField {
	outline: none;
	position: relative;
	text-decoration: none !important;
}

.kooltipLogbookEditField { display: inline-block; /* IE trick */ }

.kooltipLogbookEditField:hover .tooltip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

.kooltipLogbookEditField .tooltip {
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	cursor: default;
	padding: 10px;
	position: absolute;
	font-size: 12px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	width: auto !important;
	z-index: 999999;
}

 .kooltipLogbookEditField .tooltip:hover { opacity: 1; visibility: visible; }

.kooltipLogbookEditField .tooltip:before,
.kooltipLogbookEditField .tooltip:after {
	content:'';
	height:0;
	position:absolute;
	width:0;
	z-index:1;
}
.kooltipLogbookEditField .tooltip .title {
	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%;
}
/**** [ positioning ] ****/


/* center-left */
.kooltipLogbookEditField .tooltip.tooltable{ margin-left:1%; }

.kooltipLogbookEditField .tooltip.center-left,
.kooltipLogbookEditField .tooltip.center-left {
	left:-26px;
	margin-left:50%;
	right:auto;
}
.kooltipLogbookEditField .tooltip.center-left:before,
.kooltipLogbookEditField .tooltip.center-left:after { left:12px; }

/* center-right */
.kooltipLogbookEditField .tooltip.center-right,
.kooltipLogbookEditField:hover .tooltip.center-right {
	left:auto;
	margin-right:50%;
	right:-23px;
}
.kooltipLogbookEditField .tooltip.center-right:before,
.kooltipLogbookEditField .tooltip.center-right:after { right:20px; }

/* position top */
.kooltipLogbookEditField .tooltip.top {
	bottom:100%;
	margin-bottom:12px;
	top:auto;
}
.kooltipLogbookEditField .tooltip.top:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	bottom:-11px;
}
.kooltipLogbookEditField .tooltip.top:before {
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	bottom:-12px;
}

/* position bottom */
.kooltipLogbookEditField .tooltip.bottom {
	bottom:auto;
	margin-top:16px;
	top:100%;
}
.kooltipLogbookEditField .tooltip.bottom:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-11px;
}
.kooltipLogbookEditField .tooltip.bottom:before {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-13px;
}

.kooltipLogbookEditField .tooltip.bottom.tooltable{
    margin-top: -1px !important;
    margin-left: -14px !important;
}
    .kooltipLogbookEditField .tooltip.bottom.tooltable:after {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-8px;
    }
    .kooltipLogbookEditField .tooltip.bottom.tooltable:before {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-10px;
    }
    .kooltipLogbookEditField .tooltip.grey.bottom.tooltable:before { border-bottom:10px solid #CBCBCB; }
    .kooltipLogbookEditField .tooltip.grey.bottom.tooltable:after { border-bottom:10px solid #EDEDED; }


/**** [ animations ] ****/

/* slide-left */
.kooltipLogbookEditField .tooltip.center.slide-left { left:-99px; }
.kooltipLogbookEditField:hover .tooltip.center.slide-left { left:-119px; }
.kooltipLogbookEditField .tooltip.center-left.slide-left { left:-13px; }
.kooltipLogbookEditField:hover .tooltip.center-left.slide-left { left:-33px; }
.kooltipLogbookEditField .tooltip.center-right.slide-left { right:-53px; }
.kooltipLogbookEditField:hover .tooltip.center-right.slide-left { right:-33px; }
.kooltipLogbookEditField .tooltip.left.slide-left { left:-2px; }
.kooltipLogbookEditField:hover .tooltip.left.slide-left { left:-22px; }
.kooltipLogbookEditField .tooltip.left-center.slide-left { left:-88px; }
.kooltipLogbookEditField:hover .tooltip.left-center.slide-left { left:-108px; }
.kooltipLogbookEditField .tooltip.left-right.slide-left { right:-64px; }
.kooltipLogbookEditField:hover .tooltip.left-right.slide-left { right:-44px; }
.kooltipLogbookEditField .tooltip.right.slide-left { right:-42px; }
.kooltipLogbookEditField:hover .tooltip.right.slide-left { right:-22px; }
.kooltipLogbookEditField .tooltip.right-left.slide-left { left:-24px; }
.kooltipLogbookEditField:hover .tooltip.right-left.slide-left { left:-44px; }
.kooltipLogbookEditField .tooltip.right-center.slide-left { right:-129px }
.kooltipLogbookEditField:hover .tooltip.right-center.slide-left { right:-109px }

/* slide-right */
.kooltipLogbookEditField .tooltip.center.slide-right { left:-139px; }
.kooltipLogbookEditField:hover .tooltip.center.slide-right { left:-119px; }
.kooltipLogbookEditField .tooltip.center-left.slide-right { left:-53px; }
.kooltipLogbookEditField:hover .tooltip.center-left.slide-right { left:-33px; }
.kooltipLogbookEditField .tooltip.center-right.slide-right { right:-13px; }
.kooltipLogbookEditField:hover .tooltip.center-right.slide-right { right:-33px; }
.kooltipLogbookEditField .tooltip.left.slide-right { left:-42px; }
.kooltipLogbookEditField:hover .tooltip.left.slide-right { left:-22px; }
.kooltipLogbookEditField .tooltip.left-center.slide-right { left:-128px; }
.kooltipLogbookEditField:hover .tooltip.left-center.slide-right { left:-108px; }
.kooltipLogbookEditField .tooltip.left-right.slide-right { right:-24px; }
.kooltipLogbookEditField:hover .tooltip.left-right.slide-right { right:-44px; }
.kooltipLogbookEditField .tooltip.right.slide-right { right:-2px; }
.kooltipLogbookEditField:hover .tooltip.right.slide-right { right:-22px; }
.kooltipLogbookEditField .tooltip.right-left.slide-right { left:-64px; }
.kooltipLogbookEditField:hover .tooltip.right-left.slide-right { left:-44px; }
.kooltipLogbookEditField .tooltip.right-center.slide-right { right:-89px }
.kooltipLogbookEditField:hover .tooltip.right-center.slide-right { right:-109px }


/* slide-up */
.kooltipLogbookEditField .tooltip.top.slide-up { margin-bottom:-8px; }
.kooltipLogbookEditField:hover .tooltip.top.slide-up { margin-bottom:12px; }
.kooltipLogbookEditField .tooltip.bottom.slide-up { margin-top:10px; }
.kooltipLogbookEditField:hover .tooltip.bottom.slide-up { margin-top:14px; }

/* slide-down*/
.kooltipLogbookEditField .tooltip.top.slide-down { margin-bottom:32px; }
.kooltipLogbookEditField:hover .tooltip.top.slide-down { margin-bottom:12px; }
.kooltipLogbookEditField .tooltip.bottom.slide-down { margin-top:-6px; }
.kooltipLogbookEditField:hover .tooltip.bottom.slide-down { margin-top:14px; }


/**** [ widths ] ****/

/* 50px */
.kooltipLogbookEditField .tooltip.w50 { width:50px !important; }
.kooltipLogbookEditField .tooltip.center.w50,
.kooltipLogbookEditField:hover .tooltip.center.slide-left.w50,
.kooltipLogbookEditField:hover .tooltip.center.slide-right.w50 { left:-44px; }
.kooltipLogbookEditField .tooltip.left-center.w50,
.kooltipLogbookEditField:hover .tooltip.left-center.slide-left.w50,
.kooltipLogbookEditField:hover .tooltip.left-center.slide-right.w50 { left:-33px; }
.kooltipLogbookEditField .tooltip.right-center.w50,
.kooltipLogbookEditField:hover .tooltip.right-center.slide-left.w50,
.kooltipLogbookEditField:hover .tooltip.right-center.slide-right.w50 { right:-34px; }
.kooltipLogbookEditField .tooltip.center.slide-left.w50 { left:-24px; }
.kooltipLogbookEditField .tooltip.left-center.slide-left.w50 { left:-13px; }
.kooltipLogbookEditField .tooltip.right-center.slide-left.w50 { right:-54px; }
.kooltipLogbookEditField .tooltip.center.slide-right.w50 { left:-64px; }
.kooltipLogbookEditField .tooltip.left-center.slide-right.w50 { left:-53px; }
.kooltipLogbookEditField .tooltip.right-center.slide-right.w50 { right:-14px; }

/* 150px */
.kooltipLogbookEditField .tooltip.w150 { width:70px !important; }
.kooltipLogbookEditField .tooltip.center.w150,
.kooltipLogbookEditField:hover .tooltip.center.slide-left.w150,
.kooltipLogbookEditField:hover .tooltip.center.slide-right.w150 { left:-94px; }
.kooltipLogbookEditField .tooltip.left-center.w150,
.kooltipLogbookEditField:hover .tooltip.left-center.slide-left.w150,
.kooltipLogbookEditField:hover .tooltip.left-center.slide-right.w150 { left:-83px; }
.kooltipLogbookEditField .tooltip.right-center.w150,
.kooltipLogbookEditField:hover .tooltip.right-center.slide-left.w150,
.kooltipLogbookEditField:hover .tooltip.right-center.slide-right.w150 { right:-84px; }
.kooltipLogbookEditField .tooltip.center.slide-left.w150 { left:-74px; }
.kooltipLogbookEditField .tooltip.left-center.slide-left.w150 { left:-63px; }
.kooltipLogbookEditField .tooltip.right-center.slide-left.w150 { right:-104px; }
.kooltipLogbookEditField .tooltip.center.slide-right.w150 { left:-114px; }
.kooltipLogbookEditField .tooltip.left-center.slide-right.w150 { left:-103px; }
.kooltipLogbookEditField .tooltip.right-center.slide-right.w150 { right:-64px; }

/* widths common */
.kooltipLogbookEditField .tooltip.w50,
.kooltipLogbookEditField .tooltip.w100,
.kooltipLogbookEditField .tooltip.w150,
.kooltipLogbookEditField .tooltip.w200,
.kooltipLogbookEditField .tooltip.w250,
.kooltipLogbookEditField .tooltip.w300,
.kooltipLogbookEditField .tooltip.w350,
.kooltipLogbookEditField .tooltip.w400,
.kooltipLogbookEditField .tooltip.w450,
.kooltipLogbookEditField .tooltip.w500 {
	white-space:normal !important;	
}
.kooltipLogbookEditField .tooltip.w50 .title,
.kooltipLogbookEditField .tooltip.w100 .title,
.kooltipLogbookEditField .tooltip.w150 .title,
.kooltipLogbookEditField .tooltip.w200 .title,
.kooltipLogbookEditField .tooltip.w250 .title,
.kooltipLogbookEditField .tooltip.w300 .title,
.kooltipLogbookEditField .tooltip.w350 .title,
.kooltipLogbookEditField .tooltip.w400 .title,
.kooltipLogbookEditField .tooltip.w450 .title,
.kooltipLogbookEditField .tooltip.w500 .title {
	display:inline-block; /* IE8 trick */
}
/* blue */
.kooltipLogbookEditField .tooltip.icyblue {
	background-color:#D9EDF7;
	border-color:#BCE8F1;
	color:#666666;
	text-align: left;
}
.kooltipLogbookEditField .tooltip.icyblue.bottom:before { border-bottom:12px solid #BCE8F1; }
.kooltipLogbookEditField .tooltip.icyblue.bottom:after { border-bottom:12px solid #D9EDF7; }
.kooltipLogbookEditField .tooltip.icyblue.top:before { border-top:12px solid #D9EDF7; }
.kooltipLogbookEditField .tooltip.icyblue.top:after { border-top:12px solid #D9EDF7; }

/*DELETE LOGBOOK FIELD TOOL TIP*/

.kooltipLogbookDeleteField {
	outline: none;
	position: relative;
	text-decoration: none !important;
}

.kooltipLogbookDeleteField { display: inline-block; /* IE trick */ }

.kooltipLogbookDeleteField:hover .tooltip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

.kooltipLogbookDeleteField .tooltip {
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	cursor: default;
	padding: 10px;
	position: absolute;
	font-size: 12px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	white-space: nowrap;
	width: auto !important;
	z-index: 999999;
}

 .kooltipLogbookDeleteField .tooltip:hover { opacity: 1; visibility: visible; }

.kooltipLogbookDeleteField .tooltip:before,
.kooltipLogbookDeleteField .tooltip:after {
	content:'';
	height:0;
	position:absolute;
	width:0;
	z-index:1;
}
.kooltipLogbookDeleteField .tooltip .title {
	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%;
}
/**** [ positioning ] ****/


/* center-left */
.kooltipLogbookDeleteField .tooltip.tooltable{ margin-left:1%; }

.kooltipLogbookDeleteField .tooltip.center-left,
.kooltipLogbookDeleteField .tooltip.center-left {
	left:-26px;
	margin-left:50%;
	right:auto;
}
.kooltipLogbookDeleteField .tooltip.center-left:before,
.kooltipLogbookDeleteField .tooltip.center-left:after { left:12px; }

/* center-right */
.kooltipLogbookDeleteField .tooltip.center-right,
.kooltipLogbookDeleteField:hover .tooltip.center-right {
	left:auto;
	margin-right:50%;
	right:-23px;
}
.kooltipLogbookDeleteField .tooltip.center-right:before,
.kooltipLogbookDeleteField .tooltip.center-right:after { right:20px; }

/* position top */
.kooltipLogbookDeleteField .tooltip.top {
	bottom:100%;
	margin-bottom:12px;
	top:auto;
}
.kooltipLogbookDeleteField .tooltip.top:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	bottom:-11px;
}
.kooltipLogbookDeleteField .tooltip.top:before {
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	bottom:-12px;
}

/* position bottom */
.kooltipLogbookDeleteField .tooltip.bottom {
	bottom:auto;
	margin-top:16px;
	top:100%;
}
.kooltipLogbookDeleteField .tooltip.bottom:after {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-11px;
}
.kooltipLogbookDeleteField .tooltip.bottom:before {
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	top:-13px;
}

.kooltipLogbookDeleteField .tooltip.bottom.tooltable{
    margin-top: -1px !important;
    margin-left: -14px !important;
}
    .kooltipLogbookDeleteField .tooltip.bottom.tooltable:after {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-8px;
    }
    .kooltipLogbookDeleteField .tooltip.bottom.tooltable:before {
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        top:-10px;
    }
    .kooltipLogbookDeleteField .tooltip.grey.bottom.tooltable:before { border-bottom:10px solid #CBCBCB; }
    .kooltipLogbookDeleteField .tooltip.grey.bottom.tooltable:after { border-bottom:10px solid #EDEDED; }


/**** [ animations ] ****/

/* slide-left */
.kooltipLogbookDeleteField .tooltip.center.slide-left { left:-99px; }
.kooltipLogbookDeleteField:hover .tooltip.center.slide-left { left:-119px; }
.kooltipLogbookDeleteField .tooltip.center-left.slide-left { left:-13px; }
.kooltipLogbookDeleteField:hover .tooltip.center-left.slide-left { left:-33px; }
.kooltipLogbookDeleteField .tooltip.center-right.slide-left { right:-53px; }
.kooltipLogbookDeleteField:hover .tooltip.center-right.slide-left { right:-33px; }
.kooltipLogbookDeleteField .tooltip.left.slide-left { left:-2px; }
.kooltipLogbookDeleteField:hover .tooltip.left.slide-left { left:-22px; }
.kooltipLogbookDeleteField .tooltip.left-center.slide-left { left:-88px; }
.kooltipLogbookDeleteField:hover .tooltip.left-center.slide-left { left:-108px; }
.kooltipLogbookDeleteField .tooltip.left-right.slide-left { right:-64px; }
.kooltipLogbookDeleteField:hover .tooltip.left-right.slide-left { right:-44px; }
.kooltipLogbookDeleteField .tooltip.right.slide-left { right:-42px; }
.kooltipLogbookDeleteField:hover .tooltip.right.slide-left { right:-22px; }
.kooltipLogbookDeleteField .tooltip.right-left.slide-left { left:-24px; }
.kooltipLogbookDeleteField:hover .tooltip.right-left.slide-left { left:-44px; }
.kooltipLogbookDeleteField .tooltip.right-center.slide-left { right:-129px }
.kooltipLogbookDeleteField:hover .tooltip.right-center.slide-left { right:-109px }

/* slide-right */
.kooltipLogbookDeleteField .tooltip.center.slide-right { left:-139px; }
.kooltipLogbookDeleteField:hover .tooltip.center.slide-right { left:-119px; }
.kooltipLogbookDeleteField .tooltip.center-left.slide-right { left:-53px; }
.kooltipLogbookDeleteField:hover .tooltip.center-left.slide-right { left:-33px; }
.kooltipLogbookDeleteField .tooltip.center-right.slide-right { right:-13px; }
.kooltipLogbookDeleteField:hover .tooltip.center-right.slide-right { right:-33px; }
.kooltipLogbookDeleteField .tooltip.left.slide-right { left:-42px; }
.kooltipLogbookDeleteField:hover .tooltip.left.slide-right { left:-22px; }
.kooltipLogbookDeleteField .tooltip.left-center.slide-right { left:-128px; }
.kooltipLogbookDeleteField:hover .tooltip.left-center.slide-right { left:-108px; }
.kooltipLogbookDeleteField .tooltip.left-right.slide-right { right:-24px; }
.kooltipLogbookDeleteField:hover .tooltip.left-right.slide-right { right:-44px; }
.kooltipLogbookDeleteField .tooltip.right.slide-right { right:-2px; }
.kooltipLogbookDeleteField:hover .tooltip.right.slide-right { right:-22px; }
.kooltipLogbookDeleteField .tooltip.right-left.slide-right { left:-64px; }
.kooltipLogbookDeleteField:hover .tooltip.right-left.slide-right { left:-44px; }
.kooltipLogbookDeleteField .tooltip.right-center.slide-right { right:-89px }
.kooltipLogbookDeleteField:hover .tooltip.right-center.slide-right { right:-109px }


/* slide-up */
.kooltipLogbookDeleteField .tooltip.top.slide-up { margin-bottom:-8px; }
.kooltipLogbookDeleteField:hover .tooltip.top.slide-up { margin-bottom:12px; }
.kooltipLogbookDeleteField .tooltip.bottom.slide-up { margin-top:10px; }
.kooltipLogbookDeleteField:hover .tooltip.bottom.slide-up { margin-top:14px; }

/* slide-down*/
.kooltipLogbookDeleteField .tooltip.top.slide-down { margin-bottom:32px; }
.kooltipLogbookDeleteField:hover .tooltip.top.slide-down { margin-bottom:12px; }
.kooltipLogbookDeleteField .tooltip.bottom.slide-down { margin-top:-6px; }
.kooltipLogbookDeleteField:hover .tooltip.bottom.slide-down { margin-top:14px; }


/**** [ widths ] ****/

/* 50px */
.kooltipLogbookDeleteField .tooltip.w50 { width:50px !important; }
.kooltipLogbookDeleteField .tooltip.center.w50,
.kooltipLogbookDeleteField:hover .tooltip.center.slide-left.w50,
.kooltipLogbookDeleteField:hover .tooltip.center.slide-right.w50 { left:-44px; }
.kooltipLogbookDeleteField .tooltip.left-center.w50,
.kooltipLogbookDeleteField:hover .tooltip.left-center.slide-left.w50,
.kooltipLogbookDeleteField:hover .tooltip.left-center.slide-right.w50 { left:-33px; }
.kooltipLogbookDeleteField .tooltip.right-center.w50,
.kooltipLogbookDeleteField:hover .tooltip.right-center.slide-left.w50,
.kooltipLogbookDeleteField:hover .tooltip.right-center.slide-right.w50 { right:-34px; }
.kooltipLogbookDeleteField .tooltip.center.slide-left.w50 { left:-24px; }
.kooltipLogbookDeleteField .tooltip.left-center.slide-left.w50 { left:-13px; }
.kooltipLogbookDeleteField .tooltip.right-center.slide-left.w50 { right:-54px; }
.kooltipLogbookDeleteField .tooltip.center.slide-right.w50 { left:-64px; }
.kooltipLogbookDeleteField .tooltip.left-center.slide-right.w50 { left:-53px; }
.kooltipLogbookDeleteField .tooltip.right-center.slide-right.w50 { right:-14px; }

/* 150px */
.kooltipLogbookDeleteField .tooltip.w150 { width:83px !important; }
.kooltipLogbookDeleteField .tooltip.center.w150,
.kooltipLogbookDeleteField:hover .tooltip.center.slide-left.w150,
.kooltipLogbookDeleteField:hover .tooltip.center.slide-right.w150 { left:-94px; }
.kooltipLogbookDeleteField .tooltip.left-center.w150,
.kooltipLogbookDeleteField:hover .tooltip.left-center.slide-left.w150,
.kooltipLogbookDeleteField:hover .tooltip.left-center.slide-right.w150 { left:-83px; }
.kooltipLogbookDeleteField .tooltip.right-center.w150,
.kooltipLogbookDeleteField:hover .tooltip.right-center.slide-left.w150,
.kooltipLogbookDeleteField:hover .tooltip.right-center.slide-right.w150 { right:-84px; }
.kooltipLogbookDeleteField .tooltip.center.slide-left.w150 { left:-74px; }
.kooltipLogbookDeleteField .tooltip.left-center.slide-left.w150 { left:-63px; }
.kooltipLogbookDeleteField .tooltip.right-center.slide-left.w150 { right:-104px; }
.kooltipLogbookDeleteField .tooltip.center.slide-right.w150 { left:-114px; }
.kooltipLogbookDeleteField .tooltip.left-center.slide-right.w150 { left:-103px; }
.kooltipLogbookDeleteField .tooltip.right-center.slide-right.w150 { right:-64px; }

/* widths common */
.kooltipLogbookDeleteField .tooltip.w50,
.kooltipLogbookDeleteField .tooltip.w100,
.kooltipLogbookDeleteField .tooltip.w150,
.kooltipLogbookDeleteField .tooltip.w200,
.kooltipLogbookDeleteField .tooltip.w250,
.kooltipLogbookDeleteField .tooltip.w300,
.kooltipLogbookDeleteField .tooltip.w350,
.kooltipLogbookDeleteField .tooltip.w400,
.kooltipLogbookDeleteField .tooltip.w450,
.kooltipLogbookDeleteField .tooltip.w500 {
	white-space:normal !important;	
}
.kooltipLogbookDeleteField .tooltip.w50 .title,
.kooltipLogbookDeleteField .tooltip.w100 .title,
.kooltipLogbookDeleteField .tooltip.w150 .title,
.kooltipLogbookDeleteField .tooltip.w200 .title,
.kooltipLogbookDeleteField .tooltip.w250 .title,
.kooltipLogbookDeleteField .tooltip.w300 .title,
.kooltipLogbookDeleteField .tooltip.w350 .title,
.kooltipLogbookDeleteField .tooltip.w400 .title,
.kooltipLogbookDeleteField .tooltip.w450 .title,
.kooltipLogbookDeleteField .tooltip.w500 .title {
	display:inline-block; /* IE8 trick */
}
/* blue */
.kooltipLogbookDeleteField .tooltip.icyblue {
	background-color:#D9EDF7;
	border-color:#BCE8F1;
	color:#666666;
	text-align: left;
}
.kooltipLogbookDeleteField .tooltip.icyblue.bottom:before { border-bottom:12px solid #BCE8F1; }
.kooltipLogbookDeleteField .tooltip.icyblue.bottom:after { border-bottom:12px solid #D9EDF7; }
.kooltipLogbookDeleteField .tooltip.icyblue.top:before { border-top:12px solid #D9EDF7; }
.kooltipLogbookDeleteField .tooltip.icyblue.top:after { border-top:12px solid #D9EDF7; }