.calendar-main { width: 195px; margin: 10px auto; border-collapse: separate; border-spacing: 2px; }
.calendar-main-day,
.calendar-main-selected,
.calendar-main-today {padding: 2px; text-align:left; vertical-align: top; height: 20px; width: 20px; }
.calendar-main-day {background-color:#d4d4d4; }
.calendar-main-selected{color:#fff;background-color:#c68900; }
.calendar-main-today{color:#fff;background-color:#ad1700;}
.calendar-main-nav { background: url(/images/bg/bg-btn-20-x-20.gif) no-repeat center center; width: 19px; height: 18px; line-height: 18px; font-weight: bold; text-align: center; vertical-align: top; color: #ffffff; }
.calendar-main-nav a,
.calendar-main-selected a,
.calendar-main-today a { color: #ffffff !important; }
.calendar-main-title { font-size: 138.5%; }
.calendar-main-other-month { visibility: hidden; }
.cal_Theme1 .ajax__calendar_container{background-color:#e2e2e2;border:solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_header{background-color:#ffffff;margin-bottom:4px;}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev{color:#004080;padding-top:3px;}
.cal_Theme1 .ajax__calendar_body{background-color:#e9e9e9;border:solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_dayname{text-align:center;font-weight:bold;margin-bottom:4px;margin-top:2px;}
.cal_Theme1 .ajax__calendar_day{text-align:center;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active{color:#004080;font-weight:bold;background-color:#ffffff;}
.cal_Theme1 .ajax__calendar_today{font-weight:bold;color:#bbbbbb;}
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title{color:#bbbbbb;}
.cal_Theme1 .ajax__calendar_next{background-image:url(/images/nextCalMonth.JPG);}
.cal_Theme1 .ajax__calendar_prev{background-image:url(/images/prevCalMonth.JPG);}

.date-title { line-height: 28px; margin-left: 10px; font-weight: bold; font-size: 15px }

/* Recipe top navigation tab */
.tabs{clear:both;  position:relative; height: 4px; margin-top: 5px;}
.tabs li{height:31px;z-index:1;position:absolute;margin-top:-3px;}
.tabs li .body {background-image: url(/images/buttons/tabs-top-back-off.png); background-position: left top; background-repeat: no-repeat; height: 31px; float: left; padding-left: 40px;}
.tabs li .body a{padding-top:5px;position:relative;display:block;padding-top:8px;padding-right:2px;color:#777777;font-weight:bold;}
.tabs li .body a:hover{text-decoration:none;}
.tabs li.active .body,
.tabs li:hover .body {background-image: url(/images/buttons/tabs-top-back.png); background-position: left top;} 
.tabs li .end {background-image: url(/images/buttons/tabs-top-end-off.png); background-position: left top; background-repeat: no-repeat; height: 31px; width: 13px; float: left;}
.tabs li.active .end,
.tabs li:hover .end {background-image: url(/images/buttons/tabs-top-end.png);} 
/*.tabs #tab-menu-calendar{z-index:7;left:423px;}
.tabs #tab-menu-shopping{z-index:5;left:544px;}
.tabs #tab-menu-saving{z-index:4;left:689px;}*/
.tabs #tab-menu-calendar{z-index:7;left:456px;}
.tabs #tab-menu-shopping{z-index:5;left:646px;}
.tabs #tab-menu-preference{z-index:3;left:797px;}
.tabs li:hover {z-index:12 !important;}
.tabs li.active{z-index:20!important;}

/* Recipe view for myPlanWeek page */
.calendar {width:auto; border-bottom: 1px solid #dddddd;}
a.btn-day, a.btn-week, a.btn-month { line-height: 1em; background-position: center center; background-repeat: no-repeat; }
a.btn-day{width:29px;height:0; padding-top: 26px;overflow:hidden;display:inline-block;background-image:url(/images/buttons/btn-day.png);}
a.btn-week{width:36px;height:0; padding-top: 26px;overflow:hidden;display:inline-block;background-image:url(/images/buttons/btn-week.png);}
a.btn-month{width:41px;height:0; padding-top: 26px;overflow:hidden;display:inline-block;background-image:url(/images/buttons/btn-month.png);}
a.btn-day.active, .calendar-day a.btn-day{background-image:url(/images/buttons/btn-day-active.png);}
a.btn-week.active, .calendar-week a.btn-week{background-image:url(/images/buttons/btn-week-active.png);}
a.btn-month.active, .calendar-month a.btn-month{background-image:url(/images/buttons/btn-month-active.png);}
.calendar th,
.calendar .calendar-meal-title { font-weight: bold; font-size: 113%; padding: 5px 10px; }
.calendar td.collapsed { overflow: hidden; height: 25px }
.calendar .calendar-meal-title{text-align: right; vertical-align: top; width: 95px;}
.calendar .calendar-meal-title a { color: #777; font-size: 60% }
.calendar td, .calendar th{background:url(/images/bg/border-shadow-top-left.gif) no-repeat;}
.calendar td.calendar-cell { vertical-align: top; text-align: left; background:url(/images/bg/bg-calendar-cell.gif) no-repeat 0 0 #e1e1e1; }

.calendar td.calendar-printmeal-title {vertical-align: top; font-size: 9pt;}
.calendar th.calendar-printheader {width: 108px;}
.calendar td.calendar-cellprint {vertical-align: top;}
.calendar td.calendar-cellprintDay { vertical-align: top; text-align: left; width: 1280px; background: url(/images/bg/border-shadow-top.png) repeat-x;
padding: 6px 6px 6px 6px; margin-top: 4px; margin-bottom: 8px;
}

.imgBuildMealPlan {cursor:pointer;}
.imgClearMealPlan {cursor:pointer;}

.contextMenuHelper {margin-top: 40px; margin-left: 49px; cursor:pointer;}
.minimized .contextMenuHelper {display: none;}

.calendarprint-week td{}
.full-titleprint {font-size: 9pt; }
.calendar .calendar-printmeal-title { font-weight: bold; font-size: 113%; padding: 5px 10px;}

.weekbox {display: inline-block; float: left; margin-top: 6px; margin-left: 6px;}
.weekboxboxtop { margin-top: 6px; display:block; width: 112px; }
.weekboxboxbottom { display:block; width: 112px; }
.weekboxmiddle {width: 110px; padding-left: 4px; display:block; background: #ffffff;font-size: 8pt; border-left: solid 1px #a6a6a6; border-right: solid 1px #a6a6a6; overflow: hidden;}

.daybox {display: inline-block; float: left; margin-right: 20px;}
.dayboxtop { margin-top: 6px; display:block; width: 154px; }
.dayboxbottom { display:block; width: 154px; }
.dayboxmiddle {width: 154px;padding-left: 4px;display:block; background: #ffffff;font-size: 8pt; border-left: solid 1px #a6a6a6; border-right: solid 1px #a6a6a6; overflow: hidden;}
.dayboxmiddle img { margin-top: 4px; margin-bottom: 4px; width: 145px; }

.calendar .calendar-cell.drop-ready{background-image:url(/images/bg/bg-calendar-cell-active.gif ) !important;}
.calendar-week th.calendar-title.current-day{background: #bf2900 url(/images/bg/bg-calendar-title-current-day.gif ) !important; color:#ffffff; }
.calendar td.calendar-cell.current-day{background-image:url(/images/bg/bg-calendar-cell-current-day.gif ) !important;}

.calendar-nav-view-buttons { text-align: center; }
.calendar-nav-view-buttons td { background: none !important; text-align: center; padding: 0 !important; height: auto !important; width: auto; }

.calendar-week td{padding-left:4px; padding-right: 2px; padding-top: 4px; }
.calendar-week td.calendar-cell { width: 180px; }
.calendar-week td { height:180px;}
.calendar-week td.minimized, .calendar-week td.minimized{width:23px;overflow:hidden;}
th.calendar-title.minimized { font-size: 85%; padding: 5px; text-align: center; cursor: pointer; } 
.calendar-title .abbreviated-title{display:none;}
.calendar-title.minimized .full-title{display:none;}
.calendar-title.minimized .abbreviated-title{display:block;}

.calendar-month th { padding: 5px; }
.calendar-month td.calendar-cell { width: 123px; height: 40px; }

.calendar-month td.calendar-currentmonth {background:transparent url(/images/bg/bg_current_month.gif) 0 0 no-repeat;}
.calendar-month td.calendar-notcurrentmonth {background:transparent url(/images/bg/bg_notcurrentmonth.gif) 0 0 no-repeat;}
.calendar-month td.calendar-currentday {background:transparent url(/images/bg/bg_current_day.gif) 0 0 no-repeat;}

.calendar-month .label-top {background:transparent url(/images/bg/bg_top_titlerow.gif) 0 0 no-repeat;}
.calendar-month .label-sub {background:transparent url(/images/bg/bg_sub_titlerow.gif) 0 0 no-repeat;}

.calendar-day td.calendar-cell { width: 859px; height: 170px; padding: 5px; }

span.showDate {position: absolute; z-index: 2;width:34px;height:30px;padding:5px;background:transparent url(/images/bg/date_wedge.png) 0 0 no-repeat;float:left;font-weight:bold;}
.current-day span.showDate {background-image:url(/images/bg/date_wedge_current.png);color:#FFFFFF;}

/* Quickview  pop-up (taken from recipe.css */
.quick-view .quick-view-top { background: #ed6e1f; height : 31px ;}
.quick-view #quick-view-content { /* background-image : url(/images/popups/quick_view_body.png) ; */ }
.quick-view .quick-view-bottom { height : 7px ;}
.quick-view #quick-view-body-top { padding : 15px 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;  
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    -moz-box-shadow: 0 2px 2px 0;
}

.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-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:10px;}

.quick-view-body-title { margin-left:15px; font-size: 108% ; font-weight : bold; clear: left}
.quick-view-body-sub-title {margin-left:20px; font-size: 90% ; font-weight : bold;padding-top:5px;}

.quick-view-ingredients .ingredient-amount { width : 50px ; float : left ; text-align : right ; padding-right : 20px ; zoom: 1}
.quick-view-ingredients li { margin:0 10px 1em 15px ; 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 { margin:0 10px 1em 15px ; clear : both ;}
.quick-view-cooking-instructions .cooking-instruction-description { float: left; margin: 0 0 10px; width: 80%; padding-right: 10px;}
.quick-view .ingredient-description { line-height : 1.2em ; margin 0 0 6px; padding-right: 10px; float: left }

.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 dialog styles -- TO BE MOVED TO A DIFFERENT LOCATION */
.btn-expand-all {
    cursor: pointer;
    display: none;
}

.btn-collapse-all {
    cursor: pointer;
}

#print-dialog-week,
#print-dialog-day,
#recipe-quantity-dialog,
#save-to-recipe-box-dialog,
#clear-meal-plan-confirm,
#search-results-dialog,
#leftovers-dialog,
#hide-meal-type-confirm,
#recipe-quick-view-placeholder,
.print-only {
    display: none;
}

#recipe-quick-view-placeholder {
   height: 800px !important;
}

#recipe-quantity-dialog .dialog-content {
    padding-top: 30px;
}

#save-to-recipe-box-dialog .add-to-folder {
    display: inline-block;
    width: 40%;
}

.leftover-day {
    display: inline-block;
    width: 24%;
}

#leftovers-dialog .dialog-content {
    padding-top: 20px;
}

#leftovers-dialog h6 {
    padding-left: 28px;
}

#leftovers-dialog ul li {
    padding: 5px;
}

/* Update recipe quantity dialog */
#quantity-slider {
    display: inline-block;
    width: 305px;
}

#current-value {
    color: #02a4bf;
    font-size: 16px;
    font-weight: bold;
    left: 79px;
    top: 5px;
    position: relative;
    text-align: center;
    width: 20px;
}

.caption {
    font-size: 11px;
    padding: 30px 10px 10px 10px;
}

#apply-quantity-button {
    float: right;
}
    
/* New calendar styles for jQuery calendar */

span.uk, span.week {
    display: none;
}

#calendar-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

#calendar-container table {
    border-bottom: 3px solid #c0c0c0;
    height: auto;
    width: 100%;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-right-radius: 8px; 
    -webkit-border-bottom-left-radius: 8px; 
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#calendar-container table tr th {
    background: #fff url(/images/bg/bg-calendar-cell-header.gif) no-repeat top left;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    padding: 11px 10px;
    vertical-align: middle;
    margin: 0;
}

#calendar-container table tr th.head {
    padding: 5px 0 0;
    margin: 0;
    text-align: center;
}

#calendar-container table tr td {
    background-color: #e1e1e1;
    background-image:  url(/images/bg/bg-calendar-cell-blank.gif);
    background-repeat: no-repeat;
    height: 192px;
    padding-top: 10px;
    vertical-align: top;
    width: 191px;
    z-index: 1;
}

.add-recipe-view .recipe a {
    display: none !important;
}

.add-recipe-view .recipe h5 {
    width: 130px;
}

#calendar-container.dayview table tr td {
    width: 800px;
}

#calendar-container table tr td div.context-buttons {
    position: relative;
}

#calendar-container table tr td.occupied div.context-buttons {
    height: 25px;
    padding: 0 6px 5px;
}

#calendar-container table tr.meal-hidden td div.context-buttons {
    display: none;
}

#calendar-container table tr td a.cell-context-button {
    background-image: url(/images/buttons/context-menu-helper-off-reg.gif);
    height: 75px;
    left: 60px;
    position: absolute;
    top: 50px;
    width: 79px;
    z-index: 1;
}

#calendar-container table tr td a.cell-context-button:hover {
    background-image: url(/images/buttons/context-menu-helper-on-reg.gif);
}

#calendar-container table tr td.occupied a.cell-context-button {
    background-image: url(/images/buttons/context-menu-helper-small.gif);
    float: right;
    height: 25px;
    position: static;
    width: 25px;
}

