﻿.tooltip {
	bottom: 100%;
	color: #193b44;
	font-size: 0.9em;
	padding: 42px 23px 10px 0;
	position: absolute;
	margin: 0 0 0 45px;
	left: 0;
	overflow: hidden;
	width: 60px;
	z-index: 4;
}

.tooltip .inner {
	position: relative;
}

.tooltip .content {
	background: #ffe0a6;
	padding: 0 30px 5px 30px;
	position: relative;
	overflow: hidden;
}

.tooltip .content .text {
	position: relative;
	width: 27em;
}


.tooltip .border {
	position: absolute;
	width: 100%;
}

.tooltip .border.top {
	top: -16px;
	height: 16px;
}

.tooltip .decor {
	background: url("../i/tooltip_decor.png") no-repeat;
}

.tooltip .border.top .lt,
.tooltip .border.bottom .lb,
.tooltip .border.bottom .rb,
.tooltip .content .tail {
	height: 300px;
	width: 1000px;
	position: absolute;
}

.tooltip .border.top .lt {
	top: -74px;
	clip: rect(75px 1000px 90px 0);
	width: 100%;
}

.tooltip .border.top .rt {
	width: 120px;
	height: 51px;
	position: absolute;
	margin-left: 100%;
	top: -25px;
	left: -90px;
}

.tooltip .border.bottom {
	height: 24px;
	position: relative;
	margin-bottom: -14px;
	margin-right: 20px;
	width: auto;
}
.tooltip .border.bottom .decor {
	top: -90px;
}
.tooltip .border.bottom .lb {
	clip: rect(90px 1000px 114px 0);
	width: 100%;
}
.tooltip .border.bottom .rb {
	clip: rect(90px 1000px 114px 980px);
	left: -980px;
	margin-left: 100%;
}

.tooltip.not_display, .tooltip.not_display * {
	display: none;
}


.tooltip.tooltip_right {
	left: auto;
	right: 45%;
	padding:42px 0 10px 23px;
}

.tooltip.tooltip_right .border.top .lt {
	top: -25px;
	clip: rect(0 240px 51px 125px);
	left: -149px;
	width: 240px;
	height: 51px;
}

.tooltip.tooltip_right .border.top .reducer {
	height: 16px;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.tooltip.tooltip_right .border.top .rt {
	clip: rect(75px 1000px 90px 0);
	height: 114px;
	position: absolute;
	margin-left: 100%;
	left: -1000px;
	top: -74px;
	width: 1000px;
}

.tooltip.tooltip_right .border.bottom {
	margin: 0 35px -14px 0;
}
.tooltip.tooltip_right .border.bottom .decor {
	top: -51px;
}
.tooltip.tooltip_right .border.bottom .rb {
	clip: rect(51px 1000px 75px 965px);
	width: 1000px;
	left: -965px;
}
.tooltip.tooltip_right .border.bottom .lb {
	clip: rect(51px 1000px 75px 0);
	left: 0;
	margin-left:0;
}
