/*----------------Home CSS   home header   Start------------------*/


.header-home {
z-index:100;
}

.header-home .header-left{
	background:url(../images/header/home-header-left.png) no-repeat top;
	float:left;
	height:228px;
	width:470px;
}

.header-home .header-right{
	float:left;
	/*height:325px;*/
	/*padding-top:164px;*/
	width:539px;
	height:228px;
}

.clear{
	clear:both;
}

.header-home .fitnessphoto{
	background:url(../images/header/fitnessHeader.png) no-repeat top;
	float:left;
	width:539px;
	height:228px;
}
.header-home .storiesphoto{
	background:url(../images/header/storiesHeader.png) no-repeat top;
	float:left;
	width:539px;
	height:228px;
}
.header-home .nutritionphoto{
	background:url(../images/header/nutritionHeader.png) no-repeat top;
	float:left;
	width:539px;
	height:228px;
}
.header-home .communityphoto{
	background:url(../images/header/communityHeader.png) no-repeat top;
	float:left;
	width:539px;
	height:228px;
}
.header-home .signup{
	float:left;
	margin-top:65px;

}



body-home .contents{
	width:990px;
	text-align:left;
}

.body-home .contents .mainContents{
	text-align:left;
	vertical-align:top;
	border:1px solid #d4cfa4;
	background-color:#FFFFFF;
	padding:10px;
}


.body-home .rightNav{
	text-align:left;
	vertical-align:top;
}

.body-home .rightNav .content{
	margin-left:10px;

}

.body-home .rightNav .profile{
	background:#c7e8fa url(../images/body/rightNav/diet-profile.jpg) no-repeat center top;
	padding-top:60px;
	/*
	opacity:0.8;
	filter:alpha(opacity=80); 
	*/
}

.home-panel{
	height:360px;
	margin-left:5px;
	margin-right:5px;
	width:236px;
}



.home-panel .blue{
	background:url(../images/body/contents/home-content-panel-blue.jpg) no-repeat top;
}


.home-panel .green{
	background:url(../images/body/contents/home-content-panel-green.jpg) no-repeat top;
}

.home-panel .orange{
	background:url(../images/body/contents/home-content-panel-orange.jpg) no-repeat top;
}


.playerContainer{
	padding-left:3px;
	padding-top:52px; 
	padding-top:62px;
}

.playIcon{
	float:right;
	margin-right:8px;
	margin-top:-50px;
	width:51px;
	cursor:pointer;
	background:url(../images/body/contents/play.png) no-repeat bottom right;
	width:50px;
	height:50px;
}
.playIcon:hover{
	background:url(../images/body/contents/play-hover.png) no-repeat bottom right;
}

.player{
	width:230px;
	height:136px;	
}


.banner{
	height:126px;
	margin-top:100px;
	background:url(../images/body/banner-contents-home.jpg) no-repeat center bottom;
}

.btnGo.blue{
	border:none;
	background:url(../images/body/btnGo-blue.png) no-repeat top;
	width:23px;
	height:16px;
	cursor:pointer;
}

.btnGo.green{
	border:none;
	background:url(../images/body/btnGo-green.png) no-repeat top;
	width:23px;
	height:16px;
	cursor:pointer;
}

.btnGo.orange{
	border:none;
	background:url(../images/body/btnGo-orange.png) no-repeat top;
	width:23px;
	height:16px;
	cursor:pointer;
}


.btnCalculate{
	border:none;
	background:url(../images/body/contents/calculateBtn.gif) no-repeat;
	width:60px;
	height:20px;
	cursor:pointer;
}

.btnSubmit{
	border:none;
	background:url(../images/body/contents/submitBtn.gif) no-repeat;
	width:52px;
	height:20px;
	cursor:pointer;
}

.btnContinue{
	border:none;
	background:url(../images/body/contents/btnContinue.png) no-repeat;
	width:77px;
	height:22px;
	cursor:pointer;
}

/* start css mm-menu*/
mm-menu{
}

.mm-menu table{
	float:right;
	margin-right:5px;
}


.mm-menu table td.center span{
	color:#fff;
	font-weight:bold;
	position:relative;
	display:block;
	line-height:15px;
	padding-top:10px;
}

.mm-menu table td.center span.title, .mm-menu table td.center span.title a {
	color:#fff;
	display:block;
	font-family:"Bodoni MT";
	font-size:18px;
	line-height:15px;
	text-align:right;
	font-style:italic;
	text-decoration:none;
	padding-top:0px;
}

.mm-menu table td.left{
	height:55px;
	width:5px;
	vertical-align:top;
	background:url(../images/mm-menu/mm-left.png) no-repeat bottom;
}


.mm-menu table td.center{
	height:55px;
	text-align:left;
	background:url(../images/mm-menu/mm-center.png) repeat-x bottom;
}


