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

/*
* Red example
---------------------------------------------------------*/
.stylish-select .SSContainerDivWrapper {
	margin:0;
	padding:0;
	width:220px;
	position:absolute;
	top:22px;
	left:0;
	z-index:2;
	font: 12px Arial,Verdana,Sans-serif;
}

.stylish-select ul.newList {
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	overflow:auto;
	font-size:12px;
	margin:0px 0px 0px -10px;
}

.stylish-select ul.newList * {
	margin:0px;
	padding:0;
}

.stylish-select ul.newList {
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	overflow:auto;
	font-size:12px;
	margin:0px 0px 0px -10px;
}

.stylish-select ul.newList a {color: #000; text-decoration:none; display:block; font-weight: normal;padding-left:5px !important;}

.stylish-select .newListSelected {width:205px; color:#656565; height:25px; padding:2px 0 0 12px; float:left; background:url(img.ashx?i=/images/design/portfilterbg.jpg) no-repeat; margin-top:0px;}

.stylish-select ul.newList li a:focus {
	outline: none;
}

.stylish-select .selectedTxt {
	width:188px;
	overflow:hidden;
	height:16px;
	padding:3px 23px 0 5px;
	font: 12px Arial,Verdana,Sans-serif;
}

.stylish-select .hiLite {
	background:#b5d6f1!important;
	color:#fff!important;
}

.stylish-select .newListHover {
	background:#ccc!important;
	color:#000!important;
	cursor:default;
}

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

.stylish-select .newListOptionTitle {
	font-weight:bold;
}

.stylish-select .newListOptionTitle ul {
	margin:3px 0 0;
}

.stylish-select .newListOptionTitle li {
	font-weight:normal;
	border-left:1px solid #ccc;
}

/* Hide lists on page load */
.right_input>.stylish-select ul.newList {left:-9999px;}
/* red curvy example */
.right_input>ul.newList * {margin:0; padding:0;}
.right_input>.newListSelected>ul.newList{margin:6px 0 0 -12px}
.right_input>ul.newList a {color: #000; text-decoration:none; display:block; font-weight: normal;}
.right_input>ul.newList {margin:0; padding:0; list-style:none; color:#000; width:298px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.right_input>.newListSelected {width:286px; color:#656565; height:25px; padding:5px 0 0 12px; float:left; background:url(img.ashx?i=/images/design/stylsel.png) no-repeat; margin-top:4px;}
.right_input>.newListSelected span {width:298px; display:block;}
.right_input>ul.newList li a {padding:3px 8px; display: block;font-size:11px; cursor: default;}
.right_input>ul.newList li a:focus {outline: none;}
.right_input>.selectedTxt {width:253px; overflow:hidden; height:22px; padding:1px 30px 0 0;font-size:11px; font-family: Verdana; font-weight: normal; line-height:17px;}
.right_input>.hiLite {background:#C7DAFF!important; color:#fff!important;}
.right_input>.hiLite a {background:#C7DAFF!important; color:#fff!important;}
.right_input>.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
/*.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}*/
.right_input>.newListOptionTitle {font-weight:bold;}
.right_input>.newListOptionTitle ul {margin:3px 0 0;}
.right_input>.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}