/* -- GLOBAL -- */

* {
	margin: 0;
	padding: 0;
}
body {
	padding: 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #1C1D1E;
	font-size: 11px;
}

body.full
{
    padding: 10px;
}

.clear {
	clear: both;
}
.spacer
{
    clear: both;
    height: 10px;
}
/* FIREFOX FIX FOR LINK OUTLINES */

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

a {
	text-decoration: none;
	color: #F7CC05;
}
a:link,
a:visited {
	color: #F7CC05;
}
a:hover,
a:active {
	color: #F7CC05;
}

/**
 * ...
 */
.fl-left
{
    float: left;
}

.fl-right
{
    float: right;
}

.left {
	float: left;
}
.right {
	float: right;
}

table {
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	color: #FFFFFF;
}
table tr th{
	height: 18px;
	line-height: 18px;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	color: #FFFFFF;
}

/* -- -- */

.shell {
	margin: 0 auto;
	padding: 0;
	width: 974px;
}
	.small-nav {
		margin-bottom: 10px;
		font-size: 9px;
		font-weight: bold;
		line-height: 19px;
		color: #B6B6B6;
		background: #383B3C;
		height: 20px;
		float: right;
		overflow: hidden;
	}
		.small-nav a {
			text-decoration: none;
		}
		.small-nav a:link,
		.small-nav a:visited {
			color: #B6B6B6;
		}
		.small-nav a:hover,
		.small-nav a:active {
			color: #EBC20C;
		}
		.small-nav ul {
			list-style: none;
		}
			.small-nav ul li {
				float: left;
			}
			.small-nav ul li.smallnav-left {
				background: url(../images/smallnav_left.jpg);
				width: 10px;
				height: 20px;
			}
			.small-nav ul li.smallnav-right {
				background: url(../images/smallnav_right.jpg);
				width: 10px;
				height: 20px;
			}
		
	.nav {
		margin-bottom: 10px;
		padding: 2px;
		background: url(../images/nav_bg.jpg) no-repeat;
		width: 970px;
		height: 56px;
		overflow: hidden;
		clear: both;
	}
.nav ul {
	list-style: none;
}
.nav ul li {
	margin-right: 1px;
	float: left;
	overflow: hidden;
}

.nav ul li a
{
    display: block;
	background: transparent url(../images/nav_sprites.gif) 0px 0px no-repeat;
	height: 56px;
	text-indent: -9999em;
}

.nav ul li.nav-track a
{
    background-position: 0px 0px;
    width: 124px;
}

.nav ul li.nav-track a:hover,
.nav ul li.nav-track a:active
{
    background-position: -278px 0px;
}

.nav ul li.nav-track.on a,
.nav ul li.nav-track.on a:hover,
.nav ul li.nav-track.on a:active
{
    background-position: -139px 0px;
}

.nav ul li.nav-results a
{
    background-position: 0px -57px;
    width: 110px;
}

.nav ul li.nav-results a:hover,
.nav ul li.nav-results a:active
{
    background-position: -278px -57px;
}

.nav ul li.nav-results.on a,
.nav ul li.nav-results.on a:hover,
.nav ul li.nav-results.on a:active
{
    background-position: -139px -57px;
}

.nav ul li.nav-profile a
{
    background-position: 0px -114px;
    width: 138px;
}

.nav ul li.nav-profile a:hover,
.nav ul li.nav-profile a:active
{
    background-position: -278px -114px;
}

.nav ul li.nav-profile.on a,
.nav ul li.nav-profile.on a:hover,
.nav ul li.nav-profile.on a:active
{
    background-position: -139px -114px;
}

.nav ul li.nav-admin a
{
    background-position: 0px -228px;
    width: 106px;
}

.nav ul li.nav-admin a:hover,
.nav ul li.nav-admin a:active
{
    background-position: -278px -228px;
}

.nav ul li.nav-admin.on a,
.nav ul li.nav-admin.on a:hover,
.nav ul li.nav-admin.on a:active
{
    background-position: -139px -228px;
}

.nav ul li.nav-logo
{
	margin-right: 0px;
	float: right;
}

.nav ul li.nav-logo a
{
    background-position: 0px -285px;
    width: 188px;
}


	
	.sub-nav {
		font-size: 12px;
		color: #CED3D5;
		height: 30px;
		line-height: 29px;
		overflow: hidden;
	}
		.sub-nav a {
			text-decoration: none;
		}
		.sub-nav a:link,
		.sub-nav a:visited {
			color: #939494;
		}
		.sub-nav a:hover,
		.sub-nav a:active {
			color: #EBC20C;
		}
			.sub-nav a.on:link,
			.sub-nav a.on:visited {
				color: #FFFFFF;
				font-weight: bold;
			}
			.sub-nav a.on:hover,
			.sub-nav a.on:active {
				color: #FFFFFF;
			}
		.sub-nav ul {
			list-style: none;
		}
			.sub-nav ul li {
				margin-right: 5px;
				float: left;
			}



        	ul.sub-nav-tabs li.sn-wide {
        		background: url(../images/subnav_tab_off_wide.gif) no-repeat;
        		width: 155px;
        	}	
        	ul.sub-nav-tabs li.sn-wide-on {
        		background: url(../images/subnav_tab_on_wide.gif) no-repeat;
        		width: 155px;
        	}

        	ul.sub-nav-tabs li.sn-wide a,
        	ul.sub-nav-tabs li.sn-wide-on a {
        		display: block;			
        		width: 155px;
        		height: 30px;	
        	}



/* -- UNIQUE SUBNAV -- */
.sub-nav ul li
{
    background: transparent url(../images/subnav_sprites.gif) 0px 0px no-repeat;
	display: block;
	text-align: center;
	width: 120px;
	height: 30px;
    overflow: hidden;
}

.sub-nav ul li a
{
	display: block;			
	width: 120px;
	height: 30px;	
}
.sub-nav ul li
{
	background-position: 0px -186px;
}
.sub-nav ul li.on
{
	background-position: 0px -217px;
}



.sub-nav ul li.sn-trackfood-off,
.sub-nav ul li.sn-trackexercise-off,
.sub-nav ul li.sn-tracksteps-off,
.sub-nav ul li.sn-trackweight-off,
.sub-nav ul li.sn-trackmedical-off,
.sub-nav ul li.sn-trackinsulin-off,
.sub-nav ul li.sn-trackheart-off,
.sub-nav ul li.sn-trackmeds-off,
.sub-nav ul li.sn-trackglucose-off
{
    background: none;
    width: 35px;
}

.sub-nav ul li.sn-trackfood-off a,
.sub-nav ul li.sn-trackexercise-off a,
.sub-nav ul li.sn-tracksteps-off a,
.sub-nav ul li.sn-trackweight-off a,
.sub-nav ul li.sn-trackmedical-off a,
.sub-nav ul li.sn-trackinsulin-off a,
.sub-nav ul li.sn-trackheart-off a,
.sub-nav ul li.sn-trackmeds-off a,
.sub-nav ul li.sn-trackglucose-off a
{
    background: transparent url(../images/subnav_sprites.gif) 0px 0px no-repeat;
    display: block;
    width: 35px;
    height: 30px;
    text-indent: -99999em;
}

.sub-nav ul li.sn-trackfood-on,
.sub-nav ul li.sn-trackexercise-on,
.sub-nav ul li.sn-tracksteps-on,
.sub-nav ul li.sn-trackweight-on,
.sub-nav ul li.sn-trackmedical-on,
.sub-nav ul li.sn-trackinsulin-on,
.sub-nav ul li.sn-trackheart-on,
.sub-nav ul li.sn-trackmeds-on,
.sub-nav ul li.sn-trackglucose-on
{
    text-align: left;
	padding-left: 30px;
}

.sub-nav ul li.sn-trackfood-on a,
.sub-nav ul li.sn-trackexercise-on a,
.sub-nav ul li.sn-tracksteps-on a,
.sub-nav ul li.sn-trackweight-on a,
.sub-nav ul li.sn-trackmedical-on a,
.sub-nav ul li.sn-trackinsulin-on a,
.sub-nav ul li.sn-trackheart-on a,
.sub-nav ul li.sn-trackmeds-on a,
.sub-nav ul li.sn-trackglucose-on a
{
    display: inline;
}

