/*==================================
remove default focus style
====================================*/
:focus {
    outline:none;
}

.js ul.newList {
    left:-9999px;
}

/*==================================
red curvy example
====================================*/
ul.newList * {
    margin:0;
    padding:0;
}
ul.newList {
    display:block;
    margin:2px 0px 0px -1px;
    padding:0;
    list-style:none;
    color:#000;
    width:290px;
    background:#fff;
    position:absolute;
    border:1px solid #D4D4D4;
    top:22px;
    left:0px;
    overflow:auto;
    z-index:9999;
}
ul.newList li {
    padding:2px 8px;
}

.newListSelected {
    width:285px;
    color:#000;
    height:19px;
    padding:3px 0 0 6px;
    background:url(images/bg-select.png) no-repeat top right;
    border:1px solid #D4D4D4;
    margin:0px 4px 2px 0px;
    _margin:0px 2px 2px 0px;
}
.newListSelected span {
    width:284px;
    display:block;
}

.selectedTxt {
    width:258px;
    overflow:hidden;
    height:16px;
    padding:0 23px 0 0;
}
.hiLite {
    background:#E20025!important;
    color:#fff!important;
}
.newListHover {
    background:#D4D4D4!important;
    color:#000!important;
    cursor:default;
}
.newListOptionTitle {
    font-weight:bold;
}
.newListOptionTitle ul {
    margin:0;
}
.newListOptionTitle li {
    font-weight:normal;
    border-left:1px solid #D4D4D4;
}