.pform {
	margin:10px 0;
	text-align:left;
}

.pform fieldset {
	background:#fff;
	border:0;
	-webkit-box-shadow: 2px 2px 6px #222;
	box-shadow: 2px 2px 6px #222;
}
.pform legend {
	color:#e3bf23;
	background:#d50893;
	text-transform:uppercase;
	padding:10px 15px;
	font-weight:700;
	-webkit-transform: perspective(10em) rotateX(-30deg);
	transform: perspective(10em) rotateX(-30deg);
	-webkit-box-shadow: 2px 2px 6px #222;
	box-shadow: 2px 2px 6px #222;
}

.pform fieldset ol {
	padding:0;
	list-style: none;
}

.pform fieldset li {
	padding:.5em;
	display:block;
	margin:5px;
}

.pform label {
	display: block;
}

.pform input {
	box-sizing:border-box;
	width:50%;
	padding:10px;
}

.pform textarea {
	box-sizing:border-box;
	width:100%;
	height:200px;
}

.pform .hidden {
	/* required as a bug stops hidden fields being updated by js, so this hides text fields */
	display:none;
}

input.readonly, select.readonly, textarea.readonly {
	background:#ddd;
}