﻿.contentContainer   
{
    font-size: 0.75em;
    width: 958px;
    margin: 0px 0px 20px 15px;
    padding: 10px 0px 0px 0px;
    clear: both;
}

.clearfix:after
{
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.buttonLeft
{
    float: left;
}

.buttons
{
    padding-top: 2px;
    height: 21px;
    margin-top: 5px;
    text-align: right;
}

.buttonAdjust
{
    position: relative;
    top: -5px;
    left: 5px;
}

.buttonSpecialGO input
{
    width: 80px;
}

.button
{
    font-family: verdana;
    background-color: #8c8a8a;
    font-size: 1em; 
    color: #FFFFFF;
    border: 1px solid #dddcdc;
}

.confirm
{
    padding-top: 2px;
    height: 21px;
    margin-top: 5px;
}

#confirm .button
{
    width: 80px;
}

#confirm h3
{
    text-align: center;
}

.content
{
    clear: both;
    color: #666666;
    width: 958px;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}

.halfPage
{
    width: 461px;
}

.almostPage
{
    width: 661px;
}

.borderContainer
{
}

.tableSplit
{
    position: relative;
    width: 954px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

.tableFloat
{
    float: left;
    margin-right: 30px;
}
.tableFloat table
{
    width: auto;
}
.tableFloat table td.value
{
    width: 200px;
}

table.f4
{
    border-top-collapse: collapse;
    border-bottom-collapse: collapse;
}
table.f4 .row1
{
    background-color: #f9eed0;
}
table.f4Absolute
{
    width: 408px !important;
    border-top-collapse: collapse;
    border-bottom-collapse: collapse;
}
table.f4AbsoluteWide
{
    width: 508px !important;
}
table.f4Absolute .row1
{
    background-color: #f9eed0;
}
table.f4 td
{
    color: #343235;
    padding: 2px 0px 2px 0px;
}
table.f4 td.name
{
    height: 18px;
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
}
table.f4 td.value
{
    width: 508px;
    text-align: left;
}
table.f4 td.name2
{
    width: 350px;
    text-align: right;
    font-weight: bold;
}
table.f4 td.value2
{
    width: 80px;
}
table.f4 td.cal
{
    width: 20px;
}
table.f4 td.but div
{
    position: relative;
    width: 60px;
}

table.f3FixedWidth
{
    width: 470px;
}
table.f3FixedWidth th
{
    padding: 3px;
}
table.f3FixedWidth td
{
    font-size: 0.9em; 
    color: #343235;
    padding: 3px;
    border-right: 2px solid #FFFFFF;
}
table.f3FixedWidth .row1
{
    background-color: #f9eed0;
}

table.f3
{
    clear: both;
    width: 100%;
    border-collapse: collapse;
}
table.f3 .name a
{
    font-size: 0.9em; 
    color: #8e8c8d;
    margin-left: 5px;
}
table.f3 th
{
    padding: 3px;
}
table.f3 td
{
    font-size: 0.9em; 
    color: #343235;
    padding: 3px;
    border-right: 2px solid #FFFFFF;
}
table.f3 .row1
{
    background-color: #f9eed0;
}
table.f3 .loan
{
    width: 130px;
}
table.f3 td.money
{
    text-align: right;
    white-space: nowrap;
    padding-left: 20px;
}
table.f3 td.shortMoney
{
    width: 125px;
    text-align: right;
    white-space: nowrap;
    padding-left: 20px;
}
table.f3 td.noborder
{
    border-right: 0px;
}
table.f3 td.date
{
    text-align: left;
    width: 110px;
}
table.f3 td.dateDD
{
    text-align: left;
    width: 180px;
}
table.f3 td.dateDD select
{
    width: 120px;
}

table.f3 td.fullDate
{
    text-align: left;
    width: 160px;
}
table.f3 td.mailedTo
{
    text-align: left;
    width: 150px;
    padding-right: 20px;
}
table.f3 td.pct
{
    text-align: right;
    white-space: nowrap;
    padding-left: 20px;
}
table.f3 td.text
{
    text-align: left;
}

table.f3 td.longtext
{
    width: 300px;
}

table.f3 td.extraLongText
{
    width: 700px;
}

table.f3 td.link
{
    width: 300px;
}
table.f3 td.link a
{
    margin-left: 5px;
}

.almostPage .f3 td
{
    white-space: nowrap;
}
.almostPage .f3 td.text
{
    padding-right: 30px;
}

.dots
{
    line-height: 1px;
    height: 1px;
    width: 100%;
    background: url(../../eng/images/dots.gif) repeat-x;
    font-size: 1px;
    margin: 20px 0px 10px 0px;
}

.row1 .cellHighlight
{
    background-color: #f7d671;
}

.cellHighlight
{
    background-color: #f7d671;
}

.cellHighlightEveryOtherCell
{
    background-color: #F4E6C6;
}


h2
{
    clear: both;
    font-family: times new roman, georgia;
    color: #0b8e8e;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 15px;
}
h2 a
{
    font-family: times new roman, georgia;
    color: #0b8e8e;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
h2 .subLink
{
    font-family: Verdana, times new roman, georgia;
    font-size: 0.75em; 
}
h3
{
    font-family: times new roman, georgia;
    color: #0b8e8e;
    text-align: left;
    font-size: 1.15em; 
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
h3 a
{
    font-family: times new roman, georgia;
    color: #0b8e8e;
    text-align: left;
    font-size: 1.15em; 
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
h4#accountDetails
{
    font-family: verdana;
    font-size: 0.75em; 
    font-weight: bold;
    text-decoration: underline;
    margin: 0 0 -10px 0;
    padding: 0;
}
.halfPage table.f1
{
    width: 461px;
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.halfPage table.f1 .name
{
    width: 150px;
    text-align: left;
}
.halfPage table.f1 .name div.cellArea
{
    color: #333333;
    font-weight: bold;
    padding: 3px 5px 3px 0px;
    margin: 0px;
}
.halfPage table.f1 .value
{
    width: 311px;
}
.halfPage table.f1 .value div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
.halfPage table.f1 .value div.cellArea a
{
    font-size: 0.9em; 
}
.halfPage table.f1 .value div.cellCaption
{
    position: absolute;
    left: 321px;
    top: 6px;
}
.halfPage table.f1 tr.row1
{
    background-color: #f9eed0;
}

.almostPage table.f1
{
    width: 661px;
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.almostPage table.f1 .name
{
    width: 250px;
    text-align: left;
}
.almostPage table.f1 .name div.cellArea
{
    color: #333333;
    font-weight: bold;
    padding: 3px 5px 3px 0px;
    margin: 0px;
}
.almostPage table.f1 .value
{
    width: 411px;
}
.almostPage table.f1 .value div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
.almostPage table.f1 .longvalue div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
.almostPage table.f1 .value div.cellArea a
{
    font-size: 0.9em; 
}

.almostPage table.f1 .value div.cellCaption
{
    position: absolute;
    left: 321px;
    top: 6px;
}
.almostPage table.f1 tr.row1
{
    background-color: #f9eed0;
}







.almostPage table.f10
{
    width: 711px;
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

.almostPage table.f10 .name
{
    width: 250px;
    text-align: left;
}
.almostPage table.f10 .name div.cellArea
{
    color: #333333;
    font-weight: bold;
    padding: 3px 5px 3px 0px;
    margin: 0px;
}
.almostPage table.f10 .value
{
    width: 461px;
}
.almostPage table.f10 .value div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
.almostPage table.f10 .value div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
.almostPage table.f10 .value div.cellArea select
{
    width: 361px;
}
.almostPage table.f10 .value div.cellArea a
{
    font-size: 0.9em;
}
.almostPage table.f10 .value div.cellCaption
{
    position: absolute;
    left: 321px;
    top: 6px;
}
.almostPage table.f10 tr.row1
{
    background-color: #f9eed0;
}

.halfPage table.f2
{
    width: 461px;
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.halfPage table.f2 .name
{
    width: 250px;
    text-align: left;
}
.halfPage table.f2 .name div.cellArea
{
    color: #333333;
    font-weight: bold;
    padding: 3px 5px 3px 0px;
    margin: 0px;
}
.halfPage table.f2 .value
{
    width: 211px;
}
.halfPage table.f2 .value div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
.halfPage table.f2 .value div.cellArea a
{
    font-size: 0.9em;
}
.halfPage table.f2 .value div.cellCaption
{
    font-weight: bold;
    width: 350px;
}

.almostPage table.f2
{
    width: 650px;
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.almostPage table.f2 .name
{
    width: 200px;
    text-align: left;
}
.almostPage table.f2 .name div.cellArea
{
    color: #333333;
    font-weight: bold;
    padding: 3px 5px 3px 0px;
    margin: 0px;
}
.almostPage table.f2 .value
{
    width: 450px;
}
.almostPage table.f2 .value div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
.almostPage table.f2 .value div.cellArea a
{
    font-size: 0.9em;
}
.almostPage table.f2 .value div.cellCaption
{
    position: absolute;
    left: 321px;
    top: 6px;
}

.almostPage table.f8
{
    width: 650px;
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.almostPage table.f8 .name
{
    width: 650px;
    text-align: left;
}
.almostPage table.f8 .name div.cellArea
{
    color: #333333;
    font-weight: bold;
    padding: 3px 5px 3px 0px;
    margin: 0px;
}
.almostPage table.f8 .value
{
    width: 650px;
}
.almostPage table.f8 .value div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
.almostPage table.f8 .value div.cellArea a
{
    font-size: 0.9em;
}
.almostPage table.f8 .value div.cellCaption
{
    position: absolute;
    left: 321px;
    top: 6px;
}

/* unstyled pre-table */
table.f9
{
    border-top-collapse: collapse;
    border-bottom-collapse: collapse;
}
table.f9 .row1
{
    background-color: #f9eed0;
}
table.f9Absolute
{
    width: 408px !important;
    border-top-collapse: collapse;
    border-bottom-collapse: collapse;
}
table.f9Absolute .row1
{
    background-color: #f9eed0;
}
table.f9 td
{
    color: #343235;
    padding: 2px 0px 2px 0px;
}
table.f9 td.name
{
    height: 18px;
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
}
table.f9 td.value
{
    width: 320px;
    text-align: left;
}
table.f9 td.name2
{
    width: 150px;
    text-align: right;
    font-weight: bold;
}
table.f9 td.value2
{
    width: 120px;
}
table.f9 td.cal
{
    width: 20px;
}
table.f9 td.but div
{
    position: relative;
    width: 95px;
}

.halfPage table.f5 .name
{
    width: 300px;
    text-align: left;
}
.halfPage table.f5 .name div.cellArea
{
    color: #333333;
    font-weight: bold;
    padding: 3px 5px 3px 0px;
    margin: 0px;
}
.halfPage table.f5 .value
{
    width: 100%;
}
.halfPage table.f5 .value div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
.halfPage table.f5 .value div.cellArea a
{
    font-size: 0.9em;
}
.halfPage table.f5 .value div.cellCaption
{
    position: absolute;
    left: 321px;
    top: 6px;
}

/* full tables (personal information) */
table.f6
{
    clear: both;
    width: 100%;
    border-collapse: collapse;
}
table.f6 .name
{
    width: 10%;
    text-align: left;
    font-weight: bold;
    padding-right: 10px;
}
table.f6 .text
{
    width: 13%;
    text-align: left;
}
table.f6 td
{
    font-size: 0.9em;
    color: #343235;
    padding: 3px;
    border-right: 2px solid #FFFFFF;
}
table.f6 .row1
{
    background-color: #f9eed0;
}

table.f7
{
    width: 100%;
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
table.f7 th
{
    padding: 3px;
}
table.f7 td
{
    font-size: 0.9em;
    color: #343235;
    padding: 3px;
    border-right: 2px solid #FFFFFF;
}
table.f7 .name
{
    width: 200px;
    text-align: left;
}
table.f7 .name div.cellArea
{
    color: #333333;
    padding: 3px 5px 3px 0px;
    margin: 0px;
}
table.f7 .value
{
    width: 300px;
}
table.f7 input.tb
{
    width: 283px;
}
table.f7 input.tbMedium
{
    width: 220px;
}
table.f7 .value div.cellArea
{
    position: relative;
    padding: 3px 0px 3px 0px;
    margin: 0px;
}
table.f7 .value div.cellArea a
{
    font-size: 0.9em;
}
table.f7 .value div.cellCaption
{
    position: absolute;
    left: 321px;
    top: 6px;
}
table.f7 .row1
{
    background-color: #f9eed0;
}

.tableLeft
{
    width: 550px;
}
.tableRight
{
    position: absolute;
    right: 0px;
    top: 0px;
}

table.wrap
{
    width: 461px;
    margin-bottom: 20px;
}
table.wrap td.loan
{
    width: 340px;
}
table.wrap td.wrap
{
    width: 121px;
}
table.wrap td select
{
    width: 120px;
}

table.wrapnotes
{
    width: 953px;
}
table.wrapnotes th
{
    padding: 2px;
    text-align: left !important;
}
table.wrapnotes td
{
    vertical-align: top;
}
table.wrapnotes .text
{
    width: 200px !important;
}
table.wrapnotes .longtext
{
    width: 753px !important;
}
table.wrapnotes .longtext p
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

/* form elements */
input.tb
{
    height: 18px;
    padding: 2px 0px 0px 4px;
    background-color: #eeeeee;
    border: 1px solid #8c8a8a;
}
select.loanDD
{
    width: 860px;
}
select.loanDDSmall
{
    width: 750px;
}
select.loanDDSmall700
{
    width: 700px;
}

.halfPage input.tb
{
    width: 303px;
}
.almostPage input.tb
{
    width: 303px;
}
input.tbSmall
{
    width: 121px !important;
}
input.tbXSmall
{
    width: 80px !important;
}
select
{
    font-size: 1.125em; 
    background-color: #eeeeee;
    width: 311px;
}
select.tbMedium
{
    width: 220px;
}
select.tbSmall
{
    width: 130px;
}
select.tbXSmall
{
    width: 90px;
}
select.country
{
    width: 265px;
}
textarea.wrapnotes
{
    width: 455px;
    height: 100px;
    overflow: wrap;
}

/* button elements */
.buttonContainer
{
}
.buttonContainer:after
{
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.buttons span
{
    border-top: 4px solid #8c8a8a;
    border-bottom: 4px solid #8c8a8a;
    border-left: 2px solid #8c8a8a;
    border-right: 2px solid #8c8a8a;
}

.buttonRight
{
    float: right;
}
.buttonRightAbsolute
{
    position: absolute;
    right: 0px;
    top: -2px;
}

.buttonAdjustText
{
    position: relative;
    top: -2px;
    left: 5px;
}

.trigger
{
    background-color: #FFFFFF;
    border: 0px;
    padding: 0px;
    margin: 0px;
}
.topSearch
{
    width: 100%;
    padding: 0px;
}

.topSearch .leftCell
{
    width: 50%;
    text-align: left;
}

.topSearch .rightCell
{
    width: 50%;
    padding-right: 10px;
    text-align: right;
}

.login
{
    width: 100%;
    border-collapse: collapse;
}

table.twoColumnContainer
{
    width: 100%;
}

table.twoColumnContainer td.column
{
    width: 50%;
}

.highlightText
{
    color: Red;
}

.highlightTextBold
{
    color: Red;
    font-weight: bold;
}

table.loanCalculator
{
    width: 225px;
    background-color: #f9eed0;
}

table.loanCalculator tr.loanType
{
    height: 45px;
    vertical-align: middle;
    font-weight: bold;
    padding: 3px;
}

table.loanCalculator tr.row
{
    padding: 3px;
}

table.loanCalculator tr.highlight
{
    background-color: #f7d671;
}
select.DDquestion
{
    width: 400px;
}
.DDpicture
{
    width: 300px;
}
input.answer
{
    width: 400px;
}
div.charLeft
{
    width: 100%;
    text-align: right;
    padding-top: 5px;
}

table.rapFixedWidth
{
    width: 470px;
}
table.rapFixedWidth th
{
    padding: 3px;
}
table.rapFixedWidth td
{
    font-size: 0.9em; 
    color: #343235;
    padding: 3px;
    border-right: 2px solid #FFFFFF;
}
table.rapFixedWidth .row1
{
    background-color: #f9eed0;
}

table.rap
{
    clear: both;
    width: 100%;
    border-collapse: collapse;
}
table.rap .name a
{
    font-size: 0.9em; 
    color: #8e8c8d;
    margin-left: 5px;
}
table.rap th
{
    padding: 3px;
    text-align : center ;
}


table.rap th.text
{
	text-align: left;
	width: 90px;
}

table.rap th.fullDate
{
	text-align: left;
    width: 90px;
}

table.rap th.integer
{
	text-align: left;
}

table.rap th.loan
{
	width: 180px;
    text-align :center ;
}

table.rap th.money
{
	text-align: center;
    white-space: nowrap;
    padding-left: 10px;
}

table.rap td
{
    font-size: 0.9em; 
    color: #343235;
    padding: 3px;
    border-right: 2px solid #FFFFFF;
}
table.rap .row1
{
    background-color: #f9eed0;
}
table.rap .loan
{
    width: 180px;
    text-align :center ;
}
table.rap td.money
{
    text-align: center;
    white-space: nowrap;
    padding-left: 10px;
}
table.rap td.shortMoney
{
    width: 125px;
    text-align: right;
    white-space: nowrap;
    padding-left: 20px;
}
table.rap td.noborder
{
    border-right: 0px;
}
table.rap td.date
{
    text-align: left;
    width: 110px;
}
table.rap td.dateDD
{
    text-align: left;
    width: 180px;
}
table.rap td.dateDD select
{
    width: 120px;
}

table.rap td.fullDate
{
    text-align: left;
    width: 90px;
}
table.rap td.mailedTo
{
    text-align: left;
    width: 150px;
    padding-right: 20px;
}
table.rap td.pct
{
    text-align: right;
    white-space: nowrap;
    padding-left: 20px;
}
table.rap td.text
{
	text-align: left;
	width: 90px;
}

table.rap td.integer
{
	text-align: center;
}

table.rap td.extraLongText
{
    width: 700px;
}

table.rap td.link
{
    width: 300px;
}
table.rap td.link a
{
    margin-left: 5px;
}
table.rap th.shorttext
{
	width: 120px;
    text-align :center;
}
table.rap td.shorttext
{
    width: 120px;
}
table.rap th.longtext
{
	width: 300;
    text-align :center;
}
table.rap td.longtext
{
    width: 300px;
}