/*==================================
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:220px; 
background:#fff; 
position:absolute;  
border:1px solid #ccc; 
top:22px; left:0; 
overflow:auto; 
z-index:9999;}

.newListSelected {
width:220px; 
color:#000; 
height:26px; 
padding:3px 0 0 10px;
margin-bottom:10px;
float:left; 
background:url(select-bg.png) no-repeat;}

*.newListSelected {
width:210px; 
color:#000; 
height:26px; 
padding:3px 0 0 10px;
margin-bottom:10px;
float:left; 
background:url(select-bg.png) no-repeat;}

.newListSelected span {
width:284px; 
display:block;}

ul.newList li {
padding:3px 8px;}

.selectedTxt {
width:170px; 
overflow:hidden; 
height:25px; 
padding:0 23px 0 0;}

.hiLite {
background: #999999!important; 
}

.newListHover {
background: #000000!important; 
color: #FFFFFF!important; 
cursor: pointer;}

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

.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}