body {
	background: #EFE7DC;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0 0 0px;
}
#containapp {
	margin:0 auto;
	width:600px;
	background: #EFE7DC;
}
#main {
	padding: 0px;
}
#primaryapppanel {
	clear: both;
}	 	 
#header {
	margin: 0px;
}
#formwrapper{
	background:#EFE7DC;
	padding:0px;
}
#formtitle {
	margin: 0px;
}
#formcontent{
	background:#EFE7DC;
	margin:10px 10px 0px 10px;
	padding:0px;
}
#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:5px 0px 10px 0px;
	margin:0px 0px;
}
#disclaimer {
	padding:5px;
	margin:10px 0px 10px 0px;
	color:#767676;
	font-size:10px;
}	
#poweredby {
	border: none;
	padding:5px;
	margin:10px 0px 10px 0px;
}	

/*----------------headers----------------*/
#formtitle h2 {
	color: #4E6D9A; 
	margin:0;
	padding:5px 5px 5px 10px;	
	font-size: 15px;
	border-bottom: 0px;
	font-weight: bold;	
}
#fieldset h2 {
	font-size: 15px;
	margin: 15px;
}
#calcoutput h2 {
	font-size: 15px;
	font-weight: bold;
	color: #4E6D9A;
}
 h2 {
	font-size: 18px;
	font-weight: bold;
	color: #146988;
}

/*----------------form elements----------------*/
form{
	text-align:center;
	margin:0px;
	padding:0px; 
}
input, select, textarea {
	color: #1E354E;
	font-size: 12px;
}	
label {
	font-weight: bold;
	font-size: 11px;
}	
.labelcol {
	text-align:center;
	padding:5px;
	border-left:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
	border-top:1px solid #9F9F9F;
	border-bottom:1px solid #9F9F9F;				
	font-size:15px;
	background:#4E6D9A;
	color:#FFFFFF;
}
.labelcol b{
	font-weight:bold;
	font-size:14px;
	background:#DFDFDF;	
	border:1px solid #BFBFBF;
	padding:3px 6px 3px 6px;
}
.labelcol2 {
	text-align: right;
	color: #E8264D;
}
.inputlabel{
	border-left:1px solid #9F9F9F;
	background-color: #f3f3f3;
}
.inputcol{
	border-left:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
	background-color: #e6e6e6;
}
.innerinputtable{
	border-top:1px solid #9F9F9F;
	border-bottom:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
	background-color: #F3F3F3;
	border-collapse: collapse;
}
.innerinputcolheader{
	border-left:1px solid #9F9F9F;
	background-color: #F3F3F3;
}
.innerinputcol{
	border-left:1px solid #9F9F9F;
	background-color: #E6E6E6;
}
.innerinputlabel{
	background-color: #F3F3F3;
	border-left:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
}
.helpcol{
	border-right:1px solid #9F9F9F;
	background-color: #f3f3f3;
}
button {
	cursor: pointer;
}
button img {
	vertical-align: middle; 
	padding-left: 5px;
}
* html .bar button {
	width: 110px;
}
.inputtable {
	border-bottom:2px solid #4E6D9A;
}
.btnrow {
	text-align:center;
	padding:10px 0px 15px 5px;
	background-color: #EFE7DC;
}
.btnrow a {
	text-decoration: none;
}
.btn{margin-left:3px;
	font-weight:bold;
	font-size:14px;
	padding:3px;	
}
.calcdescription{
	font-size:13px;
	line-height:17px;
	padding-bottom:3px;
	position:relative;
}
.formproper{
	clear:left;
}
/*----------------tables----------------*/
table{
/* The width specified here, either px or %, affects not only the input fields table
   width, but the width of the popup help text. Decided to leave it commented out
   for now.
	width: 100%;
*/
}
.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: #EFE7DC;
	/*
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	*/
	padding: 0px;
	margin: 1px;
}
/* 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:#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: #F3F3F3;
	border-color: #9F9F9F;
	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 #9F9F9F;
	border-bottom:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
	background:#4E6D9A;
	font-size:12px;
	font-weight: normal;
	color:#FFFFFF;
	padding:5px;
}
.simpletable td{
	text-align: right;
	vertical-align: middle;
	border-right:1px solid #9F9F9F;
	font-size:12px;
	font-weight: normal;
	color:#333333;
	padding:5px;
}

.simpletable td.tdcenter {
	text-align: center;
}

.inputtable td{
	font-size:12px;
	line-height:17px;
	color:#333333;
	text-align:left;
	padding:5px;
	border-top:1px solid #DFDFDF;
}
th{
	margin-bottom:10px;
}
.relevantlinkstable {
	background: #F3F3F3;
	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 #9F9F9F;
}
.relevantlinkstable th{
	text-align: left;
	vertical-align: bottom;
	border-top:1px solid #9F9F9F;
	border-bottom:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
	background:#4E6D9A;
	font-size:13px;
	font-weight: bold;
	color:#FFFFFF;
	padding:5px;
}
.relevantlinkstable td{
	text-align: left;
	vertical-align: middle;
	border-right:1px solid #9F9F9F;
	border-left:1px solid #9F9F9F;
	font-size:12px;
	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;
}

/*----------------images----------------*/
.image1{
	display:none;
}
.image2{
	display:none;
}
.logoimg{
	display:none;
}
.helpimg{
	border:none;
}
.poweredbyimg{vertical-align:middle;
	display:none;
}
.poweredbyimg2{vertical-align:middle;
	display:inline;
	border: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;}
.poweredbylink2 a {text-decoration:none;}
.poweredbylink2 a:link {text-decoration: none; color: #088ABE; font-family: verdana; font-size: 10px;}
.poweredbylink2 a:visited {text-decoration: none; color: #088ABE; font-family: verdana; font-size: 10px;}
.poweredbylink2 a:active {text-decoration: none; color: #088ABE; font-family: verdana; font-size: 10px;}
.poweredbylink2 a:hover {text-decoration: none; color: #777; font-family: verdana; font-size: 10px;}.poweredbylink{display:none;}