#box {
 	padding: 0px;
	background: #FFF;
	/*border: 10px solid #D9E3F0;*/
}
#root {
	/*width: auto;*/
	width: 567px;
	margin: 0;
	background: #FFF;
	position: relative;
}
#calculator {
	border: 1px solid #d9e3f0;
	background: #f1f5fa;
	padding: 9px;
	padding-right: 0;
	/*width: 567px;*/
	width: 100%;
}
#calculator h2 {
	font-size: 1.2em;
	color: #039;
	background: #d9e3f0 url(../img/ic_openStep.gif) right center no-repeat;
	padding: 1px 0 1px 5px;
	margin-top: 10px;
	cursor: pointer;
}
#calculator h2 a {
	color: #039;
	text-decoration: none;
	width: 100%;
	display: block;
}
#calculator p {
	font-size: 1.2em;
	line-height: 140%;
	margin-top: 5px;
}
#calculator form {
	margin: 0;
	padding: 0;
}
/* Style stretcher */
.stretcher {
	background: #f1f5fa; /* Internet explorer is all crazy, if you're using opacity on text, people with anti-alias turned on will see the text all jagged up. To solve this simply apply a background color to the element you're going to fade. */
	width: auto;
}

/* Use .scrollStretcher to include height and scrollbar to skretcher */
.scrollStretcher {
	height: 238px;
	overflow: auto;
	padding-right: 11px;
}

.scrollStretcher {
	height: 240px;
}

/* Use .inactive to deactivate height and scrollbar */
.inactive {
	overflow: visible;
	padding-right: 10px;
	/*width: 575px;*/
	width: 100%;
}