@charset "utf-8";
/* CSS Document */

#MainDivCal {
	width: 960px;
	height: 800px;
	position:relative;
	background: #FFFFFF;
	text-align: left;
}
#MainDivCalNA {
	width: 960px;
	position:relative;
	background: #FFFFFF;
	text-align: left;
	height:auto;
}
#lowerTextCal {
	width: 960px;
	padding-top: 15px;
	padding-bottom: 5px;
	height: 24px;
	background: #FFFFFF;
	text-align: center;
	position: relative;
}
#lowerTextCalNA {
	width: 960px;
	padding-top: 15px;
	padding-bottom: 5px;
	height: 24px;
	background: #FFFFFF;
	text-align: center;
	position: relative;
	clear:both;
}
#LeftDiv {
	width: 220px;
	position: relative;
	height: 800px;
	float: left;
	background: #FFFFFF;
}
#LeftDivNA {
	width: 220px;
	float: left;
	background: #FFFFFF;
	overflow:auto;
	height: 800px;
}
#CenterDiv {
	width: 580px;
	height: 100%;
	float: left;
	background: #FFFFFF;
}
#CenterDivNA {
	width: 580px;
	float: left;
	background: #FFFFFF;
	display:block;
}
#RightDiv {
	width: 160px;
	position: absolute;
	top: 0px;
	right: 0px;
	float: left;
	background: #FFFFFF;
}
#RightDivNA {
	width: 160px;
	position: absolute;
	top: 0px;
	right: 0px;
	float: left;
	background: #FFFFFF;
	height:100%;
}
#calDay {
	position: relative;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	cursor: pointer;
	height: 18px;
	width: 22px;
	background: #999999;
	float: left;
}
#calDay:hover {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	cursor: pointer;
	height: 18px;
	width: 22px;
	background: #77BB77;
	float: left;
}
#calDayPre {
	position: relative;
	text-align: center;
	cursor: pointer;
	height: 18px;
	width: 22px;
	background: #777777;
	float: left;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
#calDayPre:hover {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	cursor: pointer;
	height: 18px;
	width: 22px;
	background: #77BB77;
	float: left;
}
#calDayPost {
	position: relative;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	cursor: pointer;
	height: 18px;
	width: 22px;
	background: #777777;
	float: left;
}
#calDayPost:hover {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	cursor: pointer;
	height: 18px;
	width: 22px;
	background: #77BB77;
	float: left;
}
#CalendarSelect {
	position: relative;
	height: 90px;
	padding: 0px;
	border: none;
	height: 138px;
	float: left;
}
#calCurDay {
	position: relative;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	cursor: pointer;
	height: 18px;
	width: 22px;
	background: #999999;
	float: left;
	color: #EE2222;
}
#calCurDay:hover {
	position: relative;
	padding: 0px;
	border: none;
	cursor: pointer;
	height: 18px;
	width: 22px;
	background: #77BB77;
	float: left;
	color: #EE2222;
}
#WeekSelect {
	position: relative;
	height: 258px;
	top: 25px;
}
#wkDySelect {
	position: relative;
	width: 100%;
	border: 1px;
	cursor: pointer;
	background: #CCCCCC;
}
#wkDySelectButton {
	position: relative;
	text-align: center;
	width: 50px;
	cursor: pointer;
	background: #CCCCCC;
}
#wkDySelect:hover {
	position: relative;
	width: 100%;
	border: 1px;
	cursor: pointer;
	background: #77BB77;
}
#SelectMeal {
	position: relative;
	text-align: left;
	width: 460px;
	float: left;
}
#PrintMenu {
	position: relative;
	text-align: right;
	width: 80px;
	float: left;
}
#PrintMenu2 {
	position: relative;
	text-align: right;
	width: 80px;
	float: right;
}
#addAMeal {
	position: relative;
}
#AddA {
	position: relative;
	text-align: left;
	cursor: pointer;
}
#RecipeArea {
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	width: 400px;
}
#DishClass {
	position: relative;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align: left;
}
.DishClassNA {
	position: relative;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align: left;
	height: 20px;
}
TopFrameCenterTable {
	position: relative;
	text-align: left;
}
#CenterTable {
	position: relative;
	width: 400px;
}
#CenterTableNA {
	position: relative;
	width: 580px;
	height:800px;
}
#Spacer {
	position: relative;
	height: 20px;
	width: 100%;
	text-align: left;
}
#topframe{
	border: none;
	width: 540px;
}
#centerframe{
	border: none;
	width: 540px;
	height: 590px;
}
#centerframena{
	position: relative;
	text-align: left;
	overflow:auto;
	padding-left: 15px;
	width: 564px;
}
#mainframe{
	border: none;
	width: 785px;
	height:700px;
}
#centerframeguest{
	border: none;
	width: 540px;
	height: 555px;
}
#centerframeguestna{
	border: none;
	width: 580px;
	height: 555px;
}
#calDayNew {
	position: relative;
	background: #9BB69E;
	text-align: center;
	padding: 0px;
	cursor: pointer;
	height: 70px;
	width: 88px;
}
#calDayNew:hover{
	background: #FFFFFF;
}
#calDayOpen {
	background: #FFFFFF;
	height: 30px;
	width: 1px;
	border: solid 4px #9BB69E;
}
#navLinks {
	width: 198px;
	height: 29px;
	float: left;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	border-left: solid 1px #FFF;
	border-top: solid 1px #FFF;
	background: #FFFFFF;
	text-align: left;
}
#CalStrip {
	background: #FFFFFF;
	height: 100px;
	width: 960px;
}
#strip {
	position: relative;
	width:	960px;
	height:	31px;
	top: 0px;
	background: url(../images/NavigationBar-blank.jpg)
}
#peekMonth {
	position: relative;
	width: 100%;
	text-align: left;
	font-size: 14px;
	top: 10px;
}
#peekDay {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 18px;
	top: -2px;
}
#peekDish {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 11px;
	top: 5px;
}
#peekWkD {
	position: relative;
	width: 100%;
	text-align: left;
	font-size: 18px;
	top: 2px;
}
#Spacer1 {
	position: relative;
	width: 100%;
	height: 10px;
}
.TabbedPanelsContent {
	overflow: auto;
}
#dishSelectLeft {
	position: relative;
	float: left;
	width: 110px;
}
#dishSelectRight {
	position: relative;
	float: left;
	text-align: right;
	width: 430px;
}
#FriendsList {
	width: 210px;
	height: 163px;
	border: none;
	padding: none;
	margin: none;
}
#FriendsListNA {
	width: 150px;
	border: none;
	padding-left: 10px;
	margin: none;
	overflow:auto;
	height:800px;
}
#FriendsListF {
	width: 210px;
	height: 165px;
	border: none;
	padding: none;
	margin: none;
}
#FriendsMeals {
	width: 210px;
	height: 563px;
	border: none;
	padding: none;
	margin: none;
}
#FriendsMealsNA {
	width: 160px;
	height: 563px;
	border: none;
	padding: none;
	margin: none;
	overflow: auto;
}
#FriendsMealsF {
	width: 210px;
	height: 295px;
	border: none;
	padding: none;
	margin: none;
}
p.CalendarDateText {
	font-size: 11px;
}
p.CalendarDayName {
	font-size: 15px;
	float:left;
	padding-left: 2px;
}
p.CalendarDayNum {
	font-size: 11px;
	float:right;
	padding-right: 2px;
}
p.CalendarDishNameText {
	font-size: 11px;
	text-align:center;
}
table.ClientCalendar {
	background: #FFFFFF;
	width:"100";
	border:"0";
}
.schdRecipe{
  color: black;
  list-style-type: none;
}
.schdRecipeUL{
  clear:both;
  width:131px;
  padding-left: 0px;
}
.CalendarMealText {
  clear:both;
  text-align:center;
}
.cRoundedCorners{display:block;
  width:131px;
  padding: 2px;}
