/*
Stylish Select 0.3 - jQuery plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/
*/


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

 ul.newList * {margin:0; padding:0; }
.selectedTxt, ul.newList * {font:13px/14px Arial, Helvetica, sans-serif; color:black;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:190px; height:200px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:165px; color:#000; height:18px; padding:2px 0 0 9px; float:left; background:url(../img/i/cross_bg.gif) no-repeat;}
.newListSelected span {width:165px; display:block;}
ul.newList li {padding:3px 8px 3px 20px;}
.selectedTxt {width:165px; overflow:hidden; height:18px; padding:0 20px 0 0;  }
.hiLite {background-color:#c6c8c9 !important; color:#fff!important;}
.newListHover {background-color:#c6c8c9 !important; color:#000!important; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}


/* color quadrates for select */

#qdr_beage {background: url(../img/i/qdr_beage.gif) no-repeat 6px 5px;}
#qdr_black {background: url(../img/i/qdr_black.gif) no-repeat 6px 5px;}
#qdr_blue {background: url(../img/i/qdr_blue.gif) no-repeat 6px 5px;}
#qdr_braun {background: url(../img/i/qdr_braun.gif) no-repeat 6px 5px;}
#qdr_gray {background: url(../img/i/qdr_gray.gif) no-repeat 6px 5px;}
#qdr_green {background: url(../img/i/qdr_green.gif) no-repeat 6px 5px;}
#qdr_lilo {background: url(../img/i/qdr_lilo.gif) no-repeat 6px 5px;}
#qdr_orange {background: url(../img/i/qdr_orange.gif) no-repeat 6px 5px;}
#qdr_red {background: url(../img/i/qdr_red.gif) no-repeat 6px 5px;}
#qdr_white {background: url(../img/i/qdr_white.gif) no-repeat 6px 5px;}
#qdr_yellow {background: url(../img/i/qdr_yellow.gif) no-repeat 6px 5px;}