/**
 * jQuery.hkwpopover example stylesheet.
 * By Davey IJzermans
 * http://daveyyzermans.nl
 * 
 * License: public domain
 */
/*
 * HKW version, heavy changes
 * Author: Denny Backhaus 
 * 2013
 */

.hkwpopover {
	position: absolute;
	top: 0; left: 0;
	max-height: 300px;
	width: 210px;
	display: none;
}
.hkwpopover.wider {
	width: 340px;
}
.hkwpopover.large {
	width: 470px;
	max-height: 350px;
}
.hkwpopover .arrow, .hkwpopover .top-arrow {
	position: absolute;
	top: 0; left: 0;
	margin: -9px 0 0 0;
	width: 100%; height: 10px;
	background-image: url(./caret_dark.png);
	background-size: 400px 10px;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0;
}
.hkwpopover .bottom-arrow {
	top: auto; bottom: 0; left: 0;
	margin: 0 0 -9px 0;
	background-image: url(./caret_down_dark.png?v=1);
}
.hkwpopover .left-arrow {
	top: 0; left: 0;
	margin: 0 0 0 -9px;
	background-image: url(./caret_left_dark.png?v=1);
	background-size: 10px 400px;
	width: 10px;
	height: 100%;
}
.hkwpopover .right-arrow {
	top: 0; left: auto; right: 0;
	margin: 0 -9px 0 0;
	background-image: url(./caret_right_dark.png?v=1);
	background-size: 10px 400px;
	width: 10px;
	height: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { /* retina */
	.hkwpopover .top-arrow { background-image: url(./caret_dark_2x.png); }
	.hkwpopover .bottom-arrow { background-image: url(./caret_down_dark_2x.png); }
	.hkwpopover .left-arrow { background-image: url(./caret_left_dark_2x.png); }
	.hkwpopover .right-arrow { background-image: url(./caret_right_dark_2x.png); }
}

.hkwpopover .wrap {
	background: #222222;
	border: 1px solid #999999;
}
.hkwpopover .title {
	color: white;
	font-size: 1.3em;
	text-align: center;
	padding: 8px 0 0 0;
	height: 27px;
	border-bottom: 1px solid #999999;
}
.hkwpopover .content {
	padding: 15px;
	max-height: 265px;
	overflow: auto;
	line-height: 1.3em;
	font-size: 0.9em;
	color: #fff;
}
.hkwpopover.large .content {
	max-height: 285px;
}


.hkwpopover .content ul.nav-meta {
	margin: 0 0 0 5px;
}