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

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0; list-style-type:none;}
ul.newList {
	margin:0; padding:0; list-style:none; color:#9f9f9f; width:270px; background:#fff; position:absolute; top:22px; left:0; overflow:auto; z-index:9999;
}
.newListSelected {
	width:210px; color:#9f9f9f; height:30px; padding:3px 0 0 6px; float:left; background: #3300CC url(select-bg.png) no-repeat;
}
.newListSelected span {width:264px; display:block;}
ul.newList li {
	padding:3px 8px; background: none; cursor: pointer;
}
.selectedTxt {
	width:238px; overflow:hidden; height:16px; padding:0 23px 0 0; 
}
.hiLite {
	background:#650101!important; color:#9f9f9f!important;
}
.newListHover {
	background:#ccc!important; color:#9f9f9f!important; cursor:default;
}
.newListSelHover, .newListSelFocus {
	background-position:0 -22px; cursor:default;
}
{font-family:Arial, Helvetica, sans-serif;}
.newListOptionTitle ul {}
.newListOptionTitle li {font-weight:normal; background: none;}

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #win-xp
(for the purposes of this example
========================================*/

.newListSelected {
	background:#ffffff url(dropdown.jpg) no-repeat scroll 190px center; border: 1px solid #d9e4e9; color:#9f9f9f; height:30px; margin-bottom:10px; padding:0; width:210px; height: 30px;
}
.barra {
	float:left; padding:4px 10px; font-size:12px; color:#545655; font-family:Arial, Helvetica, sans-serif;
}


.newListSelected div {
	display:block; width:210px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left !important;  padding:5px 21px 0 8px; _padding:5px 0 0 8px;
}
ul.newList {
	margin-top:-3px; list-style:none; color:#color:#9f9f9f; width:210px; background:#ffffff; top:22px; left:0; height:130px; overflow:auto; font-size: 12px; {font-family:Arial, Helvetica, sans-serif; text-align:left!important; position:absolute; z-index:9999;
}
ul.newList li {
	padding:2px 5px!important; margin-left: 5px; background: none;
}
.hiLite {
	background:#ffffff!important; color:#color:#9f9f9f!important;
}
.newListHover {background:#ffffff!important; color:#color:#9f9f9f!important; cursor:default;}
.newListSelHover {cursor:default;}
.newListSelHover, .newListSelFocus {background-position:auto;}
.newListSelHover div, .newListSelFocus div {font-family:Arial, Helvetica, sans-serif;}

.w53 .newListSelected{width:210px; height: 30px;}

.w58 .newListSelected{width:210px; height: 10px; background-position:38px; _width:210px;}
.w58 .newListSelected div{width:210px; _width:210px; height: 10px;}

.w79 .newListSelected{width:35px; background-position:45px; _background-position:38px; _width:30px;}
.w79 .newListSelected div{width:35px; _width:50px;}


.w93-pessoas{width: 88px; float: left;}
.w93-pessoas .newListSelected{width: 210px; height: 30px; background-position:68px;}
.w93-pessoas ul.newList {height:80px;}