﻿.info-tip {display:block;width:16px;height:0;padding-top:16px;overflow:hidden;background:transparent url(/images/buttons/icon_info.gif) 0 0 no-repeat;}

.recipe-like a,
.recipe-dislike a { overflow: hidden; background-repeat:no-repeat; background-position: left top; display:block;width:14px; height:0; padding-top:16px; }
.recipe-like a{background-image:url(/images/buttons/thumbs-up.gif ); }
.recipe-dislike a{background-image:url(/images/buttons/thumbs-down.gif ); }
.recipe-like a:hover, .recipe-liked  .recipe-like a{background-position:left -19px;}
.recipe-dislike a:hover, .recipe-disliked .recipe-dislike a{background-position:left -19px;}
.recipe-contexthelper {overflow: hidden; border-left:1px solid #cccccc; margin-top: 2px; padding-left: 4px; padding-right: 6px; height: 26px; padding-top: 3px; }

/* Recipe search results view */
.recipe-tile-results { border-bottom: 1px solid #c9c9c9; }
.recipe-tile-results .recipe-name { font-size: 123.1%; font-weight: bold; height: 23px; }
.recipe-tile-results .recipe-name a { color: #777777; }
.recipe-tile-results .recipe-image { height: 80px; width: 110px; overflow: hidden; margin-right: 11px; }
.recipe-tile-results .recipe-description { height: 45px; font-size: 93%; width: 590px; }
.recipe-tile-results .recipe-utilities { height: 50px; width: 593px; padding-top: 10px; border-top: 1px solid #c9c9c9; }
.recipe-tile-results .recipe-like a,
.recipe-tile-results .recipe-dislike a, 
.recipe-tile-results .btn-sprite-arrow-simple, 
.recipe-tile-results .btn-sprite-calendar { border-right: 1px solid #c9c9c9; }
.recipe-tile-results .recipe-utilities a { font-weight: bold; color: #777777; margin: 0 0 0 8px; padding-right: 13px; line-height: 22px; }

/* Search Autofill view */
.recipe-tile-autofill { width: auto; height: 45px; background-color: #ffffff; padding: 10px; } 
.recipe-tile-autofill .recipe-name { font-size: 116%; }
.recipe-tile-autofill .recipe-image { height: 45px; width: 63px; overflow: hidden; margin-right: 10px; }
.recipe-tile-autofill .recipe-description { font-size: 93%; }

/* Recipe Context Menu view */
.context-menu-view { width : 283px; font-size : 11px ; font-weight : bold ; position : absolute ; top : 800px ; left : 1px ; }
.context-menu-view ul, .context-menu-view li { margin: 0; padding: 0; }
.context-menu-view li { display: inline; cursor: pointer; }
.context-menu-view a { display: block; padding: 5px; color: #777777;  }
.context-menu-view a:hover { background-color: #be2900; color: #ffffff; }
.context-menu-view.width232 a { width: 215px;}

/* Quickview  pop-up */
.quick-view .quick-view-top { background-image : url(/images/popups/quick_view_top.png) ; height : 31px ;}
.quick-view #quick-view-content { background-image : url(/images/popups/quick_view_body.png) ; }
.quick-view .quick-view-bottom { background-image : url(/images/popups/quick_view_bottom.png) ; height : 7px ;}
.quick-view #quick-view-body-top { background-image : url(/images/popups/quick_view_divider.png) ; background-position : bottom ; background-repeat : no-repeat ; padding : 5px 5px 10px 0px ;}
.quick-view #quick-view-body-bottom { clear : both ;}
.quick-view .quick-view-column1 { width : 449px ; float : left ;}
.quick-view .quick-view-column2 { width : 170px ; float : left ;}

.quick-view .quick-view-top { padding : 10px 0 0 15px ;}
.quick-view .quick-view-top .average-rating{padding-top:3px;}
.quick-view .quick-view-top .title { color : #ffffff ; font-size : 108% ; float : left ;padding-right:20px;}
.quick-view #quick-view-close { background-image : url(/images/popups/close.png) ; background-repeat : no-repeat ; width : 21px ; height : 20px ; float : right ; padding-right : 10px ; cursor : pointer ;}

.quick-view #quick-view-full-recipe { background-image : url(/images/popups/quick_view_full_recipe.png) ; width : 163px ; height : 29px ; margin : auto ;}
.quick-view #view-full-recipe { background-image : url(/images/popups/quick_view_right_column_divider.png) ; background-position : bottom ; background-repeat : no-repeat ; padding-bottom : 10px ;}
.recipe-facts { padding-left : 10px ; font-size : 93% ;}
.recipe-facts .recipe-facts-value { font-weight : bold ;}

.quick-view .quick-view-image { float : left ; padding : 0 10px ; overflow:hidden;}
.quick-view .recipe-features { padding-left : 5px ;}
.quick-view .recipe-features .title { font-size : 123.1% ; font-weight : bold ; margin : 0 0 5px 0 ;}
.quick-view .quick-view-text {padding-left:185px;}

.quick-view-body-title { margin-left:15px; font-size: 108% ; font-weight : bold ;}
.quick-view-body-sub-title {margin-left:20px; font-size: 108% ; font-weight : bold;padding-top:5px;}

.quick-view-ingredients .ingredient-amount { width : 50px ; float : left ; text-align : right ; padding-right : 20px ;}
.quick-view-ingredients li { clear : both ;}

.quick-view-cooking-instructions .cooking-instruction { width : 50px ; float : left ; text-align : right ; padding-right : 20px ; font-weight : bold ;}
.quick-view-cooking-instructions li { clear : both ;}
.quick-view-cooking-instructions .cooking-instruction-description { margin-left : 70px ;}
.quick-view .ingredient-description { line-height : 1em ; margin-left : 70px ; margin-bottom:6px; padding-right: 10px;}

.star-rating { width : 100px ; float : left ; height : 20px ;  }
.star , .star-empty { background-repeat : no-repeat; width : 15px ; height : 15px ; float : left ;}
.star { background-image : url(/images/star_full.png); }
.star-empty { background-image : url(/images/star_empty.png) ;} 

/*modal add to recipe box*/
.overlay-addtorecipebox .content-inner {display: block; padding-left:10px; margin-bottom: 6px;}
.overlay-addtorecipebox label {display:inline;}
.overlay-addtorecipebox .left-text {padding-left:0px !Important;display: inline-block; width: 80%;}
/* My Plan Calendar View */

.calendar .recipe-tile-results .recipe-utilities, .calendar .recipe-tile-results .recipe-description{width:175px;}
.calendar .recipe{width:175px;}
.calendar .recipe-tile-results, .calendar .recipe-tile-results .recipe-utilities{border:none;}

.recipe-calendar{margin-bottom:0px;}
.recipe-tile-calendar{margin-bottom:5px;background-image:url(/images/bg/bg-calendar-recipe.png);background-repeat:no-repeat;width:180px;height:167px;}
.recipe-tile-calendar .recipe-name{ width:130px; height:24px; overflow: hidden; padding:10px 0 0 10px; font-size: 93%; line-height: 1.6em;}
.recipe-tile-calendar .recipe-name a {color:#ffffff;font-weight:bold; text-decoration:none;}
.recipe-tile-calendar .recipe-tile-head { cursor: url(/images/grab.cur), move; }
.recipe-tile-calendar.recipe-tile-dragging .recipe-tile-head { cursor: url(/images/grabbing.cur), move !important; }
.recipe-tile-calendar .recipe-close-button,
.recipe-tile-calendar .recipe-minimize,
.recipe-tile-calendar .recipe-maximize {background-repeat: no-repeat; background-position: left top; width: 9px; padding-top: 9px; height: 0; overflow: hidden; display: inline; float: left; margin-right: 4px;}
.recipe-tile-calendar .recipe-close-button{background-image: url(/images/buttons/btn-white-close-x.gif);}
.recipe-tile-calendar .recipe-minimize{background-image: url(/images/buttons/btn-white-minus.gif); }
.recipe-tile-calendar .recipe-maximize{background-image: url(/images/buttons/btn-white-plus.gif);}
.recipe-tile-calendar .recipe-minimize{display:block;position:relative;}
.recipe-tile-calendar .recipe-maximize{display:none;position:relative;}
.recipe-tile-calendar .recipe-maximize-day{display:none;}

.recipe-tile-calendar .recipe-tile-buttons{margin:14px 10px 0 0;}
.recipe-tile-calendar .recipe-image { width:180px;position: relative; margin:5px 8px; text-align: center; width:162px; height:92px; overflow:hidden;}
.recipe-tile-calendar .recipe-options { width:180px; height:26px;}
.recipe-tile-calendar .recipe-image { }

.recipe-tile-calendar .preparation-time{padding:8px 0 0 10px; font-size:77%; font-weight:bold;}
.recipe-tile-calendar .recipe-like, 
.recipe-tile-calendar .recipe-dislike {border-left: #bbbbbb 1px solid; padding:5px;}
.recipe-tile-calendar .recipe-likeness{margin-right:5px;height:26px;overflow:hidden;}
.recipe-tile-calendar .recipe-image .recipe-quantity{background-image:url(/images/bg/bg-recipe-tile-quantity.png );background-repeat:no-repeat;position:absolute;width:23px; height:19px;color:#bf2900;font-size:85%; font-weight:bold;padding-top:2px; top: 0; left: 0;}
.recipe-tile-calendar .recipe-liketip {border-left: solid 1px #cccccc; margin-right:5px;height:26px; vertical-align: middle; padding-left: 4px; padding-top: 5px;}

.recipe-tile-calendar.recipe-tile-minimized {background-image:url(/images/bg/bg-recipe-tile-closed.png);height:40px;}
.recipe-tile-calendar.recipe-tile-minimized .recipe-tile-body,
.recipe-tile-calendar.recipe-tile-dragging .recipe-tile-body {display:none;}
.recipe-tile-calendar.recipe-tile-minimized .recipe-minimize {display: none;}
.recipe-tile-calendar.recipe-tile-minimized .recipe-maximize {display: block;}
.recipe-tile-calendar.recipe-tile-dragging { z-index: 10000; }

.minimized .recipe-tile-calendar .recipe-tile-body{display:none;}
.minimized .recipe-tile-calendar.recipe-tile-minimized .recipe-tile-buttons { margin-top: 10px; }
.minimized .recipe-tile-calendar{background-image:url(/images/bg/bg-recipe-tile-minimized.png ); width:23px;height:166px;}
.minimized .recipe-tile-calendar.recipe-tile-minimized {background-image:url(/images/bg/bg-recipe-tile-minimized-closed.png ); width:23px;height:40px;}
.minimized .recipe-tile-calendar .recipe-name{display:none;}
.minimized .recipe-tile-calendar .recipe-tile-buttons { text-align: center; }
.minimized .recipe-tile-calendar .recipe-tile-head .recipe-tile-buttons .recipe-close-button { display: none; }
.minimized .recipe-tile-calendar .recipe-tile-head .recipe-tile-buttons .recipe-maximize{display:none;}
.minimized .recipe-tile-calendar .recipe-tile-head .recipe-tile-buttons .recipe-minimize{display:none;}
.minimized .recipe-tile-calendar .recipe-tile-head .recipe-tile-buttons .recipe-maximize-day{display:block; color:#ffffff;}

.recipe-tile-calendar.recipe-tile-dragging {background-image:url(/images/bg/bg-recipe-tile-closed.png) !important;height:40px !important;width:180px !important;}
.recipe-tile-calendar.recipe-tile-dragging .recipe-name {display:block !important;}
.recipe-tile-calendar.recipe-tile-dragging .recipe-tile-buttons { display: none; }

.note-calendar{margin-bottom:0px;}
.note-tile-calendar .note-name{ width:129px; height:24px; overflow: hidden; padding:10px 0 0 10px; font-size: 93%; line-height: 1.6em;}
.note-tile-calendar .note-tile-head  {width: 178px; background-image:url(/images/bg/bg-recipe-tile-closed.png);  background-repeat: no-repeat; cursor: url(/images/grab.cur), move; color:#fff;}
.note-tile-calendar .note-close-button {background-repeat: no-repeat; background-position: left top; width: 9px; padding-top: 9px; height: 0; overflow: hidden; display: inline; float: left; margin-right: 4px;}
.note-tile-calendar .note-close-button{background-image: url(/images/buttons/btn-white-close-x.gif); cursor: url(/images/grabbing.cur);}
.note-tile-calendar .note-tile-buttons{margin:14px 10px 0 0;}

.note-tile-calendar .recipe-tile-dragging .note-tile-head { position:relative; z-index: 10000; display:block !important; cursor: url(/images/grabbing.cur), move !important; }
.note-tile-calendar .recipe-tile-dragging {position:relative; z-index: 10000; display:block !important; cursor: url(/images/grabbing.cur), move !important;}

.minimized .note-tile-calendar .note-tile-body{display:none;}
.minimized .note-tile-calendar .note-tile-minimized .note-tile-buttons { margin-top: 10px; }
.minimized .note-tile-calendar {} 
.minimized .note-tile-calendar .note-name{display:none;}
.minimized .note-tile-calendar .note-tile-buttons { text-align: center; }
.minimized .note-tile-calendar .note-tile-head { width: 23px; height: 40px; background-image: url(/images/bg/bg-note-tile-closed.png); background-repeat: no-repeat;}
.minimized .note-tile-calendar .note-tile-head .note-tile-buttons .note-close-button { display: none; }
.minimized .note-tile-calendar .note-tile-head .note-tile-buttons .note-maximize{display:none;}
.minimized .note-tile-calendar .note-tile-head .note-tile-buttons .note-minimize{display:none;}
.minimized .note-tile-calendar .note-tile-head .note-tile-buttons .note-maximize-day{display:block; color:#ffffff;}

.note-close-button {cursor: pointer;}
.noteHelper {cursor: pointer;}

.calendar-day .recipe-tile-calendar { margin: 0; float: left; }
.calendar-week .recipe-tile-dragging-original { width: 23px !important; height: 40px !important; left:0 !important;}

.recipe-leftover-overlay { display: none; position: absolute !important; text-align: center; color: #ffffff; font-size: 123%; width: 100%; height: 100%; background: url(/images/bg/bg-leftovers.png); }
.leftovers .recipe-leftover-overlay { display: block; }
.recipe-tile-calendar .recipe-leftover-overlay { line-height: 94px; height: 94px; }

.textboxdivAddNote { display: none;}

/* Recipe Detail View */
.recipe-view .recipe-info{padding-left:5px;}
.recipe-info-title{float:left;font-weight:bold;font-size:14pt;margin:3px 0px 3px 0px;}
.recipe-info-comment{float:left;width:120px;padding-left:10px;margin-top:5px;font-weight:bold;}
.recipe-info-comment a{color:#777777; text-decoration:none;}
.recipe-details {margin:5px 0px 10px 0px;padding-top:10px; padding-bottom: 6px; clear:both;font-size:93%;}
.recipe-details .recipe-details-image{width:275px; float:left;padding-left:5px;}
.recipe-details .recipe-details-ingredients{width:490px; float:left; padding: 2px 15px 12px 10px; border-right:solid 1px #c9c9c9;}
.recipe-details .recipe-details-ingredients table, .recipe-details .recipe-details-ingredients td, .recipe-details .recipe-details-ingredients tr{border:0px #ffffff;}
.recipe-details .recipe-details-options{padding-left:10px;float:left; width:170px;}
.recipe-details .recipe-details-title{font-weight:bold;padding-top:15px; font-size: 11pt;}
.recipe-details .recipe-details-ingredients-amount{width:45px;padding-right:15px;text-align:right;vertical-align:top;}
.recipe-details .recipe-details-ingredients td{padding-bottom:5px;}
.recipe-details .recipe-details-cooking-ingredients-numbering{width:3px; padding-right:10px; vertical-align:top;font-weight:bold;}
.recipe-details .recipe-details-cooking-instructions-title{font-weight:bold; margin-top:20px; font-size: 11pt;}
.recipe-details .recipe-details-cooking-instructions-nutrition {font-size: 8pt; margin-top: 20px; margin-left: 20px;}
.recipe-details .top-border{border-top:1px solid #c9c9c9;}
.recipe-details tbody {}
.recipe-details tbody .ingredient-list {padding-left: 20px;}
.recipe-details .recipe-times {font-size:9pt;margin-left:20px;padding-top:15px;}
.recipe-details .recipe-ingredient-sub-header {font-size:9pt;margin-left:20px;padding-top:5px;font-weight:bold;}
.recipe-details .recipe-details-cooking-nutrition {font-size: 8pt; margin-top: 20px;}

#NutritionInformationSection{font-size:8pt;}
#NutritionInformationSection ul{display:inline;padding-left:2px;}
#NutritionInformationSection li{list-style:none;display:inline;padding: 2px 2px 2px 2px;}
.NutritionHeader{font-style:normal;font-weight:bold;font-size:11pt;}
.NutritionItemHeader{font-weight:bold;}
#PercentDailyValuesBasis{display:block;margin-top:5px;}

.returnToSearchResults {cursor: pointer; float: left; position: relative; z-index: 1000; float: right; margin-right: 8px;}

.recipe-comments {margin-left:0px; margin-right:0px;}
.recipe-comments .title{color:#ffffff;vertical-align:middle;font-weight:bold;padding-top: 8px;padding-left: 10px;}
.recipe-comments .green{background-color:#eb6e13; height: 24px;}
.recipe-comments .comments{margin-left:0px; margin-right:0px;}
.content-container-mid .comment-detail{width:640px;margin-left:275px; margin-bottom: 6px; padding-left:25px; border-left:1px solid #777;}
.recipe-comments .left{width:200px;}
.recipe-comments .comment-list{margin:1 10px;}
.recipe-comments .comment-title {font-size:11pt; font-weight:bold;}
.recipe-comments .recipe-comments-options{margin-left:0px; margin-right:0px;margin-top:10px;margin-bottom:10px; height:22px; padding-right:5px;}
.recipe-comments .user-info{margin-bottom:0px;}
.comment-list li{padding: 10px; border-bottom:1px solid #777777;}
.bold{font-weight:bold;}
.recipe-info-reviewtext {margin-top: 14px; margin-bottom: 6px;  width: 660px;}

/* comments need different rules per different pages.
   UserReviews.aspx - narrower view - 
   RecipeView.aspx  - wider view 
*/
.recipe-details-review {width: 785px; padding-right: 8px; margin-top: 8px; border-right: solid 1px #cccccc;}
.recipe-details-review .recipe-comments {margin-top: 140px;}
.recipe-details-review .recipe-info-reviewtext {margin-top: 14px; margin-bottom: 6px; width: 465px;}
.recipe-details-review .recipe-details-image {background: #000033; margin-top: 0px; margin-left:12px;}

.recipe-details-options li{ border-bottom: 1px solid #c9c9c9; vertical-align: middle; padding: 8px 0;}
.recipe-details-options li.user-rating{ height: 32px; padding-left:18px;}
.recipe-details-options li a{color:#777777; vertical-align:middle;}
.recipe-info-rating {float: left; height: 12px; margin-top: 2px;}
.recipe-info-rating img{padding-left:3px; margin-bottom: 3px;}

.recipe-details .recipe-details-options-title{font-size:116%;padding-top:20px;}
.recipe-details-options {font-weight:bold;}
.backtorecipebutton {margin-right: 6px;}


.recipe-suggestion {margin-left:0px; margin-right:0px;}
.recipe-suggestion .title{color:#ffffff;vertical-align:middle;font-weight:bold;padding-top: 8px;padding-left: 10px;}
.recipe-suggestion .green{background-color:#eb6e13;  height: 24px;}

.recipe-suggestion .suggestion-detail{width:600px;margin-left:275px; padding-left:25px; border-left:1px solid #777;}
.suggestion-title-text{width:600px; font-weight:bold;}
.recipe-suggestion .recipe-suggestion-details{clear:both;}

.suggestion-list li{border-bottom:1px solid #777777;padding-top:10px;}
.suggestion-thumbnail {padding:10px;}
.btn-next-five-comments{width:184px; height:23px;background-image:url(/images/buttons/btn-next-comments.gif); color:#ffffff; font-weight:bold; padding-left:12px; text-align:left; border:0px;float:right;}

.calendar-month .recipe-tile-calendar {width:120px;height:30px;overflow:hidden;margin:5px 0;overflow:hidden;background:transparent url(/images/bg/meal_object.png) center center no-repeat;}
.calendar-month .recipe-tile-calendar a {display:block;width:100px;height:0;padding-top:30px;margin-left:7px; position: relative;}


