/* Help Tip */
.helptip {
	width: 400px;
	position: absolute;
	color: #5B5B5B;
	font-size: 12px;
	border-radius: 13px;
	box-shadow: 1px 2px 2px #74797d;
	background-color: rgb(0, 131, 255); /* IE fallback */
	border: 4px solid rgb(0, 131, 255); /* IE fallback */
	background-color: rgba(0, 131, 255, .5);
	border: 4px solid rgba(0, 131, 255, .5);
	background-clip: padding-box;
	box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
	z-index: 10005;
}
.helptip > div {
	background-color: #fff;
	border-radius: 9px;
	font-size: 14px !important;
	color: #3B3B3B;
	max-height: 120px;
	border: solid 1px #4FB2D9;
	overflow-y: auto;
	position: relative;
}
.helptip_content {
display: none;
}
.helptip.video > div,
.helptip.img > div {
	max-height: 370px;
}
.helptip.video {
	width: 432px;
}
.helptip h2 {
	padding-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
	color: #5B5B5B;
	margin: 0;
}
.helptip .tipTxt {
	font-size: 12px;
	padding: 10px 22px 10px 16px;
}
.helptip .tipTxt a {
	text-decoration: underline;
	color: #0083ff;
}
.helptip p {
	margin: 0;
}
.helptip .tipVideo {
	border: solid 1px #e1e1e1;
	margin: 0 auto 14px;
}
.helptip div img {
	margin: 5px auto;
	display: block;
	max-width: 100%;
}
.helptip .close,
.helptip .arrow {
	display: block;
	position: absolute;
	background-image: url(../images_system/helptip-sprite.png);
	background-repeat: no-repeat;
}
/* Te rozmiary muszą zostać podane, żeby JS mógł wyliczyć rozmiar */
.helptip .arrow {
	width: 11px;
	height: 15px;
	top: 48%;
}
.helptip.pos_t .arrow,
.helptip.pos_b .arrow {
	width: 15px;
	height: 11px;
	left: 48%;
	top: auto;
}
.helptip.pos_t .arrow {
	bottom: -10px;
	background-position: -23px 0;
}
.helptip.pos_l .arrow {
	right: -10px;
	background-position: -11px -1px;
}
.helptip.pos_r .arrow {
	left: -10px;
	background-position: 0 -1px;
}
.helptip.pos_b .arrow {
	top: -10px;
	background-position: -40px 0;
}
.helptip .close {
	top: 5px;
	right: 5px;
	width: 11px;
	height: 11px;
	cursor: pointer;
	text-indent: -99999px;
	background-position: 100% 0;
}
.helptip.hiddenClose .close{
	display: none;
}
.helptip.auto { width: auto; }
/* Error tip */
.errtip .arrow { background-image: url(../images_system/errtip-sprite.png) !important; }
.errtip {
	width: 340px;
	color: #5B5B5B;
	border: solid 4px rgb(255, 81, 81); /* IE fallback */
	border: solid 4px rgba(255, 81, 81, .5);
}
.errtip > div {
	max-height: 120px;
	border: solid 1px #e70000;
}
/* Features tip */
.featureTip .tipTxt p {
	margin: 0;
	text-align: center;
	font-size: 13px;
}
.featureTip .stepNav {
	padding-top: 8px;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
}
.featureTip .stepNavEnd {
	float: left;
	margin-top: 5px;
}

.helptip.featureTip .stepNavNext {
	float: right;
	text-decoration: none;
}
.featureTip .close,
.helptip.noArrow .arrow {
	display: none;
}
.featureTip h2 {
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	padding-bottom: 5px;
}
.exposeFeatureTip {
	display: none;
	position: absolute;
	z-index: 1000;
	-webkit-box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 3000px;
	-moz-box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 3000px;
	-ms-box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 3000px;
	-o-box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 3000px;
	box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 3000px;
}

.helptip_icon {
background-image: url(../images_system/icons/question-very_small.gif);
opacity: 1;
height: 14px;
width: 14px;
background-repeat: no-repeat;
position: absolute;
margin: -8px 0px 0px 2px;
}

button.decrement-btn,
button.increment-btn,
button.delete,
button.close {
	background: url(../images_system/vela-icons-sprite.png) no-repeat scroll 0 0 transparent;
	border: 0 none;
	height: 14px;
	text-indent: -9999px;
	width: 14px;
}
button.close {
	background-position: -144px 0;
}
button.close:active {
	background-position: -128px 0;
}
.cursorHelp {
	CURSOR: help
}
img.helptip_show {
position: relative;
margin: 0px 0px 8px;}
