/*
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 {
  margin:0; 
  padding:0; 
  list-style:none; 
  color:#000; 
  width:310px; 
  background:#fff; 
  position:absolute;  
  border:1px solid #ccc; 
  top:0; 
  left:0; 
  overflow:auto; 
  z-index:9999;
}
.newListSelected {
  color:#000;
  /*float:left;*/ 
  background: transparent url("../img/select-box-bg.png") top left no-repeat;
  border: none;
  height:25px;
  line-height:25px;
  margin:0;
  padding: 0;
  width:310px;
  
}
.newListSelected span {
  width:284px; 
  display:block;
}
ul.newList li {
  padding:3px 8px;
  height: 15px;
  line-height:15px;
  font-size: 120%;
}
.selectedTxt {
  overflow:hidden; 
  height:25px;
  line-height:25px;
  margin:0;
  padding: 0 5px 0 7px;
  width:298px;
}
.hiLite {
  background:#ed1d24!important; 
  color:#fff!important;
}
.newListHover {
  background:#ed1d24!important; 
  color:#fff!important; 
  cursor:default;
}
.newListSelHover, .newListSelFocus {
  background-position:bottom left; 
  cursor:default;
}
.newListOptionTitle {
  font-weight:bold;
}
.newListOptionTitle ul {
  margin:3px 0 0;
}
.newListOptionTitle li {
  font-weight:normal; 
  border-left:1px solid #ccc;
}