/* CSS Document */
a {color:#01a4e9}
html>body .modularTwoColBox2{width:100%;padding-left:15px;}
.modularTwoColBox2{width:100%;padding-left:16px;}
.offsetcalculator {width:620px;padding:20px 0 0}
.formRow, .formHead {clear:both;width:100%}
.formRow {padding:10px 0;}
.formRow .leftColumnSmall {width:220px;float:left;padding-left:10px}
.formRow .leftColumn {width:260px;float:left;padding-left:10px}
.formRow .rightColumn {float:left;font-size:70%}
.formRow .rightColumn label {font-size:100%}
.formRow .leftColumn label, .formRow .leftColumnSmall label {font-weight:bold;color:#036}
.formRow input, .formRow select {color:#036;font-size:90%;padding:1px}
.formRow input.twodigits {width:20px !important;text-align:right}
.formRow input.fivedigits {width:30px !important;text-align:right}
.formRow span {padding:5px 5px 0}
.formButtons{float:right; clear:both;padding:10px 0}
.lsformButtons{float:right; clear:both}
#assumptions ul li{margin:10px 10px 10px 20px;font-size:71%}

.modify {float:right;padding:10px 0 0;font-size:70%;font-weight:bold}
.choice {float:left;padding:5px 0}

.formRow input.choice {width:55px}

#mainerror1 .error, #mainerror2 .error {font-size:80%;padding-left:30px}
.error {color:#F00;font-size:70%;font-weight:bold}
.showWarning .error {color:#0A0}

.showError .error, .showWarning .error {display:block !important}
.formRow .error, .formHead .error {display:none}
.showError input, .showError select {border:1px solid red;padding:5px 2px}
.showWarning input, .showWarning select {border:1px solid #4C5;padding:2px}
#erpriority.showError label {color:red}
.showError {background-color:#c0e9fb;padding:3px 0}
#mainerror1.showError, #mainerror2.showError, .showfields .showError, #erpriority.showError, #mainerrorls.showError, #lstable .showError,#wonRatePoperrorls.showError {background-color:transparent;padding:0}

.resulttop {background: url('/offsetcalculator/images/result-top.gif') no-repeat 0 100%;height:45px; display:block; clear:both;}
.resultcenter {background:url('/offsetcalculator/images/result-center.gif') repeat-y 0 0;padding:10px 15px 0}
.resultbottom {background:url('/offsetcalculator/images/result-bottom.gif') no-repeat 0 0;height:10px}

.borderline {border-bottom:1px solid #dae8ee}

#result {font-size:90%}
.headtext {font-size:105%;font-weight:bold}

html > body .lstop {background:url('/offsetcalculator/images/ls-top.png') no-repeat 50% 100%;height:11px}
html > body .lscenter {background:url('/offsetcalculator/images/ls-center.png') repeat-y 0 0;padding:0 15px}
html > body .lsbottom {background:url('/offsetcalculator/images/ls-bottom.png') no-repeat 50% 0;height:20px}

.lstop {background:url('/offsetcalculator/images/ls-top.gif') no-repeat 50% 100%;height:11px}
.lscenter {background:url('/offsetcalculator/images/ls-center.gif') repeat-y 50% 0;padding:0 15px}
.lsbottom {background:url('/offsetcalculator/images/ls-bottom.gif') no-repeat 50% 0;height:11px}

.lsclose {float:right;font-size:70%;font-weight:bold;padding:5px 0 2px}

/*#eagle_background {position:relative; z-index:-1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hp-images/eagle_back.png'); vertical-align:bottom; float:right; clear:none; width:422px; height:461px; margin-top:-400px;}*/

html > body .helptop {background:url('/offsetcalculator/images/help-top.png') no-repeat 50% 100%;height:11px}
html > body .helpcenter {background:url('/offsetcalculator/images/help-center.png') repeat-y 0 0;padding:0 15px}
html > body .helpbottom {background:url('/offsetcalculator/images/help-bottom.png') no-repeat 50% 0;height:20px}

.helptop {background:url('/offsetcalculator/images/help-top.gif') no-repeat 50% 100%;height:11px}
.helpcenter {background:url('/offsetcalculator/images/help-center.gif') repeat-y 50% 0;padding:0 15px}
.helpbottom {background:url('/offsetcalculator/images/help-bottom.gif') no-repeat 50% 0;height:11px}

#helpext {display:none;width:350px;float:left;position:absolute;z-index:103}
/*.helptopext {background:url('/offsetcalculator/images/help-top-ext.gif') no-repeat 50% 100%;height:11px}*/
.helptopext {background:transparent url(/offsetcalculator/images/help-top-ext.gif) no-repeat scroll 0px 100%;height:11px}
.helpcenterext {background:url('/offsetcalculator/images/help-center-ext.gif') repeat-y 50% 0;padding:0 15px}
.helpbottomext {background:url('/offsetcalculator/images/help-bottom-ext.gif') no-repeat 50% 0;height:11px}
.helpcloseext {float:none;font-size:70%;font-weight:bold;padding:5px 5px 2px 250px}
#tiptextR {font-size:85%}

.helpclose {float:none;font-size:70%;font-weight:bold;padding:5px 5px 2px 80px}
#tiptext {font-size:85%}

.lsclose a, .helpclose a, .helpcloseext a {background:url('/offsetcalculator/images/close.png') no-repeat 100% 0;padding:5px 25px 5px 0}
a.lslink:hover, a.lslink:visited, a.lslink, .lsclose a, .helpclose a {text-decoration:underline;color:#036}

#lumpsum {display:none;width:394px;float:left;position:absolute;z-index:101;font-size:130%}
#help {display:none;width:175px;float:left;position:absolute;z-index:102}
#wonRatePop{display:none;width:394px;float:left;position:absolute;z-index:101}

#step3.showfields input.choice, #step3.showfields span.inputspan, #step3.showfields select.choice, #step3.showfields span.note {display:block}
#step3.showfields span.choice {display:none}

#step3.showfields span.inputspan {float:left;padding:3px 4px 0 0}

#step3.hidefields input.choice, #step3.hidefields span.inputspan, #step3.hidefields select.choice, #step3.hidefields span.note {display:none}
#step3.hidefields span.choice {display:block}

td.col1 {width:110px}
td.col2, td.col4, td.col5, td.col6 {width:90px}
td.col3 {width:120px}

th.col1, th.col2, th.col3, th.col4, th.col5, th.col6{ font-size: 14px; text-align: left; }
th.col1{ width: 100px; }
th.col2{ width: 115px; }
th.col3{ width: 120px; }
th.col4, th.col6{ width: 90px; }
th.col5{ width: 75px; }

.showResults tr td {height:30px}
.showResults tr.head th {vertical-align:bottom}
.showResults tr.head th a img { padding-left:3px;}
.showResults td label {font-size:66%;font-weight:bold}
.showResults td span {font-size:60%;padding:0}

#lstable {width:365px}
#lstable.accessible {width:330px}
.rightColumn #lstable td {font-size:90%;padding:4px 0 0;font-weight:bold}

#lstable td {font-size:60%;padding:4px 0 0;font-weight:bold}
#lstable td input, #lstable td select, .rightColumn td .error {font-size:100%}
#lstable td input {width:60px}
#lstable td select {width:75px}

#lstable.accessible td input {width:40px}
#lstable.accessible td input.btnLink {width:62px}
#lstable.accessible td select.lsmonth {width:79px}
#lstable.accessible td select.lsyear {width:56px}
#lstable.accessible td select.lsfrequency {width:70px}

.offsethead {font-size:110%; display:block;}
h1.offsethead{font-size:18px !important;font-weight:bold !important;margin-bottom:0 !important }
h3.offsethead{font-size:95% !important}
.formHead h4.offsethead{font-size:110% !important}
h4.offsethead{font-size:135% !important}
/*.offsethead {font-size:141% !important;font-weight:bold !important;margin-bottom:0px !important;}*/
.adjacent {float:left}
.stephead {background:transparent url('/offsetcalculator/images/step-head-bg.gif') repeat-x 0 0}
.stephead .offsethead {padding:5px 10px 10px 0}

.step1, .step2 {padding:5px 10px 10px 35px !important}
.step1 {background:url('/offsetcalculator/images/step-1.png') no-repeat 0 0.2em}
.step2 {background:url('/offsetcalculator/images/step-2.png') no-repeat 0 0.2em}

.help, .help img {vertical-align:middle}
.forms {padding:0 10px}
.forms p {padding:8px 5px 5px 0;font-size:80% !important}

div.curvediv .roundshape{display:block}
div.curvediv .roundshape * {display:block;height:1px;line-height:1px;font-size:1px;overflow:hidden;border-style:solid;border-width:0 1px}
div.curvediv .t1{border-width:0 5px}
div.curvediv .t2{border-width:0 3px}
div.curvediv .t3{border-width:0 2px}
div.curvediv .t4{height:2px}

div.curvediv .st1{border-color:#FFF; background-color:transparent}
div.curvediv .st2{border-color:#f5fbfe; background-color:transparent}
/*div.curvediv .curves{margin:0;-moz-background-clip:-moz-initial; -moz-background-origin:-moz-initial; -moz-background-inline-policy:-moz-initial}*/

.blueone {background-color:#ceedfb}
.bluetwo{background-color:#f5fbfe}
.bluethree{background-color:#e5f6fd;border-top:1px solid #b7cfdf}
.bluefour{background-color:#e7f6fd}
.bluefive{background-color:#e8f5f9}

.vgap {padding-top:20px}
#lblLoanToValue2.showError{color:red;font-weight:bold}

.legalcopy ul, ul.addition, ul.features, ul.addition li.more ul.features {margin:0;padding:5px 0;list-style-type:none}
ul.addition li {cursor:pointer;background:url('/offsetcalculator/images/arrow-right.gif') no-repeat 0 0.4em;color:#00a4e8;font-size:57%;line-height:1.2em;padding:2px 0 2px 12px}
ul.addition li.ddamore {background:url('/offsetcalculator/images/darkblue-bullet.gif') no-repeat 0 0.45em;color:#036;font-weight:bold;cursor:auto}
ul.addition li.dda {cursor:auto}
ul.addition li.more {background:url('/offsetcalculator/images/arrow-down.gif') no-repeat 0 0.45em}
ul.features li {cursor:auto;background:url('/offsetcalculator/images/darkblue-bullet.gif') no-repeat 0 0.45em;color:#036;font-size:85%;line-height:1.2em;padding:2px 0 2px 12px}
div.offsetting ul.features li {cursor:auto;background:url('/offsetcalculator/images/darkblue-bullet.gif') no-repeat 0 0.45em;color:#036;font-size:58%;line-height:1.2em;padding:2px 0 2px 12px}

.legalcopy ul.features {float:left;width:495px}
ul.addition ul.features {padding-top:2px}
ul.addition ul.features li {font-size:85%; font-weight: normal;}

.legalcopy p {font-size:75%}

#products.yes .product, #products.no .noproduct, ul.addition li.more ul.features, ul.addition li.ddamore ul.features, .cstep {display:block;font-size:120%}
#products.no .product, #products.yes .noproduct, ul.addition li ul.features,  .steps {display:none}
#addpayment {width:135px !important}

#products {padding-top:10px}
.product, .noproduct {padding:5px 10px}
h4.callus {font-size:170%}
h4.callus span {font-size:65%}
.callback {padding:10px 0}
.alternate {color:#00a4e8}
.warning {font-weight:bold !important}

.btnLink {background-color:transparent;border:0;border-bottom:1px solid #000;font-weight:bold;font-family:verdana;cursor:pointer}
.additions{width:48%;float:left;margin-left:10px;padding-top:10px}
.offsetting{width:48%;float:right;padding-top:10px}
.offsetting p{font-size:71% !important}

div.callus{float:right;width:250px}
.intro{padding:5px}
.intro p {padding-top:7px}
.product a.arrowlink {background:url('/offsetcalculator/images/arrow-link.gif') no-repeat 0 0.45em;color:#00a4e8;font-size:65%;padding:2px 0 2px 12px;font-weight:bold}
a.arrowlink {background:url('/offsetcalculator/images/arrow-link.gif') no-repeat 0 0.45em;color:#00a4e8;font-size:85%;padding:2px 0 2px 12px;font-weight:bold}
.helpHeading{color:#036;font-weight:bold;font-size:80%}

.calcInfoforms {padding:0 15px}
.calcInfoforms p {padding:5px 5px 0 0;font-size:100% !important}
.calcInfoforms p.head, .additions p.head {font-size:80%;font-weight:bold !important}
.calcInfoforms h3 {font-size:145%;font-weight:bold}

#startagain {float:left;padding:10px 20px 10px 10px}
span.accessible {font-weight:bold;text-decoration:underline}

.offsetguide {background:url('/offsetcalculator/images/guide-bg.gif') no-repeat 0 0;padding:5px 2px;font-size:55%;width:217px;height:45px}
.offsetguide p {font-size:84% !important;padding:5px 0 5px 3px;float:left;font-weight:bold !important}
.offsetguide p a {text-decoration:underline;font-weight:normal}
.offsetguide img {float:left}

#resetstart {background:url('/offsetcalculator/images/btn-startagain.gif') no-repeat 10px 10px;float:left;height:30px;width:120px;border:none;cursor:pointer;}
.offsetHeader {background-color:#00a4e8;margin-bottom:7px;}
.standalone {padding-left:140px;}
.rightcolumn p{font-size:85% !important}

.leftColExt{ text-align: right; margin-right:10px; }
.midCol{
	float: left;
	font-size: 70%;
	height: 17px;
	padding-top: 2px;
	text-align: center;
	padding-right: 1px;
	width: 10px;
}
.rightColExt{ width: 50%; }
.formRowExt {padding: 5px 0 !important;}

/* Composite Tab */

.radiotabslefton{
	background:url('/offsetcalculator/images/tabs.gif') no-repeat 0 0;
	width: 50%;
	text-align: center;
	height: 43px;
	padding-top: 15px;
	float: left;
}

.radiotabsleftoff{
	background:url('/offsetcalculator/images/tabs.gif') no-repeat 0 -58px;
	width: 50%;
	text-align: center;
	height: 43px;
	padding-top: 15px;
	float: left;
}

.radiotabsrighton{
	background:url('/offsetcalculator/images/tabs.gif') no-repeat -310px -58px;
	width: 50%;
	text-align: center;
	height: 43px;
	padding-top: 15px;
	float: right;
}

.radiotabsrightoff{
	background:url('/offsetcalculator/images/tabs.gif') no-repeat -310px 0;
	width: 50%;
	text-align: center;
	height: 43px;
	padding-top: 15px;
	float: right;
}

/* Your Choices Table CSS Formation */

.yourchoicestable{ width: 100%; }
.buttonstable{ float: right; }
#viewandamend{
	font-size: 10px;
	height: 34px;
	text-align: left;
}
#updategraph{
	padding-top: 30px;
	text-align: right;
}
.tablecontainer{ float: left; width: 75%; padding: 0px; }
.tablecontainer input, .tablecontainer select{
	font-family: verdana;
	font-size: 10px;
}
.tablecontainer .rowcontainer .colfour .inputspan{
	font-size: 10px;
}
.rowcontainer{
	height: 30px;
	float: left;
	width: 100%;
}
.colone{
	font-weight: bold;
	font-size: 10px;
	width: 95px;
	float: left;
	padding-right:5px;
	text-align:right;
}
.colone label, .colfive label {
	font-size: 10px !important;
}
.coltwo{
	width: 15px;
	float: left;
}
.colthree{
	font-size: 10px;
	width: 10px;
	float: left;
	padding-left: 5px;
}
.colfour{
	font-size: 10px;
	width: 110px;
	float: left;
}
.colfour span {
	padding: 0 !important;
}
.colfour .inputspan {
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 2px;
}
.colfive{
	font-weight: bold;
	font-size: 10px;
	padding-left: 7px;
	width: 100px;
	float: left;
	padding-right:5px;
	text-align:right;
}
.colsix{
	width: 15px;
	float: left;
}
.colseven{
	font-size: 10px;
	width: 10px;
	float: left;
	padding-left: 5px;
}
.colseven span{
	padding: 0 !important;
}
.coleight{
	font-size: 10px;
	width: 60px;
	float: left;
}
.coleight span {
	padding: 0 !important;
}
/*Added by chandra for offset phase 2 dev*/
#payment {display:none;width:175px;float:left;position:absolute;z-index:102}
#paymentText {font-size:65%}
.hrepay{display:none;}
.srepay{display:block;}
.sVisible{visibility:visible;}
.hVisibile{visibility:hidden;}
.yourRateSpan{padding:5px 0 0 !important;}
.disableClr{background-color: #ccc;}
.enableClr{background-color: #fff;}
.addPart{float:left; font-size:10px; padding:5px 10px; text-align:right; width:188px;}
.tdWidth{width:150px;}
#ownrateamend{ font-size: 10px; height: 71px;}
.rateHelp{ margin-left:21px; padding:0 !important;}
.typeWidth{ width:130px !important;}
.radio2_tabslefton {
	background:transparent url(/offsetcalculator/images/tabs.gif) no-repeat scroll 0 -58px;
	float:left;
	height:43px;
	padding-top:15px;
	text-align:center;
	width:50%;
}

.radio2_tabsrightoff {
	background:transparent url(/offsetcalculator/images/tabs.gif) no-repeat scroll -310px -58px;
	float:right;
	height:43px;
	padding-top:15px;
	text-align:center;
	width:50%;
}
.paddTop{ padding-top:15px;}
.leftMargn{ margin-left:85px; padding:0 !important;}
.lumpsumSpan{ padding-left:0 !important; padding-right:0 !important; }
.demo {padding-left:55px; width:869px;}
.demoLink{ padding-top:6px;}
.branding-woolwich img {float:left;height:46px;margin:30px 0 0 30px;width:190px;}