#calendar-container table tr td.occupied a.cell-context-button:hover {
    background-image: url(/images/buttons/context-menu-helper-small-on.gif);
}

#calendar-container table tr td.active a.cell-context-button, 
#calendar-container table tr td.current a.cell-context-button {
    background-image: url(/images/buttons/context-menu-helper-off-current.gif);
}

#calendar-container table tr td.active a.cell-context-button:hover, 
#calendar-container table tr td.current a.cell-context-button:hover {
    background-image: url(/images/buttons/context-menu-helper-on-current.gif);
}

#calendar-container table tr td.current.occupied a.cell-context-button, 
#calendar-container table tr td.active.occupied a.cell-context-button {
    background-image: url(/images/buttons/context-menu-helper-small-current.gif);
}

#calendar-container table tr td.current.occupied a.cell-context-button:hover, 
#calendar-container table tr td.active.occupied a.cell-context-button:hover {
    background-image: url(/images/buttons/context-menu-helper-small-on-current.gif);
}

#calendar-container table tr td.head a.cell-context-button,
.add-recipe-view table tr td a.cell-context-button {
     display: none; 
}

.add-recipe-view table tr td.occupied a.cell-context-button {
    background: url(/images/buttons/click-to-add-recipe.gif) no-repeat 0 0 !important;
    display: block;
    height: 30px !important;
    width: 178px !important;
}

