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

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3

Licensed under the GPL license:
http://www.gnu.org/licenses/gpl.html
*/


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

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


/*====================================*/
:focus{outline:none}
.js ul.newList{left:-9999px}
red curvy example
ul.newList *{margin:0;padding:0}
ul.newList{margin:0!important; left:0!important; padding:0;list-style:none;color:#000; position:absolute; border:1px solid #ccc;left:0px!important;top:19px!important;overflow:auto; z-index:9999;text-align:left;}
.newListSelected{width:100%; color:#000;height:19px; padding:0;float:left; margin-left:-4px!important; _margin-left:-2px!important;}
.newListSelected span{width:172px;display:block; float:left;}
.newListSelected a.arrow{float:left; width:20px!important; _width:10px!important; overflow:hidden; text-align:center; height:20px!important;background: url(../images/spacer.gif) no-repeat scroll 0 0!important;}
.newListSelected a.arrow img{float:left;}
ul.newList li{padding:0 0 0 3%;font-size:12px; font-weight:normal!important; float:left;border:none!important}

.selectedTxt{width:98%;overflow:hidden;height:19px;padding:0 0 0 8px;text-align:left; float:left;font-size:11px; color:#000; font-family:Arial, Helvetica, sans-serif}
.selectedTxt2{width:56%;overflow:hidden;height:19px;padding:0 0 0 8px;text-align:left;float:left;font-size:11px;color:#000;font-family:Arial, Helvetica, sans-serif}
.hiLite{background:#ffd7d7!important;color:#000!important}
ul.newList li a {color:#333; text-decoration:none; display:block; padding:1px 4px;}
ul.newList li a:hover{background:#ffd7d7!important;color:#000!important; text-decoration:none;}
.newListHover{background-color:#ffd7d7!important;color:#000!important;cursor:pointer}
.newListSelHover, .newListSelFocus{Xbackground-position:0 -22px;cursor:pointer}
.newListOptionTitle{font-weight:bold}
.newListOptionTitle ul{margin:3px 0 0}
.newListOptionTitle li{font-weight:normal;font-size:11px;color:#000;line-height:20px;border-left:1px solid #ccc}
windows xp style - div that contains the <select> has been given an id of #win-xp(for the purposes of this example
#win-xp .newListSelected{background:#FFF url(dropdown.gif) no-repeat scroll 155px 1px;border:1px solid #A5ACB2;color:#000;height:17px;margin-bottom:10px;padding:0;width:173px}
#win-xp .newListSelected div{display:block;font-size:0.85em;padding:2px 21px 2px 4px;text-align:left !important;width:149px}
#win-xp ul.newList{list-style:none;color:#000;width:172px;background:#fff;border:1px solid #000;top:22px;left:0;height:auto;overflow:auto;font-size: 0.85em;text-align:left!important;position:absolute;z-index:9999}
#win-xp ul.newList li{padding:2px 5px!important;border-bottom: 1px solid #ccc}
#win-xp .hiLite{background:#316ac5!important;color:#fff!important}
#win-xp .newListHover{background:#ccc!important;color:#000!important;cursor:default}
#win-xp .newListSelHover{cursor:default}
#win-xp .newListSelHover, #win-xp .newListSelFocus{background-position:auto}
#win-xp .newListSelHover div, #win-xp .newListSelFocus div{font-weight:bold}

ul.newList li.firstElement{ color:#000; font-weight:bold; width:78%!important; font-size:12px; background:url(../images/all_icons.gif) no-repeat 4px -248px;padding:0 0 4px 22%!important; }
ul.newList li.firstElement:hover{ color:#000;background-color:#ccc!important;background:url(../images/all_icons.gif) no-repeat 4px -1069px; }
.col7 .input_bg_text1_outer ul.newList li.firstElement{background:url(../images/all_icons.gif) no-repeat 0px -248px!important;color:#000000;font-size:11px;font-weight:bold;padding:1px 0 4px 27% !important;width:73% !important}
.col7 .input_bg_text1_outer ul.newList li.firstElement:hover{ color:#000;background-color:#ccc!important;background:#ccc url(../images/all_icons.gif) no-repeat 0px -1069px !important; }

.col8 .input_bg_text1_outer ul.newList li.firstElement{background:url(../images/all_icons.gif) no-repeat 0px -248px!important;color:#000000;font-size:11px;font-weight:bold;padding:1px 0 4px 27% !important;width:73% !important}
.col8 .input_bg_text1_outer ul.newList li.firstElement:hover{ color:#000;background-color:#ccc!important;background:#ccc url(../images/all_icons.gif) no-repeat 0px -1069px !important; }

.add_new .col2 .selectedTxt{width:80%;overflow:hidden;height:19px;padding:0 20px 0 8px;text-align:left;float:left;font-size:11px;color:#000; font-family:Arial, Helvetica, sans-serif}