/**********************************************************************************
* This tool is developed using Rich Media's proprietary code library and may      *
* not be reproduced, altered, reverse engineered, or otherwise copied or          *
* distributed in whole or in part, without the express written permission of      * 
* Rich Media.                                                                     *
*                                                                                 *
* Please note that this project was developed for ScotiaBank with the agreement   *
* that the source code will not be used for any other project, resold by          *
* ScotiaBank, nor provided by ScotiaBank to any other company. It is also agreed  *
* that certain calculations, validation, currency, reporting, saving and          *
* graphing functionality come from Rich Media's internally developed library      *
* and have been and will continue to be freely used by Rich Media for any of      *
* its clients.                                                                    *
**********************************************************************************/


/*
This tool is developed using Rich Media's proprietary code library and may not be reproduced, altered, reverse engineered, or otherwise copied or distributed in whole or in part, without the express written permission of Rich Media.*/


body{
	
}


.pageScrollerHowMuch{
	position:absolute;
	top:93px;
	left:44px;
	width:498px;
	height:429px;


	
	
}
.pageScroller2{
	position:absolute;
	width: 697px;
	height: 320px;
	left: -21px;
	top: 71px;
	z-index: 10;
	overflow: hidden;
	/* TO BE CHANGED BY ANIMATION*/
	display: none;
	/* TO BE CHANGED BY ANIMATION*/
	
	/*background-image: url('../images/Main_LifeStages2-16.jpg');
	background-repeat: no-repeat;
	*/
	
	/*border-top: 5px solid #BBBBBB;
	border-right: 5px solid #BBBBBB;
	
	border-left: 5px solid #BBBBBB;*/
	
}


.page-Container{
	position:absolute;
	top:20px;
	left:10px;
	width: 440px;
	height: 250px;
	/*border-top: 2px solid #8DC63F;
	border-bottom:2px solid #8DC63F;*/
	padding-bottom:10px;
	overflow: hidden;

}
#scrollPaneLineBottom
{

	position:absolute;
	top:283px;
	left:47px;
	width: 440px;
	height: 49px;
	border-top: 2px solid #8DC63F;
	z-index:109px;
	/*padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;*/
}
#scrollPaneLineTop
{

	position:absolute;
	top:1px;
	left:47px;
	width: 440px;
	height: 46px;
	border-top: 2px solid #8DC63F;
	z-index:109px;
	/*padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;*/
}

.lifeStage{

	width: 575px;
	margin-left:55px;
	line-height: 13pt;
	text-transform: none;
	text-decoration: none;
	font-size: 13px;
	/*background-image: url("../../images/");*/   /* TBD*/
}

.lifeStage li{

margin-left:-26px;
color:#8DC63F;
}

#lifeStage1
{

	position:absolute;
	top:198px;
	left:24px;
	height: 222px;
}

#lifeStage2
{

	position:absolute;
	top:17px;
	left:450px;
	height: 401px;
}




.sliderBall{

z-index: 5;
background-color: transparent;
background:#D71E05;
border: 0;
height: 320px;
width: 14px;
background-repeat: no-repeat;
position: absolute;
top: 0px;

border-radius: 6px;
right:0px;
}

.ui-slider-vertical .ui-state-default {
	background: white url("../../images/Image_ScrollDragger.gif") no-repeat;
	width: 15px;
	height: 85px;
	border: 0;
	left:-1.5px;
	/*top: 100px;*/
	margin-bottom:-85px;
	outline: 0;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 30px; }
.ui-slider-vertical .ui-slider-range-max {
top: 30px; }

.page-Container-HowMuch{
	position:absolute;
	top:30px;
	left:10px;
	width: 460px;
	height: 250px;
	overflow: hidden;
}



#sliderHowMuch{
	z-index: 5;
	background-color: transparent;
	background-image: url("../../../en/images/scrollBar.jpg");
	border: 0;
	height:200px;
	width:7px;
	background-repeat:no-repeat;
	position: absolute;
	left:410px;
	top: 160px;
}
.howMuchHeader
{
	position:absolute;
	top:0px;
	left:42px;
	width: 606px;
	height: 94px;
	border-bottom:2px solid #8DC63F;
	font-family: 'Frutiger LT W01 45 Light','Verdana', san-serif;
	font-size:20px;
	color:#8DC63F;
}

.subHeadingLifeStage
{
	position:absolute;
	top:56px;
	left:451px;
	width:434px;
	height:26px;
	font-family: Verdana;
	font-size: 19px;
	color:#004027;
}
.headingLifeStage
{
	position:absolute;
	top:19px;
	left:451px;
	width: 500px;
	height: 33px;
	font-family: 'Frutiger LT W01 45 light', 'Verdana', san-serif;
	font-size: 25px;
	color:#8DC63F;
}
.heading2LifeStage
{
	font-family: 'Frutiger LT W01 45 light','Verdana', san-serif;
	font-size: 26px;
	color:#bbbbbb;
}

#scrollable{
    position:absolute;
    top:0px;        
    width:200px;
}
#scrollhandle{
    cursor:pointer;
/*    position:absolute;*/
	height: 70px;
   top:0px;
   /* right:0px;*/
    z-index:2;
    background:#D71E05;
    width:17px;
    border-radius:6px;
}
.scrollbkg,#scrollbkg{
-ms-touch-action:none;
position: absolute;
height: 329px;
top: 0px;
right: 8px;
z-index: 1;
background-image: url("../../../en/images/Image_ScrollBar.gif");
width: 12px;
border-radius: 6px;
padding: 1px;

}

#print-page-container
{
position: absolute;
top: 0px;
width: 200px;
}