.sub-nav ul li.sn-trackfood-on
{
	width: 155px;
	background-position: 0px -31px;
}
.sub-nav ul li.sn-trackexercise-on
{
	width: 200px;
	background-position: 0px -62px;
}
.sub-nav ul li.sn-tracksteps-on
{
	width: 100px;
	background-position: -121px -217px;
}
.sub-nav ul li.sn-trackweight-on
{
	width: 100px;
	background-position: 0px -93px;
}
.sub-nav ul li.sn-trackmedical-on
{
	width: 175px;
	background-position: 0px -269px;
}
.sub-nav ul li.sn-trackmeds-on
{
	width: 200px;
	background-position: 0px -300px;
}
.sub-nav ul li.sn-trackinsulin-on
{
	width: 100px;
	background-position: 0px -331px;
}
.sub-nav ul li.sn-trackheart-on
{
	width: 140px;
	background-position: 0px -362px;
}
.sub-nav ul li.sn-trackglucose-on
{
	width: 100px;
	background-position: -156px -155px;
}

.sub-nav ul li.sn-trackfood-off,
.sub-nav ul li.sn-trackfood-off a,
.sub-nav ul li.sn-trackweight-off,
.sub-nav ul li.sn-trackweight-off a,
.sub-nav ul li.sn-tracksteps-off,
.sub-nav ul li.sn-tracksteps-off a,
.sub-nav ul li.sn-trackexercise-off,
.sub-nav ul li.sn-trackexercise-off a,
.sub-nav ul li.sn-trackmedical-off,
.sub-nav ul li.sn-trackmedical-off a,
.sub-nav ul li.sn-trackinsulin-off,
.sub-nav ul li.sn-trackinsulin-off a,
.sub-nav ul li.sn-trackmeds-off,
.sub-nav ul li.sn-trackmeds-off a,
.sub-nav ul li.sn-trackheart-off,
.sub-nav ul li.sn-trackheart-off a,
.sub-nav ul li.sn-trackglucose-off,
.sub-nav ul li.sn-trackglucose-off a
{
    text-indent: 0px;
    text-align: center;
    width: 90px;
}

.sub-nav ul li.sn-trackfood-off a,
.sub-nav ul li.sn-trackweight-off a,
.sub-nav ul li.sn-tracksteps-off a,
.sub-nav ul li.sn-trackexercise-off a,
.sub-nav ul li.sn-trackmedical-off a,
.sub-nav ul li.sn-trackinsulin-off a,
.sub-nav ul li.sn-trackmeds-off a,
.sub-nav ul li.sn-trackheart-off a,
.sub-nav ul li.sn-trackglucose-off a
{
    font-weight: normal;
    padding-left: 25px;
    width: 65px;
    background-position: -186px -31px;
}

.sub-nav ul li.sn-trackfood-off a:hover,
.sub-nav ul li.sn-trackfood-off a:active
{
    background-position: -277px -31px;
}

.sub-nav ul li.sn-trackexercise-off a
{
    background-position: -231px -62px;
}

.sub-nav ul li.sn-trackexercise-off a:hover,
.sub-nav ul li.sn-trackexercise-off a:active
{
    background-position: -322px -62px;
}

.sub-nav ul li.sn-trackweight-off a
{
    background-position: -131px -93px;
}

.sub-nav ul li.sn-trackweight-off a:hover,
.sub-nav ul li.sn-trackweight-off a:active
{
    background-position: -222px -93px;
}

.sub-nav ul li.sn-tracksteps-off a
{
    background-position: -193px -186px;
}

.sub-nav ul li.sn-tracksteps-off a:hover,
.sub-nav ul li.sn-tracksteps-off a:active
{
    background-position: -284px -186px;
}

.sub-nav ul li.sn-trackmedical-off a
{
    background-position: -206px -269px;
}

.sub-nav ul li.sn-trackmedical-off a:hover,
.sub-nav ul li.sn-trackmedical-off a:active
{
    background-position: -297px -269px;
}

.sub-nav ul li.sn-trackmeds-off a
{
    background-position: -231px -300px;
}

.sub-nav ul li.sn-trackmeds-off a:hover,
.sub-nav ul li.sn-trackmeds-off a:active
{
    background-position: -322px -300px;
}

.sub-nav ul li.sn-trackinsulin-off a
{
    background-position: -131px -331px;
}

.sub-nav ul li.sn-trackinsulin-off a:hover,
.sub-nav ul li.sn-trackinsulin-off a:active
{
    background-position: -222px -331px;
}

.sub-nav ul li.sn-trackheart-off a
{
    background-position: -171px -362px;
}

.sub-nav ul li.sn-trackheart-off a:hover,
.sub-nav ul li.sn-trackheart-off a:active
{
    background-position: -262px -362px;
}

.sub-nav ul li.sn-trackglucose-off a
{
    background-position: -228px -124px;
}

.sub-nav ul li.sn-trackglucose-off a:hover,
.sub-nav ul li.sn-trackglucose-off a:active
{
    background-position: -319px -124px;
}


			
	.container {
		width: 974px;
		background: #4A4E50;
	}
		.container-top, .container-bottom {
			width: 974px;
			height: 10px;
			overflow: hidden;
		}
		.container-top {background: url(../images/container_top.jpg) no-repeat;}			
		.container-bottom {background: url(../images/container_bottom.jpg) no-repeat;}


.container.full
{
    width: auto;
    padding: 5px 1px;
}
		
	
	.content-shell {
		padding: 0 10px 0 20px;
		width: 944px;
		background: #4A4E50;
		position: relative;
	}
	.full .content-shell
	{
	    width: auto;
	    padding: 0px;
	}

	.content-left {
		width: 457px;
		float: left;
	}
	.content-right {
		padding-right: 10px;
		width: 457px;
		float: right;
	}

	/* -- Add a Meal Section -- */	
	.add-a-meal, .add-an-exercise, .profile-goals {
		width: 504px;
		float: left;
	}
		/* -- Meal Info -- */	
		.meal-info {
			padding: 10px 0px;
			border-bottom: 1px solid #6C6F70;
		}
			.add-a-meal .title, .dd-mealtype, .dd-timeofday, input.time-field {
				margin-right: 5px;
				float: left;
			}
        	.dd-mealtype,
        	.meal-info .field-60,
        	.dd-timeofday
        	{
        		margin-right: 5px;
        		float: left;
        	}

            .metrics-date
            {
                float: left;
                padding-top: 2px;
                font-size: 14px;
                color: #f2c708;
	            text-transform: uppercase;
            }

        	.metrics-date-picker,
        	.print-log-start-date-picker,
        	.print-log-end-date-picker
        	{
        		margin-right: 10px;
        		margin-left: 10px;
				padding-top: 1px;
				line-height: 14px;
        	    float: left;
        	}
				.add-a-meal .title {
					padding-top: 2px;
					margin-right: 10px;
					font-size: 14px;
					font-weight: bold;
					color: #D0D0D0;
		            float: left;
		            text-transform: uppercase;
				}
				span.select {
					padding: 2px 25px 0 5px;
					position: absolute;
					height: 18px;
					color: #1F1F1F;
					background: url(../images/dd_125.jpg) no-repeat;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					overflow: hidden;
				}
				.dd-mealtype span.select {
					width: 95px;
					background: url(../images/dd_125.jpg) no-repeat;
				}
				.dd-timeofday span.select {
					width: 40px;
					background: url(../images/dd_70.jpg) no-repeat;
				}
				input.time-field {
					padding: 3px 5px 0 0;
					border: none;
					background: url(../images/input_time_60.jpg) no-repeat;
					color: #1F1F1F;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					width: 55px;
					height: 16px;
				}
				
/* -- Search -- */	
.search
{
    position: relative;
	padding: 10px 0;
	height: 50px;
}

.search.textarea-search
{
    padding-top: 0px;
    height: auto;
}

.search-holder
{
    padding: 10px;
    background: #313131;				
}

#note-container .search-holder
{
    background: #F7DC6B;
}

.search-field input,
.search-field textarea
{
	padding: 2px 0 0 6px;
	border: 0;
	width: 447px;
	height: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #444;
	float: left;
}

.search-field.full input
{
    width: 918px;
}

.search-field textarea
{
	padding: 2px 6px;
	border: 0;
	width: 472px;
	height: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #444;
	float: none;
}

.search-field input.empty,
.search-field textarea.empty
{
    color: #ACACAC;
}

