
/*
 * master.css
 *
 * Food Content Alerts | 2009
 *
 */
@import url(reset.css);
@import url(framework.css);
@import url(typography.css);

html,
body {
	height: 100%;
}

html {
	overflow: hidden;
}
/*
 * Main Layout
 */
body {
	font: 62.5% "HelveticaNeue-Regular", "Helvetica Neue Regular", Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 1.8em;
	background: #fff url(/images/elements/new_gradient.gif) repeat-x top left;
}

#container {
	height: 100%;
	bottom: 0;
	overflow: auto;
	background: url(/images/elements/bg_circle.png) no-repeat bottom center;
	background-attachment: fixed;
}

#page {
	width: 1012px;
	margin: 0 auto;
	text-align: left;
}

#page_quick_add {
	text-align: left;
}

#header {
	margin: 0px 18px 0;
}

#language {
	margin: 5px 230px 14px 0px;
}

#language ul {
	float: right;
}

#language ul li {
	margin: 0 0 0 5px;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
}

#language ul li a {
	text-decoration: underline;
}

#allergy_list {
	float: left;
	margin-right: 10px;
}

#language ul li.active a {
	color: #9d9d9d;
}

#logo {
	width: 149px;
	height: 132px;
	margin: 5px 0 0;
	float: left;
	overflow: hidden;
}

#logo a {
	width: 100%;
	height: 0px !important;
	padding: 132px 0 0;
	float: left;
	text-indent: -999px;
	background: url(/images/elements/new_fca_logo.gif) no-repeat 0 0;
}

#utility {
	float: right;
}

#utility ul li {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
}

#utility ul li a,
#utility ul li a em {
	float: left;
	background: url(/images/elements/new_utility_navigation.gif) no-repeat 0 0;
}

#utility ul li a {
	padding: 3px 0 6px 10px;
	text-decoration: none;
	color: #FFF;
}

#utility ul li a:hover {
	color: #70c085;
}

#utility ul li  {
	padding: 0px 7px 5px 0;
	font-weight: bold;
	background-position: right -31px;
}

#utility ul li#u-invite a {
	padding-right: 31px;
	background-position: 0 -81px;
}

#utility ul li#u-share a {
	padding-right: 25px;
}

#utility ul li#u-mobile a {
	padding-right: 25px;
	background-position: 0 -27px;
}

#utility ul li#u-login {
	padding:0 0 5px 0;
}

#utility ul li#u-login a {
	padding: 3px 9px 6px 9px;
	background-position: 0 -54px;
	width: 3.2em;
}

#ad {
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}

#tagline {
	padding: 70px 180px 5px 0;
	clear: right;
	float: right;
	display: inline;
	text-align: right;
	background: url(/images/elements/header_icon.gif) no-repeat bottom right;
}

#tagline h1 {
	font-size: 1.6em;
	color: #000;
}

#title-right {
	clear: right;
	float: right;
	display: inline;
	text-align: right;
}

#navigation {
	width: 100%;
	height: 45px;
	overflow: hidden;
	float: left;
	padding-top: 10px;
}

#navigation,
#navigation ul li a,
#footer {
	background: transparent url(/images/elements/navigation_bg.gif) repeat-x 0 10px;
}

#navigation #familybackground {
	float: right;
	position: relative;
	top: -10px;
	padding-right: 10px;
}

#navigation ul li {
	float: left;
	font-size: 1.4em;
	font-weight: bold;
}

#navigation ul li a {
	padding: 14px 20px;
	float: left;
	background-position: right -46px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}

#navigation ul li a:hover {
	background-position: right -92px;
}

#navigation ul li.active a,
#navigation ul li.active a:hover {
	background-color: #eeeeee;
	background-position: right -138px;
	border-color: #ececec;
	color: #000;
	text-shadow: 1px 1px 1px #ececec;
}

#navigation ul li#nav-profile {
	float: left;
}

#navigation ul li#nav-profile a {
	padding: 0;
}
#navigation ul li#nav-profile a span {
	padding: 14px 40px 14px 20px;
	float: left;
	background: url(/images/elements/navigation_profile_icon.gif) no-repeat 95px 8px;
}

#navigation ul li#nav-profile.active a span {
	background-position: 95px -32px;
}

#wrapper {
	width: 974px;
	height: 100%;
	padding: 0 18px;
	float: left;
	position: relative;
	background: url(/images/elements/new_bg_shadow.png) no-repeat 0 0;
}

#content {
	width: 974px;
	min-height: 400px;
	float: left;
	overflow: hidden;
}

#page-content {
	width: 950px;
	padding: 12px 16px;
	float: left;
	background: #eee;
}

#footer {
	width: 974px;
	float: left;
	clear: both;
	background-position: 0 0;
}

#footer ul li {
	margin: 0 0 0 20px;
	float: left;
	display: inline;
	font-size: 1.1em;
}

#footer ul li a {
	padding: 10px 0;
	float: left;
	color: #fff;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#flash-message {
	width: 945px;
	margin: 0 0 12px;
	float: left;
}

#flash-content {
	width: 905px;
	padding: 25px 20px 0;
	float: left;
	display: inline;
}

#flash-content h1,
#flash-content p {
	float: left;
	margin: 0;
	color: #666;
	text-shadow: 1px 1px 1px #fff;
}

#flash-content p {
	line-height: 2.4em;
	margin: 0 0 0 10px;
	display: inline;
}

#flash-message,
#flash-btm {
	background: url(/images/elements/flash_message.gif) no-repeat 0 0;
}

#flash-btm {
	width: 100%;
	height: 14px;
	float: left;
	background-position: right 0;
}

.button {
	width: auto !important;
	float: left;
}

.button.pad_top {
	padding-top: 10px;
}

.button a {
	padding: 5px 7px;
	float: left;
	display: inline;
	font: 13px Arial, sans-serif;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	border: 1px solid #628171;
	background: #3677b5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.button.gray a {
	border-color: #999;
	background-color: #666;
}

.button.green a {
	border-color: #007e3e;
	background-color: #00a551;
}

.button-remove,
.button-confirm {
	width: 23px;
	height: 23px;
	float: left;
	overflow: hidden;
}

.button-remove a,
.button-confirm a {
	width: 23px;
	height: 0px !important;
	padding: 23px 0 0;
	float: left;
	background: url(/images/elements/button_remove.png) no-repeat 0 0;
}

.button-confirm a {
	background-image: url(/images/elements/button_confirm.png);
}

.button-remove a:hover,
.button-confirm a:hover {
	background-position: 0 -24px;
}

.safeforcheck {
	width: 19px;
	height: 18px;
	float: left;
	overflow: hidden;
	margin-top: 4px;	
}

.button-edit,
.button-flag,
.button-email,
.button-clone,
.button-mobile,
.button-print,
.button-share {
	width: 19px;
	height: 18px;
	float: left;
	overflow: hidden;
}

.button-share {
	width: auto;
	padding-top: 3px;
}

.button-edit a,
.button-flag a,
.button-email a,
.button-clone a,
.button-mobile a,
.button-print a,
.button-share a {
	width: 100%;
	height: 0px !important;
	padding: 18px 0 0;
	float: left;
	text-indent: -999px;
	background: url(/images/elements/table_utility_btn.png) no-repeat 0 0;
}

