body {  
		width: 100%; 
		padding: 0px; 
		margin: 0px; 
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 16px;
		color: #555;
		border: 0px;	
		}
		
		body a:link {
			text-decoration: underline;
			color: blue;
			
		}

		body a:visited {
			text-decoration: underline;
			color: blue;
		}

		body a:hover {
			text-decoration: underline;
			color: #56bdf8;
		}

		body a.loading {
			padding-right: 21px;
			background: url(../images/spinner.gif) right center no-repeat;
		}

		p {
		margin-bottom: 20px;
		margin-top: 20px;
		}
		
		img { 
			border: 0;
			margin: 0;
		}
		
		form { 
			margin: 0;
		}
		
		.clear{ clear:both; }
		
		#top { 
			height: 95px;
			width: 100%; 
			color: white;
			margin: 0;
			background: url(../images/bg.gif) repeat-x;
 
		}

		.topalign {
			width: 747px;
			margin-left: auto; 
			margin-right: auto;
		}

		#logo { 
			width: 288px;
			background: white;
		} 
		
		#smallnav {
			width: 150px;
			height: 20px;
			float: right;
			margin-top: 10px;
			color: #4FADE0;
			font-size: 13px;
			padding: 2px;
		}
		
		#smallnav a:link {
			text-decoration: none;
			color: white;
		}

		#smallnav a:visited {
			text-decoration: none;
			color: white;
		}

		#smallnav a:hover {
			text-decoration: underline;
			color: white;
		}


		#nav { 
			height: 33px;
			width: 100%; 
			color: white;
			margin-top: 0px;
			margin-bottom: 20px;
			background: url(../images/navbg.gif) repeat-x;
			font-size: 15px;
			font-weight: bold;
 
		}

		.navalign {
			width: 747px;
			text-align: right;
			padding-top: 2px;
			margin-left: auto; 
			margin-right: auto;
			margin-bottom: 0px;
			margin-top: 0px;
		}

		#nav a:link {
			text-decoration: none;
			color: white;
			font-weight: bold;
			
		}

		#nav a:visited {
			text-decoration: none;
			color: white;
			font-weight: bold;
		}

		#nav a:hover {
			text-decoration: underline;
			color: white;
			font-weight: bold;
		}
		
		
		#searchcontainer { 
			width: 743px;
			color: #555;
			margin-left: auto; 
			margin-right: auto;
			margin-top: 20px;
			margin-bottom: 30px;
			border: 2px solid #56bdf8;
 			padding-top: 20px;
			padding-bottom: 20px;
			padding-right: 0px;
			padding-left: 0px;
		}
		
		.searchboxalign {
			width: 493px;
			margin-left: auto; 
			margin-right: auto;
			margin-top: 10px;
			margin-bottom: 20px;
		}

		#right .searchboxalign {
			width: auto;
		}
				
		#searchbox { 
			width: 400px;
			color: #56bdf8;
			background: white;
			margin: 0;
			padding: 5px;
			border: 1px solid #555;
			vertical-align: middle;
			font-weight: bold;
			font-size: 16px;
		}
		
		
		.searchbutton {
			font-size: 16px;
			font-weight: normal;
			vertical-align: middle;
			padding-top: 3px;
			padding-bottom: 3px;
			margin: 0;
		}

		.updateservingbutton,.addfoodbutton,.updateservingbutton2 {
			font-size: 10px;
			font-weight: normal;
			padding-top: 0px;
			padding-bottom: 0px;
			padding-left: 3px;
			padding-right: 3px;width:120px;
		}		
	
		

		#staticintro { 
			width: 470px;
			margin-top: 35px;
			margin-bottom: 60px;
		}
		
		
		#staticnutritiondata { 
			width: 250px; 
			color: #555;
			margin: 5px 0;
			background-color: white;
			float: right;
		}
		
		
		#content { 
			width: 747px;
			color: #555;
			margin-left: auto; 
			margin-right: auto;
			background-color: white;
			margin-bottom: 20px;
		}

		#articlebookmark { 
			color: #555;
			width: 570px;
            text-align: center;
			font-weight: bold;
			margin-top: 30px;
			margin-bottom: 20px;
			margin-left: auto; 
			margin-right: auto;
			padding: 3px;
			border: 3px solid #ccc;
			background: #eee;
		}
		
	
			#articleend { 
			color: #555;
			font-weight: normal;
			margin-top: 30px;
			margin-bottom: 20px;
			margin-left: auto; 
			margin-right: auto;
			padding: 3px;
			border: 1px dotted #56bdf8;
			width: 589px;
			height: 148px;
			background: white;
			text-align:center;
		}


