/*
Stylish Select css 0.2.2 - 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
*/

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList {
	margin:0; 
	padding:0; 
	list-style:none; 
	color:#000; 
	background:#fff; 
	position:absolute; 
	display:none; 
	border:1px solid #ccc;  
	left:0; 
	overflow:auto; 
	z-index:9999;
}
.newList  {width:229px;top:22px;}
.selectedTxt {width:229px; overflow:hidden; height:18px; padding: 0px 0px 0 3px;font-size:11px}
.newListSelected {
	width:229px; 
	color:#000; 
	height:18px; 
	padding: 3px 0px 0 6px; 
	float:left; 
	background: url(../images/bg_sl-submit.gif) no-repeat left 0px; 
	cursor: pointer; 
	outline: none;
}

/*.newListSelected:hover {background-position:0 -22px;}*/
.newListSelected span {width:284px; display:block;}
ul.newList li {padding:3px 8px;}

.hiLite {background:none!important;}
.newListHover { cursor:default;}
.newListSelHover {cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

.sort-today .newListSelected {
	width:60px;
	float:right;
	padding-right:15px;
	background:url(../images/ic_sl.gif) no-repeat 60px 5px;
	margin-top:8px;
	height:16px; 
	cursor: pointer; 
	outline: none;
}
.sort-today .newList {border:none;width:80px !important;top:24px !important;color:#6f6f6f !important;}
.sort-today .selectedTxt {width:65px !important;color:#fff}

.sort-menu .newListSelected {
	width:90px;
	float:right;
	padding-right:15px;
	background:url(../images/ic_sl.gif) no-repeat 90px 5px;
	margin-top:8px;
	height:16px; 
	cursor: pointer; 
	outline: none;
}
.sort-menu .newList {border:none;width:105px !important;top:24px !important;}
.sort-menu .selectedTxt {width:105px !important;color:#fff}

.sl-submit ul.newList li {padding:3px 8px;display:block;width:180px}
.sl-submit .newListSelected {
	width:220px; 
	color:#000; 
	height:18px; 
	padding: 3px 0px 0 0px; 
	float:left; 
	background: url(../images/bg_sl-submit.gif) no-repeat right 0px; 
	cursor: pointer; 
	outline: none;
}
.sl-submit .newList  {width:217px;top:22px;}
.sl-submit .selectedTxt {width:217px; overflow:hidden; height:18px; padding: 3px 0px 0 3px;font-size:11px;color:#fff}