@CHARSET "UTF-8";
.sbHolder{
	background-color: white;
	border: 1px solid #E0E0E0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	font-weight: normal;
	height: 30px;
	height: 30px;
	position: relative;
	width: 256px;
	z-index: 200;
}
.sbSelector{
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	/*Removed below property to allow for keyboard focus accessibility.
	outline: none;*/
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 223px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: black;
	/*Removed below property to allow for keyboard focus accessibility.
	outline: none;*/
	text-decoration: none;
}
.sbToggle{
	background: url(../images/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	/*Removed below property to allow for keyboard focus accessibility.
	outline: none;*/
	/*Added two following text styles so that we can add background text
	for when the toggle icon is being read by a screen reader.*/
	text-indent: -9999px;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	/* There are some IE installations that doesn't seeem to honor the */
	/* text-indent attribute, for such cases, this should at least make the */ 
	/* text non-visible */
	font-size:0px;
}
.sbToggle:hover{
	background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: red;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background: white;
	background: -moz-linear-gradient(top, white, #F2F2F2) !important;
	background: -webkit-gradient(linear, right top, right bottom, from(white), to(#F2F2F2)) !important;
	border: solid 1px #DBDBDB;/*#515151;*/
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 256px;
	z-index: 200;
//	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	/*(border-bottom: dotted 1px #515151;*/
	display: block;
	/*Removed below property to allow for keyboard focus accessibility.
	outline: none;*/
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: black;
	text-decoration: none;
}
.sbOptions a:hover{
	background: #007DBA;
	color: white;
}
.sbOptions li.last a{
	border-bottom: none;
}