/* FleXcroll JavaScript scrollbar styles */

/* .scrollgeneric is required for proper scrollbar display,
not for user customization, and is mandatory */
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}

/* scrollbar color definitions */

.vscrollerbase {
	/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
	width: 13px;
	background-color: #dadada;
}

.hscrollerbase {
	/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
	height: 13px;
	background-color: #dadada;
}

/* scrollbar image definitions */

.vscrollerbar {
	/* Main body of vertical scrollbar */
	background: transparent url(../images/vbar.png) repeat-y top center;
	width: 13px;
}

.hscrollerbar {
	/* Main body of horizontal scrollbar */
	background: transparent url(../images/hbar.png) repeat-x center left;
	height: 13px;
}

/* TODO */
.hscrollerbar:hover {
	/* Main body of horizontal scrollbar */
	/*background: #aaaaaa none;*/
}

.vscrollerbar, .hscrollerbar {
	padding: 20px;
}

.vscrollerbarbeg {
	/* Scrollbar top round area */
	background: transparent url(../images/vbar_top_bottom.png) no-repeat top center;
	width: 13px;
	height: 7px !important;
	margin-top: -7px;
}

.vscrollerbarend {
	/* Scrollbar bottom round area */
	background: transparent url(../images/vbar_top_bottom.png) no-repeat bottom center;
	width: 13px;
	height: 7px;
	margin-top: 7px;
}

.hscrollerbarbeg {
	/* Scrollbar left round area */
	background: transparent url(../images/hbar_left_right.png) no-repeat center left;
	width: 7px !important;
	height: 13px;
	margin-left: -7px;
}

.hscrollerbarend {
	/* Scrollbar right round area */
	background: transparent url(../images/hbar_left_right.png) no-repeat center right;
	width: 7px;
	height: 13px;
	margin-left: 7px;
}

.vscrollerbase {
	/* Scrollbar area vertical line */ 
	background: transparent url(../images/vline.png) repeat-y top center;
}

.hscrollerbase {
	/* Scrollbar area horizontal line */ 
	background: transparent url(../images/hline.png) repeat-x center left;
}

.vscrollerbasebeg {
	/* Arrow up */ 
	background: transparent url(../images/arrow_up.png) no-repeat top center;
	width: 13px;
	height: 11px !important;
}

.vscrollerbaseend {
	/* Arrow down */ 
	background: transparent url(../images/arrow_down.png) no-repeat top center;
	width: 13px;
	height: 11px !important;
}

.hscrollerbasebeg {
	/* Arrow left */ 
	background: transparent url(../images/arrow_left.png) no-repeat center left;
	height: 13px;
	width: 11px !important;
}

.hscrollerbaseend {
	/* Arrow right */ 
	background: transparent url(../images/arrow_right.png) no-repeat center left;
	height: 13px;
	width: 11px !important;
}

.scrollerjogbox {
	/* Bottom right corner area for scrolling both horizontal and vertical simultaneously */
	display: none;
}