/*
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 * {font-family: Verdana, Helvetica, Arial, sans-serif; margin:0; padding:0;  }
ul.newList a {color: #828282; text-decoration:none; display:block;}
ul.newList {margin:2px 0 0 0; padding:0; list-style:none; color: #828282; width:180px; position:absolute; top:22px; left:12px; overflow:auto; z-index:9999;}

ul.newList li:first-child a{
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 1px;
	-moz-border-radius-bottomright: 1px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 1px;
	-webkit-border-bottom-right-radius: 1px;
}

ul.newList li:last-child a{
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.newListSelected {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	width:170px; 
	color: #828282; 
	height:29px; 
	padding:8px 0 0 16px; 
	float:right; 
	background:url(img/select-bg.png) 0 0  no-repeat; 
	cursor: pointer; 
}
.newListSelected span {width:284px; display:block;}
ul.newList li a {padding:2px 0 2px 12px; display: block; margin:0 2px 0 3px; background-color: #ebebeb; cursor: pointer;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {width:150px; overflow:hidden; height:16px; padding:0 23px 0 0; cursor: pointer;}

.hiLite {background:#74b212!important; color:#fff!important;}
.hiLite a {background:#74b212!important; color:#fff!important;}
.newListHover {background:#d7d7d7!important; color:#828282!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 -30px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}