/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0; margin-right: 10px;}

/* fleXcroll adapts to this CSS setting and sets positions correctly */

/*.vscrollerbase {left: 0 !important;}*/

#myfirstdiv .vscrollerbase {
	left: 0 !important;
	padding-right: 23px;
}


/* And style your scrollbar like you normally do */
.vscrollerbase {
	width: 23px;
	background: none; /*url(../images/scrollbargroove.gif) repeat-y;*/
/* DKH, removed -- no more border on scroller
	border-left:2px solid #eee;
*/
}

.black .vscrollerbase {
/* DKH, removed -- no more border on scroller
	border-left:2px solid #222; *//* #383838; */
}

.vscrollerbar {
	width: 15px;
	margin:0 0 0 4px;
	background: none; /*url(../images/scrollbargroove.gif) repeat-y; */
}

.vscrollerbar{
	padding: 10px;
	z-index: 2;
}


/*-----  
COLORED SCROLLBAR IMAGE CLASSES
Default classes will be navy.
There are 2 classes per color
--*/

/*-- default scrollbar (navy) --*/
.vscrollerbarbeg {
	/*top image holder for vertical scroll bar*/
	background: url(../images/vscroller.gif) 0 -10px no-repeat;
	width: 23px;
	/* height is auto set by the script to fit the scrollbar */
}
.vscrollerbarend {
	/*bottom image holder for vertical scroll bar*/
	background: url(../images/vscroller.gif) no-repeat;
	width: 23px; 
	height: 10px;
}

/*-- red scrollbar --*/
.vscrollerbarbeg_Red {
	/*top image holder for vertical scroll bar*/
	background: url(../images/vscroller-red.gif) 0 -10px no-repeat;
	width: 23px;
	/* height is auto set by the script to fit the scrollbar */
}
.vscrollerbarend_Red {
	/*bottom image holder for vertical scroll bar*/
	background: url(../images/vscroller-red.gif) no-repeat;
	width: 23px; 
	height: 10px;
}

/*-- light blue scrollbar --*/
.vscrollerbarbeg_LightBlue {
	/*top image holder for vertical scroll bar*/
	background: url(../images/vscroller-lightblue.gif) 0 -10px no-repeat;
	width: 23px;
	/* height is auto set by the script to fit the scrollbar */
}
.vscrollerbarend_LightBlue {
	/*bottom image holder for vertical scroll bar*/
	background: url(../images/vscroller-lightblue.gif) no-repeat;
	width: 23px; 
	height: 10px;
}

/*-- green scrollbar --*/
.vscrollerbarbeg_Green {
	/*top image holder for vertical scroll bar*/
	background: url(../images/vscroller-green.gif) 0 -10px no-repeat;
	width: 23px;
	/* height is auto set by the script to fit the scrollbar */
}
.vscrollerbarend_Green {
	/*bottom image holder for vertical scroll bar*/
	background: url(../images/vscroller-green.gif) no-repeat;
	width: 23px; 
	height: 10px;
}

/*-- yellow scrollbar --*/
.vscrollerbarbeg_Yellow {
	/*top image holder for vertical scroll bar*/
	background: url(../images/vscroller-yellow.gif) 0 -10px no-repeat;
	width: 23px;
	/* height is auto set by the script to fit the scrollbar */
}
.vscrollerbarend_Yellow {
	/*bottom image holder for vertical scroll bar*/
	background: url(../images/vscroller-yellow.gif) no-repeat;
	width: 23px; 
	height: 10px;
}

/*-- gray scrollbar --*/
.vscrollerbarbeg_Gray {
	/*top image holder for vertical scroll bar*/
	background: url(../images/vscroller-gray.gif) 0 -10px no-repeat;
	width: 23px;
	/* height is auto set by the script to fit the scrollbar */
}
.vscrollerbarend_Gray {
	/*bottom image holder for vertical scroll bar*/
	background: url(../images/vscroller-gray.gif) no-repeat;
	width: 23px; 
	height: 10px;
}
/*----  END COLORED SCROLLBAR CLASSES ----------------------------------*/


.vscrollerbasebeg {
	background: url(../images/scrollbarup.gif) 0 0 no-repeat;
	width: 23px;
	height: 12px !important;
}
.vscrollerbaseend {
	background: url(../images/scrollbardown.gif) 0 0 no-repeat;
	height: 12px;
	width: 23px;
}

/* Scroll Bar Master Styling Ends Here */