/* CSS Document */
#featuredRecipes {
	padding: 5px;
	}
#featuredRecipes strong {
	display: block;
	font-size: 12pt;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:800;
	border-bottom: 1px solid #3e3e3e;
	padding-bottom:6px;
	margin-top:12px;
	}
	
#featuredRecipes .recipeLink {
	width: 420px;
	float: left;
	margin: 10px;
	}
	#featuredRecipes .recipeLink a, #featuredRecipes .recipeLink a:visited, #featuredRecipes .recipeLink a:hover {
		background: #1f1f1f;
		border: 1px solid #3e3e3e;
		display: block;
		padding: 14px;
		height: 100px;
		}
		#featuredRecipes .recipeLink a:hover { border-color: #4a4a4a; background: #2c2c2c url(images/btn_view_recipe.gif) bottom right no-repeat; }
		#featuredRecipes .recipeLink a strong { display: inline; font-size:9pt; text-transform: uppercase; font-weight: bold; border: 0; color:#FF9DB1 ; }
#featuredRecipes .topBorder { /*border-top: 1px solid #ff9db1;*/ }
#featuredRecipes .rightSide { /*border-left: 1px solid #ff9db1; margin-left: -1px;*/ }
#featuredRecipes .leftSide { /*border-right: 1px solid #ff9db1;*/ }

.membersrecipe a { 
	background: #1f1f1f;
	border: 1px solid #3e3e3e;
	display: block;
	padding: 14px;
	height: 120px;
}
.membersrecipe a:hover { border-color: #4a4a4a; background: #2c2c2c url(images/btn_view_recipe.gif) bottom right no-repeat; }

#recipeLeftSide {
	float: left;
	width: 454px;
	margin-left: 15px;
	}
.simpleRecipeListContainer {
	background: #1f1f1f;
	/*border: 1px solid #999;*/
	}
	.simpleRecipeListContainer strong.rndHdrLeftCorner {
		display: block;
		background: #ff9fb3 url(images/round_box_fill_top_left.gif) no-repeat;
		}
		.simpleRecipeListContainer strong.rndHdrRightCorner {
			display: block;
			padding: 4px;
			background:url(images/round_box_fill_top_right.gif) right top no-repeat;
			color: #282828;
			}
	.simpleRecipeListContainer .simpleRecipeList a.recipeLink, .simpleRecipeListContainer .simpleRecipeList a.recipeLink:visited, .simpleRecipeListContainer .simpleRecipeList a.recipeLink:hover {
		display: block;
		float: left;
		padding: 4px;
		}
	.simpleRecipeListContainer .simpleRecipeList a.deleteLink, .simpleRecipeListContainer .simpleRecipeList a.deleteLink:visited, .simpleRecipeListContainer .simpleRecipeList a.deleteLink:hover {
		display: block;
		width: 26px;
		height: 26px;
		background: url(images/x_small.gif) center center no-repeat;
		float: right;
		}	
	.simpleRecipeListContainer .simpleRecipeList a.deleteLink span,
	.simpleRecipeListContainer .simpleRecipeList a.deleteLink:visited span,
	.simpleRecipeListContainer .simpleRecipeList a.deleteLink:hover span { display: none; }	
	.simpleRecipeListContainer .simpleRecipeList .recipeRow {
		border: 1px solid #ff9fb3;
		border-width: 0 1px 1px;
		border-bottom-color: #ffcdd8;
		}
	.simpleRecipeListContainer .simpleRecipeListEmpty {
		padding: 4px;
		border: 1px solid #ff9fb3;
		border-width: 0 1px 1px;
		}
	.simpleRecipeListContainer .simpleRecipeListBottomLeftCorner {
		background: url(images/round_box_bottom_left.gif) left bottom no-repeat;
		padding-left: 5px;
		height:5px;
		}
	.simpleRecipeListContainer .simpleRecipeListBottomRightCorner {
		background: url(images/round_box_bottom_right.gif) right bottom no-repeat;
		padding-right: 5px;
		height:5px;
		}
	.simpleRecipeListContainer .simpleRecipeListBottomContainer {
		border: 1px solid #ff9fb3;
		border-width:0 1px;
		}

