html,body{height:100%;}

body {
    margin: 0;
    padding: 0;
	/*width: 723px;*/
	width: 580px;
    font-family: "Segoe UI","Gill Sans",Helvetica,verdana,sans-seriff;
    font-size: 11px;
    line-height: 16px;
    color: #000;
}
#containapp {
	margin:0 auto;
	/*width:600px;*/
	/*width: 723px;*/
	width: 580px;
	min-height: 400px;
	/*background: url(img/img-robotCalculator.png) 0px 60px no-repeat;*/
	background: #033
	display: block;
}
#main {
	padding: 0px;
}
#primaryapppanel {
	clear: both;
}	 	 
#header {
	margin: 0px;
	display: none;
}
#formwrapper{
	/*background:#fff;*/
	float: right;
	/*width: 495px;*/
	padding:0px;
}
#formtitle {
	/*margin: 0px;*/

}
#formcontent{
	/*background:#fff;*/
	/*margin:10px 10px 0px 10px;*/
	margin:0px;
	padding:0px;
}
#fieldset {	
	/*text-align:center;
	padding:5px;
	margin:0px 0px 0px 0px;*/
	margin: 0;
}	
fieldset{
	/*text-align:center;
	border:none;
	padding:10px 0px 0px 0px;
	margin:0px;*/
	padding: 0;
	margin: 0;
}
#calcoutput {
	padding:0px 0px 0px 0px;
	margin:0px 0px;
}	
h2.results{
	padding:75px 0px 10px 0px;
	margin:0px 0px;
	/*background:url(/images/resultsarrow.gif) no-repeat top center;*/
}
#disclaimer {
	padding:5px;
	margin:10px 0px 10px 0px;
	color:#999999;
	font-size:10px;
}	
#poweredby {
	border: none;
	padding:5px;
	margin:10px 0px 10px 0px;
}	

/*----------------headers----------------*/
#formtitle h2 {
	color: #10438C;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 10px;
}
#fieldset h2 {
	font-size: 18px;
	margin: 15px;
}
#calcoutput h2 {
	font-size: 20px;
	font-weight: bold;
    color: #485867;
}
 h2 {
	font-size: 18px;
	font-weight: bold;
	color: #146988;
    font-size: 20px;
    color: #485867;
}

/*----------------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;
}	
.tabletop {
	/*background:#FFFFFF;*/
}
.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	
	padding: 5px 0;			
	font-size:15px;
	background:#9A74C7;
	color:#6E97B3;
    font-size:16px;
    font-family: "Segoe UI" , "Gill Sans" ,Helvetica,verdana,sans-serif;*/

    color: #6E97B3;
    display: block;
    font-size: 16px;
    height: 100%;
    padding-bottom: 3px;
    padding-top: 15px;
    vertical-align: bottom;
    font-family: "Segoe UI" , "Gill Sans" ,Helvetica,verdana,sans-serif;
    font-weight:normal;

}
.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;*/
	width: 250px;
}
.inputcol{
	/*border-left:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
	background-color: #e6e6e6;*/
	width: 185px;
}
.inputcol input{
    background-color: #FAFAFA;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    font-size: 12px;
    margin: 4px 1px;
    outline: 0 none;
    padding: 1px 5px;
    text-align: left;
    vertical-align: middle;
    width:171px;
    height:30px;


}
.inputcol select{
    color: #000000;
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    margin: 4px 0 3px;
    outline: 0 none;
    padding: 7px 4px 4px;
    text-align: left;
    vertical-align: middle;
    width: 100%;

}
.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;*/
	width: 47px;
}
button {
	cursor: pointer;
}
button img {
	vertical-align: middle; 
	padding-left: 5px;
}
* html .bar button {
	width: 110px;
}
.inputtable {
	/*border-bottom:2px solid #9A74C7;*/
}
.btnrow {
	text-align:center;
	padding:10px 0px 15px 0px;
	/*background-color: #ffffff;*/
}
.btnrow a {
	text-decoration: none;
}
/*.btn {
	background-color:#CCCC66;
	border:1px solid #BFBF40;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	overflow:visible;
	padding:3px 6px;
	text-transform:uppercase;
	vertical-align:top;
}*/

