/*We Love Buttons v 1.0 by Raj Ramamurthy, Oscar Palmer, Louis Harboe, Maximilan Schoening, Benjamin De Cock, Taylor Carrigan, and Jonno Riekwel*/

a.p-1 {
	-webkit-border-radius: 100px;
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .5),
		inset 0 2px 0 rgba(255, 255, 255, .3),
		inset 0 0 1px 1px rgba(255, 255, 255, .2),
		0 1px 1px rgba(0, 0, 0, .2);
	background: #444
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .3)),
			to(transparent)
		);
	color: rgba(255, 255, 255, .7);
	display: inline-block;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 5px 20px 4px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}

a.p-1:hover {
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .5),
		inset 0 2px 0 rgba(255, 255, 255, .3),
		inset 0 0 1px 1px rgba(255, 255, 255, .2),
		inset 0 0 4px rgba(255, 255, 255, .3),
		0 1px 1px rgba(0, 0, 0, .2);
}

a.p-1:active {
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .5),
		inset 0 1px 4px rgba(0, 0, 0, .6);
}

a.p-2 {
	-webkit-background-clip: padding-box;
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .2),
		inset 0 2px 0 rgba(255, 255, 255, .5),
		inset 0 0 1px 2px rgba(255, 255, 255, .3);
	-webkit-border-radius: 5px;
	background: #f5f5f5
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(transparent),
			to(rgba(0, 0, 0, .15))
		);
	color: #666;
	display: inline-block;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 20px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

a.p-2:hover {
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .2),
		inset 0 2px 0 rgba(255, 255, 255, .5),
		inset 0 0 1px 2px rgba(255, 255, 255, .6);
}

a.p-2:active {
	-webkit-box-shadow:
		inset 0 0 4px rgba(0, 0, 0, .3),
		inset 0 0 0 1px rgba(0, 0, 0, .2);
	-webkit-border-radius: 4px;
}

a.p-3 {
	-webkit-background-clip: padding-box;
	color: rgba(255, 255, 255, .7);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
	padding: 5px 20px;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 12px;
	background: #333
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .4)),
			color-stop(.5, rgba(255, 255, 255, .1)),
			color-stop(.51, transparent),
			to(rgba(255, 255, 255, .05))
		);
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .6),
		inset 0 2px 0 rgba(255, 255, 255, .2),
		inset 0 0 1px 2px rgba(255, 255, 255, .1);
	-webkit-border-radius: 5px;
	line-height: 20px;
	display: inline-block;
	text-decoration: none;
}

a.p-3:hover {
	color: rgba(255, 255, 255, .6);
}

a.p-4 {
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 20px;
	-webkit-box-shadow:
		inset 0 0 10px rgba(255, 255, 255, .1),
		inset 0 1px 0 rgba(255, 255, 255, .4),
		inset 0 0 1px rgba(255, 255, 255, .7);
	background: #444
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .3)),
			color-stop(.5, rgba(255, 255, 255, .05)),
			color-stop(.51, transparent),
			to(rgba(255, 255, 255, .05))
		);
	border: 1px solid #444;
	color: rgba(255, 255, 255, .8);
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
	line-height: 25px;
	padding: 0 20px;
	display: inline-block;
	text-decoration: none;
}

a.p-4:hover {
	-webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, .5),
		inset 0 1px 0 rgba(255, 255, 255, .4),
		inset 0 0 1px rgba(255, 255, 255, .7);
	background: #444
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .3)),
			color-stop(.5, rgba(255, 255, 255, .1)),
			color-stop(.51, transparent),
			to(rgba(255, 255, 255, .2))
		);
}

a.p-4:active {
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .8);
	background: #444
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(transparent),
			color-stop(.51, transparent),
			to(rgba(255, 255, 255, .2))
		);
}

a.p-5 {
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 20px;
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .3),
		inset 0 1px 0 rgba(255, 255, 255, .3),
		inset 0 0 1px rgba(255, 255, 255, .4),
		0 1px 2px rgba(0, 0, 0, .2);
	background: #ddd
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .6)),
			color-stop(.5, rgba(255, 255, 255, .35)),
			color-stop(.51, transparent),
			to(rgba(0, 0, 0, 0.05))
		);
	color: rgba(0, 0, 0, .5);
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 11px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
	line-height: 29px;
	padding: 0 25px;
	display: inline-block;
	text-decoration: none;
}

