/* ------------------ Start Master Reset Styles -------------------------- */


/* ------------------ End Master Reset Styles -------------------------- */

#wrapper {
	margin-left:auto;
	margin-right:auto;
}

#input_fields {
	position:relative;
	width:689px;
	height:520px;	
	background:url(../../images_fr/tfsa_calc_main_bg.gif) no-repeat;
}

#text_results {
/*	position:absolute;*/
	width:200px;
	height:210px;
	float:left;
	clear:left;
	margin-left:50px;	
	margin:20px;	
	border:1px solid #fbfbfb;
	padding:5px;
	left:400px;
}

#graph_results {
	position:relative;
	width:270px;
	height:150px;
	float:left;

	margin-top:0px;	
	margin-left:0px;		
	
	padding:5px;
	left:390px;
	top:105px;
}

#calc_action_buttons{
	position:relative;
	top:305px;
	left:35px;
}

#run_calc {
	position:absolute;
	height:28px;
	width:166px;
}

#reset_calc {
	position:absolute;
	height:28px;
	width:101px;
	left:186px;
}

#bottom_left_links {
	position:absolute;
	top:350px;
	left:35px;
}


#run_calc:hover, #reset_calc:hover {
	
}

#tax_savings_text {
	font-size:11px;
	position:absolute;
	left:407px;
	top:50px;
}

#context_data {
	position:absolute;
	width:350px;
	height:150px;	
	top:5px;
	float:left;
	z-index:99;
}


/* ********************* START BENCHMARKS **********************************************/
#benchmark_1, #benchmark_2, #benchmark_3, #benchmark_4 {
	position:absolute;
	width:270px;
	height:1px;	
	background:#dadada;
	float:left;
	line-height:0px;
	font-size:0px;
	padding:0px;
	margin:0px;	
}

#benchmark_1 {
	top:0px;	
	z-index:99;
	visibility:hidden;
}

#benchmark_2 {
	top:35px;	
	z-index:99;
	width:200px;
	left:70px;		
}

#benchmark_3 {
	top:70px;	
	z-index:99;
	width:200px;
	left:70px;		
}

#benchmark_4 {
	top:105px;	
	z-index:99;
	width:200px;
	left:70px;	
}

#benchmark_5 {
	width:250px;
	left:20px;		

	top:140px;	
	z-index:99;
	position:absolute;
	
	height:3px;	
	background:url(../../images_fr/calc_graph_bottom_bg.gif) repeat-x;
	float:left;
	font-size:0em;
	line-height:0em;	
}

#with_tfsa_bar_amount {
	position:absolute;
	left:100px;
	z-index:299;
	color:#0066cb;	
}

#without_tfsa_bar_amount {
	position:absolute;
	left:190px;	
	z-index:299;	
	color:#9c9c9c;	
}

#text_results_tax_savings {
	color:#0066cb;
	font-size:14px;
}

#b_75, #b_50, #b_25 {
	position:absolute;
	left:14px;
	font-size:10px;
	color:#9c9c9c;
}

#b_75 {
	top:34px;	
	
}

#b_50 {
	top:69px;	
}

#b_25 {
	top:104px;	
}

#with_tfsa_label {
	position:absolute;
	top:162px;
	left:115px;
	font-size:11px;
	color:#0066cb;
}

#without_tfsa_label {
	position:absolute;
	top:157px;
	left:192px;
	font-size:11px;	
	color:#9c9c9c;	
}


/* ********************* END BENCHMARKS **********************************************/

/* ********************* START BARS **********************************************/
#with_tfsa_bar {
	display:block;
	position:absolute;
/*	border:1px solid black;*/
	width:60px;
	height:140px;
	top:5px;
	left:100px;
	float:left;
	background-color:#27a4ea;
}

#without_tfsa_bar {
	display:block;
	position:absolute;
