/* ************************************************* */
/* Main health manager wrapper */


#contentWrapper #hmWrapper {
	width: 98%;
	overflow: hidden;
	text-align: left;
	margin-left: 10px;
	padding:0 0 15px;
}

/*************************************************************/
/* health manager // rep of human body //  left col*/

#contentWrapper #hmWrapper #lCol {
	float: left;
	height: 388px;
	width: 294px;
	margin-right: 20px;
}
#contentWrapper #hmWrapper #lCol #hmGuy {
	background: url(../i/health_guy.gif) top left no-repeat;
	width: 294px;
	height: 388px;
	position: relative;
}
#contentWrapper #hmWrapper #lCol #menu a {
	display: block;
	position: absolute;
	text-decoration: none;

}

#contentWrapper #hmWrapper #lCol #menu a span{
visibility: hidden;
}


/*head*/
#contentWrapper #hmWrapper #lCol a#head {
	top: 16px;
	left: 124px;
	height: 48px;
	width: 40px;
	z-index: 1007;
}



#contentWrapper #hmWrapper #lCol a#head:hover {
    
	background: url(../i/hm_head_on.png) top left no-repeat;
	_background: url(../i/hm_head_on.gif) top left no-repeat;
	border: none;
}

#contentWrapper #hmWrapper #lCol a#head.iactive{
	background: url(../i/hm_head_on.png) top left no-repeat;
	_background: url(../i/hm_head_on.gif) top left no-repeat;
	border: none;
}



/*chest*/
#contentWrapper #hmWrapper #lCol a#chest {
	top: 66px;
	left: 108px;
	height: 65px;
	width: 70px;
	z-index: 1006;
}
#contentWrapper #hmWrapper #lCol a#chest:hover {

	background: url(../i/hm_chest_on.png) top left no-repeat;
	_background: url(../i/hm_chest_on.gif) top left no-repeat;
	border: none;
}

#contentWrapper #hmWrapper #lCol a#chest.iactive {
	background: url(../i/hm_chest_on.png) top left no-repeat;
	_background: url(../i/hm_chest_on.gif) top left no-repeat;
	border: none;
}

/*ab*/
#contentWrapper #hmWrapper #lCol a#abdomen {
	top: 121px;
	left: 108px;
	height: 48px;
	width: 73px;
	z-index: 1005;
}
#contentWrapper #hmWrapper #lCol a#abdomen:hover {
	background: url(../i/hm_ab_on.png) top left no-repeat;
	_background: url(../i/hm_ab_on.gif) top left no-repeat;
	border: none;
}


#contentWrapper #hmWrapper #lCol a#abdomen.iactive {
	background: url(../i/hm_ab_on.png) top left no-repeat;
	_background: url(../i/hm_ab_on.gif) top left no-repeat;
	border: none;
}

/*pelvis*/
#contentWrapper #hmWrapper #lCol a#pelvis {
	top: 161px;
	left: 107px;
	height: 55px;
	width: 74px;
	z-index: 1004;
}
#contentWrapper #hmWrapper #lCol a#pelvis:hover {
	background: url(../i/hm_pelvis_on.png) top left no-repeat;
	_background: url(../i/hm_pelvis_on.gif) top left no-repeat;
	border: none;
}


#contentWrapper #hmWrapper #lCol a#pelvis.iactive {
	background: url(../i/hm_pelvis_on.png) top left no-repeat;
	_background: url(../i/hm_pelvis_on.gif) top left no-repeat;
	border: none;
}


/*LeftArm*/
#contentWrapper #hmWrapper #lCol a#lArm {
	top: 69px;
	left: 173px;
	height: 139px;
	width: 51px;
	z-index: 1003;
}
#contentWrapper #hmWrapper #lCol a#lArm:hover {
	background: url(../i/hm_arm_left_on.png) top left no-repeat;
	_background: url(../i/hm_arm_left_on.gif) top left no-repeat;
	border: none;
}

#contentWrapper #hmWrapper #lCol a#lArm.iactive {
	background: url(../i/hm_arm_left_on.png) top left no-repeat;
	_background: url(../i/hm_arm_left_on.gif) top left no-repeat;
	border: none;
}



/*RightArm*/
#contentWrapper #hmWrapper #lCol a#rArm {
	top: 71px;
	left: 65px;
	height: 138px;
	width: 50px;
	z-index: 1002;
}
#contentWrapper #hmWrapper #lCol a#rArm:hover {
	background: url(../i/hm_right_arm_on.png) top left no-repeat;
	_background: url(../i/hm_right_arm_on.gif) top left no-repeat;
	border: none;
}