.add-recipe-view table tr td.occupied a.cell-context-button:hover {
    background: url(/images/buttons/click-to-add-recipe-over.gif) no-repeat 0 0 !important;
}

.add-recipe-view {
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
    max-height: 300px;
    width: 1000px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.add-recipe-view .recipe h5 {
    cursor: default !important;
}

#add-recipe-dialog-content {
    background: #fff;
    margin-top: 5px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    padding: 0 0 60px;
}

#calendar-container table tr td.active, 
#calendar-container table tr td.current {
    background-color: #bdbdbd;
    background-image: url(/images/bg/bg-calendar-cell-current-day.gif);
}

#calendar-container table tr th.active {
    background-image: url(/images/bg/bg-active-cell-header.gif);
    color:#fff;
}

#calendar-container table tr td.min, #calendar-container table tr th.min {
    padding-left: 7px;
    width: 21px !important;
}

#calendar-container table tr th.min {
    background: url(/images/bg/bg-header-cell-min.gif) no-repeat 0 0;
    color: #717171;
    cursor: pointer;
    font-size: 12px;
    padding: 7px 0 0;
    text-align: center;
    vertical-align: top;
}

#calendar-container table tr td.min div.context-buttons {
    display: none;
}

#calendar-container table tr td.head, #calendar-container table tr th.head {
    background: #fff url(/images/bg/bg-calendar-cell-header.gif) no-repeat -10px 0;
    cursor: default;
    width: 110px;
}