.mm-menu table td.right{
	height:55px;
	width:5px;
	vertical-align:top;
	background:url(../images/mm-menu/mm-right.png) no-repeat bottom;
}


.mm-menu table .top{
	display:none;
}


.mm-menu table.selected .top{
	height:5px;
	vertical-align:top;
	display:block;
	background:url(../images/mm-menu/mm-top-selected.png) no-repeat center bottom;
}


.mm-menu table.selected td.left{
	height:50px;
	width:5px;
	vertical-align:top;
	background:url(../images/mm-menu/mm-left-selected.png) no-repeat bottom;
}


.mm-menu table.selected td.center{
	height:50px;
	vertical-align:top;
	text-align:left;
	cursor:pointer;
	background:url(../images/mm-menu/mm-center-selected.png) repeat-x bottom;
}


.mm-menu table.selected td.right{
	height:50px;
	width:5px;
	vertical-align:top;
	background:url(../images/mm-menu/mm-right-selected.png) no-repeat bottom;
}
/*////////////////////////////////////////////////// end css header home////////////////////////////////////////////*/
table.appPanel{
	padding-bottom:20px;
}

table.appPanel .title{
	color:#4d74b1;
	font-style:italic;
	font-family:"Bell Gothic Std Black";
	font-size:15pt;
	font-weight:bold;
	padding:5px;
	padding-left:0px;
	
}

.dottedTB{

	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	
}

table.appPanel td{
	vertical-align:top;
}

table.appPanel td.left{
	background:#fff url(../images/body/contents/Panel-Left.png) no-repeat top right;
	height:100%; width:10px;
}

table.appPanel td.mid{
	background:#fff url(../images/body/contents/Panel-Mid.png) repeat-x top;
	height:100%;
}

table.appPanel td.right{
	background:#fff url(../images/body/contents/Panel-Right.png) no-repeat top left;
	height:100%; width:10px;
}




/* - Hyperlinks usded in Panel*/


table.appPanel a{
	color:#4c5c7f;
	text-decoration:underline;
	cursor:pointer;
	font-family:"Myriad Pro";
	font-size:14px;
}

table.appPanel a:hover{
	color:#4c5c7f;
	text-decoration:underline;
	cursor:pointer;
}


table.appPanel a.selected, table.appPanel a:hover.selected{
	color:#676158;	
	text-decoration:underline;
	cursor:pointer;
}

/*
table.appPanel .LinkTitle{
	color:#4c5c7f;
	background:#f9fafb;
	text-decoration:none;
	cursor:pointer;
	padding:2px;
}

*/

table.appPanel .LinkTitle a{
	color:#4c5c7f;
	background:url(../images/body/contents/panelArrLink.png) left center no-repeat;
	text-decoration:none;
	cursor:pointer;
	padding-left:15px;
	font-weight:bold;
	
}

table.appPanel .LinkTitle a:hover{
	color:#4c5c7f;
	background:url(../images/body/contents/panelArrLink.png) left center no-repeat;
	text-decoration:underline;
	cursor:pointer;
	padding-left:15px;
	font-weight:bold;
	
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.clear{
	clear:both;
}

.bold{
	font-weight:bold;
}
.nowrap{
	white-space:nowrap;
}

.padding-10px-right{
	padding-right:10px;
}

.padding-10px-left{
	padding-left:10px;
}

.padding-10px-top{
	padding-top:10px;
}

.padding-10px-bottom{
	padding-bottom:10px;
}

.padding-10px{
	padding:10px;
}


/**Main MM-Menu End**/
.newFreeProfile{
background-image: url(images/bg-free-login.jpg);
background-repeat:no-repeat;
background-position:top;
width:235px;
height:156px;
}
.fontForFreeProfile{
font-family: Helvetica;
color:#092952;
font-size:13px;
font-weight: bold;
float:left;
}

.freeLoginCenter{
width:235px;
background-image:url(images/login-free-center-bg.jpgs);
background-repeat:repeat-y;
} 

#sideMenu2{
	  width:8em; 
	  padding:0.5em; 
	  background:#ccc;
	  margin:0px auto;
  }
#sideMenu2 a, #sideMenu2 a:visited {
  display:block; 
  width:8em; 
  padding:0.25em 0;
  color:#000; 
  text-indent:0.2em;
  background-color:#fff; 
  text-decoration:none;
  margin:0.5em 0 ; 
  border-left:0.5em solid #9ab; 
  }
#sideMenu2 a:visited span {
  display:block; 
  position:absolute; 
  top:0; 
  left:10em; 
  width:5em;
  font-size:0.9em;
  color:#c00; 
  border:1px solid #c00;
  }
#sideMenu2 a span {
  display:none;
  }
#sideMenu2 a:hover {
  color:#f00; 
  border-left:0.5em solid #000; 
  }
.box2 {
  position:relative;
 }