/*Modified 28.03.2013*/

.cusel {
  width: auto !important;
  height: 25px;
  padding: 0px 20px 0px 5px;
  margin: 0px;
  display: block;
  float: left;
	position: relative;
	cursor: pointer;
  font: normal 12px/14px tahoma, arial, verdana;
  color: #000000;
  background: #ffffff;
  box-shadow: inset 4px 4px 4px -4px #666666/*,
                     0px 3px 3px #afafaf*/;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -khtl-border-radius: 8px;
}
.cuselFrameRight {
	width: 12px;
	height: 6px;
  position: absolute;
  top: 11px;
  right: 5px;
	background: url(../images/arrow_sel.png) no-repeat;
	z-index: 2;
}
.cuselText {
  width: 100%;
  height: 27px;
  line-height: 25px !important;
  overflow: hidden;
  float: left;
	position: relative;
  color: #333333;
	cursor: pointer;
	z-index: 1;
}

/*options*/
.cusel span {
	padding: 1px 3px 3px 3px;
	display: block !important;
  font: normal 11px/14px tahoma, arial, verdana;
  color: #333333;
	cursor: pointer;
}
.cusel span:hover,
.cusel .cuselOptHover {
	color: #ffffff;
	background: #00acb3;
}
.cusel .cuselActive,
.cusel .cuselActive:hover {
	color: #ffffff;
	background: #00acb3;
	cursor: default;
}
.cuselOpen {
	z-index: 999;
}
/*end options*/

/*disabled select*/
.classDisCusel,
.classDisCusel .cuselFrameRight {
	color: #000000;
  background: #ff0000;
	cursor: default;
}
.classDisCusel .cuselText {
	cursor: default;
}
/*end disabled select*/

/*scrollbar*/
.cusel .cusel-scroll-wrap {
	/*width: auto;*/
	width: 95% !important;
	min-width: 95%;
  padding-bottom: 5px;
	display: block;
	/*visibility: hidden;*/
  overflow: hidden;
	position: absolute;
	top: 100%;
	left: 5px;
  background: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 0px 0px 8px 8px;
  -moz-border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 0px 0px 8px 8px;
  -o-border-radius: 0px 0px 8px 8px;
  -khtl-border-radius: 0px 0px 8px 8px;
  z-index: 5;
}
.cusel .jScrollPaneContainer {
	width: 100% !important;
  padding: 0px !important;
	position: relative;
  top: 0px;
  left: 0px !important;
	overflow: hidden;
  z-index: 999;
}
.cusel-scroll-pane {
	width: 98% !important;
}
.cusel .jScrollPaneTrack {
	width: 5px !important;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px !important;
	right: 0px;
	background: #004a5f;
}
.cusel .jScrollPaneDrag {
	width: 5px !important;
	height: 18px !important;
	position: absolute;
	right: 0px;
	cursor: pointer;
	background: #ff3424;
}
.cusel .jScrollPaneDragTop {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}
.cusel .jScrollArrowUp {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	/*background: url(../images/arrowUp.png) no-repeat;*/
	overflow: hidden;
}
.cusel .jScrollArrowDown {
	width: 15px;
	height: 15px;
	position: absolute;
	top: auto;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
	/*background: url(../images/arrowDown.png) no-repeat;*/
	overflow: hidden;
}
/*end scrollbar*/