
	p.info, p.bottomlink, h1, #dhtmlgoodies_bmi_calculator{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	p.info{
		font-size:11px;
	}
	h1{
		font-size:34px;
		margin-bottom:-20px;
	}
	h4{
		line-height: 1px;
	}
	body{
		text-align: center;
    }
    div#dhtmlgoodies_bmi_calculator{
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		position: relative;  
		margin-top: 6%;
    }
	#dhtmlgoodies_bmi_calculator{
		width:438px;	/* Width of entire calculator */
		height:350px;	/* Height of entire calculator */	
		/* Fonts to use */
	}
	#dhtmlgoodies_bmi_calculator .calculator_form{	/* Form */
		width:200px;	/* 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:150px;
	}
	#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{
		width:226px;	/* Width of graph div */
		float:left;	/* Position bar graph at the left */		
		background-color:#CFCFCF;	/* Light gray background color */
		border:1px solid #555;	/* Gray border around graph */
		
		height:100%;
		position:relative;
		left-margin:10px;
		top-margin:50px
	}
	
	.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.85em;	/* 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;
	}
		

