/*
METRO COLORS
blue: #009ad7;
blue:hover: #005683;
darkblue: #005683;
darkblue:hover: #009ad7;
red: #c22424;
red:hover: #891f19;
darkred: #a81f1f;
darkred:hover: #c22439;
violet: #943285;
violet:hover: #81045f;
darkviolet: #770b5a;
darkviolet:hover: #93305f;
yellow: #ffe050;
yellow:hover: #dcbe2c;
darkyellow: #fdcb1f;
darkyellow:hover: #daac12;
orange: #ff791f;
orange:hover: #c9631e;
darkorange: #f16d25;
darkorange:hover: #c65a1e;
green: #68af27;
green:hover: #2c8c1f;
darkgreen: #2c8c1f;
darkgreen:hover: #68af27;
-----------------------
gray: #a5aaae;
gray:hover: #626971;
light_gray: #cfceca;
light_gray:hover: #6d6f70;
*/



/**********************************************/
/******************* COMMENTS *****************/
/**********************************************/

.calendar_container{
	display: block;
	position: relative;
	float: left;
	margin: auto;
	margin-top: 0px;
	overflow: auto;
	width: 100%;
}

.calendar{
	display: block;
	position: relative;
	margin: auto;
	overflow: auto;
	width: 900px;
}

.calendar_header{
	display: block;
	position: relative;
	float: left;
	border: 1px solid #757675;
	-webkit-border-radius: 6px 6px; /* Safari, Chrome */
	-khtml-border-radius: 6px 6px;    /* Konqueror */
	-moz-border-radius: 6px 6px; /* Firefox */
  border-radius: 6px 6px;
	margin: 0px 5px 5px 0px;
	padding: 2px;
	width: 100px;
	height: 25px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	background: #757675;
	color: #fff;
}

.calendar_holiday{
	display: block;
	position: relative;
	float: left;
	border: 1px solid #757675;
	-webkit-border-radius: 6px 6px; /* Safari, Chrome */
	-khtml-border-radius: 6px 6px;    /* Konqueror */
	-moz-border-radius: 6px 6px; /* Firefox */
  border-radius: 6px 6px;
	margin: 0px 5px 5px 0px;
	padding: 2px;
	width: 100px;
	height: 25px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	background: #c22424;
	color: #fff;
}

.calendar_week{
	display: block;
	position: relative;
	float: left;
	border: 1px solid #757675;
	-webkit-border-radius: 6px 6px; /* Safari, Chrome */
	-khtml-border-radius: 6px 6px;    /* Konqueror */
	-moz-border-radius: 6px 6px; /* Firefox */
  border-radius: 6px 6px;
	margin: 0px 5px 5px 0px;
	padding: 10px;
	width: 84px;
	height: 84px;
	clear: both;
	font-size: 25px;
	font-weight: bold;
	background: #626971;
	color: #cfceca;
	text-align: left;
}
/*
gray: #a5aaae;
gray:hover: #626971;
light_gray: #cfceca;
light_gray:hover: #6d6f70;
*/

.calendar_day{
	display: block;
	position: relative;
	float: left;
	border: 1px solid #757675;
	-webkit-border-radius: 6px 6px; /* Safari, Chrome */
	-khtml-border-radius: 6px 6px;    /* Konqueror */
	-moz-border-radius: 6px 6px; /* Firefox */
  border-radius: 6px 6px;
	margin: 0px 5px 5px 0px;
	padding: 2px;
	width: 100px;
	height: 100px;
}

.calendar_day a.calendar_link, .calendar_day a.calendar_link:active{
	display: block;
	position: relative;
	float: left;
	width: 98px;
	height: 70px;
	text-decoration: none;
	color: #000;
}
.calendar_day a.calendar_link:hover{
	text-decoration: none;
	color: #009ad7;
}

.calendar_day span.day_number{
	padding: 10px;
	width: 84px;
	height: 84px;
	font-size: 25px;
	font-weight: bold;
	text-align: right;
}
.calendar_day span.month_name{
	font-weight: bold;
}
.calendar_day span.delivery_hours{
	
}
.calendar_day span.delivery_meals{
	
}
.calendar_day a.delivery_link, .calendar_day a.delivery_link:active{
	text-decoration: none;
	color: #009ad7;
}
.calendar_day a.delivery_link:hover{
	color: #000;
}

.calendar_container .inactive{
	background: #cfceca;
	color: #626971;
}

.calendar_container .delivered{
	background: #b8e093;
	color: #626971;
}
.calendar_container .planned{
	background: #f3d17a;
	color: #626971;
}
.calendar_container .planned:hover, .calendar_container .delivered:hover{
	background: #f2a7a7;
	color: #626971;
}