.popover {
  position: absolute;
  display: none;
  opacity: 0;
  cursor: auto;
  color: black;
  background-color: white;
  border: 3px solid #63624C;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-transition-property: opacity;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.popover.active {
  opacity: 1;
}

.popover > .triangle {
  position: absolute;
  width: 0px;
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
}

.popover > .triangle.top {
  bottom: -30px;
  border-top: 15px solid #63624C;
}

.popover > .triangle.bottom {
  top: -30px;
  border-bottom: 15px solid #63624C;
}

.popover > .triangle.left {
  right: -30px;
  border-left: 15px solid #63624C;
}

.popover > .triangle.right {
  left: -30px;
  border-right: 15px solid #63624C;
}

.popover > .header {
	font-weight: bold;
	font-size:1.1em;
	margin: 0;
	padding: 3px;
	height: 1.25em;
	color: white;
	background-color: #9A967C;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	background-image: linear-gradient(rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	text-align: center;
}

.popover > .content {
	font-size:1.1em;
	min-width: 15em;
	overflow-x: hidden;
	overflow-y: auto;
	text-align:left;
}

.popover > .content ul {
	margin: 0;
	padding: 0;
}

.popover > .content ul li {
	margin: 0;
	padding: 0;
	list-style:none;
}

.popover > .content ul li a {
	padding:6px;
	text-decoration:none;
	background-color: #FFF;
	display: block;
	color:#000 !important;
}

.popover > .content ul li a:hover {
	background-color: #d6d5b6;
	color:#000 !important;
}