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

/*==================================
red curvy example
====================================*/

#searchform .newListSelected { 
  background: #fff url('/img/stylish-select/bg.png') no-repeat; 
  color: #000; 
  float: left;
  height: 22px; 
  margin-top: 7px;
  width: 200px;
}

#searchform .newListSelected:hover {
  cursor: pointer;
}

#searchform .newListSelected div {
  font-size: 13px; 
  font-weight: bold;
  line-height: 20px;
  padding: 1px 21px 0px 6px; 
  text-align: left !important; 
}

#searchform ul.newList {
  background: #fff; 
  border: 1px solid #000;
  color: #000; 
  font-size: 13px; 
  left: 0; 
  height: auto; 
  list-style: none; 
  margin-top: -3px;
  min-width: 168px; 
  overflow: auto; 
  max-height: 400px;
  position: absolute; 
  text-align: left!important; 
  top: 9px; 
  z-index: 9999;
  width: 200px;
}

#searchform ul.newList li {
  border-bottom: 1px solid #aaa;
  line-height: 20px;
  padding: 1px 5px 1px 6px; 
  width: auto;
}

#searchform .hiLite {
  background: #316ac5!important; 
  color: #fff!important;
}

#searchform .newListHover {
  background: #ccc!important; 
  color: #000!important; 
  cursor: pointer;
}

#searchform .newListSelHover {
  cursor: default;
}

#searchform .newListSelHover, #searchform .newListSelFocus {
  background-position: auto;
}

#searchform .newListSelHover div, #searchform .newListSelFocus div {
  font-weight: bold;
}