/* =============================================================================
   File:            balloons.css
   Description:     Styles for displaying tooltip, terms definitions, etc.
   Project:         PromSvyazBank Site
   Author:          Pavel Buramenski
   ========================================================================== */

/* ----------------------------------------------------------- Footnote terms */
.footnote_link{
    position:relative;
	display:inline-block;
    vertical-align: super;  
    margin-left: 1px;
    width: 12px;
	height: 12px;	
	background: #f97400;
	border-radius: 6px;	
	-webkit-border-radius: 6px;	
	overflow: visible;
	text-align:center;				
	font: bold 10px/12px 'Open Sans Bold', arial;
	color: #fff;
	cursor: pointer;
}

.private-segment .footnote_link{
	background: #8d6d54;
}

/*
#footnote_bubble{
    position: absolute;
    width:220px;
    height: auto;
    background: #fbfbfc;
    border:13px solid #fbfbfc;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}

#footnote_bubble:before {
	content:"";
	position: absolute;
    left: -26px;
    top: 8px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 10px solid #f97400;
	border-bottom: 5px solid transparent;
}

#footnote_bubble h3{
    margin-top: 3px;
    color: #f97400;
    font: normal 13px 'Open Sans Bold', arial;
}

#footnote_bubble div{
    color: #666666;
    font: normal 11px/15px 'Open Sans', arial;
}
*/