$(document).ready(function(){
  //get the text from the label and assign it as the default value for the form
  defaultValue = "Email Address                                             ";//$("#myform label[for='s']").html();
  $(".email")
    .data("default", defaultValue)
    .val(defaultValue)
	  .css({color:'#aacbd5'});
 
  //assign a function to the focus and blur events
  $(".email")
	.bind("focus blur", function(){
		value = $(this).val();
		defaultValue = "Email Address                                             ";//$(this).data("default");
		//if the current and default value are the same, clear the input field
		if(value==defaultValue){
		  $(this).val("")
		  .css({color:'#000'});
		}
		$(this).css({color:'#000'});
		//if the field is empty, set the value to default
		if(!value){
		  $(this).val(defaultValue)
		  .css({color:'#000'});
		}
	})
  	.bind("blur", function(){
	   	$(this).css({color:'#aacbd5'});			 
	});
	
	defaultValue = "Password        ";//$("#myform label[for='s']").html();
  $(".password")
    .data("default", defaultValue)
    .val(defaultValue)
	  .css({color:'#aacbd5'});
 
  //assign a function to the focus and blur events
  $(".password")
	.bind("focus blur", function(){
		value = $(this).val();
		defaultValue = "Password        ";//$(this).data("default");
		//if the current and default value are the same, clear the input field
		if(value==defaultValue){
		  $(this).val("")
		  .css({color:'#000'});
		}
		$(this).css({color:'#000'});
		//if the field is empty, set the value to default
		if(!value){
		  $(this).val(defaultValue)
		  .css({color:'#000'});
		}
	})
  	.bind("blur", function(){
	   	$(this).css({color:'#aacbd5'});			 
	});
//
	defaultValue = "Username                                             ";//$("#myform label[for='s']").html();
  $(".user")
    .data("default", defaultValue)
    .val(defaultValue)
	  .css({color:'#aacbd5'});
 
  //assign a function to the focus and blur events
  $(".user")
	.bind("focus blur", function(){
		value = $(this).val();
		defaultValue = "Username                                             ";//$(this).data("default");
		//if the current and default value are the same, clear the input field
		if(value==defaultValue){
		  $(this).val("")
		  .css({color:'#000'});
		}
		$(this).css({color:'#000'});
		//if the field is empty, set the value to default
		if(!value){
		  $(this).val(defaultValue)
		  .css({color:'#000'});
		}
	})
  	.bind("blur", function(){
	   	$(this).css({color:'#aacbd5'});			 
	});
  
});