/*
Stylish Select 0.3 - jQuery 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

Licensed under the GPL license:
http://www.gnu.org/licenses/gpl.html
*/


/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}

/*==================================
long dropdown
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:235px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:235px; color:#000; height:21px; padding:3px 0 0 6px; display: inline-block; background:url(long-dropdown.jpg) no-repeat; clear:none; margin:0;}
.newListSelected span {width:230px; display:block;}
ul.newList li {padding:3px 8px 3px 8px; border-bottom:1px solid #C3C3C3;}
.selectedTxt {width:205px; overflow:hidden; height:16px; padding:0 30px 0 0; margin: 0; clear:none;}
.hiLite {background:#FFFFFF url(dropdown-selected.jpg) repeat-x bottom left!important; color:#fff!important; font-weight: bold; height: 19px;}
.newListHover {background:#FFFFFF url(dropdown-selected.jpg) repeat-x bottom left!important; color:#fff!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 -24px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/*==================================
small dropdown
====================================*/

#global-container ul.newList-small * {
	margin:0; 
	padding:0;
	}
	
#global-container ul.newList-small {
	margin:0; 
	padding:0; 
	list-style:none; 
	color:#919191; 
	width:127px;
	position:absolute; 
	border:1px solid #ccc; 
	/*border-left:1px solid #ccc;
	border-right:1px solid #ccc;*/
	background:#fbfbfb;
	top:24px; 
	left:0; 
	z-index:9999;
	font-size:11px;
	height:auto;
	}
	
#global-container .newListSelected-small {
	width:122px; 
	color:#5e5e5e; 
	height:24px; 
	padding:2px 0 0 7px; 
	display: inline-block; 
	float: left; 
	background: transparent url(../images/input_dropdown.jpg) no-repeat top left; 
	clear:none; 
	margin:0;
	}
	
/*#global-container .newListSelected-small .error {
	background: transparent url(small-dropdown-error.jpg) no-repeat top left;
	}*/
	
#global-container .newListSelected-small span {
	width:163px; 
	display:block;
	}
	
#global-container ul.newList-small li {
	padding:3px 8px;
	background-color: #fbfbfb;
	border-bottom: 1px dotted #CCC;
	z-index:9999;
	}
	
#global-container .selectedTxt-small {
	overflow:hidden; 
	height:21px; 
	margin: 0; 
	clear:none;
	padding:3px 0 0 0;
	width:122px;
	}
	
#global-container .hiLite-small {
	background-color: #CCC; 
	color:#565656!important;
	font-weight: bold;
	}
	
#global-container .newListHover-small {
	background-color: #CCC!important; 
	color:#565656!important; 
	cursor:default;
	font-weight: bold;
	}
	
#global-container .newListSelHover-small, #global-container .newListSelFocus-small {
	background-position:0 -26px;
	cursor:default;
	}
	
#global-container .newListOptionTitle-small {
	font-weight:bold;
	}
	
#global-container .newListOptionTitle-small ul {
	margin:3px 0 0;
	}
	
#global-container .newListOptionTitle-small li {
	font-weight:normal; 
	border-left:1px solid #ccc;
	}