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

Name: cmxform Styles

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

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

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

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

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;
	font-size: 13px;
}
div.error { display: none; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }


/*Input field color change*/
.btn:focus {
  	background-color: #6A5ACD;
}
input:focus{
    background: #8BC34A!important;
    color: white!important;
    border-color: #45c203!important;
}
input:focus::-webkit-input-placeholder {
	color: white!important;
}
input:focus:-moz-placeholder { /* Firefox 18- */
	color: white!important;  
}
input:focus::-moz-placeholder {  /* Firefox 19+ */
	color: white!important;  
}
input:focus:-ms-input-placeholder {  
	color: white!important;  
}