html {
 	/*height: 100%;*/
}
body {
	margin: 5px 0;
	padding: 0;
	/*height: 100%;*/
	font-family: arial, helvetica;
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
	background-color: #d6dadb;
}

h1 {
	font-size: 14pt !important;
	color: #0e79a8;
}

#header h1, #header h1 a {
	font-size: 18pt !important;	
}

h2 {
	font-size: 12pt !important;
	color: #0e79a8;
}

#header h2 {
	font-size: 18pt !important;
	color: #0e79a8;
}

h3 {
	font-size: 12pt !important;
	color: #ffa743;
}

p {
	margin: 20px 0 20px 0;
}

a {
	color: #0e79a8;
	text-decoration: underline;	
}

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

img {
	border: 0;	
}

div {
	margin: 0;
	padding: 0;
}

#container {
	background-color: #d6dadb;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 97%;
	min-height: 700px;
}

/*
 * page header
 */
#header {
	background-color: #d6dadb;
	height: 110px; 
	margin: 0;
	padding: 5px 0 0 0;
}

#header a {
	text-decoration: none;
	color: #0e79a8;
	font-size: 8pt;
	font-weight: bold;
}

#header img {
	border: none;
	margin-right: 3px;	
}

#header h2 {
	margin: 20px 0 1px 0;
	padding: 0;
	text-shadow: #ffffff 0.08em 0.08em;
}

#header h3 {
	margin: 0px 0 1px 5px;
	padding: 0;
	color: #ffa743;
	text-shadow: #ffffff 0.08em 0.08em;
}

#header p {
	margin: 0;	
}

/*
 * Tabmenu
 */
#tabMenu {
	background:url(/wikifood/media/menu_bot.png) no-repeat left bottom;
 	height: 57px; 
 	padding: 0;
 	margin: 0;
}

#tabMenu ul {
	list-style-type: none;
	margin:0;	
	padding: 0 15px 0 15px;
	height: 57px; 
	float: left;
}

#tabMenu ul li {
	display: inline-block;	
	float: left;
	background:url(/wikifood/media/menu_tab.png) no-repeat right top;
	height: 28px;
	margin: 0;
	padding: 0;
}

#tabMenu ul li a{
	display: block;	
	padding: 6px 28px 8px 6px;
	height: 27px;
	margin:0;
	color: white;
	text-decoration: none;
	font-size: 10pt !important;
 	font-weight: bold;
}

#tabMenu ul li a:hover {
	text-decoration: underline;
}

#tabMenu li.first a {
	background:url(/wikifood/media/menu_tab_first.png) no-repeat left top;
	color: white;
	height: 27px;
	padding-left: 19px;
}

#tabMenu ul li.last{
	background: url(/wikifood/media/menu_tab_last.png) no-repeat right top;
}

#tabMenu ul li#firstcurrent{
	background-position: right -28px;
	height: 41px;
}

#tabMenu ul li#firstcurrent a{
	background:url(/wikifood/media/menu_tab_first.png) no-repeat left -41px;
	color: #000;
	color: #0e79a8;
}

#tabMenu ul li#current {
	margin-left: -13px;
	background-position: right -28px;
	height: 41px;
}

#tabMenu ul li#current a {
	background:url(/wikifood/media/menu_tab_current.png) no-repeat left top;
	padding-left: 19px;
	color: #0e79a8;
}

#tabMenu ul li#firstcurrent span {
	display: block;	
	padding: 6px 28px 8px 19px;
	height: 27px;
	margin:0;
	text-decoration: none;
	font-size: 10pt !important;
 	font-weight: bold;
	background:url(/wikifood/media/menu_tab_first.png) no-repeat left -41px;
	color: #0e79a8;
}

#tabMenu ul li#current span {
	display: block;	
	padding: 6px 28px 8px 19px;
	height: 27px;
	margin:0;
	text-decoration: none;
	font-size: 10pt !important;
 	font-weight: bold;
	background:url(/wikifood/media/menu_tab_current.png) no-repeat left top;
	color: #0e79a8;
}

#tabMenu ul li#lastcurrent span {
	display: block;	
	padding: 6px 28px 8px 19px;
	height: 27px;
	margin:0;
	text-decoration: none;
	font-size: 10pt !important;
 	font-weight: bold;
	background:url(/wikifood/media/menu_tab_current.png) no-repeat left top;
	color: #0e79a8;
}

