

#steps {
	list-style:none;
	padding:8px;
	float:left;
	width:575px;
	background-color:#ccc;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	margin:1em 0 !important;
}

#steps li {
	display:inline;
	padding:0 15px;
}

#steps li.active {
	font-weight:bold;
	color:#DF0077;
}

#preview {
	background-color:#efefef;
	padding:20px;
	margin-top:1em;
	float:left;
}

form.jobform {
	margin:2em 0;
	float:left;
	width:600px;
}

form.jobform div.field {
	position:relative;
	padding-top:1em;
	clear:left;
}


form.jobform label {
	display:block;
	float:left;
	font-weight:bold;
	font-size:110%;
	width:100px;
}

form.jobform label.tickbox {
	float:left;
	padding:3px;
	font-weight:normal !important;
	font-size:90%;
	height:100%;
}

	form.jobform label.tickbox input {
		border:1px solid #ccc !important;
	}

form.jobform input, form.jobform textarea, form.jobform button {
	font-family:arial,helvetica,sans-serif;
	font-size:1.4em;
	padding:6px;
	border:1px solid #ccc;
	width:300px;
}

form.jobform fieldset {
	border:1px solid #ccc;
	padding:8px;
}

	form.jobform input:focus, form.jobform textarea:focus{
		border:1px solid #DFA7C6;
	}

form.jobform input.checkbox, form.jobform input.radio {
	width:auto;
}

form.jobform input.btn, form.jobform button.btn {
	width:auto;
	float:right;
	margin-right:170px;
}

form.jobform div.instruction {
	position:absolute;
	display:none;
	top:1em;
	right:8px;
	width:140px;
	padding:4px;
	border:1px solid #ccc;
	background-color:#FFDFF2;
}

form.jobform div.instruction p {
	margin:0;
	padding:0;
}