a.p-5:hover {
	background: #ddd
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .6)),
			color-stop(.5, rgba(255, 255, 255, .1)),
			color-stop(.51, rgba(0, 0, 0, 0.1)),
			color-stop(.8, rgba(255, 255, 255, .1)),
			to(rgba(255, 255, 255, .6))
		);
}

a.p-5:active {
	background: #ddd;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .6);
}

a.p-6 {
	-webkit-border-radius: 400px;
	background: #c38
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .3)),
			to(rgba(0, 0, 0, .2))
		);
	padding: 0 30px;
	line-height: 27px;
	color: rgba(255, 255, 255, .8);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	letter-spacing: .05em;
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .5),
		inset 0 2px 0 rgba(255, 255, 255, .4),
		inset 0 0 1px 1px rgba(255, 255, 255, .05),
		0 1px 0 rgba(255, 255, 255, .1);
	display: inline-block;
	text-decoration: none;
}

a.p-6:hover {
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .5),
		inset 0 0 5px rgba(255, 255, 255, .5),
		inset 0 2px 0 rgba(255, 255, 255, .4),
		0 1px 0 rgba(255, 255, 255, .1);
}

a.p-6:active {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			from(rgba(255, 255, 255, .2)),
			color-stop(.8, rgba(0, 0, 0, .1)),
			to(rgba(0, 0, 0, .2))
		);
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .5),
		inset 0 2px 2px rgba(0, 0, 0, .4),
		0 1px 0 rgba(255, 255, 255, .1);
}

a.p-7 {
	width: 120px;
	height: 32px;
	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	background: #eee 
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(0,0,0, 0)),
			to(rgba(0,0,0, .1))
		);
	border: 1px solid #bbb;
	color: #666;
	text-shadow: 0 1px 1px rgba(255,255,255, 1);
	line-height: 32px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255, .5),
		inset 0 1px 0 rgba(255,255,255, .5);
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

a.p-7:hover {
	background-color: #f7f7f7;
}

a.p-7:active {
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0, .2);
	line-height: 34px;
}

a.p-8 {
	width: 120px;
	height: 32px;
	font-size: 11px;
	background: #eee
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(0,0,0, 0)),
			to(rgba(0,0,0, .1))
		);
	border: 1px solid #bbb;
	color: #666;
	text-shadow: 0 1px 1px rgba(255,255,255, 1);
	line-height: 32px;
	-webkit-border-radius: 24px;
	font-family: 'Lucida Grande', sans-serif;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255, .5),
		inset 0 1px 0 rgba(255,255,255, .5);
	-webkit-transition: -webkit-box-shadow .05s;
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

a.p-8:hover {
	background-color: #f7f7f7;
	border-color: #b18ddb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255, .5),
		inset 0 1px 0 rgba(255,255,255, .5),
		0 0 8px rgba(109, 37, 193, .35);
}

a.p-8:active {
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0, .2),
		0 0 8px rgba(109, 37, 193, .35);
	line-height: 34px;
}

a.p-9 {
	width: 120px;
	height: 40px;
	background: #ddd;
	color: #555;
	line-height: 40px;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	position: relative;
	top: -6px;
	left: -6px;
	-webkit-box-shadow: 1px 1px 0 #aaa,
		2px 2px 0 #aaa,
		3px 3px 0 #aaa,
		4px 4px 0 #aaa,
		5px 5px 0 #aaa,
		6px 6px 0 #aaa;
	-webkit-transition: none;
	display: inline-block;
	text-decoration: none;
}

a.p-9:hover {
	top: -3px;
	left: -3px;
	-webkit-box-shadow: 1px 1px 0 #aaa,
		2px 2px 0 #aaa,
		3px 3px 0 #aaa;
}

