/*	Table of Contents
 *
 *	+ Request list
 *		- Tabs
 *		- Filter
 *	+ Wizard
 *		- stages
 *		- form
 *	+ Request detail
 *		- header
 *		- stages
 *		- the form
 *		- request persons form
 */



/*
 * Request list
 */
h2.tabHeader {
	border: 1px solid #777;
	border-bottom: none;
	color: #777;
	cursor: pointer;
	display: inline;
	font-size: 100%;
	font-weight: normal;
	margin: 0 5px 0 0;
	padding: 0 .4em;
}

	h2.tabHeader.active {
		border-color: #000;
		color: #000;
		cursor: default;
		background: #eee;
		font-weight: bold;
	}

.tab {
	border-top: 2px solid #555;
	padding: .5em 0;
}

.filter {
	Xdisplay: block;
}

/*
 * Wizard
 */
#stages {
	list-style: none;
	margin: 0 0 3em 0;
	padding: 0;
}

	#stages li {
		background: url('/images/rarrow.png') left center no-repeat;
		border: 1px solid #777;
		border-left: none;
		display: inline;
		margin: 0 0 0.2em;
		padding: .3em 1em .3em 1.5em;
		text-align: center;
	}

	#stages li:first-child {
		background: none;
		border-left: 1px solid #777;
		padding-left: .8em;
	}

	#stages li.active {
		background-color: #eee;
		font-weight: bold;
	}

.newRequest form dd.buttons {
	margin-top: 3em;
}

.newRequest form#step_3 dt, .newRequest form#step_4 dt, .newRequest form#step_5 dt {
	float: none;
	width: auto;
}

.newRequest form#step_3 ul.errors, .newRequest form#step_4 ul.errors, .newRequest form#step_5 ul.errors  {
	margin-left: 0;
}

.requestDetail form ul.errors {
	margin-left: 0;
}

#localTime {
	font-size: 80%;
	padding-left: 1em;
}

/* Extra persons */
#extraPersons .row {
	clear: left;
}

#extraPersons label {
	float: left;
	font-weight: bold;
	width: 10em;
}

	#extraPersons .heading label.extraPersonFirstName1 {
		margin-left: 10em;
	}

#extraPersons input, #extraPersons .heading label {
	width: 120px;
}

#extraPersons .heading label {
	width: 129px; /* trial & error */
}


/*
 * Request detail
 */
#requestHeader {
	border-bottom: 1px solid #000;
}

#main .stage {
	border: 1px solid #777;
	margin: 1em 0;
}

	#main .stage .meta {
		background: #eee;
		margin-top: 0;
		padding: .2em;
	}

	#main .stage .meta small {
		float: right;
	}

	#main .author .meta {
		background: #FFF899;
	}

form#requestPersons {
	float: left;
}

form#requestPersons label {
	float: left;
	white-space: pre;
	width: 14em;
}