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

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
	float:left;
}

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

form.cmxform legend, form.cmxform label {
	float:left;
	width:100px;
	font-weight:bold; 
}

form.cmxform fieldset {
	
	background-color: #FFFFFF;
	margin-top:10px;
	padding:10px;
	float:left;
}

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 */
	font-weight:normal;
	margin-left:15px;
	margin-top:2px;
	color:#FF0033;
	font-weight:bold;
	float:left;
	display:inline;
	min-height:20px;
	width:300px!important;
	clear:both
}

input[type=radio] {
	background: transparent;
	border: 0;
}

input[type=checkbox] {
	background: transparent;
    border: 0;
}

div.error {
	color: red;
	display: none;
	border: 1px solid #FF3333;
	background-color: #faebe7;
	background-image: url(../../img/assets/err.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	height:auto;
	min-height:20px;
}

div.success {
	color: #3D6611;
	display: none;
	border: 1px solid #446423;
	background-color: #EFF5EA;
	background-image: url(../../img/assets/success_msg_icon.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	min-height:20px;
	height:auto;
}


input:focus { border: 1px dotted #000066; }
input.error { border: 1px solid red; }
form.cmxform .gray * { color: gray; }