a.p-9:active {
	top: 0;
	left: 0;
	-webkit-box-shadow: inset 1px 1px 0 #aaa,
		inset 2px 2px 0 #aaa,
		inset 3px 3px 0 #aaa;
}

a.p-10 {
	background: #55b05a
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .1)),
			to(rgba(0, 0, 0, .2))
		);
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	color: rgba(255, 255, 255, .9);
	font-size: 12px;
	padding: 0 30px;
	line-height: 30px;
/*	border: 1px solid #2f5f32;*/
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 
		inset 0 0 0 1px rgba(0, 0, 0, .4),
		inset 0 2px 1px rgba(255, 255, 255, .2),
		inset 0 -2px 1px rgba(0, 0, 0, .01),
		inset 0 0 1px 1px rgba(0, 0, 0, .3);
	font-weight: 500;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, .3);
	display: inline-block;
	text-decoration: none;
}

a.p-10:hover {
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .3)),
			to(rgba(0, 0, 0, .2))
		);
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .5),
		inset 0 0 0 2px rgba(255, 255, 255, .2),
		inset 0 2px 1px rgba(255, 255, 255, .2),
		inset 0 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: 5px;
}

a.p-10:active {
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .4),
		inset 0 2px 1px rgba(0, 0, 0, .2),
		inset 0 -2px 1px rgba(0, 0, 0, .1),
		inset 0 0 2px rgba(0, 0, 0, .3);
	-webkit-border-radius: 3px;
}

a.p-11 {
	-webkit-background-clip: padding-box;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5),
		inset 0 0 1px rgb(255, 255, 255),
		0 2px 0 rgb(165, 165, 165),
		0 3px 0 rgba(0, 0, 0, .25);
	-webkit-transition: .1s linear color;
	-webkit-border-radius: 3px;
	background: rgb(240, 240, 240)
		-webkit-gradient(
			linear,
			0% 0%,
			0% 100%,
			from(transparent),
			to(rgba(0, 0, 0, .1))
		);
	border: 1px solid rgb(165, 165, 165);
	color: rgba(0, 0, 0, .5);
	display: inline-block;
	font-family: "Helvetica Neue", Helvetica sans-serif;
	line-height: 30px;
	padding: 0 20px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}

a.p-11:hover {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6),
		inset 0 0 2px rgb(255, 255, 255),
		0 2px 0 rgb(165, 165, 165),
		0 3px 0 rgba(0, 0, 0, .25);
	color: rgba(0, 0, 0, .55);
}

a.p-11:active {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5),
		inset 0 0 1px rgb(255, 255, 255),
		0 1px 0 rgb(165, 165, 165),
		0 2px 0 rgba(0, 0, 0, .25);
	position: relative;
	top: 1px;
}

a.p-12 {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	background: rgb(130, 130, 130)
		-webkit-gradient(
			linear,
			0% 0%,
			0% 100%,
			from(rgba(255, 255, 255, .4)),
			to(rgba(0, 0, 0, .2))
		);
	-webkit-box-shadow: 
		inset 0 0 0 1px rgba(0, 0, 0, .4),
		inset 0 2px 1px rgba(0, 0, 0, .2),
		0 1px 0 rgba(255, 255, 255, .6);
	font-weight: bold;
	line-height: 30px;
	padding: 0 20px;
	color: rgba(255, 255, 255, .8);
	-webkit-text-stroke: 1px transparent;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
	-webkit-border-radius: 5px;
	-webkit-transition: .1s background;
	text-decoration: none;
	display: inline-block;
}

a.p-12:hover {
	background-image:
		-webkit-gradient(
			linear,
			0% 0%,
			0% 100%,
			from(rgba(255, 255, 255, .3)),
			to(rgba(0, 0, 0, .2))
		);
}

a.p-12:active {
	background-image:
		-webkit-gradient(
			linear,
			0% 0%,
			0% 100%,
			from(rgba(255, 255, 255, .4)),
			to(rgba(0, 0, 0, .2))
		);
	line-height: 29px;
	padding-top: 1px;
	position: relative;
	top: 1px;
	-webkit-box-shadow: 
		inset 0 0 0 1px rgba(0, 0, 0, .4),
		inset 0 2px 2px rgba(0, 0, 0, .5),
		0 1px 0 rgba(255, 255, 255, .6);
}

