/*
  Reusable styles for page elements.
  This should replace styles in components.css
*/
.k_bottom{
	margin-bottom:-6px;
}
.image_text{
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
	text-indent:-2000px;
	display:block;
	padding:0;
}

/* larger-than-average intro paragraph used on pages such as Recipes home*/
.intro{
	color:#333;
	font-size:1.25em;
	font-weight:bold;
	margin-bottom:20px;
}
.special_icon_large{
	float:left;
	padding:0 0 20px 0;
}
.intro .special_icon_large{
 float:right;
 padding:0 0 5px 15px;
}
.greatforlunch_icon_large{
	padding-right:10px;
}
.errorExplanation{
	background-color:#fff;
	padding:10px;
	color:#000;
	border:1px solid red;
	margin-bottom:10px;
	line-height:normal;
}	
	.errorExplanation h2{
/*		color: #008800; */
	}
	.errorExplanation ul{
		margin:5px 20px;
	}
	.errorExplanation li{
		list-style-type:disc;
		margin:0; padding:0;
	}

/* 'Recipe card' style list */
ul.recipe_list{
	overflow:hidden;
}
	ul.recipe_list li{
		width:204px;
		background-repeat:no-repeat;
		background-position:0 0;
		overflow:hidden;
		padding:17px 10px 10px 10px;
		margin:0 10px 20px 0;
		height:102px;
		position:relative;
		float:left;
	}
		ul.recipe_list li.featured{
			background-image:url(/images/recipecard_featured.jpg)!important;
			height:250px;
		}
		ul.recipe_list li.card0{
			background-image:url(/images/recipecard0.jpg);
		}
		ul.recipe_list li.card1{
			background-image:url(/images/recipecard1.jpg);
		}
		ul.recipe_list li.card2{
			background-image:url(/images/recipecard2.jpg);
		}
		ul.recipe_list li a{
			text-decoration:none;
		}
			ul.recipe_list li a:hover{
				text-decoration:underline;
			}
		ul.recipe_list li h3{
			font-weight:normal;
			font-size:1em;
			line-height:1.1em;
			position:relative;
			width:95%;
			margin:0;
			padding:0;
		}
		ul.recipe_list li .recipe_photo{
			float:left;
			width:92px;
			height:95px;
			border:1px solid #C4C4C4;
			margin-right:10px;
		}
			ul.recipe_list li .recipe_photo img{
				position:absolute;
			}
			
			ul.recipe_list li.featured .recipe_photo{
				float:none;
				display:block;
				width:194px;
				background-color:#ADAEAD;
			}
		ul.recipe_list li .recipe_meta{
			position:absolute;
			bottom:0;
			right:13px;
			float:left;
			width:97px;
			margin-top:20px;
		}
			ul.recipe_list li.featured .recipe_meta{
				float:none;
				display:block;
				width:100%;
				position:relative;
				top:0;
				left:0;
			}
		ul.recipe_list li a.recipe_group{
			display:block;
			text-transform:uppercase;
			text-decoration:none;
			color:#444;
			font-weight:bold;
			margin-bottom:5px;
		}

			.recipe_meta .timesavers,
			.recipe_meta .timesaver{
				background-image:url(/images/text/recipe_card_time_saver.gif);
				height:9px;
			}
			.recipe_meta  .rescuerecipes{
				background-image:url(/images/text/recipe_card_rescue_recipes.gif);
				height:9px;
			}
			.recipe_meta  .cookonceeattwice{
				background-image:url(/images/text/recipe_card_cook_once_eat_twice.gif);
				height:23px;
			}
		.recipe_meta  .author{
			color:#707070;
			font-size:0.9em;
			line-height:1.1em;
			padding:3px 0;
		}
		.recipe_meta .icon_vegetarian{
			background:url(/images/icon_vegetarian.gif) 0 0 no-repeat;
			position:absolute;
			width:15px;
			height:15px;
			margin:0 3px;
		}
		.special_icon{
			border:0;
			margin:0; padding:0 3px 0 0; vertical-align:middle;
		}
		.h3 a{
			display:inline;
		}
		
		ul.recipe_list li.featured h3{
			display:block;
			float:none;
		}
		ul.recipe_list li.featured .author{
			line-height:normal;	
			margin:0; padding:3px 0 0 0;
		}
		ul.recipe_list li.featured .featured_desc p{
			line-height:normal;
			margin:0; padding:10px 0 0 0;
		}
		ul.recipe_list li.featured a.recipe_group{
				float:none;
				width:150px;
			}
			ul.recipe_list li.featured .recipe_meta .timesavers,
			ul.recipe_list li.featured .recipe_meta .timesaver{
				background-image:url(/images/text/recipe_card_time_saver.gif);
				height:9px;
			}
			ul.recipe_list li.featured .recipe_meta  .rescuerecipes{
				background-image:url(/images/text/recipe_card_rescue_recipes.gif);
				height:9px;
			}
			ul.recipe_list li.featured .recipe_meta  .cookonceeattwice{
				background-image:url(/images/text/recipe_card_f_cook_once_eat_twice.gif) !important;
				height:9px;
			}
		
		/* Recipe list rating */
		ul.recipe_list li .recipe_photo .rating{
			height:17px;
			width:88px;
			background-color:#7e7f7e;
			margin-top:72px;
			padding:3px 0 3px 4px;
			display:block;
			color:#fff;
			position:absolute;
		}
			ul.recipe_list li .recipe_photo .rating .star_on,
			ul.recipe_list li .recipe_photo .rating .star_off{
				position:relative;
			}
		ul.recipe_list li .christmas_recipe_flash {
			display: none; /* only to be shown if christmas stylesheet is in place */
		}
			
