body {
    /*background-color: #f0f0f0;*/
	/*background: url("../images/misc/body_bg.png") repeat scroll 0 0 #f0f0f0;*/
	background-color: #fff;
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cbe5ef), to(#7fb9c4)) background-attachment:fixed; height:100%;;
	background-image: -webkit-linear-gradient(top, #cbe5ef, #7fb9c4);
	background-image:    -moz-linear-gradient(top, #cbe5ef, #7fb9c4);
	background-image:      -o-linear-gradient(top, #cbe5ef, #7fb9c4);
	background-image:         linear-gradient(to bottom, #cbe5ef, #7fb9c4); background-attachment:fixed; height:100%;
	*/
}

html {
	margin-left:0;
	padding-left:0;
}

.logo {
	float: left;
}
#logotext h2 {
    color: #FFFFFF;
    font-size: 62px;
    font-weight: 700;
    text-shadow: 0 0 5px #000000;
}
#slidecaption {
	font-size: 40px;
}
nav ul {
	float:left;
}
.menuRight {
	float:right;
	border: 0 none;
    font: inherit;
    margin: 0;
    vertical-align: baseline;
	font-size:12px;
	height: 34px;
    /*padding-bottom: 15px;*/
    padding-top: 16px;
}
.menuRight li a {
    font-size: 14px;
}
h1.largeTitle {
	font-size:74px;
	margin-top:80px;
}
.container.bodyContent {
	padding-bottom:34px;	
	padding-top:0px;
}
.menuFooter {
	border: 0 none;
    font: inherit;
    margin: 0;
    vertical-align: baseline;
	font-size:12px;
	height: 34px;
    padding-bottom: 0px;
    padding-top: 16px;
}
.menuFooter li a {
    font-size: 12px;
}
.slider-text {
    bottom: 90px;
}
#ht-marketing-nav > #ht-marketing-nav-content:after, #ht-story-nav:after, .ht-external-nav:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    position: static;
}
#ht-marketing-nav-content {
    padding-bottom: 0;
    position: relative;
    z-index: 2;
}
#ht-marketing-nav-content {
    margin-left: 0;
	margin-right: 0;
}
#ht-marketing-nav.healthtrac-marketing-content-wrapper:after {
    bottom: -10px;
}
.healthtrac-marketing-content {
    color: #FFF;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 976px;
}
.healthtrac-marketing-content {
    font-size: 85%;
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
}
.healthtrac-marketing-content-wrapper > .healthtrac-marketing-content {
    overflow: hidden;
    position: relative;
}
.healthtrac-marketing-content-wrapper:after, .healthtrac-marketing-content:after {
    background: none repeat scroll 0 0 #DADADA;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
}
.healthtrac-marketing-content-wrapper > .healthtrac-marketing-content:after {
    display: none;
}
.healthtrac-marketing-content > p, .healthtrac-marketing-copy {
    font-size: 130%;
    line-height: 1.5;
}
#ht-story-nav {
    /*visibility: hidden;*/
}
.ht-external-nav-item > a, .ht-story-nav-item > a {
    padding: 0 20px;
}
.ht-story-nav-item.on + .ht-story-nav-item, .ht-story-nav-item:hover + .ht-story-nav-item {
    border-left-color: transparent;
}
.ht-story-nav-item.on, .ht-story-nav-item:hover {
    background: -moz-linear-gradient(center top , #EBEBEB 0%, #FCFCFC 100%) repeat scroll 0 0 transparent;
    border-color: #EBEBEB;
}
.ht-story-nav-item > a {
    border-bottom: 10px solid #DADADA;
}
.ht-story-nav-item {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
}
#ht-story-nav {
    float: left;
}
#ht-story-nav > .ht-story-nav-item, .ht-external-nav > .ht-external-nav-item {
    float: left;
    font-size: 112%;
    white-space: nowrap;
}
.ht-external-nav-item > a, .ht-story-nav-item > a {
    color: #FFF;
    display: block;
    font-weight: 400;
    line-height: 60px;
    padding: 0 25px;
}
#ht-marketing-nav > #ht-marketing-nav-content:after, #ht-story-nav:after, .ht-external-nav:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    position: static;
    /*visibility: hidden;*/
}
#nav-support.on > a, #nav-support:hover > a {
    border-bottom: 10px solid #6700F1;
    color: #6700F1;
}
.ht-external-nav-item > a, .ht-story-nav-item > a {
    padding: 0 20px;
}
.ht-story-nav-item.on, .ht-story-nav-item:hover {
    background: -moz-linear-gradient(center top , #EBEBEB 0%, #FCFCFC 100%) repeat scroll 0 0 transparent;
    border-color: #EBEBEB;
}
.ht-story-nav-item.on + .ht-story-nav-item, .ht-story-nav-item:hover + .ht-story-nav-item {
    border-left-color: transparent;
}
#ht-story-nav {
    /*visibility: hidden;*/
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}
#nav-goal.on > a, #nav-goal:hover > a {
    border-bottom: 10px solid #E54000;
    color: #E54000;
}
#nav_planning.on > a, #nav_planning:hover > a {
    border-bottom: 10px solid #66CC00;
    color: #66CC00;
}
#login_form {
	/*padding-top:75px;*/
}
.formWrap input[type="submit"] {
    margin: 0 0 20px;
}
.formWrap input[type="checkbox"] {
    margin-left: 0px;
}
.percentBar {
	margin-bottom: 44px;
	-webkit-user-select: none;
}
p.skill {
    clear: left;
    font-size: 11px;
    letter-spacing: 0.04em;
    margin: 0;
    text-transform: uppercase;
}
.bar {
    background-color: #7B133C;
    border-radius: 11px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0 0 2px;
    transition: all 3s ease-in-out 0.5s;
	width: 22px;
}
p.percent {
    float: right;
    margin-right: 6px;
    text-align: right;
	opacity: 0;
	transition: all 0.6s ease-in-out 0s;
}
.ie8 p.percent {
    display:none;
}
/*
.percentBar p.percent {
    opacity: 1;
}
*/
.ie8 .percentBar p.percent {
    display:block;
}
hr {
	height:1px;
	margin:14px 0;
}
.statNumberSmall {
	font-size: 20px;
	padding-top: 28px;
}
.statsWrap {
	float:none;
	margin-top:84px;
}
#applets .applet-list:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    position: static;
    visibility: hidden;
}