#contentWrapper #hmWrapper #lCol a#rArm.iactive {
	background: url(../i/hm_right_arm_on.png) top left no-repeat;
	_background: url(../i/hm_right_arm_on.gif) top left no-repeat;
	border: none;
}

/*LeftLeg*/
#contentWrapper #hmWrapper #lCol a#lLeg {
	top: 183px;
	left: 144px;
	height: 176px;
	width: 37px;
	z-index: 1001;
}
#contentWrapper #hmWrapper #lCol a#lLeg:hover {
	background: url(../i/hm_left_leg_on.png) top left no-repeat;
	_background: url(../i/hm_left_leg_on.gif) top left no-repeat;
	border: none;
}

#contentWrapper #hmWrapper #lCol a#lLeg.iactive {
	background: url(../i/hm_left_leg_on.png) top left no-repeat;
	_background: url(../i/hm_left_leg_on.gif) top left no-repeat;
	border: none;
}


/*RightLeg*/
#contentWrapper #hmWrapper #lCol a#rLeg {
	top: 174px;
	left: 106px;
	height: 183px;
	width: 38px;
	z-index: 1000;
}
#contentWrapper #hmWrapper #lCol a#rLeg:hover {
	background: url(../i/hm_right_leg_on.png) top left no-repeat;
	_background: url(../i/hm_right_leg_on.gif) top left no-repeat;
	border: none;
}

#contentWrapper #hmWrapper #lCol a#rLeg.iactive {
	background: url(../i/hm_right_leg_on.png) top left no-repeat;
	_background: url(../i/hm_right_leg_on.gif) top left no-repeat;
	border: none;
}


/*************************************************************/
/* health manager // loaded content from links //  right col top*/

#contentWrapper #hmWrapper #rColTop {
	margin-bottom: 20px;
	float: right;
	width: 648px;
	float: left;
}
#contentWrapper #hmWrapper #rColTop #tabPanel .colWrapper, .tabPanel .colWrapper {
	background: #fff;
	overflow: hidden;
	width: 100%;
	height: 200px;
	overflow: auto;
}
#contentWrapper #hmWrapper #rColTop #tabPanel .colWrapper .hr, .tabPanel .colWrapper .hr {
	margin-bottom: 6px;
}
#contentWrapper #hmWrapper #rColTop .colWrapper #intro {
	text-align: center;
	margin: 0 auto;
	width: 530px;
	margin-top: 30px;
}
#contentWrapper #hmWrapper #rColTop .colWrapper #intro img {
	display: block;
	margin-bottom: 15px;
}
#contentWrapper #hmWrapper #rColTop .colWrapper #intro p {
	font-size: 14px;
	_font-size: 13px;
}
#contentWrapper #hmWrapper #rColTop .colWrapper .col1 {
	float: left;
	width: 29%;
	margin: 7px 0 0 13px;
}
#contentWrapper #hmWrapper #rColTop .colWrapper .col1 p {
	font-size: 12px;
	_font-size: 11px;
}
#contentWrapper #hmWrapper #rColTop .colWrapper .col2 {
	float: left;
	width: 29%;
	margin: 7px;
}
#contentWrapper #hmWrapper #rColTop .colWrapper .col3 {
	float: left;
	width: 32%;
	margin: 7px;
}
/*************************************************************/
/* health manager // related physicians/videos //  right col top*/

#contentWrapper #hmWrapper #rColTop .colWrapper ul{
border: none;
margin: 0;
padding: 0;
overflow: hidden;
}

#contentWrapper #hmWrapper #rColTop .colWrapper li.vidCel {
	display: block;
	_display: inline-block;
	background: #f0f0f0;
	padding:  5px;
	margin: 0 0 6px 0;
	border: 1px solid #f0f0f0;
	font-size: 12px;
	_font-size: 11px;
	cursor: pointer;
	overflow: hidden;
}
#contentWrapper #hmWrapper #rColTop .colWrapper li.vidCel:hover {
	background: #e5e5e5;
	border: 1px solid #d7d7d7;
}
#contentWrapper #hmWrapper #rColTop .colWrapper li.vidCel div {
	float: left;
	overflow: hidden;
	display: block;
}
#contentWrapper #hmWrapper #rColTop .colWrapper li.vidCel .desc {
	width: 75%;
	margin-right: 0;
	margin-left: 8px;
}