.button-share a {
	text-indent: 0;
	background-position: 0 -140px;
	height: auto !important;
	padding: 4px 0px 0px 15px;
	color: #00b563;
}

.button-flag,
.button-flag a {
	width: 14px;
}

.button-edit a {
	background-position: 0 -20px;
}

.button-clone {
	width: 23px;
	height: 28px;
}
 
.button-clone a {
	margin-top:3px;
	padding-top: 28px;
	background-position: 0 -117px;
}

.button-email,
.button-print {
	width: 25px;
}

.button-email a {
	background-position: 0 -40px;
}

.button-print {
	height: 25px;
}

.button-print a {
	padding-top: 25px;
	background-position: 0 -60px;
}

.button-mobile {
	height: 26px;
}

.button-mobile a {
	padding-top: 26px;
	background-position: 0 -89px;
}

.column {
	min-height: 500px;
	position: relative;
	display: block;
}

.small {
	font-size: 1em;
	color: #666;
}

/*
 * Boxes
 */
.rounded-content-box {
	width: 943px;
	float: left;
	overflow: hidden;
}

.rounded-content-box-title,
.rounded-content-box-middle,
.rounded-content-box-footer {
	float: left;
	background: url(/images/elements/rounded_box_full.gif) no-repeat 0 0;
}

.rounded-content-box-title {
	width: 892px;
	padding: 20px 26px;
	background-position: -4720px 0;
}

.blue .rounded-content-box-title {
	background-position: -4720px 0;
}

.green .rounded-content-box-title {
	background-position: -2832px 0;
}

.orange .rounded-content-box-title {
	background-position: -3776px 0;
}

.gray .rounded-content-box-title {
	background-position: -1888px 0;
}

.notitle .rounded-content-box-title {
	background-position: 0 0;
}

.rounded-content-box-middle {
	width: 937px;
	padding: 3px 3px 40px;
	background-position: -944px 0;
	background-repeat: repeat-y;
}

.rounded-content-box-centered {
	width: 913px;
	margin: 5px 0;
	padding: 0 13px;
	float: left;
}

.rounded-content-box-footer,
.tabbed-content-footer {
	width: 100%;
	height: 10px;
	overflow: hidden;
	background-position: 0 -78px;
}

.tabbed-content {
	width: 780px;
	float: left;
	overflow: hidden;
}

.tabbed-content-middle,
.tabbed-content-footer {
	float: left;
	background: url(/images/elements/tabbed_box.gif) no-repeat 0 0;
}

.tabbed-content-middle {
	min-height: 600px;
	border-top: 1px solid #d6d6d6;
	background-position: -781px 0;
	background-repeat: repeat-y;
}

.tabbed-content-footer {
	height: 15px;
	background-position: bottom left;	
}

/*
 * Subnav
 */
.subnav,
.subnav ul li a {
	background: url(/images/elements/subnavigation.gif) no-repeat 0 0;
}

.subnav {
	width: 100%;
	margin: 0 0 30px;
	float: left;
	clear: both;
	background-repeat: repeat-x;
}

.tabbed-content-middle .subnav {
	width: 939px;
	margin: 0 3px 30px;
}

.subnav ul li {
	float: left;
	font-size: 1.4em;
	font-weight: bold;
}

.subnav ul li a {
	float: left;
	padding: 5px 20px 5px;
	color: #fff;
	background-position: right -30px;
	text-shadow: 1px 1px 1px #999;
}

.subnav ul li p {
	float: left;
	font-size: 1em;
	font-weight: bold;
	padding: 5px 20px 5px;
	text-shadow: 1px 1px 1px #999;
	color: #fff;
}

#registration-progress ul li a {
	padding-right: 46px;
}

.subnav ul li a:hover {
	background-position: right -61px;
}

.subnav ul li.active a {
	color: #999;
	text-shadow: 1px 1px 1px #fff;
	background-position: right -90px;
}

.subnav ul li.completed a {
	text-shadow: 1px 1px 1px #1b7740;
	background-position: right -120px;
}

/*
 * Tabs
 */
.tabs {
	float: left;
}

.tabs ul li {
	margin: 0 4px 0 0;
	display: inline;
	float: left;
	font-size: 1.8em;
	font-weight: bold;
}

.tabs ul li a,
.tabs ul li a span {
	float: left;
	background: url(/images/elements/tabs.gif) no-repeat 0 0;
}

.tabs ul li a {
	padding-left: 17px;
	color: #fff;
	background-position: -259px -144px;
}

.tabs ul li a span {
	padding: 16px 17px 12px 0;
	background-position: right 0;
}

.tabs ul li a:hover {
	color: #999;
}

.tabs ul li.active a:hover {
	color: #fff;
}

.tabs li.active a.green {
	background-position: -259px -192px;
}

.tabs li.active a.green span {
	background-position: right -48px;
}

.tabs li.active a.orange {
	background-position: -259px -240px;
}

.tabs li.active a.orange span {
	background-position: right -96px;
}

/*
 * Alerts
 */
 
.alert-recipes-safefor {
	margin-right: 260px;
	width: 140px;
	float: right;
}
 
/*
 * Modules
 */
.module-box {
	width: 448px;
	margin: 0 0 7px;
	overflow: hidden;
	float: left;
	display: inline;
}

.centered {
	margin: 30px 0 0 220px;
}

.module-box-header,
.module-box-middle,
.module-box-btm {
	float: left;
	background: url(/images/elements/module_box_lrg.gif) no-repeat 0 0;
}

.module-box-header {
	width: 424px;
	height: 23px;
	padding: 11px 12px 7px 12px;
	overflow: hidden;
	display: inline;
	color: #fff;
}

.gray .module-box-header {
	background-position: -898px 0;
}

.orange .module-box-header {
	background-position: -1347px 0;
}

.blue .module-box-header {
	background-position: -1796px 0;
}

.green .module-box-header {
	background-position: -2245px 0;
}

.module-box-title {
	width: 400px;
	float: left;
}

.module-box-title h2 {
	line-height: 1.6em;
}

.module-box-utility,
.module-foot-utility {
	width: 49px;
	float: right;
}

#modules .module-box-utility {
	width: 24px !important;
}

.module-foot-utility {
}

.module-btn {
	width: 23px;
	height: 23px;
	float: left;
	overflow: hidden;
	position: relative;
}

.module-btn a {
	width: 23px;
	height: 0px !important;
	padding: 23px 0 0;
	float: left;
	background: url(/images/elements/module_buttons.png) no-repeat 0 0;
}

.module-btn.prev,
.module-btn.minimize {
	margin-right: 3px;
}

.module-btn.prev a {
	background-position: 0 -24px;
}

.module-btn.minimize a {
	background-position: 0 -48px;
}

.module-btn.maximize a {
	background-position: 0 -48px;
}

.module-btn.remove a {
	background-position: 0 -96px;
}

.module-foot-utility .prev a {
	background-position: 0 -120px;
}

.module-foot-utility .next a {
	background-position: 0 -144px;
}

.inactive a {
	opacity: .5;
	filter: alpha(opacity=50);
}