.search-button input
{
	border: none;
	float: right;
}
			
		/* -- Buttons -- */	
		.buttons {
		    border-top: 1px solid #6C6F70;
			padding-top: 12px;
			clear: both;
		}
			.buttons ul {
				list-style: none;
			}
				.buttons ul li {
					padding-right: 5px;
					float: left;					
				}
				.buttons ul li.b-right {
			        padding-right: 0;
					padding-left: 5px;
					float: right;					
				}
					.buttons a.text-button,
					.bottom-buttons a.text-button
					{
        				font-size: 11px;
        				font-weight: normal;
        				color: #717374;
        				-moz-border-radius: 2px;
        				-webkit-border-radius: 2px;
        				padding: 3px 5px 4px 5px;
        				*display: block;
						background-color: #4a4e50;
					}
					.buttons a.text-button:link,
					.buttons a.text-button:visited,
					.bottom-buttons a.text-button:link,
					.bottom-buttons a.text-button:visited
					{
						color: #717374;
					}
					.buttons a.text-button:hover,
					.buttons a.text-button:active,
					.bottom-buttons a.text-button:hover,
					.bottom-buttons a.text-button:active
					{
						color: #EBC20C;
					}

        			.cancel a,
        			.cancel a:link,
        			.cancel a:visited {
        				font-size: 11px;
        				font-weight: normal;
        				color: #717374;
        				-moz-border-radius: 2px;
        				-webkit-border-radius: 2px;
        				padding: 3px 5px 4px 5px;
        				*display: block;
        			}
        			.cancel a:hover,
        			.cancel a:active {
        				color: #EBC20C;
        			}

/* -- CSS3 Rounded Corners -- */
					.button a {
        				font-size: 11px;
        				font-weight: bold;
        				color: #313131;
        				background-color: #717374;
        				-moz-border-radius: 2px;
        				-webkit-border-radius: 2px;
        				padding: 3px 5px 4px 5px;
        				*display: block;
					}	
					.button a:link,
					.button a:visited {
						background-color: #989898;
					}
					.button a:hover,
					.button a:active {
        				color: #1C1D1E;
        				background-color: #ffd800;
					}

            		/* -- YELLOW -- */

            			.button-y a {
            				color: #474747;
            				background-color: #E5BD0F;
            			}
            				.button-y a:link,
            				.button-y a:visited {
            					color: #1C1D1E;
            					background-color: #E5BD0F;
            				}
            				.button-y a:hover,
            				.button-y a:active {
            					color: #1C1D1E;
            					background-color: #ffd800;
            				}

		/* -- BOTTOM BUTTONS -- */
		.bottom-buttons {
			padding-top: 10px;
			margin-bottom: 16px;
			border-top: 1px solid #6C6F70;
			width: 504px;
			position: absolute;
			bottom: 0;
		}
			.bottom-buttons ul {
				list-style: none;
			}
				.bottom-buttons ul li.b-left {
					padding-right: 5px;
					float: left;					
				}
				.bottom-buttons ul li.b-right {
					padding-left: 5px;
					float: right;					
				}

/* -- CSS3 Rounded Corners -- */	
				.bottom-buttons .button a {
					color: #474747;
					background-color: #E5BD0F;
				}
					.bottom-buttons .button a:link,
					.bottom-buttons .button a:visited {
						color: #474747;
						background-color: #E5BD0F;
					}
					.bottom-buttons .button a:hover,
					.bottom-buttons .button a:active {
						color: #474747;
						background-color: #bb9907;
					}

.bottom-buttons.bottom-buttons-mute a,
.bottom-buttons.bottom-buttons-mute a:link,
.bottom-buttons.bottom-buttons-mute a:visited
{
    background-color: #bb9907;
}

.bottom-buttons.bottom-buttons-mute a:hover,
.bottom-buttons.bottom-buttons-mute a:active
{
    background-color: #E5BD0F;
}



/**
 * Errors
 */
div.error
{
    background: #FF9B87;
    color: #FF2F00;
    border: 10px solid #FF3300;
    padding: 5px 10px;
    margin: 10px 0px;
}

div.error ul
{
    margin-left: 25px;
}




/**
 * history.css
 */
.history
{
    background: #313131;
    width: 420px;
    height: 579px;
    font-size: 11px;
    color: #D1D1D0;
    float: right;
}
html>body .history
{
    height: auto;
    min-height: 579px;
}

 	.history-header {
 		padding: 10px 16px 10px 20px;
 		background: url(../images/history_header_bg.jpg) no-repeat;
 		width: 384px;
 		height: 30px;
 	}
 		.history-date {
 			margin-top: 6px; 
 			font-size: 14px;
 			color: #E6E6E6;
 			text-transform: uppercase;
 			float: left;
 		}
 		.date-picker {
 			padding-top: 6px;
 			float: right;
 		}


 			.picker-left, .picker-cal, .picker-right {
 				padding-left: 1px;
 				float: right;
 			}

.history-content
{
    padding: 0 10px;
    height: 50px;
}
html>body .history-content
{
    height: auto;
    min-height: 50px;
}

.loading
{
    background: transparent url(../images/loader_313131.gif) center center no-repeat;
    height: 32px;
}

/**
 * Visualizer
 * {{{
 */
.budget
{
    overflow: hidden;
}

.budget-7day
{
    background: #313131;
    font-size: 11px;
    color: #D1D1D0;
    margin-top: 50px;
    padding: 10px;
}

.center
{
    text-align: center;
}

.graph-7day
{
    padding: 1px 0 0 1px;
    margin: 0px auto;
    margin-top: 15px;
    width: 399px;
    height: 40px;
    background: url(../images/graph_7day_bg.jpg) no-repeat;
    position: relative;
}

.graph-7day-exercise,
.graph-7day-days
{
    position: relative;
    width: 0px;
    height: 33px;
    background: url(../images/graph_7day.jpg) no-repeat;
    overflow: hidden;
}

.graph-7day-burned,
.graph-7day-steps
{
    position: relative;
    border-right: 1px solid #4d4d4d;
    width: 0px;
    height: 33px;
    background: url(../images/graph_7day_burned.jpg) no-repeat;
    overflow: hidden;
}

.graph-scale,
.graph-7day-scale
{
    background: #313131;
    font-size: 9px;
    padding: 0px 39px;
    margin-top: 3px;
}

.graph-scale .scale,
.graph-7day-scale .scale
{
    background: #313131;
    float: left;
    width: 80px;
    text-align: center;
}

.graph
{
    padding: 1px 0 0 1px;
    margin-top: 3px;
    width: 399px;
    height: 49px;
    background: url(../images/graph_bg.jpg) no-repeat;
    position: relative;
}

.graph-7day-roll
{
    padding: 1px 0 0 1px;
    margin: 0px auto;
    margin-top: 25px;
    width: 399px;
    height: 49px;
    background: url(../images/graph_bg.jpg) no-repeat;
    position: relative;
}

.graph-marker,
.graph-burned-marker
{
    position: absolute;
    left: -10px;
    top: -11px;
}
.graph-calories
{
    position: relative;
    width: 0px;
    height: 33px;
    background: url(../images/graph_calories.jpg) no-repeat;
    overflow: hidden;
}
.graph-burned
{
    position: relative;
    border-right: 1px solid #4d4d4d;
    width: 0px;
    height: 33px;
    background: url(../images/graph_burned.jpg) no-repeat;
    overflow: hidden;
}
.graph-caption
{
    margin-bottom: 10px;
    padding: 0 10px;
    height: 20px;
    line-height: 19px;
    border-top: 1px solid #3C3F42;
    border-bottom: 1px solid #3C3F42;
}

.budget-7day .graph-caption
{
    margin-top: 5px;
}

.cal-intake
{
    float: left;
}
.cal-burn
{
    float: right;
}
/**
 }}}
 */


 /* -- ITEM ADDED -- */

 .item-added {
 	padding: 10px;
 	margin: 10px 0px;
 	background: #313131;
 	width: 484px;
 }
 	.item-added ul.item-description {
 		position: relative;
 		background: #FFFFFF;
 		list-style: none;
 	}
 		.item-added ul.item-description li.item-group {
 			height: 30px;
 		}

