/* CSS Document */
a {color:#01a4e9}
.modularTwoColBox2{width:100%}
.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}
/*modified by chandra
.formRow .leftColumn {width:260px;float:left;padding-left:10px}
*/
.formRow .leftColumn {width:251px;float:left;padding-left:2px}
.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;}
.lsformButtons{float:right; clear:both}
#assumptions ul li{margin:10px 10px 10px 20px;font-size:71%}

.modify {float:right;padding:10px 10px 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:105%}
.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}

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:65%}

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

.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}
#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:60%;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%}
.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 0 0 10px}
.forms p {padding:5px 5px 5px 0;font-size:80%;}

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}
.bluethreenew{background-color:#f5fbfe;}
.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:70%;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:70%;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:100%;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}
#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}

.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}

div.callus{float:right;width:250px}
.intro{padding:5px}
.intro p {padding-top:7px}
a.arrowlink {background:url('/offsetcalculator/images/arrow-link.gif') no-repeat 0 0.45em;color:#00a4e8;font-size:70%;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:71%}
.calcInfoforms p.head, .additions p.head {font-size:80%;font-weight:bold}
.calcInfoforms h3 {font-size:125%;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:100%;padding:5px 0 5px 3px;float:left;font-weight:bold}
.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:30px;}

/*Modiifed by chandra
.leftColExt{ text-align: right; margin-right:10px; }
*/
.leftColExt{ text-align: right; margin-right:8px; }
.midCol{
	float: left;
	font-size: 70%;
	height: 17px;
	padding-top: 4px;
	text-align: center;
	padding-right: 1px;
	width: 10px;
}
.rightColExt{ width: 55%; padding-top: 3px; }
.formRowExt {padding: 5px 0 !important;}
.hrepay{display:none;}
.srepay{display:block;}

.warning{
	/*padding-left: 20px;
	padding-right: 20px;*/
}


/* 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; padding-right:7px; }
#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;
}

/* Warning Message DIV */

.warningDiv{
	width: 80%;
	margin-left: 10%;
	font-family: verdana;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.warningAlert{
	background: transparent url(../images/warning.gif) no-repeat scroll 0 2px;
	float: left;
	height: 25px;
	width: 30px;
}

.warningMsg{
	margin-left: 5px;
	float: left;
	width: 425px;
}

.warningMsg li{
	list-style: none;
}

.floatLeftColOne{
	float: left;
	width: 12px;
}

.floatLeftColTwo{
	width: 271px;
	margin-left: 8px;
	float: left;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.warningDiv1{
	font-family: verdana;
	font-size: 11px;
}

.warningAlert1{
	background: transparent url(../images/warning.gif) no-repeat scroll 0 2px;
	float: left;
	height: 25px;
	width: 30px;
}

.warningMsg1{
	padding-top: 5px;
	float: left;
}

/*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;}
.leftMargn73{ margin-left:20px; padding:0 !important;}
.firstSubBut{ width:0px; height:0px; background-color:transparent; border:0;}
.lumpsumSpan{ padding-left:0 !important; padding-right:0 !important; }
.papLabel{float:left; width: 228px; padding-right: 3px;}
.papHelp{float:left; width: 20px; padding-top: 4px;}
.rateDisDiv{padding: 7px 0 0 18px; clear: both; width: 264px;}
.rateLink {background-color:transparent;border:0;border-bottom:1px solid #000;font-weight:bold;font-family:verdana;cursor:pointer; width:74px; font-size:100%;}
.demoLink{ padding-top:5px;}
.IntdemoLink{margin:0 0 0 4px !important;}
.demoFont{ font-size:100% !important;}
.resulttopAcc {background: url('/offsetcalculator/images/result-top.gif') no-repeat 0 100%;height:25px; display:block; clear:both;}