.applet-list > li {
    -moz-box-sizing: border-box;
    color: #8F8F8F;
    float: left;
    font-size: 95%;
    /*height: 215px;*/
    padding: 85px 0 25px;
	/*margin: 0 25px 0;*/
    position: relative;
    text-align: center;
    width: 25%;
}
.applet-list > li:before {
    background: url("../images/track/applet-icons.png") no-repeat scroll 0 0 transparent;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
}
.applet-list > li > h3 {
    color: #000000;
    /*font-family: "ProximaRegular",Arial,sans-serif;*/
    font-style: normal;
    font-weight: normal;
    /*margin-bottom: 15px;*/
    text-transform: uppercase;
}
.applet-list > .barcode:before {
    background-position: 0 -786px;
    height: 38px;
    margin-left: -30px;
    margin-top: 4.5px;
    width: 60px;
}
.applet-list > .battery:before {
    background-position: -82px -459px;
    height: 63px;
    margin-left: -23px;
    margin-top: 4.5px;
    width: 46px;
}
.applet-list > .water-resistant:before {
    background-position: -74px -352px;
    height: 69px;
    margin-left: -27px;
    margin-top: 1.5px;
    width: 54px;
}
.applet-list > .form-factor:before {
    background-position: 0 -459px;
    height: 60px;
    margin-left: -39px;
    margin-top: 6px;
    width: 78px;
}
.applet-list > .nutritional-info:before {
    background-position: 0 -727px;
    height: 47px;
    margin-left: -26.5px;
    width: 53px;
}
.applet-list > .insights:before {
    background-position: 0 -422px;
    height: 36px;
    margin-left: -54px;
    margin-top: 19px;
    width: 108px;
}
.applet-list > .smart-alarm:before {
    background-position: -66px -524px;
    height: 61px;
    margin-left: -31px;
    margin-top: 5.5px;
    width: 62px;
}
.applet-list > .activity-reminder:before {
    background-position: 0 -277px;
    height: 73px;
    margin-left: -25.5px;
    width: 51px;
}
.applet-list > .mood-tracking:before {
    background-position: 0 -659px;
    height: 66px;
    margin-left: -29.5px;
    margin-top: 3.5px;
    width: 59px;
}
.applet-list > .journal-tracking:before {
    background-position: 0 -776px;
    height: 66px;
    margin-left: -29.5px;
    margin-top: 3.5px;
    width: 59px;
}
.applet-list > .exercise-tracking:before {
	background-position: -59px -722px;
    height: 66px;
    margin-left: -32.5px;
    margin-top: 3.5px;
    width: 74px;
}
.applet-list > .sleep-tracking:before {
    background-position: -86px -598px;
    height: 60px;
    margin-left: -22px;
    margin-top: 7px;
    width: 44px;
}
.applet-list > .idle-alert:before {
    background-position: 0 -524px;
    height: 72px;
    margin-left: -30px;
    width: 60px;
}
.applet-list > .workout:before {
    background-position: -59px -727px;
    height: 57px;
    margin-left: -34.5px;
    margin-top: 8px;
    width: 69px;
}
.applet-list > .food-tracking:before {
    background-position: 0 -598px;
    height: 53px;
    margin-left: -41.5px;
    margin-top: 10px;
    width: 83px;
}
.applet-list > .lifeline:before {
    background-position: 0 -352px;
    height: 54px;
    margin-left: -27px;
    width: 54px;
}
.applet-list > .power-nap:before {
    background-position: -85px -659px;
    height: 63px;
    margin-left: -21.5px;
    width: 43px;
}
.applet-list > .data-sync:before {
    background-position: -60px -277px;
    height: 75px;
    margin-left: -35px;
    width: 70px;
}
#applets {
    /*overflow: hidden;*/
}
#applets-title {
    margin-top: 1.25em;
}
#applets .up-feature-list:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    position: static;
    visibility: hidden;
}
#applets .up-feature-list > li {
    width: 33.3%;
}
#applets .up-feature-list > .power-nap {
    margin-left: auto;
}
#applets .up-feature-list > li {
    width: 50%;
}
#applets .up-feature-list > li {
    font-size: 120%;
    /*height: 190px;*/
    width: 100%;
}
.applet-list > li > h3 {
	font-size:15px;
	line-height:18px;
}
a.pp_close {
    right: 19px;
}
nav ul.menu li a {
	padding-right:12px;	
}

