body {
	background: #DCDCDC;
	margin: 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}
#containapp {
	margin: 0 15px;
}
#main {
	margin: 15px 0;
	padding: 1px;
}
#primaryapppanel {
	clear: both;
}	 	 
#formwrapper{
	background:#fff;
	padding:0px;
	width:100%;
	border: 1px solid #0066CC;
	margin-top: 0px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: -1px;
}
#formtitle {
	margin: 0px;
	background-color: #000066;
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
}
#formcontent{
	background:#fff;
	margin:10px 10px 0px 10px;
	padding:0px;
	color:#000066;
}
#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:80px 0px 10px 0px;
	margin:0px 0px;
	background:url(/images/resultsarrow.gif) no-repeat top center;
}
#disclaimer {
	border: 1px solid #C1C1C1;
	padding:5px;
	margin:10px 0px 10px 0px;
	color:gray;
	font-size:10px;
}	
#poweredby {
	border: none;
	padding:5px;
	margin:10px 0px 10px 0px;
}	

/*headers--------------------------*/
#formtitle h2 {
	color: #fff; 
	margin:0;
	padding:5px 5px 5px 15px;	
	font-size: 18px;
	border-bottom: 0px;
	white-space: nowrap;
	font-weight: normal;	
}
#fieldset h2 {
	font-size: 12px;
	margin: 15px;
}
#calcoutput h2 {
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
}
 h2 {
	font-size: 18px;
	font-weight: bold;
	color: #146988;
}

/*form elements-----------------------*/
form{
	text-align:center;
	margin:0px;
	padding:0px; 
	color: #000066;
}
input, select, textarea {
	color: #000066;
	font-size: 12px;
}	
label {
	font-weight: bold;
	font-size: 11px;
}	
.labelcol {
	color: #FFFFFF;
	text-align:center;
	padding:5px;
	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #9F9F9F;
	font-size:16px;
	background-color: #b4b4b4;
	background-image: url(/images/labelcolbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.labelcol b{
	font-weight:bold;
	font-size:14px;
	background:#DFDFDF;	
	border:1px solid #BFBFBF;
	padding:3px 6px 3px 6px;
}
.labelcol2 {
	text-align: right;
	color: #FF6600;
}
.rsilabelcol {
	white-space: nowrap;
	text-align: right;
}
.inputlabel{
}
.innerinputlabel{
}
.helpcol{
	
}
button {
	cursor: pointer;
}
button img {
	vertical-align: middle;
}
* html .bar button {
	width: 110px;
}
.btnrow {
}
.btnrow a {
	text-decoration: none;
}
.btn{margin-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	padding:3px;	
}
.calcdescription{
	font-size:14px;
	line-height:16px;
	padding-bottom:3px;
	position:relative;
}
.formproper{
	clear:left;
}
/*tables---------------------------*/
table{

}
.inputtablewrapper{
	text-align:center;
	border: 1px solid #666666;
}
.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:12px;
	font-weight: normal;
	color:#000066;
}

/* "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%;
}
.simpletable th{
	text-align: right;
	vertical-align: bottom;
	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
	background:#b4b4b4 url(/images/labelcolbg.gif) repeat-x top left;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000066;
	padding:5px;
}
.simpletable td{
	text-align: right;
	vertical-align: middle;

	font-size:12px;
	font-weight: normal;
	color:#000066;
	padding:5px;
}
.button {
	padding: 10px;
}

.simpletable td.tdcenter {
	text-align: center;
}

/* 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 #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	font-family: helvetica;
	font-weight: bold;
	color: #457cd8;
}
.centernowidthtable td{
	text-align: center;
	vertical-align: middle;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	font-weight: normal;
	color: #457cd8;
}
.centernowidthtable td.tdcenter {
	text-align: center;
}
.inputtable td{
	font-size:12px;
	line-height:18px;
	color:#000066;
	text-align:left;
	padding:5px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #DFDFDF;
}
th{
	margin-bottom:10px;
}
.articletable {
	border: 1px solid #9F9F9F;
}
.articletable td{
	font-size:12px;
	line-height:18px;
	color:#000000;
	text-align:left;
	padding:5px;
	border-top:1px solid #DFDFDF;
}
.articletable th{
	text-align:center;
	padding:5px;
	background:#b4b4b4 url(/images/articleheaderbg.gif) repeat-x top left;
	border-bottom:1px solid #9F9F9F;				
	font-size:16px;
	color:#FF6600;
}

/*images---------------------------*/
.image1{
	display:none;
}
.image2{
	display:none;
}
.helpimg{
	border:none;
}
.poweredbyimg{vertical-align:middle;
	display:inline;
	border:none;
}
.poweredbyimg2{
	display:none;
}
.calcoutputtable td.resultHeader {text-align:left;color: gray;font-size: 14px;font-weight: bold;background: url(http://www.calcxml.com/images/whitebar.png);	padding:6px 3px 6px 3px;}
.calcoutputtable td.resultDescription{text-align:left;}
.calcoutputtable td.resultChart{}
.calcoutputtable td.resultDisplayTable{}
.calcoutputtable td.resultDataTable{}
.calcoutputtable td.resultRelatedStuff{text-align:left;}
.poweredbylink a {text-decoration:none;}
.poweredbylink a:link {text-decoration: none; color: #088ABE; font-family: verdana; font-size: 10px;}
.poweredbylink a:visited {text-decoration: none; color: #088ABE; font-family: verdana; font-size: 10px;}
.poweredbylink a:active {text-decoration: none; color: #088ABE; font-family: verdana; font-size: 10px;}
.poweredbylink a:hover {text-decoration: none; color: #777; font-family: verdana; font-size: 10px;}.poweredbylink2{display:none;}   
