var ClassName = "formtextfield"; // Note: Elements which you want to target have what class name???
var FocusColor = "#d12741"; // What color do you want it to change to?
 
window.onload = function() {
    var inputfields = document.getElementsByTagName("input");
    for(var x = 0 ; x < inputfields.length ; x++ ) {
        if(inputfields[x].getAttribute("class") == ClassName) {
            inputfields[x].onfocus = function() {
                OriginalColor = this.style.border;
                this.style.border = "1px solid "+FocusColor;
            }
            inputfields[x].onblur = function() {
                this.style.border = OriginalColor;
            }
        }
    }   
}


/*
var ClassName = "formtextfield"; // Note: Elements which you want to target have what class name???
var BorderColor = "#d12741"; // What color do you want it to change to?
var BackgroundColor = "#000000";

window.onload = function() {
    var inputfields = document.getElementsByTagName("input");
    for(var x = 0 ; x < inputfields.length ; x++ ) {
        if(inputfields[x].getAttribute("class") == ClassName) {
            inputfields[x].onfocus = function() {
				OriginalBorderColor = this.style.border;
				OriginalBackgroundColor = this.style.background-color;
				this.style.border = "1px solid "+BorderColor;
                this.style.background-color = BackgroundColor;
				OriginalFormWidth = this.style.width;
				this.style.width = "50%";

}
            inputfields[x].onblur = function() {
                this.style.border = OriginalBorderColor;
                this.style.background-color = OriginalBackgroundColor;
                this.style.width = OriginalForm Width;				
            }
        }
    }   
}
*/