.navLogo {padding-right:10px;}

/* Smaller than standard 1199 (devices and browsers) */
@media only screen and (max-width: 1199px) {
	nav ul.menu li a {padding-right:0px;}
	nav ul li {margin: 0 2px 0 0;}
	.navLogo {padding-right:0px;}
}
#applet-panel, #applet-panel-small, #my-tracker-panel, #my-planner-panel {
	background:#FFF;
	padding-top:10px;
	font-weight:bold;
	border:1px solid #d9dadb; border-radius: 5px;
	box-shadow:1px 2px 0px -1px #D7D7D7;
}

.ui-datepicker-month {display:inline-block;}
.ui-datepicker-year {display:inline-block;}

/*font:300 16px 'PNova',sans-serif;*/

#applet-panel {background:#FFF;width:300px;padding-top:0px;font-family: 'Source Sans Pro', sans-serif; font-weight:400; color:#848484;} 
#applet-panel-small {background:#FFF;width:258px;padding-top:0px;font-family: 'Source Sans Pro', sans-serif; font-weight:400; color:#848484;}
.reminderTitle {float:left;width:150px;height:22px;padding:10px 0 0 12px;font-family: 'Source Sans Pro', sans-serif; font-weight:600; color:#848484;}
.customStyleSelectBoxInner {font-family: 'Source Sans Pro', sans-serif; font-weight:600; color:#848484;text-align:right;line-height:20px;}
.appletButtonHolder {width:150px;float:left;min-height:59px;line-height:53px;padding-top:3px;background:none;}
.appletButton {font-family: 'Lato', sans-serif; font-weight:700; color:#999999;min-width:138px;min-height:38px;
display:inline-block;text-align:center;background:url(../images/applets/button_138.png) no-repeat center center;}
.singleAppletButtonHolder {width:161px;float:left;min-height:49px;line-height:49px;padding-top:7px 0 3px 0;background:none;}
.singleAppletButton {font-family: 'Source Sans Pro', sans-serif; font-weight:600; color:#848484;
min-width:161px;min-height:28px;display:inline-block;text-align:center;background:url(../images/applets/button_161.png) no-repeat center center;}

input[type="text"].datepicker {font-family: 'Source Sans Pro', sans-serif; font-size:15px; font-weight:600; color:#848484;background:none repeat scroll 0 0 #E5E5E5;width:90px;padding-top:6px;margin-right:10px;text-align:center;}
input[type="text"], input[type="password"], input[type="email"], textarea, select {font-family: 'Source Sans Pro', sans-serif;font-size:14px;font-weight:600;color:#8B8B8B;background:none repeat scroll 0 0 #E5E5E5;}

.ui-datepicker th {font-family: 'Source Sans Pro', sans-serif; font-weight:600; color:#848484;}

hr.divider {
	height:1px;
	color:#efeff0;
	margin:0;
	padding:0;
	width:284px;
	opacity:.3;
}

#MetricsChartsContainer {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	color:#848484;
}

#my-tracker-panel.container .sixteen.columns {
	padding: 0 20px;
    width: 581px;
	min-width:581px;
}

#my-planner-panel.container .sixteen.columns {
	padding: 0 20px;
    width: 581px;
	min-width:581px;
}

.calendarBlock {
	width: 80px;
	height: 74px;
	display: inline-block;
	background-color: #FFF;
	font-weight: 400;
	border-right: 3px solid #ececec; 
	border-bottom: 3px solid #ececec; 
	border-radius: 0px;
	font-family: 'Ropa Sans', sans-serif;
	font-size:26px;
	color:#b9b9b9;
	margin-bottom:-4px;
	position:relative;
	/*box-shadow: 0 1px 4px -1px #222;*/
}

#my-tracker-panel.container #calDaysHeader.sixteen.columns {padding:22px 20px 0;}
#calendarArrowLeftContainer {height:40px;width:24%;float:left;}
#calendarArrowRightContainer {height:40px;width:24%;float:left;text-align:left;}
#plannerArrowLeftContainer {height:40px;width:24%;float:left;}
#plannerArrowRightContainer {height:40px;width:24%;float:left;text-align:left;}
#SetTrackerDateContainer, #SetPlannerDateContainer {padding-top:6px;width:52%;float:left;}
#SetTrackerDate, #SetPlannerDate {width:280px;}

#my-planner-panel.container .sixteen.columns.PlannerContainer.barOne {padding:14px 6px 0;width:608px;}
#planName {width:60%;height:33px;}
#OuterCaloriesContainer, #ConsumedCaloriesContainer, #BurnedCaloriesContainer, #RemainingCaloriesContainer {float:left;}
#ConsumedCaloriesContainer, #BurnedCaloriesContainer {text-align:center;}
#TargetCaloriesContainer {display:inline-block;}
#RemainingCaloriesContainer {text-align:right;}
#my-planner-panel.container #NutritionTotals.sixteen.columns {padding:12px 0 0 20px;}
div.sixteen.columns.PlannerContainer hr.divider {width:100%;}
#my-planner-panel.container #OuterOuterCaloriesContainer.sixteen.columns {padding:14px 20px 0;width:580px;}
#my-planner-panel.container #MyPlannerItems.sixteen.columns {width:96%;}
#my-planner-panel.container .sixteen.columns.DividerContainer {width:100%;}
#my-planner-panel.container #NutritionTotals.sixteen.columns {width:600px;}

.calendarBlock.active {
	background:url(../images/my_tracker/active_calendar_block.png) no-repeat center center;
}

.calendarBlock.init {
	margin-bottom:0;
}

.calendarBlockHeader {
	width: 83px;
	height: 34px;
	display: inline-block;
}

.calendarBlock ul li.green, .calendarBlock ul li.yellow, .calendarBlock ul li.red, .calendarBlock ul li.white {
	float:left;
	height:36px;
	width:36px;
	margin:3px 0 0 6px;
	padding-top:8px;
	padding-right:2px;
	text-align:center;
	letter-spacing:-2px;
}
.calendarBlock ul li.green {
	background:url(../images/my_tracker/dot_green.png) no-repeat center center;
	color:#FFF;
}
.calendarBlock ul li.yellow {
	background:url(../images/my_tracker/dot_yellow.png) no-repeat center center;
	color:#FFF;
}
.calendarBlock ul li.red {
	background:url(../images/my_tracker/dot_red.png) no-repeat center center;
	color:#FFF;
}
.calendarBlock ul li.white {
	/*background:url(../images/my_tracker/dot_green.png) no-repeat center center;*/
	color:#B9B9B9;
}
.calendarBlock ul li.login {
	float:right;
	background:url(../images/my_tracker/icon_login.png) no-repeat center center;
	height:17px;
	width:17px;
}
.calendarBlock ul li.appointment {
	float:right;
	background:url(../images/my_tracker/icon_appointment.png) no-repeat center center;
	height:20px;
	width:20px;
	position:absolute;
	margin:13px 0 0 50px;
}

.calendarBlock ul.bottom {
	position: absolute; 
	bottom: 0; 
	left: 0;
	margin-left:6px;
}

.calendarBlock ul.bottom.call {
	position: absolute; 
	bottom: 0; 
	left: 0;
	width:100%;
}

.calendarBlock ul.bottom li {
	float:left;
	height:12px;
	width:14px;
	text-align:center;
	margin-bottom:6px;
}

.calendarBlock ul li.goal {
	background:url(../images/my_tracker/icon_goal.png) no-repeat center center;
}

.calendarBlock ul li.track {
	background:url(../images/my_tracker/icon_track.png) no-repeat center center;
}

.calendarBlock ul li.journal {
	background:url(../images/my_tracker/icon_journal.png) no-repeat center center;
}

.calendarBlock ul li.plan {
	background:url(../images/my_tracker/icon_plan.png) no-repeat center center;
}

.calendarBlock ul li.plan_empty {
	background:url(../images/my_tracker/icon_plan_empty.png) no-repeat center center;
}

.calendarBlock ul li.call {
	background:url(../images/my_tracker/icon_call.png) no-repeat center center;
	margin-bottom:0;
	height:25px;
	width:25px;
	float:right;
	margin-right:6px;
}

a {
outline: none;
}

button::-moz-focus-inner {
  border: 0;
}

#dayOfWeek, #plannerDayOfWeek {
	padding-top:12px;color:#bfc1c7;font-weight:600;
}

#my-tracker-panel.container #CalendarContainer {width:580px;padding:0 20px;}
#my-planner-panel.container .PlannerContainer {width:580px;}

.MonthYear {
	font-family:'Source Sans Pro',sans-serif;font-weight:600;color:#848484;font-size:16px;
}

#supersized li {
    background: none repeat scroll 0 0 #FFF;
}

#navigation a:hover {font-weight:600;}

.nav_menu_divider {position:fixed;top:0;margin:0 0 0 4px;float:right;display:none;}

#navigation a, #navigation span {text-transform:none;}

#wrap {padding-bottom:6px;padding-top:16px;margin-bottom:16px;} /*overflow:auto;*/

#content{/*overflow:hidden;*/}

.navLogoLink {margin-top: -13px;display:inline-block;padding-bottom:0;height:40px;}
.navLogo {margin-top: 0px;}

#store_table{margin-bottom: 30px;}