#calendar-container table tr th.head span {
    padding: 5px;
}   

#calendar-container table tr th.head a {
    padding: 7px 0 0;
}

#calendar-container table tr td.head {
    text-align: right;
    vertical-align: top;
    width: 127px
}

#calendar-container table tr td.head span {
    color: #9e9e9e;
    font-size: 11px;
    font-weight: bold;
    margin-left: 30px;
}

#calendar-container table tr td.head a {
    color: #9e9e9e;
    font-size: 11px;
    padding-right: 5px;
    text-decoration: none; 
}

#calendar-container table tr td.head a:hover {
    text-decoration: underline;
}

#calendar-container table tr td.head h3 {
    color: #777;
    font-size: 13px;
    margin: 0 5px 0 0;
}

.content-container-bottom.week  { 
    left: -4px;
    position: relative;
    top: 10px;
}


#calendar-container.add-recipe-view table tr td {
    height: auto !important;
    width: 171px;
}

#calendar-container.add-recipe-view table tr th.head,
#calendar-container.add-recipe-view table tr td.head {
    width: 133px !important;
    padding-right: 10px;
}

/* Hide contents for note editing and search box */
#calendar-container table tr td.note-edit * {
    display: none;
}

#calendar-container table tr td.note-edit textarea {
    display: block;
}

#calendar-container table tr td.note-edit input {
    display: block;
}

#calendar-container table tr td.note-edit a.cancel-note-button {
    display: inline-block;
}

#calendar-container table tr td.note-edit a.cancel-search-button {
    display: inline-block;
}

#calendar-container table tr td.note-edit a.save-note-button {
    display: inline-block;
}

#calendar-container table tr td.note-edit a.submit-search-button {
    display: inline-block;
}

#calendar-container table tr.meal-hidden td {
    height: 30px;
    padding-bottom: 5px;
}

