/*
Stylish Select css 0.2.1 - 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
*/

ul.newList * {
    margin: 0;
    padding: 0;
}

ul.newList {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    text-transform: capitalize;
    color: #5a5a5a;
    width:  167px;
    background: #fff;
    position: absolute;
    display: none;
    border: 1px solid #bdc3cf;
    top: 16px;
    left: 0;
    overflow: auto;
    max-height: 160px; 
    z-index: 9999;
}
ul.newList a {
	text-decoration:none  !important;
	color:#5a5a5a !important;
	display:block;
	padding-left:10px;
}
ul.newList a:hover{
	color:#181818 !important;
}
.newListSelected {
    width: 167px;    
    height: 16px;
    padding: 0;
    margin-bottom: 8px;
    float: right;
    display: inline;
    color: #5a5a5a;
    background:  url(../../images/select-bg.gif) no-repeat;
}

.newListSelected:hover {
    background-position: 0 -16px;
}

ul.newList li {
    padding: 0 !important;
	display:block;
}

.selectedTxt {
    width: 142px !important;
    height: 16px;
    padding: 0 20px 0 5px;
    overflow: hidden;
    font-size: 11px;
    text-transform: capitalize;
    color: #7c7c7c;    
}

.hiLite {
    background: #ffebc0!important;
    color: #000!important;
}

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

.newListSelHover {
    cursor: default;
}