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

ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none;}
ul.newList li {padding:3px 8px;}

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #win-xp
========================================*/

#win-xp .newListSelected {background:#FFF url(../images/dropdown.gif) no-repeat scroll 300px 1px; border:1px solid #A5ACB2; color:#515151; width:318px; height:18px; margin:0px; padding:0px;}
#win-xp .newListSelected div {display:block; font-size:11px; font-weight:bold; padding:2px 0px 0px 5px; text-align:left !important; width:310px;}
#win-xp ul.newList {list-style:none; color:#000; width:317px; background:#f2f2f2; border:1px solid #969696;height:auto; overflow:auto; font-size:12px; text-align:left!important;position:absolute; z-index:9999;}
#win-xp ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #dfdfdf;}
#win-xp .hiLite {background:#969696!important; color:#fff!important;}
#win-xp .newListHover {background:#d8d7d7!important; color:#000!important; cursor:default;}
#win-xp .newListSelHover {cursor:default;}
#win-xp .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}