/*

	#stages-#{@stage_key}
		.stage-panel
			.stage-indicator
				.stage-status
					.stage-error-status
					.stage-notice-status
			.stage-numbers
				.stage-number ? stage-number-active | stage-number-first | stage-number-last
		.stage-procedures | 
			.stage-procedure ? stage-procedure-active
				h2.stage-quick-title
				?span.stage-completed-title
					="completed"
				.stage-quick-edit # edit label
				=content
		
*/
.table-based-border h2,
.table-based-border h3,
h2.stage-quick-title {
	font-size : 13px !important;
}

div.stage-procedure {
	/*
	border : 1px solid #aaa;
	padding : 10px;
	margin : 0px 0px 20px;
	*/
	float : left;
	width : 100%;
	position : relative;
	margin-top : 10px;
}

.stage-procedure-active .stage-quick-title {
	display : none;
}

.stage-completed-title {
	font-style : italic;
	color : #d00;
}

.stage-error-status {
	color : #c00;
	display : none;
}

.stage-notice-status {
	color : #5ab;
	display : none;
}

.stage-quick-edit {
	position : absolute;
	top : 10px;
	right : 15px;
	text-decoration : underline;
	color : #c00;
	cursor : pointer;
}

.stage-numbers {
	float : left;
	width : 100%;
	margin-bottom : 10px;
}

.stage-numbers .stage-number {
	float : left;
	display : block;
	height : 24px;
	line-height : 24px;
	text-align : center;
	margin-right : 5px;
	padding : 0px 16px 0px 0px;
	background : url(/images/stage-background.jpg) bottom right no-repeat;
}
.stage-numbers .stage-number strong,
.stage-numbers .stage-number a {
	display : block;
	padding : 0px 0px 0px 16px;
	background : url(/images/stage-background.jpg) bottom left no-repeat;
}

.stage-number,
.stage-number a {
	text-decoration : none;
	font-family : Arial;
	font-size : 11px;
	color : #555;	
	border : none;	
}

.stage-number-completed a {
	color : #4c6794;
}

.stage-number-active a,
.stage-number-active strong,
.stage-number-completed:hover a,
.stage-number-completed a:hover {
	color : #fff;
}

.stage-numbers .stage-number-completed {
	background-position : 100% -24px;
}

.stage-numbers .stage-number-completed a,
.stage-numbers .stage-number-completed strong {
	background-position : 0px -24px;
}

.stage-numbers .stage-number-active,
.stage-numbers .stage-number-completed:hover {
	background-position : 100% 0px;
	color : #fff;
}

.stage-numbers .stage-number-active a,
.stage-numbers .stage-number-active strong,
.stage-numbers .stage-button .stage-number-completed:hover strong,
.stage-numbers .stage-number-completed:hover a {
	background-position : 0px 0px;
}

.stage-button {	
	width:auto;
	overflow:visible;
	cursor : pointer;
}


button.stage-quick-button,
.stage-numbers button {
	display : inline;
	margin : 0px !important;
	padding : 0px !important;
	border : 0;
	float : left;
	background : none;
}

button {
	font-family : 'Lucida Grande', Arial;
	font-size : 11px !important;
}
	
form.quick-edit-form {
	display : block;
	position : absolute;
	top : 10px;
	right : 15px;
	cursor : pointer;
}

form.quick-edit-form .stage-quick-button {
	position : relative;
	text-decoration : underline;
	color : #1789ab;
	cursor : pointer;
}

.confirm-all-form {
	position : relative;
}

.stage-confirm-all-button {
	position : absolute;
	top : -26px;
	left : 70px;
}

.stage-confirm-all-inline-button {
	float : left;
	margin-left : 10px;
	vertical-align : baseline;
	margin-top : 12px;
	font-size : 12px !important;
	font-family : Helvetica;
	padding : 0px;
	line-height : 15px;
}



/*** borrow some place first ****/
.multi-wrapper {
	float : left;
	width : 100%;
	padding : 10px 0px;
}

.multi-item-wrapper {
	position : relative;
	float : left;
	width : 100%;
}
.multi-item-wrapper .remove-button-inline {
	position : absolute;
	top : -15px;
	right : -15px;
}

.multi-item-wrapper .remove-button-inline a {
	display : block;
	width : 16px;
	height : 16px;	
	text-indent : -9000em;
	background : url(/images/cross.png) top left;
}