/*
Stylish Select 0.4.1 - $ 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 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {
	margin:0;
	padding:0;
}

ul.newList a {
	color: #000;
	text-decoration:none;
	display:block;
}
ul.newList {
	margin:4px 0 0 0;
	padding:0;
	list-style:none;
	color:#000;
	width:290px;
	background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;
}
.newListSelected {
	width:250px;
	color:#000;
	height:19px;
	padding:3px 23px 0 6px;
	float:left;
	background:#fff url(../images/photo/drop-down.png) no-repeat right center;
	outline:none;
	font-size:90%;
	line-height:19px;
}
.newListSelected span {
	width:284px;
	display:block;
}
ul.newList li a {
	padding:3px 8px;
	display: block;
}
ul.newList li a:focus {
	-moz-outline-style: none;
}
.selectedTxt {
	width:240px;
	overflow:hidden;
	height:16px;
	line-height:16px;
	padding:0 30px 0 0;
}
.hiLite {background:#1D723A!important; color:#fff!important;}
.hiLite a {background:#1D723A!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}