/* webform redraft - affect content area forms ONLY */
#content .webform-component-email .form-item label, 
#content .webform-component-textfield .form-item label,
#content .webform-component-textarea .form-item label,
#user-login .form-item label, 
#user-pass .form-item label, 
#edit-captcha-response-wrapper label {
	display: none; /* hide the labels where the js has pushed the text into the field */
}
/* apply color font-size padding here for input/textarea */
#content input.form-text, 
#content input.form-email, 
#content select.form-select {
	background: #f3f3f3; color: #535353; border: 1px solid #000;
	padding: 0.3em 0.5em;
	font-family: arial; font-size: 12pt; line-height: 1.3em; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
} 
#content input.form-text, #content input.form-email {
	width: 48%;
}
#content input.label-highlight, 
#content textarea.label-highlight {
	color: #535353;
}
#content textarea.form-textarea {
	background: #f3f3f3; color: #535353; border: 1px solid #000;
	padding: 0.3em 1%; width: 98%;
	font-family: arial; font-size: 12pt; line-height: 1.3em; 
	-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px;
	border-bottom: none; opacity: 1;
}
#content div.resizable-textarea {
	width: 100%;
}
#content div.webform-component-textarea .form-item .grippie {
	background: #ccc; border: 1px solid #000; border-top: none; width: 100%;
	margin: 0 0 8px 0;
	-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
}
#content fieldset.captcha legend,
#content fieldset.webform-component-fieldset legend.collapse-processed, 
#content fieldset.webform-component-fieldset legend {
	line-height: 1.3em; font-size: 1.1em; font-weight: 600;  
}
#content fieldset.collapsible legend a {
	line-height: 1.3em; font-size: 1.1em; font-weight: 600;  
	padding: 0 1px 0 15px; margin: 0 1px;
}
input#edit-captcha-response {
	width: 200px;
}
#content form fieldset {
	border: 1px solid #ccc; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
#content .webform-component-textfield .description,
#content .webform-component-email .description,
#content .webform-component-select .description,
#content .webform-component-date .description,
#content .webform-component-textarea .description {
	color: red; 
	font-style: italic; margin: 0 0 0 15px; padding: 0 0 5px; font-weight: normal;
}
/* apply submit button color font-szie padding here */
#content input.form-submit {
	background: #f3f3f3; color: #535353; border: 1px solid #000;
	padding: 0.3em 0.5em 0.2em; 
	min-width: 100px; max-width: 300px; text-align: center;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
/* logon - password reset forms */
#user-login, #user-pass {
	max-width: 300px; margin: 0 auto;
}
div.webform-container-inline.webform-datepicker input.webform-calendar {
	height: 20px; margin-top: 5px; 
}

/* base webform style as of 7/2014 */
/*
.webform-component-checkboxes .form-item .form-checkboxes,
.webform-component-radios .form-item .form-radios {
	margin: 0.3 0;
}
.webform-component-checkboxes .form-item .form-checkboxes .form-item,
.webform-component-radios .form-item .form-radios .form-item {
	display: inline-block; width: 30%; margin: 0; padding: 0; background: transparent;
}
input#edit-captcha-response.label-highlight {
	text-indent: -10000px;
}
*/
/* media queries ftw */
@media only screen and (max-width:767px){
/* small tablet and phones */
	form.webform-client-form { 
		width: 100%; max-width: 227px; margin: 0 auto;
	}
	.node.webform .webform-client-form input.webform-calendar.hasDatepicker {
		display: none;
	}
	#content .node.webform .webform-client-form input.form-text,
	#content .node.webform .webform-client-form input.form-email {
		max-width: 100%;
		width: 92%;
	}
	#content .node.webform .webform-client-form textarea.form-textarea {
	/*	width: 293px;*/
	}
	#content .node.webform input#edit-captcha-response {
		width: 200px;
	}
	#content .node.webform .webform-client-form fieldset.captcha {
		width: 200px;
	}
	#content .webform-client-form input.form-submit {
		margin-left: 95px;
	}
}