/* The main styles for recipe as displayed on the calendar */
.recipe {
    background: #fff;
    height: 160px;
    margin: 0 auto 10px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 170px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    -moz-box-shadow: 3px 3px 4px 0 #999; 
    -webkit-box-shadow: 3px 3px 4px 0 #999; 
    box-shadow: 3px 3px 4px 0 #999;
}

.dayview td .recipe {
    display: inline-block;
    margin: 10px 0 10px 20px;
}

.clear-meal-plan {
    cursor: pointer;
}

.notes {
    background: #fff;
    margin: 0 auto 10px;
    min-height: 32px;
    position: relative;
    vertical-align: top;
    width: 170px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
    border-bottom-right-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 3px 3px 4px 0 #999; 
    -webkit-box-shadow: 3px 3px 4px 0 #999; 
    box-shadow: 3px 3px 4px 0 #999;
}

.recipe .quantity {
    display: none;
}

.has-quantity .quantity {
    background: #fff;
    border: 1px solid #777;
    color: #bf2900;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 10px;
    left: 4px;
    line-height: 11px;
    overflow: hidden;
    padding: 3px 3px 5px;
    position: absolute;
    text-align: center;
    top: 39px;  
    width: 15px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px; 
    border-bottom-right-radius: 8px;    
}

.recipe * {
    cursor: pointer;
}

.recipe h5 {
    background: #d16300;
    color: #fff;
    cursor: move;
    display: block;
    font-size: 11px;
    height: 25px;
    line-height: 13px;
    margin: 0;
    overflow: hidden;
    padding: 4px 35px 4px 5px;
    vertical-align: middle;
    width: 130px;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-box-shadow: 0 2px 3px 0 #999; 
    -webkit-box-shadow: 0 2px 3px 0 #999; 
    box-shadow: 0 2px 3px 0 #999;
}

.recipe .expander, .recipe .leftovers {
    display: none;
}

.notes h5 {
    background: #d16300;
    color: #fff;
    cursor: move;
    display: block;
    font-size: 11px;
    min-height: 22px;
    line-height: 11px;
    margin: 0;
    overflow: hidden;
    padding: 5px 30px 5px 5px;
    vertical-align: middle;
    width: 135px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 3px 0 #999; 
    -webkit-box-shadow: 0 2px 3px 0 #999; 
    box-shadow: 0 2px 3px 0 #999;
}


.recipe .recipe-pic {
    border-bottom: 1px solid #c0c0c0;
    height: 92px;
    padding: 6px 4px 4px 4px;
    width: 162px;
    -moz-box-shadow: 0 1px 2px 0 #aaa; 
    -webkit-box-shadow: 0 1px 2px 0 #aaa; 
    box-shadow: 0 1px 2px 0 #aaa;
}

.recipe .minimize-recipe, .recipe .maximize-recipe {
    position: absolute;
    right: 7px;
    top: 11px;
}

.recipe .maximize-recipe {
    display: none;
}

.recipe .remove-recipe {
    position: absolute;
    right: 22px;
    top: 12px;
}

.notes .edit-notes {
    position: absolute;
    right: 7px;
    top: 11px;
}

.notes .remove-notes {
    position: absolute;
    right: 22px;
    top: 12px;
}

.leftover .leftovers {
    background: #777;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 92px;
    left: 4px;
    line-height: 92px;
    position: absolute;
    text-align: center;
    top: 39px;
    width: 162px;
    filter: alpha(opacity=80); 
	-khtml-opacity: 0.8;  
	-moz-opacity: 0.8;  
	opacity: 0.8;  
}

#recipe-box, #recipe-box-preloaded {  
    left: -210px;
    min-height: 185px;
    position: absolute;
    top: 95px;
    width: 250px;
    z-index: 10;
}

#recipe-box-preloaded {
    display: none;
    opacity: 0.3;
    filter:alpha(opacity=30);
    z-index: 9;
}

#recipe-box #handle, #recipe-box-preloaded #handle {
    background: #fff url(/images/bg/bg-recipe-box-handle-closed.gif) no-repeat 0 0;
    border: 1px solid #c0c0c0;
    border-left: 0;
    cursor: pointer;
    height: 183px;
    position: absolute;
    right: 0;
    width: 40px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-bottom-right-radius: 8px; 
    -webkit-border-top-right-radius: 8px; 
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-box-shadow: 3px 3px 5px 0 #999; 
    -webkit-box-shadow: 3px 3px 5px 0 #999; 
    box-shadow:3px 3px 5px 0 #999;
}

#recipe-box #recipe-folders {
    background: #fff;
    border-right: 1px solid #c0c0c0;
    display: none;
    min-height: 103px;
    width: 208px;
    -moz-box-shadow: 3px 3px 5px 0 #999; 
    -webkit-box-shadow: 3px 3px 5px 0 #999; 
    box-shadow:3px 3px 5px 0 #999;
}  

