/*
 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;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: normal;
}

ul.newList {
    margin: -2px 0 0 0;
    padding: 0;
    font-weight: normal;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    list-style: none;
    color: #979694;
    width: 293px;
    background: #fbfbfb;
    position: absolute;
    border: 1px solid #ccc6bc;
    top: 28px;
    left: 0;
    overflow: auto;
    z-index: 8888;
} 
.newListSelected {
    width: 290px;
    font-weight: bold;
    color: #000;
    height: 28px;
	margin: 0 12px 0 0;
    padding: 0px 0 0 3px;
    float: left;
    background: url(../images/selectbox/select-bg.gif) no-repeat;
} 
.newListSelected span {
    width: 293px;
    display: block;
}

ul.newList li {
	margin: 0 0 0 0;
    padding: 1px 10px;
} 

ul.newList li:hover {
	margin: 0 0 0 0;
    padding: 1px 10px;
	cursor: pointer;
} 

.selectedTxt {
    width: 287px;
    overflow: hidden;
    padding: 4px 0 0 6px;
    font-size: 11px;
	line-height: 11px;
    font-weight: normal;
    line-height: inherit;
    font-family: Arial, Tahoma, Verdana;
    color: #979694;
	font-style: italic;
} 

.hiLite {
    background: #f9c262 !important;
    color: #555 !important;
} 

.newListHover {
    background: #ccc6bc !important;
    color: #555 !important;
    cursor: pointer;
} 

.newListSelHover, .newListSelFocus {
    background-position: 0 -28px;
    cursor: pointer;
} 

.newListOptionTitle {
    font-weight: bold;
} 

.newListOptionTitle ul {
    margin: 0 0 0 0;
} 

.newListOptionTitle li {
    font-weight: normal;
    border-left: 1px solid #ccc;
}