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

/*======================================
MAPNZ style
========================================*/
.newListSelected {
	background: #fff url(../images/bg-input.gif) no-repeat left top;
	border: 1px solid #e7e7e7; 
	color: #666; 
	height: 23px; 
	line-height: 23px;
	padding: 0; 
	width: 170px;
	float: left;
	font-size: 11px;
	margin-top: -3px;
	position: relative;
	z-index:1000;
}

.newListSelected .selectedTxt {
	display: block;
	color: #666; 
	height: 23px; 
	line-height: 23px;
	padding: 0 6px; 
	width: 158px;
	background: transparent url(../images/btn-select.gif) no-repeat right top;
}

ul.newList {
	list-style:none; 
	margin: 0;
	padding: 0; 
	width: 170px;
	background:#fff; 
	border:1px solid #e7e7e7;
	border-bottom: 0; 
	top: 23px; 
	left: 0px; 
	height:auto; 
	overflow:auto; 
	position:absolute; 
	z-index:1000;
}

ul.newList li {
	padding: 0 6px ; 
	border-bottom: 1px solid #e7e7e7;
}

ul.newList li a:link,
ul.newList li a:visited {
	color: #666;
	display: block;
}

ul.newList li a:hover {
	color: #285d22;
}

.hiLite { color:#000 !important;}
.newListHover {cursor:pointer;outline:none;}
.newListSelHover {cursor:pointer;outline:none;}

.newListSelHover, 
.newListSelFocus {background-position:auto;outline:none;}

.newListSelHover .selectedTxt,
.newListSelFocus .selectedTxt {
	background-position: right -23px;
	outline:none;
}

#optView .newListSelected, 
#optSort .newListSelected {
	width: 100px;
}

#optView .newListSelected .selectedTxt,
#optSort .newListSelected .selectedTxt{
	width: 88px;
}

#optView ul.newList,
#optSort ul.newList {
	width: 100px;
}