@charset "utf-8";
/* CSS Document */
	
	#dhtmlgoodies_bmi_calculator{
		width:520px;	/* 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:185px;	/* 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 .calculator_form .textInput{
		width:60px;	/* Width of small text inputs */
		text-align:right;	/* Right align input text */
	}
	#dhtmlgoodies_bmi_calculator .calculator_graph{
		width:300px;	/* Width of graph div */
		float:left;	/* Position bar graph at the left */
		border:1px solid #e1e1e1;
		border-bottom:1px solid #555;	/* Gray border around graph */
		height:100%;
		position:relative;
		background-image:url(/csp/gsh/appesat/images/grid.gif);
	}
	
	.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:10px;	/* 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;
		text-align:center;
		vertical-align:middle;
	}
	
	.wbarContainer{	/* DIV for both the multicolor bar and users weight bar */
		position:absolute;
		bottom:0px;
		text-align:center;
		vertical-align:middle;
		background:url(/csp/gsh/appesat/images/graphtop.gif) #6699ff top center no-repeat;
	}
	.wbarContainer .labelSpan{	/* Label indicating users BMI */
		background-color:#FFF;	/* White BG */
		border:1px solid #84d6f1;	/* label border */
		padding:1px;	/* "Air" inside the box */
		font-size:12px;	/* Font size */
	}
	
	.clear{	/* Clearing div - you shouldn't do anything with this one */
		clear:both;
	}