/*global settings*/
:focus {	outline:none;}
.formField {
    display: block;
    overflow: inherit !important;
}
.select-box {
	width:315px;
	height:33px;
	background: url(../images/select.gif) 0 0 no-repeat;
}
/*styles for select*/
.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {}
.cusel {
	width:305px !important;
	height:33px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	z-index: 1;
	
}
.cusel.bold{
	background-position: 0 -521px;
	height: 29px;
}
.cusel.lite{
	background-position: 0 -683px;
	height: 23px;
}
.cusel.bold.cuselFocus,
.cusel.bold.cuselOpen{
	background-position: 0 -579px;
}
.cuselFrameRight { 
	position: absolute;
	z-index: 1;
	top: 0;
	right: -10px !important;
	height: 27px !important;
	width: 22px !important;
	padding:0 !important;

}
.bold .cuselFrameRight { 
	
	height: 29px !important;
}
.lite .cuselFrameRight {
	
	height: 23px !important;
}
.cuselFocus.bold .cuselFrameRight,
.cuselOpen.bold .cuselFrameRight { 
	background-position: left -608px;
}
.cuselText {

	height:22px;
	padding: 8px 0 0 12px !important; 
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 86%;
	white-space: nowrap;
	font-size:14px;
	color:#979797;
	font-family:Arial;
}
.bold .cuselText {

	padding-top: 6px !important;
	height:23px;
	color: #054770;
}
.lite .cuselText {

	padding-top: 4px !important;
	height:19px;
	color: #054770;
	font-size:12px;
	width: auto;
}
.cuselFocus.bold .cuselText,
.cuselOpen.bold .cuselText {

}
* html .cuselText {height: 22px;}
.cusel span { 
	display: inline-block;
	cursor: pointer;
	padding: 2px 0px 2px 0;	
	/* zoom: 1; */
}
.cusel-scroll-wrap .cusel-scroll-pane {
	height: auto !important;
	width: 100%;
	display: block;
}
.cusel-scroll-wrap .cusel-scroll-pane span {
	font-size:14px;
	color:#979797;
	font-family:Arial;
	display: block;
	padding: 2px 10px !important;
}
.bold .cusel-scroll-wrap .cusel-scroll-pane span {
	color: #054770;
}
.lite .cusel-scroll-wrap .cusel-scroll-pane span{
	padding: 2px 8px !important;
}
.cusel-scroll-wrap .cusel-scroll-pane span:hover {
	background:#979797;
	color:#fff;
}
.cusel .cuselActive {cursor: default;}
.cuselOpen {z-index: 999;}
/*styles for disabled select*/
.classDisCusel,.classDisCusel .cuselFrameRight {	cursor: default;}
.classDisCusel .cuselText {cursor: default;}
/*styles for scrollbar*/
.cusel .cusel-scroll-wrap { 
	/* width:173px !important; */
	border: 1px solid #d3cfc4;
	border-top:none;
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 32px; 
	padding:10px 0 5px 0;
	min-width: 100%;
	/* width: auto; */
	height:auto !important;
	background: #fff;
	/* background: url(../images/form.png) left bottom no-repeat; */
}
.bold.cusel .cusel-scroll-wrap { 
	border: 2px solid #0b94d8;
	border-top: none;
	padding: 5px 1px 5px 0;
	top: 29px;
	margin: 0;
}
.lite.cusel .cusel-scroll-wrap { 
	top: 23px;
	padding: 3px 0 3px 0;
}
.cusel .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 5;
	width: 100%;
	padding: 0 3px;
	/* border: 1px solid #999;  */
}
.bold.cusel .jScrollPaneContainer {
	padding:0;
}
.cusel .jScrollPaneTrack { 
	height: 100%;
	width: 7px !important;
	position: absolute;
	top: 0;
	right: 4px;
}
.cusel .jScrollPaneDrag { 
	position: absolute;
	background-position: -40px -26px;
	cursor: pointer;
	width: 15px !important;
	height: 27px !important;
	right: -4px;
}
.cusel .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollArrowUp { 
	position: absolute;
	top: 0;
	right: 2px;
	width: 26px;
	height: 12px;
	cursor: pointer;
	background-position: -2px -26px;
	overflow: hidden;
}
.cusel .jScrollArrowDown { 
	width: 25px;
	height: 12px;
	position: absolute;
	top: auto;
	bottom: 0;
	right: 3px;
	cursor: pointer;
	background-position: -21px -26px;
	overflow: hidden;
}