Вернуть инпуту старый стиль

$("input:text,input:password").focus(function (){

	$(this).css({background:"#fffeb6", border:"1px red solid"});

	}).blur(function(){
		$(this).css({background:"white", border:"1px black solid"});

		});

суть - при фокусе на инпуте, меняется цвет фона в инпуте и рамка становиться красной, когда выхожу с инпута все возвращается назад. Так вот... как то сбивается стиль и съеживаются инпуты в размере... Не пойму как бы так правильно вернуть им первоначальные стили... Есть идеи?)

Вот у меня так http://www.dimavip.ru/rapidmail

$('input.text-input').css({backgroundColor:"#ffffff"});
$('input.text-input').focus(function()
{
    $(this).css({backgroundColor:"#FFDDAA"});
});

типо, так. А сам инпут имеет вид

<input style="width:100%;" type="text" id="name" maxlength="30" class="text-input" />

Я немного не понял вопроса. Посмотри исходный код.

перед фокусом сохрани в переменные изночальный стиль и пре блуре задавай параметры этими переменными

1. Лучше не стиль меняй прямо в элементе, а добавляй/удаляй класс.

$('input.text-input').addClass('default');
$('input.text-input').focus(function()
{
    $(this).addClass('focus');
});
$('input.text-input').blur(function()
{
    $(this).removeClass('focus');
});