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

*{margin:0;padding:0;outline:0;font-family:Arial, Helvetica, sans-serif; color:#333; list-style:none;line-height:167%;border:0px}

input {background:none}
#header{}
#header h1 a{height:80px; display:block}
#header a span{display:none}
body { width:1048px; margin:0 auto;}
#container{background:url(../img/nf.png) no-repeat top center;width:800px;height:720px;margin:0 auto;display:block; position:relative; display:inline-block;/*IE HACK */zoom: 1;*display: inline;}
#container.facebook{width:760px}
.innerAdd { display:inline-block; /*IE HACK */zoom: 1;*display: inline;}

#search{ height:40px}
#FoodKeywords{position:relative;float:left; top:0px;left:246px;height:20px;width:380px;font-size:14px;color:#fff;padding:3px;}
.facebook #FoodKeywords { left:226px}
#FoodKeywords:focus{}
#searchBtn{position:relative;float:left; top:0px;left:248px;height:24px; width:24px;float:left;font-size:0px}
.facebook #searchBtn { left:228px}
#searchBtn:hover{background:url(../img/nf.png) no-repeat -398px -756px; float:left}
#searchBtn:focus{outline:none}

#group{font-size:12px;width:220px;left:15px;position:relative; float:left}
.facebook #group{left:5px}
#group ul li { color:#666;}
#food h2{font-size:14px}
#food h3{font-size:18px; padding:4px 4px 0 22px;}
#food .item{ margin-bottom:10px;padding-bottom:10px; border-bottom:1px dotted #EFE9C2;}
#food .itmHover{ background:#EFE9C2;border-bottom:1px dotted #AF9C20; cursor:pointer }
#food .itemDetail{ margin-bottom:10px;padding-bottom:10px;}
#food .itemDetail h3{font-size:18px; padding:4px}
#food #nutrients { display:inline-block; width:260px; border:1px solid #EFE9C2;padding:4px; }
#food #nutrients li{ border-bottom:1px inset #EFE9C2;}
#food #nutrients li *{line-height:120%}
#food #nutrients .label{ padding-left:8px; width:152px;display:inline-block;vertical-align:top;}
#food #nutrients .root { height:24px; padding-top:4px}
#food #nutrients .root .label{ font-size:16px;color:#4F4818;font-weight:bold;padding-left:0px; width:160px; }

#food #nutrients .content{ display:inline-block; width:100px;vertical-align:top;font-size:16px}
#food #nutrients .val{ display:inline-block; vertical-align:top;font-size:18px}
#food #nutrients h4{font-size:36px; color:#4F4818;}
#food #nutrients h5{font-size:16px;border-bottom:3px solid #EFE9C2; color:#4F4818;height:24px;padding-top:4px}
#food #nutrients .unit{font-size:14px}
#food #servings{background:#EFE9C2}
#food #servings label{font-size:14px; padding-left:4px;}
#food #servings select{width:160px}

#food .item .lbl { font-size:12px; width:100px;padding-left:22px;}
#food .item .val{ padding-left:3px; font-size:20px;} 

#food .item .cal .val { color:#0C0; }
#food .item .fat .val { color:#006; }
#food .item .pro .val { color:#606; }
#food .item .carb .val { color:#903; }


#footer #copy { font-size:10px; text-align:center; color:#999; }

#scroll_holder{ float:left; height:505px;width:520px; }
.facebook #scroll_holder{width:500px}

.jScrollPaneContainer {
left:35px; top:10px;	
	position: relative;
	overflow: hidden;
	z-index: 1;

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #f2eed2;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../img/scrollbar.png) no-repeat 0 -66px;
	height:10px;
	cursor: pointer;
	overflow: hidden;
	max-height:114px;
	min-height:20px
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(../img/scrollbar.png) no-repeat 0 -56px;
	height:10px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background:url(../img/scrollbar.png) no-repeat 0 -165px;
	height:10px;	
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/scrollbar.png) no-repeat 0 0;
	height: 17px;
}
a.jScrollArrowUp:hover {
	/*background-color: #d8d4ba; */
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../img/scrollbar.png) no-repeat 0 -207px;
	height: 17px;

}
a.jScrollArrowDown:hover {
	/*background-color: #d8d4ba; */
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}