/*	border:1px solid black;*/
	width:60px;
	height:140px;
	top:5px;
	left:190px;
	float:left;
	background-color:#9c9c9c;
}

#with_tfsa_bar_interest {
	display:none;
	position:absolute;
/*	border:1px solid black;*/
	width:60px;
	height:0px;
	top:5px;
	left:100px;
	float:left;
/*	background-color:#27a4ea;*/	
	background:url(../../images_fr/chat_blue.gif) repeat-y;
	line-height:0px;
	font-size:0px;
	padding:0px;
	margin:0px;
}

#without_tfsa_bar_interest {
	display:none;
	position:absolute;
/*	border:1px solid black;*/
	width:60px;
	height:0px;
	top:5px;
	left:190px;
	float:left;
	background-color:#9c9c9c;
		/*if decision is made to go back to the hatches representing interest earned, change uncomment rule below */
/*	background:url(../../images_fr/chat_grey.gif) repeat-y;*/
	line-height:0px;
	font-size:0px;
	padding:0px;
	margin:0px;
}


/* ********************* END BARS ************************************************/

/* ********************* START MOVERS **********************************************/

#with_tfsa_bar_mover {
	display:block;
	position:absolute;
/*	border-bottom:1px solid black;*/
	background-color:#ffffff;
	width:62px;
	height:130px;
	float:left;
	top:5px;
	left:100px;
	line-height:0px;
	font-size:0px;
	padding:0px;
	margin:0px;
	
}

#without_tfsa_bar_mover {
	display:block;
	position:absolute;
/*	border-bottom:1px solid black*/;
	background-color:#ffffff;
	width:62px;
	height:130px;
	float:left;
	top:5px;
	left:190px;
	line-height:0px;
	font-size:0px;
	padding:0px;
	margin:0px;
	
}

/* ********************* END MOVERS ************************************************/

/* ********************* START TOP BOX **********************************************/

#or_text {
	position:absolute;
	top:139px;
	left:87px;
	color:#73a4c0;
	font-weight:bold;
}

#calc_left_head {
	position:absolute;
	left:30px;
	top:20px;
}

#calc_right_head {
	position:absolute;
	left:400px;
	top:20px;
}

.input_divs {
	float:right;
	width:160px;

}

#income, #investment_annual, #investment_monthly, #lump_sum, #rate_of_return, #term_of_investment {
	float:left;
}
#tt_area_1, #tt_area_2, #tt_area_3, #tt_area_4, #tt_area_5, #tt_area_6 {
	float:left;
	width:13px;
	height:12px;
	margin-left:10px;
	margin-top:3px;
}

#tt_area_1:hover, #tt_area_2:hover, #tt_area_3:hover, #tt_area_4:hover, #tt_area_5:hover, #tt_area_6:hover {
	moz-opacity: 0.70;
	opacity: 0.70;
	filter: alpha(opacity=70);
}
#label_1, #label_2, #label_3, #label_4, #label_5, #label_6 {
	float:left;
	margin-left:35px;
	color:#236791;
	font-weight:bold;
	display:inline;
}

#calc_row_1, #calc_row_2, #calc_row_3, #calc_row_4, #calc_row_5, #calc_row_6 {
	position:absolute;
	width:370px;
}

#calc_row_1{
	top:74px;
}
#calc_row_2{
	top:122px;
}
#calc_row_3{
	top:154px;
	
}
#calc_row_4{
	top:185px;
}
#calc_row_5{
	top:235px;
}
#calc_row_6{
	top:270px;
}









/* ********************* END TOP BOX **********************************************/

/* ********************* START POPUP **********************************************/
#calc_pops {
position:absolute;
top:100px;
left:270px;
width:304px;
height:auto;
z-index:599;
visibility:hidden;
}

#calc_pop_content {
	padding:10px;
	color:#222222;
	
}

#close_popup {
	height:12px;
	width:13px;
	float:right;
	margin:5px;
	background:url(../../images_fr/close_x.gif) no-repeat;
}

