#containapp {

	margin: 0;

	padding: 0;

	width: 520px;

}

#main {

	margin: 0;

	padding: 0;

}

#primaryapppanel {

	clear: both;

}	 	 

#formwrapper{

	margin:0px -1px 0px -1px;

	padding:0px;

	/*border:1px solid #B8AF76;*/

	width: 520px;

}

#formtitle {

	margin: 0px;

}

#formcontent{

	margin: 0 10px 0px 0;

	padding:0px;

	display:block;

	/*border:1px solid #B8AF76;

	color:#2D4470;*/

}

#leftbox{

	position: absolute;

	margin: 0 0 0 0px;

	padding: 0;

	width: 500px;

}

#googleadright{

	position: absolute;

	margin: 0 0 0 600px;

	padding: 0;

	width: 160px;

}

#googleadbottom{

	position: absolute;

	bottom:20px;

}

#fieldset {	

	text-align:center;

	padding:5px;

	margin:0px 0px 0px 0px;

}	

fieldset{

	text-align:center;

	border:none;

	padding:10px 0px 0px 0px;

	margin:0px;

}

#calcoutput {

	padding:0px 0px 0px 0px;

	margin:0px 0px;

	text-align: center;



}	

h2.results{

	padding:73px 0px 10px 0px;

	margin:0px 0px;

	background:url(http://www.calcxml.com/images/50/resultsarrow.gif) no-repeat top center;

}

#disclaimer {

	padding:5px;

	margin:10px 0px 10px 0px;

	color:#f5eed2;

	font-size:10px;

	font-style: italic;

}	

#poweredby {

	border: none;

	padding:5px;

	margin:10px 0px 10px 0px;

}	

#howdoicompare {

	border: none;

	padding:5px;

	margin:0px 0px 10px 0px;

	text-align:center;

}	



/*headers--------------------------*/

#formtitle h2 {

	color: #f3edd5; 

	margin:0;

	padding: 0 5px 5px 0;	

	font-size: 15px;

	border-bottom: 0px;

	font-weight: bold;	

}

#fieldset h2 {

	font-size: 15px;

	margin: 0;

}

#calcoutput h2 {

	font-size: 15px;

	font-weight: bold;

	color: #f3edd5;

}

 h2 {

	font-size: 15px;

	font-weight: bold;

	color: #f3edd5;

}



/*form elements-----------------------*/

form{

	text-align:center;

	margin:0px;

	padding:0px; 

	color: #FFFFFF;

}

input, select, textarea {

	color: #1E354E;

	font-size: 12px;

}	

label {

	font-weight: bold;

	font-size: 11px;

}	

.labelcol {

	text-align:center;

	padding:5px;

	border-top:1px solid #DEDBC0;

	border-bottom:1px solid #DEDBC0;

	border-right:1px solid #B8AF76;

	border-left:1px solid #B8AF76;

	background:#7F7458 url(http://www.calcxml.com/images/50/labelcolbg.gif) repeat-x top left;

	font-size:15px;

}

.labelcol b{

	font-weight:bold;

	font-size:14px;

	background:#DEDBC0;	

	border:1px solid #BFBFBF;

	padding:3px 6px 3px 6px;

}

.labelcol2 {

	text-align: right;

	color: #E8264D;

}

.rsilabelcol {

	white-space: nowrap;

	text-align: right;

	color: black;

}

.rsilabelcolleft {

	color: black;

}

.inputlabel{

	border-left:1px solid #B8AF76;

/*	background-color: #E6E3CF;*/

	background-color: #EEECDD;

}

.inputcol{

	border-left:1px solid #B8AF76;

	border-right:1px solid #B8AF76;

	background-color: #E6E3CF;

}

.innerinputtable{

	border-top:1px solid #B8AF76;

	border-bottom:1px solid #B8AF76;

	border-right:1px solid #B8AF76;

	background-color: #EEECDD;

}

.innerinputcolheader{

	border-left:1px solid #B8AF76;

	background-color: #EEECDD;

}

.innerinputcol{

	border-left:1px solid #B8AF76;

	background-color: #E6E3CF;

}