#tabMenu ul li#lastcurrent{
	margin-left: -13px;
	background: url(/wikifood/media/menu_tab_last.png) no-repeat right -41px;
	height: 41px;
}

#tabMenu ul li#lastcurrent a{
	background:url(/wikifood/media/menu_tab_current.png) no-repeat left top;
	color: #0e79a8;
	padding-left: 19px;
}

/* 
 * Submenu
 */
#subMenu {
	background-color:#ffa743; 
 	height: 22px;
 	margin: 0 6px 0 4px;
 	text-align: right;
 	font-size: 9pt !important;
 	font-weight: bold;
}

#subMenu ul {
	list-style-type: none;
	margin:0;	
	margin-right: 20px;
	padding-top: 4px;
}

#subMenu li {
	display: inline;
	color: #747474;
	margin: 0 5px 0 5px;
	text-decoration: none;
}

#subMenu a, #subMenu a:visited, #subMenu li a, #subMenu li a:visited {
	color: #747474;
	text-decoration: none;
}

#subMenu a:hover, #subMenu a:hover {
	color: black;
}

#subMenu a.active, #subMenu a.active:visited {
	color: white;
	text-decoration: none;
}

#subMenu a.active:hover {
	color: black;
}

/*
 * Tab for content
 */
/*#tab {
	background-color:white; 
	height: 321px;  
	margin: 0 0px 0 0px;
	padding: 19px 0px 19px 26px;
    -moz-border-radius-bottomleft: 10px;  
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-box-shadow-left: 0 0 1em grey;
}*/

#tab {
	width:950px;
	position: relative;
	min-height: 450px;
}

/* tab footer (no content) */ 
#tab .ft .c {
 	height:21px;
}

/* tab left side with shadow */
#tab .bd {
	background:transparent url(/wikifood/media/07Contentbox_rand_links.png) repeat-y 0px 0px;
	margin-right:0px;
	min-height: 430px;
}

/* tab right side with shadow */
#tab .bd .c {
	background:transparent url(/wikifood/media/08Contentbox_rand_rechts.png) repeat-y right 0px;
 	margin-right:0px;
  	min-height: 430px;
}

/* contains tab content */
#tab .bd .c .s {
 margin:0px 8px 0px 4px;
 background-color:#fff;
 color: #000;
 padding: 10px 5px 40px 25px;
 min-height: 420px;
 }

/* bottom left round corner */
#tab .ft {
 background:transparent url(/wikifood/media/tab_bl.png) no-repeat 0px 0px;
 margin-right:21px;
}

/* bottom right round corner */
#tab .ft .c {
 background:transparent url(/wikifood/media/tab_br.png) no-repeat right 0px;
 margin-right:-21px;
}

/* holds tab content */
#content {
	position: relative;
	/*background-color:white;*/
	/*overflow: auto;*/  
	margin: 0;
	padding: 0 0 0 0;
	min-height: 420px;
}

/* page footer */
#footer {
	background-color: #d6dadb;
	color: #0e79a8;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
/*	height: 42px;*/
}

#footer a {
	color: #ffa743;
	text-decoration: none;
	text-shadow: #ffffff 0.08em 0.08em;
}

/*
 * Form elements
 */
form br {
	clear: left;	
}

label {
	color: #0e79a8;
	text-align: right;
	font-weight: bold;	
	margin: 5px;	
	float: left;
}

.formHelp {
	color: #0e79a8;
	text-align: left;
	font-weight: bold;	
	margin: 5px;	
	float: left;
	display: inline-block;
	width: 200px;
}

label.fixwidth {
	width: 120px;	
}

label.fixwidth150 {
	width: 200px;	
}

label.required {
	width: 110px;	
	padding-right: 10px;
	background: url(/wikifood/media/required.gif) center right no-repeat;
}

fieldset {
	border: 0;	
	padding: 0;
	margin: 20px;
}

legend {
	font-size: 10pt;
	font-weight: bold;
	color: #0e79a8;
	padding: 0;
	margin: 10px;
}

