/* Fullscreen mode */
/*

.wrapperEl{
	width: 100%;
	height: 100%;
}

body {
	overflow: hidden;
}
*/

/* Standart mode */
.wrapperEl{
  overflow:hidden;
  width:350px;
  background:left top url(images/scrollable.png) no-repeat;
  height:429px;
  position: relative;
  margin-left:169px;
  margin-bottom:12px;
  padding-top:10px;
		
}

.contentEl{
	overflow:hidden;
	height:423px !important;
}

.greyEl {

	position: absolute;
	visibility: visible;

	width: 100%;
	height: 100%;
}



.scrollVertical{
	font-size:0px; /* for IE6 */
	display:block;
	position: absolute;
	top:0;
	right:0;
	height:100%;
	width:13px;
}

.topBtn{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:13px;
	height:13px;
	background: url(images/top.gif) no-repeat 0 0;
	cursor:pointer;
}

.topBtn-Highlighted{
	background: url(images/top.gif) no-repeat 0 0;
}

.topBtn-Active{
	background: url(images/top.gif) no-repeat 0 0;
}

.downBtn{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:13px;
	height:11px;
	background: url(images/bottom.gif) no-repeat 0 0;
	cursor:pointer;
}

.downBtn-Highlighted{
	background: url(images/bottom.gif) no-repeat 0 0;
}

.downBtn-Active{
	background: url(images/bottom.gif) no-repeat 0 0;
}

.scrollBarVertical{
	display:block;
	position: absolute;
	top:21px;

	margin-left:1px;
	bottom:11px;
	width:12px;
	padding:0;
}

.scrollHandleVertical{
	cursor: pointer;
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:12px;
	cursor: pointer;
	
}

.scrollBarVertical-Active .scrollHandleVertical {
	opacity:0.85;
	filter:alpha(opacity = 50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
}

.scrollHandleBGVertical {
	background:transparent url(images/repscroll.gif) repeat-y scroll 0 0;
	display:block;
	position:relative;
	width:12px;
	top:0;
	bottom:0;
}
.scrollBarVertical-Highlighted .scrollHandleBGVertical {
	background:transparent url(images/repscroll.gif) repeat-y scroll 0px 0;
}
.scrollBarVertical-Active .scrollHandleBGVertical {
	background:transparent url(images/repscroll.gif) repeat-y scroll 0px 0;
}



.scrollHandleTop{
	display:block;
	position:relative;
	width:12px;
	height:5px;
	background: url(images/topscroll.gif) no-repeat 0 0;
}

.scrollBarVertical-Highlighted .scrollHandleTop{
	background: url(images/topscroll.gif) no-repeat 0px 0;
}

.scrollBarVertical-Active .scrollHandleTop{
	background: url(images/topscroll.gif) no-repeat 0px 0;
}

.scrollHandleDown{
	display:block;
	position:relative;
	width:12px;
	height:5px;
	background: url(images/bottomscroll.gif) no-repeat  0 0;
}

.scrollBarVertical-Highlighted .scrollHandleDown{
	background: url(images/bottomscroll.gif) no-repeat 0px 0;
}

.scrollBarVertical-Active .scrollHandleDown{
	background: url(images/bottomscroll.gif) no-repeat 0px 0;
}



.scrollHorizontal{
	font-size:0px; /* for IE6 */
	display:block;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:24px;
}

.leftBtn{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:13px;
	height:24px;
	background: url(images/leftBtn.gif) no-repeat 0 -48px;
	cursor:pointer;
}

.leftBtn-Highlighted{
	background: url(images/leftBtn.gif) no-repeat 0 -24px;
}

.leftBtn-Active{
	background: url(images/leftBtn.gif) no-repeat 0 0;
}

.rightBtn{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:13px;
	height:24px;
	background: url(images/rightBtn.gif) no-repeat 0 -48px;
	cursor:pointer;
}

.rightBtn-Highlighted{
	background: url(images/rightBtn.gif) no-repeat 0 -24px;
}

.rightBtn-Active{
	background: url(images/rightBtn.gif) no-repeat 0 0;
}

.scrollBarHorizontal{
	display:block;
	position: absolute;
	left:24px;
	bottom:0;
	rigth:24px;
	height:24px;
	background: url(images/scrollBarHorizontal.gif) repeat-x center center;
	padding:0;
}

.scrollHandleHorizontal{
	cursor: pointer;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	height:24px;
	cursor: pointer;
	zoom:1;
}

.scrollBarHorizontal-Active .scrollHandleHorizontal {
	opacity:0.85;
	filter:alpha(opacity = 50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
}

.scrollHandleBGHorizontal {
	background:transparent url(images/scrollHandleBGHorizontal.gif) repeat-x scroll 0 -48px;
	display:block;
	position:relative;
	height:24px;
	left:0;
	right:0;
	float:left;
}
.scrollBarHorizontal-Highlighted .scrollHandleBGHorizontal {
	background:transparent url(images/scrollHandleBGHorizontal.gif) repeat-x scroll 0 -24px;
}
.scrollBarHorizontal-Active .scrollHandleBGHorizontal {
	background:transparent url(images/scrollHandleBGHorizontal.gif) repeat-x scroll 0 0;
}

.scrollHandleMiddleHorizontal{
	display:block;
	position: absolute;
	height:24px;
	width:13px;
	background: url(images/scrollHandleMiddleHorizontal.gif) no-repeat 0 0  ;
	left:50%;
	margin:0 -7px 0;
}

.scrollBarHorizontal-Highlighted .scrollHandleMiddleHorizontal{
	background: url(images/scrollHandleMiddleHorizontal.gif) repeat-x 13px 0;
}

.scrollBarHorizontal-Active .scrollHandleMiddleHorizontal{
	background: url(images/scrollHandleMiddleHorizontal.gif) repeat-x 26px 0;
}

.scrollHandleLeft{
	display:block;
	position:relative;
	height:24px;
	width:11px;
	background: url(images/scrollHandleLeft.gif) no-repeat 0 0;
	float:left;
}

.scrollBarHorizontal-Highlighted .scrollHandleLeft{
	background: url(images/scrollHandleLeft.gif) no-repeat -11px 0;
}

.scrollBarHorizontal-Active .scrollHandleLeft{
	background: url(images/scrollHandleLeft.gif) no-repeat -22px 0;
}

.scrollHandleRight{
	display:block;
	position:relative;
	height:24px;
	width:11px;
	background: url(images/scrollHandleRight.gif) no-repeat  0 0;
	float:left;
}

.scrollBarHorizontal-Highlighted .scrollHandleRight{
	background: url(images/scrollHandleRight.gif) no-repeat -11px 0;
}

.scrollBarHorizontal-Active .scrollHandleRight{
	background: url(images/scrollHandleRight.gif) no-repeat -22px 0;
}