/**********************************************************************************
* 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.                                                                    *
**********************************************************************************/
.graph_container
{
position:relative;
left:310px;
top:0px;
}
.scotiaRadioLabel img
{
margin-right: 4px;
}
#bar_0:focus,#bar_1:focus,#bar_2:focus
{
outline: 0px;
box-shadow: #cc0000 0 0 5px;
-webkit-box-shadow: #cc0000 0 0 5px;
-moz-box-shadow: #cc0000 0 0 5px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#mobile_video
{
width:100px;
height:100px;
position:absolute;
top:-10000px;
}

#mainDivWrapper
{
overflow:hidden;
-ms-touch-action:none;
}
.content
{

}

#input_content
{	
	position: absolute;	
	left: -18px;
	width: 800px;
	height: 330px;
	z-index: 0;
	top: 0px;
	
	filter: alpha(opacity=0);
	opacity: 0;
}
#txt1 {
  position: absolute;
  top: 100px;
  left: 35px;
  width: 250px;
  height: 23px;
}
#txt2 {
  position: absolute;
  top: 100px;
  left: 285px;
  width: 250px;
}
#txt3 {
  position: absolute;
  top: 100px;
  left: 545px;
  width: 250px;
}
#txt4 {
  position: absolute;
  top: 130px;
  left: 65px;
  width: 350px;
}
#txt12 {
  position: absolute;
  top: 136px;
  left: 406px;
  width: 360px;
  height: 15px;
}
#txt5 {
  position: absolute;
  top: 175px;
  left: 300px;
 
}
#txt6 {
  position: absolute;
  top: 200px;
  left: 300px;
  width: 475px;
  height: 23px;
}
#txt7 {
  position: absolute;
  top: 225px;
  left: 300px;
  width: 475px;
  height: 23px;
}
#txt8 {
  position: absolute;
  top: 250px;
  left: 300px;
 
}
#txt9 {
  position: absolute;
  top: 275px;
  left: 300px;
  width: 475px;
  height: 23px;
}
#txt10 {
  position: absolute;
  top: 300px;
  left: 300px;
  width: 475px;
  height: 23px;
}

#txt6 .smallTextField, #txt7 .smallTextField, #txt9 .smallTextField, #txt10 .smallTextField {
  position: relative;
  right: 50px;
  top: 0px;
  float: right;
}
#txt6 .frequency, #txt7 .frequency, #txt9 .frequency, #txt10 .frequency {
  position: relative;
  right: -5px;
  top: 0px;
  float: right;
}

#txt11 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 110px;
}

#txt11 div p{
  line-height: 18px;
}

#txt11, h2 {
	padding-bottom:3px; }
	
.smallTextField {
  font-family: 'Arial';
  font-weight: bold;
  font-size: 13px;
  color: #515151;
  text-align: right;
  padding-right: 10px;
  padding-top: 3px;
  width: 27px;
  height: 19px;
  border:none;
  background-image: url('../../../en/images/TxtField_Sm.jpg');
  background-position:center;
  background-repeat: no-repeat;
  z-index: 10;
}

.largeTextField {
  font-family: 'Arial';
  font-weight: bold;
  font-size: 13px;
  color: #515151;
  text-align: right;
  width: 70px;
  height: 19px;
  border:none;
  background-image: url('../../../en/images/TxtField_Lrg.jpg');
  background-position:center;
  background-repeat: no-repeat;
  padding-right: 10px;
  padding-top: 3px;
}

.large_text_field_background
{
	position: absolute;
	left: 134px;
	top:1px;
}

#video {
left: -258px;
  cursor: default;
}

#banner {  
  
}

#banner2 {  
 	display:none;
}

#banner3 {  
	display:none;
}


#top_nav
{
	position: absolute;
	left: 545px;
	top: 0px;
	width: 228px;
	height: 29px;
	background:url(../../../en/images/sprite_board.png) -350px -500px;
	/*filter: alpha(opacity=0);
	opacity: 0;*/
	z-index: 20;
	outline: none;
    display:none;
}


.top_nav a
{
	font-family: 'Arial';	
	font-size: 12px;
	color: #D71E05;
	text-decoration: none;		/* remove the underline*/
}

.top_nav a:hover
{
	color: #D71E05;
}

#top_nav_fader {
    position: absolute;
    left:0px;
    top: 0px;
    width: 220px;
    height: 27px;
}

#dividor_one
{
	position:absolute;
	left: 35px;
	top: 152px;
	width: 735px;
}

#dividor_two
{
	position:absolute;
	left: 300px;
	top: 320px;
	width: 470px;
	z-index: 10;
}

#vertical_dividor
{
	position:absolute;
	left: 467px;
	top: 478px;
	width: 0.25px;
	height: 75px;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 15;
}

.home_page_video
{
	width: 232px;
	height: 320px;		
}

#flash_video_time
{
	position: absolute;
	left: 0px;
}

