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


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