.module-box-middle {
	width: 442px;
	padding: 3px;
	background-position: -449px 0;
	background-repeat: repeat-y;
}

.module-box-middle h3 a {
	color: #333;
	text-decoration: underline;
}

.module-box-middle h3 a:hover {
	text-decoration: none;
}

.module-box-middle ul.error li {
	color: red;
	font-weight: bold;
}

.module-content {
	width: 416px;
	padding: 13px;
	float: left;
}

.module-content p,
.module-story p {
	font-size: 1.1em;
	color: #666;
}

.module-content p {
	margin: 0 0 9px;
}

.module-box-btm {
	width: 448px;
	min-height: 15px;
	display: inline;
	background-position: bottom left;
}

.loading {
	width: 100%;
	margin: 20px 0 0;
	float: left;
	text-align: center;
}

/*
 * Long
 */
.long {
	width: 628px;
}

.long .module-box-header,
.long .module-box-middle,
.long .module-box-btm {
	background-image: url(/images/elements/module_box_long.gif);
}

.long .module-box-header {
	width: 604px;
	background-position: -1258px 0;
}

.long .module-box-middle {
	width: 622px;
	background-position: -629px 0;
}

.long .module-content {
	width: 600px;
}

.long .module-box-btm {
	width: 100%;
}

/*
 * Smedium
 */
.medium {
	width: 368px;
}

.medium .module-box-header,
.medium .module-box-middle,
.medium .module-box-btm {
	background-image: url(/images/elements/module_box_med.gif);
}

.m-gray .module-box-header {
	background-position: -738px 0;
}

.m-green .module-box-header {
	background-position: -1107px 0;
}

.m-red .module-box-header {
	background-position: -1615px 0;
}

.medium .module-box-middle {
	width: 362px;
	background-position: -369px 0;
}

.medium .module-content {
	width: 240px;
}

/*
 * Smedium
 */
.smedium {
	width: 268px;
}

.smedium .module-box-header,
.smedium .module-box-middle,
.smedium .module-box-btm {
	background-image: url(/images/elements/module_box_smedium.gif);
}

.sm-green .module-box-header {
	background-position: -808px 0;
}

.sm-red .module-box-header {
	background-position: -1615px 0;
}

.sm-gray .module-box-header {
	background-position: -539px 0;
}

.sm-orange .module-box-header {
	background-position: -1077px 0;
}

.sm-blue .module-box-header {
	background-position: -1346px 0;
}

.smedium .module-box-middle {
	width: 262px;
	background-position: -270px 0;
}

.smedium .module-content {
	width: 240px;
}

/*
 * Super Long in Forum
 */
.forum-module {
	width: 760px;
}

.forum-module .module-box-header,
.forum-module .module-box-middle,
.forum-module .module-box-btm {
	background-image: url(/images/elements/module_box_forum.gif);
}

.forum-module .module-box-header {
	width: 759px;
}

.f-green .module-box-header {
	background-position: -2279px 0;
}

.f-red .module-box-header {
	background-position: -1615px 0;
}

.f-gray .module-box-header {
	background-position: -1856px 0;
}

.f-orange .module-box-header {
	background-position: -3712px 0;
}

.f-blue .module-box-header {
	background-position: -1346px 0;
}

.forum-module .module-box-middle {
	width: 760px;
	background-position: -759px 0;
}

.forum-module .module-content {
	width: 900px;
}

.forum-module .module-story {
	width: 900px;
}

.forum-module .module-box-btm {
	width: 759px;
}


/*
 * Sortable/Small module boxes.
 */
.sortable {
	width: 308px;
	position: relative;
	display: block;
}

.module-slot {
	margin: 0 0 14px;
	float: left
	position: relative;
	display: block;
	clear: both;
	border: 2px dashed #ccc;
	background: #fff url(/images/elements/inner_shadow.gif) no-repeat 0 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.sortable .module-box-header,
.sortable .module-box-middle,
.sortable .module-box-btm {
	background-image: url(/images/elements/module_box_sm.gif);
}

.sortable .module-box-header {
	width: 284px;
}

.ui-sortable .module-box-header {
	cursor: move;
}

.sortable .module-box-title {
	width: 235px;
}

.sortable .module-box-header,
.s-gray .module-box-header {
	background-position: -618px 0;
}

.s-green .module-box-header {
	background-position: -927px 0;
}

.s-orange .module-box-header {
	background-position: -1236px 0;
}

.s-blue .module-box-header {
	background-position: -1545px 0;
}

.s-red .module-box-header {
	background-position: -1854px 0;
}

.sortable .module-box-middle {
	width: 302px;
	background-position: -309px 0;
}

.sortable .module-box-btm {
	width: 308px;
}

.sortable .module-content {
	width: 274px;
}

.module-cta-container {
	width: 278px;
	margin: 0 0 5px 3px;
	padding: 10px 12px 6px;
	float: left;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.module-cta {
	width: 200px;
	padding-right: 2px;
	float: left;
	display: inline;
}

.module-cta p {
	font-size: 1.1em;
	float: left;
	line-height: 2em;
}

.module-box-foot {
	width: 264px;
	margin: 4px 4px 6px;
	padding: 12px 18px;
	float: left;
	display: inline;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.callout_link {
	font-size: 0.8em;
	color: #fff;
	text-transform: uppercase;
}

.module-box-foot p {
	margin: 6px 10px 0 0;
	float: left;
	display: inline;
	font-size: 1.1em;
}


.gray .module-box-foot,
.gray .stripped,
.s-gray .module-box-foot,
.gray .module-cta-container,
.s-gray .module-cta-container,
.s-gray .stripped,
table.gray tr.stripped td {
	background-color: #ebeaea;
}

.blue .module-box-foot,
.blue .stripped,
.blue .module-cta-container,
.s-blue .module-cta-container,
.s-blue .module-box-foot,
.s-blue .stripped,
table.blue tr.stripped td {
	background-color: #d2e7fb;
}

.green .module-box-foot,
.green .stripped,
.s-green .module-box-foot,
.s-green .stripped,
.greem .module-cta-container,
.s-green .module-cta-container,
table.green tr.stripped td,
#module-updates .stripped {
	background-color: #e7fce5;
	border-right-color: #e7fce5 !important;
}

.orange .module-box-foot,
.orange .stripped,
.s-orange .module-box-foot,
.orange .module-cta-container,
.s-orange .stripped,
table.orange tr.stripped td {
	background-color: #fcefe0;
}

.s-orange .module-cta-container {
	background-color: #f6921e;
}

.red .module-box-foot,
.red .stripped,
.s-red .module-box-foot,
.red .module-cta-container,
.s-red .module-cta-container,
.s-red .stripped,
table.red tr.stripped td {
	background-color: #faeeef;
}

.module-story {
	width: 284px;
	padding: 13px 9px;
	float: left;
}

.module-story small {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}

.module-selectbox {
	width: 420px;
	padding: 4px 8px;
	float: left;
}

.selectbox {
	width: 36px;
	margin: 4px 0 0;
	float: left;
}

.module-descrip {
	width: 380px;
	float: left;
}

#custom-modules .module-descrip {
	width: 360px;
}

#module-community-alerts .module-story {
	padding-top: 5px;
	padding-bottom: 5px;
}

