/***************
Aatu-project
Main style file 
***************/

/**********************
Structure of this file:
-----------------------
 - Common declarations
   * Forms
   * Lists
   * Tables
   * Typography
   * Links
 - App-related declarations
   * Recipes
   * Profiles
   * etc.
   * AJAX suggest field styles
 - Common layout declarations
   * Holy Grail -layout
   * Tab layout

/* Common to all pages
*********************************************************************/

/* Forms */
form
{
	margin: 2em 0 1em 0;
	padding: 0 0.5em 0 0.5em;
	border: 3px double #D9EFB3;
	background: #fff url("../img/bg_infobox_ok_reverse.gif") top right repeat-y;
}

fieldset
{
	margin: 0.5em 0 1em 0;
	padding: 0.8em;
	border: 2px solid #D9EFB3;
	background: #fff url("../img/bg_infobox_ok.gif") top left repeat-y;
}

fieldset.submit
{
	border: none;
}

fieldset legend
{	
	margin: 0.5em;
	padding: 0.3em 0.8em;
	border: 2px solid #D9EFB3;
	border-top: none;
	font: bold 1em/1em "arial", "verdana", sans-serif;
	letter-spacing: 0;
	background-color: #fff;
	color: #446600;
}

fieldset legend span
{
	display: block;
	background-color: #fff;
	font-size: 0.9em;
}

fieldset label
{
	font: bold 1em/1.5em Verdana, sans-serif;
	border-bottom: 1px dashed #AFCFA2;
}

fieldset br
{
	clear: right;
}