/* Rating styles, reusable? */
.rating .star_on,
.rating .star_off{
	width:15px;
	height:15px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-200px;
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 1px;
	margin:0;
	border:0;
}
.rating .star_on{
	background-image:url(/images/grey_star_on.gif);
}
.rating .star_off{
	background-image:url(/images/grey_star_off.gif);
}	
/*used by javascript*/	
.rating .star_selected_before{
	background-image:url(/images/grey_star_on.gif) !important;
}		
.rating .star_selected_after{
	background-image:url(/images/grey_star_off.gif) !important;
}		
	
/* box with grey shadow borders, as seen in two week menu page 

		Eg.
		<div id="week_one" class="greyborderbox">
			<div class="top"></div><div class="left"><div class="right">
				week 1
			</div></div><div class="bottom"></div>
		</div>
*/
.greyborderbox{
	overflow:hidden;
}
.greyborderbox .top{
	background:repeat-x right bottom url(/images/boxes/greyborder_top.gif);
	height:5px;
	margin:0 15px;
}
.greyborderbox .bottom{
	background:repeat-x right top url(/images/boxes/greyborder_bottom.gif);
	height:5px;
	margin:0 15px;
}
.greyborderbox .right{
	overflow:hidden;
	background:repeat-y right top url(/images/boxes/greyborder_right.gif);
}
.greyborderbox .left{
	overflow:hidden;
	background:repeat-y left top url(/images/boxes/greyborder_left.gif);
	background-color:#F1F4DE; /* replace with design bg color */
}

/* box with blue shadow borders, as seen in new confession page

		Eg.
		<div class="blueborderbox">
			<div class="tl"><div class="tr"></div></div><div class="left"><div class="right">
				week 1
			</div></div><div class="bl"><div class="br"></div></div>
		</div>
*/
.blueborderbox{
	overflow:hidden;
	width:100%;
}
.blueborderbox .tl{
	background:no-repeat left top url(/images/boxes/blueborder_tl.gif);
	height:65px;
}
.blueborderbox .tr{
	background:no-repeat right top url(/images/boxes/blueborder_tr.gif);
	height:65px;
	margin-left:53px;
}
.blueborderbox .bl{
	background:no-repeat left top url(/images/boxes/blueborder_bl.gif);
	height:19px;
}
.blueborderbox .br{
	background:no-repeat right top url(/images/boxes/blueborder_br.gif);
	height:19px;
	margin-left:29px;
}
.blueborderbox .right{
	overflow:hidden;
	background:repeat-y right top url(/images/boxes/blueborder_right.gif);
}
.blueborderbox .left{
	overflow:hidden;
	background:repeat-y left top url(/images/boxes/blueborder_left.gif);
	background-color:#4282b7; /* replace with design bg color */
}

.pinkborderbox{
	overflow:hidden;
	width:100%;
}
.pinkborderbox .tl{
	background:no-repeat left top url(/images/boxes/pinkborder_tl_notape.gif);
	height:65px;
}
.pinkborderbox .tr{
	background:no-repeat right top url(/images/boxes/pinkborder_tr.gif);
	height:65px;
	margin-left:53px;
}
.pinkborderbox .bl{
	background:no-repeat left top url(/images/boxes/pinkborder_bl.gif);
	height:19px;
}
.pinkborderbox .br{
	background:no-repeat right top url(/images/boxes/pinkborder_br.gif);
	height:19px;
	margin-left:29px;
}
.pinkborderbox .right{
	overflow:hidden;
	background:repeat-y right top url(/images/boxes/pinkborder_right.gif);
}
.pinkborderbox .left{
	overflow:hidden;
	background:repeat-y left top url(/images/boxes/pinkborder_left.gif);
	background-color:#F4D3E8; /* replace with design bg color */
}