#custom-modules .button-remove {
	margin: 15px 0 0;
}

.alert .module-story {
	width: 253px;
	padding-left: 40px;
	background-image: url(/images/elements/icon_alert.gif);
	background-repeat: no-repeat;
	background-position: 12px 12px;
}

/* Module tables */
table.module-table {
	width: 100%;
	float: left;
}

table.module-table td {
	padding: 5px 0;
}

table.module-table tr.stripped td {
	background-color: #e4e4e4;
}

table.module-table td.title {
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
}

table.module-table td.ap-name {
	width: 356px;
	padding-left: 13px;
}

table.module-table td.ap-name span {
	font-size: 1em;
	font-weight: bold;
	color: #ff0000;
}

table.module-table td.ap-edit {
	width: 24px;
	padding-right: 1px;
}

table.module-table td .button {
	margin-top: 2px;
}

table.module-table td.ap-remove {
	width: 32px;
}

.module-search {
	margin: 10px 13px;
	float: left;
}

.module-search label {
	width: 300px;
	margin: 0 0 5px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}

.label {
	margin: 0 0 5px;
	padding-right: 5px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}

.module-search input.text,
.module-search select {
	width: 200px;
}

.module-search select {
	height: 25px;
	margin: 0 4px 0 0;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
}

/*
 * Forms
 */
.form {
	float: left;
}

.form fieldset {
	margin: 0 0 20px;
	float: left;
	position: relative;
}

.form legend {
	float: left;
}

.form legend span {
	margin: 0 0 0 96px;
	padding: 0 0 10px;
	float: left;
	font-size: 1.6em;
	font-weight: bold;
	color: #666;
	position: relative;
}

.form div {
	width: 100%;
	margin: 0 0 1px;
	float: left;
	clear: both;
	position: relative;
}

.form div label {
	width: 192px;
	margin: 0 10px 0 0;
	float: left;
	font-weight: bold;
	line-height: 2.8em;
	text-align: right;
	text-transform: uppercase;
	color: #666666;
}

.form div label a {
	text-transform: none;
}

.form div label span {
	font-size: 1.2em;
	color: red;
}

.form div span.radio label,
.form div span.checkbox label {
	width: auto;
	margin: 0 5px;
	float: none;
}

.form div.checkboxes {
	width: 300px;
	margin: 5px 0 0;
	clear: none;
}

.form div span.checkbox {
	width: 100%;
	margin: 0;
	float: left;
}

.form div span.checkbox label {
	line-height: .8em;
}

.form div.facebook-connect {
	width: 300px;
	margin: 5px 0 0 0;
	clear: none;
}

.form div.facebook-connect p {
	font-size: 1.2em;
	padding-bottom: 10px;
}

input.text {
	width: 268px;
	padding: 5px 3px;
	font: 13px Arial, sans-serif;
	font-weight: bold;
	color: #9b9b9b;
	border: 1px solid #d6d6d6;
	background: #fff url(/images/elements/input_bg.gif) no-repeat 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

input.text:focus,
textarea:focus {
	border-color: #666;
}

input.medium {
	width: 90px !important;
}
input.short {
	width: 60px !important;
}
input.mini {
	width: 30px !important;
}

textarea {
	font: 13px Arial, sans-serif;
	font-weight: bold;
	color: #9b9b9b;
	border: 1px solid #d6d6d6;
	background: url(/images/elements/inner_shadow.gif) no-repeat 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.form .instruct {
	width: 260px;
	top: 3px;
	left: 490px;
	margin: ;
	position: absolute;
}

.form .instruct p {
	font-size: 1em;
	line-height: 1.2em !important;
	color: #999;
}

.search input.text {
	float: left;
}

.search .button {
	clear: right;
	margin-left: 2px;
}

.form div.submit {
	margin: 10px 0 0 202px;
	display: inline;
}

input.submit {
	height: 27px;
	padding: 2px 7px;
	font: 13px Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	border: 1px solid #7da490;
	background: #3677b5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

input.green {
	background-color: #00a551;
}

input.gray {
	background-color: #666;
}

input.submit:active {
	background: #2c6194;
}

.form ul.error {
	width: 192px;
	float: left;
	clear: both;
}

.form ul.error li {
	text-align: right;
	color: red;
	font-weight: bold;
}

.form div input.error,
.form div textarea.error {
	border-color: red;
}

.allergy-list-item-template{
	display: none;
}


/* Module box forms */
.module-content .form {
	margin: 10px 0;
}

.module-content legend span {
	margin-left: 125px;
}

.module-content .form div label {
	width: 115px;
}

.sortable .module-content .form div label {
	width: 85px;
}

.module-content .form div input.text {
	width: 160px;
}

.module-content .form div.checkboxes {
	width: auto;
	margin-left: 96px;
	display: inline;
}

.module-content .search {
	width: 410px;
}

.module-content .f-pass {
	margin: 5px 0 0 96px;
	display: inline;
}

.module-content .form div.submit {
	margin-left: 96px;
}

.module-content .form div.submit img,
.module-content .form div.submit input {
	margin: 0 5px 0 0;
	float: left;
}

.module-content .form ul.error li {
	width: 100%;
	margin-left: 96px;
	text-align: left;
}

.module-long input.text {
	width: 300px !important;
}

.module-long div label {
	width: 98px !important;
	margin: 0 5px 0 0;
	text-align: left;
}

.module-long div.submit {
	margin: 5px 0 0 0 !important;
	float: right;
}

.module-long div.submit input.submit {
	float: right !important;
}


/* Allergy List */
.allergies-list {
	float: left;
}

.allergies-list ul {
	float: left;
	margin: 20px 0 0 130px;
	display: inline;
}

.allergies-list ul li {
	width: 290px;
	margin: 0 0 5px;
	float: left;
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.8em;
	color: #666;
}

.allergies-list ul li,
.allergies-list ul li span {
	float: left;
}

.allergies-list ul li span {
	margin-right: 10px;
}

/* Advanced Search */
#main-search {
	float: right;
	position: relative;
}

#main-search .form {
	clear: right;	
}

#main-search input,
#main-search .button {
	margin-left: 2px;
}

#main-search input.text {
	width: 202px;
	float: left;
}

#main-search input#add-allergy {
	width: 140px;
}

#main-search input.submit {
	float: left;	
}

#main-search .form div label {
	width: 90px;
}

#main-search .form div.submit {
	margin: 5px 0 0 100px;
}

.search-btn a {
	padding-right: 20px;
	background: url(/images/elements/search_arrow.png) no-repeat 71px center;
}

.search-btn a:active,
#main-search .active a {
	background-color: #00a551;	
}

#advanced-search {
	width: 400px;
	top: 30px;
	right: 0;
	padding: 10px;
	position: absolute;
	display: block;
	z-index: 150;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #fff url(/images/elements/inner_shadow.gif) no-repeat 0 0;
}

#search-safe-for {
	margin-bottom: 5px;
	border-bottom: 1px solid #d6d6d6;
}

select#search-safe-for-user {
	width: 200px;
}

