/**
* 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;
	position:absolute;
	top:0;
	left:0;
	z-index:99999;
	min-width: 116px;
	
}

.stylish-select ul.newList {
	margin:0;
	padding: 0;
	list-style:none;
	color:inherit;
	background-color: #EBEBEB;
	border: none;
	box-shadow: 0px 4px 6px -4px #666;
	box-sizing: border-box;
}

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


.stylish-select ul.newList a {
	color: #666;
	text-decoration:none;
	display: inline-block;
	display:block;
	padding:4px 10px;
	font-size: 12px;
	line-height: 1.3em;
	height: 1.3em;
	text-transform: none;
	font-weight: normal;
	white-space: nowrap;
}

.stylish-select .newListSelected {
	color:#666;
	height:30px;
	line-height: 30px; 
	padding-left: 0;
	margin-right: 6px;
	float:left;
}

.stylish-select .newListSelected .selectedTxt {
	display: block;
	padding-left: 10px;
	background: url('../images/select-arrows.svg') #ebebeb;
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: right center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.38;
	color: rgb(0, 0, 0);
	height: 30px;
	line-height: 30px;
	padding-right: 20px;
}

.stylish-select ul.newList li.disabled {
	color: #AAA;
	display:block;
	padding:3px 10px;
	font-size: 12px;
	line-height: 1.3em;
	text-transform: none;
	font-weight: normal;
	white-space: nowrap;
}

.stylish-select ul.newList li.selected {
	font-weight: bold;
}

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

.stylish-select .selectedTxt {
	overflow:hidden;
	padding:0 6px 0 0;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}

.stylish-select .hiLite {
	important;
	color:#666!important;
}

.stylish-select .newListHover {
	background:#e5e5e5!important;
	color:#666!important;
	cursor:pointer;
}

.stylish-select .newListSelHover,
.stylish-select .newListSelFocus {
	background-position:0 -22px;
	cursor:pointer;
	outline: none;
}

.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;
}