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

	padding:5px;
	background-color:#fff;
}
.pzed-board {
	position:relative;
	font-size:0;
	line-height:0;
}
/* footer */
.pzed-footer {
}
/* panel */
.pzed-panel-space,
.pzed-panel {
	box-sizing:border-box;
	margin:5px;
	padding:0;
	font-size:16px;
	line-height:16px;
	border:1px solid #ccc;
	background-color:#eee;
	vertical-align:top !important;
}
.pzed-panel-space {
	background-color:#ccc;
}
.pzed-panel-sel {
	background-color:#bbb;
	border:1px solid #888;
}	
/* panel heading/body/footer */
.pzed-panel-heading {
}
.pzed-panel-body {
	position:relative;
	padding:5px;
	background-color:#fff;
}
.pzed-panel-body-sel {
	background-color:#ccc;
}
.pzed-panel-body-inner {
	position:relative;
	margin:0;
	padding:0;
}
.pzed-panel-heading,
.pzed-panel-footer {
	position:relative;
	height:30px;
	text-align:center;
}
.pzed-panel-ctrl,
.pzed-panel-navi {
	/* for safari's outline */
	z-index:1;
}
.pzed-panel-ctrl {
	position:absolute;
	left:0;
	top:0;
}
.pzed-panel-navi {
	position:absolute;
	right:0;
	top:0;
}
/* button, checkbox common */
.pzed-panel-selrec-ccb,
.pzed-selrec-ccb,
.pzed-panel-move,
.pzed-btn {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	user-select:none;
}
/* selrec */
.pzed-selrec,
.pzed-panel-selrec {
	display:none;
}
.pzed-panel-selrec-ccb,
.pzed-selrec-ccb {
	color:#444;
}
/* button */
.pzed-btn:hover {
	background-color:#ccc;
	border-radius:50%;
}
.pzed-btn:active {
	background-color:#99c;
	border-radius:50%;
}
.pzed-panel-move {
	width:80px;
	cursor:move;
}
.pzed-panel-move:hover {
	background-color:#ccc;
	border-radius:0;
}
.pzed-panel-addnew {
}
.pzed-panel-prev {
}
.pzed-panel-next {
}
/* columns */
.pzed-panel-col {
	box-sizing:border-box;
	display:inline-block;
	padding:5px;
	vertical-align:top;
	border:0px solid red;
}
.pzed-panel-col1 {
	width:70%;
}
.pzed-panel-col2 {
	width:30%;
}
.pzed-panel-col-100 {
	width:100%;
}
.pzed-panel-label {
	margin-bottom:1px;
	font-size:13px;
	font-weight:bold;
}