.btn {
    font-size: 12px;
	font-weight: bold;
    color: #FFF;
    padding: 5px 20px;
    background: #10438C;
    text-decoration: none;
    border: 1px;
    border-radius:4px;
    font-family: "Segoe UI","Gill Sans",Helvetica,verdana,sans-seriff;
}

.resetbtn {
    background: url("img/bullet-orange.gif") no-repeat 0 16px;
	/*background-color:#939393;
	border:1px solid #818181;
	color:#FFFFFF;*/
	cursor:pointer;
	/*font-family:Verdana;*/
	font-size:12px;
	color: #6E97B3;
	/*font-weight:bold;*/
	overflow:visible;
	padding:5px 10px;
	/*text-transform:uppercase;*/
	border: none;
	margin-left: 32px;
}
.editbtn {
	/*background-color:#939393;
	border:1px solid #818181;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	overflow:visible;
	padding:3px 6px;
	text-transform:uppercase;
	vertical-align:top;*/
	
    font-size: 14px;
	font-weight: bold;
    color: #FFF;
    padding: 10px 22px 10px 22px;
    background: url("img/bg-btn.gif") repeat-x bottom #28c0e7;
    text-decoration: none;
    border: 0;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 1px 3px 3px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 1px 3px 3px rgba(50, 50, 50, 0.35);
    box-shadow: 1px 3px 3px rgba(50, 50, 50, 0.35);
}
.calcdescription{
	/*display: none;*/
	font-size:11px;
	line-height:17px;
	padding-bottom:3px;
	position:relative;
    padding:10px;
}
.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: left;
    padding:10px;
}
.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;
	margin: 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: 490px;*/
	width: 100%;
}
.calcoutputtable td{
	/*text-align: center;*/
	vertical-align: middle;
	font-size:12px;
	font-weight: normal;
	/*color:#000000;*/
}

/* "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: #9F9F9F;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	padding: 0px;*/
    /*width: 100%;*/
	width: 488px;
    border-collapse: collapse;
    border: 0;
    margin: 0 0 40px 0;
    padding: 0;
    clear: both;
}
/* 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%;
	/*width: 488px;*/
}
.simpletable th{
	/*text-align: right;
	vertical-align: bottom;
	border-top:1px solid #9F9F9F;
	border-bottom:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
	background:#9A74C7;
	font-size:11px;
	font-weight: normal;
	color:#FFFFFF;
	padding:5px;*/
	text-align: right;
    color: #4a5865;
    font-size: 14px;
    padding: 13px 18px;
    vertical-align: middle;
    border-right: 1px solid #bac7cf;
    border-bottom: 1px solid #c8cdd1;
    background: url("img/bg-table-fade.png") repeat-y right top #edf7f9;
}
.simpletable td{
	/*text-align: right;
	vertical-align: middle;
	border-right:1px solid #9F9F9F;
	font-size:12px;
	font-weight: normal;
	color:#000000;
	padding:5px;*/
	text-align: right;
    border: 1px solid #c8cdd1;
    border-width: 0 1px 1px 1px;
    vertical-align: top;
    padding: 13px 18px;
    background: url("img/bg-table-fade.png") repeat-y right top;}

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

.inputtable td{
	font-size:11px;
	line-height:16px;
	color:#000;
	text-align:left;
	padding:5px 0;
	/*border-top:1px solid #DFDFDF;*/
}
.inputtable th{
	text-align:left !important;
	/*padding-top: 30px;*/
}
th{
	margin-bottom:10px;
}
.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 #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:#9A74C7;
	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:inline;
	border:none;
}
.poweredbyimg2{
	display:none;
}
.calcoutputtable td.resultHeader {
	/*text-align:left;
	color: gray;
	font-size: 14px;
	font-weight: bold;
	background: url(http://www.rocketwebdesign.com/content/image/calcxml/whitebar.png);
	padding:6px 3px 6px 3px;*/
	padding: 5px 0;			
	font-size:15px;
	font-weight: bold;
	color:#485867;
	text-align: left;
}
.calcoutputtable td.resultDescription{
	text-align:left;
	font-size:13px;
	line-height:17px;
	color:#485867;
	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;}