.customScrollerContainer {

}
.customScrollerContent {

}

/* SCROLLER STYLE */
/* VERTICAL */
.divVScrollerBar {
	width: 13px;
	margin-left: 0<D-C>px; 	
}

* html .divVScrollerBar{
	margin-left: 0; 		
	padding-left: 16px; 	
}

* + html .divVScrollerBar{
	margin-left: 0; 		
}

/* ORIZONTAL */
.divOScrollerBar {
	height: 16px;
	margin-top: 1px;
}

/* AREA UP */
.divVScrollerBarUp {
	cursor: pointer;
	height: 19px;
}
/* AREA LEFT */
.divOScrollerBarLeft {
	cursor: pointer;
	width: 19px;
}
/* AREA DOWN */
.divVScrollerBarDown {
	cursor: pointer;
	height: 19px;
}
/* AREA RIGHT */
.divOScrollerBarRight {
	cursor: pointer;
	width: 19px;
}
/* ARROW UP AND DOWN */
.divVScrollerBarUp span,
.divVScrollerBarDown span {
	display: block;
	width: 13px;
	height: 15px;
	line-height: 0;
	font-size: 0;
}
.divVScrollerBarUp span {
	background: url("/img/interface/scroll-fleche-haut.gif") no-repeat left top;		
}
.divVScrollerBarDown span {
	margin-top: 4px;
	background: url("/img/interface/scroll-fleche-bas.gif") no-repeat left bottom;		
}
/* ARROW LEFT AND RIGHT */
.divOScrollerBarLeft span,
.divOScrollerBarRight span {
	display: block;
	border: none;
	height: 16px;
	width: 15px;
	line-height: 0;
	font-size: 0;
}
.divOScrollerBarLeft span {
	/*background: #baccda no-repeat center center;*/
	background: url("/img/interface/scroll-fleche-gauche.gif") no-repeat left top;
}
.divOScrollerBarRight span {
	/*background: #baccda no-repeat center center;*/
	background: url("/img/interface/scroll-fleche-droite.gif") no-repeat right top;	
	margin-left: 4px;
}

/* ARROWS HOVER */
/*
.divVScrollerBarUp span.hover{
	background: url(/images/interface/scrollbar-up-over.png) no-repeat;		
}

.divVScrollerBarDown span.hover{
	background: url(/images/interface/scrollbar-down-over.png) no-repeat;		
}
.divOScrollerBarLeft span.hover,
.divOScrollerBarRight span.hover {
	background-color: #527fa2;
}
*/
/* TRACE */
.divVScrollerBarTrace, .divOScrollerBarTrace {
	background: #d5d9d9;
	line-height: 0;
	font-size: 0;
}

.divVScrollerBarTrace{
	width: 6px !important;
	margin: 0 0 0 3px !important;
}

.divOScrollerBarTrace {
	height: 6px !important;
	margin: 5px 0 0 0 !important;
}

/* CURSORS */
.divVScrollerBarCursor {
	cursor: pointer;
}
.divOScrollerBarCursor {
	cursor: pointer;
}
.divVScrollerBarCursor span {
	display: block;
	height: 100%;
	width: 7px;
	background: #3f97d5;
	line-height: 0;
	font-size: 0;
}
.divOScrollerBarCursor span {
	display: block;
	border-top: none;
	border-bottom: none;
	height: 6px;
	width: 100%;
	background: #3f97d5 no-repeat center center;
	line-height: 0;
	font-size: 0;
}
/* CURSORS HOVER */
.divVScrollerBarCursor span.hover {
	border-left: 1px solid #a3bbce;
	border-right: 1px solid #a3bbce;
	background: #527fa2;
}
.divOScrollerBarCursor span.hover {
	border-top: 1px solid #a3bbce;
	border-bottom: 1px solid #a3bbce;
	background-color: #527fa2;
}