body
{
  /*margin: 24px, 24px, 24px, 24px;*/
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 9pt;
  line-height: 12pt;
  background-image: url(../Images/Interface/grid16.gif);
  background-repeat: repeat;
  background-attachment: fixed;
}

div#content {
 width: 100%;
  background-color: white;
  border: solid 1px black;
  padding: 6px 12px 12px 12px;
} 

form {
  margin: 0px 0px 0px 0px;
}

table {
  margin: 0;
	padding: 0;
	border-width: 0;
	/*border: solid 1px green;*/
}

table td {
	 padding: 0;
	 /*border: dotted 1 red;*/
	 vertical-align: middle;
	 font-family: Verdana, Arial, Sans-Serif;
	 font-size: 8pt;
	 line-height: 10pt;
}

div#earningsSubmitArea {
	padding-left: 160px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	text-align: left;
	border-top: 1px solid Gray;
}

.inputError {
	color:red;
	font-weight : bold;
	font-size : 9pt;
	vertical-align : bottom;
}

.maintitle {
	padding-bottom: 6px;
	background-color: white;
	font-family: Georgia;
	font-size: 13pt;
	font-weight: bold;
	margin-bottom : 12px;
	margin-top: 0px;
	border-bottom : solid 1px gray ; 
	height: 60px;
	padding-top: 35px;
	background-image: url(../Images/Interface/logo55tall.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.maintitle0 {
	padding-bottom: 6px;
	background-color: white;
	font-family: Georgia;
	font-size: 13pt;
	font-weight: bold;
	margin-bottom : 12px;
	margin-top: 0px;
	border-bottom : solid 1px gray ; 
	height: 60px;
	padding-top: 35px;
	background-position: top right;
	background-repeat: no-repeat;
}

.secondarytitle {
	padding-bottom: 6px;
	font-family: Georgia;
	font-size: 13pt;
	font-weight: bold;
	border-bottom : solid 1px gray ;  
	margin-bottom : 12px;
	margin-top: 0px;
}

.gridtitle {
	font-family: Georgia;
	font-size: 13pt;
	font-weight: bold;
	margin-bottom : 12px;
}

.lblCenter {	
	text-align: center;
	width: 140px;
}

/* for Earnings data only */
.txtCsm {
	text-align: right;
	width : 48px;
}
/* Justin Changed from 140 to 104px */
.txtEarnings {	
	text-align:right;
	width: 104px;
}

.txtDobDayMonth {
	text-align: right;
	width: 22px;
}

.txtDobYear {
	text-align: right;
	width: 36px;
}

/* Earnings Table */

table.earningsData {
  /*width: 440px; */
  border-collapse:collapse;
}

table.earningsData td {
	vertical-align : middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	padding: 2px 0px;
}

table.earningsData th.title {	
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 8pt;
	font-weight: bold;
	padding: 6px 0 4px 0;
	vertical-align: bottom;
	color: Gray;
}

table.earningsData th.year {
  text-align: right; 
  padding-right: 0.75em;
}

table.earningsData th.earning {
  text-align:right;
  padding-right: 4em;
}
table.earningsData td.amount {
	width: 180px;
}

table.earningsData td.confirm {
	font-size: 9pt;
	text-align: right;
	padding-right: 4em;
}

table.earningsData tr.confirm {
  height: 18pt;
  vertical-align: middle;
}

table.earningsData td.csm {
	width: 160px;
}

table.earningsData td.filler {
  width: 40%;
}

table.earningsData td.confirmCsm {
  font-size: 9pt;
}

table.earningsData td.label  {
	text-align : right;
	font-weight: bold;
  padding-right: 0.75em;
	width: 160px;
	color: Gray;
}

table td.dob {
  vertical-align:middle;
}

table.funding {
	margin-bottom: 1em;
	width: 530px;
	/*border: 1px dotted red; */
}

table.funding td {
	vertical-align : middle;
	font-size : 10pt;
	padding: 3px 0;
	/*border: 1px dotted green; */
}

table.funding td.title {
	font-size : 10pt;
	padding-left:2em;
	text-align : left;
	width: 300px;
}

table.funding td.data {
	font-size : 10pt;
	text-align: right;
	font-weight:bold;
	width: 75px;
}

table.funding td.dataBound {
	font-size : 10pt;
	text-align: right;
	font-weight:bold;
	width: 197px;
}

table.funding td.total{
	font-size : 10pt;
	text-align: right;
	font-weight:bold;
	width: 75px;
	border-top: 2px solid black;
}

/* IPP Comparison Tables */
table.ippcost  {
  border-bottom: solid 2px black;
	/*border: 1px dotted green;*/
	width:100%;
}

table.ippcost tr.even td{
	background-color : #F5F5F5;
}

table.ippcost td {
	vertical-align: middle;
	/*border: 1px dotted blue;*/
	text-align: right;
	width: 9%;
}

table.ippcost th {
	background-color: black;
	color: white;
	font-size: 8pt;
	padding: 2px 2px 2px 0;
	text-align: right; 
	vertical-align: bottom;
	font-family: Arial, 'Sans-Serif';
}

table.ippcost th.ipp {	
	background-color: teal;
	color: white;
	text-align: center;
}

table.ippcost th.total {	
	background-color: #C30;
	color: white;
	padding-right: 6px;
}

table.ippcost th.rrsp {	
	background-color: olive;
	color: white;
	text-align: center;
}

table.ippcost th.blank {
	background-color: White;
}

table.ippcost td.dataComp {
  padding: 4px 2px 4px 0;
	border-right: 1px solid black;
	font-size: 8pt;
} 

table.ippcost td.ib {
	border-right: 1px solid Teal;	
}

table.ippcost td.rb {
	border-right: 1px solid Olive;	
}


table.ippcost td.year{
	font-weight:bold;
} 

table.ippcost td.age 
{
	text-align: right;
}

/* Earnings table */
table.ippEarnings {
  width: 100%;
}

table.ippEarnings td {
	padding: 2px 1.0em;
}

table.ippEarnings td.rt {
	text-align:right;
	
}

table.ippEarnings td.title {
	font-weight:bold;
}

table#fees, #paymentSchedule 
{
	width: 75%;
	font-size: 10pt;
}

table#fees td, #paymentSchedule td 
{
	padding: 6px 12px 6px 6px;
	border-bottom: 1px solid light-gray;
}

table#fees tr.odd, #paymentSchedule tr.odd
{
	background-color: Beige;
}

table#fees tr.even, #paymentSchedule tr.even
{
	background-color: White;
}

table#fees th, #paymentSchedule th
{
	padding: 6px 12px 6px 6px;
	border-bottom: 2px solid black;
	font-size: 9pt;
	text-align:left;
}
	
ul li {
	margin-bottom : 0.5em;
	font-weight: normal;
}

div#bottomNav {
	padding: 1em, 1em, 0, 1em;
	margin-top: 1em;
	text-align: left;
	border-top: 1px solid Gray;
}

.button {
  background-color: gainsboro;
  border: solid 1px solid;
  font-size: 9pt;
  font-family: Tahoma, Verdana, 'Times New Caledonia Roman';
  margin-right: 1em;
}

table td.label {
  text-align : right;
	font-weight: bold;
  padding-right: 1em;
  padding-top: 8px;
	width: 160px;
	color: Gray;
	vertical-align: top;
}

table td.label-l {
  text-align : left;
	font-weight: bold;
  padding-right: 1em;
  padding-top: 8px;
	width: 160px;
	color: Gray;
	vertical-align: top;
}

table td.data {
  text-align: left;
  font-size: 9pt;
	color: black;
	vertical-align: middle;
	height: 22pt;
}
}

