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

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

.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: #758AA3; }
.infobox a:hover 	{ color: #f00; }


/* Default Tip */
.infobox.infobox-standart 				{ background: rgba(0,0,0,.8); }
.infobox.infobox-standart .tip-arrow 	{ border-color: rgba(0,0,0,.8); }

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

/* Topic */
.infobox.infobox-topic 					{ font-size: 11px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); background: #1d1d1d; }
.infobox.infobox-topic i 					{ margin-right: 5px; margin-top: -2px}
.infobox.infobox-topic .tip-arrow 		{ left: 50%; margin-left: -5px; border-color: #1d1d1d; }

/* Help */
.infobox.infobox-help 								{ background: #fff; width: 300px; border: 1px solid #f0f0f0; color: #333; padding: 25px 30px; font-size: 12px; line-height: 18px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); }
.infobox.infobox-help .tip-arrow 					{ border: none; width: 15px; height: 11px; background: url(../images/icons-starter.png) no-repeat; }
.infobox.infobox-help .tip-arrow.tip-arrow-top 		{ background-position: -38px -107px; top: -11px; }
.infobox.infobox-help .tip-arrow.tip-arrow-bottom 	{ background-position: -53px -107px; bottom: -11px; }
.infobox.infobox-help .blog-info 					{ margin-bottom: 30px; }
.infobox.infobox-help .blog-info li span 				{ background: #fff; }
.infobox.infobox-help .blog-info li strong 				{ background: #fff; }
.infobox.infobox-help .infobox-topic 				{ color: #4e729d; }
.infobox.infobox-help .infobox-topic:hover			{ color: #f00; }
.infobox.infobox-help .infobox-actions 				{ font-size: 11px; }

/* Share */
.infobox.infobox-share 								{ background: #fff; width: 300px; border: 1px solid #f0f0f0; color: #333; padding: 10px 15px; font-size: 12px; line-height: 18px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); }
.infobox.infobox-share .tip-arrow 					{ border: none; width: 15px; height: 11px; background: url(../images/icons-starter.png) no-repeat; }
.infobox.infobox-share .tip-arrow.tip-arrow-top 		{ background-position: -38px -107px; top: -11px; left: 50%; margin-left: -7px;  }
.infobox.infobox-share .tip-arrow.tip-arrow-bottom 	{ background-position: -53px -107px; bottom: -11px; left: 50%; margin-left: -7px;  }