#socialalign { margin-left:auto; margin-right:auto; width: 455px; text-align:center;}
.singlesocial { margin:0; padding:0; list-style:none;}
.singlesocial li { margin:0 0 0 0; padding:0 10px 0 10px; list-style:none; float:left; }
ul.singlesocial { margin:0; padding:0; }

		
		#articlebookmarkbutton { 
			margin-left: 3px;
			vertical-align: middle;
		}
		
		#mainbookmark { 
			color: #555;
			width: 488px;
            text-align: center;
			font-weight: bold;
			margin-top: 20px;
			margin-bottom: 0px;
			margin-left: auto; 
			margin-right: auto;
			padding: 3px;
			border: 3px solid #ccc;
			background: #eee;
		}
		

		.listitem {
			font-size: 17px; 
			font-weight: bold; 
			color: #555;
			margin: 0px;
		}

		#footer { 
			height: 100%;
			width: 100%; 
			color: white;
			padding-bottom: 20px;
			margin-top: 20px;
			background: #343b40 url(../images/footerbg.gif) repeat-x;
 			clear: both;
		}


		#footer a:link {
			text-decoration: underline;
			color: #56bdf8;
			
			
		}

		#footer a:visited {
			text-decoration: underline;
			color: #56bdf8;
			
		}

		#footer a:hover {
			text-decoration: underline;
			color: white;
			
		}


		.footeralign {
			width: 747px;
			padding-top: 20px;
			margin-left: auto; 
			margin-right: auto;
		}




		.footerheader {
			font-size: 18px; 
			font-weight: bold; 
			color: white;
			margin-bottom: 10px;
			text-align: center;

		}





		#footer ul {
			list-style-type: disc;
			margin: 0px;
			padding: 0px;
			
		}

		#footer ul li {
			margin: 0px;
			padding: 0px;
			padding-bottom: 2px;
			
		}

		#footer ul a:link {
			text-decoration: underline;
			color: #56bdf8;
			font-weight: normal;
		}

		#footer ul a:visited {
			text-decoration: underline;
			color: #56bdf8;
			font-weight: normal;
		}

		#footer ul a:hover {
			text-decoration: underline;
			color: white;
			font-weight: normal;		
		}


		#footer1 { 
			width: 418px;
			margin-left: auto; 
			margin-right: auto;
			padding: 0 25px;
		} 
		


		#footerend {
			width: 747px;
			text-align: center;
			margin-top: 20px;
			margin-bottom: 0px;
			margin-left: auto; 
			margin-right: auto;
		}






		H1 { 
			font-size: 23px; 
			font-weight: bold;
			color: #555;
			margin-bottom: 20px;
			text-align: center;
	
		}
		
		H2 { 
			font-size: 20px; 
			font-weight: bold;
			color: #56bdf8;
			margin-top: 20px;
			margin-bottom: 20px;
			border-bottom: 1px dotted #555;
		}

		H3 { 
			font-size: 18px; 
			font-weight: bold;
			color: #555;
			margin-bottom: 20px;
		}
		
		H4 { 
			font-size: 17px; 
			font-weight: bold; 
			color: #56bdf8;
			margin-bottom: 10px;
		}



		ul {
			margin-top: 10px;
			margin-bottom: 10px; 
		}
		
		ul li {
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		
		ul.list li {
			margin-bottom: 20px;
		}
		
		ol {
			
			margin-top: 10px;
			margin-bottom: 10px;

		}
		
		ol li {
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		
		ol.list li {
			margin-bottom: 20px;

		}

		.diggright {
			float: right;
			margin: 0;			
		}
		
		.diggleft {
			float: left;
			margin: 0px 15px 1px 0px;			
		}
		
		.bookmarkleft {
			float: left;
			margin: 6px 10px 1px 0px;
			text-align: center;
			border: 1px dashed #56bdf8;
			padding-top: 9px;
			padding-bottom: 12px;
			padding-right: 3px;
			padding-left: 3px;
		}

		.bookmarktext {
		        padding-bottom: 10px;
		        font-weight: bold;
		}
		
		.adsleft {
			float: left;
			margin: 2px 15px 2px 0px;			
		}
		
		.adsright {
			float: right;
			margin: 2px 0px 2px 8px;			
		}
		
		.adsleftcloser {
			float: left;
			margin: 2px 0px 2px 0px;			
		}
		
		.adsbottom { 
			margin-left: auto; 
			margin-right: auto;
		}
		
		#adssearchbottom {
			width: 728px;
	        margin-top: 15px;
	        margin-bottom: 0px;
	        margin-left: auto;
	        margin-right: auto;
	        text-align: center;
		}
		
		#adssearchtop {
	        width: 728px;
	        margin-top: 0px;
	        margin-bottom: 15px;
			margin-left: auto; 
			margin-right: auto;
			text-align: center;
		}

		.center {
		    margin-left: auto;
		    margin-right: auto;
			text-align: center;
		}
		
		.smalltext {
			font-size:12px;
		}

		.underline {
		text-decoration: underline;
		margin: 0;
		}
		
		.image { 
			border: 0;
			margin-top: 20px;
			margin-bottom: 20px;
			text-align: center;
		}

		.imageright {
	        float: right;
	        margin: 2px 0px 2px 8px;
		}
		
		.imageleft {
	        float: left;
	        margin: 2px 15px 2px 0px;
		}		
		
		.nutritiondata,.nutritiondata2,.nutritiondata3 { 
			width: 250px; 
			color: #555;
			margin:auto; 
			/*margin-top: 20px;*/

			background-color: white;
			border: 1px solid #555;
					
			padding: 3px;
		}
		
		.nutritionheader {
			font-size: 23px; 
			font-weight: bold;
			color: #555;
			text-align: center;
			margin-bottom: 10px;
		}
		
		.nutrient { 
			font-weight: bold;
		}

		td.indent .nutrient, .subnutrient { 
			font-weight: normal;
		}
	
		.nutrientvalue {  
			padding: 0px;
			margin: 0px;
			display: inline;
			font-weight: normal; 
		}
		
		.nutritionline {
		border-top: 1px solid #56bdf8;
		}
		
		.nutritionlinethick {
		border-top: 4px solid #56bdf8;
		}
		
		.nutritionlinethicker {
		border-top: 10px solid #56bdf8;
		width: 250px; 
		}

	        td.indent {
		padding-left: 15px;
		}
		
		a.selected {
			text-decoration: none;
			color: black;
			font-weight: bold;
		}
		
		div.result {
			margin-top: 20px;
			margin-bottom: 20px;
			margin-left: 0px;
			margin-right: 0px;
			position: relative;
			zoom: 1;
		}
		
		.num-of-total {
			margin-right: 20px;
		}
		
		#noresults {
			width: 720px;
			margin-top: 0px; 
			margin-bottom: 0px;
			margin-left: auto; 
			margin-right: auto;
			padding: 0px;
		}
		
		#resultscontainer {
			width: 700px;
			margin-top: 0px; 
			margin-bottom: 0px;
			margin-left: auto; 
			margin-right: auto;
			padding: 0px;
		}
		
		#results {
			font-size: 16px;
		}
		
		#results li {
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		#results a:link {
			text-decoration: underline;
			color: blue;
			font-weight: normal;
			
		}

		#results a:visited {
			text-decoration: underline;
			color: blue;
			font-weight: normal;
		}

		#results a:hover {
			text-decoration: underline;
			color: #56bdf8;
			font-weight: normal;
		}
		
		.pagination {
			font-size: 14px;
			text-align: left;
			background: #F5FBFF;
			padding: 1px;	
	
		}
		
		.pagination a {
			text-decoration: underline;
			color: blue;
			font-weight: normal;
			margin: 0 0.25em;
		}

		.pagination a:visited {
			text-decoration: underline;
			color: blue;
			font-weight: normal;
		}

		.pagination a:hover {
			text-decoration: underline;
			color: #56bdf8;
			font-weight: normal;
		}
		
		.pagination a.selected {
			font-weight: bold;
			text-decoration: none;
			font-size: 16px;
		}
		
		.extra-nutrition {
			display: none
		}
		
		form.serving-size {

			margin: 0;
		}
		
		form.serving-size select {
			width: 180px;
		}

		form.serving-size p {
			margin: 0
		}
		
		.quantity {
		width: 40px
		}
		
		div.see-all,div.see-all2 ,div.see-all3{
			font-size: 80%;
			cursor: pointer;
			text-decoration: underline;
			color: blue;
			width: 250px;
			margin:auto;
			border:0px solid #000000;
			
		}
		
        #formalign { 
			width: 300px;
			color: #555;
			margin-left: auto; 
			margin-right: auto;
			margin-top: 30px;
			margin-bottom: 30px;
			border: 1px dashed #56bdf8;
 			padding-top: 10px;
			padding-bottom: 0px;
			padding-right: 15px;
			padding-left: 15px;
		} 		
		
		/* NEW */
		
		#Error
		{
		 border:#993300 solid 3px;
		 padding:10px; 
		 color:#990000; 
		 font-size:18px; 
		 background:#F0FBFF; 
		 text-align:center; 
		 }	
		 	
		#oops
		{
		 	width: 747px;
			color: #555;
			margin-left: auto; 
			margin-right: auto;
			background-color: white;		
		    margin-top:50px;
			margin-bottom:50px;
		}
		
		
		
		
			
		#my_foods,#signin,#forgot_password,#signup{ margin:0px; }		
		
		#my_foods a.delete, a.edit,a.edit_custom{ color:#990000!important; font-size:12px; text-decoration: underline;}
		#my_foods a:visited.delete, a:visited.edit,a:visited.edit_custom{ color:#990000!important; font-size:12px; text-decoration: underline;}
		#my_foods a:hover.delete, a:hover.edit,a:hover.edit_custom{ color:#990000!important; font-size:12px; text-decoration: none;}
	
		#my_foods #upper_content{ width:747px; border:black solid 0px; }
		#my_foods #total_nutritions_facts{ width:260px; float:left; border: black solid 0px; margin: 17px 0px 5px 0px; }
		#my_foods #total_nutritions_facts .nutritiondata2 { float: left; }
		#my_foods #right{ width:463px; float:right; border: black solid 0px; margin-bottom: 10px; margin-left: 20px;}
		
		#my_foods #top_content{ width:747px; border:black solid 0px; }
		#my_foods #middle_content{ width:747px; border:black solid 0px; }
		#my_foods #bottom_content{ width:747px; border:black solid 0px; padding-top: 10px;}
		#calendar{ float: left; width: 360px; clear:both; left:0px!important; border: black solid 0px; text-align:center; margin-bottom:20px;}
		#account{ float: right; width: 360px; border: black solid 0px; text-align:left;}
		#calendar .table {  }
		
		#my_foods #custom_food_list{ 
		    border:solid 0px #333;
			width:360px;
			float:right;
			text-align:left;
			font-size:14px;
		}

		#my_foods #custom_food_list h2{ 
			margin-top: 0px;
		}
		
		#my_foods #frequent_food_list{ 
		    border:solid 0px #333;
			width:360px;
			text-align:left;
			float:left;
			clear:both;
			left:0px!important;
			font-size:14px;
		}

		#my_foods #frequent_food_list h2{ 
			margin-top: 0px;
		}
		
		#my_foods #calendar h2{ 
			margin-top: 0px;
			text-align:left;
		}
		
		#my_foods #account h2{ 
			margin-top: 0px;
			text-align:left;
		}
		
		#my_foods #custom_food_list ul{ padding:0px; margin-left: 0px; width:360px;  }
		#my_foods #custom_food_list ul a:link{ color:#990000; font-size:12px; text-decoration: underline;}
		#my_foods #custom_food_list ul a:visited{ color:#990000; font-size:12px; text-decoration: underline;}
		#my_foods #custom_food_list ul a:hover{ color:#990000; font-size:12px; text-decoration: none; }
		#my_foods #custom_food_list ul li{ border-bottom: 1px solid #e0e0e0;  padding-top: 1px; padding-bottom: 1px;}
		
		#my_foods #frequent_food_list ul{ padding:0px; margin-left: 0px; width:360px;  }
		#my_foods #frequent_food_list ul a:link{ color:#990000; font-size:12px; text-decoration: underline;}
		#my_foods #frequent_food_list ul a:visited{ color:#990000; font-size:12px; text-decoration: underline;}
		#my_foods #frequent_food_list ul a:hover{ color:#990000; font-size:12px; text-decoration: none; }
		#my_foods #frequent_food_list ul li{ border-bottom: 1px solid #e0e0e0;  padding-top: 1px; padding-bottom: 1px;}
		
		#my_foods #frequent_food_list ol{ padding:0px; margin-left: 0px; width:360px;  }
		#my_foods #frequent_food_list ol a:link{ color:#990000; font-size:12px; text-decoration: underline;}
		#my_foods #frequent_food_list ol a:visited{ color:#990000; font-size:12px; text-decoration: underline;}
		#my_foods #frequent_food_list ol a:hover{ color:#990000; font-size:12px; text-decoration: none; }
		#my_foods #frequent_food_list ol li{ border-bottom: 1px solid #e0e0e0;  padding-top: 1px; padding-bottom: 1px;}
		
		#my_foods #calorie-goal { text-align: center; border: 1px dotted #56bdf8; padding: 3px; margin: 15px 0px 10px 0px;}
		
		li.cfl_li{		
		  
		  margin-left:30px;
		 }
		
		.table{ background:#7acdfb }
		.calh{ background:#f6fbff; }
		.caltd{ background:#ffffff;  }
		
		#my_foods #searchcontainer{ width:400px; padding-left:20px;   }
		#my_foods #searchbox{ width:368px;  }
		
		.extra-nutrition2,.extra-nutrition3{ display:none; }
	
		#noitemsyet
		{
	 	 border:#000000 solid 0px; 
		 padding:0px;
		 width:463px;		 		
		}
		
		#noitemsyet h1{ text-align:left; }
		a.today{ color:#993300!important; font-weight:bold; text-decoration:none!important;  }
		
		#signup_info {
		position:absolute;
		left: 0px;
		border:#56bdf8 dashed 1px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px; 
		width:175px; 
		margin-top: 55px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
     	}
		
		#signup_info p {
		margin-bottom: 10px;
		margin-top: 10px;
		}

		#signup_info a, #signup_info a{ font-weight:bold; text-decoration:none } 
		 
		
		#staticnutritiondata #signup_info,#my_foods #signup_info{ display:none; }
		
		
		#nutritonalform{
		    width: 250px;
			margin:auto;
			border:0px solid #000000; margin-bottom:10px; }
		


		.updateservingbutton { display:none; }
		#my_foods .updateservingbutton{ display:inline; }
		#my_foods .addfoodbutton{ display:none; }

		
		
		#my_foods ul.results{ border: 0px solid black; width:433px; padding-left: 30px; margin-left: 0px; }
	
        #my_foods div.see-all, #my_foods div.see-all2,#my_foods div.see-all3,
		#my_foods .nutritiondata, #my_foods .nutritiondata2,#my_foods .nutritiondata3,
		#my_foods #nutritonalform
		{ margin-left:0px; }
		
		#add_custom_food form .fields{ width:30px; }
		#add_custom_food form input{ margin-top:2px; margin-bottom:2px; }
        #add_custom_food form a{ text-decoration:none!important; font-size:12px!important; }
		
		
	    #custom_food_form .staticnutritiondata{ margin:auto; }
        #custom_food_form .field{ width:35px; }

        /* ---------------------- TABLE SPECIFIC ----------------------  */

table.wide {
    border-collapse:collapse;
    border-color:#D9D9D9;
    border-style:solid;
    border-width:1px 0pt;
    clear:both;
    margin:0pt 0pt 15px;
    width:100%;
}

table.wide td {
    border:1px solid #CCC;
    padding: 5px 0 5px 10px;
    font-size: 14px;
}

table.wide th {
    height:20px;
    background:#EEE;
    line-height:24px;
    color:#333;
    padding: 5px 6px;
    text-align:center;
    border:1px solid #CCC;
    border-width:0 1px 1px;
}

table.wide tr.alternate {
    background:#E0E2F3;
}

table.wide a.edit {
    background: transparent url(../images/edit.jpg) no-repeat;
    padding-left: 20px;
}

table.wide a.del {
    background: transparent url(../images/cancel.png) no-repeat;
    padding-left: 20px;
}

table.wide td span.highlight {
    background-color: #FCFFCD;
    font-weight: bold;
}

/* Added by Emran */

form.form h2 {
    margin-bottom: 10px;
}

form.form p.error {
    color: red;
}

form.form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

form.form input.text {
    padding: 5px;
    width: 200px;
}

form.form dt {
    display: block;
    padding: 0;
    margin: 0;
}

form.form dt label {
    font-weight: bold;
}

form.form dd {
    display: block;
    padding: 0;
    margin: 0 0 10px;
}

form.form dd span {
    font-size: 12px;
}

form.form .button {
    margin-top: 10px;
}

form.search dl {
    margin: 0;
    padding: 0;
}

form.search dt {
    float: left;
    margin: 5px;
    height: 35px;
    padding-top: 10px;
    width: 400px;
}

form.search dd {
    float: right;
    margin: 5px;
    height: 35px;
    width: 300px;
}

div.stats h4 {
    color: #AE0000;
    font-size:16px;
    line-height:1.4;
    margin: 0;
    padding-bottom:7px;
}

div.stats {
    border: 1px solid #000; 
    background-color: #FFF2CA;
    color: #735005;
    padding: 10px 20px;
}

div.stats p {
    font-size:14px;
    line-height:1.3;
    margin: 0;
    margin-bottom:0.5em;
}

body a.nofood {
	text-decoration: none;
	color: blue;
}
body a.nofood:hover {
	text-decoration: none;
	color: #56bdf8;
}