/*numbered_bullets styles*/
.numbered_bullets ol{
}
	.numbered_bullets ol li{
		margin:0 0 0.6em 0;
		list-style-type:none;
		background-repeat:no-repeat;
		background-position:0 0.0em;
		padding:0 0 0 2.5em;
	}
		.numbered_bullets ol li ol{
			margin:10px 40px;
			padding:0;
		}
		.numbered_bullets ol li ol li{
			font-size:0.9em;
			background-image:none !important;
			margin:0;
			padding:0;
			list-style-type:decimal;
		}

.numbered_bullets ol li.item_0{ background-image:url(/images/numbered_list/bullet_1.gif) }
.numbered_bullets ol li.item_1{ background-image:url(/images/numbered_list/bullet_2.gif) }
.numbered_bullets ol li.item_2{ background-image:url(/images/numbered_list/bullet_3.gif) }
.numbered_bullets ol li.item_3{ background-image:url(/images/numbered_list/bullet_4.gif) }
.numbered_bullets ol li.item_4{ background-image:url(/images/numbered_list/bullet_5.gif) }
.numbered_bullets ol li.item_5{ background-image:url(/images/numbered_list/bullet_6.gif) }
.numbered_bullets ol li.item_6{ background-image:url(/images/numbered_list/bullet_7.gif) }
.numbered_bullets ol li.item_7{ background-image:url(/images/numbered_list/bullet_8.gif) }
.numbered_bullets ol li.item_8{ background-image:url(/images/numbered_list/bullet_9.gif) }
.numbered_bullets ol li.item_9{ background-image:url(/images/numbered_list/bullet_10.gif) }
.numbered_bullets ol li.item_10{ background-image:url(/images/numbered_list/bullet_11.gif) }
.numbered_bullets ol li.item_11{ background-image:url(/images/numbered_list/bullet_12.gif) }
.numbered_bullets ol li.item_12{ background-image:url(/images/numbered_list/bullet_13.gif) }
.numbered_bullets ol li.item_13{ background-image:url(/images/numbered_list/bullet_14.gif) }
.numbered_bullets ol li.item_14{ background-image:url(/images/numbered_list/bullet_15.gif) }
.numbered_bullets ol li.item_15{ background-image:url(/images/numbered_list/bullet_16.gif) }
.numbered_bullets ol li.item_16{ background-image:url(/images/numbered_list/bullet_17.gif) }
.numbered_bullets ol li.item_17{ background-image:url(/images/numbered_list/bullet_18.gif) }
.numbered_bullets ol li.item_18{ background-image:url(/images/numbered_list/bullet_19.gif) }
/* box form (eg confession/submit your recipe/submit your tips)*/
.box_form{
	overflow:hidden;
	width:660px;
	margin:0;
}
.box_form .form_entry {
	margin:0;
	padding:0 0 13px 0;
}

.box_form .form_entry label{
	display:block;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
}
.box_form .form_entry select,
.box_form .form_entry textarea{
	font-size:1em !important;
}
.box_form .form_action{
	width:auto;
	float:none;
	padding-bottom:10px;
}

/* author form */
.author_form .form_row{
	overflow:hidden;
}
.author_form .form_entry{
	clear:none;
	overflow:hidden;
}
.author_form .form_entry_right{
	float:right;
	width:50%; 
}
.author_form .form_entry_left{
	float:left;
	width:46%; 
}
.author_form .form_entry .form_entry_label{
	display:block;
	width:100%;
	text-align:left;
}
.author_form .author_form_entry_value{
	margin:0;
	padding:0;
	width:100%;
}
.author_form .author_form_entry_value input{
	width:100%;
}
.author_form .hint{
	color:#cccccc;
}
form .submit{
	border:0;
}
/* striped header, as seen in confessions, other confessions */
.bottomlist_head{
	padding-bottom:8px;
	margin-bottom:20px;
	background:url(/images/dotted_line.gif) repeat-x left bottom;
	overflow:hidden; 
	width:100%;
}
.bottomlist_head h2{
	margin:0; padding:0;
	width:50%; 
	float:left;
}
.bottomlist_head .right_link{
	margin:0; padding:0;
	float:right;
	text-align:right;
}
.bottomlist_head .right_link a{
	text-decoration:none;
}