html>body .item-added ul.item-description li.item-group
{
    height: auto;
    min-height: 30px;
}

 		.item-added ul.item-description li.item-group dl {
 			padding: 0 4px 0 7px;
 			margin: 0;
 			list-style: none;
 		}
 		.item-added ul.item-description li.item-group dl dd.item-name {
 			padding-top: 4px;
 			padding-right: 7px;
 			font-size: 18px;
 			color: #1c1d1e;
 			float: left;
 			width: 70%;
 		}
 			.item-name-description {
 				font-size: 12px;
 				font-weight: normal;
 			}
 		.item-added ul.item-description li.item-group dl dt.item-quick-details {
 			margin: 4px 0;
 			padding: 0 5px;
 			display: block;
 			background: #e5e8ea;
 			height: 22px;
 			color: #696d6f;
 			font-size: 11px;
 			font-weight: bold;
 			line-height: 22px;
 			float: right;
 			width: 120px;
 			text-align: right;
 		}
 			.item-added ul.item-description li ul.tools {
 				list-style: none;
 				visibility: hidden;
 				position: absolute;
 				top: 0;
 				right: 1px;
 				cursor: default;
 				width: 140px;
 				height: 30px;
 				background: #FFF;
 			}
 			.item-added ul.item-description li ul.tools li .item-remove {
 				width: 30px;
 			}
 			.item-added ul.item-description li ul.tools li .item-show-hide-details {
 				margin: 4px 0;
 				padding: 0 5px 0 30px;
 				text-align: right;
 				display: block;
 				background: #ffffff;
 				height: 22px;
 				color: #696d6f;
 				font-size: 11px;
 				line-height: 22px;
 			}
 			.item-added ul.item-description li ul .item-show-hide-details a,
 			.item-added ul.item-description li ul .item-show-hide-details a:link,
 			.item-added ul.item-description li ul .item-show-hide-details a:visited {
 				display: block;
 				height: 30px;
 				color: #00bce4;	
 			}
 			.item-added ul.item-description li ul .item-show-hide-details a:hover,
 			.item-added ul.item-description li ul .item-show-hide-details a:active {
 				text-decoration: underline;
 			}
 			.item-added ul.item-description.hover,
 			.item-added ul.item-description:hover {
 				position: relative;
 				cursor: default;
 			}
 			.item-added ul.item-description li ul li {
 				float: right;
 			}
 			.item-added ul.item-description:hover > li ul.tools {
 				visibility: visible;
 			}

 /* -- ITEM DROP DOWN DETAILS -- */

.facebook-publish
{
    background: #425d95;
	border-top: 5px solid #313131;
	color: #FFF;
	padding: 5px;
	padding-bottom: 2px;
}

.facebook-publish textarea.empty
{
    color: #666;
}
.facebook-publish textarea
{
	margin: 0px;
	margin-top: 5px;
	padding: 3px 5px;
	border: none;
	background: #d5ddf2;
	color: #1F1F1F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 464px;
	height: 50px;
}
.facebook-publish textarea:focus
{
	outline: none;
    border: 2px solid #00aace;
    padding: 1px 3px;
}


.item-notes
{
	border-top: 5px solid #313131;
}

 			.item-details {
 				border-top: 5px solid #313131;
 				background: url(../images/item_dd_info_bg.gif) repeat-y;
 			}
            table.exercise-details {
            	border-top: 5px solid #313131;
            }	
            	table.item-details tr td {
            		color: #1c1d1e;
            	}
            		table.item-details tr td h1 {
            			color: #1c1d1e;
            			font-size: 12px;
            			font-weight: bold;
            			line-height: 18px;
            			height: 24px;
            		}	
            		table.item-details tr td label,		
            		table.exercise-details tr td label {
            			padding-bottom: 3px;
            			display: block;
            			font-size: 11px;
            			color: #1b1b1b;
            		}
            		table.exercise-details tr td.exercise-input{
            			padding: 10px;
            			width: 464px;
            		}			
            			.item-size-input table tr th,
            			.exercise-details table tr th {
            				padding-bottom: 3px;
            				font-size: 11px;
            				font-weight: normal;
            				color: #1f1f1f;
            				text-align: left;
            			}
            			.item-size-input table tr td,
            			.exercise-details table tr td {
            				font-size: 11px;
            				font-weight: normal;
            				color: #1f1f1f;
            				text-align: left;
            			}
 				.item-size {
 					border-right: 5px solid #313131;
 					padding: 10px;
 					width: 277px;
 					background: #FFFFFF;
 					float: left;
 				}
 					.item-size-input {
 						padding-bottom: 10px;
 						border-bottom: 1px solid #a4a5aa;
 					}
 					.item-quantity {
 						width: 65px;
 						float: left;
 					}
 					.item-serving-size {
 						width: 210px;
 						float: right;
 					}	
 						.item-size label {
 							padding-bottom: 3px;
 							display: block;
 							font-size: 11px;
 							color: #1f1f1f;
 						}			
 						.item-quantity input.quant-field {
 							padding: 3px 0 0 5px;
 							border: none;
 							background: url(../images/input_quantity_60.gif) no-repeat;
 							color: #1F1F1F;
 							font-family: Verdana, Arial, Helvetica, sans-serif;
 							font-size: 11px;
 							width: 55px;
 							height: 17px;
 						}
 						.item-serving-size span.select {
 							width: 180px;
 							background: url(../images/dd_210.jpg) no-repeat;
 						}	
 					.item-calories {
 						font-size: 14px;
 						color: #313131;
 					}
 						.item-calories span.calories-number{
 							font-size: 48px;
 							line-height: 70px;
 							font-weight: bold;
 						}

.item-nutrition
{
	padding: 10px;
	text-align: right;
	font-size: 10px;
	width: 162px;
	background: #FFFFFF;
	color: #231f20;
	float: right;
}
 					.item-nutrition table {
 						padding: 0;
 						margin: 0;
 					}
 					.item-nutrition table tr th {
 					    text-align: right;
 					    color: #231f20;
 						height: 15px;
 						line-height: 16px;
 					}
 					.item-nutrition table tr td {
 					    text-align: right;
 					    color: #231f20;
 						border-top: #e1e1e3 solid 1px;
 						height: 15px;
 						line-height: 16px;
 					}
.item-nutrition table tr td.nutcat
{
	text-align: left;
	font-weight: bold;
}

.item-nutrition table tr td.nutcat-light
{
    padding-left: 10px;
    font-weight: normal;
}


/**
 * Meal History
 * {{{
 */
 /* -- MEAL / ITEM ROLL OVER -- EDIT MEAL / ITEM TOOLS -- */	

 .meal {
 	width: 400px;
 	color: #FFFFFF;
 }
 ul.meal-header,
 ul.meal-header li,
 ul.meal-header ul,
 ul.meal-item,
 ul.meal-item li,
 ul.meal-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
 }
 ul.meal-header,
 ul.meal-item {
 	position: relative;
 	padding: 0 10px;
 	background: #1f1f1f;
 	height: 30px;
 	line-height: 29px;
 	list-style: none;
 }
 ul.meal-item {
 	background: #313131;
 	border-bottom: 1px solid #3C3F42;
 }

 ul.meal-item.over,
 ul.weight-item.over
 {
     background: #2a2a2a;
 }
 ul.no-border {
 	border-bottom: none;
 }
 	ul.meal-header li.meal-group,
  	ul.meal-item li.meal-group,
 	ul.meal-header li.meal-group.hover,
 	ul.meal-header li.meal-group:hover,
 	ul.meal-item li.meal-group.hover,
 	ul.meal-item li.meal-group:hover {
 	 position: relative;
 	 cursor: default;
 	}
 	ul.meal-header li.meal-group dl,
 	ul.meal-item li.meal-group dl {
 		padding: 0;
 		margin: 0;
 		height: 30px;
 		list-style: none;
 	}

html>body ul.meal-item,
html>body ul.meal-item li.meal-group dl
{
    height: auto;
    min-height: 30px;
}

 	ul.meal-header li.meal-group dl dd.meal-type {
 		padding: 0;
 		margin: 0;
 		font-size: 14px;
 		font-weight: bold;
 		color: #fccf02;
 		float: left;
 	}
 	ul.meal-header li.meal-group dl dt.meal-time {
 		padding: 0;
 		margin: 0;
 		font-size: 12px;
 		font-weight: normal;
 		color: #e3e3e3;
 		float: right;
 	}
 	ul.meal-item li.meal-group dl dd.food-name {
 		padding: 0;
 		margin: 0;
 		font-size: 12px;
 		font-weight: bold;
 		float: left;
 		width: 75%;
 	}
 		.food-name-description {
 			font-size: 11px;
 			font-weight: normal;
 		}
 	ul.meal-item li.meal-group dl dt.food-size {
 		padding: 0;
 		margin: 0;
 		font-size: 11px;
 		float: right;
 	}