#recipe-box #recipe-search {
    background: #fff;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    height: 40px;
    width: 209px;
}

#recipe-box #recipe-search input {
    height: 14px;
    left: 10px;
    position: relative;
}

#recipe-box #recipe-search img {
    left: 12px;
    position: relative;
    top: 7px;
}

#recipe-box #recipe-box-actions {
    background: #fff;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding: 10px 7px;
    width: 194px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px; 
    border-bottom-right-radius: 8px;
    -moz-box-shadow: 3px 3px 5px 0 #999; 
    -webkit-box-shadow: 3px 3px 5px 0 #999; 
    box-shadow:3px 3px 5px 0 #999;
}

#recipe-box #recipe-box-actions p {
    color: #bf2900;
    display: none;
    margin-left: 3px;
    margin-top: 10px;
}

#recipe-box .rec-folder {
    background-color: #e7e7e7;
}

#recipe-box .rec-folder .recipe * {
    display: none;
}

#recipe-box .rec-folder .recipe {
    cursor: pointer;
    border-bottom: 1px solid #c1c1c1;
    height: 40px;
    margin: 0;
    padding: 5px 0;
    position: static;
    width: 100%;
    -moz-border-radius: 0;
    -webkit-borderradius: 0; 
    border-radius: 0;
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none;
}

#recipe-box .rec-folder .recipe img.recipe-pic {
    border-bottom: none;
    display: inline-block;
    float: left;
    height: 40px;
    padding: 0 0 0 5px;
    width: 40px; 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none;
}

#recipe-box .rec-folder .recipe h5 {
    color: #777;
    background: #fff;
    display: block;
    float: right;
    font-size: 13px;
    height: 45px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px 5px !important;
    width: 152px;
}

#recipe-box .collapsed .recipe, #recipe-box .collapsed .recipe-pager {
    display: none;
}

#recipe-box h4 {
    /* background-color: #faa81e; */
    background-image: url(/images/buttons/folder-expand.gif);
    background-repeat: no-repeat;
    background-position: 185px 13px;
    /* border-top: 1px solid #be8017; */
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin: 0;
    padding: 7px;
    position: relative;
    z-index: 10001;
}

#recipe-box .collapsed h4 {
    background-image: url(/images/bg/bg-arrow-simple-right-wh.gif);
}

.box_1 {background-color:#7caa5d;}/*dk-green*/
.box_2 {background-color:#9ab343;}/*lt-green*/
.box_3 {background-color:#d09a00;}/*gold*/
.box_4 {background-color:#d97700;}/*dk-orange*/
.box_5 {background-color:#34abc5;}/*blue*/
.box_6 {background-color:#fba91f;}/*lt-orange*/

#recipe-box h4.dk-green, #recipe-box h4.box_1 {
    background: #7caa5d url(/images/bg/bg-folder-dk-green.gif) repeat-x 0 0);
}

#recipe-box h4.lt-green, #recipe-box h4.box_2 {
    background: #9ab343 url(/images/bg/bg-folder-lt-green.gif) repeat-x 0 0);
}

#recipe-box h4.gold, #recipe-box h4.box_3 {
    background: #d09a00 url(/images/bg/bg-folder-gold.gif) repeat-x 0 0);
}

#recipe-box h4.dk-orange, #recipe-box h4.box_4 {
    background: #d97700 url(/images/bg/bg-folder-dk-orange.gif) repeat-x 0 0);
}

#recipe-box h4.blue, #recipe-box h4.box_5 {
    background: #34abc5 url(/images/bg/bg-folder-blue.gif) repeat-x 0 0);
}

#recipe-box h4.lt-orange, #recipe-box h4.box_6 {
    background: #34abc5 url(/images/bg/bg-folder-lt-orange.gif) repeat-x 0 0);
}

/*#recipe-box h4.green, #recipe-box h4.box_6 {
    background-color: #7aa85d;
    border-top: 1px solid #758833;
}

#recipe-box h4.box_2, #recipe-box h4.mustard {
    background-color: #d09a00;
    border-top: 1px solid #9d7500;
}

#recipe-box h4.blue, #recipe-box h4.box_3 {
    background-color: #35acc5;
    border-top: 1px solid #278195;
} */

.recipe-pager {
    padding: 3px 0 13px;
    text-align: center;
    margin: 0;
}

.recipe-pager .recipe-prev-page {
    float: left;
}

.recipe-pager .page-numbers {
    display: inline;
    position: relative;
    top: 5px;
}

.recipe-pager .recipe-next-page {
    float: right;
}

