/* selectbox style - see jquery plugin, set with class="js_selectbox" */

div.selectbox-wrapper {
	position: relative;
}
/*.selectbox-wrapper {
	position: absolute;
	background: #111;
	margin: -30px 0 0 -2px;
	padding: 0;
	max-height: 300px;
	min-width: 80px;
	overflow: auto;
	z-index: 999;
	opacity: .9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: #000 0 0 12px;
}
	.selectbox-wrapper ul {
		list-style: none;
		margin: 8px;
		padding: 2px;
	}
	.selectbox-wrapper ul li.selected { 
		background: #444;
	}
	.selectbox-wrapper ul li {
		list-style: none;
		display: block;
		margin: 0;
		padding: 2px 30px 2px 6px;
		cursor: pointer;
		color: #eee;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
*/
	/* special classes */

/*	.selectbox-wrapper ul li.headline {
		font-weight: 160% !important;
		color: red;
	}
  */
.selectbox-start {
	z-index: 1;
	position: absolute;
	top: 0; 
	padding: 0 0 0 10px;
	height: 23px;
	line-height: 0;
	background: url(/Administration/WebsiteImages/bg_select.png) no-repeat 0% 100%;
}

.selectbox {
	display: block;
	height: 23px;
	margin: 0 5px 0 0px;
	padding: 0 2px;
	font-size: 100%;
	line-height: 23px;
	text-align: left;
	background: url(/Administration/WebsiteImages/bg_select.png) no-repeat 100% 0%;
	cursor: pointer;
	border: none;
	color: #333;
}
/* the actual selectbox is hidden, and created elements takes over, options remains as before, use wrapper because it's created by javascript */
div.selectbox-wrapper select.js_selectbox {
	position: absolute;
	top: 0; 
	opacity: 0;
	filter: alpha(opacity = 0);
	-moz-opacity:0;
	-khtml-opacity:0;
	z-index: 10;
}
	div.selectbox-wrapper select.js_selectbox option {
	}