#advanced-search .button a {
	padding: 0 !important;
}

#advanced-search #search-close {
	right: 10px;
	position: absolute;
	z-index: 100;
}

#advanced-search .form {
	width: 400px;
	clear: left;
}

#advanced-search .form fieldset {
	margin: 0 0 5px;
}

#advanced-search .form div.submit {
	width: 200px;
}

#search-no-results {
	margin: 20px;
	float: left;
}

/* Ads */
.ad {
	width: 308px;
	height: 261px;
	margin: 0 0 7px;
	float: left;
	background: url(/images/elements/ad_bg.gif) no-repeat 0 0;
}

.skyscraper {
	width: 160px;
	height: 600px;
	margin: 46px 0 0;
	float: right;
	background: gray;
}

#google_ads_div_FCA_HomePage_LoggedIn_300x250 {
	margin-bottom: 10px;
}

/*
 * Specific page formatting
 */
 
/* Homepage (Logged Out) */
/*
#module-updates .module-story {
	width: 602px;
	padding: 10px;
	margin: 0 0 4px;
}


#module-updates .module-box-foot {
	padding-top: 0;
}
*/
#flash-intro {
	
}

#welcome-content {
	float: left;
	margin-bottom: 8px;
}

.expand-btn {
	width: 100%;
	float: left;
}

/*
#module-updates h3 a {
	padding: 0 0 3px 30px;
	float: left;
	background: url(/images/elements/button_add.gif) no-repeat 0 0;
}
*/

#ask-expert {
	padding-top: 10px;
}

#ask-expert p {
	font-size: 1.1em;
	margin: 0 0 5px;
}

#ask-expert-copy {
	width: 185px;
	margin: 10px 0 0;
}

#twinject-logo {
	margin: 10px 10px 0;
	float: left;
	clear: both;
}

.fullstory {
	width: 100%;
	margin: 10px 0 0;
	float: left;
	display: none;
}

#module-topfood .module-box-middle {
	position: relative;
}

#module-topfood #top-food-img {
	position: absolute;
}


#module-welcome .module-box-foot p {
	font-size: 1.2em;
	font-weight: bold;
}

#module-welcome .form {
	margin-bottom: 0;
}

#module-welcome .module-content {
	padding-bottom: 10px;
}

#module-welcome p {
	margin-bottom: 0;
}

.submit p.forgot {
	float: left;
	line-height: 2.4em;
}

/* Safe Foods */
#safe-foods .subnav,
#recipes .subnav {
	width: 776px;
	margin-bottom: 0;
	display: inline;
}

#safe-foods-header {
	width: 748px;
	padding: 30px 16px 20px;
	float: left;
	line-height: 2.4em;
	border-bottom: 1px solid #d6d6d6;
}

#safe-foods-title {
	width: 200px;
	float: left;
}

/* Safe Foods Search */
#safe-foods #main-search {
	float: right;
}

/* Safe Foods Table Utility*/
.safe-foods-utility {
	width: 770px;
	clear: both;
	float: left;
}

.quick-shopping-list-add {
	width: 240px;
	padding: 10px 0 0 40px;
	float: left;
	background: url(/images/pages/safe_foods/safe_foods_arrow.gif) no-repeat 17px -46px;
}

.quick-shopping-list-add p {
	line-height: 2.2em;
	color: #666;
}

.show-flagged {
	margin: 8px 0 3px;
}

.foot .quick-shopping-list-add {
	background-position: 17px 17px;
}

.pagination {
	width: 390px;
	margin: 0 10px 0 0;
	padding: 8px 0 0;
	float: right;
}

.pagination ul {
	float: right;
}

.pagination ul li {
	margin: 5px;
	display: inline;
	float: left;
	font-size: 1.1em;
}

.pagination ul li a {
	text-decoration: underline;
}

.pagination ul li.prev {
	margin-right: 22px;
}

.pagination ul li.next {
	margin-left: 22px;
}

/* Safe Foods Table */
table#safe-foods-tbl {
	width: 775px;
	margin: 10px 0 0 3px;
	float: left;
	clear: both;
	display: inline;
}

table#safe-foods-tbl th {
	padding: 10px !important;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	background-image: url(/images/elements/table_border.gif);
	background-position: right 0;
	background-repeat: repeat-y;
}

table#safe-foods-tbl th a {
	color: #fff;
}

table#safe-foods-tbl td {
	padding: 18px 10px;
	font-size: 1.1em;
	vertical-align: top;
	color: #666;
}

table#safe-foods-tbl td a {
	color: #666;
	text-decoration: underline;
}

table.green th {
	background: #0ca551;
}

table.orange th {
	background: #f6921e;
}

table#safe-foods-tbl .tbl-check {
	width: 25px;
	text-align: center;
}

table#safe-foods-tbl .product-name {
	width: 110px;
}

table#safe-foods-tbl .category {
	width: 74px;
}

table#safe-foods-tbl .safe-for {
	width: 75px;
}

table#safe-foods-tbl .manufacturer {
	width: 96px;
}

table#safe-foods-tbl .size {
	width: 45px;
}

table#safe-foods-tbl .rating {
	width: 82px;
}

table#safe-foods-tbl .table-row-utilities {
	width: 106px;
	padding-left: 7px;
	padding-right: 7px;
}

table#safe-foods-tbl td.table-row-utilities div {
	margin-left: 4px;
	display: block;
	position: static;
	zoom: 1;
}

table#safe-foods-tbl td.table-row-utilities div.button-flag {
	margin-left: 0;	
}

table#safe-foods-tbl td.table-row-utilities .button-edit,
table#safe-foods-tbl td.table-row-utilities .button-flag {
	margin-top: 3px;
}

table#safe-foods-tbl td.table-row-utilities .maximize {
	margin-top: 1px;
}

table#safe-foods-tbl td.table-row-utilities .maximize a {
	background-position: 0 -144px;
}

table#safe-foods-tbl td.table-row-utilities .maximize.d a {
	background-position: 0 -168px;
}

tr.inline-content td {
	width: 730px;
	padding: 4px !important;
}

#safe-food-detail {
	width: 778px;
	padding: 10px 0;
	float: left;
}

.safe-food-thumb {
	width: 135px;
	height: 100px;
	margin: 0 28px 0 0;
	float: left;
	display: block;
}

.safe-food-detail-alert {
	width: 730px;
	padding: 10px 5px 20px 25px;
	float: left;
	background: url(/images/elements/icon_alert.gif) no-repeat 0px 12px;
}

.safe-food-detail-alert h4 {
	float: left;
	line-height: 2em;
}

.safe-food-detail-alert .button-confirm {
	margin-right: 4px;
}

.safe-food-detail-alert .button-remove a,
.safe-food-detail-alert .button-confirm a,
#community-changes .button-remove a,
#community-changes .button-confirm a {
	background-position: 0 -24px;
}

.safe-food-detail-alert .button-remove a:hover,
.safe-food-detail-alert .button-confirm a:hover,
#community-changes .button-remove a:hover,
#community-changes .button-confirm a:hover {
	background-position: 0 0;
}

.safe-food-alert-action {
	width: 55px;
}

.safe-food-detail dl {
	width: 90px;
	margin-left: 20px;
	display: inline;
	float: left;
}