/* text field */
span.textfield  {
	margin: 5px;
	float:left;
	display:inline-block;
	height: 18px;
	background:url(/wikifood/media/bg_textbox_right.png) no-repeat right top;
	padding:0px 7px 0px 0px;
}

input[type="text"], input[type="password"] {
	border: 0;
	margin: 0;
	background: url(/wikifood/media/bg_textbox_left.png) no-repeat top left;
	height: 16px;
	font-size: 9pt !important;
	font-weight: bold; 
	color: #000000; 
	padding: 1px 0px 0px 7px;
	vertical-align:top;
}

input.invalid {
	color: #ff0000; 
}

textarea.invalid {
	color: #ff0000;
}

input[readonly="readonly"] {
	color: #747474;	
}



/* submit button */
input[type="submit"], input[type="button"] {
	border: 0;
	margin: 0;
	background: url(/wikifood/media/bg_button_left.png) no-repeat top left;
	height: 18px;
	font-size: 9pt !important;
	font-weight: bold; 
	color: #000000; 
	padding: 0px 0px 0px 7px;
	vertical-align:top;
}

span.button {
	margin: 5px 4px 4px 5px;
	float: left;
	display: inline-block;
	height: 18px;
	padding:0px 7px 0px 0px;
	background: url(/wikifood/media/bg_button_right.png) no-repeat top right;
}

span.button:hover {
	margin: 6px 3px 3px 6px;
}


span.buttonNoMargin {
	margin: 0px 5px 4px 5px;
	float: left;
	display: block;
	height: 18px;
	padding:0px 7px 0px 0px;
	background: url(/wikifood/media/bg_button_right.png) no-repeat top right;
}

span.buttonNoMargin:hover {

	margin: 1px 4px 3px 6px;
}

/* text area */
textarea {
	margin:5px;
	border: 0;
	background-color: #d6dadb;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	padding: 3px;
	font-weight: bold; 
	max-width: 450px;
}

/* search field */
#search {
	margin: 20px 0 20px 20px ;
}

#search input {
	border: 0;
	margin: 0;
	padding: 0;
}

#search input[type="text"] {
	background: url(/wikifood/media/Suchbalken_links.png) no-repeat top left;
	height: 13px;
	font-size: 9pt !important;
	font-weight: bold; 
	color: #000000; 
	padding: 2px 2px 10px 10px;
	vertical-align:top;
}

#search input[type="submit"] {
	background: url(/wikifood/media/Standardsuche_button.png) no-repeat top right;
	width: 29px;
	height: 25px;
	cursor: pointer;
}


#search input[type="submit"]:hover {
	background: url(/wikifood/media/Standardsuche_button_click.png) no-repeat top right;
}

/* shopping list */
input[type="text"].shoppingList {
	background: url(/wikifood/media/51einkaufsl_anzahlkasten.png) no-repeat top left;
	height: 18px;
	width: 40px;
	max-width: 40px;
	font-size: 9pt !important;
	font-weight: bold; 
	color: #000000;
	margin: 0 2px 0 0; 
	padding: 4px 0px 0px 5px;
	vertical-align:top;
}

/*
 * content
 */
 
div.center {
	width: 50%;
	margin: auto;
}

div.hint {
	width: 25%;
	color: #0e79a8;
	font-weight: bold;	
	padding: 5px;
	float: right;
}

div.hint_barcoo {
	text-align: center;
	color: #0e79a8;
	 background-color: #d6dadb;
	font-weight: bold;	
	padding: 5px;
	margin-top:13px;
}

div.aboutUsMenu {
	width: 20%;
	float: left;
}

/*
 * table
 */

table.index {
	width: 400px;
	font-weight: bold;
	color: #ffa743;	
}

.index a, .pagination a, .pagination a:visited {
	color: #0e79a8;
	text-decoration: none;	
}

.index a:visited {
	color: #0e79a8;
} 

.index a:hover, .pagination a:hover {
	text-decoration: underline;	
}

table.pagination {
	width: 200px;
	font-weight: bold;
	color: #ffa743;
}

table.listing {
	border-spacing: 0 10px;
	width: 98%;
}

.listing th {
	text-align: left;
	color: #0e79a8;
}

.listing td {
	padding: 5px;	
	border-top: #747474 solid 1px;
	border-left: 0;
	border-bottom: #747474 solid 1px;
	border-right: 0;
	empty-cells: show;
}

