/***** Elements *****/

body { margin: 0px; padding: 0px; background-image: url(/images/bg.gif); font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif;}

a { color: #0B5DA9;}
a img { border-color: #2367A7;}
p {	margin: 9px 0px 9px 0px; padding: 0px;}

h1 { margin: 0 0 0 0; padding: 0; font-size: 200%; font-weight: normal;	color: #303D58;}
h2 { margin: 9px 0 3px 0; padding: 0; font-size: .9em; font-weight: bold; text-transform: uppercase; color: #1D3D63;}
h3 { margin: 9px 0 4px 0; padding: 0 0 2px 0; font-size: 125%; font-weight: normal;	color: #90BA1C;}

form { margin: 0px; padding: 0px;}
input {	position: relative;	top: 1px;}


/***** Classes *****/

.highlightText { font-size: .85em; font-weight: bold;}
.highlight { font-size: .85em; font-weight: bold;}
.attentionText { color: #f00;}
.attention { color: #f00;}
.obvious { font-size: 1.4em; font-weight: bold;	color: #CF8B2A;}
.softText {	font-size: .85em; color: #888;}
.soft {	font-size: .85em; color: #888;}
.serving { color: #CF8B2A;}
.icon {	margin-right: 4px;	position: relative;	top: 1px;}
.iconBig { margin-right: 4px; position: relative;}
.iconRight { margin-left: 4px; position: relative; top: 1px;}
.breadcrumbDiv { margin: 0px 9px 0px 9px;}
.deck {	margin-top: -10px; font-size: .85em;}
.subBox { margin-bottom: 5px; padding: 0px 10px 0px 10px; border: 1px solid #7E8EA2; background-color: #fff;}
.highlightBox { float: left; width: 100px; margin-right: 10px;}
	.highlightBox p { font-size: .8em; font-weight: bold; margin: 5px 0px 5px 0px; color: #888;}


/***** Id's *****/



#tempTitle { margin: 0; padding: 0;	font-size: 135%; letter-spacing: 1px;}
	#tempTitle #con { color: #A7C956;}
	#tempTitle #cal { color: #A7C956;}
	#tempTitle #com { font-size: 85%;}

#container { width: 765px;}
#generic { padding: 0 15px 0 15px;}
#main {	width: 500px; padding: 0 0 0 15px;}
#sub { width: 220px; padding-left: 15px;}
	.column { float: left;}

#header { width: 100%; padding: 12px 0 14px 15px; background: #303D58; color: #fff;}
	#header a { color: #fff;}
	#header #userLinks { margin: 10px 10px 0 0;}
	
#navCore { background: #3F4D6A; position: relative; height: 28px;}
	#navCore .navIcon {	margin: 0 2px 0 0; position: relative; top: 3px;}
	#navCore ul { width: 100%; margin: 0; padding: 0; background-color: #3F4D6A;}
		#navCore ul li { display: inline;}
		#navCore li a {	padding: 3px 15px 6px 15px;	background-color: #3F4D6A; color: #fff;	float: left; text-decoration: none;}
		#navCore a:hover { text-decoration: underline; color: #fff;}
		#navCore .selected a { background-color: #4D5F84;}	
	#navCore #systemLinks {	position: absolute;	top: 6px; right: 10px; margin: 0; padding: 0; font-size: 85%; color: #ccc;}
		#navCore #systemLinks a { color: #fff;}
		

#topper { position: relative; width: 740px; margin: 0 10px 0 15px; padding: 16px 0 1px 0; border-bottom: 2px solid #ccc;}
	#topper #howLink { position: absolute; bottom: 3px; right: 0; margin: 0; padding: 0; font-size: 85%;}

#subNav { position: relative; margin: 0 10px 0 15px;}
	#subNav p { font-size: 125%; margin: 0 0 25px 0; padding: 5px 0 0 0;}
	#subNav #dateInfo {	position: relative;	margin-bottom: 25px; padding: 0 0 0 0;}
		#subNav #dateInfo #leftArrow { position: relative; top: 5px;}
		#subNav #dateInfo #rightArrow {	position: relative; top: 5px;}
		#subNav #dateInfo #relativeDate { font-size: 125%;}
	#subNav #calendarLink {	position: absolute; top: 0; left: 155px; font-size: 85%;}

#calendar {	width: 160px; height: 100px; position: absolute; top: -102px; left: 0; display: none;}
	#calendar a { color: #000;}
	.calendarHeader { font-weight: bold; font-size: .8em;}
	.calendarToday { background-color: #F0871D;}
	.calendarHaveData {	background-color: #A5DB13;}
	.calendarNoData { background-color: #f4f4f4;}
	.calendarDay { font-size: .8em;}

#footer { margin: 0px; padding: 10px; border-top: 1px dashed #ccc; clear: both;	font-size: .85em;}


.header { z-index:1; margin: 30px 0 30px 0; clear: both; position: relative;}
.header #img { position: absolute; right: 0; top: -20px;}
.header .outside { padding-top: 10px; border-top: 3px solid #30527C;} /* For pages without the coreNav */


/***** food & exercise lists *****/
.list {	width: 100%; margin-bottom: 20px; border: 1px solid #7E8EA2; font-size: .85em;}
	.list input { font-size: .85em;}
	.list td { padding: 5px 5px 5px 5px; background-color: #fff; text-align: center; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.list .first { padding: 5px 5px 5px 5px; text-align: left; border-left: none;}
	.list .header td { background-color: #f4f4f4; font-size: 1.2em;	border-bottom: 1px solid #ccc;}
	.list .title { padding: 10px 5px 10px 10px; text-align: left; border-left: none;}
	.list .value { padding: 5px 17px 5px 17px; background-color: #F1E5B7; vertical-align: bottom;}
	.list .name { width: 100%; text-align: left;}
	.list .totals td { background-color: #f4f4f4; border-bottom: none; font-weight: bold;}
	.list .highlight { font-size: 1em; font-weight: normal;}
	.list .highlight td { background-color: #EDF5D6;}
	


/***** Targets *****/

.onTarget { color: #90BA1C;}
#targets { width: 100%;	border: 2px solid #ccc;	font-size: 85%;}
	#targets td { padding: 3px; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
	#targets .lastRow td { border-bottom: none;}
	#targets #header { color: #333; background: #eee; font-weight: bold;}	
	#targets #header a { color: #0B5DA9;}
	#targets #name { width: 25%; border-left: none;	}
	#targets #bar {	width: 50%; text-align: center;	border-bottom: none;}
	#targets #stat { width: 25%;}