/*---------------------------------------------------------------------------
	IE CSS File
	@version: 1.0
	@date: January 16th, 2010
/*---------------------------------------------------------------------------*/

.clear {
	height: 0px;
	overflow: hidden;
	}

/* ie7 doesn't do :focus on none anchors. We'll use JS. */
input.focus {
	background: #fffde8; 
	}
	
textarea.focus {
	background: #fffde8 url(/images/_site/forms/textarea_dotted.gif) repeat-x scroll 0 -600px;
	}	
	
/*---------------------------------------------------------------------------
/*	Text Shadows for common, key elements
/*---------------------------------------------------------------------------*/
body.personalized ul.shortcut_icons  li,
body.personalized ul.shortcut_icons li a span,
div.toolbar ul li a,
li.shop_item span.edit_tip, li.shop_item div.category a.stub, #shoplist li.heading span.remove, li.shop_item div.category a,
div.sectioned_stream ul.sections li a small,
div#comparison.modal thead td a.remove, div#comparison_bar p.compare_msg,
sup.pro, sup.badge {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
	}

sup.pro, sup.badge {	
	font-size: 11px; /* IE doesn't render 9px @correct size */
	}	
	
/*---------------------------------------------------------------------------
/*	Text Shadows for Buttons
/*---------------------------------------------------------------------------*/
/* Button Text-Shadow - :BEFORE Method */
/* Default text is assumed to be "search", so you need to override where it isn't */
a.button_big span, a.button span {
	white-space: nowrap;
	}
	
	a.button_big span {
		line-height: 37px;
		}
	
	/* Line height needs to move down 1px (vs. default a.button span) b/c of this -margin method */
	a.button span, ul.tabs li.button a.button span {
		line-height: 26px !important; 
		}


/*---------------------------------------------------------------------------
/*	JS Injected Shadow Element
/*---------------------------------------------------------------------------*/
/* Default sized buttons */
a.button span var.shadow, a.button span q.shadow {
	color: #468a19 !important; /* important to override any local "var" styles */
	display: block !important;
	font-weight: bold !important;
	margin: 0 0 -25px 0 !important;
	padding: 0 !important;
	}
	
	a.button.dark span var.shadow, a.button.dark span q.shadow {
		color: #786d55 !important;
		}
	
	a.button.disabled span var.shadow, a.button.disabled span q.shadow {
		color: #a3a3a3 !important;
		}

/* Big buttons */
a.button_big span q.shadow {
	color: #7eb266;
	display: block;
	margin: 0 0 -38px
	}


ul.tabs li a {
	line-height: 39px; /* To vertically center */
	}
	
ul.tabs li a var.shadow, ul.tabs li a q.shadow {
	color: #fff;
	display: block;
	font-weight: normal;
	margin: 0 0 -40px 0;
	padding: 0;
	}

ul.pagination li a span {
	line-height: 34px;
	}
	
ul.pagination li a span var.shadow, ul.pagination li a span q.shadow {
	color: #fff;
	display: block;
	font-weight: normal;
	margin: 0 0 -35px 0;
	padding: 0;
	}
	
/*---------------------------------------------------------------------------
/*	Changes for custom buttons (abnormal font, size , etc)
/*---------------------------------------------------------------------------*/	
li.shop_item .txt a.button span var.shadow, li.shop_item .txt a.button span q.shadow {	
	/* No longer needed w/<q> b/c has no default styles in this position like <var> */
	/* Override var settings here */
	font-size: 14px !important;
	font-family: arial !important;
	line-height: 26px !important;
	float: none !important;
	}
	
	
/*---------------------------------------------------------------------------
/*	Button Click States (b/c IE can't do :active correctly)
/*---------------------------------------------------------------------------*/	
a.button:active, ul.tabs li.button a.button:active a.button.pressed {
	background-position: 0 -29px;
	}
	
	a.button:active span, a.button.pressed span, ul.tabs li.button a.button:active span {
		background-position: right -29px;
		}
	
	
