/**
* Stylish Select 0.4.5 - $ 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 or newer
* 
* Dual licensed under the MIT and GPL licenses.
*/

/**
* Hide lists on page load
---------------------------------------------------------*/

.SSContainerDivWrapper {
	left:-9999px;
}

/*---------------------------------------------------------*/
.SSContainerDivWrapper {
	margin:0;
	padding:0;
	position:absolute;
	top:25px;
	left:0;
	z-index:2;
}

ul.newList {
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	overflow:auto;
}

ul.newList * {
	margin:0;
	padding:0;
}


ul.newList a {
	color: #000;
	text-decoration:none;
	display:block;
	padding:3px 6px;
}

.newListSelected {
	color:#000;
	height:25px;
	padding:3px 0 0 6px;
	float:left;
}

ul.newList li a:focus {
	-moz-outline-style: none;
}

.selectedTxt {
	overflow:hidden;
	height:22px;
	padding:0 20px 0 0;
}

.hiLite {
	background:#2161A5!important;
	color:#fff!important;
}

.newListHover {
	background:#ccc!important;
	color:#000!important;
	cursor:default;
}

.newListSelHover,
.newListSelFocus {
	background-position:0 -29px!important;
	cursor:default;
}

.newListOptionTitle {
	font-weight:bold;
}

.newListOptionTitle ul {
	margin:3px 0 0;
}

.newListOptionTitle li {
	font-weight:normal;
	border-left:1px solid #ccc;
}