body { 
	background: #dbd4a4;
	/* background: #ffffff; */

	/* #A0A0A0; */
	margin-left:   0px; 
	margin-right:  0px;
	margin-top:    0px; 
	margin-bottom: 0px;
	/* background-image: url(/usr/share/backgrounds/tiles/Chicken-Songs-2.jpg);*/
	/* background-repeat: repeat;*/
	/* background-attachment: fixed;*/
}

/* This sets the default font family and font size, all other references to 
  font size should use "em", eg: 2em for double size */
html, body {
	font-family: arial, helvetica, tahoma, verdana, sans-serif; 
	font-size: 12pt;
}

/* The following stuff defines the "look" of the main sections of the page */
#page {
	width:780px;
	margin:0;
	padding: 0px;
}
#header {
	width:100%;
	margin:0;
	/* background-color: #c69755; */
	background-color: #efc98e;
	padding: 0px;
}
#menu {
	width:100%;
	text-align:center;
	margin:0;
	/* border-bottom: 1px solid #000; */
	background-color: #efc98e;
}
#content {
	width:100%;
	text-align:center;
	background-color: #f4ecb7;
}
#footer {
	width:98%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	color: #666;
}

/* This section refers to the top menu tabs table */
div#navmenu{width: 100%;height:18px;background-color: #efc98e;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0px;}
ul#nav {margin-left: 0px;width:100%;}/* Position of the tabs area */
ul#nav li{float:left;margin-right: 5px;margin-left:5px;text-align: center;  }
ul#nav a{float:left;padding: 1px; padding-left: 5px; padding-right: 5px;text-decoration:none;}
ul#nav a:hover{background: #DDD;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{
	background: #f4ecb7;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