a.l-1 {
	-webkit-background-clip: padding-box;
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#fdfdfd),
			to(#dadbdd)
		);
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 30px;
	padding: 0 20px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
	border-radius: 15px;
	border: 1px solid #b7b8ba;
	border-bottom-color: #959aa4;
	color: #365d95;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
}

a.l-1:hover {
	color: #333;
}

a.l-1:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#dadbdd),
			to(#fdfdfd)
		);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}

@-webkit-keyframes l-2 {
	from {
		-webkit-box-shadow: 0 0 2px rgba(100, 197, 245, .8);
}

50% {
	-webkit-box-shadow: 0 0 10px rgba(100, 197, 245, .8);
	border-color: #77abef;
}

to {
	-webkit-box-shadow: 0 0 2px rgba(100, 197, 245, .8);
	border-color: #77abef;
}

}

a.l-2 {
	-webkit-background-clip: padding-box;
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#FDFDFD),
			to(#d3d3d3)
		);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 24px;
	padding: 0 11px;
	-webkit-box-shadow: 0px 1px 2px rgba(255, 255, 255, .5);
	border-radius: 15px;
	border: 1px solid #b7b8ba;
	color: #515151;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px #fff;
	-webkit-text-stroke: 1px  transparent;
	-webkit-animation-name: l-2;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	display: inline-block;
}

a.l-2:hover {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#FDFDFD),
			to(#e8f0f8)
		);
	color: #436e9a;
	border: 1px solid #77abef;
	-webkit-box-shadow: 0px 0px 2px #77abef;
	-webkit-animation-name: none;
}

a.l-2:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#929292),
			to(#cecece)
		);
	color: #555;
	-webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0,.5);
	text-shadow: 0px 1px #eee;
	border: solid 1px #666;
	-webkit-animation-name: none;
}

a.l-3 {
	-webkit-background-clip: padding-box;
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#fff9d8),
			to(#f3e79f)
		);
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	line-height: 25px;
	padding: 0 10px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #fff;
	border: 1px solid #85816a;
	color: #585642;
	font-size: 12px;
	font-weight: bold;
	-webkit-text-stroke: 1px transparent;
	display: inline-block;
	text-decoration: none;
}

a.l-3:hover {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(261, 256, 176, 1)),
			to(rgba(238, 215, 94, 1))
		);
	color: #952a06;
}

a.l-3:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(238, 215, 94, 1 )),
			to(rgba(261, 256, 176, 1))
		);
}

