/*
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; }

ul.newList * { margin: 0 !important; padding: 0 !important; }
ul.newList { margin: 0 !important; padding: 0 !important; list-style: none; color: #000; width: 209px; background: #fff !important; position: absolute;  border: 1px solid #ccc; top: 16px; left: 0; overflow: auto; z-index: 9999; }
.newListSelected { width: 205px; color: #000; height: 22px; padding: 0 0 0 6px; float: left; background: #dadcdd url("../images/buttons/button2.png") no-repeat right top; }
.newListSelected span { width: 204px; display: block; }
ul.newList li { padding: 0 8px !important; width: auto !important; line-height: 25px !important; }
.selectedTxt { width: 179px; overflow: hidden; height: 22px; padding: 0 26px 0 0; line-height: 22px; font-size: 1.2em;}
.hiLite { background: #6c7378 !important; color: #fff !important; }
.newListHover {background: #ccc !important; color: #000 !important; cursor:default;}
.newListSelHover { cursor:default;}
.newListSelFocus { cursor:default;}

#top_search { position: relative; z-index: 9999; }
#main { position: relative; z-index: 0; }