.scroll-pane{
	width:100%;
	height:157px;
	overflow:auto;
}
.horizontal-only{
	height:auto;
	max-height:157px;
}

.jspContainer{
	overflow:hidden;
	position:relative;
	}

.jspPane{
	position:absolute;
	}
/*	VERTICAL BAR
----------------------------------*/
.jspVerticalBar{
	position: absolute;
	top:0;
	right:0;
	width:15px;
	height:100%;
	
	
	}
/*HORIZONTAL BAR CSS
------------------------------------*/
.jspHorizontalBar{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:20px;
	
	}

.jspVerticalBar *,
.jspHorizontalBar *{
	margin:0;
	padding:0;
	}

.jspCap{
	display:none;
	}

.jspHorizontalBar .jspCap{
	float:left;
	}
/*VERTICAL BAR CSS
------------------------------------*/
.jspVerticalBar .jspTrack{
	position: relative;
	background:url(../../images/vr-scrollbar.png) repeat-y -39px 0 #ffffff;
	left:3px;
	}

.jspVerticalBar .jspDrag{	
	position: relative;
	top:0;
	left:0px;
	cursor:pointer;
	background:url(../../images/vr-scrollbar.png) repeat-y left top;
	}


.jspVerticalBar .jspDragTop,
.jspVerticalBar .jspDragBottom{
	background:url(../../images/vr-scrollbar.png) no-repeat ;
	position:absolute;
	left:0px;	
	width:15px;
	height:3px;
	}
.jspVerticalBar .jspDragTop{
	background-position:-21px top;
	top:0px;
	}


.jspVerticalBar .jspDragBottom{
	background-position:-21px -13px;	
	bottom:0px;
	}


/*HORIZONTAL BAR CSS
------------------------------------*/
.jspHorizontalBar .jspTrack{
	position: relative;
	background:url(../../images/vr-scrollbar1.png) repeat-x 0px 0 #FFFFFF;
	height:20px;
	top:0px;
	}

.jspHorizontalBar .jspDrag{	
	position: relative;
	top:2px;
	left:0px;
	cursor:pointer;
	background:url(../../images/vr-scrollbar1.png) repeat-x left -56px;
	}

.jspHorizontalBar .jspDragLeft,
.jspHorizontalBar .jspDragRight{
	background:url(../../images/vr-scrollbar1.png) no-repeat ;
	position:absolute;
	top:0px;	
	width:12px;
	height:16px;
	}
.jspHorizontalBar .jspDragLeft{
	background-position:0px -30px;
	left:0px;
	}
.jspHorizontalBar .jspDragRight{
	background-position:-22px -30px;	
	right:0px;
	}


.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
	left:1px;
	float:left;
	height:100%;
	}
/*ARROW
---------------------*/
.jspArrow{
	background:#50506d;
	text-indent:-20000px;
	display: block;
	cursor: pointer;
	background:url(../../images/vr-scroll-pane.png) no-repeat;
	}
 

.jspArrow.jspDisabled{
	cursor: default;
	background:url(../../images/vr-scroll-pane.png) no-repeat;
	}
/*---------------------------------*/
.jspVerticalBar .jspArrow					{	height:15px;		}
	
.jspVerticalBar	.jspArrowUp					{background-position:0px -19px;}
.jspVerticalBar	.jspArrowUp:hover			{background-position:0px 0px;}
.jspVerticalBar	.jspArrowUp.jspDisabled		{background-position:-37px 0px;}	
	
.jspVerticalBar	.jspArrowDown				{background-position:-18px -19px;}
.jspVerticalBar	.jspArrowDown:hover			{background-position:-18px 0px;}
.jspVerticalBar	.jspArrowDown.jspDisabled	{background-position:-37px -19px;}
/*------------------------------------*/

.jspHorizontalBar .jspArrow{
	width:50px;
	float:left;
	height:100%;
	
	}
.jspHorizontalBar .jspArrowLeft				{background-position:0px -30px;	}
.jspHorizontalBar .jspArrowLeft:hover		{background-position:0px -60px;}
.jspHorizontalBar .jspArrowLeft.jspDisabled	{background-position:0px 0px;}

.jspHorizontalBar .jspArrowRight			{background-position:-50px -30px;	}
.jspHorizontalBar .jspArrowRight:hover		{background-position:-50px -60px;}
.jspHorizontalBar .jspArrowRight.jspDisabled{background-position:-50px 0px;}




.jspVerticalBar .jspArrow:focus{
	outline:none;
	}

.jspCorner{
	background: #eeeef4;
	float:left;
	height:100%;
	}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
	margin:0 -3px 0 0;
	}
	
.scroll-pane-before,
.scroll-pane-after,
.scroll-pane-split,
.scroll-pane-os
{
	width:100%;
	height:157px;
	overflow:auto;
}
/*.horizontal-only
{
	height: auto;
	max-height:200px;
}*/
.hr-scroller-typ1{ width:947px;}/* used in flight result page*/
/*===========================================================
	CSS Modifications to set next-prev arrow positions
===========================================================*/

.jspHorizontalBar1{
	position:absolute;
	top:auto;
	left:auto;
	margin-top:1px;
	width:100px;
	height:20px;
	
	}

.jspHorizontalBar1 .jspArrow{
	width:49px;
	float:left;
	height:100%;
	
	}
.jspHorizontalBar1 .jspArrowLeft				{background-position:0px -30px;	}
.jspHorizontalBar1 .jspArrowLeft:hover		{background-position:0px -60px;}
.jspHorizontalBar1 .jspArrowLeft.jspDisabled	{background-position:0px 0px;}

.jspHorizontalBar1 .jspArrowRight			{background-position:-50px -30px;	}
.jspHorizontalBar1 .jspArrowRight:hover		{background-position:-50px -60px;}
.jspHorizontalBar1 .jspArrowRight.jspDisabled{background-position:-50px 0px;}