.incompatible td {
	padding: 5px;
	background-color: #d6dadb;	
	border-top: #747474 solid 1px;
	border-bottom: #747474 solid 1px;
	box-shadow: -10px -10px 0px #000;
	-moz-box-shadow: 3px -4px 0px #747474;
	-webkit-box-shadow: 3px -4px 0px #747474;
	box-shadow: 3px -4px 0px #747474;
	empty-cells: show;
}

.listing td.left {
 	border-left: #747474 solid 1px;
	border-top-left-radius: 9px;		 	
 	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
	-khtml-border-radius-topleft: 9px;
	border-bottom-left-radius: 9px;
 	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-khtml-border-radius-bottomleft: 9px;
}

.listing td.right {
 	border-right: #747474 solid 1px;
	border-top-right-radius: 9px; 			 	
 	-moz-border-radius-topright: 9px;
	-webkit-border-top-right-radius: 9px;
	-khtml-border-radius-topright: 9px;
	border-bottom-right-radius: 9px;
 	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-khtml-border-radius-bottomright: 9px;
}
 
.listing a {
	text-decoration: none;
}

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

.listing img {
	vertical-align: middle;
}

/*
 *	Overlay to show modal dialogs...
 */
#overlay {
	display: none;
    position: fixed;
    left: 0px;
    top: 350px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
	background-color: transparent;
}

/*
 * Message-box to show response messages.
 */
.message {
    width: 300px;
    margin: auto;
    background-color: white;
    border: 4px solid #747474;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    color: #0e79a8;
    border-radius: 9px;
    -moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
}

/* submit button */
.button a, .buttonNoMargin a {
	border: 0;
	margin: 0;
	background: url(/wikifood/media/bg_button_left.png) no-repeat top left;
	height: 18px;
	font-size: 9pt !important;
	font-weight: bold; 
	text-decoration: none;
	color: #000000; 
	padding: 2px 2px 0px 10px;
	vertical-align:top;
	float: left;	
}

/*
 * Tooltip
 * Text is displayed on mouse-over.
 */
a.tooltip {
	text-decoration: underline;
	color: #003366;
	cursor: help;
}

a.tooltip:hover {
	background: transparent;		/*BG color is a must for IE6*/
	text-decoration:none;
} 

a.tooltip span {
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	display:none;
	padding:2px 3px;
	margin-left:20px;
	width:200px;
}

a.tooltip:hover span{
	text-decoration: none;
	display:inline;
	position:absolute;
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	color:#6c6c6c;
}

/*
 * allergens form 
 */
div.allergens, #allergens {
	display: inline-block;
	width: 400px;
	margin: 0 20px;
}

.allergens strong {
	color: #0e79a8;
}

div.row {
	float: left;
	border: none;
	padding: 2px;
	width: 100%;
	display: block;
}

div.leftColumn {
	border: none; 
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	display: inline-block;
}

div.rightColumn {
	border: none;
	float: right;
	margin: 0;
	padding: 0;
	width: 50%;
	display: inline-block;
}

div.highlight div.rightColumn, div.highlight div.leftColumn {
	padding: 5px;
	width: 45%;
}

.field p {
	display: inline-block;
	margin-left: 250px;
	font-weight: bold;
}

.ingredientserror p {
	display: inline-block;
	margin: 0 0 0 5px;
	font-weight: bold;
}

/*
 * About us page
 */
.aboutUsMenu ul {
 	list-style-type: none;
 	padding: 0;
 	font-size: 10pt;
 	font-weight: bold;
 	text-decoration: none;
 	color: #0e79a8;
}
 
.aboutUsMenu  ul li a {
 	font-size: 10pt;
 	font-weight: bold;
 	text-decoration: none;
 }
 
.aboutUsMenu  ul li a:visited {
	color: #0e79a8;
}

.aboutUsMenu ul li {
  	margin: 15px 0;
}

.aboutUsMenu  ul li.current {
	border-bottom: 2px solid #ffa743;	
}
 
/******************************************************************************/
/* Design for product of the week image flip.
/******************************************************************************/
.d0 {
	border: 3px solid #ffa743;
	background-color: #888;
	height: 70px;
	width: 70px;
	position: absolute;
	left: 5px;
	top: 40px;
}