a.menu         { font-size: 0.8em;}
a.menuselected { font-weight: bold; font-size: 0.8em; color: #000;}

/* Introduction Page */
DIV.intro_text {
	width: 56%;
	margin-top: 10px;
	margin-left: 2%;
	text-align:center;
	float: left;
}
DIV.intro_images {
	width: 39%;
	margin-right: 1%;
	text-align:center;
	float: left;
}

/* Recipe Search Page */
DIV.recipesleftcolumn {
	/* border: 1px solid #555; */
	width: 56%;
	margin-left: 1%;
	text-align:center;
	float: left;
}
DIV.recipesrightcolumn {
	/* border: 1px solid #555; */
	width: 40%;
	margin-right: 1%;
	margin-top: 20px;
	text-align:center;
	float: right;
}
DIV.transparent {
	background: #f7f9fb;
	filter:alpha(Opacity=50);-moz-opacity:.50; opacity:.50;
}

/* Recipe Search */
DIV.recipe_search {
	width: 400px; 
	padding: 0px; 
	margin: auto;
	border-collapse: collapse;
	background: #ebe3b0;
}
DIV.recipe_quicklist {
	border: 0px solid #000;
	float:left;
	background: #ebe3b0;
}

TR.report_stats {
	border-bottom: 1px solid #AAAAAA;
	background: #efddc9;
}
 
.textfield {
	background: #DDD;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: black;
}
.popupfield {
	background: #DDD;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: black;
}
.button {
	background: #DDD;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #000;
}

.smallform {
	background-color: #DDDDDD;
	background: #DDDDDD;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 15px;
	color: black;
	/* border: 1; DO NOT USE border=1, it screws up IE and does nothing in Mozilla */
}

/* View a single recipe */
DIV.view_single {
	text-align: center;
	margin-left: 5px;
	margin-right: auto;
	width: '100%';
}

table.view_single {
	background-image:url(../imgs/parchment_small.jpg); 
	border: 1px dashed #770905;
	width: 100%;
}

TD.recipelist {
	background: #efddc9;
}
TR.recipelist {
	border-bottom: 1px solid #BBBBBB;
}

a         { text-decoration: none; color: blue;}
a:visited { }
a:active  { }
a:link    { }
a:hover   {
	color: #f2042c;
	text-decoration: underline;
}
a.small   {
	font-size: 0.8em;
}
a.smallbold {
	font-size: 0.8em;
	font-weight: bold; 
}
a.smallital {
	font-size: 0.8em;
	font-style: italic; 
}
a.nutrition_empty {
	color: red;
}
a.nutrition_partial {
	color: green;
}
a.softlink   {
	color: black;
	font-size: 1em;
	/* text-decoration: underline; */
	text-decoration: none;
	border-bottom: 1px dashed #999999;
}
a.softlink:hover {
	color: red;
	font-size: 1em;
	border-bottom: 1px dashed red;
	text-decoration: none;
}

p.linebreak {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
p.ingredient{
	margin-top: 0em;
	margin-bottom: 0em;
	text-indent: -1em;
	padding-left: 1.5em
}

.text               { font-size: 1em; } 
.boldtext           { font-size: 1em; font-weight: bold;}
.yellowtext         { font-size: 1em; color: yellow; font-weight: bold; } 
.redtext            { font-size: 1em; color: red; } 
.whitetext          { font-size: 1em; color: white;  } 
.whiteitaltext      { font-size: 1em; color: white; font-style: italic; } 
.pt                 { font-size: 1em; color: green;  }
.italtext           { font-size: 1em; font-style: italic; } 
.underline          { text-decoration: underline; } 
.newimportrecipe    { font-size: 1em; color: red;}
.oldimportrecipe    { font-size: 1em; }
.recipelyzertitle   { font-size: 1.2em; font-weight:bold; font-family: Comic Sans MS, arial, helvetica, tahoma, verdana, sans-serif; }

.largetext          { font-size: 1.4em; } 
.yellowlargetext    { font-size: 1.4em; color: yellow; } 
.title              { font-size: 2.0em; } 
.title18            { font-size: 18pt; } 
.boldtitle18        { font-size: 18pt; } 
.title16            { font-size: 16pt; } 

.smalltext          { font-size: 0.8em; }
.smallunderlinetext { font-size: 0.8em; text-decoration: underline;}
.smallboldtext      { font-size: 0.8em; font-weight: bold;}
.smallitaltext      { font-size: 0.8em; font-style: italic; } 
.greysmalltext      { font-size: 0.8em; color: #666666; }
.greysmallitaltext  { font-size: 0.8em; color: #666666; font-style: italic; }
.redsmalltext       { font-size: 0.8em; color: red;  } 
.redsmallboldtext   { font-size: 0.8em; color: red; font-weight: bold; } 
.redsmallitaltext   { font-size: 0.8em; color: red; font-style: italic; } 
.garnetsmalltext    { font-size: 0.8em; color: #770905; }
.smallwhitetext     { font-size: 0.8em; color: white; }
.smallyellowtext    { font-size: 0.8em; color: yellow; }
.smallboldwhitetext { font-size: 0.8em; color: white; font-weight: bold;}
.smallboldyellowtext { font-size: 0.8em; color: yellow; font-weight: bold;}

.vsmalltext         { font-size: 0.7em; }
.vredsmalltext      { font-size: 0.7em; color: red; }
.vsmallboldtext     { font-size: 0.7em; font-weight: bold;}
.vredsmallboldtext  { font-size: 0.7em; font-weight: bold; color: red;}
.greyvsmalltext     { font-size: 0.7em; color: #666666; }
.garnetvsmalltext   { font-size: 0.7em; color: #770905; }

.subtitle           { font-size: 0.8em; color: #770905; }
.bigsubtitle        { font-size: 1em; color: #770905; font-weight: bold; }
.boldsubtitle       { font-size: 0.8em; color: #770905; font-weight: bold; }

.smalldisabledform {
	background-color: #DDDDDD;
	background: #DDDDDD;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 15px;
	color: grey;
	/* border: 1; DO NOT USE border=1, it screws up IE and does nothing in Mozilla */
}

/* This is used with $q->startform(-class=>'startform') to remove the
  margin that is always otherwise created, screwing up the spacing */
.startform {
	margin-bottom: 0;
}

.medform {
	background-color: #DDDDDD;
	background: #DDDDDD;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	color: black;
}

.logintextfield {
	width: 60px;
	margin: 3px;

	background-color: #D7E5F2;
	border: 1px solid #284279; 
}
.loginsubmit {
	height: 20px;
	border: solid 0 #FFF;
	margin: 3px;
}

.smallcheckbox {
	width: 1em; 
	height: 1em;
}

/* Table definitions */
table.recipe {
	background-color: #efddc9;
	border: 1px dashed black;
}
table.top { border: none }
table.section1 {
	border-collapse: collapse;
    border: none;
    width: 90%;
	border-spacing: 2 pt;
	padding: 4px;
}
.tablebottomsolid {
	border: #000000;
	border-bottom: 1px solid #000000;
}

table.ingr      { border-collapse: collapse; }
tr.ingr_header  { border-bottom: 1px solid #000000; }
tr.ingr_body    { border-bottom: 1px solid #BBBBBB; }
td.ingr_body      { border-right: 1px solid #555555; text-align: right;}
td.ingr_body_left { border-right: 1px solid #555555; }
td.ingr_leftcol { border-right: 1px solid #555555; }

/* Calendar stuff */
table.cal  { border-collapse: collapse; }
td.cal_dow { 
	/* border-top: 2px solid #000; */
	border-bottom: 1px solid #000; 
	background-color: #0f21d2;
	text-align: center;
}
td.cal_avg { 
	/* border-left: 2px solid #000; */
	text-align: left;
	padding-left: 6px;
}
td.cal_bottom { /* border-top: 2px solid #000; */ }
td.cal_day { 
	border: solid 1px #aaaaaa; 
	background-color: #e9e4c5;
}
td.cal_activeday {
	/* background-color: #f6dd0c; */
	background-color: #FFFFFF;
	border: solid 1px #aaaaaa;
}
td.cal_day_foodlog { 
	border: solid 1px #aaaaaa; 
	background-color: #dbd4a4; 
}

table.front { 
	border: 1px dashed #CCCCCC; 
	border-spacing: 0px; 
	border-collapse: collapse;
}
tr.front_header { 
	background-color: #CCCCCC; 
}
table.frontingr { 
	border: 1px dashed #CCCCCC; 
	/* background-color: #e0d9a8; */
	border-spacing: 0px; 
}
tr.frontingr_header { 
	background-color: #CCCCCC; 
	/* background-color: #c2bc91; */
}

table.foodlog { 
	border: 1px dashed #888888; 
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #FFFFFF;
	/*margin-left: 20px;*/
	/*margin-right: auto;*/
}
tr.foodlog_header {
	background-color: #FFFFFF;
}

#image {
	position: relative;
	width: 100%;
}

.img-shadow {
  float:left;
  clear:left;
  background: url(imgs/shadowAlpha.png) no-repeat bottom right !important;
  background: url(imgs/shadow.gif) no-repeat bottom right;
  /* background-color: #CCCCCC; */
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  border: 1px solid #000000;
}

.img-shadow img {
  display: block;
  position: relative;
  /* background-color: #fff; */
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

#content table {
	margin: 0 auto;
	text-align: left;
}

DIV.thumbnailbox {
	text-align: center;
	margin: auto;
	border: 1px solid #999999;
}

div.spacer {
	clear: both;
	height: 3px;
}

div.helptext {
	border: solid 0px #000;
	margin-left: 5%;
	margin-right: 1%;
	text-align: left;
}
div.helptext_example {
	border: solid 0px #000;
	margin-left: 8%;
	margin-right: 4%;
	text-align: left;
	background-color: #DDD;
}