@font-face {
	font-family: 'cookbook';
	src:url('fonts/cookbook.eot');
	src:url('fonts/cookbook.eot?#iefix') format('embedded-opentype'),
		url('fonts/cookbook.woff') format('woff'),
		url('fonts/cookbook.ttf') format('truetype'),
		url('fonts/cookbook.svg#cookbook') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.backward, .forward, .first, .last, .up, .home, .home2, .pencil, .delete, .plus, .disk, .envelope, .print, .cart, .eye {
	font-family: 'cookbook';
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color:#5C7D3B;
	/* text-shadow: 0px 1px 0px #223410; */
	font-weight: normal;
}
.backward:before {
	content: "\e000";
}
.forward:before {
	content: "\e001";
}
.first:before {
	content: "\e002";
}
.last:before {
	content: "\e003";
}
.up:before {
	content: "\e004";
	font-size: 0.8em;
}
.home:before {
	content: "\e005";
}
.home2:before {
	content: "\e005";
}
.pencil:before {
	content: "\e006";
}
.delete:before {
	content: "\e007";
}
.plus:before {
	content: "\e008";
}
.disk:before {
	content: "\e009";
}
.envelope:before {
	content: "\e00a";
}
.print:before {
	content: "\e00b";
}
.eye:before {
	content: "\e00c";
}
.cart:before {
	content: "\e00d";
	font-size: 1em;
}