.text {
			margin: 10px;
		}

		.vScrollbar {
			float: left;			
		}
		
		.hScrollbar {
			clear: both;	
			}

		.vTrack {
			height: 300px;
			width: 24px;
			position: relative;
			/*background: #ddd;*/
			background:transparent url(../images/scrollBar.gif) repeat-y scroll center top;
			overflow: hidden;			
		}
		
		.hTrack {
			float: left;
			height: 15px;
			width: 255px;
			position: relative;
			background: #ddd;
			overflow: hidden;			
		}			

		.vThumb, .hThumb {
			position: absolute;
			top: 0;
			left: 0;
			height: 15px;
			width: 24px;
		/*	background: #aaa;*/
			overflow: hidden;
		}
		
		.vThumbTop
		{
			position:absolute;
			background:transparent url(../images/scrollHandleTop.gif) no-repeat scroll 0px 0;
			width: 24px;
			height: 11px;	
			margin:0;
			padding:0;		
		}
		
		.vThumbMiddle
		{
			width: 24px;
			background:transparent url(../images/scrollHandleBG.gif) repeat-y scroll 0 0;
			margin:0;
			padding:0;
			position:absolute;
			margin-top: 11px;
		}
		
		.vThumbBottom
		{
			background:transparent url(../images/scrollHandleBottom.gif) no-repeat scroll -48px 0;
			width: 24px;
			height: 11px;
			margin:0;
			padding:0;
			position: absolute;
			bottom:0;
		}
		
		.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {
			height: 24px;
			width: 24px;
			/*background: #777;*/
			overflow: hidden;						
		}
		
		.arrowDown
		{
			background:transparent url(../images/downBtn.gif) no-repeat scroll 0 -48px;
		}
		
		.arrowUp
		{
			background:transparent url(../images/upBtn.gif) no-repeat scroll 0 0;
		}
		
		.arrowLeft, .arrowRight, .corner {
			float: left;
		}
			
		.corner {
			background: #000;
		}