/*
Stylish Select 0.4.1 - $ 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 ul.newList {
	left: -9999px;
}

/*==================================
red curvy example
====================================*/
ul.newList * {
	margin: 0;
	padding: 0;
}

ul.newList a {
	color: #484640;
	text-decoration: none;
	display: block;
}

ul.newList {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #484640;
	width: 189px;
	background: #fff;
	position: absolute;
	border: 1px solid #ccc;
	top: 22px;
	left: 0;
	overflow: auto;
	z-index: 9999;
}

.newListSelected {
	width: 184px;
	color: #484640;
	height: 26px;
	padding: 5px 0 0 13px;
	float: left;
	background: url(../img/layout/select001hg.png) no-repeat;
}

.newListSelected span {
	width: 183px;
	display: block;
}

ul.newList li a {
	padding: 3px 8px;
	display: block;
}

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

.selectedTxt {
	font-size: 13px;
	width: 157px;
	overflow: hidden;
	height: 23px;
	padding: 0 23px 0 0;
}

.hiLite {
	background: #5fafee !important;
	color: #ffffff !important;
}

.hiLite a {
	background: #5fafee !important;
	color: #ffffff !important;
}

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

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

.newListOptionTitle {
	font-weight: bold;
}

.newListOptionTitle ul {
	margin: 3px 0 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(../img/layout/select001dd.gif) no-repeat scroll
		155px 1px;
	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;
}