/************************************************************************************
BUTTONS
*************************************************************************************/
a.shortcode.button {
	text-decoration: none !important;
	color: #333;
	line-height: 110%;
	padding: .5em 1em;
	margin: .5em .2em .5em 0;
	border: solid 1px #aaa;
	background-color: #f5f5f5;
	background-image: none;
	vertical-align: middle;
	display: inline-block;

	text-shadow: 0 1px 0 rgba(255,255,255,.1);
	border-radius: .3em;
	box-shadow: 0 1px 0 rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(255,255,255,.1);
	-webkit-transition: background-color .3s, background-color .3s, border .3s, color .3s;
	-moz-transition:  background-color .3s, background-color .3s, border .3s, color .3s;
	-o-transition:  background-color .3s, background-color .3s, border .3s, color .3s;
	transition:  background-color .3s, background-color .3s, border .3s, color .3s;
}
a.shortcode.button:hover {
	text-decoration: none;
	background-color: #fff;
}

/* button colors */
a.shortcode.button.yellow {
	border-color: #f2bd00;
	background-color: #ffe20b;
	color: #000 !important;
}
a.shortcode.button.yellow:hover {
	background-color: #fff21e;
}
a.shortcode.button.yellow.outline,
a.shortcode.button.yellow.outline:hover {
	color: #ffe20b !important;
	border-color: #ffe20b;
}

a.shortcode.button.orange {
	border-color: #b57400;
	background-color: #f9800f;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.orange:hover {
	background-color: #ff9a22;
}
a.shortcode.button.orange.outline,
a.shortcode.button.orange.outline:hover {
	color: #f9800f !important;
	border-color: #f9800f;
}

a.shortcode.button.blue {
	border-color: #0087b5;
	background-color: #49b3fc;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.blue:hover {
	background-color: #76c7ff;
}
a.shortcode.button.blue.outline,
a.shortcode.button.blue.outline:hover {
	color: #49b3fc !important;
	border-color: #49b3fc;
}

a.shortcode.button.green {
	border-color: #5a881d;
	background-color: #76ab3b;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.green:hover {
	background-color: #90c356;
}
a.shortcode.button.green.outline,
a.shortcode.button.green.outline:hover {
	color: #76ab3b !important;
	border-color: #76ab3b;
}

a.shortcode.button.red {
	border-color: #b00704;
	background-color: #e41d24;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.red:hover {
	background-color: #fb4e55;
}
a.shortcode.button.red.outline,
a.shortcode.button.red.outline:hover {
	color: #e41d24 !important;
	border-color: #e41d24;
}

a.shortcode.button.black {
	border-color: #000000;
	background-color: #111;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,.8);
}
a.shortcode.button.black:hover {
	background-color: #000;
}
a.shortcode.button.black.outline,
a.shortcode.button.black.outline:hover {
	color: #000 !important;
	border-color: #000;
}

a.shortcode.button.purple {
	border-color: #400a5c;
	background-color: #7933ac;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}
a.shortcode.button.purple:hover {
	background-color: #9655c6;
}
a.shortcode.button.purple.outline,
a.shortcode.button.purple.outline:hover {
	color: #7933ac !important;
	border-color: #7933ac;
}

a.shortcode.button.gray {
	border-color: #767676;
	background-color: #888888;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.gray:hover {
	background-color: #adadad;
}
a.shortcode.button.gray.outline,
a.shortcode.button.gray.outline:hover {
	color: #888888 !important;
	border-color: #888888;
}

/* light color */
a.shortcode.button.white,
a.shortcode.button.white:hover {
	color: #000 !important;
	border-color: #eee;
	background-color: #fff;
}
a.shortcode.button.white.outline,
a.shortcode.button.white.outline:hover {
	color: #fff !important;
	border-color: #fff;
}

a.shortcode.button.light-yellow {
	border-color: #d5d28a;
	background-color: #fef8a5;
}
a.shortcode.button.light-yellow:hover {
	background-color: #fefcdf;
}
a.shortcode.button.light-yellow.outline,
a.shortcode.button.light-yellow.outline:hover {
	color: #fef8a5 !important;
	border-color: #fef8a5;
}

a.shortcode.button.light-blue {
	border-color: #a4cad9;
	background-color: #c5efff;
}
a.shortcode.button.light-blue:hover {
	background-color: #e9f9ff;
}
a.shortcode.button.light-blue.outline,
a.shortcode.button.light-blue.outline:hover {
	color: #c5efff !important;
	border-color: #c5efff;
}

a.shortcode.button.light-green {
	border-color: #bed49a;
	background-color: #ebf8d6;
}
a.shortcode.button.light-green:hover {
	background-color: #f9fff0;
}
a.shortcode.button.light-green.outline,
a.shortcode.button.light-green.outline:hover {
	color: #ebf8d6 !important;
	border-color: #ebf8d6;
}

a.shortcode.button.pink {
	border-color: #e6adc6;
	background-color: #facde1;
}
a.shortcode.button.pink:ho