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

.newListSelected {
  background:#FFF url(/images/select.jpg) no-repeat scroll 99% 1px;
  border: 1px solid #9bb7c8;
  color:#000;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  height: 21px;
}

td.year .newListSelected { width: 55px; }
td.month .newListSelected { width: 65px; }
td.day .newListSelected { width: 45px; }

.newListSelected div {
  display:block;
  font-size:0.85em;
  padding:2px 21px 2px 4px;
  text-align:left !important;
}

td.year .newListSelected div { width: 30px; }
td.month .newListSelected div { width: 40px; }
td.day .newListSelected div { width: 20px; }

ul.newList {
  list-style:none;
  color:#000;
  background:#fff;
  border:1px solid #9bb7c8;
  border-top: 0;
  top:22px;
  left:0;
  height:auto;
  overflow:auto;
  font-size: 0.85em;
  text-align:left!important;
  position:absolute;
  z-index:9999;
}

td.year ul.newList { width: 60px; }
td.month ul.newList { width: 70px; }
td.day ul.newList { width: 50px; }

ul.newList li {
  padding:2px 5px!important;
  border-bottom: 1px solid #cccccc;
}

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

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

.newListSelHover {cursor:default;}

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

.newListSelHover div, w.newListSelFocus div {font-weight:normal;}

.selectedTxt {
  height: 25px;
}