@charset "utf-8";
/* CSS Document */

/* Styles for All Track Pages*/
.ConentArea {
	float: left;
	width: 705px;
}
.DateContainer {
	height: 56px;
	margin-top: 15px;
}
.DateContainer .CalendarIcon {
	height: 56px;
	width: 74px;
	float: left;
}
.DateContainer .CalendarIcon .month {
	height: 18px;
	width: 74px;
}
.DateContainer .CalendarIcon .day {
	height: 38px;
	width: 74px;
}
.DateContainer .subheading {
	float: left;
	height: 15px;
	margin-top: 41px;
	margin-left: 8px;
}









/*   ---   Track Exercise   ---   */

/*   ---   Track Food   ---   */









/*   ---   Track Health   ---   */

.TrackHealthWrapper {
	width: 705px;
	font-size: 12px;
}
.DateContainer .FeelingText {
	float: left;
	margin-top: 28px;
	margin-left: 15px;
	line-height: 14px;
}
.TrackHealthWrapper .SimleyFaces {
	margin-top: 24px;
	padding: 0px 46px;
	clear: both;
	height: 135px;
	margin-bottom: 7px;
}
.SimleyFaces .emotionImage {
	float: left;
	width: 117px;
	height: 135px;
}
.SimleyFaces .emotionSpacer {
	float: left;
	height: 135px;
	width: 7px;
}
.TrackHealthWrapper .explainHead {
	margin-left: 15px;
	height: 33px;
	margin-bottom: 12px;
}
.TrackHealthWrapper .FeelingsArea {
	margin-left: 32px;
	margin-bottom: 24px;
}
.TrackHealthWrapper .FeelingsArea .SmileLittle {
	float: left;
	width: 79px;
	height: 69px;
}
.TrackHealthWrapper .FeelingsArea .RightArea {
	float: left;
	width: 575px;
}

.TrackHealthWrapper .FeelingsArea .LabelText {
	padding-top: 8px;
	margin-bottom: 18px;
	padding-left: 17px;
}
.TrackHealthWrapper  .FeelingsArea  .RightArea  .FeelingOoops {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #cc3333;
	height: 33px;
	padding-left: 17px;
	margin-bottom: 15px;
}

.TrackHealthWrapper .FeelingsArea .WhyFeeling {
	float: left;
	margin-left: 17px;
	width: 240px;
}

.selectFeelings {
	width: 228px;
}
.TrackHealthWrapper .FeelingsArea .SubmitArea {
	margin-left: 2px;
	float: left;
}
.TrackHealthWrapper .FeelingsArea .SubmitArea input {
	float: left;
	margin-right: 10px;
}
.TrackHealthWrapper .FeelingsArea .SubmitArea .ButtonContainer {
	float: left;
	height: 19px;
	overflow: hidden;
}
.TrackHealthWrapper .CheeatArea {
	margin-bottom: 17px;
	margin-left: 15px;
}
.TrackHealthWrapper .CheeatArea .heading {
	float: left;
	margin-right: 29px;
}
.TrackHealthWrapper .CheeatArea .answer {
	float: left;
	margin-top: 8px;
}


.otherFeeling {
	height: 15px;
	width: 187px;
}
.TrackHealthWrapper .CheatOoops {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #cc3333;
	height: 33px;
	padding-left: 37px;
	margin-bottom: 15px;
}

.TrackHealthWrapper .AteArea {
	font-size: 12px;
	margin-left: 37px;
	margin-bottom: 45px;
}
.TrackHealthWrapper .AteArea .Fields {
	float:left; 
	width:554px;
}

.TrackHealthWrapper .AteArea label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.TrackHealthWrapper .AteArea .ButtonContainer {
	height: 19px;
	overflow: hidden;
}

.ate {
	height: 15px;
	width: 187px;
}
.ateBecause {
	width: 217px;
}
.HealthChartWrapper {
	background-color: #D7C3D7;
	height: 435px;
	width: 705px;
}








/*   ---   Track Sleep   ---   */
.TrackSleepWrapper {
	width: 705px;
	font-size: 12px;
}

.SleepChartWrapper {
	background-color: #D7C3D7;
	height: 435px;
	width: 705px;
}
.TrackSleepWrapper .SleepOoops {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #cc3333;
	margin: 20px 0px 12px 57px;
	height: 33px;
}

.TrackSleepWrapper .SleepLeft {
	float: left;
	width: 282px;
	margin-left: 57px;
	height: 163px;
	background-image: url(../images/track/divider.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 40px;
}
.TrackSleepWrapper .SleepLeft .BedArea {
}
.TrackSleepWrapper .SleepLeft .BedArea .graphic {
	float: left;
	height: 66px;
	width: 64px;
	margin-right: 15px;
}
.TrackSleepWrapper .SleepLeft .BedArea .sleepInput {
	float: left;
}
.TrackSleepWrapper .SleepLeft .BedArea .sleepInput .heading {
	height: 24px;
	margin-bottom: 11px;
}
.bedHours {
	height: 15px;
	width: 27px;
}
.bedMinutes {
	height: 15px;
	width: 27px;
}
.bedTOD {
	width: 42px;
}

.sleptHours {
	height: 15px;
	width: 27px;
}
.sleptMinutes {
	height: 15px;
	width: 27px;
}.sleptTOD {
	width: 42px;
}
.TrackSleepWrapper .SleepLeft .SubmitArea {
	height: 19px;
	overflow: hidden;
	margin-left: 143px;
	margin-top: 6px;
}

.TrackSleepWrapper .SleepRight {
	float: left;
	width: 282px;
	margin-left: 57px;
	height: 163px;
}.TrackSleepWrapper .SleepRight .heading {
	height: 32px;
	margin-top: 10px;
}
.SleepCounterContainer {
	height: 62px;
	width: 141px;
	background-image: url(../images/track/sleep_counter.png);
	background-repeat: no-repeat;
	padding: 26px 59px 0px 29px;
}
.SleepCounterContainer .hours {
	float: left;
}
.SleepCounterContainer .minutes {
	float: right;
}













/*   ---   Track Water   ---   */
.TrackWaterWrapper {
	width: 705px;
	font-size: 12px;
}
.TrackWaterWrapper .WaterGlassArea {
	height: 98px;
	padding: 0px 20px;
}
.TrackWaterWrapper .WaterGlassArea .glass {
	float: left;
	height: 98px;
	width: 62px;
}
.TrackWaterWrapper .WaterGlassArea .waterSpacer {
	float: left;
	height: 98px;
	width: 24px;
}
.TrackWaterWrapper .key {
	text-align: right;
	height: 24px;
	margin-top: 2px;
}
.WaterChartWrapper {
	background-color: #D7C3D7;
	height: 435px;
	width: 705px;
}
.TrackWeightWrapper .DateContainer .WeightTracker {
	float: left;
	height: 188px;
	width: 621px;
	margin-left: 10px;
}


















/*   ---   Track Weight   ---   */
.TrackWeightWrapper {
	width: 705px;
	font-size: 12px;
}
.WeightChartWrapper {
	background-color: #D7C3D7;
	height: 435px;
	width: 705px;
}
.BMIChartWrapper {
	background-color: #D7C3D7;
	height: 435px;
	width: 705px;
}