a.l-4 {
	-webkit-background-clip: padding-box !important;
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#777878),
			to(#000),
			color-stop(.5,#3e3e3e),
			color-stop(.5,#000)
		);
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	line-height: 36px;
	padding: 0 15px;
	-webkit-border-radius: 8px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .8);
	color: #fff;
	font-size: 14px;
	text-shadow: 0px -1px 0px #000;
	-webkit-text-stroke: 1px transparent;
	display: inline-block;
	text-decoration: none;
}

a.l-4:hover {
	opacity: .8;
}

a.l-4:active {
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
	color: #888;
	border-color: #eee;
}

a.l-5 {
	-webkit-background-clip: padding-box;
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#C2E444),
			to(#008000),
			color-stop(.5,#5AB500),
			color-stop(.5,#27A300)
		);
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	line-height: 33px;
	height: 36px;
	padding: 0 15px;
	-webkit-border-radius: 8px;
	border: 1px solid rgba(0,0,0,0.5);
	border-bottom-color: #005400;
	-webkit-box-shadow: inset 0px -2px 0px #005400,
		inset 0 1px 1px #fdff5d;
	color: #fff;
	font-size: 14px;
	text-shadow: 0px -1px 0px #000;
	font-weight: bold;
	-webkit-text-stroke: 1px transparent;
	display: inline-block;
	text-decoration: none;
}

a.l-5:hover {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#D1F056),
			to(#008F00),
			color-stop(.5,#62C400),
			color-stop(.5,#00B000)
		);
}

a.l-5:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#005500),
			to(#50A500)
		);
	-webkit-box-shadow: inset 0px 1px 5px #000;
	opacity: 1;
}

a.l-6 {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#a1aebd),
			to(#384b6d)
		);
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	line-height: 25px;
	padding: 0 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #425675;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	color: rgba(255, 255, 255, .96);
	font-size: 13px;
	text-shadow: 0px 1px 1px #000;
	font-weight: bold;
	-webkit-text-stroke: 1px transparent;
	display: inline-block;
	text-decoration: none;
}

a.l-6:hover {
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#b0c4e4),
		to(#5575a8)
	);
}

a.l-6:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#2b4161),
			to(#5b7491)
		);
	-webkit-box-shadow: inset 0px 1px 3px #000;
	opacity: 1;
	border: 1px solid #172742;
}

a.l-7 {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#fff),
			to(#fff),
			color-stop(.9,#b4e994)
		);
	font-family: Helvetica, Verdana, Arial, sans-serif;
	display: inline-block;
	line-height: 25px;
	text-align: center;
	padding: 0 15px;
	-webkit-border-radius: 5px;
	border: 1px solid #549324;
	-webkit-box-shadow: inset 0px 0px 2px rgba(255,255,255,0.8);
	color: #306717;
	font-size: 11px;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition-property: color, border-color;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: ease-in, linear;
}

a.l-7:hover {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#fff),
			to(#fff),
			color-stop(.9,#9adb76)
		);
	color: #306717;
	border: 1px solid #549324;
}

a.l-7:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#b4e994),
			to(#fff)
		);
}

a.l-8 {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#fff),
			to(#fff),
			color-stop(.9,#ddd)
		);
	font-family: Helvetica, Verdana, Arial, sans-serif;
	display: inline-block;
	line-height: 25px;
	text-align: center;
	padding: 0 15px;
	-webkit-border-radius: 5px;
	border: 1px solid #bbb;
	-webkit-box-shadow: inset 0px 0px 2px rgba(255,255,255,0.8);
	color: #666;
	font-size: 11px;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition-property: color, border-color;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: ease-in, linear;
}

a.l-8:hover {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#fff),
			to(#fff),
			color-stop(.9,#ffc4a5)
		);
	color: #c23b24;
	border: 1px solid #c23b24;
}

a.l-8:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#ffc4a5),
			to(#fff)
		);
}

a.l-9 {
	background: #000
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(125, 125, 125, 0.7)),
			to(rgba(0, 0, 0, 0.7))
		);
	font-family: Helvetica, Verdana, Arial, sans-serif;
	display: inline-block;
	line-height: 26px;
	text-align: center;
	padding: 0 15px;
	-webkit-border-radius: 30px;
	border: 1px solid rgba(255,255,255,0.8);
	-webkit-box-shadow: inset 0px 0px 2px rgba(255,255,255,0.8),
		0px 1px 5px rgba(0,0,0,0.8),
		0px -1px 1px rgba(0,0,0,0.2) !important;
	text-shadow: none;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	-webkit-transition-property: color, border-color;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: ease-in, linear;
	pause
	-webkit-text-stroke: 1px transparent;
	letter-spacing: 0.5px;
	-webkit-background-clip: padding-box;
}

a.l-9:hover {
	text-shadow: 0px 0px 10px #fff;
}

a.l-9:active {
	background: #000
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(0, 0, 0, 0.7)),
			to(rgba(125, 125, 125, 0.7))
		);
}

a.l-9:after {
	content: "\25B6";
	font-size: 12px;
	margin-left: 8px;
}

a.m-1 {
	-webkit-border-radius: 3px;
	font: bold 13px "Helvetica Neue", Arial, Geneva, sans-serif;
	padding: 4px 30px;
	cursor: pointer;
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#eee),
			to(#c4c4c4)
		);
	border: 1px solid #a0a0a0;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
	color: #4f4f4f;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	-webkit-transition: -webkit-box-shadow .1s linear;
	display: inline-block;
	text-decoration: none;
}

a.m-1:hover {
	-webkit-box-shadow: 0 0 4px #a0a0a0;
}

a.m-1:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#c4c4c4),
			to(#eee)
		);
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
}

