

/**
 * 
 * 
 * 
 * ********************************************* Form *****************************************
 * 
 * 
 * 
**/

.cpd-fg-header{
	margin:.75em 0;
}

.cpd-fg-header h3{
	margin:.2em 0;
}

.cpd-field-tip{
	opacity:.85;
	display:block;
}

.cpd-field .cpd-field-tip{
	margin:.15em 0 .4em 0;
}


#cpd-shell input, 
#cpd-shell textarea{
	padding:.35em;
}

.cpd-row{
	margin-bottom:.35em;
}

.cpd-full{
	width:75%;
}

.cpd-label{
	width:25%;
	line-height:2em;
	font-weight:bold;
}

.cpd-row input[type="text"],
.cpd-row textarea{
	width:100%
}

.cpd-choice{
	background:#555;
	border:1px solid #111;
	color:#eee;
	padding:.35em .45em;
	display:inline-block;
	margin:0 .35em .35em 0;
	cursor:pointer;
}

.cpd-choice:hover{
	border:1px solid #000;
}

.cpd-field-file-image{
	max-width:100px;
}

.frames-single-form .pbf > .cpd-row{
	margin-bottom:.5em;
	background:#fff;
	padding:1em;
}

.pbf .cpd-fg-fields .cpd-row{
	width:100%;
}

.pbf{
	position:relative;
}

.pbf .cpd-row.cpd-invalid{
	border:1px solid red;
}


.pbf > .cpd-row:last-child .cpd-row{
	display:inline-block;
	width:auto;
	margin-right:.75em;
}

.pbf > .cpd-row:last-child .cpd-fg-header{
	display:none;
}

.pbf-hide{
	display:none !important;
}

.pbf-obscurer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#000;
	background: rgba(255, 255, 255, .5);
	z-index:100;
}

#frames-theme-editor .pbf{
	padding:0;
}


.frm-licensing-shell .pbf > .cpd-row{
	margin-bottom:0;
}

.frm-licensing-shell .pbf{
	margin-bottom:1em;
}


/**
 * 
 * 
 * 
  ********************************************** Ranger ****************************************
 *
 * 
 * 
**/

.wpb-number-slider, .wpb-number-slider * {display:inline-block;}

.wpb-num-slider-wrapper{
	position:relative;
	height:15px;
	width:150px;
}

.wpb-num-slider-bg{
	background:#000;
	position:absolute;
	width:100%;
	height:5px;
	top:2.5px;
}

.wpb-num-slider{
	position:absolute;
	height:10px;
	width:30px;
	background:#000;
	top:0px;
	cursor:move;
}

.wpb-number-slider input{
	width:3em;
	border:none;
	outline:none;
	background:#eee;
}