.innerinputlabel{

	background-color: #EEECDD;

	border-left:1px solid #B8AF76;

	border-right:1px solid #B8AF76;

}

.helpcol{

	border-right:1px solid #B8AF76;

	background-color: #EEECDD;

}

button {

	cursor: pointer;

}

button img {

	vertical-align: middle; 

	padding-left: 5px;

}

* html .bar button {

	width: 110px;

}

.btnrow {

	text-align:center;

	padding:10px 0px 15px 5px;

	border-top:2px solid #807559;

}

.btnrow a {

	text-decoration: none;

}

.btn {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:14px;

	padding:3px;	

}

.calcdescription{

	font-size:12px;

	line-height:17px;

	padding-bottom:3px;

	position:relative;

	display: none;

}

.formproper{

	clear:left;

}

/*tables---------------------------*/

table{

/*	width: 400px;*/

}

.inputtablewrapper{

	text-align:center;

}

.inputfieldstable {

	text-align: right;

}

/* IE hack. IE can't understand this one, so it will use the width above.

   All other browsers will use this one. */

html > body .inputfieldstable {

	width: 100%;

}



.calcoutputtable{

	text-align: center;

	background: white;

	/*

	border-color: #CCCCCC;

	border-width: 1px;

	border-style: solid;

	border-collapse: collapse;

	*/

	padding: 0px;

}

/* IE hack. IE can't understand this one, so it will use the width above.

   All other browsers will use this one. */

html > body .calcoutputtable {

	width: 100%;

}

.calcoutputtable td{

	text-align: center;

	vertical-align: middle;

	font-size:1em;

	font-weight: normal;

	color:#333333;

}



/* "simpletable" is passed in as the value of the calcxmlRequest->dataTable->cssClassName

 element for all of the sample calcs. All the data tables that are returned as part of the

 response will be tagged as <table class="simpletable"> */

.simpletable {

	background: white;

	border-color: #CCCCCC;

	border-width: 1px;

	border-style: solid;

	border-collapse: collapse;

	padding: 0px;

}

/* IE hack. IE can't understand this one, so it will use the width above.

   All other browsers will use this one. */

html > body .simpletable {

	width: 100%;

	border:1px solid #DEDBC0;

}

.simpletable th{

	text-align: right;

	vertical-align: bottom;

	border-top:1px solid #DEDBC0;

	border-bottom:1px solid #DEDBC0;

	border-right:1px solid #DEDBC0;

	background:#7F7458 url(http://www.calcxml.com/images/50/labelcolbg.gif) repeat-x top left;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

	color:#FFFFFF;

	padding:5px;

}

.simpletable td{

	text-align: right;

	vertical-align: middle;

	border-right:1px solid #DEDBC0;

	border-left:1px solid #DEDBC0;

	font-size:1em;

	font-weight: normal;

	color:#333333;

	padding:5px;

}



.simpletable td.tdcenter {

	text-align: center;

}



.simpletable td.redbold {

	font-weight: bold;

	color:red;

}



.simpletable td.greenbold {

	font-weight: bold;

	color:#8CC718;

}



.relevantlinkstable {

	background: white;

	border-color: #CCCCCC;

	border-width: 1px;

	border-style: solid;

	border-collapse: collapse;

	padding: 0px;

}

/* IE hack. IE can't understand this one, so it will use the width above.

   All other browsers will use this one. */

html > body .relevantlinkstable {

	width: 100%;

	border:1px solid #DEDBC0;

}

.relevantlinkstable th{

	text-align: left;

	vertical-align: bottom;

	border-top:1px solid #DEDBC0;

	border-bottom:1px solid #DEDBC0;

	border-right:1px solid #DEDBC0;

	background:#7F7458 url(http://www.calcxml.com/images/50/labelcolbg.gif) repeat-x top left;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

	color:#FFFFFF;

	padding:5px;

}

.relevantlinkstable td{

	text-align: left;

	vertical-align: middle;

	border-right:1px solid #DEDBC0;

	border-left:1px solid #DEDBC0;

	font-size:1em;

	font-weight: normal;

	color:#333333;

	padding:5px;

}



.relevantlinkstable td.tdcenter {

	text-align: center;

}



.relevantlinkstable td.redbold {

	font-weight: bold;

	color:red;

}