ul.meal-header .note-icon
{
	background: url(../images/meal_note.png) no-repeat;
    position: absolute;
    top: 0;
    right: 100px;
    height: 30px;
    width: 24px;
}

 		ul.meal-header li ul.tools,
 		ul.meal-item li ul.tools
 		{
            display: none;
 		    position: absolute;
 		    top: 0;
 		    left: -85px;
 		 	padding-right: 5px;
 			width: 80px;
 			height: 30px;
 		}

ul.meal-header li ul.tools.tools-with-note,
ul.meal-item li ul.tools.tools-with-note
{
    left: -109px;
    width: 104px;
}

ul.meal-item li ul.tools-no-copy
{
    left: -60px;
    width: 55px;
}

ul.meal-item li ul.tools-no-edit
{
    left: -61px;
    width: 56px;
}

 			ul.meal-header li ul li,
 			ul.meal-item li ul li {
 				float: left;
 			}
 			ul.meal-header li.hover > ul,
 			ul.meal-item li.hover > ul {
 			 visibility: visible;
 			}

/* -- HISTORY MOUSE OVER NUTRITION FACTS -- */

	.meal .item-info-arrow,
	.meal-item .item-info-arrow
	{
		background: url(../images/over_meal_arrow.png) no-repeat;
		width: 11px;
		height: 26px;
		left: -10px;
		top: 31px;
		position: absolute;
	}
	.meal .item-nutrition,
	.meal-item .item-nutrition
	{
	    width: 202px;
	    display: none;
		position: absolute;
		float: none;
		top: -30px;
		right: -45px;
		padding: 9px;
		background: #f9f9f9;
		border: #e9e9e9 1px solid;
	}
	.meal .item-calories,
	.meal-item .item-calories
	{
		text-align: left;
		font-size: 12px;
		border-bottom: #a1a3a8 1px solid;
	}

.meal .item-nutrition .note,
.meal-item .item-nutrition .note
{
    color: #666;
    font-size: 10px;
    line-height: 14px;
    font-style: italic;
    text-align: left;
	border-top: #a1a3a8 1px solid;
	padding-top: 6px;
}

		.meal .item-calories span.item-calories-number,
		.meal-item .item-calories span.item-calories-number
		{
			font-size: 24px;
			line-height: 30px;
			font-weight: bold;
		}


/**
 }}}
 */



 /* -- WEIGHT / ITEM ROLL OVER -- EDIT WEIGHT / ITEM TOOLS -- */	

 .weight {
 	width: 400px;
 	color: #FFFFFF;
 }
 ul.weight-item,
 ul.weight-item li,
 ul.weight-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
 }
 ul.weight-item {
 	position: relative;
 	padding: 0 10px;
 	background: #1f1f1f;
 	height: 30px;
 	line-height: 29px;
 	list-style: none;
 }
html>body ul.weight-item
{
    height: auto;
    min-height: 30px;
}
 ul.weight-item {
 	background: #313131;
 	border-bottom: 1px solid #3C3F42;
 }
ul.weight-item .note,
.meal-note
{
	background: url(../images/meal_note.png) left -6px no-repeat;
    color: #ABABAB;
    font-style: italic;
    padding-left: 30px;
    line-height: 16px;
    padding-bottom: 12px;
}

.meal-note
{
	background: #46443d url(../images/meal_note.png) 5px -2px no-repeat;
	padding: 5px 8px;
    padding-left: 35px;
}

 ul.no-border {
 	border-bottom: none;
 }
 	ul.weight-item li.weight-group
 	{
 	    position: relative;
 	    cursor: default;
 	}
 	ul.weight-item li.weight-group dl {
 		padding: 0;
 		margin: 0;
 		height: 30px;
 		list-style: none;
 	}
 	ul.weight-item li.weight-group dl dd {
 	    position: relative;
 		padding: 0;
 		margin: 0;
 		font-size: 12px;
 		font-weight: bold;
 		float: left;
 	}

    .weight-type
    {
        width: 150px;
        font-weight: normal;
        float: right;
        text-align: left;
    }

 	ul.weight-item li.weight-group dl dt {
 		padding: 0;
 		margin: 0;
 		font-size: 11px;
 		float: right;
 	}
 		ul.weight-item li ul.tools {
            display: none;
 		    position: absolute;
 		    top: 0;
 		 left: -60px;
 		 z-index: 1002;
 		 cursor: default;
 		 	padding-right: 5px;
 			width: 55px;
 			height: 30px;
 		}
 			ul.weight-item li ul li {
 				float: left;
 			}
 			ul.weight-item li.hover > ul {
 				visibility: visible;
 			}



.dialogBorderT
{
    position: absolute;
    left: 10px;
    top: 0;
    right: 10px;
    height: 10px;
    background: url(../images/dialog_t.png);
}
.dialogBorderB {
 	position: absolute;
 	left: 10px;
 	bottom: 0;
 	right: 10px;
 	height: 10px;
 	background: url(../images/dialog_b.png);
}
.dialogBorderL {
 	position: absolute;
 	left: 0;
 	bottom: 10px;
 	top: 10px;
 	width: 10px;
 	background: url(../images/dialog_l.png);
}
 .dialogBorderR {
 	position: absolute;
 	right: 0;
 	bottom: 10px;
 	top: 10px;
 	width: 10px;
 	background: url(../images/dialog_r.png);
 }
 .dialogBorderTL {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 10px;
 	height: 10px;
 	background: url(../images/dialog_tl.png);
 }
 .dialogBorderTR {
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 10px;
 	height: 10px;
 	background: url(../images/dialog_tr.png);
 }
 .dialogBorderBL {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	width: 10px;
 	height: 10px;
 	background: url(../images/dialog_bl.png);
 }
 .dialogBorderBR {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	width: 10px;
 	height: 10px;
 	background: url(../images/dialog_br.png);
 }




/**
 * Add food dialog
 */
#add-food-dialog,
.dialog
{
    position: absolute;
    width: 250px;
    display: none;
}

.dialog.dialog-wide
{
    width: 410px;
}

#add-food-dialog.dialog-double
{
    width: 500px;
}

#add-food,
.dialog-content
{
 	padding: 5px;
 	background: #e9e9e9;
 	font-size: 10px;
 	color: #1b1b1b;
 	margin: 0px;
}

.dialog-content a
{
    color: #399ffb;
}

.dialog-content p
{
    padding: 5px 0px;
}

#add-food h1,
.dialog-content h1
{
 		padding-left: 5px;
 		background: #1c1c1c;
 		color: #f2c71e;
 		line-height: 20px;
 		font-size: 12px;
 		font-weight: bold;
 	}
 	.add-description {
 		margin: 0 5px;
 		padding: 10px 0 5px 0;
 	}

#add-food .add-description
{
    border-bottom: 5px solid #c6c6c6;
}


#sub-page-dialog
{
 	background: #e9e9e9;
    width: 640px;
    height: 500px;
    overflow: hidden;
}

#sub-page-dialog .close-dialog
{
    position: absolute;
    top: 8px;
    right: 25px;
}

#sub-page-dialog .dialog-content
{
    width: 630px;
    height: 490px;
    overflow: auto;
}

#sub-page-dialog .dialog-content h1
{
    margin-bottom: 12px;
}

#sub-page-dialog .dialog-content p
{
    padding: 0px 5px;
    margin-bottom: 12px;
}
#sub-page-dialog .dialog-content blockquote
{
    padding-left: 32px;
    margin-bottom: 12px;
    font-weight: normal;
	line-height: 14px;
}
#sub-page-dialog .dialog-content h2
{
    font-size: 12px;
    padding: 3px 5px;
    background: #c6c6c6;
    margin-bottom: 12px;
}

#sub-page-dialog .dialog-content ul
{
    list-style-type: disc;
    margin-bottom: 12px;
}

