/*
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
{
position:relative; 
z-index:888;

}

.newListSelected {
background:#FFF url(/files/dropdown.gif) no-repeat scroll right center; 
border:0; 
color:#666666; 
margin:0;
padding:0;
height:17px;
position:relative; 
z-index:888;
border:1px solid #c2e0ff;
}
.newListSelected div {
display:block;
font-family:Tahoma;
 font-size:12px; 
 padding-top:1px;
 text-align:left !important;
 position:relative; 
 z-index:888;
 padding-left:3px;
 }
ul.newList {
list-style:none; 
color:#666666; 
background:#fff;
 border:1px solid #c2e0ff;
 top:22px; left:0; 
 height:auto; 
 overflow:auto; 
 font-size: 12px;
 text-align:left!important; 
 position:absolute; 
 z-index:9999; 
 padding:0!important; 
 margin:0!important; 
 margin-left:-1px!important;
 }
ul.newList li {
padding:2px 5px!important; 
border-bottom: 1px solid #dddddd; 
text-indent:0!important;
}
.hiLite {
background:#47b0e5!important; 
color:#fff!important;
}
.newListHover {
 color:#fff!important; 
 background:#47b0e5!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;}
.selo .newListSelected {width:212px;}
.selo .newListSelected div {width:212px;}
.selo ul.newList {width:212px;*width:214px;}
.selo ul.newList li {background:none;	padding-left: 0px;	margin-left: 0px;}

.selo2 .newListSelected {width:144px;}
.selo2 .newListSelected div {width:144px;}
.selo2 ul.newList {width:143px;*width:146px;}
.selo2 ul.newList li {background:none;	padding-left: 0px;	margin-left: 0px;}

.selo3 .newListSelected {width:60px;}
.selo3 .newListSelected div {width:60px;}
.selo3 ul.newList {width:59px;*width:62px;}
.selo3 ul.newList li {background:none;	padding-left: 0px;	margin-left: 0px;}

.selo4 .newListSelected {width:103px;}
.selo4 .newListSelected div {width:103px;}
.selo4 ul.newList {width:101px;*width:105px;}
.selo4 ul.newList li {background:none;	padding-left: 0px;	margin-left: 0px;}

.selo5 .newListSelected {width:123px;}
.selo5 .newListSelected div {width:123px;}
.selo5 ul.newList {width:121px;*width:125px;}
.selo5 ul.newList li {background:none;	padding-left: 0px;	margin-left: 0px;}

.selo6 .newListSelected {width:212px;}
.selo6 .newListSelected div {width:212px;}
.selo6 ul.newList {width:212px;*width:214px;height:400px;}
.selo6 ul.newList li {background:none;	padding-left: 0px;	margin-left: 0px;}

.selo7 .newListSelected {width:213px;}
.selo7 .newListSelected div {width:213px;}
.selo7 ul.newList {width:211px;*width:215px;}
.selo7 ul.newList li {background:none;	padding-left: 0px;	margin-left: 0px;}

.selo77 .newListSelected {width:147px;border:1px solid #66ccff; }
.selo77 .newListSelected div {width:147px;}
.selo77 ul.newList {width:145px;*width:149px;}
