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

.selo, .selo2, .selo3, .selo4, .selo5, .selo6  {padding:0 0 1px 2px; position:relative; z-index:888;}

.newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll right center; border:0; color:#000; margin:0; padding:0; width:200px; position:relative; z-index:888;}
.newListSelected div {display:block; font-size:11px; padding:3px 21px 3px 4px; _padding:4px 21px 4px 4px; text-align:left !important; width:175px; position:relative; z-index:888; }
ul.newList {list-style:none; color:#000; width:200px; background:#fff; border:1px solid #888; top:22px; left:0; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:999; padding:0!important; }
ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc; text-indent:0!important;}
.hiLite {background:#316ac5!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover {cursor:default;}
.newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
.newListSelHover div, .newListSelFocus div {font-weight:normal;}


.gr_sel .newListSelected {background-color:#e6e6e6;}

.selo2 .newListSelected {width:400px;}
.selo2 .newListSelected div {width:375px;}
.selo2 ul.newList {width:400px;}

.selo3 .newListSelected {width:110px;}
.selo3 .newListSelected div {width:85px;}
.selo3 ul.newList {width:110px;}

.selo4 .newListSelected {width:300px;}
.selo4 .newListSelected div {width:275px;}
.selo4 ul.newList {width:300px;}

.selo5 .newListSelected {width:185px;}
.selo5 .newListSelected div {width:160px;}
.selo5 ul.newList {width:185px;}

.selo6 .newListSelected {width:170px;}
.selo6 .newListSelected div {width:145px;}
.selo6 ul.newList {width:170px;}