/*Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered listhttp://scottdarby.com/Copyright (c) 2009 Scott DarbyRequires: jQuery 1.3 or newerDual licensed under the MIT and GPL licenses.*/
/*==================================Hide lists on page load====================================*/
.stylish-select ul.newList {
	left: -9999px;
}
/*==================================red curvy example====================================*/
ul.newList * {
	margin: 0;
	padding: 0;
}
ul.newList a {
	color: #0078ae;
	text-decoration: none;
	display: block;
	
}
ul.newList li {
background: none!important;
padding: 0!important;
font-size: 0.9em!important;
}
ul.newList {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000;
	width: 143px;
	background: #fff;
	position: absolute;
	border: 1px solid #ccc;
	top: 22px;
	left: 0;
	overflow: auto;
	z-index: 9999;
}
.newListSelected {
	width: 143px;
	color: #000;
	height: 28px;
	padding: 8px 0 0 15px;
	margin-left: 10px;
	float: left;
	background: url(../images/select.png) no-repeat;
	color: #555555;
	font-size: 0.8125em;
}
.newListSelected span {
	width: 143px;
	display: block;
}
ul.newList li a {
	padding: 6px 8px;
	display: block;
	border-bottom: 1px dotted #a3a3a3!important;
}

ul.newList li:last-child a{
	border-bottom: none!important;
}
ul.newList li a:focus {
	-moz-outline-style: none;
}
.selectedTxt {
	width: 143px;
	overflow: hidden;
	height: 16px;
	padding: 0 23px 0 0;
}
.hiLite {
	background: #ebebeb!important;
	color: #000!important;
}
.hiLite a {
	background: #ebebeb!important;
	color: #0078ae!important;
	border-bottom: solid 1px red!important;

}
.newList {
	width: 100px!important;
	left: 12px!important;
	top: 0!important;
}

.newListHover {
	background: #ebebeb!important;
	color: #000!important;
	cursor: default;
}
.newListSelHover, .newListSelFocus {


}
.newListOptionTitle {
	font-weight: bold;
}
.newListOptionTitle ul {
	margin: 3px 0 0;
}
.newListOptionTitle li {
	font-weight: normal;
	border-left: 1px solid #ccc;
}
/*======================================windows xp style - div that contains the <select> has been given an id of #win-xp(for the purposes of this example========================================*/
#win-xp .newListSelected {
	background: #FFF url(../images/select.png) no-repeat scroll 0 0;
	border: 1px solid #A5ACB2;
	color: #000;
	height: 17px;
	margin-bottom: 10px;
	padding: 0;
	width: 173px;
}
#win-xp .newListSelected div {
	display: block;
	font-size: 0.85em;
	padding: 2px 21px 2px 4px;
	text-align: left !important;
	width: 149px;
}
#win-xp ul.newList {
	list-style: none;
	color: #000;
	width: 172px;
	background: #fff;
	border: 1px solid #000;
	top: 22px;
	left: 0;
	height: auto;
	overflow: auto;
	font-size: 0.85em;
	text-align: left!important;
	position: absolute;
	z-index: 9999;
}
#win-xp ul.newList li {
	padding: 2px 5px!important;
	border-bottom: 1px solid #cccccc;
}
#win-xp .hiLite {
	background: #316ac5!important;
	color: #fff!important;
}
#win-xp .newListHover {
	background: #ccc!important;
	color: #000!important;
	cursor: default;
}
#win-xp .newListSelHover {
	cursor: default;
}
#win-xp .newListSelHover, #win-xp .newListSelFocus {
	background-position: auto;
}
#win-xp .newListSelHover div, #win-xp .newListSelFocus div {
	font-weight: bold;
}