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

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 100%;
	font-size: 1.0em;
	color: #333;
	margin-bottom:20px;
}

form.cmxform legend {
	border: 1px solid #ddd;
	background-color: #4c94cb;
	color: #fff;
	padding:20px; 
	margin:10px;
}

form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border: 1px solid #ccc;
	background-color: #efefef;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	padding:20px; 
	margin:0px;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
}

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
	margin-left: 10px;
	width: auto;
}

form.cmxform .gray * { color: gray; }

input {	width:100%; height: 24px; border:1px solid #c4c4c4; -moz-border-radius:5px; -webkit-border-radius:5px; }
input:focus { border: 1px solid black; }
input.error { border: 1px solid red; }
input.checkbox { border: none }
input.data { width:100px; }

input[type='button'], input[type='submit'], input[type='reset'] {
width:100px;
height:24px;
text-align:center;
background:url(images/submit-btn-bg.gif) repeat-x 0 0;
color:#5f5f5f;
border:1px solid #aaa;
float:right;
cursor:pointer;
font-weight:bold;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin:10px 20px 10px 10px;
}

input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover {
background:url(images/submit-btn-bg-hover.gif) repeat-x 0 0; 
color:#fff; 
border:1px solid #999; 
}

textarea { width:100%; height: 100px; border:1px solid #c4c4c4; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; margin-bottom: 5px; }