table td.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	padding: 2px 0px;
	vertical-align: middle;
	border: dotted 0px red;
}

/* table for IPP online summary */
table#onlineData  {
	width:70%;
	text-align: left;
	border-bottom: 1px solid black;
}

table#onlineData tr.alt
{
  background-color: gainsboro;
}

table#onlineData td {
  text-align: left;
  font-size: 10pt;
	color: black;
	vertical-align: middle;
	height: 22pt;
	padding-left: 0.5em;
}

table#onlineData th {
  text-align: left;
  font-size: 10pt;
	color: black;
	font-weight: bold;
	vertical-align: middle;
	height: 22pt;
	padding-left: 0.5em;
	border-bottom: 1px solid black;
}

/* General Length fields */
.txt30Chars {
  text-align: left;
  width: 150px;
}

.txt50Chars {
	text-align: left;
	width : 200px;
}

.txt100Chars {
	text-align: left;
	width : 350px;
}

/* Name Fields */

.txtTitle {
  text-align: left;
  width: 90px;
  vertical-align: middle;
}

table td.title {
  width: 110px;
}

.txtCardType {
  text-align: left;
  width: 120px;
  vertical-align: middle;
}

.txtFirstName {
  text-align: left;
  width: 150px;
  vertical-align: middle;
}

