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

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList {
	position : absolute;
	z-index : 600;
	margin : 0;
	padding : 0;
	list-style : none;
	background : #33221C;
	border : 1px solid #524441;
	top : 18px;
	left : -72px;
	width : 200px;
}
.newListSelected {
	width : 120px;
	color : #000;
	height : 18px;
	padding : 0;
	float : left;
}
.newListSelected span {
	width : 200px;
	display : block;
}
ul.newList li A {
	color : #FFFFFF;
	display : block;
	padding : 2px 6px;
}
.selectedTxt {
	width : 120px;
	height : 18px;
	padding : 0 16px 0 0;
}
.hiLite {
	background-color : #524441;
	color : #FFFFFF;
	font-weight : bold;
}
.newListHover {
	background-color : #524441;
	color : #FFFFFF;
	cursor : default;
}
.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}