/*
Павел пономарев @2007год.
smile.80@bk.ru

Пример для использования:
HTML
<table class="input_text" cellpadding="0" cellspacing="0">
	<tr>
		<td class="left_side"><span></span></td>
		<td class="center_side"><input name="search_input" value="строка для поиска" type="text"></td>
		<td class="right_side"><span></span></td>
	</tr>
</table>

Переопределение стилей
CSS
SPAN.userlogin TABLE.bsearch TD.center_side{
	width: 40px;
}

HTML
<span class="userlogin">
<table class="input_text" cellpadding="0" cellspacing="0">
	<tr>
		<td class="left_side"><span></span></td>
		<td class="center_side"><input name="search_input" value="строка для поиска" type="text"></td>
		<td class="right_side"><span></span></td>
	</tr>
</table>
</span>

*/


/*Для элемента ввода строки текста*/
TABLE.input_text{
	width: 180px;
	white-space: nowrap;
	height: 22px;
	vertical-align: top;
	text-align: left;
	border: 0 none;
	padding: 0;
	margin: 0;
	background: transparent;
}
/*Левая часть поля*/
TABLE.input_text TD.left_side{
	background:url(images/form/input_left.gif) no-repeat left top scroll #fff;
	width: 5px;
	height: 22px;
	float: left;
	padding: 0;
	margin: 0;
}
/*Центральная часть поля*/
TABLE.input_text TD.center_side{
	background:url(images/form/input_bg.gif) repeat-x left top scroll #fff;
	width: 160px;
	height: 22px;
	padding: 0px 5px 4px 5px;
	margin: 0;
	vertical-align: bottom;
	text-align: center;
}
/*Правая часть поля*/
TABLE.input_text TD.right_side{
	background:url(images/form/input_right.gif) no-repeat left top scroll #fff;
	width: 5px;
	height: 22px;
	float: left;
	padding: 0;
	margin: 0;
}
/*Само поле для ввода*/
TABLE.input_text TD.center_side INPUT{
	width: 150px; /*ширина должна быть <= ширины центрального поля - боковые паддинги*/
	height: 12pt;
	border: 0 none;
	vertical-align: middle;
	display: inline;
	text-align: left;
	background-color: transparent;
	padding: 0 0 0px 0;
	margin: 0;
	cursor: text;
}





/*Для элемента кнопка*/
TABLE.input_button{
	width: 70px;
	white-space: nowrap;
	height: 22px;
	vertical-align: top;
	text-align: left;
	border: 0 none;
	padding: 0;
	margin: 0;
}
/*Левая часть поля*/
TABLE.input_button TD.left_side{
	background:url(images/form/button_left.gif) no-repeat left top scroll #fff;
	width: 5px;
	height: 22px;
	float: left;
	padding: 0;
	margin: 0;
}
/*Центральная часть поля*/
TABLE.input_button TD.center_side{
	background:url(images/form/button_bg.gif) repeat-x left top scroll #fff;
	width: 60px;
	height: 22px;
	float: left;
	padding: 2px 0px 0px 0px;
	margin: 0;
	vertical-align: top;
	text-align: center;
}
/*Правая часть поля*/
TABLE.input_button TD.right_side{
	background:url(images/form/button_right.gif) no-repeat left top scroll #fff;
	width: 5px;
	height: 22px;
	float: left;
	padding: 0;
	margin: 0;
}
/*Само поле для ввода*/
TABLE.input_button TD.center_side INPUT{
	width: 60px; /*ширина не должна быть меньше ширины центрального поля*/
	height: 22px;
	border: 0 none;
	vertical-align: top;
	background-color: transparent;
	padding: 0 0 6px 0;
	margin: 0;
	cursor: pointer;
}