/*
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
*/


/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}


ul.newList *     {margin:0; padding:0;}
ul.newList       {
	scrollbar-face-color: #ed1a3b;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-shadow-color: #ed1a3b;
	scrollbar-highlight-color: #ed1a3b;
	scrollbar-3dlight-color: #ed1a3b;
	scrollbar-darkshadow-color: #ed1a3b;

	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	direction:ltr;
	color:#000;
	width:229px;
	background:#fff;
	position:absolute;
	border:1px solid #b9aca5;
	top:22px;
	left:0;
	overflow:auto;
	/*z-index:9999;*/
}

.newListSelected       {width:230px; color:#000; height:23px; line-height:1.7em; float:left; background:url("../select-bg.png") no-repeat; z-index:9999;}
.newListSelected span  {width:230px; display:block;}
ul.newList li          {padding:0px 10px; list-style-type:none;}
.selectedTxt           {width:228px; overflow:hidden; height:23px; padding:0 23px 0 10px;}
.hiLite                {background:#ed1a3b!important; color:#fff!important;}
.newListHover          {background:#eee8e5!important; color:#000!important; cursor:default;}
.newListSelHover,
.newListSelFocus       {background-position:0 -23px; cursor:default;}
.newListOptionTitle    {font-weight:bold;}
.newListOptionTitle ul {margin:0px 0 0;}
.newListOptionTitle li {font-weight:normal;}