a.m-1.disabled {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#eee),
			to(#c4c4c4)
		);
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
	cursor: auto;
	opacity: .5;
}

a.m-1.attention {
	-webkit-animation-direction: alternate;
	-webkit-animation-name: 'm-1';
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-box-shadow: 0 0 4px #6998ff;
}

a.m-1.attention:hover {
	-webkit-box-shadow: 0 0 4px #a0a0a0;
	-webkit-animation: none;
}

@-webkit-keyframes 'm-1' {
	0% {
	    -webkit-box-shadow: 0 0 1px rgba(100, 150, 255, .3);
}

100% {
	border-color: rgba(100, 150, 255, 1);
	-webkit-box-shadow: 0 0 10px rgba(100, 150, 255, 1);
}

}

a.m-2 {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#64abe6),
			to(#2b70c4)
		);
	border: 1px solid #14528f;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .25);
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
	-webkit-transition: -webkit-box-shadow .1s linear;
	-webkit-border-radius: 3px;
	font: bold 13px "Helvetica Neue", Arial, Geneva, sans-serif;
	padding: 4px 30px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}

a.m-2:hover {
	-webkit-box-shadow: 0 0 5px #6496ff;
}

a.m-2:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#2b70c4),
			to(#64abe6)
		);
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .25);
}

a.m-2.disabled {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#64abe6),
			to(#2b70c4)
		);
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .15);
	cursor: auto;
	opacity: .5;
}

a.bdc-1,a.bdc-2 {
	display: inline-block;
	font: 700 .7em "lucida grande", arial, sans-serif;
	color: #fff;
	text-decoration: none;
	width: 90px;
	line-height: 28px;
}

a.bdc-1:active {
	position: relative;
}

a.bdc-1:active,a.bdc-2:active {
	top: 1px;
}

a.bdc-1 {
	background:
		-webkit-gradient(
		    linear,
		    0 0, 0 100%,
		    from(#b0d4e7),
		    to(#739eb7)
		);
	background:
		-moz-linear-gradient(
			#b0d4e7,
			#739eb7
		  );
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow:
		inset 0 1px 1px rgba(0,0,0,.2),
		inset 0 1px 2px rgba(0,0,0,.3),
		0 1px 0 #fff;
	-moz-box-shadow: 
		inset 0 1px 1px rgba(0,0,0,.2),
		inset 0 1px 2px rgba(0,0,0,.3),
		0 1px 0 #fff;
}

a.bdc-1:hover {
	background:
		-webkit-gradient(
		    linear,
		    0 0,
		    0 100%,
    		from(#b6dbef),
    		to(#7daec9)
		);
	background:
		-moz-linear-gradient(
    		#b6dbef,
    		#7daec9
		);
}

a.bdc-2 {
	position: relative;
	background:
		-webkit-gradient(
			linear,
			0 0, 0 100%,
			from(#5d7da2), to(#264060)
		);
	background:
		-moz-linear-gradient(
		    #5d7da2,
		    #264060
		);
	border-radius: 3px;
	-moz-border-radius: 3px;
	text-indent: 30px;
	text-shadow: 0 -1px 0 #000;
	-webkit-box-shadow:
		inset 0 0 1px #000,
		inset 0 2px 0 rgba(255,255,255,.15),
		0 1px 0px #000,
		0 1px 2px #000;
	-moz-box-shadow:
		inset 0 0 1px #000,
		inset 0 2px 0 rgba(255,255,255,.15),
		0 1px 0px #000,
		0 1px 2px #000;
	text-align: left;
}

a.bdc-2::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	margin: 6px 0 0 -23px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	background:
		-webkit-gradient(
			linear,
			0 0,
			0 100%,
			from(rgba(255,255,255,.5)),
			to(rgba(255,255,255,.05))
		  );
	background:
		-moz-linear-gradient(
			rgba(255,255,255,.5),
			rgba(255,255,255,.05)
		);
	-webkit-box-shadow: 
		0 1px 0 rgba(0,0,0,.4),
		0 2px 0 rgba(255,255,255,.1);
	-moz-box-shadow:
		0 1px 0 rgba(0,0,0,.4),
		0 2px 0 rgba(255,255,255,.1);
}

a.bdc-2::after {
	content: "\25B6";
	position: absolute;
	left: -16px;
	-webkit-transform: scale(.8,.8);
	-moz-transform: scale(.7,.7) translateX(2px);
}

a.bdc-2:hover {
	background:
		-webkit-gradient(
			linear,
			0 0,
			0 100%,
			from(#7198c4),
			to(#31557f)
		);
	background:
		-moz-linear-gradient(
		    #7198c4,
		    #31557f
		);
}

a.bdc-2:hover::before {
	background:
		-webkit-gradient(
			linear,
			0 0,
			0 100%,
			from(rgba(255,255,255,.7)),
			to(rgba(255,255,255,.1))
		);
	background:
		-moz-linear-gradient(
			rgba(255,255,255,.7),
			rgba(255,255,255,.1)
		);
}

a.t-1 {
	background-image: 
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(72, 88, 89, 1.0000)),
			to(rgba(46, 56, 57, 1.0000))
		);
	-webkit-background-clip: padding box;
	-webkit-box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .5),
		inset 0 0 0 1px rgba(255, 255, 255, .2);
	border: 1px solid rgba(40, 48, 49, 1.0000);
	border-radius: 8px;
	padding: 10px;
	font-family: "Helvetica", sans-serif;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 1px #000;
	text-decoration: none;
	display: inline-block;
	line-height: 1;
}

a.t-1:hover {
	background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(86, 104, 106, 1.0000)),
			to(rgba(58, 69, 70, 1.0000))
		);
}

a.t-1:active {
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(46, 56, 57, 1.0000)),
			to(rgba(91, 113, 114, 1.0000))
		);
	-webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .3);
}

