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

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

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #959595; text-decoration:none; display:block;}
ul.newList {

    scrollbar-face-color:#0E8AA0;
    scrollbar-arrow-color:#FFF;
    scrollbar-track-color:#FFF;
    scrollbar-shadow-color:#0E8AA0;
    scrollbar-highlight-color:#0E8AA0;
    scrollbar-3dlight-color:#0E8AA0;
   scrollbar-darkshadow-Color:#0E8AA0;

margin:0; padding:0; list-style:none; color:#959595; width:217px; background:#fff; position:absolute;  border:1px solid #959595; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:217px; color:#959595; height:19px; padding:0 0 0 6px; float:left;  border:1px solid #959595; background:url('http://www.espacecharenton.com/css/dropDownArrow.gif') repeat-y right; margin:6px 0px;}
.newListSelected span {width:217px; display:block;}
ul.newList li a {font-size:11px;padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {font-size:11px;color:#959595;width:168px; overflow:hidden; height:16px; padding:0 23px 0 0;}
.hiLite {background:#0E8AA0!important; color:#fff!important;}
.newListHover {background:#eee8e5!important; color:#959595!important; cursor:default;}
.newListSelHover, .newListSelFocus {cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;

}
.js ul.newList {
    left: -9999px;
}
ul.newList * {
    margin: 0;
    padding: 0;
}
ul.newList {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #959595;
    color: #959595;
    left: 0;
    list-style: none outside none;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 22px;
    width: 217px;
    z-index: 9999;
}
.newListSelected {
    background: url("../img/layout/select.jpg") no-repeat scroll right 3px #fff;
    border: 1px solid #959595;
    color: #959595;
    float: left;
    height: 20px;
	line-height:20px;
    padding: 0 0 0 6px;
    width: 211px;
}
.newListSelected span {
    display: block;
    width: 162px;
}
ul.newList li {
    font-size: 11px;
	line-height: 13px;
}
.selectedTxt {
    color: #959595;
    font-size: 11px;
    height: 16px;
    overflow: hidden;
    padding: 0 22px 0 0;
    width: 190px;
}
.hiLite {
    background: none repeat scroll 0 0 #0E8AA0 !important;
    color: #FFFFFF !important;
}
.newListHover {
    background: none repeat scroll 0 0 #EEE8E5 !important;
    color: #000000 !important;
    cursor: default;
}
.newListSelHover, .newListSelFocus {
    cursor: default;
}
.newListOptionTitle {
    font-weight: bold;
}
.newListOptionTitle ul {
    margin: 3px 0 0;
}
.newListOptionTitle li {
    border-left: 1px solid #CCCCCC;
    font-weight: normal;
}