/* -------------
 * Selects
 * ------------- */

.jqTransformSelectWrapper {
               
	height: 24px;
    position: relative;
	border-top: 1px solid #636668;
	border-left: 1px solid #959a9d;
	font-weight: bold;
	background: #fff7d4 url('../img/select-arrow.gif') no-repeat 100% 3px;
	padding: 0;       
	margin: 0;
	z-index: 1;
	width: 100% !important;
	
}
.col1 .jqTransformSelectWrapper {width: 90% !important}

.jqTransformSelectWrapper div span {
    position: relative;
	float: none;
	z-index: 10;
	display: block;
	font-weight: normal !important;
	font-size: 12px !important;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 7px;
	overflow: hidden;
	cursor:pointer;
}
  
.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	top: 0;
	z-index: 10;
	right: 0px;
	width: 21px;
	height: 24px;
	display: block
}

.jqTransformSelectWrapper ul {
	position: absolute;
	top: 24px;
	left: -1px;
	z-index: 200;
	list-style: none;
	display: none;
	margin: 0px;
	padding: 0px !important;
	height: auto;
	border: 1px solid #ccc;
	max-height: 300px;
	overflow: auto !important;
	overflow-x: hidden !important;


}
.col1 .jqTransformSelectWrapper ul {width: 100% !important} 
  
#content .jqTransformSelectWrapper ul li {
	background: #fff;
	padding: 0;
	margin: 0;
	position: relative;z-index:100;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 3px 5px !important;
	overflow: hidden;
	line-height: 14px !important;
	text-decoration: none;
	font-size: 11px !important;
	color:#000 !important;
	background-color: #fff;
}

.jqTransformSelectWrapper ul a.selected {
	background: #3582c4;
	color: #fff !important;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff !important;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}