	/* -------------------- 
		start calcRoundedBox 
	-------------------- */

	dl.calcRoundedBox {
		width: 380px; 
		background-image: url(toolRoundedBottom.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;			
		margin-top:0px; 
	}


	dl.calcRoundedBox, dl.calcRoundedBox dt, dl.calcRoundedBox dd, 
 	{
		margin: 0;
		padding: 0;
	}


	dl.calcRoundedBox {
		padding-bottom: 10px;
	}


	dl.calcRoundedBox dt {
		height: 24px;
		background-image: url(toolRoundedTop.jpg);
		background-repeat: no-repeat;
		background-position: top left;		
		font-size: .9em;
		font-weight: bold;
		line-height: 24px; /* Fixes the 1pixel gap in IE6 was 2.54em */
		text-align: left;
		padding-left: 10px;
	}


	dl.calcRoundedBox dd {
		width: 380px;
		background-image: url(middle.gif);
		background-position: center left;
		margin-left: -.01px;
		margin-bottom:0px;
		padding: 1px;
		margin-top: 0;
		padding-bottom: 15px;

	}

	/* ------------------ 
		end calcRoundedBox 
	------------------ */


	.fc_title_font {
	   color: #000000;
	   text-decoration: none;
	   font-weight: bold;
	   font-size: 18px;
	   font-family: verdana, arial, helvetica, century gothic;
	}

	input.textField, .fc_label_font {
	   color: #000000;
	   text-decoration: none;
	   font-weight: normal;
	   font-size: 11px;
	   font-family: verdana, arial, helvetica, century gothic;
	}


	.fc_paragraph_font {
	   color: #000000;
	   text-decoration: none;
	   font-size: 11px;
	   font-family: verdana, arial,  helvetica, century gothic;
	}

	.fc_sectionhead_font {
	   color: #000000;
	   text-decoration: none;
	   font-weight: bold;
	   font-size: 11px;
	   font-family: verdana, arial,  helvetica, century gothic;
	}

	.fc_tablehead_font {
	   color: #000000;
	   text-decoration: none;
	   font-weight: normal;
	   font-size: 9px;
	   font-family: verdana, arial,  helvetica, century gothic;
	}

	.fc_tablebody_font {
	   color: #000000;
	   text-decoration: none;
	   font-size: 9px;
	   font-family: verdana, arial,  helvetica, century gothic;
	}

	.fc_topic_selected_font {
	   color: #000000;
	   text-decoration: none;
	   font-size: 12px;
	   font-weight: bold;
	   font-family: verdana, arial,  helvetica, century gothic;
	}

	.fc_topic_unselected_font {
	   color: #000000;
	   text-decoration: underline;
	   font-weight: bold;
	   font-size: 12px;
	   font-family: verdana, arial, helvetica, century gothic;
	}

	span.columnTextLabelText {
		font-weight: bold;
	}
	
	span.fc_tablehead_font {
		font-weight: bold;
	}

	table.tableContentnonScrollable {
		margin-left:10px;
	}

	table.tableContentnonScrollable, table.tableContentscrollable  {
		border-left:1px solid #999999; 	
		border-right:1px solid #999999; 
		margin-left:10px;
	}
	
	table.tableContentnonScrollable th, table.tableContentnonScrollable td,
	table.tableContentscrollable th, table.tableContentscrollable td  {
		text-align: left;
		
	}
	
	
	a.inlineLink {
		padding-right:20px;
		background-image: url(help.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;

	}

	#errorTable, #messageTable {
		margin-left:0px;
		padding-top:5px;
		width:378px;
		border-width:0;
		border-style: solid;
		border-color: #ffffe9;
		background-color: #ffffe9;
		font-size: 10px;
	   	font-family: verdana, arial, helvetica, century gothic;

	}

	.errorTableCell {
		padding-left:30px;
		background-image: url(alert.gif);
		background-repeat: no-repeat;
		background-position: 1px 10px;		
	}


	.errorTableCell .fc_paragraph_font {
		color: #D4001A;
	}




	.grandTotal, .highlightRow {

		background-color: #c8daf4; 
		font-weight: bold;
		height:25px;
		m-top: 20px;
	}

	.grandTotal .fc_label_font, .highlightRow .fc_label_font{
		font-weight: bold;
		color: #3366cc;
	}

 
	.grandTotal .fc_paragraph_font, .highlightRow .fc_paragraph_font {
		font-weight: bold;
		color: #3366cc;
	}


	div.graphDescriptionSpan {
		display:inline;
		width: 376px;
	}

	div.graphDescriptionSpan div.rowDiv  {
		padding-left:5px;

	}

	.outputFieldCell {
		text-align:left;
	}   

	#transformContent {
		width:374px;

	}

	#graphsdiv, #inputsdiv, #resultsdiv, #tablesdiv, #tablescontroldiv, #buttondiv {
		border:0px solid black;
		width:378px;
		margin-left:0px;
		position: relative;
		left:0px;

	}

	#inputsdiv {
		margin-bottom: 50px;
		
	}
	
	input.textField {
		background-color: #f2f2f2;
		border-top-color: #86A2BB;
		border-left-color: #86A2BB;
		border-right-color: #D9D9D9;
		border-bottom-color: #D9D9D9;
	}
	
	input.textField:hover {
		background-color: #FEE0A3;
	}

	
	#resultsdiv {
		margin-bottom: 35px;
	}

	#graphsdiv  {
		padding-top:10px;
		position: relative; top:27; left:0;
		border:0px solid red;
		padding-bottom:30px;
				
	} 
	
	#graphsdiv span.fc_paragraph_font {
		font-size: 12px;
	}

	#tablesdiv  {
		position: relative; top:27; left:0;
		overflow-x:  auto;
		border:0px solid yellow;
		padding-bottom:60px;
		
	}
	
	form.helpPage #transformContent {
		margin:10px;
		width:360px;
	
	}
	
	
	#tablescontroldiv {
		postion: relative;
		top:-5px;
		width: 245px;
		left:63px;
	}

	#buttondiv {
		border:0px solid black;
		height:1px;
	}

	#tabControldiv {
		border:0px solid black;
		width:378px;
		margin-top:0px;
		margin-left:0px;
		
	}

	div.tablesVisible {
		background: url(tables_on_tabs.jpg) top left no-repeat; 
	}
	
	div.graphsVisible {
		background: url(graphs_on_tabs.jpg) top left no-repeat; 
	}
	

	form.initialPage div.ctaBtn {
		float: right;
		margin-right:20px;
		width:90px; 
		position: relative;
		top: -15px;
	}

	form.resultsPage div.ctaBtn {
		float: right;
		margin-right:20px;
		width:100px; 
		position: absolute;
		
	}

	
	#changeTableSize {
	
		margin-top:20px;
	
	}
	
	#helpPageAnchor, #changeTableAnchor, #printLinkAnchor {
	
	   color: #3366cc;
	   text-decoration: none;
	   font-size: 11px;
	   font-family: verdana, arial,  helvetica, century gothic;
	
	}
	
	#printLink {
		margin-left:10px;
		padding-left:20px;
		margin-bottom: 10px;
		background-image: url(printer.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height:20px;
	
	}	
	
	#helpLabel {
		font-size: 11px;
	  	font-family: verdana, arial,  helvetica, century gothic;	
	   	font-weight: bold;
	   	width:100%;
	   	background-image: url(helpHeader.jpg);
	   	background-position: top left;
		background-repeat: repeat-x;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:0px;
		margin:0;
		
	}
	
	#helpContent {
		font-size: 11px;
		font-family: verdana, arial,  helvetica, century gothic;
		width:95%;
		margin:20px;
	}
	
	#helpFooter {
		border:0px solid green;
		background-image: url(mhd_reg_logo.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
		width:100%;
		padding-top:40px;
	
	}
	
	
