/* --------------------------------------------
	ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
-------------------------------------------- */

.infobox {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3100;
	text-align: left;
	padding: 10px;
	min-width: 50px;
	max-width: 300px;
	color: #fff;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
}

.infobox .tip-arrow 					{ position: absolute; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: rgba(0,0,0,.8); }
.infobox .tip-arrow.tip-arrow-top 		{ top: -12px; left: 15px; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
.infobox .tip-arrow.tip-arrow-bottom 	{ bottom: -12px; left: 15px; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
.infobox .tip-arrow.tip-arrow-right 	{ top: 50%; margin-top: -6px; right: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-right-color: transparent !important; }
.infobox .tip-arrow.tip-arrow-left 		{ top: 50%; margin-top: -6px; left: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-left-color: transparent !important; }

.infobox a 			{ color: #B4B8ED; }
.infobox a:hover 	{ color: #999DDB; }


/* Default Tip */
.infobox.infobox-standart 				{ background: #333; font-size: 11px;}
.infobox.infobox-standart .tip-arrow 	{ border-color: #333; }

/* Yellow */
.infobox.infobox-yellow 				{ background: #FFF7B1; color: #333; border-radius: 10px; padding: 15px 20px; font-size: 11px; line-height: 16px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); }
.infobox.infobox-yellow .tip-arrow 		{ border-color: #FFF7B1; }

/* Topic */
.infobox.infobox-topic 					{ font-size: 11px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); box-shadow: 0 0 5px rgba(0,0,0,.5); background: #333; border-radius: 5px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-weight:bold }
.infobox.infobox-topic i 				{ margin-right: 5px; }
.infobox.infobox-topic .tip-arrow 		{ left: 50%; margin-left: -6px; border-color: #333; }