/**********************************
Name: cmxform Styles
***********************************/
form.cmxform {
	width: auto;
	font-size: 1.0em;
	color: #333;
}

form.cmxform label {
	color: #333;
	line-height:1.2em;
}
form.cmxform legend {
	color: white;
  background-color: #666;
	padding: 2px 10px;
	}
form.cmxform fieldset fieldset legend {
	color: #333;
  background-color: transparent;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #666;
	background: url('../images/cmxform-fieldset.gif') left bottom repeat;
	background-color: #eee;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url('../images/cmxform-divider.gif') left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	width: 26em;
	display:block;
	line-height:1.4em;
}
label.error {
	background: url('../images/unchecked.gif') no-repeat 0px 2px;
	padding-left: 16px;
	margin-left: .3em;
}
label.valid {
	background: url('../images/checked.gif') no-repeat 0px 2px;
	display: block;
	width: 16px;
	height: 16px;
}

div.error { display: none; }
form.cmxform p > input { width: 24em; padding:2px; }
form.cmxform p > textarea { width: 27em; font-size:12px; font-family: Verdana, Geneva, sans-serif; padding:2px;}
form.cmxform input:focus { border: 1px dotted black; }
form.cmxform input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
form.cmxform label em, form.cmxform legend em { color: red; }
span.charcounter { margin-left:145px; display:block }

/* tf: added */
form.cmxform input.button {
	width: auto;
}
form.cmxform input[type="checkbox"] {
	width: 40px;
}