/* ====================
=== GENERAL ===========
==================== */

body	{
	margin:0;
	padding:0;
	border:0;
	width:100%;
	background: url(../../../Images/DSR/calculator_site/pagebg.jpg) repeat-x;
	min-width:600px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}


/* ====================
=== HEADER ============
==================== */

#Header	{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	line-height:0px;
	background: url(../../../Images/DSR/calculator_site/headermiddle.jpg) repeat-x;
	height: 105px;
}

#ContentContainer	{ 
	clear:both; 
	z-index: 10;
	position: relative;
	margin-top: -67px;
}

html>body #ContentContainer	{
	margin-top: 0px;
}

.TitleTxt	{
	background: #007784; 
	border-top: 3px solid #c4e2b5; 
	font-size: 14px; 
	color: #FFF; 
	font-weight: bold;
}

.HighlightText	{
	padding: 5px;
	text-align: center;
}

.HighlightText a, .HighlightText a:link, .HighlightText a:active, .HighlightText a:visited, .HighlightText a:hover	{
	color: #0f8895
}

.HighlightTextLrg	{
	padding: 5px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #016324;
}

/* ====================
=== PIE CHART =========
==================== */

.PieTopLeft, .FrPieTopLeft	{
	height: 68px;
	width: 67px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}

.PieTopLeftTxt	{
	padding-right: 4px;
	padding-bottom: 4px;
}

.PieTopRight, .FrPieTopRight	{
	width: 67px;
	height: 68px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}

.PieTopRightTxt	{
	padding-left: 4px;
	padding-bottom: 4px;
}

.PieBottomLeft, .FrPieBottomLeft	{
	width: 67px;
	height: 68px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}

.PieBottomLeftTxt	{
	padding-right: 4px;
	padding-top: 4px;
}

.PieBottomRight, .FrPieBottomRight	{
	width: 67px;
	height: 68px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}

.PieBottomRightTxt	{
	padding-left: 4px;
	padding-top: 4px;
}

.PieTopLeft	{
	background: url(../../../Images/DSR/calculator_site/pie_top_left2.jpg) no-repeat;
}

.PieTopRight	{
	background: url(../../../Images/DSR/calculator_site/pie_top_right2.jpg) no-repeat;
}

.PieBottomLeft	{
	background: url(../../../Images/DSR/calculator_site/pie_bottom_left2.jpg) no-repeat;
}

.PieBottomRight	{
	background: url(../../../Images/DSR/calculator_site/pie_bottom_right2.jpg) no-repeat;
}

.FrPieTopLeft	{
	background: url(../../../Images/DSR/calculator_site/fr_pie_top_left2.jpg) no-repeat;
}

.FrPieTopRight	{
	background: url(../../../Images/DSR/calculator_site/fr_pie_top_right2.jpg) no-repeat;
}

.FrPieBottomLeft	{
	background: url(../../../Images/DSR/calculator_site/fr_pie_bottom_left2.jpg) no-repeat;
}

.FrPieBottomRight	{
	background: url(../../../Images/DSR/calculator_site/fr_pie_bottom_right2.jpg) no-repeat;
}

/* ====================
=== BOXES =============
==================== */

#step1, #step2, #step3 {
	margin-top: 5px;
}

.HighlightBox	{
	background: #f7fbf5;
	border-left: 3px solid #c4e2b5;
	width: 154px;
}

.boxcontent	{
	background: #e4f2de;
	border-right: 3px solid #c4e2b5;
}

#BoxTxt	{
	padding: 5px 10px;
}

.Fboxcontent	{
	background: #e4f2de;
	border-left: 3px solid #c4e2b5;
	border-right: 3px solid #c4e2b5;
	margin-top: -2px;
	margin-bottom: 0px;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	padding-left: 7px;
	padding-right: 7px;
}

.BoxSpacer	{
	margin-top: 5px;
}

.boxcontent a, .boxcontent a:link, .boxcontent a:hover, .boxcontent a:active, .boxcontent a:visited       {
                font-weight: bold;
                color: #0f8895;
                text-decoration: underline;
}

.HighlightText a, .HighlightText a:link, .HighlightText a:hover, .HighlightText a:active, .HighlightText a:visited        {
                font-weight: bold;
                color: #0f8895;
                text-decoration: underline;
}





/* ====================
=== SCALE =============
==================== */

#ScaleTxtBG	{
	background: url(../../../Images/DSR/calculator_site/scale_txtbg.gif) repeat-y;
	padding-top: 5px;
}

#ScaleTxt	{
	font-size: .7em;
	color: #FFF;
	margin: 0px 15px 0px 5px;
}

#ScaleTxt a, #ScaleTxt a:link, #ScaleTxt a:active, #ScaleTxt a:visited, #ScaleTxt a:hover	{
	font-weight: bold;
	color: #FFF;
}

/* ====================
=== FOOTER ============
==================== */

.Footer	{
	margin-top: 5px;
}