#sub-page-dialog .dialog-content ul li
{
    margin-left: 36px;
}


 /* -- FORM -- */

 	#add-food label,
 	.dialog-content label
 	{
 		padding-bottom: 3px;
 		display: block;
 		font-size: 10px;
 		font-weight: bold;
 		color: #1b1b1b;
 	}			
 	#add-food input.add-230,
 	.dialog-content input.add-230
 	{
 		margin-bottom: 5px;
 		padding: 3px 0 0 5px;
 		border: none;
 		background: url(../images/input_add_230.gif) no-repeat;
 		color: #1F1F1F;
 		font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 11px;
 		width: 225px;
 		height: 17px;
 	}
 	textarea.add-230
 	{
 		margin-bottom: 5px;
 		padding: 3px 5px;
 		border: 1px solid #c6c6c6;
 		background: #FFF;
 		color: #1F1F1F;
 		font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 11px;
 		width: 218px;
 		height: 100px;
 	}
 	#add-food input.add-50,
 	.dialog-content input.add-50
 	{
 		margin-bottom: 5px;
 		padding: 3px 0 0 5px;
 		border: none;
 		background: url(../images/input_add_50.gif) no-repeat;
 		color: #1F1F1F;
 		font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 11px;
 		width: 45px;
 		height: 17px;
 	}

    .dialog-content input.add-50.mask
    {
 		padding: 3px 5px 0 0;
    }

 	#add-food input.add-30,
 	.dialog-content input.add-30
 	{
 		margin-bottom: 5px;
 		padding: 3px 0 0 5px;
 		border: none;
 		background: url(../images/input_add_30.gif) no-repeat;
 		color: #1F1F1F;
 		font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 11px;
 		width: 25px;
 		height: 17px;
 	}	

 	.dialog-content span.select
 	{
 		width: 20px;
 		background: url(../images/dd_50.gif) no-repeat;
 	}

    span.select.drop-down-170,
    .dialog-content span.select.drop-down-170
    {
		width: 140px;
		background: url(../images/dd_170.gif) no-repeat;
	}

    span.select.drop-down-230,
    .dialog-content span.select.drop-down-230
    {
		width: 200px;
		background: url(../images/dd_230.gif) no-repeat;
	}

    span.select.drop-down-210
    {
		width: 180px;
		background: url(../images/dd_210.gif) no-repeat;
	}

    .dialog-content span.select.drop-down-125
    {
        width: 95px;
		background: url(../images/dd_add_125.gif) no-repeat;
	}

    .dialog-content span.select.drop-down-170
    {
		background: url(../images/dd_add_170.gif) no-repeat;
	}

    .dialog-content span.select.drop-down-230
    {
		background: url(../images/dd_add_230.gif) no-repeat;
	}

    .dialog-content span.select.drop-down-80
    {
        width: 50px;
		background: url(../images/dd_add_80.gif) no-repeat;
	}

 /* -- NUTRITIONAL FACT -- */	

 	#add-food ul.add-property,
 	.dialog-content ul.add-property
 	{
 		padding-top: 5px;
 		margin: 0 5px;
 		border-bottom: 1px solid #c6c6c6;	
 	}

.add-property.left,
.add-property.right
{
    width: 230px;
}

.add-description .add-property
{
    margin-left: 90px;
    width: 140px;
}

.dialog-content ul.add-serves
{
	border-top: 1px solid #c6c6c6;
	border-bottom: none;
}


 	#add-food ul.add-calories {
 		border-bottom: 3px solid #c6c6c6;		
 	}
 	
 		#add-food ul,
 		.dialog-content ul
 		{
 			list-style: none;
 		}
 	#add-food ul.add-property li,
 	.dialog-content ul.add-property li
 	{
 		font-weight: bold;
 		line-height: 20px;
 	}
 	#add-food ul.add-property li .add-fact,
 	.dialog-content ul.add-property li .add-fact
 	{
 		width: 90px;
 		float: left;
 		clear: both;
 	}
 	#add-food ul.add-property li ul li .add-fact,
    .dialog-content ul.add-property li ul li .add-fact
 	{
 		padding-left: 10px;
 		width: 80px;	
 		font-weight: normal;
 	}
 	#add-food .add-property input.add-50,
 	.dialog-content .add-property input.add-50
 	{
 		margin-bottom: 5px;
 		float: left;
 	}

 /* -- VITAMIN FACT -- */

 	#add-food ul.add-vitamin {
 		margin: 0 5px;
 	}
 	#add-food ul.add-vitamin-top {
 		border-top: 4px solid #c6c6c6;
 	}
 	#add-food ul.add-vitamin li {
 		padding-top: 5px;
 		font-weight: bold;
 		line-height: 20px;
 		border-bottom: 1px solid #c6c6c6;
 	}
 		#add-food ul.add-vitamin li.left {
 			width: 115px;
 			float: left;
 		}
 		#add-food ul.add-vitamin li.right {
 			text-align: left;
 			width: 115px;
 			float: right;
 		}
 	#add-food ul.add-vitamin li .add-fact {
 		width: 62px;
 		float: left;
 	}
 	#add-food .add-vitamin input.add-30 {
 		margin-bottom: 5px;
 		float: left;
 	}

 .add-unit {
 	height: 20px;
 	padding-left: 2px;
 	font-size: 9px;
 	font-weight: normal;
 	line-height: 20px;
 	color: #717171;
 }

 /* -- BUTTONS -- */	

 		#add-food .buttons,
 		.dialog-content .buttons 
 		{
 			padding-top: 10px;
 			padding-right: 5px;
 			height: 20px;
 			margin-bottom: 0px;
 			overflow: hidden;
 		}
 			#add-food .buttons ul,
 			.dialog-content .buttons ul
 			{
 				list-style: none;
 			}
 				#add-food .buttons ul li,
 				.dialog-content .buttons ul li
 				{
 					float: right;				
 				}
 					#add-food .buttons a.text-button,
 					.dialog-content .buttons a.text-button
 					{
 						padding: 0 5px;
 						display:block;
 						font-size: 11px;
 						font-weight: normal;
 						line-height: 15px;
 						height: 20px;
 						color: #505050;
 						background-color: #e9e9e9;
 					}
 					#add-food .buttons a.text-button:link,
 					#add-food .buttons a.text-button:visited,
 					.dialog-content .buttons a.text-button:link,
 					.dialog-content .buttons a.text-button:visited
 					{
 						color: #505050;
 					}
 					#add-food .buttons a.text-button:hover,
 					#add-food .buttons a.text-button:active,
 					.dialog-content .buttons a.text-button:hover,
 					.dialog-content .buttons a.text-button:active
 					{
 						color: #E5BD0F;
 					}

 /* -- CSS3 Rounded Corners -- */

 					#add-food .button a,
 					.dialog-content .button a
 					{
 						font-size: 11px;
 						font-weight: bold;
 						color: #313131;
 						background-color: #717374;
 						-moz-border-radius: 2px;
 						-webkit-border-radius: 2px;
 						padding: 2px 5px 3px 5px;
 						*display: block;
 					}	
 					#add-food .button a:link,
 					#add-food .button a:visited,
 					.dialog-content .button a:link,
 					.dialog-content .button a:visited
 					{
 						background-color: #717374;
 					}
 					#add-food .button a:hover,
 					#add-food .button a:active,
 					.dialog-content .button a:hover,
 					.dialog-content .button a:active
 					{
 						background-color: #E5BD0F;
 					}


/* -- SEARCH AUTOFILL DROPDOWN -- */

.autofill {
	position: absolute;
    top: 72px;
	padding: 1px;
	background: #FFF;
	border: 1px solid #e9e9e9;
	width: 500px;
}
.af-arrow {
	position: absolute;
	background: url(../images/autofill_arrow.gif) no-repeat;
	overflow: hidden;
	height: 11px;
	width: 24px;
	top: -11px;
	left: 238px;
}