.safe-food-detail dl dt {
	font-weight: bold;
	text-transform: uppercase;
}

.safe-food-detail dl dt a {
	color: #0061a9 !important;
}

.safe-food-detail dl.link-to-comments {
	margin-left: 25px;
}

.safe-food-detail .button {
	margin: 0 0 4px;
}

/* Safe Foods Detail */
#safe-food-global-info {
	width: 300px;
	margin: 0 0 0 15px;
}

ul.check-list li {
	width: 210px;
	padding: 0 0 0 20px;
	float: left;
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	background: url(/images/elements/icon_checkmark.gif) no-repeat 0 2px;
}

#safe-for-box small {
	font-size: 1.1em;
	color: #666;
}

#safe-for-box .module-content {
	padding-bottom: 0;
}

#community-box .module-content {
	width: 209px;
	padding-left: 40px;
	background: url(/images/elements/icon_alert.gif) no-repeat 10px 18px;
}

#community-changes div {
	margin-right: 5px;
}

#community-box .module-content ul li {
	width: 140px;
	float: left;
	color: red;
	font-size: 1.1em;
}

.add-shop-list {
	width: 220px;
}

#safe-food-detail-header {
	width: 750px;
	padding: 17px 15px;
	float: left;
	clear: both;
}

#safe-food-detail-utility div {
	margin-left: 5px;
}

#safe-food-detail-utility .button-edit,
#safe-food-detail-utility .button-email {
	margin-top: 4px;
}

#product-details {
	width: 448px;
	margin: 0 15px 0 0;
	display: inline;
}

#safe-food-info {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}

#safe-food-info-title {
	width: 200px;
	margin: 0 10px 0 0;
	float: left;
}

#safe-food-info-title p {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}


#safe-for-box .button {
	margin: 4px 0 0;
}

.rate-safe-food {
	width: 108px;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}

.safe-food-specs {
	width: 100%;
	margin: 5px 0 20px;
	float: left;
}

.safe-food-specs dl {
	width: 200px;
	margin: 0 20px 0 0;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}

.safe-food-specs dl dt {
	width: 108px;
	float: left;
	clear: left;
	position: relative;
	color: #666;
}

.safe-food-specs dl dd {
	padding: 0 0 0 108px;
	clear: right;
}

ul.tags li {
	width: 133px;
	margin: 0 5px 5px 0;
	float: left;
	display: inline;
	font-size: 1.3em;
	font-weight: bold;
}

.module-form {
	margin: 20px 0 0;
	padding: 5px 10px 0;
	float: left;
	border-top: 1px solid #ccc;
}

.add-tag {
	width: 400px;
}

.add-tag input.text {
	width: 340px;
}

.module-form textarea {
	width: 385px;
	padding: 5px;
	height: 100px;
}

.comments-box ol li {
	margin: 0 0 10px;
	float: left;
}

.comments-box ol li .comment-author {
	width: 128px;
	float: left;
}

.comments-box ol li .comment-body {
	width: 275px;
	float: left;
}

#food-detail-legal p {
	font-size: 1.1em;
	color: #666;
}

/*
 * Add/Edit Product
 */
 
#edit-title h2 {
	padding: 0 30px 0 0;
	background: url(/images/elements/table_utility_btn.png) no-repeat right -21px;
}

#safe-food-title {
	width: 740px;
	margin: 10px 14px;
	padding: 0 5px 10px;
	float: left;
	display: inline;
	border-bottom: 1px solid #ccc;
}

.safe-food-form-row {
	width: 750px;
	margin: 10px 14px;
	padding: 10px 5px;
	float: left;
	border-bottom: 1px solid #ccc;
}

#add-product .form div label {
	width: 80px;
}

#add-product .form div.submit {
	margin-left: 90px;
	margin-bottom: 20px;
}

#product-img img {
	margin: 0 0 10px 90px;
}

/*
 * Profile Pages
 */
#main-login-box .form div label {
	width: 100px;
}

#main-login-box .form input.text {
	width: 220px;
}

#main-login-box .module-box-foot {
	width: 340px;
	padding-left: 82px;
}

.required-msg {
	width: 500px;
	margin: 0 0 0 20px;
	display: inline;
	float: left;
	font-size: 1.1em;
	color: #666;
}

.required-msg h3 {
	margin: 10px 0 15px;
	padding: 5px;
	color: #ff0000;
	border: 2px solid #ff0000;
	background: #ffd7ce;
}

#edit-add-profile .form legend span {
	margin-left: 130px;
}

#edit-add-profile .form div label {
	width: 120px;
}

#edit-add-profile .form div.submit {
	width: 100px;
	margin-left: 130px;
}

#edit-add-profile .form div ul.error li {
	margin-left: 130px;
}

#create-a-module .module-content {
	padding-bottom: 0;
}

#create-a-module .form,
#create-a-module .form fieldset {
	margin-bottom: 0;
}

/*
 * Legal Pages
 */
iframe#terms-iframe {
	border: 1px solid #e3e3e3;
}

.fine-print {
	width: 450px;
	margin: 20px 0 0 204px;
	float: left;
	display: inline;
	color: #666;
}

.fine-print p {
	font-size: 1.1em;
}

.coming-soon {
	width: 526px;
	height: 380px;
	margin: 24px 0 24px 24px;
	padding: 0 300px 0 0;
	float: left;
	color: #666;
	background: url(/images/pages/coming_soon/coming_soon.jpg) no-repeat bottom right;
}
 
.legal-content {
	width: 542px;
	margin: 24px;
	float: left;
	color: #666;
}

.coming-soon p,
.legal-content p,
.sponsor-content p,
.legal-content h4 {
	margin: 0 0 1.8em;
}

.archive-node ul li {
	margin: 0 0 5px 20px;
	list-style-type: disc;
}


.legal-content ol li {
	margin: 0 0 5px 20px;
	list-style-type: decimal;
}

.legal-content ol li h4 {
	margin: 0 0 .9em;
}

.legal-content ol li ul li {
	font-size: 1.2em;
	list-style-type: disc;
}

.legal-content address {
	margin: 0 0 20px 20px;
	font-size: 1.2em;
}

.legal-content strong {
	font-weight: bold;
}

#contact-form {
	width: 700px;
	margin: 24px;
	float: left;
}

#contact-form p {
	width: 500px;
	margin: 10px 0;
	color: #666;
}

#contact-form .form {
	width: 550px;
}

#contact-form .form div {
	width: 500px;
}

#contact-form .form div label {
	width: 90px;
}

#contact-form .form textarea {
	width: 380px;
	height: 200px;
}

#contact-address {
	width: 100px;
}

#contact-address h2 {
	margin: 0 0 10px;
	color: #666;
}

#contact-address p {
	margin: 0;
	width: 220px;
}

#contact-address .byline {
	padding-top: 20px;
}

.sponsor {
	margin: 0 0 20px;
	float: left;
}

.sponsor .sponsor-logo {
	width: 160px;
	float: left;
}

.sponsor-content {
	width: 426px;
	float: right;
}

.sponsors-content {
	width: 680px;
	float: right;
	float: left;
	color: #666;
	margin: 24px;
}


