/**********************************

Name: cmxform Styles

***********************************/
#commentForm { width: 100%;}
#commentForm label { width:100%; padding-top:3%;}
#commentForm textarea { width:60%; }
#commentForm label.error, #commentForm input.submit { margin-left: 0px; }

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top;}
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

form.cmxform {
	font-size: 1.0em;
	color: #ccc;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border-top: 1px solid #333;
	background-color: #eee;
}
form.cmxform textarea {
	border:1px solid #333;
	padding: 10px;
	background-color: #eee;
	
}
form.cmxform select {
	padding: 10px;
	background-color: #eee;
	border:1px solid #333;
	width:63%;
}

form.cmxform fieldset fieldset {
	background: none;
	
}

form.cmxform fieldset p, form.cmxform fieldset fieldset  form.cmxform textarea{
	padding: 0px;

}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	padding:5px;
	color: #ad1e22;
	font-style: italic;
	line-height:3em;
	font-size:0.9em;
}

div.error { text-align:right;display: none;}
input {padding:10px;background-color: #eee;border:1px solid #333; width:60%; }
input.checkbox { border: none }
input:focus { border: 1px solid black; }
input.error {border: 1px solid #333; }
form.cmxform .gray * { color: gray; }

form.cmxform .button {background:#ad1e22;color:#fff;font-weight:bold;width:100px;margin-top:6px;}


@media only screen and (max-width: 640px){ 
	input {padding:10px;background-color: #eee;border:1px solid #333; width:94%;}
	
	#commentForm textarea { width:94%; }
}