fieldset ul
{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

fieldset ul p
{
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 0;
}

fieldset li
{
	margin: 0.1em 0;
}
	
fieldset li label /* Checkbox lists etc. */
{
	border: none;
	font-size: 1em;
	font-weight: normal;
}

fieldset .form_info
{
  padding: 0 0 0.3em 0;
  margin: 0 0 0 1.9em;
}

/* Django's newforms gather inputs inside divs. */
form div.input,
fieldset div.input
{
	margin: 0.5em 0 1em 0;
}

div.input.error input,
div.input.error select,
div.input.error textarea
{
	border: 1px solid #f00;
	padding: 2px 1px;
	background-color: #fee;
}

div.input.error input:focus,
div.input.error select:focus,
div.input.error textarea:focus
{
	background-color: #ffc;
}


/* Inputs */
fieldset input,
fieldset select,
fieldset textarea
{
	font-size: 1em;
	font-family: Verdana, Tahoma, Arial, Serif;
	font-weight: normal;
}

fieldset input:focus
{
	background-color: #ffc;
	font-weight: bold;
	border: 1px solid #7F9DB9;
	padding: 1px 1px 3px 1px;
}

fieldset select:focus
{
	background-color: #ffc;
}

fieldset textarea:focus
{
	background-color: #ffc;
	font-weight: normal;
	border: 1px solid #7F9DB9;
	padding: 0 1px 2px 1px;
}

fieldset input /* default */
{
	width: 150px;
}

fieldset input.small
{
	width: 60px;
}

fieldset input.medium
{
	width: 150px;
}

fieldset input.ridiculously_large,
fieldset select.ridiculously_large
{
	width: 300px;
}

fieldset input.checkbox,
fieldset input.radio
{
	width: auto;
}

fieldset div.indent
{
	margin-left: 4em;
	margin-top: 2em;
}


fieldset input.checkbox:focus
{
	background-color: inherit;
	font-weight: inherit;
	border: inherit;
	padding: inherit;
}

fieldset input.submit
{
	width: auto;
	min-width: 0;
	margin-right: 0.4em;
}

input.submit
{
	font: normal 1.2em/1.5em "verdana", sans-serif;
	padding: 0.1em;
}

input.submit.second
{
	margin-top: 0.5em;
}

input.main
{
  font-size: 1.2em;
  font-family: Verdana, Serif;
}


form.minimalistic
{
	background: none;
	border: none;
	margin: 1em 0 0 0;
}

form.minimalistic fieldset
{
	background: none;
	border: none;
	margin: 0;
}

form.minimalistic legend
{
	display: none;
}

form.minimalistic div.input
{
	text-align: center;
}

form.minimalistic input#id_ingredient
{
	width: 200px;
	float: left;
}

form.minimalistic input.submit
{
	font-size: 0.8em;
}


/* Help texts. */
.help_text
{
  font-size: 90%;
  font-style: italic;
  padding: 0 0 6px 22px;
  margin: 0;
  background-image: url("../img/help.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: help;
  vertical-align: top;
  display: block;
}

.help_text_js
{
  font-size: 90%;
  font-style: italic;
  padding: 0 0 6px 22px;
  margin: 0;
  background-image: url("../img/help.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: help;
  vertical-align: top;
}

.ingredientlist
{
  padding: 0 0 2px 22px;
  margin: 0;
  min-width: 150px;
  min-height: 16px;
}

.help_text.fieldset
{
  font-size: 90%;
  font-style: italic;
  padding: 0 0 2px 30px;
  margin: 0.6em 0;
  background-image: url("../img/help.gif");
  background-repeat: no-repeat;
  background-position: 10px 2px;
  cursor: help;
  vertical-align: top;
}




/* Language selector */
form.lang
{
	background-image: none;
	background-color: transparent;
	border: none;
}

form.lang fieldset,
form.lang fieldset label
{
	border: none;
	background-color: transparent;
	background-image: none;
	font-size: 0.8em;
}

form.lang,
form.lang *
{
	margin: 0;
	padding: 0;
	display: inline;
}

form.lang option
{
	display: block;
}

form.lang input
{
	min-width: 0;
	width: auto;
	padding: 0 4px;
}

form.lang select
{
	font-family: Tahoma, Arial, Serif;
}

input.hidden
{
	display: none;
}


/* Search-type forms */
form.search_form
{
	margin-top: 2.5em;
	border: none;
	background: none;
}

fieldset.search
{
	padding: 0 6px 0.3em 6px;
	margin: 0;
	min-width: 515px;
	background-color: #fff;
	border: 1px solid #CFEFC2;
	background-image: url("../img/bg_infobox_ok.gif");
	background-repeat: repeat-y;
	background-position: 0 0;
	position: relative;
}

fieldset.search legend
{
	font-weight: normal;
	letter-spacing: 0;
	font-family: "Trebuchet MS", Georgia, Serif;
	font-size: 1em;
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: none;
}

fieldset.search legend span
{
	background-color: #fff;
	font-size: 1em;

	display: block;
	position: absolute;
	top: -1.6em;
	left: 1em;
}

fieldset.search input,
fieldset.search label
{
	float: left;
	margin: 8px 0 4px 0;
	padding: 0;
	font-size: 1em;
}

fieldset.search input#searchterm
{
	margin-right: 0px;
}

fieldset.search input#searchterm
{
	min-width: 270px;
	width: 360px;
	font-weight: normal;
}

fieldset.search input#searchterm:focus
{
	padding: 0 1px 2px 1px;
}

fieldset.search label
{
	clear: left;
	width: 150px;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
	border: none;
}

fieldset.search input.submit
{
	float: left;
	width: auto;
	min-width: 0;
	margin: 8px 4px 4px 0;
	font-weight: bold;
	font-size: 0.9em;
	height: 1.65em;
	border: 1px solid #7F9DB9;
	border-left: none;
	padding: 1px 4px;
}

fieldset.search input.submit:focus,
fieldset.search input.submit:hover
{
	background-color: #ffc;
	border: 2px solid #7F9DB9;
	border-left-width: 1px;
	padding: 0 3px;
}

fieldset.search br
{
	clear: right;
}

/* Admin page: forms inside tables */
table.sortable form,
table.sortable fieldset
{
	background-image: none;
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

table.sortable input.submit
{
	padding: 0;
}

/* Tag edit forms */
textarea.tag_edit:focus
{
	padding-top: 0;
	padding-bottom: 2px;
}


/* Lists */
ul.errorlist
{
	list-style:none;
	margin: 4px 0 0 0;
	padding: 0;
}

ul.errorlist li
{
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url("../img/error.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* Tables */
table.sortable {
	border-spacing: 0;
	border: 1px solid #eee;
	border-right: none;
	width: 100%;
}

table.sortable tr.unread *
{
	font-weight: bold;
}

table.sortable tr a.bulletin_title
{
	background: url("../img/email_open.png") center left no-repeat;
	padding: 3px 20px;
}

table.sortable tr.unread a.bulletin_title
{
	background: url("../img/email.png") center left no-repeat;
	padding: 3px 20px;
}

table.sortable th {
	font-family: Trebuchet MS, Tahoma, Serif;
	border-bottom: 1px solid #859683;
	padding: 6px;
	padding-right: 16px;
	background-color: #505E51;
	color: white;
	font-size: 0.8em;
	background-image: url("../img/table_header_bg.gif");
	background-repeat: repeat-x;
	background-position: top left;
	border-right: 1px solid #859683;
}

table.sortable th.sorted {
	font-style: italic;
	background-image: url("../img/table_header_active_bg.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
}

table.sortable th.sortable a {
	background-image: url("../img/sortable.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 16px;
}

table.sortable th.ascending a {
	background-image: url("../img/sorted_down.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 16px;
}

table.sortable th.descending a {
	background-image: url("../img/sorted_up.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 16px;
}

table.sortable th.footer {
	font-family: Trebuchet MS, Tahoma, Serif;
	border: none;
	padding: 6px;
	background-color: #f7f7f7;
	background-image: none;
	color: black;
	font-size: 0.9em;
	font-weight: normal;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
}

table.sortable thead th a:link,
table.sortable thead th a:active,
table.sortable thead th a:visited {
	color: white;
}

table.sortable td {
	vertical-align: top;
	border: none;
	padding: 4px;
	font-size: 0.8em;
	border-right: 1px solid #eee;
}

table.sortable td a
{
	color: #507700;
}

table.sortable tr.odd {
	background-color: rgb(248,250,240);
}

table.sortable tr td em.date_info {
	font-size: 100%;
}

table.sortable tr td.active {
	background-color: rgb(248,250,240);
}

table.sortable tr.odd td.active {
	background-color: rgb(241,245,225);
}

th.unsortable {
	color: #050 !important;
}

table.sortable tr:hover td,
table.unsortable tr:hover td
{
	background-color: #E7F0C2 !important;
}

table.sortable img
{
	border: none;
}
/* Basic version */
table.basic {
	border: none;
}

table.basic th {
	font-family: Trebuchet MS, Tahoma, Serif;
	border: none;
	border-bottom: 3px double #ddd;
	padding: 6px;
	padding-right: 16px;
	background-color: white;
	font-size: 0.8em;
	background-image: none;
}

table.basic th.sorted {
	font-style: italic;
	background-image: none;
}

table.basic tbody tr td:first-child {
	border-left: 1px solid #eee;
}

table.basic thead th a:link,
table.basic thead th a:active,
table.basic thead th a:visited {
	color: #050;
}

table.basic tbody tr td a:link,
table.basic tbody tr td a:active,
table.basic tbody tr td a:visited {
	text-decoration: none;
}

table.basic tbody tr td a:hover {
	text-decoration: underline;
}

table.basic th.footer {
	border: 1px solid #ddd;
	border-top: 3px double #ddd;
}

table.basic th.sortable a {
	background-image: url("../img/sortable_basic.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background: none;
	padding-right: 16px;
}

table.basic th.ascending a {
	background-image: url("../img/sorted_down_basic.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 16px;
}

table.basic th.descending a {
	background-image: url("../img/sorted_up_basic.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 16px;
}

table.basic td.table_footer {
	border: none !important;
}

table.basic td.table_footer:hover {
	background: none !important;
}


/* Radiobutton matrix */
table.radiobutton_matrix
{
	width: 100%;
	margin-bottom: 1.8em;
	border-collapse: collapse;
}

table.radiobutton_matrix tr th
{
	border-bottom: 3px double #D9EFB3;
}

table.radiobutton_matrix tr td
{
	width: 10%;
	text-align: center;
	padding: 6px 0 0 0;
	margin: 0;
	border-bottom: 1px solid #D9EFB3;
	border-left: 1px solid #D9EFB3;
}

table.radiobutton_matrix tr td div
{
	padding: 4px 0;
	margin: 0;
}

table.radiobutton_matrix tr td.label
{
	width: 70%;
	text-align: left;
	border-left: none;
}

table.radiobutton_matrix ul li
{
	display: inline;
}

table.radiobutton_matrix input
{
	width: 60px;
	height: 24px;
}

table.radiobutton_matrix tr td label
{
	border: none;
	font-size: 90%;
}


/* Statistics table */
table.float_stats
{
	float: right;
	width: 400px;
	border: 1px solid #f5f5f5;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	margin-bottom: 1em;
	font-family: Tahoma, Verdana, Serif;
}

div.float_stats
{
	float: right;
	width: 399px;
	border: 1px solid #f5f5f5;
	border-bottom: none;
	font-size: 0.8em;
	background-color: #fafafa;
	font-family: Tahoma, Verdana, Serif;
	font-weight: bold;
	text-align: center;
	padding: 2px 0;
}

table.stats
{
	width: 100%;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	margin: 1em 0;
	font-family: Tahoma, Verdana, Serif;
}

table.stats tr td,
table.stats tr th,
table.float_stats tr td,
table.float_stats tr th
{
	margin: 0;
	padding: 2px 6px;
	vertical-align: middle;
}

table.stats tr th,
table.float_stats tr th
{
	border-bottom: 1px solid #eee;
	background-color: #fafafa;
}

/* Typography */
h1
{
	color: #680;
  	font-size: 1.3em;
  	display: block;
	width: 100%;
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
}

h1#site-name
{
	font-size: 2.6em;
	margin: 20px 0;
	overflow: hidden;
}	

h2
{
	font-size: 1.1em;
	padding: 2px;
}

h3
{
	font-size: 1em;
	padding: 2px;
	clear: both;
}

p.notice
{
  background: #fff url("../img/notice.gif") no-repeat 20px 1.05em;
  padding: 1em 1em 1.6em 46px;
}

p.message
{
  border: 1px solid #f0f000;
  padding: 0.3em 0.6em;
  font-style: italic;
  font-weight: bold;
  padding-left: 30px;
  font-size: 0.9em;
}

p.message.ok
{
  background: #ffffe0 url("../img/ok.gif") no-repeat 6px 0.35em;
}

p.message.error
{
  background: #ffffe0 url("../img/error.gif") no-repeat 6px 0.35em;
}

p.message.warning
{
  background: #ffffe0 url("../img/warning.gif") no-repeat 6px 0.35em;
}

p.message.notice
{
  background: #ffffe0 url("../img/notice.gif") no-repeat 6px 0.35em;
}

span.required /* Span-selector is a must-have, because login form has input.required. */
{
  color: #f00; /* red */
  font: bold 1.5em/0.66em "Comic Sans MS", "Georgia", serif;
  cursor: help;
  margin-top: 0.3em;
}

span.required:hover
{
  background-color: #ff9;
}

div.infobox
{
	border: 1px solid #eef5dd;
	background-image: url("../img/bg_infobox_ok.gif");
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0.4em 0.8em;
}

div.infobox h5
{
	padding: 0;
	margin: 0.8em 0 0 0;
}

div.infobox div.inner
{
	background-image: url("../img/notice.gif");
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 22px;
	margin: 0.5em 0;
}

div.infobox.warning
{
	border: 1px solid #F5F580;
	background-image: url("../img/bg_infobox_hover.gif");
	background-repeat: repeat-y;
	background-position: top left;
	margin-bottom: 0.4em;
}

div.infobox.warning div.warning
{
	background-image: url("../img/warning.gif");
}

div.infobox.error
{
	border: 1px solid #EBCDCD;
	background-image: url("../img/bg_infobox_error.gif");
	background-repeat: repeat-y;
	background-position: top left;
	margin-bottom: 0.4em;
}

div.infobox.error div.error
{
	background-image: url("../img/error.gif");
}

/* Frontpage dashboard and "inbox" */
.dashboard,
.inbox
{
	float: left;
	margin-bottom: 1em;
	font-size: 0.8em;
	padding: 1em;
	border: 1px solid #D9EFB3;
	background: #fff url("../img/bg_infobox_ok.gif") top left repeat-y;
}

.dashboard
{
	margin-right: 1em;
}

.inbox
{
	clear: right;
	width: auto;
}
.dashboard img
{
	width: 40px;
	height: 40px;
	padding-top: 1.5em;
	border: none;
	float: left;
}

.dashboard ul
{
	float: left;
	margin: 0 1em;
	padding: 0;
}

.dashboard ul li
{
	line-height: 2em;
	list-style: none;
}

.inbox p.count
{
	float: left;
	margin: 0 0.5em 0 0;
	width: 44px;
	height: 31px;
	font-size: 2em;
	line-height: 1.4em;
	text-align: center;
	background: url("../img/mail_large.png") top center no-repeat;
}

.info_box p.count
{
	width: 44px;
	height: 31px;
	margin: 0;
	font-size: 2em;
	line-height: 1.4em;
	text-align: center;
	background: url("../img/mail_large.png") top center no-repeat;
	display: inline-block;
}

.inbox ol
{
	line-height: 2em;
	float: left;
	margin: 0;
	padding: 0;
}

.inbox ol li
{
	list-style: none;
	border-bottom: 1px solid #ccc;
}

.inbox ol li.see_all
{
	margin-top: 1em;
	border-bottom: none;
}

.inbox span.date_info
{
	font-size: 0.8em;
}


/* Frontpage bulletins */
ul.bulletins
{
	list-style: none;
	border-left: 10px solid #eef5dd;
	border-top: 1px solid #eef5dd;
	border-bottom: 1px solid #eef5dd;
	margin: 0.6em 2em 0.6em 0.6em;
	padding: 1em;
	padding-right: 20%;
	background: #fff url("../img/bulletin_bg.gif") repeat-y top left;
}

ul.bulletins li
{
	margin: 0;
	padding: 0;
}

ul.bulletins li p
{
	padding: 0.4em 0 0.8em 2em;
	margin: 0;
	font-size: 0.9em;
}


/* Basic link styles */
a:hover
{
	text-decoration: none;
}

#intro p.desc
{
    padding: 0 0 0 1em;
    margin-top: 1em;
}

#intro {
	float: left;
	max-width: 62%;
}

#latest {
 clear: both;
}

/* Administration page
*********************************************************************/
div.administration_box
{
	border-left: 10px solid #eef5dd;
	border-top: 1px solid #eef5dd;
	border-bottom: 1px solid #eef5dd;
	margin: 1em 2em 1.6em 0.6em;
	padding: 1em;
	background: #fff url("../img/bulletin_bg.gif") repeat-y top left;
}

div.administration_box h2
{
	margin: 0;
	padding: 0 0 0.6em 0;
	font-size: 1.1em;
	font-family: Trebuchet MS, Tahoma, Serif;
}

div.administration_box h3
{
	margin: -0.5em 0 0 0;
	padding: 0 0 0.6em 0;
	font-size: 1em;
	font-family: Trebuchet MS, Tahoma, Serif;
	color: #680;
}

div.administration_box dl
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.administration_box dl dt
{
	margin: 0;
	padding: 1px 0 1px 20px;
}

div.administration_box dl dt.users
{
	background: transparent url("../img/persons.gif") no-repeat center left;
}

div.administration_box dl dt.permissions
{
	background: transparent url("../img/permissions.gif") no-repeat center left;
}

div.administration_box dl dt.producers
{
	background: transparent url("../img/producer.gif") no-repeat center left;
}

div.administration_box dl dt.products
{
	background: transparent url("../img/product.gif") no-repeat center left;
}

div.administration_box dl dt.recipes
{
	background: transparent url("../img/recipe.gif") no-repeat center left;
}

div.administration_box dl dt.recipes_pro
{
	background: transparent url("../img/recipe.gif") no-repeat center left;
}

div.administration_box dl dt.ingredients
{
    background: transparent url("../img/ingredient.gif") no-repeat center left;
}

div.administration_box dl dt.feedback
{
	background: transparent url("../img/feedback.gif") no-repeat center left;
}

div.administration_box dl dt.django_admin
{
	background: transparent url("../img/lock.gif") no-repeat center left;
}

div.administration_box dl dt.django_admin_info
{
	background: transparent url("../img/lock_info.gif") no-repeat center left;
}

div.administration_box dl dt.bulletin
{
	background: transparent url("../img/email.png") no-repeat center left;
}

div.administration_box dl dd
{
	padding: 0.4em 0 0.8em 2em;
	margin: 0;
	font-size: 0.9em;
}

div.administration_box dl dd span.notice
{
	display: block;
	background: transparent url("../img/notice.gif") no-repeat center left;
	padding-left: 20px;
}

/* IMS stuff */
body.ingredient_session h2
{
	float: none;
	clear: both;
	margin: 0.5em 20px;
	padding-top: 2em;
	border-bottom: 3px double #e7f0c2;
	text-transform: uppercase;
}

body.ingredient_session p
{
	margin: 1em;
}

div.add_ingredient,
div.edit_ingredient
{
	width: 300px;
	height: 200px;
	margin: 20px;
	margin-right: 0;
	padding: 0;
	float: left;
	border: 1px solid #ccc;
	font-size: 1.2em;
	background-color: rgb(242,255,238);
}

div.suggested_ingredients,
div.ims_changes,
div.send_bulletin
{
	width: 622px;
	margin: 20px;
	padding: 0;
	float: none;
	clear: both;
	border: 1px solid #ccc;
	font-size: 1.2em;
	background-color: rgb(242,255,238);
}

div.add_ingredient h3,
div.edit_ingredient h3,
div.suggested_ingredients h3,
div.ims_changes h3,
div.send_bulletin h3
{
	text-align: center;
	font: 1.25em Georgia, Tahoma, Serif;
	color: #424242;
	padding: 0.5em 0;
	margin: 0;
	border-bottom: 1px solid #859683;	
	background-color: #e7f0c2;
}


div.add_ingredient p
{
	text-align: center;
	margin-top: 3em;
}

div.edit_ingredient ul.errorlist
{
	font-size: 0.7em;
	margin-top: -0.5em;
}

div.ims_changes ol
{
	font-size: 0.7em;
	margin: 2em 0;
}

div.ims_changes ol li p
{
	line-height: 1.4em;
	margin: 0;
}

div.send_bulletin p,
div.suggested_ingredients p
{
	text-align: center;
	margin: 1em 0;
	font-size: 0.8em;
}

div.send_bulletin p.link,
div.suggested_ingredients p.link
{
	font-size: 1em;
}

div.ims_changes p.ims
{
	border-top: 1px solid #ccc;
	text-align: center;
	margin: 2em 0 0 0;
	padding-top: 2em;
	font-size: 0.8em;
}

div.send_bulletin ul
{
	list-style: none;
	font-size: 1em;
	line-height: 1.4em;
}

div.send_bulletin span
{
	display: block;
	margin-left: 1em;
	font-size: 0.7em;
}

body.ingredient_search h2
{
    margin-top: 3em;
}

div.ingredient_info
{
	font-size: 0.8em;
	border: 1px solid #eee;
	padding: 0 !important;
	margin: 2em 0;
}


div.ingredient_info h2
{
	font: 2.5em Georgia, Tahoma, Serif;
	color: #fff;
	padding: 0.3em 0.5em;
	margin: 0;
	border-bottom: 1px solid #859683;
	background: url("../img/ingredient_info_gradient.png") top left repeat-x;
}

div.ingredient_info h2 a.button
{
	font: 0.43em Verdana, Arial, sans-serif;
}

div.ingredient_info a.button
{
	margin-top: 20px;
}

div.ingredient_info ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}


div.ingredient_info ul li
{
	margin: 0;
	padding: 0.8em 1em 0.8em 3em;
	line-height: 1.4em;
}

div.ingredient_info ul li.even
{
	background-color: #E7F0C2;
}

div.ingredient_info ul li h3
{
	margin: 0 0 0 -2em;
}

div.ingredient_info ul li p
{
	margin: 0.5em 0 0 0;
}

div.ingredient_remove
{
    padding: 1em;
    font-size: 0.8em;
	border: 2px solid #EBCDCD;
	background: url("../img/bg_infobox_error.gif") top left repeat-y;
	margin-bottom: 1em;
}

div.ingredient_remove h2
{
	margin: 0;
	padding-top: 0;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: none;
	font-variant: normal;
}

div.ingredient_remove ol li
{
	margin-top: 0.5em;
}

div.ingredient_remove ul
{
	padding-left: 2em;
}

div.ingredient_remove ul li
{
	margin-top: 0.2em;
}

table.combos img
{
    border: none;
    padding: 0;
    margin: 0;
}

table.combos img.infocard
{
    vertical-align: middle;
}

table.combos td
{
    vertical-align: top;
    padding: 0.2em 0.5em;
}

table.combos tr:hover td
{
    background-color: #E7F0C2 !important;
}

table.combos tr.combo
{
    background-color: rgb(241,245,225);
}

table.combos tr.subing
{
    background-color: rgb(248,250,240);
}

table.combos td.indent
{
    padding-left: 2em;
}

p.ims_notification
{
	border: 1px solid #EBCDCD;
	background-image: url("../img/bg_infobox_error.gif");
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0.5em;
	font-weight: bold;
}

ol.modifications
{
	padding: 0 0 0 1.5em;
}

div.help
{
    border: 1px solid #f0f000;
    padding: 1em;
    font-size: 0.9em;
	background: url("../img/bg_infobox_hover.gif") top left repeat-y;
}

div.help h2
{
	margin: 0;
	padding-top: 0;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: none;
	font-variant: normal;
}

div.help ol li
{
	margin-top: 0.5em;
}

div.help ul li
{
	margin-top: 0.2em;
}

a.show_help
{
	font-size: 0.8em;
	padding: 2px 0 2px 20px;
	background: #FBFFE0 url("../img/help.gif") center left no-repeat;
}

ol.modifications li img
{
	vertical-align: middle;
	line-height: 16px;
}

div.administration_box table
{
	border: 1px solid #ccc;
	border-collapse: collapse;
	font-size: 0.8em;
}

div.administration_box table tr
{
	border-bottom: 1px solid #ccc;
}

div.administration_box table th
{
	border-bottom: 2px solid #ccc;
}

div.administration_box table th,
div.administration_box table td
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0.5em;
}

legend strong.ims
{
	color: #000;
	font: bold small-caps 1.5em/1.3em "Courier New";
}

/* View Recipe pages 
*********************************************************************/

/* Recipes index page */
.recipes ul
{
	list-style: none;
	padding-left: 1em;
}

table.recipe_list
{
	width: 100%;
	margin-top: 1em;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	table-layout: auto;
}

table.recipe_list *
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
}

table.recipe_list tr th
{
	padding: 0.3em 0.5em;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #eefad9;
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
}

table.recipe_list tr td
{
	padding: 0.5em !important;
	margin-top: 0.5em;
	text-align: left;
}

table.recipe_list tr.even td
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fafffa;
}

table.recipe_list td.name
{
	width: 20%;
}


table.recipe_list td.suitability
{
	width: 5em;
	text-align: right;
}

dl dt img,
table.recipe_list td img
{
	vertical-align: bottom;
}

table.recipe_list td a
{
	font-weight: bold;
}

table.recipe_list td.description
{
	font-style: italic;
	font-size: 0.8em;
}

body.recipes dt
{
	float: left;
	clear: left;
	width: 4em;
	text-align: right;
}

body.recipes dd
{
	margin-left: 5em;
	padding-bottom: 0.3em;
}

p.toggle
{
	text-align: right;
	font-size: 0.8em;
	margin: 0 1em;
}



/* Recipes categories page */
ul.categories
{
	list-style: none;
	padding: 0;
}

ul.categories li
{
	min-height: 150px;
	margin-bottom: 2em;
}

ul.categories li.category1 { background: #fff url("../img/recipe/cat_drinks.jpg") no-repeat top left; }
ul.categories li.category2 { background: #fff url("../img/recipe/cat_desserts.jpg") no-repeat top left; }
ul.categories li.category3 { background: #fff url("../img/recipe/cat_sauce.jpg") no-repeat top left; }
ul.categories li.category4 { background: #fff url("../img/recipe/cat_soups.jpg") no-repeat top left; }
ul.categories li.category5 { background: #fff url("../img/recipe/cat_casserole.jpg") no-repeat top left; }
ul.categories li.category6 { background: #fff url("../img/recipe/cat_sidedish.jpg") no-repeat top left; }
ul.categories li.category7 { background: #fff url("../img/recipe/cat_sweetpastry.jpg") no-repeat top left; }
ul.categories li.category8 { background: #fff url("../img/recipe/cat_patty.jpg") no-repeat top left; }
ul.categories li.category9 { background: #fff url("../img/recipe/cat_other.jpg") no-repeat top left; }
ul.categories li.category10 { background: #fff url("../img/recipe/cat_porridge.jpg") no-repeat top left; }
ul.categories li.category11 { background: #fff url("../img/recipe/cat_salads.jpg") no-repeat top left; }
ul.categories li.category12 { background: #fff url("../img/recipe/cat_saltypastry.jpg") no-repeat top left; }

ul.categories li h3,
ul.categories li p,
ul.categories li table
{
	margin-left: 200px;
}

ul.categories li h3
{
	font-size: 1.1em;
	padding-top: 0;
	margin-bottom: 0.8em;
}

ul.categories li h3 span
{	
	padding-left: 0.5em;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
}

ul.categories li h3 span.disabled
{
	color: #aaa;
}

ul.categories li p
{
	padding-left: 0.2em;
	margin-top: 0;
	margin-bottom: 0.3em;
	font-size: 0.8em;
}

ul.categories table
{
	width: auto;
}

/* Product categories */
span.item_count
{
  font-size: 0.8em;
  padding-left: 0.3em;
  color: #000;
  font-weight: normal;
}

table.basic td span.item_count
{
  font-size: 100%;
}

span.item_count.disabled
{
  color: #aaa;
}

ul.categories li div.wrapper
{
  background-color: #fff;
  margin-left: 200px;
  clear: right;
  padding-bottom: 1px;
}

ul.categories li div.wrapper:hover
{
  background-color: #FFFCF0;
  margin-left: 200px;
}

ul.categories li div.pcat_info
{
  float: right;
  clear: both;
  font-size: 80%;
  color: #bbb;
  padding: 2px;
}

ul.categories li div.pcat_info.visible
{
  color: #000;
}

ul.categories li p.pcat_title,
p.pcat_title
{
  margin: 2px 0px 2px 20px;
  padding: 0;
}

ul.categories li.pcat1 { background: #fff url("../img/producer/pcat_fruits.jpg") no-repeat 0 4px; }
ul.categories li.pcat2 { background: #fff url("../img/producer/pcat_vegetables.jpg") no-repeat 0 4px; }
ul.categories li.pcat3 { background: #fff url("../img/producer/pcat_baking.jpg") no-repeat 0 4px; }
ul.categories li.pcat4 { background: #fff url("../img/producer/pcat_milks.jpg") no-repeat 0 4px; }
ul.categories li.pcat5 { background: #fff url("../img/producer/pcat_butter.jpg") no-repeat 0 4px; }
ul.categories li.pcat6 { background: #fff url("../img/producer/pcat_eggs.jpg") no-repeat 0 4px; }
ul.categories li.pcat7 { background: #fff url("../img/producer/pcat_fish.jpg") no-repeat 0 4px; }
ul.categories li.pcat8 { background: #fff url("../img/producer/pcat_meats.jpg") no-repeat 0 4px; }
ul.categories li.pcat9 { background: #fff url("../img/producer/pcat_sweets.jpg") no-repeat 0 4px; }
ul.categories li.pcat10 { background: #fff url("../img/producer/pcat_spices.jpg") no-repeat 0 4px; }
ul.categories li.pcat11 { background: #fff url("../img/producer/pcat_snacks.jpg") no-repeat 0 4px; }
ul.categories li.pcat12 { background: #fff url("../img/producer/pcat_drinks.jpg") no-repeat 0 4px; }


/* Recipe view pages: headers */
.recipe h1,
h3.recipe
{
	font-size: 1.8em;
	color: #000;
	clear: both;
	border-bottom: 3px double #008000;
	background: none;
}

.recipe h1
{
	margin: 0.2em 0 0.5em 0;
}

h3.recipe
{
	margin: 1.5em 0 0.5em;
}

.preview h1
{
	color: #680;
	font: normal 1.3em Verdana, sans-serif;
	border: none;
	background: none;
	padding: 0.2em 0;
}

body.recipe
{
	background-image: none;
}

body.recipe h4
{
	margin: 0.5em 0 0.5em 1em;
	border-bottom: 3px double #008000;
	color: #000;
	font-size: 1em;
	display: inline;
}

/* Recipe view pages: recipe card */
body.recipe div.info_box,
body.recipes div.info_box
{
	text-align: left; /* Make all info-boxes in recipe view pages left-aligned. */
}

body.recipe a.button
{
	padding: 4px 4px 4px 26px;
}

body.recipe #main a.button
{
	font-size: 0.7em;
}

body.recipe p.form_help
{
	margin-top: 1em;
}

div.recipe_card
{
	font-size: 0.8em;
}

div.options
{
	font-family: Arial, sans-serif;
	font-size: 0.75em;
	color: #668800;
}


div.recipe_card ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 0 0.5em;
}

p.recipe_add
{
	background: #fafafa url("../img/recipe_add.gif") no-repeat 4px 50%;
}

p.recipe_edit,
a.recipe_edit
{
	background: #fafafa url("../img/recipe_edit.gif") no-repeat 4px 50%;
}

p.default_variation,
a.default_variation
{
	background: #fafafa url("../img/recipe_edit.gif") no-repeat 4px 50%;
}

a.recipe_edit
{
	background: #fafafa url("../img/recipe_edit.gif") no-repeat 4px 50%;
	margin-left: 1em;
}
p.delete
{
	background: #fafafa url("../img/delete.gif") no-repeat 4px 50%;
}

p.recipe_delete
{
	background: #fafafa url("../img/recipe_delete.gif") no-repeat 4px 50%;
}


/* Recipe View Pages: Misc info box */
.recipe_info
{
	margin: 1em 0;
	min-width: 530px;
	padding: 0.2em;
}

/* Image and description texts. */
.recipe_image
{
	margin: 0 1em 1em 1em;
	float: left;
}

.recipe_image img
{
	border: 1px solid #ccc;
}

.recipe_image p
{
	width: 20.5em;
	margin-top: 0;
	text-align: center;
	font-size: 0.8em;
}

img.thumbnail /* Used also at recipe management page */
{
/*	width: 16em;
	height: 12em; image size is set in template file */
	border: none;
	padding: 0.2em;
	background: #fff;
	border: 1px solid #ccc;
}

img.thumbnail.rectangular
{
	width: 13em;
	height: 13em;
	padding: 0.2em;
	border: 1px solid #ccc;
}


/* Recipe details (duration, servings) */
ol.recipe_details
{
	float: left;
	margin: 0 0 1em 1em;
	padding: 0 1em 0.5em 1em;
	border-top: 1px dotted #87BC72;
	border-bottom: 1px dotted #87BC72;
	list-style: none;
	text-align: center;
}

ol.recipe_details h2
{
	font-size: 0.9em;
	margin: 0.5em 0 0.2em 0;
}

ol.recipe_details p
{
	font-size: 0.8em;
	margin: 0;
}

ol.recipe_details a.button
{
	display: block;
	margin: 1em 0 0 0;
}


/* Descriptions for recipe and variation */
p.description
{
	clear: both;
	text-align: left;
	margin-left: 1em;
}


/* Recipe and product suitability with contamination risks */
ul.unsuitables
{
	list-style: none;
	font-size: 0.9em;
	margin-top: -10px;
}

ul.unsuitables li.error
{
	background: transparent url('../img/error_small.gif') no-repeat 0 50%;
	padding-left: 16px;
}


ul.suitability,
div.suitability
{
	clear: both;
	margin: 1em 0 0 0;
	padding: 0 1em 1em 1em;
	list-style: none;
}

ul.suitability.diet li
{
	margin-bottom: 0.5em;
}

div.suitability
{
	margin: 1em 0 0 1em;
	padding: 0 0 0 30px;
	background: #fff url("../img/suitability_info_bg.png") no-repeat top left;
}

div.suitability h5.suitability
{
	margin: 0;
	padding: 0.8em 0 0 16px;
}

div.suitability h5.contamination
{
	margin: 0;
	padding: 0.4em 0 0 16px;
}

div.suitability ul
{
	list-style: none;
	margin: 0;
	padding: 1em;
}

div.suitability a
{
	font-size: 0.9em;
}

ul.suitability li,
div.suitability ul li
{
	padding: 2px 0 2px 2em;
/*	text-indent: -1em;*/
	margin: 0;
	font-size: 0.75em;
}

ul.suitability li.suitable,
div.suitability ul li.suitable
{
	background: transparent url('../img/ok.gif') no-repeat 0 0;
}

ul.suitability li.unsuitable,
div.suitability ul li.unsuitable
{
	background: transparent url('../img/error.gif') no-repeat 0 0;
}

ul.suitability li.unvisibility,
div.suitability ul li.unvisibility
{
	background: transparent url('../img/delete.png') no-repeat 0 0;
}

ul.contamination li.warning,
ul.suitability li.warning,
div.suitability ul li.warning
{
	background: transparent url('../img/warning.gif') no-repeat 0 0;
}

ul.contamination li p.ingredients,
ul.suitability li p.ingredients
{
	background: transparent url('../img/bullet_arrow_right.gif') no-repeat 0 0;
	padding: 0 0 0 18px;
	margin: 2px 0 6px 0;
	font-style: italic;
}

ul.contamination li.help_text_js,
ul.suitability li.help_text_js
{
	font-style: normal;
}

div.suitability p.description
{
	margin: 0.4em 0 0 2em;
}


/* Recipe View Pages: substances table */
table.substances
{
	border-collapse: collapse;
	margin: 0.5em 0 1.2em 1em;
}

table.substances caption
{
	display: none;
}

table.substances th
{
	font-style: normal;
	text-align: left;
	padding: 0.1em 0.5em;
	border-bottom: 1px solid #4C8F1A;
	color: #4C8F1A;
	background-image: none;
}

table.substances tr.omitable
{
	font-style: italic;
	color: #555;
}

table.substances tr.even td.amount
{
	background: #fff url(../img/substance_amount_gradient.png) top right repeat-y;
}

table.substances tr.even td.use_amount,
table.substances tr.even td.ingredient
{
	background-color: #e4f8dc;
}

table.substances tr.even td.substance
{
	background: #fff url(../img/substance_gradient.png) top left repeat-y;
}

table.substances td
{
	border: none;
	padding: 0.1em 0.5em;
	background-image: none;
}

table.substances *
{
	background-color: transparent;
}

table.substances a
{
	padding: 0;
	color: #4C8F1A;
}

span.more
{
	font-size: 0.7em;
}


/* Recipe View Pages: directions listing */
ol.directions
{
	font: italic 1.3em Georgia, Times, serif;
	font-weight: bold;
  	color: #4C8F1A;
	margin: 0.5em 0 1.2em 0.5em;
}

ol.directions li p
{
	font: normal 0.75em Verdana, Arial, sans-serif;
	color: #000;
}

ol.directions p.hint
{
	display: block;
	margin: 0.5em 0;
	font-style: italic;
	color: #4C8F1A;
}

/* Recipe View Pages: variations tab */
h2.recipe
{
	padding-top: 1em;
	margin-bottom: 1.5em;
	border-bottom: 3px double #008000;
	width: 525px;
}

ul.variations
{
	list-style: none;
	padding-left: 1em;
}

ul.variations li
{
	margin-top: 1em;
}

ul.variations li.suitable
{
	background: #fff url("../img/suitable_large.gif") no-repeat left 4px;
	padding-left: 24px;
}

ul.variations li.unsuitable
{
	background: #fff url("../img/unsuitable_large.gif") no-repeat left 4px;
	padding-left: 24px;
}

ul.variations li.selected
{
	border: 1px solid #D9EFB3;
	border-left: 10px solid #D9EFB3;
	padding: 6px 6px 6px 30px;
	background-position: 6px 10px;
}

ul.variations li.unsuitable ul.inner
{
	margin: 0;
	padding: 0 2em;
}

ul.variations li.unsuitable ul.inner li
{
	margin: 0;
}

ul.variations h3
{
	margin: 0 0 0.3em 0;
}

ul.variations p
{
	font-size: 0.9em;
	font-style: italic;
	margin: 0 0 0.3em 0;
	padding-left: 0.2em;
}

ul.variations p.undesc
{
	font-style: normal;
	padding-left: 0;
}

ul.variations span.unsuitability
{
	font-size: 0.8em;
	display: block;
}

p.showall
{
	margin-top: 2em;
}



/* Arrow links on substance/direction step lists. */
strong.icon,
a.icon,
a.icon img.icon
{
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}


/* Recipe Photo pages */
.recipe_photos
{
	list-style: none;
	text-align: center;
	margin: 0 0 0 -3em;
}

.recipe_photos li
{	
	float: left;
	width: 16em; /* Match img.thumbnail width, otherwise image text gets too wide */
	height: 16em;
	margin: 0 1em 3em;
	padding: 0;
}

.recipe_photos p
{
	margin: 0;
	padding: 0.2em 1em 0;
}

/* Similar Recipes Box */
ul.recipe_list
{
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.recipe_list li
{
	padding: 0.1em 0;
}



/* Manage Recipes pages
*********************************************************************/

/* Recipe wizard: forms */
form.recipe_wizard
{
	padding-bottom: 3em; /* Submit buttons are floated, make room for them. */
}

form.recipe_wizard input.submit,
form.recipe_wizard div.input div.wrapper
{
	float: left;
	clear: left;
}

form.recipe_wizard div.input div.wrapper input
{
	float: none;
	clear: none;
	display: inline;
}

form.recipe_wizard input.submit.cancel
{
	float: right;
	clear: right;
	background: #d4d0c8 url("../img/delete.gif") no-repeat 4px 50%;
	padding-left: 16px;
}

/* Recipe wizard: tables */
table.recipe_wizard
{
	margin: 0;
	padding: 0.4em;
	border: 2px solid #87bc72;
	border-collapse: collapse;
}

table.recipe_wizard *
{
	padding: 0.3em;
	background-color: transparent;
	border: none;
}

table.recipe_wizard th
{
	background-color: #eefad9;
	font-style: normal;
	border-bottom: 2px solid #87bc72;
}

.recipe_wizard tr.even td,
.recipe_wizard tr td.even
{
	background-color: #eefad9;
}

.recipe_wizard tr.even td.even
{
	background-color: #dfefc2;
}

table.recipe_wizard td.icon
{
	padding: 0.3em 0;
	text-align: center;
}

table.recipe_wizard td.icon img
{
	padding: 0;
	margin: 0;
}

table.recipe_wizard td a
{
	color: #3F7F0e;
}

td.feature
{
  background-image: url("../img/suitable.gif");
  background-repeat: no-repeat;
  background-position: 0.5em center;
  padding-left: 1.8em;
}

td.unfeature
{
  background-image: url("../img/unsuitable.gif");
  background-repeat: no-repeat;
  background-position: 0.5em center;
  padding-left: 1.8em;
}

/* Recipe Wizard: infoboxes */
body.substances div.info_box ul,
body.directions div.info_box ul
{
	list-style: none;
}

/* Recipe Wizard: select substance form list */
div.input input.link_button,
div.input input.link_button:active,
div.input input.link_button:focus
{
	min-width: auto; /* For IE */
	width: auto;
	text-decoration: underline;
	display: block; /* Required for the underline to work in FF. */	
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: #680;
	font-weight: normal;
	cursor: pointer;
}

h3.paraller
{
	clear: both;
	padding-top: 3em;
}

ul.paraller
{
	float: left;
	list-style: none;
	padding: 0 0.5em;
}

ul.paraller li
{
	width: 16em;
}

ul.paraller li h4
{
	margin: 0.75em 0 0.5em 0;
}


/* Image Management Pages */
div.image_info
{
	margin-top: 1em;	
}

div.image_info img
{
	padding: 6px 6px 0 6px;
	border: none;
}

div.image_info p
{
	font-style: italic;
	padding: 0.3em 0 0 0;
	margin: 0;
}

div.image_info p.title
{
	width: 300px;
	font-style: normal;
	text-align: center;
	padding-top: 0;
	margin-top: 0;
}

div.image_info p.management
{
	font-style: normal;
	padding-top: 1em;
}

/*
div.image,
div.info
{
	float: left;
	margin: 1.5em 0;
	padding-top: 1em;
}

div.image
{
	margin: 0.5em;
}

div.image ul
{
	list-style: none;
	padding: 0;
	text-align: center;
}

div.image li a
{
	padding: 0.3em;
	display: block;
}

div.info
{
	clear: right;
	padding-left: 2em;
}

div.info dl
{
	margin-top: 0;
}

div.info dt
{
	font-weight: bold;
}

div.info dd
{
	margin-left: 1em;
}
*/
/* Recipe management: misc */
.clear
{
	clear: both;
	height: 0;
}

a.wizard
{
	padding: 0.5em;
}

/* Diet pages
*********************************************************************/

/* Diet Wizard buttons */
.allow_diet_button,
.forbid_diet_button,
.combo_diet_button
{
	display: block;
	border: 1px solid #666;
	padding: 0.6em;
	color: #000 !important;
	font-size: 0.75em !important;
}

.allow_diet_button:hover,
.forbid_diet_button:hover,
.combo_diet_button:hover
{
	border: 1px solid #000;
}

.allow_diet_button
{
	background-color: #B5D77B;
}

.forbid_diet_button
{
	background-color: #FF7F7F;
}

.combo_diet_button
{
	background-color: #f8f8f8;
}

/* Diet Wizard: shortcuts */
span.forbidden
{
	display: block;
	margin: 0.5em 1.5em;
}
/* Diet Wizard: ingredients */
ol.diet_wizard,
ol.diet_wizard ol
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.diet_wizard li.selected
{
	border: 1px solid #ccc;
	background: #fff url("../img/bg_infobox_ok_reverse.gif") top right repeat-y;
	padding-top: 0.6em;
}

ol.diet_wizard h2
{
	font-size: 1em;
	padding: 0.1em 0.5em;
}

ol.diet_wizard li.selected h2
{
	font-size: 1.3em;
}

ol.diet_wizard input
{
	width: auto;
}

ol.diet_wizard input.submit
{
	margin-left: 1em;
}

ol.diet_wizard label
{
	font-weight: bold;
}

ol.diet_wizard label span.state
{
    font-weight: normal;
}

ol.diet_wizard div.ingredient
{
	margin: 0.5em 1em;
	background: none;
}

ol.diet_wizard div.subingredient
{
	margin: 0.5em 2em;
}

ol.diet_wizard span.explanation,
ol.diet_wizard span.category
{
	padding-left: 1em;
	font-style: italic;
	font-size: 0.8em;
}

ol.diet_wizard p.synonyms
{
	padding-left: 2.5em;
	margin: 0 0 1em 0;
	font-size: 0.8em;
}

ol.diet_wizard p.selected
{
	padding-left: 1.2em;
	margin: 0 0 1em 0;
	font-size: 0.9em;
}

form.diet_wizard input.submit.cancel
{
	float: right;
	clear: right;
	background: #d4d0c8 url("../img/delete.gif") no-repeat 4px 50%;
	padding-left: 16px;
}

form.diet_wizard input.submit.third.cancel
{
	margin-top: -1.7em;
}

/* New ingredients infobox. */
div.new_ingredients
{
    border: 1px solid #f0f000;
    padding: 0 30px;
    font-size: 0.9em;
    background: #ffffe0 url("../img/warning.gif") no-repeat 6px 0.35em;
}

div.new_ingredients p
{
    margin: 0.5em 0;
}

div.new_ingredients ul
{
    margin: 2em;
    margin-top: 1em;
    padding-left: 0;
    border-top: 1px dashed #b9b920;
}

div.new_ingredients li
{
    border-bottom: 1px dashed #b9b920;
    padding: 0.5em 0;
    list-style: none;
}

div.new_ingredients li h4
{
    margin: 0 0 0.5em 0;
}

div.new_ingredients li p
{
    margin-top: 0;
}

h4.new_ingredients
{
    margin: 0;
    padding: 0;
}

ul.collage p.synonyms
{
    font-size: 0.8em;
    padding-left: 0.5em;
}

/* Preview */
ul.hints
{
	padding-left: 1em;
	list-style: none;
	font-size: 0.8em;
	line-height: 1.5em;
}

ul.hints li
{
	background: transparent url("../img/warning.gif") no-repeat left top;
	padding-left: 24px;
}


/* Profile viewing */
.dietprofileview
{	
	border-top: 1px solid #D9EFB3;
	border-right: 1px solid #D9EFB3;
	border-bottom: 1px solid #D9EFB3;
	border-left: 6px solid #D9EFB3;
	width: auto;
	min-width: 500px;
	margin:	1em;
	padding: 0.5em 0.5em 1em 0.5em;	
	position: relative;
}
.dietprofileview.active,
.dietprofileview.public,
.dietprofileview.active.public
{
	border-left: 12px solid #D9EFB3;
}

.dietprofileview.active,
.dietprofileview.public,
.dietprofileview.active.public,
.dietprofileview.active h3.dietcard,
.dietprofileview.public h3.dietcard,
.dietprofileview.active.public h3.dietcard,
.dietprofileview.active form.diet_list,
.dietprofileview.public form.diet_list,
.dietprofileview.active.public form.diet_list
{
	background-color: #ffe;
}

h3.dietcard
{
	width: 100%;
	padding: 0em;
	margin: 0.2em;
	background-color: #fff;
}

.dietprofileview.active h3.dietcard,
.dietprofileview.public h3.dietcard,
.dietprofileview.active.public h3.dietcard
{
	font-size: 1.15em;
	margin: 0.1em;
}

form.diet_list
{
	border: 0;
	border-top: 1px solid #D9EFB3;
	width: auto;
	padding: 0.5em;
	margin: 0;
	background-image: none;
}

ul.action_buttons
{
	list-style: none;
	margin: 0.3em 0;
	padding: 0 0.5em;
}

ul.action_buttons li
{
	margin: 0 0.1em;
	display: inline;
}

div.preview
{
	border: 1px solid #008000;
	margin: 1em 1em 3em;
	padding: 1em;
	background-color: #ffe;
}

div.preview dt
{
	font-weight: bold;
}

form.minimalist fieldset /* Share diet form */
{
	display: none;
}


/* Widget for activating diet profile */
div.diet_widget
{
	 padding-left: 1em !important; /* IE7 Doesn't get it otherwise. */
	font-size: 0.8em;	
}

div.diet_widget div /* Container for user thumb and active diet. */
{
	min-height: 48px; /* Thumb size = 40x40px */
	padding: 0;
}

div.diet_widget div p
{
	padding: 0 0 0 44px;
	margin: 0;
}

div.diet_widget form,
div.diet_widget form fieldset
{
	background-image: none;
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

div.diet_widget form
{
	margin-bottom: 0.5em
}

div.diet_widget input,
div.diet_widget select
{
	margin: 0.5em auto 0 auto;
	font-size: 0.8em;
}


/* Profile pages
=======
/* Common headings
*********************************************************************/
h3.profile,
h3.persons,
h3.favourites,
h3.fans,
h3.guide,
h3.tag,
h3.tags,
h3.tags_related,
h3.suitability,
h3.stats,
h3.admin,
h3.recipe_card,
h3.ingredient
{
	padding-left: 24px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #FBFFE0;
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

h3.profile
{
	background-image: url("../img/profile.gif");
}

h3.persons
{
	background-image: url("../img/persons.gif");
}

h3.favourites
{
	background-image: url("../img/heart.gif");
}

h3.fans
{
	background-image: url("../img/fans.gif");
}

h3.guide
{
	background-image: url("../img/help.gif");
}

h3.tag
{
	background-image: url("../img/tag.gif");
}

h3.tags
{
	background-image: url("../img/tags.gif");
}

h3.tags_related
{
	background-image: url("../img/tags_related.gif");
}

h3.suitability
{
	background-image: url("../img/suitability.gif");
}

h3.stats
{
	background-image: url("../img/stats.gif");
}

h3.admin
{
	background-image: url("../img/admin.gif");
}

h3.recipe_card
{
	background-image: url("../img/recipe.gif");
}

h3.ingredient
{
	background-image: url("../img/ingredient.gif");
}


/* Collage table declarations
**************************************************************/
table.collage
{
  width: 100%;
  border-collapse: collapse;
}

* html table.collage
{
  width: 0;
}

table.collage th,
table.sortable th.imagecollage
{
  width: 80px; /* Width must be imagecollage + 10px padding */
  padding-right: 10px;
  vertical-align: top;
  text-align: left;
  border: none;
}

table.collage tr td.topic
{
  border: none;
  font-weight: bold;
  font-size: 0.75em;
  font-family: Georgia, Tahoma, Serif;
  color: #343;
}

table.collage tr td.add a
{
  padding-right: 16px;
  display: none
}

table.collage tr td.add:hover
{
  background-color: #FBFAE0;
  background-image: url("../img/heart_add.gif");
  background-repeat: no-repeat;
  background-position: right top;
}

table.collage td
{
  vertical-align: top; 
  border: none;
  background-color: #fff;
}

table.collage td.date
{
  border-left: 1px solid #ccc;
  margin: 0;
  padding-right: 0;
  vertical-align: middle;
}

table.collage td.main
{
  margin: 0;
  padding-right: 0;
  vertical-align: middle;
}

table.collage td, ul.collage
{
  font-size: 0.9em;
  padding: 2px 4px;
  border-top: 1px solid #ccc;
  font-family: Arial, Serif;
}

ul.collage
{
	border: none;
}

/* Login page */
dl.login dt
{
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

dl.login dd
{
	margin-left: 1em;
}

/* Guide Menu */
ul.guide_menu
{
	margin: 0;
	padding: 0;
	list-style:none;
	border: none;
	color: #680;
	font-size: 0.9em;
  	font-family: Arial, Serif;
}

ul.guide_menu a
{
	text-decoration: none;
}

ul.guide_menu a:hover
{
	text-decoration: underline;
}

ul.guide_menu li.selected
{
	padding: 3px 0 0 0;
	border: none;
}

ul.guide_menu li,
ul.guide_submenu li
{
	border-bottom: 1px solid #ccc;
	padding: 3px;
}

ul.guide_menu li.selected,
ul.guide_submenu li.selected
{
	background-color: #FFFFDE;
	color: #570;
	font-weight: bold;
	padding-left: 3px;
	border-bottom: 1px solid #ccc;	
}

ul.guide_submenu
{
	list-style: none;
	background-color: #fff;
	margin-left: -3px;
}

ul.guide_submenu li /* Non-selected */
{
	background-color: #fff;
	font-weight: normal;
}

ul.guide_submenu li.selected
{
	border-bottom: 1px solid #ccc;
}

div.guide_navi
{
	border: 1px solid #ccc;
	background-color: #FBFFEE;
	padding: 5px;
}
/* About page etc. */
dl.link_list
{
	font-size: 0.9em;
}
dl.link_list dt
{
	font-weight: bold;
	margin-top: 0.8em;
}


table.collage td.main:hover
{
  background-color: #FBFAE0;
}

table.collage td a, ul.collage li a
{
  text-decoration: none;
}

table.collage td a:hover,
ul.collage li a:hover
{
  text-decoration: underline;
}


div.imagecollage
{
  width: 80px; /* Images are 40px in width */
  padding: 0;
  margin: 0;
  margin-right: 0;
}

div.imagecollage img
{
	border: 0;
}



/* Bulletin App
**********************************************************/

/* Displaying single bulletin */

div.bulletin
{
	margin: 2em auto;
	width: 498px;
	border: 1px solid #444;
	padding: 8px 15px;
}


div.bulletin h2
{
	color: #444;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
}

div.bulletin div.meta
{
	width: 498px;
	height: 48px;
	position: relative;
	border-bottom: 1px solid #ddd;	
}

div.bulletin div.meta img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border: none;
	padding: 0;
	margin-right: 15px;
}

div.bulletin div.meta div.sent
{
	position: absolute;
	top: 0;
	left: 55px;
	width: 200px;
}

div.bulletin div.meta div.actions
{
	position: relative;
	top: 0;
	left: 255px;
	width: 243px;
	font-size: 0.8em;
}

div.bulletin div.meta span.sender
{
	font-weight: bold;
	font-size: 0.8em;
}

div.bulletin p
{
	margin: 0;
	padding-left: 2em;
	padding-top: 1em;
	font-size: 0.8em;
	line-height: 1.5em;
}

div.bulletin em.listnote
{
	display: block;
	padding: 1em 0.5em 0.5em 2em;
	color: #555;
	font-weight: bold;
	font-style: normal;
	font-size: 0.8em;
}

div.bulletin ul,
div.bulletin ol
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 0.8em;
}

div.bulletin ul li,
div.bulletin ol li
{
	margin-bottom: 0.5em;
}

div.bulletin ul.producer_links
{
	list-style: none;
	margin-left: 2em;
	padding: 0;
}

div.bulletin ul.producer_links li
{
	padding: 0.5em 0;
}

div.bulletin ul.producer_links li a
{
	display: block;
}

div.bulletin ol
{
	margin-left: 0.5em;
}

div.bulletin a.block
{
	display: block;
}


/* Add as a favourite */
table a.addfavourite {
  width: 16px;
  height: 16px;
  padding: 0;
  background: transparent;
  background-position: left top;
  float: right;
  display: inline;
  margin-top: -1px;
  margin-bottom: -1px;
}

table a.addfavourite span {
  width: 16px;
  height: 16px;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  text-indent: -9999px;
  display: block;
}

table tr:hover a.addfavourite {
  visibility: visible;
  background-image: url("../img/heart_add.gif");
  background-repeat:no-repeat;
}

table td a.addfavourite:hover {
	background-image: url("../img/heart_add.gif");
	cursor: pointer !important;
}

ul.collage
{
	margin: 0;
	padding: 0 2px;
	list-style:none;
}

ul.collage li
{
	border-bottom: 1px solid #ccc;
	padding: 0 4px 3px 4px;
}

ul.collage li.product
{
	background-image: url("../img/product_mini.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 14px;
}

ul.collage li.recipe
{
	background-image: url("../img/recipe_mini.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 14px;
}

ul.collage li img
{
	border-bottom: 1px dashed transparent;
	vertical-align: middle;
}

/* Some other common shit */
p.tag_cloud
{
	background-color: #fafafa;
	border-left: 10px solid #680;
	padding: 1em;
	text-align: justify;
}

p.tag_cloud a
{
	text-decoration: none;
}

p.tag_cloud a:hover
{
	background-color: #680;
	color: #fafafa;
}

h2.product
{
	clear: both;
	padding-top: 1em;
	border-bottom: 3px double #008000;
	background: none;
}

h2.preview
{
	background-color: #98BD5B;
	color: #fff;
	padding: 4px;
}

form.preview
{
	float: right;
	display: inline;
	border: none;
	background: none;
	margin: 0;
	padding: 3px 3px 0 3px;
}

form.preview p
{
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

div.infobox_right
{
	margin: 0.8em 0;
	font-size: 0.9em;
	border: 1px solid #bdb;
	float: right;
	max-width: 300px;
	padding: 0.6em;
	background: #fff url(../img/substance_gradient.png) top left repeat-y;
}

div.favourites
{
	border: none;
	border-left: 3px solid #a4e760;
	margin: 1em 0 0.8em 0.4em;
	padding: 0.4em 0.4em 0.4em 0.8em;
	font-size: 0.9em;
	background: #fff url(../img/favourites_bg.gif) top left no-repeat;
}

div.favourites img
{
	clear: both;
	float: left;
	margin: 0 0.6em 0.4em 0;
}

div.favourites p, div.info_box p
{
	margin: 0.4em;
}

div.favourites div.wrap
{
	margin: 0 0 0 0;
	padding: 0;
}

div.favourites h3
{
	display: inline;
	margin: 0 2em 0 0;
	padding: 0;
}

div.producer_description
{
	padding: 0.5em;
	min-width: 500px;
}

div.product_description
{
	padding: 0.5em;
	margin-left: 260px;
}

.right
{
	float: right;
}

div.right,
img.time
{
	float: right;
	padding: 3px 3px 0 3px;
}

acronym
{
	cursor: help;
	border-bottom: 1px dashed #ccc;
}

acronym.user
{
	cursor: help;
	font-style: italic;
	border-bottom: 1px dashed #ccc;
}

.date_info
{
	display: block;
	color: #900;
	font-size: 0.9em;
}

.date_info em
{
	border-bottom: 1px dashed #ccc;
	cursor: help;
}

em.date_info,
span.date_info
{
	display: inline;
	border-bottom: 1px dashed #ccc;
	cursor: help;
}

a.product
{
	font-family: Verdana, Arial, sans-serif;
	background: none;
}

p.product,
span.product
{
	display: inline;
	font-size: 1em;
	background: none;
}

p.product img
{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.favourite
{
  background-image: url("../img/bullet_heart.gif");
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 10px;
}

.used_tag
{
  background-image: url("../img/bullet_star.gif");
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 10px;
}

.new_ingredient
{
  background-image: url("../img/bullet_star.gif");
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 16px;
}

.linked_ingredient
{
  border-bottom: 1px dotted #999;
  color: #474;
  cursor: help;
  font-size: 0.9em;
  padding: 0;
  margin: 0;
}

.tagged
{
  background-image: url("../img/bullet_tag.gif");
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 10px;
}

.suitable
{
  background-image: url("../img/suitable.gif");
  background-repeat: no-repeat;
  background-position: right top;
}

.unsuitable
{
  background-image: url("../img/unsuitable.gif");
  background-repeat: no-repeat;
  background-position: right top;
  padding-left: 2em;
}

/* Notification boxes for unsuitable ingredients. */
div.warning p.unsuitable,
div.error p.unsuitable
{
	background-image: none;
}

div.table_legend
{
	margin: 0.6em 0 0.6em 140px;
	padding: 0.3em;
	text-align: right;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	color: #ccc;
}

div.table_legend p,
table div.legend p
{
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #555;
}

table div.legend p
{
	padding: 0 0 0 18px;
}

table div.legend
{
	margin: 0;
	padding: 0;
	text-align: right;
	color: #555;
}

table div.links
{
	margin:0;
	padding:0;
	border:none;
	width: 40%;
	float: left;
	font-size: 0.8em;
}

table div.legend
{
	margin:0;
	padding:0;
	border:none;
	width: 60%;
	float: right;
}

img.suitability_icon
{
	margin: 0 0 -1px 5px;
}






.favourite.left, .tagged.left, .used_tag.left, .suitable.left, .unsuitable.left
{
  background-position: left top;
  padding-left: 20px;
}

div.info_box
{
  text-align: center;
  background-color: #fff;
  padding: 0.8em 0.4em;
  border: 1px solid #ccc;
  border-top: 0;
  margin-bottom: 1em;
}

div.info_box.noalign
{
  text-align: left;
  padding: 0.8em 0.6em;
}

div.info_box.noalign ul
{
  padding-left: 0.6em;
}

div.info_box img
{
  margin-bottom: 4px;
  border: none;
}

div.info_box p.image
{
  text-align: center;
}

div.info_box p a
{
  font-size: 8pt;
/*  white-space: nowrap;*/
  font-family: Arial, Tahoma, Arial, Serif;
}

p.link
{
  margin: 0.5em;
}

/* Product add wizard: tables */
table.product_wizard
{
	margin: 0.6em 1em 1.4em 1em;
	padding: 0;
	border-collapse: collapse;
	font-size: 0.8em;
}

table.product_wizard *
{
	background-color: transparent;
	border: none;
}

table.product_wizard th
{
	background-color: #c3e9b4;
	font-style: normal;
	border-bottom: 1px solid #87BC72;
	border-right: 1px solid #87BC72;
	padding: 4px 0.6em;
}

table.product_wizard th.last
{
	border-right: none;
}

.product_wizard tr.even td,
.product_wizard tr td.even
{
	background-color: #E4F8DC;
}

.product_wizard tr.odd td,
.product_wizard tr td.odd
{
	background-color: #fff;
}

table.product_wizard td
{
	padding: 0.2em;
	vertical-align: top;
	border-right: 1px solid #87BC72;
}

table.product_wizard td.first
{
	text-align: center;
}

table.product_wizard td img,
table.product_wizard td a.list
{
	margin: 0;
	padding: 0;
	border: 0;
}

table.product_wizard td.icon
{
	text-align: center;
	border: none;
}

table.product_wizard td.icon img
{
	padding: 0;
	margin: 0 0.5em 0 1em;
}

table.product_wizard td.separator
{
	border-top: 1px solid #cce8bb;
}

table.product_wizard tr.subingredient td.icon
{
	font-size: 90%;
	padding-left: 10px;
}

table.product_wizard tr.subingredient td.icon img
{
	margin: 0 4px;
}

table.product_wizard tr.footer td
{
	border: none;
	border-top: 1px solid #87BC72;
}


table.product_wizard td ul.sublist,
table.substances td ul.sublist
{
	padding: 0;
	margin: 0 0 0 1em;
	list-style: none;
}

table.product_wizard td ul.list li,
table.product_wizard td ul.sublist li,
table.substances td ul.list li,
table.substances td ul.sublist li
{
	vertical-align: center;
	min-height: 16px;
}

table.product_wizard td ul.sublist li span.suggested
{
	padding-left: 16px;
	font-size: 95%;
	color: #888;
	font-style: italic;
}

table.product_wizard td span.suggested
{
	color: #555;
	font-style: italic;
}

span.subsection
{
	font-size: 0.7em;
	color: #888;
	padding-left: 10px;
}


/* LINKS */
a:visited, a:active, a:link
{
	color: #680;
}

.button
{
  border: 1px solid #cccccc;
  padding: 2px 6px 2px 22px;
  background-color: #f8f8f8;
}

p.button a
{
	padding: 0; 
}

a.button.share
{
	padding-left: 26px; /* Share diet icon has a fever and the only prescription is more padding! */
}

a.button:hover
{
  background-color: #fff;
}

a.home,
span.home
{
  background-image: url("../img/home.gif");
  background-repeat: no-repeat;
  background-position: 0 100%;
  padding: 3px 0 1px 20px;
}

span.home
{
  background-image: url("../img/home_disabled.gif");
}

a.user
{
  background-image: url("../img/user.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 20px;
}

a.login
{
  background-image: url("../img/login.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 20px;
}

a.logout
{
  background-image: url("../img/logout.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 20px;
}

a.register
{
  background-image: url("../img/register.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 20px;
}

a.add
{
  background-image: url("../img/add.gif");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  padding-left: 20px;
}

a.edit
{
  background-image: url("../img/edit.gif");
  background-repeat: no-repeat;
  background-position: 6px 2px;
  padding-left: 20px;
}

a.edit_image
{
  background-image: url("../img/image_edit.gif");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  padding: 2px 0 2px 26px;
}

a.edit_user
{
  background-image: url("../img/vcard_edit.gif");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  padding-left: 26px;
}

a.edit_users
{
  background-image: url("../img/persons_edit.gif");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  padding-left: 26px;
}

a.delete
{
  background-image: url("../img/delete.gif");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  padding-left: 20px;
}

a.share
{
  background-image: url("../img/share.gif");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  padding-left: 20px;
}

a.graphs
{
  background-image: url("../img/graphs.gif");
  background-repeat: no-repeat;
  background-position: 4px 50%;
  padding-left: 24px;
}

a.tag
{
  background-image: url("../img/tag_go.gif");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 12px;
  margin-right: 10px;
}

a.tag_edit
{
  background-image: url("../img/tag_edit.gif");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  padding-left: 26px;
}

a.tag_add
{
  background-image: url("../img/tag_add.gif");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  padding-left: 26px;
}

a.select
{
  background-image: url("../img/bullet_arrow_right.gif");
  background-repeat: no-repeat;
  background-position: 0px 50%;
  padding-left: 16px;
}

a.expandlink
{
  font-size: 100%;
  color: #680;
  text-decoration: none;
}

a.expandlink:hover
{
  text-decoration: underline;
}

p.details
{
  font-size: 90%;
}

p.edit_links
{
  font-size: 80%;
  margin: 0.4em 1em 1em 1em;
  padding: 2px;
}

table td h4
{
  margin-top: 0.8em;
}

div.editwrap_hover,
table.editwrap_hover
{
	background-image: url("../img/bg_infobox_hover.gif");
	background-repeat: repeat-y;
	background-position: top left;
	color: #773;
}



/* Contextual column remake for own Aatu
*********************************************************************/
div#contextual div.wrap
{
	background: #eef5dd url("../img/right_column_bg.png") no-repeat bottom right;
}

div#contextual div.wrap h3,
div#contextual div.wrap div.info_box
{
	border: 0;
	background-color: transparent;
}

div#contextual div.wrap h3
{

	border-top: 1px solid #eee;
	text-align: center;
	background-position: 6px 50%;
	background-color: #ffe;
	padding-top: 2px;
	padding-bottom: 0;
}

div#contextual div.wrap div.info_box
{
	padding: 1.4em 0.8em;
	margin: 0;
	background: transparent url("../img/right_column_infobox_bg.png") no-repeat top left;
}


/* AJAX suggest field styles
*********************************************************************/
body ul#suggestDropdown,
body ul#suggestDropdownSecond
{
	list-style: none;
	margin: 1px 0 0 2px;
	padding: 0;
	background: transparent url("../img/suggest_transparent_normal.png") repeat 0 0;
	text-align: left;
	z-index: 1;
}

body.substances ul#suggestDropdown,
body.directions ul#suggestDropdown,
body.substances ul#suggestDropdownSecond,
body.directions ul#suggestDropdownSecond
{
	margin: 1px 0 0 1px;
}

.suggest_link,
.suggest_link_over
{
	border: 1px solid #7F9DB9;
	border-top: none;
	margin: 0;
	padding: 2px 2px 2px 22px;
	font-size: small;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

.suggest_link_over
{
	background-color: #9db88e;
	background-image: url("../img/suggest_transparent_active.png");
	background-repeat: none;
}

.suggest_link.city,
.suggest_link_over.city
{
	background-image: url("../img/city.gif");
}

.suggest_link.person,
.suggest_link_over.person
{
	background-image: url("../img/user.gif");
}

.suggest_link.productcategory,
.suggest_link_over.productcategory
{
	background-image: url("../img/product_category.gif");
}

.suggest_link.productsubcategory,
.suggest_link_over.productsubcategory
{
	background-image: url("../img/product_subcategory.gif");
}

.suggest_link.product,
.suggest_link_over.product
{
	background-image: url("../img/product.gif");
}

.suggest_link.producer,
.suggest_link_over.producer
{
	background-image: url("../img/producer.gif");
}

.suggest_link.recipe,
.suggest_link_over.recipe
{
	background-image: url("../img/recipe.gif");
}

.suggest_link.ingredient,
.suggest_link_over.ingredient
{
	background-image: url("../img/ingredient.gif");
}
.suggest_link.tag,
.suggest_link_over.tag
{
	background-image: url("../img/tag.gif");
}

.suggest_link.overflow,
.suggest_link_over.overflow
{
	background-image: url("../img/notice.gif");
}

/* Tag edit related tags */
a.used_suggest:link,
a.used_suggest:active,
a.used_suggest:visited
{
	background-color: #74A720;
	color: #fff;
}




/* General styles */
body
{
	background-color: #EEF5DD;
    font-size: 0.9em;
    font-family: Verdana, Arial, serif;
    margin: 0;
    padding: 0;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-table;
}

#container
{
	background-color: #eef5dd;
}

#header
{
	background: #63930E url("../img/header_bg4.png") top left repeat-x;
	padding: 0;
	margin: 0;
	min-width: 550px;
	height: 99px;
	overflow: hidden;
}

#header #branding
{
    height: 99px;
    width: 200px;
    background: #E4EFD1 url("../img/header_branding_bg10.png") top left no-repeat;
}
/*
#header #branding:hover
{
    background: #E4EFD1 url("../img/header_branding_bg10.png") top left no-repeat;
}

body.recipes #header #branding
{
    background: #E4EFD1 url("../img/header_branding_bg2.png") top left no-repeat;
}

body.products #header #branding
{
    background: #E4EFD1 url("../img/header_branding_bg3.png") top left no-repeat;
}

body.search #header #branding
{
    background: #E4EFD1 url("../img/header_branding_bg5.png") top left no-repeat;
}

body.users #header #branding
{
    background: #E4EFD1 url("../img/header_branding_bg6.png") top left no-repeat;
    z-index: 100;
}

body.extra #header #branding
{
    background: #E4EFD1 url("../img/header_branding_bg7.png") top left no-repeat;
}
*/
#header #branding img
{
    margin: 4px 107px 31px 15px;
    padding: 0;
    border: none;
}

/* Main navigation */
#header #nav
{
	text-align: center;
	background: url("../img/mainnavi_divider2.png") left bottom no-repeat;
}

#header ul
{
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
}

#header ul li
{
	float: left;
	height: 100px;
	overflow: hidden;
	background: url("../img/mainnavi_divider2.png") right bottom no-repeat;
	min-width: 70px;
}

#header li a
{
	float: left;
	display: block;
	padding: 75px 10px 15px 10px;
	margin-right: 1px;
	text-decoration: none;
	color: #fff;
	min-width: 50px;
}

#header #nav a
{
	text-decoration: none;
	font-size: 1em;
	font-family: "Trebuchet MS", Tahoma, Arial, Serif;
}

#header #nav a:hover, #header #nav a.selected
{
	background: #eef5dd url("../img/mainnavi_selected2.png") right top repeat-x;
	color: #507700;
}

#header #usertools
{
	color: #fff;
	text-align: right;
	font-size: 0.9em;
	overflow: hidden;
	height: 100px;
	width: 200px;
	background: #E4EFD1 url("../img/header_usertools_bg.png") top left no-repeat;
}

#usertools p
{
	position: absolute;
	bottom: 3px;
	right: 6px;
}

#header #nav a
{
	color: #fff;
	font-weight: bold;
}

#header #usertools p
{
	color: #360;
	margin: 0;
}

#header #usertools a:link,
#header #usertools a:active,
#header #usertools a:visited
{
	color: #360;
	font-weight: bold;
	text-decoration: underline;
}

#header #usertools a:hover
{
	text-decoration: none;
}

#header #usertools a.register
{
	font-weight: normal;
}

#breadcrumb
{
	padding: 5px 10px 5px 15px;
	font-weight: bold;
	color: #680;
	/* Height of this element must be the same height as bg-image (40px) */
	height: 30px;
	min-width: 550px;
	z-index: 200;
	position: relative;
	background: #EEF5DD url("../img/breadcrumb_bg.png") top left no-repeat;
}

#breadcrumb #text,
#breadcrumb #text *
{
	color: #507300;
}

#breadcrumb #text
{
	float: left;
}

#breadcrumb #lang
{
	float: right;
	height: 1px; /* Holly hack for Peekaboo Bug */
}


/* TABS */
/*********************************/

#tabs
{
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -3px;

	background: url('../img/tabs_bottom_bg.gif') bottom left repeat-x;
	min-width: 550px;
}

#tabs ul
{
    padding: 0;
    margin: 0;
}

#tabs li
{
    float:left;
    display: block;

    margin: 0;
    padding-left: 0px;
    line-height: 31px;
    font-family: arial;
    font-size: 0.9em;
    background: url('../img/tabs_bg_left.gif') top left repeat-x;
}

#tabs li.first
{
	background: url('../img/tabs_bg_left.gif') top left no-repeat;
}

#tabs li.first.currenttab
{
	background-image: url('../img/tabs_bg_left_current.gif');
}

#tabs li a
{
	float: left;
    display: block;
    margin-top: 2px;
    padding: 0 11px;
    border: 0;
    font-size: 0.9em;
    text-decoration: none;
    color: #434343;
}

#tabs li.currenttab
{
	background-image: url('../img/tabs_bg_left_current.gif');
	font-weight: bold;
}

#tabs li.currenttab a
{
	margin-top: 2px;
	color: #000;
}

#tabs li a:hover,
#tabs li.last a:hover
{
	margin-top: 1px;
	color: #942;
}

#tabs li:hover
{
	background-image: url('../img/tabs_bg_left_hover.gif');
}

#tabs li.currenttab:hover
{
	background-image: url('../img/tabs_bg_left_current.gif');
}

#tabs li.last a
{
	background: url('../img/tabs_bg.gif') top right repeat-y;
    padding-right: 12px;
}

#tabs li.currenttab a:hover
{
	color: inherit;
	margin-top: 2px;
}


/* Wizard-form additions to tabs */

#tabs ul.wizard li
{
    background: url('../img/tabs_bg_left_wizard.gif') top left repeat-x;
}
#tabs ul.wizard li.first
{
    background: url('../img/tabs_bg_left_wizard_first.gif') top left repeat-x;
    font-weight: normal;
}
#tabs ul.wizard li a
{
    color: #434343;
    padding-left: 16px;
}
#tabs ul.wizard li.first a
{
    padding-left: 12px;
}
#tabs ul.wizard li.currenttab a
{
	color: #000;
}
#tabs ul.wizard li.first.validtab
{
	background-image: url('../img/tabs_bg_left.gif');
	font-weight: normal;
}
#tabs ul.wizard li.validtab
{
	background-image: url('../img/tabs_bg_left_wizard_ok.gif');
	font-weight: normal;
}
#tabs ul.wizard li.validtab:hover
{
	background-image: url('../img/tabs_bg_left_hover_wizard.gif');
}
#tabs ul.wizard li.currenttab
{
	background-image: url('../img/tabs_bg_left_current_wizard.gif');
	font-weight: bold;
}
#tabs ul.wizard li:hover
{
	background-image: url('../img/tabs_bg_left_hover_wizard.gif');
}
#tabs ul.wizard li.first:hover
{
	background-image: url('../img/tabs_bg_left_hover.gif');
}
#tabs ul.wizard li.currenttab.first,
#tabs ul.wizard li.currenttab.first:hover
{
	background-image: url('../img/tabs_bg_left_current.gif');
	font-weight: bold;
}
#tabs ul.wizard li.currenttab:hover
{
	background-image: url('../img/tabs_bg_left_current_wizard.gif');
}
#tabs ul.wizard li a img
{
	border: none;
	vertical-align: middle;
	margin: 0 0 4px 6px;
}


/* Table of contents like presentation */
/* Dot Leaders in Fluid HTML - http://home.tampabay.rr.com/bmerkey/examples/dot-leaders.html */

div.cat {
	height: .8em; /* needed by NN6*/
	line-height: 1em;
	border-bottom: 2px dotted #ccc;
	margin-top: .9em;
	font-size: 1em;
}

.itemname	{
	float: left;
	position: relative; /*needed by IE6*/
	top: 5px;
	background-color: white;
	padding-right: 5px;
	text-align: left;
	font-variant: small-caps;
	font-size: 1em;
	letter-spacing: -1px;
}

div.cat>.itemname, div.subcat>.itemname	{
	position:static; /*IE5 Mac Bug, items are offset */
} 

.num	{
	float: right;
	position: relative; /* needed by IE6*/
	background-color: white;
	margin-bottom: -.4em;
	border-bottom: solid white .2em;
	text-align: right;
	font-family: "Courier New", monospace;
	padding-left: 4px;
	font-size: 0.9em;
	font-weight: bold;
}


/* Feedback */
div.feedback
{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 400px;
	border-top: 3px double #000;
	border-left: 3px double #000;
	padding: 1em;
	background: #A1CF53 url('../img/mainnavi_selected2.png') bottom left repeat-x;
}

div.feedback p
{
	margin: 0;
	padding: 0;
}
#close_feedback img
{
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	border: none;
}

ul.feedback
{
	border: 1px solid #008000;
	margin: 1em 1em 3em;
	padding: 1em;
	background-color: #ffe;
	list-style: none;
}

ul.feedback li
{
	border-bottom: 1px solid #ccc;
	margin-bottom: 0.3em;
}

ul.feedback li.message
{
	padding: 2em;
	font-style: italic;
}

/* Content */
#content
{
	min-width: 550px;
	padding-top: 0px;
}

#content #main
{
	min-width: 550px;
	min-height: 38em;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff url('../img/tabs_bg.gif') top right repeat-y;
}

#content #main .wrap
{
	padding: 10px;
}

#content #private,
#content #contextual
{
	min-height: 40px;
}

/* BEGIN Holy Grail layout @ http://alistapart.com/articles/holygrail */
/* Modified by Aatu-team                                              */
/* Header div                                                         */
#header {
	padding-left: 200px;
	padding-right: 200px;
}
#header .column {
	position: relative;
	float: left;
}
#header #nav {
	width: 100%;
	overflow: hidden;
}
#branding {
	width: 200px;
	right: 200px;
	margin-left: -100%;
}
#usertools {
	width: 180px;
	margin-right: -200px;
}


/* BEGIN Holy Grail layout @ http://alistapart.com/articles/holygrail */
/* Modified by Aatu-team                                              */
/* Content div                                                        */
#content {
	padding-left: 200px;
	padding-right: 200px;
}
#content .column {
	position: relative;
	float: left;
}
#content #main {
	width: 100%;
	overflow: hidden;
}
#private {
	width: 200px;
	right: 200px;
	margin-left: -100%;
}
#contextual {
	width: 180px;
	margin-right: -200px;
}

#content #private .wrap, #content #contextual .wrap
{
	padding: 0 0 0 10px;
	width: 180px;
	overflow: hidden;
}

/* END Holy Grail */

/* BEGIN Holy Grail layout @ http://alistapart.com/articles/holygrail */
/* Modified by Aatu-team                                              */
/* 2column layout                                                     */
body.two_column div#content
{
	padding-left: 200px;
	padding-right: 10px;
}

/* END Holy Grail */



#footer
{
	clear: both;
	height: 5em;
	padding: 1em;
	text-align: center;
	font-weight: bold;
	background: #435F35 url('../img/footer_gradient2.png') repeat-x;
	min-width: 722px;
}

#debug
{
	background: #EEF5DD;
}

#footer p
{
	padding: 0.3em 0;
	margin: 0;
	color: #ebffe2;
}

#footer p.provider
{
	border-bottom: 1px dashed #8BA37E;
}

#footer p a
{
	text-decoration: none;
	font-size: 0.85em;
	color: #ebffe2;
}

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

.middle {
	vertical-align: middle;
}