.d1 {
	border: 3px solid #ffa743;
	background-color: #777;
	height: 80px;
	width: 80px;
	position: absolute;
	left: 20px;
	top: 35px;
}

.d2 {
	border: 3px solid #ffa743;
	background-color: #666;
	height: 90px;
	width: 90px;
	position: absolute;
	left: 35px;
	top: 30px;
}

.d3 {
	border: 3px solid #ffa743;
	background-color: #555;
	height: 100px;
	width: 100px;
	position: absolute;
	left: 50px;
	top: 25px;
}

.subContent h1, .subContent h1 a {
	font-size: 11pt !important;
	text-align: left;
	color: #000;
	padding-bottom: 5px;
	border-bottom: 2px solid #ffa743;
}

.subContent h2, .subContent h2 a {
	font-size: 10pt !important;
	text-align: left;
	text-decoration: none;
	color: #0e79a8;
	
}

.subContent h3 {
	font-size: 10pt !important;
	text-align: left;
	color: #000;
}

.subContent ul {
	color: #0e79a8;
	margin: 0;
	padding: 0 0 0 15px;	
}

.subContent a {
	color: #0e79a8;
	text-decoration: none;
}

.subContent {
	color: #0e79a8;
}

.subContent ol {
	margin:0;
	padding: 0 0 0 20px;
}

.slide {
	height: 250px;
	width: 578px;
	overflow: hidden;
	display: block;
}

.author {
	text-align: left;
	margin-top: 13px;
}

.thumbnailView {
	border: 1px solid #ffa743;
	background-color: #fff3e7;
	padding: 10px 10px 10px 10px !important;
	height:120px;
	overflow:auto;
}


/*
 * ID category defines the style of the category hierarchy list.
 */
#category div {
	padding:0;
	margin:0;
}

#category ul {
	position:relative;	
	margin:0 0 5px 0;
	padding:0;
}

/* add a arrow image in front of each inner list item */
#category ul li {
	color: #0e79a8;
    font-size: 10pt !important;
	display:inline; /* this defines a horizontal list*/
	margin-left:4px;
	padding-left:15px;
	background: transparent url(/wikifood/media/45Pfeil_rechts.png) 0px 4px no-repeat;
}

/* Don't add a arrow before the first list item */
#category ul li:first-child {
	background: transparent;
    margin-left:0;
	padding-left:0;
}

/* Write the last list item in bold */
#category ul li.current {
	font-weight:bold;
}

/* underline each link */
#category a, #category a:visited{
	font-size: normal !important;
	text-decoration:none;
}

#category a:hover {
	text-decoration:underline !important;
}

/*
 * Creates a scrollable box to display the disclaimer
 */
.disclaimer {
	width:95%;
	height: 40%;
	min-height:150px;
	overflow:auto;
	padding: 10px;
    border: 4px solid #747474;
    border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
}

/*
 * Design partner.do page
 */
td.partner {
	vertical-align:middle; 
	text-align:center;
	padding: 10px 20px;
}

/*
 * new userfood wizard checklist
 */
#checklist ul {
	list-style-type: none;
}

#checklist ul li {
	margin: 20px 5px; 
	color: #747474;	
}

#checklist ul li.current {
	color: #0e79a8;	
	font-weight: bold;
	
}

#checklist ul li.done {
	color: #0e79a8;	
}

span.check {
	background: transparent url(/wikifood/media/done.png) top right no-repeat;
	padding-right: 15px;
	min-height: 12px;
}

/*
 * Progress Bar
 */
#progressBar {
	background: transparent url(/wikifood/media/progress_left.png) top left no-repeat;
	height: 100%;
}

#progressBar.empty {
	background: transparent url(/wikifood/media/progress_empty.png) top left no-repeat;
	height: 100%;
	widht:7px;
}

#progressBarBg {
	height: 16px;
	background: #d6dadb url(/wikifood/media/bg_textbox_right.png) top right no-repeat;
	width: 100%;
	max-width: 500px;
	min-width: 300px;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: bold;
	color: #0e79a8;
}

