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

a.health_switch {
	background: transparent url('images/symptom_button_left.jpg') no-repeat top left;
	display: block;
	text-align:center;
	font: bold 15px Arial;
	line-height: 107px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of health_switch background */
	height: 115px; /* Height of health_switch background height */
	padding-left: 8px; /* Width of left image */
	text-decoration: none;
}
a:link.health_switch, a:visited.health_switch, a:active.health_switch {
	color: #002776; /*health_switch text color*/
}
a.health_switch span {
	background: transparent url('images/symptom_button.jpg') no-repeat top right;
	display: block;
	padding: 4px 8px 4px 0; /*Set 8px below to match value of 'padding-left' value above*/
}
a.health_switch:hover { /* Hover state CSS */
	background-position: bottom left;
}
a.health_switch:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}
.health_switchwrapper { /* Container you can use to surround a CSS health_switch to clear float */
	overflow: hidden;
	width: 100%;
}