.autofill-content {
    overflow: auto;
	max-height: 269px;
}
.autofill-scrollbar {
	position: relative;
	background: url(../images/autofill_scrollbar_bg.gif) repeat-y;
	width: 21px;
	height: 269px;
	float: right;
}
	.scroll-up {
		position: absolute;
		top: 0;
	}
	.scroll-down {
		position: absolute;
		bottom: 0;
	}
	.af-header {
		padding-left: 6px;
		background: #9c9c9c;
		height: 20px;
		font-size: 12px;
		font-weight: bold;
		line-height: 20px;
		color: #FFF;
	}
	.af-item {
		padding-left: 6px;
		border-top: #e3e3e3 1px solid;
		height: 32px;
		font-size: 14px;
		font-weight: normal;
		line-height: 32px;
		color: #2f2f2f;
	}
	html>body .af-item
	{
	    height: auto;
	    min-height: 32px;
	}
	.af-item.selected
	{
		background: #ebebeb;
		cursor: pointer;
	}
		.autofill .first {
			border: none;
		}
	.af-food,
	.af-meal,
	.af-recipe,
	.af-usda,
	.af-brand,
	.af-restaurant
	{
		height: 32px;
		padding-left: 32px;
		font-weight: normal;
	}
	.af-food,
	.af-brand
	{
		background: url(../images/autofill_icon_food.gif) no-repeat;
	}
	.af-food.selected, .af-brand.selected {
		background: #ebebeb url(../images/autofill_icon_food.gif) 0 -96px no-repeat;
	}
	.af-meal, .af-restaurant {
		background: url(../images/autofill_icon_meal.gif) no-repeat;
	}	
	.af-meal.selected, .af-restaurant.selected {
		background: #ebebeb url(../images/autofill_icon_meal.gif) 0 -96px no-repeat;
	}
	.af-recipe {
		background: url(../images/autofill_icon_recipe.gif) no-repeat;
	}
	.af-recipe.selected {
		background: #ebebeb url(../images/autofill_icon_recipe.gif) 0 -32px no-repeat;
	}
	.af-usda {
		background: url(../images/autofill_icon_usda.gif) no-repeat;
	}
	.af-usda.selected {
		background: #ebebeb url(../images/autofill_icon_usda.gif) 0 -96px no-repeat;
	}
	.af-description {
		font-weight: normal;
	}



    /* -- CLIENTS -- MY FOODS -- */

.my-foods-list {
	padding: 10px;
	background: #313131;
	width: 400px;
	height: 559px;
	font-size: 11px;
	color: #D1D1D0;
	float: right;
}
html>body .my-foods-list
{
    height: auto;
    min-height: 559px;
}
    	.my-foods-list-header {
    		padding: 0 10px;
    		background: url(../images/results_graph_header_bg.gif) repeat-x;
    		width: 380px;
    		height: 30px;
    		line-height: 30px;
    		font-size: 14px;
    		color: #e6e6e6;
    	}
    		.my-foods-list-header a,
    		.my-foods-list-header a:link,
    		.my-foods-list-header a:visited {
    			font-size: 11px;
    			color: #facd03;
    		}
    		.my-foods-list-header a:hover,
    		.my-foods-list-header a:active {
    			color: #facd03;
    			text-decoration: underline;
    		}

.my-exercises-header
{
    margin: 10px;
}

    		.my-foods-list-content {
    			padding-top: 3px;
    			width: 400px;
    			color: #FFFFFF;
    		}
.my-foods-list-content ul.meal-item
{
	padding: 0;
}
.my-foods-list-content ul.meal-item li ul.tools
{
    left: -80px;
}
.my-foods-list-content ul.meal-item li.meal-group dl dd.food-name
{
    width: 25%;
}
.my-foods-list-content ul.meal-item li.meal-group dl dt.food-size
{
    width: 75%;
}

    		.my-foods-food {
    			text-indent: 30px;
    			background: url(../images/my_foods_icon_food.gif) no-repeat;
    		}
    		.my-foods-meal {
    			text-indent: 30px;
    			background: url(../images/my_foods_icon_meal.gif) no-repeat;
    		}
    		.my-foods-recipe {
    			text-indent: 30px;
    			background: url(../images/my_foods_icon_recipe.gif) no-repeat;
    		}




            /* -- FORMS -- */

            /* -- INPUT TEXT FIELDS -- */

            input.text-field {
            	padding: 1px 0 0 3px;
            	font-family: Verdana, Arial, Helvetica, sans-serif;
            	font-size: 11px;
            	height: 17px;
            	color: #4a4e50;
            	border: #484848 1px solid;
            }
            input.text-field.mask-right
            {
                text-align: right;
                padding-left: 0px;
                padding-right: 3px;
            }
            	input.field-30 {
            		width: 25px;
            	}
            	input.field-40 {
            		width: 35px;
            	}
            	input.field-50 {
            		width: 45px;
            	}
            	input.field-60 {
            		width: 55px;
            	}
            	input.field-109 {
            		width: 104px;
            	}	
            	input.field-170 {
            		width: 165px;
            	}	
            	input.field-185 {
            		width: 180px;
            	}	
            	input.field-230 {
            		width: 225px;
            	}	
            	input.field-277 {
            		width: 272px;
            	}	
            	input.field-380 {
            		width: 375px;
            	}	

            /* -- SELECT -- CUSTOM DROPDOWN BOXES -- */


            	/* -- TRACK FOOD -- "ADD A MEAL" MEAL TYPE -- */
            	.dd-mealtype span.select {
            		width: 95px;
            		background: url(../images/dd_125.jpg) no-repeat;
            	}
            	.dd-timeofday span.select {
            		width: 40px;
            		background: url(../images/dd_70.jpg) no-repeat;
            	}
            	.dd-servingsize span.select {
            		width: 53px;
            		background: url(../images/dd_83.jpg) no-repeat;
            	}

            	/* -- TRACK EXERCISE -- EXERCISE DETAILS -- */
            	.dd-exercisetype span.select {
            		width: 200px;
            		background: url(../images/dd_230.gif) no-repeat;
            	}
            	.dd-exercisehours span.select,
            	.dd-exerciseminutes span.select {
            		width: 20px;
            		background: url(../images/dd_50_white.gif) no-repeat;
            	}

            	/* -- ADD FOOD -- *//*
            	#add-food span.select {
            		width: 20px;
            		background: url(../images/dd_50.gif) no-repeat;
            	}*/

            	/* -- GOALS -- */
            	table.goal-wwl tr td input {
            		margin-right: 5px;
            		float: left;
            	}
            	.dd-goal span.select,
            	.dd-axis span.select
            	{
            		width: 233px;
            		background: url(../images/dd_263_grey.gif) no-repeat;
            	}
            	.dd-axis
            	{
            	    color: #c2c2c2;
            	}
            	.dd-unit span.select,
            	.dd-health span.select {
            		width: 20px;
            		background: url(../images/dd_50_grey.gif) no-repeat;
            	}
            	.dd-unit span.select.error,
            	.dd-health span.select.error {
            		background: url(../images/dd_50_grey_error.gif) no-repeat;
            	}
            	.dd-dob-month span.select {
            		width: 140px;
            		background: url(../images/dd_170.gif) no-repeat;
            	}
            	.dd-dob-month span.select.error
            	{
            		background: url(../images/dd_170_error.gif) no-repeat;
            	}
            	.dd-dob-day span.select {
            		width: 30px;
            		background: url(../images/dd_60.gif) no-repeat;
            	}
            	.dd-dob-day span.select.error {
            		background: url(../images/dd_60_error.gif) no-repeat;
            	}
            	.dd-dob-year span.select {
            		width: 50px;
            		background: url(../images/dd_80.gif) no-repeat;
            	}
            	.dd-dob-year span.select.error {
            		background: url(../images/dd_80_error.gif) no-repeat;
            	}
            	/* -- CLIENTS -- */
            	.dd-switch-clients span.select {
            		width: 140px;
            		background: url(../images/dd_170.gif) no-repeat;
            	}



.biometric-added
{
    margin: 4px 0px;
}

.biometric-slider
{
    padding: 5px;
 	width: 494px;
}
.biometric-added.biometric-slider ul.item-description
{
	background: #313131;
}
.biometric-slider table.biometric-details tr td.biometric-input{
	padding: 0px 5px;
	width: 474px;
}			

table.biometric-details
{
    border-top: none;
	font-size: 11px;
	font-weight: normal;
	color: #1f1f1f;
	text-align: left;
}
.biometric-slider table.biometric-details,
.biometric-slider table.biometric-details table tr td
{
    color: #FFFFFF;
}
table.biometric-details tr td label
{
	padding-bottom: 0px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #1b1b1b;
}

