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

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* the following line puts fleXcroll into scrollbar-on-left mode */

/* fleXcroll detects this CSS setting and sets content positions correctly with
respect to whether a scrollbar is needed or not*/


/* following are the styles for fat & cuddly, comments and newlines removed
.vscrollerbar {width: 36px;background: #5EC0A7 url(scrollbar.png) -36px 0px repeat-y;}
.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 36px;background: url(scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 36px;background: #D4F6F2 url(scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(scrollbar.png)  -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}
 */


.vscrollerbase, .vscrollerbar {
width: 11px;
left: 0 !important;
}

.hscrollerbase, .hscrollerbar {

}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}
.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(images/vscroller.gif) 0px -7px;
width: 11px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(images/vscroller.gif) 0px 2px;
width: 11px; height: 10px;
}

.hscrollerbarbeg {
/*left image holder for horizontal scroll bar*/

/* width is auto set by the script to fit the scrollbar */
}

.hscrollerbarend {
/*right image holder for horizontal scroll bar*/

}

/* Following are OPTIONAL */

.vscrollerbase {
background-color: #D1DDCB;
cursor:hand;
background-image: url(images/scrollbaseback.png);
    border-color:#8ca7d6;
    border-width:1px;
    border-style:double;
}

.hscrollerbasebeg {

/* width is auto set to fill the base */
}

.hscrollerbaseend {

}

.vscrollerbasebeg {
width: 11px;
background: url(images/vscrollbasetop.gif) 0px 0px no-repeat;
 

/* height is auto set to fill the base */
}

.vscrollerbaseend {
 width: 11px;height:9px;
background: url(images/vscrollbasebot.gif) 0px 2px no-repeat ;
}

.scrollerjogbox {

}


/* Scroll Bar Master Styling Ends Here */

/*Page related styles for you to view*/
#mycustomscrollSub {
	/* Typical fixed height and fixed width example */
	width: 342px; 
	height: 450px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0.3em auto;
	padding: 5px;

	
}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 340px; 
	height: 134px;
	overflow: auto;
	
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0.3em auto;
	padding: 5px;
}

#mycustomscrolltable {
	/* Typical fixed height and fixed width example */
	width: 723px; 
	height: 490px;
	overflow: auto;

	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	color:#414142;
	padding: 5px;

}

#mycustomscrolltr {
	/* Typical fixed height and fixed width example */
	width: 860px; 
	height: 450px;
	overflow: auto;

	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 5px;

}
#mycustomscrolltr1 {
	/* Typical fixed height and fixed width example */
	width: 860px; 
	height: 510px;
	overflow: auto;

	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 5px;

}
#mycustomscroll2 {
	/* Typical fixed height and fixed width example */
	width: 340px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #D5EADE;
	margin: 0.3em auto;
	padding: 15px;
}