select.srReplacedSelect {
	width: 1px;
	position: absolute;
	left: -999em;
}

ul.srList {
	list-style:none;
	padding:0;

	/* лучше всего техника работает 
	   для элементов фиксированной ширины
	   хотя при некоторых дополнителных
	   требованиях к изображению и небольшом
	   изменение стилей ее можно применять
	   и для резиновых select`ов */
	width: 186px;
	margin: 0 0 10px;

	/* поскольку используется техника
	   Sliding Doors элемент хорошо переносит
	   масштабирование шрифтов, для этого
	   его высоту нужно задать в em */
	height:15px;
}

ul.srList li {
	display:none;
	background: #FFF;
	line-height:15px;
	height:15px;
	padding:0 5px;
	width:176px;
	margin:0px !important;
	font-family:tahoma,arial,verdana,sans-serif;
	font-size:11px;
	vertical-align: bottom;
	color:#000;
	cursor:default;
}

ul.srList li.srHoverLi {
	background: #08246B;
	color:#FFF;
}

ul.srBlur {
	background: #FFF;
	color:#000;
}

ul.srFocus, ul.srHoverUl {
	/* чтобы при наведении мышки
	   или получении фокуса элемент
	   не оставался на некоторое время без фона,
	   и для ускорения загрузки, совмещаем
	   два фоновых изображения в одном и изменяем его
	   подвигая на 300 пикслей влево */
	background: #FFF;
}

ul.srBlur li.srSelectedLi {
	display:block;
}

li.srSelectedLi {
background: transparent url(/i/rowSelect.gif) no-repeat scroll 100% 0 !important;
}

ul.srFocus li.srSelectedLi, ul.srHoverUl li.srSelectedLi {
	display:block;
	background: #FFF !important;
	color:#626262;
}

ul.srExpanded li.srSelectedLi { 
	display:block;
	background: wheat;
}

ul.srCollapsed
{
	border:1px inset #CCC;
}

ul.srExpanded {
	position:relative;
	/* при разворачивании списка,
	   нужно выдвинуть его на первый
	   план, иначе другие элементы будут
	   перекрывать опции */
	z-index:1000;
	border:1px inset #FFF;
	left:0px;
}

ul.srExpanded li {
	display:block;
}