/* CSS Document for Hypertension Tool */

.inputcol_hyper {
	background: transparent url("../images/bg_hyper_input.gif") no-repeat;
	width: 285px;
	height: 446px;
	float: left;
}
.httool {
	width: 650px;
}
.ht {
	font-size: 24px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	line-height: 24px;
}
.hyper {
	background: transparent url("../images/bg_hyper.gif") bottom no-repeat;
	height: 225px;
	padding: 138px 0 0 18px;
	width: 267px;
}
.hyperinputs {
	width: 92px;
	float: left;
}

#sbp {
	margin: 7px 0 0px 9px; font-size: 13px; outline:none; color:#666666; width: 25px; border: 0; display: block;
}

#dbp {
	margin: 42px 0 20px 9px; font-size: 13px; outline:none; color:#666666; width: 25px; border: 0; display: block;
}
.rightside {
	margin: 0px 0 0 0px;
	float: left;
	width: 364px;
	padding: 0;
}

.bluegraph {
	float: left;
	width: 42px;
	height: 200px;
	margin: 0 0 0 59px;
}
.bluegraph td{
	vertical-align: bottom;
}

.redgraph {
	float: left;
	width: 42px;
	height: 200px;
	
}
.redgraph td{
	vertical-align: bottom;
}