/*
	SPONSORS
	--------------------------------------------------------
*/

.sponsor img {
	margin: 0 30px 20px 0;
	float: left;
}

.sponsor .sponsor-content ul li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 5px 20px;
	list-style: disc;
}

#about-content {
	width: 510px;
	margin-right: 70px;
}

#about-content h2 {
	margin: 0 0 20px;
	color: #3677b5;
}

#about-sidebar {
	margin: 24px 0 0;
}

#about-sidebar h2#about-sidebar-title {
	color: #00a551;
	margin: 0 0 20px;
}

#about-sidebar h2 a {
	color: #fff !important;
	text-decoration: none;
}

#about-sidebar h2 a:hover {
	color: #666;
}

#about-sidebar .module-box {
	margin-bottom: 30px;
}

#about-sidebar .module-box .module-story {
	padding-bottom: 0;
}

#about-sidebar .module-box p {
	margin: 0 0 10px;
}

#about-sidebar .module-box p.go-link {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
}

/* FAQ */
#archive-wrapper {
	margin: 20px;
	float: left;
}

#archive-wrapper a{
	text-decoration: underline;
}

#archive-list {
	margin: 0 0 0 40px;
}

#archive-list h2 {
	margin: 0 0 20px;
}

#archive-list h3 {
	font-size: 1.4em;
	margin: 0 0 20px;
	color: #666;
}

#archive-list p {
	margin: 0 0 1.8em;
	color: #666;
}

#archive-list small {
	width: 100%;
	float: left;
	margin: 0 0 20px;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
}

.archive-node {
	width: 100%;
	margin: 0 0 40px;
	float: left;
}

#module-toc ol {
	list-style: decimal;
}

#module-toc ol li {
	margin: 0 0 0 22px;
	font-size: 1.1em;
	margin-bottom: 10px;
}
#module-toc ul li {
	margin-left: 0px;
	font-size: 1em;
}

.date-type {
	width: 100%;
	margin: 0 0 15px;
	float: left;
}

#module-archives h3 {
	color: #666;
}

#module-archives ul li {
	font-size: 1.1em;
}

#archive-pagination {
	margin: 0 0 20px;
}

/*
 * Dialog Boxes
 */
.ui-widget-overlay {
	position: fixed;
}

.ui-dialog-titlebar,
.ui-dialog-content,
.ui-dialog-footer {
	background: url(/images/elements/popup_box.png) no-repeat 0 0;
}

.ui-dialog-container {
	text-align: left;
	-webkit-border-radius: 5px;
}

.ui-dialog-titlebar {
	width: 388px;
	padding: 18px 20px 6px;
	float: left;
	background-position: -867px 0 !important;
}

.ui-dialog-titlebar a {
	width: 23px;
	height: 23px;
	margin: 4px 0 0;
	float: right;
	overflow: hidden;
}

.ui-dialog-titlebar a span {
	width: 23px;
	height: 0px !important;
	padding: 23px 0 0;
	float: left;
	background: url(/images/elements/module_buttons.png) no-repeat 0 -96px;
}

.ui-dialog-title {
	float: left;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.9em;
	color: #fff;
}

.ui-dialog-content {
	width: 394px !important;
	height: auto !important;
	padding: 9px 17px 0;
	float: left;
	display: inline;
	background-position: -434px 0 !important;
	background-repeat: repeat-y !important;
}

.ui-dialog-content p {
	width: 394px;
	font-size: 1.1em;
	margin: 0 0 .9em;
	color: #666;
}

.ui-dialog-footer {
	width: 100%;
	height: 20px;
	margin: 0;
	float: left;
	background-position: -2px bottom !important;
}

#share-dialog .form {
	padding: 10px;
	width: 376px;
	float: left;
	display: inline;
	background: #d2e7fb;
}

#share-dialog .form fieldset {
	margin: 0;
}

#share-dialog .form div label {
	width: 90px;
}

#share-dialog .form div input.text {
	width: 246px;
}

#share-dialog .form div textarea {
	width: 251px;
	height: 120px;
}

#share-dialog .form div.submit {
	width: 100px;
	margin: 5px 0 0 100px;
	display: inline;
}
#share-dialog #share-buttons {
	padding-bottom: 10px;
	width: 386px;
	text-align: center;
}
#share-dialog #share-buttons img {
	padding-left: 8px;
	
}

#sensitivity-dialog .form {
	padding: 10px;
	width: 376px;
	float: left;
	display: inline;
	background: #d2e7fb;
}

#sensitivity-dialog .form fieldset {
	margin: 0;
}

#sensitivity-dialog .form div label {
	width: 90px;
}

#sensitivity-dialog .form div input.text {
	width: 246px;
}

#sensitivity-dialog .form div textarea {
	width: 251px;
	height: 120px;
}

#sensitivity-dialog .form div.submit {
	width: 100px;
	margin: 5px 0 0 100px;
	display: inline;
}

#email-dialog .form {
	padding: 10px;
	width: 374px;
	float: left;
	display: inline;
	background: #d2e7fb;
}

#email-dialog .form fieldset {
	margin: 0;
}

#email-dialog .form div label {
	width:90px;
}

#email-dialog .form div input.text {
	width: 248px;
}

#email-dialog .form div textarea {
	width: 254px;
	height: 120px;
}

#email-dialog .form div.submit {
	width: 100px;
	margin: 5px 0 0 100px;
	display: inline;
}

/*
 * Stars
 */
.ui-stars-star,
.ui-stars-cancel {
	width: 16px;
	height: 15px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
	width: 16px;
	height: 15px;
	display: block;
	zoom: 1;
	background: url(/images/elements/rating.png) no-repeat 0 0;
}
.ui-stars-star a {
	background-position: 0 -32px;
}
.ui-stars-star-on a {
	background-position: 0 -48px;
}
.ui-stars-star-hover a {
	background-position: 0 -64px;
}
.ui-stars-cancel-hover a {
	background-position: 0 -16px;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
	cursor: default !important;
}

/*
 * Recipes
 */
#recipes table#safe-foods-tbl .product-name {
	width: 154px;
}

table#safe-foods-tbl .ingredient {
	width: 130px;
}

table#safe-foods-tbl .occasion {
	width: 110px;
}

.detail-utility {
	position: relative;
}

.add-to-safe-recipe {
	width: 246px;
	right: 0;
	margin: 30px 0 0;
	position: absolute;
}

.add-to-safe-recipe label {
	width: 85px;
	margin: 0 10px 0 0;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}

.add-to-safe-recipe select {
	width: 100px;
}

#recipe-image p {
	font-size: 1.1em;
	color: #666;
}

.smedium ul.tags li {
	width: 115px;
}

.smedium .add-tag {
	width: 216px;
}

.smedium .add-tag input.text {
	width: 155px;
}

#recipe-details dl {
	width: 100%;
	margin: 0 0 20px;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}

#recipe-details dl dt {
	width: 100px;
	margin: 0 0 5px;
	float: left;
	clear: left;
}

#recipe-details dl dd {
	padding: 0 0 5px 108px;
}

#recipe-details dl dd p {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: none;
	margin: 0 0 10px;
}

