﻿
.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: center; vertical-align: middle; height: 20px; width: 20px; }
.calendar-main-day { background-color: #d4d4d4; }
.calendar-main-selected{ color: #ffffff; background-color: #ad1700 !important; }
.calendar-main-today{ color:#ffffff; background-color:#ad1700;}
.calendar-main-nav { background: url(/images/buttons/calendar-blank.gif) no-repeat center center; width: 23px; height: 23px; padding-right: 2px; 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; text-decoration: none }
.calendar-main-title { font-size: 138.5%; }
.calendar-main-other-month { color:#ffffff; background-color:#ffffff;}

.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; }

/* 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:523px;}
.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;}



/****************************************************/