#flash_video_money
{
	position: absolute;
	left: 0px;
}

#flash_video_growth
{
	position: absolute;
	left: 0px;
}

.flash_home_page_video
{
position:absolute;
	width: 232px;
	height: 325px;
	top: 0px;	
	z-index:0;
}

.invisible_button
{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 0px;
	
}

#advisor_section
{
	position: absolute;
	left: 500px;
	top: 12px;
	width: 219px;
	height: 75px;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 15;
}

#advisor_section img
{
	filter: alpha(opacity=0);
	opacity: 0;
}

#results
{
	position: absolute;
	left: 300px;
	top: 340px;
	width: 475px;
	height: 110px;
	filter: alpha(opacity=0);
	opacity: 0;	
}

.footer_nav
{
	position:absolute;
	left: 275px;	
	width:144px;
	height:36px;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 15;
	outline: none;
	border: none;
	
}

#footer_button_one
{
	top: 10px;
}

#footer_button_two
{
	top: 58px;
}

.slider
{
background-size: cover;
opacity: inherit;
filter: inherit;
width: 150px;
position: absolute;
top: 201px;
left: 496px;
}

.slider_drag
{
	cursor: pointer;
}

#slider1
{
	top: 203px;
}

#slider2
{
	top: 212px;
}

#slider3
{
	top: 245px;
}

#slider4
{
	top: 255px;
}

input[type=number] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.popup
{
	position: absolute;
	left: 51px;
	top: 58px;
	display: none;
	z-index: 21;	
}

#graph
{
	position:absolute;
	left:0px;
	top: 0px;
}

.dividor_line
{
	color: #D7D7D7;
}

.popupTitle
{
	position:absolute;
	left:35px;
	top:35px;
	width: 140px;
	font-size: 20px;
	z-index: 10;
	/* TO BE CHANGED BY ANIMATION*/
	display: none;
	filter: alpha(opacity=100);
	opacity: 1;
	/* TO BE CHANGED BY ANIMATION*/
}

.closeButton
{
	position:absolute;
	left: 627px;
	top: 16px;
	width: 50px;
	z-index: 11;
	cursor: pointer;
	/* TO BE CHANGED BY ANIMATION*/
	display: none;
	filter: alpha(opacity=100);
	opacity: 1;
	/* TO BE CHANGED BY ANIMATION*/
}

#banner_wrapper
{
}


/*#print_time_graph
{
	position: absolute;
	width: 149px;
	height: 102px;
	left: 405px;
	top: 369px;
	[if lte IE 7] top: 349px;
}

#print_money_graph
{
	position: absolute;
	width: 149px;
	height: 102px;
	left: 405px;
	top: 502px;	
	[if lte IE 7] top: 482px;
}

#print_growth_graph
{
	position: absolute;
	width: 149px;
	height: 102px;
	left: 405px;
	top: 635px;
	[if lte IE 7] top: 615px;
}*/

#toolTipText
{
	font-family: 'Arial';
	font-weight: bold;
	font-size: 11px;
	color: #515151;
	position: absolute; 
	left:1px; 
	top: 2px; 
	width: 74px; 
	height: 12px; 
	z-index: 10; 
	border: none; 
	background: transparent;
}

#blocker
{
	position: absolute; 
	left: 400px; 
	top: 300px; 
	width: 0px; 
	height: 0px; 
	z-index: 20; 
	opacity:0; 
	filter: alpha(opacity=0);
	display: none;
}

.printout-page
{
	display: none;
	visibility: hidden;
}

#page2
{
	display: none;
	visibility: hidden;
}

#page3
{
	display: none;
	visibility: hidden;
}

/* Safari PC anti-aliasing issue - text over an image without a background color appear jagged */
#assumptions_popup_title, #lifeStage, #print_popup_title, #print-content, .closeButton
{
	background-color: #fff;
}
#printScroller table th, 
#printScroller table td,
#lifeStage table th, 
#lifeStage table td{ padding:3px;}

#printScroller table th, 
#lifeStage table th {font-weight: bold;text-align: left;}

#printScroller ul, 
#lifeStage ul {margin: 0 0 10px 0;}

#printScroller ul li,
#lifeStage ul li {color: inherit; margin-left: 26px;}

#printScroller p u,
#lifeStage p u {text-decoration: underline;}

.video_control {
    position: absolute;
    bottom: 12px;
    left: 30px;
    width: 132px;
    height: 21px;
    overflow: hidden;
}

/*.containerFullScreen
{
left:0px;
top:0px;
width:100%;
height:100%;
margin-left:0px;
position:fixed;
background-color:#000;
z-index:9000;
}*/

/*.mobile_cancel_fullscreen {
	width: 37px;
	height: 37px;
	background: url(../../../en/images/sprite_board.png) -300px -250px;
	margin-top: 35px;
	margin-left: 4px;
	float: left;
	cursor: pointer;
    position: relative;
    z-index:2147483648; 
    display: none;

}   */