/* ######### CSS for Shade Tabs. Remove if not using ######### */


.diet_bg{
	
	float:left; 
	background:url(../images/diet_bg.jpg) no-repeat; 
	padding:5px 3px 5px 3px; 
	margin:0px;
	width:227px;
	height:124px;
	font-size:12px;
	color:#054d5e;
	font-weight:normal;
	line-height:18px;
	
	}

.diet_bg span{
	 padding:0px 0px 0px 3px;
	display:block;
	
	}
.diet_bg p{
	
	 margin:0px;
	 padding:25px 0px 0px 0px;
	
	}



.injury_bg{
	
	float:left; 
	background:url(../images/injury.jpg) no-repeat; 
	padding:5px 3px 5px 8px; 
	margin:0px;
	width:222px;
	height:124px;
	font-size:12px;
	color:#054d5e;
	font-weight:normal;
	line-height:18px;
	
	}

.injury_bg p{
	
	 margin:0px;
	 padding:35px 0px 0px 0px;
	
	}


.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
 
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0px;
padding:0px;
width:103px;
float:left;
margin-right:1px;

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 0px 0px 0px 0px;
margin-right:1px;
margin-left:7px;
color: #078382;
background:url(../images/tab_normal.jpg) no-repeat;
width:103px;
height:27px;
line-height:27px;
text-align:center;
float:left;

}

.shadetabs li a:visited{
color: #078382x;
}

.shadetabs li a:hover{
text-decoration: none;
color: #fff;
background:url(../images/tab_active.jpg) no-repeat;
height:27px;
width:103px;
float:left;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;

}

.shadetabs li a.selected{ /*selected main tab style */
background:url(../images/tab_active.jpg) no-repeat;
height:27px;
width:103px;
color:#fff;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}