.pform ol {
	margin-left:0;
	padding: 5px 5px 0 5px;
	list-style: none;
}

.pform li {
	padding-bottom: 18px;
	list-style: none;
	clear:left;
}
.pform menu {
	text-align: right;
	position:relative;
	top:1.3em;
	padding-right:2em;
}
	.pform menu a {
		display:inline-block;
		margin:0 .1em;
		background-color:#ddd;
		border-top:3px solid #ddd;
		border-left:6px solid #ddd;
		border-right:6px solid #ddd;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	.pform menu a:hover {
		background-color:#ccc;
		border-top:3px solid #ccc;
		border-left:6px solid #ccc;
		border-right:6px solid #ccc;
	}
.pform fieldset {
	padding:1em;
	margin-bottom:1em;
	clear:both;
	background:#eee;
	background:var(--theme_background_2);
	color:var(--theme_foreground_2);
	border:1px solid #999;
	position:relative;
}
	.pform fieldset.save {
		width:min-content;
		padding-bottom:0;
	}
	.form_style_2 .pform fieldset {
		padding-top:5rem;	
	}
.pform legend {
	background:var(--theme_background_1);
	color:var(--theme_foreground_1);
	padding:.5em 1em;
	border:1px solid #999;
}
	.form_style_2 .pform legend {
		float:left;
		position:absolute;
		top:-1px;
		left:-1px;
		right:-1px;
		border:0;
		border-bottom-left-radius:0px !important;
		border-bottom-right-radius:0px !important;
	}
.pform input[type=submit] {
	border:1px solid #444;
	padding:.6rem 3rem;
	background:var(--theme_background_1);
	color:var(--theme_foreground_1);
	font-size:var(--font-size);
	font-family:var(--font1);
}
.pform input[type=submit]:hover {
	opacity:.8;
	color:var(--theme_foreground_1) !important;
}
.pform li label,
.pform li span.nolabel {
	display: block;
}
.pform .li_checkbox label {
	display:inline;
}
.pform li label {
	font-weight: bold;
}
.sitewide li label.error {
	width: auto;
	margin: 0 0 0 209px;
	color: #ff0000;
}
.pform li fieldset span, .pform li label span {
	font-weight: normal;
	color: #686869;
}
.pform label i {
	font-weight: normal !important;
}
.pform li input, .pform li select, .pform li textarea {
	width:100%;
	padding:4px;
	font-size:16px;
}
.pform li input[type=checkbox] {
	width:24px;
	height:24px;
}
.pform p.note {
	display:inline;
	font-style:italic;
}
.pform li.el_wide p.note {
	margin: 0;
}
.pform li.narrowright {
	float: right;
	text-align: left;
	width: 30%;
}
.pform li.narrowright label, .pform li.narrowright input {
	
}
.pform li.medleft {
text-align: left;
}
.pform li.medleft input{
	width: 60%;
}
.pform li p {
	clear: both;
	padding: 10px 0 0 0;
}
.pform li .red, .pform label.error {
    color: #ff0000;
}
.pform li.li_radio {
	padding-bottom: 5px;
}
.pform li.li_hidden {
	display: none;
}
.pform li.li_submit label {
	visibility:hidden;
}
.pform li.li_submit input {
	width:auto;
}
.pform li.li_fr {
	float:right;
}
.el_required label:after {
	content:'*';
	padding-left:3px;
}
	.pform input.required-highlight {
		-webkit-box-shadow: 0 0 3px 2px rgba(255,0,0,.9);
		box-shadow: 0 0 3px 2px rgba(255,0,0,.9);		
	}
.el_rte .cke_contents {
	min-height: 300px !important;
}
.pform .cke_wrapper {
	clear: both;
}

.pform ul {
	font-size:.9em;
	padding-left:30px;
}
	.pform ul>li {
		padding:0;
		list-style-type:disc;
	}

/* honeypot field for spambots hidden */
.el_hpf {
	display:none;
}

.li_red {
	color:red;
	font-weight:bold;
}

input.postcode,
input.uppercase,
textarea.uppercase {
	text-transform:uppercase;
}

.pform input:not([type="submit"]):read-only,
.pform textarea:read-only {
	background:#eee;
	background-size:40px;
	background-image: linear-gradient(45deg, #f7f7f7 25%, #f2f1ed 25%, #f2f1ed 50%, #f7f7f7 50%, #f7f7f7 75%, #f2f1ed 100%);
	color:#000;
}

.ranking_container {
	float:left;
	margin-bottom:1rem;
	width:300px;
}
.ranking {
	background:white;
	border:1px solid #999;
	min-height:100px;
	counter-reset: number;
}
.ranking span {
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:3px;
	margin-right:3px;
	border-bottom:1px dotted #888;
	cursor:pointer;
	counter-increment:number;
	white-space:initial;
	height:auto;
}
.ranking span::before {
	content: counter(number)": ";
}
.ranking span:last-child {
	border-bottom:none;
}
.ranking_options span {
	cursor:pointer;
}
.ranking span {
	padding: 5px 3px 5px 20px;
	background-repeat: no-repeat;
	background-position: top .63rem left;
	background-image: url(https://web-cdn.org/img/icons/delete.png);
	outline: none;
	font-family: verdana;
	text-decoration: none;
	background-size: 16px;
}
.ranking_options span {
	padding: 5px 3px 5px 20px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url(https://web-cdn.org/img/icons/add.png);
	outline: none;
	font-family: verdana;
	white-space: nowrap;
	text-decoration: none;
	background-size: 16px;
}


@media(min-width: 500px) {
	.pform li label, .pform li span.nolabel, .pform li.li_checkbox span,  .pform li.li_radio span {
		float: left;
		width: 200px;
		margin-right: 9px;
		text-align:right;
		min-height:1px;
	}
	.pform li input, .pform li select, .pform li textarea {
		width:25%;
	}
		section.form_elements_medium .pform li input, 
		section.form_elements_medium .pform li select, 
		section.form_elements_medium .pform li textarea {
			width:50%;
		}
		section.form_elements_wide .pform li input, 
		section.form_elements_wide .pform li select, 
		section.form_elements_wide .pform li textarea {
			width:calc(100% - 230px);
		}
	.pform li.el_wide label {
		float: none;
		text-align: left;
		width: 95%;
	}
	.pform li.el_wide input, .pform li.el_wide textarea {
		width: 95%;
		display: block;
	}
	.pform *.wide_400 {
		width:400px;
	}
	.pform *.wide_600 {
		width:600px;
	}
	/*
	.pform li.li_checkbox input, .pform li.li_radio input {
		width:auto;
	}
	*/
	.pform li.li_checkbox label, .pform li.li_radio label {
		float:none;
		width:auto;
		text-align:left;
	}
}



/* additional css to fix multi-date picker next-previous link text appearing */
#multi-months span.ui-icon {text-indent: 20em;}
#multi-months {padding: 18px 0 0 0;}

/* additional css to fix absolutely positioned elements appearing above datepicker */
#ui-datepicker-div {z-index:1000 !important;}

/* additional css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }