@charset "utf-8";
/* CSS Document */

#dhtmlgoodies_bmi_calculator {
	width:380px;	/* Width of entire calculator */
	height:400px;	/* Height of entire calculator */
	font-family: Arial, sans-serif;	/* Fonts to use */
}
#dhtmlgoodies_bmi_calculator .calculator_form {	/* Form */
	width:170px;	/* Width of form div */
	float:left;	/* Position the form at the left of the graph */
	padding-left:5px;
	padding-right:5px;
}
#dhtmlgoodies_bmi_calculator input {
	width:130px; 
}
#dhtmlgoodies_bmi_calculator input.btn_BMI {
	background:url(../images/btn_green.gif);
	color: #fff;
	font-weight: bold;
	height: 30px;
	border: none;
	cursor:pointer;
}
#dhtmlgoodies_bmi_calculator .calculator_form .textInput {
	width:40px;	/* Width of small text inputs */
	text-align:right;	/* Right align input text */
}
#dhtmlgoodies_bmi_calculator .calculator_graph {
	background-color:#DDDDDD;
	border:1px solid #555555;
	float:left;
	height:90%;
	left:300px;
	position:absolute;
	top:50px;
	width:198px;
}
.calculator_graph .graphLabels {	/* Help labels at the top of the graph */
	background-color:#FFF;	/* White bg */
	padding:3px;	/* Some air */
	margin:2px;	/* Around around help div */
	border:1px solid #555;	/* Gray border */
}
.graphLabels .square {	/* Small square showing BMI, e.g.: Below 18.5: Underweight */
	height:12px;	/* Width of square */
	width:12px;	/* Height of square */
	border:1px solid #000;	/* Black border */
	margin:1px; 	/* "Air" */
	float:left;
}
.graphLabels .label {	/* Help text, , e.g.: Below 18.5: Underweight */
	width:130px;	/* Width */
	height:14px;	/* Height */
	font-size:0.7em;	/* Font size */
	padding-left:2px;	/* Space at the left of label */
	float:left;
}
.barContainer {	/* DIV for both the multicolor bar and users weight bar */
	position:absolute;
	bottom:0px;
	border:1px solid #000;
	border-bottom:0px;
	text-align:center;
	vertical-align:middle;
}
.barContainer div {	/* colored div inside "barContainer */
	border-bottom:1px solid #000;
}
.barContainer .labelSpan {	/* Label indicating users BMI */
	background-color:#FFF;	/* White BG */
	border:1px solid #000;	/* Black border */
	padding:1px;	/* "Air" inside the box */
	font-size:0.7em;	/* Font size */
}
.clear {	/* Clearing div - you shouldn't do anything with this one */
	clear:both;
}
h1 {
	color:#F58025;
	font-size:18px;
	margin:10px 0;
	padding:0;
}