<section ng-app="APP_MBO">
				<div class="container" id="mainblock">
					<!-- <div class="row">
						<div class="col-md-12">
							<img src="Images/Logo.jpg" />
						</div>
					</div> -->
					<div class="row">
						<div class="col-md-12">
							<h3><strong>PERFORMANCE AND MANAGEMENT DEVELOPMENT</strong></h3>
							<hr style="border-top: 5px solid #6F6F6F;" />
						</div>
					</div>
					<!-- <div class="row">
						<div class="col-md-10 col-md-offset-2">
							<strong>
								FY 2016
								<br/>
								Appraisal & Development Form
							</strong>
						</div>
					</div>
					<br/>
					<br/>
					<div class="row">
						<div class="col-md-10 col-md-offset-2">
							<span>
								Objectives Setting & Appraisal
								<br/>
								Contribution & Overall Appraisal
								<br/>
								Career Vision
							</span>
						</div>
					</div> -->
					<br/>
					<br/>
					<div id="content">
						<ul id="tabs" class="nav nav-tabs" data-tabs="tabs" >
							<li ui-sref-active="active" class="item active" ><a ui-sref="mbo.profile" class="black">Profile</a></li>
							<li ui-sref-active="active" class="item active" ng-if="((apsstate == 0 && isAppraisee ) || apsstate > 0) && dateNow > TapsstateList[0].datestart">
								<a ui-sref="mbo.objectivesSetting" class="black">Objectives Setting</a>
							</li>
							<li ui-sref-active="active" class="item active" ng-if="  (( (apsstate == 1 || apsstate == 2) && isAppraisee) || (apsstate ==2 && isAppraiser) || apsstate > 2) && dateNow > TapsstateList[1].datestart">
								<a ui-sref="mbo.firstHalf" class="black">Objectives First Half Review</a>
							</li>
							<li ui-sref-active="active" class="item active" ng-if=" (( (apsstate == 3 || apsstate == 4) && isAppraisee) || (apsstate == 4 && isAppraiser) || apsstate > 4) && dateNow > TapsstateList[3].datestart">
								<a ui-sref="mbo.appraisal" class="black">Objective Year End Appraisal</a>
							</li>
							<!-- ����͡����Ѻ�ա�û����Թ 2016 -->
							<!-- <li ui-sref-active="active" class="item active" ng-if=" (( (apsstate == 3 || apsstate == 4) && isAppraisee) || (apsstate == 4 && isAppraiser) || apsstate > 4) && dateNow > TapsstateList[3].datestart">
								<a ui-sref="mbo.cklc" class="black">CKLC</a>
							</li> -->
							<li ui-sref-active="active" class="item active" ng-if=" (( (apsstate == 3 || apsstate == 4) && isAppraisee) || (apsstate == 4 && isAppraiser) || apsstate > 4) && dateNow > TapsstateList[3].datestart">
								<a ui-sref="mbo.career" class="black">Career Vision</a>
							</li>
							<!-- <li ui-sref-active="active" class="item active ng-hide" ng-show=" ( (apsstate == 3 || apsstate == 4) && isAppraisee) || (apsstate == 4 && isAppraiser) || apsstate > 4">
								<a ui-sref="mbo.overall" class="black">Overall Comment From Appraisers</a>
							</li> -->
						</ul>
						<div id="my-tab-content" ui-view="" class="ng-scope tab-content"></div>

				</div><!-- end div container -->
		</section>
	</body>
</html>