.ja-listview {
	width: 150px;
	height: auto;
	cursor: default;
	font: bold 13px arial,sans-serif;
	color: #666;
}
.ja-listview:focus {
	outline:none;
}
.ja-listview .ja-listview-box {
	border: 2px solid #BBB;
	background-color: #EBEBEB;
}
	.ja-listview .ja-listview-box .arrow {
		position: absolute;
		top:6px;
		right:8px;
	}
.ja-listview .ja-listview-box:hover, 
.ja-listview:focus .ja-listview-box {
	border-color: #999;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
	.ja-listview .ja-listview-box .ja-listview-box-inner {
		padding: 4px 25px 4px 8px;
	}

.ja-listview-flyout {
	visibility: hidden;
	opacity:0;
	border: 2px solid #999;
	background-color: #FFF;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
	width: 150px;
	max-height: 100px;
	overflow: auto;
	z-index:100;
}
.ja-listview-flyout ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.ja-listview-flyout ul li {
		padding: 4px 8px;
	}
	.ja-listview-flyout ul li:hover {
		background-color: #666;
		color:#fff;
	}
		.ja-listview-flyout ul li.current {
			background-color: #ccc;
		}
.ja-listview-flyout.open {
	visibility: visible;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
	opacity:1;
}


#popin-overlay {
	display:none;
	position: absolute;
	background-color: #000;
	opacity: 0.7;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.ja-popin {
	display:none;
	width:300px;
	height:150px;
	position:absolute;

	top: calc(100% - 75px);
	left: calc(100% - 150px);
}
.ja-popin header {
	height:30px;
	background-color: #EAEAEA;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
	.ja-popin header > div {
		padding:6px 0 0 10px;
	}
		.ja-popin header div h1 {
			font-weight: bold;
		}
.ja-popin section {
	height:80px;
	overflow-y: auto;
	background-color: #FFF;
}
	.ja-popin section > div {
		padding:10px;
	}
.ja-popin footer {
	height: 40px;
	background-color: #CCC;
	text-align: right;

	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
	.ja-popin footer > div {
		padding:5px;
	}