.cantAddMoreNote { border: 1px solid #3e3e3e; margin: -10px 5px 10px; padding: 5px; background: #1f1f1f; }

.shoplist-left {
	border-right: 1px solid #3e3e3e;
	float: left;
	width: 429px;
	}
.shoplist-right {
	border-left: 1px solid #3e3e3e;
	float: left;
	width: 430px;
	margin-left: -1px;
	}
.pantry-star { font-weight:bold; color:#FF587E }
.pantry-note { border-top:1px solid #3e3e3e; padding-top:10px; }

#printMain .shoplist-left, #printMain .shoplist-right, #printMain .pantry-note { border-color:#999999; }

.simpleShoppingList .deptRow { font-weight: bold; font-style: italic; color: #ff9db1; padding: 3px; }
.simpleShoppingList .itemRow span {
	display: block;
	float: left;
	padding: 3px;
	}
	span.itemAmount { width: 50px; }
	span.itemUnit { width: 50px; }
	span.itemName { width: auto; }
	#printMain span.itemAmount { width: 50px; font-size:15px; }
	#printMain span.itemUnit { width: 90px; font-size:15px; }
	#printMain span.itemName { width: 270; font-size:15px; }
	
	.simpleShoppingList .itemRow label.itemAmount { padding:3px; display:block; float:left; width:60px; margin-right:3px;}
	.simpleShoppingList .itemRow label.itemUnit { padding:3px; display:block; float:left; width:60px; margin-right:3px;}
	.simpleShoppingList .itemRow label.itemName { padding:3px; display:block; float:left; width:150px;}
	
	.simpleShoppingList .itemRow input.itemAmount { width:60px; margin-right:3px; }
	.simpleShoppingList .itemRow input.itemUnit { width:60px; margin-right:3px; }
	.simpleShoppingList .itemRow input.itemName { width:150px; }
	
.simpleShoppingList a, a.actionLink, a.actionLink:hover {
	display: block;
	float: right;
	font-weight:bold;
	background-color:#333;
	padding:3px;
	border:2px solid #333;
	margin-right:3px;
	}
	.simpleShoppingList .itemRow a span, a.actionLink span, a.actionLink:hover span { visibility: hidden; padding:0; float:none; display:inline; }
	.simpleShoppingList .hoverItem { background-color:#333; }
	.simpleShoppingList .itemRow a:hover { padding:3px; border-color:#FE9CB0; }
	.simpleShoppingList .itemRow a:hover span, a.actionLink:hover span { visibility:visible; }
	a.actionLink, a.actionLink:hover { color:#FE9CB0; font-weight:bold; background-color:#333; padding:3px; border:2px solid #333; visibility:visible; margin-right:3px; }
	a.actionLink:hover { border-color:#FE9CB0; }

#printMain a.actionLink, #printMain .simpleShoppingList .itemRow a { display:none; }
#printMain .simpleShoppingList .hoverItem { background-color:#fff; }
#printMain .deptRow { color:#000; font-weight:bold; font-size:15px; }

#addItemForm {
	margin:20px auto;
	width:750px;
	padding:10px;
	border:1px solid #3e3e3e;
	background:#282828;
	display:none;
	}
	#addItemForm label { display:block; float:left; padding:3px; }
	#addItemForm label.newItemAmount { padding:3px; display:block; float:left; width:86px; margin-right:3px;}
	#addItemForm label.newItemUnit { padding:3px; display:block; float:left; width:86px; margin-right:3px;}
	#addItemForm label.newItemName { padding:3px; display:block; float:left; width:206px;}

	#addItemForm input.newItemAmount { width:80px; margin-right:3px; }
	#addItemForm input.newItemUnit { width:80px; margin-right:3px; }
	#addItemForm input.newItemName { width:200px; }
/* for the well stocked pantry */
.stockedIngredients div {
	float: left;
	width: 215px;
	width/* */:/**/196px;
	width:/**/196;
	padding: 3px 3px 3px 16px;
	background: url(images/li_bullet.gif) 10px 12px no-repeat;
	}
.stockedIngredients div.clear {	padding:0; }

.rndHdrLeftCorner span { display:block; float:left; }
.rndHdrLeftCorner a.clearList { display:block; float:right; color:#4A4A4A; }
.rndHdrLeftCorner a.clearList span { visibility:hidden; display:inline; float:none; }
.rndHdrLeftCorner a.clearList:hover span { visibility:visible; }