/*
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 { margin: 0; padding: 0; list-style: none; color: #000; width: 206px; background: #fff; position: absolute; border: 1px solid #ccc; top: 22px; left: 0; overflow: auto; z-index: 9999; }
.newListSelected { width: 203px; color: white; height: 15px; padding: 3px 0 0 6px; float: left; background: url(select-bg.png) no-repeat; margin: 10px; }
.newListSelected span { width: 284px; display: block; }
ul.newList li { padding: 3px 8px; }
.selectedTxt { width: 137px; overflow: hidden; height: 15px; padding: 0 23px 0 0; }
.hiLite { background: #7491aa !important; color: #fff !important; }
.newListHover { background: #7491aa !important; color: #000 !important; cursor: default; }
.newListSelHover, .newListSelFocus { background-position: 0 -18px; cursor: default; }
.newListOptionTitle { font-weight: bold; }
.newListOptionTitle ul { margin: 3px 0 0; }
.newListOptionTitle li { font-weight: normal; border-left: 1px solid #ccc; }

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #win-xp
(for the purposes of this example
========================================*/
#win-xp .newListSelected { background: #FFF url(dropdown.gif) no-repeat scroll 155px 1px; border: 1px solid #A5ACB2; color: #000; height: 17px; margin-bottom: 10px; padding: 0; width: 173px; }
#win-xp .newListSelected div { display: block; font-size: 0.85em; padding: 2px 21px 2px 4px; text-align: left !important; width: 149px; }
#win-xp ul.newList { list-style: none; color: #000; width: 172px; background: #fff; border: 1px solid #000; top: 22px; left: 0; height: auto; overflow: auto; font-size: 0.85em; text-align: left !important; position: absolute; z-index: 9999; }
#win-xp ul.newList li { padding: 2px 5px !important; border-bottom: 1px solid #cccccc; }
#win-xp .hiLite { background: #316ac5 !important; color: #fff !important; }
#win-xp .newListHover { background: #ccc !important; color: #000 !important; cursor: default; }
#win-xp .newListSelHover { cursor: default; }
#win-xp .newListSelHover, #win-xp .newListSelFocus { background-position: auto; }
#win-xp .newListSelHover div, #win-xp .newListSelFocus div { font-weight: bold; }