/* PRINT VIEW */

	#printView {
		background-image: url(mhd_reg_logo.gif);
		background-repeat: no-repeat;
		background-position: top 25px;
		width:100%;
		
		margin:0px;
		padding-top:60px;
		text-align:left;
	}
	

	#printView #calcTitle {
		width:600px;
		text-align:left;
		padding-bottom:30px;
		padding-left: 25px;
	}
	
	#printView #transformContent {
		width: 625px;
		border:1px solid black;
	}


	#printView #resultsdiv,  #printView #graphsdiv, #printView #tablesdiv { 
		width:625px;
		padding:0px;
		text-align:left;
		
	
	}
	
	#printView #resultsdiv {
		margin-bottom: 0px;
		padding-bottom: 40px;
	
	}
	
	#printView table.fieldLayoutTable {
		width: 376px;
		margin-left:122px;
	}
	

	#printView #graphsdiv {
		margin-top: -50px;
		border-top:1px solid black;
		padding-bottom: 20px;

	}
	
	
	#printView #graphsdiv table {
		width: 376px;
	}
	
	#printView #graphsdiv tr.fieldRow {
		width:376px;
	}

	#printView #graphsdiv div.divHeadernonScrollable {
		margin-top: 20px;
	}
		
	#printView #graphsdiv div.graphDescriptionSpan div.rowDiv {
		margin-left:122px;
		margin-bottom:20px;

	}

		
	#printView #graphsdiv div.graphDescriptionSpan div.rowDiv span {
		width:376px;

	}
	
	#printView #graphsdiv div.graphDescriptionSpan table.glossaryLayoutTable {
		width:376px%;
	}
		
	#printView #tablesdiv {

		border-top:1px solid black;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}

	
	#printView #tablesdiv table {
		width: 376px;
	}
	
	#printView #tablesdiv tr.fieldRow {
		width:376px;
	}

	#printView #tablesdiv div.divHeaderscrollable {
		margin-top: 20px;
	}
	
	#printView div.printHeader {
		background-color: #C8DAF4;
		font-weight: bold;
		font-size: 11px;
		font-family: verdana, arial,  helvetica, century gothic;
		height: 35px;
		width: 100%;
		text-align: left;
		padding-top:10px;

	}
	
	#printView div.printHeader span.printHeader {
		margin-left:10px;
	}
	
	#printView a.fieldLink {
		visibility:hidden;
	}
	
	#printView a.inlineLink {
		background-image:none;
		text-decoration: none;
		color: #000000;
		padding-right:0px;
	}	
	#printView tr.grandTotal {

		background-color: #ffffff; 
		height:25px;
		border:1px solid black;
	}	
		
	#printView  tr.grandTotal span.fc_label_font {
		font-weight: bold;
		color: #000000;
	}

 
	#printView tr.grandTotal span.fc_paragraph_font {
		font-weight: bold;
		color: #000000;
	}
	
	#printView tr.grandTotal table.fieldRowTable {
	
		border-top:1px solid black;
	}
	


	
/* BUTTONS */
	
	
	div.ctaBtn{
		position: relative;
		float: left;
		height: 20px;
		margin: 0px 20px 0px 0px;
		padding: 0px 18px;
		background-image: url(ctaBtn_bg.gif);
		background-repeat: repeat-x;
		cursor: pointer;
		text-align: center;
		line-height: 16px;
		font-weight: bold;
		text-transform: uppercase;
		font-family:Verdana,Arial,sans-serif;
		font-size:10px;
		color: #fff;
		z-index: 620;
	}
	
	div.ctaBtn a:link, div.ctaBtn a:active, div.ctaBtn a:visited{
		position: relative;
		white-space: nowrap;
		color: #fff;
		text-decoration: none;
	}
	
	div.ctaBtn:hover a, div.ctaBtn a:hover{
		color: #c7d2dc;
		text-decoration: none;
	}
	
	div.ctaBtn img.ctaBtn_lft, div.ctaBtn img.ctaBtn_rt{
		position: absolute;
		top: 0px;
		margin: 0px;
	}
	
	div.ctaBtn img.ctaBtn_lft{
		left: 0px;
	}
	
	div.ctaBtn img.ctaBtn_rt{
		right: -3px;
	}