a.t-2 {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgba(153, 218, 255, 1.0000)),
			color-stop(.36, rgba(38, 151, 236, 1.0000)),
			color-stop(.49, rgba(38, 151, 236, 1.0000)),
			color-stop(1, rgba(207, 238, 255, 1.0000))
		);
	-webkit-box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .5),
		inset 0 0 0 1px rgba(255, 255, 255, .5),
		0px 1px 2px rgba(0,0,0,0.5);
	-webkit-background-clip: padding box;
	border: 1px solid rgba(0, 0, 0, .7);
	border-radius: 30px;
	padding: 5px 10px 5px 10px;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	display: inline-block;
	line-height: 1;
}

a.t-2:hover {
	-webkit-box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .5),
		inset 0 0 0 1px rgba(255, 255, 255, .5),
		0px 0px 3px rgba(33, 128, 237, 1.0000),
		0px 1px 2px rgba(0,0,0,0.5);
}

a.t-2:active {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgba(153, 218, 255, 1.0000)),
			color-stop(.36, rgba(30, 119, 185, 1.0000)),
			color-stop(.49, rgba(30, 119, 185, 1.0000)),
			color-stop(1, rgba(207, 238, 255, 1.0000))
		);
}

a.t-3 {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgba(85, 144, 32, 1.0000)),
			color-stop(.5, rgba(141, 211, 62, 1.0000)),
			color-stop(.5, rgba(148, 194, 43, 0.7))
		);
	-webkit-box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, .5),
			inset 0 0 0 1px rgba(255, 255, 255, .5),
			0px 1px 2px rgba(0,0,0,0.3);
	-webkit-background-clip: padding box;
	border: 1px solid rgba(72, 119, 37, 1.0000);
	border-radius: 6px;
	padding: 7px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	text-decoration: none;
	display: inline-block;
	line-height: 1;
}

a.t-3:hover {
	border: 1px solid rgba(51, 85, 26, 1.0000);
}

a.t-3:active {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(.3, rgba(116, 191, 59, 1.0000)),
			color-stop(.5, rgba(88, 146, 45, 1.0000)),
			color-stop(.5, rgba(85, 144, 32, 1.0000))
		);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6);
}

