/* @override 
	http://bikinithiefdev.businesscatalyst.com/stylesheets/stylish-select.css
	https://bikinithiefdev.worldsecuresystems.com/stylesheets/stylish-select.css
*/

/*
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: #413000;
	text-decoration: none;
	display: block;
}

ul.newList {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #413000;
	width: 259px;
	background: #fff3c9;
	position: absolute;
	top: 22px;
	left: 0;
	overflow: auto;
	z-index: 100000;
}

.newListSelected {
	width: 253px;
	color: #413000;
	height: 18px;
	padding: 3px 0 0 6px;
	float: left;
	background: url(cssimg/bt_selectBG.png) no-repeat;
}

.newListSelected span {

}
ul.newList li {
	width: 259px;
	background-color: #fff3c9;
}
ul.newList li a {
	padding: 3px 8px;
	display: block;
}

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

.selectedTxt {
	width: 230px;
	overflow: hidden;
	height: 17px;
	padding: 0 23px 0 0;
	line-height: 17px;
}

.hiLite {
	background: #fdadce!important;
	color: #413000!important;
}

.hiLite a {
	background: #fdadce!important;
	color: #413000!important;
}

.newListHover {
	background: #413000!important;
	color: #fff!important;
	cursor: default;
}

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

.newListOptionTitle {
	font-weight: bold;
}

.newListOptionTitle ul {
	margin: 3px 0 0;
}

.newListOptionTitle li {
	font-weight: normal;
}

/*======================================
windows xp style - div that contains the 
<select> has been given an id of .fullwidthselect
(for the purposes of this example
========================================*/

.fullwidthselect .newListSelected {
	background: #FFF3c9 url(cssimg/bt_downSelectarrow.png) no-repeat 410px center;
	color: #000;
	height: 30px;
	padding: 0 30px 0 10px;
	width: 390px;
	margin: 0;
}

.fullwidthselect .newListSelected div {
	display: block;
	text-align: left !important;
	width: 422px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 0;
	margin: 0 0 0 -10px;
	text-indent: 10px;
}

.fullwidthselect ul.newList {
	list-style: none;
	color: #000;
	width: 430px;
	background: #fff3c9;
	top: 22px;
	left: 0;
	height: auto;
	overflow: auto;
	text-align: left!important;
	position: absolute;
	z-index: 9999;
}

.fullwidthselect ul.newList li {
	padding: 2px 5px!important;
	width: 405px;
}

.fullwidthselect .hiLite {
	background: #1FBECA!important;
	color: #fff!important;
}

.fullwidthselect .newListHover {
	background: #413000!important;
	color: #fff!important;
	cursor: default;
}

.fullwidthselect .newListSelHover {
	cursor: default;
}

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

.fullwidthselect .newListSelHover div, .fullwidthselect .newListSelFocus div {
	background: #1FBECA url(cssimg/bt_downSelectarrow.png) no-repeat 410px center;
	color: #fff!important;
}






.mediumselect .newListSelected {
	background: #FFF3c9 url(cssimg/bt_downSelectarrow.png) no-repeat 170px center;
	color: #000;
	height: 30px;
	padding: 0 30px 0 10px;
	width: 150px;
	margin: 0;
}

.mediumselect .newListSelected div {
	display: block;
	text-align: left !important;
	width: 180px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 0;
	margin: 0 0 0 -10px;
	text-indent: 10px;
}

.mediumselect ul.newList {
	list-style: none;
	color: #000;
	width: 190px;
	background: #fff3c9;
	top: 22px;
	left: 0;
	height: auto;
	overflow: auto;
	text-align: left!important;
	position: absolute;
	z-index: 9999;
}

.mediumselect ul.newList li {
	padding: 2px 5px!important;
	width: 165px;
}

.mediumselect .hiLite {
	background: #1FBECA!important;
	color: #fff!important;
}

.mediumselect .newListHover {
	background: #413000!important;
	color: #fff!important;
	cursor: default;
}

.mediumselect .newListSelHover {
	cursor: default;
}

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

.mediumselect .newListSelHover div, .mediumselect .newListSelFocus div {
	background: #1FBECA url(cssimg/bt_downSelectarrow.png) no-repeat 170px center;
	color: #fff!important;
}



.smallselect .newListSelected {
	background: #FFF3c9 url(cssimg/bt_downSelectarrow.png) no-repeat 90px center;
	color: #000;
	height: 30px;
	padding: 0 30px 0 10px;
	width: 70px;
	margin: 0;
}

.smallselect .newListSelected div {
	display: block;
	text-align: left !important;
	width: 100px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 0;
	margin: 0 0 0 -10px;
	text-indent: 10px;
}

.smallselect ul.newList {
	list-style: none;
	color: #000;
	width: 110px;
	background: #fff3c9;
	top: 22px;
	left: 0;
	height: auto;
	overflow: auto;
	text-align: left!important;
	position: absolute;
	z-index: 9999;
}

.smallselect ul.newList li {
	padding: 2px 5px!important;
	width: 85px;
}

.smallselect .hiLite {
	background: #1FBECA!important;
	color: #fff!important;
}

.smallselect .newListHover {
	background: #413000!important;
	color: #fff!important;
	cursor: default;
}

.smallselect .newListSelHover {
	cursor: default;
}

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

.smallselect .newListSelHover div, .smallselect .newListSelFocus div {
	background: #1FBECA url(cssimg/bt_downSelectarrow.png) no-repeat 90px center;
	color: #fff!important;
}