/*
Stylish Select 0.3 - jQuery plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3

Licensed under the GPL license:
http://www.gnu.org/licenses/gpl.html
*/
.js ul.newList {left:-9999px;}
ul.newList 
{
	margin:0; 
	padding:10px; 
	list-style:none; 
	color:#000; 
	background:#fff; 
	border:none; 
	top:0; 
	left:0; 	
	z-index:888;
	opacity:.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	border:1px solid #f6f6f5;	
}
.ff3 ul.newList 
{
	margin-bottom:10px;
}
.newListSelected 
{
	width:200px;
	color:#000; 
	height:32px; 
	padding:0; 
	float:left; 
	background:#fff url(/web/design/img/drop-arrow.gif) right top no-repeat; 	
	margin:0 8px 0 0;
}
.newListSelected span 
{
	display:block;
}
ul.newList li
{
	padding:5px 8px;
	color:#0067a5;
	border-bottom:1px solid #d4d4d4;
	font-size:14px;
}
.selectedTxt 
{
	overflow:hidden; 
	height:25px; 
	padding:7px 23px 0 7px;
	font-size:14px;

	letter-spacing:-1px;
}
.hiLite {}
.newListHover {background:#d8f3f4!important; cursor:pointer;}
.newListSelHover, .newListSelFocus { cursor:pointer;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}