.menusize {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	16px;
	font-weight:	bold;
}

.left-border {
	background-image: url(/images/layout_1_r6_c2.gif);
	background-repeat: repeat;
}
.right-border {
	background-image: url(/images/layout_1_r3_c9.gif);
	background-repeat: repeat;
}
.bottom-border {
	background-image: url(/images/layout_1_r7_c7.gif);
	background-repeat: repeat;
}
.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FEF200;
	border: 1px solid #616161;
	text-align: center;
	height: 26px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.sub-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFEEA;
	text-align: center;
	height: 26px;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.divide {

	border-right-width: 1px;
	border-right-style: solid; 
	
	}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EB9409;
    font-weight: bold;
	text-decoration: none;
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EB9409;
    font-weight: bold;
	text-decoration: none;

}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EB9409;
    font-weight: bold;
	text-decoration: none;
	
	}

.grey-horitontal {
background-color:#000000;
}
.footer {
	height: 24;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	width: 762px;
	height: 49px;

}
body,p,td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body
{
	margin-top: 12px;
	margin-bottom: 12px;
}

h1  {
color:	#000000;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:	14px;
font-weight:	bold;
}
h2  {
color:	#000000;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:	16px;
font-weight:	bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h4  {
	color:	#000000;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	9px;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 1pt;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h5  {
	color:	#000000;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	font-weight: normal;
	text-transform: uppercase;
	text-indent: 1pt;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.tableborder {
	border: 1px solid #cccccc;
}
.tablebordershadow {
	border: 1px solid #40408C; box-shadow: 0.4em 0.4em #eeeeee;
}
.tableborderleft {
	border-left: 1px solid #40408C;
	color: #ffffff
}
.tableborderright {
	border-right: 1px solid #40408C;
}
.tablebordertopright {
	border-top: 1px solid #40408C;
	border-right: 1px solid #40408C;
}
.tablebordertop {
	border-top: 1px solid #40408C;
}
.tableborderbottom {
	border-bottom: 1px solid #40408C;
}
.tablebordertopbottom {
	border-top: 1px solid #40408C;
	border-bottom: 1px solid #40408C;
}
.tableborderbottomright {
	border-bottom: 1px solid #40408C;
	border-right: 1px solid #40408C;
}
.tablebordertopbottomright {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.tablebordertopbottomleft {
	border-top: 1px solid #40408C;
	border-bottom: 1px solid #40408C;
	border-left: 1px solid #40408C;
}
.tableborderbottomleftright {
	border-bottom: 1px solid #40408C;
	border-left: 1px solid #40408C;
	border-right: 1px solid #40408C;
}


.menu
{
}
.menurow
{
}
.rootitem
{
	padding: 0px;
	margin: 0px;
    background-color: #FEF200;
    height: 25px;
}
.menuitem
{
    float: left;
    margin: 0px;
    display: block;
    width: 100%;
    background-color: #FFFFFF;
    border-top: solid 1px #777777;
}
.submenu
{
    margin: 0px;
    padding: 0px;
    
    width: 170px;
    border-bottom: solid 1px #777777;
    border-left: solid 1px #777777;
    border-right: solid 1px #777777;
    background-color: #FFFFFF;
    
    display: none;
    position: absolute;
}

.menulink, .menulink:link, .menulink:visited, .menulink:active
{
	color: #000000;
    display: block;
	height: 100%;
    padding: 1px 4px 1px 4px;
    font-weight: normal;
}
.menulink:hover
{
    background-color: #eeeeee;
}
.rootmenulink, .rootmenulink:link, .rootmenulink:visited, .rootmenulink:active
{
	color: #666666;
    display: block;
    width: 100%;
	height: 100%;
    /*padding: 6px 9px 4px 9px;*/
    padding: 0px 9px 0px 9px;
    line-height: 25px;
    font-weight: bold;
}
.rootmenulink:hover
{
    color: #ffffff;
    background-color: #EB9409;
}

/* data */
.meal
{
	/*padding-left: 24px;*/
	text-align:left;
}
.userMeal
{
	/*padding-left: 24px;*/
	background-color: #f5faff;
	text-align:left;
}
.mealDetails
{
	width: 100%;
	text-align:left;
}
.userMealDetails
{
	width: 100%;
	background-color: #f5faff;
	text-align:left;
}
.mealCtg
{
	background-color: #FFFEEA;
	text-align:left;
}
.mealCtg td
{
	background-color: #FFFEEA;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}
.meals
{
	width: 100%;
	text-align:left;
}
.groceryCtg
{
	background-color: #FFFEEA;
	text-align:left;
}
.groceryCtg td
{
	background-color: #FFFEEA;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}
.userMenu, .userMenu:link, .userMenu:hover, .userMenu:visited, .userMenu:active
{
	font-size: 16px;
	text-align: left;
	color: #666666;
}
.userMenus
{
	width: 100%;
	text-align:left;
}
.categoryLink, .categoryLink:link, .categoryLink:hover, .categoryLink:visited, .categoryLink:active
{
}
.mealLink, .mealLink:link, .mealLink:hover, .mealLink:visited, .mealLink:active
{
}
.categories
{
	width: 100%;
	color: #666666;
	text-align:left;
}
.measureUnits
{
	width: 100%;
	text-align:left;
}
.ingredients
{
	width: 100%;
	text-align:left;
}
.printIngredients
{
	width: 100%;
	text-align:left;
	border: solid 1px black;
}
.nutritionInfo
{
	width:340px;
	text-align:left;
	border-top:solid 1px #4F81BD;
	border-bottom:solid 1px #4F81BD;
	border-left: solid 1px white;
	border-right: solid 1px white;
	font-family: Times New Roman, Serif;
	font-size: 12px;
}
.nutritionInfo tr td
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Times New Roman, Serif;
	font-size: 12px;
}
.nutritionInfoTopBorder, .nutritionInfoTopBorder td
{
	border-top: solid 1px #4F81BD;
	background-color: #D3DFEE;
}
.nutritionRow
{
	background-color: #D3DFEE;
}

.printNutritionInfo
{
	width:340px;
	text-align:left;
	border-top:solid 1px #4F81BD;
	border-bottom:solid 1px #4F81BD;
	border-left: solid 1px white;
	border-right: solid 1px white;
	font-family: Times New Roman, Serif;
	font-size: 12px;
}
.printNutritionInfoTopBorder
{
	border-top: solid 1px #4F81BD;
	background-color: #D3DFEE;
}
.printNutritionInfo tr td
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Times New Roman, Serif;
	font-size: 12px;
}
.printIngredients, .printIngredients tr td
{
	text-align:left;
	border: solid 1px black;
	padding-left: 3px;
	padding-right: 3px;
}
.grocery
{
	width: 100%;
	text-align:left;
}
.staples
{
	width: 100%;
	text-align:left;
}
.oneOffs
{
	width: 100%;
	text-align:left;
}
.glossary
{
	width: 100%;
	text-align:left;
}
.userInput
{
	width: 100%;
}
select.userInput
{
	margin-top: 1px;
	margin-bottom: 1px;
	width: 100%;
}
.success
{
	padding: 3px 6px 3px 6px;
	background-color: green;
	color: white;
	font-weight: bold;
	width: 100%;
	text-align: left;
}
.failure
{
	padding: 3px 6px 3px 6px;
	background-color: red;
	color: white;
	font-weight: bold;
	width: 100%;
	text-align: left;
}
.validators
{
	text-align: left!important;
}
.validationError
{
	padding: 3px 6px 3px 6px;
	background-color: red;
	color: white;
	font-weight: bold;
	width: 100%;
	text-align: left!important;
	line-height: 16px;
}
.subSectionHead
{
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 3px;
}
.title
{
	font-weight: bold;
}
.description
{
}
.method
{
}
.description p
{
	margin: 3px 0px 3px 0px;
}
.method p
{
	margin: 3px 0px 3px 0px;
}
.ctrlColumn
{
	width: 50px;
	text-align: center;
	vertical-align: top;
}
.ratingColumn
{
	width: 50px;
	text-align: center;
	vertical-align: top;
}
.gridHeader
{
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}
.titleColumn
{
	width: 40%;
	text-align: left;
}
.prepColumn
{
	width: 40%;
	text-align: left;
}
.quantityColumn
{
	width: 8%;
	text-align: right;
}
.measureUnitColumn
{
	width: 12%;
	text-align: left;
}
.categoryColumn
{
	width: 250px;
}
.separator
{
	background-color: #FEF200;
	height:5px;
	font-size:0px;
	margin-bottom: 3px;
}
.mealPhoto
{
}
tr
{
	vertical-align: top;
}
.middle * tr
{
	/*line-height: 20px;*/
	vertical-align: middle;
}
.serves
{
	font-size: 10px;
}

/* print styles */
.printOuter
{
	width: 100%;
}
.mealDetails tr td div.description p
{
}
.mealDetails tr td div.method p
{
}
.printOuter * .mealDetails tr td div.description p
{
	font-family: Bookman Old Style, Times New Roman, serif;
	font-size: 12pt;
}
.printOuter * .mealDetails tr td div.method p
{
	font-family: Bookman Old Style, Times New Roman, serif;
	font-size: 12pt;
}
.printQuantityColumn
{
	width: 30px;
}
.printQuantityColumn2
{
	width: 30px;
}
.userCommands
{
	text-align: left;
}
.qtyInput
{
	width: 50px;
	font-size: 8pt;
	padding: 0px;
}
.listHead
{
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: center;
}
.printGroceryTable
{
	width: 100%;
	text-align:left;
	border: solid 1px black;
}
.printGroceryTable tr
{
	vertical-align: middle;
	border: solid 1px black;
}
.printGroceryTable td, .printGroceryTable th
{
	border: none;
	padding: 0pt 3pt 0pt 3pt;
	border: solid 1px black;
}
.printGroceryTable .groceryCtg
{
	font-family: Bookman Old Style, Times New Roman, serif;
	font-size: 12pt;
	background-color: white;
	text-align: center;
}
.printGroceryTable .groceryCtg td
{
	font-family: Bookman Old Style, Times New Roman, serif;
	font-size: 12pt;
	background-color: white;
	font-weight: bold;
	text-align: center;
}
.printGroceryTable .mealCtg
{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: white;
	text-align: center;
}
.printGroceryTable .mealCtg td
{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: white;
	font-weight: bold;
	text-align: center;
}

.printGroceryTable2
{
	width: 100%;
	text-align:left;
	border: none;
}
.printGroceryTable2 tr
{
	vertical-align: middle;
	border: none;
}
.printGroceryTable2 td, .printGroceryTable2 th
{
	border: none;
	padding: 0pt 3pt 0pt 3pt;
	border: none;
}
.printGroceryTable2 .groceryCtg
{
	font-family: Bookman Old Style, Times New Roman, serif;
	font-size: 12pt;
	background-color: white;
	text-align: center;
}
.printGroceryTable2 .groceryCtg td
{
	font-family: Bookman Old Style, Times New Roman, serif;
	font-size: 12pt;
	background-color: white;
	font-weight: bold;
	text-align: center;
}
.printGroceryTable2 .mealCtg
{
	font-family: Bookman Old Style, Times New Roman, serif;
	font-size: 12pt;
	background-color: white;
	text-align: center;
}
.printGroceryTable2 .mealCtg td
{
	font-family: Bookman Old Style, Times New Roman, serif;
	font-size: 12pt;
	background-color: white;
	font-weight: bold;
	text-align: center;
}

.printIngredient
{
	font-family: Bookman Old Style, Times New Roman, serif;
	font-size: 12pt;
	font-weight: bold;
}
.printTableHeader
{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	background-color: white;
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
	border: solid 1px black;
}
.printGroceryTableHeader
{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	background-color: white;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	border: solid 1px black;
}
.printGroceryTableHeader2
{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	background-color: white;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	border: solid 1px black;
}
.printNoBorder
{
	border-right-color: White!important;
}
.printNoBorder th
{
	border-right-color: White!important;
	width: 1px;
}
.printGroceryCtg
{
	text-align: center;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.printCtrlColumn
{
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding: 0pt 1pt 0pt 1pt;
}
td.printCtrlColumn, th.printCtrlColumn
{
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding: 0pt 1pt 0pt 1pt;
}
.printCtrlColumn2
{
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding: 0pt 1pt 0pt 1pt;
}
td.printCtrlColumn2, th.printCtrlColumn2
{
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding: 0pt 1pt 0pt 1pt;
}
.printHiddenColumn
{
	display: none;
}
td.printHiddenColumn, th.printHiddenColumn
{
	display: none;
}
.term, .term:link, .term:hover, .term:visited, .term:active
{
	color: Black;
	font-weight: normal;
	text-decoration: underline;
	cursor: text;
}
.hiddenTable
{
	display: none;
}
.serves
{
}
.activemenu
{
    background-color: #FEF200;
}
.relMessage
{
	position: relative; 
	top: -95px; 
	right: -440px;
}







    div.Container
    {
	    border: 2px dashed #0000FF;
	    display: none;
    }

    div.MenuItem
    {
	    background: #F0FFF0;
	    border: 1px solid #00C000;
	    color: #000000;
	    cursor: pointer;
	    font: 10pt "Verdana", "Arial", sans-serif;
	    padding: 2px 5px 2px 5px;
	    text-align: left;
    }

    div.MenuItem + div.Container
    {
	    margin-top: 10px;
    }

    div.MenuItem + div.MenuItem
    {
	    margin-top: 10px;
    }

    table.Calendar
    {
	    width: 100%;
    }

    td.Calendar
    {
	    background: #F0F0F0;
	    padding: 2px 5px 2px 5px;
	    text-align: left;
	    vertical-align: top;
	    width: 14%;
    }

    th.Calendar
    {
	    background: #E8E8E8;
	    border: 1px solid #C8C8C8;
	    color: #000000;
	    font: 10pt "Verdana", "Arial", sans-serif;
	    padding: 5px 15px 5px 15px;
	    text-align: left;
	    vertical-align: top;
    }