.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown{
background:url(../img/select.png) no-repeat;
}
.cusel{
background-position:left top;
cursor:pointer;
display:inline-block;
font-size:14px;
height:25px;
position:relative;
width:28% !important;
}
.first .cusel{
width:85% !important;
}
.cuselFrameRight{
position:absolute;
z-index:2;
top:0;
right:0;
height:100%;
width:30px;
background-position:right top;
}
.cuselText{
color:#505050;
cursor:pointer;
font:13px Arial,"Helvetica CY","Nimbus Sans L",sans-serif;
height:16px;
left:0;
overflow:hidden;
padding:4px 0 5px 9px;
position:absolute;
top:0;
z-index:1;
}
/*
* html .cuselText{
height:22px;
}*/
.cusel span{
display:block;
cursor:pointer;
white-space:nowrap;
padding:2px 15px 2px 5px;
zoom:1;
color: #505050;
font: 13px Arial,"Helvetica CY","Nimbus Sans L",sans-serif;
}
.cusel span:hover,
.cusel .cuselOptHover{
background:#003399!important;
color:#fff;
}
.cusel .cuselActive{
background:#CC0000!important;
color:#fff;
cursor:default;
}
/*
.cusel:hover,
.cusel:hover .cuselFrameRight,
.cusel:focus,
.cusel:focus .cuselFrameRight,
.cuselFocus,
.cuselFocus .cuselFrameRight{
background-image:url(../images/selects-focus.png);
}
.classDisCusel,
.classDisCusel .cuselFrameRight{
background-image:url(../images/selects-2-dis.png) !important;
cursor:default;
color:#ccc;
}
.classDisCusel .cuselText{
cursor:default;
}*/
.cusel-scroll-wrap{
display:block;
visibility:hidden;
position:absolute;
left:0;
top:100%;
background:#fff;
min-width:100%;
width:auto;
}
.cusel .jScrollPaneContainer{
position:relative;
overflow:hidden;
z-index:5;
border:1px solid #999;
}
.cusel .jScrollPaneTrack{
height:100%;
width:7px !important;
background:#ccc;
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;
}
