/*
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 { /*najprawdopodobniej trzeba */
margin:0; 
padding:0; 
list-style:none; 
color:#434343; 
width:178px; 
background:#fff; 
position: absolute;
border:1px solid #ccc; 
top:22px; 
left:0; 
overflow:hidden; 
z-index:30;
display: block;
text-align: left;
}

ul.newList a { color: #434343; }

.newListSelected {
width:152px; 
color:#000; 
height:25px; 
padding:3px 0 0 6px; 
float:left; 
background:url(../img/select.png) no-repeat; 
}
.newListSelected span {
width:152px; 
display:block;
}
ul.newList li {
padding:5px 10px;
}
.selectedTxt {
width:148px; 
overflow:hidden; 
line-height:20px; 
text-align: left; 
padding:0 23px 0 10px;
}
.hiLite {
background:#ffe9ab!important;
}
.newListHover {
background:#ffc31b!important; 
color:#000!important; 
cursor:default;
}

.newListSelHover, .newListSelFocus {background-position:0 -28px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}