#progressBarBg.full {
	background: transparent url(/wikifood/media/progress_right.png) top right no-repeat;
	padding-right: 7px;
}
#progressBarText {
	position: absolute; top: 0; left: 50%;

}	




/***********************  category tree select element ************************************/

div.cat_collapse {
display:none;
float: left;
width: 22em;
}

div.cat_expand {
display:block;
float: left;
width: 12em;
}

/*
 * ID subcategory defines the style for the sub-category selection list.
 * An arrow image is added in front of each list item.
 */
#subcategory ul {
	list-style-type: none;
}

#subcategory ul li:first-child {
	list-style-image:url(/wikifood/media/level1_opened.gif);
}

#subcategory ul ul li,#subcategory ul ul li:first-child{
	list-style-image:url(/wikifood/media/level1_closed.gif);
}

#subcategory td {
	 vertical-align:top;
}

#subcategory a {
	 color:#006699;
	 font-weight:bold;
}

#subcategory a:hover {
	text-decoration:underline;
}

ul.treeSelect {
	list-style:none;
}

a.treeSelect, a.treeSelect:visited {
	color: #0e79a8;
	text-decoration:underline;
}

a.treeSelect:hover {
	background-color: #d6dadb;
	color:#006699;
}

a.treeSelected {
	background-color: #d6dadb;
	color:red;
	font-weight: bold;
}

#CategorySelector li {
	margin: 0px;
}

a.collapse{
	background: transparent url(/wikifood/media/level1_closed.gif) 5px 2px no-repeat;
	padding-left: 15px;
	font-weight: bold;
	color:#000000;
	min-width: 15px;
	min-height: 15px;
}

a.collapse:hover{
background: transparent url(/wikifood/media/level3_closed.gif) 5px 2px no-repeat;
}

a.expand{
background: transparent url(/wikifood/media/level1_opened.gif) 0px 6px no-repeat;
padding-left: 15px;
font-weight: bold;
color:#000000;
min-width: 15px;
min-height: 15px;
}

a.expand:hover{
background: transparent url(/wikifood/media/level3_opened.gif) 0px 6px no-repeat;
}

div.collapse {
display:none;
}

div.expand {
display:block;
}


/*
 * Edit form for free of attributes
 */
#accordion {

	margin:20px 0px;

}

strong.toggler {
	
	background: transparent url(/wikifood/media/level1_closed.gif) 5px 2px no-repeat;

	cursor: pointer;

	color: #0e79a8;

	margin: 0 0 4px 0;

	padding: 0px 5px 1px 16px;

}

h1.toggler {
	background: transparent url(/wikifood/media/level1_closed.gif) 5px 2px no-repeat;
	cursor: pointer;
    padding-left: 16px;
}

.element {
	background: transparent url(/wikifood/media/element_bg.png) repeat;
}

.element ul {
	margin: 10px 0;	
}

/*
 * Nutrition Fact Bar
 */
.nutritionBar {
	background: transparent url(/wikifood/media/nutritionFactBar_blue.png) top right no-repeat;
	height: 13px;
	text-align: right;
	float: left;
}

.nutritionBarDark {
	background: transparent url(/wikifood/media/nutritionFactBar_darkBlue.png) top right no-repeat;
	height: 13px;
	text-align: right;
	float: left;
}

.nutritionBarLight {
	background: transparent url(/wikifood/media/nutritionFactBar_lightBlue.png) top right no-repeat;
	height: 13px;
	float: left;
}

.nutritionBarText {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin-right: 6px;
	vertical-align:top;
}

.nutritionBarTextRight {
	color: #0e79a8;
	height: 13px;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	vertical-align:top;
	float: left;
}

.nutritionFactTable td {
	text-align: right;
	font-weight: bold;
	font-size: 10px;
}

.nutritionFactTable td.chart {
	background: transparent url(/wikifood/media/nutritionFactBG.png) center right no-repeat;
}

.nutritionFactTable th {
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	color: #747474;
}

/*
 * Traffic Light Rating System
 */
div.trafficLightRatingSystem {
	margin: 5px 0;
	border: 1px solid #747474;
	background-color: #fff;
	border-radius: 23px;
	-moz-border-radius: 23px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	padding: 0 2px;
	height: 34px;
	width: 282px;
	clear: left;
}

