/*
	Standard Nutritter Styles
*/

* {
  margin:0;
  padding:0;
  font-family: 'Lucida Grande',arial, sans-serif;
}

body { 
	background:#b5d17b url(img/bg.gif);
	margin:0;
	padding:0;
	font-size:12px;
	color:#333333;
}

.form-field-error-message {
    color: #FF0000;
}

.nutritter_form .radio_field {
  float: left;
  margin-right: 16px;
}
.nutritter_form .radio_field label {
  float: none;
  margin-left: 3px;
  width: auto;  
}
.nutritter_form .radio_field input {
  margin-top: 6px;
}

a { color:#5a7324; text-decoration: none; cursor:pointer; }
/*a:hover { text-decoration:underline; }*/
a img { border:0; }

#top { height:5px; background-color:#ffffff; }

#wrap { width:900px; margin:0 auto; text-align:left; position:relative; }

h2 { font-weight:normal; font-size:2em; }
h3 { font-weight:bold; font-size:1.5em; }

table { border-collapse:collapse; }

.bttn {
	background:transparent url(img/submit.gif) repeat scroll left center;
	border:0 none;
	color:#FFFFFF;
	font-size:14px;
	padding:3px 10px;
	cursor:pointer;
}
.bttn a:hover { text-decoration: none; }

input.submit { cursor:pointer; }

.avatar-block { text-align: center; }
.avatar-block-name { font-weight: bold; font-size: 0.9em; }
.avatar-block-avatar { border: 1px solid #E0E0E0; background-color: #FFFFFF; }
.unconfirmed-food-feed-container .avatar-block-avatar { border: 0px; }

/* 
	Standard Form
*/
.nutritter_form, .nutritter_box {
	background: #f4f4f4;
	border: 1px solid #cccccc;
}
.nutritter_form h3, .nutritter_box h3, #daily-values-calculator h3 { 
	background: #80a046;
	padding: 2px 15px;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
}
.nutritter_form fieldset { 
	border-color:#cccccc;
	border-style:solid;
	border-width:0 0 1px;
	padding:10px;
	margin:0 10px;
}
.nutritter_form input.text {
	padding: 4px;
	border: 1px solid #cccccc;
	width: 305px;
}
.nutritter_form label {
	width:10em;
	float:left;
	cursor:pointer;
	margin-top:6px;
}
.nutritter_form select {
	width: 315px;
	border: 1px solid #cccccc;
	padding: 3px 2px 3px 1px;
}
.nutritter_form .field { 
	margin:6px 0px;
}
.nutritter_form .field-submit { 
	text-align:right;
	padding:10px;
}
.nutritter_box { padding:0 10px 10px; }
.nutritter_box h3 { margin:0 -10px 10px; }
/*--------------------*/
/*-------- Header ----*/
/*--------------------*/

#header { text-align:left; margin:0 0 0 0; }
	#header h1 { padding-top:15px; margin:0 15px 0 15px; }

#header #top-right-header { position:absolute; top:0; right:15px;  }
#header #user-header { color:#666666; float:right; margin:5px 5px 0 0;  }
#header #user-header .user-avatar { float:left; margin-right:10px; background-color:#ffffff; }
#header #user-header .user-avatar img { border:1px solid #cccccc; }
#header #user-header .user-content { float:left; }
#header #user-header .user-content a { color:#666666; font-weight:bold; text-decoration:underline; }
#header #logout { list-style:none; float:right; }
	#header #logout li { float:right; margin-left:10px; padding:3px 5px 2px 5px; font-size:10px; }
	#header #logout li a { color:#ffffff; font-weight:bold; }
	#header #logout li.active { background-color:#ffffff; }
	#header #logout li.active a { color:#5a7324; }

#accountTop { position:absolute; top:8px; left:590px; width:215px; }
	#accountTop .userImage { float:left; height:25px; width:25px; border:1px solid #ffffff; }
	#accountTop p { margin-left:35px; }
	#accountTop p a { text-decoration:underline; font-weight:bold; }
	#accountTop p span { font-size:10px; }

/*--------------------*/
/*-------- Menu ------*/
/*--------------------*/

	#main-wrap { margin-top:0px; }

	ul#menu { list-style:none; float:right; margin-right:15px; margin-top: -20px; }
		ul#menu li { float:right; border:2px solid #ffffff; height:27px; margin:0 -2px -2px 0; font-size:14px; }
		ul#menu li a { display:block; line-height:27px; background-color:#dbdbdb; padding:0 15px; color:#888888; }
		ul#menu li a:hover { text-decoration:none; }
		ul#menu li a.selected { background-color:#ffffff; color:#000; }

	#content { background-color:#ffffff; clear:both; border:1px solid #ffffff; padding:15px; }

.tabbed-nav-menu { border-bottom:1px solid #cccccc; }
ul.nav-menu-tabs { list-style:none; margin-left:1em; }
ul.nav-menu-tabs li { float:left; background-color:#f3f3f3; border:1px solid #cccccc; margin:0 -1px -1px 0; font-size:1.08em; }
ul.nav-menu-tabs li a { display:block;  padding:6px 15px; color:#666666; }
ul.nav-menu-tabs li a:hover { text-decoration:none; }
ul.nav-menu-tabs li.selected { background-color:#ffffff; border-bottom:1px solid #ffffff; }
ul.nav-menu-tabs li.selected a { color:#333333; font-weight:bold;}

/*----------------------------*/
/*-------- Eating Form -------*/
/*----------------------------*/
	
.info-panel { 
    border: 1px solid #e2e2e2;
    font-size: 1.3em;
    padding: 0.4em;
    padding: 0.5em;
    text-align: left;
    background-color: #fffdd0;
    margin: 1em 0;
}
.info-panel .info-msg { width: 33em; float: left; }
.empty-search-panel { 
    background-color: #f8bdbd;
}


	#frm-what-did-you-eat-last { background-color:#f4f4f4; border:1px solid #bbbbbb; padding:10px 15px; margin-bottom:15px; }
		#frm-what-did-you-eat-last h3 { color:#333; font-size:22px; font-weight:normal; margin:0 0 10px 0; }
		#frm-what-did-you-eat-last textarea { 	height: 2.5em; width: 825px; padding: 5px; overflow: auto; resize: none; border: 1px solid #bbbbbb; color:#999; }
	#frm-what-did-you-eat-last div.status-btn { text-align:right; margin:10px 0 0 15px;  }
	#frm-what-did-you-eat-last div.status-btn input.round-btn { background:url(img/submit.gif); width:75px;height:28px;border:0;color:#666;font-size:14px;margin-left:3px; color:#ffffff; }

	
	/*----------------------------*/
	/*---------- Content ---------*/
	/*----------------------------*/
	
	#food-feed-wrap { position:relative; }

	#top-left-right-wrap { background:#ffffff; }
	#left-panel { float:left; width:555px; }
	#right-panel { float:right; width:300px; }
	#right-panel .ad { margin:10px 0px; }
	
	.food-feed .show_friends { float:right; }
	.food-feed ul { padding-left:5em; }
	.food-feed ul li { list-style-image:url('/img/green_arrow.png'); font-size:1.17em; margin-top:20px; }
	.food-feed h3 { background: url(img/date-bg.gif) bottom right repeat-x; font-size: 14px; font-weight: normal; color:#000; }
	.food-feed h3 span { background: #ffffff url(img/date-arrow.gif) right center no-repeat; padding-right: 25px; font-size: 14px; }
	
		#left-panel .food-feed-container { clear:both; color: #333; margin: 0 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #DDD; }
		
		#left-panel .food-part { padding-bottom: 10px; }

		#left-panel .food-feed-container.first { border: none; }
		
		#left-panel .food-feed-user-part { float: left; margin-right: 10px; position: relative;  }
						
		#left-panel .food-feed-user-part .unconfirmed { position: absolute; top:0; left:0; }
		
		#left-panel .food-title { margin-left: 72px; font-size: 1.5em; color: #333; }
		
		#left-panel .food-attributes { margin-left: 72px; font-size: 12px; }
		
		#left-panel .expanded-food-attributes { }
		
		#left-panel .manage-icons { font-size: 10px; color: #999; line-height: 15px; margin:5px 0 0 72px; }
		#left-panel .manage-icons p { line-height:18px; }
		#left-panel .manage-icons img { vertical-align:middle; }
		#left-panel .manage-icons a { margin-right:10px; }
		#left-panel a.add_icon,
		#left-panel a.delete_icon,
		#left-panel a.trash_icon,
		#left-panel a.edit_icon { float:left; display:block; width:16px; height:16px; }
		#left-panel a.add_icon { background-image:url(/img/icon-add-gray.png); }
		#left-panel a.add_icon:hover { background-image:url(/img/icon-add.png); }
		#left-panel a.delete_icon { background-image:url(/img/icon-trash-gray.png); }
		#left-panel a.delete_icon:hover { background-image:url(/img/icon-trash.png); }
		#left-panel a.trash_icon { background-image:url(/img/icon-trash-gray.png); }
		#left-panel a.trash_icon:hover { background-image:url(/img/icon-trash.png); }
		#left-panel a.edit_icon { background-image:url(/img/icon-edit-gray.png); }
		#left-panel a.edit_icon:hover { background-image:url(/img/icon-edit.png); }
		#left-panel a.ingredients_icon { float:none; }
		#left-panel a.eat_bttn { font-size:1em; padding:3px 5px; margin-left:5px; }
		#left-panel .manage-icons .tstamp { float: right; }
		#left-panel .trash-icon { float:left; margin-right:5px; }
		
		#left-panel .editing input, #left-panel .editing select { border:1px solid #cccccc; }
		#left-panel .editing .food-title input { font-size:1em; font-weight:bold; color:#5A7324; margin-bottom:5px; padding:1px; width:95%; }
		#left-panel .editing .food-attributes input { width:25px; text-align:center; padding:1px; }
		#left-panel .editing .manage-icons .tstamp { color:#333333; font-size:1.5em; }
		#left-panel .editing .manage-icons .tstamp select { margin:0px 1px; width:auto; text-align:right; }
		#left-panel .editing .manage-icons .tstamp .tstamp_year { margin-right:10px; }
		#left-panel .editing .manage-icons .tstamp .tstamp_am { width:45px; }
		#left-panel .editing .manage-icons .manage-bttn { padding:0px 1px; background-color:#FFFFFF; border:1px solid #333333; cursor:pointer; font-size:1em; margin-right:5px; }
		#left-panel .editing .manage-icons .save { background-color:#6F873E; color:#ffffff; }
		
		#left-panel .food-feed-suggest { border: 1px solid #ccd3bc; background-color: #e3eece; margin:10px 0 0 35px; padding:5px 10px 0px; clear: left; }
		#left-panel .food-feed-suggest h4 { background: url(img/date-bg.gif) bottom right repeat-x; margin-bottom:5px; }
		#left-panel .food-feed-suggest h4 span { background-color: #e3eece; padding: 0 10px 0 0; font-weight: normal; }
		#left-panel .food-feed-suggest .food-attributes { padding: 0; }
		#left-panel .food-feed-suggest .food-feed-user-part { clear: left; }
		#left-panel .food-feed-suggest .food-actions { border-top:1px solid #cccccc; clear: left; padding:8px; text-align:center; }
		#left-panel .food-feed-suggest .food-actions a.white_bttn {  background:#FFFFFF none; border:1px solid #333333; color:#333333; padding:2px 10px; text-decoration:none; }
		#left-panel .food-feed-suggest .food-actions .save_it { color:#ffffff; text-decoration:none; }
		#left-panel .food-feed-suggest .food-actions .remove_it { margin:0 125px; }
			.feed-ingredients .ingredient { clear: both; margin-bottom: 5px; padding-left:5px; }
			.food-actions a { color:#5a7324; text-decoration: underline; }
			.food-actions .fleft { float: left; width: 55%; padding: 3px 0 3px 15px; }
			.food-actions .fright { float: right; width: 30%; text-align: right; padding: 3px 15px 3px 0; }
		#left-panel .pending-match-options { margin:5px; padding-top:5px; border-top:1px solid #cccccc; }
		#left-panel .pending-match-rename { width:70%; margin:0px auto; }
		#left-panel .pending-match-rename span { font-weight:bold; }
		#left-panel .pending-match-rename input { margin:0px 5px; }
		#left-panel .pending-match-rename .new_name_field { padding:2px; margin-top:-4px; float:none; }
		#left-panel .pending-match-rename ul { padding-left:20px; margin-bottom:10px; }
		#left-panel .pending-match-rename li { font-size:1em; margin-top:10px; }
		#left-panel .pending-match-save { text-align:right; clear:both; }
		#left-panel .pending-match-save .cancel { background:#FFFFFF none; border:1px solid #333333; color:#333333; margin-right:20px; padding:2px 10px; }
		
		#left-panel .food-feed-suggest.empty_ingredients { border:medium none; padding:0px; margin:0px; }
		#left-panel .empty_ingredients .pending-match-options { border:medium none; }

/*----------------------------*/
/*---------- Side ------------*/
/*----------------------------*/	
	#usr-panel-frequently-eaten .avatar-block-name { display: none; }
	.user-daily-totals , #usr-panel-frequently-eaten, .right-bar-box { 
		border: 1px solid #e2e2e2;
		padding: 10px;
		margin: 15px 0;
		text-align:left;
		position:relative;
		color: #666666;
	}
	.user-daily-totals h3, #usr-panel-frequently-eaten h3 , .right-bar-box h3 { 
		font-size: 1.33em;
		border-bottom:1px solid #E2E2E2;
		padding-bottom:5px;
	}
	.user-daily-totals .as-of-time { 
		position:absolute;
		top:10px;
		right:10px;
		font-size:1.17em;
		font-weight:bold;
	}
	.user-daily-totals p { font-size: 12px; line-height: 150%; }
	.user-daily-totals .more_lnk { float:right; }

/*-----------------------------------*/
/*----------- Right Panel -----------*/
/*-----------------------------------*/
	
	.panel-right { border: 1px solid #E0E0E0; }
	.panel-right  h3 { font-size: 14px; font-weight: normal; color:#ffffff; background-color: #92af58; padding: 2px 10px; }
	.panel-right  h3 .close { float: right; padding-top: 2px; }
	.panel-right  label { display: block; margin: 0 10px 0 10px; padding: 7px 0 0 0; font-size: 12px; color: #333; }
	.panel-right  #add-ingredients-cntnr { border-top: 1px solid #E0E0E0; }
	
	.panel-right .customizeIt { margin: 5px 10px 0 10px; line-height:18px; }
	.panel-right .customizeIt img { display:none; vertical-align:middle; margin-left:10px; }
	.panel-right .customizeIt a { text-decoration: underline; }
	
	.addKeyword { position:relative; margin: 0; background-color: #ededed; font-size: 14px; padding:5px; border-bottom: 1px solid #E0E0E0; }
	.addKeyword table { float:left; line-height:100%; margin-right:5px; }
	.addKeyword .keyword-icon { height:25px; width:25px; float: left; margin:5px 10px 5px 5px; }
	.addKeyword .loading-gif { position:absolute; top:10px; right:10px; }

	#usr-panel-daily-totals .daily-total-field-label { float: left; width: 12em;}
	#usr-panel-daily-totals .daily-limit-exceeded { color: red; }

	#usr-panel-frequently-eaten .frequently-eaten-item { height: 30px; clear: both; padding-bottom: 0.5em; padding-top: 0.5em; border-bottom: 1px solid #e2e2e2; }
	#usr-panel-frequently-eaten .frequently-eaten-avatar-part { float: left; width: 30px; padding-right: 1.0em; }
	#usr-panel-frequently-eaten .frequently-eaten-name-part { float: left; width: 18.5em; padding-bottom: 0.5em; padding-top: 0.5em;}
	#usr-panel-frequently-eaten .frequently-eaten-eat-it-part { float: left; padding-bottom: 0.5em; padding-top: 0.5em; }

	#latest-from-blog { margin-top: 0px;}
	#latest-from-blog .blog-post { border-top: 1px solid #e2e2e2; padding-bottom: 0.5em; padding-top: 0.5em; }
        #latest-from-blog .blog-post .blog-post-link { padding-bottom: 0.5em; padding-top: 0.5em; font-weight: bold; }
	#latest-from-blog h3 { border-bottom: none; }

/*--------------------------------------*/
/*---------- Ingredient Search ---------*/
/*--------------------------------------*/
	
	#ingredient-search { margin:0 10px 10px 10px; border:1px solid #dddddd; }
	#ingredient-search .text { float: left; width: 216px; border:medium none; background-color: #ffffff; height: 17px; padding: 3px 3px 0; }
	#ingredient-search .submit { background-color: #6f873e; color: #ffffff; padding: 1px; width: 54px; border:medium none; }
	#ingredient-search .error { color:red; font-size:0.92em; clear:both; }
	
/*-----------------------------------*/
/*---------- Add Ingredient ---------*/
/*-----------------------------------*/	
	#right-panel #did-you-mean-wrap { text-align:left; }
	#right-panel .food-feed-container { margin: 10px 0 10px 0; }
	#right-panel .add-ingredient { float: left; background: url('/img/icon-add-gray.png') center center no-repeat; }
	#right-panel .add-ingredient:hover { background-image: url('/img/icon-add.png'); }
	#right-panel .food-feed-user-part { float: left; width: 30px; height: 30px; margin-right: 5px; }
	#right-panel .food-title { margin-left: 65px; font-size: 12px; color: #333; }
	#right-panel .food-attributes { margin-left: 65px; font-size: 0.83em; }
	#right-panel .food-brand { margin-left:65px; font-size:0.83em; }
	#right-panel .servings-select { clear:both; margin-left:30px; margin-top:5px; }
	#right-panel .servings-select .loading { margin:0px 35px; }
	#right-panel .num-servings { width:25px; padding:1px; text-align:center; border:1px solid #333333; }
	#right-panel .save-servings, #right-panel .cancel-servings { font-size:12px; margin:0 20px; padding:1px 5px; }
	#right-panel .cancel-servings { background:#ffffff; color:#333333; border:1px solid #333333; margin:0px; }
	#right-panel .alert { clear:both; text-align:center; color:blue; line-height:16px; }
	#right-panel .alert a { display:inline-table; height:16px; width:16px; vertical-align:middle; background-image:url(/img/icon-delete-gray.png); }
	#right-panel .alert a:hover { background-image:url(/img/icon-delete.png); }
	#right-panel #search-results-more { text-align:right; margin:5px; }
	
	#add-child-manually { margin-top:5px; }
	#add-child-manually .label input.text, #add-child-manually .label select { color:#999999; }
	#add-child-manually input.text { margin: 0; width: 255px; color: #333333; margin: 5px 10px; padding: 3px 5px; border: 1px solid #DDD; }
	#add-child-manually select { margin: 5px 0 5px 10px; width: 265px; padding:3px; }
	#add-child-manually	.field-submit { text-align: right; margin: 7px 10px; }
	#add-child-manually	input.submit { background-color: #6f873e; border: 0; color: #ffffff; padding: 3px 7px; }
	#add-child-manually	.field-submit .error { float:left; margin-top:-20px; color:#ff0000; font-size:0.92em; }
	#add-child-manually	.form-field-error-message { font-size:0.92em; margin-left:11px; }
	#add-child-manually #field-brand-id label, #add-child-manually #field-serving_size_units-id label { display:none; }
	#add-child-manually #field-serving_size_quantity-id input { width:9em; float:left; }
	#add-child-manually #field-serving_size_units-id select { width:9em; float:right; margin-left:0px; margin-right:23px; }
	#add-child-manually	#add-brand { margin:5px 0px 5px 20px; }
	#add-child-manually	#add-brand label { float:left; margin:3px 0px; width: 4em; }
	#add-child-manually	#add-brand input { width:187px; }
	#add-child-manually	#add-brand .form-field-error-message { clear:both; margin:0px; }
	#add-child-manually #current_image { font-size:0.92em; margin:5px 10px; padding:5px 0px; font-style:italic; text-align:center; width:118px; height:12px; float:left; overflow:hidden; }
	#add-child-manually #brand_image-id { margin-top:5px; text-align:center; width:50px; height:16px; }

/*
Browse Brands in sidebar
*/
	#right-panel .browse_lnk { margin:5px 10px 15px; line-height:20px; padding-bottom:10px; border-bottom:1px solid #E0E0E0; }
	#right-panel .browse_lnk img { display:none; margin-left:10px; vertical-align:middle; }
	#right-panel .pagination-menu { text-align:center; }
	#right-panel .search-results .food-item { margin:15px 5px; }
	#right-panel .search-results .food-image { height:30px; width:30px; text-align:center; }
	#right-panel #brand_list .brand_name { margin:10px; }
	#right-panel .search-results .food-brand { margin:0px; }
	#right-panel .search-results .brand-loading { float:left; height:30px; width:30px; text-align:center; margin:0 5px; }
	#right-panel .search-results .brand-loading img { margin-top:7px; }

/*-----------------------------------*/
/*----------- Food Search -----------*/
/*-----------------------------------*/

	#search-form .search-results { border-top: 1px solid #DDD; margin: 10px 15px; padding: 10px 0; }
	#search-form .search-results h4 { margin: 5px 0; }
	#search-form h4 { margin: 5px 15px 0 15px; font-weight: normal; font-size: 1.5em; }
	#search-form h5 { margin: 0 15px; font-weight: normal; font-size: 12px; }
	
	#search-form .search-results .food-item { color: #666; border: 1px solid #ccd3bc; background-color: #e3eece; margin: 10px 0; padding: 10px; padding-bottom: 20px; }
	#search-form .search-results .food-item .food-title { margin:0 0 0 60px; padding: 0; font-size: 16px; color: #666;  }
	.food-image { float:left; margin: 0 10px 0 0; }
	.food-image { height: 60px; width: 60px; } 
	.food-image img { border: 1px solid #CCD3BC; }
	.brand-loading img { display:none; }
	.food-brand { font-style: italic; font-size: 12px; margin: 0 0 0 72px; padding: 0; }
	
	.food-item-detail { margin: 15px 15px; }
	.food-item-detail h4 { margin-top: 10px; }
	.nutrition-facts { clear: left; margin: 10px 15px; width: 290px;  background: #ffffff; border: 2px solid #000; }
	.nutrition-facts table { font-size: 10px; width: 270px; margin: 5px 10px;  }
	.nutrition-facts table tr th { text-align:left; font-size:26px; }
	.nutrition-facts table tr td { border-bottom:1px solid #000; padding:4px 0; }
	.nutrition-facts table tr td.clear { border-bottom:none; width:15px; }
	.nutrition-facts table tr.dbl td { border-bottom:1px solid #000; }
	.nutrition-facts table tr td.value { text-align:right; font-weight:bold; }
	.nutrition-facts table tr td.value2 { text-align:right; }
/*	.nutrition-facts table tr td strong,*/
	.nutrition-facts table tr td span { margin-right:7px; }

/*-----------------------------------*/
/*----------- Food Search -----------*/
/*-----------------------------------*/
.remove-food, .remove-keyword { float:right; }

	
/*------------------------
/*		Clearfix
/*-----------------------*/	

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*------------------------
/*		404
/*-----------------------*/	

#error-page-main-div { margin-left: 30px; }

/*---------------------------*/
/*-------- Pagination -------*/
/*---------------------------*/

.pagination-menu { margin: 15px; }
.pagination-menu-top { font-style: italic; }
.pagination-menu-bottom { verticle-align: middle; }
.pagination-selected-page { font-weight: bold; color: #80A046; font-size: 1.25em; }
.pagination-menu a, .pagination-menu span { margin-right:0.4em; }


/*---------------------------*/
/*-------- Footer -----------*/
/*---------------------------*/
#footer { margin:15px 0; padding:5px 10px; background-color:#ffffff; }
#footer .left { float:left; }
#footer .right { float:right; }
#footer a { margin:0px 5px; }

/*---------------------------*/
/*---------- TOS ------------*/
/*---------------------------*/
#tos ol { padding-left:1.5em; }
#tos li { margin:5px 0; }

/*---------------------------*/
/*--------- Account----------*/
/*---------------------------*/
.settings_page h3 { margin-bottom:2em; }
.settings_page ul.nav-menu-tabs li { background-color:#ffffff; }
.settings_page ul.nav-menu-tabs li.selected { background-color:#f3f3f3; border-bottom:1px solid #f3f3f3; }

#notif-prefs-form .notif-type-description { width: 20em; }
#notif-prefs-form table td { padding: 0.4em; text-align: center; }

#account-form #field-picture-id { position:relative; padding-top:40px; }
#account-form #field-picture-id img { position:absolute; bottom:0px; margin-left:10px; border:2px solid #dddddd; background-color: #ffffff; }
#account-form #avatar-img-id img { background-color:#ffffff; }
#account-form #hour-id, #account-form #minute-id , #account-form #ampm-id  {
    width: 4em;
}
#account-form #field-hour-id, #account-form #field-minute-id, #account-form #field-ampm-id { float:left; margin-top:0px; }
#account-form #field-gender-id { clear:both; }
#account-form #field-minute-id label, #account-form #field-ampm-id label { width:5px; }
#account-form #my_day_starts { float:left; padding:4px 6px; font-size:1.08em; font-weight:bold; }

/*---------------------------*/
/*------ Update Mobile ------*/
/*---------------------------*/
#manage-mobile { padding:10px 20px; }
#manage-mobile span { font-weight:bold; }
#manage-mobile ul { margin:1em 2em; }
#manage-mobile li { list-style-type:none; margin:0.5em; }

/*---------------------------*/
/*------- Daily Limit -------*/
/*---------------------------*/
.settings_page h4 { margin-bottom:10px; }
.settings_page .optional { font-style:italic; margin-lefT:10em; }
#edit-daily-limit-form table td, #edit-daily-limit-form table th { padding: 0.5em; text-align: center; font-weight:normal; }
#edit-daily-limit-form #existing-limits-fieldset input { width: 3.5em; text-align:center; }
#edit-daily-limit-form #existing-limits-fieldset input.checkbox { width:3em; height:25px; }
#edit-daily-limit-form #existing-limits-fieldset select { width: 14em; }
#add-daily-limit-form .reverse_field { margin-left:10em; clear:both; padding:5px 0px; }
#add-daily-limit-form .reverse_field input { float:left; }
#add-daily-limit-form .reverse_field label { width:auto; margin:0px 10px; }

#chart2-form .reverse_field { margin-left:10em; clear:both; padding:5px 0px; }
#chart2-form .reverse_field input { float:left; }
#chart2-form .reverse_field label { width:auto; margin:0px 10px; }

#daily-values-calculator { font-size: 1.0em; 0.5em; }
#daily-values-calculator input, #daily-values-calculator select { width: 9em; font-size: 1.0em; border: 1px solid #BBBBBB; }
#daily-values-calculator .dvc-field-name { width: 12em; float: left; font-weight: bold; text-align: right; padding-right: 0.6em; }
#daily-values-calculator .dvc-row { padding: 0.3em 0; }
#daily-values-calculator fieldset { border-color:#cccccc; border-style:solid; border-width:0 0 1px; padding: 1em 0; }
#daily-values-calculator #dvc-save { margin-left: 12.4em; margin-top: 1em; }

/*---------------------------*/
/*------- Friending   -------*/
/*---------------------------*/

#friend-requests div { padding: 0.2em; text-align: center;}
#friend-requests .friend-request { border-bottom:  1px solid #DDDDDD; }
#friend-requests .friend-request-user-part { width: 70px; float: left; }

#friend-requests .friend-request-accept-reject { float: left; margin-right: 1em; }
#friend-requests .friend-request-accept-reject div { margin-bottom: 0.7em; }
#friend-requests .friend-request-msg { text-align: left; }

#friends-list .delete_icon  { margin-left: 4em; }

.friend-block { 
    border: 1px solid #E2E2E2;  
    width: 110px;
    height: 110px; 
    text-align: center;
    float: left;
    margin: 5px;
    padding: 5px; 
}

.community-user-block { 
    border: 1px solid #E2E2E2;  
    width: 110px;
    height: 110px; 
    text-align: center;
    float: left;
    margin: 5px;
    padding: 5px;     
}
.community-user-block .avatar-part { width: 110px; height: 60px;}
.community-user-block .username-part { padding: 0.2em 0; }
.community-user-block .existing-relationship { font-size: 0.9em; } 
.community-user-block .user-profile-friend-request { font-weight: bold; }

/*---------------------------*/
/*-------   Profile   -------*/
/*---------------------------*/
#profile-body-wrap { margin-top: 1em; }
.user-profile-header .user-profile-avatar { float: left; margin-right: 1em; }
.user-profile-header .user-profile-avatar img { border:2px solid #dddddd; }
.user-profile-header .user-profile-username { font-weight:bold; font-size:2.4em; }

.user-profile-header div { margin-bottom: 0.1em; }
.user-profile-header .user-profile-friend-request { margin-top: 0.5em; }
.user-profile-header { margin: 1em 0em;  }
.clear { clear: both; }

.brand-heading .brand-heading-avatar { width: 120px; height: 120px; float: left; margin-right: 1em; }
.brand-heading .brand-heading-name { font-weight:bold; font-size:2.4em; }
.brand-heading { margin-bottom: 5.5em; margin-top: 1em;  }

#left-panel #keywords .food-content { margin-left: 0px; }
#left-panel .profile-food .food-item { border-bottom: 1px dotted #cccccc; margin: 10px 0; padding: 10px; }
#left-panel .profile-food .food-item .food-title { margin:0; font-weight:normal; }
#left-panel .profile-food .food-image { height:auto; }
#left-panel .profile-food .avatar-block-avatar img { border: 1px solid #CCD3BC; }
#left-panel .profile-food .food-content { margin-left:72px; }
#left-panel .profile-food .manage-icons { margin:6px 0 0 0; }
#left-panel .profile-food .manage-icons a { margin-right:10px; float:left; line-height:18px; }
#left-panel .profile-food .manage-icons a.bttn { padding:0px 5px; font-size:1em; }
#left-panel .profile-food a.delete_icon { background-image:url(/img/icon-trash-gray.png); }
#left-panel .profile-food a.delete_icon:hover { background-image:url(/img/icon-trash.png); }

/* Friend Requests */
.friend_request_box { position:absolute; z-index:100; }
.friend_request_box h3 { text-align:left; }
.friend_request_box label { float:none; display:block; }
.friend_request_box form { padding:10px 15px; }
.friend_request_box textarea { width:250px; font-size:1em; }
.friend_request_box .submit { text-align:right; }
.friend_request_box .close { position:absolute; top:3px; right:2px; }
.friend_request_box .loading { margin-right:15px; display:none; }
.friend_request_box .success { color:green; text-align:center; }

/* Tooltip */
.tooltip { max-width:200px; background-color:#E5EED4; color:#666666; border:1px solid #cccccc; padding:5px; margin:1px; display:none; }


/* API */
#back-to-api-overview { margin-top: 1em; margin-left: 0em; }
#api-wrap h2 { margin: 0.5em 0; font-size: 1.8em; }

#api-wrap #left-panel { float:left; width:630px; }
#api-wrap #right-panel { float:right; width:225px; }

#api p { margin: 1em 0; }
#api .method-name { font-style:italic; }
#api .api-key { 
    font-size: 1.2em; 
    font-family: "Courier New",Courier,mono; 
}
#api-key { margin: 1em 0; }

#api-method-detail .parameter-name { font-weight: bold; }

#api-method-detail .parameter-attribute {
    margin: 0.2em 0;
}

#api-method-detail .parameter-attribute-label { 
    float: left;
    margin-left: 2em;
}
#api-method-detail .parameter-attribute-value {   
    font-style:italic;
    margin-left:12em;
}

#api-method-detail .example-url-label { 
    font-weight: bold;
    line-height: 2em; 
}

#api-method-detail .example-output {
    font-size: 1em;
    font-family: "Courier New",Courier,mono;
}

#api-methods .api-method-link {
    line-height: 2em;
}