﻿/**********************************************************************************
* 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.                                                                    *
**********************************************************************************/


/* structure */

.print-page {
    margin-bottom: 60px;
}

#print-content {
    position: relative;
    width: 583px;
    margin-left: 55px;
    padding: 30px 65px 30px 25px;
    font-family: 'Arial';
    color: #515151;
    font-size: 12px;
}

.print-inner {
    height: auto;
    min-height: 764px;
}


/* repeated elements */

.print-paragraph {
    border-top: 1px solid #515151;
    padding: 10px 15px;
    overflow: hidden;
}

.red {
    color: #D71E05;
}

.bold {
    font-weight: bold;
}

.print-txt2 {
    font-size: 13px;
}

.print-assumptions {
    font-size: 9px;
}


/* header and footer */ 

.print-header {
    margin-bottom: 15px;
}

.print-logo {
    float: left;
    width: 108px;
    height: 21px;
}

.print-title {
    float: left;
    width: 200px;
    margin-left: 80px;
    font-size:  12px;
    color: #D71E05;
    text-align: center;
}

.print-date {
   float: right;
}

.print-date-fr {
   float: right;
}

.print-footer {
    border-top: 1px solid #515151;
    margin-top: 5px;
    color: #515151;
    font-size: 11px;
    overflow: hidden;
}

.print-footer .print-copyright {
    float: left;
}

.print-footer .print-page-number {
    float: right;
}

/* row 2 */

.print-row2 .print-lev1 {
    float: left;
    width: 200px;
    margin-right: 15px;   
}

.print-row2 .print-right-col {
    width: 100px !important;
    margin-right: 0px;
}

.print-row2 .print-field {
    float: left;
}

.print-row2 .print-res {
    float: right;
}

.print-row2 .print-bottom-border {
    padding-bottom: 3px;
    border-bottom: 1px solid #515151;
    margin-bottom: 10px;
}


/* row 3 */

.print-row3 .print-lev1 {
    float: left;
    width: 273px;
    margin-right: 0px;   
}

.print-row3 p {
    margin-bottom: 15px;
}

.print-row3 .print-lev2 {
    width: 180px;
    margin-bottom: 8px;
    overflow: hidden;
}

.print-row3 .print-field {
    float: left;
}

.print-row3 .print-res {
    float: right;
}




/* graph previews */

.print-graph-block .print-icon {
    float: left;
    width: 25px;
    height: 50px;
	margin-left: 20px;
}

.print-graph-block .print-savings {
    float: left;
    width: 300px;
    margin-left: 15px;
    overflow: hidden;
}

.print-graph-block .print-results {
	margin-top: 20px;
	width: 275px;
	height: 90px;
}

.print-graph-block .print-graph {
    position: relative;
	float: left;
    width: 149px;
    height: 119px;
    overflow: hidden; 
}



/*#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;
}*/


.print-capital-footer {
    margin: 30px 120px 15px 65px;
    text-align: center;
}

/*#timeStatement
{
	position: absolute;
	top: 391px;
	width: 275px;
	height: 90px;
}

#moneyStatement
{
	position: absolute;
	top: 524px;
	width: 275px;
	height: 90px;
}

#growthStatement
{
	position: absolute;
	top: 660px;
	width: 275px;
	height: 90px;
}*/