.modulechain-panel {
	white-space: nowrap;
	display: block;
	position: relative;
	width: auto;
	height: auto;
	min-height: 30px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: default;
}

.modulechain-status-panel {
	display: block;
	position: relative;
	width: auto;
	height: auto;

	padding-top: 5px;
	padding-bottom: 10px;

	margin-left: 25px;

	color: #777;	
}

.modulechain-status-panel.hidden {
	display: none;
}

.modulechain-status-panel.visible {
	/* use defaults */	
}

.modulechain-status-action {
	display: inline-block;	
	width: 100%;

	padding-bottom: 3px;
}

.modulechain-status-step {
	display: inline-block;	
	width: 50%;
	min-width: 100px;

	padding-right: 5px;	
}

.modulechain-status-progress {
	display: inline-block;	
	width: 20%;
	min-width: 30px;

	padding-left: 5px;
	padding-right: 5px;
}

.modulechain-status-duration {
	display: inline-block;	
	width: 20%;
	min-width: 50px;

	padding-left: 5px;
	padding-right: 2px;

	font-family: monospace;
	text-align: right;
}

.modulechain-status-offset {
	display: inline-block;

	width: auto;
	min-width: 75px;

	padding-right: 2px;

	font-family: monospace;
	text-align: right;
}

.modulechain-status-message {
	display: inline-block;

	width: auto;
	min-width: 50px;

	padding-left: 2px;	

	white-space: nowrap
}

.modulechain-canvas-container {
	left: 0px;
	top: -3px;
	bottom: -3px;
	width: 26px;
	position: absolute;
	display: block;
	cursor: default;	
}

.modulechain-canvas {
	left: 0px;
	top: 0px;
	height: inherit;
	width: inherit;
	position: absolute;
	display: block;
	cursor: default;
}

.modulechain-canvas.parallelized {
	/* width: 30px; */	
}

.modulechain-panel.parallelized {
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}