dl#recipe-info dd {
	font-size: 1.2em;
	text-transform: none;
	color: #000;
}

dl#ingredient-list dd div {
	width: 400px;
	margin: 0 0 5px;
	float: left;
}

dl#ingredient-list dd div span {
	width: 15px;
	float: left;
}

dl#ingredient-list dd div label {
	width: 300px;
	margin: 0 0 0 5px;
	float: left;
}

#recipe-to-shopping-list {
	width: 330px;
	margin: 0 0 20px 108px;
	float: left;
}

#recipe-to-shopping-list label {
	width: 290px;
	padding: 0 0 0 20px;
	float: left;
	font-size: 1.2em;
	color: #666;
	background: url(/images/pages/safe_foods/safe_foods_arrow.gif) no-repeat 0 3px;
}

#ingredient-form-input {
	margin-bottom: 20px;
}

.ingredient-form div {
	width: 438px;
	margin: 0 3px 0 0;
	padding-left: 5px;
	float: left;
}

.ingredient-form div input.text {
	width: 210px;
	float: left;
	margin-right: 5px;
}

.ingredient-form div p {
	width: 190px;
	float: left;
	margin-right: 15px;
	margin-left: 5px;
}

.ingredient-form div .item {
	width: 424px;
	background-color: #ebeaea;
	padding: 5px;
	margin-top: 1px;
}


.ingredient-form div select {
	width: 60px;
	margin: 4px 0 0 5px;
	float: left;
}

.ingredient-form .alert-flag {
	display: inline;
	width: 16px;
	height: 16px;
	padding-top: 3px;
}


.ingredient-form .button-remove {
	width: 23px;
	height: 23px;
	float: left;
	overflow: hidden;
}

#ingredient-quick-add {
	margin-top: 25px;
	padding: 5px;
}

#ingredients-box .module-box-foot {
	width: 404px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#ingredients-box .module-box-foot label {
	width: 120px;
	margin: 0 5px 0 0;
	float: left;
	line-height: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
	color: #666;
}

#ingredients-box .module-box-foot input#add-new-ingred {
	width: 140px;
}

.inline-add-product {
	width: 748px;
	float: left;
	clear: both;
	background: #e7fce5;
}

.inline-add-product-header {
	width: 100%;
	margin: 0 0 20px;
	float: left;
}

.inline-add-product-title {
	float: left;
}

.inline-upc-lookup {
	float: right;
}

.inline-upc-lookup input.text {
	width: 180px;
}

#recipe-descriptions textarea {
	width: 442px;
}

#recipe-tags-box .module-selectbox {
	width: 425px;
}

#recipe-tags-box .module-selectbox h3 {
	line-height: 1.8em;
}

#submit-recipe-btn {
	margin: 15px 0 0 86px;
}

/*
 * Shopping Lists
 */
#shopping-lists-header {
	width: 765px;
	margin: 14px 3px 14px 14px;
	clear: both;
	float: left;
	display: inline;
}

#shopping-lists-header #main-search {
	margin: 8px 0 0;
	float: left;
	display: inline;
}

#shopping-lists-header #advanced-search {
	left: 0;
}

table#safe-foods-tbl .list-name {
	width: 315px;
}

table#safe-foods-tbl .lists-date {
	width: 150px;
}
table#safe-foods-tbl .lists-safe-for {
	width: 150px;
}

table#safe-foods-tbl th.lists-utility {
	background-image: none;
}

table#safe-foods-tbl .lists-utility {
	width: 100px;
}

table#safe-foods-tbl .lists-utility .right div {
	margin-left: 5px;
}

#shopping-list-container {
	width: 100%;
}

#shopping-list-container .module-box {
	margin: 10px 66px;
}

#shopping-list-container.edit-list .module-box {
	margin-top: 74px;
}

#shopping-list-utility {
	width: 652px;
	float: left;
	margin: 30px 60px 0;
	display: inline;
}

#shopping-list-utility .button-edit,
#shopping-list-utility .button-email {
	margin-top: 8px;
}

#shopping-list-utility .button-print {
	margin-top: 3px;
}

#shopping-list-utility div {
	margin-left: 10px;
}

#shopping-lists #safe-food-title {
	margin-top: 20px;
	margin-bottom: 0;
}

/* SHOPPING LISTS CREATE */

.shopping-lists-create-btn a {
	color: #fff;
	text-decoration: underline;
	padding-left: 10px;
	font-size: 1.2em;	
}

/* SHOPPING LISTS BOX */
#shopping-list-box {
	width: 648px;
}

#shopping-list-box .module-box-header,
#shopping-list-box .module-box-middle,
#shopping-list-box .module-box-btm {
	float: left;
	background: url(/images/elements/module_box_lists.gif) no-repeat 0 0;
}

#shopping-list-box .module-box-header {
	width: 624px;
	padding-bottom: 9px;
	background-position: -1298px 0;
}


#shopping-list-box .module-box-title {
	width: 620px;
	float: left;
}

#shopping-list-box .module-box-middle {
	width: 642px;
	background-position: -649px 0;
	background-repeat: repeat-y
}

#shopping-list-box .module-content {
	width: 615px;
}

#shopping-list-box .module-box-btm {
	width: 100%;
	background-position: 0 bottom;
}

#shopping-list-box .module-box-header input.text {
	border: none;
}

.add-ingredients {
	width: 100%;
	margin: 10px 0;
	float: left;
}

.add-ingredients select {
	width: 70px;
	margin-top: 5px;
}

.add-ingredients select,
.add-ingredients input.text {
	float: left;
}

.add-ingredients div,
.add-ingredients select,
.add-ingredients input.text  {
	margin-left: 5px;
}

table.shopping-list-tbl {
	width: 100%;
	float: left;
}

table.shopping-list-tbl th {
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background: #666 url(/images/elements/table_border.gif) repeat-y top right;
}

table.shopping-list-tbl th,
table.shopping-list-tbl td {
	padding: 10px;
}

table.shopping-list-tbl td {
	font-size: 1.1em;
	color: #666;
}

table.shopping-list-tbl .amount {
	width: 60px;
}

table.shopping-list-tbl .product-name {
	width: 170px;
}

table.shopping-list-tbl .manufacturer {
	width: 115px;
}

table.shopping-list-tbl .upc {
	width: 58px;
}

table.shopping-list-tbl .size {
	width: 46px;
}

table.shopping-list-tbl .amount-edit {
	width: 10%;
}

table.shopping-list-tbl .product-name-edit {
	width: 30%;
}

table.shopping-list-tbl .manufacturer-edit {
	width: 20%;
}

table.shopping-list-tbl .upc-edit {
	width: 10%;
}

table.shopping-list-tbl .safefor-edit {
	width: 20%;
}

table.shopping-list-tbl .size-edit {
	width:  10%;
}

table.shopping-list-tbl th.lists-utility {
	background-image: none;
}

table.shopping-list-tbl .lists-utility {
	width: 10%;
}

table.shopping-list-tbl .lists-utility div {
	margin: 0;
}

/* MOBILE */
#m-number {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

#m-number input.text {
	font-size: 12px;
	padding-top: 3px;
}

input.small-txt {
	width: 45px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}