.slider-value-lg
{
    color: #f2c708;
    font-weight: bold;
    text-align: center;
    font-size: 32px;
    line-height: normal;
}
.slider-descr-live
{
    color: #f2c708;
}
.slider-value-lg.off,
.slider-descr-live.off
{
    color: #666666;
}
.slider-value-lg.low,
.slider-descr-live.low
{
    color: #95d02e;
}
.slider-value-lg.high,
.slider-descr-live.high
{
    color: #d47d20;
}
.slider-value-lg.max,
.slider-descr-live.max
{
    color: #d11c00;
}


dt.biometric-input
{
    width: 175px;
    float: right;
}

.biometric-input .dd-unit
{
    width: 83px;
}

.dd-unit span.select.drop-down-80
{
	width: 50px;
	background: url(../images/dd_80.gif) no-repeat;
}

.biometric-field input
{
	padding: 2px 3px 0 3px;
	border: 0;
	width: 80px;
	height: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #444;
	float: left;
}
.biometric-field input.empty
{
    color: #ACACAC;
}

.item-notes textarea.empty
{
    color: #666;
}
.item-notes textarea
{
	margin: 0px;
	padding: 3px 5px;
	border: none;
	background: #eee3bd; /*efebab;*/
	color: #1F1F1F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 474px;
	height: 50px;
}
.item-notes textarea:focus
{
	outline: none;
    border: 2px solid #00aace;
    padding: 1px 3px;
}







#user-login-dialog.dialog
{
    position: absolute;
    width: 410px;
    display: none;
}
#user-login
{
	padding: 5px;
	background: #e9e9e9;
	font-size: 10px;
	color: #1b1b1b;
	margin: 5px;    
}
#user-login .buttons
{
	padding-bottom: 3px;
	padding-right: 5px;
	border-top: none;
}
#user-login h1
{
	margin-bottom: 5px;
	padding-left: 5px;
	background: #1c1c1c;
	color: #f2c71e;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
}
#user-login table
{
	margin: 0 5px;
}

#user-login .user-input
{
	border-bottom: 1px solid #c6c6c6;
}
#user-login label
{
	padding-bottom: 3px;
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #1b1b1b;
}
#user-login input
{
	margin-bottom: 10px;
	border: #c6c6c6 1px solid;
}

.alert,
.exercise-details td.alert
{
    background: transparent url(../images/icon_alert.gif) 0px 5px no-repeat;
    padding-left: 20px;
    padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c6c6c6;
	font-weight: bold;
	color: #d11c00;
}
.exercise-details tr.alert,
.exercise-details td.alert
{
    background: transparent url(../images/icon_alert.gif) 0px 5px no-repeat;
    border-bottom: none;
    padding-left: 20px;
    padding-bottom: 0px;
}

.history-content .alert,
.my-foods-list-content .alert
{
    color: #95d02e;
    background: none;
    padding-left: 0px;
    border: none;
    text-align: center;
}

.autofill-content .alert
{
    background: none;
    padding: 12px 0px;
    border: none;
    text-align: center;
}

.my-foods-list-content .alert
{
    padding-top: 15px;
}

.alert a,
.alert a:visited,
.alert a:active,
.alert a:hover
{
    color: #c95712;
    text-decoration: underline;
}

#user-login .cancel a:link,
#user-login .cancel a:visited
{
	color: #717374;
}
#user-login .cancel a:hover,
#user-login .cancel a:active
{
	color: #1C1D1E;
}



span.fraction
{
    font-weight: bold;
}

.biometric-slider-transform
{
    background: transparent url('/images/slider_290.gif') center center no-repeat;
	margin: 0 7px;
	position: relative;
	width: 290px;
	height: 24px;
}

.biometric-slider-transform a.ui-slider-handle
{
    background: transparent url('/images/intake_target_slider.png') top left no-repeat;
    display: block;
    width: 13px;
    margin-left: -7px;
    height: 16px;
	cursor: default;
	position: absolute;
	top: 7px;
}

.biometric-slider-name
{
    font-weight: bold;
    padding-bottom: 5px;
}

.slider-options
{
    display: none;
}

#biometric-entries
{
    display: none;
    padding-top: 6px;
    margin-bottom: -4px;
}

#weight-entry,
#steps-entry
{
    padding-top: 6px;
    margin-bottom: 10px;
}


.footer {
	padding: 20px 0px 15px 0px;
	color: #515354;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	.footer a,
	.footer a:link,
	.footer a:visited {
		color: #515354;
		text-decoration: none;
	}
	.footer a:hover,
	.footer a:active {
		color: #F7CC05;
	}
	.footer-left {
		float: left;
	}
	.footer-right {
		float: right;
	}



/**
 * Contact dialog
 */
 #contact {
 	display: none;
 	top: 100px;
 	left: 40px;
 	position: absolute;
 	color: #FFFFFF;
 	width: 800px;
 	z-index: 5;	
 }
 #contact .contact-inner {
 	padding: 0 30px;
 	background: url(/site/images/contact_bg.png) no-repeat;
 	width: 740px;
 	height: 250px;
 }
 #contact .close-contact {
 	line-height: 1px;
 	position:absolute;
 	right: 9px;
 	top: 9px;
 }
 	.contact-info {
 		padding-top: 65px;
 		padding-right: 30px;
 		width: 416px;
 		font-size: 12px;
 		line-height: 23px;
 		float: left;
 	}
 		.contact-info .contact-company {
 			font-weight: bold;
 			color: #F7CC05;
 		}
 		.contact-info p {
 			padding-bottom: 18px;
 		}
 	.contact-newsletter {
 		padding-top: 65px;
 		padding-left: 25px;
 		width: 269px;
 		float: right;
 	}
 		#contact .contact-newsletter fieldset, #signup form {
 			margin: 0;
 			padding: 0;
 			border: 0px;
 			border: none;
 		}
 		#contact .contact-newsletter fieldset label {
 			text-indent: -9999px;
 			height: 13px;
 			width: 100px;
 			display: block;
 			overflow: hidden;
 		}
 			#contact .contact-newsletter fieldset label.contact-name {
 				background: url(/site/images/contact_label_name.gif) top left no-repeat;
 			}
 			#contact .contact-newsletter fieldset label.contact-email {
 				background: url(/site/images/contact_label_email.gif) top left no-repeat;
 			}	
 		#contact .contact-newsletter fieldset input {
 			margin-bottom: 20px;
         	padding: 4px 3px;
         	font-size: 11px;
 			border: #c4a223 1px solid;
 			background: #eeeeee;
 			width: 264px;
 		}
 		#contact fieldset label {
 			padding-bottom: 2px;
 			display:block;
 			font-size: 12px;
 			color: #FFFFFF;
 			overflow: hidden;
 		}
 		#contact .button {
 			float: right;
 		}







#form-errors
{
    color: #990000;
    margin-bottom: 11px;
	padding: 8px 11px;
    background: #ffccb7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#form-errors a
{
    color: #990000;
}

#form-errors p
{
    padding: 11px 0px;
}

#form-errors dl,
#form-errors ul
{
    color: #313131;
}

#form-errors dl dt
{
    clear: both;
    float: left;
    width: 150px;
    background: transparent url(../images/icon_alert.gif) top left no-repeat;
    padding-left: 20px;
	padding-bottom: 11px;
	font-weight: bold;
}

#form-errors dl dd
{
    float: left;
    font-style: italic;
    padding-left: 20px;
    padding-bottom: 11px;
}

#form-errors ul li
{
    list-style: none;
    background: transparent url(../images/icon_alert.gif) top left no-repeat;
    font-style: italic;
    padding-left: 20px;
    padding-bottom: 11px;
}


#form-errors .title
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	text-transform: uppercase;
	border-bottom: none;
}

label.error
{
    color: #FF9B87;
    font-weight: bold;
}

input.error
{
    color: #1C1D1E;
    background: #ffccb7;
}

select.error
{
    color: #1C1D1E;
    background: #ffccb7;
}

#reset-password-dialog label
{
    font-weight: normal;
}

#new-user-welcome
{
    color: #1C1D1E;
    margin-bottom: 11px;
	padding: 8px 11px;
    background: #d7ff72;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#new-user-welcome .goal-title
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #79b300;
	text-transform: uppercase;
	border-bottom: none;
}

#new-user-welcome p
{
    padding-top: 11px;
}

.b-right label
{
    color: #C2C2C2;
    vertical-align: middle;
    margin-right: 16px;
}

.b-right label input
{
    vertical-align: middle;
    line-height: normal;
}

#loginForm p
{
    color: #C2C2C2;
}