a.t-4 {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			from(rgba(246, 246, 246, 1.0000)),
			to(rgba(182, 182, 182, 1.0000))
		);
	-webkit-box-shadow:
		inset 0 2px 0 rgba(255, 255, 255, .9),
		inset 0 0 0 2px rgba(255, 255, 255, .5),
		0px 1px 2px rgba(0,0,0,0.4);
	-webkit-background-clip: padding box;
	border: 2px solid rgba(109, 109, 109, 1.0000);
	border-radius: 10px;
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3a3a3a;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
	display: inline-block;
	line-height: 1;
}

a.t-4:hover {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			from(rgba(246, 246, 246, 1.0000)),
			to(rgba(144, 144, 144, 1.0000))
		);
	border: 2px solid rgba(105, 105, 105, 1.0000);
}

a.t-4:active {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			from(rgba(246, 246, 246, 1.0000)),
			to(rgba(144, 144, 144, 1.0000))
		);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6);
	border: 2px solid rgba(86, 86, 86, 1.0000);
}

a.t-5 {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(.5, rgba(30, 97, 200, 1.0000)),
			color-stop(.5, rgba(118, 159, 222, 1.0000))
		);
	-webkit-box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .5),
		inset 0 0 0 1px rgba(255, 255, 255, .2),
		0px 1px 2px rgba(0,0,0,0.3);
	border: 1px solid rgba(20, 79, 167, 1.0000);
	border-radius: 20px;
	padding: 5px 10px 5px 10px;
	font-family: "Helvetica", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	text-decoration: none;
	display: inline-block;
	line-height: 1;
}

a.t-5:active {
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(.5, rgba(21, 74, 158, 1.0000)),
			color-stop(.5, rgba(98, 133, 187, 1.0000))
		);
}

a.j-1 {
	font: bold 13px "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	-webkit-text-stroke: 1px transparent;
	background: #f0f0f0
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .3)),
			to(#ddd)
		);
	color: #606060;
	display: inline-block;
	line-height: 22px;
	padding: 3px 20px;
	border: 1px solid #d1d1d1;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 
		inset 0 1px 0 rgba(255, 255, 255, .6),
		0 1px 1px rgba(0, 0, 0, .05);
}

a.j-1:hover {
	background: #fff -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .3)),
			to(#eee)
		);
}

a.j-1:active {
	background: #dcdcdc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .4);
	border: 1px solid #aaa;
}

a.j-2 {
	-webkit-box-shadow: 
		inset 0 1px 0 rgba(255, 255, 255, .4),
		0 1px 2px rgba(0, 0, 0, .3);
	background: #2daad8 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .19)), to(rgba(0, 0, 0, .19)));
	font: bold 13px "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
	color: rgba(255, 255, 255, .9);
	border: 1px solid #297895;
	line-height: 22px;
	padding: 3px 22px;
	-webkit-border-radius: 20px;
	display: inline-block;
}

a.j-2:hover {
	background-color: #6ccdf1;
	border-color: #3292b5;
}

a.j-2:active {
	-webkit-box-shadow: 
		inset 0 1px 2px rgba(0, 0, 0, .4);
	background: #2daad8 -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .19)), to(rgba(0, 0, 0, .19)));
}

a.j-3 {
	-webkit-box-shadow: 
		inset 0 1px 0 rgba(255, 255, 255, .4),
		0 1px 1px rgba(0, 0, 0, .1);
	background: #d4dce3
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .4)),
			color-stop(.5, rgba(255, 255, 255, .2)),
			color-stop(.51, transparent),
			to(transparent)
		);
	font: bold 13px "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	color: #5e7586;
	border: 1px solid #bdcad5;
	line-height: 22px;
	padding: 3px 22px;
	-webkit-border-radius: 20px;
	display: inline-block;
}

a.j-3:hover {
	background-color: #dee4ea;
}

a.j-3:active {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	background: -webkit-gradient(
			linear,
			left bottom,
			left top,
			from(#eaeef2),
			to(#b0bfcc)
		);
}