.relevantlinkstable td.greenbold {

	font-weight: bold;

	color:#8CC718;

}



/* The centernowidthtable is used only in inv08 sample calculator. */

.centernowidthtable {

	background: white;

	border-color: #CCCCCC;

	border-width: 1px;

	border-style: solid;

	border-collapse: collapse;

	padding: 0px;

}

.centernowidthtable th{

	text-align: center;

	vertical-align: bottom;

	border-top:1px solid #DEDBC0;

	border-bottom:1px solid #DEDBC0;

	border-right:1px solid #DEDBC0;

	background:#7F7458 url(http://www.calcxml.com/images/50/labelcolbg.gif) repeat-x top left;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

	color:#FFFFFF;

	padding:5px;

}

.centernowidthtable td{

	text-align: center;

	vertical-align: middle;

	border-right:1px solid #DEDBC0;

	border-left:1px solid #DEDBC0;

	font-size:1em;

	font-weight: normal;

	color:#333333;

	padding:1px;

}

.centernowidthtable td.tdcenter {

	text-align: center;

}

.inputtable td{

	font-size:12px;

	line-height:17px;

	color:#333333;

	text-align:left;

	padding:5px;

	border-top:1px solid #DEDBC0;

}

th{

	margin-bottom:10px;

}

.articletable {

	border-left:1px solid #B8AF76;

	border-right:1px solid #B8AF76;

	border-top:1px solid #DEDBC0;

	border-bottom:1px solid #B8AF76;				

}

.articletable td{

	font-size:12px;

	line-height:18px;

	color:#333333;

	text-align:left;

	padding:5px;

	border-top:1px solid #DEDBC0;

}

.articletable th{

	text-align:center;

	padding:5px;

	background:#b4b4b4 url(http://www.calcxml.com/images/articleheaderbg.gif) repeat-x top left;

	border-bottom:1px solid #B8AF76;				

	font-size:16px;

	color:#886600;

}

.creditdetailtable {

	background: white;

	border-color: #CCCCCC;

	border-width: 1px;

	border-style: solid;

	border-collapse: collapse;

	padding: 0px;

	width: 340px;

	margin-left:auto;

	margin-right:auto;

}

.creditdetailtable th{

	text-align: right;

	vertical-align: bottom;

	border-top:1px solid #DEDBC0;

	border-bottom:1px solid #DEDBC0;

	border-right:1px solid #DEDBC0;

	background:#7F7458 url(http://www.calcxml.com/images/50/labelcolbg.gif) repeat-x top left;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

	color:#FFFFFF;

	padding:5px;

}

.creditdetailtable td{

	text-align: right;

	vertical-align: middle;

	border-right:1px solid #DEDBC0;

	border-left:1px solid #DEDBC0;

	font-size:1em;

	font-weight: normal;

	color:#333333;

	padding:5px;

}

.scorerangetable {

	padding:0px 5px 20px 10px;	

	border-bottom:1px dotted #807559;

}

.scorerangetable td{

	padding:5px;	

}

.scorerangetable td.score{

	white-space: nowrap;

	font-weight: bold;

}



/*images---------------------------*/

.image1{

	display:none;

}

.image2{

	display:none;

}

.centerimg {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.helpimg{

	border:none;

}

.poweredbyimg{

	display:inline;

	border:none;

}

.poweredbyimg2{

	display:none;

}

.howdoicompareimg{

	display:inline;

	border:none;

}

.scorerange {

	color: #807C59; 

	margin:0;

	padding:5px;

	font-size: 17px;

	font-weight: bold;	

	text-align: center;

}



/*Flash charting options-----------

 * Putting width and height params here causes pdf output to use them as well.

 * We don't want this. For now, not going to put width and height in here. If

 * we end up needing to, will need to find a way to make pdf output still work

 * properly.

 *		width: #500;

 *		height: #300;

*/



.chartoptions{

	background:#FFFFFF;

	border:1px #B8AF76;

	palette: #2;

	threeD: #1;

}



/*Relevant links-----------*/

.relevantlinks{

	display:inline;

}



.inputhelp {

	font-size: 11px;

	color: #888888;

}