// POPOVERS
// --------

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: @zindexPopover;
	display: none;
	max-width: 1000px;
	padding: 5px;
	&.top    { margin-top:  -5px; }
	&.right  { margin-left:  5px; }
	&.bottom { margin-top:   5px; }
	&.left   { margin-left: -5px; }
	&.top .arrow    { #popoverArrow > .top(); }
	&.right .arrow  { #popoverArrow > .right(); }
	&.bottom .arrow { #popoverArrow > .bottom(); }
	&.left .arrow   { #popoverArrow > .left();  }
	.arrow {
		position: absolute;
		width: 0;
		height: 0;
	}
}
.popover-inner {
	padding: 3px;
	width: 340px;
	overflow: hidden;
	background: @black; // has to be full background declaration for IE fallback
	background: rgba(0,0,0,.8);
	.border-radius(6px);
	.box-shadow(0 3px 7px rgba(0,0,0,0.3));
}
.popover-title {
	padding: 9px 15px;
	line-height: 1;
	background-color: #f5f5f5;
	border-bottom:1px solid #eee;
	.border-radius(3px 3px 0 0);
}
.popover-content {
	padding: 14px;
	background-color: @white;
	.border-radius(0 0 3px 3px);
	.background-clip(padding-box);
	p, ul, ol {
		margin-bottom: 0;
	}
}