/*---------------------------------------------------------------------------
/*	IE won't apply opacity to children elements w/position:relative
/*---------------------------------------------------------------------------*/
ul.people_med {
	/*position: relative;*/
	}
	
ul.defocus li {
	filter: alpha(opacity=50);
	}
	
/*---------------------------------------------------------------------------
/*	Font Size Adjustments
/*	IE rendering for certain sizes/fonts blows
/*---------------------------------------------------------------------------*/	
#recipe div.details p {
	font-size: 13px;
	}
	
ul.people li a span sup.pro {
	margin-left: 2px;
	}	
	
h6.section span, h4.section span {
	font-size: 13px;
	}
	
div.toolbar ul li {
	padding-bottom: 2px; /* IE cuts off */
	}
	
div.toolbar ul li a span {	
	cursor: pointer;
	}
	
.breadcrumb	{
	font-family: arial, verdana;
	font-size: 12px;
	}



	
/*---------------------------------------------------------------------------
/*	IE7 Issues
/*---------------------------------------------------------------------------*/		
a.button, a.button_big {
	cursor: pointer;
	}
	
#homepage .intro .recipe_photos {
	margin-right: 10px;
	}
	
#homepage.personalized .intro div.welcome {
	margin-left: 0;
	float: left;
	width: 343px;
	}
	
#homepage div.ideas {
	float: none;
	overflow: hidden;
	}
	
#homepage ul.msgs li {
	line-height: 14px;
	}

#homepage ul.tabs {
	width: 100%; /* fixes problem w/float added to ridge */
	}
	
#homepage div#featured {
	margin-bottom: 15px;
	}

/* IE Float Left w/No Width Problem */
ul.shortcut_icons {
	overflow: hidden;
	}
	
ul.shortcut_icons li.grocery, ul.shortcut_icons li.bookmarks {
	width: 62px;
	}
	
ul.shortcut_icons li.mail	{
	width: 43px;
	}
	
ul.shortcut_icons li.planner {
	width: 56px;
	}		

/* Bizzare Bug w/Position:Relative */
#homepage.personalized .intro {
	position: static;
	}
	
#homepage .welcome h6.section span {
	font-size: 12px;
	}
	
body.personalized ul.shortcut_icons li a span small {
	font-size: 8px;
	}

#homepage #featured ul.recipe_photos li {
	margin-bottom: 10px;
	}
	
ul.recipe_photos.web li a em {
	padding-left: 1px;
	}

/* Position:Relative Inside Overflow Bug */
#settings ul.edit_forms li div {
	position: relative;
	}
	
#shoplist .toolbar li, #planner .toolbar li {
	width: 52px;
	}
	
#shoplist .toolbar li.phone {
	width: 45px;
	}
	
#shoplist .toolbar li.tips {
	width: 35px;
	}
	
#shoplist ul#list {
	margin-bottom: 150px;
	}
	
#shoplist li.shop_item {
	margin-bottom: -1px;
	}
	
body.message ul.open_comments .first h4 {
	margin-top: 5px;
	}
	
/* IE gets locked into :active styling after drop */	
#planner li.dropped a {
	color: #52a21d;
	text-decoration: underline;
	}
	
/* Fixes mouseover bug */
#bookmarks ul.recipe_stream_lite li {
	float: left;
	margin: 5px 0 5px 0; /* b/c ie doubles it with float */
	width: 530px;
	}
	
/* Layout Bug */		
#bookmarks .options {
	z-index: 99;
	}

#bookmarks ul.recipe_stream_lite {
	padding-top: 5px;
	}
	
/* Reset descendant li spacing */	
#bookmarks ul.recipe_stream_lite li .options li {	
	margin: 0;
	}
	
#bookmarks ul.stars li {
	width: 20px;
	}	
	
/* Fixes select dropdown stacking issue */
/* Not sure if this should become universal. Don't recall purpose of :relative */
#upload fieldset {
	position: static;
	}

