div.custom-input { 
	padding: 3px; 
	background: #deefee; 
	border-radius: 2px; 
	-o-border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	display: inline-block;
}

div.custom-input input { 
	border: 1px solid #bcdedc; 
	outline: 0; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #fefefe), color-stop(0.05, #eaf4f4), color-stop(0.5, #fff));
	background: -moz-linear-gradient(top, #fefefe 1%, #f8f0f5 4%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf4f4', endColorstr='#ffffff');
	padding: 5px 8px; 
	color: #666666; 
	font-size: 13px; 
	font-family: arial,sans-serif; 
	margin: 0; 
	display: block 
}

div.custom-input input:focus { 
	background: #ffffe0; 
}

div.custom-input input::-webkit-input-placeholder { 
	color: #aaa;
}

div.custom-input input:-moz-placeholder {  
	color: #aaa;
}

div.custom-input-invalid { 
	background: #e8cdde;
}

div.custom-input-invalid input { 
	border-color: #ddb6ce; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #fefefe), color-stop(0.05, #f8f0f5), color-stop(0.5, #fff));
	background: -moz-linear-gradient(top, #fefefe 1%, #f8f0f5 4%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f0f5', endColorstr='#ffffff');
	color: #c00; 
}

div.custom-input-valid { 
	background: #e2efd6;
}

div.custom-input-valid input { 
	border-color: #b7d899; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #fefefe), color-stop(0.05, #ebf4e3), color-stop(0.5, #fff)); 
	background: -moz-linear-gradient(top, #fefefe 1%, #ebf4e3 4%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf4e3', endColorstr='#ffffff');
	color: #6a9c3c;
}