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

.stylish-select .SSContainerDivWrapper {
	left:-9999px;
}

/*
* Red example
---------------------------------------------------------*/
.stylish-select .SSContainerDivWrapper {
	margin:0;
	padding:0;
	width:300px;
	position:absolute;
	top:22px;
	left:0;
	z-index:100;
}

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

.stylish-select ul.newList * {
	margin:0;
	padding:0;
}


.stylish-select ul.newList a {
	color: #000;
	text-decoration:none;
	display:block;
	padding:2px 8px;
}

.stylish-select .newListSelected {
	text-align:left;
	width:300px;
	color:#555;
	height:40px;
	float:left;
	background:url(../images/select_bg.png) no-repeat;
}

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

.stylish-select .selectedTxt {
	/*padding-right:25px;*/
	width:300px;
	overflow:hidden;
	vertical-align: middle;
	color:#555;
	height:40px;
	font-size:14px;
	line-height:40px;
	cursor:pointer;
}
.stylish-select .selectedTxt span{
	display:block;
	width:215px;
	overflow:hidden; zoom:1;
	margin-left:10px;
	/*background:url(../images/input_bg.gif) no-repeat;*/
}

.stylish-select .hiLite {
	background:#225696!important;
	color:#fff!important;
}

.stylish-select .newListHover {
	background:#aaa!important;
	color:#fff!important;
	cursor:default;
}

.stylish-select .newListSelHover,
.stylish-select .newListSelFocus {
	background-position:0 0;
	cursor:default;
	
}

.stylish-select .newListOptionTitle {
	font-weight:bold;
}

.stylish-select .newListOptionTitle ul {
	margin:3px 0 0;
}

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