/* Prevents kicking down of ridge */	
#people ul.tabs {
	height: 36px;
	}
	
/* Cursor is text select by default */	
ul.pagination li a span {
	cursor: pointer;
	}
	
/* Prevent cutoff of recipe link bottom border */	
#profile ul.open_comments em.meta {
	line-height: 19px;
	}
	
div.tags_slit ul {
	margin-top: 15px;
	padding-bottom: 20px;
	}
	
#groups ul.tabs {
	height: 36px;
	}	
	
ul.groups_expanded {
	overflow: visible;
	zoom: 1;
	width: 950px;
	}
	
/* Fixes extra gap from "create a group" slide-out form */	
div.form_wrap {
	width: 960px;
	}

/* Removes horiz browser scroll bars */
#groups ul.tabs li.button {
	width: 105px; /* Tailored to text length */
	}
	
#groups ul.groups_expanded {
	margin-bottom: 20px;
	}

/* Allows margin-bottom to trigger */
fieldset.inline.file {
	width: auto;
	}	
	
fieldset.file input.file_clear {
	width: 350px;
	}
	
#group li.button {
	width: 89px;
	}
	
/* Left margin causes extra space between any floated inputs */
#group #pending .wrap, #group #member_admin .wrap, #group #settings .wrap, #group #settings form {
	margin-left: 0;
	padding-left: 10px;
	}
	
#group.admin fieldset.file.inline {
	width: auto;
	}

/* IE doesn't respect auto float width */	
#recipe .toolbar li.save {
	width: 38px;
	}

#recipe .toolbar li.planner {
	width: 50px;
	}	
	
#recipe .toolbar li.print {
	width: 46px;
	}	
	
#recipe .toolbar li.email {
	width: 54px;
	}	
	
#recipe .toolbar li.list {
	width: 56px;
	}	
	
#recipe #pop_save ul#tag_list {
	width: auto;
	}
	
#recipe a#ilike {
	cursor: pointer;
	}
	
#recipe #add_comment {
	width: 658px;
	}

#recipe.add_step_photos div.how ul#photo_drops {
	margin-bottom: 15px;
	}
	
#recipe.add_step_photos div.how a.remove {
	zoom: 1;
	}
	
body.srp div.main {
	width: 670px;
	}
	
/* In-Stream recipe step #'s cutoff */	
.srp div.recipe .how ul {
	margin-left: 24px !important;
	}
	
/* Yellow msg box top */	
div.tipsmall .tip_head {
	zoom: 1;
	}
	
body.srp div.recipe {
	margin-top: 0;
	}
	
form#login {
	width: 410px;
	}
	
div.modal div.contents {
	zoom: 1;
	}
	
form.searchbar input.search_field, div.ingredient input {
	padding: 9px 8px 7px 8px;
	}
	
	form.searchbar input.search_field.field_tip, div.ingredient input.field_tip {
		padding: 11px 8px 5px 8px;
		}
	
fieldset.small input {
	padding: 7px 5px 3px 5px;
	}
	
/* Mouseover bug. Allows for trigger on any place in LI */
ul.open_comments li {
	background-color: #fff;
	}
	
	ul.open_comments li.reply {
		background: none;
		z-index: 2;
		}
		
	
/* Fixes bizzare content jump upon 1st page click */	
#planner div.adding {
	height: 66px;
	margin: 0 auto;
	padding: 0 12px;
	}
	
	#planner div.adding a {
		display: block;
		margin-top: 25px;
		}

/* File field inside slide wrapper (which has pos: relative) */
#upload_recipe input.file_clear {
	top: 0;
	}
	
/* Select dropdown menu alignment */
fieldset.select small {
	margin-top: -1px;
	}	
	
/* Header Slip-Out Login */
#header_login fieldset input {
	height: 16px;
	padding-top: 2px;
	}
	
/* Ad header spacing */
#ad_header .ad object {
	margin-bottom: 22px;
	}