/* @override http://cityofgrace.monkcms.net/_css/stylish-select.css */
/*
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 #content ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
#content .newListSelected{
background: url(/_img/bg_stylishSelect.png) no-repeat left top;
width:96px;
color:#816c5b;
height:24px;
float:left;
display: block;
margin-right: 15px;
}

#content .selectedTxt {
width:63px;
overflow:hidden;
line-height: 24px;
height:24px;
padding:0 23px 0 10px;
}

#content .newListSelected span {
width:284px;
display:block;
}
#content ul.newList * {
margin:0;
padding:0;
}
#content ul.newList {
background: #e4dfcb;
border:1px solid #ccc; 
color:#C5C0B0;	
margin:0 0 -20px 0;
padding:0;
list-style:none;
position:absolute; 
top:18px;
left:0;
overflow:auto;
width:120px;
z-index:9999;
}

#content ul.newList li {
font-size: 1em;
background: none;
padding:3px 8px;
color: #816c5b;
}

#content .hiLite{
background:#d0c9af!important;
color:#fff!important;
}

#content .newListHover {
background:#d0c9af!important;
cursor:pointer;
}

#content .newListSelHover,
#content .newListSelFocus {cursor:pointer;}
#content .newListOptionTitle {font-weight:bold;}
#content .newListOptionTitle ul {margin:3px 0 0;}
#content .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}