/*==================================
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:#cccccc; width:270px; line-height: 18px; background:#232323; position:absolute;  border:0; top:22px; margin-left: 10px; overflow:auto; z-index:9999;}
.newListSelected {width:300px; color:#7f7f7f; height:18px; padding:2px 0 0 6px; float:left; background:url(http://www.gaygotickets.eu/media/img/layout_bg_selectfield.gif) no-repeat; }
.newListSelected span {width:285px; display:block;}
ul.newList li {padding:3px 5px;}
.selectedTxt {width:285px; overflow:hidden; height:20px; padding:0 20px 0 0;}
.hiLite {background:#1f7da8!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 -20px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border: none;}