#close_popup:hover {
	moz-opacity: 0.70;
	opacity: 0.70;
	filter: alpha(opacity=70);
}


#calc_head_sign {
	margin:1px 0px 0px 8px;
	float:left;
}

#calc_head_text {
	margin:1px 0px 0px 8px;
	float:left;
}


#calc_pop_top {
width:304px;
height:30px;
background:url(../../images_fr/calc_pop_top_bg.gif) no-repeat;
}

#calc_pop_mid {
width:304px;
height:auto;
background:url(../../images_fr/calc_pop_mid_bg.gif) repeat-y;
}

#calc_pop_bottom {
width:304px;
height:6px;
background:url(../../images_fr/calc_pop_bottom_bg.gif) no-repeat;
}
/* ********************* END POPUP **********************************************/





/******************START PHASE 2 additions **************************************/

#table_results_wrapper {
	width:auto;
	height:210px;
	/*width:231px;*/
	overflow:hidden;
	/*border:1px solid #000;*/
	visibility:visible;
	position:absolute;
	top:295px;
	left:411px;
	background-color:#ffffff;
	z-index:998;
	padding:3px 3px 0px 3px;
	visibility:hidden;
	display:inline;

}

#table_results {
	width:250;
	height:144px;
	overflow:hidden;
	border-bottom:1px solid #f3f3f3;
	background-color:#ffffff;
	z-index:999;

	display:inline;
}

#table_forward {
	width:44px;
	height:26px;
	background:url(../../images_fr/chart_arrow_down.gif) top no-repeat;
	margin:0px 0px 0px 0px;
	visibility:hidden;
	clear:left;
}

#table_back {
	width:44px;
	height:30px;
	background: url(../../images_fr/chart_arrow_up.gif) bottom no-repeat;
	margin:0px 0px 0px 0px;	
	visibility:hidden;	
	clear:left;
	left:30px;
}


.table_row {
	/*border-bottom:1px solid #0079c1;*/
}

.last_row {
	border-bottom:none;
}

.odd_row {
	background-color:#ffffff;
}

.even_row {
	background-color:#efefef;
}


.table_numbers, .tfsa_yes_cell, .tfsa_no_cell {
	
	font-size:11px!important;
}

.table_numbers {
	padding:2px 0px;
	color:#9c9c9c;	
}

.tfsa_yes_cell {
	text-align:right;
	padding:2px 0px;
	color:#0066cb!important;
/*	border-left:1px solid #0079c1;*/
}

.tfsa_no_cell {
	text-align:right;
	padding:2px 0px;	
	color:#444;
/*	border-left:1px solid #0079c1;*/
		
}

.table_heading_row {
	border-bottom:1px solid #0079c1;
	background-color:#0079c1;
	color:#ffffff;
}

.year_heading, .tfsa_yes_heading, .tfsa_no_heading {
	font-weight:bold;
	font-size:11px!important;
}
	

.year_heading {
	text-align:center;
	padding:2px 7px;	
}

.tfsa_yes_heading {
	text-align:center;
	padding:2px 20px 2px 20px;	
}

.tfsa_no_heading {
	text-align:center;
	padding:2px 20px 2px 20px;
}


#chart_top_line {
	width:250px;
/*	left:20px;		

	top:140px;	*/
	z-index:99;
/*	position:absolute;*/
	
	height:3px;	
	background:url(../../images_fr/calc_graph_bottom_bg.gif) repeat-x;
	float:left;
	font-size:0em;
	line-height:0em;	
}

#chart_view{
	position:absolute;
	top:263px;
	left:400px;
	visibility:hidden;
}

#chart_hide{
	position:absolute;
	top:263px;
	left:400px;
	visibility:hidden;	
}

#table_photo {

	position:absolute;
	top:295px;
	left:415px;
	z-index:1;
}


/******************END PHASE 2 additions **************************************/