table td.firstName {
  width: 170px;
}

.txtLastName {
	text-align: left;
	width : 250px;
	vertical-align: middle;
}

table td.lastName {
  width: 270px;
}

.txtMiddleInitial {
  text-align: left;
  width: 24px;
  vertical-align: middle;
}

table td.middleInitial
{
  width: 44px;
}

/* Date Fields */
.txtDayMonth {
	text-align: left;
	width: 22px;
	vertical-align: middle;
}

.txtYear {
	text-align: left;
	width: 36px;
	vertical-align: middle;
}

/* City, Prov, PostalCode Fields */
.txtAddress {
  text-align: left;
  width: 350px;
  vertical-align: middle;
}

.txtCity {
  text-align: left;
  width: 150px;
  vertical-align: middle;
}

table td.city {
  width: 180px;
}

.txtProvince {
  text-align: left;
  width : 160px;
  vertical-align: middle;
}

table td.province {
  width: 190px
}

.txtPostalCode {
  text-align: left;
  width: 70px;
  vertical-align: middle;
}

table td.postalCode {
  width: 150px;
}

/* Specific Data field types */
.txtSin {
	text-align: left;
	width : 30px;
	vertical-align: middle;
}

.txtAreaCode {
  text-align: left;
  width: 30px;
  vertical-align: middle;
}

.txtPhonePre {
  text-align: left;
  width: 30px;
  vertical-align: middle;
}

.txtPhonePost {
  text-align: left;
  width: 40px;
  vertical-align: middle;
}

.txtCcraNumber {
  text-align: left;
  width: 90px;
  vertical-align: middle;
}

.txtCcraAccount {
  text-align: left;
  width: 40px;
  vertical-align: middle;
}

table td.dataCaption {
  text-align : left;
	font-weight: normal;
	font-size: 8pt;
	color: Gray;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 6px;
}

table td.textOnly {
  height: 22pt;
  vertical-align: middle;
}

table td.sectionHead {
  text-align : left;
	font-weight: bold;
	padding: 0.25em 0.5em 0.25em 1em;
	width: 160px;
	color: White;
	background-color: gray;
	vertical-align: middle;
	border-bottom: solid 1pt gray;
}

table td.sectionRule {
  border-bottom: solid 1pt gray;
}

table td.sectionSpacer {
  height: 6px;
}

table td.note {
  padding-bottom: 1em;
}

p.asterisk {
  margin-bottom: 1em;
  color: gray;
  font-size: 8pt
}

.ddlCompany {
  text-align: left;
  width : 200px;
  vertical-align: middle;
}

.reportTitle {
	padding-bottom: 6px;
	font-family: Georgia;
	font-size: 13pt;
	font-weight: bold;
	border-bottom : solid 1px gray ;  
	margin-bottom : 12px;
	margin-top: 0px;
}