/* container */
.pnlb-ctar {
	position:relative;
	border:1px solid #ccc;
	border-radius:5px;
	margin-bottom:20px;
}
/* heading,footer */
.pnlb-heading,
.pnlb-footer {
	position:relative;
	padding:10px;
	background-color:#eee;
}
/* heading */
.pnlb-heading {
}
.pnlb-ctrl {
	margin-left:0px;
}
.pnlb-ctrl .pnlb-selrec-ccb,
.pnlb-ctrl button,
.pnlb-ctrl input {
	vertical-align:middle;
}
/* body */
.pnlb-body {
	position:relative;
	overflow-x:hidden;
	overflow-y:scroll;
	max-height:600px;

	padding:5px;
	background-color:#fff;
}
.pnlb-board {
	position:relative;
	font-size:0;
	line-height:0;
}
/* footer */
.pnlb-footer {
}
/* panel */
.pnlb-panel-space,
.pnlb-panel {
	box-sizing:content-box;
	display:inline-block;
	margin:5px;
	padding:0;
	font-size:16px;
	line-height:16px;
	width:160px;
	height:160px;
	border:1px solid #ccc;
	background-color:#eee;
	vertical-align:top !important;
}
.pnlb-panel-space {
	background-color:#ccc;
}
.pnlb-panel-sel {
	background-color:#bbb;
	border:1px solid #888;
}	
/* panel heading/body/footer */
.pnlb-panel-heading {
}
.pnlb-panel-body {
	position:relative;
	padding:0px;
	height:100px;
	background-color:#fff;
	cursor:pointer;

	/* checkerboard */
/*
	background-color:white;
	background-image:linear-gradient(
			45deg, #eee 25%, transparent 25%,
			transparent 75%, #eee 75%, #eee),
		linear-gradient(
			45deg, #eee 25%, transparent 25%,
			transparent 75%, #eee 75%, #eee);
	background-size:16px 16px;
	background-position:0 0, 8px 8px;
*/
}
.pnlb-panel-heading,
.pnlb-panel-footer {
	position:relative;
	height:30px;
	text-align:center;
}
/* button, checkbox common */
.pnlb-panel-selrec-ccb,
.pnlb-selrec-ccb,
.pnlb-panel-move,
.pnlb-btn {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	user-select:none;
	/* for safari's outline */
	z-index:1;
}
/* selrec */
.pnlb-selrec,
.pnlb-panel-selrec {
	display:none;
}
.pnlb-panel-selrec-ccb,
.pnlb-selrec-ccb {
	color:#444;
}
/* button */
.pnlb-btn:hover {
	background-color:#ccc;
	border-radius:50%;
}
.pnlb-btn:active {
	background-color:#99c;
	border-radius:50%;
}
.pnlb-panel-move {
	width:60px;
	cursor:move;
}
.pnlb-panel-move:hover {
	background-color:#ccc;
	border-radius:0;
}
.pnlb-panel-selrec-ccb {
	position:absolute;
	left:0;
	top:0;
}
.pnlb-panel-addnew {
	position:absolute;
	right:0;
	top:0;
}
.pnlb-panel-prev {
	position:absolute;
	left:0;
	bottom:0;
}
.pnlb-panel-next {
	position:absolute;
	right:0;
	bottom:0;
}