.popover.open {
	display: block;
}
.popover {
	padding:12px;
	display: none;
	position: absolute;
	bottom: 110%;
	left: 0;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	/*top: 92%;*/
	/*left: -50%;*/
	-webkit-filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
	-moz-filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
	filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
}
.help a[data-popover], .help .jump {
	color: #444;
	text-decoration: none;
	border-bottom: 1px dashed #888;
}
.popover {max-width:256px; min-width: 256px}
.popover.wide {max-width:700px}


.arrow {
	position: relative;
}
.arrow:after {
	content: '︎⬆';
	display: block;
	/*width:100%;*/
	/*margin:0 auto;*/
	/*text-align: center;*/
	font-size:64px;
	/*font-weight: bold;*/
	color:#d43f3a;
	position: absolute;
	left:0%;
	top:100%;
	/*☝︎⬆⇧*/
	-webkit-animation: cssAnimation 1s 5 linear;
	-moz-animation:  cssAnimation 1s 5 linear;
	animation: cssAnimation 1s 5 linear;
}

.arrow-anim {
}
@-webkit-keyframes cssAnimation {
	from {-webkit-transform: translate(0,30px);}
	to {-webkit-transform: translate(0);}
}
@-moz-keyframes cssAnimation {
	from {-moz-transform: translate(0,30px)}
	to {-moz-transform: translate(0)}
}
@keyframes cssAnimation {
	from {transform: translate(0,30px)}
	to {transform: translate(0)}
}

img.shadow {
	box-shadow:0 3px 6px rgba(0,0,0,.3);
	padding:2px;
	margin:8px 0;
}

div.showhelp {
	color: #D8D8D8;
	text-align: center;
	font-size: 64px;
	margin:0 0 100px;
}

#helplink {
	position: fixed;
	left: 0;
	top: 30%;
	background: #396;
	color: #FFF;
	display: block;
	padding: 8px 32px;
	border-radius: 8px 8px 0 0;
	transform: rotate(90deg);
	transform-origin: 0 100%;
	text-decoration: none;
	font-size: 120%;
}
#helplink:hover {
	background:#4A7;
	text-shadow: 0 0 1px yellow;
}