#calcForm {
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px 5px;
}

div.calcsubhd {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	border-style: solid;
	border-color: #990000;
	border-width: 0px 0px 1px 0px;
	margin: 40px 0px 20px 0px;
	padding: 2px;
}



span.calcTextBar {
	font-size: 24px;
	color: #000000;
}

p.explain {
	font-size: 12px;
}

div.question {
	margin-top: 20px;
	margin-left: 5px;
	border-style: solid;
	border-color: #003399;
	border-width: 0px 0px 1px 0px;
}

div.answer {
	margin-left: 25px;
	margin-top: 10px;
}

div.skip {
	margin-left: 25px;
}

span.info {
	font-size: 11px;
	color: #000000;
}


div.sponsor {
	font-size: 11px;
	font-style: italic;
	margin: 40px 0px 0px 5px;
}


span.err {
	font-weight: bold;
	color: #990000;
	margin-left: 15px;
}

span.display {
	font-weight: bold;
	color: #000000;
}

input {
	font-size: 12px;
}


p.small {
	font-size: 11px;
}


/* result page styles */

h2.uniTitle {
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	margin-top: 15px;
	margin-bottom: 4px;
}

h2.result {
	width: 200px;
	text-align: center;
	padding: 10px;
	border: solid #003399 1px;
	background-color: #e3f1ff;
}

table.resultTable {
	border: solid;
	border-color: #003399;
	border-width: 1px 0px 0px 0px;
}


th.resHd, td.resCol, td.q, td.good, td.warn, td.bad, td.right, td.center {
	font: 10pt Arial;
	text-align: center;
	padding:0px;
}
table.resHd
{
    /*border:3px double #039;*/
    width:600px;
}

th.resHd {
	font: bold 10pt Arial;
	background-color: #003399;
	color: #ffffff;
	margin:0px;
	padding: 3px 8px 3px 8px;
}

td.q {
	text-align: left;
}

td.good {
	width: 100px;
	background-color: #c0ffc0;
}

td.warn {
	width: 100px;
	background-color: #ffffc0;
}

td.bad {
	width: 100px;
	background-color: #ffc0c0;
}


td.right {
	text-align: right;
	padding-right: 40px;
}

div.displayInfo
{
    padding:10px;
    font: 10pt Arial;
}

div.displayInfo
{
    margin: 25px 0px;
}

div.infoRow
{
    clear: both;
    line-height: 12px;
}

div.infoRowL
{
    padding: 5px 0px;
	float: left;
	width: 280px;
    font-family: Arial;
    font-size: 10pt;
}

div.infoRowR
{
    text-align: left;
	padding: 5px 0px;
	float: left;
	width: 320;
	font-family: Arial;
    font-size: 10pt;
}


/* table-type layout */

div.calcTable, div.row, div.rowClear {
	width: 540px;
	border-style: dotted;
	border-color: #003399;
}

div.formatText 
{
    width: 540px;
    font-family: Arial;
    font-size: 10pt;
}

div.calcTable {
	margin: 25px 0px;
	padding: 10px;
	border: 4px double #444;
	background-image:url(http://site.canadianbusiness.com/mortgagecalculator/bg.jpg);
}

div.row {
	clear: both;
	border-width: 0px 0px 1px 0px;
}


div.rowClear {
	clear: both;
	border-width: 0px;
}


div.qCol {
	padding: 5px 0px;
	float: left;
	width: 280px;
    font-family: Arial;
    font-size: 10pt;
}

div.ansCol {
	text-align: right;
	padding: 5px 0px;
	float: left;
	width: 250px;
	font-family: Arial;
    font-size: 10pt;
}

div.bestFit {
	padding: 5px 0px;
	float: left;
}

div.bestFitRight {
	text-align: right;
	padding: 5px 0px;
	float: right;
}

div.span {
	padding: 5px 0px;
	width: 640px;
}

br {
	clear: both;
}

div.note {
	padding-top: 5px;
	font-size: 11px;
	font-style: italic;
}


div.feeIndent {
	margin-left: 25px;
	padding-left: 25px;
}

input.text
{
    font-size:larger;
}

div.mortChoice1, div.mortChoice2
{
    display:inline;
}

div.resultsTop
{
    border:3px double #444;
	width:600px;
	background-image:url(http://site.canadianbusiness.com/mortgagecalculator/bg.jpg);
}

#calchd {
	font-size: 14px;
	font-weight: bold;
	background-color: #003399;
	color: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 8px;
	
}

TR.resRow,TR.resRow2
{

    font:9pt arial;
    text-align:center;
     
    
}

TR.resRow2
{
   /* background-color:#FFF;*/
}



.resCl 
{
        border-top:solid 1px #3366cc;
        padding: 4px;
}

TR.pp 
{
    background-color:#99cccc;
}

.underZero
{
    /*color:Red; */
    /*background-color:#ccc;*/
}

div.mainHd
{
    font:bold 12pt arial;
    border-bottom:2px solid #999;
    color:#039;   
    width:600px;
}

.toollink 
{
    color:#003399;
}

/* override css for MoneySense wrapper */
 
#content {
width:600px !important;
padding-left:30px !important;
}
 
/* end override */

div.mcalc-sponsor {
font-size:11px;
font-style:italic;
margin:40px 0 0 5px;
}