.recipe-pager a {
    color: #777;
    font-weight: bold;
    padding: 3px;
}

.recipe-pager a.selected {
    color: #bf2900;
}

.recipe-options span  {
    display: inline-block;
    font-size: 11px;
    padding: 6px 4px 0;
    vertical-align: top;
}

.recipe-options span.prep-time {
    width: 60px;
}

#recipe-box #create-new-folder {
    display: none;
}

#recipe-box input#new-folder-name {
    margin: 7px 2px;
    width: 187px;
}

.recipe-options img {
    padding: 4px 4px 3px;
}

.recipe-options a.thumbs-up {
    background-image: url(/images/buttons/thumbs-up.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    display: inline-block;
    height: 15px;
    margin-top: 1px;
    padding: 7px 3px 0;
    width: 14px; 
  
}

.recipe-options a.thumbs-down {
    background-image: url(/images/buttons/thumbs-down.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border-right: 1px solid #c0c0c0;
    display: inline-block;
    margin-top: 1px;
    height: 15px;
    padding: 7px 3px 0;
    width: 14px; 
}

.recipe-options a.rated, .recipe-options a.thumb-hover {
    background-position: 3px -16px;
}

.min-recipe * {
    display: none;
}

.min-recipe {
    background-color: Transparent !important;
    height: 33px !important;
}

.min-recipe h5 {
    display: block;
    -moz-border-radius: 4px !important;
    -webkkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.min-recipe a.minimize-recipe img,
.min-recipe a.maximize-recipe, 
.min-recipe a.maximize-recipe img, 
.min-recipe a.remove-recipe, 
.min-recipe a.remove-recipe img {
    display: block;
}

.min-recipe a.minimize-recipe {
    display: none;
}

td.min .recipe {
    background-color: Transparent;
    margin-left: -1px;
    width: 20px;
}

td.min .recipe * {
    display: none;
}

td.min .recipe h5 {
    display: block;
    height: inherit;
    padding: 0;
    text-indent: -10000px;
    width: 20px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important; 
    border-radius: 4px !important;
}

td.min .recipe .expander {
    background: url(/images/bg/bg-arrow-left-thick.gif) no-repeat 7px 7px;
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 30px;
}
/*
td.sun .expander, td.mon .expander, td.tue .expander {
    background: url(/images/bg/bg-arrow-right-thick.gif) no-repeat 7px 7px;
}

td.thu .expander, td.fri .expander, td.sat .expander {
    background: url(/images/bg/bg-arrow-left-thick.gif) no-repeat 7px 7px;
}
*/
td.min .notes {
    padding: 0;
    width: 20px;
}

td.min .notes h5 {
    padding: 5px 0;
    text-indent: -100000px;
    width: 20px;
}

td.min .notes a {
    display: none;
}

.dayview td .notes {
    display: inline-block;
    margin-left: 20px;
    margin-top: 10px;
}

/* This applies to the recipe while
   while it is being dragged       */
.ui-draggable-dragging * {
    display: none !important;
} 

.ui-draggable-dragging {
    border-bottom-style: none !important;
    height: 33px !important;
    width: 170px !important;
    z-index: 1001;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.ui-draggable-dragging .note-mid {
    display: block !important;
}

.ui-draggable-dragging h5 {
    display: block !important;
    font-size: 11px !important;
    height: 25px !important;
    overflow: hidden !important;
    text-indent: 0px !important;
    padding: 4px 35px 4px 5px !important;
    width: 130px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

/* Recipe context menu */
#recipe-context-menu-placeholder, #search-recipe-context-menu { display: none; z-index: 999999 }

.recipe-context-menu {
    background: #fff;
    border: 1px solid #777;
    position: absolute;
    width: 215px;
    z-index: 8888888;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 3px 3px 4px 0 #999; 
    -webkit-box-shadow: 3px 3px 4px 0 #999; 
    box-shadow: 3px 3px 4px 0 #999;
}

.recipe-context-menu a {
    /*background-color: #fff;*/
    background-image: url(/images/bg/bg-arrow-simple-wh.gif);
    background-position: 255px 7px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #777;
    color: #777;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    padding: 5px 10px;
}

.recipe-context-menu a.first {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0; 
    border-radius: 4px 4px 0 0;
}

.recipe-context-menu a.last {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px; 
    border-radius: 0 0 4px 4px;
    -moz-box-shadow: 0; 
    -webkit-box-shadow: 0; 
    box-shadow: 0;
}

.recipe-context-menu a:hover {
    background-color: #bf2900;
    color: #fff;
    text-decoration: none;
}

/* Recipe context menu */
#cell-context-menu-placeholder { display: none }

.cell-context-menu {
    background: #fff;
    border: 1px solid #777;
    position: absolute;
    width: 150px;
    z-index: 100000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 3px 3px 4px 0 #999; 
    -webkit-box-shadow: 3px 3px 4px 0 #999; 
    box-shadow: 3px 3px 4px 0 #999;
}

.cell-context-menu a {
    /*background-color: #fff;*/
    background-image: url(/images/bg/bg-arrow-simple-wh.gif);
    background-position: 255px 7px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #777;
    color: #777;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    padding: 5px 10px;
}

.cell-context-menu a.first {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0; 
    border-radius: 4px 4px 0 0;
}

.cell-context-menu a.last {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px; 
    border-radius: 0 0 4px 4px;
    -moz-box-shadow: 0; 
    -webkit-box-shadow: 0; 
    box-shadow: 0;
}

.cell-context-menu a:hover {
    background-color: #bf2900;
    color: #fff;
    text-decoration: none;
}


/* styles for the notes editing on the calendar */
.notes-edit-placeholder {
    display: none;
    height: 120px;
    margin-left: 5px;
    position: relative;
    width: 180px;
    z-index: 100000;
}

.notes-edit-placeholder textarea.notes-edit-box {
    width: 176px;     
}

.notes-edit-placeholder a.cancel-note-button {
   background: url(/images/buttons/btn-box-LtGray-cancel.png) left no-repeat;
   display: inline-block;
   padding: 0;
   height: 29px;   
   width: 67px; 
}

.notes-edit-placeholder a.save-note-button {
   background: url(/images/buttons/btn-box-save.png) right no-repeat;
   display: inline-block;
   padding: 0;
   height: 29px;   
   width: 91px; 
} 


/* styles for the search on the calendar */
.search-placeholder {
    display: none;
    height: 80px;
    margin-left: 5px;
    padding: 0;
    position: relative;
    width: 180px;
    z-index: 100000;
}

.search-placeholder .search-text {
    width: 176px;   
}

.search-placeholder a.cancel-search-button 
{
    background: url(/images/buttons/btn-box-LtGray-cancel.png) left no-repeat;
    display: inline-block;
    height: 29px;  
    padding: 0; 
    width: 67px; 
}

.search-placeholder a.submit-search-button
{
    background: url(/images/buttons/btn-box-search.png) right no-repeat;
    display: inline-block;
    height: 29px;   
    padding: 0;
    width: 76px; 
} 

#search-results-dialog {width: 542px; height: 414px;}
#search-results-dialog .recipe-results {height: 340px;}
#search-results-dialog .recipe { margin: 5px; }
#search-results-dialog .waiting 
{
    background: url(/images/ajax-loader.gif) center no-repeat;
    height: 340px;  
    padding: 0;
    margin: 0;
    width: 540px;  
}

#search-results-dialog .no-results 
{
    height: 230px;  
    margin: 0; 
    padding: 100px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 540px; 
}

#search-results-dialog .dialog-title
{    
    background: #eb6e1f;
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 6px 15px;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0; 
    border-radius: 8px 8px 0 0;
    -moz-box-shadow: 0 2px 2px 2px #999; 
    -webkit-box-shadow: 0 2px 2px 2px #999; 
    box-shadow: 0 2px 2px 2px #999;
    font-weight: bold;
    text-align: right;   
}


#search-results-dialog .dialog-title a.modify-search-button
{
    background: url(/images/buttons/btn-advanced-search.gif) right no-repeat;
    display: inline-block;
    height: 29px;   
    padding: 0;
    width: 132px;    
    vertical-align: middle;
    margin-right: 24px;
}
  
.search-paging { float: right; margin: 4px 6px 6px 0px; }
.search-paging .records-display { float: left; margin-top: 4px;}
.search-paging .page-links { float: left;}
.search-paging .page-links a { height: 23px; padding-right: 4px; vertical-align: middle; font-weight: bold; color: #777; }
.search-paging .page-links .current-page { height: 23px; padding-right: 4px; vertical-align: middle; font-weight: bold; color: #ad1700; }

.search-paging a.first-page 
{
   background: url(/images/buttons/btn-box-first.gif) right no-repeat;
   padding: 0;
   width: 40px;
   height: 23px;
   display: inline-block;
}
.search-paging a.last-page 
{
   background: url(/images/buttons/btn-box-last.gif) right no-repeat;
   padding: 0;
   width: 40px;
   height: 23px;
   display: inline-block;
}

#search-results-dialog .recipe .minimize-recipe, 
#search-results-dialog .recipe .maximize-recipe,
#search-results-dialog .recipe .remove-recipe {
    display: none;
}
 
.date-picker-input {
    border: 0;
    font-size: 1px;
    width: 1px;
    height: 0;
    position: absolute;
    margin: 0;
    padding: 0;
}