div.scrollbar {
	position:absolute;
	top: 0px;
	width: 7px;
	height: 100%;
}

div.scrollback {
	position:absolute;
	top: 0px;
	width: 100%;
	height:100%;
	background:transparent url(images/sbar-gray_bg_bar.png) center 0 repeat-y;
}

div.scrollbacktop {
	width:100%;
	height:100%;
}

div.scrollbackbottom {
	width:100%;
	height:100%;
}

div.scrollup {
	cursor:pointer;
	position: absolute;
	width: 100%;
	height: 10px;
	background-image:url(images/sbar-gray_arrow_up.png);
	margin: 0px;
}

div.scrollscrub {
	cursor:pointer;
	position: absolute;
	width: 100%;
	height: 19px;
	background:#333;
	margin: 0px;
}

div.scrollscrubtop {
	width:100%;
	height:100%;
}

div.scrollscrubbottom {
	width:100%;
	height:100%;
}

div.scrolldown {
	cursor:pointer;
	position: absolute;
	width: 100%;
	height: 10px;
	background-image:url('images/sbar-gray_arrow_dwn.png');
	margin: 0px;
}

div.scrollcontent {
	position: absolute;
	top: 0px;
}

/**

    FOR EXTRANET TICKET#1640 - now separate body text color, everywhere vs our practices

**/

.commercialBG div.scrollback,
.constructionBG div.scrollback,
.securitiesBG div.scrollback,
.insurancerecovBG div.scrollback,
.propdamageBG div.scrollback{background-image:url(images/sbar-white_bg_bar.png);}

.commercialBG div.scrollup,
.constructionBG div.scrollup,
.securitiesBG div.scrollup,
.insurancerecovBG div.scrollup,
.propdamageBG div.scrollup{background-image:url(images/sbar-white_arrow_up.png);}

.commercialBG div.scrollscrub,
.constructionBG div.scrollscrub,
.securitiesBG div.scrollscrub,
.insurancerecovBG div.scrollscrub,
.propdamageBG div.scrollscrub{background-color:#FFF;}

.commercialBG div.scrolldown,
.constructionBG div.scrolldown,
.securitiesBG div.scrolldown,
.insurancerecovBG div.scrolldown,
.propdamageBG div.scrolldown{background-image:url(images/sbar-white_arrow_dwn.png);}