/********************************/
/******* STEP 2 LAYOUT **********/
/********************************/

/******* CALENDAR LAYOUT **********/
/******* CALENDAR LAYOUT **********/
/******* CALENDAR LAYOUT **********/
div#menu{
	position: relative;
	width: 100%;
	border: 0px solid lime;
}

#calendar_recipes, #calendar{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 1px solid #90cbe6;
}

#calendar_recipes{
	font-size: 14px;
}


#calendar_title_day{
	text-indent: 10px;
}

#calendar_title_recipes{
	text-indent: 5px;
}

.calendar_title{
	padding: 5px 0px 5px 0px;
}

table#calendar td{
	vertical-align: middle;
	/*font-size: 12px;*/
	border-bottom: 1px solid #c8abe1;
	padding: 0px 0px 0px 0px;
}

#dinner-0-text, #dinner-1-text, #dinner-2-text, #dinner-3-text, #dinner-4-text, #dinner-5-text, #dinner-6-text{
	/*font-size: 12px;*/
	text-align: justify;
	padding: 0px 0px 0px 5px;
	color: #62c5ea;
}

#dinner-0-back, #dinner-1-back, #dinner-2-back, #dinner-3-back, #dinner-4-back, #dinner-5-back, #dinner-6-back{
	
	position: absolute;
	margin: 5px 0px 0px 0px;
	text-align: left;
	/*width: 425px;*/
	width: 325px;
	height: 25px;
	z-index: 2;
}
#dinner-0-drop, #dinner-1-drop, #dinner-2-drop, #dinner-3-drop, #dinner-4-drop, #dinner-5-drop, #dinner-6-drop{
	position: absolute;
	top: 0px; /*  Note these attributes must be declared inline  in order to be read by javascript	width:50px;	height:109px;*/
	/*width: 425px;*/
	width: 315px;
	height: 25px;
	z-index: 3;
	border: 0px solid red;
}

.dnd_container{
	position: relative;
	/*width: 425px;*/
	width: 315px;
	height: 25px;
	border: 0px solid lime;
}

.carbs_td, .calories_td{
	width: 100px;

}

.day{
	width: 100px;
}

.purple_border_top_sides{
	background: #ffffff;
	border-top: 1px solid #c8abe1;
	border-left: 1px solid #c8abe1;
	border-right: 1px solid #c8abe1;
}

.tr_lo{
	background: #f0f9fc;
}

.tr_lo_white{
	background: #ffffff;
}

.day{
	color: #275fa4;
	font-size: 90%;
	font-weight: bold;
	text-indent: 10px;
}

#tr_title{
	font-size: 90%;
	font-weight: bold;
	color: #ffffff;
	height: 1.5em;
	vertical-align: middle;
	background: #62c5ea;
}

#tr_totals{
	font-size: 90%;
	font-weight: bold;
	height: 1.5em;
	vertical-align: middle;
	background: #62c5ea;
}

#tr_totals td, #tr_title td{
	color: #ffffff;
}