div.greenLight {
	background: transparent url(/wikifood/media/green-light.png) center left no-repeat;
	height: 34px;
	width: 30px;
	text-align: center;
	float: left;
	position: relative;
}

div.greenLight div, div.redLight div, div.yellowLight div {
	position: absolute;
	width: 30px;
	top: 12px;
	color: #000000;
	text-align: center;
	font-size: 6pt;
	font-weight: bold;
}
div.redLight {
	background: transparent url(/wikifood/media/red-light.png) center left no-repeat;
	height: 34px;
	width: 30px;
	text-align: center;
	float: left;
	position: relative;
}

div.yellowLight {
	background: transparent url(/wikifood/media/yellow-light.png) center left no-repeat;
	height: 34px;
	width: 30px;
	text-align: center;
	float: left;
	position: relative;
}

.trafficLightRatingSystem p {
	margin: 2px 10px !important;
	padding: 0;
	float: left;
}

.italic {
	font-style: italic;
}

.small {
	font-size: 8pt;
}

/* Image zoom styles */
#zoom_big_container {
	float: left;
	height: 381px;
	width: 286px;
	position: relative;
	overflow: hidden;
	border: 1px solid #55575C;
	background: #FFF url(/wikifood/media/spinner_new.gif) center no-repeat;
}

#zoom_big_container.ready {
	background: #FFF;
}

#zoom_image {
	position: absolute;
	top: auto;
	left: auto;
	cursor: move;
}

.zoomControl {
	margin-right: 10px;
	float: left;
	cursor: pointer;	
}

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}

.mainContent {
	width: 70%; 
	margin-right: 10px;	
}

.messageBox {
    width: 90%;
    margin: auto;
    background-color: white;
    border: 4px solid #747474;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    color: #0e79a8;
    border-radius: 9px;
    -moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
}

.mediaControl {
	background-color: #d6dadb;
	padding: 10px;
	margin: 5px;
	display: inline-block;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
}

.mediaControlNew {
	background-color: #0e79a8;
	padding: 10px;
	margin: 5px;
	display: inline-block;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
}

.pressreview li {
	margin: 10px 0;
}

div.references p {
	text-align: left;
	font-size: 9pt !important;
	font-weight: normal;
	color: #747474;
}

.faqTable {
	border-collapse: collapse;
	caption-side: bottom;
	width: 100%;
}

.faqTable td, .faqTable th {
	border: 1px solid #000;
	padding: 3px;
}

.faqTable th {
	background-color: #d6dadb;
}


#allergenMatches strong {
 color: #0e79a8;
}

#allergenMatches strong.highlighted {
 color: black;
 background-color: #ffa743;
}

/* OCR related */

.candidate {
	border: 1px solid black;
	margin: 2px;
	padding: 2px;
	float: left;
	cursor: pointer;
}
 	
.options {
    top: 20px;
	border: 1px solid black;		
	width: 230px;
	max-height: 150px;
    float: left;
    background-color: white;
    cursor: default;
    position: absolute;
    display: none;
    z-index: 10000;
    overflow: auto;
}
 	
.selected {

	float: left;
	cursor: pointer;
	background-color: white;
	position: relative;
	
}
 	
.group {
	position: relative;
}

.good {
	background-color: green;
}

.medium {
	background-color: yellow;
}

.bad {
	background-color: red;
}

.ocr {
	background-color: orange;
}

.specialCharacter {
	background-color: magenta;
}
 	
.roi {
	display: block;
	position: absolute;
	opacity: .2;
	-moz-opacity: .2;	
}

.roiHighlight {
	border: 2px solid blue;	
}
 	
#result {
    border: 1px solid black;
	overflow: auto;
	width: 470px;
	min-height: 50px;
	max-height: 100px;
	padding-right: 200px;
	padding-bottom: 150px;
}

 
.tip {
	border: 1px solid red;
	color: #000;
	width: 130px;
	z-index: 13000;
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	color:#6c6c6c;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	border-bottom: 1px solid #B5CF74;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}

.approved {
	margin: 0px;
    border: 2px solid #FBC689;
	background-color: white;
}

.automatic {
	font-size: 9pt !important;
	padding: 0 !important;
}

.important {
	font-size: 18px;
	background-color: #d0e6ef;
	padding: 0;
}