#vegPlanner {
	margin:20px auto;
	width:750px;
}

#vegPlanner p {
	margin:15px 10px;
}

/* Veg Planner Key */

#vegPlannerKey {
	overflow:hidden;
	margin:10px;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	border:5px solid #daecb8;
	background:#8ebc44;
}

#vegPlannerKey ul {
	overflow:hidden;
	margin:10px 0;
}

#vegPlannerKey li {
	float:left;
	margin:0 10px;
	width:155px;
	text-align:center;
}

#vegPlanner #vegPlannerKey span {
	display:block;
	padding:3px 0;
	font-weight:bold;
	text-shadow:1px 1px 0 rgba(100,100,100,0.25);
	text-transform:uppercase;
	color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
}

#vegPlanner #vegPlannerKey p {
	margin:10px 0 0;
	font-size:11px;
	line-height:14px;
}

/* Key Colours */

#vegPlannerKey span#yellow {
	background:#e0cf0e;
}

#vegPlannerKey span#pink {
	background:#e72585;
}

#vegPlannerKey span#green {
	background:#9fe13d;
}

#vegPlannerKey span#blue {
	background:#3c8fe4;
}

/* Veg Planner Table */

#vegPlanner table {
	margin:10px;
	width:730px;
	border:3px solid #daecb8;
}

#vegPlanner thead {
	font-size:14px;
	text-align:center;
	color:#fff;
	background:#8ebc44;
}

#vegPlanner th {
	padding:10px 0;
	width:45px;
	text-shadow:1px 1px 0 rgba(100,100,100,0.25);
	background:#8ebc44;
}

#vegPlanner th#vegType {
	width:175px;
}

#vegPlanner tr.odd {
	background:#e7e7e7;
}

#vegPlanner tr.odd td.odd {
	background:#e9e9e9;
}

#vegPlanner tr td.odd {
	background:#f6f6f6;
}

#vegPlanner td {
	padding:5px 0;
	height:35px;
	vertical-align:bottom;
	font-size:13px;
	font-weight:bold;
	color:#8ebc44;
	border:1px solid #fff;
}

#vegPlanner td:first-of-type {
	padding:5px;
}

#vegPlanner td strong {
	font-size:10px;
	font-weight:normal;
	color:#222;
}

/* Veg Planner Navigation */

#vegPlannerNav {
	overflow:hidden;
	margin:0 10px;
	padding:10px;
	background:#8ebc44;
	border:3px solid #daecb8;
	border-radius:5px;
	-moz-border-radius:5px;
}

#vegPlannerNav ul#alphaNav {
	float:left;
}

#vegPlannerNav li {
	float:left;
	margin:0 3px;
	font-weight:bold;
	color:#97ca3f;
	text-transform:uppercase;
	text-shadow:1px 1px 0 rgba(100,100,100,0.25);
}

#vegPlannerNav li strong {
	color:#698d2c;
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
}

#vegPlannerNav a {
	color:#fff;
}

#vegPlannerNav a:hover {
	color:#9fe13d;
}

#vegPlanner a:active {
	text-shadow:-1px -1px 0 rgba(100,100,100,0.25);
}

#vegPlannerNav ul#vegPagination {
	float:right;
}