.cRoundedCorners *{
  display:block;
  overflow:hidden;
  font-size:.01em;
  background:#9BB69E}
.cRoundedCorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d4df4c;
  border-right:1px solid #d4df4c;
  background:#b4c87a;
  height:1px;}
.cRoundedCorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f5f71d;
  border-right:1px solid #f5f71d;
  background:#aec382;
  height:1px}
.cRoundedCorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #aec382;
  border-right:1px solid #aec382;
  height:1px}
.cRoundedCorners4{
  border-left:1px solid #d4df4c;
  border-right:1px solid #d4df4c;
  height:1px}
.cRoundedCorners5{
  border-left:1px solid #b4c87a;
  border-right:1px solid #b4c87a;
  height:1px}
.cRoundedCorners6{
  height:2px;
  background:#ffffff;}
.cRoundedCornersfg{
  background:#9BB69E;
  overflow:hidden;
  width:131px;
  height: 73px;}
.cDivider{display:block;
  width:11px;
  height: 67px;
  background:#9BB69E;
  margin-top: 10px}
  
.cDividerInside{display:block;
  width:2px;
  height: 57px;
  background:#FFFFFF;
  margin-top:5px;
  margin-left:4px;
 }
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 960px;	
	height:87px;	
	
	/* custom decorations */
	padding:0px 0;	
	/*border:1px outset #ccc;*/
	background-color:#ffffff;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left: 0px;
	margin-right: 0px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration
	text-align:center;
	width:110px;
	padding:25px 0px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	border:1px outset #ccc;
	background-color: #ddd;
	margin-right: 20px;	
	-moz-border-radius:5px; */
}

/* active item */
div.items div.active {
	border:1px inset #ccc;		
	background-color:#000;
}
.droppable:hover {cursor:default;color:#ffffff} 
.CalendarDishNameText:hover {cursor:default}
.ui-draggable:hover {cursor:pointer}
.ui-draggable-dragging:hover {cursor:pointer}
#calendarSizedBox {
	height:400px;
	width:600px;
	overflow:scroll;
}
.ui-widget-drag{
	height:20px;
	width:20px;
	border:thick #333;
	background:#FF00CC;
}
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 190px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul.menu li a:hover {
  background: #000;
}

ul.menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}