#contentWrapper #hmWrapper #rColTop .colWrapper li.vidCel .desc .small{
color: #a0a0a0;
}

#contentWrapper #hmWrapper #rColTop .colWrapper li.vidCel a, #contentWrapper #hmWrapper #rColTop .colWrapper a li.vidCel {
	font-weight: bold;
	color: #5a7b70;
}

#contentWrapper #hmWrapper #rColTop .colWrapper .play {
	width: 38px;
	text-align: center;
	margin: 0 auto;
}
#contentWrapper #hmWrapper #rColTop .colWrapper .play img {
	display: block;
	width: 38px;
}
/*************************************************************/
/* tabbed box of section links // right col bottom  */

#contentWrapper #hmWrapper #rColBtm {
	width: 100%;
	float: left;
	width: 648px;
}
#contentWrapper #hmWrapper #tabPanel, .tabPanel {
	width: 648px;
}
#contentWrapper #hmWrapper #tabPanel .bg, .tabPanel .bg {
	background: #ececec;
	padding: 0 7px 0 7px;
}
#contentWrapper #hmWrapper #tcontenttabs {
	margin: 0;
	padding: 0;
}
#contentWrapper #hmWrapper .shadetabs {
	padding: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	text-align: left;
}
#contentWrapper #hmWrapper .shadetabs li {
	display: inline;
	margin: 0;
}
#contentWrapper #hmWrapper .shadetabs li a {
	cursor: pointer;
	font: normal 13px Helvetica, sans-serif;
	font: normal 12px Helvetica, sans-serif;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
	outline: none;
	z-index: 1;
	margin-right: 5px;
	color: #6f8b82;
	width: auto;
	height: 29px;
	background:url(../i/tab_long_up.gif) top right;
	text-transform: uppercase;
}
#contentWrapper #hmWrapper .shadetabs li.selected a span.corner {
	background:url(../i/tab_over.gif) top left;
	display: block;
	float: left;
	width: 15px;
	height: 29px;
}
#contentWrapper #hmWrapper .shadetabs li a span.corner {
	background:url(../i/tab_up.gif) top left;
	display: block;
	float: left;
	width: 15px;
	height: 29px;
}
#contentWrapper #hmWrapper .shadetabs li a:hover span.corner {
	background:url(../i/tab_over.gif) top left;
}
#contentWrapper #hmWrapper .shadetabs li a.selected {
	background:url(../i/tab_long_over.gif) top right;
	color: #d04915;
}
#contentWrapper #hmWrapper .shadetabs li a.selected span.corner {
	background:url(../i/tab_over.gif) top left;
}
#contentWrapper #hmWrapper .shadetabs li a span.title {
	float: left;
	display: block;
	margin-right: 15px;
}
#contentWrapper #hmWrapper .shadetabs li a.selected {
	color: #d04915;
}
#contentWrapper #hmWrapper .shadetabs li a:hover {
	background:url(../i/tab_long_over.gif) top right;
	text-decoration: none;
	color: #d04915;
}
#contentWrapper #hmWrapper #tcontentWrapper {
	background: #fff;
	padding: 0 0 16px;
	margin: 0;
}
#contentWrapper #hmWrapper .tabcontent {
	display:none;
	overflow: hidden;
	width: 97%;
}
 @media print {
.tabcontent {
	display:block !important;
}
}
/* ************************************************* */
/* health manager // wrapping unordered list for the sections links. // right col bottom*/


#contentWrapper #hmWrapper ul.section {
	float: left;
	overflow: hidden;
	width: 600px; /* width is changed */
	margin: 12px 0 0 17px;
	padding: 0;
	list-style: none;
}
#contentWrapper #hmWrapper ul.section li {
	float: left;
	width: 185px;
	margin: 0 0 10px;
	padding: 0 10px 0 0;
}
#contentWrapper #hmWrapper ul.section li a {
	background: url(../i/arrow_off.gif) 0 0 no-repeat;
	color: #e6aa3b;
	display: block;
	padding: 3px 0 0 25px;
	text-transform: uppercase;
	font: bold 12px/12px Calibri, Verdana, Helvetica, sans-serif;
	_font: bold 10px/10px Arial, sans-serif;
	height: 23px;
	overflow: hidden;
}
#contentWrapper #hmWrapper ul.section li a:hover {
	background: url(../i/arrow_on.gif) 0 0 no-repeat;
	color: #e65117;
}