/* pagination */
.pagination{
	overflow:hidden;
	padding-top:20px;
	
	text-align:center;
}
	.pagination span.current{
		color:#666;
		font-weight:bold;
		display:block;
		float:left;
		padding:0 5px;
		margin-left:3px;
		text-align:center;
		
		display:inline;
		float:none;
	}
	.pagination a{
		display:block;
		padding:0 5px;
		height:20px;
		float:left;
		margin-left:3px;
		text-align:center;
		text-decoration:none;
		
		display:inline;
		float:none
	}
		.pagination a:hover{
			text-decoration:underline;
		}
	.pagination span.disabled{
		color:#CCC;
		display:block;
		float:left;
		
		display:inline;
		float:none
	}
	
/* file uploads */
div.fileinput {
	position: relative;
}

div.fake_file {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0;
	margin: 0;
	z-index: 1;
	height:58px;
}

div.fake_file input {
  width: auto !important;
}
div.fake_file img {
  padding-left: 5px;
  vertical-align:top;
  margin-top:1px;
}

input.hidden_file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.form_entry_right{
	overflow:hidden;
}



/* Flash notice */

.notice {
	background: #5F99CA url(/images/icon_tick.gif) no-repeat 0.85em 0.65em !important;
	color: #fff;
	padding: 3px 10px 3px 30px;
	overflow: hidden;
}

/* press form */
#form_moreinfo ul{
	padding-bottom:0;
}
#form_moreinfo h2{
	font-weight:bold;
	margin-bottom:10px;
	background:url(/images/dotted_line.gif) repeat-x bottom left;
	padding-bottom:10px;
	margin-top:25px;
	width:680px;
}
#form_moreinfo h3{
	margin:0; padding:0;
	font-size:1.1em;
}
#form_moreinfo h4{
	font-size:1em;
	font-weight:normal;
	padding:0;
	margin:0;
}
#form_moreinfo li{
	margin-bottom:10px;
	padding-bottom:10px;
}
#form_moreinfo .article-links{
	margin:0;
	padding:5px 0 10px 0;
}
#form_moreinfo .article-links li{
	margin:10px 0;
	padding:0 0 0 10px;
	background:url(/images/black_bullet.gif) no-repeat 0 0.3em;
	line-height:1.2em;
}

/* min-height content */
.sole_page_content{
  height:450px;
}

/* video */
#video_window{
	padding:10px;
	background-color:#E7E7E7;
	border:1px solid #D7D7D7;
	width:500px;
	margin:0;
}
#video_window .noflash-message{
	width:500px;
	height:141;
	padding:0;
	margin:0;
	display:block;
	line-height:normal;
}

/* link to us button on thank you pages */
.columnset .link_to_us h3{
	float:right;
	padding: 0 0 0 10px;
	margin:0;
	display:inline;
}
.columnset .teaser_column_wide{
	padding-left:20px;
}
/*
.add_your_voice_teaser{
	width:500px;
}
.add_your_voice_teaser p{
	padding-top:1em;
}
.add_your_voice_teaser h3 a.add_your_voice{
	background-image:url(/images/text/add_your_voice.gif);
	height:89px;
	width:89px;
	float:left;
	margin-right:20px;
}
.add_your_voice_img{
	float:right;
}*/

/* recycle week widget */
#TB_window {
	border: 1px solid #525252 !important;
}
#TB_title {
	height: 0 !important;
	position: relative;
}
#TB_ajaxWindowTitle {
	padding: 0 !important;
	font-size: 1px;
}
#TB_closeAjaxWindow {
	position: absolute;
	right: 0px !important;
	padding: 0 !important;
	visibility: hidden;
}
#TB_closeWindowButton {
	position: absolute;
	visibility: visible;
	right: -12px;
	top: -12px;
	width: 25px;
	height: 25px;
	padding-right: 5000px; /* text-indent not working for some reason... */
	background-image: url(/images/buttons/close_round.png);
	background-position: right center;
	font-size: 1px;
	background-repeat: no-repeat;
}
.TB_overlayMacFFBGHack {background: url(/images/mac_ff_bg_hack_50.png) repeat !important;}
.TB_overlayBG {
	filter:alpha(opacity=50) !important;
	-moz-opacity: 0.50 !important;
	opacity: 0.50 !important;
}